@charset "UTF-8";
/* ============================================================
   PRESS RELEASE FOR BUSINESS — design system
   A publishing platform, not a newspaper. Deep indigo + signal
   cyan, technical typography, generous structure.
   ============================================================ */

:root{
  --ink:#0f1524;
  --ink-2:#39415a;
  --ink-3:#6b7490;
  --rule:#dde1ea;
  --rule-soft:#edeff4;
  --paper:#ffffff;
  --paper-2:#f7f8fb;
  --paper-3:#eef0f6;

  --brand:#2a3fd4;
  --brand-dark:#1f2ea6;
  --brand-tint:#f0f2fe;
  --signal:#00c2a8;
  --signal-dark:#009a86;
  --amber:#c47d16;
  --live:#d93636;

  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --max:1240px;
  --shadow-sm:0 1px 2px rgba(15,21,36,.06);
  --shadow:0 2px 6px rgba(15,21,36,.06),0 12px 32px rgba(15,21,36,.07);
  --shadow-lg:0 6px 18px rgba(15,21,36,.09),0 24px 60px rgba(15,21,36,.11);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:16.5px;line-height:1.6;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.wrap-narrow{max-width:900px;margin:0 auto;padding:0 22px}

.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--ink);
  padding:11px 17px;border:2px solid var(--brand);z-index:9999;font-weight:600}
.skip:focus{left:16px;top:12px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:600;background:#fff;
  box-shadow:0 1px 0 var(--rule),0 2px 16px rgba(15,21,36,.05)}
.hdr-bar{display:flex;align-items:center;gap:20px;padding:15px 0 13px}
.brand{display:flex;align-items:center;line-height:0}
.brand img{width:300px;height:auto;max-width:100%}
.hdr-sp{flex:1}
.hdr-nav{display:flex;align-items:center;gap:26px}
.hdr-nav a{font-size:14.5px;font-weight:500;color:var(--ink-2);letter-spacing:.1px}
.hdr-nav a:hover{color:var(--brand);text-decoration:none}
.hdr-nav a[aria-current="page"]{color:var(--brand);font-weight:600}
.btn-hdr{background:var(--brand);color:#fff!important;padding:10px 20px;border-radius:5px;
  font-size:14px;font-weight:600;letter-spacing:.1px}
.btn-hdr:hover{background:var(--brand-dark);text-decoration:none}
.navtoggle{display:none;background:none;border:1px solid var(--rule);border-radius:5px;
  padding:8px 11px;cursor:pointer}
.navtoggle svg{width:20px;height:20px;fill:var(--ink)}
@media(max-width:1000px){
  .brand img{width:220px}
  .navtoggle{display:block}
  .hdr-nav{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;
    align-items:stretch;gap:0;padding:8px 22px 16px;border-top:1px solid var(--rule);
    box-shadow:var(--shadow);display:none}
  .hdr-nav.open{display:flex}
  .hdr-nav a{padding:13px 0;border-bottom:1px solid var(--rule-soft);font-size:16px}
  .btn-hdr{margin-top:12px;text-align:center}
}
@media(max-width:520px){.brand img{width:178px}}

/* ---------- Hero (light / Option C) ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate;color:var(--ink);
  background:linear-gradient(180deg,#fff 0%,var(--paper-2) 100%);
  border-bottom:1px solid var(--rule)}
.hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
   radial-gradient(ellipse 62% 70% at 84% 12%,rgba(0,194,168,.11),transparent 62%),
   radial-gradient(ellipse 66% 74% at 8% 96%,rgba(42,63,212,.09),transparent 64%)}
.hero-grid{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.6;
  background-image:
   linear-gradient(rgba(42,63,212,.06) 1px,transparent 1px),
   linear-gradient(90deg,rgba(42,63,212,.06) 1px,transparent 1px);
  background-size:46px 46px;
  transform:perspective(560px) rotateX(64deg) translateY(40%) scale(2.3);
  transform-origin:center bottom;animation:hDrift 24s linear infinite}
@keyframes hDrift{0%{background-position:0 0}100%{background-position:0 46px}}
.hero-in{position:relative;z-index:4;padding:62px 0 52px;text-align:center}
.hero h1{font-family:var(--serif);font-size:clamp(33px,4.6vw,55px);line-height:1.05;
  margin:0 auto 20px;font-weight:700;letter-spacing:-1.1px;max-width:19ch;color:var(--ink)}
.hero h1 span{color:var(--brand)}
.hero p.lede{font-size:19px;line-height:1.6;color:var(--ink-2);max-width:62ch;margin:0 auto 32px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;
  letter-spacing:2.3px;text-transform:uppercase;color:var(--signal-dark);
  border:1px solid #b9ece2;padding:6px 14px;border-radius:30px;margin-bottom:22px;
  background:#eefbf8}
.hero-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--signal);
  animation:blip 1.8s infinite;display:inline-block}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.25}}
.proof{background:var(--ink);color:#fff;padding:20px 0}
.proof-in{display:flex;flex-wrap:wrap;gap:13px 32px;justify-content:center;align-items:center;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.6px;color:#8fa0bb}
.proof-in span{display:inline-flex;align-items:center;gap:8px}
.proof-in span::before{content:'';width:5px;height:5px;border-radius:50%;
  background:var(--signal);flex:none}
.proof-in a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}
.proof-in a:hover{border-bottom-color:var(--signal);color:var(--signal);text-decoration:none}
@media(max-width:600px){.proof-in{gap:10px 20px;font-size:10.5px}}
@media(prefers-reduced-motion:reduce){
  .hero-grid,.hero-eyebrow i{animation:none}
}
/* ---------- Search (editorial rule + blue button) ---------- */
.psearch{position:relative;max-width:620px;margin:0 auto}
.psearch-in{display:flex;align-items:center;gap:12px;background:transparent;border:0;
  border-bottom:2px solid var(--ink);padding:0 2px;border-radius:0;overflow:visible;
  transition:border-color .16s}
.psearch-in::before{content:'';width:19px;height:19px;flex:none;background-repeat:no-repeat;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7488' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4.3-4.3'/%3E%3C/svg%3E")}
.psearch-in:focus-within{border-bottom-color:var(--brand)}
.psearch input{flex:1;border:0;background:transparent;padding:14px 0;font-size:17.5px;
  font-family:var(--serif);color:var(--ink);outline:none;min-width:0}
.psearch input::placeholder{color:var(--ink-3);font-style:italic}
.psearch button{background:var(--brand);color:#fff;border:0;padding:11px 22px;border-radius:6px;
  font-size:13.5px;font-weight:700;font-family:var(--sans);cursor:pointer;letter-spacing:.4px;
  white-space:nowrap;margin:4px 0;transition:background .16s}
.psearch button:hover{background:var(--brand-dark)}
.psearch-hint{font-size:13.5px;color:var(--ink-3);margin-top:13px}
.psearch-hint a{color:var(--brand);font-weight:600}
.pfilters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.pfilter{background:#fff;border:1px solid var(--rule);color:var(--ink-2);
  font-size:12.5px;padding:7px 15px;border-radius:30px;cursor:pointer;font-weight:500;
  transition:all .18s}
.pfilter:hover{border-color:var(--brand);color:var(--brand)}
.pfilter[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff;
  font-weight:700}
@media(max-width:560px){
  .psearch input{font-size:16.5px;padding:12px 0}
  .psearch button{padding:10px 15px;font-size:12.5px}
  .psearch-in{gap:9px}
}
/* ---------- Stacked release rows ---------- */
.stack{display:flex;flex-direction:column;gap:0;border-top:2px solid var(--ink)}
.prow{display:grid;grid-template-columns:104px 1fr 190px;gap:26px;padding:26px 0;
  border-bottom:1px solid var(--rule);align-items:start;position:relative;
  transition:background .18s}
.prow:hover{background:var(--paper-2)}
.prow-date{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);line-height:1.7;
  padding-top:3px}
.prow-date strong{display:block;font-size:26px;color:var(--ink);font-weight:600;
  letter-spacing:-.5px;line-height:1}
