/* Self-hosted fonts (latin subset; matches the former Google Fonts request 1:1). */
@font-face{font-family:'42dot Sans';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/42dot-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Tinos';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/tinos-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Tinos';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/tinos-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --navy:#1E1A3D; --navy-2:#26214B; --navy-3:#2A2550;
  --on-navy:#F4F5FA; --on-navy-muted:#ADA8CC; --on-navy-mono:#9FB9C2;
  --turq:#008EA7; --turq-bright:#1FA8C0; --turq-deep:#067A8E; --turq-deep2:#00718A;
  --turq-action:#067A8E;
  --turq-soft:#E3F3F6; --frost:#ECFBFD;
  --mint:#69E8BB;
  --good:#0E9A6E; --warn:#B8841F; --danger:#D14D67;
  --bg:#FFFFFF; --bg-elevated:#F7F8FA; --bg-input:#F1F3F5;
  --border:#E4E7EC; --border-strong:#D0D5DD;
  --fg:#16181D; --fg-muted:#5A626E; --fg-subtle:#68717D;
  --ink:#232038;
  --font-serif:'Tinos', Georgia, 'Times New Roman', serif;
  --font-sans:'42dot Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --expo:cubic-bezier(.16,1,.3,1);
  --container:1180px;
  --pad-x:clamp(1.4rem, 5vw, 3rem);
  /* 112px floor, 176px ceiling; reaches the 128px design target at ~1164px. */
  --sec-pad:clamp(7rem, 11vw, 11rem);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth;} }
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:var(--font-sans); font-size:16px; line-height:1.6;
  font-weight:400; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{font-family:var(--font-serif);font-weight:400;margin:0;color:var(--ink);}
p{margin:0;}
em{font-style:italic!important;}
/* Decorative meter/bar elements use <i>; keep those geometric, not typographic. */
i{font-style:normal;}
::selection{background:var(--turq-bright);color:#fff;}

/* ---------- type primitives ---------- */
.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;}
.eyebrow{
  font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;
  font-size:.72rem;font-weight:500;color:var(--turq-deep);margin:0 0 1.15rem;
}
.eyebrow.on-dark{color:var(--mint);}
h1{
  font-size:clamp(2.5rem, 2.5vw + 1.5rem, 4rem);
  line-height:1.06;letter-spacing:-.02em;
}
h2{
  font-size:clamp(2.1rem, 2.9vw + 1rem, 3.35rem);
  line-height:1.08;letter-spacing:-.012em;
}
h3{font-size:clamp(1.25rem, .9vw + .95rem, 1.6rem);line-height:1.2;letter-spacing:-.008em;}
.accent{font-style:italic;color:var(--turq);}
.accent-mint{font-style:italic;color:var(--mint);}
.lede{
  font-size:clamp(1.08rem, .7vw + .92rem, 1.32rem);
  line-height:1.55;color:var(--fg-muted);margin-top:1.3rem;max-width:44ch;
}
.lede.wide{max-width:56ch;}
.caption{
  font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;
  font-size:.66rem;color:var(--fg-muted);
}

/* ---------- layout ---------- */
.container{max-width:var(--container);margin:0 auto;padding-inline:var(--pad-x);}
.section{padding-block:var(--sec-pad);position:relative;}
.sec-head{max-width:640px;}
.sec-head.center{margin-inline:auto;text-align:center;}
.sec-head.center .lede{margin-inline:auto;}
.label-rule{display:flex;align-items:center;gap:1.2rem;margin-bottom:2.4rem;}
.label-rule .eyebrow{margin:0;white-space:nowrap;}
.label-rule .rule{height:1px;background:var(--border);flex:1;}
.label-rule.on-dark .rule{background:rgba(255,255,255,.14);}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.62em;
  font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;
  font-size:.72rem;font-weight:500;line-height:1;
  padding:1.02em 1.55em;border-radius:7px;cursor:pointer;border:1px solid transparent;
  transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.btn .arrow{transition:transform .2s var(--expo);display:inline-block;}
.btn:hover .arrow{transform:translateX(4px);}
.btn-primary{background:var(--turq-action);color:#fff;}
.btn-primary:hover{background:var(--turq-deep2);box-shadow:0 10px 26px rgba(6,122,142,.24);}
.btn-white{background:#fff;color:var(--navy);}
.btn-white:hover{box-shadow:0 12px 34px rgba(0,0,0,.28);transform:translateY(-1px);}
.btn-ghost{border-color:rgba(255,255,255,.34);color:var(--on-navy);background:transparent;}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.07);}
.btn-ghost-dark{border-color:var(--border-strong);color:var(--turq-deep);background:transparent;}
.btn-ghost-dark:hover{border-color:var(--turq);background:var(--turq-soft);}
.btn:focus-visible{outline:2px solid var(--turq-bright);outline-offset:3px;}
a:focus-visible{outline:2px solid var(--turq-bright);outline-offset:3px;border-radius:3px;}

/* ---------- reveal / motion ---------- */
.reveal{opacity:1;transform:none;}
.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .78s var(--expo), transform .78s var(--expo);will-change:opacity,transform;}
/* Clear will-change once revealed: a persistent composited layer makes Chrome paint SVG gradient url() refs invisible (e.g. the hero growth chart). */
.motion-ready .reveal.in{will-change:auto;}
/* Skip-to-content link: visually hidden until keyboard-focused (a11y). */
.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--navy);color:#fff;padding:.7rem 1.1rem;font:600 .85rem/1 var(--font-sans);border-radius:0 0 6px 0;text-decoration:none;}
.skip-link:focus{left:0;}
.motion-ready .reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){
  .motion-ready .reveal{opacity:1 !important;transform:none !important;transition:none !important;}
  .nav-toggle,.nav-toggle-icon::before,.nav-toggle-icon::after,.nav-toggle-icon span,
  .nav-menu,.nav-menu-inner,.nm-viz,.has-menu > a::after{transition:none!important;}
}

/* ================= HEADER ================= */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:200;
  background:transparent;border:0;box-shadow:none;
  transition:background .35s ease, box-shadow .35s ease, border-color .35s ease;}
/* The primary CTA now lives inside the nav capsule; retire the duplicate utility strip. */
.util{display:none;}
.util-txt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.24em;
  font-size:.63rem;color:#EAFBFE;font-weight:500;}
.nav{width:min(calc(100% - clamp(2.8rem,7vw,7rem)),1400px);
  margin:clamp(.75rem,1.6vw,1.15rem) auto 0;
  padding:.48rem .52rem .48rem clamp(.9rem,2vw,1.3rem);
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:7px;
  box-shadow:none;backdrop-filter:none;
  transition:padding .35s ease,background-color .38s ease,box-shadow .35s ease,border-color .35s ease,backdrop-filter .35s ease;}
.wordmark{display:block;width:108px;height:24px;flex-shrink:0;
  background:url(straata-lockup.svg) left center/contain no-repeat;
  text-indent:-9999px;overflow:hidden;white-space:nowrap;}
.nav-links{display:flex;gap:clamp(1.1rem,2vw,1.8rem);list-style:none;margin:0;padding:0;}
.nav-links > li > a{font-family:var(--font-sans);text-transform:none;letter-spacing:.01em;
  font-size:.79rem;font-weight:500;color:rgba(244,245,250,.86);opacity:1;
  padding:.35rem 0;border-bottom:1px solid transparent;
  transition:color .3s ease,opacity .2s ease,border-color .3s ease,background-color .35s ease,box-shadow .35s ease;}
.nav-links > li > a:hover{color:#fff;opacity:1;border-color:currentColor;}
.btn-nav{display:inline-flex;align-items:center;gap:.72rem;flex-shrink:0;
  font-size:.7rem;line-height:1;padding:.28rem .28rem .28rem 1rem;
  border:1px solid rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.06);border-radius:4px;
  font-family:var(--font-sans);text-transform:none;letter-spacing:.01em;font-weight:600;
  transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;}
.btn-nav::after{content:"\2192";display:grid;place-items:center;width:1.85rem;height:1.85rem;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.24);border-radius:3px;background:rgba(255,255,255,.1);color:#fff;font-size:.88rem;line-height:1;
  transition:transform .22s var(--expo),background .22s ease;}
.btn-nav:hover{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38);
  box-shadow:0 8px 18px -13px rgba(6,122,142,.52);}
.btn-nav:hover::after{background:rgba(255,255,255,.18);transform:translateX(2px);}

.nav-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.28);
  border-radius:5px;background:transparent;color:#fff;cursor:pointer;
  align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease;}
.nav-toggle:hover{background:var(--bg-elevated);border-color:var(--fg-subtle);}
.nav-toggle:focus-visible{outline:2px solid var(--turq-bright);outline-offset:3px;}
.nav-toggle-icon{position:relative;width:18px;height:14px;display:block;}
.nav-toggle-icon::before,.nav-toggle-icon::after,.nav-toggle-icon span{content:"";position:absolute;left:0;width:18px;height:1.5px;
  border-radius:2px;background:currentColor;transition:transform .25s var(--expo),opacity .2s ease,top .25s var(--expo);}
.nav-toggle-icon::before{top:0;}
.nav-toggle-icon span{top:6px;}
.nav-toggle-icon::after{top:12px;}
.site-header.nav-open .nav-toggle-icon::before{top:6px;transform:rotate(45deg);}
.site-header.nav-open .nav-toggle-icon span{opacity:0;}
.site-header.nav-open .nav-toggle-icon::after{top:6px;transform:rotate(-45deg);}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.mobile-nav-cta{display:none;}
body.nav-lock{overflow:hidden;}

.site-header.scrolled,
body.light-header .site-header,
.site-header.nav-open{background:transparent;border:0;box-shadow:none;}
body.light-header .site-header .nav{background:transparent;border-color:rgba(30,26,61,.16);box-shadow:none;backdrop-filter:none;}
.site-header.scrolled .nav,
body.light-header .site-header.scrolled .nav,
.site-header.nav-open .nav,
body.light-header .site-header.nav-open .nav{background:rgba(255,255,255,.97);border-color:rgba(30,26,61,.14);
  box-shadow:0 16px 40px -22px rgba(21,18,46,.38),0 3px 10px rgba(21,18,46,.09);
  backdrop-filter:saturate(150%) blur(14px);}
