/* Denver SEO: site styles. Palette from the logo: ink #04152A, signal #CC401E. */
@font-face{font-family:"Archivo";src:url(/assets/fonts/archivo-var.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Plex";src:url(/assets/fonts/plexsans-var.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"Plex";src:url(/assets/fonts/plexsans-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/plexmono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  --ink:#04152A; --ink-2:#0A2240; --ink-3:#123056; --ink-line:rgba(243,240,234,.14);
  --paper:#F3F0EA; --paper-2:#E8E3D9; --paper-line:rgba(4,21,42,.14);
  --signal:#CC401E; --signal-deep:#B8381A; --signal-hi:#FF6B47;
  --steel:#8FA1B8; --slate:#4E5B6E; --text:#14202E;
  --display:"Archivo",system-ui,sans-serif; --body:"Plex",system-ui,sans-serif; --mono:"Plex Mono",ui-monospace,monospace;
  --wrap:1240px; --gut:clamp(16px,4vw,48px); --head-h:76px;
  --mk-accent:var(--signal-hi); --mk-arrival-bg:var(--ink); --mk-toggle-ink:var(--ink);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 16px)}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.0625rem/1.65 var(--body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,picture,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--signal-deep);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--signal-hi);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--display);line-height:1.02;margin:0 0 .5em;text-wrap:balance;color:inherit}
h2{font-size:clamp(2rem,1.2rem + 3vw,3.6rem);font-weight:800;font-stretch:118%;text-transform:uppercase;letter-spacing:-.015em}
h3{font-size:clamp(1.2rem,1rem + .7vw,1.55rem);font-weight:700;font-stretch:108%;letter-spacing:-.01em;line-height:1.15}
p{margin:0 0 1.1em;text-wrap:pretty}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:2000;background:var(--signal);color:#fff;padding:10px 16px;font-weight:600}
.skip:focus{top:12px}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.kicker{display:inline-flex;align-items:center;gap:.7em;font:500 .74rem/1.2 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--signal-deep);margin:0 0 1.1rem}
.kicker::before{content:"";width:28px;height:1px;background:currentColor}
.on-dark .kicker,.kicker--light{color:var(--signal-hi)}
.lede{font-size:clamp(1.08rem,1rem + .35vw,1.3rem);line-height:1.55;max-width:60ch}
.mono{font-family:var(--mono)}

/* Buttons */
.btn{--bg:var(--ink);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.8em 1.4em;border:1px solid transparent;background:var(--bg);color:var(--fg);font:600 .82rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}
.btn:hover{text-decoration:none;box-shadow:0 10px 26px -14px rgba(4,21,42,.7);transform:translateY(-1px)}
.btn--signal{--bg:var(--signal)}
.btn--signal:hover{--bg:var(--signal-deep)}
.btn--ghost{--bg:transparent;--fg:currentColor;border-color:currentColor}
.btn--ghost:hover{--bg:rgba(255,255,255,.08)}
.btn .arr{transition:transform .25s}
.btn:hover .arr{transform:translateX(4px)}
.textlink{font:600 .82rem/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;display:inline-flex;gap:.5em;align-items:center;border-bottom:1px solid currentColor;padding-bottom:4px}

