:root{
  --paper:#0b0c0e;--paper2:#141619;--paper3:#1b1e22;
  --ink:#f2f2ef;--ink2:#c9cbd0;--muted:#a0a5ac;--faint:#858b93;
  --line:#25282d;--line2:#3a3e44;--signal:#4fbf8b;
  --glass:rgba(255,255,255,.04);--edge:rgba(255,255,255,.10);--edge-hi:rgba(255,255,255,.2);
  --max:1180px;--read:780px;--gut:clamp(20px,4.2vw,56px);
  --mono:'IBM Plex Mono',ui-monospace,monospace;--serif:'Newsreader',Georgia,serif;
}
html[data-theme="light"]{
  --paper:#fff;--paper2:#f6f6f4;--paper3:#eeeeeb;
  --ink:#090a0c;--ink2:#3a3d42;--muted:#5e636a;--faint:#6f747b;
  --line:#e2e3e4;--line2:#c9cccf;--signal:#168967;
  --glass:rgba(255,255,255,.8);--edge:rgba(9,10,12,.12);--edge-hi:rgba(9,10,12,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--signal);color:#04120c}
:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.shell{width:min(var(--max),calc(100% - var(--gut)*2));margin:auto}
.read{width:min(var(--read),calc(100% - var(--gut)*2));margin:auto}
.mono,.eyebrow,.nav,.btn,.meta,.chip,.crumb,.kicker,.foot{font-family:var(--mono)}
.topbar{position:sticky;top:0;z-index:50;height:66px;display:flex;align-items:center;background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid var(--edge)}
.topbar-in{width:min(var(--max),calc(100% - var(--gut)*2));margin:auto;display:flex;align-items:center;gap:18px}
.brand{text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}
.core{width:15px;height:15px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:2px}
.core i{background:var(--line2);border-radius:.5px}.core i:nth-child(5){background:var(--signal);box-shadow:0 0 9px var(--signal)}
.brand-word{font-size:20px;font-weight:680;letter-spacing:-.032em}.brand-word em{font-style:normal;font-weight:320;color:var(--muted)}
.nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.nav a{text-decoration:none;color:var(--muted);padding:7px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a.here{color:var(--ink);border-bottom-color:var(--signal)}
.theme{height:36px;min-width:36px;border:1px solid var(--edge);background:var(--glass);color:var(--muted);cursor:pointer}
.hero{padding:clamp(76px,10vw,140px) 0 clamp(64px,8vw,110px);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-210px;background:radial-gradient(circle,color-mix(in srgb,var(--signal) 14%,transparent),transparent 68%);pointer-events:none}
.eyebrow,.kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hero h1,.article-head h1{font-size:clamp(48px,7.2vw,92px);line-height:.92;letter-spacing:-.058em;font-weight:590;margin:22px 0 24px;max-width:12ch;font-variation-settings:'opsz' 72}
.hero p{font-size:clamp(19px,2vw,24px);line-height:1.5;color:var(--ink2);max-width:62ch;margin:0}
.hero-actions,.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.btn{min-height:46px;border:1px solid var(--edge-hi);display:inline-flex;align-items:center;justify-content:center;padding:0 20px;text-decoration:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--glass)}
.btn:hover{border-color:var(--signal);color:var(--signal)}.btn.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.solid:hover{background:var(--signal);border-color:var(--signal);color:#04120c}
.section{padding:clamp(64px,8vw,110px) 0}
.section-head{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end;margin-bottom:42px}
.section-head h2{font-size:clamp(34px,4.5vw,58px);line-height:1;letter-spacing:-.045em;font-weight:570;margin:10px 0 0}
.section-head p{margin:0;color:var(--ink2)}
.article-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line);border:1px solid var(--edge)}
.article-card{grid-column:span 12;background:var(--paper);padding:clamp(28px,4vw,48px);text-decoration:none;display:grid;grid-template-columns:1fr minmax(240px,.42fr);gap:34px;transition:.25s ease}
.article-card:hover{background:var(--paper2)}
.article-card h2{font-size:clamp(31px,4vw,52px);line-height:1.02;letter-spacing:-.045em;font-weight:570;margin:12px 0 18px;max-width:18ch}
.article-card p{margin:0;color:var(--ink2);max-width:62ch}
.card-side{border-left:1px solid var(--line);padding-left:30px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.article-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--edge);background:var(--paper2)}
.meta{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);display:flex;gap:12px;flex-wrap:wrap}
.read-more{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.article-head{padding:clamp(58px,8vw,105px) 0 54px;border-bottom:1px solid var(--line)}
.article-head h1{max-width:14ch;font-size:clamp(44px,6.3vw,78px)}
.article-head .dek{font-size:clamp(19px,2vw,23px);color:var(--ink2);max-width:66ch;margin:0 0 24px}
.crumb{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:24px}.crumb a{text-decoration:none}.crumb a:hover{color:var(--signal)}
.article{padding:58px 0 90px}
.article p{margin:0 0 22px;color:var(--ink2)}
.article .lead{font-size:24px;line-height:1.5;color:var(--ink);margin-bottom:36px}
.article h2{font-size:clamp(31px,4vw,46px);line-height:1.05;letter-spacing:-.042em;font-weight:570;margin:58px 0 20px;color:var(--ink)}
.article h3{font-size:25px;line-height:1.15;letter-spacing:-.025em;font-weight:580;margin:38px 0 13px;color:var(--ink)}
.article ul,.article ol{margin:0 0 26px;padding-left:24px;color:var(--ink2)}
.article li{margin:8px 0;padding-left:5px}
.article strong{color:var(--ink);font-weight:650}
.article a{color:var(--signal);text-decoration-thickness:1px;text-underline-offset:3px}
.article-visual{margin:24px 0 34px;border:1px solid var(--edge);background:var(--paper2);overflow:hidden}
.article-visual.featured{margin:0 0 42px}
.article-visual img{display:block;width:100%;height:auto;object-fit:cover}
.callout{margin:38px 0;padding:24px 26px;border:1px solid var(--edge-hi);background:var(--paper2)}
.callout p:last-child{margin-bottom:0}
.table-wrap{overflow-x:auto;margin:30px 0 38px;border:1px solid var(--edge)}
table{width:100%;border-collapse:collapse;min-width:680px;font-size:16px}
th,td{text-align:left;vertical-align:top;padding:15px 16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
th:last-child,td:last-child{border-right:0}tr:last-child td{border-bottom:0}
th{font:500 9px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);background:var(--paper2)}
td{color:var(--ink2)}td strong{color:var(--ink)}
.checklist{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--edge);margin:30px 0 38px}
.check{background:var(--paper2);padding:19px 20px;color:var(--ink2)}.check:before{content:"✓";color:var(--signal);margin-right:10px;font-family:var(--mono)}
.cta{margin-top:58px;padding:clamp(30px,5vw,54px);border:1px solid var(--signal);background:linear-gradient(135deg,color-mix(in srgb,var(--signal) 10%,var(--paper)),var(--paper))}
.cta h2{margin-top:0}.cta p{max-width:58ch}
.faq{border-top:1px solid var(--line);margin-top:54px}.faq-item{padding:25px 0;border-bottom:1px solid var(--line)}.faq-item h3{margin:0 0 9px;font-size:23px}.faq-item p{margin:0}
.related{padding:54px 0;border-top:1px solid var(--line);background:var(--paper2)}
.related-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.related a{border:1px solid var(--edge);padding:22px;text-decoration:none}.related a:hover{border-color:var(--signal)}
.foot{border-top:1px solid var(--line);padding:28px 0 42px;color:var(--faint);font-size:9px;letter-spacing:.11em;text-transform:uppercase}.foot-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:820px){
  .nav a:nth-child(n+3){display:none}
  .section-head,.article-card{grid-template-columns:1fr}
  .card-side{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:22px}
  .checklist,.related-row{grid-template-columns:1fr}
}
@media(max-width:520px){
  .topbar-in{gap:9px}.brand-word{font-size:18px}.nav{gap:12px}.nav a{font-size:9px}.theme{display:none}
  .hero h1,.article-head h1{font-size:clamp(42px,13vw,62px)}
  .article{padding-top:42px}.article .lead{font-size:21px}
}


