/* Coriolis Crisp (launch draft, 24 Oct 2026).
   The crisp kit (Business/Delta/skills/crisp-kit/tokens.md) with Coriolis plugged in: its three self-hosted
   typefaces and one cobalt accent. Every launch page links this file and nothing else for styling.
   Two layers:
     1. Crisp, for the whole site: true black, hairlines, mono readouts, quick quiet motion, no glow or blur.
     2. Glass (.glass-ui scope), for the Hive's floating surfaces over the live globe and maps only. This is
        Delta's Hive "look A" (Matt, 22 Oct 2026): frosted panels, a light top lip, a soft deep shadow and a
        sheen that follows the pointer. Type, spacing, radius and labels stay crisp inside it. */

@font-face { font-family: 'Schibsted Grotesk'; src: url('/static/fonts/schibsted-grotesk-var.woff2') format('woff2-variations'); font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('/static/fonts/ibm-plex-sans-var.woff2') format('woff2-variations'); font-weight: 100 700; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/static/fonts/ibm-plex-mono-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/static/fonts/ibm-plex-mono-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }

:root {
  /* brand hook */
  --accent: #2f7dff;
  --accent-hi: #8db8ff;
  --accent-ink: #000;
  --accent-dim: color-mix(in srgb, var(--accent) 22%, transparent);

  /* black scale */
  --k0: #000; --k1: #0a0a0a; --k2: #121212; --k3: #1c1c1c;

  /* text */
  --ink: #f2f2f2; --ink-2: #a3a3a3; --ink-3: #6e6e6e;

  /* lines */
  --line: rgba(255, 255, 255, 0.09); --line-2: rgba(255, 255, 255, 0.16); --hair: 1px;

  /* status: state only */
  --ok: #7fd9a0; --warn: #8db8ff; --bad: #ff6b6b;
  --modelled: #b49cff;              /* the one Coriolis-specific status: a modelled (not sourced) figure */

  /* type: Coriolis faces in the kit's roles */
  --font-display: 'Schibsted Grotesk', 'Inter Tight', system-ui, sans-serif;
  --font-sans: 'IBM Plex Sans', 'Segoe UI Variable', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', monospace;
  --t-xs: 11px; --t-sm: 13px; --t-md: 15px; --t-lg: 19px; --t-xl: 26px; --t-2xl: 38px; --t-3xl: 56px; --t-4xl: 80px;
  --lh-tight: 1.1; --lh: 1.5;
  --track-label: 0.14em; --track-head: -0.02em;

  /* space */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px; --s9: 120px;
  --radius: 6px; --tap: 44px;
  --measure: 70ch; --wide: 1200px;

  /* motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --d-fast: 150ms; --d: 200ms; --d-slow: 250ms;

  /* glass (Hive surfaces only) */
  --g-body: rgba(10, 13, 18, .52); --g-edge: rgba(255, 255, 255, .13); --g-lip: rgba(255, 255, 255, .22);
  --g-sheen: linear-gradient(112deg, transparent 34%, rgba(150, 225, 255, .075) 46%, rgba(255, 165, 235, .055) 54%, transparent 66%);
  --g-shade: 0 24px 70px rgba(0, 0, 0, .55);
}

/* ── base ─────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--k0); color: var(--ink); color-scheme: dark; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--k0); color: var(--ink); font: var(--t-md)/var(--lh) var(--font-sans);
       -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 600; line-height: var(--lh-tight); letter-spacing: var(--track-head); margin: 0 0 var(--s4); }
h1 { font-size: clamp(38px, 6.4vw, var(--t-3xl)); }
h2 { font-size: clamp(28px, 4.2vw, var(--t-2xl)); }
h3 { font-size: var(--t-lg); }
h4 { font-size: var(--t-md); }
p { margin: 0 0 var(--s4); max-width: var(--measure); color: var(--ink-2); }
p.lede { font-size: var(--t-lg); color: var(--ink); }
strong, b { font-weight: 600; color: var(--ink); }
a { color: inherit; text-decoration-color: var(--line-2); text-underline-offset: 3px; transition: text-decoration-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease); }
a:hover { text-decoration-color: var(--accent); }
:focus-visible { outline: var(--hair) solid var(--accent); outline-offset: 2px; }
::selection { background: var(--accent-dim); }
img, svg, video, canvas { display: block; max-width: 100%; }
hr, .rule { height: 0; border: 0; border-top: var(--hair) solid var(--line); margin: var(--s6) 0; }
.skip { position: absolute; left: -9999px; top: 0; }
.skip:focus { left: var(--s4); top: var(--s4); z-index: 100; background: var(--k1); padding: var(--s2) var(--s3); border: var(--hair) solid var(--accent); border-radius: var(--radius); }

/* ── parts ────────────────────────────────────────────────────────────── */
.label { font: 500 var(--t-xs)/1.2 var(--font-mono); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-3); }
.label.accent { color: var(--accent-hi); }
.readout { font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.muted { color: var(--ink-2); }
.modelled { color: var(--modelled); }
.dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); display: inline-block; vertical-align: middle; }
.dot.live { background: var(--ok); }

.wrap { max-width: var(--wide); margin: 0 auto; padding: 0 var(--s5); }
.narrow { max-width: 760px; margin: 0 auto; padding: 0 var(--s5); }
.section { padding: var(--s8) 0; border-top: var(--hair) solid var(--line); }
.section:first-of-type { border-top: 0; }
.section-head { display: flex; flex-direction: column; gap: var(--s3); margin-bottom: var(--s6); }
.section-head p { margin: 0; }

.panel { background: var(--k1); border: var(--hair) solid var(--line); border-radius: var(--radius); padding: var(--s5); }

/* grid of cells divided by hairlines (no boxes in boxes) */
.cells { display: grid; gap: var(--hair); background: var(--line); border: var(--hair) solid var(--line); border-radius: var(--radius); overflow: hidden; }
.cells > * { background: var(--k0); padding: var(--s5); }
.cells.c2 { grid-template-columns: repeat(2, 1fr); }
.cells.c3 { grid-template-columns: repeat(3, 1fr); }
.cells.c4 { grid-template-columns: repeat(4, 1fr); }
.cells h3 { margin-bottom: var(--s2); }
.cells p { font-size: var(--t-sm); margin-bottom: 0; }
a.cell { text-decoration: none; transition: background var(--d-fast) var(--ease); }
a.cell:hover { background: var(--k2); }

/* buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); min-height: var(--tap); padding: 0 var(--s5);
       border-radius: var(--radius); border: var(--hair) solid var(--line-2); background: transparent; color: var(--ink);
       font: 500 var(--t-sm)/1 var(--font-sans); text-decoration: none; cursor: pointer; white-space: nowrap;
       transition: background var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease); }
.btn:hover { background: var(--k2); border-color: var(--accent); }
.btn.primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); font-weight: 600; }
.btn.primary:hover { background: var(--accent-hi); border-color: var(--accent-hi); }
.btn.ghost { border-color: transparent; }
.btn[disabled], .btn[aria-disabled="true"] { opacity: .45; pointer-events: none; }
.actions { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; }

/* tags */
.tag { display: inline-flex; align-items: center; gap: 6px; font: 500 var(--t-xs)/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase;
       padding: 5px 8px; border: var(--hair) solid var(--line-2); border-radius: var(--radius); color: var(--ink-2); }
.tag.accent { border-color: var(--accent); color: var(--accent-hi); }
.tag.ok { border-color: var(--ok); color: var(--ok); }
.tag.warn { border-color: var(--warn); color: var(--warn); }
.tag.modelled { border-color: var(--modelled); color: var(--modelled); }

/* tables */
.table { width: 100%; border-collapse: collapse; font-size: var(--t-sm); }
.table th { text-align: left; font: 500 var(--t-xs)/1.2 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3);
            padding: var(--s3); border-bottom: var(--hair) solid var(--line); }
.table td { padding: var(--s3); border-bottom: var(--hair) solid var(--line); color: var(--ink-2); vertical-align: top; }
.table td.num, .table th.num { text-align: right; font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* forms */
.field { display: flex; flex-direction: column; gap: var(--s2); margin-bottom: var(--s4); }
.field label { font: 500 var(--t-xs)/1 var(--font-mono); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-3); }
.input, .field input, .field select, .field textarea {
  min-height: var(--tap); width: 100%; padding: var(--s3); background: var(--k1); color: var(--ink);
  border: var(--hair) solid var(--line-2); border-radius: var(--radius); font: var(--t-md)/1.4 var(--font-sans);
  transition: border-color var(--d-fast) var(--ease); }
.field textarea { min-height: 120px; resize: vertical; }
.input:focus, .field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--accent); }
.check { display: flex; gap: var(--s3); align-items: flex-start; min-height: var(--tap); padding: var(--s2) 0; color: var(--ink-2); font-size: var(--t-sm); cursor: pointer; }
.check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--accent); }
.form-note { font-size: var(--t-sm); color: var(--ink-3); }
.form-msg { font-size: var(--t-sm); margin-top: var(--s3); }
.form-msg.ok { color: var(--ok); } .form-msg.bad { color: var(--bad); }

/* notices */
.notice { border: var(--hair) solid var(--line); border-left: 2px solid var(--accent); border-radius: var(--radius); padding: var(--s4) var(--s5); background: var(--k1); }
.notice.warn { border-left-color: var(--warn); }
.notice.modelled { border-left-color: var(--modelled); }
.notice p:last-child { margin-bottom: 0; }

/* draft bar: on every launch page until Matt approves */
.draft-bar { position: sticky; top: 0; z-index: 60; background: #0b1d4a; color: #cfe0ff; border-bottom: 1px solid rgba(47, 125, 255, .55); font: 600 var(--t-xs)/1 var(--font-mono);
             letter-spacing: .1em; text-transform: uppercase; text-align: center; padding: 7px var(--s4); }

/* ── site chrome (rendered by /static/launch/site.js) ─────────────────── */
.site-nav { position: sticky; top: 0; z-index: 50; background: rgba(0, 0, 0, .86); border-bottom: var(--hair) solid var(--line); }
.draft-bar + .site-nav, .draft-bar ~ .site-nav { top: 25px; }
.site-nav .wrap { display: flex; align-items: center; gap: var(--s5); min-height: 60px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font: 700 13px/1 var(--font-display); letter-spacing: .2em; text-transform: uppercase; color: var(--ink); }
.brand .dot { width: 8px; height: 8px; }
.site-nav .brand, .site-foot .brand { min-height: var(--tap); }
.site-nav .links { display: flex; gap: var(--s1); flex: 1; }
.site-nav .links a { text-decoration: none; color: var(--ink-2); font-size: var(--t-sm); padding: 10px var(--s3); border-radius: var(--radius); transition: color var(--d-fast) var(--ease); }
.site-nav .links a:hover, .site-nav .links a[aria-current="page"] { color: var(--ink); }
.site-nav .right { display: flex; gap: var(--s2); align-items: center; }
.site-nav .menu-btn { display: none; }
/* Domains opens a short list of the six domain pages, on hover or keyboard focus (26 Oct 2026) */
.nav-dd { position: relative; display: flex; }
.nav-dd .dd { position: absolute; top: calc(100% + 4px); left: 0; min-width: 190px; display: grid; padding: 6px; background: rgba(10, 13, 18, .97); border: var(--hair) solid var(--line-2); border-radius: 10px; box-shadow: 0 24px 60px rgba(0, 0, 0, .55); opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity var(--d-fast) var(--ease), transform var(--d-fast) var(--ease), visibility 0s linear var(--d-fast); z-index: 60; }
.nav-dd .dd::before { content: ''; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
.nav-dd:hover .dd, .nav-dd:focus-within .dd { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.site-nav .nav-dd .dd a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; }
.nav-dd .dd a:hover { background: rgba(255, 255, 255, .05); }
.nav-dd .dd i { width: 7px; height: 7px; border-radius: 50%; background: var(--hue); box-shadow: 0 0 8px var(--hue); }
.site-foot { border-top: var(--hair) solid var(--line); padding: var(--s7) 0 var(--s6); margin-top: var(--s8); }
.site-foot .cols { display: grid; grid-template-columns: 2fr repeat(4, 1fr); gap: var(--s5); }
.site-foot h4 { font: 500 var(--t-xs)/1 var(--font-mono); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-3); margin-bottom: var(--s3); }
.site-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.site-foot a { text-decoration: none; color: var(--ink-2); font-size: var(--t-sm); }
.site-foot ul a { display: inline-flex; align-items: center; min-height: var(--tap); }
.site-foot a:hover { color: var(--ink); }
.site-foot .fine { margin-top: var(--s6); padding-top: var(--s4); border-top: var(--hair) solid var(--line); font-size: var(--t-xs); color: var(--ink-3); display: flex; flex-wrap: wrap; gap: var(--s4); justify-content: space-between; }