/* ---------- Header ---------- */
.mast{position:fixed;inset:0 0 auto 0;z-index:1000;color:var(--paper);transition:background-color .35s,box-shadow .35s,transform .35s}
.mast::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,21,42,.75),rgba(4,21,42,0));pointer-events:none;transition:opacity .35s}
.mast.is-solid{background:rgba(4,21,42,.96);box-shadow:0 1px 0 var(--ink-line)}
.mast.is-solid::before{opacity:0}
@supports (backdrop-filter:blur(8px)){.mast.is-solid{background:rgba(4,21,42,.86);backdrop-filter:blur(12px) saturate(1.2)}}
.mast__in{position:relative;display:flex;align-items:center;gap:clamp(12px,2vw,28px);height:var(--head-h);width:min(100% - 2*var(--gut),1440px);margin-inline:auto}
.mast__logo{flex:none;display:block}
.mast__logo img{height:clamp(17px,1.6vw,21px);width:auto}
.nav{margin-left:auto}
.nav__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nav__item{position:relative}
.nav__trigger,.nav__link{display:inline-flex;align-items:center;gap:6px;height:var(--head-h);padding:0 14px;background:none;border:0;color:inherit;font:500 .78rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative}
.nav__trigger svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .3s}
.nav__trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav__trigger::after,.nav__link::after{content:"";position:absolute;left:14px;right:14px;bottom:22px;height:1px;background:var(--signal-hi);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.nav__trigger:hover::after,.nav__link:hover::after,.nav__link[aria-current]::after,.nav__trigger[aria-expanded="true"]::after{transform:scaleX(1)}
/* mega panel: sits flush under the bar (top:100% of the item, which is the full bar height): no gap */
.mega{position:fixed;left:0;right:0;top:var(--head-h);padding-top:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s .35s;pointer-events:none}
.mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav__item--mega.is-open .mega{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);pointer-events:auto}
.mega__in{width:min(100% - 2*var(--gut),1240px);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr 300px;gap:clamp(20px,3vw,48px);padding:34px clamp(20px,3vw,40px) 38px;background:var(--ink);border:1px solid var(--ink-line);border-top:2px solid var(--signal);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.mega__label{font:500 .7rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--steel);margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--ink-line)}
.mega ul{list-style:none;margin:0;padding:0}
.mega li a{display:block;padding:12px 10px 12px 0;color:var(--paper);text-decoration:none;border-bottom:1px solid rgba(243,240,234,.06);transition:padding .25s,color .25s}
.mega li a strong{display:block;font:700 1rem/1.25 var(--display);font-stretch:112%;letter-spacing:.01em;text-transform:uppercase}
.mega li a span{display:block;font-size:.86rem;line-height:1.45;color:var(--steel);margin-top:3px}
.mega li a:hover,.mega li a:focus-visible{padding-left:10px;color:var(--signal-hi)}
.mega__feature{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:260px;padding:20px;color:var(--paper);text-decoration:none;overflow:hidden;isolation:isolate}
.mega__feature picture,.mega__feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.mega__feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(4,21,42,.95) 20%,rgba(4,21,42,.25))}
.mega__feature:hover img{transform:scale(1.05)}
.mega__feature-k{font:500 .7rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--signal-hi)}
.mega__feature-t{font:700 1.15rem/1.2 var(--display);font-stretch:110%}
.mega__feature-a{font:600 .78rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.mast__tools{display:flex;align-items:center;gap:10px;flex:none}
.lang{position:relative;display:flex;align-items:center;height:40px;border:1px solid var(--ink-line);border-radius:2px;color:var(--paper);transition:border-color .25s}
.lang:hover,.lang:focus-within{border-color:rgba(243,240,234,.45)}
.lang__ic{position:absolute;left:10px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;pointer-events:none}
.lang__select{appearance:none;-webkit-appearance:none;height:38px;padding:0 26px 0 32px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 6 8l4-3.5' fill='none' stroke='%23F3F0EA' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 9px center/10px;border:0;color:inherit;font:500 .76rem/1 var(--mono);letter-spacing:.12em;cursor:pointer}
.lang__select option{color:var(--ink);background:var(--paper)}
.mast__cta{min-height:40px;padding:.7em 1.1em;font-size:.74rem}
.burger{display:none;width:44px;height:44px;border:1px solid var(--ink-line);background:none;color:inherit;border-radius:2px;cursor:pointer;position:relative}
.burger__bars,.burger__bars::before,.burger__bars::after{position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;transition:transform .3s,opacity .3s}
.burger__bars{top:21px}.burger__bars::before{content:"";left:0;right:0;top:-6px}.burger__bars::after{content:"";left:0;right:6px;top:6px}
.burger[aria-expanded="true"] .burger__bars{background:transparent}
.burger[aria-expanded="true"] .burger__bars::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] .burger__bars::after{right:0;transform:translateY(-6px) rotate(-45deg)}
/* Google Translate: hide Google's own chrome, keep our select */
.goog-te-banner-frame,iframe.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.goog-te-spinner-pos{display:none!important}
body{top:0!important;position:static!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
font[style]{background:none!important}

/* Mobile sheet */
.sheet{position:fixed;inset:0;z-index:990;background:var(--ink);color:var(--paper);padding:calc(var(--head-h) + 12px) var(--gut) calc(110px + env(safe-area-inset-bottom));overflow-y:auto;opacity:0;transition:opacity .3s}
.sheet.is-open{opacity:1}
.sheet ul{list-style:none;margin:0 0 18px;padding:0}
.sheet a{display:block;padding:12px 0;color:var(--paper);text-decoration:none;font:700 1.35rem/1.15 var(--display);font-stretch:112%;text-transform:uppercase;border-bottom:1px solid var(--ink-line)}
.sheet a[aria-current]{color:var(--signal-hi)}
.sheet__label{font:500 .7rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--steel);margin:18px 0 4px}

/* Bottom dock (phones) */
.dock{display:none}
@media (max-width:1080px){
  .nav,.mast__cta{display:none}
  .burger{display:block}
  .mast__tools{margin-left:auto}
}
@media (max-width:860px){
  :root{--head-h:64px}
  .dock{display:grid;grid-template-columns:1fr 1fr 1.25fr;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:995;background:rgba(4,21,42,.94);border:1px solid var(--ink-line);border-radius:14px;padding:6px;gap:6px;box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
  @supports (backdrop-filter:blur(8px)){.dock{background:rgba(4,21,42,.82);backdrop-filter:blur(14px)}}
  .dock__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border:0;border-radius:10px;background:none;color:var(--paper);font:500 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer}
  .dock__btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
  .dock__btn--main{background:var(--signal);color:#fff}
  .dock__btn[aria-current]:not(.dock__btn--main){color:var(--signal-hi)}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .lang__select{padding-right:22px}
}

/* ---------- Home hero (full bleed video) ---------- */
.stage{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);isolation:isolate;display:flex;flex-direction:column;padding-top:var(--head-h)}
.stage__media{position:absolute;inset:0;z-index:-2}
.stage__layer{position:absolute;inset:0}
.stage__layer video,.stage__layer img,.stage__layer picture{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(4,21,42,.92) 0%,rgba(4,21,42,.72) 38%,rgba(4,21,42,.28) 72%,rgba(4,21,42,.18)),linear-gradient(to bottom,rgba(4,21,42,.55),transparent 30%,transparent 62%,rgba(4,21,42,.9))}
.hero__body{flex:1;display:flex;align-items:center;padding-block:clamp(48px,7vw,104px)}
.hero__copy{max-width:1100px}
.stage h1{margin:0 0 .45em;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.88}
.stage h1 .h1-big{display:block;font-size:clamp(3.2rem,1rem + 10vw,10.5rem);font-stretch:125%}
.stage h1 .h1-sub{display:block;margin-top:.35em;font-size:clamp(1.15rem,.8rem + 1.5vw,2.1rem);font-stretch:112%;font-weight:600;letter-spacing:.02em;line-height:1.1;color:var(--paper)}
.stage h1 .h1-sub em{font-style:normal;color:var(--signal-hi)}
.stage .lede{color:rgba(243,240,234,.86);max-width:54ch}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.readout{border-top:1px solid var(--ink-line);background:rgba(4,21,42,.55)}
@supports (backdrop-filter:blur(8px)){.readout{background:rgba(4,21,42,.35);backdrop-filter:blur(10px)}}
.readout__in{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.readout__cell{padding:18px 18px 18px 0;border-right:1px solid var(--ink-line);font:500 .72rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.readout__cell + .readout__cell{padding-left:18px}
.readout__cell:last-child{border-right:0}
.readout__cell b{display:block;font-weight:500;color:var(--paper);font-size:.82rem;margin-top:4px;letter-spacing:.08em}
@media (max-width:760px){.readout__in{grid-template-columns:1fr 1fr}.readout__cell:nth-child(2){border-right:0}.readout__cell:nth-child(3){padding-left:0}.readout__cell:nth-child(n+3){border-top:1px solid var(--ink-line)}}

/* ---------- Page hero (guides) ---------- */
.pg{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);isolation:isolate}
.pg__photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.pg__layer{position:absolute;inset:0}
.pg__layer picture,.pg__layer img{width:100%;height:100%;object-fit:cover}
.pg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(4,21,42,.95) 0%,rgba(4,21,42,.84) 45%,rgba(4,21,42,.45) 100%)}
.pg{padding-top:var(--head-h)}
.pg__in{padding-block:clamp(44px,6vw,92px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end}
.pg h1{font-size:clamp(2.2rem,1rem + 3.6vw,4.6rem);font-weight:800;font-stretch:122%;text-transform:uppercase;letter-spacing:-.02em;line-height:.92;margin:0}
.pg__side{border-left:1px solid var(--ink-line);padding-left:clamp(18px,2.5vw,32px)}
.pg__side .lede{color:rgba(243,240,234,.86);font-size:1.08rem}
.crumbs{grid-column:1/-1;font:500 .72rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--steel);margin:0}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:8px;opacity:.5}
.crumbs a{color:var(--paper);text-decoration:none}
.crumbs a:hover{color:var(--signal-hi)}
.pg__meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font:500 .72rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.pg__meta span::before{content:"";display:inline-block;width:6px;height:6px;background:var(--signal-hi);margin-right:8px;vertical-align:1px}
@media (max-width:860px){.pg__in{grid-template-columns:1fr}.pg__side{border-left:0;padding-left:0;border-top:1px solid var(--ink-line);padding-top:18px}}

