.hero{position:relative;padding:clamp(64px,11vh,132px) 0 var(--space-6);overflow:hidden}
.hero__grid{position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(120,180,220,.07) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(120,180,220,.07) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(70% 60% at 50% 25%,#000 35%,transparent 100%)}
.hero h1{font-size:var(--step-6);line-height:.98;letter-spacing:-.03em;max-width:18ch;margin:var(--space-4) 0 0}
.hero h1 em{font-style:normal;color:var(--site-accent,var(--cyan));text-shadow:0 0 48px rgba(53,230,255,.35)}
.hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}
.hero__stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:var(--space-6)}
.stat{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-4)}
.stat b{display:block;font:700 var(--step-4)/1 var(--font-mono);color:var(--site-accent,var(--cyan));font-variant-numeric:tabular-nums}
.stat span{display:block;font-size:var(--step--1);color:var(--faint);margin-top:6px}
.section{padding:var(--space-6) 0}
.section h2{font-size:var(--step-3);margin:var(--space-3) 0 var(--space-5)}
.section .row{justify-content:space-between;align-items:baseline}
.tool-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.tool-card{display:flex;flex-direction:column;height:100%;color:var(--text);text-decoration:none}
.tool-card:hover{text-decoration:none}
.tool-card h3{font-size:var(--step-1);margin:var(--space-2) 0}
.tool-card p{font-size:var(--step--1);color:var(--dim);flex:1}
.tool-card .badge{margin-top:var(--space-3);align-self:flex-start}
.tool-card__n{font:700 var(--step--1)/1 var(--font-mono);color:var(--site-accent,var(--cyan));opacity:.85}
.steps{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.step__n{display:block;font:700 var(--step-2)/1 var(--font-mono);color:var(--site-accent,var(--cyan));opacity:.8;margin-bottom:var(--space-3)}
.page-head{padding:var(--space-8) 0 var(--space-5)}
.page-head h1{font-size:var(--step-5);margin:var(--space-3) 0}
.tool-main{padding:var(--space-6) 0 var(--space-7)}
.tool-hero h1{font-size:var(--step-5);margin:var(--space-3) 0}
.meta-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;
  color:var(--faint);font:500 var(--step--1)/1.5 var(--font-mono);margin-top:var(--space-4)}
.calc-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr);margin-top:var(--space-6)}
@media(width >= 980px){.calc-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start}}
.calc-card{padding:var(--space-6)}
.calc-card .btn--solid{margin-top:var(--space-5)}
.fields{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.field{margin:0}
.field > label{display:flex;justify-content:flex-start;gap:var(--space-2);align-items:baseline}
.unit{color:var(--faint);font-weight:400}
.calc-card .input{width:100%}
.result-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));margin-top:var(--space-5)}
.result-card{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:var(--space-4)}
.result-card b{display:block;font:700 var(--step-3)/1.1 var(--font-mono);color:var(--site-accent,var(--cyan));font-variant-numeric:tabular-nums}
.result-card span{display:block;font-size:var(--step--1);color:var(--dim);margin-top:6px}
.calc-side .card + .card{margin-top:var(--space-4)}
.calc-side h2{font-size:var(--step-1);margin:var(--space-2) 0 var(--space-3)}
.calc-side p,.calc-side li{color:var(--dim);font-size:var(--step--1)}
.calc-side ul{padding-left:1.1em}
.calc-side .eyebrow{margin-bottom:var(--space-2)}
.calc-main .prose{padding:var(--space-6) 0 0}
.calc-main .prose h2:first-child{margin-top:0}
.mini-card{display:block;border:1px solid var(--line);border-radius:var(--r-md);
  padding:var(--space-3);color:var(--text);margin-top:var(--space-3);text-decoration:none}
.mini-card:hover{border-color:var(--line-strong);text-decoration:none}
.mini-card b{display:block;font-size:var(--step-0)}
.mini-card span{display:block;font-size:var(--step--1);color:var(--dim);margin-top:4px}
.prose{padding:var(--space-6) 0}
.prose h2{font-size:var(--step-2);margin:var(--space-6) 0 var(--space-3)}
.prose h3{font-size:var(--step-1);margin:var(--space-5) 0 var(--space-2)}
.prose p,.prose li{color:var(--dim);max-width:70ch}
.prose ul{padding-left:1.2em}
.faq details{border-top:1px solid var(--line);padding:var(--space-3) 0}
.faq summary{cursor:pointer;font-weight:600;color:var(--text)}
.faq p{margin-top:var(--space-2)}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:var(--step--1);color:var(--faint)}
.crumbs a{color:var(--faint)}
.crumbs a:hover{color:var(--cyan)}
.legal{padding:var(--space-8) 0 var(--space-9)}
.legal h1{font-size:var(--step-4);margin:var(--space-3) 0}
.footer__inner{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.footer{margin-top:var(--space-7)}
.footer__links{display:flex;gap:var(--space-3);flex-wrap:wrap}
.footer a{color:var(--dim)}
.footer a:hover{color:var(--cyan)}
.nav__links a[aria-current="page"]{color:var(--cyan)}
.btn--icon{padding:8px 10px}
.source-list{list-style:none;padding:0;display:grid;gap:var(--space-2)}
.source-list a{color:var(--dim);font-size:var(--step--1)}
.btn--solid{background:linear-gradient(135deg,var(--site-accent,var(--cyan)),#7fd8ff)}
.brand__dot{background:var(--site-accent,var(--cyan))}
.eyebrow::before{color:var(--site-accent,var(--cyan))}
.nav__links a[aria-current="page"]{color:var(--site-accent,var(--cyan))}
[data-style="center"] .hero .wrap{text-align:center}
[data-style="center"] .hero h1{margin-inline:auto}
[data-style="center"] .hero .row{justify-content:center}
[data-style="center"] .hero__actions{justify-content:center}
[data-style="center"] .hero__stats{text-align:left}
[data-style="wide"] .hero h1{max-width:22ch}
[data-style="wide"] .hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-style="wide"] .card{border-radius:var(--r-sm)}
@media(max-width:640px){
  .nav__links{display:none}
  .nav__inner{gap:var(--space-2)}
  .wrap{width:calc(100% - 2*var(--space-4))}
  .fields{grid-template-columns:1fr}
  .result-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:var(--step-5)}
  .calc-card{padding:var(--space-4)}
  [data-style="wide"] .hero__stats{grid-template-columns:1fr}
}
@media(max-width:420px){.result-grid{grid-template-columns:1fr}}