.calc{--ca-navy:#0b3556;--ca-navy-deep:#0a2540;--ca-blue:#1c6ca4;--ca-cyan:#2ba9dc;--ca-cyan-soft:#6fc7e8;--ca-cyan-wash:#e8f4fb;--ca-amber:#f39c12;--ca-amber-soft:#ffb938;--ca-red:#e23744;--ca-bg:#f4f8fb;--ca-card:#fff;--ca-ink:#14293b;--ca-muted:#5c7387;--ca-line:#e2ecf3;--ca-line-strong:#cfe0ec;--ca-maxw:none;--ca-gutter:16px;--ca-shadow:0 1px 2px #0b35560a, 0 12px 32px #0b355612;--ca-shadow-sm:0 1px 2px #0b35560d, 0 4px 14px #0b35560f;background:var(--ca-bg);color:var(--ca-ink);interpolate-size:allow-keywords;font-size:18px;line-height:1.7}.calc a{color:var(--ca-blue);text-decoration:none}.calc img{max-width:100%}.dark .calc{--ca-bg:#0f172a;--ca-card:#1e293b;--ca-ink:#e2e8f0;--ca-muted:#94a3b8;--ca-line:#1e293b;--ca-line-strong:#334155;--ca-cyan-wash:#0e2c44}@media (width>=640px){.calc{--ca-gutter:48px}}@media (width>=1280px){.calc{--ca-gutter:96px}}.calc .hero{color:#fff;background:radial-gradient(1200px 420px at 80% -10%,#2ba9dc33,#0000 60%),linear-gradient(#0b3556 0%,#0e416b 55%,#135c8c 100%);margin-top:72px;position:relative;overflow:hidden}.calc .hero:after{content:"";pointer-events:none;background:radial-gradient(60% 100% at 50% 100%,#6fc7e859,#0000 70%);height:120px;position:absolute;inset:auto 0 -2px}.calc .hero .sun{filter:blur(2px);z-index:1;background:radial-gradient(circle,#ffb93880,#f39c1200 62%);border-radius:50%;width:320px;height:320px;position:absolute;top:-70px;right:-60px}.calc .hero .wrap{z-index:2;padding-top:54px;padding-bottom:92px;position:relative}.calc .hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:20ch;margin:16px 0 0;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.06}.calc .hero .lede{color:#d7e8f4;max-width:64ch;margin:18px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.55}.calc .hero .lede+.lede{margin-top:10px}.calc .wrap{max-width:var(--ca-maxw);padding:0 var(--ca-gutter);margin:0 auto}.calc .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ca-cyan-soft);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.calc .eyebrow:before{content:"";background:var(--ca-amber-soft);border-radius:2px;width:22px;height:2px}.calc .crumb{color:#bfd8e9;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;font-size:13.5px;font-weight:600;display:flex}.calc .crumb a{color:#bfd8e9}.calc .crumb a:hover{color:#fff}.calc .crumb .sep{opacity:.6}.calc .shell{max-width:var(--ca-maxw);padding:0 var(--ca-gutter) 64px;z-index:3;margin:-46px auto 0;position:relative}.calc .cards{grid-template-columns:repeat(auto-fill,minmax(280px,360px));gap:22px;display:grid}@media (width<=760px){.calc .cards{grid-template-columns:1fr}}.calc .card{background:var(--ca-card);border:1px solid var(--ca-line);box-shadow:var(--ca-shadow);border-radius:18px;flex-direction:column;padding:26px 26px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.calc .card:hover{border-color:var(--ca-line-strong);transform:translateY(-4px);box-shadow:0 22px 48px #0b355624}.calc .card .ic{color:#fff;background:linear-gradient(140deg,#0b3556,#2ba9dc);border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:28px;display:grid}.calc .card h2{color:var(--ca-navy);margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.2}.calc .card p{color:var(--ca-muted);flex:1;margin:0 0 16px;font-size:15.5px;line-height:1.5}.calc .card .more{color:var(--ca-blue);align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.calc .tool{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.calc .tool{grid-template-columns:1fr}}.calc .panel{background:var(--ca-card);border:1px solid var(--ca-line);box-shadow:var(--ca-shadow-sm);border-radius:18px;padding:24px 26px}.calc .panel-full{grid-column:1/-1}.calc .panel-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.calc .panel-head .num{background:var(--ca-navy);color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:grid}.calc .panel-head h2{color:var(--ca-navy);margin:0;font-size:18px;font-weight:800}.calc .field{margin-top:16px}.calc .field:first-of-type{margin-top:0}.calc label{display:block}.calc .field>label,.calc .field-label{color:var(--ca-navy);margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.calc .grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.calc .input,.calc select.input{border:1px solid var(--ca-line-strong);background:var(--ca-bg);width:100%;color:var(--ca-ink);border-radius:11px;outline:0;padding:12px 14px;font-family:inherit;font-size:15.5px;transition:border-color .16s,box-shadow .16s}.calc .input:focus,.calc select.input:focus{border-color:var(--ca-cyan);box-shadow:0 0 0 3px var(--ca-cyan-wash);background:var(--ca-card)}.calc .seg{flex-wrap:wrap;gap:8px;display:flex}.calc .seg button{border:1px solid var(--ca-line-strong);background:var(--ca-bg);min-width:84px;color:var(--ca-navy);cursor:pointer;border-radius:11px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:background .16s,color .16s,border-color .16s}.calc .seg button:hover{background:var(--ca-cyan-wash);border-color:var(--ca-line-strong)}.calc .seg button.on{background:var(--ca-navy);color:#fff;border-color:var(--ca-navy)}.calc .link-btn{cursor:pointer;color:var(--ca-blue);background:0 0;border:0;padding:0;font-family:inherit;font-size:14px;font-weight:700}.calc .link-btn:hover{text-decoration:underline}.calc .volume{border-top:1px solid var(--ca-line);color:var(--ca-muted);margin-top:18px;padding-top:16px;font-size:15px}.calc .volume b{color:var(--ca-navy);font-weight:800}.calc .stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}@media (width<=620px){.calc .stats{grid-template-columns:1fr}}.calc .stat{background:var(--ca-card);border:1px solid var(--ca-line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.calc .stat-ic{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.calc .stat-ic--money{background:#fdf0d8}.calc .stat-ic--energy{background:var(--ca-cyan-wash)}.calc .stat-ic--co2{background:#e3f6ee}.calc .stat-ic--motor{background:#e8eefc}.calc .stat-ic--hours{background:#fdf0d8}.calc .stat-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.calc .stat-label{color:var(--ca-muted);font-size:12.5px;font-weight:600}.calc .stat-val{color:var(--ca-navy);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.calc .result{background:linear-gradient(135deg, var(--ca-cyan-wash), var(--ca-card));border:1px solid var(--ca-line-strong);box-shadow:var(--ca-shadow-sm);border-radius:18px;padding:26px 28px}.calc .result h2{color:var(--ca-navy);margin:0 0 4px;font-size:18px;font-weight:800}.calc .result .note{color:var(--ca-muted);margin:10px 0 0;font-size:15.5px}.calc .result .amount{letter-spacing:-.02em;color:var(--ca-navy);margin:10px 0 0;font-size:clamp(34px,6vw,46px);font-weight:800;line-height:1.05}.calc .result .amount span{color:var(--ca-amber)}.calc .result .sub{color:var(--ca-muted);margin:6px 0 0;font-size:14px;font-weight:600}.calc .result .disclaimer{color:var(--ca-muted);margin:16px 0 0;font-size:12.5px}.calc .result .cta-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ca-cyan);margin:22px 0 0;font-size:14px;font-weight:800}.calc .prods{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}@media (width<=620px){.calc .prods{grid-template-columns:1fr}}.calc .prod{background:var(--ca-card);border:1px solid var(--ca-line);border-radius:14px;padding:14px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s}.calc .prod:hover{box-shadow:var(--ca-shadow);border-color:var(--ca-line-strong);transform:translateY(-3px)}.calc .prod img{object-fit:contain;width:100%;height:96px}.calc .prod .nm{color:var(--ca-navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 0;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.calc .prod .price{color:var(--ca-amber);margin:6px 0 0;font-size:15px;font-weight:800}.calc .cat-cta{color:var(--ca-blue);align-items:center;gap:8px;margin-top:16px;font-size:14.5px;font-weight:800;display:inline-flex}.calc .intro{max-width:70ch;margin:0 0 28px}.calc .intro p{color:var(--ca-muted);margin:0 0 14px;font-size:16.5px;line-height:1.6}.calc .intro p:last-child{margin-bottom:0}.calc .prose{max-width:75ch;margin-top:40px}.calc .prose h2{color:var(--ca-navy);letter-spacing:-.015em;margin:0 0 14px;font-size:clamp(22px,3vw,30px);font-weight:800}.calc .prose p{color:var(--ca-muted);margin:0 0 14px;font-size:16.5px;line-height:1.7}.calc .prose p:last-child{margin-bottom:0}.calc .prose-link a{color:var(--ca-blue);font-weight:800}.calc .prose-link a:hover{text-decoration:underline}.calc .faq{margin-top:40px}.calc .faq h2{color:var(--ca-navy);letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(22px,3vw,30px);font-weight:800}.calc .faq details{background:var(--ca-card);border:1px solid var(--ca-line);box-shadow:var(--ca-shadow-sm);border-radius:14px;margin-bottom:12px;overflow:hidden}.calc .faq summary{cursor:pointer;color:var(--ca-navy);padding:20px 56px 20px 22px;font-size:17.5px;font-weight:700;list-style:none;position:relative}.calc .faq summary::-webkit-details-marker{display:none}.calc .faq-toggle{background:var(--ca-cyan-wash);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.calc .faq-toggle:before,.calc .faq-toggle:after{content:"";background:var(--ca-blue);border-radius:2px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calc .faq-toggle:before{width:12px;height:2px}.calc .faq-toggle:after{width:2px;height:12px}.calc .faq details[open] .faq-toggle:after{opacity:0}.calc .faq-ans{color:var(--ca-muted);padding:0 22px 22px;font-size:16px;line-height:1.62}.calc .faq-ans p{margin:0}@media (prefers-reduced-motion:no-preference){.calc .faq details::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s ease allow-discrete;overflow:clip}.calc .faq details[open]::details-content{block-size:auto}.calc .faq details[open] .faq-ans{animation:.3s calc-faq-reveal}}@keyframes calc-faq-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.calc .range-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.calc .range-head .field-label{align-items:center;margin-bottom:0;display:inline-flex}.calc .range-val{color:var(--ca-navy);font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:800}.calc input.range{-webkit-appearance:none;appearance:none;background:var(--ca-line-strong);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px;margin:8px 0 2px;padding:0}.calc input.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ca-navy);width:22px;height:22px;box-shadow:var(--ca-shadow-sm);cursor:pointer;border:3px solid #fff;border-radius:50%;transition:background .15s}.calc input.range::-webkit-slider-thumb:hover{background:var(--ca-blue)}.calc input.range::-moz-range-thumb{background:var(--ca-navy);width:22px;height:22px;box-shadow:var(--ca-shadow-sm);cursor:pointer;border:3px solid #fff;border-radius:50%;transition:background .15s}.calc input.range::-moz-range-thumb:hover{background:var(--ca-blue)}.calc input.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--ca-cyan-wash)}.calc input.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--ca-cyan-wash)}.calc .info{background:var(--ca-line-strong);width:16px;height:16px;color:var(--ca-navy);cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:7px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex;position:relative}.calc .info .tip{background:var(--ca-navy-deep);color:#fff;text-transform:none;letter-spacing:0;width:max-content;max-width:230px;box-shadow:var(--ca-shadow);opacity:0;visibility:hidden;pointer-events:none;z-index:6;border-radius:9px;padding:9px 11px;font-size:12.5px;font-weight:600;line-height:1.45;transition:opacity .15s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.calc .info .tip:after{content:"";border:6px solid #0000;border-top-color:var(--ca-navy-deep);position:absolute;top:100%;left:50%;transform:translate(-50%)}.calc .info:hover .tip,.calc .info:focus .tip,.calc .info:focus-visible .tip{opacity:1;visibility:visible}.calc .params{gap:10px;margin-top:18px;display:grid}.calc .param{background:var(--ca-card);border:1px solid var(--ca-line);border-left-width:4px;border-radius:12px;padding:12px 14px}.calc .param--ideal{border-left-color:#38b27e}.calc .param--low{border-left-color:var(--ca-cyan)}.calc .param--high{border-left-color:var(--ca-amber)}.calc .param-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.calc .param-name{color:var(--ca-navy);font-size:15px;font-weight:800}.calc .param-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 9px;font-size:11.5px;font-weight:800}.calc .param--ideal .param-badge{color:#1f8a5b;background:#e3f6ee}.calc .param--low .param-badge{background:var(--ca-cyan-wash);color:var(--ca-blue)}.calc .param--high .param-badge{color:#b5780c;background:#fdf0d8}.calc .param-meta{color:var(--ca-muted);margin-top:4px;font-size:13px}.calc .param-action{color:var(--ca-ink);margin-top:8px;font-size:14px;line-height:1.5}.calc .param-action b{color:var(--ca-navy);font-weight:800}.calc .param-link{color:var(--ca-blue);font-weight:800}.calc .param-link:hover{text-decoration:underline}.calc .all-ideal{color:#1f8a5b;background:#e3f6ee;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:14.5px;font-weight:700}.calc .dose-hint{color:#c0262f;background:#fdecec;border:1px solid #f5c6c9;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:14.5px;font-weight:700}.calc .lsi{border:1px solid var(--ca-line-strong);background:var(--ca-card);border-radius:14px;margin-top:6px;padding:16px 16px 18px}.calc .lsi-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ca-cyan);margin:0;font-size:13px;font-weight:800}.calc .lsi-value{letter-spacing:-.02em;color:var(--ca-navy);flex-wrap:wrap;align-items:baseline;gap:12px;margin:8px 0 0;font-size:clamp(30px,5vw,40px);font-weight:800;line-height:1;display:flex}.calc .lsi-value--corrosive{color:var(--ca-blue)}.calc .lsi-value--balanced{color:#1f8a5b}.calc .lsi-value--scaling{color:var(--ca-amber)}.calc .lsi-verdict{letter-spacing:0;text-transform:none;font-size:15px;font-weight:800}.calc .lsi-bar{border-radius:999px;height:12px;margin:24px 0 0;display:flex;position:relative}.calc .lsi-zone{height:100%}.calc .lsi-zone--corrosive{background:linear-gradient(90deg,#2ba9dc,#6fc7e8);border-radius:999px 0 0 999px;flex:35}.calc .lsi-zone--balanced{background:#38b27e;flex:30}.calc .lsi-zone--scaling{background:linear-gradient(90deg,#ffb938,#f39c12);border-radius:0 999px 999px 0;flex:35}.calc .lsi-marker{background:var(--ca-red);z-index:1;border:2px solid #fff;border-radius:4px;width:6px;height:30px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 7px #e237448c}.calc .lsi-scale{color:var(--ca-muted);justify-content:space-between;margin-top:14px;font-size:11.5px;font-weight:700;display:flex}.calc .lsi-desc{color:var(--ca-muted);margin:12px 0 0;font-size:14.5px;line-height:1.5}.calc .lsi-hint{color:var(--ca-muted);margin:10px 0 0;font-size:14.5px}.dark .calc .card h2,.dark .calc .panel-head h2,.dark .calc .field>label,.dark .calc .field-label,.dark .calc .seg button,.dark .calc .volume b,.dark .calc .result h2,.dark .calc .result .amount,.dark .calc .prod .nm,.dark .calc .faq h2,.dark .calc .faq summary,.dark .calc .prose h2,.dark .calc .param-name,.dark .calc .param-action b,.dark .calc .range-val,.dark .calc .stat-val,.dark .calc .lsi-value{color:#c5e4f4}.dark .calc .stat-ic--money{background:#3a3320}.dark .calc .stat-ic--co2{background:#16322a}.dark .calc .stat-ic--motor{background:#1c2740}.dark .calc .stat-ic--hours{background:#3a3320}.dark .calc input.range::-webkit-slider-thumb{background:var(--ca-cyan);border-color:var(--ca-card)}.dark .calc input.range::-moz-range-thumb{background:var(--ca-cyan);border-color:var(--ca-card)}.dark .calc .info{color:#c5e4f4}.dark .calc .lsi-value--corrosive{color:var(--ca-cyan-soft)}.dark .calc .lsi-value--balanced{color:#5fd2a0}.dark .calc .lsi-value--scaling{color:var(--ca-amber-soft)}.dark .calc .lsi-marker{border-color:var(--ca-card)}.dark .calc .dose-hint{color:#f3a8ad;background:#3a1f22;border-color:#5c2e32}.dark .calc .seg button.on{color:#fff}
