:root {
  --bg: #08090c;
  --bg-soft: #0d0e13;
  --panel: rgba(19, 20, 27, 0.78);
  --panel-solid: #13141b;
  --paper: #f4f0e8;
  --muted: #9696a2;
  --muted-strong: #babac4;
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.18);
  --gold: #f5b953;
  --gold-soft: #d59b3e;
  --violet: #8b7cff;
  --blue: #66c7f3;
  --green: #63d7a0;
  --danger: #ff786f;
  --radius: 24px;
  --radius-small: 14px;
  --shadow: 0 40px 120px rgba(0, 0, 0, 0.5);
  --mx: 50%;
  --my: 20%;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body::selection { background: var(--gold); color: #111; }
a { color: inherit; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }

.ambient { position: fixed; inset: 0; z-index: -2; pointer-events: none; overflow: hidden; }
.ambient::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle 26rem at var(--mx) var(--my), rgba(245, 185, 83, 0.075), transparent 72%);
}
.ambient-grid {
  position: absolute;
  inset: 0;
  opacity: 0.36;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, black 0, transparent 76%);
}
.ambient-orb { position: absolute; width: 45rem; height: 45rem; border-radius: 50%; filter: blur(120px); opacity: .12; }
.orb-one { top: -20rem; right: -12rem; background: var(--violet); animation: orbFloat 16s ease-in-out infinite; }
.orb-two { top: 35%; left: -25rem; background: var(--gold); animation: orbFloat 19s ease-in-out -6s infinite reverse; }

.skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 200; padding: .8rem 1rem; transform: translateY(-150%); border-radius: 10px; background: var(--paper); color: var(--bg); transition: transform .2s ease; }
.skip-link:focus { transform: none; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; padding: 1rem 1.25rem; transition: background .3s ease, border .3s ease, padding .3s ease; }
.site-header::after { content: ""; position: absolute; left: 0; bottom: -1px; width: calc(var(--scroll-progress, 0) * 100%); height: 1px; background: linear-gradient(90deg, var(--gold), var(--violet), var(--blue)); }
.site-header.is-scrolled { padding-block: .65rem; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(8,9,12,.78); backdrop-filter: blur(24px) saturate(130%); }
.nav-shell { width: min(1280px, 100%); min-height: 3.8rem; margin: 0 auto; display: grid; grid-template-columns: auto 1fr auto; gap: 2rem; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: .75rem; text-decoration: none; font-size: .98rem; font-weight: 760; letter-spacing: -.02em; }
.brand-mark { position: relative; width: 2.55rem; height: 2.55rem; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(245,185,83,.38); border-radius: 11px; background: linear-gradient(145deg, rgba(245,185,83,.2), rgba(139,124,255,.09)), #101116; box-shadow: inset 0 1px rgba(255,255,255,.12), 0 0 32px rgba(245,185,83,.12); }
.brand-mark::before { content: ""; width: 1.15rem; height: 1.15rem; border: 2px solid var(--gold); border-radius: 50%; clip-path: inset(0 47% 0 0); transform: rotate(-24deg); }
.brand-mark i { position: absolute; width: .3rem; height: 1.25rem; border-radius: 9px; background: var(--paper); transform: rotate(24deg); }
.brand-mark.large { width: 3.4rem; height: 3.4rem; margin-bottom: 1.5rem; border-radius: 15px; }
.nav-links { justify-self: center; display: flex; align-items: center; gap: 1.7rem; }
.nav-links a, .text-link { position: relative; color: var(--muted-strong); text-decoration: none; font-size: .84rem; font-weight: 620; }
.nav-links a::after, .text-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -.45rem; height: 1px; background: var(--gold); transition: right .25s ease; }
.nav-links a:hover::after, .text-link:hover::after { right: 0; }
.nav-actions { display: flex; align-items: center; gap: 1.15rem; }
.login-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 2.7rem; padding: .68rem 1rem; border: 1px solid rgba(245,185,83,.55); border-radius: 999px; color: var(--paper); background: linear-gradient(135deg,rgba(245,185,83,.14),rgba(147,116,255,.08)); text-decoration: none; font-size: .78rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; box-shadow: inset 0 0 0 1px rgba(255,255,255,.03); transition: transform .25s ease,border-color .25s ease,background .25s ease; }
.login-button:hover { transform: translateY(-2px); border-color: var(--gold); background: linear-gradient(135deg,rgba(245,185,83,.23),rgba(147,116,255,.13)); }
.menu-button { display: none; width: 2.7rem; height: 2.7rem; padding: 0; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.04); }
.menu-button span { display: block; width: 1rem; height: 1px; margin: 5px auto; background: var(--paper); transition: transform .25s ease; }