/* ---------- Generic sections ---------- */
.sec{padding-block:clamp(72px,10vw,150px);position:relative}
.sec--ink{background:var(--ink);color:var(--paper)}
.sec--ink2{background:var(--ink-2);color:var(--paper)}
.sec--paper2{background:var(--paper-2)}
.sec-head{text-align:center;max-width:880px;margin:0 auto clamp(40px,6vw,72px)}
.sec-head .lede{margin-inline:auto}
.sec-head .kicker{justify-content:center}
.on-dark .lede,.sec--ink .lede,.sec--ink2 .lede{color:rgba(243,240,234,.82)}

/* Split statement (heading left, copy right) */
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:start}
.split__big{font:800 clamp(2rem,1rem + 3.2vw,4rem)/.98 var(--display);font-stretch:120%;text-transform:uppercase;letter-spacing:-.02em;margin:0}
.split__big em{font-style:normal;color:var(--signal-deep)}
.sec--ink .split__big em{color:var(--signal-hi)}
.ticks{list-style:none;margin:1.4em 0 0;padding:0;border-top:1px solid var(--paper-line)}
.ticks li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:14px 0;border-bottom:1px solid var(--paper-line)}
.ticks li span{font:500 .78rem/1.6 var(--mono);color:var(--signal-deep)}
.sec--ink .ticks{border-color:var(--ink-line)}.sec--ink .ticks li{border-color:var(--ink-line)}.sec--ink .ticks li span{color:var(--signal-hi)}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* ---------- Pattern: scroll-filled giant words ---------- */
.fill{background:var(--ink);color:var(--paper);overflow:hidden}
.fill__head{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.fill__head h2{margin:0;font-size:clamp(2.2rem,1rem + 3.4vw,4.8rem);line-height:.92}
.fill__head p{color:rgba(243,240,234,.82);margin:0}
.fill__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-line)}
.fill__row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,22rem);gap:clamp(16px,3vw,48px);align-items:center;padding:clamp(22px,3vw,44px) 0;border-bottom:1px solid var(--ink-line)}
.fill__n{font:500 1.1rem/1 var(--mono);color:var(--signal-hi)}
.fill__w{position:relative;display:block;font:900 clamp(2.4rem,6.3vw,6.4rem)/.86 var(--display);font-stretch:125%;text-transform:uppercase;letter-spacing:-.045em;margin:0;min-width:0;white-space:nowrap;container-type:inline-size}
.fill__w .ghost{position:absolute;inset:0;color:var(--paper);clip-path:inset(0 calc(100% - var(--f,1) * 100%) 0 0)}
.fill__w .base{display:block}
.fill__p{margin:0;font-size:.95rem;line-height:1.55;color:var(--steel);max-width:42ch;justify-self:end}
.fill__p strong{color:var(--paper);font-weight:600}
.mk-on .fill[data-live] .fill__w .base{color:transparent;-webkit-text-stroke:1px rgba(203,213,225,.42)}
.mk-on .fill[data-live] .fill__w{translate:calc(var(--dx,0) * 1%) 0}
.fill:not([data-live]) .fill__w .ghost{display:none}
@media (max-width:860px){
  .fill__head{grid-template-columns:1fr}
  .fill__row{grid-template-columns:1fr;gap:.7rem}
  .fill__w{white-space:normal;font-size:clamp(2.3rem,13vw,4.2rem)}
  .fill__p{justify-self:start}
}

/* ---------- Pattern: backdrop capability list ---------- */
.caps{position:relative;background:var(--ink);color:var(--paper);overflow:hidden;isolation:isolate}
.caps__bg{position:absolute;inset:0;z-index:-2}
.caps__bg > *{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.caps__bg > .is-on{opacity:1}
.caps__bg img,.caps__bg video,.caps__bg picture{width:100%;height:100%;object-fit:cover}
.caps::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,21,42,.96) 0%,rgba(4,21,42,.86) 55%,rgba(4,21,42,.62)),linear-gradient(to bottom,rgba(4,21,42,.6),transparent 30%,transparent 70%,rgba(4,21,42,.85))}
.caps__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(30px,4vw,56px)}
.caps__head h2{margin:0}
.caps__head p{margin:0;color:rgba(243,240,234,.82)}
.caps__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-line)}
.caps__item{border-bottom:1px solid var(--ink-line);position:relative}
.caps__item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--signal);transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.caps__item.is-on::before{transform:scaleY(1)}
.caps__btn{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 44px;align-items:center;gap:16px;padding:22px 0 22px 18px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit;transition:translate .4s cubic-bezier(.16,1,.3,1)}
.caps__item.is-on .caps__btn{translate:8px 0}
.caps__n{font:500 .9rem/1 var(--mono);color:var(--steel)}
.caps__item.is-on .caps__n{color:var(--signal-hi)}
.caps__t{font:800 clamp(1.4rem,1rem + 2.2vw,2.9rem)/1 var(--display);font-stretch:122%;text-transform:uppercase;letter-spacing:-.015em}
.caps__arr{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .4s,color .3s}
.caps__item.is-on .caps__arr{transform:rotate(45deg);color:var(--signal-hi)}
.caps__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1)}
.caps__item.is-on .caps__panel{grid-template-rows:1fr}
.caps__panel > div{overflow:hidden}
.caps__panel p{margin:0 0 12px 98px;max-width:60ch;color:rgba(243,240,234,.84)}
.caps__panel .textlink{margin:0 0 24px 98px;color:var(--signal-hi)}
.caps__ghost{position:absolute;right:0;bottom:-.12em;font:900 clamp(8rem,20vw,22rem)/1 var(--display);font-stretch:125%;color:transparent;-webkit-text-stroke:1px rgba(243,240,234,.12);pointer-events:none;z-index:-1;transition:opacity .4s}
.no-js .caps__panel,.caps:not([data-live]) .caps__panel{grid-template-rows:1fr}
@media (max-width:860px){
  .caps__head{grid-template-columns:1fr}
  .caps__btn{grid-template-columns:40px minmax(0,1fr) 30px;padding-left:12px}
  .caps__panel p,.caps__panel .textlink{margin-left:68px}
  .caps__arr{width:28px;height:28px}
  .caps__bg{opacity:.55}
}