.site-header.scrolled .wordmark,
body.light-header .site-header .wordmark,
.site-header.nav-open .wordmark{background-image:url(straata-lockup-ink.svg);}
.site-header.scrolled .nav-links > li > a,
body.light-header .site-header .nav-links > li > a,
.site-header.nav-open .nav-links > li > a{color:var(--fg-muted);}
.site-header.scrolled .nav-links > li > a:hover,
body.light-header .site-header .nav-links > li > a:hover,
.site-header.nav-open .nav-links > li > a:hover{color:var(--fg);}
.site-header.scrolled .btn-nav,
body.light-header .site-header .btn-nav,
.site-header.nav-open .btn-nav{color:var(--ink);background:var(--turq-soft);border-color:#CDE9EE;}
.site-header.scrolled .btn-nav::after,
body.light-header .site-header .btn-nav::after,
.site-header.nav-open .btn-nav::after{color:#fff;background:var(--ink);border-color:var(--ink);}
.site-header.scrolled .btn-nav:hover,
body.light-header .site-header .btn-nav:hover,
.site-header.nav-open .btn-nav:hover{color:var(--ink);background:var(--frost);border-color:#B8DEE5;}
.site-header.scrolled .btn-nav:hover::after,
body.light-header .site-header .btn-nav:hover::after,
.site-header.nav-open .btn-nav:hover::after{background:var(--turq-deep2);border-color:var(--turq-deep2);}
.site-header.scrolled .nav-toggle,
body.light-header .site-header .nav-toggle,
.site-header.nav-open .nav-toggle{color:var(--ink);border-color:var(--border-strong);background:#fff;}
.site-header.scrolled .nav-toggle:hover,
body.light-header .site-header .nav-toggle:hover,
.site-header.nav-open .nav-toggle:hover{background:var(--bg-elevated);border-color:var(--fg-subtle);}

/* ---- nav dropdown menus (Services + Channels) ---- */
.has-menu{position:relative;}
.has-menu > a{cursor:pointer;display:inline-flex;align-items:center;}
.has-menu > a::after{content:"";width:5px;height:5px;margin-left:.55em;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-1px);opacity:.65;transition:transform .25s var(--expo), opacity .2s ease;}
.has-menu.menu-open > a::after{transform:rotate(225deg) translateY(2px);opacity:1;}
.nav-menu{position:absolute;top:100%;left:50%;min-width:328px;padding-top:16px;
  transform:translateX(-50%) translateY(9px);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .38s var(--expo),visibility 0s linear .38s;
  z-index:60;}
.has-menu.menu-open .nav-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);transition-delay:0s;}
.nav-menu-inner{background:#fff;border:1px solid var(--border);border-radius:13px;
  box-shadow:0 26px 64px -28px rgba(20,24,29,.32), 0 4px 14px rgba(20,24,29,.06);
  padding:.55rem;display:flex;flex-direction:column;gap:1px;}
.nm-item{display:flex;flex-direction:column;gap:.18rem;padding:.72rem .9rem;border-radius:9px;
  transition:background .15s ease;}
.nm-viz,.nm-action{display:none;}
.nm-item:hover{background:var(--bg-elevated);}
.nm-title{font-family:var(--font-serif);font-weight:400;font-size:1.02rem;color:var(--ink);letter-spacing:-.01em;
  text-transform:none;display:flex;align-items:center;gap:.6em;}
.nm-desc{font-family:var(--font-sans);font-size:.8rem;color:var(--fg-muted);line-height:1.42;
  text-transform:none;letter-spacing:0;font-weight:400;}
.nm-link-stack{display:flex;flex-direction:column;gap:1px;margin-top:.35rem;padding-top:.35rem;
  border-top:1px solid var(--border);}
.nm-stack-link{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:1rem;
  padding:.68rem .9rem;border-radius:9px;color:var(--ink);font-family:var(--font-serif);font-size:1rem;
  font-weight:400;line-height:1.18;letter-spacing:-.01em;text-transform:none;transition:background .18s ease,color .18s ease;}
.nm-stack-link > span:last-child{flex:0 0 auto;color:var(--turq-deep);font-family:var(--font-sans);
  transition:transform .2s var(--expo);}
.nm-stack-link:hover{background:var(--frost);color:var(--turq-deep);}
.nm-stack-link:hover > span:last-child{transform:translateX(3px);}
/* Catalog card: the services that do not have their own page, listed as text.
   Deliberately not links. One anchor at the foot goes to the catalog page. */
.nm-catalog{display:flex;flex-direction:column;padding:clamp(1.25rem,1.7vw,1.8rem);
  background:var(--bg-elevated);border-left:1px solid var(--border);}
.nm-catalog-label{font-family:var(--font-mono);font-size:.58rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);}
.nm-catalog-list{margin:.9rem 0 0;padding:0;list-style:none;}
.nm-catalog-list li{padding:.3rem 0;font-size:.84rem;line-height:1.4;color:var(--fg);}
.nm-catalog-link{margin-top:auto;padding-top:1rem;align-self:flex-start;
  font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--turq-deep);text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .2s ease;}
.nm-catalog-link:hover{border-bottom-color:var(--turq-deep);}
.nm-catalog-link span{display:inline-block;transition:transform .2s ease;}
.nm-catalog-link:hover span{transform:translateX(3px);}
.nm-service-list{display:grid;margin:.45rem 0 0;padding:0;border-top:1px solid var(--border);list-style:none;
  font-family:var(--font-sans);font-size:.72rem;font-weight:500;line-height:1.25;color:var(--fg-muted);}
.nm-service-list li{position:relative;min-height:28px;display:flex;align-items:center;padding:.28rem 0 .28rem .75rem;
  border-bottom:1px solid var(--border);}
.nm-service-list li::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;
  background:var(--turq-bright);transform:translateY(-50%);}