/* ── page heroes ──────────────────────────────────────────────────────── */
.hero { padding: var(--s9) 0 var(--s8); }
.hero h1 { max-width: 16ch; }
.hero .lede { max-width: 56ch; }
.kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--hair); background: var(--line); border: var(--hair) solid var(--line); border-radius: var(--radius); overflow: hidden; margin-top: var(--s6); }
.kpis > div { background: var(--k0); padding: var(--s4) var(--s5); }
.kpis .v { font: 500 var(--t-xl)/1.1 var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); margin-top: var(--s2); }
.kpis .v small { font-size: var(--t-sm); color: var(--ink-3); margin-left: 4px; }

/* ── pricing ──────────────────────────────────────────────────────────── */
.tiers { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--hair); background: var(--line); border: var(--hair) solid var(--line); border-radius: var(--radius); overflow: hidden; }
.tier { background: var(--k0); padding: var(--s5); display: flex; flex-direction: column; gap: var(--s3); }
.tier.featured { background: var(--k1); box-shadow: inset 0 2px 0 var(--accent); }
.tier .price { font: 500 var(--t-2xl)/1 var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); }
.tier .price small { font-size: var(--t-sm); color: var(--ink-3); }
.tier ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s2); font-size: var(--t-sm); color: var(--ink-2); flex: 1; }
.tier li::before { content: ''; display: inline-block; width: 10px; height: 1px; background: var(--accent); vertical-align: middle; margin-right: var(--s2); }
.placeholder { color: var(--modelled); }   /* prices not set yet */

/* ── legal prose ──────────────────────────────────────────────────────── */
.prose { max-width: var(--measure); }
.prose h2 { font-size: var(--t-xl); margin-top: var(--s7); }
.prose h3 { font-size: var(--t-lg); margin-top: var(--s6); }
.prose p, .prose li { color: var(--ink-2); }
.prose ol, .prose ul { padding-left: 1.3em; }
.prose li { margin: var(--s2) 0; }
.prose .bracket { color: var(--modelled); }   /* a decision still open for Matt */
.toc { position: sticky; top: 100px; font-size: var(--t-sm); }
.toc a { display: block; padding: 6px 0; color: var(--ink-3); text-decoration: none; }
.toc a:hover { color: var(--ink); }
.legal-layout { display: grid; grid-template-columns: 220px 1fr; gap: var(--s7); }

/* ── motion parts ─────────────────────────────────────────────────────── */
/* Hidden only when scripts run, so a page without JS (or a reader, or a crawler) still shows everything. */
@media (scripting: enabled) {
  .reveal { opacity: 0; transform: translateY(8px); transition: opacity var(--d-slow) var(--ease), transform var(--d-slow) var(--ease); }
  .reveal.in { opacity: 1; transform: none; }
}

/* ── site pages (home, pricing, founding, your zone, sources, trust) ──── */
.eyebrow { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; margin-bottom: var(--s5); }
.page-head { padding: var(--s8) 0 var(--s7); }
.page-head h1 { max-width: 20ch; }
.page-head .lede { max-width: 60ch; }
.note { font-size: var(--t-sm); color: var(--ink-3); max-width: var(--measure); }
.note a { color: var(--ink-2); }
.more { display: inline-flex; align-items: center; gap: var(--s2); min-height: var(--tap); font-size: var(--t-sm); color: var(--ink); text-decoration: none; }
.more::after { content: '\2192'; color: var(--accent-hi); transition: transform var(--d-fast) var(--ease); }
.more:hover::after { transform: translateX(3px); }
a.cell .more { min-height: 0; margin-top: var(--s4); }
.cell .label + h3 { margin-top: var(--s3); }
.stack > * + * { margin-top: var(--s4); }
.split { display: grid; grid-template-columns: 5fr 7fr; gap: var(--s7); align-items: start; }

/* home: one 3D Earth fixed behind the page (Matt, 25 Oct 2026). The hero and the six domain chapters float over
   it in glass; the camera flies to each domain as its chapter scrolls in, then pulls back for the Hive. The
   sections after the Hive sit on solid black and the Earth pauses under them. */