.button { position: relative; min-height: 3.3rem; display: inline-flex; align-items: center; justify-content: center; gap: .8rem; padding: .9rem 1.2rem; overflow: hidden; border: 1px solid rgba(245,185,83,.55); border-radius: 12px; background: linear-gradient(135deg, #ffd57e, var(--gold)); color: #181109; text-decoration: none; font-size: .9rem; font-weight: 780; box-shadow: 0 18px 50px rgba(245,185,83,.18); transition: transform .25s ease, box-shadow .25s ease; }
.button::before { content: ""; position: absolute; inset: -2px; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.65) 45%, transparent 70%); transform: translateX(-120%); transition: transform .65s ease; }
.button > * { position: relative; }
.button:hover { transform: translateY(-3px); box-shadow: 0 24px 60px rgba(245,185,83,.28); }
.button:hover::before { transform: translateX(120%); }
.button-small { min-height: 2.7rem; padding: .7rem 1rem; font-size: .8rem; }
.button-secondary { border-color: var(--line-strong); background: rgba(255,255,255,.05); color: var(--paper); box-shadow: none; backdrop-filter: blur(14px); }
.button-line { width: 1.7rem; height: 1px; background: currentColor; transition: width .25s ease; }
.button-secondary:hover .button-line { width: 2.4rem; }

.hero { position: relative; min-height: 100svh; padding: 9rem 1.25rem 5rem; display: grid; align-items: center; overflow: hidden; }
.hero::before { content: ""; position: absolute; width: 48rem; height: 48rem; left: 50%; top: 46%; transform: translate(-10%,-50%); border-radius: 50%; border: 1px solid rgba(255,255,255,.04); box-shadow: 0 0 0 7rem rgba(255,255,255,.012), 0 0 0 14rem rgba(255,255,255,.008); }
.hero-inner { width: min(1280px, 100%); margin: auto; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: clamp(2rem, 5vw, 6rem); }
.hero-copy { position: relative; z-index: 5; }
.live-pill { width: fit-content; margin-bottom: 2rem; display: flex; align-items: center; gap: .55rem; padding: .48rem .65rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.035); color: var(--muted-strong); text-decoration: none; font-size: .72rem; backdrop-filter: blur(12px); }
.pulse-dot { width: .46rem; height: .46rem; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(99,215,160,.4); animation: livePulse 2s ease-out infinite; }
.eyebrow { margin: 0 0 1.15rem; color: var(--gold); text-transform: uppercase; font-size: .7rem; line-height: 1; font-weight: 800; letter-spacing: .19em; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 9ch; margin-bottom: 1.5rem; font-size: clamp(4rem, 7.2vw, 7.4rem); line-height: .85; letter-spacing: -.075em; font-weight: 760; }
h1 span, .final-inner h2 span { color: transparent; -webkit-text-stroke: 1px rgba(244,240,232,.62); }
h2 { margin-bottom: 1.2rem; font-size: clamp(2.5rem, 4.8vw, 5rem); line-height: .98; letter-spacing: -.055em; font-weight: 720; }
h3 { margin-bottom: .75rem; font-size: 1.35rem; line-height: 1.08; letter-spacing: -.03em; }
p { color: var(--muted); line-height: 1.68; }
.hero-subhead { max-width: 39rem; margin-bottom: 0; color: var(--muted-strong); font-size: clamp(1rem, 1.5vw, 1.22rem); }
.hero-actions { margin: 2rem 0; display: flex; flex-wrap: wrap; gap: .75rem; }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 39rem; padding-top: 1.2rem; border-top: 1px solid var(--line); }
.hero-proof div { display: grid; gap: .35rem; padding-right: 1rem; }
.hero-proof strong { color: var(--gold); font-size: .68rem; letter-spacing: .12em; }
.hero-proof span { color: var(--muted); font-size: .75rem; }

