/* ══════════════════════════════════════════════════════════════
   PONTEM ONE — "SIGNAL ROOM"
   The shell is the instrument. The article view is the readout.
   Ground: pale plaster · Machine surfaces: near-black · Signal: coral / magenta / violet (wordmark)
   Display+UI: Space Grotesk · Data: IBM Plex Mono · Long-form: Literata
   ══════════════════════════════════════════════════════════════ */
:root{
  /* ground — pale plaster, cool-neutral (not cream) */
  --void:#EFEFEB;
  --panel:#FFFFFF;
  --panel-2:#F7F7F3;
  --panel-3:#E7E7E1;
  --paper:#FFFFFF;
  --paper-2:#F4F4F0;

  /* machine surfaces — anything that represents output or state */
  --mach:#15171B;
  --mach-2:#1E2126;
  --mach-txt:#F2F2EF;
  --mach-txt-2:rgba(242,242,239,.66);
  --mach-txt-3:rgba(242,242,239,.60);
  --mach-txt-4:rgba(242,242,239,.44);
  --mach-rule:rgba(255,255,255,.13);

  --coral:#FF5A36;      /* wordmark + signals — never altered */
  --coral-ink:#D03E1B;  /* same hue, darkened only where white text sits on it */
  --magenta:#E0218A;
  --violet:#7B2FF7;
  --coral-lo:rgba(255,90,54,.10);
  --magenta-lo:rgba(224,33,138,.09);
  --violet-lo:rgba(123,47,247,.10);

  --txt:#15171B;
  --txt-2:rgba(21,23,27,.72);
  --txt-3:rgba(21,23,27,.62);
  --txt-4:rgba(21,23,27,.52);

  --rule:rgba(21,23,27,.13);
  --rule-2:rgba(21,23,27,.28);
  --tick:rgba(21,23,27,.36);

  --disp:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --read:'Literata',Georgia,serif;

  --snap:cubic-bezier(.16,1,.3,1);
  --mech:cubic-bezier(.65,0,.35,1);

  --z-rail:60;
  --z-nav:95;
  --z-menu:90;
  --z-scan:100;
}

/* Rule: anything representing machine output or state runs dark.
   Everything else is on the pale ground. Tokens are re-scoped, not overridden
   one property at a time. */
.term,.tick-rail,.cta,.menu,footer,.art-cta{
  --coral-ink:var(--coral);
  --txt:var(--mach-txt);
  --txt-2:var(--mach-txt-2);
  --txt-3:var(--mach-txt-3);
  --txt-4:var(--mach-txt-4);
  --rule:var(--mach-rule);
  --rule-2:rgba(255,255,255,.22);
  --panel:#22262C;
  --panel-2:#1B1E23;
  --tick:rgba(255,255,255,.3);
  background:var(--mach);color:var(--mach-txt);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--void);color:var(--txt);
  font-family:var(--disp);font-size:15.5px;line-height:1.65;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-variant-numeric:tabular-nums;overflow-x:hidden;
}
h1,h2,h3,h4,p,figure,pre,blockquote{margin:0}
img{max-width:100%;display:block}
button{font-family:inherit;color:inherit}
::selection{background:var(--coral);color:#fff}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px}

/* fixed column guides — the room has a grid and you can see it */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(21,23,27,.045) 1px,transparent 1px);
  background-size:calc(100vw / 12) 100%;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
}
main,nav,footer,.rail{position:relative;z-index:1}

.skip{position:absolute;left:-9999px;top:0;background:var(--coral-ink);color:#fff;padding:14px 22px;z-index:200;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.skip:focus{left:0}

/* ══════════ LAYOUT ══════════ */
.wrap{max-width:1360px;margin:0 auto;padding:0 clamp(18px,3.4vw,44px)}
.pad{padding:clamp(64px,8vw,118px) 0}
.pad-s{padding:clamp(44px,5vw,72px) 0}
.section{display:none}
.section.active{display:block}
.hr{border-top:1px solid var(--rule)}

/* corner ticks — the signature panel treatment */
.tick{
  background-image:
    linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),
    linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),
    linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),
    linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick));
  background-repeat:no-repeat;
  background-size:11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px;
  background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;
}

