/* =====================================================================
 EOS ENTERPRISE ESTATE, BRAND TOKENS
 One gradient, one ground, four marks. Self-contained. Nothing fetched.
 ===================================================================== */
:root{
 /* GROUND ---------------------------------------------------------- */
 --void:#05060B; /* page ground */
 --field:#0A0D14; /* raised panels */
 --edge:#141A26; /* hairlines */

 /* THE AURA, 135 degrees, never another angle. Cyan leads, violet closes. */
 --cyan-hi:#96E6F0; /* gradient crest */
 --cyan:#7ADCEC; /* primary signal, VERIFIED */
 --azure:#50B4E6; /* source labels */
 --blue:#326EBE; /* gradient cold end */
 --peri:#8B9BF5; /* the turn */
 --violet:#9B7BF0; /* CONTESTED, disagreement, exception */
 --aura:linear-gradient(135deg,var(--cyan-hi) 0%,var(--cyan) 22%,
 var(--azure) 46%,var(--blue) 62%,var(--peri) 82%,var(--violet) 100%);

 /* TEXT ------------------------------------------------------------- */
 --mist:#DCE6F0; /* primary text */
 --haze:#7E8A9C; /* secondary text */
 --dim:#6C7891; /* tertiary */

 /* TYPE ------------------------------------------------------------- */
 --display:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif;
 --body:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif;
 --mono:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace;
 --serif:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif; /* Shadow Key only */

 /* MOTION, slow and weighted. Nothing bounces. --------------------- */
 --reveal:1.6s;
 --ease:cubic-bezier(.22,.61,.36,1);
}

/* CYAN MEANS VERIFIED. VIOLET MEANS CONTESTED.
 That mapping is the product rendered as colour. Do not add a third. */
.is-verified,.state-verified{color:var(--cyan)}
.is-contested,.state-contested{color:var(--violet)}
.is-source{color:var(--azure)}

/* THE AURA. One per viewport. */
.aura-text{background:var(--aura);-webkit-background-clip:text;
 background-clip:text;color:transparent}
.aura-rule{height:1px;border:0;background:var(--aura)}
.aura-action{background:var(--aura);color:var(--void);border:0;border-radius:0;
 font-weight:600;padding:13px 24px;text-decoration:none;display:inline-block;
 font-family:var(--body)}

/* RULE 2: zero radius, no shadows. Depth comes from value. */
*{border-radius:0!important;box-shadow:none!important}

/* RULE 4: identifiers, figures and addresses are always monospace. */
code,kbd,samp.mono.figure.identifier.addr,[data-mono]{font-family:var(--mono)}

/* RULE 5: motion is slow and weighted. */
@media(prefers-reduced-motion:no-preference){
 .reveal{animation:reveal var(--reveal) var(--ease) both}
 @keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){
 .reveal{animation:none}
 *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* RULE 3: serif belongs to Shadow Key alone. */
.shadow-key{font-family:var(--serif)}

/* RULE 5 by cascade: weighted motion is the floor, not a per-declaration edit. */
a,button,[role="button"].chip.card,.cell{transition-duration:.32s;
 transition-timing-function:var(--ease)}


.ts-dots button{position:relative}.ts-dots button::after{content:'';position:absolute;inset:-9px;pointer-events:auto}.ts-collapsed>button{position:relative}.ts-collapsed>button::after{content:'';position:absolute;inset:-6px;pointer-events:auto}.ts-dots button:focus-visible.ts-collapsed>button:focus-visible{outline:2px solid currentColor!important;outline-offset:2px}.ts-dots{padding-block:10px;margin-block:-10px}.hero-footnote-ref{position:relative;padding:8px;margin:-8px}

/* P-fix: CSS variable aliases to resolve undefined refs */
:root {
 --accent-soft: var(--accent-glow);
 --cyan-bright: var(--accent-bright,#8B9BF5);
 --hairline-bright: var(--hairline-strong);
 --ink-secondary: var(--ink-sec);
 --ink: var(--ink-primary);
--on-accent:#05060B;--link:var(--accent-bright,#8B9BF5);}

:root {
 --bg-0:#05060B;--bg-1:#05060B;--bg-2:#05060B;--bg-3:var(--field);--bg-4:#3D4C5C;
 --hairline:rgba(16,21,27,.12);--hairline-md:rgba(16,21,27,.14);--hairline-strong:rgba(16,21,27,.18);
 --ink-strong:#EAEDF2;--ink-primary:#DDE3EC;--ink-sec:#9AA5B4;--ink-muted:#C7CFDA;
 --accent:var(--accent,#7ADCEC);--accent-bright:var(--accent-bright,#8B9BF5);--accent-tint:rgba(var(--glow-rgb).12);--accent-glow:rgba(var(--glow-rgb).35);
 --live:#2FBF7B;--live-rgb:52,204,125;--live-tint:rgba(var(--live-rgb).08);
 --warn:#FFB347;--warn-tint:rgba(255,181,71,.08);
 --critical:#ff6b6b;--critical-tint:rgba(255,107,107,.08);
 --gold:var(--cyan);--gold-tint:rgba(245,210,114,.08);
 --violet:#C77B53;--violet-tint:rgba(var(--glow2-rgb).1);
 --t-fast:140ms cubic-bezier(.4,0,.2,1);--t-base:240ms cubic-bezier(.4,0,.2,1);
 --max:1280px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:'Space Grotesk','Avenir Next',Avenir,'Segoe UI Variable Display',ui-sans-serif,system-ui,sans-serif;background:var(--bg-1);color:var(--ink-primary);line-height:1.55;font-weight:400;overflow-x:hidden}
::selection{background:var(--accent-tint);color:var(--ink-strong)}
a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input{font-family:inherit;color:inherit}

.skip{position:absolute;top:-40px;left:0;background:var(--accent);color:#05060B;padding:8px 14px;font-weight:600;z-index:100}
.skip:focus{width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;}

.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(244,240,230,.018) 1px,transparent 1px),linear-gradient(135deg,rgba(244,240,230,.018) 1px,transparent 1px);background-size:80px 80px;z-index:0}
.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(var(--glow-rgb).08),transparent 60%)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(var(--surface-rgb).78);border-bottom:1px solid var(--hairline)}
.nav{max-width:var(--max);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-weight:700;font-size:19px;color:var(--ink-strong);letter-spacing:-.015em}
.brand-mark{width:30px;height:30px;border-radius:0;background:linear-gradient(135deg,var(--accent),var(--live));display:flex;align-items:center;justify-content:center;box-shadow:none}
.brand-mark svg{width:16px;height:16px;color:#05060B}
.brand-pill{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:#05060B;background:var(--accent);padding:3px 7px;border-radius:0;margin-left:4px;letter-spacing:.04em}

/* v3.41.0 · Brand dropdown menu */
.brand-menu{position:relative;display:flex;align-items:center}
.brand-trigger{display:flex;align-items:center;gap:8px;background:none;border:none;padding:6px 10px 6px 4px;margin:-4px;border-radius:0;cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;transition:background var(--t-fast)}
.brand-trigger:hover{background:rgba(var(--glow-rgb).06)}
.brand-trigger .brand-text{display:flex;align-items:center;font-weight:600;white-space:nowrap;flex-shrink:0}
.brand-text{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-weight:600;letter-spacing:-.015em;font-size:19px}
.brand-word{display:inline;white-space:nowrap}
.brand-shop{font-style:italic;font-weight:500;color:var(--accent-bright)}
.brand-chev{color:var(--ink-muted);transition:transform var(--t-fast),color var(--t-fast);flex-shrink:0}
.brand-trigger[aria-expanded="true"] .brand-chev{transform:rotate(180deg);color:var(--accent-bright)}
.brand-trigger:hover .brand-chev{color:var(--accent-bright)}
.brand-menu-panel{
 position:absolute;top:calc(100% + 12px);left:0;
 width:440px;
 max-width:calc(100vw - 32px) !important;
 min-width:380px;
 background:linear-gradient(135deg,var(--bg-2,#E7EAF0),var(--bg-1,#EAEDF2));
 border:1px solid rgba(234,237,242,0.04);
 border-radius:0;
 box-shadow:none;
 padding:8px;
 opacity:0;visibility:hidden;
 transform:translateY(-8px);
 transition:opacity .32s ease,transform .18s ease,visibility .18s;
 z-index:1000;
 overflow:hidden;
}
.brand-menu-panel::before{
 content:'';position:absolute;top:0;left:0;right:0;height:1px;
 background:linear-gradient(135deg,transparent,rgba(var(--glow-rgb).4),transparent);
}
.brand-menu[data-open="true"] .brand-menu-panel{opacity:1;visibility:visible;transform:translateY(0)}
.brand-menu-header{padding:14px 16px 12px;border-bottom:1px solid rgba(234,237,242,0.03);margin-bottom:6px}
.brand-menu-eyebrow{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:3px}
.brand-menu-sub{font-size:11px;color:var(--ink-muted)}
.brand-menu-item{
 display:flex;align-items:center;gap:12px;
 padding:10px 12px;
 border-radius:0;
 text-decoration:none;color:inherit;
 transition:background var(--t-fast),transform var(--t-fast);
}
.brand-menu-item:hover{background:rgba(var(--glow-rgb).08);transform:translateX(2px)}
.brand-menu-item.is-current{background:rgba(var(--live-rgb).04);border:1px solid rgba(var(--live-rgb).16)}
.brand-menu-icon{
 width:32px;height:32px;flex-shrink:0;
 border-radius:0;
 display:flex;align-items:center;justify-content:center;
 background:linear-gradient(135deg,rgba(var(--glow-rgb).22),rgba(var(--glow-rgb).08));
 border:1px solid rgba(var(--glow-rgb).28);
 font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--accent-bright);
 letter-spacing:-.02em;
}
.brand-menu-icon-current{background:linear-gradient(135deg,rgba(var(--live-rgb).22),rgba(var(--live-rgb).08));border-color:rgba(var(--live-rgb).32);color:var(--accent-bright)}
.brand-menu-icon-Guided Walkthrough{background:linear-gradient(135deg,rgba(var(--glow-rgb).22),rgba(var(--glow-rgb).08));border-color:rgba(var(--glow-rgb).32);color:var(--accent-bright)}
.brand-menu-icon-platform{background:linear-gradient(135deg,rgba(var(--glow2-rgb).22),rgba(var(--glow2-rgb).08));border-color:rgba(var(--glow2-rgb).32);color:#C77B53}
.brand-menu-icon-trust{background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(245,158,11,.08));border-color:rgba(245,158,11,.32);color:#F59E0B}
.brand-menu-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.brand-menu-label{font-size:13px;font-weight:500;color:var(--ink-strong);letter-spacing:-.005em;line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.brand-menu-now{
 display:inline-block;padding:1px 7px;flex-shrink:0;
 background:rgba(var(--live-rgb).12);color:var(--accent-bright);
 border:1px solid rgba(var(--live-rgb).32);
 border-radius:0;
 font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;
 letter-spacing:.06em;text-transform:uppercase;
}
.brand-menu-meta{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ink-muted);letter-spacing:.02em}
.brand-menu-footer{margin-top:6px;padding:12px 16px 10px;border-top:1px solid rgba(234,237,242,0.03)}
.brand-menu-footer-text{font-size:10.5px;color:var(--ink-muted);line-height:1.5}
@media (max-width:560px){.brand-menu-panel{width:calc(100vw - 32px);left:-8px}}
.nav-links{display:flex;gap:24px;flex:1;justify-content:center}
.nav-links .nav-eyebrow{display:none}
.nav-links .nav-cta-row{display:none}
.nav-links a:not(.btn){font-size:13.5px;font-weight:500;color:var(--ink-sec);transition:color var(--t-fast);padding:4px 0}
.nav-links a:hover{color:var(--ink-strong)}
.nav-cta{display:flex;gap:10px;align-items:center}
@media (max-width:880px){.nav-links{display:none}.nav{padding:14px 18px;gap:14px}}

.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:0;font-size:14px;font-weight:600;transition:all var(--t-fast);border:1px solid transparent;font-family:inherit;white-space:nowrap}
.btn-primary{background:var(--accent);color:#05060B}
.btn-primary:hover{background:var(--accent-bright);box-shadow:none;transform:translateY(-1px)}
.btn-secondary{background:transparent;color:var(--ink-strong);border-color:var(--hairline-strong)}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent-bright);background:var(--accent-tint)}
.btn-ghost{background:transparent;color:var(--ink-strong)}
.btn-ghost:hover{color:var(--accent-bright)}
.btn-large{padding:14px 24px;font-size:15px}
.btn-sm{padding:7px 12px;font-size:12.5px}
.btn svg{width:14px;height:14px;transition:transform var(--t-fast)}
.btn:hover svg{transform:translateX(2px)}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;position:relative;z-index:1}

.eyebrow{font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-sec)}
.eyebrow.accent{color:var(--accent-bright)}
.eyebrow.live{color:var(--live)}
.eyebrow.gold{color:var(--gold)}
.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:0;background:var(--accent-tint);border:1px solid rgba(var(--glow-rgb).2);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--accent-bright)}
.eyebrow-pill.live{background:var(--live-tint);border-color:rgba(var(--live-rgb).22);color:var(--live)}
.eyebrow-pill.gold{background:var(--gold-tint);border-color:rgba(245,210,114,.22);color:var(--gold)}
.eyebrow-pill-dot{width:6px;height:6px;border-radius:0;background:currentColor;box-shadow:none;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;color:var(--ink-strong);font-weight:600;line-height:1.05;letter-spacing:-.025em;font-variation-settings:"opsz" 96}
h1 em,h2 em,h3 em,h4 em{font-style:italic;color:var(--accent-bright);font-weight:300}
.h-display{font-size:clamp(40px,5.6vw,72px);line-height:1.0;letter-spacing:-.03em}
.h1{font-size:clamp(34px,4.6vw,56px)}
.h2{font-size:clamp(28px,3.6vw,44px)}
.lead{font-size:clamp(16px,1.4vw,19px);color:var(--ink-sec);line-height:1.65;max-width:64ch}
.lead strong{color:var(--ink-strong);font-weight:600}