.hero-stage { position: relative; min-height: 42rem; perspective: 1200px; transform-style: preserve-3d; transition: transform .25s ease-out; }
.stage-frame { position: absolute; inset: 2.5rem -7rem 3rem 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius); box-shadow: var(--shadow); transform: translateZ(-5px); }
.stage-frame picture, .stage-frame img { width: 100%; height: 100%; }
.stage-frame img { object-fit: cover; object-position: 58% center; filter: saturate(.72) contrast(1.08); }
.stage-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,9,12,.28), transparent 45%), linear-gradient(0deg, rgba(8,9,12,.75), transparent 55%), radial-gradient(circle at 60% 40%, transparent, rgba(8,9,12,.12)); }
.scan-beam { position: absolute; z-index: 2; left: 22%; right: 8%; top: 15%; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); box-shadow: 0 0 30px rgba(245,185,83,.7); animation: scan 5.5s ease-in-out infinite; }
.stage-label { position: absolute; right: 1.25rem; top: 1.25rem; padding: .75rem .85rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(8,9,12,.64); backdrop-filter: blur(15px); }
.stage-label span, .stage-label strong { display: block; }
.stage-label span { color: var(--muted); font-size: .66rem; }
.stage-label strong { margin-top: .25rem; font-size: .9rem; }
.glass-card { border: 1px solid var(--line-strong); background: rgba(11,12,16,.72); box-shadow: 0 24px 70px rgba(0,0,0,.36); backdrop-filter: blur(22px) saturate(125%); }
.command-card { position: absolute; z-index: 4; width: min(29rem, 82%); right: -1.5rem; bottom: 0; padding: 1rem; border-radius: 18px; transform: translateZ(32px); animation: cardFloat 6s ease-in-out infinite; }
.command-head, .command-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.command-head { padding: .35rem .3rem .9rem; }
.mini-label, .command-head strong { display: block; }
.mini-label { margin-bottom: .3rem; color: var(--muted); text-transform: uppercase; font-size: .6rem; letter-spacing: .15em; }
.signal { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .55rem; border: 1px solid rgba(99,215,160,.23); border-radius: 999px; background: rgba(99,215,160,.08); color: var(--green); font-size: .65rem; }
.signal::before { content: ""; width: .34rem; height: .34rem; border-radius: 50%; background: currentColor; }
.command-row { min-height: 4.1rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; border-top: 1px solid var(--line); }
.command-row strong, .command-row small { display: block; }
.command-row strong { font-size: .8rem; }
.command-row small { margin-top: .2rem; color: var(--muted); font-size: .66rem; }
.module-icon { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 8px; font-size: .66rem; font-weight: 800; }
.module-icon.amber { color: var(--gold); background: rgba(245,185,83,.1); }
.module-icon.violet { color: var(--violet); background: rgba(139,124,255,.1); }
.module-icon.blue { color: var(--blue); background: rgba(102,199,243,.1); }
.row-state { color: var(--muted-strong); font-size: .64rem; }
.row-state.good { color: var(--green); }
.command-foot { padding: .75rem .3rem 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .6rem; }
.float-card { position: absolute; z-index: 5; border-radius: 13px; animation: cardFloat 7s ease-in-out -2s infinite reverse; }
.float-card-one { left: -3rem; top: 16%; display: flex; align-items: center; gap: .7rem; padding: .7rem .9rem; }
.float-card small, .float-card strong { display: block; }
.float-card small { color: var(--muted); font-size: .6rem; }
.float-card strong { margin-top: .15rem; font-size: .72rem; }
.float-card-two { right: -4.5rem; top: 36%; padding: .7rem .9rem; }
.scroll-cue { position: absolute; left: 50%; bottom: 1.5rem; display: flex; align-items: center; gap: .7rem; transform: translateX(-50%); color: var(--muted); text-decoration: none; text-transform: uppercase; font-size: .58rem; letter-spacing: .14em; }
.scroll-cue i { width: 1px; height: 1.8rem; background: linear-gradient(var(--gold), transparent); animation: scrollCue 1.8s ease-in-out infinite; }

.system-rail { overflow: hidden; border-block: 1px solid var(--line); background: rgba(255,255,255,.02); }
.rail-track { width: max-content; min-height: 4rem; display: flex; align-items: center; animation: rail 32s linear infinite; }
.rail-track span { padding-inline: 1.5rem; color: var(--muted-strong); text-transform: uppercase; font-size: .7rem; letter-spacing: .14em; }
.rail-track i { width: .35rem; height: .35rem; border-radius: 50%; background: var(--gold); box-shadow: 0 0 18px rgba(245,185,83,.45); }