.nm-item.feature{background:var(--frost);border:1px solid #CDE9EE;margin-bottom:.35rem;}
.nm-item.feature:hover{background:#E1F5F8;}
.nm-item.feature .nm-title{color:var(--turq-deep);}
.nm-item.overview{border-top:1px solid var(--border);border-radius:0 0 9px 9px;margin-top:.35rem;padding-top:.85rem;}
.nm-item.overview .nm-title{font-size:.96rem;color:var(--fg-muted);font-weight:400;}
.nm-item.overview:hover .nm-title{color:var(--turq-deep);}

/* The desktop header is one ruled instrument. Its disclosures span the same box. */
@media (min-width:901px){
  .nav{position:relative;width:100%;min-height:64px;margin:0;padding:0;gap:0;
    border-color:rgba(255,255,255,.2);border-right:0;border-left:0;border-radius:0;box-shadow:none;}
  .wordmark{align-self:stretch;width:clamp(9.5rem,15vw,12.5rem);height:auto;
    background-position:left 1.25rem center;background-size:108px auto;border-right:1px solid rgba(255,255,255,.18);
    transition:border-color .35s ease;}
  .nav-links{align-self:stretch;flex:1;justify-content:flex-end;gap:0;margin-left:0;}
  .nav-links > li{display:flex;align-items:stretch;border-left:1px solid rgba(255,255,255,.18);
    transition:border-color .35s ease;}
  .nav-links > li.mobile-nav-cta{display:none;}
  .nav-links > li:first-child{border-left:0;}
  .nav-links > li > a{display:flex;align-items:center;padding:0 clamp(.8rem,1.3vw,1.2rem);
    border:0;opacity:1;white-space:nowrap;}
  .nav-links > li > a:hover,
  .site-header .nav-links > li > a.active,
  .has-menu.menu-open > a{background:rgba(255,255,255,.07);color:#fff;}
  .has-menu.menu-open > a{box-shadow:inset 0 -2px var(--mint);}
  .btn-nav{align-self:stretch;padding:0 1rem 0 1.2rem;border:0;border-left:1px solid rgba(255,255,255,.2);
    border-radius:0;background:transparent;color:#fff;transition:background .35s ease,color .35s ease,border-color .35s ease;}
  .btn-nav::after{width:1.9rem;height:1.9rem;border-radius:3px;}
  .site-header.scrolled .wordmark,
  body.light-header .site-header .wordmark,
  .site-header.nav-open .wordmark{border-right-color:var(--border);}
  .site-header.scrolled .nav-links > li,
  body.light-header .site-header .nav-links > li,
  .site-header.nav-open .nav-links > li{border-left-color:var(--border);}
  .site-header.scrolled .nav-links > li > a:hover,
  .site-header.scrolled .nav-links > li > a.active,
  .site-header.scrolled .has-menu.menu-open > a,
  body.light-header .site-header .nav-links > li > a:hover,
  body.light-header .site-header .nav-links > li > a.active,
  body.light-header .site-header .has-menu.menu-open > a,
  .site-header.nav-open .nav-links > li > a:hover,
  .site-header.nav-open .nav-links > li > a.active,
  .site-header.nav-open .has-menu.menu-open > a{background:var(--bg-elevated);color:var(--ink);
    box-shadow:inset 0 -2px var(--turq-deep);}
  .nav:has(.menu-open){border-radius:0;}

  .has-menu{position:static;}
  /* The tray animates its own clipped height. That height follows the content
     (grid 0fr -> 1fr) rather than a hard pixel value, so a tray can never crop
     its own cards, actions, or catalogue rows the way a fixed height did. */
  .nav-menu{top:calc(100% - 1px);left:0;right:0;width:auto;min-width:0;padding:0;
    display:grid;grid-template-rows:0fr;overflow:hidden;transform:none;z-index:60;
    transition:grid-template-rows .38s var(--expo),opacity .2s ease,visibility 0s linear .38s;}
  /* the base (mobile) open rule centres the panel with translateX(-50%); the
     desktop tray is full-bleed, so it must clear that transform explicitly or
     the whole panel sits half a viewport to the left. */
  .has-menu.menu-open .nav-menu{grid-template-rows:1fr;transform:none;}
  .nav-menu-inner{display:grid;grid-auto-rows:1fr;min-height:0;gap:0;padding:0;overflow:hidden;
    background:#fff;border:1px solid var(--border-strong);border-right:0;border-left:0;border-radius:0;
    box-shadow:0 22px 48px -32px rgba(20,24,29,.28);}
  /* Services runs four route cards, each with its own page, plus one catalog
     card: the remaining services listed as plain text, one link to the page. */
  #nav-menu-services .nav-menu-inner{grid-template-columns:clamp(9.5rem,15vw,12.5rem) minmax(0,1.72fr) repeat(3,minmax(0,1fr)) minmax(0,.92fr);}
  #nav-menu-channels .nav-menu-inner{grid-template-columns:clamp(9.5rem,15vw,12.5rem) repeat(4,minmax(0,1fr));}
  #nav-menu-about .nav-menu-inner{grid-template-columns:clamp(9.5rem,15vw,12.5rem) minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.15fr);}
  .nav-menu-inner::before{display:flex;align-items:flex-end;padding:clamp(1.25rem,1.7vw,1.8rem);
    border-right:1px solid var(--border);background:var(--bg-elevated);
    font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.16em;
    line-height:1.4;text-transform:uppercase;color:var(--fg-muted);}
  #nav-menu-services .nav-menu-inner::before{content:"Service Lines";}
  #nav-menu-channels .nav-menu-inner::before{content:"Channel Lanes";}
  #nav-menu-about .nav-menu-inner::before{content:"The Company";}
  .nav-links .nav-menu .nm-item{position:relative;min-width:0;min-height:224px;padding:1.35rem 1.4rem 1.1rem;
    border:0;border-radius:0;justify-content:flex-start;gap:0;overflow:hidden;opacity:1;white-space:normal;
    transition:background .2s ease,color .2s ease;}
  .nav-links .nav-menu .nm-item + .nm-item{border-left:1px solid var(--border);}
  .nav-links .nav-menu .nm-link-stack{min-width:0;min-height:224px;margin:0;padding:0;border-top:0;
    border-left:1px solid var(--border);background:#fff;}
  .nav-links .nav-menu .nm-stack-link{flex:1;min-height:0;padding:0 1.4rem;border-radius:0;
    border-top:1px solid var(--border);font-size:clamp(.88rem,1.05vw,1.05rem);white-space:normal;}
  .nav-links .nav-menu .nm-stack-link:first-child{border-top:0;}
  /* Compact catalogue rail: a card means the route has its own page, a line item
     means it is a catalogue entry on services.html. The rail drops the serif
     titling and the per-row arrow so it stops reading as a stack of pages. */
  .nm-viz{display:block;width:100%;max-width:180px;height:66px;margin:0 0 .9rem;padding:0;
    border:0;background:transparent;color:var(--ink);flex:0 0 auto;
    transition:transform .24s var(--expo),color .2s ease;}
  .nm-viz svg{display:block;width:100%;height:100%;overflow:visible;}
  .nm-viz svg *{vector-effect:non-scaling-stroke;}
  .nm-viz .nm-svg-guide{stroke:currentColor;opacity:.2;}
  .nm-viz .nm-svg-line{stroke:currentColor;opacity:.72;}
  .nm-viz .nm-svg-accent{stroke:var(--turq-deep);opacity:1;}
  .nm-viz .nm-svg-node{fill:#fff;stroke:currentColor;opacity:.9;}
  .nm-viz .nm-svg-fill{fill:var(--turq-soft);stroke:var(--turq-deep);opacity:1;}
  .nm-viz .nm-svg-dash{stroke-dasharray:3.5 4;}
  /* Services read as cropped working blueprints; Channels retain the compact route diagrams. */
  #nav-menu-services .nm-viz{width:calc(100% + 2.8rem);max-width:none;height:88px;
    margin:-.55rem -1.4rem .28rem;overflow:hidden;color:var(--fg-subtle);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 26%,rgba(0,0,0,.78) 44%,rgba(0,0,0,.32) 64%,transparent 92%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 26%,rgba(0,0,0,.78) 44%,rgba(0,0,0,.32) 64%,transparent 92%);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
  #nav-menu-services .nm-viz svg{width:112%;height:112%;transform:translate(-2%,-3%);transform-origin:top left;}
  #nav-menu-services .nm-svg-guide{opacity:.1;stroke-width:.9;}
  #nav-menu-services .nm-svg-line{opacity:.36;stroke-width:1;}
  #nav-menu-services .nm-svg-accent{stroke:var(--turq-bright);opacity:.92;stroke-width:1.25;}
  #nav-menu-services .nm-svg-node{fill:transparent;opacity:.55;}
  #nav-menu-services .nm-svg-fill{fill:var(--turq-soft);stroke:var(--turq-bright);opacity:.72;}
  #nav-menu-services .nm-item:hover .nm-viz{color:var(--fg-muted);}
  #nav-menu-services .nm-item.overview .nm-viz{opacity:.76;}
  .nm-title{display:block;margin:0;font-size:1.08rem;line-height:1.16;letter-spacing:-.01em;}
  .nm-desc{max-width:29ch;margin-top:.48rem;line-height:1.48;}
  .nm-action{display:inline-flex;width:100%;align-items:center;justify-content:space-between;gap:.45rem;
    margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border);
    font-family:var(--font-mono);font-size:.54rem;font-weight:600;letter-spacing:.12em;
    text-transform:uppercase;color:var(--turq-deep);}
  .nm-action span{transition:transform .2s var(--expo);}
  .nm-item:hover .nm-viz{transform:translateY(-2px);color:var(--turq-deep);}
  .nm-item:hover .nm-action span{transform:translateX(3px);}
  .nm-item:hover{background:var(--frost);}
  .nav-links .nav-menu .nm-item.feature{margin:0;padding:1.55rem 1.65rem 1.2rem;border:0;
    background:var(--frost);box-shadow:inset 0 3px var(--turq-action);}
  .nm-item.feature:hover{background:#E7F7F9;}
  .nm-item.feature .nm-viz{position:absolute;top:1.35rem;right:1.5rem;width:48%;max-width:260px;height:92px;margin:0;}
  .nm-item.feature .nm-title{max-width:46%;margin-top:.15rem;font-family:var(--font-serif);font-weight:400;
    font-size:clamp(1.55rem,1.7vw,1.95rem);line-height:1.04;color:var(--ink);}
  .nm-item.feature .nm-desc{max-width:46%;margin-top:.7rem;font-size:.86rem;line-height:1.5;}
  .nm-item.feature .nm-action{border-top-color:#CDE9EE;}
  .nm-item.feature + .nm-item{border-left:1px solid var(--border);}
  .nav-links .nav-menu .nm-item.overview{margin:0;border-top:0;border-radius:0;background:var(--bg-elevated);}
  .nm-item.overview .nm-title{font-size:1.08rem;color:var(--ink);font-weight:400;}
  #nav-menu-services .nm-item.feature{padding:1.35rem 1.4rem 1.1rem;}
  #nav-menu-services .nm-item.feature .nm-viz{position:relative;top:auto;right:auto;
    width:calc(100% + 2.8rem);max-width:none;height:88px;margin:-.55rem -1.4rem .28rem;}
  #nav-menu-services .nm-item.feature .nm-title{max-width:none;margin:0;font-size:1.35rem;line-height:1.08;}
  #nav-menu-services .nm-item.feature .nm-desc{max-width:50ch;margin-top:.48rem;font-size:.82rem;line-height:1.48;}
}

@media (min-width:901px) and (max-width:1100px){
  #nav-menu-services .nav-menu-inner{grid-template-columns:7.5rem minmax(0,1.45fr) repeat(3,minmax(0,1fr)) minmax(0,.9fr);}
  #nav-menu-channels .nav-menu-inner{grid-template-columns:8.5rem repeat(4,minmax(0,1fr));}
  .nav-menu-inner::before{padding:1rem;font-size:.52rem;}
  .nav-links .nav-menu .nm-item{min-height:200px;padding:1rem .9rem .85rem;}
  .nav-links .nav-menu .nm-link-stack{min-height:200px;}
  .nav-links .nav-menu .nm-stack-link{padding:0 .9rem;font-size:.88rem;}
  .nm-viz{width:100%;max-width:150px;height:54px;margin-bottom:.55rem;}
  #nav-menu-services .nm-viz{width:calc(100% + 1.8rem);height:70px;margin:-.4rem -.9rem .15rem;}
  .nav-links .nav-menu .nm-item.feature{padding:1.05rem 1rem .9rem;}
  .nm-item.feature .nm-viz{top:.9rem;right:.85rem;width:47%;height:68px;}
  #nav-menu-services .nm-item.feature .nm-viz{position:relative;top:auto;right:auto;
    width:calc(100% + 1.8rem);height:70px;margin:-.4rem -.9rem .15rem;}
  .nm-title,.nm-item.overview .nm-title{font-size:.95rem;}
  .nm-item.feature .nm-title{max-width:48%;font-size:1.3rem;}
  .nm-desc,.nm-item.feature .nm-desc{font-size:.72rem;line-height:1.4;}
  .nm-item.feature .nm-desc{max-width:48%;margin-top:.45rem;}
  #nav-menu-services .nm-item.feature{padding:1rem .9rem .85rem;}
  #nav-menu-services .nm-item.feature .nm-title{max-width:none;font-size:1.12rem;}
  #nav-menu-services .nm-item.feature .nm-desc{max-width:none;margin-top:.35rem;font-size:.72rem;}
  .nm-action{padding-top:.55rem;font-size:.49rem;}
}

@media (min-width:901px){
  #nav-menu-services .nm-item.overview{padding:1rem 1.15rem .8rem;}
  #nav-menu-services .nm-item.overview .nm-viz{width:calc(100% + 2.3rem);height:40px;
    margin:-.35rem -1.15rem .1rem;opacity:.66;}
  #nav-menu-services .nm-item.overview .nm-title{font-size:1rem;}
  #nav-menu-services .nm-item.overview .nm-service-list{margin-top:.35rem;font-size:.66rem;}
  #nav-menu-services .nm-item.overview .nm-service-list li{min-height:25px;padding-block:.2rem;}
  #nav-menu-services .nm-item.overview .nm-action{display:none;}
}

@media (min-width:901px){
  .service-page .nav{min-height:50px;}
  .service-page .wordmark{background-size:100px auto;}
  .service-page .nav-links > li > a{font-size:.72rem;}
  .service-page .btn-nav{font-size:.64rem;}
  .service-page .btn-nav::after{width:1.65rem;height:1.65rem;}
}

/* ================= HERO ================= */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;
  padding-top:clamp(9rem,16vh,12rem);padding-bottom:clamp(9rem,18vh,13rem);color:var(--on-navy);}
.hero-bg{position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(56% 58% at 99% -6%, rgba(105,232,187,.52), transparent 56%),
    linear-gradient(160deg, #241F49 0%, #1E1A3D 42%, #15122E 100%);
  background-size:150% 150%, 200% 200%;
  animation:drift 24s ease-in-out infinite alternate;}
.hero-bg::after{content:"";position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath d='M18 14v8M14 18h8' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");
  background-size:36px 36px;}
.hero-bg::before{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 80% at 50% 120%, rgba(20,17,45,.55), transparent 60%);}
@keyframes drift{
  0%{background-position:0% 0%, 100% 100%, 0% 50%;}
  100%{background-position:28% 22%, 72% 78%, 100% 50%;}
}
@media (prefers-reduced-motion: reduce){ .hero-bg{animation:none;} }
.hero-inner{position:relative;z-index:1;max-width:820px;}
.hero .eyebrow{color:var(--mint);opacity:.95;}
.hero h1{color:#fff;max-width:16ch;}
.hero h1 .accent{color:var(--mint);font-style:italic;
  text-shadow:0 0 44px rgba(105,232,187,.4);}
.hero-lede{font-size:clamp(1.12rem,.7vw + .98rem,1.4rem);line-height:1.55;color:#E7E9F4;
  margin-top:1.8rem;max-width:56ch;}
.hero-support{font-size:.98rem;line-height:1.62;color:var(--on-navy-muted);margin-top:1.5rem;max-width:60ch;}
.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.6rem;}
.hero .btn-white .arrow,.hero .btn-ghost .arrow{margin-left:.1em;}
.logo-wall{position:absolute;left:0;bottom:clamp(2rem,5vh,3.2rem);width:100%;z-index:1;}
.logo-wall .container{display:flex;flex-direction:column;gap:1.15rem;}
.logo-wall-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.24em;
  font-size:.63rem;color:var(--on-navy-mono);}
.logos{display:flex;flex-wrap:wrap;gap:clamp(1.4rem,4vw,3.2rem);align-items:center;}
.logos span{font-family:var(--font-sans);font-weight:600;font-size:1.02rem;letter-spacing:.02em;
  color:#fff;opacity:.5;transition:opacity .25s ease;filter:grayscale(1);}
.logos span:hover{opacity:.85;}

/* ================= SERVICE HERO SYSTEM =================
   Compact editorial copy above a low, clipped operating instrument. */
.service-hero{display:grid;grid-template-rows:clamp(300px,42svh,426px) minmax(280px,1fr);
  height:clamp(580px,90svh,940px);min-height:0;align-items:stretch;padding:0;}
.service-hero .hero-bg{background:
  radial-gradient(48% 42% at 94% -8%,rgba(31,168,192,.13),transparent 70%),
  linear-gradient(180deg,#221E47 0%,var(--navy) 58%,#17142F 100%);
  background-size:145% 145%,100% 100%;}
.service-hero .hero-bg::before{background:linear-gradient(180deg,rgba(8,7,20,.04),rgba(8,7,20,.2));}
.service-hero .hero-bg::after{background-image:
  linear-gradient(90deg,rgba(244,245,250,.055) 1px,transparent 1px),
  linear-gradient(180deg,rgba(244,245,250,.045) 1px,transparent 1px);
  background-size:clamp(132px,12.5vw,180px) 100%,100% 34px;}
.service-hero-shell{position:relative;z-index:1;align-self:stretch;display:flex;width:100%;align-items:flex-end;
  border-inline:1px solid rgba(244,245,250,.11);padding-top:clamp(4.25rem,9vh,6rem);padding-bottom:clamp(1.25rem,3vh,2rem);}
.service-hero-copy{width:min(100%,680px);max-width:680px;
  margin-left:max(0px,calc(24vw - max(var(--pad-x),calc(50vw - var(--container)/2 + var(--pad-x)))));}
.service-hero .eyebrow{margin-bottom:.65rem;font-size:.6rem;letter-spacing:.22em;}
.service-hero h1,
.service-hero--services h1,
.service-hero--audit h1,
.service-hero--migration h1,
.service-hero--gm h1{max-width:680px;font-size:clamp(2.3rem,2.85vw,2.9rem);line-height:1.01;letter-spacing:-.022em;}
.service-hero .hero-lede{max-width:66ch;margin-top:.8rem;font-size:clamp(.88rem,.2vw + .84rem,.98rem);line-height:1.47;}
.service-hero .hero-cta{margin-top:1.1rem;gap:.55rem;}
.service-hero .btn{min-height:34px;padding:.76em 1.05em;border-radius:2px;font-size:.58rem;}
.service-hero-stage{position:relative;z-index:2;align-self:stretch;overflow:hidden;
  border-top:1px solid rgba(244,245,250,.14);}
.service-hero-stage::before{content:"";position:absolute;inset:0 max(var(--pad-x),calc(50% - var(--container)/2));
  border-inline:1px solid rgba(244,245,250,.12);background-image:
  linear-gradient(90deg,rgba(244,245,250,.10) 1px,transparent 1px),
  linear-gradient(180deg,rgba(244,245,250,.075) 1px,transparent 1px);
  background-size:calc(100% / 6) 100%,100% 34px;}
.service-hero-stage-frame{position:absolute;top:clamp(34px,6svh,64px);left:50%;width:min(860px,53.5vw);transform:translateX(-51.5%);}
.service-instrument{overflow:hidden;background:var(--bg-elevated);color:var(--fg);
  border:1px solid rgba(208,213,221,.9);border-radius:3px;
  box-shadow:0 28px 68px -28px rgba(4,4,15,.72),0 8px 20px rgba(4,4,15,.2);}
.service-instrument-bar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.68rem .9rem;border-bottom:1px solid var(--border);background:#fff;}
.service-instrument-name{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-sans);
  font-size:.72rem;font-weight:500;color:var(--ink);}
.service-instrument-name::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--turq-bright);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);}
.service-instrument-state{font-family:var(--font-mono);font-size:.52rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--turq-deep);background:var(--turq-soft);border:1px solid #CDE9EE;
  border-radius:3px;padding:.38em .62em;}

