.hero{background:var(--sky);border-bottom:1px solid var(--line);padding:44px 0 30px}.hero-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:16px 56px;margin-bottom:4px;display:grid}.hero h1{letter-spacing:-.025em;max-width:17ch;margin:0;font-size:clamp(36px,4.6vw,62px);line-height:1.02}.hero-lead{color:var(--ink-2);max-width:46ch;margin:0 0 6px;font-size:clamp(17px,1.5vw,20px)}.hero-chart{min-height:260px;margin:0 -6px}.hero-svg{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.hero-wash-pos{fill:#eca52833}.hero-wash-neg{fill:#c83c2d24}.hero-zero{stroke:var(--ink);stroke-opacity:.5;stroke-width:1.25px}.hero-line{fill:none;stroke:var(--amber);stroke-width:3.75px;stroke-linejoin:round;stroke-linecap:round}.hero-label{font:600 15px var(--font-body);fill:var(--ink);paint-order:stroke;stroke:var(--sky);stroke-width:5px;stroke-linejoin:round}.hero-start,.hero-warn{fill:var(--red)}.hero-be-dot{fill:var(--ink);stroke:var(--sky);stroke-width:3px}.hero-end{font:500 32px var(--font-display);letter-spacing:-.02em;fill:var(--ink);paint-order:stroke;stroke:var(--sky);stroke-width:6px;stroke-linejoin:round}.hero-end.is-neg{fill:var(--red)}.hero-end-caption{font:400 14px var(--font-body);fill:var(--ink-2);paint-order:stroke;stroke:var(--sky);stroke-width:5px}.hero-tick{font:400 13px var(--font-body);fill:var(--ink-3)}.hero-hover-line{stroke:var(--ink);stroke-opacity:.35;stroke-width:1px}.hero-hover-dot{fill:var(--amber);stroke:var(--sky);stroke-width:3px}.hero-tag-bg{fill:var(--ink)}.hero-tag{font:600 13.5px var(--font-body);fill:#fff;font-variant-numeric:tabular-nums}.hero-hit{cursor:crosshair}@media (prefers-reduced-motion:no-preference){.hero-chart.is-intro .hero-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.5s cubic-bezier(.3,.55,.2,1) .15s forwards hero-draw}.hero-chart.is-intro .hero-wash-pos,.hero-chart.is-intro .hero-wash-neg,.hero-chart.is-intro .hero-label,.hero-chart.is-intro .hero-be-dot,.hero-chart.is-intro .hero-end,.hero-chart.is-intro .hero-end-caption{opacity:0;animation:.6s 1.25s forwards hero-fade}}@keyframes hero-draw{to{stroke-dashoffset:0}}@keyframes hero-fade{to{opacity:1}}.hero-error{color:var(--red);border-radius:var(--radius);background:#fbecea;border:1px solid #efc4bd;padding:12px 14px}.hero-controls{border-top:1px solid var(--line-strong);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 32px;margin:14px 0 0;padding:20px 0 6px;display:grid}.hero-slider{display:block}.hero-slider-head{color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:15px;display:flex}.hero-slider-head output{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:600}.hero-slider input[type=range]{width:100%;accent-color:var(--ink);height:28px;margin:0}.hero-result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;margin-top:18px;display:flex}.hero-figures{color:var(--ink-2);flex-wrap:wrap;gap:6px 28px;margin:0;font-size:16px;display:flex}.hero-figures strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.hero-figures strong.is-neg{color:var(--red)}.hero-figures strong.is-pos{color:var(--green)}.hero-cta{padding:15px 22px;font-size:17px}.hero-assumptions{color:var(--ink-3);max-width:120ch;margin:16px 0 0;font-size:13.5px}.detail,.diff,.method,.faq{padding-top:72px}.section-lead{color:var(--ink-2);max-width:64ch;font-size:18px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:26px 0 24px;display:grid}.detail-card{border:1px solid var(--line);border-radius:var(--radius-lg);margin:0;padding:20px 22px 8px}.detail-card h3{margin-bottom:6px}.detail-card figcaption p{color:var(--ink-2);margin-bottom:4px;font-size:15.5px}.diff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 56px;max-width:1040px;margin-top:26px;display:grid}.diff-grid>div{border-top:2px solid var(--amber);padding-top:14px}.diff-grid h3{margin-bottom:8px}.diff-grid p{color:var(--ink-2);margin:0}.method-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:32px 64px;display:grid}.formula{font-family:var(--font-display);background:var(--sky);border-radius:var(--radius-lg);margin-top:22px;padding:20px 22px;font-size:clamp(20px,2vw,24px);line-height:1.3}.formula span{color:var(--amber)}.method-list{grid-template-columns:max-content minmax(0,1fr);gap:14px 24px;margin:0;display:grid}.method-list dt{padding-top:1px;font-weight:600}.method-list dd{color:var(--ink-2);margin:0}.faq-list{border-bottom:1px solid var(--line);max-width:820px;margin-top:18px}.faq-item>summary{color:var(--ink);padding:15px 0;font-size:17.5px}.faq-item .explain-body{font-size:16.5px}.closing{background:var(--ink);color:#fff;margin-top:80px}.closing-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:44px;padding-bottom:44px;display:flex}.closing h2{color:#fff;max-width:24ch;margin:0}.closing .btn{color:var(--ink);background:#fff;border-color:#fff}.closing .btn:hover{background:var(--sky)}.closing+.site-footer{margin-top:0}@media (width<=960px){.hero-head{grid-template-columns:minmax(0,1fr)}.hero-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.diff-grid,.method-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.hero{padding-top:34px}.hero-controls{grid-template-columns:minmax(0,1fr);gap:14px}.hero-cta{width:100%}.method-list{grid-template-columns:minmax(0,1fr);gap:4px}.method-list dd{margin-bottom:12px}.detail,.diff,.method,.faq{padding-top:56px}.detail-card{padding:16px 14px 6px}}body:has(.closing) .site-footer{margin-top:0}
