.nav-config{display:flex;align-items:center;gap:6px}.nav-config span{background:var(--lime);color:var(--ink);font-size:6px;padding:3px 5px;border-radius:99px;letter-spacing:.08em}.config-promo{background:linear-gradient(120deg,#b8d5c8 0%,#dfe8df 45%,#c7dfd2 100%);min-height:430px;padding:70px max(6vw,70px);display:grid;grid-template-columns:.75fr 1.2fr .65fr;align-items:center;gap:65px;position:relative;overflow:hidden}.config-promo:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#0b2b2210 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent)}.config-promo>div{position:relative;z-index:2}.config-promo h2{font-size:52px;line-height:1;letter-spacing:-.06em;margin:15px 0}.config-promo p{font-size:13px;line-height:1.7;color:#486057;max-width:620px}.config-promo a{display:inline-flex;gap:45px;background:var(--ink);color:#fff;text-decoration:none;padding:16px 20px;font-size:11px;font-weight:900;margin-top:15px}.config-promo-orbit{width:270px;height:270px;border:1px solid #79988a;border-radius:50%;display:grid;place-items:center}.config-promo-orbit:before,.config-promo-orbit:after{content:"";position:absolute;border:1px solid #90aa9e;border-radius:50%}.config-promo-orbit:before{width:190px;height:190px}.config-promo-orbit:after{width:110px;height:110px;background:var(--ink)}.config-promo-orbit i{position:absolute;width:55px;height:70px;border-radius:16px 16px 8px 8px;background:var(--lime);z-index:2}.config-promo-orbit span,.config-promo-orbit b,.config-promo-orbit em{position:absolute;background:#fff;padding:7px 10px;font-size:9px;font-style:normal;box-shadow:0 8px 25px #234b3830}.config-promo-orbit span{top:10px;right:5px}.config-promo-orbit b{bottom:18px;left:-5px}.config-promo-orbit em{top:60px;left:-20px}.config-promo-steps{display:grid;gap:15px}.config-promo-steps span{border-bottom:1px solid #95afa3;padding-bottom:12px;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.config-promo-steps b{color:#638074;margin-right:15px}.config-hero{min-height:570px;background:radial-gradient(circle at 76% 42%,#1b4c3a 0%,#0b2b22 34%,#071f18 70%);color:#fff;padding:85px max(7vw,80px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;overflow:hidden}.config-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}.config-hero>div{position:relative;z-index:2}.config-hero h1{font-size:clamp(54px,5.4vw,82px);line-height:.94;letter-spacing:-.065em;margin:18px 0}.config-hero h1 em{font-style:normal;color:var(--lime)}.config-hero p{max-width:650px;color:#b1c8bd;font-size:16px;line-height:1.7}.config-assurances{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.config-assurances span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;border:1px solid #3a5a4d;border-radius:99px;padding:8px 10px}.config-visual{height:380px;display:grid;place-items:center;position:relative}.gauge{width:285px;height:285px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--lime) var(--fill,8%),#284b3e 0);position:relative;box-shadow:0 30px 80px #03150e}.gauge:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0b2b22}.gauge:after{content:"";position:absolute;inset:43px;border:1px dashed #557064;border-radius:50%}.gauge i{position:absolute;width:75px;height:95px;background:linear-gradient(150deg,#d9ff43,#8faf24);border-radius:22px 22px 9px 9px;z-index:2}.gauge b{position:absolute;bottom:52px;z-index:3;font-size:21px}.gauge span{position:absolute;bottom:34px;z-index:3;font-size:7px;text-transform:uppercase;color:#91aa9e}.formula-card{position:absolute;right:0;bottom:10px;background:#fff;color:var(--ink);padding:18px;display:grid;gap:4px;transform:rotate(2deg);box-shadow:var(--shadow)}.formula-card small{font-size:7px;letter-spacing:.13em;color:#84958c}.formula-card span{font-size:9px}.formula-card b{font-size:11px}.configurator{max-width:1240px;margin:0 auto;padding:80px 40px 110px;scroll-margin-top:20px}.config-progress{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-bottom:65px}.config-progress:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;background:#dbe2dc}.config-progress>i{position:absolute;left:0;bottom:-14px;height:2px;width:var(--step,0%);background:var(--lime);z-index:2;transition:.35s}.config-progress>div{display:grid;color:#9aa79f}.config-progress b{font-size:10px}.config-progress span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.config-progress div.active{color:var(--ink)}.config-progress div.current b{color:#7e9a00}.config-step{display:none;min-height:420px}.config-step.active{display:block;animation:stepIn .35s ease}.step-kicker{font-size:8px;letter-spacing:.17em;color:#809188;font-weight:900}.config-step h2{font-size:46px;letter-spacing:-.05em;margin:12px 0}.config-step>p{color:var(--muted);line-height:1.6}.medium-options,.frequency-options,.delivery-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.medium-options input,.frequency-options input,.delivery-options input{display:none}.medium-options label>span,.frequency-options label>span,.delivery-options label>span{min-height:220px;background:#fff;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;cursor:pointer;transition:.25s}.medium-options i{font-size:52px;font-style:normal;color:#658076;margin-bottom:auto}.medium-options b,.frequency-options b,.delivery-options b{font-size:16px}.medium-options small,.frequency-options small,.delivery-options small{font-size:10px;color:#829188;margin-top:7px}.medium-options input:checked+span,.frequency-options input:checked+span,.delivery-options input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-5px);box-shadow:var(--shadow)}.medium-options input:checked+span small,.frequency-options input:checked+span small,.delivery-options input:checked+span small{color:#afc3b9}.frequency-options label>span{min-height:165px}.frequency-options i{margin-top:auto;color:#789600;font-style:normal;font-size:9px;font-weight:900}.delivery-options label>span{min-height:125px}.consumption-input{max-width:700px;margin:55px auto 25px;display:grid;grid-template-columns:60px 1fr auto 60px;align-items:center;background:#fff;border:1px solid var(--line);padding:12px}.consumption-input button{border:0;background:#e8ece7;width:45px;height:45px;border-radius:50%;font-size:23px}.consumption-input input{border:0;outline:0;text-align:right;font-size:48px;font-weight:900;min-width:0;color:var(--ink)}.consumption-input b{font-size:11px;color:#7d8d85;margin-left:10px}.quick-values{display:flex;justify-content:center;gap:7px}.quick-values button{border:1px solid var(--line);background:#fff;padding:9px 13px;font-size:9px}.config-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px}.config-nav>span{font-size:8px;color:#93a097}.config-nav button{border:0;background:var(--ink);color:#fff;padding:14px 20px;font-weight:900;font-size:10px}.config-nav button:disabled{opacity:.3}.config-nav [data-prev]{background:transparent;color:var(--ink)}.config-nav [data-submit]{background:var(--lime);color:var(--ink)}.config-result{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;animation:stepIn .4s}.result-summary{background:var(--ink);color:#fff;padding:40px;align-self:start}.result-summary h2{font-size:30px;letter-spacing:-.04em}.result-summary h2 strong{color:var(--lime);font-size:44px}.result-summary>p{color:#adc1b7;line-height:1.6;font-size:12px}.result-metrics{display:grid;gap:0;margin:25px 0;border-top:1px solid #38594c}.result-metrics div{padding:13px 0;border-bottom:1px solid #38594c;display:flex;justify-content:space-between}.result-metrics span{font-size:9px;color:#91a99d}.result-metrics b{font-size:11px}.result-summary button{border:0;background:transparent;color:#fff;text-decoration:underline;font-size:9px}.result-products h3{font-size:30px;margin:8px 0 20px}.recommendation-grid{grid-template-columns:repeat(3,1fr)}.recommendation-grid .product-photo{height:210px}.recommendation-grid .product-name{font-size:11px;min-height:55px}.recommendation-grid .price strong{font-size:14px}.config-expert{margin-top:18px;padding:16px 18px;border:1px solid var(--line);display:flex;justify-content:space-between;text-decoration:none;font-size:10px;font-weight:900}.config-explainer{background:#dfe8e1;padding:90px max(7vw,80px)}.config-explainer h2{font-size:48px;letter-spacing:-.06em;line-height:1}.formula-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:center;margin-top:45px}.formula-flow article{background:#fff;min-height:180px;padding:25px;display:flex;flex-direction:column}.formula-flow article>span{color:#82948a;font-size:9px}.formula-flow article b{font-size:16px;margin-top:auto}.formula-flow article p{font-size:10px;color:#75877e;line-height:1.6}.formula-flow>i{font-style:normal;font-size:28px}.config-faq{padding:90px max(10vw,120px);display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.config-faq h2{font-size:48px;letter-spacing:-.05em}.config-faq details{border-bottom:1px solid var(--line);padding:20px 0}.config-faq summary{list-style:none;cursor:pointer;font-weight:800;font-size:13px;display:flex;justify-content:space-between}.config-faq summary span{font-size:20px}.config-faq details[open] summary span{transform:rotate(45deg)}.config-faq details p{font-size:12px;line-height:1.7;color:var(--muted);max-width:680px}.shake{animation:shake .4s}@keyframes stepIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shake{25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-4px)}}@media(max-width:1000px){.config-promo{grid-template-columns:.7fr 1.3fr}.config-promo-steps{display:none}.config-hero{grid-template-columns:1fr}.config-visual{margin-top:30px}.medium-options,.frequency-options,.delivery-options{grid-template-columns:1fr 1fr}.config-result{grid-template-columns:1fr}.config-faq{grid-template-columns:1fr}.recommendation-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.config-promo{grid-template-columns:1fr;padding:70px 22px}.config-promo-orbit{margin:auto}.config-promo h2{font-size:40px}.config-hero{padding:60px 22px}.config-hero h1{font-size:48px}.config-visual{height:330px}.gauge{width:235px;height:235px}.formula-card{right:0}.configurator{padding:60px 18px}.config-progress span{display:none}.config-step h2{font-size:36px}.medium-options,.frequency-options,.delivery-options{grid-template-columns:1fr}.medium-options label>span{min-height:160px}.consumption-input{grid-template-columns:45px 1fr 45px}.consumption-input b{display:none}.consumption-input input{font-size:34px}.quick-values{flex-wrap:wrap}.config-nav>span{display:none}.formula-flow{grid-template-columns:1fr}.formula-flow>i{transform:rotate(90deg);text-align:center}.config-explainer{padding:65px 20px}.config-faq{padding:65px 20px;gap:20px}.recommendation-grid{grid-template-columns:1fr}.result-summary{padding:28px}}