/* Services: the five-stage operating arc becomes the product-like hero object. */
.service-arc-preview .arc-rail{margin:0;padding:2.2rem 1.75rem 2rem;background:#fff;}
.service-arc-preview .arc-rail::before{top:46px;background:linear-gradient(90deg,var(--turq),var(--border-strong) 24%,
  var(--border-strong) 76%,var(--turq));}
.service-arc-preview .arc-stop .adot{background:#fff;border-color:var(--turq);box-shadow:0 0 0 4px var(--turq-soft);}
.service-arc-preview .arc-stop.edge .adot{background:var(--turq);border-color:var(--turq);
  box-shadow:0 0 0 5px var(--turq-soft);}
.service-arc-preview .arc-stop .aname{color:var(--ink);opacity:1;}
.service-arc-preview .arc-stop.edge .aname{color:var(--turq-deep);}
.service-arc-preview .arc-stop .aidx{color:var(--fg-subtle);}
.service-arc-summary{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;
  padding:1rem 1.4rem;border-top:1px solid var(--border);background:var(--bg-elevated);}
.service-arc-summary span{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);}
.service-arc-summary strong{font-family:var(--font-serif);font-size:1.28rem;font-weight:400;color:var(--turq-deep);}

/* Audit: the report card is level, wide, and deliberately cropped by the stage. */
.service-report-preview{width:100%;margin-inline:auto;}
.service-report-preview .report{max-width:none;border-radius:3px;box-shadow:none;}
.service-report-preview .report-inner{padding:1.25rem 1.5rem 2rem;}
.service-report-preview .report-head{padding-bottom:.9rem;}
.service-report-preview .rc-rows{display:grid;grid-template-columns:1fr 1fr;}
.service-report-preview .rc-row{padding:.85rem 1rem;}
.service-report-preview .rc-row:nth-child(odd){border-right:1px solid var(--border);}
.service-report-preview .rc-cap-name{font-size:.82rem;}
.service-report-preview .rc-bar{max-width:150px;height:4px;margin-top:.4rem;}
.service-report-preview .grade{width:34px;height:34px;border-radius:7px;font-size:1.15rem;}
.service-report-preview .rc-money{padding-top:1.05rem;}
.service-report-preview .rc-money-fig{font-size:2.2rem;}

/* Managed Migration: shallow duplicate of the full burn-up below. */
.service-migration-preview.burnup{max-width:860px;margin-inline:auto;}
.service-migration-preview .panel-head{min-height:40px;padding:.72rem 1rem;}
.service-migration-preview .panel-body{padding:1.05rem 1.3rem 1.5rem;}
.service-migration-preview .bu-svgwrap{width:100%;max-width:620px;margin-inline:auto;}
.service-migration-preview .bu-scale{margin-bottom:-.35rem;}

/* Fractional GM: a compact version of the four-quadrant ownership register. */
.gm-hero-preview{background:#fff;}
.gm-preview-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;}
.gm-preview-cell{min-height:116px;padding:1.15rem 1.35rem;display:flex;flex-direction:column;gap:.3rem;}
.gm-preview-cell:nth-child(odd){border-right:1px solid var(--border);}
.gm-preview-cell:nth-child(-n+2){border-bottom:1px solid var(--border);}
.gm-preview-cell:nth-child(even){align-items:flex-end;text-align:right;}
.gm-preview-cell:nth-child(n+3){justify-content:flex-end;}
.gm-preview-k{font-family:var(--font-mono);font-size:.52rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--turq-deep);}
.gm-preview-cell strong{font-family:var(--font-serif);font-size:1.42rem;font-weight:400;color:var(--ink);}
.gm-preview-cell span:last-child{font-size:.72rem;line-height:1.35;color:var(--fg-muted);}
.gm-preview-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--frost);
  border:1px solid var(--turq);box-shadow:0 0 0 7px rgba(0,142,167,.05);
  font-family:var(--font-serif);font-size:1.25rem;line-height:.9;color:var(--ink);}

@media(min-width:761px){
  .service-arc-preview,
  .service-migration-preview,
  .gm-hero-preview{min-height:clamp(350px,42svh,450px);}
  .service-arc-preview,
  .service-migration-preview,
  .gm-hero-preview{display:flex;flex-direction:column;}
  .service-arc-preview .arc-rail{display:flex;flex:1;align-items:center;}
  .service-arc-preview .arc-rail::before{top:calc(50% - 20px);}
  .service-arc-preview .arc-track{width:100%;}
  .service-migration-preview .panel-body{display:flex;flex:1;flex-direction:column;justify-content:center;}
  .gm-preview-grid{flex:1;grid-template-rows:1fr 1fr;}
  .gm-preview-cell{min-height:0;}
}

/* Long supporting copy and proof marks remain intact, but move into a ruled bridge. */
.service-hero-bridge{position:relative;z-index:152;background:#fff;border-bottom:1px solid var(--border);}
.service-hero-bridge .container{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:clamp(2rem,6vw,5rem);align-items:center;
  padding-top:clamp(1.1rem,1.8vw,1.35rem);padding-bottom:clamp(2.3rem,4.5vw,3.6rem);}
.service-hero-bridge--solo .container{display:block;}
.service-hero-support{max-width:74ch;font-size:.92rem;line-height:1.65;color:var(--fg-muted);}
.service-proof-strip{padding-left:clamp(1.5rem,3vw,2.5rem);border-left:1px solid var(--border);}
.service-proof-strip .logo-wall-label{display:block;margin-bottom:.85rem;color:var(--fg-subtle);}
.service-proof-strip .logos{gap:.55rem 1.2rem;}
.service-proof-strip .logos span{color:var(--ink);font-size:.78rem;opacity:.5;}

@media(max-width:760px){
  .service-hero{grid-template-rows:auto clamp(220px,64vw,260px);height:auto;min-height:auto;}
  .service-hero-shell{border-inline:0;padding-top:6.75rem;padding-bottom:2.15rem;}
  .service-hero-copy{margin-left:0;}
  .service-hero h1{max-width:18ch;font-size:clamp(2.35rem,10vw,2.75rem);line-height:1.02;}
  .service-hero .hero-lede{font-size:1rem;}
  .service-hero-stage::before{inset:0 var(--pad-x);border-inline:0;background-size:100% 34px;}
  .service-hero-stage-frame{top:28px;width:calc(100% - 32px);}
  .service-instrument-bar{min-height:36px;padding:.55rem .7rem;}
  .service-arc-preview .arc-rail{padding:1.6rem .65rem 1.25rem;}
  .service-arc-preview .arc-track{flex-wrap:nowrap;gap:0;}
  .service-arc-preview .arc-stop{flex:1 1 0;align-items:center;text-align:center;}
  .service-arc-preview .arc-dotrow{width:100%;justify-content:center;}
  .service-arc-preview .arc-rail::before{display:block;top:36px;left:10%;right:10%;}
  .service-arc-preview .arc-stop .aname{font-size:.49rem;letter-spacing:.08em;}
  .service-arc-preview .arc-stop .aidx{font-size:.48rem;}
  .service-arc-preview .arc-stop .adot{width:8px;height:8px;}
  .service-arc-summary{padding:.72rem .8rem;}
  .service-arc-summary strong{font-size:1rem;}
  .service-report-preview .report-inner{padding:1rem;}
  .service-report-preview .rc-row{padding:.7rem .55rem;gap:.5rem;}
  .service-report-preview .rc-cap-name{font-size:.7rem;}
  .service-report-preview .grade{width:28px;height:28px;font-size:1rem;}
  .service-report-preview .rc-bar{max-width:90px;}
  .service-migration-preview .panel-body{padding:.8rem;}
  .gm-preview-cell{min-height:94px;padding:.85rem;}
  .gm-preview-cell span:last-child{display:none;}
  .gm-preview-hub{width:82px;height:82px;font-size:1rem;}
  .service-hero-bridge .container{grid-template-columns:1fr;gap:1.8rem;padding-block:1.25rem 2.3rem;}
  .service-proof-strip{padding:1.7rem 0 0;border-top:1px solid var(--border);border-left:0;}
}
@media(max-width:560px){
  .service-hero .hero-cta{display:grid;grid-template-columns:1fr;}
  .service-hero .btn{justify-content:center;width:100%;}
}

/* ================= PROBLEM (sticky split) ================= */
.problem{background:var(--bg);}
.split{display:grid;grid-template-columns:minmax(0,0.86fr) minmax(0,1.05fr);
  gap:clamp(2.5rem,6vw,6.5rem);align-items:start;}
.split > *{min-width:0;}
.sticky-col{position:sticky;top:118px;align-self:start;}
.problem .lede{margin-top:1.5rem;}
.cause-list{display:flex;flex-direction:column;gap:1.4rem;}
.cause{border:1px solid var(--border);border-radius:13px;background:#fff;padding:clamp(1.5rem,2.4vw,2.1rem);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.cause:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(20,24,29,.07);border-color:var(--border-strong);}
.cause-idx{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;color:var(--turq-deep);
  display:block;margin-bottom:.85rem;}
.cause h3{font-size:1.32rem;margin-bottom:.6rem;color:var(--ink);}
.cause p{color:var(--fg-muted);font-size:.98rem;line-height:1.6;}
.problem-close{max-width:760px;margin-top:clamp(3.5rem,6vw,5.5rem);
  font-size:clamp(1.15rem,1vw + 1rem,1.5rem);line-height:1.5;color:var(--ink);font-family:var(--font-serif);}
.problem-close em,.buckets-close em{font-style:italic;color:var(--turq-deep);}

/* ================= TWO-BUCKETS (big-number editorial) ================= */
.buckets{background:var(--bg-elevated);}
.buckets .sec-head{max-width:720px;}
.bkt-rows{margin-top:clamp(3rem,5vw,4.5rem);border-top:1px solid var(--border-strong);}
.bkt{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(1.8rem,5vw,5rem);
  padding-block:clamp(3rem,5.5vw,5rem);border-bottom:1px solid var(--border-strong);align-items:start;}
.bkt.flip{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);}
.bkt.flip .bkt-num{order:2;}
.bkt.flip .bkt-body{order:1;}
.bkt-num{display:flex;flex-direction:column;gap:.4rem;}
.bkt-num .num{font-family:var(--font-serif);font-size:clamp(3.4rem,5.2vw,5.2rem);line-height:.9;
  color:var(--turq);letter-spacing:-.03em;}
.bkt-num .num-cap{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;
  font-size:.66rem;color:var(--fg-subtle);}
.bkt-body .bkt-q{font-family:var(--font-serif);font-size:clamp(1.65rem, 1.5vw + 1.15rem, 2.3rem);line-height:1.16;
  letter-spacing:-.01em;color:var(--ink);margin-bottom:1.1rem;}
.bkt-body p{color:var(--fg-muted);font-size:1.02rem;line-height:1.62;max-width:58ch;}
.bkt-body .fig{color:var(--turq-deep);font-weight:600;}
.buckets-close{max-width:720px;margin-top:clamp(3rem,5vw,4.5rem);
  font-size:clamp(1.1rem,.9vw + 1rem,1.4rem);line-height:1.5;font-family:var(--font-serif);color:var(--ink);}

/* ================= HOW IT WORKS (pinned report card + steps) ================= */
.how{background:var(--bg);}
.how .split{grid-template-columns:minmax(0,.98fr) minmax(0,1fr);align-items:start;}
.report-wrap{position:sticky;top:112px;align-self:start;}

/* ---- REPORT CARD ---- */
.report{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;
  box-shadow:0 30px 80px -30px rgba(30,26,61,.28), 0 2px 8px rgba(20,24,29,.04);
  max-width:520px;}
.report-top{height:5px;background:linear-gradient(90deg,var(--turq-bright),var(--turq) 45%,var(--navy));}
.report-inner{padding:clamp(1.6rem,3vw,2.3rem);}
.report-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding-bottom:1.3rem;border-bottom:1px solid var(--border);}
.report-head .rc-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;
  font-size:.7rem;font-weight:600;color:var(--ink);}