/* ══════════ TYPE ══════════ */
.d1{font-family:var(--disp);font-weight:700;font-size:clamp(32px,4.05vw,55px);line-height:1.0;letter-spacing:-.035em;text-wrap:balance}
.d2{font-family:var(--disp);font-weight:700;font-size:clamp(26px,3.1vw,42px);line-height:1.04;letter-spacing:-.032em;text-wrap:balance}
.d3{font-family:var(--disp);font-weight:600;font-size:clamp(19px,1.9vw,25px);line-height:1.16;letter-spacing:-.024em}
.lead{font-size:clamp(16px,1.35vw,18.5px);line-height:1.6;color:var(--txt-2);max-width:62ch;text-wrap:pretty}
.tx{font-size:15.5px;line-height:1.72;color:var(--txt-2);max-width:66ch;text-wrap:pretty}
.sm{font-size:13px;line-height:1.6;color:var(--txt-3);max-width:74ch}
.lb{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-3)}
.kk{color:var(--txt);font-weight:600}
.c1{color:#C93715} .c2{color:#C01474} .c3{color:#6420D0}

/* section header block — mono index + rule, no pills */
.shead{display:flex;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:34px}
.shead .n{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.16em;color:#C93715}
.shead.m .n{color:#C01474} .shead.v .n{color:#6420D0}
.shead .t{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
.shead .fill{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--rule) 0 3px,transparent 3px 7px)}
.shead .r{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--txt-4)}

/* ══════════ BUTTONS ══════════ */
.btn{
  display:inline-flex;align-items:center;gap:14px;padding:0;
  background:none;border:0;cursor:pointer;position:relative;
  font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
}
.btn .bx{
  display:flex;align-items:center;gap:14px;padding:15px 20px;
  border:1px solid var(--rule-2);background:var(--panel);
  transition:background .35s var(--snap),border-color .35s var(--snap),transform .25s var(--snap),color .35s var(--snap);
}
.btn .bx svg{width:13px;height:13px;transition:transform .4s var(--snap)}
.btn:hover .bx{transform:translate(-2px,-2px)}
.btn:hover .bx svg{transform:translate(3px,-3px)}
.btn:active .bx{transform:translate(0,0)}
.btn::after{
  content:"";position:absolute;inset:0;border:1px solid var(--rule);
  transform:translate(4px,4px);z-index:-1;transition:transform .35s var(--snap),border-color .35s var(--snap);
}
.btn:hover::after{transform:translate(6px,6px)}
.btn-hot .bx{background:var(--coral-ink);border-color:var(--coral-ink);color:#fff}
.btn-hot::after{border-color:var(--coral-ink)}
.btn-hot:hover .bx{background:#fff;border-color:#fff;color:var(--void)}
.btn-line .bx{background:transparent}
.btn-line:hover .bx{background:var(--panel-2);border-color:var(--txt-3)}
.acts{display:flex;gap:26px;flex-wrap:wrap;margin-top:38px}

.lnk{
  display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;
  font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#C93715;
  transition:gap .35s var(--snap),color .3s var(--snap);
}
.lnk:hover{gap:16px;color:var(--txt)}
.lnk svg{width:12px;height:12px}

/* ══════════ NAV — flush rail, live status ══════════ */
.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);background:rgba(239,239,235,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .4s,background .4s}
.nav.on{border-bottom-color:var(--rule);background:rgba(239,239,235,.94)}
.nav-in{max-width:1360px;margin:0 auto;padding:0 clamp(18px,3.4vw,44px);height:62px;display:flex;align-items:center;justify-content:space-between;gap:22px}

/* ORIGINAL WORDMARK — preserved exactly */
.brand{font-family:var(--disp);font-size:36px;font-weight:800;letter-spacing:-.022em;cursor:pointer;color:var(--txt);white-space:nowrap;background:none;border:0;padding:0}
.brand .o{color:var(--coral)} .brand .n{color:var(--magenta)} .brand .e{color:var(--violet)}

.nlinks{display:flex;align-items:center;gap:2px}
.nlink{
  font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;
  color:var(--txt-3);cursor:pointer;background:none;border:0;padding:9px 12px;position:relative;white-space:nowrap;
  transition:color .3s var(--snap);
}
.nlink::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--snap)}
.nlink:hover{color:var(--txt)}
.nlink:hover::after{transform:scaleX(1)}
.nlink.on{color:var(--txt)}
.nlink.on::after{transform:scaleX(1)}
.nstat{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--txt-4);padding-right:4px;white-space:nowrap}
.nstat b{color:var(--txt-3);font-weight:500}
.blip{width:6px;height:6px;background:var(--coral);flex:none;animation:blip 2.6s steps(1,end) infinite}
@keyframes blip{0%,55%{opacity:1}56%,100%{opacity:.2}}
.ncta{
  font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  background:var(--coral-ink);color:#fff;border:0;padding:11px 16px;cursor:pointer;
  transition:background .3s var(--snap),color .3s var(--snap);
}
.ncta:hover{background:#fff;color:var(--void)}
.burg{display:none;width:40px;height:40px;border:1px solid var(--rule-2);background:none;cursor:pointer;position:relative;flex:none}
.burg span{position:absolute;left:11px;width:16px;height:1.5px;background:var(--txt);transition:transform .4s var(--mech)}
.burg span:nth-child(1){top:16px} .burg span:nth-child(2){top:22px}
.burg.x span:nth-child(1){transform:translateY(3px) rotate(45deg)}
.burg.x span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}

.menu{position:fixed;inset:0;z-index:var(--z-menu);padding:86px 22px 32px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s var(--snap),visibility .35s}
.menu.open{opacity:1;visibility:visible}
body.menu-open .nav{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
body.menu-open .brand{color:var(--mach-txt)}
body.menu-open .burg{border-color:rgba(255,255,255,.32)}
body.menu-open .burg span{background:var(--mach-txt)}
.menu button,.menu>a{
  background:none;border:0;border-top:1px solid var(--rule);text-align:left;color:var(--txt);text-decoration:none;width:100%;
  font-family:var(--disp);font-weight:700;font-size:clamp(24px,7vw,34px);letter-spacing:-.03em;
  padding:16px 0;cursor:pointer;display:flex;align-items:baseline;gap:16px;
  opacity:0;transform:translateX(-16px);
}
.menu button i,.menu>a i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--coral)}
.menu.open button,.menu.open>a{animation:mi .45s var(--snap) forwards}
@keyframes mi{to{opacity:1;transform:none}}


/* ══════════ DROPDOWN NAVIGATION ══════════ */
.nlinks{position:relative}
.ngroup{position:relative}
.nlink{display:inline-flex;align-items:center;gap:7px}
.nlink .car{width:7px;height:7px;flex:none;transition:transform .35s var(--snap);opacity:.65}
.ngroup.open .nlink .car{transform:rotate(180deg)}
.ngroup.open>.nlink{color:var(--txt)}
.ngroup.open>.nlink::after{transform:scaleX(1)}