.hero{padding:88px 0 80px;position:relative;border-bottom:1px solid var(--hairline)}
.hero::before{content:'';position:absolute;left:50%;top:60px;width:780px;height:780px;border-radius:0;background:radial-gradient(circle,var(--accent-glow),transparent 70%);transform:translateX(-50%);opacity:.4;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;position:relative}
@media (max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-text{position:relative;z-index:1}
.hero-text .eyebrow-pill{margin-bottom:24px}
.hero-text h1{margin-bottom:24px}
.hero-text .lead{font-size:clamp(17px,1.45vw,20px);margin-bottom:32px;max-width:56ch}
/* v3.73 - refined hero chips: neutral, professional, consistent border treatment */
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}
.hero-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:rgba(234,237,242,0.013);border:1px solid var(--hairline);border-radius:0;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--ink-sec);line-height:1.3;white-space:nowrap}
.hero-chip-live{color:var(--live);border-color:rgba(var(--live-rgb).20);background:rgba(var(--live-rgb).04)}
.hero-chip-dot{width:6px;height:6px;border-radius:0;background:currentColor;box-shadow:none;flex-shrink:0}
/* v3.74 - mobile: 2x2 grid keeps all 4 chips above fold */
@media (max-width:520px){.hero-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-chip{font-size:10.5px;padding:8px 10px;justify-content:center;white-space:normal}}
.hero-lead{font-size:clamp(16px,1.45vw,19px);line-height:1.55;color:var(--ink-strong)}
.hero-lead strong{color:var(--accent-bright);font-weight:600}
.hero-subtle{margin-top:14px;font-size:14.5px;color:var(--ink-sec);line-height:1.55}
.hero-footnote-ref{color:var(--accent-bright);text-decoration:none;font-weight:600}
.hero-footnote{font-size:11px;color:var(--ink-muted);margin:10px 0 0;font-family:'JetBrains Mono',monospace;letter-spacing:.02em;line-height:1.55;max-width:60ch}
.hero-footnote strong{color:var(--accent-bright);font-weight:600}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
/* v3.49.0 · Hero meta strip · upgraded to 4-card layout with subtle accent borders */
.hero-meta{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:14px;
margin-top:32px;
padding-top:0;
border-top:none;
justify-content:start;
}
@media (min-width: 760px){
 .hero-meta{grid-template-columns:repeat(4, 1fr);max-width:none}
}
.hero-meta > div{
 position:relative;
 padding:14px 16px 12px;
 background:linear-gradient(135deg, rgba(234,237,242,0.01), rgba(234,237,242,0.003));
 border:1px solid rgba(234,237,242,0.03);
 border-radius:0;
 transition:all .2s ease;
}
.hero-meta > div::before{
 content:'';
 position:absolute;
 top:0;left:14px;right:14px;
 height:1px;
 background:linear-gradient(135deg, transparent, var(--accent-bright), transparent);
 opacity:.35;
}
.hero-meta > div:hover{
 background:linear-gradient(135deg, rgba(var(--glow-rgb).04), rgba(234,237,242,0.003));
 border-color:rgba(var(--glow-rgb).18);
}
.hero-meta-label{
 font-family:'JetBrains Mono',monospace;
 font-size:9.5px;
 font-weight:600;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:var(--ink-sec);
 margin-bottom:6px;
}
.hero-meta-value{
 font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;
 font-size:18px;
 font-weight:500;
 color:var(--ink-strong);
 letter-spacing:-.01em;
 line-height:1.2;
}
.hero-meta-value em{font-style:italic;color:var(--accent-bright);font-weight:300}

/* v3.49.0 · Trust pillar hover effects */
.trust-pillar > div{
 position:relative;
 box-shadow:none;
}
.trust-pillar:hover > div{
 transform:translateY(-2px);
 box-shadow:none;
}
.trust-pillar-live:hover > div{
 border-color:rgba(var(--live-rgb).4) !important;
 background:linear-gradient(135deg, rgba(var(--live-rgb).08), rgba(var(--live-rgb).03)) !important;
}
.trust-pillar-violet:hover > div{
 border-color:rgba(var(--glow2-rgb).4) !important;
 background:linear-gradient(135deg, rgba(var(--glow2-rgb).08), rgba(var(--glow2-rgb).03)) !important;
}
.trust-pillar-accent:hover > div{
 border-color:rgba(var(--glow-rgb).4) !important;
 background:linear-gradient(135deg, rgba(var(--glow-rgb).08), rgba(var(--glow-rgb).03)) !important;
}

/* v3.49.0 · Outcome cards · hover lift + glow */
.outcome-card{
 transition:all .32s ease;
}
.outcome-card:hover{
 transform:translateY(-3px);
 box-shadow:none;
}
.outcome-card-live:hover{
 border-color:rgba(var(--live-rgb).4) !important;
 background:linear-gradient(135deg,rgba(var(--live-rgb).12),rgba(var(--surface-rgb).5)) !important;
}
.outcome-card-accent:hover{
 border-color:rgba(var(--glow-rgb).4) !important;
 background:linear-gradient(135deg,rgba(var(--glow-rgb).12),rgba(var(--surface-rgb).5)) !important;
}
.outcome-card-violet:hover{
 border-color:rgba(var(--glow2-rgb).4) !important;
 background:linear-gradient(135deg,rgba(var(--glow2-rgb).12),rgba(var(--surface-rgb).5)) !important;
}
.outcome-card-gold:hover{
 border-color:rgba(245,210,114,.4) !important;
 background:linear-gradient(135deg,rgba(245,210,114,.12),rgba(var(--surface-rgb).5)) !important;
}
.outcome-card-warn:hover{
 border-color:rgba(255,181,71,.4) !important;
 background:linear-gradient(135deg,rgba(255,181,71,.12),rgba(var(--surface-rgb).5)) !important;
}

/* v3.49.0 · Hero ambient · subtle radial glow behind hero copy */
.hero{
 position:relative;
}
.hero::before{
 content:'';
 position:absolute;
 top:-100px;left:-100px;
 width:600px;height:600px;
 background:radial-gradient(circle at center, rgba(var(--glow-rgb).06), transparent 70%);
 z-index:0;
 pointer-events:none;
 filter:blur(40px);
}
.hero::after{
 content:'';
 position:absolute;
 top:200px;right:-200px;
 width:700px;height:700px;
 background:radial-gradient(circle at center, rgba(var(--glow-rgb).04), transparent 70%);
 z-index:0;
 pointer-events:none;
 filter:blur(50px);
}
.hero > *{
 position:relative;
 z-index:1;
}

.terminal{background:linear-gradient(135deg,rgba(var(--surface-rgb).98),rgba(var(--glow-rgb).05));border:1px solid var(--hairline-strong);border-radius:0;box-shadow:none}
.terminal-bar{display:flex;align-items:center;gap:6px;padding:14px 18px;border-bottom:1px solid var(--hairline);background:rgba(var(--glow-rgb).05)}
.terminal-dot{width:11px;height:11px;border-radius:0}
.terminal-dot:nth-child(1){background:#ff6b6b}
.terminal-dot:nth-child(2){background:#FFB347}
.terminal-dot:nth-child(3){background:var(--live)}
.terminal-title{flex:1;text-align:center;font-size:11px;color:var(--ink-muted);letter-spacing:.02em}
.terminal-pill{font-size:10px;font-weight:600;color:var(--live);background:var(--live-tint);border:1px solid rgba(var(--live-rgb).22);padding:2px 7px;border-radius:0;letter-spacing:.06em;text-transform:uppercase}
.terminal-body{padding:20px;font-size:12.5px;line-height:1.7;color:var(--ink-primary);min-height:380px}
.term-prompt{color:var(--accent-bright)}
.term-cmd{color:var(--ink-strong);font-weight:600}
.term-out{color:var(--ink-sec);padding-left:16px;display:block}
.term-ok{color:var(--live)}
.term-warn{color:var(--gold)}
.term-arrow{color:var(--accent-bright)}
.term-num{color:var(--ink-strong);font-weight:600}
.term-hash{color:var(--violet);font-size:11px}
.term-line{display:block}
/* Terminal is an intentional dark island on every theme; fix its text to a bright,
 readable, brand-coherent palette so it never resolves to dark theme inks (which
 were unreadable dark-on-dark on the daylight/rose themes). */
/* Terminal is theme-aware: light surface on light themes, readable dark text + green
 accents. On dark themes the tokens below resolve dark naturally via the theme inks. */
.terminal{color:var(--ink)}
.terminal-title{color:var(--ink-muted) !important}
.terminal-body{color:var(--ink) !important}
.term-prompt{color:var(--accent-bright) !important;font-weight:700}
.term-cmd{color:var(--ink-strong) !important;font-weight:700}
.term-out{color:var(--ink-sec) !important}
.term-ok{color:var(--accent-bright) !important}
.term-warn{color:#B8860B !important}
.term-arrow{color:var(--accent-bright) !important}
.term-num{color:var(--ink-strong) !important;font-weight:700}
.term-hash{color:var(--violet) !important}
.terminal .cursor{background:var(--accent-bright) !important}
.terminal-pill{color:var(--accent-bright) !important;background:rgba(var(--glow-rgb).1) !important;border-color:rgba(var(--glow-rgb).3) !important}
.cursor{display:inline-block;width:8px;height:14px;background:var(--accent-bright);vertical-align:middle;animation:blink 1s infinite;margin-left:2px}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}

.trust{padding:48px 0;border-bottom:1px solid var(--hairline)}
.trust-label{text-align:center;margin-bottom:28px;color:var(--ink-muted);font-size:13px;line-height:1.5;font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.trust-attestations{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1100px;margin:0 auto}
.trust-attest{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-3);border:1px solid var(--hairline);border-radius:0;font-size:12.5px;color:var(--ink-sec);line-height:1.45}
.trust-attest-icon{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-bright);border-radius:0;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600}
@media (max-width:640px){.trust-attestations{grid-template-columns:1fr;gap:10px}.trust-attest{padding:12px 14px;font-size:12px}}

.section{padding:112px 0;border-bottom:1px solid var(--hairline);position:relative}
.section:last-of-type{border-bottom:none}
.section-head{margin-bottom:56px;max-width:780px}
.section-head .eyebrow{margin-bottom:14px;display:inline-block}
.section-head h2{margin-bottom:18px}
/* v3.74 - mobile section pacing: tighter padding + breathing-room divider */
@media (max-width:640px){
 .section{padding:56px 0}
 .section-head{margin-bottom:28px}
 .section-head h2{margin-bottom:12px}
 .section-head .lead{font-size:14.5px;line-height:1.55}
}

.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
@media (max-width:880px){.problem-grid{grid-template-columns:1fr}}
.problem-card{padding:28px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline);border-radius:0;transition:all var(--t-base)}
.problem-card:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}
.problem-card-icon{width:42px;height:42px;border-radius:0;background:rgba(var(--glow-rgb).08);border:1px solid rgba(var(--glow-rgb).22);display:flex;align-items:center;justify-content:center;color:var(--cyan-bright);margin-bottom:18px}
.problem-card-icon svg{width:22px;height:22px}
.problem-card-name{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:20px;font-weight:600;color:var(--ink-strong);margin-bottom:10px;letter-spacing:-.01em;line-height:1.2}
.problem-card-desc{font-size:13.5px;color:var(--ink-sec);line-height:1.6}
.problem-card-desc strong{color:var(--ink-strong)}

.domains-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media (max-width:1180px){.domains-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.domains-grid{grid-template-columns:1fr}}
.domain{padding:24px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline);border-radius:0;transition:all var(--t-base);position:relative;overflow:hidden}
.domain:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:none}
.domain::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg,var(--accent),transparent);opacity:0;transition:opacity var(--t-base)}
.domain:hover::before{opacity:1}
.domain-icon{font-family:'JetBrains Mono',monospace;font-size:22px;color:var(--accent-bright);margin-bottom:14px;font-weight:700}
.domain-name{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:19px;font-weight:600;color:var(--ink-strong);margin-bottom:8px;letter-spacing:-.01em}
.domain-features{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--hairline)}
.domain-feature{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ink-muted);letter-spacing:.02em;display:flex;gap:6px}
.domain-feature::before{content:'›';color:var(--accent-bright);font-weight:700}

.args-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:1080px){.args-grid{grid-template-columns:1fr}}
.arg{padding:36px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline);border-radius:0;transition:all var(--t-base)}
.arg:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}
.arg-num{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--accent-bright);letter-spacing:.06em;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.arg-num::after{content:'';flex:1;height:1px;background:linear-gradient(135deg,var(--hairline-strong),transparent)}
.arg h3{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:24px;font-weight:600;color:var(--ink-strong);margin-bottom:14px;letter-spacing:-.01em;line-height:1.2}
.arg h3 em{font-style:italic;color:var(--accent-bright);font-weight:300}
.arg p{color:var(--ink-sec);font-size:14px;line-height:1.65}
.arg p strong{color:var(--ink-strong)}