.chip{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;
  font-weight:500;color:var(--turq-deep);background:var(--turq-soft);border:1px solid #CDE9EE;
  padding:.35em .7em;border-radius:5px;}
.rc-rows{display:flex;flex-direction:column;}
.rc-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;
  padding:1.15rem 0;border-bottom:1px solid var(--border);}
.rc-cap-name{font-family:var(--font-sans);font-weight:600;font-size:1.02rem;color:var(--ink);}
.rc-bar{margin-top:.6rem;height:5px;border-radius:4px;background:var(--bg-input);overflow:hidden;max-width:210px;}
.rc-bar > i{display:block;height:100%;width:var(--w);border-radius:4px;
  transition:width 1s var(--expo);transition-delay:calc(var(--pd) * 150ms + 380ms);}
.motion-ready .report .rc-bar > i{width:0;}
.motion-ready .report.in .rc-bar > i{width:var(--w);}
.grade{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-serif);font-size:1.7rem;color:#fff;font-weight:400;flex-shrink:0;
  box-shadow:0 6px 16px rgba(20,24,29,.14);}
.motion-ready .report .grade{opacity:0;transform:translateY(12px) scale(.86);
  transition:opacity .5s var(--expo), transform .55s var(--expo);
  transition-delay:calc(var(--pd) * 150ms + 220ms);}
.motion-ready .report.in .grade{opacity:1;transform:none;}
.grade.d{background:var(--danger);} .rc-bar.d>i{background:var(--danger);}
.grade.c{background:var(--warn);} .rc-bar.c>i{background:var(--warn);}
.grade.b{background:var(--good);} .rc-bar.b>i{background:var(--good);}
.rc-money{padding-top:1.5rem;}
.rc-money-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;
  font-size:.64rem;color:var(--turq-deep);margin-bottom:.5rem;}
.rc-money-fig{font-family:var(--font-serif);font-size:clamp(2.4rem,4vw,3.3rem);line-height:1;
  color:var(--ink);letter-spacing:-.02em;}
.rc-money-fig .to{font-size:.62em;color:var(--fg-subtle);font-style:normal;}
.rc-money-cap{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;
  font-size:.62rem;color:var(--fg-subtle);margin-top:.55rem;}
.rc-unlock{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--border);}
.rc-unlock .u-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;
  font-size:.64rem;color:var(--fg-muted);}
.rc-unlock .u-val{font-family:var(--font-serif);font-size:1.35rem;color:var(--turq-deep);}
.rc-foot{margin-top:1.3rem;font-size:.78rem;line-height:1.5;color:var(--fg-subtle);}

/* ---- steps ---- */
.steps{display:flex;flex-direction:column;gap:clamp(2.6rem,6vw,4.6rem);padding-top:1rem;}
.step{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;}
.step-num{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.15em;color:#fff;font-weight:600;
  width:44px;height:44px;border-radius:11px;background:var(--turq-action);display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px rgba(0,142,167,.22);}
.step h3{font-size:1.4rem;margin-bottom:.7rem;color:var(--ink);}
.step p{color:var(--fg-muted);font-size:1.0rem;line-height:1.62;}
.how-close{grid-column:1/-1;margin-top:clamp(3rem,5vw,4.2rem);max-width:760px;
  font-size:clamp(1.1rem,.9vw + 1rem,1.4rem);line-height:1.5;font-family:var(--font-serif);color:var(--ink);}

/* ================= PROOF / STAT BAND (light ruled instrument) ================= */
.track{position:relative;color:var(--fg);overflow:hidden;background:var(--bg-elevated);}
.track .container{position:relative;z-index:1;}
.track .sec-head{max-width:760px;}
.track h2{color:var(--ink);}
.track h2 .accent,.track h2 .accent-mint{color:var(--turq);font-style:italic;}
.track .lede{color:var(--fg-muted);}
.track .eyebrow,.track .eyebrow.on-dark{color:var(--turq-deep);}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(3rem,5vw,4.5rem);
  border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);}
.stat{padding:clamp(2.2rem,3.5vw,3rem) clamp(1.2rem,2.5vw,2.4rem);border-right:1px solid var(--border);}
.stat:last-child{border-right:none;}
.stat .fig{font-family:var(--font-serif);font-size:clamp(2.8rem,4.6vw,4rem);line-height:1;
  color:var(--turq);letter-spacing:-.02em;}
.stat .cap{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;
  font-size:.63rem;color:var(--fg-subtle);margin-top:.9rem;line-height:1.5;max-width:26ch;}
.track-body{margin-top:clamp(3rem,5vw,4rem);max-width:760px;color:var(--fg-muted);
  font-size:1.02rem;line-height:1.65;}
.track-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.5vw,1.8rem);
  margin-top:clamp(1.8rem,3vw,2.6rem);}
.tcard{background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:clamp(1.6rem,2.6vw,2.1rem);transition:transform .2s ease, box-shadow .2s ease;}
.tcard:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(20,24,29,.07);}
.tcard .tc-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;
  font-size:.64rem;color:var(--turq-deep);margin-bottom:.9rem;}
.tcard p{color:var(--fg);font-size:.98rem;line-height:1.6;}
.track-close{margin-top:clamp(2.4rem,4vw,3.4rem);max-width:720px;
  font-family:var(--font-serif);font-size:clamp(1.1rem,.9vw + 1rem,1.4rem);line-height:1.5;color:var(--ink);}

/* ================= CHECKLIST (frost, muted) ================= */
.checklist{background:var(--frost);}
.checklist .sec-head{max-width:600px;}
.checklist .lede{color:var(--fg-muted);max-width:52ch;}
.q-col{margin-top:clamp(3rem,5vw,4.2rem);max-width:660px;margin-left:clamp(0px,6vw,7rem);}
.q-item{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:baseline;
  padding:1.5rem 0;border-top:1px solid #CDE9EE;}
.q-item:last-child{border-bottom:1px solid #CDE9EE;}
.q-idx{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;color:var(--turq-deep);font-weight:500;}
.q-item p{font-size:clamp(1.05rem,.6vw + .95rem,1.22rem);line-height:1.5;color:var(--ink);font-weight:400;}

/* ================= CATALOG (vertical ladder) ================= */
.catalog{background:var(--bg);}
.catalog .sec-head{max-width:680px;}
.ladder{margin-top:clamp(3rem,5vw,4.5rem);max-width:1000px;}
.rung{display:grid;grid-template-columns:clamp(96px,12vw,150px) 26px 1fr;
  gap:clamp(1.2rem,3vw,2.4rem);position:relative;}
.rung-phase{text-align:right;padding-top:clamp(1.8rem,3vw,2.4rem);}
.rung-phase .ph-idx{font-family:var(--font-serif);display:block;font-size:calc(1.5rem + var(--rise)*.5rem);
  color:var(--fg-subtle);line-height:1;}
.rung-phase .ph-name{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;
  font-size:.68rem;font-weight:600;color:var(--turq-deep);margin-top:.5rem;display:block;}
.rung-rail{position:relative;}
.rung-rail::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;
  background:var(--border-strong);transform:translateX(-50%);}
.rung:first-child .rung-rail::before{top:clamp(2.1rem,3.3vw,2.7rem);}
.rung:last-child .rung-rail::before{bottom:auto;height:clamp(2.1rem,3.3vw,2.7rem);}
.node{position:absolute;left:50%;top:clamp(2.1rem,3.3vw,2.7rem);width:13px;height:13px;border-radius:50%;
  transform:translate(-50%,-50%);background:#fff;border:2px solid var(--node,var(--turq));z-index:1;
  box-shadow:0 0 0 4px rgba(0,142,167,.08);}
.rung-body{padding:clamp(1.8rem,3vw,2.4rem) 0;border-bottom:1px solid var(--border);}
.rung:last-child .rung-body{border-bottom:none;}
.rung-body .services{font-family:var(--font-serif);font-size:calc(1.35rem + var(--rise)*.42rem);
  line-height:1.18;color:var(--ink);letter-spacing:-.01em;margin-bottom:.7rem;}
.rung-body p{color:var(--fg-muted);font-size:1.0rem;line-height:1.6;max-width:56ch;}
.catalog-close{margin-top:clamp(3rem,5vw,4rem);max-width:720px;
  font-size:clamp(1.05rem,.7vw + .95rem,1.28rem);line-height:1.55;color:var(--fg-muted);}
.catalog-close b{color:var(--fg);font-weight:600;}

/* ================= HOW TO START (stepper) ================= */
.start{background:var(--bg-elevated);}
.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.4rem,3vw,2.4rem);
  margin-top:clamp(3rem,5vw,4.5rem);counter-reset:step;position:relative;}
.start-step{position:relative;padding-top:2.4rem;}
.start-step::before{content:"";position:absolute;top:22px;left:44px;right:calc(-1 * clamp(1.4rem,3vw,2.4rem));height:1px;
  background:var(--border-strong);}
.start-step:last-child::before{display:none;}
.ss-num{position:absolute;top:0;left:0;width:44px;height:44px;border-radius:12px;background:#fff;
  border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--turq-deep);letter-spacing:.05em;z-index:1;}
.start-step h3{font-size:1.22rem;margin:1.4rem 0 .6rem;color:var(--ink);}
.start-step p{color:var(--fg-muted);font-size:.94rem;line-height:1.58;}
.start-cta{margin-top:clamp(3rem,5vw,4rem);}

/* ================= FAQ ================= */
.faq{background:var(--bg);}
.faq-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);
  gap:clamp(3rem,7vw,7rem);align-items:stretch;}
.faq-side{display:flex;flex-direction:column;min-width:0;}
.faq .sec-head{max-width:400px;}
.faq-list{margin-top:clamp(2.8rem,4.5vw,4rem);max-width:840px;border-top:1px solid var(--border);}
.faq-layout .faq-list{width:100%;max-width:none;margin-top:0;align-self:start;}
details.faq-item{border-bottom:1px solid var(--border);}
details.faq-item > summary{list-style:none;cursor:pointer;padding:1.7rem 3rem 1.7rem 0;position:relative;
  display:flex;align-items:center;font-family:var(--font-serif);font-size:clamp(1.15rem,.8vw + 1rem,1.45rem);
  color:var(--ink);letter-spacing:-.005em;line-height:1.3;transition:color .2s ease;}
details.faq-item > summary::-webkit-details-marker{display:none;}
details.faq-item > summary:hover{color:var(--turq-deep);}
details.faq-item > summary::after{content:"";position:absolute;right:.2rem;top:50%;width:14px;height:14px;
  transform:translateY(-50%);transition:transform .3s var(--expo);
  background:
    linear-gradient(var(--turq-deep),var(--turq-deep)) center/14px 1.5px no-repeat,
    linear-gradient(var(--turq-deep),var(--turq-deep)) center/1.5px 14px no-repeat;}
details.faq-item[open] > summary::after{transform:translateY(-50%) rotate(135deg);}
.faq-answer{overflow:hidden;color:var(--fg-muted);font-size:1.02rem;line-height:1.65;
  padding:0 3rem 0 0;max-width:70ch;}
.faq-answer p{padding-bottom:1.8rem;}
details.faq-item[open] .faq-answer{animation:faqOpen .5s var(--expo);}
@keyframes faqOpen{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){details.faq-item[open] .faq-answer{animation:none;}}

.faq-contact{display:grid;grid-template-columns:82px minmax(0,1fr);gap:.9rem;width:min(100%,330px);
  margin-top:auto;padding:.45rem;background:var(--bg-elevated);border:1px solid var(--border-strong);
  border-radius:8px;box-shadow:0 18px 45px -34px rgba(30,26,61,.45);}
