:root{
  --white:#f3f3f3;
  --paper:#e9e9e9;
  --paper-2:#e2e2e2;
  --ink:#0a0a0a;
  --ink-2:#3b3b3b;
  --mute:#6a6a6a;
  --num:#8f8f8f;
  --line:#cfcfcf;
  --line-soft:#dedede;
  --bar:#bdbdbd;
  --nav-bg:#fafafa;
  --inv-mute:#bdbdbd;
  --grid-a:rgba(10,10,10,.045);
  --grid-b:rgba(10,10,10,.12);
  --fig-plate:#e4e4e4;
  --strip:#fafafa;
  --strip-text:rgba(10,10,10,.7);
  --nav-dim:rgba(10,10,10,.62);
  --pill-bg:rgba(10,10,10,.04);
  --pill-edge:rgba(10,10,10,.12);
  --edge:rgba(10,10,10,.12);
  --edge-2:rgba(10,10,10,.22);
  --edge-3:rgba(10,10,10,.34);
  --hover:rgba(10,10,10,.06);
  --r:8px;
  --r-sm:4px;
  --f-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --f-text:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --f-mono:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
:root[data-theme="dark"]{
  --white:#0a0a0a;
  --paper:#0d0d0d;
  --paper-2:#121212;
  --ink:#fafafa;
  --ink-2:#bdbdbd;
  --mute:#8a8a8a;
  --num:#696969;
  --line:#2a2a2a;
  --line-soft:#1c1c1c;
  --bar:#3a3a3a;
  --nav-bg:#0d0d0d;
  --inv-mute:#6b6b6b;
  --grid-a:rgba(250,250,250,.03);
  --grid-b:rgba(250,250,250,.08);
  --fig-plate:#101010;
  --strip:#0d0d0d;
  --strip-text:rgba(255,255,255,.7);
  --nav-dim:rgba(250,250,250,.62);
  --pill-bg:rgba(250,250,250,.04);
  --pill-edge:rgba(250,250,250,.12);
  --edge:rgba(255,255,255,.1);
  --edge-2:rgba(255,255,255,.18);
  --edge-3:rgba(255,255,255,.3);
  --hover:rgba(250,250,250,.06);
}
body{font-family:var(--f-text);font-size:14px}
:focus-visible{border-radius:var(--r-sm)}
.mono{font-family:var(--f-text);font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:600}
.ico{stroke-width:1.6}
.skip{border-radius:var(--r-sm)}

.topline{background:var(--strip);border-bottom:1px solid var(--line-soft)}
.topline .wrap{height:40px}
.topline span{color:var(--strip-text);text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}
.topline .tl-left{display:inline}
.topline .live b{color:var(--ink);font-weight:600}
.live i{border-radius:50%}

.nav{background:var(--nav-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line)}
.nav-progress{position:absolute;left:0;top:0;width:100%;height:2px;background:var(--ink);transform:scaleX(var(--p,0));transform-origin:left;pointer-events:none;transition:transform .12s linear}
.nav-links a{background-position:left calc(100% - 14px)}
.nav .wrap{height:65px}
.brand img{height:22px}
.nav-links{font-size:13px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;gap:22px}
.nav-links a{color:var(--nav-dim);transition:background-size .25s var(--ease),color .2s var(--ease)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink)}
.nav-links a[aria-current="page"]{font-weight:700}
.nav-links sup{font-family:var(--f-text);font-size:10px;letter-spacing:0}
.icon-btn{border-radius:var(--r-sm)}
.icon-btn:hover{border-color:var(--edge-2);background:var(--hover)}
.seg{border:1px solid var(--edge-2);border-radius:var(--r-sm);overflow:hidden}
.seg button{font-family:var(--f-text);font-weight:600}
.seg button:hover{background:var(--hover)}
.menu a.row{font-family:var(--f-text);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.menu a.row span:first-child{font-family:var(--f-text)}

.btn{border-radius:var(--r-sm);font-size:14px;font-weight:500;letter-spacing:0;min-height:44px;padding:0 18px;gap:8px;border-color:var(--ink)}
.btn--ghost{border-color:var(--edge-3)}
.btn--ghost:hover{background:var(--hover);color:var(--ink);border-color:var(--ink)}
.btn--sm{min-height:38px;padding:0 14px;font-size:13px}

.display{font-family:var(--f-display);font-weight:700;letter-spacing:-.03em}
.eyebrow{font-size:11px}
.eyebrow i{border-radius:2px}
.lead{font-size:15px}
.drum-meter button i{border-radius:2px}
.hero-fig{border-radius:var(--r);overflow:hidden}
.hero-fig .tag{font-size:11px}
.hero-cap{font-size:11px}
.facts>div{border-top-color:var(--line)}
.facts dt{font-size:11px}
.facts dd{color:var(--ink);font-weight:600}

.cd-band{border-radius:var(--r)}

.sec{padding-top:clamp(40px,5vw,64px);transition:padding-top .55s cubic-bezier(.45,0,.2,1)}
.sec.closed+.sec{padding-top:10px}
.sec-head{display:flex;flex-wrap:nowrap;align-items:center;gap:14px;height:52px;min-height:0;padding:0 15px;border:1px solid var(--pill-edge);border-top:1px solid var(--pill-edge);border-radius:var(--r);background:var(--pill-bg);margin-bottom:0;text-shadow:0 0 1px rgba(0,0,0,.3)}
:root[data-theme="light"] .sec-head,:root:not([data-theme="dark"]) .sec-head{text-shadow:none}
.sec-num{flex:none;font-family:var(--f-text);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--num);line-height:1;text-transform:uppercase}
.sec-title{flex:none;font-family:var(--f-display);font-weight:700;font-size:15.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);line-height:1.3}
.sec-note{flex:0 1 auto;min-width:0;max-width:none;margin-left:auto;font-size:12.5px;color:var(--mute);line-height:1.4;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}
.sec-fold{flex:none;display:grid;place-items:center;width:30px;height:30px;margin:-4px -6px -4px 0;border:0;background:none;color:var(--ink);border-radius:var(--r-sm);transition:background .2s var(--ease),transform .4s var(--ease)}
.sec-fold:hover{background:var(--hover)}
.sec-fold svg{width:18px;height:18px;transition:transform .4s var(--ease)}
.sec.closed .sec-fold svg{transform:rotate(180deg)}
.sec-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .55s cubic-bezier(.45,0,.2,1),opacity .45s cubic-bezier(.45,0,.2,1)}
.sec-body>.sec-in{min-height:0;overflow:hidden}
.sec-body>.sec-in>.sec-gap{height:clamp(22px,3vw,36px)}
.sec.closed .sec-body{grid-template-rows:0fr;opacity:0}
@media (max-width:719px){.sec-note{display:none}.sec-fold{margin-left:auto}}