.feature{padding:120px 0;border-bottom:1px solid var(--hairline);position:relative}
.feature.alt{background:linear-gradient(135deg,rgba(var(--glow-rgb).03),transparent 60%)}
.feature-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.feature.reverse .feature-grid{grid-template-columns:1.1fr 1fr}
.feature.reverse .feature-text{order:2}
@media (max-width:1080px){.feature-grid.feature.reverse,.feature-grid{grid-template-columns:1fr;gap:48px}.feature.reverse .feature-text{order:0}}
.feature-text h3{margin-bottom:18px}
.feature-text .lead{margin-bottom:28px}
.feature-bullets{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.feature-bullet{display:flex;gap:12px;align-items:flex-start}
.feature-bullet-mark{width:22px;height:22px;border-radius:0;background:var(--live-tint);border:1px solid rgba(var(--live-rgb).3);display:flex;align-items:center;justify-content:center;color:var(--live);flex-shrink:0;margin-top:2px}
.feature-bullet-mark svg{width:11px;height:11px}
.feature-bullet-text{font-size:14px;color:var(--ink-primary);line-height:1.55}
.feature-bullet-text strong{color:var(--ink-strong)}
.feature-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;padding-top:24px;border-top:1px solid var(--hairline);text-align:center}
.feature-stats > div{display:flex;flex-direction:column;align-items:center;justify-content:center}
.feature-stat-num{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:28px;font-weight:600;color:var(--ink-strong);letter-spacing:-.01em;line-height:1;text-align:center}
.feature-stat-num em{font-style:italic;color:var(--accent-bright);font-weight:300;font-size:.85em}
.feature-stat-label{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:6px;text-align:center}
.feature-visual{padding:24px;background:linear-gradient(135deg,rgba(var(--surface-rgb).96),rgba(var(--surface-rgb).88));border:1px solid var(--hairline-strong);border-radius:0;box-shadow:none}

.mp-table{width:100%;border-collapse:collapse;font-size:13px}
.mp-table th{text-align:left;padding:9px 12px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.06em;color:var(--ink-muted);text-transform:uppercase;border-bottom:1px solid var(--hairline);font-weight:600}
.mp-table td{padding:11px 12px;border-bottom:1px solid var(--hairline);color:var(--ink-primary);font-size:13px}
.mp-table tr:last-child td{border-bottom:none}
.mp-strong{color:var(--ink-strong);font-weight:600}
/* .feature-visual is theme-aware: light surface on light themes, dark on dark themes; inner text uses theme inks (which now track the theme) so it reads correctly on either. */
.mp-pill{display:inline-flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:0;text-transform:uppercase}
.mp-pill-accent{background:var(--accent-tint);color:var(--accent-bright);border:1px solid rgba(var(--glow-rgb).22)}
.mp-savings{padding:14px;background:var(--live-tint);border:1px solid rgba(var(--live-rgb).22);border-radius:0;margin-top:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}

.ds-cards{display:flex;flex-direction:column;gap:12px}
.ds-card{padding:14px;background:rgba(var(--surface-rgb).4);border:1px solid var(--hairline);border-radius:0}
.ds-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ds-card-name{font-size:13px;font-weight:600;color:var(--ink-strong)}
.ds-card-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.04em;font-weight:600}
.ds-spark{height:42px;display:flex;align-items:flex-end;gap:3px}
.ds-spark-bar{flex:1;border-radius:0;min-height:3px;background:var(--accent-tint)}
.ds-spark-bar.live{background:var(--live)}
.ds-spark-bar.accent{background:var(--accent-bright)}
.ds-spark-bar.warn{background:var(--warn)}
.ds-flow{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ink-muted);letter-spacing:.04em;margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}
.ds-flow-tag{padding:2px 6px;background:var(--bg-3);border:1px solid var(--hairline);border-radius:0;color:var(--ink-sec)}
.ds-flow-arrow{color:var(--accent)}

.signals-section{padding:112px 0;border-bottom:1px solid var(--hairline);background:linear-gradient(135deg,rgba(var(--glow2-rgb).03),transparent)}
.signals-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
@media (max-width:1080px){.signals-grid{grid-template-columns:1fr;gap:48px}}
.signals-list{display:flex;flex-direction:column;gap:14px;margin-top:32px}
.signal-item{padding:18px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline);border-radius:0;transition:all var(--t-base)}
.signal-item:hover{border-color:var(--accent);transform:translateX(4px)}
.signal-item-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}
.signal-item-sev{width:8px;height:8px;border-radius:0;flex-shrink:0;margin-top:7px}
.signal-item-sev.high{background:var(--critical);box-shadow:none}
.signal-item-sev.med{background:var(--warn);box-shadow:none}
.signal-item-sev.low{background:var(--accent);box-shadow:none}
.signal-item-title{flex:1;font-size:14px;font-weight:600;color:var(--ink-strong);line-height:1.35}
.signal-item-flow{display:flex;flex-wrap:wrap;gap:6px;font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase}
.signal-item-flow-tag{padding:2px 6px;background:var(--bg-3);border:1px solid var(--hairline);border-radius:0}
.signal-item-flow-tag.src{color:var(--ink-strong);background:var(--bg-4)}
.signal-item-flow-arrow{color:var(--accent)}

.connectors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:880px){.connectors-grid{grid-template-columns:repeat(2,1fr)}}
.connector{padding:24px 16px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline);border-radius:0;transition:all var(--t-base);text-align:center}
.connector:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}
.connector-name{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:18px;font-weight:600;color:var(--ink-strong);margin-bottom:6px;letter-spacing:-.01em}
.connector-meta{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ink-muted);letter-spacing:.02em;margin-bottom:10px}
.connector-status{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;display:inline-block;padding:3px 8px;border-radius:0}
.connector-status.live{color:var(--live);background:var(--live-tint);border:1px solid rgba(var(--live-rgb).22)}
.connector-status.q3{color:var(--gold);background:var(--gold-tint);border:1px solid rgba(245,210,114,.22)}
.connector-status.scope{color:var(--ink-muted);background:rgba(94,105,135,.08);border:1px solid rgba(94,105,135,.18)}

.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media (max-width:1080px){.trust-grid{grid-template-columns:1fr;gap:48px}}
.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.compliance-badge{padding:18px 14px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline);border-radius:0;text-align:center;transition:all var(--t-fast)}
.compliance-badge:hover{border-color:var(--hairline-strong)}
.compliance-badge-name{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:14px;font-weight:600;color:var(--ink-strong);margin-bottom:5px;letter-spacing:-.005em}
.compliance-badge-status{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase}
.compliance-badge.live .compliance-badge-status{color:var(--live)}
.compliance-badge.target .compliance-badge-status{color:var(--gold)}

.avail-grid{display:grid;gap:8px;margin-top:14px}
.avail-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px;padding:11px 14px;background:var(--bg-2);border:1px solid var(--hairline);border-radius:0;font-size:12px}
.avail-row.head{background:transparent;border:none;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;padding:0 14px}
.avail-tier{font-weight:600;color:var(--ink-strong)}
.avail-num{font-family:'JetBrains Mono',monospace;color:var(--ink-primary);font-weight:600;white-space:nowrap}

.outcome{padding:120px 0;border-bottom:1px solid var(--hairline);background:linear-gradient(135deg,rgba(var(--live-rgb).02),transparent)}
.outcome-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
@media (max-width:1080px){.outcome-grid{grid-template-columns:1fr;gap:48px}}
.outcome-quote{padding:36px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline);border-radius:0;position:relative}
.outcome-quote::before{content:'"';position:absolute;top:14px;left:24px;font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:96px;color:var(--accent);line-height:1;opacity:.25;font-weight:700}
.outcome-quote-text{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:21px;line-height:1.45;color:var(--ink-strong);font-weight:400;letter-spacing:-.005em;margin-bottom:24px;position:relative;font-variation-settings:"opsz" 64}
.outcome-quote-text em{font-style:italic;color:var(--accent-bright);font-weight:300}
.outcome-pattern-meta{display:flex;gap:14px;align-items:center;padding-top:18px;border-top:1px solid var(--hairline)}
.outcome-pattern-icon{width:40px;height:40px;border-radius:0;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:600;color:var(--accent-bright);flex-shrink:0}
.outcome-pattern-info{flex:1;min-width:0}
.outcome-pattern-name{font-size:14px;font-weight:600;color:var(--ink-strong);margin-bottom:2px}
.outcome-pattern-role{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-muted);letter-spacing:.02em;line-height:1.5;word-break:break-word}
.outcome-stats{display:flex;flex-direction:column;gap:14px}
.outcome-stat{padding:24px;background:linear-gradient(135deg,rgba(var(--surface-rgb).5),rgba(var(--surface-rgb).3));border:1px solid var(--hairline);border-radius:0;text-align:center}
.outcome-stat-num{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:48px;font-weight:600;line-height:1;color:var(--ink-strong);letter-spacing:-.02em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.outcome-stat-num em{font-style:italic;color:var(--live);font-weight:300}
.outcome-stat-name{font-size:13.5px;color:var(--ink-strong);font-weight:600;margin-bottom:4px}
.outcome-stat-desc{font-size:12.5px;color:var(--ink-sec);line-height:1.5}

.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
@media (max-width:1180px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pricing-grid{grid-template-columns:1fr}}
.tier{padding:32px 24px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline);border-radius:0;display:flex;flex-direction:column;transition:all var(--t-base);position:relative;overflow:hidden}
.tier:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}
.tier.featured{border-color:rgba(245,210,114,.3);background:linear-gradient(135deg,rgba(245,210,114,.04),rgba(var(--surface-rgb).35))}
.tier.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--gold),transparent)}
.tier-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:var(--gold-tint);border:1px solid rgba(245,210,114,.22);border-radius:0;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;align-self:flex-start}
.tier-name{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:22px;font-weight:600;color:var(--ink-strong);margin-bottom:4px;letter-spacing:-.01em}
.tier-tagline{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-muted);letter-spacing:.04em;margin-bottom:24px;text-transform:uppercase}
.tier-price{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:42px;font-weight:600;color:var(--ink-strong);line-height:1;letter-spacing:-.02em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tier-price em{font-style:italic;color:var(--accent-bright);font-weight:300;font-size:.5em}
.tier-period{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:24px}
.tier-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;flex:1}
.tier-feature{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-primary);line-height:1.5}
.tier-feature-mark{width:16px;height:16px;border-radius:0;background:var(--live-tint);border:1px solid rgba(var(--live-rgb).3);display:flex;align-items:center;justify-content:center;color:var(--live);flex-shrink:0;margin-top:2px}
.tier-feature-mark svg{width:8px;height:8px}
.tier-cta{margin-top:auto}

.roi{padding:96px 0;border-bottom:1px solid var(--hairline)}
.roi-card{padding:48px;background:linear-gradient(135deg,rgba(var(--surface-rgb).55),rgba(var(--surface-rgb).35));border:1px solid var(--hairline-strong);border-radius:0;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
@media (max-width:1080px){.roi-card{grid-template-columns:1fr;gap:36px;padding:32px}}
.roi-controls{display:flex;flex-direction:column;gap:18px}
.roi-control-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-bottom:8px;display:block;line-height:1.4;word-wrap:break-word}
.roi-input{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--bg-3);border:1px solid var(--hairline);border-radius:0;transition:border-color var(--t-fast);min-width:0;overflow:hidden}
.roi-input:focus-within{border-color:var(--accent)}
.roi-input-prefix.roi-input-suffix{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--ink-muted);font-weight:600;flex-shrink:0;white-space:nowrap}
.roi-input input{flex:1 1 0%;min-width:0;background:transparent;border:none;outline:none;color:var(--ink-strong);font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:600;width:100%;text-overflow:ellipsis}
.roi-input input::-webkit-outer-spin-button,.roi-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.roi-input input[type="number"]{-moz-appearance:textfield}
.roi-output{padding:32px;background:linear-gradient(135deg,rgba(var(--live-rgb).04),rgba(var(--surface-rgb).3));border:1px solid rgba(var(--live-rgb).18);border-radius:0}
.roi-output-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-weight:600}
.roi-output-value{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:64px;font-weight:600;color:var(--live);line-height:1;letter-spacing:-.025em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roi-output-value em{font-style:italic;color:var(--accent-bright);font-weight:300;font-size:.5em}
.roi-output-desc{font-size:14px;color:var(--ink-sec);line-height:1.55;margin-bottom:24px}
.roi-output-breakdown{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--hairline)}
.roi-output-line{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}
.roi-output-line-name{color:var(--ink-sec)}
.roi-output-line-value{font-family:'JetBrains Mono',monospace;color:var(--ink-strong);font-weight:600}

.faq-list{display:flex;flex-direction:column;gap:8px;max-width:880px;margin:48px auto 0}
.faq-item{background:linear-gradient(135deg,rgba(var(--surface-rgb).4),rgba(var(--surface-rgb).25));border:1px solid var(--hairline);border-radius:0;overflow:hidden;transition:border-color var(--t-fast)}
.faq-item:hover{border-color:var(--hairline-strong)}
.faq-q{width:100%;padding:20px 24px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:18px;font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:17px;font-weight:600;color:var(--ink-strong);letter-spacing:-.005em;cursor:pointer;transition:color var(--t-fast)}
.faq-q:hover{color:var(--accent-bright)}
.faq-q-mark{width:22px;height:22px;border-radius:0;border:1.5px solid var(--ink-muted);display:flex;align-items:center;justify-content:center;color:var(--ink-sec);transition:all var(--t-base);flex-shrink:0}
.faq-q-mark svg{width:11px;height:11px;transition:transform var(--t-base)}
.faq-item.open .faq-q-mark{border-color:var(--accent);background:var(--accent);color:#05060B}
.faq-item.open .faq-q-mark svg{transform:rotate(45deg)}
.faq-a{padding:0 24px 24px;color:var(--ink-sec);font-size:14px;line-height:1.6;display:none}
.faq-a strong{color:var(--ink-strong)}
.faq-a a{color:var(--accent-bright);font-weight:600}
.faq-item.open .faq-a{display:block}

.final-cta{padding:120px 0;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--hairline)}
/* v6_103: clearer visual separation so the footer doesn't read as a second footer */
footer{border-top:2px solid var(--hairline-strong,rgba(234,237,242,0.06))!important}
.final-cta::before{content:'';position:absolute;left:50%;top:0;width:1100px;height:600px;background:radial-gradient(ellipse,var(--accent-glow),transparent 70%);transform:translateX(-50%);pointer-events:none;opacity:.5}
.final-cta-inner{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 24px}
.final-cta h2{margin-bottom:18px}
.final-cta .lead{margin:0 auto 36px}
.final-cta-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}
.final-cta-meta{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.final-cta-meta-item{display:flex;align-items:center;gap:6px}
.final-cta-meta-dot{width:5px;height:5px;border-radius:0;background:var(--live);box-shadow:none}

.site-footer{padding:80px 0 48px;background:var(--bg-0)}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:48px;margin-bottom:64px}
@media (max-width:1080px){.footer-grid{grid-template-columns:1fr 1fr}}
.footer-brand-section .brand{margin-bottom:18px}
.footer-tagline{font-size:13.5px;color:var(--ink-sec);line-height:1.6;max-width:280px;margin-bottom:18px}
.footer-eth{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--accent-bright);letter-spacing:.02em;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.5}
.footer-eth-dot{width:6px;height:6px;border-radius:0;background:var(--live);box-shadow:none;animation:pulse 2s infinite}
.footer-col-head{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-strong);margin-bottom:18px}
.footer-link{display:block;font-size:13.5px;color:var(--ink-sec);padding:5px 0;transition:color var(--t-fast)}
.footer-link:hover{color:var(--ink-strong)}
.footer-bottom{padding-top:32px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-muted);letter-spacing:.04em}
.footer-bottom-links{display:flex;gap:24px;flex-wrap:wrap}
.footer-bottom-links a{color:var(--ink-muted);transition:color var(--t-fast)}
.footer-bottom-links a:hover{color:var(--ink-strong)}