/* ===== NIR GLOBAL HEADER PARITY ===== */
body{padding-top:66px}
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:300;height:66px;display:flex;align-items:center;
  background:transparent;border-bottom:1px solid transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:background .5s ease,border-color .5s ease,backdrop-filter .5s
}
.topbar.solid{
  background:color-mix(in srgb,var(--paper) 70%,transparent);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border-bottom:1px solid var(--edge)
}
.topbar-in{width:min(1380px,calc(100% - var(--gut)*2));margin:auto;display:flex;align-items:center;gap:18px}
.brand{gap:11px}
.core i{background:var(--line2);border-radius:.5px;transition:.5s ease}
.core i.on,.core i:nth-child(5){background:var(--signal);box-shadow:0 0 9px var(--signal)}
.nav{margin-left:auto;display:flex;gap:24px;align-items:center;font:400 10px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.nav a{text-decoration:none;color:var(--muted);padding:6px 0;border-bottom:1px solid transparent;transition:.25s ease}
.nav a:hover{color:var(--ink);border-bottom-color:var(--signal)}
.icon-btn{
  height:36px;min-width:36px;padding:0 11px;border:1px solid var(--edge);cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;justify-content:center;
  font:500 10px var(--mono);letter-spacing:.08em;color:var(--muted);
  transition:.25s ease;background:var(--glass);text-decoration:none
}
.icon-btn:hover{border-color:var(--edge-hi);color:var(--ink)}
.ask-btn{
  height:38px;padding:0 17px;border:1px solid var(--signal);color:var(--signal);cursor:pointer;
  display:inline-flex;align-items:center;gap:9px;font:500 10px var(--mono);letter-spacing:.11em;
  text-transform:uppercase;transition:.28s ease;background:transparent;white-space:nowrap
}
.ask-btn:hover{background:var(--signal);color:#04120c;box-shadow:0 0 34px color-mix(in srgb,var(--signal) 40%,transparent)}
.ask-btn i{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 9px var(--signal)}
.ask-btn:hover i{background:#04120c;box-shadow:none}
.blog-mini{display:none}
@media(max-width:1000px){
  .nav{display:none!important}
  .icon-btn.cmd{display:none}
  .blog-mini{display:inline-flex!important;margin-left:auto}
}
@media(max-width:560px){
  .topbar-in{gap:7px}
  .brand-word{font-size:18px}
  .blog-mini{min-width:40px;padding:0 7px}
  .ask-btn{padding:0 10px}
  .theme{display:inline-flex!important}
}