.statement{font-family:var(--f-display);font-weight:600;letter-spacing:-.01em}
.features li{border-top-color:var(--line)}
.features h3{font-family:var(--f-display);letter-spacing:0;font-weight:700}
.features p{font-size:14px}

.steps li{border-top-color:var(--line)}
.steps li:last-child{border-bottom-color:var(--line)}
.step-n{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em}
.step-b h3{font-family:var(--f-display);font-weight:700;letter-spacing:0}
.step-b p{font-size:14px}
.step-a .note{border-radius:var(--r-sm);border-color:var(--edge-2);font-size:11px}

.stat{border-top-color:var(--line)}
.stat .mono{font-size:11px}
.stat b{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em}
.chart{border-top-color:var(--line)}
.chart-head{font-size:11px}
.legend i{border-radius:2px}
.bar{border-radius:2px 2px 0 0}
.bar::after{font-family:var(--f-text);font-weight:600;border-radius:var(--r-sm)}
.axis{font-size:11px}

.news a{border-radius:var(--r);padding-inline:18px}
.news a::before{border-radius:var(--r);inset:-1px 0}
.news li:last-child a{border-bottom-color:var(--line)}
.news time{font-size:12px;text-transform:none;letter-spacing:0;font-weight:400}
.news .cat{display:inline-flex;align-items:center;justify-self:start;height:20px;padding:0 7px;border:1px solid var(--edge-2);border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--ink);transition:background .18s,border-color .18s,color .18s}
.news a:hover .cat{color:var(--white);border-color:var(--inv-mute)}
.news h3{font-family:var(--f-display);font-weight:700;letter-spacing:0;font-size:clamp(1.0625rem,1.5vw,1.25rem)}
.news p{font-size:13.5px}
.news .n-thumb{border-radius:var(--r-sm)}
.news .n-thumb img{filter:none}
.news .ico{width:18px;height:18px}
.more .btn{min-height:40px;font-size:13px}

.comm a{border-radius:var(--r);border-color:var(--edge-2)}
.comm h3{font-family:var(--f-display);letter-spacing:-.01em;font-weight:700}