@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.mobile-toggle{display:none;width:36px;height:36px;border-radius:0;border:1px solid var(--hairline);align-items:center;justify-content:center;color:var(--ink-strong)}
.mobile-toggle svg{width:18px;height:18px}
@media (max-width:880px){
 .mobile-toggle{display:flex}
 .nav-cta{display:none}
 .nav-links{display:none}
 .nav-links.open{
 display:flex;flex-direction:column;position:absolute;top:64px;left:14px;right:14px;
 background:var(--bg-1);border:1px solid var(--hairline);border-radius:0;
 padding:14px 14px 16px;gap:2px;align-items:stretch;text-align:left;z-index:60;
 box-shadow:none;
 }
 .nav-links.open a:not(.btn){
 padding:11px 14px;border-radius:0;background:transparent;
 font-size:14.5px;color:var(--ink-strong);font-weight:500;
 letter-spacing:-.005em;line-height:1.2;
 border-bottom:1px solid rgba(230,237,247,0.05);
 }
 .nav-links.open a:not(.btn):last-of-type{border-bottom:0}
.nav-links.open a:not(.btn):hover,.nav-links.open a:not(.btn):focus-visible{background:rgba(var(--glow-rgb).08);color:#05060B;border-color:transparent}
 .nav-links.open .nav-eyebrow{
 display:block;
 font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;
 text-transform:uppercase;color:var(--ink-muted);font-weight:600;
 padding:8px 14px 4px;border:none;pointer-events:none;
 }
 .nav-links.open .nav-cta-row{
 display:flex;flex-direction:column;gap:8px;
 margin-top:10px;padding-top:14px;
 border-top:1px solid var(--hairline);
 }
 .nav-links.open .nav-cta-row .btn{
 width:100%;min-height:44px;padding:11px 14px;border-radius:0;
 font-size:13.5px;font-weight:600;letter-spacing:-.005em;
 display:inline-flex;align-items:center;justify-content:center;gap:6px;
 border-bottom:none;
 }
}
/* ─── Mobile tap-targets · WCAG 2.5.5 AAA · 44×44 minimum at ≤760px ─── */
@media (max-width:760px){
 .skip{padding:12px 14px}
 .brand{min-height:44px;display:inline-flex;align-items:center}
 .btn{min-height:44px;line-height:1.1;display:inline-flex;align-items:center;justify-content:center}
 .mobile-toggle{min-width:44px;min-height:44px;width:44px;height:44px}
 .footer-link{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:flex-start;padding:6px 10px}
 .footer-bottom-links a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;padding:6px 10px}
 .nav-links a{min-height:44px;display:inline-flex;align-items:center;padding:8px 0}
}

/* ─── Accessibility: skip link, visible focus, contrast hardening ──*/
.skip-link{position:absolute;top:-42px;left:8px;background:var(--accent);color:#05060B;padding:9px 14px;text-decoration:none;font-size:14px;font-weight:600;border-radius:0;z-index:1000;transition:top 130ms ease}
.skip-link:focus{width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;outline:3px solid #05060B;outline-offset:1px}
*:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px;border-radius:0}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}

/* ─── Universal overflow safety ──────────────────────────────────────
 Prevents text overflow at all viewport widths without breaking
 intentional layouts. Targets common patterns:
 - long unbroken strings (URLs, filenames) wrap instead of overflow
 - flex items can shrink below content size when needed
 - grids with nominal 1fr columns get minmax(0,1fr) safety
─────────────────────────────────────────────────────────────────── */
html,body{overflow-x:hidden;max-width:100vw}
body *{min-width:0;max-width:100%}
input,select,textarea{max-width:100%}
img,svg,video,iframe{max-width:100%;height:auto}
pre,code{overflow-x:auto;max-width:100%;word-wrap:break-word}
a,span,p,div,h1,h2,h3,h4,h5,h6,li,td,th{overflow-wrap:break-word;word-wrap:break-word}
.btn,button{max-width:100%}

/* Dollar amount line-break prevention */
.roi-path .path-amount.path-value.roi-stat-value{white-space:nowrap;display:inline-block}

/* Mobile menu drawer styling (v2.0.1) */
@media (max-width:880px){
 .nav-links{position:fixed;top:60px;right:0;left:0;background:var(--bg-2);border-bottom:1px solid var(--hairline);padding:18px 24px;flex-direction:column;align-items:flex-start;gap:14px;transform:translateY(-100%);transition:transform 230ms cubic-bezier(0.4,0,0.2,1);z-index:50;pointer-events:none}
 .nav-links.mobile-open{transform:translateY(0);pointer-events:auto;box-shadow:none}
 .nav-links a{width:100%;padding:8px 0;border-bottom:1px solid var(--hairline)}
}

