@layer reset, tokens, base, components, utilities, motion;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; text-size-adjust: 100%; }
  body { margin: 0; }
  img, picture, svg, canvas { display: block; max-width: 100%; }
  button, input, textarea, select { font: inherit; }
  button, a { -webkit-tap-highlight-color: transparent; }
  h1, h2, h3, p { margin-top: 0; }
}

@layer tokens {
  @property --orbit-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
  }

  :root {
    color-scheme: dark;
    --ink-0: #02050b;
    --ink-1: #050b16;
    --ink-2: #081325;
    --glass: rgba(10, 25, 48, 0.58);
    --glass-strong: rgba(7, 18, 36, 0.82);
    --glass-soft: rgba(20, 45, 77, 0.28);
    --line: rgba(175, 221, 255, 0.2);
    --line-bright: rgba(177, 227, 255, 0.52);
    --text: #f5fbff;
    --muted: #a9bed1;
    --blue: #47c9ff;
    --blue-deep: #147fd1;
    --cyan: #8cf4ff;
    --gold: #f4c776;
    --gold-soft: #ffe3ae;
    --danger: #ff8e9f;
    --success: #81f6cf;
    --shadow: 0 28px 80px rgba(0, 4, 13, 0.55);
    --glow-blue: 0 0 40px rgba(71, 201, 255, 0.26);
    --glow-gold: 0 0 40px rgba(244, 199, 118, 0.2);
    --radius-sm: 12px;
    --radius: 22px;
    --radius-lg: 36px;
    --max: 1240px;
    --header-h: 76px;
    --font-body: "Segoe UI Variable", "Aptos", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: "Arial Narrow", "Aptos Display", "Segoe UI Variable Display", system-ui, sans-serif;
  }

  @supports (color: color(display-p3 1 1 1)) {
    :root {
      --blue: color(display-p3 0.18 0.76 1);
      --cyan: color(display-p3 0.46 0.96 1);
      --gold: color(display-p3 1 0.72 0.32);
    }
  }
}

@layer base {
  body {
    min-width: 320px;
    min-height: 100vh;
    overflow-x: hidden;
    background:
      radial-gradient(circle at 75% 15%, rgba(31, 118, 190, 0.16), transparent 32rem),
      linear-gradient(180deg, var(--ink-0), var(--ink-1) 55%, #030811);
    color: var(--text);
    font-family: var(--font-body);
    line-height: 1.6;
  }

  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -4;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(118, 194, 255, 0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(118, 194, 255, 0.025) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.25), transparent 80%);
  }

  a { color: inherit; text-decoration: none; }
  a:hover { color: var(--cyan); }
  button { color: inherit; }
  ::selection { background: rgba(71, 201, 255, 0.28); color: white; }
  :focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }

  h1, h2, h3 {
    font-family: var(--font-display);
    letter-spacing: -0.025em;
    line-height: 0.98;
    text-wrap: balance;
  }

  h1 { font-size: clamp(3.4rem, 8vw, 8rem); }
  h2 { font-size: clamp(2.35rem, 5.5vw, 5.5rem); }
  h3 { font-size: clamp(1.45rem, 2.4vw, 2.25rem); }
  p { text-wrap: pretty; }

  .skip-link {
    position: fixed;
    left: 1rem;
    top: 1rem;
    z-index: 9999;
    transform: translateY(-180%);
    padding: .7rem 1rem;
    background: white;
    color: #00111f;
    border-radius: 999px;
  }
  .skip-link:focus { transform: translateY(0); }
}

@layer components {
  .energy-canvas {
    position: fixed;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    opacity: .55;
    pointer-events: none;
  }

  .site-shell { min-height: 100vh; }
  .wrap { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }
  .section { position: relative; padding: clamp(5rem, 10vw, 9rem) 0; isolation: isolate; }
  .section-tight { padding: clamp(3.5rem, 7vw, 6rem) 0; }
  .section-dark { background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.42)); }

  .site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    height: var(--header-h);
    transition: background .35s ease, border-color .35s ease, transform .35s ease;
    border-bottom: 1px solid transparent;
  }
  .site-header.is-scrolled {
    background: rgba(3, 10, 21, .74);
    backdrop-filter: blur(22px) saturate(140%);
    border-color: var(--line);
  }
  .header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
  .brand { display: inline-flex; align-items: center; gap: .8rem; min-width: max-content; }
  .brand-mark {
    position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    aspect-ratio: 1;
    border: 1px solid var(--line-bright);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(71,201,255,.18), transparent 58%);
    box-shadow: var(--glow-blue);
    font-weight: 800;
    font-size: .68rem;
    letter-spacing: .08em;
  }
  .brand-mark::before, .brand-mark::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(244,199,118,.55);
    border-radius: 50%;
    transform: rotate(35deg) scaleY(.55);
  }
  .brand-mark::after { transform: rotate(-35deg) scaleY(.55); border-color: rgba(71,201,255,.7); }
  .brand-copy { display: grid; line-height: 1; }
  .brand-name { font-size: .88rem; font-weight: 750; letter-spacing: .17em; }
  .brand-tag { margin-top: .33rem; color: var(--muted); font-size: .66rem; letter-spacing: .04em; }

  .nav { display: flex; align-items: center; gap: .25rem; }
  .nav a {
    position: relative;
    padding: .75rem .9rem;
    border-radius: 999px;
    color: #d7e8f6;
    font-size: .88rem;
    font-weight: 600;
  }
  .nav a::after {
    content: "";
    position: absolute;
    left: 25%; right: 25%; bottom: .38rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--cyan), transparent);
    transform: scaleX(0);
    transition: transform .25s ease;
  }
  .nav a:hover::after, .nav a[aria-current="page"]::after { transform: scaleX(1); }
  .nav a[aria-current="page"] { color: white; background: rgba(100,190,255,.08); }
  .header-actions { display: flex; align-items: center; gap: .65rem; }

  .menu-toggle {
    display: none;
    width: 44px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: var(--glass);
  }
  .menu-toggle span, .menu-toggle::before, .menu-toggle::after {
    content: "";
    display: block;
    width: 18px;
    height: 1px;
    margin: 4px auto;
    background: white;
    transition: transform .25s ease, opacity .25s ease;
  }
  .menu-toggle[aria-expanded="true"] span { opacity: 0; }
  .menu-toggle[aria-expanded="true"]::before { transform: translateY(5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"]::after { transform: translateY(-5px) rotate(-45deg); }

  .button {
    --button-bg: rgba(9, 33, 59, .58);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 48px;
    padding: .85rem 1.2rem;
    border: 1px solid var(--line-bright);
    border-radius: 999px;
    background: var(--button-bg);
    color: white;
    font-weight: 700;
    font-size: .92rem;
    cursor: pointer;
    backdrop-filter: blur(14px);
    transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
  .button:hover { transform: translateY(-2px); border-color: var(--cyan); box-shadow: var(--glow-blue); color: white; }
  .button-primary {
    --button-bg: linear-gradient(135deg, rgba(48, 169, 231, .92), rgba(27, 86, 170, .9));
    border-color: rgba(151, 234, 255, .72);
  }
  .button-gold {
    --button-bg: linear-gradient(135deg, rgba(193, 131, 39, .95), rgba(105, 62, 12, .92));
    border-color: rgba(255, 226, 164, .68);
    box-shadow: var(--glow-gold);
  }
  .button-quiet { background: rgba(255,255,255,.035); }
  .button-small { min-height: 40px; padding: .62rem .9rem; font-size: .8rem; }
  .button-icon { width: 46px; padding: 0; }
  .button[disabled] { opacity: .45; cursor: wait; }

  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: 1.25rem;
    color: var(--cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
  }
  .eyebrow::before { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, var(--gold), var(--cyan)); }
  .lede { max-width: 760px; color: #c6d8e8; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
  .accent-text { color: transparent; background: linear-gradient(100deg, white 5%, var(--cyan) 45%, var(--gold-soft)); background-clip: text; -webkit-background-clip: text; }
  .muted { color: var(--muted); }

  .hero {
    position: relative;
    min-height: 100svh;
    display: grid;
    align-items: end;
    padding: calc(var(--header-h) + 5rem) 0 clamp(4rem, 9vw, 8rem);
    overflow: clip;
    isolation: isolate;
  }
  .hero-media {
    position: absolute;
    inset: 0;
    z-index: -5;
    background-image: var(--hero-image);
    background-size: cover;
    background-position: center;
    transform: scale(1.03) translate3d(calc(var(--pointer-x, 0) * -10px), calc(var(--pointer-y, 0) * -7px), 0);
    transition: transform .2s linear;
  }
  .hero-media::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(2,5,11,.95) 0%, rgba(2,5,11,.78) 38%, rgba(2,5,11,.15) 70%, rgba(2,5,11,.45) 100%),
      linear-gradient(180deg, rgba(1,4,10,.45), transparent 35%, rgba(1,4,10,.72) 88%, var(--ink-0));
  }
  .hero::before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 28%;
    z-index: -1;
    background: linear-gradient(transparent, var(--ink-0));
  }
  .hero-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(280px, .42fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; }
  .hero-copy { max-width: 900px; }
  .hero-copy h1 { margin-bottom: 1.4rem; max-width: 980px; font-size: clamp(3rem, 5vw, 5.7rem); line-height: .93; }
  .hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
  .hero-aside { justify-self: end; max-width: 390px; }
  .hero-status {
    padding: 1rem 1.1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(4, 14, 29, .42);
    backdrop-filter: blur(20px);
  }
  .status-row { display: flex; align-items: center; gap: .7rem; color: #d7e7f5; font-size: .82rem; }
  .status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 18px var(--success); }
  .hero-index { margin-top: 1.2rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; }
  .hero-index a { padding: .8rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(12,30,55,.42); font-size: .76rem; color: var(--muted); }
  .hero-index strong { display: block; color: white; margin-bottom: .2rem; font-size: .86rem; }

  .core-orbit {
    position: absolute;
    right: max(-160px, calc((100vw - var(--max)) / 2 - 120px));
    top: 17%;
    width: min(44vw, 640px);
    aspect-ratio: 1;
    z-index: -1;
    pointer-events: none;
    opacity: .82;
    filter: drop-shadow(0 0 50px rgba(56, 186, 255, .28));
  }
  .core-orbit .orb {
    position: absolute;
    inset: 28%;
    border-radius: 50%;
    background:
      radial-gradient(circle at 42% 38%, white 0 1%, var(--cyan) 2%, rgba(66,183,255,.68) 12%, rgba(11,62,112,.24) 46%, transparent 67%),
      conic-gradient(from var(--orbit-angle), rgba(71,201,255,.05), rgba(71,201,255,.75), rgba(244,199,118,.5), rgba(71,201,255,.05));
    box-shadow: inset 0 0 50px rgba(145,226,255,.34), 0 0 70px rgba(45,168,255,.35);
    animation: orbitGradient 12s linear infinite;
  }
  .core-orbit .ring {
    position: absolute;
    inset: var(--inset, 12%);
    border: 1px solid rgba(132,220,255,.42);
    border-radius: 50%;
    transform: rotate(var(--rotate, 0deg)) scaleY(var(--scale-y, .52));
    animation: ringSpin var(--duration, 14s) linear infinite;
  }
  .core-orbit .ring:nth-child(2) { --inset: 8%; --rotate: 48deg; --scale-y: .42; --duration: 17s; border-color: rgba(244,199,118,.5); }
  .core-orbit .ring:nth-child(3) { --inset: 18%; --rotate: -38deg; --scale-y: .64; --duration: 11s; }
  .core-orbit .ring:nth-child(4) { --inset: 2%; --rotate: 82deg; --scale-y: .26; --duration: 20s; border-style: dashed; opacity: .5; }
  .core-orbit .ring::before {
    content: "";
    position: absolute;
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    left: 15%; top: 12%;
    background: white;
    box-shadow: 0 0 20px var(--cyan);
  }

  .glass-panel {
    position: relative;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
      linear-gradient(135deg, rgba(255,255,255,.06), transparent 26%),
      var(--glass);
    backdrop-filter: blur(22px) saturate(135%);
    box-shadow: var(--shadow);
    overflow: hidden;
  }
  .glass-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(255,255,255,.12), transparent 18%, transparent 78%, rgba(71,201,255,.08));
    mask: linear-gradient(#000, transparent 35%);
  }
  .glass-panel.is-active { border-color: rgba(119,222,255,.72); box-shadow: var(--shadow), var(--glow-blue); }
  .panel-pad { padding: clamp(1.25rem, 3vw, 2rem); }

  .split { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
  .split-reverse { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
  .section-art {
    position: relative;
    min-height: 520px;
    border-radius: var(--radius-lg);
    overflow: clip;
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    background-image: var(--section-image);
    background-size: cover;
    background-position: center;
  }
  .section-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(1,7,16,.08), rgba(2,7,16,.64)); }
  .section-art .art-caption { position: absolute; z-index: 2; left: 1rem; bottom: 1rem; max-width: 80%; padding: .75rem 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(3,12,25,.58); backdrop-filter: blur(12px); font-size: .8rem; color: #d4e6f4; }

  .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }

  .feature-card { padding: 1.35rem; min-height: 180px; }
  .feature-card .number { color: var(--gold); font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
  .feature-card h3 { margin: 1.4rem 0 .75rem; }
  .feature-card p { color: var(--muted); font-size: .92rem; margin-bottom: 0; }

  .path-card {
    position: relative;
    min-height: 360px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(4,15,29,.82));
    transition: transform .35s ease, border-color .35s ease;
  }
  .path-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 75% 20%, rgba(71,201,255,.28), transparent 40%);
    opacity: .5;
    transition: transform .5s ease, opacity .5s ease;
  }
  .path-card:nth-child(2)::before { background: radial-gradient(circle at 75% 20%, rgba(244,199,118,.28), transparent 40%); }
  .path-card:hover { transform: translateY(-8px); border-color: var(--line-bright); }
  .path-card:hover::before { transform: scale(1.2); opacity: .9; }
  .path-card > * { position: relative; z-index: 1; }
  .path-card h3 { font-size: clamp(2rem, 4vw, 3.5rem); margin-bottom: 1rem; }
  .path-card p { color: var(--muted); }
  .path-card .path-cta { margin-top: auto; padding-top: 2rem; color: var(--cyan); font-weight: 750; }

  .stat-row { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
  .stat { flex: 1 1 180px; padding: 1.25rem; border-left: 1px solid var(--line-bright); }
  .stat-value { display: block; color: transparent; background: linear-gradient(90deg, var(--cyan), white, var(--gold)); background-clip: text; -webkit-background-clip: text; font-size: clamp(2.7rem, 6vw, 5rem); font-family: var(--font-display); font-weight: 800; line-height: .9; }
  .stat-label { display: block; margin-top: .85rem; color: var(--muted); font-size: .82rem; max-width: 180px; }

  .offer-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
  .offer-card { display: flex; flex-direction: column; min-height: 100%; padding: 1.4rem; }
  .offer-card .offer-price { color: var(--gold-soft); font-size: 1.15rem; font-weight: 800; }
  .offer-card .offer-timeline { color: var(--cyan); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
  .offer-card h3 { margin: 1rem 0 .7rem; font-size: 1.65rem; }
  .offer-card p { color: var(--muted); font-size: .88rem; }
  .offer-card ul { margin: 1rem 0 1.4rem; padding: 0; list-style: none; display: grid; gap: .55rem; color: #cfdeeb; font-size: .83rem; }
  .offer-card li { position: relative; padding-left: 1rem; }
  .offer-card li::before { content: ""; position: absolute; left: 0; top: .68em; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
  .offer-card .button { margin-top: auto; }

  .rate-list { border-top: 1px solid var(--line); }
  .rate-row { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: center; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
  .rate-row span:first-child { color: #c9dae8; }
  .rate-row strong { color: var(--gold-soft); font-size: 1.1rem; }

  .config-shell { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .65fr); gap: 1rem; align-items: start; }
  .config-panel { padding: clamp(1.2rem, 3vw, 2rem); }
  .config-sticky { position: sticky; top: calc(var(--header-h) + 1rem); }
  .field-group { margin-bottom: 1.45rem; }
  .field-group > label, .field-label { display: block; margin-bottom: .55rem; color: #dcecf7; font-size: .82rem; font-weight: 700; }
  .input, .select, .textarea {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(2, 10, 23, .68);
    color: white;
    padding: .85rem .95rem;
    transition: border-color .2s ease, box-shadow .2s ease;
  }
  .textarea { min-height: 130px; resize: vertical; }
  .input:focus, .select:focus, .textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(71,201,255,.12); outline: none; }
  .choice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; }
  .choice {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    align-items: start;
    padding: .85rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    cursor: pointer;
  }
  .choice:has(input:checked) { border-color: rgba(98,218,255,.74); background: rgba(37,137,205,.12); box-shadow: inset 0 0 20px rgba(71,201,255,.08); }
  .choice input { accent-color: var(--cyan); margin-top: .22rem; }
  .choice strong { display: block; font-size: .85rem; }
  .choice small { display: block; color: var(--muted); font-size: .72rem; }

  .estimate { display: grid; gap: .9rem; }
  .estimate-total { padding: 1.2rem; border-radius: var(--radius); background: linear-gradient(135deg, rgba(29,123,184,.18), rgba(244,199,118,.08)); border: 1px solid var(--line-bright); }
  .estimate-total .label { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .13em; }
  .estimate-total .value { margin-top: .4rem; font-size: clamp(2rem, 5vw, 3.5rem); font-family: var(--font-display); line-height: 1; }
  .estimate-line { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .7rem; border-bottom: 1px solid var(--line); color: #cbdce9; font-size: .82rem; }
  .estimate-line strong { color: white; text-align: right; }

  .flow-line { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: .7rem; margin-top: 2.5rem; }
  .flow-line::before { content: ""; position: absolute; left: 8%; right: 8%; top: 38px; height: 1px; background: linear-gradient(90deg, var(--blue), var(--gold), var(--blue)); opacity: .65; }
  .flow-node { position: relative; z-index: 1; text-align: center; }
  .flow-node .node-orb { display: grid; place-items: center; width: 76px; aspect-ratio: 1; margin: 0 auto .9rem; border: 1px solid var(--line-bright); border-radius: 50%; background: radial-gradient(circle, rgba(71,201,255,.24), rgba(3,12,25,.8)); box-shadow: var(--glow-blue); font-weight: 800; }
  .flow-node:nth-child(odd) .node-orb { box-shadow: var(--glow-gold); }
  .flow-node strong { display: block; font-size: .84rem; }
  .flow-node span { color: var(--muted); font-size: .72rem; }

  .calculator-output { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin-top: 1rem; }
  .calc-metric { padding: 1rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
  .calc-metric span { display: block; color: var(--muted); font-size: .72rem; }
  .calc-metric strong { display: block; margin-top: .35rem; color: white; font-size: 1.3rem; }
  .calc-metric.impact { border-color: rgba(244,199,118,.54); background: rgba(184,112,20,.08); }
  .calc-metric.impact strong { color: var(--gold-soft); }
  .allocation-ring { width: min(280px, 72vw); aspect-ratio: 1; margin: 1rem auto; border-radius: 50%; background: conic-gradient(var(--gold) 0 31.4%, rgba(56,107,154,.28) 31.4% 100%); display: grid; place-items: center; box-shadow: var(--glow-gold); }
  .allocation-ring::before { content: ""; width: 76%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 50% 38%, rgba(33,104,165,.32), rgba(3,11,23,.96)); border: 1px solid var(--line); }
  .allocation-ring-label { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; pointer-events: none; }
  .allocation-ring-label strong { display: block; font-size: 2.1rem; font-family: var(--font-display); }
  .allocation-ring-label span { color: var(--muted); font-size: .72rem; }

  .process-line { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; counter-reset: steps; }
  .process-step { padding: 1.3rem; min-height: 230px; }
  .process-step .step-num { color: var(--gold); font-size: .72rem; letter-spacing: .16em; font-weight: 800; }
  .process-step h3 { margin: 3rem 0 .8rem; }
  .process-step p { color: var(--muted); margin-bottom: 0; font-size: .88rem; }

  .lead-form { display: grid; gap: 1rem; }
  .form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .form-status { min-height: 1.6rem; color: var(--muted); font-size: .82rem; }
  .form-status.success { color: var(--success); }
  .form-status.error { color: var(--danger); }
  .honeypot { position: absolute !important; left: -9999px !important; opacity: 0 !important; }

  .site-footer { position: relative; padding: 4rem 0 2rem; border-top: 1px solid var(--line); background: rgba(1,6,14,.72); }
  .footer-grid { display: grid; grid-template-columns: 1.3fr repeat(3, .55fr); gap: 2rem; }
  .footer-title { color: var(--muted); font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; }
  .footer-links { display: grid; gap: .5rem; margin-top: 1rem; color: #d3e3ef; font-size: .84rem; }
  .footer-bottom { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); color: #7890a5; font-size: .72rem; }

  .engine-trigger {
    position: fixed;
    right: 1.2rem;
    bottom: 1.2rem;
    z-index: 900;
    width: 62px;
    aspect-ratio: 1;
    border: 1px solid rgba(157,230,255,.62);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(71,201,255,.35), rgba(5,18,36,.94) 60%);
    box-shadow: 0 0 45px rgba(71,201,255,.32);
    cursor: pointer;
  }
  .engine-trigger::before, .engine-trigger::after { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(244,199,118,.5); border-radius: 50%; transform: scaleY(.45) rotate(38deg); animation: triggerOrbit 6s linear infinite; }
  .engine-trigger::after { transform: scaleY(.45) rotate(-38deg); animation-direction: reverse; border-color: rgba(71,201,255,.65); }
  .engine-trigger span { position: relative; z-index: 1; font-size: .62rem; font-weight: 900; letter-spacing: .08em; }

  .dialog-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0,4,12,.72);
    backdrop-filter: blur(16px);
  }
  .dialog-backdrop[hidden] { display: none; }
  .dialog {
    position: relative;
    width: min(760px, 100%);
    max-height: min(88svh, 800px);
    overflow: auto;
    padding: clamp(1.2rem, 4vw, 2.5rem);
  }
  .dialog-close { position: absolute; right: 1rem; top: 1rem; }
  .dialog-progress { display: flex; gap: .4rem; margin: 1.5rem 0; }
  .dialog-progress span { flex: 1; height: 3px; border-radius: 99px; background: rgba(255,255,255,.1); }
  .dialog-progress span.is-active { background: linear-gradient(90deg, var(--blue), var(--gold)); }
  .engine-step[hidden] { display: none; }
  .engine-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
  .engine-option { min-height: 150px; text-align: left; align-items: flex-start; flex-direction: column; border-radius: var(--radius); padding: 1rem; }
  .engine-option strong { font-size: 1.2rem; }
  .engine-option span { color: var(--muted); font-weight: 400; font-size: .8rem; }
  .engine-result { padding: 1.1rem; margin-top: 1rem; border-left: 2px solid var(--gold); background: rgba(244,199,118,.06); }

  .command-palette { position: fixed; inset: 0; z-index: 2200; display: grid; place-items: start center; padding: 14vh 1rem 1rem; background: rgba(0,4,12,.72); backdrop-filter: blur(14px); }
  .command-palette[hidden] { display: none; }
  .command-box { width: min(640px, 100%); padding: 1rem; }
  .command-list { margin-top: .7rem; display: grid; gap: .4rem; }
  .command-item { display: flex; justify-content: space-between; gap: 1rem; width: 100%; padding: .8rem .9rem; border: 0; border-radius: 12px; background: transparent; text-align: left; cursor: pointer; }
  .command-item:hover, .command-item.is-selected { background: rgba(71,201,255,.1); }
  .command-item small { color: var(--muted); }

  .studio-link { opacity: .45; }
  .toast { position: fixed; left: 50%; bottom: 1.5rem; z-index: 2500; transform: translate(-50%, 130%); padding: .8rem 1rem; border: 1px solid var(--line-bright); border-radius: 999px; background: rgba(2,10,22,.9); backdrop-filter: blur(16px); transition: transform .3s ease; font-size: .82rem; }
  .toast.is-visible { transform: translate(-50%, 0); }

  .reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); }
  .reveal.is-visible { opacity: 1; transform: translateY(0); }
}