.faq-contact-mark{display:grid;place-items:center;min-height:112px;overflow:hidden;background:#fff;
  border:1px solid var(--border);border-radius:5px;}
.faq-contact-mark img{width:100%;height:100%;object-fit:cover;object-position:center;}
.faq-contact-body{display:flex;flex-direction:column;min-width:0;padding:.38rem .35rem .35rem 0;}
.faq-contact-k{font-family:var(--font-mono);font-size:.58rem;font-weight:500;line-height:1.35;
  letter-spacing:.13em;text-transform:uppercase;color:var(--turq-deep);}
.faq-contact-title{margin-top:.2rem;font-family:var(--font-serif);font-size:1.08rem;line-height:1.2;color:var(--ink);}
.faq-contact-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;
  padding:.64rem .75rem;background:#fff;border:1px solid var(--border-strong);border-radius:5px;
  font-family:var(--font-mono);font-size:.58rem;font-weight:500;line-height:1.2;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink);
  transition:border-color .2s ease,color .2s ease,background .2s ease;}
.faq-contact-link .arrow{display:inline-block;color:var(--turq-deep);transition:transform .2s var(--expo);}
.faq-contact-link:hover{border-color:var(--turq);background:var(--frost);color:var(--turq-deep);}
.faq-contact-link:hover .arrow{transform:translateX(3px);}
@media(max-width:900px){
  .faq-layout{grid-template-columns:1fr;gap:clamp(2.5rem,7vw,4rem);}
  .faq-side{display:block;}
  .faq-contact{margin-top:clamp(2rem,6vw,3rem);}
}
@media(max-width:560px){
  .faq-contact{grid-template-columns:72px minmax(0,1fr);width:100%;}
  .faq-contact-mark{min-height:106px;}
}

/* ================= FOOTER ================= */
.footer{position:relative;overflow:hidden;background:var(--navy-2);color:var(--on-navy);padding:0;}
.footer::before,.footer::after{display:none;}
.footer-shell{width:min(calc(100% - 2 * var(--pad-x)),var(--container));margin-inline:auto;
  border-inline:1px solid rgba(255,255,255,.18);}
.footer-hero{display:grid;grid-template-rows:auto 1fr;min-height:410px;padding:clamp(2rem,3vw,2.8rem);
  border-bottom:1px solid rgba(255,255,255,.18);}
.footer-brand{display:inline-flex;width:max-content;align-items:center;margin-bottom:clamp(1.6rem,3.5vw,3rem);}
.footer-brand img{display:block;width:122px;height:auto;}
.footer-pitch{align-self:end;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:clamp(2.5rem,7vw,7rem);align-items:end;}
.footer-pitch h2{max-width:12ch;color:#fff;font-size:clamp(2.55rem,3.8vw,4.2rem);line-height:.95;
  letter-spacing:-.025em;}
.footer-pitch h2 .accent-mint{color:var(--mint);}
.footer-pitch-side{max-width:420px;justify-self:end;}
.footer-sub{max-width:38ch;margin:0;color:rgba(244,245,250,.62);font-size:.95rem;line-height:1.55;}
.footer-actions{margin-top:1.45rem;}
.footer .btn-white{border-radius:0;padding:1.05rem 1.35rem;font-family:var(--font-sans);font-size:.78rem;
  text-transform:none;letter-spacing:0;}
.footer-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid rgba(255,255,255,.18);}
.footer-col{min-width:0;min-height:188px;padding:clamp(1.6rem,2.5vw,2.15rem);}
.footer-col:not(:last-child){border-right:1px solid rgba(255,255,255,.18);}
.footer-col h3{margin:0 0 1.15rem;color:rgba(255,255,255,.92);font-family:var(--font-sans);
  font-size:.76rem;font-weight:500;letter-spacing:0;}
.footer-col ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none;}
.footer-col a{display:flex;align-items:center;min-height:28px;color:rgba(244,245,250,.58);font-size:.71rem;line-height:1.45;
  transition:color .2s ease;}
.footer-col a:hover{color:var(--mint);}
.footer-legal{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);min-height:88px;}
.footer-legal > *{display:flex;align-items:center;margin:0;padding:1.45rem clamp(1.6rem,2.5vw,2.15rem);
  color:rgba(244,245,250,.52);font-size:.68rem;line-height:1.55;}
.footer-legal-meta{flex-direction:column;align-items:flex-end!important;justify-content:center;
  border-left:1px solid rgba(255,255,255,.18);text-align:right;}
.footer-legal a{transition:color .2s ease;}
.footer-legal a:hover{color:var(--mint);}
@media(max-width:900px){
  .footer-hero{min-height:360px;}
  .footer-pitch{grid-template-columns:1fr;gap:2rem;}
  .footer-pitch-side{justify-self:start;}
  .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-col{min-height:0;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18);}
  .footer-col:nth-child(odd){border-right:1px solid rgba(255,255,255,.18)!important;}
  .footer-col:last-child{grid-column:1/-1;border-bottom:0;}
  .footer-legal{grid-template-columns:1fr;}
  .footer-legal-meta{align-items:flex-start!important;border-top:1px solid rgba(255,255,255,.18);
    border-left:0;text-align:left;}
}
@media(max-width:560px){
  .footer-shell{width:100%;border-inline:0;}
  .footer-hero{min-height:0;padding:2rem 1.4rem 2.6rem;}
  .footer-brand{margin-bottom:5.5rem;}
  .footer-pitch h2{font-size:clamp(2.4rem,11vw,3.1rem);}
  .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-col{grid-column:auto;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18);
    padding:1.5rem 1.4rem;}
  .footer-col:nth-child(odd){border-right:1px solid rgba(255,255,255,.18)!important;}
  .footer-col:last-child{grid-column:1/-1;border-right:0!important;border-bottom:0;}
  .footer-col a{min-height:40px;}
  .footer-legal > *{padding:1.35rem 1.4rem;}
}

/* ================= RESPONSIVE ================= */
@media (max-width:1000px){
  .track-cards{grid-template-columns:1fr;}
  .stepper{grid-template-columns:1fr 1fr;gap:2.4rem 2rem;}
  .start-step::before{display:none;}
}
@media (max-width:900px){
  .site-header.nav-open .nav{transition:none;}
  .split,.how .split{grid-template-columns:minmax(0,1fr);gap:2.8rem;}
  .sticky-col,.report-wrap{position:static;}
  .report{max-width:520px;margin-inline:auto;}
  .how-close{margin-top:2.5rem;}
  .stat-row{grid-template-columns:1fr;}
  .stat{border-right:none;border-bottom:1px solid var(--border);}
  .stat:last-child{border-bottom:none;}
  .nav{position:relative;gap:.75rem;}
  .wordmark{margin-right:auto;}
  /* Fail open: without the external JS bootstrap, ordinary links remain visible. */
  html:not(.nav-ready) .site-header{position:relative;background:transparent;border:0;}
  html:not(.nav-ready) body.light-header .site-header{background:transparent;border:0;}
  html:not(.nav-ready) .nav{flex-wrap:wrap;border-radius:7px;margin-bottom:.75rem;}
  html:not(.nav-ready) .nav-links{order:3;display:flex;flex:1 0 100%;flex-wrap:wrap;
    gap:.3rem 1.25rem;padding-top:.35rem;}
  html:not(.nav-ready) .nav-links > li{width:auto;}
  html:not(.nav-ready) .nav-links a{display:inline-flex;padding:.35rem 0;color:var(--fg-muted);opacity:1;}
  html:not(.nav-ready) body.light-header .nav-links a{color:var(--fg-muted);}

  html.nav-ready .nav-toggle{display:inline-flex;flex:0 0 auto;}
  html.nav-ready .nav-links{position:absolute;top:calc(100% + .5rem);left:0;right:0;
    display:none;flex-direction:column;gap:0;max-height:calc(100vh - 7rem);max-height:calc(100dvh - 7rem);
    overflow-y:auto;overscroll-behavior:contain;margin:0;padding:.65rem;background:#fff;
    border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 64px -26px rgba(20,24,29,.34);}
  html.nav-ready .site-header.nav-open .nav-links{display:flex;}
  html.nav-ready .nav-links > li{width:100%;}
  html.nav-ready .nav-links,
  html.nav-ready .nav-links a,
  html.nav-ready .nav-links .nm-title{font-family:var(--font-sans);}
  html.nav-ready .nav-links > li > a{display:flex;width:100%;align-items:center;justify-content:space-between;
    padding:.85rem .8rem;border:0;border-radius:7px;color:var(--fg-muted);opacity:1;}
  html.nav-ready .nav-links > li > a:hover{background:var(--bg-elevated);color:var(--fg);}
  html.nav-ready .has-menu > a::after{margin-left:auto;}
  html.nav-ready .nav-menu{position:static;display:grid;grid-template-rows:0fr;min-width:0;width:100%;padding:0;
    transform:none;opacity:0;visibility:hidden;pointer-events:none;
    transition:grid-template-rows .32s var(--expo),opacity .18s ease,visibility 0s linear .32s;}
  html.nav-ready .has-menu.menu-open .nav-menu{grid-template-rows:1fr;transform:none;opacity:1;
    visibility:visible;pointer-events:auto;transition-delay:0s;}
  html.nav-ready .nav-menu-inner{min-height:0;overflow:hidden;margin:0 .35rem;background:var(--bg-elevated);
    box-shadow:none;opacity:0;transform:translateY(-6px);
    transition:opacity .18s ease,transform .32s var(--expo),margin .32s var(--expo);}
  html.nav-ready .has-menu:not(.menu-open) > .nav-menu > .nav-menu-inner{
    padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0;}
  html.nav-ready .has-menu.menu-open .nav-menu-inner{margin:.2rem .35rem .65rem;opacity:1;transform:none;}
  .mobile-nav-cta{display:none;}
}
@media (max-width:760px){
  :root{--sec-pad:clamp(4.5rem,15vw,7rem);}
  body.light-header main > .section:first-child{padding-top:max(var(--sec-pad),8.75rem);}
  .label-rule{gap:.8rem;align-items:flex-start;}
  .label-rule .eyebrow{white-space:normal;min-width:0;}
  .label-rule .rule{min-width:1.5rem;margin-top:.42rem;}
  .bkt,.bkt.flip{grid-template-columns:1fr;gap:1.2rem;}
  .bkt.flip .bkt-num{order:0;} .bkt.flip .bkt-body{order:0;}
  .bkt-num{flex-direction:row;align-items:baseline;gap:1rem;}
  .bkt-num .num{font-size:3.4rem;}
  .rung{grid-template-columns:1fr;}
  .rung-phase{text-align:left;padding-top:0;padding-bottom:.6rem;}
  .rung-phase .ph-idx{display:none;}
  .rung-rail{display:none;}
  .rung-body{padding-top:0;}
  .stepper{grid-template-columns:1fr;}
  .q-col{margin-left:0;}
  .footer-grid{flex-direction:column;align-items:flex-start;}
  .hero-cta .btn{flex:1 1 auto;justify-content:center;}
}
@media (max-width:560px){
  html.nav-ready .nav > .btn-nav{display:none;}
  html.nav-ready .mobile-nav-cta{display:block;margin-top:.35rem;padding-top:.65rem;border-top:1px solid var(--border);}
  html.nav-ready .site-header.nav-open .mobile-nav-cta .btn{display:flex;width:100%;justify-content:center;color:#fff;background:var(--turq-action);}
  html.nav-ready .site-header.nav-open .mobile-nav-cta .btn:hover{color:#fff;background:var(--turq-deep2);}
}
@media (max-width:420px){
  .hero-cta{flex-direction:column;}
  .logos{gap:1rem;}
}

/* ================= GENERIC REUSABLE HELPERS (added for multi-page fan-out) =================
   Use these to compose NON-home pages consistently. Home-specific classes above
   (.buckets/.how/.track/.catalog/.ladder/.stepper) are reusable too; these add
   the general-purpose primitives every other page needs. Always wrap section
   content in .container, use .section for padding, .eyebrow + .label-rule for
   section headers, and add class="reveal" to animate blocks in. */
.section.alt{background:var(--bg-elevated);}
.section.frost{background:var(--frost);}
/* Interior dark is explicit: use .night. The legacy .dark helper is retired. */
.section.night{position:relative;color:var(--on-navy);overflow:hidden;
  background:radial-gradient(120% 95% at 50% -5%, #2A2550 0%, #1E1A3D 68%);}
.section.night::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath d='M18 14v8M14 18h8' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E");background-size:36px 36px;}
.section.night .container{position:relative;z-index:1;}
.section.night h2,.section.night h3{color:#fff;}
.section.night .lede{color:var(--on-navy-muted);}
.section.night .eyebrow{color:var(--mint);}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,2.4vw,1.8rem);}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.4vw,1.8rem);}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem);}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}}