/* P1.13: Ensure <details> elements expand properly on all devices */
.faq details.faq-item details, details.faq-q { display: block; }
.faq summary.faq-item summary, summary.faq-q { 
 display: block; 
 cursor: pointer;
 list-style: none;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.faq summary::-webkit-details-marker, summary.faq-q::-webkit-details-marker { display: none; }
.faq details[open] > *:not(summary).faq-item details[open] > *:not(summary),
details.faq-q[open] > *:not(summary) { 
 display: block !important; 
 visibility: visible !important; 
 opacity: 1 !important;
 pointer-events: auto !important;
}
.faq details[open] summary, details.faq-q[open] summary { cursor: pointer; }

/* P1.5: Five Domains visual enhancement (v2.0.4) */
.domains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:32px}
.domain{position:relative;padding:24px 22px;background:linear-gradient(135deg,rgba(var(--surface-rgb).45),rgba(var(--surface-rgb).25));border:1px solid var(--hairline);border-radius:0;transition:all 230ms ease;overflow:hidden}
.domain:hover{border-color:var(--hairline-strong);transform:translateY(-2px);box-shadow:none}
.domain::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-bright);opacity:.8;transition:opacity 230ms ease}
.domain:hover::before{opacity:1}
.domain:nth-child(1)::before{background:linear-gradient(135deg,var(--live),var(--accent-bright))}
.domain:nth-child(2)::before{background:linear-gradient(135deg,var(--accent-bright),var(--accent))}
.domain:nth-child(3)::before{background:linear-gradient(135deg,var(--accent),#C77B53)}
.domain:nth-child(4)::before{background:linear-gradient(135deg,#C77B53,#F472B6)}
.domain:nth-child(5)::before{background:linear-gradient(135deg,#F472B6,#FBBF24)}
.domain-icon{font-size:24px;margin-bottom:12px;color:var(--accent-bright);line-height:1}
.domain:nth-child(1) .domain-icon{color:var(--accent-bright)}
.domain:nth-child(2) .domain-icon{color:var(--accent-bright)}
.domain:nth-child(3) .domain-icon{color:var(--accent)}
.domain:nth-child(4) .domain-icon{color:#C77B53}
.domain:nth-child(5) .domain-icon{color:#FBBF24}
.domain-name{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:21px;font-weight:600;color:var(--ink-strong);margin-bottom:14px;letter-spacing:-.01em}
.domain-features{display:flex;flex-direction:column;gap:6px}
.domain-feature{font-size:12.5px;color:var(--ink-sec);padding-left:10px;position:relative;line-height:1.4}
.domain-feature::before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:0;background:var(--accent-bright);opacity:.6}

/* P1.12: CFO Deck mobile polish (v2.0.6) */
@media (max-width:640px){
 #cfo-deck{padding:22px 18px !important}
 #cfo-deck input{font-size:16px !important}
 .cfo-path-card{padding:16px !important}
}

/* v2.2.1: SVG iOS Safari rendering safety net - constrain any inline svg without explicit dimensions */
svg:not([width]):not([height]) { max-width: 100%; max-height: 100%; }
a svg, button svg.btn svg.nav-links a svg.icon-btn svg { max-width: 1.2em; max-height: 1.2em; }
.brand svg.brand-mark svg.footer-brand svg { max-width: 28px; max-height: 28px; }

/* v2.2.4: ROI paths mobile - keep $ savings on same line as label */
@media (max-width: 640px) {
 [class*="roi-path"].path-row.roi-row {
 grid-template-columns: 1fr auto !important;
 flex-wrap: nowrap !important;
 align-items: center !important;
 gap: 8px !important;
 }
 [class*="roi-path"] .roi-amount,
 [class*="roi-path-amount"].path-amount.roi-row .roi-amount {
 white-space: nowrap !important;
 font-size: 14px !important;
 }
}

/* v3.37.0 trust strip responsive */
@media (max-width:760px){.trust-signal-strip-grid{grid-template-columns:1fr !important}}

/* v3.74 - ELITE MOBILE PACING + TABLE-CARD FALLBACK + FOOTER COMPRESSION */
@media (max-width:768px){
 /* Section padding compression - 56% reduction from 112px to 49px */
 .section.feature.outcome.final-cta{padding:48px 0 !important}
 .roi{padding:44px 0 !important}
 .section-head{margin-bottom:28px}
 .section-head h2{font-size:clamp(26px,7vw,34px);line-height:1.18;letter-spacing:-.012em;margin-bottom:12px}
.section-head .lead,.section-head p.lead{font-size:14.5px;line-height:1.55}
 h2.h2{font-size:clamp(26px,7vw,34px);line-height:1.18}
 /* Section heads with custom padding overrides */
 section[style*="padding:120px"], section[style*="padding:112px"]{padding:48px 0 !important}
 section[style*="padding:96px"]{padding:44px 0 !important}
 /* Outcome/ROI card padding */
 .outcome-quote{padding:22px !important}
 .roi-card{padding:24px !important;grid-template-columns:1fr !important;gap:24px !important}
 .outcome-stat{padding:18px !important}
 /* Compress multi-column grids to single-column */
 .pricing-grid{grid-template-columns:1fr !important;gap:14px}
 .feature-stats{grid-template-columns:1fr !important;gap:10px}
 /* Tables with horizontal overflow become card layouts on mobile */
.dt-compact td:last-child,.dt-compact th:last-child{padding-right:14px}
 /* Lead paragraphs - never thinner than 400 weight on mobile */
 p.lead{font-weight:400;font-size:14.5px;line-height:1.55}
 /* Hero adjustments */
 .hero{padding:60px 0 !important}
 .hero-grid{grid-template-columns:1fr !important;gap:24px}
 /* FAQ */
 .faq-q{font-size:14.5px !important;padding:16px 18px !important;line-height:1.35}
 .faq-a{padding:0 18px 18px !important}
 /* Footer compression */
 footer{padding:36px 0 24px !important}
 footer .footer-grid{grid-template-columns:1fr !important;gap:24px !important}
 footer h4{font-size:12px !important}
 /* WSN insight panels - tighten on mobile */
 .wsn{padding:18px 16px !important;gap:14px !important}
}

/* v3.74 - tablet pacing */
@media (max-width:1024px) and (min-width:769px){
 .section.feature{padding:80px 0}
 .outcome.final-cta{padding:80px 0}
 .roi{padding:72px 0}
 .section-head{margin-bottom:40px}
 .section-head h2{font-size:clamp(32px,5vw,44px)}
}

/* Snow White contrast guard: dark-theme status hexes -> AA-readable on white. Scoped to daylight only; dark themes untouched. */
:root[data-theme="daylight"] [style*="#FF6B6B"]{color:#E8736B !important}
:root[data-theme="daylight"] [style*="color:#FF9B9B"]{color:#E8736B !important}
:root[data-theme="daylight"] [style*="color:#FF8B6B"]{color:#B23B30 !important}
:root[data-theme="daylight"] [style*="color:#FF9E7A"]{color:#B2541F !important}
:root[data-theme="daylight"] [style*="color:#FFB347"]{color:#E0A552 !important}
:root[data-theme="daylight"] [style*="color:#FF8FA0"]{color:#C03A5B !important}
:root[data-theme="daylight"] [style*="color:#FF7AB8"]{color:#C03A7B !important}

/* v6_196 - light + dark theme contrast hardening (marketing parity) */
:root[data-theme="daylight"]:root[data-theme="chromium"]:root[data-theme="rose"]{ --live:#2FBF7B; --warn:#B45309; --critical:#B91C1C; }
/* brand-layer geometry */.w3-entrance{margin-top:28px;padding:22px 24px 20px;position:relative;background:linear-gradient(135deg,#0E1420,#05060B);border:1px solid #1E2939;clip-path:polygon(0 0,100% 0,100% calc(100% - 19px),calc(100% - 29px) 100%,0 100%)}.w3-entrance:before{content:"";position:absolute;left:0;top:0;height:1px;width:64%;background:linear-gradient(135deg,var(--cyan),rgba(200,163,87,0))}.w3-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;padding:12px 20px 12px 16px;border:1px solid #1E2637;background:#05060B;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 12px) 100%,0 100%);transition:transform .32s ease,border-color .22s ease}.w3-link:hover{transform:translateY(-6px);border-color:var(--cyan)}.w3-glyph{width:0;height:0;border-left:9px solid var(--cyan);border-top:6px solid transparent;border-bottom:6px solid transparent}.w3-label{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif;font-size:19px;color:#E9EDF4}.w3-ens{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;font-size:12px;color:var(--cyan);letter-spacing:.08em}.w3-line{margin-top:12px;font-size:12px;color:#93A0B4;max-width:72ch}.pf-nav{margin-top:24px;padding-top:20px;border-top:1px solid #1E2939}.pf-h{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:19px;margin:0 0 6px;color:#E9EDF4}.pf-line{font-size:12px;color:#93A0B4;max-width:74ch;margin-bottom:14px}.pf-items{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pf-item{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border:1px solid #1E2637;text-decoration:none;min-width:184px;background:#05060B;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 15px) 100%,0 100%);transition:transform .2s ease,border-color .2s ease}.pf-item:hover{transform:translateY(-6px);border-color:var(--cyan)}.pf-item b{color:#E9EDF4;font-size:14px}.pf-item span{font-size:12px;color:#93A0B4;letter-spacing:.05em}.pf-item.slot{border-style:dashed;border-color:#3A4356;opacity:.72}.pf-item.slot:hover{transform:none;border-color:#3A4356}.pf-item.external{border-color:#1E2637;border-right:2px solid #5B8DEF}.pf-item.external span{color:#7C93BE}.pf-crossings{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}.pf-cross{font-size:12px;color:#C9D2E0;border:1px solid #22314d;padding:6px 13px;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 10px) 100%,0 100%)}.pf-cross i{font-style:normal;font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;font-size:10.5px;color:#5B8DEF;margin-left:8px;letter-spacing:.1em}.pf-terms{font-size:12px;color:#93A0B4;max-width:74ch}@media(prefers-reduced-motion:reduce){.w3-link.pf-item{transition:none}.w3-link:hover.pf-item:hover{transform:none}}.bl-threshold{position:relative;margin-top:34px;padding:56px 26px 48px;overflow:hidden;background:radial-gradient(ellipse 120% 100% at 50% 100%,rgba(200,163,87,.16),rgba(91,141,239,.07) 40%,rgba(122,74,201,.05) 62%,transparent 80%),linear-gradient(135deg,#05060B 0%,#070A11 55%,#050608 100%);border-top:1px solid rgba(200,163,87,.22);mask-image:linear-gradient(135deg,transparent,#000 14%);-webkit-mask-image:linear-gradient(135deg,transparent,#000 14%)}.bl-thresh-glow{position:absolute;left:50%;bottom:-40%;width:140%;height:80%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(200,163,87,.10),rgba(122,74,201,.06) 55%,transparent 72%);pointer-events:none}.bl-thresh-inner{position:relative;max-width:640px;margin:0 auto;text-align:center}.bl-thresh-eyebrow{display:block;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#7C93BE;margin-bottom:14px}.bl-thresh-line{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:22px;line-height:1.5;color:#E9EDF4;margin:0 0 10px}.bl-thresh-line.small{font-size:14px;color:#93A0B4;font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif}.bl-thresh-cta{display:inline-block;margin-top:20px;padding:12px 26px;border:1px solid rgba(200,163,87,.5);color:#E9EDF4;text-decoration:none;font-size:12.5px;letter-spacing:.06em;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 12px) 100%,0 100%);transition:border-color .2s ease,transform .2s ease}.bl-thresh-cta:hover{border-color:var(--cyan);transform:translateY(-4px)}@media(prefers-reduced-motion:no-preference){.bl-threshold{background-attachment:fixed}}@media(prefers-reduced-motion:reduce){.bl-thresh-cta{transition:none}.bl-thresh-cta:hover{transform:none}}
/* Below this width a wide table compresses each column to about 70px and every cell
 wraps to three lines. Scrolling the table keeps the row readable and leaves the
 desktop layout untouched. */
@media (max-width:720px){
 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
 table thead,table tbody{display:table;width:100%;min-width:max-content}
}


 .ledger-filter {
 padding: 8px 14px;
 font-family: 'JetBrains Mono', monospace;
 font-size: 11px;
 font-weight: 600;
 letter-spacing: .02em;
 border-radius:0;
 cursor: pointer;
 transition: all 130ms ease;
 background: var(--bg-3);
 color: var(--ink-secondary);
 border: 1px solid var(--hairline);
 }
 .ledger-filter:hover { background: rgba(var(--glow-rgb).06); color: var(--ink-strong); }
 .ledger-filter.active { background: var(--accent); color:#EAEDF2; border-color: var(--accent); }

 .ledger-row {
 display: grid;
 grid-template-columns: 120px 1fr 200px 180px 140px;
 gap: 0;
 padding: 12px 18px;
 border-bottom: 1px solid var(--hairline);
 align-items: center;
 }
 .ledger-row:last-child { border-bottom: none; }
 .ledger-row:hover { background: rgba(var(--glow-rgb).03); }
 .ledger-type { color: var(--ink-muted); text-transform: uppercase; font-size: 10px; letter-spacing: .04em; }
 .ledger-name { color: var(--ink-strong); }
 .ledger-id { color: var(--ink-muted); margin-right: 8px; }
 .ledger-status-built { color: #2FBF7B; }
 .ledger-status-integrating { color: #E0A552; }
 .ledger-status-shipping { color: var(--accent-bright); }
 .ledger-status-roadmap { color: var(--ink-muted); }
 .ledger-ref { color: var(--accent-bright); }
 .ledger-date { color: var(--ink-secondary); }
 
 /* Mobile-responsive: stack columns vertically on narrow viewports */
 @media (max-width: 880px) {
.ledger-row,.ledger-row[style]{ 
 display: flex !important; 
 flex-direction: column !important; 
 align-items: flex-start !important; 
 gap: 4px !important;
 grid-template-columns: 1fr !important;
 }
 .ledger-row > div { width: 100%; padding: 2px 0; }
 /* Hide the desktop header on mobile - rows are self-describing */
 #calibration-ledger > div > div > div[style*="grid-template-columns:120px 1fr 200px 180px 140px"],
 #calibration-ledger > div > div > div[style*="grid-template-columns: 120px 1fr 200px 180px 140px"] { 
 display: none !important; 
 }
 .ledger-type { font-size: 9.5px; font-weight: 700; padding: 4px 8px; background: rgba(var(--glow-rgb).1); border-radius:0; display: inline-block; }
 .ledger-name { font-size: 13px; line-height: 1.4; }
 .ledger-date.ledger-ref { font-size: 10.5px; }
 }


footer.site-footer a{display:inline-flex;align-items:center;min-height:30px;margin:0!important}
footer.site-footer .footer-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;gap:22px 26px!important;align-items:start}
footer.site-footer .footer-grid > div{margin:0!important}
footer.site-footer .footer-grid a{font-size:14px;line-height:1.35;min-height:30px;display:flex;padding:2px 0}
footer.site-footer [data-biglist]{grid-column:span 2;display:grid!important;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:0;align-content:start}
footer.site-footer [data-biglist] > :not(a){grid-column:1/-1}
footer.site-footer .footer-bottom{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
footer,.site-footer{overflow-x:clip}
@media(max-width:760px){
footer.site-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:16px 14px!important}
footer.site-footer a{min-height:40px}
footer.site-footer .footer-grid a{min-height:40px;font-size:13.5px}
footer.site-footer [data-biglist]{grid-column:1/-1}}

html,body{overflow-x:hidden;max-width:100%}img,svg,table,pre{max-width:100%}

/* Family names resolved from installed faces. Zero network requests. */
@font-face{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif;font-display:swap;src:local("Newsreader"),local("Charter"),local("Bitstream Charter"),local("Iowan Old Style"),local("Georgia");}
@font-face{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif;font-display:swap;src:local("Inter Tight"),local("Inter"),local("Segoe UI Variable Text"),local("Segoe UI"),local("Helvetica Neue"),local("Arial");}
@font-face{font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace;font-display:swap;src:local("JetBrains Mono"),local("SF Mono"),local("SFMono-Regular"),local("Menlo"),local("Consolas"),local("DejaVu Sans Mono");}
@font-face{font-family:"Space Grotesk";font-display:swap;src:local("Space Grotesk"),local("Avenir Next"),local("Avenir"),local("Segoe UI Variable Display"),local("Futura");}


#also{border-top:1px solid var(--edge);margin-top:var(--d7);padding:var(--d6) 0 var(--d4)}
.al-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
 color:var(--haze);margin:0 0 12px}
.al-lede{color:var(--haze);font-size:14px;line-height:1.55;max-width:62ch;margin:0 0 20px}
.al-lede strong{color:var(--mist);font-weight:500}
.al-list{list-style:none;padding:0;margin:0 0 18px;display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.al-list li{font-size:12.5px;color:var(--haze);line-height:1.45}
.al-list b{display:block;color:var(--haze);font-weight:400;font-size:13.5px;margin-bottom:2px}
.al-cta a{color:var(--cyan);font-size:13.5px;text-decoration:none;min-height:44px;
 display:inline-flex;align-items:center}
.al-cta a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media(max-width:900px){.al-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.al-list{grid-template-columns:1fr}}

#asField{position:fixed;inset:0;z-index:-1;display:block;width:100%;height:100%}#asHud{position:fixed;top:64px;right:16px;z-index:5;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--haze);opacity:.55;pointer-events:none;text-align:right}#asTip{position:fixed;z-index:70;font-family:var(--mono);font-size:10.5px;line-height:1.5;letter-spacing:.04em;color:var(--mist);background:rgba(8,11,18,.92);border:1px solid rgba(122,220,236,.3);padding:8px 11px;pointer-events:none;opacity:0;transition:opacity .15s ease;max-width:230px}#asTip b{color:var(--cyan);font-weight:500}@media(max-width:760px){#asHud{display:none}}

.as-skip{position:absolute;left:-9999px;top:0;z-index:200;background:#05060B;color:#fff;
 padding:12px 18px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif}
.as-skip:focus{left:0}
.as-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.as-nav{position:sticky;top:0;z-index:100;background:rgba(5,6,11,.94);
 
 border-bottom:1px solid rgba(255,255,255,.09)}
.as-nav-in{max-width:1240px;margin:0 auto;padding:0 22px;display:flex;align-items:center;
 gap:26px;min-height:62px}
.as-mark{display:flex;align-items:baseline;gap:9px;text-decoration:none;flex:0 0 auto}
.as-mark-eos{font:700 19px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em;color:var(--mist)}
.as-mark-sub{font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 letter-spacing:.13em;text-transform:uppercase;color:var(--haze)}
@media(max-width:1180px){.as-mark-sub{display:none}}
.as-menu{list-style:none;display:flex;align-items:center;gap:1px;margin:0 0 0 auto;padding:0;
 flex-wrap:nowrap}
.as-menu a{display:block;padding:9px 10px;border-radius:0;text-decoration:none;
 font:500 13.5px/1 ui-sans-serif,system-ui,sans-serif;color:var(--haze);white-space:nowrap;
 transition:color .16s ease,background .16s ease}
.as-menu a:hover{color:var(--mist);background:rgba(255,255,255,.07)}
.as-menu a[aria-current="page"]{color:#96E6F0;background:rgba(150,230,240,.10)}
.as-menu a:focus-visible{outline:2px solid #96E6F0;outline-offset:2px}
.as-cta a{background:var(--cyan);color:var(--field)!important;font-weight:650;padding:9px 15px;margin-left:8px}
.as-cta a:hover{background:var(--cyan-hi)}
.as-burger{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.18);
 border-radius:0;width:42px;height:38px;cursor:pointer;align-items:center;justify-content:center}
.as-burger-bars::before,.as-burger-bars::after{display:block;width:18px;height:1.5px;background:#D6DCE6;content:""}
.as-burger-bars{position:relative}
.as-burger-bars::before{position:absolute;top:-6px}
.as-burger-bars::after{position:absolute;top:6px}
@media(max-width:1180px){
 .as-burger{display:flex}
 .as-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;
 gap:0;background:#080A11;border-bottom:1px solid rgba(255,255,255,.10);padding:8px 14px 16px;
 display:none}
 .as-menu.open{display:flex}
 .as-menu a{padding:13px 12px;font-size:15.5px;border-radius:0}
 .as-cta a{margin:10px 0 0;text-align:center}
}
@media(prefers-reduced-motion:reduce){.as-menu a{transition:none}}

/* R147 NAV REPAIR ---------------------------------------------------------
   Four defects, all in the shared nav so all 58 pages carried them:
   1 no mark at all, the brand was a bold text string
   2 menu items at inherited weight read as heavy, and grey read as dull
   3 .as-burger-bars had position but no width/height/background, so the
     hamburger rendered as an empty box
   4 the CTA was flat --cyan rather than the brand gradient
   ------------------------------------------------------------------------ */
.as-mark{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.as-mark-svg{width:26px;height:26px;flex:0 0 auto;display:block}
.as-mark-eos{font:600 18px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.015em;color:#F3F7FC}
.as-mark-sub{display:none}
@media(min-width:820px){
  .as-mark{align-items:baseline}
  .as-mark-sub{display:block;font:400 8.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.18em;text-transform:uppercase;color:#939FB2;margin-left:2px}
}
/* menu: lighter weight, brighter colour, tighter tracking */
.as-menu a{padding:13px 12px;font-size:15.5px;font-weight:450;letter-spacing:-.012em;
  color:#C3CBD8;border-radius:0;transition:color .35s ease}
.as-menu a:hover,.as-menu a:focus-visible{color:#F3F7FC}
.as-menu a[aria-current]{color:#B8EEF6}
/* burger: actually draw the bars */
.as-burger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  background:none;border:1px solid rgba(184,238,246,.22);cursor:pointer;padding:0}
.as-burger-bars{position:relative;display:block;width:17px;height:1.5px;
  background:#F3F7FC;transition:background .3s ease}
.as-burger-bars::before,.as-burger-bars::after{content:"";position:absolute;left:0;
  width:17px;height:1.5px;background:#F3F7FC}
.as-burger-bars::before{top:-6px}
.as-burger-bars::after{top:6px}
.as-burger[aria-expanded="true"] .as-burger-bars{background:transparent}
.as-burger[aria-expanded="true"] .as-burger-bars::before{top:0;transform:rotate(45deg)}
.as-burger[aria-expanded="true"] .as-burger-bars::after{top:0;transform:rotate(-45deg)}
/* CTA: brand gradient, not a flat swatch */
.as-cta a{background:linear-gradient(135deg,#B8EEF6,#7ADCEC 30%,#A3AEF8 68%,#B79BF4)!important;
  color:#0B0E14!important;font-weight:600;letter-spacing:-.01em;padding:11px 18px;margin-left:10px}
@media(max-width:820px){.as-cta a{margin:12px 0 0;text-align:center;padding:13px 18px}}

/* R147 NAV CLOSE ---------------------------------------------------------
   The panel opened but could only be closed by the burger or Escape. Tapping
   a link or outside the panel left it open, which reads as stuck. Also locks
   scroll while open so the page behind does not move under the panel. */
html.as-locked,html.as-locked body{overflow:hidden}
.as-burger{position:relative;z-index:2}
@media(max-width:820px){
  .as-menu{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,.68,.28,1)}
  .as-menu.open{max-height:78vh;overflow-y:auto;overscroll-behavior:contain}
}

/* R147 NAV ICON REPAIR ----------------------------------------------------
   The bars rendered as three short dashes sitting on the header rule: 17px
   wide inside a 40px button, hard 1.5px edges, full-brightness white. They
   read as imperfections in the line rather than as an icon.
   Fixed by: widening to fill the button, softening to the body ink colour
   rather than pure white, and giving the top and bottom bars slightly
   shorter lengths so the shape reads as a control. */
.as-burger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  background:none;border:1px solid rgba(184,238,246,.16);cursor:pointer;padding:0;
  position:relative;z-index:2;transition:border-color .4s ease}
.as-burger:hover{border-color:rgba(184,238,246,.34)}
.as-burger-bars{position:relative;display:block;width:19px;height:1px;
  background:#C3CBD8;transition:background .3s ease}
.as-burger-bars::before,.as-burger-bars::after{content:"";position:absolute;left:0;
  height:1px;background:#C3CBD8;transition:transform .3s cubic-bezier(.16,.68,.28,1),
  top .3s cubic-bezier(.16,.68,.28,1),width .3s ease}
.as-burger-bars::before{top:-6px;width:19px}
.as-burger-bars::after{top:6px;width:13px}
.as-burger:hover .as-burger-bars::after{width:19px}
.as-burger[aria-expanded="true"] .as-burger-bars{background:transparent}
.as-burger[aria-expanded="true"] .as-burger-bars::before{top:0;width:19px;transform:rotate(45deg)}
.as-burger[aria-expanded="true"] .as-burger-bars::after{top:0;width:19px;transform:rotate(-45deg)}

/* R147 HEADER RULE ---------------------------------------------------------
   The header edge read as imperfections rather than as a line. Cause: a
   hard 1px solid border at a single flat value, sitting directly under a
   translucent blurred bar. Against the backdrop-filter the solid edge
   aliases at fractional device pixels and breaks into visible segments,
   which is what the eye picked up as damage.
   Fix: replace the hard border with a soft gradient hairline that fades at
   both ends. It never terminates abruptly, so there is no edge to alias. */
.as-nav{border-bottom:0 !important;position:sticky !important;top:0;z-index:100;background:#05060B !important;backdrop-filter:none}
.as-nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(184,238,246,.10) 12%,
    rgba(184,238,246,.20) 50%,
    rgba(184,238,246,.10) 88%,
    transparent 100%)}

/* R147 STICKY NAV FIX ------------------------------------------------------
   overflow-x:hidden on <body> computes overflow-y to auto, which turns body
   into a scroll container. A position:sticky child of a scroll container
   sticks to THAT container, not the viewport, so the header scrolled away
   and page content passed behind it. Confirmed by measuring: nav top was
   -260px while scrolled 260px.
   Horizontal clipping moves to <html>, which does not create the same
   containing block, so sticky resolves against the viewport again. */
html{overflow-x:hidden}
body{overflow-x:visible !important}
.as-nav{position:sticky !important;top:0;z-index:100;background:#05060B !important}

/* R147 MENU CLIP FIX -------------------------------------------------------
   The collapsed menu had max-height:0 and overflow:hidden yet still measured
   25px tall, so a clipped line of nav text bled out below the header. Cause:
   the panel is display:flex and position:absolute, and in that combination
   the flex line established a height that max-height alone did not clip.
   Collapsing height, padding and border as well, and hiding it from the
   accessibility tree while closed, so nothing renders and nothing is
   focusable. The open state restores all of it. */
.as-menu:not(.open){
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.as-menu.open{
  visibility:visible !important;
  pointer-events:auto !important;
}


 #mobile-jump-fab{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));right:18px;width:48px;height:48px;border-radius:0;background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#05060B;border:1px solid rgba(234,237,242,0,.09);box-shadow:none;z-index:9000;display:none;align-items:center;justify-content:center;cursor:pointer;transition:transform .32s,box-shadow .15s;font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;-webkit-tap-highlight-color:transparent}
 #mobile-jump-fab:active{transform:scale(.94)}
 #mobile-jump-fab[data-visible="true"]{display:flex}
 #mobile-jump-sheet{position:fixed;bottom:0;left:0;right:0;padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));background:rgba(var(--surface-rgb).96);border-top:1px solid rgba(var(--glow-rgb).22);border-radius:0;padding:18px 18px 26px;z-index:9001;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);max-height:78vh;overflow-y:auto;box-shadow:none}
 #mobile-jump-sheet[data-open="true"]{transform:translateY(0)}
 #mobile-jump-sheet .sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(var(--glow-rgb).20)}
 #mobile-jump-sheet .sheet-title{font-family:"Space Grotesk","Avenir Next",Avenir,"Segoe UI Variable Display",ui-sans-serif,system-ui,sans-serif'Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:17px;color:var(--ink-strong);font-weight:500}
 #mobile-jump-sheet .sheet-close{background:rgba(var(--glow-rgb).06);border:1px solid rgba(var(--glow-rgb).20);color:var(--ink-strong);width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;-webkit-tap-highlight-color:transparent}
 #mobile-jump-sheet .sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #mobile-jump-sheet .sheet-link{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(var(--glow-rgb).06);border:1px solid rgba(var(--glow-rgb).18);border-radius:0;color:var(--ink-strong);text-decoration:none;font-size:13px;font-family:'Space Grotesk','Avenir Next',Avenir,'Segoe UI Variable Display',ui-sans-serif,system-ui,sans-serif;font-weight:500;-webkit-tap-highlight-color:transparent;transition:background .32s,border-color .12s;line-height:1.25}
 #mobile-jump-sheet .sheet-link:active{background:rgba(var(--glow-rgb).10);border-color:rgba(var(--glow-rgb).4)}
 #mobile-jump-sheet .sheet-link .sheet-num{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--accent-bright);font-weight:700;letter-spacing:.10em;flex-shrink:0}
 #mobile-jump-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9000;opacity:0;pointer-events:none;transition:opacity .2s}
 #mobile-jump-backdrop[data-visible="true"]{opacity:1;pointer-events:auto}
 @media (min-width:769px){#mobile-jump-fab,#mobile-jump-sheet,#mobile-jump-backdrop{display:none !important}}


 #privacy-notice[data-visible="true"]{transform:translateX(-50%) translateY(0) !important;opacity:1 !important}
 @media (max-width:600px){
 #privacy-notice{left:12px !important;right:12px !important;bottom:12px !important;max-width:none !important;transform:translateY(120%) !important;padding:14px 16px !important}
 #privacy-notice[data-visible="true"]{transform:translateY(0) !important}
 #privacy-notice > div{flex-direction:column !important;gap:10px !important}
 #privacy-notice button{align-self:stretch !important}
 }


:root{--glow-rgb:27,77,255;--glow2-rgb:120,134,150;--header-bg:rgba(16,22,32,.86);--surface-rgb:255,255,255;--bg:#05060B;--bg-warm:#05060B}
:root[data-theme="graphite"]{
--bg:#EAEDF2;--bg-0:#EAEDF2;--bg-1:#EAEDF2;--bg-2:#EAEDF2;--bg-3:#EAEDF2;--bg-4:#EAEDF2;--bg-warm:#EAEDF2;
--ink-strong:#575242;--ink:rgba(17,22,31,.87);--ink-primary:var(--ink);--ink-sec:rgba(17,22,31,.82);--ink-muted:rgba(17,22,31,.66);--ink-dim:rgba(17,22,31,.50);
--accent:#8B96A5;--accent-bright:#2A3342;--accent-deep:#8B96A5;--accent-glow:rgba(126,140,132,.30);--accent-soft:rgba(126,140,132,.13);--accent-softer:rgba(126,140,132,.06);
--cyan-bright:#7FA0D4;--violet:#8B96A5;--teal:#7E9C90;--clay:#B0A290;--sage:#2A3342;
--gold:var(--cyan);--info:#2A3342;--hairline:rgba(17,22,31,.09);--hairline-bright:rgba(17,22,31,.15);
--header-bg:rgba(14,14,16,.85);--surface-rgb:14,14,16;--glow-rgb:126,140,132;--glow2-rgb:174,186,178;
--on-accent:#0A0F18;--link:#2A3342;--ink-sec:#2A3342;--ink-muted:#2A3342;}
:root[data-theme="slate"]{
--bg:#EAEDF2;--bg-0:#5781C7;--bg-1:#6389BA;--bg-2:#6486BA;--bg-3:#6587B8;--bg-4:#6889B6;--bg-warm:#5D87C0;
--ink-strong:#5B8DEF;--ink:rgba(17,22,31,.88);--ink-primary:var(--ink);--ink-sec:rgba(17,22,31,.82);--ink-muted:rgba(17,22,31,.66);--ink-dim:rgba(17,22,31,.50);
--accent:#3D9BE0;--accent-bright:var(--accent-cyan,#5FB0E8);--accent-deep:#1E6FB8;--accent-glow:rgba(61,155,224,.38);--accent-soft:rgba(61,155,224,.15);--accent-softer:rgba(61,155,224,.07);
--cyan-bright:#5FD0F0;--violet:#8F7BFF;--teal:#3DD9C4;--clay:#6F9BFF;--sage:#7FB3D5;
--gold:#7FD4E8;--info:var(--accent-cyan,#5FB0E8);--hairline:rgba(17,22,31,.10);--hairline-bright:rgba(17,22,31,.17);
--header-bg:rgba(7,11,18,.85);--surface-rgb:7,11,18;--glow-rgb:61,155,224;--glow2-rgb:127,212,232;
--on-accent:#0A0F18;--link:var(--accent-cyan,#5FB0E8);--ink-sec:#2A3342;--ink-muted:#2A3342;}
:root[data-theme="copper"]{
--bg:#EAEDF2;--bg-0:#B98F65;--bg-1:#BC9261;--bg-2:#B99165;--bg-3:#B28F6C;--bg-4:#AF906F;--bg-warm:#BF8F5F;
--ink-strong:#775822;--ink:rgba(17,22,31,.87);--ink-primary:var(--ink);--ink-sec:rgba(17,22,31,.82);--ink-muted:rgba(17,22,31,.66);--ink-dim:rgba(17,22,31,.50);
--accent:#C19A53;--accent-bright:#E0C083;--accent-deep:#8E6E34;--accent-glow:rgba(193,154,83,.32);--accent-soft:rgba(193,154,83,.14);--accent-softer:rgba(193,154,83,.06);
--cyan-bright:#8FA47C;--violet:#B07D5A;--teal:#8FA47C;--clay:#BC8A5E;--sage:#A8A372;
--gold:#D4B36A;--info:#C9A86A;--hairline:rgba(17,22,31,.10);--hairline-bright:rgba(17,22,31,.16);
--header-bg:rgba(18,13,7,.85);--surface-rgb:18,13,7;--glow-rgb:193,154,83;--glow2-rgb:142,110,52;
--on-accent:#0A0F18;--link:#E0C083;--ink-sec:#D9D1C5;--ink-muted:#C6BDAF;}
:root[data-theme="amethyst"]{
--bg:#EAEDF2;--bg-0:#EAEDF2;--bg-1:#7B88A3;--bg-2:#7F889F;--bg-3:#7E889F;--bg-4:#80879E;--bg-warm:#7B83A2;
--ink-strong:#394C60;--ink:rgba(245,247,249,.92);--ink-primary:var(--ink);--ink-sec:#2A3342;--ink-muted:#2A3342;--ink-dim:rgba(16,22,32,.50);
--accent:#2A3342;--accent-bright:#3C4C5D;--accent-deep:#2A3342;--accent-glow:rgba(200,206,214,.34);--accent-soft:rgba(200,206,214,.13);--accent-softer:rgba(200,206,214,.06);
--cyan-bright:#3DE0E0;--violet:#9B8BFF;--teal:#2EE0B0;--clay:#FFB07A;--sage:#8FF0C0;
--gold:#D8B45E;--info:#A8C4D4;--hairline:rgba(245,247,249,.10);--hairline-bright:rgba(245,247,249,.20);
--header-bg:rgba(8,9,11,.90);--surface-rgb:0,0,0;--glow-rgb:200,206,214;--glow2-rgb:61,224,224;
--on-accent:#05060B;--link:#2A3342;--ink-sec:#2A3342;--ink-muted:#2A3342;}
:root[data-theme="forest"]{--live:#2FBF7B;--live-rgb:52,204,125;
--bg:#EAEDF2;--bg-0:#A28F7C;--bg-1:#EAEDF2;--bg-2:#E7EAF0;--bg-3:#A3977B;--bg-4:#EAEDF2;--bg-warm:#B2986C;
--ink-strong:#6A592F;--ink:#D8D2C6;--ink-primary:var(--ink);--ink-sec:#2A3342;--ink-muted:#8B96A5;--ink-dim:rgba(216,210,198,.22);
--accent:var(--accent,#7ADCEC);--accent-bright:var(--accent-bright,#8B9BF5);--accent-deep:#3D6BC9;--accent-glow:rgba(52,129,92,.35);--accent-soft:rgba(52,129,92,.13);--accent-softer:rgba(52,129,92,.06);
--cyan-bright:var(--accent-bright,#8B9BF5);--violet:#C77B53;--teal:#3E9D88;--clay:#C77B53;--sage:#8FB39B;
--gold:var(--cyan);--info:var(--accent-bright,#8B9BF5);--hairline:rgba(244,240,230,.08);--hairline-bright:rgba(244,240,230,.16);
--header-bg:rgba(12,11,10,.85);--surface-rgb:12,11,10;--glow-rgb:52,129,92;--glow2-rgb:199,123,83;
--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 18px 50px rgba(0,0,0,.5);
--on-accent:#05060B;--link:var(--accent-bright,#8B9BF5);}
:root[data-theme="chromium"]{--live:#2FBF7B;--live-rgb:12,122,67;
--bg:#05060B;--bg-0:#05060B;--bg-1:#05060B;--bg-2:#05060B;--bg-3:var(--field);--bg-4:#3D4C5C;--bg-warm:#05060B;
--ink-strong:#EAEDF2;--ink:#DDE3EC;--ink-primary:var(--ink);--ink-sec:#9AA5B4;--ink-muted:#C7CFDA;--ink-dim:#8B96A5;
--accent:var(--accent,#7ADCEC);--accent-bright:var(--accent-deep,#50B4E6);--accent-deep:var(--accent-deep,#50B4E6);--accent-glow:rgba(75,134,232,.20);--accent-soft:rgba(75,134,232,.10);--accent-softer:rgba(75,134,232,.05);
--cyan-bright:#3D9BE0;--violet:#7C6BD4;--teal:#3E8FC9;--clay:#B6703E;--sage:#4F7CC2;
--gold:#9A7C2C;--info:var(--accent,#7ADCEC);--hairline:rgba(16,21,27,.12);--hairline-bright:rgba(16,21,27,.18);
--header-bg:rgba(16,22,32,.86);--surface-rgb:255,255,255;--glow-rgb:27,77,255;--glow2-rgb:120,134,150;
--shadow-sm:0 1px 2px rgba(20,28,38,.10);--shadow:0 4px 16px rgba(20,28,38,.10);--shadow-lg:0 18px 50px rgba(20,28,38,.16);
--on-accent:#05060B;--link:var(--accent-deep,#50B4E6);}
:root[data-theme="daylight"]{--critical:#E8736B;--warn:#E0A552;--live:#2FBF7B;--live-rgb:12,122,67;
--bg:#394C60;--bg-0:#0C1018;--bg-1:#0C1018;--bg-2:#0C1018;--bg-3:#414C58;--bg-4:#414E58;--bg-warm:#334D66;
--ink-strong:#7C8FA2;--ink:rgba(17,22,31,.90);--ink-primary:var(--ink);--ink-sec:rgba(17,22,31,.70);--ink-muted:rgba(17,22,31,.60);--ink-dim:rgba(17,22,31,.24);
--accent:var(--accent-deep,#2E5FB0);--accent-bright:var(--accent,#4B86E8);--accent-deep:var(--accent-deep,#2E5FB0);--accent-glow:rgba(75,134,232,.20);--accent-soft:rgba(75,134,232,.10);--accent-softer:rgba(75,134,232,.05);
--cyan-bright:#3D9BE0;--violet:#9F63C7;--teal:#3E8FC9;--clay:#C2703E;--sage:#4F7CC2;
--gold:var(--cyan);--info:var(--accent,#4B86E8);--hairline:rgba(17,22,31,.12);--hairline-bright:rgba(17,22,31,.18);
--header-bg:rgba(16,22,32,.85);--surface-rgb:255,255,255;--glow-rgb:27,77,255;--glow2-rgb:194,112,62;
--shadow-sm:0 1px 2px rgba(30,40,35,.10);--shadow:0 4px 16px rgba(30,40,35,.10);--shadow-lg:0 18px 50px rgba(30,40,35,.14);
--on-accent:#0A0F18;--link:var(--accent-deep,#2E5FB0);}
:root[data-theme="orchid"]{
--bg:#EAEDF2;--bg-0:#A964BA;--bg-1:#9B65B8;--bg-2:#9767B7;--bg-3:#9A68B5;--bg-4:#986BB3;--bg-warm:#9A68B6;
--ink-strong:#661D7C;--ink:rgba(17,22,31,.88);--ink-primary:var(--ink);--ink-sec:rgba(17,22,31,.82);--ink-muted:rgba(17,22,31,.66);--ink-dim:rgba(17,22,31,.50);
--accent:#D765C6;--accent-bright:#F08AE0;--accent-deep:#8E2F80;--accent-glow:rgba(194,71,176,.38);--accent-soft:rgba(194,71,176,.15);--accent-softer:rgba(194,71,176,.07);
--cyan-bright:#C77BFF;--violet:#E368D8;--teal:#9B8BFF;--clay:#FF7AB8;--sage:#C9A0E8;
--gold:#E0A8CE;--info:#F08AE0;--hairline:rgba(17,22,31,.10);--hairline-bright:rgba(17,22,31,.17);
--header-bg:rgba(13,7,17,.85);--surface-rgb:13,7,17;--glow-rgb:194,71,176;--glow2-rgb:155,139,255;
--on-accent:#05060B;--link:#F08AE0;--ink-sec:#2A3342;--ink-muted:#2A3342;}
:root[data-theme="sunset"]{
--bg:#EAEDF2;--bg-0:#B06E7B;--bg-1:#AD7181;--bg-2:#AC7181;--bg-3:#A97483;--bg-4:#A87684;--bg-warm:#AE7083;
--ink-strong:#893C10;--ink:rgba(17,22,31,.88);--ink-primary:var(--ink);--ink-sec:rgba(17,22,31,.82);--ink-muted:rgba(17,22,31,.66);--ink-dim:rgba(17,22,31,.50);
--accent:#ED6A47;--accent-bright:#FF9E7A;--accent-deep:#B8421F;--accent-glow:rgba(232,90,56,.38);--accent-soft:rgba(232,90,56,.15);--accent-softer:rgba(232,90,56,.07);
--cyan-bright:#FFB17A;--violet:#C76BCF;--teal:#FF8FA0;--clay:#FF6B4A;--sage:#E8A05C;
--gold:#FFB454;--info:#FF9E7A;--hairline:rgba(17,22,31,.10);--hairline-bright:rgba(17,22,31,.17);
--header-bg:rgba(18,10,12,.85);--surface-rgb:18,10,12;--glow-rgb:232,90,56;--glow2-rgb:199,107,207;
--on-accent:#05060B;--link:#FF9E7A;--ink-sec:#D9CFCB;--ink-muted:#2A3342;}
:root[data-theme="rose"]{--live:#2FBF7B;--live-rgb:12,122,67;
--bg:#10151F;--bg-0:#0C1018;--bg-1:#0C1018;--bg-2:#990026;--bg-3:#712844;--bg-4:#6C2D43;--bg-warm:#782137;
--ink-strong:#AD7092;--ink:rgba(17,22,31,.90);--ink-primary:var(--ink);--ink-sec:rgba(34,18,26,.80);--ink-muted:rgba(17,22,31,.60);--ink-dim:rgba(17,22,31,.50);
--accent:#C13F7A;--accent-bright:#B53B72;--accent-deep:#9A2E5E;--accent-glow:rgba(193,63,122,.20);--accent-soft:rgba(193,63,122,.10);--accent-softer:rgba(193,63,122,.05);
--cyan-bright:#B0457A;--violet:#8E4FB8;--teal:#3D8F76;--clay:#C2703E;--sage:#7A8C5E;
--gold:var(--cyan);--info:#C13F7A;--hairline:rgba(17,22,31,.12);--hairline-bright:rgba(17,22,31,.18);
--header-bg:rgba(251,241,244,.85);--surface-rgb:251,241,244;--glow-rgb:193,63,122;--glow2-rgb:142,79,184;
--shadow-sm:0 1px 2px rgba(80,30,55,.10);--shadow:0 4px 16px rgba(80,30,55,.10);--shadow-lg:0 18px 50px rgba(80,30,55,.14);
--on-accent:#0A0F18;--link:#B53B72;}
:root[data-theme="spectrum"]{
--bg:#EAEDF2;--bg-0:#7F7F9F;--bg-1:#EAEDF2;--bg-2:#EAEDF2;--bg-3:#EAEDF2;--bg-4:#C7CFDA;--bg-warm:#EAEDF2;
--ink-strong:#05060B;--ink:rgba(16,22,32,.90);--ink-primary:var(--ink);--ink-sec:rgba(16,22,32,.82);--ink-muted:rgba(16,22,32,.66);--ink-dim:rgba(16,22,32,.50);
--accent:#9B3FE0;--accent-bright:#C77BFF;--accent-deep:#722BB0;--accent-glow:rgba(155,63,224,.38);--accent-soft:rgba(155,63,224,.15);--accent-softer:rgba(155,63,224,.07);
--cyan-bright:#3BC9F0;--violet:#B14EFF;--teal:#2DD4A8;--clay:#FF6B5C;--sage:#FFC93C;
--gold:#FFC93C;--info:#3BC9F0;--hairline:rgba(234,237,242,0,.05);--hairline-bright:rgba(234,237,242,0,.085);
--header-bg:rgba(10,10,12,.85);--surface-rgb:10,10,12;--glow-rgb:155,63,224;--glow2-rgb:59,201,240;
--on-accent:#05060B;--link:#C77BFF;--ink-sec:#2A3342;--ink-muted:#2A3342;}




#as-theme-switch{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9999;display:block;width:30px;height:30px;padding:0;border:0;background:none}
#as-theme-switch #ts-toggle{width:30px;height:30px;flex:0 0 auto;border-radius:0;border:1.5px solid var(--hairline-bright,rgba(234,237,242,0,.09));background:var(--header-bg,rgba(12,11,10,.55));color:var(--accent-bright,var(--ink-strong));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:none;transition:transform .32s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
#as-theme-switch #ts-toggle:hover{transform:scale(1.08);border-color:var(--accent);color:var(--accent);box-shadow:none}
#as-theme-switch #ts-toggle:active{transform:scale(.95)}
#as-theme-switch:not(.ts-collapsed) #ts-toggle{border-color:var(--accent);color:var(--accent)}
#as-theme-switch .ts-dots{position:absolute;left:0;bottom:calc(100% + 8px);transform-origin:bottom left;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:7px;overflow:hidden;max-width:560px;opacity:1;padding:6px 11px;border-radius:0;border:1px solid var(--hairline-bright,rgba(234,237,242,0,.09));background:var(--header-bg,rgba(12,11,10,.72));box-shadow:none;transform-origin:left center;transition:max-width .32s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .24s cubic-bezier(.4,0,.2,1),border-width .2s ease,transform .28s cubic-bezier(.4,0,.2,1)}
#as-theme-switch .ts-dots button{width:15px;height:15px;flex:0 0 auto;border-radius:0;border:1.5px solid transparent;cursor:pointer;padding:0;outline:none;box-shadow:none;transition:transform .32s ease,border-color .12s ease}
#as-theme-switch .ts-dots button:hover{transform:scale(1.2)}
#as-theme-switch .ts-dots button[aria-pressed="true"]{border-color:var(--ink-strong);box-shadow:none}
#as-theme-switch,.ts-collapsed{gap:0}
#as-theme-switch.ts-collapsed .ts-dots{opacity:0;transform:translateY(6px) scale(.96);pointer-events:none}
@media(max-width:520px){#as-theme-switch .ts-dots{flex-wrap:wrap;max-width:212px}}
@media(max-width:640px){#as-theme-switch{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}}

select option{background:var(--bg-2);color:var(--ink-strong)}

@media print{
*,*::before,*::after{background:transparent!important;color:#111!important;box-shadow:none!important;text-shadow:none!important;}
html,body{background:#05060B!important}
nav,button,video,canvas,select,input,textarea,[aria-hidden="true"]{display:none!important}
a{color:#111!important;text-decoration:underline}
h1,h2,h3,h4{page-break-after:avoid}
table,figure,pre,blockquote{page-break-inside:avoid}
table{border-collapse:collapse!important;width:100%}
th,td{border:1px solid #999!important;padding:6px 8px!important}
img,svg{max-width:100%!important}
}


#mobile-jump-fab{left:18px !important;right:auto !important}

:root{--accent:#7ADCEC;--accent-bright:#8B9BF5;--accent-deep:#50B4E6;--accent-cyan:#7ADCEC}
.as-glyph{width:22px;height:22px;position:relative;flex:none;display:inline-block;vertical-align:middle}
.as-glyph i{position:absolute;inset:0;border:1.5px solid var(--accent);border-radius:0}
.as-glyph i:nth-child(2){transform:scale(.56);opacity:.55}
.as-glyph i:nth-child(3){inset:auto;left:50%;top:50%;width:3px;height:3px;background:var(--accent);border:none;border-radius:0;transform:translate(-50%,-50%);box-shadow:none}
.brand-mark svg,.a-mark{display:none!important}
[role="group"][aria-label="Color palette"]{display:none!important}
footer,.as-footer{position:relative;z-index:2;border-top:1px solid rgba(234,237,242,.12);padding:70px 0 40px;background:#05060B;font-family:var(--sans,'Inter Tight',sans-serif)}
footer.as-footer .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
footer.as-footer .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(234,237,242,.12)}
footer.as-footer .foot-brand .brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#EAEDF2;font-family:var(--serif,'Newsreader',serif);font-size:19px}
footer.as-footer .foot-tag{font-size:14px;color:#98A2B3;line-height:1.6;max-width:42ch;margin-bottom:14px}
footer.as-footer .foot-contact a{font-family:var(--mono,'JetBrains Mono',monospace);font-size:13px;color:var(--accent)}
footer.as-footer .foot-col h4{font-family:var(--mono,'JetBrains Mono',monospace);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7C8798;margin-bottom:16px;font-weight:500}
footer.as-footer .foot-col a{display:block;font-size:14.5px;color:#C9D1DC;margin-bottom:11px;text-decoration:none}
footer.as-footer .foot-base{display:flex;justify-content:space-between;align-items:center;padding-top:28px;font-size:12.5px;color:#7C8798}
footer.as-footer .foot-mono{font-family:var(--mono,'JetBrains Mono',monospace)}
@media(max-width:760px){footer.as-footer .foot-grid{grid-template-columns:1fr;gap:32px}footer.as-footer .foot-base{flex-direction:column;gap:10px;text-align:center}}
.palette{position:fixed;bottom:22px;right:22px;z-index:120;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(234,237,242,.16);border-radius:0;background:rgba(7,9,16,.82);}
.palette .pl{font-family:var(--mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7C8798;margin-right:2px}
.palette .swatch{width:16px;height:16px;border-radius:0;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;padding:0;background:none}
.palette .swatch i{display:block;width:100%;height:100%;border-radius:0}
.palette .swatch:hover{transform:scale(1.15)}
.palette .swatch,.active{border-color:#EAEDF2}
.palette .swatch[data-set="blue"] i{background:#7ADCEC}
.palette .swatch[data-set="cyan"] i{background:#4DD0C7}
.palette .swatch[data-set="violet"] i{background:#9B8CFF}
.palette .swatch[data-set="amber"] i{background:#E0A552}
.palette .swatch[data-set="mono"] i{background:#C9D2DE}
.palette .px{width:20px;height:20px;border:none;background:none;color:#7C8798;font-size:15px;line-height:1;cursor:pointer;padding:0;margin-left:3px;border-left:1px solid rgba(234,237,242,.12);padding-left:9px}
.palette .px:hover{color:#EAEDF2}
@media(max-width:760px){.palette{bottom:14px;right:14px;padding:7px 10px;gap:7px}.palette .pl{display:none}}
.btn.btn-primary,a.btn-primary,button,.btn-primary{background:var(--accent) !important;color:#05060B !important;border-color:transparent !important}a.mini,button,.mini{background:var(--accent-bright) !important;color:#05060B !important}form button,form .btn{background:var(--accent) !important;color:#05060B !important}
:root{--accent:#7ADCEC !important;--accent-bright:#8B9BF5 !important;--accent-deep:#50B4E6 !important;--accent-cyan:#7ADCEC !important;--on-accent:#05060B;--accent-tint:#05060B !important;--bg:#05060B !important;--bg-0:#05060B !important;--bg-1:#05060B !important;--bg-2:var(--field) !important;--bg-3:var(--field) !important;--bg-4:#05060B !important;--bg-warm:#05060B !important;--critical-tint:#05060B !important;--gold-tint:#05060B !important;--hairline:rgba(234,237,242,.12) !important;--hairline-bright:rgba(234,237,242,.12) !important;--hairline-md:rgba(234,237,242,.12) !important;--hairline-strong:rgba(234,237,242,.12) !important;--header-bg:#05060B !important;--ink:#E7EBF1 !important;--ink-dim:#98A2B3 !important;--ink-muted:#98A2B3 !important;--ink-primary:#E7EBF1 !important;--ink-sec:#98A2B3 !important;--ink-secondary:#98A2B3 !important;--ink-strong:#E7EBF1 !important;--line:rgba(234,237,242,.12) !important;--line-d:rgba(234,237,242,.12) !important;--link:#C9D1DC !important;--live-tint:#05060B !important;--surface-rgb:#05060B !important;--violet-tint:#05060B !important;--warn-tint:#05060B !important}html,body{background:#05060B !important;color:#C9D1DC !important}h1,h2,h3,h4{color:#EAEDF2 !important}a:not([class]):not([style*="background:var(--accent)"]):not([style*="background: var(--accent)"]){color:var(--accent-bright,#8B9BF5) !important}
/* R147 NAV REPAIR ---------------------------------------------------------
   Four defects, all in the shared nav so all 58 pages carried them:
   1 no mark at all, the brand was a bold text string
   2 menu items at inherited weight read as heavy, and grey read as dull
   3 .as-burger-bars had position but no width/height/background, so the
     hamburger rendered as an empty box
   4 the CTA was flat --cyan rather than the brand gradient
   ------------------------------------------------------------------------ */
.as-mark{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.as-mark-svg{width:26px;height:26px;flex:0 0 auto;display:block}
.as-mark-eos{font:600 18px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.015em;color:#F3F7FC}
.as-mark-sub{display:none}
@media(min-width:820px){
  .as-mark{align-items:baseline}
  .as-mark-sub{display:block;font:400 8.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.18em;text-transform:uppercase;color:#939FB2;margin-left:2px}
}
/* menu: lighter weight, brighter colour, tighter tracking */
.as-menu a{padding:13px 12px;font-size:15.5px;font-weight:450;letter-spacing:-.012em;
  color:#C3CBD8;border-radius:0;transition:color .35s ease}
.as-menu a:hover,.as-menu a:focus-visible{color:#F3F7FC}
.as-menu a[aria-current]{color:#B8EEF6}
/* burger: actually draw the bars */
.as-burger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  background:none;border:1px solid rgba(184,238,246,.22);cursor:pointer;padding:0}
.as-burger-bars{position:relative;display:block;width:17px;height:1.5px;
  background:#F3F7FC;transition:background .3s ease}
.as-burger-bars::before,.as-burger-bars::after{content:"";position:absolute;left:0;
  width:17px;height:1.5px;background:#F3F7FC}
.as-burger-bars::before{top:-6px}
.as-burger-bars::after{top:6px}
.as-burger[aria-expanded="true"] .as-burger-bars{background:transparent}
.as-burger[aria-expanded="true"] .as-burger-bars::before{top:0;transform:rotate(45deg)}
.as-burger[aria-expanded="true"] .as-burger-bars::after{top:0;transform:rotate(-45deg)}
/* CTA: brand gradient, not a flat swatch */
.as-cta a{background:linear-gradient(135deg,#B8EEF6,#7ADCEC 30%,#A3AEF8 68%,#B79BF4)!important;
  color:#0B0E14!important;font-weight:600;letter-spacing:-.01em;padding:11px 18px;margin-left:10px}
@media(max-width:820px){.as-cta a{margin:12px 0 0;text-align:center;padding:13px 18px}}

/* R147 NAV CLOSE ---------------------------------------------------------
   The panel opened but could only be closed by the burger or Escape. Tapping
   a link or outside the panel left it open, which reads as stuck. Also locks
   scroll while open so the page behind does not move under the panel. */
html.as-locked,html.as-locked body{overflow:hidden}
.as-burger{position:relative;z-index:2}
@media(max-width:820px){
  .as-menu{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,.68,.28,1)}
  .as-menu.open{max-height:78vh;overflow-y:auto;overscroll-behavior:contain}
}

/* R147 NAV ICON REPAIR ----------------------------------------------------
   The bars rendered as three short dashes sitting on the header rule: 17px
   wide inside a 40px button, hard 1.5px edges, full-brightness white. They
   read as imperfections in the line rather than as an icon.
   Fixed by: widening to fill the button, softening to the body ink colour
   rather than pure white, and giving the top and bottom bars slightly
   shorter lengths so the shape reads as a control. */
.as-burger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  background:none;border:1px solid rgba(184,238,246,.16);cursor:pointer;padding:0;
  position:relative;z-index:2;transition:border-color .4s ease}
.as-burger:hover{border-color:rgba(184,238,246,.34)}
.as-burger-bars{position:relative;display:block;width:19px;height:1px;
  background:#C3CBD8;transition:background .3s ease}
.as-burger-bars::before,.as-burger-bars::after{content:"";position:absolute;left:0;
  height:1px;background:#C3CBD8;transition:transform .3s cubic-bezier(.16,.68,.28,1),
  top .3s cubic-bezier(.16,.68,.28,1),width .3s ease}
.as-burger-bars::before{top:-6px;width:19px}
.as-burger-bars::after{top:6px;width:13px}
.as-burger:hover .as-burger-bars::after{width:19px}
.as-burger[aria-expanded="true"] .as-burger-bars{background:transparent}
.as-burger[aria-expanded="true"] .as-burger-bars::before{top:0;width:19px;transform:rotate(45deg)}
.as-burger[aria-expanded="true"] .as-burger-bars::after{top:0;width:19px;transform:rotate(-45deg)}

/* R147 HEADER RULE ---------------------------------------------------------
   The header edge read as imperfections rather than as a line. Cause: a
   hard 1px solid border at a single flat value, sitting directly under a
   translucent blurred bar. Against the backdrop-filter the solid edge
   aliases at fractional device pixels and breaks into visible segments,
   which is what the eye picked up as damage.
   Fix: replace the hard border with a soft gradient hairline that fades at
   both ends. It never terminates abruptly, so there is no edge to alias. */
.as-nav{border-bottom:0 !important;position:sticky !important;top:0;z-index:100;background:#05060B !important;backdrop-filter:none}
.as-nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(184,238,246,.10) 12%,
    rgba(184,238,246,.20) 50%,
    rgba(184,238,246,.10) 88%,
    transparent 100%)}

/* R147 STICKY NAV FIX ------------------------------------------------------
   overflow-x:hidden on <body> computes overflow-y to auto, which turns body
   into a scroll container. A position:sticky child of a scroll container
   sticks to THAT container, not the viewport, so the header scrolled away
   and page content passed behind it. Confirmed by measuring: nav top was
   -260px while scrolled 260px.
   Horizontal clipping moves to <html>, which does not create the same
   containing block, so sticky resolves against the viewport again. */
html{overflow-x:hidden}
body{overflow-x:visible !important}
.as-nav{position:sticky !important;top:0;z-index:100;background:#05060B !important}

/* R147 MENU CLIP FIX -------------------------------------------------------
   The collapsed menu had max-height:0 and overflow:hidden yet still measured
   25px tall, so a clipped line of nav text bled out below the header. Cause:
   the panel is display:flex and position:absolute, and in that combination
   the flex line established a height that max-height alone did not clip.
   Collapsing height, padding and border as well, and hiding it from the
   accessibility tree while closed, so nothing renders and nothing is
   focusable. The open state restores all of it. */
.as-menu:not(.open){
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.as-menu.open{
  visibility:visible !important;
  pointer-events:auto !important;
}

/* R147 CONTRAST FIX --------------------------------------------------------
   Two measured failures:
   1. The active mode card paints a violet background, but .md kept --haze
      text. Measured 1.08:1 against a 4.5 requirement, effectively invisible.
      White would only reach 3.24:1, so the correct fix is DARK text on the
      violet, which measures 6.00:1.
   2. The "Talk to us" CTA used --haze at 5.79:1, technically passing but
      visibly dim for a primary action. Raised to --mist, 16.02:1. */
.mode.on .md, .mode[aria-selected="true"] .md{ color:#0A0D14 !important; opacity:1 !important; }
.mode.on .mt, .mode[aria-selected="true"] .mt{ color:#05060B !important; }
.mode.on .mn, .mode[aria-selected="true"] .mn{ color:#0A0D14 !important; opacity:.75; }
.btn.ghost{ color:var(--mist) !important; }
.btn.ghost:hover{ color:#FFFFFF !important; border-color:var(--cyan) !important; }

/* R147 TABLE SCROLL AFFORDANCE ----------------------------------------------
   CORRECTION to an earlier pass in this same session: I initially diagnosed
   this table as broken (half its columns invisible with no way to reach
   them) and set max-width:100%, which conflicted with the table's own
   min-width:880px and changed nothing. Re-tested properly by scrolling the
   TABLE's own scrollLeft rather than the page: it works exactly as
   designed, min-width keeps columns readable and overflow-x:auto lets a
   user swipe to see the rest. Reverted the wrong fix.
   The real, smaller gap: nothing told a mobile user the table was
   scrollable. This adds a fade at the trailing edge that disappears once
   the table is scrolled to its end, so the affordance is only shown when
   there is something left to reveal. */
.arch-tbl-wrap{position:relative}
.arch-tbl-wrap::after{
  content:"";position:absolute;top:0;right:0;bottom:0;width:28px;
  background:linear-gradient(90deg,transparent,var(--void,#05060B) 92%);
  pointer-events:none;transition:opacity .3s ease}
.arch-tbl-wrap.at-end::after{opacity:0}

/* R147 FOOTER CONSOLIDATION -------------------------------------------------
   Three stacked blocks became one. The separate "Enter the consumer layer" panel
   and the "arriving from the wilderness" threshold restated the same crossing
   in a third voice on the same screen; both are folded into the one section
   that already had to exist for the legal separation language. Every material
   fact is retained, including the no-shared-runtime statement and the name-estate
   name. The gateway link also drops the hardcoded eth.limo host, so it
   resolves on whatever gateway the reader actually uses. */
.al-fine{display:block;margin-top:8px;font-size:11.5px;line-height:1.6;color:#6C7891;max-width:64ch}

/* R194: emphasis text was rendered in the neutralized accent token (#2A3342, 1.59:1). Emphasis reads in ink; the accent stays silent. */
em,h2 em,h3 em,h4 em{color:#A7B0C0}

/* R348 control-text integrity: character-level breaking is banned inside
   controls, so a squeezed button never renders one letter per line. */
.btn,button,a.btn,.pill,.chip,.tab,.badge,.status-label,[role="button"],[role="tab"]{overflow-wrap:normal;word-break:normal;hyphens:none}
.pill,.chip,.tab,.badge,.status-label,[role="tab"]{white-space:nowrap}