/* ---------- Pattern: technical drawing sheet ---------- */
.sheetsec{background:var(--paper)}
.draw{position:relative;border:1px solid var(--ink);background-color:#F7F5F0;background-image:linear-gradient(rgba(4,21,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(4,21,42,.045) 1px,transparent 1px),linear-gradient(rgba(4,21,42,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(4,21,42,.07) 1px,transparent 1px);background-size:16px 16px,16px 16px,80px 80px,80px 80px}
.draw__tick{position:absolute;width:14px;height:14px;border-color:var(--signal);border-style:solid;border-width:0}
.draw__tick--tl{left:-1px;top:-1px;border-left-width:3px;border-top-width:3px}.draw__tick--tr{right:-1px;top:-1px;border-right-width:3px;border-top-width:3px}
.draw__tick--bl{left:-1px;bottom:-1px;border-left-width:3px;border-bottom-width:3px}.draw__tick--br{right:-1px;bottom:-1px;border-right-width:3px;border-bottom-width:3px}
.draw__title{display:grid;grid-template-columns:minmax(0,1fr) 260px;border-bottom:1px solid var(--ink)}
.draw__display{display:grid;position:relative;min-height:340px;overflow:hidden}
.draw__panel{grid-area:1/1;padding:clamp(24px,4vw,52px);position:relative;display:flex;flex-direction:column;justify-content:center;transition:opacity .15s ease}
.draw__panel picture{position:absolute;inset:0;z-index:0}
.draw__panel picture img{width:100%;height:100%;object-fit:cover;opacity:.9}
.draw__panel picture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F7F5F0 0%,rgba(247,245,240,.95) 48%,rgba(247,245,240,.55) 100%)}
.draw__panel > *:not(picture){position:relative;z-index:1;max-width:62ch}
.draw__panel h3{font-size:clamp(1.6rem,1rem + 2.2vw,2.8rem);font-weight:800;font-stretch:120%;text-transform:uppercase}
.draw__panel .lbl{font:500 .72rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--signal-deep);margin-bottom:14px}
.draw[data-live] .draw__panel{opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s .15s}
.draw[data-live] .draw__panel.is-on{opacity:1;visibility:visible;transition:opacity .34s ease .12s,visibility 0s}
.draw__meta{border-left:1px solid var(--ink);margin:0;display:grid;align-content:start}
.draw__meta div{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 18px;border-bottom:1px solid var(--paper-line);font:500 .72rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.draw__meta dt{color:var(--slate)}.draw__meta dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}
.draw__wire{position:relative;height:2px;background:var(--paper-line);overflow:hidden}
.draw__wire::after{content:"";position:absolute;top:0;left:-20%;width:20%;height:100%;background:linear-gradient(90deg,transparent,var(--signal),transparent);animation:wire 3.4s linear infinite}
@keyframes wire{to{left:100%}}
.draw__cells{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-line)}
.draw__cell{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:170px;padding:22px;background:#F7F5F0;border:0;text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:background-color .3s}
.draw__cell::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.draw__cell:hover,.draw__cell:focus-visible,.draw__cell[aria-pressed="true"]{background:#fff}
.draw__cell:hover::before,.draw__cell:focus-visible::before,.draw__cell[aria-pressed="true"]::before{transform:scaleX(1)}
.draw__num{font:800 clamp(3rem,5vw,4.6rem)/.9 var(--display);font-stretch:125%;color:transparent;-webkit-text-stroke:1.5px var(--ink);transition:-webkit-text-stroke-color .3s}
.draw__cell:hover .draw__num,.draw__cell[aria-pressed="true"] .draw__num,.draw__cell:focus-visible .draw__num{-webkit-text-stroke-color:var(--signal)}
.draw__name{font:700 1rem/1.2 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:.02em}
.draw__index{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--ink);font:500 .7rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.draw:not([data-live]) .draw__display{display:block}
@media (max-width:900px){.draw__title{grid-template-columns:1fr}.draw__meta{border-left:0;border-top:1px solid var(--ink);grid-template-columns:1fr 1fr}.draw__cells{grid-template-columns:1fr 1fr}.draw__display{min-height:380px}}

/* ---------- Pattern: sticky stacking cards ---------- */
.stack{background:var(--paper-2)}
.stack__list{list-style:none;margin:0 auto;padding:0;max-width:980px}
.stack__list::after{content:"";display:block;height:4vh}
.stack__card{position:sticky;top:calc(var(--head-h) + 1.4rem + var(--i,0) * 14px);z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3vw,36px);align-items:start;padding:clamp(1.4rem,3vw,2.4rem);background:#fff;border-radius:6px;box-shadow:inset 0 0 0 1.5px rgba(4,21,42,.08),0 22px 48px -30px rgba(4,21,42,.55);margin-bottom:1.1rem}
.stack__badge{display:grid;place-items:center;width:clamp(52px,6vw,66px);aspect-ratio:1;border-radius:4px;background:var(--ink);color:#fff;font:800 1.2rem/1 var(--display);font-stretch:120%;font-variant-numeric:tabular-nums}
.stack__card:nth-child(odd) .stack__badge{background:var(--signal)}
.stack__card h3{margin:.1em 0 .45em}
.stack__card p{margin:0;color:#2A3646}
.stack__card p + p{margin-top:.7em}
.stack__chev{position:relative;z-index:1;display:block;width:22px;height:22px;margin:-.4rem auto .7rem;color:var(--signal);animation:bob 1.9s ease-in-out infinite}
.stack__chev svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}
@keyframes bob{50%{transform:translateY(22%)}}
.mk-safe .stack__card,[data-motion-tier="essential"] .stack__card{position:relative;top:auto}
[data-motion-tier="essential"] .stack__chev{animation:none}

/* ---------- Pattern: scroll-drawn journey path ---------- */
.journey{position:relative;background:var(--ink);color:var(--paper);overflow:hidden;isolation:isolate}
.journey__bg{position:absolute;inset:0;z-index:-2}
.journey__bg picture,.journey__bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.26) saturate(.7)}
.journey::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--ink) 0%,transparent 22%,transparent 70%,var(--ink) 100%)}
.journey__head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:clamp(30px,4vw,60px)}
.journey__head h2{margin:0}
.journey__head p{margin:0;color:rgba(243,240,234,.82)}
.journey__canvas{position:relative;height:clamp(380px,36vw,470px)}
.journey__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.journey__svg path{fill:none;vector-effect:non-scaling-stroke}
.journey__ghost{stroke:rgba(243,240,234,.18);stroke-width:1;stroke-dasharray:3 7}
.journey__line{stroke:var(--signal-hi);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,107,71,.45))}
.journey[data-live] .journey__line{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--jp,0))}
.journey__stops{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.journey__stop{position:absolute;width:0;height:0}
.journey__node{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--signal-hi);border:2px solid var(--signal-hi);box-shadow:0 0 0 6px rgba(255,107,71,.18);transition:transform .5s,background-color .4s,box-shadow .4s}
.journey__card{position:absolute;width:clamp(10.5rem,15vw,15rem);transform:translateX(-50%);transition:opacity .65s,translate .65s cubic-bezier(.16,1,.3,1)}
.journey__stop--hi .journey__card{bottom:1.9rem}
.journey__stop--lo .journey__card{top:1.9rem}
.journey__stop:first-child .journey__card{transform:translateX(-18%)}
.journey__stop:last-child .journey__card{transform:translateX(-82%);text-align:right}
.journey__card .idx{font:500 .7rem/1 var(--mono);letter-spacing:.18em;color:var(--signal-hi)}
.journey__card h3{font:700 clamp(1.15rem,.9rem + .8vw,1.6rem)/1.05 var(--display);font-stretch:116%;text-transform:uppercase;margin:.35em 0 .3em}
.journey__card p{margin:0;font-size:.86rem;line-height:1.45;color:rgba(243,240,234,.76)}
.journey[data-live] .journey__stop:not([data-reached]) .journey__node{background:var(--ink);border-color:rgba(243,240,234,.3);box-shadow:none;transform:scale(.7)}
.journey[data-live] .journey__stop:not([data-reached]) .journey__card{opacity:0}
.journey[data-live] .journey__stop--hi:not([data-reached]) .journey__card{translate:0 18px}
.journey[data-live] .journey__stop--lo:not([data-reached]) .journey__card{translate:0 -18px}
.journey__stop[data-reached] .journey__node{animation:pulse .9s ease}
@keyframes pulse{0%{transform:scale(1.35);box-shadow:0 0 0 0 rgba(255,107,71,.6)}100%{transform:scale(1);box-shadow:0 0 0 16px rgba(255,107,71,0)}}
@media (max-width:900px){
  .journey__head{grid-template-columns:1fr}
  .journey__svg{display:none}
  .journey__canvas{height:auto;padding-left:30px}
  .journey__canvas::before,.journey__canvas::after{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:rgba(243,240,234,.16)}
  .journey__canvas::after{background:var(--signal-hi);transform-origin:top;transform:scaleY(var(--p,1))}
  .journey__stops{position:static;display:grid;gap:2rem}
  .journey__stop{position:relative!important;left:auto!important;top:auto!important;width:auto;height:auto}
  .journey__node{left:-30px;top:4px}
  .journey__card,.journey__stop:first-child .journey__card,.journey__stop:last-child .journey__card{position:static;transform:none;width:auto;text-align:left}
  .journey[data-live] .journey__stop:not([data-reached]) .journey__card{opacity:1;translate:none}
}