.card{border:1px solid var(--border);border-radius:13px;background:#fff;padding:clamp(1.5rem,2.4vw,2.1rem);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(20,24,29,.07);border-color:var(--border-strong);}
.card .k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.66rem;color:var(--turq-deep);display:block;margin-bottom:.85rem;}
.card h3{font-size:1.28rem;margin-bottom:.6rem;color:var(--ink);}
.card p{color:var(--fg-muted);font-size:.98rem;line-height:1.6;}
.card.frost{background:var(--frost);border-color:#CDE9EE;}
.card.navy{background:var(--navy-2);border-color:rgba(255,255,255,.09);}
.card.navy h3{color:#fff;} .card.navy p{color:#DEDCEC;} .card.navy .k{color:var(--mint);}

.prose{max-width:66ch;}
.prose p{color:var(--fg-muted);font-size:1.05rem;line-height:1.7;margin-bottom:1.1rem;}
.prose p:last-child{margin-bottom:0;}
.lead-serif{font-family:var(--font-serif);font-size:clamp(1.15rem,1vw + 1rem,1.5rem);line-height:1.5;color:var(--ink);}
.lead-serif em{font-style:italic;color:var(--turq-deep);}

.pill{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:.14em;font-size:.6rem;font-weight:500;padding:.4em .8em;border-radius:5px;
  color:var(--turq-deep);background:var(--turq-soft);border:1px solid #CDE9EE;}
.pill.good{color:var(--good);background:rgba(14,154,110,.1);border-color:rgba(14,154,110,.22);}
.pill.warn{color:var(--warn);background:rgba(184,132,31,.1);border-color:rgba(184,132,31,.22);}
.pill.danger{color:var(--danger);background:rgba(209,77,103,.1);border-color:rgba(209,77,103,.22);}

/* generic comparison / spec table */
.s-table{width:100%;border-collapse:collapse;margin-top:clamp(2rem,3.5vw,3rem);font-size:.98rem;}
.s-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;
  color:var(--turq-deep);text-align:left;padding:.9rem 1.1rem;border-bottom:1px solid var(--border-strong);}
.s-table td{padding:1rem 1.1rem;border-bottom:1px solid var(--border);color:var(--fg-muted);vertical-align:top;line-height:1.55;}
.s-table td:first-child{color:var(--ink);font-weight:500;}

/* inline CTA band (mid/near-page-end) */
.cta-band{background:var(--bg-elevated);text-align:center;}
.cta-band .sec-head{max-width:640px;margin-inline:auto;}
.cta-band .lede{margin-inline:auto;}
.cta-band .btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.4rem;}

/* ================= FIRST-VISIT INTRO =================
   The head bootstrap opts in once per tab session. Hidden by default so a
   storage/bootstrap failure can never trap the page behind an overlay. */
#site-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;
  padding:clamp(1.5rem,5vw,3.5rem);background:
    radial-gradient(85% 72% at 50% 43%,#2a2550 0%,#1e1a3d 68%,#17142f 100%);
  color:#fff;visibility:hidden;pointer-events:none;transform:translateY(0);
  transition:transform .76s cubic-bezier(.76,0,.24,1),visibility 0s linear .76s;}
#site-loader::before{content:"";position:absolute;inset:-1px;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 78% 70% at 50% 48%,#000 12%,transparent 78%);
  mask-image:radial-gradient(ellipse 78% 70% at 50% 48%,#000 12%,transparent 78%);}
html.intro-pending #site-loader{visibility:visible;pointer-events:auto;
  animation:slFailOpen .01s linear 3.4s forwards;}
html.intro-pending.intro-done #site-loader{visibility:hidden;pointer-events:none;transform:translateY(-102%);}
.sl-stage{position:relative;width:min(520px,calc(100vw - 3rem));}
.sl-topline{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.13);
  font-family:var(--font-mono);font-size:.55rem;line-height:1.2;letter-spacing:.19em;
  text-transform:uppercase;color:rgba(244,245,250,.56);}
.sl-lockup{display:block;width:104px;height:23px;flex:0 0 auto;background:url(straata-lockup.svg) left center/contain no-repeat;
  overflow:hidden;text-indent:-9999px;clip-path:inset(0 100% 0 0);
  animation:slLockup .48s var(--expo) .05s forwards;}
.sl-instrument{position:relative;display:grid;place-items:center;height:clamp(126px,20vh,166px);}
.sl-rail{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.13);}
.sl-rail > i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,var(--turq-bright),var(--mint));
  animation:slResolve .72s cubic-bezier(.76,0,.24,1) .13s forwards;}
.sl-rail::after{content:"";position:absolute;right:-1px;top:50%;width:7px;height:7px;border-radius:50%;
  background:var(--mint);box-shadow:0 0 0 6px rgba(105,232,187,.09);opacity:0;transform:translateY(-50%) scale(.5);
  animation:slProofDot .3s var(--expo) .68s forwards;}
.sl-mark{position:relative;z-index:1;display:block;width:47px;height:61px;background:
  linear-gradient(180deg,#fff 0%,var(--turq-bright) 56%,var(--mint) 100%);
  box-shadow:0 0 0 16px var(--navy);clip-path:inset(100% 0 0);opacity:.25;
  -webkit-mask:url(straata-mark-gradient.svg) center/contain no-repeat;
  mask:url(straata-mark-gradient.svg) center/contain no-repeat;
  animation:slMarkResolve .62s var(--expo) .17s forwards;}
.sl-proof{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:.85rem;
  border-top:1px solid rgba(255,255,255,.13);font-family:var(--font-mono);font-size:.56rem;line-height:1.2;
  letter-spacing:.18em;text-transform:uppercase;color:rgba(244,245,250,.58);opacity:0;transform:translateY(5px);
  animation:slMetaIn .38s var(--expo) .56s forwards;}
.sl-proof span:last-child{color:var(--mint);}
html.intro-done .sl-stage{opacity:0;transform:translateY(-12px);transition:opacity .16s ease,transform .28s var(--expo);}
@keyframes slLockup{to{clip-path:inset(0);}}
@keyframes slResolve{to{transform:scaleX(1);}}
@keyframes slMarkResolve{to{clip-path:inset(0);opacity:1;}}
@keyframes slProofDot{to{opacity:1;transform:translateY(-50%) scale(1);}}
@keyframes slMetaIn{to{opacity:1;transform:none;}}
@keyframes slFailOpen{to{visibility:hidden;pointer-events:none;}}

/* ================= PAGE CURTAIN =================
   One continuous sheet covers the outgoing document and clears the incoming
   one. It is explicit rather than API-dependent, so local previews and every
   supported browser get the same route motion. */
#page-transition{position:fixed;inset:0;z-index:950;overflow:hidden;background:
  radial-gradient(90% 80% at 50% 38%,#2a2550 0%,#1e1a3d 72%,#17142f 100%);
  border-bottom:1px solid rgba(105,232,187,.58);visibility:hidden;pointer-events:none;transform:translateY(101%);}
#page-transition::before{content:"";position:absolute;inset:-1px;opacity:.24;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;}
#page-transition::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent 0%,var(--turq-bright) 30%,var(--mint) 70%,transparent 100%);
  box-shadow:0 0 18px rgba(105,232,187,.22);}
html.route-leaving #page-transition{visibility:visible;pointer-events:auto;transform:translateY(0);
  transition:transform .4s cubic-bezier(.76,0,.24,1),visibility 0s;}
html.route-entering #page-transition{visibility:visible;pointer-events:auto;transform:translateY(0);
  animation:routeFailOpen .01s linear 1.6s forwards;}
html.route-entering.route-ready #page-transition{visibility:hidden;pointer-events:none;transform:translateY(-101%);
  transition:transform .52s cubic-bezier(.76,0,.24,1) .04s,visibility 0s linear .56s;}
html.route-reset #page-transition{transition:none!important;animation:none!important;}
@keyframes routeFailOpen{to{visibility:hidden;pointer-events:none;}}
@media (prefers-reduced-motion:reduce){
  html.intro-pending #site-loader{display:none;animation:none;}
  #page-transition{display:none!important;transition:none!important;animation:none!important;}
}

/* ================= FOOTER WORDMARK BLEED (injected by straata.js) ================= */
.footer-bleed{display:none;}

/* ============================================================================
   LIGHT-DOMINANT WRAPPER FRAME
   Hero/footer are dark chrome, .track is a light proof instrument, and .night is
   the one explicit interior dark opt-in. Thin content rails hold the light canvas
   together as one designed object.
   ============================================================================ */

/* ---- wrapper frame: rails at the content-column edges + ruled section panels ---- */
body::before, body::after{content:"";position:fixed;top:0;bottom:0;width:1px;
  background:rgba(20,24,29,.10);z-index:150;pointer-events:none;}
body::before{left:max(var(--pad-x), calc(50% - var(--container)/2 - 1px));}
body::after{right:max(var(--pad-x), calc(50% - var(--container)/2 - 1px));}
@media (max-width:680px){ body::before, body::after{display:none;} }
/* keep the dark grounds above the rails so the frame reads as a light-canvas signature */
.hero, .section.night, .footer{position:relative;z-index:151;}
/* ruled panels: a hairline between stacked light sections (the designed-object feel) */
.section + .section{border-top:1px solid rgba(20,24,29,.07);}
.section.night + .section, .section + .section.night, .hero + .section{border-top:none;}

/* ============================================================================
   LEDGER-INSTRUMENT ELEVATION (2026-07-13)
   Push the whole site to read as one precision financial instrument / audit
   working paper (Paradigm-grade): ruled cellular panels, redacted-real data
   ledgers, registration marks, tabular figures, measured depth. All additive,
   all new classes; the shared asset propagates every addition to all 13 pages.
   ============================================================================ */

:root{
  --shadow-panel:0 26px 64px -36px rgba(30,26,61,.24), 0 2px 6px rgba(20,24,29,.045);
  --shadow-panel-sm:0 14px 34px -24px rgba(30,26,61,.20);
  --ledger-hair:#EAEDF1;
  --rule:rgba(20,24,29,.10);
}

/* tabular numerals wherever we render money / bps / counts */
.tnum,.ledger td,.ledger th,.decomp-bps,.cell-fig,.stat .fig,.rgrid-fig,
.bkt-num .num,.rc-money-fig,.wf-bps{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;}

/* ---- registration '+' marks at the four corners (Adaline / Paradigm motif) ---- */
.plusmarks{position:relative;}
.plusmarks::after{content:"";position:absolute;inset:-6px;pointer-events:none;z-index:4;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 1v9M1 5.5h9' stroke='%2316181D' stroke-opacity='0.32' stroke-width='1'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 1v9M1 5.5h9' stroke='%2316181D' stroke-opacity='0.32' stroke-width='1'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 1v9M1 5.5h9' stroke='%2316181D' stroke-opacity='0.32' stroke-width='1'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 1v9M1 5.5h9' stroke='%2316181D' stroke-opacity='0.32' stroke-width='1'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:0 0, 100% 0, 0 100%, 100% 100%;
  background-size:11px 11px;}