.drop{
  position:absolute;top:calc(100% + 10px);left:-8px;z-index:5;
  min-width:330px;background:var(--panel);border:1px solid var(--rule-2);
  box-shadow:0 24px 48px -26px rgba(21,23,27,.5);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .28s var(--snap),transform .28s var(--snap),visibility .28s;
}
.ngroup.open .drop{opacity:1;visibility:visible;transform:none}
.drop::before{content:"";position:absolute;top:-11px;left:0;right:0;height:11px}
.drop-h{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 16px;border-bottom:1px solid var(--rule);background:var(--panel-2);
  font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--txt-3);
}
.drop-l{display:grid}
.drop.two .drop-l{grid-template-columns:1fr 1fr}
.drop.two{min-width:560px}
.ditem{
  display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:baseline;
  padding:12px 16px;border-bottom:1px solid var(--rule);border-right:0;
  background:none;text-align:left;cursor:pointer;font-family:inherit;width:100%;
  transition:background .25s var(--snap);
}
.drop.two .ditem:nth-child(odd){border-right:1px solid var(--rule)}
.ditem:hover,.ditem:focus-visible{background:var(--panel-2);outline-offset:-2px}
.ditem i{font-style:normal;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.1em;color:var(--txt-4)}
.ditem b{display:block;font-size:14px;font-weight:600;letter-spacing:-.015em;color:var(--txt);line-height:1.3}
.ditem span{display:block;font-size:11.5px;color:var(--txt-3);line-height:1.45;margin-top:4px}
.ditem.on i{color:#C93715}
.ditem.on b{color:#C93715}
.ditem.p1 i{color:#C93715} .ditem.p2 i{color:#C01474} .ditem.p3 i{color:#6420D0}
.drop-f{padding:11px 16px;background:var(--panel-2);border-top:1px solid var(--rule)}

/* mobile: dropdowns become accordions inside the full-screen menu */
.menu-g{border-top:1px solid var(--mach-rule)}
.menu-g>button{border-top:0;width:100%;justify-content:space-between}
.menu-g>button .car{width:11px;height:11px;opacity:.6;transition:transform .35s var(--snap)}
.menu-g.open>button .car{transform:rotate(180deg)}
.menu-sub{display:none;padding:0 0 14px 34px}
.menu-g.open .menu-sub{display:block}
.menu-sub button,.menu-sub a{
  font-family:var(--disp);font-size:15px;font-weight:500;letter-spacing:-.01em;
  padding:9px 0;border-top:0;border-bottom:1px solid var(--mach-rule);
  color:var(--mach-txt-2);opacity:1;transform:none;animation:none;display:flex;gap:12px;
}
.menu-sub button:hover,.menu-sub a:hover{color:var(--mach-txt)}
.menu-sub button i,.menu-sub a i{font-size:10px}
.menu{overflow-y:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
@media (max-width:900px){
  .menu{padding:76px max(18px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));}
  .menu>a,.menu-g>button{font-size:clamp(22px,6.5vw,30px);padding:14px 0;min-height:54px}
  .menu-sub{padding-left:28px}
  .menu-sub a,.menu-sub button{font-size:15px;line-height:1.35;min-height:42px;align-items:center}
  .menu-sub a i,.menu-sub button i{min-width:22px;flex:none}
  body.menu-open{overflow:hidden;touch-action:none}
}
@media (max-width:420px){.menu-sub{padding-left:20px}.menu{padding-left:16px;padding-right:16px}}

/* ══════════ SUB-PAGE FURNITURE ══════════ */
.ghost{
  font-family:var(--disp);font-weight:700;line-height:.8;letter-spacing:-.06em;
  font-size:clamp(90px,14vw,190px);color:transparent;
  -webkit-text-stroke:1.5px var(--rule-2);margin-top:26px;user-select:none;
}
.ghost.p1{-webkit-text-stroke-color:rgba(255,90,54,.34)}
.ghost.p2{-webkit-text-stroke-color:rgba(224,33,138,.32)}
.ghost.p3{-webkit-text-stroke-color:rgba(123,47,247,.3)}
@media (max-width:900px){.ghost{display:none}}

.crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;row-gap:6px;margin-bottom:30px}
.crumb button,.crumb span{
  font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;
  background:none;border:0;padding:0;color:var(--txt-4);white-space:nowrap;flex:none;
}
.crumb button{cursor:pointer;transition:color .3s}
.crumb button:hover{color:#C93715}
.crumb s{width:9px;height:1px;background:var(--txt-4);display:block;text-decoration:none;flex:none}
.crumb .cur{color:var(--txt-2)}

.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.pgb{
  border:1px solid var(--rule-2);background:var(--panel);padding:20px 22px;cursor:pointer;
  text-align:left;font-family:inherit;transition:background .35s var(--snap),transform .35s var(--snap);
}
.pgb:hover{background:#fff;transform:translateY(-2px)}
.pgb.next{text-align:right}
.pgb .lb{display:block;margin-bottom:9px}
.pgb b{font-family:var(--disp);font-size:19px;font-weight:700;letter-spacing:-.025em;color:var(--txt);display:block}
.pgb span{font-size:12.5px;color:var(--txt-3);display:block;margin-top:5px}
.pgb.dead{opacity:.4;cursor:default}
.pgb.dead:hover{background:var(--panel);transform:none}

.deliv{border:1px solid var(--rule);margin-top:12px}
.deliv div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0;border-bottom:1px solid var(--rule)}
.deliv div:last-child{border-bottom:0}
.deliv i{font-style:normal;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--txt-4);padding:15px 0 15px 16px}
.deliv p{padding:15px 18px;font-size:14.5px;color:var(--txt-2);line-height:1.55}

.dep{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);margin-top:12px}
.dep>div{padding:22px;border-right:1px solid var(--rule)}
.dep>div:last-child{border-right:0}
.dep b{display:block;font-family:var(--disp);font-size:17px;font-weight:700;letter-spacing:-.02em;margin-top:10px;color:var(--txt)}
.dep p{font-size:13px;color:var(--txt-3);margin-top:7px;line-height:1.5}

.status{
  display:inline-flex;align-items:center;gap:9px;border:1px solid var(--rule-2);padding:8px 13px;
  font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--txt-2);
}
.status s{width:7px;height:7px;background:#C01474;display:block;text-decoration:none}
.status.live s{background:#0E7A4A}

.mtable{border:1px solid var(--rule)}
.mtr{display:grid;grid-template-columns:120px minmax(0,1fr) 150px 190px;gap:0;border-bottom:1px solid var(--rule);align-items:center}
.mtr:last-child{border-bottom:0}
.mtr>*{padding:15px 18px;border-right:1px solid var(--rule)}
.mtr>*:last-child{border-right:0}
.mtr.h{background:var(--panel-2)}
.mtr.h>*{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--txt-3)}
.mkind{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.mkind.v{color:#C93715} .mkind.p{color:#C01474} .mkind.i{color:#6420D0}
.mtr b{font-size:14.5px;font-weight:600;letter-spacing:-.015em;color:var(--txt)}
.mtr span{font-family:var(--mono);font-size:11px;color:var(--txt-3)}

@media (max-width:1180px){
  .drop.two{min-width:440px}
}
@media (max-width:900px){
  .pager,.dep{grid-template-columns:1fr}
  .dep>div{border-right:0;border-bottom:1px solid var(--rule)}
  .dep>div:last-child{border-bottom:0}
  .pgb.next{text-align:left}
  .mtr{grid-template-columns:100px minmax(0,1fr)}
  .mtr>*{border-right:0}
  .mtr>*:nth-child(3),.mtr>*:nth-child(4){grid-column:2;padding-top:0}
  .mtr.h>*:nth-child(3),.mtr.h>*:nth-child(4){display:none}
}
@media (max-width:600px){
  .deliv div{grid-template-columns:36px minmax(0,1fr)}
  .deliv i{padding-left:12px}
  .deliv p{padding:14px 14px}
}

/* ══════════ PAGE INDEX RAIL ══════════ */
.rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:var(--z-rail);display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.rail a{display:flex;align-items:center;gap:9px;text-decoration:none;cursor:pointer}
.rail i{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--txt-4);opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s,color .3s}
.rail s{text-decoration:none;display:block;width:20px;height:1px;background:var(--txt-4);transition:width .35s var(--snap),background .35s}
.rail a:hover i,.rail a.on i{opacity:1;transform:none;color:var(--txt-2)}
.rail a:hover s,.rail a.on s{width:34px;background:var(--coral)}

/* ══════════ HERO ══════════ */
.hero{padding:clamp(104px,12vw,150px) 0 clamp(40px,5vw,64px);position:relative}
.hero-g{display:grid;grid-template-columns:1.14fr .86fr;gap:clamp(28px,3.6vw,54px);align-items:start}
.eyeline{display:flex;align-items:center;gap:14px;margin-bottom:30px}
.eyeline .bar{width:44px;height:3px;background:var(--coral)}
.hero .d1{margin-bottom:26px}
.hero .d1 em{font-style:normal;color:#C93715;position:relative;white-space:nowrap}
.hero .d1 em::after{content:"";position:absolute;left:0;right:0;bottom:.07em;height:.09em;background:var(--coral);opacity:.45}

/* terminal record */
.term{border:1px solid var(--mach);background:var(--mach);position:relative;overflow:hidden;box-shadow:0 18px 40px -22px rgba(21,23,27,.5)}
.term::after{
  content:"";position:absolute;left:0;right:0;top:-40%;height:40%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(255,90,54,.10),transparent);
  animation:sweep 7s linear infinite;
}
@keyframes sweep{to{top:140%}}
.term-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--mach-rule);background:#1B1E23}
.term-bar span{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;color:var(--txt-3)}
.term-bar .sig{display:flex;gap:5px}
.term-bar .sig s{display:block;width:7px;height:7px;text-decoration:none}
.code{font-family:var(--mono);font-size:11.6px;line-height:1.95;color:var(--txt-3);white-space:pre;overflow-x:auto;display:block;padding:16px 14px;max-width:100%;scrollbar-width:thin}
.k{color:var(--coral)} .s{color:var(--magenta)} .v{color:var(--violet)} .d{color:var(--txt-4)}
.cur{display:inline-block;width:7px;height:12px;background:var(--coral);vertical-align:-1px;animation:cur 1.05s steps(1,end) infinite}
@keyframes cur{0%,50%{opacity:1}51%,100%{opacity:0}}
.states{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule)}
.st{padding:14px;border-right:1px solid var(--rule)}
.st:last-child{border-right:0}
.st b{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;color:var(--txt)}
.st b s{display:block;width:6px;height:6px;text-decoration:none}
.st i{font-style:normal;display:block;font-size:10.5px;color:var(--txt-4);margin-top:7px;line-height:1.4}
.note{font-family:var(--mono);font-size:11px;line-height:1.75;color:var(--txt-3);margin-top:16px;padding-left:14px;border-left:2px solid var(--coral)}