/* ---------- Pattern: expanding accordion gallery ---------- */
.accg{display:flex;gap:10px;height:clamp(440px,42vw,560px)}
.accg__panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:4px;background:var(--ink);color:var(--paper);cursor:pointer;transition:flex-grow .7s cubic-bezier(.16,1,.3,1);isolation:isolate}
.accg__panel.is-on{flex-grow:5}
.accg__panel picture,.accg__panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.accg__panel.is-on img{transform:scale(1.04)}
.accg__panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(4,21,42,.96) 10%,rgba(4,21,42,.45) 60%,rgba(4,21,42,.25))}
.accg__tab{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.accg__n{font:500 .8rem/1 var(--mono);color:var(--signal-hi)}
.accg__label{writing-mode:vertical-rl;transform:rotate(180deg);font:800 1.05rem/1 var(--display);font-stretch:118%;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity .3s}
.accg__panel.is-on .accg__label{opacity:0}
.accg__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,3vw,36px);opacity:0;translate:0 14px;transition:opacity .4s,translate .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.accg__panel.is-on .accg__body{opacity:1;translate:none;transition-delay:.25s;pointer-events:auto}
.accg__body h3{font-size:clamp(1.4rem,1rem + 1.6vw,2.3rem);font-weight:800;font-stretch:120%;text-transform:uppercase}
.accg__body p{margin:0 0 .6em;max-width:56ch;color:rgba(243,240,234,.86);font-size:.97rem}
.accg__body .kw{font:500 .76rem/1.6 var(--mono);color:var(--steel)}
.accg__body .kw b{color:var(--paper);font-weight:500}
.accg:not([data-live]){flex-direction:column;height:auto}
.accg:not([data-live]) .accg__panel{min-height:380px}
.accg:not([data-live]) .accg__body{opacity:1;translate:none}
.accg:not([data-live]) .accg__label{display:none}
@media (max-width:860px){
  .accg{flex-direction:column;height:auto}
  .accg__panel{flex:none;height:76px;transition:height .6s cubic-bezier(.16,1,.3,1)}
  .accg__panel.is-on{height:440px}
  .accg__tab{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;bottom:auto;height:76px}
  .accg__label{writing-mode:horizontal-tb;transform:none}
  .accg__panel.is-on .accg__label{opacity:1}
  .accg:not([data-live]) .accg__panel{height:auto;min-height:420px}
}

