@font-face{font-family:Comfortaa;src:url('/assets/comfortaa-variable.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--ink:#17251d;--muted:#5e6a60;--green:#8db53a;--green-deep:#4c7027;--green-pale:#edf3df;--paper:#f7f8f4;--line:#dfe5d8;--white:#fff;--shadow:0 22px 65px rgba(31,57,27,.11)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Comfortaa,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.045em;line-height:1.09}
h1{font-size:clamp(3.4rem,5.6vw,6.5rem);font-weight:620}
h2{font-size:clamp(2.45rem,4.1vw,4.65rem);font-weight:610}
h3{font-size:1.45rem;font-weight:600}
.container{width:min(100% - 56px,1320px);margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--ink);color:#fff;padding:10px 16px}.skip-link:focus{left:8px}
.site-header{position:relative;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(22,42,21,.08)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:152px;height:auto}
.site-header nav{display:flex;align-items:center;gap:30px}
.site-header nav>a:not(.button){font-size:.92rem;font-weight:600;text-decoration:none;color:#3c4d3e;transition:color .2s}
.site-header nav>a:not(.button):hover{color:var(--green-deep)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;border-radius:10px;border:1px solid transparent;text-decoration:none;font-weight:700;font-size:.95rem;line-height:1.15;padding:15px 23px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:normal;text-align:center}
.button:hover{transform:translateY(-2px)}
.button:focus-visible,.text-link:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #568229;outline-offset:3px}
.button span{font-size:1.18rem;font-weight:500;line-height:0}
.button-primary{background:var(--green);color:#11210c;box-shadow:0 12px 24px rgba(88,130,38,.18)}
.button-primary:hover{background:#9cc84a;box-shadow:0 16px 28px rgba(88,130,38,.25)}
.button-outline{background:transparent;color:var(--ink);border-color:#9aae82}
.button-outline:hover{background:var(--green-pale)}
.button-quiet{background:transparent;border-color:transparent;color:var(--ink);padding-left:8px;padding-right:8px}
.button-small{min-height:44px;background:var(--green);padding:11px 18px;font-size:.85rem;border-radius:8px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 20%,#e1efc2 0,transparent 35%),linear-gradient(125deg,#fbfcf9 12%,#eef3e8 100%)}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(67,107,46,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(67,107,46,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent 0%,black 70%);pointer-events:none}
.hero-glow{position:absolute;width:800px;height:800px;right:-300px;top:-130px;background:radial-gradient(circle,rgba(182,221,116,.3),transparent 67%);pointer-events:none}
.hero-grid{position:relative;z-index:1;min-height:650px;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:22px;padding-top:46px;padding-bottom:64px}
.hero-copy{padding-top:4px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 25px;padding:8px 13px;border:1px solid #cbdcba;border-radius:40px;background:#f8fbf2;color:#52752e;text-transform:uppercase;letter-spacing:.1em;font-size:.67rem;font-weight:800}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.hero h1{max-width:750px;margin-bottom:26px}
.hero h1 em{color:#7cac36;font-weight:inherit;font-style:normal}
.hero-lead{font-size:clamp(1.08rem,1.45vw,1.28rem);line-height:1.65;color:#4c594d;max-width:610px;margin-bottom:31px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.text-link{font-size:.95rem;font-weight:700;text-decoration:none;border-bottom:1px solid #819a70;padding-bottom:5px}
.text-link span{padding-left:5px}
.hero-notes{display:flex;gap:21px;flex-wrap:wrap;margin-top:38px;color:#62705f;font-size:.84rem;font-weight:600}
.hero-notes span{display:inline-flex;gap:7px;align-items:center}
.hero-notes svg{width:17px;height:17px;fill:none;stroke:#6f9f36;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.hero-visual{height:580px;position:relative;display:flex;align-items:center;justify-content:center}
.visual-ring{position:absolute;border:1px solid rgba(96,139,66,.16);border-radius:50%}
.ring-one{width:530px;height:530px}
.ring-two{width:420px;height:420px}
.hero-product{position:relative;z-index:2;height:525px;max-width:350px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(20px 28px 26px rgba(40,56,37,.18))}
.hero-product img{width:auto;max-height:100%;object-fit:contain}
.visual-card{position:absolute;z-index:3;display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;column-gap:10px;min-width:185px;background:rgba(255,255,255,.94);padding:13px 15px;border:1px solid rgba(131,154,110,.16);border-radius:12px;box-shadow:0 12px 30px rgba(46,69,36,.1)}
.visual-card .mini-icon{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eaf4d7;color:#507929;font-weight:800}
.visual-card strong{font-size:.77rem;line-height:1.3}.visual-card small{font-size:.66rem;color:var(--muted)}
.visual-card-top{right:0;top:72px}.visual-card-bottom{left:0;bottom:95px}
.hero-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;border-top:1px solid #d8e3cf;padding:14px 0 18px;color:#6b8064;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}
.section{padding:112px 0}
.section-topline{display:flex;align-items:center;gap:26px;margin-bottom:38px}
.section-number{color:#6f9839;font-size:.72rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.hairline{display:block;flex:1;height:1px;background:#d9e2d3}
.section-heading-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.6fr);gap:60px;align-items:end;margin-bottom:48px}
.section-heading-grid h2{max-width:850px;margin-bottom:0}
.section-heading-grid h2 span{color:#78a13d}
.section-heading-grid p{margin:0 0 6px;color:var(--muted);font-size:1.02rem;line-height:1.8}
.intro-section{background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.benefit-card{min-height:330px;border:1px solid var(--line);border-radius:17px;padding:30px;background:linear-gradient(160deg,#f7f9f3,#fff);transition:transform .2s,box-shadow .2s}
.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.benefit-symbol{width:58px;height:58px;display:grid;place-items:center;background:#e9f2d9;border-radius:14px;margin-bottom:41px}
.benefit-symbol svg{width:31px;height:31px;fill:none;stroke:#628f2c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.card-kicker{color:#80a347;font-size:.69rem;font-weight:800;letter-spacing:.12em}
.benefit-card h3{margin:11px 0 12px}
.benefit-card p{color:#687469;font-size:.94rem;line-height:1.7;margin:0}
.fit-section{padding:82px 0;background:#192b20;color:#fff}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.fit-section .section-number{color:#b7d786}
.fit-section h2{font-size:clamp(2.25rem,3.5vw,4rem);max-width:590px;margin:21px 0 0}
.fit-list>div{display:flex;gap:30px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.fit-list>div:first-child{padding-top:0}.fit-list>div:last-child{border:0;padding-bottom:0}
.fit-list span{color:#b2d678;font-weight:800;font-size:.85rem}
.fit-list p{margin:0;font-size:1.02rem;line-height:1.65;color:#e1e9dd}
.process-section{background:#f6f8f2}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:42px}
.process-grid article{position:relative;padding-top:5px}
.step-number{font-size:3rem;line-height:1;letter-spacing:-.07em;font-weight:600;color:#8cb744}
.process-line{height:1px;background:#cbd8be;margin:27px 0}
.process-grid h3{margin:0 0 10px}.process-grid p{max-width:350px;color:var(--muted);font-size:.95rem;line-height:1.7}
.trust-section{background:#e9f0dd;padding:60px 0}
.trust-inner{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:36px}
.trust-mark{width:100px;height:100px;border-radius:25px;background:#94b947;display:grid;place-items:center;font-size:3.5rem;color:#fff;letter-spacing:-.13em;font-weight:600;line-height:1;padding-right:8px}
.trust-inner h2{font-size:clamp(1.75rem,2.5vw,2.6rem);max-width:700px;margin:10px 0 9px}
.trust-inner p:last-child{color:#566655;max-width:710px;margin:0}
.trust-inner a{font-size:.9rem;font-weight:700;white-space:nowrap;text-decoration:none;border-bottom:1px solid #829c69;padding-bottom:4px}
.form-section{background:#f8faf5}
.form-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:9%;align-items:start}
.form-aside{padding-top:36px;position:sticky;top:26px}
.form-aside h2{font-size:clamp(2.5rem,3.9vw,4.5rem);margin:21px 0 25px}
.form-aside>p:not(.section-number){font-size:1.05rem;line-height:1.8;color:var(--muted);max-width:470px}
.form-aside-note{display:flex;gap:15px;align-items:flex-start;border-top:1px solid var(--line);margin-top:45px;padding-top:22px;max-width:470px}
.form-aside-note>span{color:#80ab3f;font-size:1.8rem;line-height:1}
.form-aside-note p{margin:0;color:#657262;font-size:.88rem;line-height:1.65}.form-aside-note strong{color:var(--ink)}
.form-card{border:1px solid #dbe5d2;border-radius:20px;background:#fff;box-shadow:var(--shadow);padding:37px}
.form-card-header{display:flex;justify-content:space-between;align-items:start;gap:18px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:27px}
.form-eyebrow{font-size:.69rem;font-weight:800;letter-spacing:.16em;color:#7ea83d}
.form-card-header h3{font-size:1.65rem;margin:7px 0 0;line-height:1.2}
.form-card-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;background:#e9f2dd;color:#608c32;font-size:1.4rem}
.lead-form{display:grid;gap:18px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:7px;min-width:0;color:#374839;font-size:.82rem;font-weight:700}
.field input,.field select,.field textarea{width:100%;border:1px solid #d7dfd3;border-radius:8px;padding:13px 14px;background:#fbfcf9;color:var(--ink);font-size:.91rem;font-weight:400;line-height:1.35;outline:none;transition:border-color .2s,box-shadow .2s}
.field input::placeholder,.field textarea::placeholder{color:#9ba59a}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#7ca846;box-shadow:0 0 0 3px rgba(146,191,75,.17)}
.field textarea{resize:vertical;min-height:88px}
.privacy-note{font-size:.72rem;line-height:1.6;color:#6b786b;margin:0}
.privacy-note a{text-underline-offset:2px}
.submit-button{width:100%;margin-top:2px}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-footer{color:#849080;font-size:.71rem;text-align:center;margin:18px 0 0}
.step-progress{display:flex;align-items:center;gap:15px;margin:-5px 0 20px}
.progress-track{height:5px;flex:1;border-radius:10px;background:#e7eddf;overflow:hidden}
#progress-fill{display:block;width:33.333%;height:100%;background:#8eb640;transition:width .25s}
#progress-label{font-size:.7rem;color:#678257;font-weight:700;white-space:nowrap}
.form-step{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}
.form-step[hidden]{display:none}
.form-step legend{font-size:1.32rem;line-height:1.2;letter-spacing:-.03em;font-weight:700;margin-bottom:5px}
.step-intro{font-size:.9rem;color:var(--muted);margin:-3px 0 5px}
.step-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}
.step-actions .button-primary{flex:1}
.form-result{padding:20px;border-radius:10px;background:#f1f7e6;border:1px solid #c9dfab;color:#345627}
.form-result.error{background:#fff5f3;border-color:#e8c8c1;color:#8d3326}
.form-result strong{display:block;font-size:1.1rem;margin-bottom:6px}.form-result p{margin:0;font-size:.9rem}
.faq-section{background:#fff;padding:92px 0}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%}
.faq-grid h2{margin:13px 0 0}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}
.faq-list summary{cursor:pointer;font-weight:650;font-size:1.02rem;list-style:none;position:relative;padding-right:30px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:2px;color:#679337;font-size:1.3rem;top:-3px;font-weight:400}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{margin:15px 40px 2px 0;color:var(--muted);font-size:.93rem;line-height:1.7}
.site-footer{background:#eef3e7;padding:38px 0;color:#526450}
.footer-inner{display:flex;justify-content:space-between;gap:40px;align-items:start}
.footer-inner img{width:138px}.footer-inner p{font-size:.8rem;line-height:1.6;margin:7px 0 0}
.footer-inner>div:last-child{text-align:right}
.footer-links{display:flex;justify-content:flex-end;gap:16px;margin-top:13px}
.footer-links a,.footer-links button{color:#526450;font-size:.77rem;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0}
.consent-panel{position:fixed;bottom:16px;left:16px;right:16px;z-index:100;background:#fff;border:1px solid #dce5d6;border-radius:16px;box-shadow:0 18px 60px rgba(24,43,23,.23)}
.consent-inner{width:100%;max-width:none;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.consent-copy{max-width:700px}.consent-copy h2{font-size:1.08rem;letter-spacing:-.02em;margin:0 0 5px}.consent-copy p{font-size:.75rem;line-height:1.55;color:#647060;margin:0}.consent-copy a{text-underline-offset:2px}
.consent-options{display:flex;gap:22px;margin-top:10px}.consent-options label{display:flex;align-items:center;gap:6px;font-size:.77rem;font-weight:700}.consent-options input{accent-color:#7da737}
.consent-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.consent-actions .button{min-height:39px;padding:8px 12px;font-size:.72rem;white-space:nowrap}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr .8fr}.hero h1{font-size:clamp(3rem,5.7vw,5rem)}.visual-card-top{right:-5px}.visual-card-bottom{left:-15px}.section-heading-grid{gap:35px}.trust-inner{grid-template-columns:90px 1fr}.trust-inner a{grid-column:2}.trust-mark{width:80px;height:80px}.form-layout{gap:5%}.consent-inner{display:block}.consent-actions{margin-top:14px;justify-content:flex-start}}
@media(max-width:780px){.container{width:min(100% - 36px,680px)}.header-inner{min-height:68px}.brand img{width:130px}.site-header nav{gap:12px}.site-header nav>a:not(.button){display:none}.button-small{font-size:.74rem;min-height:40px;padding:8px 11px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:50px 0 25px;min-height:0}.hero h1{font-size:clamp(3rem,10vw,5rem)}.hero-lead{font-size:1.03rem}.hero-visual{height:390px;margin:20px auto 0;width:min(100%,520px)}.hero-product{height:370px}.ring-one{width:350px;height:350px}.ring-two{width:280px;height:280px}.visual-card-top{right:5px;top:27px}.visual-card-bottom{left:6px;bottom:31px}.hero-bottom{font-size:.6rem}.section{padding:74px 0}.section-heading-grid,.fit-grid,.form-layout,.faq-grid{grid-template-columns:1fr;gap:24px}.section-heading-grid{margin-bottom:32px}.section-heading-grid h2{font-size:clamp(2.25rem,7vw,3.7rem)}.section-heading-grid p{max-width:570px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:0;padding:24px}.benefit-symbol{margin-bottom:24px}.fit-section{padding:62px 0}.fit-grid{gap:34px}.process-grid{gap:16px}.process-grid h3{font-size:1.16rem}.trust-inner{grid-template-columns:60px 1fr;gap:18px}.trust-mark{width:58px;height:58px;font-size:2.4rem;border-radius:16px}.form-aside{position:static;padding-top:0}.form-aside-note{margin-top:22px}.form-card{padding:26px}.faq-grid{gap:20px}.consent-panel{bottom:8px;left:8px;right:8px}.consent-inner{padding:15px}}
@media(max-width:560px){.hero h1{font-size:clamp(2.8rem,11.5vw,4rem)}.hero-actions{display:grid;justify-items:start;gap:20px}.hero-actions .button{width:100%}.hero-notes{gap:12px;margin-top:27px;font-size:.73rem}.hero-visual{height:330px}.hero-product{height:310px}.ring-one{width:300px;height:300px}.ring-two{width:230px;height:230px}.visual-card{min-width:0;padding:8px 10px;grid-template-columns:27px auto;column-gap:6px}.visual-card .mini-icon{width:26px;height:26px;font-size:.72rem}.visual-card strong{font-size:.67rem}.visual-card small{font-size:.58rem}.visual-card-top{right:-5px;top:25px}.visual-card-bottom{left:-5px;bottom:22px}.hero-bottom span:last-child{display:none}.section-topline{margin-bottom:24px}.benefit-grid{gap:11px}.fit-list>div{gap:18px}.process-grid{grid-template-columns:1fr;gap:20px}.process-grid article{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:start}.step-number{grid-row:span 2;font-size:2.4rem}.process-line{display:none}.process-grid h3{margin:2px 0 7px}.process-grid p{grid-column:2;margin:0}.trust-inner{display:block}.trust-mark{margin-bottom:20px}.trust-inner a{display:inline-block;margin-top:18px}.field-grid{grid-template-columns:1fr;gap:18px}.form-card{padding:20px;border-radius:14px}.form-card-header h3{font-size:1.4rem}.form-card-icon{display:none}.form-aside h2{font-size:2.5rem}.footer-inner{display:block}.footer-inner>div:last-child{text-align:left;margin-top:20px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.consent-options{gap:7px;flex-direction:column}.consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent-actions #consent-accept{grid-column:span 2}.consent-actions .button{width:100%;min-height:37px}.consent-copy p{font-size:.7rem}.consent-copy h2{font-size:.95rem}.consent-panel{max-height:80vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Additional substance and interactive scenario */
.tech-section{background:#fff}
.tech-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:8%;align-items:center}
.tech-copy h2{max-width:680px;margin:0 0 26px}.tech-copy h2 span,.data-grid h2 span{color:#79a13b}
.tech-copy>p{max-width:600px;color:var(--muted);font-size:1.03rem;line-height:1.8;margin-bottom:35px}
.tech-points{border-top:1px solid var(--line)}
.tech-points>div{display:flex;align-items:start;gap:23px;padding:19px 0;border-bottom:1px solid var(--line)}
.tech-points span{color:#80a748;font-weight:800;font-size:.78rem;letter-spacing:.08em;padding-top:3px}
.tech-points p{color:#657262;font-size:.9rem;margin:0;line-height:1.65}
.tech-points strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:2px}
.flow-panel{min-height:460px;background:radial-gradient(circle at 50% 36%,#405c38 0%,#203a29 50%,#15291e 100%);border-radius:24px;padding:30px;color:#f7fbf3;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 45px rgba(26,48,27,.19)}
.flow-panel:before{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(221,241,190,.13);border-radius:50%;top:-120px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 70px rgba(221,241,190,.025),0 0 0 140px rgba(221,241,190,.025);pointer-events:none}
.flow-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;font-size:.62rem;letter-spacing:.16em;font-weight:800;color:#c4dbab}
.flow-layout{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:5px;margin:42px 0}
.flow-node{width:29%;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(215,241,180,.25);border-radius:16px;background:rgba(255,255,255,.06);padding:12px 7px;backdrop-filter:blur(5px)}
.flow-node-main{background:#a1c651;color:#19301c;border-color:#b6d87a;box-shadow:0 18px 30px rgba(10,31,11,.18)}
.flow-icon{font-size:1.45rem;line-height:1;margin-bottom:11px;color:#b8db80}.flow-node-main .flow-icon{color:#2c5420}
.flow-node strong{font-size:.84rem;line-height:1.2}.flow-node small{font-size:.65rem;line-height:1.35;opacity:.76;margin-top:4px}
.flow-arrow{color:#b4d87d;font-size:1.5rem}.flow-foot{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#d0e1c9;font-size:.72rem;line-height:1.5;border-top:1px solid rgba(255,255,255,.18);padding-top:16px}.flow-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#b8d87e}
.roi-section{background:#eef4e8}
.roi-heading{margin-bottom:40px}
.roi-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:#fff;border:1px solid #d7e4d1;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.roi-inputs{padding:33px 36px 32px}
.roi-inputs-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:21px}
.roi-inputs-head h3{font-size:1.55rem;margin:0}.roi-inputs-head span{color:#83937d;font-size:.74rem;font-weight:700}
.roi-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:18px}
.roi-fields .field{font-size:.77rem}
.input-unit{display:flex;align-items:center;border:1px solid #d7dfd3;border-radius:8px;background:#fbfcf9;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.input-unit:focus-within{border-color:#7ca846;box-shadow:0 0 0 3px rgba(146,191,75,.17)}
.input-unit input{border:0;background:none;border-radius:0;box-shadow:none!important;min-width:0;padding:12px 12px;font-size:.98rem;font-weight:600;-moz-appearance:textfield;appearance:textfield}
.input-unit input::-webkit-inner-spin-button,.input-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.input-unit>span{font-size:.72rem;color:#71816d;white-space:nowrap;padding:0 12px;border-left:1px solid #e0e7da}
.roi-input-note{margin:21px 0 0;color:#758373;font-size:.73rem;line-height:1.65}
.roi-results{background:radial-gradient(circle at 70% 4%,#42603c 0%,#223c2b 40%,#172c20 100%);color:#f5fbf1;padding:38px 34px;display:flex;flex-direction:column}
.roi-results-kicker{color:#bddb8d;font-size:.68rem;font-weight:800;letter-spacing:.15em}
.roi-results h3{margin:8px 0 30px;font-size:1.65rem}
.roi-main-result{border-top:1px solid rgba(255,255,255,.2);padding:25px 0 23px;display:flex;flex-direction:column;gap:3px}
.roi-main-result span{color:#d0e3c9;font-size:.83rem}.roi-main-result strong{font-size:clamp(2.6rem,4vw,4.4rem);line-height:1.1;letter-spacing:-.06em;color:#bde174}.roi-main-result small{color:#aebfaf;font-size:.7rem}
.roi-result-row{border-top:1px solid rgba(255,255,255,.16);padding:16px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}
.roi-result-row span{font-size:.8rem;color:#c8d7c2}.roi-result-row strong{font-size:.9rem;text-align:right;color:#f8fff3;font-weight:650}
.roi-result-warning{color:#ffdfb9;font-size:.78rem;line-height:1.6;margin:4px 0 17px}
.roi-results .button{margin-top:auto;align-self:stretch}
.roi-method{max-width:970px;margin:20px auto 0;color:#5d7058;font-size:.83rem;line-height:1.7}
.roi-method summary{cursor:pointer;font-weight:750;color:#506d40;text-decoration:underline;text-underline-offset:3px}
.roi-method p{margin:12px 0 0}
.data-section{background:#fff}
.data-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:10%;align-items:start}
.data-grid h2{margin:18px 0 22px}.data-grid>div:first-child>p:last-child{color:var(--muted);font-size:1.02rem;line-height:1.8;max-width:530px}
.data-list{border-top:1px solid var(--line)}
.data-list>div{display:flex;gap:28px;padding:23px 0;border-bottom:1px solid var(--line)}
.data-list>div>span{flex:0 0 29px;color:#85ac4c;font-size:.78rem;font-weight:800;letter-spacing:.09em;padding-top:3px}
.data-list h3{font-size:1.2rem;margin:0 0 6px}.data-list p{font-size:.9rem;color:var(--muted);line-height:1.7;margin:0}
@media(max-width:900px){.tech-grid,.data-grid{grid-template-columns:1fr;gap:42px}.flow-panel{min-height:380px}.roi-shell{grid-template-columns:1fr}.roi-results{min-height:420px}.roi-main-result strong{font-size:3.7rem}}
@media(max-width:560px){.flow-panel{min-height:330px;padding:19px}.flow-node{min-height:100px;padding:9px 3px}.flow-node strong{font-size:.67rem}.flow-node small{font-size:.53rem}.flow-arrow{font-size:1rem}.flow-head{font-size:.53rem}.flow-foot{font-size:.65rem}.roi-inputs,.roi-results{padding:23px 19px}.roi-fields{grid-template-columns:1fr;gap:16px}.roi-results{min-height:0}.roi-results h3{margin-bottom:20px}.roi-main-result strong{font-size:3rem}.roi-result-row{align-items:start}.roi-result-row strong{max-width:50%}.data-list>div{gap:16px}.tech-points>div{gap:16px}}