.home3d .earth { position: fixed; inset: 0; z-index: 0; background: radial-gradient(48% 62% at 70% 52%, rgba(47, 125, 255, .14), transparent 72%), #000; transition: opacity .7s var(--ease); }
.home3d .earth.off { opacity: 0; }
.home3d .veil { position: fixed; inset: 0; z-index: 1; pointer-events: none; transition: opacity .9s var(--ease);
  background: linear-gradient(90deg, rgba(0, 0, 0, .86) 0%, rgba(0, 0, 0, .6) 28%, rgba(0, 0, 0, 0) 54%),
              linear-gradient(180deg, rgba(0, 0, 0, .55) 0%, transparent 20%, transparent 74%, rgba(0, 0, 0, .75) 100%); }
.home3d .veil.centre { background: radial-gradient(70% 70% at 50% 50%, rgba(0, 0, 0, .2), rgba(0, 0, 0, .78)); }
.home3d .site-nav { background: rgba(0, 0, 0, .38); backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%); }
.home3d main, .home3d .site-foot { position: relative; z-index: 2; }
.home3d .site-foot { background: #000; margin-top: 0; }
.home3d .float { pointer-events: none; }
.home3d .float a, .home3d .float button, .home3d .float .glass, .home3d .float .copy, .home3d .float .story-head { pointer-events: auto; }

/* hero */
.h3d-hero { position: relative; min-height: calc(100svh - 86px); display: flex; flex-direction: column; justify-content: center; padding: var(--s7) 0 64px; }
.h3d-hero > .wrap, .h3d-hive > .wrap { width: 100%; }
.h3d-hero .copy { max-width: 640px; }
.h3d-hero .eyebrow { display: flex; gap: var(--s4); margin-bottom: var(--s5); }
.h3d-hero h1 { font-size: clamp(44px, 5.3vw, 86px); line-height: .98; letter-spacing: -.035em; max-width: 12ch; margin-bottom: var(--s5); text-wrap: balance; }
.h3d-hero h1 .l1 { display: block; }
.h3d-hero h1 em { font-style: normal; background: linear-gradient(100deg, #f2fbff 0%, #a9c8ff 40%, #2f7dff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.h3d-hero .lede { font-size: clamp(16px, 1.3vw, 19px); color: #c6d2e8; max-width: 48ch; }
.h3d-hero .actions { display: flex; gap: var(--s3); flex-wrap: wrap; margin-top: var(--s5); }
.h3d-hero .note { margin-top: var(--s4); color: var(--ink-3); font-size: var(--t-sm); }
.btn.glow { box-shadow: 0 0 0 1px rgba(141, 184, 255, .35) inset, 0 10px 40px rgba(47, 125, 255, .45); }
.btn.glassy { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .18); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

/* the tour readout: one slim instrument strip along the foot of the hero, clear of the planet's face (26 Oct) */
.h3d-hero .wrap { flex: 1; display: flex; flex-direction: column; }
.h3d-hero .copy { margin-top: auto; }
.h3d-ro { position: relative; width: 100%; margin: auto 0 0; padding-top: var(--s7); }
.h3d-ro .readout-panel { position: relative; width: auto; display: grid; grid-template-columns: 150px minmax(0, 1.25fr) minmax(0, 2.1fr) auto auto; align-items: center; gap: var(--s5);
  padding: 16px var(--s5); border-radius: 14px; overflow: hidden; }
.h3d-ro .readout-panel .top { flex-direction: column; gap: 6px; }
.h3d-ro .readout-panel .name { font-size: var(--t-md); margin: 0; min-height: 0; line-height: 1.3; text-wrap: balance; }
.h3d-ro .readout-panel dl { grid-auto-flow: column; grid-auto-columns: 1fr; gap: var(--s4); }
.h3d-ro .readout-panel dl div { flex-direction: column; gap: 3px; justify-content: flex-start; }
.h3d-ro .readout-panel dd { text-align: left; white-space: nowrap; font-size: var(--t-sm); }
.h3d-ro .readout-panel dd.over { color: #a6f0ff; }
.h3d-ro .readout-panel .foot { flex-direction: column; align-items: flex-start; gap: 4px; margin: 0; padding: 0; border: 0; }
.h3d-ro .readout-panel .foot a { min-height: 0; white-space: nowrap; }
.h3d-ro .readout-panel .ctl { margin: 0; gap: 6px; }
.h3d-ro .ctl button { flex: none; width: 36px; height: 36px; min-height: 0; padding: 0; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .04);
  border: var(--hair) solid rgba(255, 255, 255, .14); color: var(--ink-2); cursor: pointer; }
.h3d-ro .ctl button:hover { color: var(--ink); border-color: var(--accent); background: rgba(47, 125, 255, .14); }
.h3d-ro .ctl svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.h3d-ro .ctl .i-play { fill: currentColor; stroke: none; display: none; }
.h3d-ro.is-paused .ctl .i-play { display: block; }
.h3d-ro.is-paused .ctl .i-pause { display: none; }
.h3d-ro .meter { position: absolute; left: 0; right: 0; top: 0; height: 2px; margin: 0; background: rgba(255, 255, 255, .06); }
.h3d-ro .meter i { display: block; height: 100%; width: 100%; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, #2f7dff, #6fd8ff); box-shadow: 0 0 10px #2f7dff; }
.globe.is-live .h3d-ro .ctl, .h3d-ro.is-live .ctl { display: flex; }
/* each new zone settles in rather than snapping */
@media (prefers-reduced-motion: no-preference) {
  .h3d-ro.swap .name, .h3d-ro.swap dd, .h3d-ro.swap [data-ro-domain] { animation: ro-in .55s var(--ease) both; }
  .h3d-ro.swap dd { animation-delay: .06s; }
}
@keyframes ro-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* a quiet scroll cue under the hero */
.cue { position: absolute; left: 50%; bottom: 14px; width: 22px; height: 34px; margin-left: -11px; border: 1.5px solid rgba(255, 255, 255, .28); border-radius: 12px; pointer-events: auto; transition: opacity .5s var(--ease); }
.cue i { position: absolute; left: 50%; top: 7px; width: 3px; height: 7px; margin-left: -1.5px; border-radius: 2px; background: #9ec5ff; }
@media (prefers-reduced-motion: no-preference) { .cue i { animation: cue 2.2s var(--ease) infinite; } }
@keyframes cue { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 80% { opacity: 0; transform: translateY(12px); } 100% { opacity: 0; } }
body.scrolled .cue { opacity: 0; pointer-events: none; }

/* the opening: the words arrive in turn while the planet flies in from deep space */
@media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
  .h3d-hero .eyebrow, .h3d-hero h1 .l1, .h3d-hero h1 em, .h3d-hero .lede, .h3d-hero .actions, .h3d-hero .note, .h3d-hero .h3d-ro, .h3d-hero .cue { animation: rise 1.2s var(--ease) both; }
  .h3d-hero h1 em { display: inline-block; }
  .h3d-hero .eyebrow { animation-delay: .15s; }
  .h3d-hero h1 .l1 { animation-delay: .3s; }
  .h3d-hero h1 em { animation-delay: .48s; }
  .h3d-hero .lede { animation-delay: .7s; }
  .h3d-hero .actions { animation-delay: .86s; }
  .h3d-hero .note { animation-delay: 1s; }
  .h3d-hero .h3d-ro { animation-delay: 1.9s; animation-duration: 1.4s; }
  .h3d-hero .cue { animation-delay: 2.6s; }
}
@keyframes rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }

/* the platform in numbers, under the six domains' heading */
.h3d-kpis { margin-top: var(--s6); display: grid; grid-template-columns: repeat(4, auto); justify-content: start; gap: 0; }
.h3d-kpis > div { padding: 0 var(--s6) 0 var(--s5); border-left: var(--hair) solid rgba(255, 255, 255, .14); }
.h3d-kpis > div:first-child { border-left: 0; padding-left: 0; }
.h3d-kpis .v { font: 500 clamp(22px, 2.2vw, 30px)/1.1 var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); margin-top: var(--s2); }
.h3d-kpis .v small { font-size: var(--t-sm); color: var(--ink-3); margin-left: 4px; }

/* "What Coriolis does": three steps over a scroll-driven sweep onto one basin */
.h3d-engine .story-head { padding-bottom: 0; }
.h3d-engine .story-head h2 { max-width: 20ch; }
/* headings break where the meaning does: .ln is a line of its own, .ph a phrase kept whole */
h1, h2, h3 { text-wrap: balance; }
h1 .ln, h2 .ln, h3 .ln { display: block; }
h1 .ph, h2 .ph, h3 .ph { display: inline-block; }
.beat { min-height: 115svh; display: flex; align-items: center; padding: var(--s7) 0; }
.beat:first-of-type { min-height: 100svh; }
.beat-card { width: min(450px, 100%); padding: var(--s5); opacity: .3; transform: translateY(24px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.beat.on .beat-card { opacity: 1; transform: none; }
.beat-card > .label { color: #9ec5ff; }
.beat-card h3 { font-size: clamp(26px, 2.6vw, 36px); letter-spacing: -.025em; line-height: 1.05; margin: var(--s3) 0; text-wrap: balance; }
.beat-card p { color: #c6d2e8; font-size: var(--t-md); }
.beat-card b.num { font: 500 1.05em/1 var(--font-mono); color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.beat-card b.num.over { color: #a6f0ff; }
.beat-card .claims { display: grid; gap: 7px; margin-top: var(--s4); }
.beat-card .claims span { position: relative; display: flex; justify-content: space-between; font-size: var(--t-sm); color: var(--ink-2); padding-bottom: 6px; }
.beat-card .claims span::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: var(--w); min-width: 3px; border-radius: 2px; background: var(--hue); box-shadow: 0 0 10px var(--hue);
  transform: scaleX(0); transform-origin: left; transition: transform 1s var(--ease) .15s; }
.beat.on .claims span::after { transform: none; }
.beat-card .claims b { font: 500 var(--t-sm)/1 var(--font-mono); color: var(--ink); font-variant-numeric: tabular-nums; }
.beat-card .gauge { height: 12px; }
.beat-card .gauge .fill { background: linear-gradient(90deg, #8fd0ff, #2f7dff); box-shadow: 0 0 18px rgba(47, 125, 255, .55); border-radius: 3px 0 0 3px; }
.beat-card .gauge .excess { border-color: rgba(166, 240, 255, .6); border-style: dashed; background: repeating-linear-gradient(135deg, transparent 0 5px, rgba(166, 240, 255, .16) 5px 6px); }
.split-table { width: 100%; border-collapse: collapse; margin-top: var(--s4); font-size: var(--t-sm); }
.split-table th, .split-table td { padding: 7px 0; text-align: right; border-bottom: var(--hair) solid rgba(255, 255, 255, .07); font-variant-numeric: tabular-nums; }
.split-table thead th { font: 500 var(--t-xs)/1.2 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.split-table th:first-child { text-align: left; }
.split-table tbody th { font-weight: 500; color: var(--ink); }
.split-table tbody th::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--hue); box-shadow: 0 0 8px var(--hue); margin-right: 8px; vertical-align: 1px; }
.split-table td { font-family: var(--font-mono); color: var(--ink-2); padding-left: var(--s3); }
.split-table td:nth-child(3) { color: #fff; }
.split-table td:last-child { white-space: nowrap; }
.split-table td i { display: inline-block; width: 36px; height: 3px; border-radius: 2px; margin-right: 8px; vertical-align: 2px; background: linear-gradient(90deg, var(--hue) var(--k), rgba(255, 255, 255, .1) var(--k)); }
.beat-card .ch-links { margin-top: var(--s4); }

/* the story: six domains, one chapter each, the camera flying between them */
.story-head { padding: var(--s9) 0 var(--s7); max-width: 640px; }
.story-head h2 { font-size: clamp(32px, 4.4vw, 60px); line-height: 1.02; letter-spacing: -.03em; text-wrap: balance; }
.story-head p { font-size: var(--t-lg); color: #c6d2e8; }
.h3d-hive .story-head { text-shadow: 0 2px 24px rgba(0, 0, 0, .8); }
.chapter { min-height: 100svh; display: flex; align-items: center; padding: var(--s7) 0; }
.chapter:last-of-type { min-height: 90svh; }
.ch-card { width: min(470px, 100%); padding: var(--s5) var(--s5) var(--s4); --hue: var(--accent); opacity: .35; transform: translateY(18px) scale(.985); transition: opacity .6s var(--ease), transform .6s var(--ease); }
.chapter.on .ch-card { opacity: 1; transform: none; }
.ch-top { display: flex; align-items: center; gap: var(--s3); margin-bottom: var(--s4); }
.ch-top .ico { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; color: var(--hue);
  background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--hue) 34%, transparent), color-mix(in srgb, var(--hue) 8%, transparent));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 24px color-mix(in srgb, var(--hue) 35%, transparent); }
.ch-top .ico svg { width: 22px; height: 22px; }
.ch-top .label:first-of-type { color: var(--hue); }
.ch-top .label + .label { margin-left: auto; }
.ch-card h3 { font-size: clamp(24px, 2.4vw, 32px); letter-spacing: -.02em; margin-bottom: var(--s3); }
.ch-card .gauge { height: 12px; }
.ch-card .gauge .fill { background: linear-gradient(90deg, color-mix(in srgb, var(--hue) 55%, #fff), var(--hue)); box-shadow: 0 0 18px color-mix(in srgb, var(--hue) 50%, transparent); border-radius: 3px 0 0 3px; }
.ch-card .gauge .excess { border-color: color-mix(in srgb, var(--hue) 60%, transparent); border-style: dashed; background: repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in srgb, var(--hue) 14%, transparent) 5px 6px); }
.ch-card .gauge-legend { margin-bottom: var(--s3); }
.ch-card .fig { font-size: var(--t-sm); color: var(--ink-2); }
.ch-card .dom { font-size: var(--t-sm); color: var(--ink-2); border-top: var(--hair) solid rgba(255, 255, 255, .08); padding-top: var(--s3); margin-top: var(--s3); }
.ch-links { display: flex; align-items: center; gap: var(--s4); flex-wrap: wrap; margin-top: var(--s3); }
.ch-links .btn { min-height: 40px; }
.ch-links a.more { font-size: var(--t-sm); color: var(--ink-2); }
.ch-rail { position: fixed; right: var(--s5); top: 50%; transform: translateY(-50%); z-index: 3; display: flex; flex-direction: column; gap: 10px; opacity: 0; pointer-events: none; transition: opacity .4s var(--ease); }
.ch-rail.on { opacity: 1; pointer-events: auto; }
.ch-rail a { width: 10px; height: 10px; border-radius: 50%; border: var(--hair) solid rgba(255, 255, 255, .35); display: block; }
.ch-rail a.on { background: var(--hue, var(--accent)); border-color: var(--hue, var(--accent)); box-shadow: 0 0 12px var(--hue, var(--accent)); }

/* the Hive: the camera pulls back, everything lights up */
.h3d-hive { padding: var(--s9) 0; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; }
.h3d-hive .story-head { max-width: 760px; margin: 0 auto; text-align: center; padding: 0 0 var(--s7); }
.h3d-hive .story-head p { margin-left: auto; margin-right: auto; }
.hive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s3); }
.hive-grid .glass { padding: var(--s5); }
.hive-grid h3 { margin: var(--s2) 0; }
.hive-grid p { font-size: var(--t-sm); margin: 0; }
.hive-go { text-align: center; margin-top: var(--s7); }
.hive-go .btn { min-height: 54px; padding: 0 var(--s7); font-size: var(--t-md); }
.hive-go p { margin: var(--s4) auto 0; font-size: var(--t-sm); color: var(--ink-3); }

/* after the Hive: solid ground, the Earth pauses */
.solid { position: relative; background: #000; }
.home3d.leaving main, .home3d.leaving .site-nav, .home3d.leaving .site-foot, .home3d.leaving .ch-rail, .home3d.leaving .draft-bar { opacity: 0; pointer-events: none; transition: opacity .6s var(--ease); }
.home3d.leaving .veil { opacity: 0; }
.solid::before { content: ""; position: absolute; left: 0; right: 0; top: -160px; height: 160px; background: linear-gradient(180deg, transparent, #000); pointer-events: none; }

@media (max-width: 1180px) {
  .h3d-ro .readout-panel { grid-template-columns: 130px minmax(0, 1fr) minmax(0, 1.8fr) auto; }
  .h3d-ro .readout-panel .foot { display: none; }
}
@media (max-width: 960px) {
  .hive-grid { grid-template-columns: 1fr 1fr; }
  .h3d-ro { position: static; width: 100%; margin-top: var(--s6); }
  .h3d-ro .readout-panel { grid-template-columns: minmax(0, 1fr) auto; gap: var(--s3) var(--s4); padding: var(--s4); }
  .h3d-ro .readout-panel .top { flex-direction: row; justify-content: space-between; grid-column: 1 / -1; }
  .h3d-ro .readout-panel .name { grid-column: 1 / -1; }
  .h3d-ro .readout-panel dl { grid-column: 1 / -1; }
  .h3d-ro .readout-panel .foot { display: flex; flex-direction: row; align-items: center; }
  .ch-rail { display: none; }
}
@media (max-width: 720px) {
  .home3d .veil { background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .2) 34%, transparent 52%, rgba(0, 0, 0, .55) 100%); }
  .h3d-hero .note { display: none; }
  .h3d-hero .actions .btn:not(.primary) { background: rgba(0, 0, 0, .55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  .h3d-hero { min-height: 0; padding: var(--s6) 0 var(--s5); justify-content: flex-start; }
  .h3d-hero h1 { font-size: clamp(38px, 11vw, 52px); }
  .h3d-hero .spacer { height: 42svh; }
  .h3d-kpis { grid-template-columns: 1fr 1fr; margin-top: var(--s5); gap: var(--s4) 0; }
  .h3d-kpis > div { padding: 0 var(--s4); }
  .h3d-kpis > div:nth-child(odd) { border-left: 0; padding-left: 0; }
  .cue { display: none; }
  .beat { align-items: flex-end; min-height: 110svh; padding: 0 0 var(--s6); }
  .beat-card { padding: var(--s4); }
  .beat-card h3 { font-size: 26px; }
  .split-table td i { display: none; }
  .story-head { padding: var(--s8) 0 var(--s5); }
  .chapter { align-items: flex-end; min-height: 108svh; padding: 0 0 var(--s6); }
  .ch-card { padding: var(--s4); }
  .hive-grid { grid-template-columns: 1fr; }
}
@media (min-width: 721px) { .h3d-hero .spacer { display: none; } }

.readout-panel { position: absolute; left: 0; bottom: 0; width: min(300px, 100%); background: rgba(0, 0, 0, .9);
                 border: var(--hair) solid var(--line); border-radius: var(--radius); padding: var(--s4); }
.readout-panel .top { display: flex; justify-content: space-between; gap: var(--s3); }
.readout-panel .name { font: 600 var(--t-md)/1.25 var(--font-display); color: var(--ink); margin: var(--s2) 0 var(--s3); min-height: 2.5em; }
.readout-panel dl { margin: 0; display: grid; gap: var(--s1); }
.readout-panel dl div { display: flex; justify-content: space-between; gap: var(--s3); }
.readout-panel dt { font: 500 var(--t-xs)/1.6 var(--font-mono); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-3); }
.readout-panel dd { margin: 0; font: 400 var(--t-sm)/1.6 var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); text-align: right; }
.readout-panel dd.over { color: var(--ink); }
.readout-panel .foot { display: flex; justify-content: space-between; align-items: center; gap: var(--s3); margin-top: var(--s3); padding-top: var(--s3); border-top: var(--hair) solid var(--line); }
.readout-panel .foot a { font-size: var(--t-sm); color: var(--ink-2); min-height: var(--tap); display: inline-flex; align-items: center; }
.readout-panel .ctl { display: none; gap: var(--s1); margin-top: var(--s2); }
.globe.is-live .readout-panel .ctl { display: flex; }
.ctl button { flex: 1; min-height: var(--tap); background: transparent; color: var(--ink-2); border: var(--hair) solid var(--line); border-radius: var(--radius);
              font: 500 var(--t-xs)/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
              transition: color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease); }
.ctl button:hover { color: var(--ink); border-color: var(--line-2); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* claims against the ceiling: the ceiling share solid, the excess as an outline */
.gauge { position: relative; height: 10px; margin: var(--s4) 0 var(--s2); display: flex; }
.gauge .fill { background: var(--ink-2); border-radius: 2px 0 0 2px; }
.gauge .excess { flex: 1; border: var(--hair) solid var(--line-2); border-left: 0; border-radius: 0 2px 2px 0; }
.gauge.under .fill { border-radius: 2px; }
.gauge.under .excess { border-left: 0; border-style: dashed; border-color: var(--line); }
.gauge-legend { display: flex; justify-content: space-between; gap: var(--s3); font: 400 var(--t-xs)/1.5 var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink-3); }
.gauge-legend b { display: block; font-weight: 500; color: var(--ink); font-size: var(--t-sm); }
.cells .gauge-legend { margin-bottom: var(--s3); }

/* numbered steps: counters, so the HTML holds no digits */
.steps { counter-reset: step; list-style: none; margin: 0; padding: 0; }
.steps > li { counter-increment: step; }
.steps > li::before { content: counter(step, decimal-leading-zero); display: block; font: 500 var(--t-sm)/1 var(--font-mono); color: var(--accent-hi); margin-bottom: var(--s5); }

.amt { font-size: var(--t-xl); color: var(--ink); margin: var(--s3) 0; }
.amt small { font-size: var(--t-sm); color: var(--ink-3); }

/* domain cells */
.domain-cell { display: flex; flex-direction: column; min-height: 220px; }
.domain-cell h3 { font-size: var(--t-xl); }
.domain-cell p { flex: 1; }

/* pricing */
.toggle { display: inline-flex; border: var(--hair) solid var(--line-2); border-radius: var(--radius); padding: 3px; gap: 3px; }
.toggle button { min-height: 38px; padding: 0 var(--s4); border: 0; border-radius: 4px; background: transparent; color: var(--ink-2); font: 500 var(--t-sm)/1 var(--font-sans); cursor: pointer;
                 transition: background var(--d-fast) var(--ease), color var(--d-fast) var(--ease); }
.toggle button[aria-pressed="true"] { background: var(--k3); color: var(--ink); }
.toggle-row { display: flex; flex-wrap: wrap; gap: var(--s4); align-items: center; justify-content: space-between; margin-bottom: var(--s5); }
.tier .for { font-size: var(--t-sm); color: var(--ink-3); margin: 0; }
.tier .price { min-height: 1.1em; }
.tier .per { font-size: var(--t-sm); color: var(--ink-3); margin: 0; min-height: 2.8em; }
.tier .btn { width: 100%; margin-top: var(--s3); }
[data-period="annual"] .p-month, [data-period="monthly"] .p-year { display: none; }
.compare th:first-child, .compare td:first-child { min-width: 180px; }
.compare tbody th { font: 400 var(--t-sm)/1.4 var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--ink); }
.toggle[hidden] { display: none; }
.compare td.c, .compare th.c { text-align: center; }
.compare .yes { color: var(--ink); }
.compare .no { color: var(--ink-3); }
.band { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s6); align-items: center;
        border: var(--hair) solid var(--line); border-radius: var(--radius); padding: var(--s6); background: var(--k1); box-shadow: inset 2px 0 0 var(--accent); }
.band h2 { margin-bottom: var(--s3); }
.band .facts { display: grid; gap: var(--hair); background: var(--line); border: var(--hair) solid var(--line); border-radius: var(--radius); overflow: hidden; }
.band .facts > div { background: var(--k0); padding: var(--s3) var(--s4); display: flex; justify-content: space-between; gap: var(--s3); font-size: var(--t-sm); color: var(--ink-2); }
.band .facts b { font-family: var(--font-mono); font-weight: 500; }

/* questions */
.faq { border-top: var(--hair) solid var(--line); }
.faq details { border-bottom: var(--hair) solid var(--line); }
.faq summary { display: flex; justify-content: space-between; align-items: center; gap: var(--s4); min-height: 56px; cursor: pointer; list-style: none;
               font: 500 var(--t-md)/1.35 var(--font-sans); color: var(--ink); padding: var(--s3) 0; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; font: 400 var(--t-lg)/1 var(--font-mono); color: var(--ink-3); transition: transform var(--d-fast) var(--ease); }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details > div { padding: 0 0 var(--s4); }
.faq details p { font-size: var(--t-sm); }

/* forms */
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s4); }
.form-grid .full { grid-column: 1 / -1; }
fieldset.field { border: 0; padding: 0; margin: 0 0 var(--s4); min-width: 0; }
fieldset.field legend { font: 500 var(--t-xs)/1 var(--font-mono); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-3); padding: 0; margin-bottom: var(--s2); }
.checks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 var(--s4); }
.form-done { display: none; }
.form-done.show { display: block; }
.req { color: var(--ink-3); font-weight: 400; text-transform: none; letter-spacing: 0; }