/* ---------- Pattern: cut-out act words ---------- */
.acts{position:relative;background:var(--ink);color:var(--paper)}
.acts__stage{position:relative}
.acts[data-live] .acts__stage{height:330vh}
.acts__sticky{position:relative}
.acts[data-live] .acts__sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.acts__label{text-align:center;font:500 .74rem/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--steel);padding-top:calc(var(--head-h) + 28px)}
.act{display:grid;place-items:center;padding:6vh var(--gut)}
.acts[data-live] .act{position:absolute;inset:0;opacity:calc(clamp(0,var(--t,1) * 12,1) * clamp(0,(1 - var(--t,0)) * 12,1));padding-left:clamp(2rem,14vw,16rem)}
.act__wash{display:none}
.acts[data-live] .act__wash{display:block;position:absolute;inset:-8%;background-size:cover;background-position:center;filter:blur(34px) saturate(1.2) brightness(.42);transform:scale(calc(1.1 + var(--t,0) * .12));z-index:0}
.act__num{display:none}
.acts[data-live] .act__num{display:block;position:absolute;right:5vw;top:50%;font:800 clamp(8rem,24vw,24rem)/1 var(--display);font-stretch:125%;color:transparent;-webkit-text-stroke:3px rgba(255,107,71,.6);transform:translateY(calc(-50% + (.5 - var(--t,.5)) * 120vh));z-index:1;pointer-events:none}
.act__phrase{position:relative;z-index:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:.2em .5em;justify-content:center;text-align:center}
.act__word{font:900 clamp(2.6rem,10vw,11rem)/.9 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.03em;color:var(--paper);overflow:hidden;padding:.06em .08em .22em;margin:-.06em -.08em -.22em;max-width:100%}
.acts[data-live] .act__word{color:transparent;background-size:cover;background-position:calc(50% - var(--t,0) * 18%) 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(243,240,234,.3);filter:brightness(1.18) contrast(1.06);--in:clamp(0,var(--t,1) / .25,1);--out:clamp(0,(var(--t,0) - .75) / .25,1);opacity:calc(var(--in) * (1 - var(--out)));transform:translateY(calc((1 - var(--in)) * 60% - var(--out) * 60%))}
.act__suffix{font:italic 400 clamp(1.4rem,1rem + 2.4vw,3.2rem)/1.1 var(--body);color:rgba(243,240,234,.86)}
.act--accent .act__suffix{color:var(--signal-hi)}
.acts[data-live] .act__suffix{opacity:calc(clamp(0,(var(--t,1) - .18) * 10,1) * clamp(0,(.78 - var(--t,0)) * 10,1))}
.acts[data-live] .act:last-child .act__suffix{opacity:clamp(0,(var(--t,1) - .18) * 10,1)}
.acts[data-live] .act:last-child .act__word{opacity:var(--in)}
.acts__rail{display:none}
.acts[data-live] .acts__rail{display:flex;flex-direction:column;gap:14px;position:absolute;left:var(--gut);top:50%;transform:translateY(-50%);z-index:3;list-style:none;margin:0;padding:0 0 0 16px;border-left:3px solid rgba(243,240,234,.16);font:500 .72rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.acts__rail li{color:rgba(243,240,234,.5);transition:color .4s,transform .4s}
.acts__rail li.is-on{color:var(--paper);transform:translateX(6px)}
.acts__rail li span{color:var(--signal-hi);margin-right:8px}
.acts__notes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px);padding-block:clamp(40px,6vw,80px)}
.acts__notes div{border-top:2px solid var(--signal);padding-top:16px}
.acts__notes p{margin:0;color:rgba(243,240,234,.82);font-size:.97rem}
.acts__notes h3{font-size:1.1rem;text-transform:uppercase;font-stretch:114%}
@media (max-width:700px){
  .acts[data-live] .act{padding-left:var(--gut)}
  .acts[data-live] .acts__rail{flex-direction:row;top:auto;bottom:calc(110px + env(safe-area-inset-bottom));transform:none;left:var(--gut);right:var(--gut);border-left:0;padding:0;justify-content:center;flex-wrap:wrap}
  .acts[data-live] .act__num{top:18vh;transform:none}
  .act__phrase{flex-direction:column;align-items:center}
  .acts__notes{grid-template-columns:1fr}
}