.prow-main h3{font-family:var(--serif);font-size:23px;line-height:1.26;margin:0 0 9px;
  font-weight:700;letter-spacing:-.25px}
.prow-main h3 a:hover{color:var(--brand);text-decoration:none}
.prow-main p{font-size:15.5px;color:var(--ink-2);margin:0 0 11px;line-height:1.58;
  max-width:74ch}
.prow-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.ptag{font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
  padding:4px 9px;border-radius:3px;background:var(--paper-3);color:var(--ink-2)}
.ptag.cat{background:var(--brand-tint);color:var(--brand-dark)}
.ptag.new{background:#e6faf6;color:var(--signal-dark)}
.ptag.feat{background:#fdf3e2;color:var(--amber)}
.prow-side{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.prow-org{font-size:12.5px;color:var(--ink-3);line-height:1.45}
.prow-org strong{display:block;color:var(--ink);font-size:13.5px;font-weight:600}
.prow-read{font-size:13px;font-weight:600;color:var(--brand)}
.prow-read:hover{text-decoration:underline}
@media(max-width:900px){
  .prow{grid-template-columns:78px 1fr;gap:18px}
  .prow-side{grid-column:2;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
  .prow-date strong{font-size:21px}
}
@media(max-width:560px){
  .prow{grid-template-columns:1fr;gap:10px;padding:22px 0}
  .prow-date{display:flex;gap:8px;align-items:baseline;padding:0}
  .prow-date strong{font-size:16px;display:inline}
  .prow-side{grid-column:1}
  .prow-main h3{font-size:20px}
}

/* ---------- Section furniture ---------- */
.sec{padding:52px 0}
.sec-alt{background:var(--paper-2);border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule)}
.sec-dark{background:var(--ink);color:#fff}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  margin-bottom:26px;flex-wrap:wrap}
.sec-head h2{font-family:var(--serif);font-size:31px;margin:0;font-weight:700;
  letter-spacing:-.5px;line-height:1.2}
.sec-dark .sec-head h2{color:#fff}
.sec-head .sub{font-size:15px;color:var(--ink-3);margin:7px 0 0}
.sec-head .more{font-size:14px;font-weight:600;color:var(--brand);white-space:nowrap}
.eyebrow{font-size:10.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--brand);margin-bottom:10px;display:block}
.sec-dark .eyebrow{color:var(--signal)}

/* ---------- Cards / grids ---------- */
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:940px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}

.card{border:1px solid var(--rule);border-radius:9px;padding:26px;background:#fff;
  transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card h3{font-size:19px;margin:0 0 10px;font-weight:700;letter-spacing:-.2px;line-height:1.3}
.card p{font-size:15px;color:var(--ink-2);margin:0;line-height:1.6}
.card .ico{width:44px;height:44px;border-radius:9px;background:var(--brand-tint);
  display:grid;place-items:center;margin-bottom:16px}
.card .ico svg{width:22px;height:22px;stroke:var(--brand);fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

/* ---------- Pricing ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
@media(max-width:940px){.tiers{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.tier{border:1px solid var(--rule);border-radius:11px;padding:30px 26px;background:#fff;
  display:flex;flex-direction:column;position:relative}
.tier.pop{border:2px solid var(--brand);box-shadow:var(--shadow-lg)}
.tier .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--brand);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:1.4px;
  text-transform:uppercase;padding:5px 14px;border-radius:20px;white-space:nowrap}
.tier h3{font-size:19px;margin:0 0 6px;font-weight:700}
.tier .tsub{font-size:13.5px;color:var(--ink-3);margin:0 0 20px;line-height:1.5;min-height:42px}
.tier .price{font-family:var(--serif);font-size:46px;font-weight:700;letter-spacing:-2px;
  line-height:1;margin-bottom:4px}
.tier .price small{font-size:15px;font-weight:400;color:var(--ink-3);letter-spacing:0}
.tier .pnote{font-size:12.5px;color:var(--ink-3);margin:0 0 22px}
.tier ul{list-style:none;margin:0 0 26px;padding:0;flex:1}
.tier li{font-size:14.5px;color:var(--ink-2);padding:9px 0 9px 27px;position:relative;
  line-height:1.5;border-bottom:1px solid var(--rule-soft)}
.tier li:last-child{border-bottom:0}
.tier li::before{content:'';position:absolute;left:0;top:14px;width:15px;height:8px;
  border-left:2.5px solid var(--signal);border-bottom:2.5px solid var(--signal);
  transform:rotate(-45deg)}
.tier li.no{color:var(--ink-3)}
.tier li.no::before{border:0;content:'—';top:9px;color:var(--rule);
  transform:none;width:auto;height:auto;font-weight:700}

.btn{display:inline-block;background:var(--brand);color:#fff;border:0;padding:14px 28px;
  font-size:15px;font-weight:600;cursor:pointer;border-radius:6px;text-align:center;
  letter-spacing:.1px;transition:background .18s}
.btn:hover{background:var(--brand-dark);text-decoration:none;color:#fff}
.btn-w{width:100%}
.btn-ghost{background:transparent;color:var(--brand);border:1.5px solid var(--rule)}
.btn-ghost:hover{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-dark)}
.btn-sig{background:var(--signal);color:#04211d}
.btn-sig:hover{background:var(--signal-dark);color:#fff}
.btn[disabled]{opacity:.55;cursor:not-allowed}

/* ---------- Release document ---------- */
.rel{max-width:790px;margin:0 auto;padding:36px 0 10px}
.rel-flag{display:flex;align-items:center;gap:11px;padding:11px 16px;
  background:var(--brand-tint);border:1px solid #ccd3fb;border-radius:7px;
  font-size:13px;color:var(--brand-dark);margin-bottom:26px;line-height:1.5}
.rel-flag svg{width:19px;height:19px;flex:none;stroke:var(--brand);fill:none;stroke-width:2}
.rel-kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:12px}
.rel h1{font-family:var(--serif);font-size:clamp(28px,3.8vw,42px);line-height:1.13;
  margin:0 0 15px;font-weight:700;letter-spacing:-.8px}
.rel .subhead{font-size:19.5px;line-height:1.5;color:var(--ink-2);margin:0 0 26px;
  font-weight:400}
.rel-meta{display:flex;align-items:center;gap:15px;padding:15px 0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:30px;
  flex-wrap:wrap}
.rel-meta .org{font-size:14px;line-height:1.4}
.rel-meta .org strong{display:block;font-size:15px}
.rel-meta .org span{color:var(--ink-3);font-size:12.5px}
.rel-meta .sp{flex:1}
.rel .dateline{font-family:var(--mono);font-size:13.5px;color:var(--ink);font-weight:500;
  letter-spacing:.2px}
.rel p{font-size:17.5px;line-height:1.72;margin:0 0 20px;color:#1d2436}
.rel h2{font-family:var(--serif);font-size:26px;line-height:1.25;margin:38px 0 14px;
  font-weight:700;letter-spacing:-.35px}
.rel h3{font-size:18.5px;margin:28px 0 10px;font-weight:700}
.rel ul,.rel ol{margin:0 0 22px;padding-left:24px}
.rel li{font-size:17px;line-height:1.66;margin-bottom:10px;color:#1d2436}
.rel a:not(.btn){color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.rel blockquote{margin:30px 0;padding:0 0 0 24px;border-left:4px solid var(--signal);
  font-family:var(--serif);font-size:22px;line-height:1.46;font-style:italic;color:var(--ink)}
.rel blockquote cite{display:block;font-family:var(--sans);font-size:13.5px;font-style:normal;
  color:var(--ink-3);margin-top:12px;letter-spacing:.2px}
.rel-box{border:1px solid var(--rule);border-radius:9px;padding:24px 26px;margin:30px 0;
  background:var(--paper-2)}
.rel-box h4{margin:0 0 13px;font-size:11px;letter-spacing:1.7px;text-transform:uppercase;
  color:var(--brand);font-weight:800}
.rel-box ul{margin:0;padding-left:20px}
.rel-box li{font-size:15.5px;margin-bottom:8px;line-height:1.55}
.rel-end{text-align:center;font-family:var(--mono);font-size:15px;color:var(--ink-3);
  letter-spacing:5px;margin:38px 0;padding:14px 0;border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule)}
.rel-boiler{background:var(--paper-2);border-radius:9px;padding:26px;margin:30px 0}
.rel-boiler h3{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-3);
  margin:0 0 12px;font-weight:800}
.rel-boiler p{font-size:15.5px;line-height:1.65;margin:0 0 14px;color:var(--ink-2)}
.rel-boiler p:last-child{margin:0}
.rel-contact{border:1px solid var(--rule);border-radius:9px;padding:24px 26px;margin:26px 0}
.rel-contact h3{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-3);
  margin:0 0 13px;font-weight:800}
.rel-contact p{font-size:15.5px;line-height:1.7;margin:0;color:var(--ink-2)}

/* ---------- Share ---------- */
.share{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:20px 0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:32px 0}
.share .lbl{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--ink-3);margin-right:5px}
.sbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--rule);
  background:#fff;border-radius:6px;padding:9px 14px;font-size:13.5px;font-weight:500;
  color:var(--ink-2);cursor:pointer;transition:all .18s}
.sbtn:hover{border-color:var(--brand);color:var(--brand);text-decoration:none;
  background:var(--brand-tint)}
.sbtn svg{width:15px;height:15px;fill:currentColor}
.sbtn.ok{border-color:var(--signal);color:var(--signal-dark);background:#e6faf6}

/* ---------- Steps ---------- */
.steps{counter-reset:s;display:grid;gap:2px}
.step{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:24px 0;
  border-bottom:1px solid var(--rule);align-items:start}
.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);
  font-family:var(--serif);font-size:32px;font-weight:700;color:var(--rule);line-height:1}
