:root{
  --green:#159437;--green-dark:#0f7a2d;--green-soft:#edf8f0;--ink:#111827;
  --text:#4b5563;--muted:#6b7280;--line:#e6e9ed;--card:#fff;--bg:#fff;
  --shadow:0 18px 50px rgba(15,23,42,.08);--radius:22px;--max:1180px
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#dcefe1;line-height:1.55}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(230,233,237,.9)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:46px;height:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:skewX(-12deg)}
.brand-mark span{display:block;border-radius:6px;background:linear-gradient(180deg,#28ad49,#0d7b2d)}
.brand-text strong{display:block;font-size:20px;letter-spacing:.12em}.brand-text small{display:block;margin-top:-2px;font-size:9px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.nav-links a{position:relative}.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;border-radius:9px;background:var(--green);transform:scaleX(0);transition:.2s}.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-cta,.btn{border:0;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;transition:.2s}
.nav-cta,.btn.primary{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(21,148,55,.2)}.nav-cta{padding:13px 18px}.btn{padding:15px 22px}.nav-cta:hover,.btn.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.btn.secondary{background:#fff;border:1px solid var(--line)}
.menu-toggle{display:none;background:none;border:0;font-size:26px}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--green);font-size:13px;font-weight:900;margin-bottom:16px}
.hero{padding:84px 0 48px;background:radial-gradient(circle at 83% 12%,rgba(21,148,55,.16),transparent 29%),linear-gradient(180deg,#eaf6ed,#d8eddd)}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:54px}
h1{margin:0;font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-.045em}h1 .accent{color:var(--green)}
.hero-copy{margin-top:24px;max-width:650px;color:var(--text);font-size:18px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.trust-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px;color:#4f5c68;font-size:14px}.trust-item{display:flex;gap:9px;align-items:center}.trust-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:900}
.device-stage{position:relative;min-height:500px}.blob{position:absolute;inset:12% 0 auto 18%;width:76%;aspect-ratio:1.1;border-radius:42% 58% 62% 38% / 38% 40% 60% 62%;background:radial-gradient(circle at 50% 50%,rgba(21,148,55,.14),rgba(21,148,55,.025) 62%,transparent 64%)}
.monitor{position:absolute;left:5%;top:8%;width:82%;background:#f9fafb;border:10px solid #101114;border-bottom-width:20px;border-radius:24px;box-shadow:var(--shadow);transform:perspective(900px) rotateY(-7deg) rotateX(2deg)}
.screen{background:#fff;border-radius:12px;overflow:hidden}.screen-top{height:30px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #eceff2;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#d1d5db}
.screen-content{display:grid;grid-template-columns:1fr .8fr;gap:18px;padding:28px;min-height:280px;align-items:center}.screen-copy h3{font-size:28px;line-height:1.07;margin:0 0 14px}.screen-copy p{font-size:12px;color:var(--muted);margin:0 0 16px}.mini-btn{display:inline-block;background:var(--green);color:#fff;padding:9px 12px;border-radius:8px;font-size:10px;font-weight:800}
.screen-art{min-height:220px;border-radius:20px;background:linear-gradient(135deg,rgba(21,148,55,.06),rgba(255,255,255,.6)),radial-gradient(circle at 70% 26%,rgba(21,148,55,.16),transparent 30%),linear-gradient(#f4f7f5,#f8faf9);position:relative;overflow:hidden}
.screen-art::before,.screen-art::after{content:"";position:absolute;bottom:0;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 -8px 25px rgba(15,23,42,.04)}.screen-art::before{width:42%;height:44%;left:14%}.screen-art::after{width:30%;height:62%;right:10%}
.plant{position:absolute;right:16%;top:18%;width:40px;height:70px;border-radius:55% 45% 55% 45%;background:linear-gradient(160deg,#2ea34b,#0f7b2d);transform:rotate(14deg);box-shadow:-10px 18px 0 -12px #238f3d,11px 18px 0 -12px #238f3d}
.stand{position:absolute;left:39%;bottom:-68px;width:26%;height:84px;background:linear-gradient(90deg,#d8dadd,#f3f4f6,#c8ccd0);clip-path:polygon(35% 0,65% 0,74% 75%,94% 100%,6% 100%,26% 75%)}
.phone{position:absolute;right:0;bottom:16px;width:165px;height:322px;border:8px solid #101114;border-radius:34px;background:#fff;box-shadow:var(--shadow);transform:rotate(2deg)}.phone::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:6px;width:62px;height:16px;background:#111;border-radius:0 0 10px 10px}.phone-inner{padding:42px 16px 18px}.phone-brand{font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:36px}.phone h4{font-size:22px;line-height:1.08;margin:0 0 14px}.phone h4 span{color:var(--green)}.phone p{font-size:11px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #edf0f2;border-radius:18px;padding:26px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.card-icon{width:54px;height:54px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:16px}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;color:var(--text);font-size:14px}.learn{margin-top:18px;color:var(--green);font-weight:850;font-size:13px}
.section{padding:64px 0}.section.soft{background:#d2ead8}.section-head{max-width:760px;margin-bottom:30px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{font-size:42px;line-height:1.08;margin:0 0 12px;letter-spacing:-.03em}.section-head p{color:var(--text);font-size:17px}
.why-wrap{display:grid;grid-template-columns:.9fr 1.7fr;gap:46px;background:linear-gradient(135deg,#fbfefc,#f5faf6);border:1px solid #edf3ee;border-radius:26px;padding:40px}.why-copy h2{font-size:38px;line-height:1.06;margin:8px 0 16px;letter-spacing:-.03em}.why-copy p{color:var(--text)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #e4ece6}.feature{padding:14px 20px 24px;border-right:1px solid #e4ece6;border-bottom:1px solid #e4ece6;min-height:142px}.feature:nth-child(n+4){border-bottom:0}.feature-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f0faf2;border:1px solid #d9eedf;color:var(--green);font-weight:900;margin-bottom:12px}.feature strong{display:block;margin-bottom:6px}.feature p{font-size:13px;color:var(--text);margin:0}
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.case{border:1px solid #edf0f2;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}.case-art{height:170px;background:linear-gradient(145deg,#eaf4ec,#c7dbc9);position:relative}.case-art::after{content:"";position:absolute;left:18%;right:18%;bottom:20%;height:45%;border-radius:10px;background:rgba(255,255,255,.78);box-shadow:0 16px 22px rgba(15,23,42,.1)}.case-body{padding:18px}.case-body small{color:var(--muted)}.case-body h3{font-size:16px;margin:5px 0 10px}.case-body a{color:var(--green);font-weight:850;font-size:13px}
.inner-hero{padding:74px 0 48px;background:linear-gradient(135deg,#eaf6ed,#d5ebda)}.inner-hero h1{font-size:clamp(44px,5vw,66px);max-width:850px}.inner-hero p{max-width:720px;color:var(--text);font-size:18px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.panel{background:#fff;border:1px solid #edf0f2;border-radius:22px;padding:30px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid #e6ece8;border-radius:22px;padding:30px;background:#fff}.price-card.featured{border-color:#b8dfc2;box-shadow:0 18px 45px rgba(21,148,55,.12)}.price{font-size:42px;font-weight:900}.price span{font-size:15px;color:var(--muted);font-weight:600}.list{padding:0;margin:20px 0;list-style:none}.list li{margin:10px 0;padding-left:24px;position:relative;color:var(--text)}.list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}.contact-card{padding:30px;border-radius:22px;background:linear-gradient(145deg,#f5fbf6,#fff);border:1px solid #e5efe7}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:14px 16px;border:1px solid #dfe5e1;border-radius:12px;font:inherit}.form textarea{min-height:160px;resize:vertical}
.cta-strip{margin:18px auto 42px;width:min(var(--max),calc(100% - 40px));background:linear-gradient(100deg,#f0faf3,#f7fcf8);border:1px solid #e1eee4;border-radius:20px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-left{display:flex;align-items:center;gap:16px}.cta-bubble{width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:25px}.cta-left h3{margin:0;font-size:22px}.cta-left p{margin:4px 0 0;color:var(--text);font-size:14px}
footer{border-top:1px solid #eef0f2;padding:40px 0 24px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-copy{color:var(--text);font-size:14px;max-width:290px}.footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}.footer-col a{display:block;color:#39424e;font-size:14px;margin:7px 0}.copyright{text-align:center;color:#9aa3ad;font-size:12px;margin-top:34px}
.mobile-nav{display:none}
@media(max-width:1020px){.nav-links{display:none}.menu-toggle{display:block}.mobile-nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px}.menu-open .mobile-nav{display:grid;gap:12px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.device-stage{min-height:440px;max-width:760px;width:100%;margin-inline:auto}.cards{grid-template-columns:repeat(2,1fr)}.why-wrap{grid-template-columns:1fr}.feature-grid{border-left:0}.case-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr}}
@media(max-width:680px){.container{width:min(var(--max),calc(100% - 24px))}.nav{height:72px}.mobile-nav{top:72px}.nav-cta{display:none}.hero{padding-top:52px}h1{font-size:44px}.hero-copy{font-size:16px}.device-stage{min-height:390px}.monitor{left:0;width:90%}.phone{width:130px;height:260px}.phone h4{font-size:16px}.phone-inner{padding:36px 12px}.cards,.case-grid{grid-template-columns:1fr}.why-wrap{padding:28px 20px}.feature-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #e4ece6!important}.feature:last-child{border-bottom:0!important}.cta-strip{width:calc(100% - 24px);flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.section-head h2{font-size:34px}}

.site-logo{display:block;width:auto;height:62px;max-width:320px;object-fit:contain}.brand-logo{display:flex;align-items:center}.footer-grid .site-logo{height:56px}@media(max-width:760px){.site-logo{height:48px;max-width:240px}.footer-grid .site-logo{height:48px}}