/* ---------- Guide layout ---------- */
.guide{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,5vw,80px);padding-block:clamp(56px,8vw,110px)}
.toc{position:sticky;top:calc(var(--head-h) + 24px);align-self:start;font-size:.88rem}
.toc__h{font:500 .7rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--slate);margin:0 0 12px}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--paper-line)}
.toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--slate);text-decoration:none;line-height:1.35;transition:color .2s,border-color .2s}
.toc a:hover{color:var(--ink)}
.toc a.is-on{color:var(--ink);border-left-color:var(--signal);font-weight:600}
.toc__bar{height:2px;background:var(--paper-line);margin-top:16px;overflow:hidden}
.toc__bar i{display:block;height:100%;background:var(--signal);transform-origin:left;transform:scaleX(var(--p,0))}
.prose{max-width:none;min-width:0}
.prose > *{max-width:780px}
.prose > .wide{max-width:none}
.prose h2{font-size:clamp(1.7rem,1rem + 2.2vw,2.7rem);margin-top:1.6em;padding-top:.2em}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.5em}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.2em}
.prose li{margin-bottom:.45em}
.prose li::marker{color:var(--signal-deep)}
.prose code{font-family:var(--mono);font-size:.88em;background:rgba(4,21,42,.06);padding:.1em .35em;border-radius:3px}
.prose pre{font:400 .84rem/1.6 var(--mono);background:var(--ink);color:#D9E2EE;padding:20px 22px;border-radius:4px;overflow-x:auto;max-width:100%}
.prose pre code{background:none;padding:0;color:inherit}
.intro-p{font-size:1.18rem;line-height:1.6;color:var(--ink)}
/* callouts */
.note{position:relative;margin:2em 0;padding:22px 24px 22px 26px;background:#fff;border-left:3px solid var(--signal);box-shadow:0 18px 40px -32px rgba(4,21,42,.6)}
.note__k{display:block;font:500 .7rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--signal-deep);margin-bottom:10px}
.note p:last-child{margin-bottom:0}
.note--ink{background:var(--ink);color:var(--paper);border-left-color:var(--signal-hi)}
.note--ink .note__k{color:var(--signal-hi)}
.note--ink a{color:var(--signal-hi)}
.note--warn{border-left-color:#B07A00;background:#FFF9EC}
.note--warn .note__k{color:#8A5F00}
/* tables */
.tbl{width:100%;border-collapse:collapse;margin:1.6em 0 2em;font-size:.95rem}
.tbl caption{text-align:left;font:500 .72rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--slate);padding-bottom:10px}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--paper-line);vertical-align:top}
.tbl thead th{background:var(--ink);color:var(--paper);font:600 .76rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.tbl tbody th{font-weight:600;color:var(--ink)}
.tbl tbody tr:nth-child(even){background:rgba(4,21,42,.03)}
.tbl-scroll{overflow-x:auto;max-width:100%}
.good{color:#1D6B3A;font-weight:600}.mid{color:#8A5F00;font-weight:600}.bad{color:var(--signal-deep);font-weight:600}
/* decision matrix */
.matrix{display:grid;gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);margin:1.8em 0}
.matrix > div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:16px 20px;background:#FAF8F4}
.matrix b{font:500 .74rem/1.5 var(--mono);letter-spacing:.06em;color:var(--slate);display:block;text-transform:uppercase}
.matrix span{display:block}
@media (max-width:640px){.matrix > div{grid-template-columns:1fr;gap:6px}}
/* tool panels */
.tool{margin:2.2em 0;background:var(--ink);color:var(--paper);border-radius:6px;overflow:hidden}
.tool__head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--ink-line);font:500 .72rem/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--steel)}
.tool__head b{color:var(--signal-hi);font-weight:500}
.tool__body{padding:22px}
.tool label{display:block;font:500 .74rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:6px}
.tool input[type=text],.tool input[type=number],.tool input[type=url],.tool textarea,.tool select{width:100%;padding:12px 14px;background:var(--ink-2);border:1px solid var(--ink-line);border-radius:3px;color:var(--paper);font:400 1rem/1.4 var(--body)}
.tool textarea{min-height:76px;resize:vertical}
.tool input:focus,.tool textarea:focus,.tool select:focus{outline:2px solid var(--signal-hi);outline-offset:1px}
.tool__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.tool__out{margin-top:20px;padding-top:18px;border-top:1px solid var(--ink-line)}
.tool .count{font:500 .74rem/1 var(--mono);color:var(--steel);float:right;text-transform:none;letter-spacing:.04em}
.tool .count.is-over{color:var(--signal-hi)}
@media (max-width:760px){.tool__grid{grid-template-columns:1fr}}
.serp{background:#fff;color:#202124;border-radius:6px;padding:18px 20px;font-family:Arial,Helvetica,sans-serif;max-width:640px}
.serp__site{display:flex;align-items:center;gap:10px;font-size:14px;color:#202124}
.serp__fav{width:26px;height:26px;border-radius:50%;background:#F1F3F4;display:grid;place-items:center}
.serp__fav img{width:16px;height:16px}
.serp__url{font-size:12px;color:#4D5156}
.serp__title{font-size:20px;line-height:1.3;color:#1A0DAB;margin:6px 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:600px}
.serp__desc{font-size:14px;line-height:1.58;color:#4D5156;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.verdicts{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:.93rem}
.verdicts li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start}
.verdicts li::before{content:"";width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--steel)}
.verdicts li.ok::before{background:#3BB273}.verdicts li.warn::before{background:#E0A526}.verdicts li.bad::before{background:var(--signal-hi)}
.meter{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.meter__cell{padding:16px;border:1px solid var(--ink-line);border-radius:4px}
.meter__cell b{display:block;font:800 1.9rem/1 var(--display);font-stretch:118%;margin:8px 0 6px}
.meter__cell.ok b{color:#5BD08F}.meter__cell.warn b{color:#F2BE4A}.meter__cell.bad b{color:var(--signal-hi)}
.meter__cell small{font:500 .7rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
@media (max-width:640px){.meter{grid-template-columns:1fr}}
.chk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.chk li{border-bottom:1px solid var(--ink-line)}
.chk label{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:13px 0;margin:0;font:400 .97rem/1.45 var(--body);letter-spacing:0;text-transform:none;color:var(--paper);cursor:pointer}
.chk input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--signal)}
@media (max-width:760px){.chk{grid-template-columns:1fr}}
.score{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.score__ring{--v:0;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--signal-hi) calc(var(--v) * 1%),rgba(243,240,234,.12) 0);display:grid;place-items:center;flex:none;transition:--v .6s}
.score__ring span{width:78px;height:78px;border-radius:50%;background:var(--ink);display:grid;place-items:center;font:800 1.5rem/1 var(--display)}
.score__txt{flex:1;min-width:220px}
.score__txt p{margin:0 0 6px}
.score__txt a{color:var(--signal-hi)}
pre.jsonout{background:#020C18;margin:0;max-height:420px;overflow:auto;color:#D9E2EE;font:400 .82rem/1.6 var(--mono);padding:18px;border-radius:4px;white-space:pre}

/* related + CTA band */
.related{border-top:1px solid var(--paper-line)}
.related__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--paper-line)}
.related__list li{border-right:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line)}
.related__list a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;color:var(--ink);text-decoration:none;transition:background-color .3s}
.related__list a:hover{background:#fff}
.related__list .n{font:500 .72rem/1 var(--mono);letter-spacing:.16em;color:var(--signal-deep)}
.related__list strong{font:800 1.25rem/1.1 var(--display);font-stretch:116%;text-transform:uppercase}
.related__list span{color:var(--slate);font-size:.93rem}
@media (max-width:860px){.related__list{grid-template-columns:1fr}}
.band{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);isolation:isolate}
.band__photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.band__layer{position:absolute;inset:0}
.band__layer picture,.band__layer img{width:100%;height:100%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,21,42,.95) 30%,rgba(4,21,42,.6))}
.band__in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding-block:clamp(72px,9vw,130px)}
.band h2{margin:0;font-size:clamp(2.2rem,1rem + 4vw,5rem);line-height:.92}
.band h2 em{font-style:normal;color:var(--signal-hi)}
.band__side p{color:rgba(243,240,234,.85)}
.band__line{height:1px;background:var(--signal-hi);margin:0 0 22px;transform-origin:left;transform:scaleX(var(--p,1))}
@media (max-width:860px){.band__in{grid-template-columns:1fr}}