.step h3{margin:0 0 8px;font-size:19px;font-weight:700}
.step p{margin:0;font-size:15.5px;color:var(--ink-2);line-height:1.62}
@media(max-width:560px){.step{grid-template-columns:44px 1fr;gap:14px}
  .step::before{font-size:24px}}

/* ---------- Tables ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:15px;margin:26px 0}
.tbl caption{caption-side:top;text-align:left;font-size:11px;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--brand);font-weight:800;padding-bottom:11px}
.tbl th{text-align:left;background:var(--ink);color:#fff;padding:11px 14px;font-size:12.5px;
  font-weight:600;letter-spacing:.3px}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--rule-soft);vertical-align:top}
.tbl tbody tr:nth-child(even){background:var(--paper-2)}

/* ---------- Forms ---------- */
.fld{display:flex;flex-direction:column;margin-bottom:17px}
.fld label{font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  color:var(--ink-2);margin-bottom:7px}
.fld input,.fld select,.fld textarea{padding:12px 14px;border:1px solid #c6cbd8;
  background:#fff;font-family:inherit;font-size:15.5px;border-radius:6px;color:var(--ink)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--brand);
  outline-offset:-1px;border-color:var(--brand)}
.fld textarea{min-height:170px;resize:vertical;line-height:1.55}
.fld .hint{font-size:12.5px;color:var(--ink-3);margin-top:6px;line-height:1.5}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.f2{grid-template-columns:1fr}}
.formcard{border:1px solid var(--rule);border-radius:11px;padding:32px;background:#fff;
  box-shadow:var(--shadow-sm)}

/* ---------- Notices ---------- */
.notice{border-left:4px solid var(--brand);background:var(--paper-2);padding:18px 22px;
  border-radius:0 7px 7px 0;margin:26px 0;font-size:15.5px;line-height:1.62}
.notice strong{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--brand);margin-bottom:7px;font-weight:800}
.notice.warn{border-left-color:var(--amber)}
.notice.warn strong{color:var(--amber)}
.notice.sig{border-left-color:var(--signal)}
.notice.sig strong{color:var(--signal-dark)}

/* ---------- Stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:9px;overflow:hidden}
.stats .s{background:#fff;padding:24px 20px}
.sec-dark .stats{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14)}
.sec-dark .stats .s{background:#161d30}
.stats .sv{font-family:var(--serif);font-size:34px;font-weight:700;letter-spacing:-1px;
  line-height:1;color:var(--ink)}
.sec-dark .stats .sv{color:var(--signal)}
.stats .sl{font-size:12.5px;color:var(--ink-3);margin-top:9px;line-height:1.45}
.sec-dark .stats .sl{color:#94a1ba}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ---------- Footer ---------- */
.ftr{background:var(--paper-2);color:var(--ink-2);padding:52px 0 28px;font-size:14.5px;
  border-top:1px solid var(--rule)}
.ftr h4{color:var(--ink);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;
  margin:0 0 14px;font-weight:800}
.ftr a{color:var(--ink-2)}
.ftr a:hover{color:var(--brand)}
.ftr-g{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px;padding-bottom:32px;
  border-bottom:1px solid var(--rule)}