.section { position: relative; padding: clamp(6rem, 10vw, 10rem) 1.25rem; }
.section-intro { width: min(1280px,100%); margin: 0 auto clamp(3rem, 6vw, 5.5rem); display: grid; grid-template-columns: 1.3fr .7fr; gap: 5rem; align-items: end; }
.section-intro h2 { max-width: 14ch; margin-bottom: 0; }
.intro-copy { max-width: 31rem; margin: 0; }
.platform-section { background: linear-gradient(180deg, #0b0c10, #101117); }
.outcome-grid { width: min(1280px,100%); margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.outcome-card, .bento-card, .price-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); transition: border-color .3s ease, transform .22s ease-out; transform-style: preserve-3d; }
.outcome-card::after, .bento-card::after, .price-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle 15rem at var(--card-x,50%) var(--card-y,50%), rgba(245,185,83,.09), transparent 70%); opacity: 0; transition: opacity .25s ease; }
.outcome-card:hover::after, .bento-card:hover::after, .price-card:hover::after { opacity: 1; }
.outcome-card:hover, .bento-card:hover, .price-card:hover { border-color: rgba(245,185,83,.28); }
.outcome-card { min-height: 27rem; padding: 1.5rem; display: flex; flex-direction: column; justify-content: flex-end; }
.outcome-card h3 { max-width: 12ch; font-size: 1.65rem; }
.outcome-card p { max-width: 27rem; margin-bottom: 0; }
.card-number { position: absolute; left: 1.5rem; top: 1.5rem; color: var(--gold); font-size: .65rem; letter-spacing: .15em; }
.outcome-orbit { position: absolute; width: 12rem; height: 12rem; top: 2.6rem; right: 2rem; border: 1px solid var(--line); border-radius: 50%; animation: orbitRotate 18s linear infinite; }
.outcome-orbit::before, .outcome-orbit::after { content: ""; position: absolute; border: 1px solid var(--line); border-radius: 50%; }
.outcome-orbit::before { inset: 1.7rem; }.outcome-orbit::after { inset: 3.5rem; background: radial-gradient(circle, rgba(245,185,83,.2), transparent 70%); }
.outcome-orbit i { position: absolute; width: .55rem; height: .55rem; border-radius: 50%; background: var(--gold); box-shadow: 0 0 18px var(--gold); }
.outcome-orbit i:nth-child(1) { left: 1rem; top: 2.2rem; }.outcome-orbit i:nth-child(2) { right: 0; top: 50%; }.outcome-orbit i:nth-child(3) { bottom: 1rem; left: 42%; }
.mini-stack { position: absolute; top: 4rem; left: 50%; width: 12rem; height: 9rem; transform: translateX(-50%); }
.mini-stack i { position: absolute; inset: 0; border: 1px solid var(--line-strong); border-radius: 18px; background: rgba(255,255,255,.025); }
.mini-stack i:nth-child(1) { transform: translate(-2.5rem,1.5rem) rotate(-10deg); }.mini-stack i:nth-child(2) { transform: translate(2.5rem,1.5rem) rotate(10deg); }.mini-stack i:nth-child(3) { border-color: rgba(139,124,255,.35); background: linear-gradient(145deg, rgba(139,124,255,.15), rgba(255,255,255,.025)); }
.mini-wave { position: absolute; top: 5rem; left: 2rem; right: 2rem; height: 7rem; display: flex; align-items: center; justify-content: center; gap: .65rem; }
.mini-wave i { width: .45rem; border-radius: 99px; background: linear-gradient(var(--blue), var(--violet)); animation: wave 1.3s ease-in-out infinite; }
.mini-wave i:nth-child(1),.mini-wave i:nth-child(5){height:30%;}.mini-wave i:nth-child(2),.mini-wave i:nth-child(4){height:62%;animation-delay:-.2s}.mini-wave i:nth-child(3){height:100%;animation-delay:-.4s}

