html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:#16473d url('background.svg') center top/1600px auto fixed;color:#203b32}header{height:86px;border-bottom:1px solid #ffffff1a;background:#113b34e8;color:#eef4df;gap:24px}.logo{color:#f4f8e8}.logo>span:first-child{color:#c2e877}.lab{color:#a8c3a6}header nav a{color:inherit;text-decoration:none}header nav span{color:#739285}header button{border:1px solid #ffffff35;border-radius:24px;padding:10px 16px;color:#e5efda}main{max-width:1600px;padding-top:46px}.intro{color:#f2f7e8;margin-bottom:38px}.intro .eyebrow{color:#b6d68d}.intro p{font-size:15px;color:#b9cdbb;line-height:1.7}.intro h1{font-size:clamp(32px,3.7vw,54px);max-width:820px;letter-spacing:-1.7px}.intro h1 span{color:#c5ea80}.prototype{color:#c6e599;border-color:#b6d68d50;background:#ffffff08;flex-shrink:0}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.builder{min-width:0;background:#f8faf2;border-radius:20px;padding:16px;box-shadow:0 15px 60px #071e2020}.stage-head{border-radius:12px 12px 0 0;gap:14px;flex-wrap:wrap;padding:16px;font-size:10px}.stage-head>div:first-child{display:flex;align-items:center;white-space:nowrap}.stage-head b{white-space:nowrap}.seg button{font-size:11px;padding:9px 13px;min-height:36px}.stage{background:radial-gradient(ellipse at 52% 45%,#fdfff5 0%,#e7efdc 72%,#dae7ce 100%)}.stage:before{opacity:.4;background-size:26px 26px}.stage svg{min-height:0;max-height:none;aspect-ratio:900/490}.stage-label{color:#5d7655;font-size:9px;pointer-events:none}.stage-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 16px 14px;gap:12px;color:#536e4a;font-size:11px}.stage-bottom button{font-size:11px;min-height:40px;background:#fff}.stats{padding:20px 0}.stat{padding:0 16px;min-width:0}.stat small{font-size:9px;color:#66775e;line-height:1.5}.stat b{font-size:23px;white-space:nowrap;font-variant-numeric:tabular-nums}.stat b span{font-size:11px;color:#6e7b66}.calculation-note{display:flex;justify-content:space-between;gap:12px;color:#738169;font-size:10px;line-height:1.6;padding:12px 3px 0}.calculation-note b{color:#3d5b39}.module-head{margin-top:28px}.module-head h2{font-size:25px}.eyebrow{color:#637958}.tabs{gap:6px;scrollbar-width:thin}.tabs button{padding:10px 13px;font-size:12px;min-height:42px}.tabs button.active{background:#244c3c;box-shadow:0 3px 8px #1c38271a}.cards{gap:12px}.card{padding:14px;min-width:0;border-width:2px;display:flex;flex-direction:column}.card.selected{border:2px solid #6b9048;background:#f8fce9}.thumb{height:120px;flex-shrink:0;background:radial-gradient(#fcfff2,#e9efdf);width:100%}.thumb svg{width:155px;max-width:100%;height:105px}.card h3{font-size:14px;line-height:1.5;letter-spacing:-.2px}.card p{font-size:11px;line-height:1.65;color:#63745b;min-height:38px;flex:1}.card .cost{font-size:13px}.card .tag{float:none;display:block;font-size:8px;letter-spacing:.7px;margin-top:8px;color:#6b7d5d}.explain{font-size:12px;color:#4e6743;background:#e9f0dc;line-height:1.8}.module-head>span{color:#728264}aside{border-radius:20px;padding:24px;background:#fbfcf5;box-shadow:0 15px 60px #071e2020;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:thin;top:16px}.aside-title h2{font-size:28px}.aside-title p{font-size:11px;color:#71806a;margin-bottom:15px}.score-label{font-size:8px;letter-spacing:1px;color:#6a7c60;border-top:1px solid #dde5d3;padding-top:14px}.benefit{margin:19px 0}.benefit-head{align-items:center;gap:12px;font-size:12px}.benefit-head>span{font-weight:600}.score{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-1px;white-space:nowrap;color:#294e36;line-height:1}.score small{display:inline;font-size:10px;font-weight:500;letter-spacing:0;color:#738067;margin-left:3px}.bar{height:7px;background:#e3ead8}.bar i{background:linear-gradient(90deg,#427457,#a9ca6a)}.bar:after{left:var(--base,30%);height:11px;background:#536d45}.score-compare{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#79866f;margin-top:7px}.score-compare b{font-weight:600;color:#4c713b}.benefit>small{font-size:10px;color:#72816a;line-height:1.6}.change{background:#edf3e2;border-color:#dce6ce;font-size:11px;color:#617754;margin:20px 0}.price strong{font-size:35px;font-variant-numeric:tabular-nums}.price-delta{color:#50713c;font-size:10px;line-height:1.6;margin-bottom:8px}.price>small{color:#79866f}.price button{font-size:12px;min-height:46px;background:#274f3c}.price button:hover{background:#39694b}.price button.secondary:hover{background:#edf3e3}.note{font-size:9px;color:#78846e;line-height:1.7}.technology{margin-top:28px;background:#f8faf2;border-radius:20px;padding:28px;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:26px}.technology h2{font-size:26px;letter-spacing:-.7px;margin:10px 0}.technology h3{font-size:16px}.technology p{font-size:12px;line-height:1.8;color:#6a7d60}.technology article{padding-left:24px;border-left:1px solid #dfe7d5}.technology article>span{font-size:9px;letter-spacing:1px;color:#6f8a5b}footer{color:#b0c7ac;border-color:#ffffff25;line-height:1.8}.seo-content{background:#f8faf2;border-radius:20px;padding:30px;margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.seo-content h2{font-size:25px;line-height:1.4;margin:0 0 16px;letter-spacing:-.6px}.seo-content h3{font-size:17px}.seo-content p{font-size:13px;line-height:1.9;color:#617458}.seo-content a{color:#315d3b}.seo-content details{border-bottom:1px solid #dce5d1;padding:15px 0}.seo-content summary{font-size:13px;font-weight:700;cursor:pointer;line-height:1.6}.seo-content details p{font-size:12px}.seo-content .eyebrow{display:block;margin-bottom:12px}#summary div{gap:12px;align-items:baseline}#summary div b{text-align:right;font-size:11px}svg .hotspot:focus-visible{outline:none;filter:drop-shadow(0 0 4px #547c25)}@media(min-width:1550px){.stage svg{max-height:570px}}@media(max-width:1250px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:18px}aside{padding:20px}.stage-head{padding:12px}.seg button{padding:8px 10px}.stat{padding:0 12px}.stat b{font-size:21px}.tabs button{padding:10px 11px}.card h3{font-size:13px}.card{padding:11px}.technology{grid-template-columns:1fr 1fr}.technology article{border:0;padding:0}}@media(max-width:1080px){.workspace{grid-template-columns:1fr}.intro{gap:20px}.prototype{font-size:8px;padding:10px}.stage svg{max-height:540px}aside{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.aside-title{grid-column:1/-1}.aside-title h2 br{display:none}.aside-title h2{margin:8px 0}.aside-title p{margin:8px 0 12px}#benefits{grid-row:2/5}.change{margin:20px 0 16px}.price{align-self:start}.note{grid-column:2}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.thumb{height:130px}header nav{margin-left:auto}header{gap:18px}.lab{display:none}}@media(max-width:760px){main{padding:28px 16px 0}header{padding:0 16px;height:72px}header button{font-size:10px;padding:9px 12px}header nav{display:none}.intro{margin-bottom:24px}.intro h1{font-size:34px;letter-spacing:-1.3px}.intro p{font-size:13px}.prototype{display:none}.builder{padding:10px;border-radius:15px}.stage-head{padding:12px;flex-direction:row;align-items:center}.stage-head>div:first-child{font-size:8px;gap:0}.stage-head b{font-size:10px;margin-left:5px}.seg button{font-size:10px;padding:8px}.stage-label{position:relative;top:auto;left:auto;padding:12px 14px 0;font-size:8px}.stage-label br{display:none}.stage-label strong{font-size:9px;margin-left:10px}.stage svg{min-height:0;aspect-ratio:900/520}.stage-bottom{margin:0 10px 10px;font-size:9px}.stage-bottom button{font-size:9px;padding:8px 10px;min-height:36px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;padding:16px 0}.stat{padding:0 14px}.stat:nth-child(2){border-right:0}.stat small{font-size:9px}.stat b{font-size:24px}.stat b span{font-size:11px}.calculation-note{font-size:9px;flex-wrap:wrap;gap:4px;padding:10px 4px}.module-head{margin-top:25px}.module-head h2{font-size:23px}.module-head .eyebrow{font-size:8px;letter-spacing:1.3px}.tabs{margin:0 -2px;padding:2px 2px 14px}.tabs button{font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{padding:10px}.card h3{font-size:13px}.card p{font-size:11px;min-height:0}.card .cost{font-size:12px}.thumb{height:105px}.thumb svg{height:94px}.explain{font-size:11px;padding:13px}aside{margin-top:0;border-radius:15px;padding:20px;display:block}.aside-title h2{font-size:27px}.aside-title h2 br{display:block}#benefits{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.benefit-head{font-size:11px;flex-wrap:wrap;gap:7px;align-items:baseline}.benefit-head>span{flex-basis:100%}.score{font-size:29px}.score-compare{font-size:8px;flex-wrap:wrap;gap:3px}.benefit>small{font-size:9px}.technology{grid-template-columns:1fr;padding:22px;gap:18px;border-radius:15px}.technology article{border-top:1px solid #dce5d1;padding-top:18px}.technology p{margin-bottom:0}.technology h3{margin:9px 0}.seo-content{grid-template-columns:1fr;padding:22px;gap:22px;border-radius:15px}.seo-content h2{font-size:23px}.seo-content p{font-size:12px}footer{font-size:8px;gap:15px;margin-top:24px}.price button{font-size:12px}.price-delta{font-size:11px}}@media(max-width:380px){.stage-head{display:block}.seg{margin-top:10px;justify-content:space-between}.cards{grid-template-columns:1fr}.thumb{height:110px}.card{padding:13px}.card p{min-height:0}.intro h1{font-size:30px}#benefits{gap:0 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow{animation:none}.bar i,.card{transition:none}}