.plusmarks.on-dark::after{background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 1v9M1 5.5h9' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='1'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 1v9M1 5.5h9' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='1'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 1v9M1 5.5h9' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='1'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 1v9M1 5.5h9' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='1'/%3E%3C/svg%3E");}

/* ---- instrument panel: the ruled container for a redacted-real artifact ---- */
.panel{position:relative;background:#fff;border:1px solid var(--border-strong);border-radius:5px;
  box-shadow:var(--shadow-panel);}
.panel.frost{background:var(--bg-elevated);}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  padding:.9rem clamp(1rem,2.2vw,1.55rem);border-bottom:1px solid var(--border);background:var(--bg-elevated);
  border-radius:5px 5px 0 0;}
.panel-head .p-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;
  font-size:.66rem;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:.6em;}
.panel-head .p-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq);flex-shrink:0;}
.panel-head .p-stamp{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;
  font-size:.58rem;color:var(--fg-muted);}
.panel-body{padding:clamp(1rem,2.4vw,1.85rem);}
.panel-body.flush{padding:0;}
.panel-body > p{color:var(--fg-muted);font-size:1rem;line-height:1.62;}
.panel-body > p + p{margin-top:.9rem;}
.panel-scroll{overflow-x:auto;}

/* ---- data ledger: the redacted-real reconciliation (a styled table) ---- */
.ledger{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.76rem;min-width:660px;}
.ledger thead th{text-transform:uppercase;letter-spacing:.11em;font-size:.58rem;font-weight:600;
  color:var(--turq-deep);text-align:right;padding:.85rem clamp(.7rem,1.4vw,1.05rem);
  border-bottom:1px solid var(--border-strong);white-space:nowrap;background:var(--bg-elevated);}
.ledger thead th:first-child{text-align:left;}
.ledger tbody td{text-align:right;padding:.7rem clamp(.7rem,1.4vw,1.05rem);border-bottom:1px solid var(--ledger-hair);
  color:var(--fg);white-space:nowrap;line-height:1.3;}
.ledger tbody td:first-child{text-align:left;color:var(--ink);}
.ledger tbody tr{transition:background .18s ease;}
.ledger tbody tr:hover{background:var(--bg-elevated);}
.ledger .l-var.neg{color:var(--danger);font-weight:500;}
.ledger .l-var.pos{color:var(--good);font-weight:500;}
.ledger tfoot td{text-align:right;padding:.95rem clamp(.7rem,1.4vw,1.05rem);border-top:1px solid var(--border-strong);
  font-weight:600;color:var(--ink);background:var(--bg-elevated);}
.ledger tfoot td:first-child{text-align:left;color:var(--turq-deep);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;}
.ledger .l-tot{font-family:var(--font-serif);font-size:1.2rem;color:var(--turq-deep);letter-spacing:-.01em;}

/* inline redaction bar (over a value that would name a client) */
.redact{display:inline-block;height:.7em;width:var(--rw,66px);border-radius:2px;vertical-align:middle;
  background:repeating-linear-gradient(90deg,var(--bg-input),var(--bg-input) 5px,#E7E9ED 5px,#E7E9ED 8px);}
.redact.hot{background:repeating-linear-gradient(90deg,var(--turq-soft),var(--turq-soft) 5px,#D4ECF0 5px,#D4ECF0 8px);}

/* flag pill inside a ledger row */
.flag{display:inline-block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;
  font-size:.55rem;font-weight:600;padding:.24em .55em;border-radius:3px;line-height:1;}
.flag.under{color:var(--danger);background:rgba(209,77,103,.1);border:1px solid rgba(209,77,103,.24);}
.flag.ok{color:var(--good);background:rgba(14,154,110,.1);border:1px solid rgba(14,154,110,.22);}
.flag.watch{color:var(--warn);background:rgba(184,132,31,.1);border:1px solid rgba(184,132,31,.22);}

/* ---- ruled cell grid (Paradigm cells): figures in bordered cells ---- */
.cells{display:grid;gap:1px;background:var(--border-strong);border:1px solid var(--border-strong);
  border-radius:5px;overflow:hidden;}
.cells.c-2{grid-template-columns:repeat(2,1fr);}
.cells.c-3{grid-template-columns:repeat(3,1fr);}
.cells.c-4{grid-template-columns:repeat(4,1fr);}
.cell{background:#fff;padding:clamp(1.5rem,3vw,2.4rem);display:flex;flex-direction:column;gap:.7rem;
  transition:background .2s ease;}
.cell:hover{background:var(--bg-elevated);}
.cell-fig{font-family:var(--font-serif);font-size:clamp(2.2rem,3.6vw,3.15rem);line-height:1;
  color:var(--turq);letter-spacing:-.02em;}
.cell-k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;color:var(--fg-muted);}
.cell-d{color:var(--fg-muted);font-size:.9rem;line-height:1.5;}
.section.night .cells,.section.night .cells.c-2,.section.night .cells.c-3,.section.night .cells.c-4{
  background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.14);}
.section.night .cell{background:var(--navy);}
.section.night .cell:hover{background:var(--navy-2);}
.section.night .cell-fig{color:var(--turq-bright);}
.section.night .cell-k{color:var(--on-navy-mono);}
.section.night .cell-d{color:var(--on-navy-muted);}
@media(max-width:900px){.cells.c-4{grid-template-columns:1fr 1fr;} .cells.c-3{grid-template-columns:1fr;}}
@media(max-width:560px){.cells.c-4,.cells.c-2{grid-template-columns:1fr;}}

/* ---- fee decomposition (a transaction broken into ruled tiers) ---- */
.decomp{display:flex;flex-direction:column;}
.decomp-row{display:grid;grid-template-columns:minmax(128px,1.1fr) minmax(0,2.6fr) auto;gap:clamp(.9rem,2vw,1.6rem);
  align-items:center;padding:.72rem 0;border-bottom:1px solid var(--ledger-hair);}
.decomp-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.11em;font-size:.64rem;color:var(--fg-muted);}
.decomp-track{height:11px;background:var(--bg-input);border-radius:2px;overflow:hidden;}
.decomp-track>i{display:block;height:100%;background:var(--turq);border-radius:2px;
  width:var(--w);transition:width 1.05s var(--expo);}
.motion-ready .reveal .decomp-track>i,.motion-ready .decomp.reveal .decomp-track>i{width:0;}
.motion-ready .reveal.in .decomp-track>i,.motion-ready .decomp.reveal.in .decomp-track>i{width:var(--w);}
.decomp-track.warn>i{background:var(--warn);} .decomp-track.turq>i{background:var(--turq-bright);}
.decomp-bps{font-family:var(--font-mono);font-size:.73rem;color:var(--ink);text-align:right;min-width:66px;}
.decomp-row.total{border-top:1px solid var(--border-strong);border-bottom:none;padding-top:.95rem;margin-top:.25rem;}
.decomp-row.total .decomp-label{color:var(--turq-deep);font-weight:600;}
.decomp-row.total .decomp-bps{font-family:var(--font-serif);font-size:1.18rem;color:var(--turq-deep);}

/* ---- generic ledger note line (mono, under a panel) ---- */
.inst-note{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;
  color:var(--fg-muted);margin-top:1rem;display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;}
.inst-note .dot{width:5px;height:5px;border-radius:50%;background:var(--turq);display:inline-block;margin-right:.5em;}

/* ---- Platform wall (vertical-grouped logo social proof for channel pages) ---- */
.platform-wall{display:grid;gap:clamp(1.9rem,3vw,2.7rem);margin-top:clamp(2.4rem,4vw,3.4rem);}
.platform-wall-group{display:grid;gap:.95rem;}
.platform-wall-label{margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:.6rem;color:var(--navy);opacity:.55;}
.platform-wall-row{display:flex;align-items:center;gap:clamp(1.6rem,3.4vw,3rem);flex-wrap:wrap;row-gap:1.3rem;}
.platform-wall-row img{height:26px;width:auto;filter:brightness(0);opacity:.5;transition:opacity .25s ease;}
.platform-wall-row img:hover{opacity:.82;}
.platform-wall--on-dark .platform-wall-label{color:#fff;opacity:.6;}
.platform-wall--on-dark .platform-wall-row img{filter:brightness(0) invert(1);opacity:.55;}

/* ---- Platform marquee (scrolling logo carousel for dark bands) ---- */
.platform-marquee{margin-top:clamp(2.6rem,4.5vw,3.8rem);}
.pm-viewport{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.pm-track{display:flex;align-items:center;gap:clamp(2.6rem,5vw,4.6rem);width:max-content;animation:pm-scroll 60s linear infinite;}
.platform-marquee:hover .pm-track{animation-play-state:paused;}
.pm-track img{height:26px;width:auto;flex-shrink:0;filter:brightness(0) invert(1);opacity:.55;transition:opacity .25s ease;}
.pm-track img:hover{opacity:.95;}
@keyframes pm-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.pm-track{animation:none;flex-wrap:wrap;justify-content:center;row-gap:1.6rem;}.pm-viewport{-webkit-mask:none;mask:none;}}
@media(max-width:640px){.pm-track{animation-duration:42s;}}

/* ---- ISO always-on loop (continuous reconcile/optimize/monitor cycle) ---- */
.iso-loop{display:flex;align-items:stretch;gap:clamp(.8rem,1.6vw,1.4rem);margin-top:clamp(2.6rem,4.5vw,3.8rem);flex-wrap:wrap;}
.iso-loop-step{flex:1 1 220px;min-width:200px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:clamp(1.3rem,2.2vw,1.85rem);}
.iso-loop-idx{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--mint);}
.iso-loop-step h3{margin:.6rem 0 .55rem;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.35rem,2vw,1.6rem);color:#fff;}
.iso-loop-step p{margin:0;font-size:.9rem;line-height:1.55;color:rgba(244,245,250,.72);}
.iso-loop-arrow{display:flex;align-items:center;font-size:1.35rem;color:rgba(255,255,255,.4);}
.iso-loop-arrow--cycle{font-size:1.7rem;color:var(--mint);}
@media(max-width:760px){.iso-loop-arrow{display:none;}.iso-loop-step{flex-basis:100%;}}

/* ============================================================================
   SERVICE CATALOG (services.html)
   A ruled square of the nine services. One click into the page from the nav;
   no selection state, no hash, no sheets. The list is the surface.
   ========================================================================= */
.cat-list{display:grid;grid-template-columns:repeat(3,1fr);
  margin-top:clamp(2.6rem, 4.5vw, 4rem);
  border:1px solid var(--border-strong);background:var(--bg-elevated);
  box-shadow:var(--shadow-panel-sm);}
.cat-item{display:flex;flex-direction:column;min-height:0;
  padding:clamp(1.5rem, 2.4vw, 2.1rem);
  border-right:1px solid var(--border);border-bottom:1px solid var(--border);}
.cat-item:nth-child(3n){border-right:0;}
.cat-item:nth-last-child(-n+3){border-bottom:0;}
.cat-k{display:flex;align-items:baseline;gap:.6rem;
  font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-muted);}
.cat-idx{color:var(--turq-deep);font-weight:600;}
.cat-name{margin:.9rem 0 0;font-family:var(--font-serif);font-weight:400;
  font-size:clamp(1.25rem, 1vw + .95rem, 1.6rem);line-height:1.15;color:var(--fg);}
.cat-desc{margin:.75rem 0 0;color:var(--fg-muted);font-size:.85rem;line-height:1.6;}
.cat-link{margin-top:1.1rem;align-self:flex-start;
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--turq-deep);text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .2s ease;}
.cat-link:hover{border-bottom-color:var(--turq-deep);}
.cat-link .arrow{display:inline-block;transition:transform .2s ease;}
.cat-link:hover .arrow{transform:translateX(3px);}

@media(max-width:900px){
  .cat-list{grid-template-columns:repeat(2,1fr);}
  .cat-item:nth-child(3n){border-right:1px solid var(--border);}
  .cat-item:nth-child(2n){border-right:0;}
  .cat-item:nth-last-child(-n+3){border-bottom:1px solid var(--border);}
  .cat-item:nth-last-child(-n+1){border-bottom:0;}
}
@media(max-width:620px){
  .cat-list{grid-template-columns:1fr;}
  .cat-item{border-right:0;border-bottom:1px solid var(--border);}
  .cat-item:last-child{border-bottom:0;}
}