/* ══════════ TICKER ══════════ */
.tick-rail{overflow:hidden;background:var(--mach);padding:12px 0}
.tick-track{display:flex;width:max-content;animation:tk 44s linear infinite}
.tick-i{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--txt-4);text-transform:uppercase;padding:0 18px;white-space:nowrap;display:flex;align-items:center;gap:18px}
.tick-i::after{content:"/";color:var(--coral);opacity:.5}
@keyframes tk{to{transform:translateX(-50%)}}

/* ══════════ METRICS ══════════ */
.mets{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule)}
.met{padding:26px 22px 22px;border-right:1px solid var(--rule);position:relative;overflow:hidden;transition:background .4s var(--snap)}
.met:last-child{border-right:0}
.met:hover{background:var(--panel)}
.met .v{font-family:var(--disp);font-weight:700;font-size:clamp(38px,4.2vw,52px);letter-spacing:-.05em;line-height:.9}
.met:nth-child(1) .v{color:#C93715} .met:nth-child(2) .v{color:#C01474}
.met:nth-child(3) .v{color:#6420D0} .met:nth-child(4) .v{color:var(--txt)}
.met .l{font-size:13px;color:var(--txt-3);margin-top:16px;line-height:1.5}
.met .seg{display:flex;gap:3px;margin-top:18px}
.met .seg s{display:block;height:3px;flex:1;background:rgba(21,23,27,.16);text-decoration:none}
.met:nth-child(1) .seg s.f{background:var(--coral)} .met:nth-child(2) .seg s.f{background:var(--magenta)}
.met:nth-child(3) .seg s.f{background:var(--violet)} .met:nth-child(4) .seg s.f{background:var(--txt-2)}

/* ══════════ SPLITS ══════════ */
.sp{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,64px);align-items:start}
.sp-e{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.sp>*,.sp-e>*{min-width:0}
.stk>*+*{margin-top:18px}

.quote{border-left:2px solid var(--coral);padding:18px 0 18px 22px;background:linear-gradient(90deg,var(--coral-lo),transparent 70%)}
.quote.m{border-left-color:var(--magenta);background:linear-gradient(90deg,var(--magenta-lo),transparent 70%)}
.quote.v{border-left-color:var(--violet);background:linear-gradient(90deg,var(--violet-lo),transparent 70%)}
.quote p{color:var(--txt);font-weight:600;max-width:60ch}

/* ══════════ PHASE KEY ══════════ */
.pkey{display:flex;gap:0;flex-wrap:wrap;margin-top:24px;border:1px solid var(--rule);width:max-content;max-width:100%}
.pkey div{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);padding:11px 16px;border-right:1px solid var(--rule)}
.pkey div:last-child{border-right:0}
.pkey s{display:block;width:8px;height:8px;text-decoration:none}

/* ══════════ LEDGER BLOCKS ══════════ */
.ledger{display:grid;gap:0;border:1px solid var(--rule)}
.row{
  display:grid;grid-template-columns:74px minmax(150px,.66fr) minmax(300px,1.9fr) 200px;gap:0;align-items:stretch;
  border-bottom:1px solid var(--rule);position:relative;background:transparent;
  transition:background .45s var(--snap);
}
.row:last-child{border-bottom:0}
.row:hover{background:var(--panel)}
/* phase bar spans the whole row at every breakpoint */
.row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;opacity:.55;z-index:1;transition:width .45s var(--snap),opacity .45s var(--snap)}
.row:hover::before{width:6px;opacity:1}
.row.p1::before{background:var(--coral)} .row.p2::before{background:var(--magenta)} .row.p3::before{background:var(--violet)}
.row>div{padding:24px 20px;border-right:1px solid var(--rule);min-width:0}
.row>div:last-child{border-right:0}
.row-n{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--txt-4)}
.row.p1 .row-n{color:rgba(214,60,26,.8)} .row.p2 .row-n{color:rgba(192,20,116,.8)} .row.p3 .row-n{color:rgba(100,32,208,.8)}
.row.p1:hover .row-n{color:#C93715} .row.p2:hover .row-n{color:#C01474} .row.p3:hover .row-n{color:#6420D0}
.row-t{font-family:var(--disp);font-size:21px;font-weight:700;letter-spacing:-.028em;line-height:1.12}
.row-g{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-4);margin-top:9px}
.row-d{font-size:14px;line-height:1.7;color:var(--txt-2);max-width:none}
.c-e-in b{display:block;font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--txt);text-transform:uppercase}
.c-e-in i{font-style:normal;display:block;font-size:12px;color:var(--txt-3);margin-top:9px;line-height:1.5}