.article .sheet{border-left-color:var(--line)}
.a-bar{border-bottom-color:var(--line)}
.a-meta{font-size:12px;text-transform:none;letter-spacing:0;font-weight:400}
.a-in h2{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(1.5rem,2.8vw,2.25rem)}
.a-body h3{font-family:var(--f-display);letter-spacing:0;font-weight:700}
.a-cover,.a-body figure img,.a-body figure video,.a-yt{border-radius:var(--r-sm);overflow:hidden}
.a-body figure{max-width:560px}
.a-cover img,.a-body figure img{pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.a-body figcaption{font-family:var(--f-text);text-transform:none;letter-spacing:0}

.foot{margin-top:clamp(48px,6vw,80px)}
.foot-grid{border-top-color:var(--line)}
.foot h4{font-size:11px}
.disc{max-width:none;font-size:12.5px}
@media (min-width:960px){.foot-about{grid-column:1/8}}
.foot-links a{font-size:14px}
.marks li{border-radius:3px;border-color:var(--edge-2);font-family:var(--f-text);font-size:10px;letter-spacing:.06em}
.foot-bar{font-size:12px;text-transform:none;letter-spacing:0;font-weight:400}
.wordmark{font-family:var(--f-display);font-weight:700;letter-spacing:-.04em;opacity:.9;font-size:calc((min(100vw,var(--maxw)) - var(--pad)*2)/6.45);text-align:center;margin-left:0}
.toast{border-radius:var(--r-sm)}

.crumbs{font-size:12px;font-weight:600;letter-spacing:.04em}
.page-title{font-family:var(--f-display);font-weight:400;letter-spacing:0;line-height:1.15;font-size:clamp(2rem,3.6vw,2.75rem)}
.page-lead{font-size:15px}
.step-h,.sum-h,.toc>.mono{display:flex;align-items:center;gap:14px;height:52px;min-height:0;padding:0 15px;border:0;border-radius:var(--r);background:var(--pill-bg);box-shadow:inset 0 0 0 1px var(--pill-edge);font-family:var(--f-display);font-weight:700;font-size:15.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);line-height:1.3;margin:0 0 20px}
.step-h .mono{font-size:12px;color:var(--num);font-weight:700;letter-spacing:.06em}
.sum-h{margin:0;border-radius:var(--r) var(--r) 0 0;box-shadow:none;border-bottom:1px solid var(--line)}
.summary{border-color:var(--line);border-radius:var(--r);padding:0;overflow:hidden}
.summary>:not(.sum-h){margin-left:clamp(20px,2.4vw,32px);margin-right:clamp(20px,2.4vw,32px)}
.sum-rows{margin-top:16px}
.sum-rows div{border-top-color:var(--line-soft)}
.result{border-top-color:var(--line)}
.result output{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em}
.result em{border-radius:3px;font-family:var(--f-text);font-weight:700;font-size:11px;border-color:var(--edge-2)}
.summary .go{width:calc(100% - 2*clamp(20px,2.4vw,32px));margin-bottom:16px}
.safe{margin-bottom:20px}
.field{border-bottom-color:var(--line)}
.field input{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em}
.field span{font-family:var(--f-display)}
.presets button{border-radius:var(--r-sm);border-color:var(--edge-2)}
.rates div{border-top-color:var(--line-soft)}
.rates div:last-child{border-bottom-color:var(--line)}
.m-group{font-size:11px}
.methods button{border-radius:var(--r);border-color:var(--edge-2)}
.methods button::after{border-radius:50%}
.methods button b{font-family:var(--f-display);letter-spacing:0;font-weight:700}
.inp .mono{font-size:11px}
.inp input{border-radius:var(--r-sm);border-color:var(--edge-2)}
.chk .box{border-radius:3px}
.tabs a{border-radius:var(--r);border-color:var(--edge-2);font-family:var(--f-text);font-weight:600;font-size:14px;letter-spacing:0}
.toc{border-top:0;padding-top:0}
.toc>.mono{margin-bottom:10px}
.toc a{border-radius:0 var(--r-sm) var(--r-sm) 0;transition:color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}
.toc a.on{color:var(--ink);border-left-color:var(--ink);box-shadow:inset 2px 0 var(--ink);background:var(--pill-bg)}
.doc{border-top-color:var(--line)}
.doc h2{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em}
.doc h3{font-family:var(--f-display);font-weight:700;letter-spacing:0;border-top-color:var(--line-soft)}
.doc ol>li::before{font-family:var(--f-text);font-weight:700}