@layer utilities {
  .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; }
  .center { text-align: center; }
  .center .lede { margin-inline: auto; }
  .max-720 { max-width: 720px; }
  .max-900 { max-width: 900px; }
  .mt-0 { margin-top: 0; }
  .mt-1 { margin-top: .5rem; }
  .mt-2 { margin-top: 1rem; }
  .mt-3 { margin-top: 1.5rem; }
  .mt-4 { margin-top: 2rem; }
  .mb-0 { margin-bottom: 0; }
  .relative { position: relative; }
  .stack { display: grid; gap: 1rem; }
  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--line-bright), transparent); }
}

@layer motion {
  @keyframes orbitGradient { to { --orbit-angle: 360deg; } }
  @keyframes ringSpin { to { rotate: 360deg; } }
  @keyframes triggerOrbit { to { rotate: 360deg; } }
  @keyframes pulse { 50% { opacity: .45; transform: scale(.98); } }

  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: .35s ease both fadeOut; }
  ::view-transition-new(root) { animation: .5s ease both fadeIn; }
  @keyframes fadeOut { to { opacity: 0; transform: scale(.99); } }
  @keyframes fadeIn { from { opacity: 0; transform: scale(1.01); } }
}

@media (max-width: 1040px) {
  .offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-4, .process-line { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-aside { justify-self: start; }
  .core-orbit { width: 70vw; right: -24vw; opacity: .56; }
  .config-shell { grid-template-columns: 1fr; }
  .config-sticky { position: relative; top: 0; }
  .footer-grid { grid-template-columns: 1.2fr repeat(2, .7fr); }
}

@media (max-width: 820px) {
  :root { --header-h: 68px; }
  .nav {
    position: fixed;
    left: 1rem; right: 1rem; top: calc(var(--header-h) + .5rem);
    display: grid;
    padding: .75rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(3,11,24,.92);
    backdrop-filter: blur(22px);
    transform: translateY(-12px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
  }
  .nav.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
  .nav a { padding: .9rem 1rem; }
  .menu-toggle { display: block; }
  .header-actions .button-small { display: none; }
  .split, .split-reverse { grid-template-columns: 1fr; }
  .section-art { min-height: 400px; }
  .grid-3 { grid-template-columns: 1fr; }
  .flow-line { grid-template-columns: 1fr; }
  .flow-line::before { left: 38px; top: 7%; bottom: 7%; right: auto; width: 1px; height: auto; }
  .flow-node { display: grid; grid-template-columns: 76px 1fr; gap: 1rem; align-items: center; text-align: left; }
  .flow-node .node-orb { margin: 0; }
  .calculator-output { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 580px) {
  .wrap { width: min(calc(100% - 1.2rem), var(--max)); }
  .hero { min-height: 92svh; padding-bottom: 3.5rem; }
  .hero-media::before { background: linear-gradient(180deg, rgba(2,5,11,.34), rgba(2,5,11,.78) 45%, var(--ink-0)); }
  .hero-index { grid-template-columns: 1fr; }
  .hero-actions .button { width: 100%; }
  .core-orbit { width: 100vw; right: -55vw; top: 7%; opacity: .38; }
  .grid-2, .grid-4, .offer-grid, .process-line, .choice-grid, .form-row { grid-template-columns: 1fr; }
  .section-art { min-height: 310px; }
  .path-card { min-height: 300px; }
  .rate-row { grid-template-columns: 1fr; gap: .2rem; }
  .engine-options { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .engine-trigger { width: 54px; right: .8rem; bottom: .8rem; }
}

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

.section-art-link{display:block;text-decoration:none;transition:transform .35s ease,border-color .35s ease,filter .35s ease}
.section-art-link:hover{transform:translateY(-4px);filter:saturate(1.08) brightness(1.04)}
.section-art-link:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}

/* ============================================================
   PHASE TWO / THE PROOF ENGINE
   Three authored routes: Sales Engine, Beneath the Brief, Method
   ============================================================ */

@layer components {
  .phase-hero {
    position: relative;
    min-height: min(940px, 100svh);
    display: grid;
    align-items: end;
    padding: calc(var(--header-h) + 5rem) 0 clamp(4rem, 8vw, 7rem);
    overflow: hidden;
    isolation: isolate;
    border-bottom: 1px solid var(--line);
  }
  .phase-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
      linear-gradient(90deg, rgba(2,5,11,.96) 0%, rgba(2,5,11,.78) 38%, rgba(2,5,11,.16) 70%),
      linear-gradient(0deg, var(--ink-0), transparent 45%);
  }
  .phase-hero-media {
    position: absolute;
    inset: 0;
    z-index: -3;
    background-image: var(--phase-image);
    background-position: center;
    background-size: cover;
    transform: scale(1.035) translate3d(calc(var(--pointer-x, 0) * -10px), calc(var(--pointer-y, 0) * -7px), 0);
    filter: saturate(.94) contrast(1.08);
  }
  .phase-hero-grid {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
      linear-gradient(rgba(123,210,255,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(123,210,255,.07) 1px, transparent 1px);
    background-size: 80px 80px;
    mask-image: linear-gradient(90deg, rgba(0,0,0,.9), transparent 78%);
  }
  .phase-hero-inner {
    display: grid;
    grid-template-columns: 115px minmax(0, 1fr) minmax(240px, 340px);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: end;
  }
  .phase-chapter {
    align-self: stretch;
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding: 1rem .7rem;
    border-left: 1px solid var(--gold);
    color: var(--muted);
  }
  .phase-chapter span, .phase-chapter small {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: .62rem;
  }
  .phase-chapter strong {
    align-self: center;
    font-size: clamp(3.5rem, 8vw, 7rem);
    color: transparent;
    -webkit-text-stroke: 1px rgba(255,255,255,.56);
    line-height: 1;
  }
  .phase-hero-copy { max-width: 820px; }
  .phase-hero-copy h1 { margin: .7rem 0 1.3rem; font-size: clamp(3.8rem, 8.7vw, 8.7rem); }
  .phase-hero-copy .accent-text {
    background: linear-gradient(90deg, var(--cyan), #fff 40%, var(--gold));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .phase-hero-readout {
    border-top: 1px solid var(--line-bright);
    border-bottom: 1px solid var(--line);
    padding: 1.2rem 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .25rem .65rem;
    background: linear-gradient(90deg, rgba(6,20,38,.78), transparent);
  }
  .phase-hero-readout .status-dot { grid-row: span 2; margin-top: .28rem; }
  .phase-hero-readout strong { letter-spacing: .13em; font-size: .72rem; }
  .phase-hero-readout small { color: var(--muted); line-height: 1.35; }

  .phase-two-home { overflow: hidden; }
  .phase-two-home::before { content:"02"; position:absolute; right:-.04em; top:-.24em; font-size:min(45vw,34rem); line-height:1; font-weight:900; color:rgba(71,201,255,.035); z-index:-1; }
  .phase-two-sigil { position:relative; justify-self:center; width:min(360px,74vw); aspect-ratio:1; display:grid; place-items:center; }
  .phase-two-sigil span { font-size:clamp(5rem,16vw,11rem); font-weight:900; color:white; text-shadow:var(--glow-blue); }
  .phase-two-sigil i { position:absolute; inset:7%; border:1px solid var(--line-bright); border-radius:50%; transform:rotate(42deg) scaleY(.46); animation:ringSpin 18s linear infinite; }
  .phase-two-sigil i:nth-child(3){inset:18%;border-color:rgba(244,199,118,.5);animation-direction:reverse}
  .phase-two-sigil i:nth-child(4){inset:30%;border-color:rgba(140,244,255,.42);animation-duration:11s}
  .phase-two-link-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .phase-two-link { min-height:310px; padding:clamp(1.4rem,3vw,2.5rem); background:rgba(2,8,18,.96); display:flex; flex-direction:column; align-items:flex-start; position:relative; overflow:hidden; }
  .phase-two-link::before { content:""; position:absolute; inset:auto -30% -55% 10%; height:90%; background:radial-gradient(circle,rgba(71,201,255,.19),transparent 65%); transition:transform .5s ease; }
  .phase-two-link:hover::before { transform:translateY(-18%); }
  .phase-two-link > span { color:var(--gold); font-size:.72rem; letter-spacing:.16em; }
  .phase-two-link h3 { margin:auto 0 .8rem; max-width:10ch; }
  .phase-two-link p { color:var(--muted); min-height:3.2rem; }
  .phase-two-link strong { font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--cyan); }

  /* Sales engine */
  .assembly-section { overflow:hidden; }
  .assembly-section::after { content:""; position:absolute; inset:15% -15% auto auto; width:55vw; aspect-ratio:1; background:radial-gradient(circle,rgba(71,201,255,.12),transparent 68%); z-index:-1; }
  .assembly-status { justify-self:end; min-width:220px; padding:1rem 1.2rem; border-left:2px solid var(--blue); background:rgba(8,24,44,.55); }
  .assembly-status span,.assembly-status strong{display:block}
  .assembly-status span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.14em}
  .assembly-status strong{margin-top:.3rem;font-size:.88rem}
  .assembly-status.is-complete { border-color:var(--gold); box-shadow:var(--glow-gold); }
  .force-system { position:relative; min-height:600px; display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; align-items:center; }
  .force-system::before,.force-system::after { content:""; position:absolute; left:12%; right:12%; top:50%; height:1px; background:linear-gradient(90deg,transparent,var(--line-bright),transparent); }
  .force-system::after { top:18%; bottom:18%; left:50%; right:auto; width:1px; height:auto; }
  .force-core { position:absolute; left:50%; top:50%; z-index:2; transform:translate(-50%,-50%); width:170px; aspect-ratio:1; display:grid; place-items:center; border:1px solid var(--line-bright); border-radius:50%; background:radial-gradient(circle,rgba(71,201,255,.25),rgba(3,11,24,.92) 66%); box-shadow:0 0 80px rgba(71,201,255,.2); transition:.65s ease; }
  .force-core span,.force-core strong{position:absolute;font-size:2.8rem;line-height:1}
  .force-core span{left:26%;color:var(--gold)} .force-core strong{right:26%;color:var(--cyan)} .force-core i{font-style:normal;color:var(--muted)}
  .force-node { position:relative; min-height:260px; padding:1.5rem; border:1px solid var(--line); border-radius:0; background:linear-gradient(145deg,rgba(8,28,51,.78),rgba(3,10,20,.92)); text-align:left; cursor:pointer; transition:transform .35s ease,border-color .35s ease,background .35s ease; }
  .force-node:nth-of-type(3){transform:translateY(-115px)} .force-node:nth-of-type(4){transform:translateY(115px)}
  .force-node:hover,.force-node[aria-pressed="true"]{border-color:var(--cyan);background:linear-gradient(145deg,rgba(16,55,91,.88),rgba(4,14,28,.96));box-shadow:var(--glow-blue)}
  .force-node > span{position:absolute;right:1rem;top:1rem;color:var(--gold);font-size:.7rem;letter-spacing:.12em}
  .force-node strong,.force-node small{display:block}.force-node strong{font-size:clamp(1.45rem,3vw,2.4rem);margin:5.5rem 0 .8rem}.force-node small{color:var(--muted);line-height:1.55}
  .force-system.is-aligned .force-core{border-color:var(--gold);box-shadow:0 0 110px rgba(244,199,118,.32);transform:translate(-50%,-50%) scale(1.1)}
  .assembly-result { max-width:830px; margin-top:-2rem; padding:1.5rem 0 0 1.4rem; border-left:2px solid var(--gold); }
  .assembly-result[hidden]{display:none}.assembly-result h3{margin:.5rem 0 0}

  .discipline-stack { border-top:1px solid var(--line); }
  .discipline-row { display:grid; grid-template-columns:90px minmax(0,1.1fr) minmax(280px,.9fr); gap:clamp(1rem,4vw,4rem); padding:clamp(2rem,5vw,4.5rem) 0; border-bottom:1px solid var(--line); align-items:center; }
  .discipline-number { font-size:clamp(2.5rem,6vw,5.8rem); font-weight:900; color:transparent; -webkit-text-stroke:1px rgba(140,244,255,.55); }
  .discipline-copy h3{font-size:clamp(2.2rem,5vw,4.5rem);margin:.3rem 0 1rem}.discipline-copy p{color:var(--muted);max-width:680px}
  .discipline-outputs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.discipline-outputs li{padding:.65rem .75rem;border-top:1px solid var(--line);font-size:.78rem;color:#d8e7f3}

  .commission-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
  .commission-path { position:relative; min-height:430px; padding:1.6rem; border:1px solid var(--line); overflow:hidden; display:flex; flex-direction:column; }
  .commission-path::after{content:"";position:absolute;inset:35% -40% -55% 15%;background:radial-gradient(circle,rgba(71,201,255,.22),transparent 65%);z-index:-1;transition:transform .5s ease}
  .commission-path:nth-child(2)::after{background:radial-gradient(circle,rgba(244,199,118,.22),transparent 65%)}.commission-path:nth-child(3)::after{background:radial-gradient(circle,rgba(140,244,255,.18),transparent 65%)}
  .commission-path:hover::after{transform:translateY(-16%)}
  .commission-path > span{color:var(--gold);font-size:.68rem;letter-spacing:.16em}.commission-path h3{margin:auto 0 .9rem;font-size:clamp(2.6rem,5vw,4.5rem)}.commission-path p{color:var(--muted);min-height:4.5rem}.commission-path .text-link{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--cyan)}

  .requisition-section { overflow:hidden; }
  .requisition-heading{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.requisition-heading>div:first-child{max-width:820px}
  .requisition-seal{width:160px;aspect-ratio:1;border:1px solid var(--line-bright);border-radius:50%;display:grid;place-items:center;text-align:center;box-shadow:var(--glow-blue)}.requisition-seal span{display:block;font-weight:900;font-size:2rem}.requisition-seal small{font-size:.55rem;letter-spacing:.12em;color:var(--muted)}
  .requisition-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); gap:1.2rem; align-items:start; }
  .requisition-form { border-top:1px solid var(--line-bright); padding-top:1.5rem; }
  .requisition-step{border:0;padding:0;margin:0}.requisition-step[hidden]{display:none}.requisition-step legend{display:flex;gap:1rem;align-items:center;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.3rem);font-weight:750;margin-bottom:2rem}.requisition-step legend span{font-family:var(--font-body);font-size:.72rem;color:var(--gold);letter-spacing:.14em}
  .requisition-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-bottom:2rem}.requisition-progress span{height:3px;background:rgba(255,255,255,.09)}.requisition-progress span.is-active{background:linear-gradient(90deg,var(--blue),var(--gold))}
  .choice-grid.compact{grid-template-columns:repeat(2,1fr)}.choice-grid.compact .choice{min-height:64px;padding:.7rem}.choice-grid.compact .choice small{display:none}
  .requisition-controls{display:flex;justify-content:space-between;gap:.7rem;margin-top:1.5rem}
  .consent-line{display:flex;align-items:flex-start;gap:.75rem;color:var(--muted);font-size:.82rem;margin:1rem 0}.consent-line input{margin-top:.3rem}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
  .requisition-output { position:sticky; top:calc(var(--header-h) + 1rem); min-height:620px; padding:1.5rem; border:1px solid var(--line-bright); background:linear-gradient(160deg,rgba(6,24,46,.92),rgba(1,7,16,.96)); box-shadow:var(--shadow); overflow:hidden; }
  .output-scanline{position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 20px var(--blue);animation:outputScan 5s linear infinite}
  .requisition-output h3{margin:1rem 0 2.5rem}.output-lines{display:grid}.output-lines p{display:grid;gap:.25rem;padding:1rem 0;border-top:1px solid var(--line);margin:0}.output-lines span{color:var(--muted);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.output-lines strong{font-size:.9rem}.output-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.5rem}
  @keyframes outputScan{from{transform:translateY(0)}to{transform:translateY(620px)}}

  .proof-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.proof-record{min-height:300px;padding:1.5rem;background:rgba(2,8,18,.96);display:flex;flex-direction:column}.proof-record:hover{background:rgba(8,28,50,.96)}.proof-status{font-size:.62rem;letter-spacing:.15em;color:var(--success)}.proof-record h3{margin:auto 0 .7rem}.proof-record p{color:var(--muted)}.proof-record strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan)}

  /* Beneath the brief */
  .fracture-section{overflow:hidden}.brief-document{position:relative;min-height:430px;padding:clamp(1.4rem,4vw,3rem);background:#f2f4f7;color:#0a1424;box-shadow:0 40px 100px rgba(0,0,0,.48);transform:rotate(-1.5deg);transition:transform .55s ease,clip-path .55s ease;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.brief-document::before{content:"";position:absolute;left:12%;right:12%;top:19%;height:1px;background:#b5c0cc}.brief-document>span{letter-spacing:.16em;font-size:.68rem;font-weight:800;color:#466078}.brief-document h2{margin:6rem 0 1rem;font-size:clamp(2.4rem,6vw,5rem)}.brief-document p{color:#3d4c5c}.brief-document.is-open{transform:rotate(.6deg) scale(.97);clip-path:polygon(0 0,100% 3%,96% 100%,4% 96%)}
  .fracture-meter{margin-top:2rem;padding-left:1.2rem;border-left:2px solid var(--gold);display:grid}.fracture-meter span{font-size:3rem;font-weight:900}.fracture-meter small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
  .fracture-field{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.fracture-field[hidden]{display:none}.fracture-chip{min-height:190px;padding:1rem;border:1px solid var(--line);background:rgba(4,14,28,.88);text-align:left;opacity:0;transform:translateY(20px) rotate(var(--chip-rot,0deg));transition:.5s ease;cursor:pointer}.fracture-chip:nth-child(3n){--chip-rot:1.2deg}.fracture-chip:nth-child(4n){--chip-rot:-1.5deg}.fracture-chip.is-exposed{opacity:1;transform:translateY(0) rotate(var(--chip-rot,0deg))}.fracture-chip:hover{border-color:var(--cyan);transform:translateY(-4px) rotate(0)}.fracture-chip span,.fracture-chip strong,.fracture-chip small{display:block}.fracture-chip span{color:var(--gold);font-size:.65rem}.fracture-chip strong{margin:2.4rem 0 .6rem;font-size:1.05rem}.fracture-chip small{color:var(--muted);line-height:1.45}

  .diagnostic-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1.2rem;align-items:start}.diagnostic-lens{padding:clamp(1.4rem,4vw,2.5rem) 0;border-top:1px solid var(--line)}.lens-heading{display:grid;grid-template-columns:65px 1fr;align-items:center;margin-bottom:1rem}.lens-heading>span{color:var(--gold);font-size:.7rem;letter-spacing:.14em}.lens-heading h3{text-transform:capitalize;margin:.25rem 0}
  .diagnostic-question{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid rgba(175,221,255,.1)}.diagnostic-question p{margin:0;max-width:670px}.diagnostic-options{display:flex;gap:.35rem}.diagnostic-options label{cursor:pointer}.diagnostic-options input{position:absolute;opacity:0;pointer-events:none}.diagnostic-options span{display:grid;place-items:center;min-width:70px;min-height:38px;border:1px solid var(--line);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;transition:.2s ease}.diagnostic-options input:checked+span{border-color:var(--cyan);background:rgba(71,201,255,.14);box-shadow:var(--glow-blue)}.diagnostic-options input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}
  .diagnostic-contact{padding:2rem;border:1px solid var(--line);background:rgba(8,24,44,.45);margin-top:1rem}.problem-map{position:sticky;top:calc(var(--header-h) + 1rem);padding:1.5rem;border:1px solid var(--line-bright);background:linear-gradient(160deg,rgba(6,24,46,.95),rgba(1,7,16,.98));box-shadow:var(--shadow)}.problem-map-header{padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.problem-map-header strong{display:block;font-size:clamp(1.7rem,4vw,3rem);margin-top:.6rem}.problem-map dl{margin:0}.problem-map dl>div{padding:1rem 0;border-bottom:1px solid var(--line)}.problem-map dt{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.problem-map dd{margin:.35rem 0 0;font-weight:700}

  .field-record-stack{border-top:1px solid var(--line)}.field-record{display:grid;grid-template-columns:90px 1fr;gap:clamp(1rem,4vw,3rem);padding:clamp(2rem,5vw,4rem) 0;border-bottom:1px solid var(--line)}.field-record>span{color:transparent;-webkit-text-stroke:1px rgba(244,199,118,.6);font-size:4rem;font-weight:900}.field-record h3{max-width:900px;margin:.4rem 0 1.5rem}.field-record dl{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field-record dl>div{padding:1rem;border-top:1px solid var(--line)}.field-record dt{color:var(--gold);font-size:.64rem;text-transform:uppercase;letter-spacing:.13em}.field-record dd{margin:.45rem 0 0;color:var(--muted)}
  .brief-to-system{display:flex;align-items:center;gap:1rem;justify-content:center;min-height:280px}.brief-to-system span,.brief-to-system strong{font-size:clamp(2rem,5vw,4rem);font-family:var(--font-display)}.brief-to-system i{font-style:normal;color:var(--gold);font-size:2rem}.brief-to-system strong{color:var(--cyan)}

  /* Method */
  .method-stage-list{position:relative}.method-stage-list::before{content:"";position:absolute;left:33px;top:0;bottom:0;width:1px;background:linear-gradient(var(--blue),var(--gold),var(--cyan))}.method-stage{position:relative;border-bottom:1px solid var(--line);padding-left:82px}.method-stage>button{width:100%;border:0;background:transparent;padding:1.5rem 0;display:grid;grid-template-columns:78px minmax(180px,.65fr) 1.35fr;gap:1rem;align-items:center;text-align:left;cursor:pointer}.method-stage>button>span{position:absolute;left:0;display:grid;place-items:center;width:66px;aspect-ratio:1;border:1px solid var(--line-bright);border-radius:50%;background:var(--ink-1);color:var(--gold);font-size:.7rem;letter-spacing:.12em}.method-stage>button>strong{font-size:clamp(1.4rem,3vw,2.5rem)}.method-stage>button>small{color:var(--muted);font-size:.9rem}.method-stage>button::after{content:"+";font-size:1.5rem;color:var(--cyan)}.method-stage>button[aria-expanded="true"]::after{content:"−"}.method-stage-body{padding:0 4rem 2rem 78px;max-width:930px}.method-stage-body[hidden]{display:none}.method-stage-body p{color:var(--muted);font-size:1.02rem}.stage-evidence{display:flex;align-items:center;gap:.6rem;font-size:.62rem;letter-spacing:.14em;color:var(--gold)}.stage-evidence i{height:1px;flex:1;background:linear-gradient(90deg,var(--line-bright),transparent)}
  .loop-readout{display:flex;align-items:center;gap:1rem;justify-content:flex-end}.loop-readout span{font-size:.66rem;letter-spacing:.14em;color:var(--muted)}.loop-readout strong{display:grid;place-items:center;width:110px;aspect-ratio:1;border:1px solid var(--line-bright);border-radius:50%;font-size:3.4rem;box-shadow:var(--glow-blue)}.loop-readout i{width:70px;height:1px;background:var(--line-bright)}

  .unity-laws{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.7rem}.unity-laws li{display:grid;grid-template-columns:38px 1fr;gap:.75rem;align-items:center;padding:.8rem 0;border-top:1px solid var(--line)}.unity-laws span{display:grid;place-items:center;width:32px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:.7rem}
  .unity-check-machine{padding:clamp(1.2rem,4vw,2.5rem);border:1px solid var(--line-bright);background:linear-gradient(160deg,rgba(6,24,46,.9),rgba(1,7,16,.96))}.unity-check-machine h3{margin:1rem 0 1.5rem}.unity-choice-grid{display:grid;gap:.6rem}.unity-choice-grid button{padding:1rem;border:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.unity-choice-grid button:hover,.unity-choice-grid button.is-selected{border-color:var(--cyan);background:rgba(71,201,255,.1)}.unity-check-result{margin-top:1.5rem;padding:1rem;border-left:2px solid var(--gold);background:rgba(244,199,118,.06)}.unity-check-result p{color:var(--muted);margin:.5rem 0 0}

  .mode-triad{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);align-items:stretch}.mode-card{min-height:400px;padding:1.6rem;background:rgba(2,8,18,.96);display:flex;flex-direction:column}.mode-card>span{color:var(--gold);font-size:.68rem;letter-spacing:.16em}.mode-card h3{margin:auto 0 1rem;font-size:clamp(2.4rem,5vw,4.4rem)}.mode-card p{color:var(--muted)}.mode-card>strong{margin-top:1rem;font-size:.82rem;color:var(--cyan)}.mode-card.cam{background:linear-gradient(160deg,rgba(13,42,72,.9),rgba(2,8,18,.96));transform:translateY(-24px);box-shadow:0 30px 80px rgba(0,0,0,.4)}

  .simulator-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:start}.method-simulation{border:1px solid var(--line-bright);background:rgba(3,13,27,.82);padding:1.2rem}.simulation-step{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.simulation-step span{color:var(--gold);font-size:.62rem;letter-spacing:.12em}.simulation-step p{margin:0;color:var(--muted)}.simulation-step.final{display:block;padding:1.8rem 0;border:0}.simulation-step.final strong{display:block;margin-top:.6rem;font-size:clamp(2rem,5vw,4.2rem);line-height:.95;color:var(--cyan)}.method-simulation.is-complete{box-shadow:0 0 80px rgba(71,201,255,.13)}

  .diamond-machine{position:relative;min-height:760px;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-content:space-between}.diamond-machine::before{content:"";position:absolute;inset:11% 19%;border:1px solid var(--line-bright);transform:rotate(45deg);background:radial-gradient(circle,rgba(71,201,255,.1),transparent 64%);transition:.6s ease}.diamond-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:230px;aspect-ratio:1;display:grid;place-items:center;text-align:center;border:1px solid var(--line-bright);border-radius:50%;background:rgba(3,13,27,.94);box-shadow:var(--shadow)}.diamond-core span,.diamond-core strong{display:block}.diamond-core span{color:var(--gold);font-size:.68rem;letter-spacing:.14em}.diamond-core strong{max-width:9ch;font-size:1.25rem}.diamond-facet{min-height:180px;padding:1rem;border:1px solid var(--line);background:rgba(3,13,27,.86);text-align:left;cursor:pointer;transition:.35s ease}.diamond-facet:nth-of-type(n+5){align-self:end}.diamond-facet span,.diamond-facet strong,.diamond-facet small{display:block}.diamond-facet span{color:var(--gold);font-size:.62rem}.diamond-facet strong{font-size:1.25rem;margin:2.2rem 0 .5rem}.diamond-facet small{color:var(--muted);line-height:1.45}.diamond-facet:hover,.diamond-facet[aria-pressed="true"]{border-color:var(--cyan);background:rgba(13,45,75,.88);box-shadow:var(--glow-blue);transform:translateY(-4px)}.diamond-machine.is-complete::before{border-color:var(--gold);box-shadow:0 0 120px rgba(244,199,118,.3);background:radial-gradient(circle,rgba(244,199,118,.2),rgba(71,201,255,.08) 45%,transparent 68%)}.diamond-machine.is-complete .diamond-core{border-color:var(--gold);box-shadow:0 0 90px rgba(244,199,118,.25)}.diamond-machine.is-complete .diamond-core strong{color:var(--gold)}

  .phase-closing { overflow:hidden; }
  .phase-closing::after{content:"";position:absolute;right:-16vw;top:0;width:55vw;aspect-ratio:1;border:1px solid rgba(71,201,255,.12);transform:rotate(45deg);z-index:-1}
  .diamond-mini{position:relative;width:min(360px,70vw);aspect-ratio:1;display:grid;place-items:center;justify-self:center}.diamond-mini span{position:absolute;inset:20%;border:1px solid var(--line-bright);transform:rotate(45deg)}.diamond-mini i{position:absolute;inset:10%;border:1px solid rgba(244,199,118,.38);transform:rotate(45deg)}.diamond-mini strong{font-size:7rem;color:white;text-shadow:var(--glow-blue)}
  .human-machine-mark{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;text-align:center}.human-machine-mark span{padding:2rem 1rem;border:1px solid var(--line);font-family:var(--font-display);font-size:2rem}.human-machine-mark i{font-style:normal;color:var(--gold);font-size:2rem}.human-machine-mark strong{grid-column:1/-1;font-size:4rem;color:var(--cyan)}
}

@media (max-width: 1180px) {
  .nav {
    position: fixed;
    left: 1rem; right: 1rem; top: calc(var(--header-h) + .5rem);
    display: grid;
    grid-template-columns:repeat(2,1fr);
    padding: .75rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(3,11,24,.96);
    backdrop-filter: blur(22px);
    transform: translateY(-12px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
  }
  .nav.is-open { opacity:1; transform:translateY(0); pointer-events:auto; }
  .menu-toggle { display:block; }
  .phase-hero-inner{grid-template-columns:80px 1fr}.phase-hero-readout{grid-column:2;max-width:440px}
  .requisition-layout,.diagnostic-shell{grid-template-columns:1fr}.requisition-output,.problem-map{position:relative;top:0}
  .fracture-field{grid-template-columns:repeat(3,1fr)}
  .diamond-machine{grid-template-columns:repeat(2,1fr);padding-bottom:300px}.diamond-core{top:auto;bottom:20px}
}

@media (max-width: 820px) {
  .phase-hero{min-height:900px;padding-top:calc(var(--header-h) + 3rem)}
  .phase-hero::before{background:linear-gradient(180deg,rgba(2,5,11,.5),rgba(2,5,11,.88) 44%,var(--ink-0))}
  .phase-hero-inner{grid-template-columns:1fr;align-items:end}.phase-chapter{display:none}.phase-hero-readout{grid-column:auto}.phase-hero-copy h1{font-size:clamp(3.25rem,14vw,6.7rem)}
  .force-system{grid-template-columns:1fr;min-height:auto;padding:180px 0 0}.force-system::before,.force-system::after{display:none}.force-core{top:70px}.force-node:nth-of-type(3),.force-node:nth-of-type(4){transform:none}.force-node{min-height:220px}.force-node strong{margin:4rem 0 .7rem}
  .discipline-row{grid-template-columns:65px 1fr}.discipline-outputs{grid-column:2}
  .commission-grid,.proof-record-grid,.phase-two-link-grid{grid-template-columns:1fr}.commission-path{min-height:320px}
  .fracture-field{grid-template-columns:repeat(2,1fr)}
  .diagnostic-question{grid-template-columns:1fr}.diagnostic-options{display:grid;grid-template-columns:repeat(4,1fr)}.diagnostic-options span{min-width:0}
  .field-record dl{grid-template-columns:1fr}
  .mode-triad{grid-template-columns:1fr}.mode-card.cam{transform:none}.mode-card{min-height:300px}
  .simulator-layout{grid-template-columns:1fr}.method-stage>button{grid-template-columns:1fr;padding-left:0}.method-stage>button>strong,.method-stage>button>small{grid-column:1}.method-stage>button::after{position:absolute;right:0}.method-stage-body{padding:0 0 2rem}.stage-evidence{margin-top:1rem}
  .diamond-machine{min-height:auto;display:grid;grid-template-columns:1fr;padding:0}.diamond-machine::before{display:none}.diamond-core{position:relative;left:auto;top:auto;bottom:auto;transform:none;justify-self:center;margin:0 0 1rem}.diamond-facet:nth-of-type(n+5){align-self:auto}
  .human-machine-mark{grid-template-columns:1fr}.human-machine-mark strong{grid-column:auto}.human-machine-mark i{transform:rotate(90deg)}
}

@media (max-width: 580px) {
  .phase-hero{min-height:860px}.phase-hero-readout{display:none}.phase-hero-copy h1{font-size:clamp(3rem,16vw,5rem)}
  .phase-two-link{min-height:260px}
  .assembly-status{justify-self:start}.force-core{width:140px}.force-system{padding-top:155px}
  .discipline-row{grid-template-columns:1fr}.discipline-number,.discipline-outputs{grid-column:auto}.discipline-outputs{grid-template-columns:1fr}
  .requisition-heading{grid-template-columns:1fr}.requisition-seal{display:none}.choice-grid.compact{grid-template-columns:1fr}.requisition-output{min-height:0}
  .fracture-field{grid-template-columns:1fr}.fracture-chip{min-height:160px}.brief-document{min-height:380px}.brief-document h2{margin-top:5rem}
  .diagnostic-contact{padding:1rem}.diagnostic-options{grid-template-columns:1fr 1fr}.field-record{grid-template-columns:1fr}.field-record>span{font-size:2.5rem}
  .simulation-step{grid-template-columns:1fr}.loop-readout{justify-content:flex-start}.loop-readout i{width:30px}
  .phase-closing .hero-actions .button{width:100%}
}

@media (prefers-reduced-motion: reduce) {
  .output-scanline{display:none}.phase-two-sigil i{animation:none}.phase-hero-media{transform:none}.fracture-chip{opacity:1;transform:none}.force-node:nth-of-type(3),.force-node:nth-of-type(4){transform:none}
}

/* --------------------------------------------------------------------------
   PHASE TWO v3.2 / DEEP EXPERIENCE LAYER
   Authored motion and spatial components. Essential meaning remains in HTML.
   -------------------------------------------------------------------------- */
@layer components {
  [data-depth-field] { --depth-x: 0; --depth-y: 0; --depth-scroll: 0; perspective: 1400px; transform-style: preserve-3d; }
  [data-depth] {
    --depth: attr(data-depth type(<number>), 0);
    transform: translate3d(
      calc(var(--depth-x, 0) * var(--depth, 0) * 22px),
      calc((var(--depth-y, 0) * var(--depth, 0) * 16px) + (var(--depth-scroll, 0) * var(--depth, 0) * 24px)),
      calc(var(--depth, 0) * 28px)
    );
    transition: transform .18s linear;
    will-change: transform;
  }

  .hero-depth-orbit {
    position: absolute;
    right: clamp(1rem, 7vw, 8rem);
    top: clamp(7rem, 17vh, 11rem);
    width: min(30vw, 390px);
    aspect-ratio: 1;
    z-index: -1;
    display: grid;
    place-items: center;
    opacity: .78;
    pointer-events: none;
  }
  .hero-depth-orbit i {
    position: absolute;
    inset: 12%;
    border: 1px solid rgba(140,244,255,.46);
    border-radius: 50%;
    transform: rotate(24deg) scaleY(.42);
    box-shadow: inset 0 0 55px rgba(71,201,255,.08), 0 0 50px rgba(71,201,255,.08);
    animation: phaseOrbit 18s linear infinite;
  }
  .hero-depth-orbit i:nth-child(2) { inset: 22%; border-color: rgba(244,199,118,.5); transform: rotate(-48deg) scaleY(.56); animation-direction: reverse; animation-duration: 23s; }
  .hero-depth-orbit i:nth-child(3) { inset: 34%; border-color: rgba(255,255,255,.28); transform: rotate(72deg) scaleY(.7); animation-duration: 11s; }
  .hero-depth-orbit span { font: 900 clamp(4rem,9vw,8rem)/1 var(--font-display); color: rgba(255,255,255,.9); text-shadow: 0 0 50px rgba(71,201,255,.55); }
  .hero-depth-node {
    position: absolute;
    z-index: 1;
    padding: .55rem .72rem;
    border: 1px solid var(--line);
    background: rgba(2,8,18,.66);
    backdrop-filter: blur(14px);
    color: #cdeeff;
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .2em;
    pointer-events: none;
    box-shadow: 0 18px 55px rgba(0,0,0,.32);
  }
  .hero-depth-node::before { content:""; position:absolute; width:56px; height:1px; background:linear-gradient(90deg,var(--cyan),transparent); top:50%; right:100%; }
  .hero-depth-node-a { right: 28%; top: 22%; }
  .hero-depth-node-b { right: 9%; top: 48%; }
  .hero-depth-node-c { right: 25%; bottom: 18%; }

  .force-pulse { position:absolute; inset:-20px; border:1px solid rgba(140,244,255,.22); border-radius:50%; animation:forcePulse 3.4s ease-out infinite; }
  .force-system.is-aligned .force-pulse { border-color:rgba(244,199,118,.55); animation-duration:2s; }

  .status-legend { align-self:end; display:flex; flex-wrap:wrap; gap:.8rem 1.2rem; justify-content:flex-end; color:var(--muted); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
  .status-legend span { display:flex; align-items:center; gap:.45rem; }
  .status-legend i { width:8px; aspect-ratio:1; border-radius:50%; box-shadow:0 0 15px currentColor; }
  .status-legend .is-live { background:var(--success); color:var(--success); }
  .status-legend .is-build { background:var(--gold); color:var(--gold); }
  .status-legend .is-research { background:#b78cff; color:#b78cff; }

  .ecosystem-section { overflow:hidden; }
  .ecosystem-machine {
    position:relative;
    min-height:760px;
    border:1px solid var(--line);
    background:
      radial-gradient(circle at 50% 48%, rgba(71,201,255,.13), transparent 26%),
      linear-gradient(135deg,rgba(3,12,25,.92),rgba(1,5,12,.98));
    overflow:hidden;
    isolation:isolate;
  }
  .ecosystem-machine::before {
    content:""; position:absolute; inset:0; z-index:-1; opacity:.35;
    background-image: radial-gradient(circle,rgba(140,244,255,.65) 0 1px,transparent 1.6px);
    background-size:38px 38px;
    mask-image:radial-gradient(circle at center,black,transparent 82%);
  }
  .ecosystem-orbit { position:absolute; left:50%; top:48%; width:360px; aspect-ratio:1; transform:translate(-50%,-50%); display:grid; place-items:center; }
  .ecosystem-orbit i { position:absolute; inset:12%; border:1px solid rgba(71,201,255,.35); border-radius:50%; transform:rotate(28deg) scaleY(.42); animation:ringSpin 22s linear infinite; }
  .ecosystem-orbit i:nth-child(2){inset:24%;border-color:rgba(244,199,118,.45);transform:rotate(-56deg) scaleY(.56);animation-direction:reverse;animation-duration:17s}
  .ecosystem-orbit i:nth-child(3){inset:36%;border-color:rgba(183,140,255,.4);transform:rotate(78deg) scaleY(.72);animation-duration:12s}
  .ecosystem-orbit strong { display:grid; place-items:center; width:130px; aspect-ratio:1; border:1px solid var(--line-bright); border-radius:50%; background:rgba(2,10,22,.92); box-shadow:0 0 75px rgba(71,201,255,.28); letter-spacing:.18em; }
  .ecosystem-nodes { position:absolute; inset:0; }
  .ecosystem-node {
    position:absolute;
    width:min(245px,27%);
    min-height:132px;
    padding:1rem;
    border:1px solid var(--line);
    background:rgba(3,14,29,.82);
    backdrop-filter:blur(12px);
    text-align:left;
    cursor:pointer;
    transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
    box-shadow:0 20px 60px rgba(0,0,0,.28);
  }
  .ecosystem-node:nth-child(1){left:5%;top:8%}.ecosystem-node:nth-child(2){right:5%;top:9%}.ecosystem-node:nth-child(3){left:3%;top:43%}.ecosystem-node:nth-child(4){right:3%;top:43%}.ecosystem-node:nth-child(5){left:12%;bottom:7%}.ecosystem-node:nth-child(6){right:12%;bottom:7%}
  .ecosystem-node::after { content:""; position:absolute; top:50%; width:clamp(40px,8vw,120px); height:1px; background:linear-gradient(90deg,currentColor,transparent); opacity:.45; pointer-events:none; }
  .ecosystem-node:nth-child(odd)::after { left:100%; }
  .ecosystem-node:nth-child(even)::after { right:100%; transform:rotate(180deg); }
  .ecosystem-node span,.ecosystem-node strong{display:block}.ecosystem-node span{font-size:.56rem;letter-spacing:.14em;color:var(--gold)}.ecosystem-node strong{margin-top:.65rem;font-size:clamp(1rem,2vw,1.55rem);line-height:1.04}
  .ecosystem-node:hover,.ecosystem-node[aria-pressed="true"]{transform:translateY(-7px) scale(1.02);border-color:var(--cyan);background:rgba(9,34,58,.94);box-shadow:0 0 45px rgba(71,201,255,.18),0 22px 70px rgba(0,0,0,.4)}
  .ecosystem-node.tone-gold[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 45px rgba(244,199,118,.18)}
  .ecosystem-node.tone-violet[aria-pressed="true"]{border-color:#b78cff;box-shadow:0 0 45px rgba(183,140,255,.2)}
  .ecosystem-node.tone-green[aria-pressed="true"]{border-color:var(--success);box-shadow:0 0 45px rgba(129,246,207,.16)}
  .ecosystem-detail-panel { position:absolute; left:50%; top:48%; transform:translate(-50%,160px); width:min(520px,70%); text-align:center; z-index:3; }
  .ecosystem-detail { padding:1rem 1.4rem; background:rgba(1,7,16,.78); border-top:1px solid var(--line-bright); }
  .ecosystem-detail[hidden]{display:none}.ecosystem-detail h3{margin:.55rem 0;font-size:clamp(1.5rem,3vw,2.7rem)}.ecosystem-detail p{margin:0;color:var(--muted)}

  .discipline-row { position:relative; overflow:hidden; }
  .discipline-current { position:absolute; left:-20%; right:100%; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),transparent); transition:right .8s cubic-bezier(.2,.8,.2,1); }
  .discipline-row.is-visible .discipline-current { right:-20%; }

  .product-class-machine { position:relative; display:grid; grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr); gap:clamp(2rem,6vw,7rem); align-items:center; min-height:590px; }
  .product-class-core { position:relative; justify-self:center; width:min(360px,80vw); aspect-ratio:1; display:grid; place-items:center; }
  .product-class-core::before,.product-class-core::after,.product-class-core i { content:""; position:absolute; inset:13%; border:1px solid var(--line-bright); transform:rotate(45deg); transition:.6s cubic-bezier(.2,.8,.2,1); }
  .product-class-core::after{inset:26%;border-color:rgba(244,199,118,.5)}.product-class-core i:nth-child(1){inset:4%;border-color:rgba(140,244,255,.2);animation:classSpin 18s linear infinite}.product-class-core i:nth-child(2){inset:35%;border-radius:50%;transform:none;background:radial-gradient(circle,rgba(71,201,255,.2),rgba(2,8,18,.92) 70%)}
  .product-class-core strong{z-index:2;font-size:clamp(4rem,10vw,8rem);color:white;text-shadow:var(--glow-blue)}
  .product-class-machine[data-class="2"] .product-class-core::before{inset:7%;transform:rotate(135deg)}.product-class-machine[data-class="2"] .product-class-core::after{inset:20%;transform:rotate(-45deg)}
  .product-class-machine[data-class="3"] .product-class-core::before{inset:1%;border-color:var(--gold);transform:rotate(225deg)}.product-class-machine[data-class="3"] .product-class-core::after{inset:15%;border-color:var(--cyan);transform:rotate(45deg)}
  .product-class-list { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
  .product-class { display:grid; grid-template-columns:70px 1fr auto; gap:.7rem 1rem; padding:1.25rem; border:0; background:rgba(2,8,18,.96); text-align:left; cursor:pointer; transition:.3s ease; }
  .product-class>span{grid-row:1/3;font-size:2.7rem;color:transparent;-webkit-text-stroke:1px rgba(140,244,255,.6)}.product-class>strong{font-size:1.35rem}.product-class>small{color:var(--gold);align-self:center}.product-class>p{grid-column:2/-1;margin:0;color:var(--muted)}
  .product-class:hover,.product-class[aria-pressed="true"]{background:linear-gradient(90deg,rgba(12,45,76,.92),rgba(2,8,18,.98));box-shadow:inset 3px 0 var(--cyan)}

  .commission-grid { transform-style:preserve-3d; }
  .commission-path { transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease; }
  .commission-path.is-active { transform:translateY(-16px) translateZ(30px) scale(1.025); border-color:var(--cyan); box-shadow:0 35px 90px rgba(0,0,0,.46),0 0 45px rgba(71,201,255,.14); }
  .commission-path:nth-child(2).is-active{border-color:var(--gold);box-shadow:0 35px 90px rgba(0,0,0,.46),0 0 45px rgba(244,199,118,.14)}

  .privacy-warning { display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:center; margin-top:2rem; padding:1rem 1.2rem; border:1px solid rgba(255,142,159,.32); background:rgba(76,20,31,.15); }
  .privacy-warning strong { color:#ffd6dc; letter-spacing:.08em; text-transform:uppercase; font-size:.72rem; }
  .privacy-warning p { margin:0;color:#d9b9c0; }

  .after-submission-section { overflow:hidden; }
  .after-track { position:relative; min-height:170px; display:flex; align-items:center; justify-content:center; gap:1rem; }
  .after-track::before { content:""; position:absolute; width:80%; height:1px; background:linear-gradient(90deg,transparent,var(--line-bright),transparent); }
  .after-track i { position:relative; width:50px; aspect-ratio:1; border:1px solid var(--line-bright); border-radius:50%; background:rgba(3,13,27,.88); animation:afterPulse 4s ease-in-out infinite; }
  .after-track i:nth-child(2){animation-delay:.7s}.after-track i:nth-child(3){animation-delay:1.4s}
  .after-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .after-step { min-height:280px; padding:1.4rem; background:rgba(2,8,18,.96); display:flex; flex-direction:column; }
  .after-step>span{color:var(--gold);font-size:.68rem;letter-spacing:.16em}.after-step h3{margin:auto 0 .8rem}.after-step p{margin:0;color:var(--muted)}

  .responsibility-section { overflow:hidden; }
  .boundary-stack { position:relative; min-height:440px; display:grid; place-items:center; }
  .boundary-stack span { position:absolute; width:min(420px,90%); padding:1.3rem; border:1px solid var(--line); text-align:center; font-weight:800; letter-spacing:.12em; font-size:.76rem; background:rgba(3,13,27,.88); box-shadow:var(--shadow); }
  .boundary-stack span:nth-child(1){transform:translateY(-105px) scale(.8);opacity:.58}.boundary-stack span:nth-child(2){transform:translateY(0) scale(.92);border-color:rgba(244,199,118,.45)}.boundary-stack span:nth-child(3){transform:translateY(110px);border-color:var(--cyan);box-shadow:var(--glow-blue),var(--shadow)}

  .guardrail-quote-section { overflow:hidden; background:radial-gradient(circle at 20% 50%,rgba(244,199,118,.08),transparent 36%); }
  .guardrail-quote-grid { display:grid; grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr); gap:clamp(2rem,7vw,8rem); align-items:center; }
  .neon-landmine { position:relative; margin:0; min-height:560px; display:grid; place-items:center; }
  .neon-landmine img { width:min(650px,110%); filter:drop-shadow(0 40px 90px rgba(0,0,0,.55)); }
  .neon-landmine i,.neon-landmine b { position:absolute; width:62%; aspect-ratio:1; border:1px solid rgba(140,244,255,.23); border-radius:50%; transform:rotate(36deg) scaleY(.48); }
  .neon-landmine b{width:80%;border-color:rgba(244,199,118,.2);transform:rotate(-42deg) scaleY(.36)}
  .guardrail-quote { margin:0; position:relative; padding:clamp(1.5rem,4vw,3.5rem); border-left:3px solid var(--gold); background:linear-gradient(135deg,rgba(28,22,9,.46),rgba(3,12,25,.78)); box-shadow:0 40px 100px rgba(0,0,0,.35); }
  .guardrail-quote::before { content:"“"; position:absolute; right:.2em; top:-.32em; font:900 clamp(8rem,20vw,18rem)/1 var(--font-display); color:rgba(244,199,118,.07); }
  .guardrail-quote p { position:relative; margin:1rem 0 1.5rem; font-family:var(--font-display); font-size:clamp(2rem,4.8vw,4.7rem); line-height:.98; letter-spacing:-.025em; }
  .guardrail-quote footer { color:var(--muted); max-width:58ch; }

  .source-state-readout { align-self:end; padding:1.2rem 1.4rem; border-left:2px solid var(--cyan); background:rgba(7,26,46,.6); max-width:500px; }
  .source-state-readout span,.source-state-readout strong{display:block}.source-state-readout span{color:var(--gold);font-size:.65rem;letter-spacing:.16em}.source-state-readout strong{margin-top:.55rem;font-size:1.1rem}
  .source-state-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .source-state { min-height:260px; padding:1.2rem; background:rgba(2,8,18,.96); border:0; text-align:left; cursor:pointer; transition:.3s ease; }
  .source-state>span,.source-state>strong,.source-state>small{display:block}.source-state>span{color:var(--gold);font-size:.65rem}.source-state>strong{margin:5rem 0 .7rem;font-size:1.7rem}.source-state>small{color:var(--muted);line-height:1.5}
  .source-state:hover,.source-state.is-active{background:linear-gradient(145deg,rgba(12,46,76,.94),rgba(2,8,18,.98));box-shadow:inset 0 -3px var(--cyan)}
  .source-state[data-source-state="blocked"].is-active{box-shadow:inset 0 -3px var(--danger);background:linear-gradient(145deg,rgba(82,20,34,.58),rgba(2,8,18,.98))}

  .boundary-section { overflow:hidden; }
  .boundary-vault { position:relative; width:min(360px,75vw); aspect-ratio:1; display:grid; place-items:center; justify-self:center; }
  .boundary-vault i { position:absolute; inset:10%; border:1px solid var(--line-bright); transform:rotate(45deg); }
  .boundary-vault i:nth-child(2){inset:22%;border-color:rgba(244,199,118,.45);transform:rotate(-45deg)}.boundary-vault i:nth-child(3){inset:35%;border-color:rgba(255,142,159,.38);border-radius:50%;transform:none}.boundary-vault strong{font-size:6rem;text-shadow:var(--glow-blue)}
  .boundary-layers { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .boundary-layer { min-height:300px; padding:1.3rem; background:rgba(2,8,18,.96); transform:translateY(calc(var(--boundary-index) * 8px)); }
  .boundary-layer>span{color:var(--gold);font-size:.65rem}.boundary-layer h3{margin:7rem 0 .8rem}.boundary-layer p{margin:0;color:var(--muted)}
  .boundary-layer:nth-child(3){background:linear-gradient(145deg,rgba(44,29,16,.45),rgba(2,8,18,.96))}.boundary-layer:nth-child(4){background:linear-gradient(145deg,rgba(67,16,29,.48),rgba(2,8,18,.96));border-color:rgba(255,142,159,.25)}

  .claims-signal { display:flex; align-items:center; justify-content:flex-end; gap:.8rem; color:var(--muted); font-size:.65rem; letter-spacing:.14em; }
  .claims-signal i{width:50px;height:1px;background:linear-gradient(90deg,var(--line-bright),transparent)}
  .claims-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .claim-card { min-height:360px; padding:1.2rem; border:0; background:rgba(2,8,18,.96); text-align:left; cursor:pointer; display:flex; flex-direction:column; transition:.35s ease; }
  .claim-card>span{font-size:.58rem;letter-spacing:.14em;color:var(--gold)}.claim-card h3{margin:auto 0 1rem;font-size:1.45rem}.claim-card>strong{color:var(--cyan);font-size:.68rem;letter-spacing:.08em}.claim-card p{margin:1rem 0 0;color:var(--muted)}
  .claim-card:hover,.claim-card[aria-expanded="true"]{background:linear-gradient(155deg,rgba(12,45,75,.9),rgba(2,8,18,.98));transform:translateY(-6px)}
  .claim-card[aria-expanded="true"] p{display:block!important}.claim-card:nth-child(3)[aria-expanded="true"],.claim-card:nth-child(4)[aria-expanded="true"]{background:linear-gradient(155deg,rgba(75,19,34,.72),rgba(2,8,18,.98));box-shadow:inset 0 -3px var(--danger)}

  .method-acts-section { overflow:hidden; }
  .method-corridor { position:relative; min-height:330px; display:grid; place-items:center; transform-style:preserve-3d; }
  .method-corridor::before,.method-corridor::after,.method-corridor i { content:""; position:absolute; inset:10%; border:1px solid var(--line-bright); transform:perspective(900px) rotateX(65deg) rotateZ(45deg); transition:.7s cubic-bezier(.2,.8,.2,1); }
  .method-corridor::after{inset:24%;border-color:rgba(244,199,118,.42);transform:perspective(900px) rotateX(65deg) rotateZ(-45deg)}.method-corridor i:nth-child(1){inset:38%;border-color:rgba(140,244,255,.35)}.method-corridor i:nth-child(2){inset:3%;border-color:rgba(183,140,255,.18);animation:corridorSpin 18s linear infinite}.method-corridor i:nth-child(3){inset:46%;border-radius:50%;background:rgba(3,13,27,.88)}.method-corridor strong{z-index:2;font-size:clamp(3rem,7vw,6rem);text-shadow:var(--glow-blue)}
  .method-corridor[data-act="govern"]::before{border-color:var(--gold);transform:perspective(900px) rotateX(55deg) rotateZ(90deg)}.method-corridor[data-act="create"]::before{transform:perspective(900px) rotateX(72deg) rotateZ(135deg)}.method-corridor[data-act="prove"]::before{border-color:var(--success);transform:perspective(900px) rotateX(50deg) rotateZ(225deg)}
  .method-act-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .method-act { min-height:310px; padding:1.25rem; border:0; background:rgba(2,8,18,.96); text-align:left; cursor:pointer; transition:.35s ease; }
  .method-act>span,.method-act>strong,.method-act>small{display:block}.method-act>span{color:var(--gold);font-size:.64rem;letter-spacing:.14em}.method-act>strong{margin:5.5rem 0 .4rem;font-size:2rem}.method-act>small{color:var(--cyan);font-size:.72rem;letter-spacing:.12em}.method-act>p{color:var(--muted)}
  .method-act:hover,.method-act.is-active{background:linear-gradient(145deg,rgba(12,45,75,.92),rgba(2,8,18,.98));box-shadow:inset 0 -3px var(--cyan);transform:translateY(-6px)}

  .guardrail-system-section { overflow:hidden; }
  .guardrail-rings { position:relative; justify-self:center; width:min(460px,82vw); aspect-ratio:1; display:grid; place-items:center; }
  .guardrail-rings i { position:absolute; inset:5%; border:1px solid var(--line-bright); border-radius:50%; transform:rotate(28deg) scaleY(.42); animation:ringSpin 19s linear infinite; }
  .guardrail-rings i:nth-child(2){inset:18%;border-color:rgba(244,199,118,.5);animation-direction:reverse;transform:rotate(-48deg) scaleY(.58)}.guardrail-rings i:nth-child(3){inset:31%;border-color:rgba(129,246,207,.42);transform:rotate(78deg) scaleY(.72);animation-duration:12s}
  .guardrail-rings strong { z-index:2; display:grid; place-items:center; width:170px; aspect-ratio:1; border:1px solid var(--line-bright); border-radius:50%; background:rgba(3,13,27,.94); text-align:center; font-size:.78rem; letter-spacing:.12em; line-height:1.5; box-shadow:var(--glow-blue); }
  .guardrail-principles ol { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .guardrail-principles li { min-height:150px; padding:1.2rem; background:rgba(2,8,18,.96); display:flex; gap:1rem; align-items:flex-end; font-weight:700; }
  .guardrail-principles li span{color:var(--gold);font-size:.65rem;align-self:flex-start}

  .decision-ladder { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:.8rem; align-items:center; text-align:center; }
  .decision-ladder span,.decision-ladder strong{padding:1.2rem;border:1px solid var(--line);background:rgba(3,13,27,.82);font-size:.68rem;letter-spacing:.12em}.decision-ladder strong{border-color:var(--gold);box-shadow:var(--glow-gold)}.decision-ladder i{width:32px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--gold))}

  .standards-section { overflow:hidden; background:radial-gradient(circle at 85% 45%,rgba(71,201,255,.1),transparent 35%); }
  .standards-disclaimer { margin-top:1.3rem; padding:1rem; border-left:2px solid var(--gold); background:rgba(244,199,118,.06); color:#d8c9ab; }
  .aims-cycle { position:relative; min-height:650px; display:grid; place-items:center; }
  .aims-cycle-core { position:relative; width:240px; aspect-ratio:1; display:grid; place-items:center; border:1px solid var(--line-bright); border-radius:50%; background:rgba(3,13,27,.92); box-shadow:var(--glow-blue); }
  .aims-cycle-core::before { content:""; position:absolute; inset:-55%; border:1px dashed rgba(140,244,255,.24); border-radius:50%; animation:ringSpin 24s linear infinite; }
  .aims-cycle-core span { position:absolute; color:var(--muted); font-size:.58rem; letter-spacing:.14em; }
  .aims-cycle-core span:nth-child(1){top:-56%}.aims-cycle-core span:nth-child(2){right:-48%;top:48%}.aims-cycle-core span:nth-child(3){bottom:-56%}.aims-cycle-core span:nth-child(4){left:-48%;top:48%}.aims-cycle-core strong{font-size:2.2rem;letter-spacing:.1em}
  .aims-cycle-node { position:absolute; width:190px; min-height:118px; padding:1rem; border:1px solid var(--line); background:rgba(2,8,18,.94); text-align:left; cursor:pointer; transition:.35s ease; }
  .aims-cycle-node:nth-of-type(1){top:0;left:50%;transform:translateX(-50%)}.aims-cycle-node:nth-of-type(2){right:0;top:43%}.aims-cycle-node:nth-of-type(3){bottom:0;left:50%;transform:translateX(-50%)}.aims-cycle-node:nth-of-type(4){left:0;top:43%}
  .aims-cycle-node span,.aims-cycle-node strong,.aims-cycle-node small{display:block}.aims-cycle-node span{color:var(--gold);font-size:.58rem}.aims-cycle-node strong{margin:.45rem 0;font-size:1.35rem}.aims-cycle-node small{color:var(--muted);line-height:1.35}
  .aims-cycle-node:hover,.aims-cycle-node.is-active{border-color:var(--cyan);box-shadow:var(--glow-blue);background:rgba(10,38,64,.94)}
  .aims-readout { position:absolute; left:50%; bottom:80px; transform:translateX(-50%); width:min(480px,72%); padding:1rem 1.2rem; background:rgba(1,7,16,.88); border-top:1px solid var(--line-bright); text-align:center; }
  .aims-readout span,.aims-readout strong{display:block}.aims-readout span{color:var(--gold);font-size:.64rem;letter-spacing:.14em}.aims-readout strong{margin:.45rem 0}.aims-readout p{margin:0;color:var(--muted)}
  .training-path { display:grid; grid-template-columns:auto repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); align-items:stretch; }
  .training-path>span{padding:1.1rem;display:flex;align-items:center;background:rgba(2,8,18,.96);font-size:.65rem;letter-spacing:.14em;color:var(--gold)}.training-path>div{padding:1.1rem;background:rgba(2,8,18,.96);display:flex;align-items:center;gap:1rem}.training-path i{font-style:normal;color:var(--cyan);font-size:.65rem}
}

@layer motion {
  @keyframes phaseOrbit { to { transform: rotate(384deg) scaleY(.42); } }
  @keyframes forcePulse { 0%{transform:scale(.7);opacity:.7} 75%,100%{transform:scale(1.45);opacity:0} }
  @keyframes classSpin { to { transform:rotate(405deg); } }
  @keyframes afterPulse { 0%,100%{transform:scale(.82);box-shadow:0 0 0 rgba(71,201,255,0)} 50%{transform:scale(1.08);box-shadow:0 0 40px rgba(71,201,255,.2)} }
  @keyframes corridorSpin { to { transform:perspective(900px) rotateX(65deg) rotateZ(405deg); } }
}

@media (max-width: 1180px) {
  .ecosystem-machine{min-height:980px}.ecosystem-node{width:34%}.ecosystem-node:nth-child(1){left:3%;top:4%}.ecosystem-node:nth-child(2){right:3%;top:4%}.ecosystem-node:nth-child(3){left:2%;top:36%}.ecosystem-node:nth-child(4){right:2%;top:36%}.ecosystem-node:nth-child(5){left:7%;bottom:5%}.ecosystem-node:nth-child(6){right:7%;bottom:5%}.ecosystem-orbit{top:51%}.ecosystem-detail-panel{top:51%;transform:translate(-50%,170px)}
  .claims-grid{grid-template-columns:repeat(3,1fr)}.claim-card{min-height:310px}
  .after-steps{grid-template-columns:repeat(2,1fr)}
  .boundary-layers{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 820px) {
  .hero-depth-node{display:none}.hero-depth-orbit{right:-20%;top:13%;width:70vw;opacity:.44}
  .ecosystem-machine{min-height:auto;padding:2rem 1rem}.ecosystem-orbit{position:relative;left:auto;top:auto;transform:none;margin:0 auto 2rem;width:260px}.ecosystem-nodes{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.ecosystem-node,.ecosystem-node:nth-child(n){position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:150px}.ecosystem-node::after{display:none}.ecosystem-detail-panel{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:1rem}
  .product-class-machine{grid-template-columns:1fr}.product-class-core{width:270px}.product-class{grid-template-columns:55px 1fr}.product-class>small{grid-column:2}.product-class>p{grid-column:2}
  .guardrail-quote-grid{grid-template-columns:1fr}.neon-landmine{min-height:400px}
  .source-state-grid{grid-template-columns:1fr 1fr}.source-state{min-height:220px}.source-state>strong{margin:3.5rem 0 .6rem}
  .claims-grid{grid-template-columns:1fr 1fr}.boundary-layers{grid-template-columns:1fr 1fr}.method-act-grid{grid-template-columns:1fr 1fr}.guardrail-principles ol{grid-template-columns:1fr 1fr}
  .decision-ladder{grid-template-columns:1fr}.decision-ladder i{width:1px;height:30px;justify-self:center}
  .aims-cycle{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.aims-cycle-core{grid-column:1/-1;margin:0 auto 1rem;width:190px}.aims-cycle-core span{display:none}.aims-cycle-node,.aims-cycle-node:nth-of-type(n){position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto}.aims-readout{position:relative;left:auto;bottom:auto;transform:none;width:100%;grid-column:1/-1}.training-path{grid-template-columns:1fr 1fr}.training-path>span{grid-column:1/-1}
}

@media (max-width: 580px) {
  [data-depth] { transform:none!important; }
  .status-legend{justify-content:flex-start}.ecosystem-nodes{grid-template-columns:1fr}.ecosystem-node{min-height:130px}.ecosystem-orbit{width:220px}.ecosystem-detail-panel{margin-top:.7rem}
  .after-steps,.source-state-grid,.claims-grid,.boundary-layers,.method-act-grid,.guardrail-principles ol,.aims-cycle,.training-path{grid-template-columns:1fr}.training-path>span{grid-column:auto}
  .after-step{min-height:220px}.guardrail-quote p{font-size:clamp(2rem,11vw,3rem)}.neon-landmine{min-height:300px}
  .claim-card{min-height:270px}.boundary-layer{transform:none;min-height:250px}.boundary-layer h3{margin:4rem 0 .8rem}
  .product-class{grid-template-columns:45px 1fr;padding:1rem}.product-class>span{font-size:2rem}.product-class>strong{font-size:1.15rem}
}

@media (prefers-reduced-motion: reduce) {
  [data-depth] { transform:none!important; transition:none!important; }
  .hero-depth-orbit i,.force-pulse,.ecosystem-orbit i,.product-class-core i,.after-track i,.method-corridor i,.guardrail-rings i,.aims-cycle-core::before { animation:none!important; }
}

/* =====================================================================
   Unity 314 Phase Two Layout Polish v3.3.3
   Fine-tooth comb pass: stronger structure, premium spacing, deeper
   floating layers, clearer reading order, sharper form and proof systems.
   ===================================================================== */
:root{
  --wrap-wide: min(92vw, 1540px);
  --wrap-reading: min(88vw, 980px);
  --section-pad: clamp(6.5rem, 10vw, 12rem);
  --panel: rgba(5,18,34,.72);
  --panel-strong: rgba(6,25,48,.88);
  --panel-soft: rgba(255,255,255,.045);
  --hairline: rgba(156,228,255,.22);
  --hairline-hot: rgba(120,232,255,.42);
  --premium-shadow: 0 50px 140px rgba(0,0,0,.52);
}
.wrap{width:var(--wrap-wide)}
.section{padding:var(--section-pad) 0}
.section::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(91,201,255,.022) 42%,transparent)}
.section + .section{border-top:1px solid rgba(130,220,255,.075)}
.section h2{max-width:820px;letter-spacing:-.055em;line-height:.84;text-wrap:balance}
.section .lede{max-width:760px;line-height:1.58}
.split{grid-template-columns:minmax(0,.95fr) minmax(420px,.85fr);gap:clamp(2.4rem,6vw,8rem);align-items:center}
.center{max-width:var(--wrap-reading);margin-inline:auto}
.glass-panel,.feature-card,.path-card,.offer-card,.mode-card,.claim-card,.source-state,.product-class,.diagnostic-contact,.problem-map,.unity-check-machine,.method-simulation,.requisition-output{
  box-shadow:0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.button{min-height:42px;align-items:center}
.button-primary{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 45px rgba(41,174,255,.2)}
.button-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.15),0 24px 60px rgba(41,174,255,.28)}

/* Phase section jump rail */
.phase-subnav{position:sticky;top:var(--header-h);z-index:25;border-block:1px solid rgba(134,221,255,.13);background:linear-gradient(90deg,rgba(2,8,18,.86),rgba(7,22,40,.78),rgba(2,8,18,.86));backdrop-filter:blur(18px) saturate(1.1)}
.phase-subnav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px}
.phase-subnav strong{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#f7fbff;white-space:nowrap}
.phase-subnav div{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.phase-subnav a{display:inline-flex;align-items:center;min-height:34px;padding:.45rem .8rem;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease}
.phase-subnav a:hover,.phase-subnav a:focus-visible{color:#fff;border-color:var(--hairline-hot);background:rgba(80,211,255,.08);transform:translateY(-1px);outline:none}

/* Hero: rebalance giant type, make orbit feel intentional, not accidental */
.phase-hero{min-height:clamp(760px,92vh,1060px);padding-top:calc(var(--header-h) + clamp(3rem,6vw,6rem));overflow:hidden;background:#020811}
.phase-hero::before{background:radial-gradient(circle at 68% 34%,rgba(57,184,255,.14),transparent 30%),linear-gradient(90deg,rgba(2,5,11,.97) 0%,rgba(2,5,11,.77) 36%,rgba(2,5,11,.28) 63%,rgba(2,5,11,.9) 100%),linear-gradient(180deg,rgba(2,5,11,.12),rgba(2,5,11,.88) 74%,var(--ink-0))}
.phase-hero::after{content:"";position:absolute;left:clamp(1rem,5vw,5rem);right:clamp(1rem,5vw,5rem);bottom:clamp(2rem,5vw,5rem);height:1px;background:linear-gradient(90deg,transparent,rgba(120,232,255,.55),rgba(244,199,118,.38),transparent);opacity:.85}
.phase-hero-media{opacity:.88;filter:saturate(1.13) contrast(1.08)}
.phase-hero-inner{grid-template-columns:84px minmax(0,880px) minmax(280px,390px);gap:clamp(1.6rem,4vw,5rem);align-items:end;min-height:calc(100vh - var(--header-h) - 7rem)}
.phase-chapter{align-self:stretch;border-left:1px solid rgba(120,232,255,.35);padding-left:1rem;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;color:rgba(225,244,255,.85)}
.phase-chapter span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan)}
.phase-chapter strong{font-size:clamp(3.8rem,8vw,7rem);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(244,199,118,.55)}
.phase-chapter small{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.phase-hero-copy{padding-block:3rem;max-width:880px}
.phase-hero-copy h1{font-size:clamp(4rem,7.65vw,8.2rem);line-height:.78;max-width:880px;text-shadow:0 20px 80px rgba(0,0,0,.5)}
.phase-hero-copy .accent-text{filter:drop-shadow(0 0 20px rgba(71,201,255,.2))}
.phase-hero-copy .lede{max-width:640px;background:linear-gradient(90deg,rgba(1,7,16,.6),transparent);padding-left:1.1rem;border-left:2px solid rgba(71,201,255,.45)}
.phase-hero-readout{align-self:end;margin-bottom:4rem;border-color:rgba(120,232,255,.32);background:linear-gradient(160deg,rgba(5,18,35,.82),rgba(2,9,18,.54));box-shadow:var(--premium-shadow)}
.hero-depth-orbit{width:clamp(170px,18vw,290px);right:clamp(1.5rem,7vw,9rem);top:50%;filter:drop-shadow(0 0 38px rgba(71,201,255,.28))}
.hero-depth-node{border-color:rgba(120,232,255,.24);background:rgba(2,12,24,.62);box-shadow:0 20px 80px rgba(0,0,0,.36);backdrop-filter:blur(14px)}

/* Sales Engine */
.assembly-section{padding-top:clamp(5rem,8vw,9rem)}
.assembly-status{border:1px solid var(--hairline);background:rgba(3,14,28,.62);padding:1rem 1.2rem;min-width:210px;text-align:right;box-shadow:var(--premium-shadow)}
.force-system{min-height:620px;grid-template-columns:repeat(3,minmax(0,1fr));perspective:1200px}
.force-system::before{left:7%;right:7%;background:linear-gradient(90deg,transparent,rgba(71,201,255,.38),rgba(244,199,118,.28),rgba(71,201,255,.38),transparent)}
.force-core{width:clamp(165px,15vw,240px);background:radial-gradient(circle,rgba(71,201,255,.15),rgba(6,25,48,.88) 42%,rgba(2,8,18,.94));border-color:rgba(120,232,255,.42);box-shadow:0 0 90px rgba(71,201,255,.18),inset 0 0 50px rgba(71,201,255,.06)}
.force-node{min-height:310px;border:1px solid rgba(120,232,255,.18);background:linear-gradient(160deg,rgba(7,25,47,.78),rgba(1,7,16,.92));box-shadow:0 30px 90px rgba(0,0,0,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}
.force-node::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,20%),rgba(71,201,255,.18),transparent 42%);opacity:.8;pointer-events:none}
.force-node:hover,.force-node:focus-visible,.force-node[aria-pressed="true"]{transform:translateY(-18px) rotateX(4deg);border-color:rgba(120,232,255,.55);box-shadow:0 42px 120px rgba(0,0,0,.42),0 0 55px rgba(71,201,255,.16)}
.force-node strong{font-size:clamp(1.35rem,2.2vw,2.2rem);line-height:.95;text-wrap:balance}
.assembly-result{margin-top:-2rem;border:1px solid rgba(244,199,118,.32);background:linear-gradient(100deg,rgba(244,199,118,.09),rgba(71,201,255,.06));padding:1.35rem 1.5rem;box-shadow:0 20px 80px rgba(0,0,0,.26)}
.ecosystem-machine,.product-class-machine{border:1px solid rgba(120,232,255,.14);background:radial-gradient(circle at 50% 40%,rgba(71,201,255,.08),transparent 44%),rgba(1,8,18,.52);box-shadow:var(--premium-shadow);padding:clamp(1.2rem,3vw,2rem)}
.discipline-stack{border:0;display:grid;gap:1rem}
.discipline-row{grid-template-columns:96px minmax(0,1fr) minmax(320px,.84fr);padding:clamp(1.4rem,3.5vw,3rem);border:1px solid rgba(120,232,255,.14);background:linear-gradient(110deg,rgba(6,24,46,.58),rgba(2,8,18,.72));box-shadow:0 28px 80px rgba(0,0,0,.22)}
.discipline-row:nth-child(even){background:linear-gradient(110deg,rgba(2,8,18,.72),rgba(9,28,48,.5))}
.discipline-copy h3{font-size:clamp(2rem,4.4vw,4.1rem)}
.discipline-outputs{align-self:stretch;align-content:center;gap:.55rem}
.discipline-outputs li{border:1px solid rgba(120,232,255,.12);background:rgba(255,255,255,.035);border-radius:12px}
.commission-grid{gap:1rem;align-items:stretch}
.commission-path{min-height:390px;background:linear-gradient(170deg,rgba(7,26,48,.78),rgba(1,7,16,.95));border-color:rgba(120,232,255,.16);border-radius:22px;padding:clamp(1.2rem,2vw,1.9rem)}
.commission-path h3{font-size:clamp(2.4rem,4.6vw,4.1rem);letter-spacing:-.06em}
.requisition-heading{grid-template-columns:minmax(0,1fr) 180px}.requisition-seal{background:radial-gradient(circle,rgba(71,201,255,.12),rgba(1,8,18,.9));box-shadow:0 0 80px rgba(71,201,255,.17)}
.requisition-layout{grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);gap:1.4rem}.requisition-form{background:linear-gradient(160deg,rgba(8,27,49,.55),rgba(1,7,16,.62));border:1px solid rgba(120,232,255,.14);padding:clamp(1rem,2.3vw,2rem);box-shadow:var(--premium-shadow)}
.requisition-step legend{line-height:.9}.choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{border-radius:12px;background:rgba(255,255,255,.032);transition:border-color .25s ease,background .25s ease,transform .25s ease}.choice:hover{transform:translateY(-1px);border-color:rgba(120,232,255,.26)}
.requisition-output{border-radius:24px;min-height:640px}.proof-record-grid{gap:1rem;background:transparent;border:0}.proof-record{border:1px solid rgba(120,232,255,.14);border-radius:20px;background:linear-gradient(160deg,rgba(7,24,45,.74),rgba(1,8,18,.95))}.proof-record:hover{transform:translateY(-6px);border-color:rgba(120,232,255,.36)}

/* Beneath the Brief */
.guardrail-quote-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,6vw,7rem)}
.guardrail-quote{padding:clamp(1.5rem,4vw,3.5rem);border-left:2px solid var(--gold);background:linear-gradient(110deg,rgba(244,199,118,.08),rgba(71,201,255,.045));box-shadow:var(--premium-shadow)}
.guardrail-quote p{font-size:clamp(1.7rem,3.8vw,4.1rem);line-height:.95;letter-spacing:-.055em;text-wrap:balance;margin:.6rem 0 1.5rem}
.brief-document{border-radius:6px;box-shadow:0 45px 100px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.1)}
.fracture-field{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.fracture-chip{position:relative;min-height:160px;padding:1rem;border:1px solid rgba(120,232,255,.15);background:linear-gradient(160deg,rgba(7,26,48,.62),rgba(1,7,16,.88));border-radius:18px;text-align:left;overflow:hidden}.fracture-chip::after{content:"";position:absolute;inset:auto -30% -50% 20%;height:95%;background:radial-gradient(circle,rgba(71,201,255,.16),transparent 62%)}
.source-state-grid,.boundary-layers,.claims-grid{gap:1rem}.source-state,.boundary-layer,.claim-card{border-radius:18px;background:linear-gradient(160deg,rgba(7,25,47,.68),rgba(1,7,16,.92));border-color:rgba(120,232,255,.14)}
.diagnostic-shell{grid-template-columns:minmax(0,1fr) minmax(360px,.58fr);gap:1.5rem;align-items:start}.diagnostic-lens{padding:clamp(1.1rem,2.2vw,2rem);margin-bottom:1rem;border:1px solid rgba(120,232,255,.14);background:linear-gradient(160deg,rgba(7,24,45,.54),rgba(1,7,16,.62));border-radius:22px}.lens-heading{margin-bottom:1.2rem}.diagnostic-question{grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;border-top:1px solid rgba(120,232,255,.1);padding:1rem 0}.diagnostic-options{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.diagnostic-options label{min-width:76px;min-height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(120,232,255,.12);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.diagnostic-options input:checked+span,.diagnostic-options label:has(input:checked){background:rgba(71,201,255,.14);border-color:rgba(120,232,255,.48);color:#fff}.problem-map{border-radius:24px}.field-record-stack{display:grid;gap:1rem}.field-record{padding:clamp(1.2rem,2.5vw,2rem);border:1px solid rgba(120,232,255,.14);border-radius:22px;background:linear-gradient(140deg,rgba(7,25,47,.55),rgba(1,8,18,.9));box-shadow:0 22px 70px rgba(0,0,0,.2)}
.brief-to-system,.human-machine-mark{filter:drop-shadow(0 0 30px rgba(71,201,255,.16))}

/* Method */
.method-act-grid,.mode-triad,.guardrail-principles ol{gap:1rem}.method-act,.mode-card{border-radius:22px;background:linear-gradient(160deg,rgba(7,24,45,.68),rgba(1,7,16,.92));border:1px solid rgba(120,232,255,.14);box-shadow:0 25px 80px rgba(0,0,0,.24)}
.method-act{min-height:260px;text-align:left;padding:1.25rem}.method-act.is-active{border-color:rgba(244,199,118,.48);box-shadow:0 35px 100px rgba(0,0,0,.34),0 0 52px rgba(244,199,118,.1)}
.method-stage-list{display:grid;gap:.75rem}.method-stage{border:1px solid rgba(120,232,255,.12);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.026)}.method-stage>button{min-height:74px;padding:1rem 1.25rem}.method-stage-body{padding:0 1.25rem 1.25rem;color:var(--muted)}
.unity-check-machine{border-radius:24px;padding:clamp(1.2rem,2.5vw,2rem)}.unity-choice-grid button{border-radius:14px;min-height:54px}.guardrail-rings{min-height:360px}.guardrail-principles li{border-radius:18px;background:rgba(255,255,255,.035)}.aims-cycle{min-height:520px}.training-path{border:1px solid rgba(120,232,255,.14);border-radius:22px;background:rgba(4,18,34,.54);padding:1.2rem}.simulator-layout{grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);gap:clamp(2rem,5vw,6rem)}.method-simulation{border-radius:24px}.diamond-machine{padding:clamp(1.2rem,3vw,2rem);border:1px solid rgba(120,232,255,.13);border-radius:28px;background:radial-gradient(circle at 50% 42%,rgba(71,201,255,.08),transparent 42%),rgba(1,8,18,.62)}.diamond-facet{border-radius:16px;background:rgba(255,255,255,.034)}

/* General finishing */
.footer-inner{border-top-color:rgba(120,232,255,.14)}
.input,.textarea,.select{border-radius:12px;background:rgba(255,255,255,.045)}
textarea.textarea{min-height:130px}.form-status:not(:empty){margin-top:1rem;padding:.8rem 1rem;border:1px solid rgba(120,232,255,.22);border-radius:12px;background:rgba(71,201,255,.06)}

@media (max-width: 1100px){
  .split,.phase-hero-inner,.requisition-layout,.diagnostic-shell,.simulator-layout,.guardrail-quote-grid{grid-template-columns:1fr}
  .phase-hero-inner{min-height:auto}.phase-chapter{display:none}.phase-hero-readout{max-width:520px;margin-bottom:1rem}.phase-hero-copy{padding-block:2rem}.force-system{grid-template-columns:1fr;min-height:auto;padding-top:170px}.force-core{top:70px}.fracture-field{grid-template-columns:repeat(2,minmax(0,1fr))}.discipline-row{grid-template-columns:1fr}.discipline-number{font-size:3.2rem}.discipline-outputs{grid-template-columns:1fr}.phase-subnav{top:var(--header-h)}.phase-subnav-inner{align-items:flex-start;flex-direction:column;padding-block:.75rem}.phase-subnav div{justify-content:flex-start}
}
@media (max-width: 720px){
  :root{--section-pad:clamp(4.25rem,16vw,6.5rem)}
  .wrap{width:min(92vw,1540px)}
  .phase-hero{min-height:780px;padding-top:calc(var(--header-h) + 2rem)}.phase-hero-copy h1{font-size:clamp(3.15rem,15vw,5.4rem);line-height:.82}.phase-hero-copy .lede{padding-left:.8rem}.hero-actions{gap:.55rem}.phase-subnav{display:none}.force-node{min-height:205px}.force-node strong{margin:2rem 0 .7rem}.commission-grid,.proof-record-grid,.product-class-list,.method-act-grid,.mode-triad,.boundary-layers,.claims-grid,.source-state-grid,.fracture-field{grid-template-columns:1fr}.choice-grid.compact{grid-template-columns:1fr}.diagnostic-question{grid-template-columns:1fr}.diagnostic-options{justify-content:flex-start}.guardrail-quote p{font-size:clamp(1.65rem,9vw,3rem)}.requisition-output{min-height:0}.phase-hero-readout{display:none}
}
@media (prefers-reduced-motion: reduce){.phase-subnav a:hover,.button-primary:hover,.force-node:hover,.proof-record:hover,.choice:hover{transform:none!important}}

/* Future Abundance v4.0.0: six-pillar canonical experience */
.route-whatIsUnity .phase-hero-media{filter:saturate(1.05) brightness(.72)}
.unity-thesis{overflow:hidden;position:relative}.unity-thesis:before{content:"";position:absolute;inset:12% 4% auto auto;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,rgba(64,217,255,.16),transparent 70%);filter:blur(20px);pointer-events:none}
.unity-definition{margin:2rem 0 0;padding:1.35rem 1.5rem;border-left:3px solid var(--cyan);background:linear-gradient(90deg,rgba(65,217,255,.1),transparent);font:600 clamp(1.2rem,2vw,1.75rem)/1.35 var(--font-display);color:#edfaff}
.six-orbit-stage{position:relative;min-height:34rem;border:1px solid rgba(129,221,255,.2);border-radius:2rem;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(82,143,255,.12),rgba(3,10,20,.88) 58%)}
.six-orbit-stage img{width:100%;height:100%;min-height:34rem;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .8s ease}.six-orbit-stage[data-focus]{--focus-scale:1.04}.six-orbit-stage[data-focus] img{transform:scale(var(--focus-scale));filter:saturate(1.22) contrast(1.06)}
.orbit-readout{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem 1.15rem;border:1px solid rgba(159,233,255,.22);border-radius:1rem;background:rgba(2,10,20,.78);backdrop-filter:blur(14px);display:grid;gap:.25rem}.orbit-readout span{font:700 .66rem/1 var(--font-mono);letter-spacing:.16em;color:var(--cyan)}.orbit-readout strong{font-size:1.2rem}.orbit-readout small{color:var(--muted)}
.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pillar-card{position:relative;min-height:28rem;padding:1.4rem;border:1px solid rgba(132,222,255,.18);border-radius:1.6rem;background:linear-gradient(160deg,rgba(9,29,48,.92),rgba(3,10,20,.88));overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.pillar-card:before{content:"";position:absolute;width:13rem;height:13rem;border-radius:50%;right:-7rem;top:-7rem;background:radial-gradient(circle,rgba(83,217,255,.18),transparent 67%);transition:transform .5s ease}.pillar-card:hover,.pillar-card:focus-within,.pillar-card.is-active{transform:translateY(-8px);border-color:rgba(105,225,255,.58);box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 38px rgba(47,198,255,.12)}.pillar-card:hover:before,.pillar-card.is-active:before{transform:scale(1.35)}
.pillar-card[data-state="confirmed"]{--state:#58f4bb}.pillar-card[data-state="qualified-proof"]{--state:#56d8ff}.pillar-card[data-state="current-development"]{--state:#a78cff}.pillar-card[data-state="inferred"]{--state:#ffb960}.pillar-card[data-state="requires-verification"]{--state:#ff7d89}.pillar-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.pillar-code{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;border:1px solid var(--state,var(--cyan));color:#fff;background:rgba(0,0,0,.26);font:800 1rem/1 var(--font-display);box-shadow:0 0 25px color-mix(in srgb,var(--state,var(--cyan)) 22%,transparent)}.reality-badge{max-width:12rem;text-align:right;font:700 .64rem/1.35 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--state,var(--cyan))}.pillar-card h3{font-size:clamp(1.45rem,2vw,2.05rem);margin:1.3rem 0 .75rem}.pillar-card>p{color:#bed2df}.pillar-detail{display:grid;gap:.8rem;margin:1.25rem 0}.pillar-detail div{padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:.3rem}.pillar-detail span{font:700 .62rem/1 var(--font-mono);letter-spacing:.14em;color:var(--muted)}.pillar-detail strong{font-size:.87rem;line-height:1.5;color:#dceaf2}.pillar-focus{appearance:none;border:0;background:transparent;color:var(--state,var(--cyan));font:800 .72rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:0;cursor:pointer}
.core-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.core-capability{padding:1.4rem;border-top:2px solid var(--cyan);background:linear-gradient(180deg,rgba(44,176,230,.08),transparent)}.core-capability>span{font:800 .7rem/1 var(--font-mono);letter-spacing:.14em;color:var(--cyan)}.core-capability h3{font-size:1.6rem;margin:.8rem 0 .5rem}.core-capability p{color:var(--muted)}
.reality-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.reality-state{appearance:none;text-align:left;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(6,18,31,.75);color:#fff;display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;cursor:pointer;transition:.3s ease}.reality-state:hover,.reality-state[aria-pressed="true"]{border-color:var(--cyan);background:rgba(39,160,206,.13);transform:translateY(-3px)}.reality-state>span{grid-row:1/3;font:800 .65rem/1 var(--font-mono);color:var(--cyan);padding-top:.2rem}.reality-state strong{font-size:1rem}.reality-state small{color:var(--muted);line-height:1.45}.reality-readout{min-height:10rem;padding:1.4rem;border-left:1px solid var(--cyan);background:linear-gradient(90deg,rgba(55,201,255,.09),transparent);display:grid;align-content:center;gap:.45rem}.reality-readout span{font:800 .75rem/1 var(--font-mono);letter-spacing:.14em;color:var(--cyan)}.reality-readout strong{font-size:1.2rem;line-height:1.4}
.future-abundance-section{position:relative;overflow:hidden;background:radial-gradient(circle at 24% 50%,rgba(84,69,255,.2),transparent 34%),linear-gradient(135deg,#030914,#071527)}.future-abundance-grid{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);gap:clamp(2rem,6vw,6rem);align-items:center}.future-abundance-sigil{position:relative;aspect-ratio:1;display:grid;place-items:center}.future-abundance-sigil span{position:relative;z-index:2;display:grid;place-items:center;width:8rem;height:8rem;border-radius:50%;background:radial-gradient(circle,#fff 0,#55ddff 8%,#192b6d 45%,#050a15 72%);box-shadow:0 0 80px rgba(62,209,255,.46);font:800 3rem/1 var(--font-display)}.future-abundance-sigil i{position:absolute;width:76%;height:76%;border:1px solid rgba(127,227,255,.38);border-radius:50%;animation:abundance-orbit 16s linear infinite}.future-abundance-sigil i:nth-of-type(2){width:92%;height:45%;animation-duration:22s;transform:rotate(30deg)}.future-abundance-sigil i:nth-of-type(3){width:45%;height:92%;animation-duration:19s;animation-direction:reverse}.future-abundance-sigil i:nth-of-type(4){width:110%;height:28%;animation-duration:28s;transform:rotate(-22deg)}.future-abundance-sigil i:nth-of-type(5){width:28%;height:110%;animation-duration:24s;animation-direction:reverse}.future-abundance-sigil i:nth-of-type(6){width:118%;height:118%;border-style:dashed;opacity:.42;animation-duration:40s}@keyframes abundance-orbit{to{transform:rotate(360deg)}}
@media(max-width:1050px){.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.core-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.future-abundance-grid{grid-template-columns:1fr}.future-abundance-sigil{max-width:30rem;margin:auto}}
@media(max-width:700px){.pillar-grid,.reality-state-grid,.core-capability-grid{grid-template-columns:1fr}.six-orbit-stage,.six-orbit-stage img{min-height:24rem}.pillar-card{min-height:auto}.future-abundance-sigil{width:75vw;max-width:22rem}}
@media(prefers-reduced-motion:reduce){.future-abundance-sigil i{animation:none}.pillar-card,.six-orbit-stage img,.reality-state{transition:none}}