.ftr-g ul{list-style:none;margin:0;padding:0}
.ftr-g li{margin-bottom:9px}
.ftr-logo{width:240px;max-width:100%;height:auto;display:block}
.ftr-blurb{max-width:40ch;line-height:1.65;color:var(--ink-3);font-size:14px;margin:16px 0 0}
.ftr-bot{padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-size:13px;color:var(--ink-3);align-items:center}
.ftr-by{display:flex;align-items:center;gap:7px}
.ftr-by a{color:var(--brand);font-weight:700}
.ftr-by a:hover{color:var(--brand-dark)}
@media(max-width:900px){.ftr-g{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftr-g{grid-template-columns:1fr;gap:26px}}

/* ---------- Search results ---------- */
.res-count{font-size:13.5px;color:var(--ink-3);padding:14px 0 4px;font-family:var(--mono)}
.no-res{padding:40px 0;text-align:center}
.no-res h3{font-family:var(--serif);font-size:24px;margin:0 0 10px}
.no-res p{font-size:16px;color:var(--ink-2);margin:0 0 20px}

/* ---------- Breadcrumb ---------- */
.crumb{font-size:12.5px;color:var(--ink-3);padding:16px 0 0}
.crumb a:hover{color:var(--brand)}
.crumb span{padding:0 8px;color:var(--rule)}

/* ---------- Print ---------- */
@media print{
  .hdr,.ftr,.share,.hero{display:none!important}
  .rel-flag{border:2px solid #000!important;background:#fff!important;color:#000!important}
  .rel{max-width:100%}
  body{font-size:11pt}
  .rel a:not(.btn)::after{content:' (' attr(href) ')';font-size:9pt;color:#666}
}

/* ============================================================
   EYE TO AD AD UNITS — four distinct creatives
   ============================================================ */
.adunit{margin:44px 0;display:flex;flex-direction:column;align-items:center}
.adlbl{font-size:9px;letter-spacing:1.9px;text-transform:uppercase;color:#a3aabb;
  margin-bottom:8px;font-weight:600}
.ad-flag{position:absolute;top:0;right:0;z-index:5;font-size:8.5px;font-weight:700;
  letter-spacing:1.4px;text-transform:uppercase;color:#7c8aa3;background:rgba(9,13,24,.92);
  padding:5px 11px;border-left:1px solid #1e2942;border-bottom:1px solid #1e2942}
.ad-flag.light{background:var(--paper-3);color:var(--ink-3);border-color:var(--rule)}

/* --- 1. holographic toad --- */
.ad-holo{position:relative;width:100%;max-width:840px;background:#070b14;
  border:1px solid #1b2436;border-radius:10px;overflow:hidden;isolation:isolate}
.ad-holo::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 66% 100% at 18% 120%,rgba(0,194,168,.3),transparent 62%),
             radial-gradient(ellipse 52% 84% at 86% -14%,rgba(42,63,212,.3),transparent 60%)}
.ad-holo::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;
  background:repeating-linear-gradient(0deg,rgba(0,194,168,.055) 0 1px,transparent 1px 3px);
  mix-blend-mode:screen;animation:adScan 7s linear infinite}
@keyframes adScan{0%{background-position-y:0}100%{background-position-y:120px}}
.ad-holo-in{position:relative;z-index:3;display:flex;align-items:center;gap:26px;padding:26px 30px}
.ad-stage{flex:none;width:132px;height:132px;position:relative;display:grid;place-items:center}
.ad-stage svg{width:100%;height:100%;
  filter:drop-shadow(0 0 10px rgba(0,194,168,.6)) drop-shadow(0 0 24px rgba(0,194,168,.3));
  animation:adFloat 4.6s ease-in-out infinite}
@keyframes adFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ad-base{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:88px;height:13px;
  border-radius:50%;background:radial-gradient(ellipse,rgba(0,194,168,.6),transparent 70%);
  animation:adBase 4.6s ease-in-out infinite}
@keyframes adBase{0%,100%{opacity:.85;width:88px}50%{opacity:.45;width:64px}}
.ad-copy{flex:1;min-width:0}
.ad-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;
  letter-spacing:2.1px;text-transform:uppercase;color:#00c2a8;margin-bottom:9px}
.ad-eyebrow i{width:5px;height:5px;border-radius:50%;background:#00c2a8;
  animation:blip 1.8s infinite;display:inline-block}
.ad-copy h4{font-family:var(--serif);color:#fff;font-size:25px;line-height:1.18;margin:0 0 10px;
  font-weight:700;letter-spacing:-.4px}
.ad-copy p{color:#98a9c2;font-size:14.5px;line-height:1.55;margin:0 0 15px;max-width:52ch}
.ad-cta{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#00c2a8;
  border:1px solid rgba(0,194,168,.5);padding:9px 18px;font-size:12.5px;font-weight:700;
  letter-spacing:.6px;text-transform:uppercase;border-radius:4px;transition:all .2s}
.ad-cta:hover{background:rgba(0,194,168,.12);border-color:#00c2a8;text-decoration:none;
  box-shadow:0 0 20px rgba(0,194,168,.3)}
@media(prefers-reduced-motion:reduce){.ad-holo::after,.ad-stage svg,.ad-base{animation:none}}
@media(max-width:680px){.ad-holo-in{flex-direction:column;text-align:center;padding:24px 20px}
  .ad-eyebrow{justify-content:center}.ad-copy p{max-width:none}}

/* --- 2. visibility audit --- */
.ad-audit{position:relative;width:100%;max-width:840px;border:1px solid var(--rule);
  border-radius:10px;overflow:hidden;background:#fff}
.ad-audit-in{display:grid;grid-template-columns:1.05fr .95fr;gap:0}
.ad-audit-copy{padding:30px 32px}
.ad-audit-copy h4{font-family:var(--serif);font-size:24px;line-height:1.2;margin:0 0 12px;
  font-weight:700;letter-spacing:-.4px}
.ad-audit-copy p{font-size:15px;color:var(--ink-2);line-height:1.6;margin:0 0 20px}
.ad-audit-vis{background:var(--ink);padding:28px 26px;display:flex;flex-direction:column;
  justify-content:center;gap:18px}
.aq{border-left:2px solid var(--signal);padding-left:14px}
.aql{display:block;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:#6b7a95;
  font-weight:700;margin-bottom:5px}
.aqt{font-family:var(--mono);font-size:13.5px;color:#fff;line-height:1.45}
.aal{display:block;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:#6b7a95;
  font-weight:700;margin-bottom:9px}
.aab{display:block;font-size:13px;padding:8px 12px;border-radius:5px;margin-bottom:7px;
  font-family:var(--mono)}
.aab.miss{background:#1b2337;color:#8b9ab4}
.aab.you{background:rgba(217,54,54,.14);color:#f08a8a;border:1px dashed rgba(217,54,54,.5)}
@media(max-width:680px){.ad-audit-in{grid-template-columns:1fr}}

/* --- 3. credentials strip --- */
.ad-strip{position:relative;width:100%;max-width:840px;background:var(--ink);border-radius:10px;
  overflow:hidden}
.ad-strip-in{display:flex;align-items:center;gap:20px;padding:20px 26px}
.ad-strip-mark{flex:none;width:62px;height:62px}
.ad-strip-mark svg{width:100%;height:100%}
.ad-strip-txt{flex:1;min-width:0}
.ad-strip-txt strong{display:block;color:#fff;font-size:16.5px;line-height:1.35;
  margin-bottom:5px;font-weight:600}
.ad-strip-txt span{font-size:13px;color:#8b9ab4}
.ad-strip-cta{flex:none;background:var(--signal);color:#04211d;padding:11px 20px;
  border-radius:5px;font-size:13.5px;font-weight:700;white-space:nowrap}
.ad-strip-cta:hover{background:#fff;text-decoration:none}
@media(max-width:680px){.ad-strip-in{flex-direction:column;text-align:center}}

/* --- 4. upsell panel --- */
.ad-upsell{position:relative;width:100%;max-width:840px;border:1px solid var(--rule);
  border-top:4px solid var(--brand);border-radius:0 0 10px 10px;padding:30px 32px;
  background:var(--paper-2)}
.ad-upsell h4{font-family:var(--serif);font-size:25px;line-height:1.2;margin:0 0 12px;
  font-weight:700;letter-spacing:-.4px}
.ad-upsell p{font-size:15.5px;color:var(--ink-2);line-height:1.62;margin:0 0 18px;max-width:64ch}
.ad-ul{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;
  gap:9px 22px}
.ad-ul li{font-size:14.5px;color:var(--ink-2);padding-left:24px;position:relative;line-height:1.5}
.ad-ul li::before{content:'';position:absolute;left:0;top:7px;width:13px;height:7px;
  border-left:2.5px solid var(--brand);border-bottom:2.5px solid var(--brand);
  transform:rotate(-45deg)}
@media(max-width:640px){.ad-ul{grid-template-columns:1fr}}

/* ============================================================
   OPTIMIZED-TIER RELEASE FURNITURE
   ============================================================ */
.opt-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--signal-dark);
  background:#e6faf6;border:1px solid #b9ece2;padding:5px 12px;border-radius:20px;
  margin-left:10px;vertical-align:middle}
.opt-badge svg{width:12px;height:12px;fill:var(--signal-dark)}

.glance{border:1px solid var(--rule);border-left:4px solid var(--signal);border-radius:0 8px 8px 0;
  background:linear-gradient(180deg,#f4fdfb,#fff);padding:22px 26px;margin:0 0 30px}
.glance h4{margin:0 0 10px;font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;
  color:var(--signal-dark);font-weight:800}
.glance p{margin:0;font-size:17px;line-height:1.62;color:#1d2436;font-weight:500}

.rel-faq{margin:40px 0 10px;border-top:2px solid var(--ink);padding-top:22px}
.rel-faq > h2{font-size:14px!important;font-family:var(--sans)!important;font-weight:800!important;
  letter-spacing:1.4px;text-transform:uppercase;margin:0 0 16px!important}
.faq-q{border-bottom:1px solid var(--rule)}
.faq-q summary{cursor:pointer;padding:16px 36px 16px 0;font-size:17.5px;font-weight:600;
  line-height:1.4;position:relative;list-style:none;color:var(--ink)}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:'+';position:absolute;right:6px;top:13px;font-size:24px;
  font-weight:400;color:var(--brand);transition:transform .18s ease;line-height:1}
.faq-q[open] summary::after{transform:rotate(45deg)}
.faq-q summary:hover{color:var(--brand)}
.faq-q p{margin:0 0 18px;font-size:16.5px;line-height:1.66;color:var(--ink-2);padding-right:36px}

.entity-box{border:1px solid var(--rule);border-radius:8px;background:var(--paper-2);
  padding:20px 24px;margin:30px 0}
.entity-box h4{margin:0 0 6px;font-size:10.5px;letter-spacing:1.7px;text-transform:uppercase;
  color:var(--brand);font-weight:800}
.entity-box p{margin:0 0 12px;font-size:14px;color:var(--ink-3);line-height:1.55}
.entity-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.entity-list li{margin:0}
.entity-list a{display:inline-flex;align-items:center;gap:6px;font-size:13px;
  background:#fff;border:1px solid var(--rule);border-radius:20px;padding:6px 13px;
  color:var(--ink-2);font-family:var(--mono)}
.entity-list a:hover{border-color:var(--brand);color:var(--brand);text-decoration:none}
.entity-list a::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--signal)}

/* tier explainer on pricing */
.optgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:28px 0}
@media(max-width:760px){.optgrid{grid-template-columns:1fr}}
.optcard{border:1px solid var(--rule);border-radius:9px;padding:24px;background:#fff}
.optcard .n{font-family:var(--mono);font-size:11px;color:var(--brand);font-weight:500;
  letter-spacing:1px;display:block;margin-bottom:9px}
.optcard h4{margin:0 0 9px;font-size:18px;font-weight:700;line-height:1.3}
.optcard p{margin:0 0 10px;font-size:14.5px;color:var(--ink-2);line-height:1.6}
.optcard .why{font-size:13.5px;color:var(--ink-3);border-top:1px solid var(--rule-soft);
  padding-top:11px;margin:0;line-height:1.55}
.optcard .why strong{color:var(--brand);font-weight:700}

/* ============================================================
   OPTIMIZATION EXPLAINER — side-by-side comparison
   ============================================================ */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);
  border-radius:10px;overflow:hidden;margin:30px 0}
.vs-col{padding:0}
.vs-col + .vs-col{border-left:1px solid var(--rule)}
.vs-head{padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:1.6px;
  text-transform:uppercase;border-bottom:1px solid var(--rule)}
.vs-std .vs-head{background:var(--paper-3);color:var(--ink-3)}
.vs-opt .vs-head{background:var(--brand);color:#fff}
.vs-body{padding:20px}
.vs-body p{font-size:15px;line-height:1.6;margin:0 0 12px;color:var(--ink-2)}
.vs-body p:last-child{margin:0}
.vs-body .q{font-family:var(--serif);font-size:16.5px;line-height:1.5;color:var(--ink);
  border-left:3px solid var(--rule);padding-left:14px;margin-bottom:14px}
.vs-opt .vs-body .q{border-left-color:var(--signal)}
.vs-verdict{font-size:13px;padding:12px 20px;border-top:1px solid var(--rule);
  font-weight:600;letter-spacing:.2px}
.vs-std .vs-verdict{background:#fdf4f4;color:#9a3b3b}
.vs-opt .vs-verdict{background:#eefbf8;color:var(--signal-dark)}
@media(max-width:720px){.vs{grid-template-columns:1fr}
  .vs-col + .vs-col{border-left:0;border-top:1px solid var(--rule)}}

.codeblk{background:#0f1524;border-radius:9px;padding:20px 22px;overflow-x:auto;margin:22px 0;
  font-family:var(--mono);font-size:13px;line-height:1.72;color:#c3cddd}
.codeblk .k{color:#7fb0ff}.codeblk .s{color:#8fe3c0}.codeblk .c{color:#5f7089;font-style:italic}
.codeblk .hl{background:rgba(0,194,168,.14);display:inline-block;width:100%;
  border-left:2px solid var(--signal);padding-left:6px;margin-left:-8px}

.impact{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}
@media(max-width:820px){.impact{grid-template-columns:1fr}}
.impact-c{border:1px solid var(--rule);border-radius:9px;padding:24px;background:#fff;
  border-top:4px solid var(--brand)}
.impact-c:nth-child(2){border-top-color:var(--signal)}
.impact-c:nth-child(3){border-top-color:var(--amber)}
.impact-c h4{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.3}
.impact-c p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.6}
.impact-c .tag{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--ink-3);display:block;margin-bottom:9px}

/* ============================================================
   QUILL — tier recommender + assistant
   ============================================================ */
#quill-root{position:fixed;right:20px;bottom:20px;z-index:900;font-family:var(--sans)}
#quill-toggle{position:relative;display:flex;align-items:center;gap:11px;background:var(--brand);
  color:#fff;border:0;padding:10px 18px 10px 11px;border-radius:44px;cursor:pointer;
  box-shadow:0 6px 24px rgba(42,63,212,.4);transition:transform .18s,box-shadow .18s}
#quill-toggle:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(42,63,212,.48)}
#quill-toggle svg{width:34px;height:34px;flex:none}
#quill-toggle .ql{font-size:13.5px;font-weight:700;text-align:left;line-height:1.2}
#quill-toggle .ql small{display:block;font-size:10px;color:#c3cbf7;font-weight:400;
  letter-spacing:.4px;margin-top:2px}
#quill-dot{position:absolute;top:-3px;right:-3px;width:13px;height:13px;background:var(--signal);
  border:2px solid #fff;border-radius:50%}
#quill-panel{position:absolute;right:0;bottom:66px;width:376px;max-width:calc(100vw - 40px);
  background:#fff;border:1px solid var(--rule);border-radius:11px;overflow:hidden;
  box-shadow:0 20px 56px rgba(15,21,36,.26);display:none;flex-direction:column}
#quill-panel.open{display:flex;animation:qIn .2s cubic-bezier(.2,.8,.3,1)}
@keyframes qIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.q-head{background:var(--ink);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}
.q-head svg{width:38px;height:38px;flex:none}
.q-head strong{display:block;font-size:15px}
.q-head span{font-size:11px;color:#94a1ba;display:flex;align-items:center;gap:5px}
.q-head span i{width:6px;height:6px;border-radius:50%;background:var(--signal);display:inline-block}
#quill-log{padding:16px;max-height:360px;min-height:180px;overflow-y:auto;background:var(--paper-2);
  display:flex;flex-direction:column;gap:11px}
.q-msg{max-width:88%;padding:11px 14px;border-radius:13px;font-size:14.5px;line-height:1.55;
  animation:qPop .18s ease}
@keyframes qPop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.q-bot{background:#fff;border:1px solid var(--rule);align-self:flex-start;
  border-bottom-left-radius:3px;color:var(--ink)}
.q-me{background:var(--brand);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}
.q-bot a{color:var(--brand);text-decoration:underline;font-weight:600}
.q-bot strong{color:var(--ink)}
.q-opts{display:flex;flex-direction:column;gap:7px;padding:0 16px 14px;background:var(--paper-2)}
.q-opt{background:#fff;border:1px solid var(--rule);color:var(--ink-2);font-size:13.5px;
  padding:10px 14px;border-radius:8px;cursor:pointer;text-align:left;font-weight:500;
  transition:all .16s;font-family:inherit}
.q-opt:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}
.q-rec{background:var(--ink);color:#fff;padding:16px;border-top:1px solid var(--rule)}
.q-rec .rl{font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--signal);
  font-weight:800;display:block;margin-bottom:7px}
.q-rec .rt{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:5px}
.q-rec .rp{font-size:13px;color:#94a1ba;margin-bottom:13px;line-height:1.5}
.q-rec a{display:block;background:var(--signal);color:#04211d;text-align:center;padding:11px;
  border-radius:6px;font-weight:700;font-size:14px}
.q-rec a:hover{background:#fff;text-decoration:none}
.q-foot{font-size:10px;color:var(--ink-3);padding:8px 16px;background:var(--paper-2);
  border-top:1px solid var(--rule-soft);text-align:center;line-height:1.45}
.q-typing{display:flex;gap:4px;align-items:center;padding:14px}
.q-typing i{width:6px;height:6px;border-radius:50%;background:#b9bec6;animation:qB 1.1s infinite}
.q-typing i:nth-child(2){animation-delay:.15s}.q-typing i:nth-child(3){animation-delay:.3s}
@keyframes qB{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@media(max-width:560px){
  #quill-root{right:12px;bottom:12px}
  #quill-toggle .ql{display:none}
  #quill-toggle{padding:10px;border-radius:50%}
  #quill-panel{bottom:62px}
}

/* ---------- Pagination ---------- */
.pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:34px 0 6px;
  border-top:1px solid var(--rule);margin-top:4px}
.pgbtn{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1.5px solid var(--rule);
  color:var(--ink-2);font-size:14.5px;font-weight:600;padding:12px 24px;border-radius:7px;
  cursor:pointer;font-family:inherit;transition:all .16s}
.pgbtn:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}
.pgbtn:disabled{opacity:.35;cursor:not-allowed}
.pgbtn svg{width:15px;height:15px;fill:currentColor}
@media(max-width:520px){.pgbtn{padding:11px 16px;font-size:13.5px}}

/* ============================================================
   INCLUDED-AT-EVERY-TIER BAND
   ============================================================ */
.incl{background:var(--ink);color:#fff;padding:60px 0 64px;position:relative;overflow:hidden}
.incl::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 80% at 82% 20%,rgba(0,194,168,.16),transparent 62%),
   radial-gradient(ellipse 62% 78% at 8% 96%,rgba(42,63,212,.3),transparent 64%)}
.incl > *{position:relative;z-index:2}
.incl-hd{text-align:center;max-width:70ch;margin:0 auto 42px}
.incl-hd .eyebrow{color:var(--signal);border-color:rgba(0,194,168,.34);background:rgba(0,194,168,.07)}
.incl-hd h2{font-family:var(--serif);font-size:clamp(28px,3.6vw,38px);margin:16px 0 14px;
  letter-spacing:-.8px;line-height:1.14;color:#fff}
.incl-hd p{font-size:17.5px;line-height:1.62;color:#a9b6cc;margin:0}
.incl-hd strong{color:var(--signal)}

/* the pipeline */
.pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:960px;margin:0 auto 46px;
  position:relative}
.pipe::before{content:'';position:absolute;top:31px;left:11%;right:11%;height:2px;
  background:linear-gradient(90deg,var(--signal),rgba(0,194,168,.25));z-index:0}
.pipe-s{position:relative;z-index:2;text-align:center;padding:0 10px}
.pipe-s .dot{width:62px;height:62px;margin:0 auto 16px;border-radius:50%;background:var(--ink);
  border:2px solid var(--signal);display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 7px var(--ink),0 6px 22px rgba(0,194,168,.3)}
.pipe-s .dot svg{width:26px;height:26px;fill:none;stroke:var(--signal);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.pipe-s h4{font-size:15px;margin:0 0 6px;font-weight:700;color:#fff;line-height:1.3}
.pipe-s p{font-size:13.5px;line-height:1.5;color:#8fa0bb;margin:0}
.pipe-s .t{display:block;font-family:var(--mono);font-size:10px;color:var(--signal);
  letter-spacing:1.2px;margin-top:8px;text-transform:uppercase}
@media(max-width:860px){
  .pipe{grid-template-columns:1fr 1fr;gap:34px 0}
  .pipe::before{display:none}
}
@media(max-width:480px){.pipe{grid-template-columns:1fr;gap:28px}}

/* engine chips */
.engines{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:720px;
  margin:0 auto 14px}
.eng{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:9px 17px;font-size:13.5px;
  color:#dbe3ee;font-weight:600}
.eng i{width:7px;height:7px;border-radius:50%;background:var(--signal);flex:none;
  box-shadow:0 0 8px rgba(0,194,168,.8)}
.eng span{color:#7d8ba5;font-weight:400;font-size:12px}
.incl-note{text-align:center;font-size:13.5px;color:#7d8ba5;max-width:64ch;margin:0 auto;
  line-height:1.6}
.incl-note strong{color:#c3cddd}
.incl-cta{text-align:center;margin-top:38px}
.incl-cta .btn{background:var(--signal);color:#04211d;font-weight:800}
.incl-cta .btn:hover{background:#fff;color:var(--ink)}
.incl-cta p{font-size:13px;color:#7d8ba5;margin:13px 0 0}
.incl-cta p a{color:var(--signal)}

/* included badge inside tier cards */
.tier li.incl-li{color:var(--signal-dark);font-weight:600}
.tier li.incl-li::before{border-color:var(--signal);background:var(--signal)}
.tier-all{margin:0 0 14px;padding:10px 12px;background:#eefbf8;border:1px solid #b9ece2;
  border-radius:7px;font-size:12.5px;line-height:1.5;color:var(--signal-dark);font-weight:600}
.tier-all a{color:var(--signal-dark);text-decoration:underline}

/* ---------- Form additions ---------- */
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;
  overflow:hidden!important;opacity:0!important;pointer-events:none}
.opt-tag{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;color:var(--ink-3);background:var(--paper-3);border-radius:3px;
  padding:2px 7px;margin-left:8px;vertical-align:middle}
.fld .hint{display:block;font-size:12.5px;color:var(--ink-3);margin-top:7px;line-height:1.55}
.fld .hint a{color:var(--brand);font-weight:600}
.fld .hint strong{color:var(--ink-2)}
.form-note{font-size:13px;color:var(--ink-3);margin:14px 0 0;line-height:1.55}
#wc{font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}
#wc.over{color:#b3000f;font-weight:700}

/* ---------- Thank you ---------- */
.ty{text-align:center;max-width:56ch;margin:0 auto}
.ty-icon{width:74px;height:74px;margin:0 auto 24px;border-radius:50%;background:#eefbf8;
  border:2px solid var(--signal);display:flex;align-items:center;justify-content:center}
.ty-icon svg{width:36px;height:36px;fill:none;stroke:var(--signal-dark);stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round}
.ty h1{font-family:var(--serif);font-size:clamp(30px,4.4vw,44px);letter-spacing:-1px;
  margin:0 0 16px;line-height:1.1}
.ty p{font-size:17.5px;line-height:1.68;color:var(--ink-2);margin:0 0 18px}
.ty-next{text-align:left;border:1px solid var(--rule);border-radius:10px;background:var(--paper-2);
  padding:24px 26px;margin:32px 0 28px}
.ty-next h3{margin:0 0 14px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--brand);font-weight:800}
.ty-next ol{margin:0;padding-left:20px;font-size:16px;line-height:1.7;color:var(--ink-2)}
.ty-next li{margin-bottom:9px}
.ty-next li:last-child{margin:0}

/* ============================================================
   TIER CHART — restyled for weight
   ============================================================ */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
@media(max-width:900px){.tiers{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.tier{position:relative;background:#fff;border:1px solid var(--rule);border-radius:12px;
  padding:30px 26px 28px;display:flex;flex-direction:column;
  transition:transform .18s,box-shadow .18s,border-color .18s}
.tier:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(15,21,36,.1);
  border-color:#c7cee0}
.tier.feat{border:2px solid var(--brand);box-shadow:0 12px 38px rgba(42,63,212,.14)}
.tier.feat::before{content:'Most chosen';position:absolute;top:-12px;left:50%;
  transform:translateX(-50%);background:var(--brand);color:#fff;font-size:10px;font-weight:800;
  letter-spacing:1.5px;text-transform:uppercase;padding:5px 15px;border-radius:20px;
  white-space:nowrap;box-shadow:0 4px 14px rgba(42,63,212,.35)}
.tier h3{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:2px;
  text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}
.tier.feat h3{color:var(--brand)}
.tier .price{font-family:var(--serif);font-size:46px;font-weight:700;letter-spacing:-1.6px;
  line-height:1;color:var(--ink);margin:0 0 4px;display:flex;align-items:baseline;gap:4px}
.tier .price sup{font-size:22px;font-weight:600;letter-spacing:0;top:-.6em;position:relative}
.tier .per{font-size:12.5px;color:var(--ink-3);margin:0 0 18px;font-family:var(--mono);
  letter-spacing:.3px}
.tier .tsub{font-size:15px;line-height:1.55;color:var(--ink-2);margin:0 0 20px;
  padding-bottom:20px;border-bottom:1px solid var(--rule-soft);min-height:52px}
.tier ul{list-style:none;margin:0 0 24px;padding:0;flex:1}
.tier li{position:relative;padding-left:26px;margin-bottom:11px;font-size:14.5px;
  line-height:1.5;color:var(--ink-2)}
.tier li::before{content:'';position:absolute;left:0;top:6px;width:15px;height:15px;
  border-radius:50%;background:var(--brand-tint);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232a3fd4'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");
  background-size:11px;background-repeat:no-repeat;background-position:center}
.tier li.incl-li{color:var(--signal-dark);font-weight:600}
.tier li.incl-li::before{background-color:#d3f5ee;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23008e7b'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E")}
.tier li.no{color:var(--ink-3)}
.tier li.no::before{background-color:var(--paper-3);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239aa2b8'%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E")}
.tier .btn{width:100%;text-align:center;justify-content:center}
.tier-all{margin:0 0 16px;padding:11px 13px;background:#eefbf8;border:1px solid #b9ece2;
  border-radius:7px;font-size:12.5px;line-height:1.5;color:var(--signal-dark);font-weight:600}
.tier-all a{color:var(--signal-dark);text-decoration:underline}

/* value callout used under the tier grid */
.value-strip{margin-top:30px;border:1px solid var(--rule);border-left:4px solid var(--signal);
  border-radius:0 10px 10px 0;background:linear-gradient(180deg,#f4fdfb,#fff);padding:24px 28px}
.value-strip h4{margin:0 0 8px;font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;
  color:var(--signal-dark);font-weight:800}
.value-strip p{margin:0;font-size:16.5px;line-height:1.62;color:#1d2436}
.value-strip strong{color:var(--ink)}


/* ============================================================
   PAID DISCLOSURE — FTC: explicit label, above the headline,
   visually distinguished by a border rather than shading alone
   ============================================================ */
.rel-flag{display:flex;align-items:flex-start;gap:13px;padding:13px 17px;
  background:#fffdf4;border:2px solid #e0b93a;border-left:5px solid #c9971a;
  border-radius:7px;font-size:13px;color:#4a3a10;margin-bottom:26px;line-height:1.55}
.rel-flag-tag{flex:none;display:inline-block;background:#c9971a;color:#fff;font-size:9.5px;
  font-weight:800;letter-spacing:1.3px;text-transform:uppercase;padding:4px 9px;
  border-radius:3px;margin-top:1px;white-space:nowrap}
.rel-flag strong{color:#3a2d08}
.rel-flag a{color:#8a6810;font-weight:700;text-decoration:underline;white-space:nowrap}
@media(max-width:620px){.rel-flag{flex-direction:column;gap:9px}}

/* ---------- Legal pages ---------- */
.legal-updated{font-family:var(--mono);font-size:12px;color:var(--ink-3);
  padding-bottom:20px;margin:0 0 28px;border-bottom:1px solid var(--rule)}
.wrap-narrow h2{font-family:var(--serif);font-size:25px;letter-spacing:-.4px;
  margin:38px 0 14px;color:var(--ink)}
.legal-list{margin:0 0 20px;padding-left:22px;line-height:1.7;color:var(--ink-2)}
.legal-list li{margin-bottom:11px}
.legal-list strong{color:var(--ink)}

/* ---------- For newsrooms ---------- */
.ok-list{border:1px solid var(--rule);border-radius:9px;overflow:hidden;margin:0 0 24px}
.ok-list p{margin:0;padding:13px 17px 13px 44px;position:relative;font-size:15px;
  line-height:1.55;border-bottom:1px solid var(--rule-soft);color:var(--ink-2)}
.ok-list p:last-child{border-bottom:none}
.ok-list p.ok{background:#f5fdfb}
.ok-list p.no{background:#fff7f6}
.ok-list p::before{position:absolute;left:15px;top:13px;width:18px;height:18px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:#fff;line-height:1}
.ok-list p.ok::before{content:'✓';background:var(--signal-dark)}
.ok-list p.no::before{content:'×';background:#c0392b;font-size:14px}
.tbl{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:14px}
.tbl th{text-align:left;font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;
  color:var(--ink-3);font-weight:800;padding:0 12px 9px;border-bottom:2px solid var(--rule)}
.tbl td{padding:10px 12px;border-bottom:1px solid var(--rule-soft);color:var(--ink-2)}
.tbl code{font-family:var(--mono);font-size:12.5px;color:var(--brand)}
.tbl a{color:var(--brand);font-weight:600}
.code{background:var(--ink);color:#e6ebff;border-radius:8px;padding:15px 18px;
  overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:1.6;margin:0 0 20px}
.code code{font-family:inherit;color:inherit;background:none;padding:0}

/* ============================================================
   PRESS RELEASE GRADER
   ============================================================ */
.grader{border:1px solid var(--rule);border-radius:12px;background:#fff;
  padding:24px;box-shadow:0 8px 30px rgba(15,21,36,.06);margin:0 0 34px}
.g-label{display:block;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;
  font-weight:800;color:var(--ink-3);margin-bottom:10px}
#g-in{width:100%;min-height:230px;border:1px solid var(--rule);border-radius:8px;
  padding:16px;font-family:var(--sans);font-size:15px;line-height:1.65;color:var(--ink);
  resize:vertical;background:var(--paper-2);transition:border-color .16s,box-shadow .16s}
#g-in:focus{outline:none;border-color:var(--brand);background:#fff;
  box-shadow:0 0 0 3px rgba(42,63,212,.1)}
.g-bar{display:flex;align-items:center;gap:11px;margin-top:15px;flex-wrap:wrap}
.g-count{font-family:var(--mono);font-size:12px;color:var(--ink-3);margin-right:auto}
.g-priv{font-size:12.5px;color:var(--ink-3);margin:13px 0 0;line-height:1.5}

.g-out{animation:gfade .4s ease both}
@keyframes gfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.g-score{display:flex;align-items:center;gap:28px;padding:30px;border-radius:12px;
  margin:0 0 26px;border:2px solid var(--rule);background:#fff;flex-wrap:wrap}
.g-ring{position:relative;width:132px;height:132px;flex:none}
.g-ring svg{width:132px;height:132px;transform:rotate(-90deg)}
.g-ring-bg{fill:none;stroke:var(--paper-3);stroke-width:9}
.g-ring-fg{fill:none;stroke-width:9;stroke-linecap:round;
  transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}
.g-grade{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:48px;font-weight:700;letter-spacing:-2px}
.g-score-txt{flex:1;min-width:230px}
.g-score-txt h2{font-family:var(--serif);font-size:30px;margin:0 0 9px;letter-spacing:-.6px;
  color:var(--ink)}
.g-score-txt p{font-size:16px;line-height:1.6;color:var(--ink-2);margin:0 0 10px}
.g-meta{font-family:var(--mono);font-size:12px;color:var(--ink-3)!important}

/* grade colorways */
.g-out[data-grade="a"] .g-ring-fg{stroke:#00a88f}
.g-out[data-grade="a"] .g-grade{color:#00806e}
.g-out[data-grade="a"] .g-score{border-color:#9fe3d6;background:linear-gradient(180deg,#f2fdfa,#fff)}
.g-out[data-grade="b"] .g-ring-fg{stroke:#4a8f3c}
.g-out[data-grade="b"] .g-grade{color:#3a7030}
.g-out[data-grade="b"] .g-score{border-color:#c3e2b8;background:linear-gradient(180deg,#f6fcf3,#fff)}
.g-out[data-grade="c"] .g-ring-fg{stroke:#d19a1e}
.g-out[data-grade="c"] .g-grade{color:#9e7310}
.g-out[data-grade="c"] .g-score{border-color:#efd79a;background:linear-gradient(180deg,#fffcf1,#fff)}
.g-out[data-grade="d"] .g-ring-fg{stroke:#e07c25}
.g-out[data-grade="d"] .g-grade{color:#b05c12}
.g-out[data-grade="d"] .g-score{border-color:#f5cda6;background:linear-gradient(180deg,#fff8f1,#fff)}
.g-out[data-grade="e"] .g-ring-fg{stroke:#d1452f}
.g-out[data-grade="e"] .g-grade{color:#a83422}
.g-out[data-grade="e"] .g-score{border-color:#f3bcb2;background:linear-gradient(180deg,#fff5f3,#fff)}
.g-out[data-grade="f"] .g-ring-fg{stroke:#b3000f}
.g-out[data-grade="f"] .g-grade{color:#8c000c}
.g-out[data-grade="f"] .g-score{border-color:#efb3b3;background:linear-gradient(180deg,#fff4f4,#fff);
  box-shadow:0 10px 34px rgba(179,0,15,.12)}
.g-out[data-grade="f"] .g-grade{animation:gpulse 1.5s ease-out 1}
@keyframes gpulse{0%{transform:scale(.72);opacity:0}55%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}

.g-checks{display:grid;gap:10px;margin:0 0 30px}
.g-check{display:flex;gap:14px;align-items:flex-start;padding:15px 18px;border-radius:9px;
  border:1px solid var(--rule);background:#fff;animation:gslide .42s ease both}
@keyframes gslide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.g-check.pass{border-color:#b6e5da;background:#f7fdfb}
.g-check.fail{border-color:#f0c2bb;background:#fff8f7}
.g-mark{flex:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:13px;font-weight:800;color:#fff;margin-top:1px}
.g-check.pass .g-mark{background:var(--signal-dark)}
.g-check.fail .g-mark{background:#c0392b}
.g-check-body h4{margin:0 0 4px;font-size:15.5px;font-weight:700;color:var(--ink)}
.g-check-body p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}

.g-cta{border:2px solid var(--brand);border-radius:12px;padding:28px;
  background:linear-gradient(180deg,#f6f7ff,#fff);box-shadow:0 12px 36px rgba(42,63,212,.1);
  margin:0 0 34px}
.g-cta h3{font-family:var(--serif);font-size:24px;margin:0 0 11px;letter-spacing:-.5px;
  color:var(--ink)}
.g-cta p{font-size:15.5px;line-height:1.65;color:var(--ink-2);margin:0 0 20px}
.g-cta-btns{display:flex;gap:11px;flex-wrap:wrap}
.g-cta-good{border-color:var(--signal);background:linear-gradient(180deg,#f2fdfa,#fff);
  box-shadow:0 12px 36px rgba(0,194,168,.13)}

.g-h2{font-family:var(--serif);font-size:27px;margin:44px 0 14px;letter-spacing:-.5px}
.g-explain{display:grid;gap:8px;margin-top:20px}
.g-ex{border:1px solid var(--rule);border-radius:8px;background:var(--paper-2);overflow:hidden}
.g-ex summary{padding:13px 17px;cursor:pointer;font-weight:600;font-size:15px;color:var(--ink);
  list-style:none}
.g-ex summary::-webkit-details-marker{display:none}
.g-ex summary::after{content:'+';float:right;color:var(--brand);font-weight:700;font-size:17px}
.g-ex[open] summary::after{content:'\2212'}
.g-ex p{margin:0;padding:0 17px 15px;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
@media(max-width:620px){
  .g-score{flex-direction:column;text-align:center;gap:18px;padding:24px 18px}
  .g-score-txt{min-width:0}
}

/* ---------- slug field ---------- */
.slug-wrap{display:flex;align-items:stretch;border:1px solid var(--rule);border-radius:7px;
  overflow:hidden;background:var(--paper-2);transition:border-color .16s,box-shadow .16s}
.slug-wrap:focus-within{border-color:var(--brand);background:#fff;
  box-shadow:0 0 0 3px rgba(42,63,212,.1)}
.slug-pre{flex:none;display:flex;align-items:center;padding:0 3px 0 13px;
  font-family:var(--mono);font-size:12px;color:var(--ink-3);white-space:nowrap;
  background:var(--paper-3);border-right:1px solid var(--rule)}
.slug-wrap input{flex:1;min-width:0;border:none!important;background:none!important;
  box-shadow:none!important;font-family:var(--mono);font-size:13px;padding:12px 13px}
.slug-eg{display:inline-block;background:var(--paper-2);border-left:3px solid var(--rule);
  padding:9px 12px;border-radius:0 5px 5px 0;font-size:12.5px;line-height:1.75}
.slug-eg code{font-family:var(--mono);font-size:12px;color:var(--ink-2)}
@media(max-width:620px){
  .slug-wrap{flex-direction:column}
  .slug-pre{border-right:none;border-bottom:1px solid var(--rule);padding:8px 13px}
}

/* ============================================================
   DISTRIBUTION CHAIN
   ============================================================ */
.chain{margin:0 0 26px}
.chain-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.chain-node{flex:none;border-radius:10px;padding:15px 19px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);min-width:150px}
.chain-k{display:block;font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;
  font-weight:800;color:var(--signal);margin-bottom:6px}
.chain-node strong{display:block;font-family:var(--serif);font-size:23px;letter-spacing:-.5px;
  color:#fff;line-height:1.15;margin-bottom:3px}
.chain-node em{font-style:normal;font-size:12px;color:rgba(255,255,255,.62);
  font-family:var(--mono)}
.chain-hub{background:linear-gradient(140deg,rgba(0,194,168,.22),rgba(255,255,255,.05));
  border-color:rgba(0,194,168,.5);box-shadow:0 0 34px rgba(0,194,168,.16)}
.chain-hub strong{color:var(--signal)}
.chain-arrow{width:34px;height:20px;flex:none;fill:none;stroke:rgba(255,255,255,.4);
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chain-fan{display:flex;flex-wrap:wrap;gap:7px;flex:1;min-width:210px}
.chain-f{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.17);border-radius:20px;padding:7px 14px;
  font-size:12.5px;font-weight:600;color:rgba(255,255,255,.93)}
.chain-f::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--signal);
  flex:none}
.chain-f.sm{font-size:11.5px;padding:5px 11px;color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.04)}
.chain-f.sm::before{background:rgba(255,255,255,.35);width:5px;height:5px}
.chain-note{font-size:14.5px;line-height:1.62;color:rgba(255,255,255,.8);
  margin:0 0 18px;padding-left:15px;border-left:3px solid var(--signal)}
.chain-note strong{color:#fff}
.chain-secondary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:13px 16px;background:rgba(255,255,255,.035);border-radius:8px;margin-bottom:14px}
.chain-s-label{font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;
  color:rgba(255,255,255,.45);margin-right:4px}
.chain-s-note{font-size:12px;color:rgba(255,255,255,.45);font-style:italic;margin-left:4px}
.chain-excluded{display:flex;gap:13px;align-items:flex-start;padding:15px 18px;
  background:rgba(179,0,15,.13);border:1px solid rgba(255,120,120,.3);border-radius:9px;
  font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.82)}
.chain-excluded strong{color:#fff}
.chain-x{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(255,90,90,.85);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;
  font-size:14px;margin-top:1px}
@media(max-width:700px){
  .chain-row{flex-direction:column;align-items:stretch;gap:9px}
  .chain-arrow{transform:rotate(90deg);align-self:center;width:24px}
  .chain-node{min-width:0}
}

/* ---------- dark band ---------- */
.band-dark{background:linear-gradient(165deg,var(--ink) 0%,#141b33 55%,#0c1220 100%);
  color:#fff;position:relative;overflow:hidden}
.band-dark::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 78% 18%,rgba(0,194,168,.13),transparent 58%),
             radial-gradient(circle at 12% 88%,rgba(42,63,212,.17),transparent 62%)}
.band-dark>*{position:relative}
.eyebrow-l{color:var(--signal)!important}
.band-h2{font-family:var(--serif);font-size:clamp(26px,3.6vw,36px);letter-spacing:-.8px;
  color:#fff;margin:0 0 26px;line-height:1.16}
.chain-xref{display:block}
.chain-xref a{display:inline-block;margin-top:8px;color:var(--brand);font-weight:700}