/* timeline */
.timeline { list-style: none; margin: 0; padding: 0; counter-reset: phase; border-left: var(--hair) solid var(--line-2); }
.timeline > li { counter-increment: phase; position: relative; padding: 0 0 var(--s6) var(--s6); }
.timeline > li:last-child { padding-bottom: 0; }
.timeline > li::before { content: ''; position: absolute; left: -4px; top: 6px; width: 7px; height: 7px; background: var(--k0); border: var(--hair) solid var(--accent); border-radius: 50%; }
.timeline .label::before { content: 'Phase ' counter(phase); }
.bracket { color: var(--modelled); }
.timeline h3 { margin: var(--s2) 0; }
.timeline p { font-size: var(--t-sm); margin-bottom: var(--s2); }

/* sources */
.src-domain { margin-top: var(--s7); }
.src-domain:first-of-type { margin-top: 0; }
.src-domain h3 { display: flex; gap: var(--s3); align-items: baseline; }
.sources-table td:first-child { color: var(--ink); min-width: 170px; }
.sources-table td:nth-child(2) { min-width: 220px; }
.sources-table td:nth-child(3) { min-width: 170px; }
.legend { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; }

@media (max-width: 960px) {
  .home-hero .wrap, .split, .band { grid-template-columns: 1fr; }
  .globe { max-width: 560px; margin: 0 auto; width: 100%; }
}
@media (max-width: 720px) {
  .home-hero { padding: var(--s6) 0 var(--s6); }
  .page-head { padding: var(--s6) 0 var(--s5); }
  .readout-panel { position: static; width: 100%; margin-top: var(--s3); }
  .form-grid { grid-template-columns: 1fr; }
  .checks { grid-template-columns: 1fr 1fr; }
  .band { padding: var(--s5); }
  .toggle-row { align-items: flex-start; flex-direction: column; }
}