/* ══════════ CAPTURE FRAME (image slots) ══════════ */
.slot{position:relative;width:100%;overflow:hidden;background:var(--panel);border:1px solid var(--rule-2)}
.slot-pad{display:block;width:100%}
.slot-art{position:absolute;inset:0;width:100%;height:100%}
.slot-cross{position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(21,23,27,.3),rgba(21,23,27,.3)),
    linear-gradient(rgba(21,23,27,.3),rgba(21,23,27,.3));
  background-repeat:no-repeat;
  background-size:14px 1px,1px 14px;
  background-position:50% 50%,50% 50%;
}
.slot-tl{position:absolute;top:9px;left:9px;right:9px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.slot-tag{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--coral-ink);padding:4px 8px}
.slot-ix{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--txt-3);background:rgba(255,255,255,.92);border:1px solid var(--rule);padding:3px 7px}
.slot-meta{position:absolute;left:9px;right:9px;bottom:9px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--rule-2);border-left:3px solid var(--mach);padding:9px 11px;box-shadow:0 6px 16px -10px rgba(21,23,27,.5)}
.slot-name{display:block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt);line-height:1.35}
.slot-spec{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.05em;color:rgba(21,23,27,.64);margin-top:4px;line-height:1.4}
.slot.mini .slot-meta{padding:7px 9px}
.slot.mini .slot-name{font-size:8.5px} .slot.mini .slot-spec{font-size:8px}

/* ══════════ DATA READOUTS ══════════ */
.data{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule)}
.dcard{padding:28px 24px;border-right:1px solid var(--rule);transition:background .4s var(--snap)}
.dcard:last-child{border-right:0}
.dcard:hover{background:var(--panel)}
.dv{font-family:var(--disp);font-weight:700;font-size:clamp(34px,3.8vw,46px);letter-spacing:-.05em;line-height:.95}
.dcard:nth-child(1) .dv{color:#C93715} .dcard:nth-child(2) .dv{color:#C01474} .dcard:nth-child(3) .dv{color:#6420D0}
.dt{font-size:14px;font-weight:600;margin:14px 0 16px;line-height:1.45;color:var(--txt);letter-spacing:-.01em}
.dseg{display:flex;gap:3px;margin-bottom:16px}
.dseg s{display:block;height:5px;flex:1;background:rgba(21,23,27,.14);text-decoration:none;transition:background .5s var(--snap)}
.dcard:nth-child(1) .dseg s.f{background:var(--coral)} .dcard:nth-child(2) .dseg s.f{background:var(--magenta)} .dcard:nth-child(3) .dseg s.f{background:var(--violet)}

/* ══════════ CARDS / LISTS ══════════ */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rule)}
.card{
  background:transparent;border:0;border-right:1px solid var(--rule);text-align:left;cursor:pointer;
  font-family:inherit;display:flex;flex-direction:column;padding:0;
  transition:background .4s var(--snap);
}
.grid3 .card:last-child{border-right:0}
.card:hover{background:var(--panel)}
.card-b{padding:22px 20px 24px;display:flex;flex-direction:column;flex:1}
.card-c{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#C93715;margin-bottom:14px}
.card:nth-child(2) .card-c{color:#C01474} .card:nth-child(3) .card-c{color:#6420D0}
.card-c em{font-style:normal;color:var(--txt-4)}
.card-t{font-family:var(--disp);font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.026em;color:var(--txt)}
.card-x{font-size:13.5px;color:var(--txt-3);line-height:1.6;margin-top:11px;flex:1}
.card-go{margin-top:20px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--txt-4);display:flex;align-items:center;gap:9px;transition:color .3s,gap .35s var(--snap)}
.card:hover .card-go{color:#C93715;gap:14px}
.card-go svg{width:11px;height:11px}

.list{border:1px solid var(--rule);border-bottom:0}
.lrow{
  display:grid;grid-template-columns:64px 1fr 130px;gap:0;align-items:center;width:100%;
  background:transparent;border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;font-family:inherit;
  transition:background .4s var(--snap);
}
.lrow:hover{background:var(--panel)}
.lrow>*{padding:20px 18px}
.lrow-n{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;color:var(--txt-4);transition:color .3s}
.lrow:hover .lrow-n{color:#C93715}
.lrow-m{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--txt-4);margin-bottom:9px}
.lrow-m b{color:#C93715;font-weight:600}
.lrow-t{font-family:var(--disp);font-size:18px;font-weight:600;letter-spacing:-.024em;line-height:1.24;color:var(--txt)}
.lrow-x{font-size:13px;color:var(--txt-3);line-height:1.55;margin-top:8px;max-width:70ch}
.lrow-r{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--txt-4);text-align:right}

/* filters */
.filts{display:flex;flex-wrap:wrap;border:1px solid var(--rule);width:max-content;max-width:100%}
.filt{
  font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--txt-3);background:none;border:0;border-right:1px solid var(--rule);padding:11px 15px;cursor:pointer;
  transition:background .3s,color .3s;
}
.filt:hover{background:var(--panel);color:var(--txt)}
.filt.on{background:var(--coral-ink);color:#fff}

/* ══════════ SERVICE ROWS ══════════ */
.srow{border-bottom:1px solid var(--rule)}
.sgrid{display:grid;grid-template-columns:250px minmax(0,1fr) 330px;gap:0;align-items:stretch}
.sgrid>div{padding:clamp(30px,3.4vw,46px) clamp(20px,2.2vw,32px);border-right:1px solid var(--rule)}
.sgrid>div:last-child{border-right:0}
.sgrid>div:first-child{padding-left:0}
.specs{display:flex;gap:34px;margin-top:24px;padding-top:16px;border-top:1px solid var(--rule);flex-wrap:wrap}
.specs b{display:block;font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.05em;color:var(--txt);margin-top:8px;text-transform:uppercase}

/* chips */
.chips{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule)}
.chip{padding:22px 20px;border-right:1px solid var(--rule);transition:background .4s var(--snap)}
.chip:last-child{border-right:0}
.chip:hover{background:var(--panel)}
.chip b{font-size:15px;font-weight:700;display:block;letter-spacing:-.02em;color:var(--txt)}
.chip span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--txt-4);margin-top:9px;line-height:1.5}