/* FAQ */
.faq{border-top:1px solid var(--ink)}
.faq__item{border-bottom:1px solid var(--paper-line)}
.faq__item summary{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:12px;align-items:center;padding:20px 0;cursor:pointer;list-style:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__n{font:500 .8rem/1 var(--mono);color:var(--signal-deep)}
.faq__q{font:700 clamp(1.05rem,.95rem + .5vw,1.3rem)/1.25 var(--display);font-stretch:108%}
.faq__ic{width:22px;height:22px;position:relative}
.faq__ic::before,.faq__ic::after{content:"";position:absolute;left:3px;right:3px;top:10px;height:2px;background:var(--ink);transition:transform .3s}
.faq__ic::after{transform:rotate(90deg)}
.faq__item[open] .faq__ic::after{transform:rotate(0)}
.faq__a{padding:0 0 22px 60px;max-width:820px}
.faq__a p{margin:0}
@media (max-width:640px){.faq__a{padding-left:0}}
.faq-sec{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(28px,5vw,80px)}
.faq-sec__head{position:sticky;top:calc(var(--head-h) + 24px);align-self:start}
@media (max-width:860px){.faq-sec{grid-template-columns:1fr}.faq-sec__head{position:static}}

/* Forms */
.form{display:grid;gap:18px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field label,.field legend{display:block;font:500 .74rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.field .opt{color:var(--slate);text-transform:none;letter-spacing:0;font-family:var(--body)}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;background:#fff;border:1px solid rgba(4,21,42,.28);border-radius:3px;font:400 1rem/1.4 var(--body);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(204,64,30,.25)}
.field [aria-invalid="true"]{border-color:var(--signal-deep)}
.field__error{display:block;color:var(--signal-deep);font-size:.88rem;margin-top:6px}
fieldset.field{border:0;padding:0;margin:0}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opts label{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid rgba(4,21,42,.18);border-radius:3px;background:#fff;font:400 .95rem/1.35 var(--body);text-transform:none;letter-spacing:0;margin:0;cursor:pointer}
.opts input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--signal);flex:none}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.93rem}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--signal);flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{padding:16px 18px;border-left:3px solid;background:#fff;margin-bottom:8px}
.form-status--ok{border-color:#1D6B3A}.form-status--err{border-color:var(--signal-deep)}
.form__foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.form__foot small{color:var(--slate);max-width:46ch}
@media (max-width:640px){.form__row,.opts{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(28px,5vw,80px);align-items:start}
.contact-aside{position:sticky;top:calc(var(--head-h) + 24px)}
.contact-card{background:#fff;padding:clamp(22px,3vw,40px);border-top:3px solid var(--signal);box-shadow:0 30px 60px -40px rgba(4,21,42,.6)}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-aside{position:static}}

/* Footer */
.foot{position:relative;background:#020C18;color:rgba(243,240,234,.78);padding-top:clamp(56px,7vw,96px)}
.foot__rule{position:absolute;top:0;left:0;right:0;height:2px;background:var(--signal);transform-origin:left;transform:scaleX(var(--p,1))}
.foot__in{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(24px,4vw,56px)}
.foot__brand img{height:20px;width:auto;margin-bottom:20px}
.foot__brand p{font-size:.94rem;max-width:40ch}
.foot__coords{font:500 .72rem/1 var(--mono);letter-spacing:.16em;color:var(--steel)}
.foot__h{font:500 .72rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--paper);margin:0 0 16px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:8px}
.foot a{color:rgba(243,240,234,.78);text-decoration:none}
.foot a:hover{color:var(--signal-hi);text-decoration:underline}
.foot .btn{color:#fff;text-decoration:none}
.foot__base{width:min(100% - 2*var(--gut),var(--wrap));margin:clamp(40px,5vw,64px) auto 0;padding:22px 0;border-top:1px solid var(--ink-line);display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;font-size:.84rem}
.foot__note{margin:0;max-width:52ch}
.foot__legal{display:flex;gap:18px;flex-wrap:wrap}
.foot__legal li{margin:0}
.foot__copy{margin:0}
.foot .mk-toggle{color:var(--paper)}
@media (max-width:900px){.foot__in{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}}
@media (max-width:560px){.foot__in{grid-template-columns:1fr}}

/* Legal pages */
.legal{max-width:820px;padding-block:clamp(48px,7vw,96px)}
.legal h2{font-size:clamp(1.4rem,1rem + 1.4vw,2rem);margin-top:1.6em}

/* Motion hooks */
.mk-on .hero__copy .kicker{animation:mk-fade 1s ease .1s backwards}
.prog-shift{translate:0 calc((.5 - var(--p,.5)) * 40px)}
.prog-spin{rotate:calc(var(--p,0) * 90deg)}
@media (prefers-reduced-motion:reduce){.draw__wire::after,.stack__chev{animation:none}}

/* Kit consistency: hidden split words only while motion is on */
html:not(.mk-on) .mk-wi{translate:none!important}

/* Guide: reading ruler on the right edge of the article */
.guide{position:relative}
.ruler{position:absolute;top:clamp(56px,8vw,110px);right:0;width:14px;height:calc(100% - 2 * clamp(56px,8vw,110px));color:rgba(4,21,42,.3);overflow:visible}
.ruler__fill{fill:var(--signal);transform-origin:top;transform:scaleY(var(--p,0))}
.prose{padding-right:40px}
@media (max-width:900px){
  .guide{grid-template-columns:minmax(0,1fr);gap:0}
  .toc{display:none}
  .ruler{display:none}
  .prose{padding-right:0}
}
.acts h2.visually-hidden{white-space:normal}
.faq-sec__head h2{font-size:clamp(1.8rem,1rem + 2vw,3rem)}

/* GEO-first rework (2026-11) */
.stage h1 .h1-big.h1-big--geo{font-size:clamp(1.9rem,.6rem + 4.6vw,5.4rem);line-height:.98;font-stretch:118%}
.stage h1 .h1-sub.h1-sub--geo{font-size:clamp(1.5rem,.8rem + 2.6vw,3.2rem);font-weight:800;font-stretch:120%;text-transform:uppercase;letter-spacing:.01em}
.prompt-list{margin:0 0 18px;padding-left:1.4em;display:grid;gap:6px;font-size:.97rem}
.prompt-list li::marker{color:var(--signal-hi);font-family:var(--mono)}
.tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--paper-line);border:1px solid var(--paper-line)}
.tracks > div{background:#FAF8F4;padding:clamp(20px,3vw,34px)}
.tracks .n{font:500 .72rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--signal-deep)}
.tracks h3{margin:.5em 0 .4em}
.tracks ul{margin:.6em 0 0;padding-left:1.1em}
.tracks li{margin:.25em 0}
@media (max-width:760px){.tracks{grid-template-columns:1fr}}