/* ── glass: Hive surfaces only (Delta Hive look A) ────────────────────── */
@property --px { syntax: '<number>'; inherits: false; initial-value: 0; }
@property --py { syntax: '<number>'; inherits: false; initial-value: 0; }
.glass-ui .glass {
  background: var(--g-sheen) calc(50% + var(--px) * 40%) 0 / 300% 100% no-repeat,
              linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018) 46%, rgba(255, 255, 255, .01)), var(--g-body);
  border: var(--hair) solid var(--g-edge); border-radius: 12px;
  box-shadow: inset 0 1px 0 var(--g-lip), var(--g-shade);
  backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%);
}
.glass-ui .glass.dense { --g-body: rgba(11, 13, 17, .92); backdrop-filter: none; -webkit-backdrop-filter: none; }
.glass-ui .core { width: 10px; height: 10px; border-radius: 50%; background: var(--accent);
                  box-shadow: 0 0 0 1px rgba(255, 255, 255, .35) inset, 0 0 14px var(--accent), 0 0 34px color-mix(in srgb, var(--accent) 45%, transparent); }
.glass-ui.lite .glass { backdrop-filter: none; -webkit-backdrop-filter: none; --g-body: rgba(8, 10, 14, .9); }

/* ── responsive ───────────────────────────────────────────────────────── */
@media (max-width: 960px) {
  .cells.c3, .cells.c4, .tiers, .kpis { grid-template-columns: repeat(2, 1fr); }
  .site-foot .cols { grid-template-columns: repeat(2, 1fr); }
  .legal-layout { grid-template-columns: 1fr; }
  .toc { position: static; }
}
@media (max-width: 720px) {
  .wrap, .narrow { padding: 0 var(--s4); }
  .cells.c2, .cells.c3, .cells.c4, .tiers { grid-template-columns: 1fr; }
  .section { padding: var(--s7) 0; }
  .hero { padding: var(--s7) 0 var(--s6); }
  .site-nav .links { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; background: var(--k0); border-bottom: var(--hair) solid var(--line); padding: var(--s2) var(--s4) var(--s4); }
  .site-nav.open .links { display: flex; }
  .nav-dd { flex-direction: column; }
  .nav-dd .dd { position: static; opacity: 1; visibility: visible; transform: none; background: none; border: 0; box-shadow: none; padding: 0 0 var(--s2) var(--s3); grid-template-columns: 1fr 1fr; min-width: 0; }
  .nav-dd .dd::before { display: none; }
  .site-nav .links a { min-height: var(--tap); display: flex; align-items: center; }
  .site-nav .menu-btn { display: inline-flex; margin-left: auto; }
  .site-nav .right .btn:not(.primary) { display: none; }
  .site-nav .wrap { gap: var(--s3); }
  .site-nav .right .btn, .site-nav .menu-btn { padding: 0 var(--s3); }
  .brand { white-space: nowrap; }
  .draft-bar { position: relative; }
  .draft-bar + .site-nav, .draft-bar ~ .site-nav { top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
  .reveal, .reveal.in { opacity: 1; transform: none; }
}

/* alpha stage (26 Oct 2026): the nav pill and the "coming soon" tags on the Hive's paid tools */
.stage-pill { margin-left: 10px; font: 600 10px/1 var(--mono, ui-monospace, monospace); letter-spacing: .14em; text-transform: uppercase; color: #cfe0ff; border: 1px solid rgba(47, 125, 255, .6); background: rgba(11, 29, 74, .7); border-radius: 999px; padding: 5px 8px; vertical-align: 2px; }
@media (max-width: 440px) { .stage-pill { margin-left: 8px; padding: 4px 6px; } .site-nav .right [data-cta] { display: none; } }
.soon { margin-left: 8px; font: 600 10px/1 var(--mono, ui-monospace, monospace); letter-spacing: .12em; text-transform: uppercase; color: #9fb8e8; border: 1px solid rgba(159, 184, 232, .35); border-radius: 999px; padding: 4px 7px; vertical-align: 1px; }