/* mini stats */
.minis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);margin:30px 0}
.mini{padding:18px 16px;border-right:1px solid var(--rule)}
.mini:last-child{border-right:0}
.mini b{display:block;font-family:var(--disp);font-size:26px;font-weight:700;letter-spacing:-.04em;line-height:1}
.mini:nth-child(1) b{color:#C93715} .mini:nth-child(2) b{color:#C01474}
.mini:nth-child(3) b{color:#6420D0} .mini:nth-child(4) b{color:var(--txt)}
.mini i{font-style:normal;display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-4);margin-top:10px;line-height:1.45}

/* timeline */
.tl{border-top:1px solid var(--rule);margin-top:28px}
.tli{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--rule)}
.tly{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.12em;color:#C93715}
.tli:nth-child(2) .tly{color:#C01474} .tli:nth-child(3) .tly{color:#6420D0}
.tlt{font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.024em;color:var(--txt);margin-bottom:10px}

/* ══════════ ARTICLE — the paper readout ══════════ */
.article{padding:clamp(92px,10vw,128px) 0 clamp(48px,6vw,80px)}
.sheet{max-width:900px;margin:0 auto;background:#fff;color:#15171B;position:relative;border:1px solid var(--rule-2);box-shadow:0 30px 60px -40px rgba(21,23,27,.4)}
.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:var(--mach);color:var(--mach-txt)}
.sheet-head span{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,242,239,.62)}
.sheet-in{padding:clamp(30px,4.5vw,64px) clamp(24px,5vw,86px) clamp(40px,5vw,70px)}
.art-m{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.art-cat{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--coral-ink);padding:6px 11px}
.art-date{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(21,23,27,.48)}
.art-title{font-family:var(--disp);font-size:clamp(28px,3.9vw,44px);font-weight:700;line-height:1.06;letter-spacing:-.035em;margin:0 0 20px;color:#15171B;text-wrap:balance}
.art-lead{font-family:var(--read);font-size:18.5px;line-height:1.55;color:rgba(21,23,27,.72);padding-bottom:26px;border-bottom:2px solid #15171B;margin-bottom:32px}
.art-hero{margin-bottom:36px}
.art-body{font-family:var(--read);font-size:17px;line-height:1.8;color:rgba(21,23,27,.78)}
.art-body p,.art-body ul,.art-body ol,.art-body blockquote{max-width:64ch}
.art-lead{max-width:60ch}
.art-body p{margin-bottom:22px;text-wrap:pretty}
.art-body h3{font-family:var(--disp);font-size:24px;font-weight:700;letter-spacing:-.028em;color:#15171B;margin:44px 0 16px;line-height:1.18;padding-top:16px;border-top:1px solid rgba(21,23,27,.14)}
.art-body h4{font-family:var(--disp);font-size:17.5px;font-weight:700;letter-spacing:-.02em;color:#15171B;margin:30px 0 12px}
.art-body strong{font-weight:700;color:#15171B}
.art-body em{font-style:italic}
.art-body ul,.art-body ol{margin:0 0 22px;padding-left:20px}
.art-body li{margin-bottom:10px;padding-left:6px}
.art-body li::marker{color:#C93715}
.art-body hr{border:0;border-top:1px solid rgba(21,23,27,.14);margin:36px 0}
.art-body blockquote{margin:0 0 22px;padding:18px 22px;background:#F4F4F0;border-left:3px solid var(--magenta)}
.art-body blockquote p:last-child{margin-bottom:0}
.art-body code{font-family:var(--mono);font-size:.84em;background:#EFEFEB;padding:2px 6px;color:#15171B}
.art-body table{width:100%;border-collapse:collapse;margin:0 0 26px;font-family:var(--disp);font-size:14px;display:block;overflow-x:auto}
.art-body thead th{text-align:left;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(21,23,27,.48);padding:0 16px 10px 0;border-bottom:2px solid #15171B;white-space:nowrap}
.art-body td{padding:12px 16px 12px 0;border-bottom:1px solid rgba(21,23,27,.11);vertical-align:top;line-height:1.6}
.art-body tbody tr:hover{background:#F7F7F3}
.art-note{font-family:var(--disp);font-size:13.5px;color:rgba(21,23,27,.48);font-style:italic;margin-top:10px}
.art-cta{margin-top:52px;padding:28px}
.art-cta .tx{color:var(--mach-txt-2)}
.art-next{margin-top:44px;padding-top:26px;border-top:2px solid #15171B}
.sheet .lrow{border-color:rgba(21,23,27,.11)}
.sheet .lrow:hover{background:#F4F4F0}
.sheet .lrow-t{color:#15171B}
.sheet .lrow-x,.sheet .lrow-n,.sheet .lrow-m,.sheet .lrow-r{color:rgba(21,23,27,.48)}
.sheet .list{border-color:rgba(21,23,27,.11)}


/* ══════════ MEDIA — video · podcast · infographic ══════════ */
.mrail{display:grid;grid-template-columns:1.52fr 1fr;gap:12px;margin-top:12px;align-items:start}
.mcol{display:grid;gap:12px;align-content:start}
.mstack{display:grid;gap:12px;align-content:start}
.mcard{border:1px solid var(--rule-2);background:var(--panel);display:flex;flex-direction:column;transition:box-shadow .45s var(--snap),transform .45s var(--snap)}
.mcard:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(21,23,27,.4)}
.mcard-b{padding:16px 18px 18px;border-top:1px solid var(--rule);display:flex;gap:18px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.mcard-t{font-family:var(--disp);font-size:16.5px;font-weight:700;letter-spacing:-.022em;line-height:1.24;color:var(--txt)}
.mcard-x{font-size:13px;color:var(--txt-3);line-height:1.55;margin-top:8px;max-width:56ch}
.mcard-s{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--txt-3);white-space:nowrap;text-align:right;line-height:1.7}

/* play control — square, not a rounded YouTube button */
.play{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer}
.play s{
  display:grid;place-items:center;width:66px;height:66px;text-decoration:none;
  background:rgba(255,255,255,.94);border:1.5px solid var(--mach);
  box-shadow:0 10px 26px -14px rgba(21,23,27,.55);
  transition:transform .4s var(--snap),background .3s var(--snap);
}
.mcard:hover .play s{transform:scale(1.07);background:var(--coral-ink)}
.mcard:hover .play s svg{fill:#fff}
.play s svg{width:17px;height:17px;fill:var(--mach);transition:fill .3s}
.play.sm s{width:46px;height:46px}
.play.sm s svg{width:12px;height:12px}
.dur{
  position:absolute;right:9px;bottom:9px;font-family:var(--mono);font-size:9.5px;font-weight:600;
  letter-spacing:.1em;color:#fff;background:var(--mach);padding:4px 8px;
}
.cc{position:absolute;left:9px;bottom:9px;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--mach);background:rgba(255,255,255,.92);border:1px solid var(--rule-2);padding:3px 7px}

/* podcast strip */
.pod{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;
  padding:16px 18px;border:1px solid var(--rule-2);background:var(--panel);
  transition:background .4s var(--snap);
}
.pod:hover{background:#fff}
.pod-p{width:46px;height:46px;display:grid;place-items:center;border:1.5px solid var(--mach);background:transparent;flex:none;cursor:pointer;transition:background .3s var(--snap)}
.pod-p svg{width:13px;height:13px;fill:var(--mach);transition:fill .3s}
.pod:hover .pod-p{background:var(--coral-ink)} .pod:hover .pod-p svg{fill:#fff}
.pod-ep{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#C93715}
.pod-t{font-family:var(--disp);font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--txt);margin-top:7px}
.wave{display:flex;align-items:center;gap:2px;height:26px;margin-top:11px;overflow:hidden}
.wave s{display:block;text-decoration:none;background:var(--txt-4);flex:1 1 0;min-width:2px;max-width:4px}
.wave s.a{background:#C93715}
.pod-d{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--txt-3);white-space:nowrap;text-align:right;line-height:1.8}

/* compact media chips, used inside pillar rows */
.mchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.mchip{
  display:inline-flex;align-items:center;gap:10px;border:1px solid var(--rule);background:transparent;
  padding:8px 12px 8px 8px;cursor:pointer;font-family:var(--mono);font-size:9.5px;font-weight:500;
  letter-spacing:.13em;text-transform:uppercase;color:var(--txt-3);
  transition:border-color .35s var(--snap),color .35s var(--snap),background .35s var(--snap);
}
.mchip:hover{border-color:var(--mach);color:var(--txt);background:var(--panel)}
.mchip s{width:22px;height:22px;display:grid;place-items:center;background:var(--mach);flex:none}
.mchip s svg{width:9px;height:9px;fill:#fff}
.mchip b{font-weight:600;color:var(--txt)}
.mchip em{font-style:normal;color:var(--txt-4)}

/* listen strip on the article sheet */
.listen{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid rgba(21,23,27,.14);background:#F7F7F3;margin-bottom:32px}

@media (max-width:900px){
  .mrail{grid-template-columns:1fr}
  .pod{grid-template-columns:auto minmax(0,1fr);gap:14px}
  .pod-d{grid-column:2;text-align:left;margin-top:2px}
  .listen{grid-template-columns:auto minmax(0,1fr)}
}

/* ══════════ CTA BLOCK ══════════ */
.cta{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding:clamp(30px,4vw,48px);position:relative;overflow:hidden;box-shadow:0 24px 50px -30px rgba(21,23,27,.55)}
.cta::before{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 130% at 92% 0%,rgba(255,90,54,.16),transparent 66%),
  radial-gradient(50% 120% at 6% 100%,rgba(123,47,247,.16),transparent 70%)}
.cta>*{position:relative}

/* ══════════ CONTACT ══════════ */
.cgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(30px,4vw,64px)}
.form{display:grid;gap:0;border:1px solid var(--rule)}
.fld{border-bottom:1px solid var(--rule);padding:14px 16px}
.fld:last-of-type{border-bottom:0}
.fld label{display:block;font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-4);margin-bottom:8px}
.inp,.txa{font-family:var(--disp);font-size:15px;border:0;background:transparent;color:var(--txt);outline:none;width:100%;padding:0;resize:vertical}
.inp::placeholder,.txa::placeholder{color:var(--txt-4)}
.fld:focus-within{background:var(--panel)}
.fld.bad{background:rgba(255,90,54,.07)}
.fld.bad label{color:var(--coral)}
.err{display:none;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin-top:8px}
.err.on{display:block}
.duo{display:grid;grid-template-columns:1fr 1fr}
.duo .fld{border-right:1px solid var(--rule)}
.duo .fld:last-child{border-right:0}
.cinfo{border:1px solid var(--rule)}
.citem{padding:18px 20px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap;transition:background .35s var(--snap)}
.citem:last-child{border-bottom:0}
.citem:hover{background:var(--panel)}
.citem .cl{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-4)}
.citem .cv{font-family:var(--mono);font-size:13px;color:var(--txt);word-break:break-word}

/* ══════════ FOOTER ══════════ */
footer{padding:clamp(44px,5vw,68px) 0 26px}
.f-top{display:grid;grid-template-columns:1.1fr 2fr;gap:44px;padding-bottom:34px;border-bottom:1px solid var(--rule)}
.f-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.f-h{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.18em;color:var(--txt-4);margin-bottom:16px;text-transform:uppercase}
.f-l{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--txt-3);margin-bottom:11px;cursor:pointer;background:none;border:0;padding:0;text-align:left;text-decoration:none;transition:color .3s,padding-left .3s var(--snap)}
.f-l:hover{color:var(--coral);padding-left:6px}
.f-t{font-size:13px;color:var(--txt-4);line-height:1.65;max-width:280px;margin-top:14px}
.f-b{display:flex;justify-content:space-between;padding-top:20px;gap:18px;flex-wrap:wrap}
.f-c{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--txt-4);text-transform:uppercase}
footer .brand{font-size:19px}

/* ══════════ REVEAL ══════════ */
[data-r]{opacity:0;transform:translateY(18px)}
[data-r].in{opacity:1;transform:none;transition:opacity .7s var(--snap),transform .7s var(--snap)}

/* ══════════ RESPONSIVE ══════════ */
@media (max-width:1180px){
  .rail{display:none}
  .nstat{display:none}
  .nlink{padding:9px 8px;font-size:9.5px}
  /* tablet / small laptop: title over description, spec column retained */
  .row{grid-template-columns:64px minmax(0,1fr) 190px}
  .row>div{border-right:0}
  .c-n{grid-column:1;grid-row:1/3}
  .c-t{grid-column:2;grid-row:1;padding-bottom:0}
  .c-d{grid-column:2;grid-row:2;padding-top:12px}
  .c-e{grid-column:3;grid-row:1/3;border-left:1px solid var(--rule)}
  .sgrid{grid-template-columns:1fr 1fr}
  .sgrid>div:last-child{grid-column:1/-1;border-top:1px solid var(--rule);padding-left:0;padding-right:0}
}
@media (max-width:900px){
  .nlinks,.ncta{display:none}
  .burg{display:block}
  .hero-g,.sp,.sp-e,.cgrid,.f-top{grid-template-columns:1fr}
  .mets,.chips,.minis{grid-template-columns:1fr 1fr}
  .met,.chip,.mini{border-right:0;border-bottom:1px solid var(--rule)}
  .met:nth-child(odd),.chip:nth-child(odd),.mini:nth-child(odd){border-right:1px solid var(--rule)}
  .data,.grid3{grid-template-columns:1fr}
  .dcard,.card{border-right:0;border-bottom:1px solid var(--rule)}
  .sgrid{grid-template-columns:1fr}
  .sgrid>div{border-right:0;padding-left:0;padding-right:0}
  .f-cols{grid-template-columns:1fr 1fr}
  .lrow{grid-template-columns:52px 1fr}
  .lrow-r{display:none}
  /* full stack, spec strip becomes a horizontal readout */
  .row{grid-template-columns:58px minmax(0,1fr)}
  .c-n{grid-column:1;grid-row:1/4}
  .c-t{grid-column:2;grid-row:1;padding-bottom:0}
  .c-d{grid-column:2;grid-row:2;padding-top:12px;padding-bottom:16px}
  .c-e{grid-column:2;grid-row:3;border-left:0;padding-top:0}
  .c-e-in{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:14px}
  .c-e-in i{margin-top:0}
}
@media (max-width:600px){
  .mets,.chips,.minis,.duo,.f-cols{grid-template-columns:1fr}
  .met,.chip,.mini{border-right:0!important}
  .duo .fld{border-right:0}
  /* phone: index sits inline with the title */
  .row{grid-template-columns:1fr}
  .row>div{border-right:0;padding:18px 18px}
  .c-n{display:none}
  .c-t{grid-column:1;grid-row:1;padding-bottom:0}
  .c-d{grid-column:1;grid-row:2;padding-top:10px;padding-bottom:14px}
  .c-e{grid-column:1;grid-row:3;padding-top:0}
  .row-t::before{content:attr(data-n) " ";font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--txt-4);vertical-align:2px;margin-right:10px}
  .row.p1 .row-t::before{color:#C93715} .row.p2 .row-t::before{color:#C01474} .row.p3 .row-t::before{color:#6420D0}
  .states{grid-template-columns:1fr}
  .st{border-right:0;border-bottom:1px solid var(--rule)}
  .code{font-size:10.4px}
  .tli{grid-template-columns:1fr;gap:8px}
  .cta{flex-direction:column;align-items:flex-start}
  .art-body table{font-size:12.5px}
  .sheet-in{padding-left:20px;padding-right:20px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-r]{opacity:1;transform:none}
  .term::after{display:none}
}

/* static build: former buttons are anchors now */
a{color:inherit;text-decoration:none}
a.nlink,a.ncta,a.f-l,a.ditem,a.lrow,a.card,a.pgb,a.filt,a.btn,a.lnk,a.brand{cursor:pointer}
a.card,a.lrow,a.pgb,a.ditem,a.filt{display:grid}
a.card{display:flex}
a.filt,a.btn,a.lnk,a.nlink,a.ncta{display:inline-flex}
a.f-l{display:block}
[aria-current="page"]{color:#C93715}

/* New HTML-derived pages: spacing below the existing Master header */
.v2-page {
  padding-top: 32px;
}

@media (max-width: 768px) {
  .v2-page {
    padding-top: 24px;
  }
}

/* New client batch pages: spacing below existing Master header */
.batch2-page {
  margin-top: 32px !important;
}

@media (max-width: 768px) {
  .batch2-page {
    margin-top: 24px !important;
  }
}

/* Insight article additions from client batch: 26 Aug 2026 */
@media (max-width:900px){ a.ncta{display:none} }
.art-body a[href]{color:#C93715;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.art-body a[href]:hover{text-decoration-thickness:2px;color:#15171B}
.art-src{margin-top:44px;padding-top:22px;border-top:2px solid #15171B}
.art-src .lb{margin-bottom:16px;display:block}
.art-src ol{font-family:var(--disp);font-size:13px;line-height:1.6;color:rgba(21,23,27,.62);padding-left:20px;margin:0;max-width:none}
.art-src li{margin-bottom:12px;padding-left:4px}
.art-src li::marker{color:#C93715}
.art-src a[href]{color:#C93715;word-break:break-word}
.art-disc{margin-top:32px;padding:18px 22px;background:#F4F4F0;border-left:3px solid var(--violet);font-family:var(--disp);font-size:13.5px;line-height:1.6;color:rgba(21,23,27,.72)}
.art-disc b{color:#15171B}