.modules-section { background: var(--bg); }
.bento-grid { width: min(1280px,100%); margin: 0 auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.bento-card { min-height: 27rem; padding: 1.5rem; }
.bento-feature { grid-row: span 2; min-height: 55rem; background: radial-gradient(circle at 50% 70%, rgba(245,185,83,.12), transparent 35%), linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.bento-wide { grid-column: span 2; min-height: 24rem; }
.card-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 3.2rem; }
.module-tag { color: var(--muted-strong); text-transform: uppercase; font-size: .63rem; font-weight: 760; letter-spacing: .13em; }
.status-chip { padding: .34rem .55rem; border: 1px solid rgba(245,185,83,.22); border-radius: 999px; background: rgba(245,185,83,.07); color: var(--gold); font-size: .6rem; }
.muted-chip { border-color: var(--line); background: rgba(255,255,255,.03); color: var(--muted); }
.bento-card h3 { max-width: 18ch; font-size: clamp(1.8rem,3vw,3rem); }
.bento-card > p { max-width: 34rem; }
.evidence-ui { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; min-height: 24rem; display: grid; grid-template-columns: .8fr 1.2fr; align-items: end; gap: 1rem; padding: 1.5rem; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: radial-gradient(circle at 30% 30%, rgba(245,185,83,.16), transparent 40%), #0b0c10; }
.bottle-glyph { position: relative; height: 18rem; display: flex; align-items: end; justify-content: center; }
.bottle-glyph::before { content: ""; width: 5.5rem; height: 13rem; border: 1px solid rgba(245,185,83,.36); border-radius: 2rem 2rem 1.3rem 1.3rem; background: linear-gradient(90deg, rgba(245,185,83,.04), rgba(245,185,83,.2), rgba(245,185,83,.03)); box-shadow: inset 0 0 45px rgba(245,185,83,.08); }
.bottle-glyph::after { content: ""; position: absolute; top: 1.5rem; width: 2.4rem; height: 4.2rem; border: 1px solid rgba(245,185,83,.36); border-bottom: 0; border-radius: .5rem .5rem 0 0; }
.bottle-glyph i { position: absolute; bottom: 4rem; width: 6rem; height: 4rem; border-block: 1px solid rgba(245,185,83,.22); background: rgba(255,255,255,.025); }
.evidence-reading { align-self: center; }.evidence-reading small, .evidence-reading strong, .evidence-reading span { display: block; }
.evidence-reading small { color: var(--muted); }.evidence-reading strong { margin: .3rem 0 1rem; font-size: 3.3rem; letter-spacing: -.06em; }.evidence-reading em { color: var(--muted); font-size: 1rem; font-style: normal; }.evidence-reading span { color: var(--green); font-size: .72rem; }.evidence-reading span i { width: .4rem; height: .4rem; display: inline-block; margin-right: .35rem; border-radius: 50%; background: var(--green); }
.evidence-photo { position: absolute; top: 1rem; right: 1rem; padding: .65rem .75rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.03); }.evidence-photo span,.evidence-photo strong{display:block;font-size:.62rem}.evidence-photo span{color:var(--muted);margin-bottom:.18rem}.evidence-photo strong{color:var(--green)}
.stock-lines { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; display: grid; gap: .75rem; }
.stock-lines span { width: var(--w); height: .8rem; border-radius: 99px; background: linear-gradient(90deg, var(--violet), rgba(139,124,255,.12)); animation: lineLoad 4s ease-in-out infinite; }.stock-lines span.warn{background:linear-gradient(90deg,var(--gold),rgba(245,185,83,.1))}
.chat-preview { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; display: grid; gap: .65rem; }.chat-preview span,.chat-preview p{width:fit-content;margin:0;padding:.65rem .8rem;border-radius:11px;font-size:.72rem}.chat-preview span{justify-self:end;background:var(--gold);color:#171109}.chat-preview p{max-width:80%;background:rgba(255,255,255,.06);color:var(--muted-strong)}
.wide-card-copy { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 3rem; }.wide-card-copy h3{max-width:16ch}.route-map{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.65rem}.route-map>i{height:1px;background:linear-gradient(90deg,var(--gold),var(--violet));position:relative;overflow:hidden}.route-map>i::after{content:"";position:absolute;width:30%;height:100%;background:white;animation:routeFlow 2s linear infinite}.route-origin,.route-node{padding:1rem;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03)}.route-origin small,.route-origin strong,.route-node span,.route-node strong{display:block}.route-origin small,.route-node span{color:var(--muted);font-size:.58rem}.route-origin strong,.route-node strong{margin-top:.25rem;font-size:.78rem}.route-node.backup{border-style:dashed}.shift-strip{position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;display:flex;gap:.45rem}.shift-strip span{flex:1;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:.65rem}.shift-strip span.active{border-color:rgba(139,124,255,.36);background:rgba(139,124,255,.12);color:var(--paper)}
.delivery-line{position:absolute;left:2rem;right:2rem;bottom:4.5rem;height:1px;background:var(--line);display:flex;justify-content:space-between}.delivery-line i{width:.8rem;height:.8rem;margin-top:-.4rem;border:2px solid var(--panel-solid);border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(99,215,160,.12)}.delivery-line i:last-child{background:var(--bg);border-color:var(--muted)}
.role-stack{display:grid;gap:.6rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.role-stack span{display:flex;align-items:center;gap:.6rem;padding:.65rem;border-bottom:1px solid var(--line);font-size:.76rem}.role-stack i{width:.5rem;height:.5rem;border-radius:50%}.role-stack .owner{background:var(--gold)}.role-stack .manager{background:var(--violet)}.role-stack .viewer{background:var(--blue)}.role-stack small{padding:.35rem;color:var(--muted)}

.workflow-section { background: linear-gradient(180deg, #101117, #0b0c10); }
.timeline { width: min(1280px,100%); margin: 0 auto; counter-reset: flow; }
.timeline-step { min-height: 11rem; display: grid; grid-template-columns: 1fr 3fr; gap: 3rem; align-items: center; padding: 1.5rem 0; border-top: 1px solid var(--line); }
.timeline-step:last-child { border-bottom: 1px solid var(--line); }.timeline-step>span{color:var(--gold);font-size:clamp(2.5rem,6vw,6rem);font-weight:300;letter-spacing:-.06em;opacity:.45;transition:opacity .3s ease,transform .3s ease}.timeline-step:hover>span{opacity:1;transform:translateX(1rem)}.timeline-step div{display:grid;grid-template-columns:.35fr 1fr 1.1fr;align-items:center;gap:2rem}.timeline-step small{color:var(--gold);text-transform:uppercase;font-size:.62rem;letter-spacing:.15em}.timeline-step h3,.timeline-step p{margin:0}.timeline-step h3{font-size:1.45rem}.timeline-step p{font-size:.88rem}

.isolation-section { background: radial-gradient(circle at 75% 50%, rgba(139,124,255,.12), transparent 32rem), var(--bg); }
.isolation-layout { width: min(1280px,100%); margin:0 auto; display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center}.section-copy h2{max-width:13ch}.section-copy>p:not(.eyebrow){max-width:34rem}.check-list{margin:2rem 0;padding:0;display:grid;gap:.8rem;list-style:none;color:var(--muted-strong);font-size:.85rem}.check-list li{display:flex;align-items:center;gap:.75rem}.check-list li::before{content:"";width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(99,215,160,.08)}.arrow-link,.price-action{display:inline-flex;align-items:center;gap:.7rem;color:var(--gold);font-weight:720;text-decoration:none;font-size:.82rem}.arrow-link span,.price-action span{transition:transform .2s ease}.arrow-link:hover span,.price-action:hover span{transform:translate(3px,-3px)}
.cell-visual{position:relative;min-height:42rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(139,124,255,.11),transparent 40%),rgba(255,255,255,.015)}.control-core{position:absolute;z-index:3;left:50%;top:50%;width:9rem;height:9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:1px solid rgba(245,185,83,.25);border-radius:50%;background:#111218;box-shadow:0 0 80px rgba(245,185,83,.09)}.control-core .brand-mark{margin-bottom:.55rem}.control-core strong,.control-core small{display:block}.control-core strong{font-size:.78rem}.control-core small{margin-top:.2rem;color:var(--muted);font-size:.6rem}.cell-ring{position:absolute;left:50%;top:50%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:23rem;height:23rem;animation:rotate 24s linear infinite}.ring-two{width:35rem;height:35rem;border-style:dashed;animation:rotate 35s linear infinite reverse}.tenant-node{position:absolute;z-index:4;display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:13px;background:rgba(17,18,24,.9);box-shadow:0 18px 50px rgba(0,0,0,.28)}.tenant-node>span{width:2rem;height:2rem;display:grid;place-items:center;border-radius:8px;background:rgba(139,124,255,.12);color:var(--violet);font-size:.7rem;font-weight:800}.tenant-node strong,.tenant-node small{display:block}.tenant-node strong{font-size:.72rem}.tenant-node small{margin-top:.15rem;color:var(--muted);font-size:.58rem}.node-a{left:8%;top:18%}.node-b{right:7%;top:26%}.node-c{left:16%;bottom:13%}.isolation-badge{position:absolute;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid rgba(99,215,160,.18);border-radius:999px;background:rgba(99,215,160,.05);color:var(--green);font-size:.62rem}.isolation-badge i{width:.4rem;height:.4rem;border-radius:50%;background:currentColor}

.control-section { background: #0d0e13; }
.dashboard-shell{width:min(1280px,100%);min-height:40rem;margin:0 auto;display:grid;grid-template-columns:5rem 1fr;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:#0a0b0f;box-shadow:var(--shadow);transition:transform .25s ease-out}.dashboard-sidebar{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;border-right:1px solid var(--line);background:#0d0e13}.dashboard-sidebar .brand-mark{margin-bottom:1.2rem}.dashboard-sidebar>i{width:1.7rem;height:1.7rem;border-radius:7px;background:rgba(255,255,255,.045)}.dashboard-sidebar>i.active{background:rgba(245,185,83,.15);box-shadow:inset 0 0 0 1px rgba(245,185,83,.22)}.dashboard-body{padding:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.dashboard-header small,.dashboard-header strong{display:block}.dashboard-header small{margin-bottom:.35rem;color:var(--muted);font-size:.65rem}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-block:.8rem}.metric-row article,.activity-panel,.pulse-panel{padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.metric-row small,.metric-row strong,.metric-row span{display:block}.metric-row small,.metric-row span{color:var(--muted);font-size:.63rem}.metric-row strong{margin:.65rem 0 .45rem;font-size:1.4rem;letter-spacing:-.04em}.metric-row .metric-good{color:var(--green)}.dashboard-lower{display:grid;grid-template-columns:.7fr 1.3fr;gap:.8rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-head strong{font-size:.78rem}.panel-head span{color:var(--muted);font-size:.6rem}.activity-panel p{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin:0;padding:.85rem 0;border-top:1px solid var(--line);color:var(--muted-strong);font-size:.68rem}.activity-panel p i{width:.42rem;height:.42rem;border-radius:50%}.activity-panel p i.gold{background:var(--gold)}.activity-panel p i.violet{background:var(--violet)}.activity-panel p i.blue{background:var(--blue)}.activity-panel p small{color:var(--muted)}.pulse-chart{height:18rem;padding-top:1rem;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 25%}.pulse-chart svg{width:100%;height:100%;overflow:visible}.pulse-chart .area{fill:url(#area)}.pulse-chart .line{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:700;stroke-dashoffset:700;animation:draw 4s ease forwards infinite alternate}

.pricing-section { background: linear-gradient(180deg,#0b0c10,#101117); }
.pricing-grid{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.price-card{min-height:39rem;padding:1.5rem;display:flex;flex-direction:column}.price-card.featured{border-color:rgba(245,185,83,.34);background:radial-gradient(circle at 90% 10%,rgba(245,185,83,.15),transparent 18rem),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}.recommended{position:absolute;right:1rem;top:1rem;padding:.4rem .6rem;border-radius:999px;background:var(--gold);color:#151008;text-transform:uppercase;font-size:.55rem;font-weight:850;letter-spacing:.1em}.plan-code{display:block;margin-bottom:3.7rem;color:var(--gold);font-size:.58rem;letter-spacing:.15em}.price-card h3{font-size:1.8rem}.price-card p{min-height:4rem}.price{margin-top:1rem;display:flex;align-items:center;gap:.8rem}.price strong{font-size:3.6rem;letter-spacing:-.07em}.price span{color:var(--muted);font-size:.63rem;line-height:1.35}.setup{color:var(--muted-strong)}.price-card ul{margin:2rem 0;padding:1.5rem 0;border-block:1px solid var(--line);display:grid;gap:.8rem;list-style:none;color:var(--muted-strong);font-size:.78rem}.price-card li::before{content:"";width:.38rem;height:.38rem;display:inline-block;margin-right:.6rem;border-radius:50%;background:var(--gold)}.price-action{margin-top:auto;justify-content:space-between;padding-top:1rem}.pricing-note{width:min(1280px,100%);margin:2rem auto 0;text-align:center;font-size:.75rem}.pricing-note span{color:var(--muted-strong)}

.faq-section { background: var(--bg); }
.faq-grid{width:min(1000px,100%);margin:0 auto}.faq-grid details{border-top:1px solid var(--line)}.faq-grid details:last-child{border-bottom:1px solid var(--line)}.faq-grid summary{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;font-size:1.05rem;font-weight:650}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span{color:var(--gold);font-size:1.4rem;font-weight:300;transition:transform .25s ease}.faq-grid details[open] summary span{transform:rotate(45deg)}.faq-grid details p{max-width:45rem;padding-bottom:1.5rem}
.final-cta{min-height:46rem;display:grid;place-items:center;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(245,185,83,.1),transparent 25rem),#0d0e13}.cta-orb{position:absolute;width:34rem;height:34rem;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 6rem rgba(255,255,255,.012),0 0 0 12rem rgba(255,255,255,.007);animation:breath 6s ease-in-out infinite}.final-inner{position:relative;z-index:2;width:min(900px,100%);display:flex;flex-direction:column;align-items:center}.final-inner h2{max-width:15ch}.final-inner>p:not(.eyebrow){max-width:39rem}.final-inner .hero-actions{justify-content:center}

.site-footer{padding:4rem 1.25rem 1.5rem;border-top:1px solid var(--line);background:#07080a}.footer-top,.footer-bottom{width:min(1280px,100%);margin:0 auto}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-bottom:3rem}.footer-top>div:first-child p{max-width:20rem;margin:1.2rem 0 0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.footer-links div{display:flex;flex-direction:column;gap:.75rem}.footer-links strong{margin-bottom:.25rem;font-size:.7rem}.footer-links a{color:var(--muted);text-decoration:none;font-size:.72rem}.footer-links a:hover{color:var(--gold)}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.62rem}

body > main.section-band { min-height: 100svh; padding: 8rem 1.25rem 5rem; background: radial-gradient(circle at 80% 0, rgba(139,124,255,.12), transparent 32rem), linear-gradient(180deg,#0b0c10,#101117); }
.section-band > .section-heading { width: min(900px,100%); margin: 0 auto 2rem; }
.section-band > .section-heading h1 { max-width: none; margin-bottom: .8rem; font-size: clamp(3rem,7vw,6rem); }
.surface-card { width: min(900px,100%); padding: clamp(1.3rem,4vw,3rem); border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow: var(--shadow); }
.surface-card h2 { margin-top: 2.5rem; font-size: clamp(1.5rem,3vw,2.2rem); }
.surface-card h2:first-child { margin-top: 0; }
.surface-card a { color: var(--gold); }

.reveal { opacity: 0; transform: translateY(32px); filter: blur(9px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1), filter .8s ease; transition-delay: var(--delay,0ms); }
.reveal.is-visible { opacity: 1; transform: translateY(0); filter: blur(0); }

@keyframes livePulse { 70%{box-shadow:0 0 0 8px rgba(99,215,160,0)} 100%{box-shadow:0 0 0 0 rgba(99,215,160,0)} }
@keyframes orbFloat { 50%{transform:translate(6rem,4rem) scale(1.1)} }
@keyframes scan { 0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(24rem);opacity:.9} }
@keyframes cardFloat { 50%{transform:translateY(-8px) translateZ(32px)} }
@keyframes scrollCue { 0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1);transform-origin:top} }
@keyframes rail { to{transform:translateX(-50%)} }
@keyframes rotate { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes orbitRotate { to{transform:rotate(360deg)} }
@keyframes wave { 50%{height:25%;opacity:.45} }
@keyframes lineLoad { 0%,100%{transform:scaleX(.85);transform-origin:left;opacity:.55}50%{transform:scaleX(1);opacity:1} }
@keyframes routeFlow { from{transform:translateX(-150%)}to{transform:translateX(450%)} }
@keyframes draw { to{stroke-dashoffset:0} }
@keyframes breath { 50%{transform:scale(1.05);opacity:.7} }

@media (max-width: 1080px) {
  .nav-links { position: fixed; inset: 5.1rem 1rem auto; padding: 1rem; display: grid; gap: 0; border: 1px solid var(--line); border-radius: 16px; background: rgba(12,13,17,.96); backdrop-filter: blur(24px); opacity: 0; transform: translateY(-12px); pointer-events: none; transition: opacity .25s ease,transform .25s ease; }
  .nav-links a{padding:1rem;border-bottom:1px solid var(--line)}.nav-links a:last-child{border-bottom:0}.nav-open .nav-links{opacity:1;transform:none;pointer-events:auto}.menu-button{display:block}.nav-open .menu-button span:first-child{transform:translateY(3px) rotate(45deg)}.nav-open .menu-button span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .hero-inner,.section-intro,.isolation-layout{grid-template-columns:1fr}.hero-inner{gap:1rem}.hero-copy{padding-top:2rem}.hero-stage{min-height:37rem}.stage-frame{inset:2rem 0}.float-card-one{left:1rem}.float-card-two{right:-1rem}.section-intro{gap:1.5rem}.intro-copy{max-width:42rem}.outcome-grid,.pricing-grid{grid-template-columns:1fr 1fr}.outcome-card:last-child,.price-card:last-child{grid-column:span 2}.bento-feature{grid-row:auto;min-height:45rem}.wide-card-copy{grid-template-columns:1fr}.timeline-step div{grid-template-columns:.3fr 1fr}.timeline-step p{grid-column:2}.cell-visual{min-height:36rem}.metric-row{grid-template-columns:1fr 1fr}
}

@media (max-width: 720px) {
  .site-header{padding:.65rem}.nav-shell{min-height:3.4rem;gap:.65rem}.brand>span:last-child{display:none}.text-link{display:none}.nav-actions{gap:.45rem}.login-button{min-height:2.55rem;padding:.62rem .76rem;font-size:.7rem}.login-button span:last-child{display:none}.button-small{min-height:2.55rem;padding:.65rem .7rem;font-size:.7rem}
  .hero{min-height:auto;padding:7.5rem 1rem 5rem}.hero::before{display:none}h1{font-size:clamp(3.6rem,18vw,5.2rem)}h2{font-size:clamp(2.35rem,12vw,3.5rem)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{grid-template-columns:1fr;gap:.65rem}.hero-proof div{grid-template-columns:auto 1fr}.hero-stage{min-height:31rem;margin-top:1rem}.stage-frame{inset:1rem 0 6rem}.command-card{left:.5rem;right:.5rem;width:auto;bottom:0}.command-row{min-height:3.7rem}.float-card{display:none}.scroll-cue{display:none}
  .section{padding:5.5rem 1rem}.section-intro{margin-bottom:3rem}.outcome-grid,.bento-grid,.pricing-grid{grid-template-columns:1fr}.outcome-card:last-child,.price-card:last-child,.bento-wide{grid-column:auto}.outcome-card{min-height:24rem}.bento-card{min-height:25rem}.bento-feature{min-height:43rem}.evidence-ui{grid-template-columns:1fr 1fr;min-height:22rem}.bottle-glyph{height:15rem}.bottle-glyph::before{height:11rem}.evidence-reading strong{font-size:2.4rem}.wide-card-copy{gap:1rem}.route-map{grid-template-columns:1fr;gap:.5rem}.route-map>i{width:1px;height:1.2rem;justify-self:center;background:linear-gradient(var(--gold),var(--violet))}.route-map>i::after{display:none}
  .timeline-step{grid-template-columns:4rem 1fr;gap:1rem}.timeline-step>span{font-size:2.8rem}.timeline-step div{grid-template-columns:1fr;gap:.55rem}.timeline-step p{grid-column:auto}.cell-visual{min-height:31rem}.ring-one{width:17rem;height:17rem}.ring-two{width:26rem;height:26rem}.control-core{width:7.5rem;height:7.5rem}.tenant-node{transform:scale(.82)}.node-a{left:-1rem}.node-b{right:-1rem}.node-c{left:0}.isolation-badge{right:.6rem;bottom:.6rem}
  .dashboard-shell{grid-template-columns:1fr;min-height:auto}.dashboard-sidebar{display:none}.dashboard-body{padding:.75rem}.metric-row,.dashboard-lower{grid-template-columns:1fr}.pulse-chart{height:13rem}.price-card{min-height:auto}.price-card p{min-height:auto}.plan-code{margin-bottom:2.5rem}.recommended{position:static;width:fit-content;margin-bottom:1rem}.footer-top{grid-template-columns:1fr;gap:2.5rem}.footer-links{gap:.65rem}.footer-bottom{flex-direction:column}
  body > main.section-band{padding:6rem 1rem 3rem}.surface-card{border-radius:18px}
}

@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}.reveal{opacity:1;transform:none;filter:none}
}