:root{--lime:#6DB33F;--forest:#0B4D2A;--teal:#0B4D2A;--amber:#6DB33F;--orange:#0B4D2A;--dark:#2b2b2b;--ink:#2f2f2f;--text:#5b5f5c;--gray:#f4f6f5;--rule:#e3e7e4}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:16px/1.7 Manrope,system-ui,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
.wrap{max-width:1170px;margin:0 auto;padding:0 30px}
h1,h2,h3,h4{color:var(--ink);font-weight:800;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:800}
h2{font-size:clamp(1.8rem,3vw,2.6rem)}
h3{font-size:1.35rem;margin:22px 0 8px}
h4{font-size:1rem;text-transform:uppercase;letter-spacing:.03em;margin:20px 0 8px}
a{color:var(--forest)}
.big{font-size:1.15rem;color:var(--ink);margin-bottom:18px}
.center{text-align:center;max-width:720px;margin:0 auto 50px}
.divider{display:flex;gap:8px;margin:20px 0 26px}.divider i{height:2px;width:20px;background:var(--lime);display:block}.divider i+i{width:60px;background:var(--forest)}
.divider.c{justify-content:center}
/* buttons */
.btn{position:relative;display:inline-block;padding:14px 30px 14px 38px;border-radius:50px;border:0;color:#fff;font:700 .78rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:transform .25s,box-shadow .25s,filter .25s}
.btn::before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-10px;border:2px solid currentColor;border-color:currentColor transparent transparent currentColor;border-radius:50%;opacity:.8;transition:transform .5s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}.btn:hover::before{transform:rotate(360deg)}
.btn-dark{background:var(--dark)}.btn-teal{background:var(--teal)}.btn-orange{background:var(--orange)}
/* top bar & nav */
.topbar{font-size:.8rem;border-bottom:1px solid var(--rule)}.tb-in{display:flex;justify-content:space-between;height:40px;align-items:center}
.topbar a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--lime)}
.nav{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:80px}
.brand img{height:36px;display:block}
.links{display:flex;gap:26px}
.links a{color:var(--ink);text-decoration:none;font-size:.92rem;padding:6px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.links a:hover,.links a.active{color:var(--lime);border-color:var(--lime)}
.burger{display:none;background:none;border:0;cursor:pointer;width:40px;height:40px;border-radius:50%;background:var(--orange);padding:12px 11px}
.burger span{display:block;height:2px;background:#fff;margin:3px 0}
/* hero */
.hero{background:var(--forest);text-align:center;padding:60px 0 0;overflow:hidden}
.hero h1{color:#fff}.hero h1 em{font-style:normal;color:var(--lime)}
.hero-sub{color:#e3eee0;font-size:1.15rem;max-width:760px;margin:22px auto 30px;font-weight:600}
.hero-ill{display:block;width:100%;max-width:900px;margin:44px auto 0;height:auto;padding-bottom:10px}.hero .btn-dark{background:var(--lime);color:#0B4D2A}.hero{padding-bottom:30px}
.trail{stroke-dashoffset:0;animation:trail 3s linear infinite}
@keyframes trail{to{stroke-dashoffset:-68}}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(5,1fr)}
.tiles a{position:relative;overflow:hidden;padding:28px 26px;min-height:120px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:center;transition:filter .2s}
.tiles a:hover{filter:brightness(1.07)}
.tiles b{font-weight:400;font-size:1.25rem;line-height:1.2;position:relative}.tiles small{position:relative;opacity:.9;font-size:.8rem}
.tn{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:5rem;font-weight:400;opacity:.22;line-height:1}
.t1{background:var(--gray);color:var(--ink)!important}.t2{background:var(--teal)}.t3{background:var(--orange)}.t4{background:var(--amber)}.t5{background:var(--forest)}
/* sections */
.sec{padding:100px 0}.gray{background:var(--gray)}.dark{background:var(--dark)}
.dark h2{color:#fff}.dark .big{color:#d7dbd8}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split-ill{width:100%;height:auto}
.checks{list-style:none;margin:6px 0 34px}.checks li{position:relative;padding-left:26px;margin:10px 0;font-size:.95rem}
.checks li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:4px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}
.cic{width:96px;height:96px;border-radius:50%;background:#eaf4e2;display:grid;place-items:center;transition:transform .35s}
.cic svg{width:58px;height:58px}
.infos{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.info{text-align:center}.info .cic{margin:0 auto}
.info:hover .cic,.app:hover .cic{transform:translateY(-6px) rotate(-4deg)}
.apps{display:flex;flex-wrap:wrap;justify-content:center;gap:46px 34px}.apps .app{flex:0 0 calc(25% - 26px)}
.app{text-align:center;font-size:.9rem}.app .cic{margin:0 auto}
.counters{background:var(--forest);padding:70px 0}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cgrid div{position:relative;min-height:90px}
.cn{display:block;font-size:5.5rem;font-weight:400;line-height:1;color:var(--lime);opacity:.6}
.cl{display:block;margin-top:-22px;color:#fff;font-size:1.05rem;position:relative}
.how{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.how-ill{background:var(--forest);display:grid;place-items:center;padding:40px}
.how-ill svg{width:100%;max-width:520px;height:auto}
.how-txt{padding:90px 60px;max-width:620px}
.steps{list-style:none;margin-bottom:34px}.steps li{display:flex;gap:18px;margin:18px 0}
.steps li>span{flex:0 0 12px;height:12px;margin-top:10px;border-radius:50%;background:var(--lime)}
.steps h4{margin:6px 0 4px}.steps p{font-size:.93rem}
/* form */
.card{background:#fff;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.1);padding:46px;max-width:860px;margin:0 auto}
.form{display:grid;gap:18px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label{display:grid;gap:6px;font-size:.85rem;font-weight:700;color:var(--ink)}
.form input,.form select,.form textarea{font:inherit;font-weight:400;padding:13px 20px;border:1px solid var(--rule);border-radius:30px;background:var(--gray)}
.form textarea{border-radius:18px}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--lime);background:#fff}
.fend{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.formmsg{font-size:.9rem}
/* footer */
.foot{background:#1f2420;color:#aab3ad;padding-top:70px;position:relative}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;padding-bottom:40px}
.flogo{height:34px;background:#fff;padding:6px 10px;border-radius:4px}
.foot h4{color:#fff;font-size:1.3rem;text-transform:none;margin-top:0}
.flinks{list-style:none;columns:2;font-size:.85rem}.flinks li{margin:6px 0}.flinks a{color:#aab3ad;text-decoration:none}.flinks a::before{content:"▸ ";color:var(--lime)}.flinks a:hover{color:#fff}
.fstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #333a35;padding:30px}
.fstrip a{display:flex;gap:14px;align-items:center;text-decoration:none;color:#fff}.fstrip small{display:block;color:#8e9891;font-size:.78rem}.fstrip b{font-weight:800}
.fi svg{width:38px;height:38px}
.copy{background:#181c19;text-align:center;font-size:.8rem;padding:14px}
.totop{position:absolute;right:26px;bottom:60px;width:40px;height:40px;border-radius:50%;border:1px solid #556058;color:#fff;display:grid;place-items:center;text-decoration:none}
/* map (functional, restyled) */
.mapfig{background:#fff;border-radius:6px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.maptools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--rule);margin-bottom:22px}
.seg{display:inline-flex;background:var(--gray);border-radius:30px;padding:4px}
.seg button{background:none;border:0;padding:8px 18px;border-radius:30px;font:700 .78rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);cursor:pointer;transition:background .2s}
.seg button.on{background:var(--lime);color:#fff}
.chk{font-size:.88rem;display:flex;gap:6px;align-items:center;margin-right:auto}
.btn-o{background:var(--dark);border:0;color:#fff;border-radius:30px;padding:10px 22px;font:700 .78rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.btn-o:hover{background:var(--orange)}
.mapgrid{display:grid;grid-template-columns:1fr 290px;gap:28px}
.mapbox{position:relative;aspect-ratio:10/7;background:#e9e6dc;border-radius:4px;overflow:visible}
.mapbox canvas,.mapbox svg{position:absolute;inset:0;width:100%;height:100%;border-radius:4px}
.hexc{fill:none;stroke:rgba(20,48,31,.22);stroke-width:.8}
.hexsel{fill:rgba(255,255,255,.28);stroke:#14301f;stroke-width:2.2}
.link{stroke:#14301f;stroke-width:1;stroke-dasharray:3 4;opacity:.55}
.hexc,.hexsel,.link,.maplabel{pointer-events:none}
.sensor{cursor:pointer}.sensor .hit{fill:transparent;stroke:none}
.sensor circle:not(.hit){fill:#fff;stroke:#14301f;stroke-width:2.4}
.sensor:hover circle:not(.hit),.sensor.on circle:not(.hit){fill:var(--orange)}
.sensor text{font:700 11px Manrope,sans-serif;fill:#14301f;paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none}
.maplabel{font:600 12px Manrope,sans-serif;fill:#14301f}
.tip{position:absolute;pointer-events:none;background:var(--dark);color:#eee;border-radius:10px;padding:12px 14px;font-size:.8rem;line-height:1.5;min-width:220px;opacity:0;transform:translate(-50%,calc(-100% - 14px));transition:opacity .12s;z-index:5;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.tip.below{transform:translate(-50%,16px)}.tip.show{opacity:1}
.tip b{font-size:.95rem;color:#fff}.tip .z{color:var(--amber);margin-bottom:6px}
.tip .r{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #444;padding-top:2px}.tip .r span:last-child{font-weight:700;color:#c8ef9f}
.tip small{display:block;margin-top:6px;color:#aaa;font-style:italic}
.mapside h3{margin:0 0 12px;font-size:1.2rem}
.ztable{width:100%;border-collapse:collapse;font-size:.88rem}
.ztable th{text-align:left;font-weight:700;color:var(--text);font-size:.72rem;text-transform:uppercase;border-bottom:2px solid var(--lime);padding:6px 4px}
.ztable td{padding:8px 4px;border-bottom:1px dashed var(--rule);color:var(--ink)}
.ztable td:nth-child(n+2),.ztable th:nth-child(n+2){text-align:right}
.sw{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;border-radius:50%}
.bar{display:block;height:4px;background:var(--gray);margin-top:4px;border-radius:2px}.bar i{display:block;height:100%;background:var(--lime);border-radius:2px}
.keys{margin-top:20px;display:grid;gap:8px;font-size:.85rem}.keys div{display:flex;gap:10px;align-items:center}
.fine{margin-top:18px;font-size:.78rem;color:#888;font-style:italic}
figcaption{margin-top:22px;padding:18px 20px;background:var(--gray);border-left:3px solid var(--lime);border-radius:4px;font-size:.9rem}
/* animations */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:1100px){.links{gap:16px}.links a{font-size:.85rem}}
@media (max-width:980px){.burger{display:block}.links{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 30px 20px;box-shadow:0 10px 20px rgba(0,0,0,.08)}.links.open{display:flex}.links a{padding:10px 0;border-bottom:1px solid var(--rule)}
.tiles{grid-template-columns:repeat(2,1fr)}.tiles a:last-child{grid-column:span 2}.split,.how{grid-template-columns:1fr}.mapgrid{grid-template-columns:1fr}.apps .app{flex-basis:calc(50% - 17px)}.cgrid{grid-template-columns:repeat(2,1fr);gap:40px}.how-txt{padding:60px 30px}.fgrid{grid-template-columns:1fr;gap:40px}.fstrip{grid-template-columns:1fr}}
@media (max-width:640px){.wrap{padding:0 20px}.topbar span{display:none}.tb-in{justify-content:flex-end}.sec{padding:64px 0}.infos{grid-template-columns:1fr}.apps .app{flex-basis:100%}.row2{grid-template-columns:1fr}.card{padding:26px}.mapfig{padding:14px;margin:0 -8px}.brand img{height:28px}.cn{font-size:4rem}.tn{font-size:3.6rem}.tiles a{padding:22px 18px}.tiles b{font-size:1.05rem}}

.btn-forest{background:var(--forest)}.btn-dark{background:var(--forest)}.sensor:hover circle:not(.hit),.sensor.on circle:not(.hit){fill:var(--lime)}.btn-o{background:var(--forest)}.btn-o:hover{background:var(--lime)}.dark{background:#16231b}h4{font-weight:800}.tip{background:#16231b}.tip .z{color:#c8ef9f}
@media (max-width:640px){.hero-ill{margin-top:30px}}

/* original V3 hero + tiles */
.hero{background:#6DB33F!important;padding:60px 0 0!important}
.hero h1{color:#123d24!important;font-weight:400!important;font-size:clamp(2rem,4vw,3.1rem);letter-spacing:0}
.hero-sub{color:#fff!important;font-weight:600}
.hero .btn-dark{background:#2b2b2b!important;color:#fff}
.hero-ill{margin:40px auto 0!important;max-width:900px!important;padding-bottom:0!important}
.tiles b{font-weight:400}
.t1{background:#f4f6f5}.t2{background:#3BB3A8}.t3{background:#E8663D}.t4{background:#F4B43C}.t5{background:#0B4D2A}
.hero h1{line-height:1.2}
/* tile strip v2: single forest band */
.tiles{background:#0B4D2A;grid-template-columns:repeat(5,1fr)}
.tiles a,.tiles a.t1{background:#0B4D2A;color:#fff!important;padding:30px 28px 32px;min-height:0;justify-content:flex-start;border-left:1px solid rgba(255,255,255,.14);border-top:3px solid transparent;transition:background .2s,border-color .2s}
.tiles a:first-child{border-left:0}
.tiles a:hover{background:#0f5c33;border-top-color:#6DB33F;filter:none}
.tn{position:static;transform:none;font-size:.78rem;font-weight:800;letter-spacing:.12em;color:#6DB33F;opacity:1;margin-bottom:8px}
.tiles b{font-weight:800;font-size:1.12rem}
.tiles small{color:#c9dccd;opacity:1;font-size:.85rem;margin-top:4px}
@media (max-width:980px){.tiles{grid-template-columns:1fr 1fr}.tiles a{border-top:1px solid rgba(255,255,255,.14)}.tiles a:nth-child(odd){border-left:0}.tiles a:last-child{grid-column:span 2}}
@media (max-width:640px){.tiles{grid-template-columns:1fr}.tiles a{display:grid;grid-template-columns:34px 1fr;align-items:baseline;padding:16px 20px;border-left:0}.tiles a:last-child{grid-column:auto}.tn{font-size:.75rem;margin:0;grid-row:span 2}.tiles b{font-size:1.02rem}.tiles small{margin:0;grid-column:2}}
@media (max-width:640px){.tiles a.t1{padding:16px 20px}}

/* strip v3: LI-COR-style solutions band */
.strip{background:#0B4D2A;padding:48px 0 52px;text-align:center}
.strip-h{color:#fff;font-weight:800;font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:34px}
.tiles2{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.tiles2 a{display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;color:#fff;padding:10px 6px 12px;border-radius:6px;transition:background .2s,transform .2s}
.tiles2 svg{width:52px;height:52px;transition:transform .25s}
.tiles2 b{font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;line-height:1.3}
.tiles2 a:hover{background:rgba(255,255,255,.06)}.tiles2 a:hover svg{transform:translateY(-4px)}.tiles2 a:hover b{color:#6DB33F}
@media (max-width:980px){.tiles2{grid-template-columns:repeat(3,1fr);row-gap:26px}}
@media (max-width:640px){.strip{padding:38px 0 40px}.strip-h{font-size:1.1rem;margin-bottom:24px}.tiles2{grid-template-columns:1fr 1fr;gap:22px 10px}.tiles2 a:last-child{grid-column:span 2}.tiles2 svg{width:44px;height:44px}.tiles2 b{font-size:.85rem}}

/* strip v4: 7 applications */
.tiles2{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 8px}
.tiles2 a{flex:0 0 calc((100% - 48px)/7)}
.app{scroll-margin-top:110px}.app:target h4{color:#6DB33F}
@media (max-width:980px){.tiles2 a{flex-basis:calc((100% - 24px)/4)}}
@media (max-width:640px){.tiles2 a{flex-basis:calc((100% - 8px)/2)}.tiles2 a:last-child{grid-column:auto}}

/* merged variability + deployment */
#deployment{background:#fff}
#deployment .center{margin-bottom:34px}
.var-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:start;margin:0 auto 44px;max-width:1110px}
.var-intro .big{margin:0}.var-intro .checks{margin:0}
#deployment .mapfig{box-shadow:0 18px 44px rgba(11,77,42,.12);border:1px solid #e3e7e4}
@media (max-width:980px){.var-intro{grid-template-columns:1fr;gap:20px}}
/* capabilities */
.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:60px}
.cap{background:#fff;border-radius:6px;padding:30px 28px;border-top:3px solid var(--lime);box-shadow:0 10px 30px rgba(11,77,42,.07)}
.cap h3{margin:0 0 10px;font-size:1.15rem;color:var(--forest)}.cap p{font-size:.93rem}
/* pricing */
.prices{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px;margin:0 auto}
.price{background:#fff;border-radius:8px;padding:38px 36px;box-shadow:0 14px 40px rgba(11,77,42,.08);display:flex;flex-direction:column;gap:14px;border:1px solid #e3e7e4}
.price.feat{border:2px solid var(--lime)}
.price h3{margin:0;font-size:1.25rem}
.ptag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--lime)}
.amt{color:var(--forest);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.amt small{font-weight:700;font-size:.95rem}.amt b{font-size:3rem;font-weight:800;line-height:1}.amt span{font-weight:700}.amt .cu{font-size:2rem}
.price .btn{align-self:flex-start;margin-top:auto}
.pnote{text-align:center;font-size:.85rem;color:#7a827d;margin-top:26px}
/* view switch */
.tb-in{gap:16px}.tb-in>span{margin-right:auto}
.viewsw{display:inline-flex;background:var(--gray);border-radius:30px;padding:3px}
.viewsw button{border:0;background:none;font:800 .72rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:5px 14px;border-radius:30px;cursor:pointer;color:var(--ink)}
.viewsw button.on{background:var(--forest);color:#fff}
body.consumer .links a:not(.nav-consumer):not([href="#top"]):not([href="#contact"]){display:none}
body:not(.consumer) .links a.nav-consumer{display:none}
/* consumer hero */
.c-hero{background:linear-gradient(180deg,#eef7e6,#f8fbf5);padding:70px 0 60px}
.c-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.c-kicker{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--lime)}
.c-hero h1{font-weight:800;color:var(--forest);margin:12px 0 18px}
.c-cta{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:6px 0 26px}.c-link{font-weight:800;text-decoration:none}
.c-pts{list-style:none;display:grid;gap:8px}.c-pts li{padding-left:22px;position:relative;font-size:.95rem}.c-pts li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:var(--lime)}.c-pts b{color:var(--ink)}
.c-hero-ill svg{width:100%;max-width:400px;display:block;margin:0 auto;animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-6px)}}
/* app */
.c-app-grid{display:grid;grid-template-columns:380px 1fr;gap:50px;align-items:start;max-width:1000px;margin:0 auto}
.phone{background:#1f2a22;border-radius:42px;padding:14px;box-shadow:0 30px 60px rgba(11,77,42,.25);position:relative}
.ph-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:110px;height:22px;background:#1f2a22;border-radius:0 0 14px 14px;z-index:2}
.ph-screen{background:#f8fbf5;border-radius:30px;padding:36px 18px 18px;}
.ph-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ph-top img{height:22px}
.demo-badge{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#fff;border:1px solid #cfe2c2;color:var(--forest);padding:3px 9px;border-radius:20px}
.ph-plants{display:flex;gap:6px;margin-bottom:12px}
.ph-plants button{flex:1;border:1px solid #d7e5cd;background:#fff;border-radius:20px;padding:7px 4px;font:800 .78rem Manrope,sans-serif;color:var(--forest);cursor:pointer}
.ph-plants button.on{background:var(--forest);color:#fff;border-color:var(--forest)}
.ph-hero{display:flex;gap:10px;align-items:center;background:#fff;border-radius:18px;padding:12px;box-shadow:0 6px 18px rgba(11,77,42,.07)}
.pface{width:120px;flex:0 0 120px;height:auto}
.ph-name{display:block;color:var(--ink);font-size:.95rem}
.ph-mood{display:inline-block;color:#fff;font-size:.7rem;font-weight:800;padding:2px 10px;border-radius:20px;margin:4px 0 6px;text-transform:uppercase;letter-spacing:.04em}
.ph-say{font-size:.82rem;line-height:1.45;color:var(--ink)}
.ph-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.pm{background:#fff;border:1px solid #e3e7e4;border-radius:14px;padding:9px 8px;text-align:left;cursor:pointer;font-family:Manrope,sans-serif}
.pm.on{border-color:var(--lime);box-shadow:0 0 0 2px rgba(109,179,63,.25)}
.pm small{display:block;font-size:.66rem;color:#7a827d;font-weight:700;line-height:1.2;min-height:2.4em}.pm b{display:block;font-size:1.25rem;font-weight:800;color:var(--forest)}
.pm i{font-style:normal;font-size:.64rem;font-weight:800}.pm .up{color:#3f8f22}.pm .dn{color:#b9761b}.pm .fl{color:#7a827d}
.ph-chart{background:#fff;border-radius:16px;padding:12px 12px 6px;border:1px solid #e3e7e4}
.ph-ch-h{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:4px}.ph-ch-h b{color:var(--ink)}
.ph-chart svg{width:100%;height:110px;display:block}
.ph-sim{font-size:.7rem;font-style:italic;color:#7a827d;text-align:center;margin-top:10px}
.talk{background:#fff;border-radius:12px;padding:30px;box-shadow:0 14px 40px rgba(11,77,42,.08);border:1px solid #e3e7e4}
.talk-h{display:flex;justify-content:space-between;align-items:center;gap:10px}.talk h3{margin:0;font-size:1.4rem}
.talk-note{font-size:.85rem;margin:10px 0 18px;color:#6a726d}
.chat{background:#f4f8f1;border-radius:14px;padding:16px;height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.msg{max-width:82%;display:flex;flex-direction:column}.msg span{padding:10px 14px;border-radius:16px;font-size:.92rem;line-height:1.45}
.msg.plant{align-self:flex-start}.msg.plant span{background:#fff;border:1px solid #d7e5cd;color:var(--ink);border-bottom-left-radius:4px}
.msg.plant small{font-size:.66rem;color:#8a938d;margin:3px 0 0 6px;font-style:italic}
.msg.me{align-self:flex-end}.msg.me span{background:var(--forest);color:#fff;border-bottom-right-radius:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chips button{border:1.5px solid var(--lime);background:#fff;color:var(--forest);font:800 .82rem Manrope,sans-serif;padding:8px 14px;border-radius:20px;cursor:pointer;transition:background .2s}
.chips button:hover{background:#eef7e6}
.c-end{text-align:center;margin-top:60px}.c-end .big{margin-bottom:20px}
@media (max-width:980px){.caps,.prices{grid-template-columns:1fr}.c-hero-in,.c-app-grid{grid-template-columns:1fr}.phone{max-width:380px;margin:0 auto;width:100%}.c-hero-ill svg{max-width:300px}}
@media (max-width:640px){.tb-in{justify-content:space-between}.viewsw button{padding:5px 10px;font-size:.66rem}.topbar a{font-size:.72rem}.amt b{font-size:2.5rem}.price{padding:28px 22px}.talk{padding:20px}.ph-screen{padding:34px 12px 14px;min-height:0}.pface{width:96px;flex-basis:96px}.c-hero{padding:46px 0}}
.demo-badge{white-space:nowrap}.talk-h{flex-wrap:wrap}
.c-note{text-align:center;font-size:.85rem;color:#6a726d;margin-top:34px}
/* phone 1:2.1 */
.c-app-grid{grid-template-columns:310px 1fr;align-items:center}
.phone{width:310px;max-width:100%;aspect-ratio:1/2.1;padding:9px;border-radius:46px;display:flex;margin:0 auto}
.ph-notch{top:9px;width:100px;height:22px}
.ph-screen{flex:1;display:flex;flex-direction:column;border-radius:38px;padding:40px 13px 18px;min-height:0;overflow:hidden}
.ph-top{margin-bottom:18px}.ph-plants{margin-bottom:16px}.ph-metrics{margin:16px 0}
.pface{width:96px;flex-basis:96px}
.ph-chart{flex:1;display:flex;flex-direction:column;padding-bottom:10px}.ph-chart svg{flex:1;height:auto;min-height:110px}
.pm{padding:9px 7px}.pm b{font-size:1.15rem}
@media (max-width:980px){.phone{width:310px}}
@media (max-width:640px){.phone{width:300px}.ph-screen{padding:38px 12px 16px}}
@media (max-width:980px){.c-app-grid{grid-template-columns:1fr}}
.ph-name{line-height:1.3}

/* consumer pricing */
.cprice{display:grid;grid-template-columns:1fr 1fr;max-width:820px;margin:0 auto;background:#fff;border:2px solid var(--lime);border-radius:10px;box-shadow:0 14px 40px rgba(11,77,42,.08);overflow:hidden}
.cp-main,.cp-sum{padding:36px 34px;display:flex;flex-direction:column;gap:14px}
.cp-sum{background:#f4f8f1}
.cp-terms{list-style:none;display:grid;gap:8px}.cp-terms li{padding-left:22px;position:relative;font-weight:700;color:var(--ink)}.cp-terms li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--lime)}
.cp-sum p{color:var(--ink)}.cp-sum b{font-size:1.5rem;font-weight:800;color:var(--forest);margin-right:4px}
.cp-sum .btn{align-self:flex-start;margin-top:6px}
@media (max-width:640px){.cprice{grid-template-columns:1fr}.cp-main,.cp-sum{padding:26px 22px}}
.cp-return{font-size:.9rem;color:var(--ink);border-top:1px dashed #d7e5cd;padding-top:12px;margin-top:4px}
/* Manrope typography tuning */
body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.015em}
h2{font-weight:750}
.hero h1{font-weight:600!important;letter-spacing:-.025em;font-size:clamp(2rem,3.9vw,3rem)}
.hero-sub{font-weight:500!important}
.c-hero h1{font-weight:750;letter-spacing:-.025em}
.strip-h{font-weight:700;letter-spacing:.06em}
.tiles2 b{font-weight:700;font-size:.86rem;letter-spacing:.04em}
h4{letter-spacing:.02em}
.btn,.btn-o,.seg button,.viewsw button{font-family:Manrope,sans-serif}
.amt b{font-weight:800;letter-spacing:-.02em}.cp-sum b{font-weight:800}
.pm b{font-weight:800;font-size:1.1rem}.pm small{font-size:.64rem}
.ph-plants button,.chips button{font-family:Manrope,sans-serif;font-weight:700}
.chips button{font-size:.8rem}
