:root {
  --ink: #08080d;
  --night: #0d0e16;
  --night-2: #141521;
  --paper: #f7f8fb;
  --paper-2: #eef0f6;
  --line: rgba(13, 14, 22, .14);
  --line-dark: rgba(255, 255, 255, .14);
  --muted: #6f7280;
  --accent: #6a11ff;
  --accent-2: #00c5ff;
  --accent-rgb: 106, 17, 255;
  --section-progress: 0;
  color-scheme: light dark;
  font-family: "Sora", system-ui, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body[data-brand="creative"] { --accent: #7558ff; --accent-2: #00c9ff; --accent-rgb: 117, 88, 255; }
body[data-brand="capital"] { --accent: #00a9a5; --accent-2: #21e0c1; --accent-rgb: 0, 169, 165; }
body[data-brand="legal"] { --accent: #6a11ff; --accent-2: #8a74ff; --accent-rgb: 106, 17, 255; }
body[data-brand="commerce"] { --accent: #205cff; --accent-2: #00a6ff; --accent-rgb: 32, 92, 255; }
body[data-brand="automation"] { --accent: #8e24ff; --accent-2: #ff3dc8; --accent-rgb: 142, 36, 255; }
body[data-brand="academy"] { --accent: #2d5cff; --accent-2: #00c5ff; --accent-rgb: 45, 92, 255; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--paper); color: var(--ink); overflow-x: hidden; }
body:not(.is-ready) { overflow: hidden; }
button, a { color: inherit; font: inherit; }
a { text-decoration: none; }
button { border: 0; background: none; cursor: pointer; }
img { display: block; max-width: 100%; }
svg { display: block; }
section[id] { scroll-margin-top: 76px; }
::selection { background: var(--accent); color: white; }

.lang { display: inline; }
.lang.lang--en { display: none; }
.lang[hidden] { display: none !important; }
html[data-lang="en"] .lang--pt { display: none; }
html[data-lang="en"] .lang--en { display: inline; }
h1.lang, h2.lang, h3.lang, p.lang { display: block; }
html[data-lang="en"] h1.lang--pt,
html[data-lang="en"] h2.lang--pt,
html[data-lang="en"] h3.lang--pt,
html[data-lang="en"] p.lang--pt { display: none; }
html[data-lang="en"] h1.lang--en,
html[data-lang="en"] h2.lang--en,
html[data-lang="en"] h3.lang--en,
html[data-lang="en"] p.lang--en { display: block; }

.v-loader {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  align-content: center;
  gap: 22px;
  padding: clamp(24px, 5vw, 76px);
  color: white;
  background: #07080d;
  transition: transform .75s cubic-bezier(.77, 0, .18, 1), visibility .75s;
}
.v-loader::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .12), transparent);
  transform: translateX(-100%);
  animation: loader-scan 1.35s cubic-bezier(.2, .8, .2, 1) infinite;
}
.v-loader > div { display: flex; align-items: baseline; justify-content: space-between; font: 500 11px/1 "Azeret Mono", monospace; letter-spacing: .16em; }
.v-loader > div b { font-size: clamp(34px, 7vw, 92px); letter-spacing: -.08em; background: linear-gradient(120deg, white, var(--accent-2)); -webkit-background-clip: text; color: transparent; }
.v-loader > i { height: 3px; background: rgba(255,255,255,.1); overflow: hidden; }
.v-loader > i em { display: block; width: var(--load, 0%); height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); box-shadow: 0 0 24px var(--accent); transition: width .12s linear; }
.v-loader > p { margin: 0; color: rgba(255,255,255,.48); font: 500 10px/1 "Azeret Mono", monospace; letter-spacing: .18em; text-transform: uppercase; }
.v-loader.is-complete { transform: translateY(-102%); visibility: hidden; }
@keyframes loader-scan { to { transform: translateX(100%); } }

.route-transition {
  position: fixed;
  inset: 0;
  z-index: 950;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 22px;
  color: white;
  background: #090a11;
  transform: translateY(102%);
  transition: transform .52s cubic-bezier(.77,0,.18,1);
  pointer-events: none;
}
.route-transition.is-active { transform: translateY(0); }
.route-transition.is-arriving { transform: translateY(-102%); transition: none; animation: route-arrive .62s cubic-bezier(.77,0,.18,1); }
.route-mark { font-size: clamp(54px, 8vw, 112px); font-weight: 700; letter-spacing: -.09em; }
.route-mark span { color: transparent; background: linear-gradient(135deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; }
.route-transition p { margin: 0; font: 500 10px/1 "Azeret Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
.route-transition > i { width: min(340px, 70vw); height: 2px; background: rgba(255,255,255,.12); overflow: hidden; }
.route-transition > i b { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transform: translateX(-100%); }
.route-transition.is-active > i b { animation: route-load .5s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes route-load { to { transform: translateX(0); } }
@keyframes route-arrive { from { transform: translateY(0); } to { transform: translateY(-102%); } }

.page-progress-v { position: fixed; inset: 0 0 auto; z-index: 920; height: 3px; background: transparent; transform-origin: left; pointer-events: none; }
.page-progress-v i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, var(--accent), var(--accent-2)); box-shadow: 0 0 18px rgba(var(--accent-rgb), .7); }

.vertical-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 900;
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(250px, 1fr);
  align-items: stretch;
  background: rgba(248,249,252,.9);
  border-bottom: 1px solid rgba(10,12,20,.12);
  backdrop-filter: blur(18px) saturate(140%);
}
.wordmark {
  position: relative;
  z-index: 2;
  min-width: 220px;
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: 1fr auto;
  align-items: end;
  justify-content: start;
  gap: 0 6px;
  padding: 17px 28px 13px;
  border-right: 1px solid rgba(10,12,20,.12);
}
.wordmark > span, .wordmark > b { font-size: 20px; line-height: 1; letter-spacing: -.065em; }
.wordmark > b { color: transparent; background: linear-gradient(110deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; }
.wordmark > small { grid-column: 1 / -1; margin-top: 6px; color: #6e7180; font: 500 7px/1 "Azeret Mono", monospace; letter-spacing: .15em; text-transform: uppercase; }
.vertical-header nav { display: flex; align-items: stretch; }
.vertical-header nav > a, .vertical-header nav > button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 18px;
  border-left: 1px solid rgba(10,12,20,.08);
  color: #494b57;
  font: 600 9px/1 "Azeret Mono", monospace;
  letter-spacing: .09em;
  text-transform: uppercase;
  transition: color .2s, background .2s;
}
.vertical-header nav > a:hover, .vertical-header nav > button:hover { color: var(--ink); background: rgba(var(--accent-rgb), .06); }
.vertical-actions { display: flex; justify-content: end; align-items: stretch; border-left: 1px solid rgba(10,12,20,.1); }
.v-language { display: flex; align-items: center; gap: 5px; padding: 0 18px; font: 600 8px/1 "Azeret Mono", monospace; }
.v-language button { padding: 8px 2px; color: #8a8d98; }
.v-language button[aria-pressed="true"] { color: var(--accent); }
.header-cta { min-width: 142px; display: flex; justify-content: center; align-items: center; gap: 14px; padding: 0 20px; color: white; background: var(--ink); font: 600 9px/1 "Azeret Mono", monospace; text-transform: uppercase; letter-spacing: .08em; }
.header-cta span { color: var(--accent-2); transition: transform .2s; }
.header-cta:hover span { transform: translate(3px,-3px); }
.v-menu { display: none; }

.family-panel {
  position: fixed;
  inset: 76px 0 auto;
  z-index: 880;
  min-height: 450px;
  display: grid;
  grid-template-columns: minmax(290px, .8fr) 1.5fr;
  color: white;
  background: #0b0c13;
  border-bottom: 1px solid rgba(255,255,255,.12);
  transform: translateY(-115%);
  visibility: hidden;
  transition: transform .58s cubic-bezier(.77,0,.18,1), visibility .58s;
}
.family-panel.is-open { transform: translateY(0); visibility: visible; }
.family-statement { padding: clamp(38px, 5vw, 72px); border-right: 1px solid var(--line-dark); }
.family-statement > span { color: var(--accent-2); font: 500 9px/1 "Azeret Mono", monospace; letter-spacing: .17em; }
.family-statement h2 { margin: 70px 0 22px; font-size: clamp(30px, 4vw, 62px); line-height: .98; letter-spacing: -.07em; font-weight: 500; }
.family-statement p { color: rgba(255,255,255,.45); font: 500 8px/1.4 "Azeret Mono", monospace; letter-spacing: .15em; }
.family-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.family-links a { position: relative; display: grid; grid-template-columns: 46px 1fr; align-items: center; padding: 20px 28px; border: solid var(--line-dark); border-width: 0 0 1px 1px; overflow: hidden; }
.family-links a::before { content:""; position:absolute; inset:0; background: linear-gradient(100deg, rgba(var(--accent-rgb),.18), transparent 70%); transform: translateX(-105%); transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.family-links a:hover::before, .family-links a.is-current::before { transform: translateX(0); }
.family-links b { z-index:1; color: rgba(255,255,255,.35); font: 500 9px/1 "Azeret Mono", monospace; }
.family-links span { z-index:1; font-size: 16px; letter-spacing: -.035em; }
.family-links a.is-current span { color: var(--accent-2); }
.family-mobile-actions { display:none; }

.vertical-hero {
  position: relative;
  min-height: 100svh;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
  grid-template-rows: auto 1fr auto;
  padding: 76px clamp(24px, 5vw, 76px) 28px;
  color: white;
  background: var(--ink);
  overflow: hidden;
  isolation: isolate;
}
.vertical-grid { position: absolute; inset: 76px 0 0; z-index: -1; opacity: .3; background-image: linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px); background-size: calc(100vw / 12) 100px; mask-image: linear-gradient(to bottom, black, transparent 92%); }
.hero-glow { position: absolute; z-index: -1; width: 56vw; height: 56vw; right: -18vw; top: 4vh; border-radius: 50%; background: radial-gradient(circle, rgba(var(--accent-rgb),.24), rgba(0,197,255,.07) 34%, transparent 68%); filter: blur(18px); transform: translate(calc((var(--section-progress) - .5) * -5%), calc((var(--section-progress) - .5) * 9%)); }
.hero-meta { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--line-dark); color: rgba(255,255,255,.45); font: 500 8px/1 "Azeret Mono", monospace; letter-spacing: .14em; }
.vertical-hero-copy { align-self: center; padding: clamp(50px, 8vh, 110px) 5vw clamp(48px, 7vh, 90px) 0; }
.eyebrow { margin: 0 0 25px; color: var(--accent-2); font: 600 9px/1 "Azeret Mono", monospace; letter-spacing: .19em; }
.vertical-hero h1 { max-width: 740px; margin: 0; font-size: clamp(46px, 6vw, 104px); line-height: .96; letter-spacing: -.075em; font-weight: 500; text-wrap: balance; }
.vertical-hero .hero-lead { max-width: 650px; margin: 32px 0 0; color: rgba(255,255,255,.64); font-size: clamp(14px, 1.3vw, 19px); line-height: 1.65; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.button-solid, .button-ghost { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 0 20px; font: 600 9px/1 "Azeret Mono", monospace; letter-spacing: .07em; text-transform: uppercase; transition: transform .22s, box-shadow .22s, background .22s, color .22s; }
.button-solid { color: white; background: linear-gradient(100deg, var(--accent), var(--accent-2)); box-shadow: 0 10px 35px rgba(var(--accent-rgb), .23); }
.button-solid:hover { transform: translateY(-3px); box-shadow: 0 16px 44px rgba(var(--accent-rgb), .36); }
.button-ghost { border: 1px solid rgba(255,255,255,.22); color: white; }
.button-ghost:hover { background: white; color: var(--ink); }
.hero-stage-wrap { position: relative; min-height: 540px; align-self: center; display: grid; place-items: center; border-left: 1px solid var(--line-dark); }
.stage-label { position: absolute; z-index: 5; inset: 34px 22px auto; display: flex; justify-content: space-between; color: rgba(255,255,255,.4); font: 500 8px/1 "Azeret Mono", monospace; letter-spacing: .12em; }
.stage-label b { color: var(--accent-2); font-weight: 500; }
.hero-status { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 14px; padding-top: 20px; border-top: 1px solid var(--line-dark); color: rgba(255,255,255,.45); font: 500 8px/1 "Azeret Mono", monospace; letter-spacing: .11em; }
.hero-status i { height: 1px; background: rgba(255,255,255,.13); overflow: hidden; }
.hero-status i::after { content:""; display:block; width:40%; height:100%; background: linear-gradient(90deg, transparent, var(--accent-2), transparent); animation: status-pass 3.4s linear infinite; }
@keyframes status-pass { from { transform: translateX(-110%); } to { transform: translateX(270%); } }

.hero-machine { position: relative; width: min(100%, 760px); aspect-ratio: 1.25; }
.machine-head { position:absolute; inset:10% 0 auto; display:flex; justify-content:space-between; color:rgba(255,255,255,.45); font:500 8px/1 "Azeret Mono",monospace; letter-spacing:.1em; }
.machine-head b { color:var(--accent-2); font-weight:500; }

.machine-creative { transform: rotate(-2deg); }
.creative-command { position:absolute; inset:13% 5% auto; display:flex; justify-content:space-between; font:500 8px/1 "Azeret Mono",monospace; color:rgba(255,255,255,.46); }
.creative-command b { color:var(--accent-2); }
.creative-frame { position:absolute; width:43%; height:42%; padding:15px; border:1px solid rgba(255,255,255,.18); background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(var(--accent-rgb),.08)); box-shadow:0 28px 70px rgba(0,0,0,.35); overflow:hidden; }
.creative-frame span { font:500 8px/1 "Azeret Mono",monospace; letter-spacing:.12em; }
.creative-frame i { position:absolute; inset:32% 10% 12%; border:1px solid rgba(255,255,255,.12); background:radial-gradient(circle at 60% 35%,rgba(var(--accent-rgb),.9),transparent 25%),linear-gradient(130deg,transparent 10%,rgba(0,197,255,.4),transparent 62%); }
.frame-a { left:5%; top:15%; transform:rotate(-7deg); }
.frame-b { right:4%; top:25%; transform:rotate(8deg); }
.frame-c { left:28%; bottom:3%; transform:rotate(-1deg); }
.creative-scanner { position:absolute; z-index:4; left:3%; right:3%; top:16%; height:2px; background:linear-gradient(90deg,transparent,var(--accent-2),transparent); box-shadow:0 0 30px var(--accent-2); }
.creative-models { position:absolute; right:2%; bottom:1%; display:grid; gap:5px; color:rgba(255,255,255,.42); font:500 7px/1 "Azeret Mono",monospace; text-align:right; }
[data-motion-state="live"] .creative-scanner { animation:creative-scan 3.2s cubic-bezier(.55,0,.25,1) infinite; }
[data-motion-state="live"] .frame-a { animation:frame-a 5.4s ease-in-out infinite; }
[data-motion-state="live"] .frame-b { animation:frame-b 5.8s ease-in-out infinite .2s; }
[data-motion-state="live"] .frame-c { animation:frame-c 5.1s ease-in-out infinite .4s; }
@keyframes creative-scan { 0%,8%{transform:translateY(0);opacity:0}18%{opacity:1}82%{opacity:1}92%,100%{transform:translateY(300px);opacity:0} }
@keyframes frame-a { 50%{transform:rotate(-4deg) translate(5px,-8px)} }
@keyframes frame-b { 50%{transform:rotate(5deg) translate(-7px,6px)} }
@keyframes frame-c { 50%{transform:rotate(1deg) translateY(-7px)} }

.machine-capital svg { position:absolute; inset:8% 0 17%; width:100%; height:75%; overflow:visible; }
.machine-capital path { fill:none; vector-effect:non-scaling-stroke; }
.chart-grid { stroke:rgba(255,255,255,.08); stroke-width:1; }
.chart-line { stroke:var(--accent-2); stroke-width:2; filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.75)); stroke-dasharray:1200; stroke-dashoffset:1200; }
[data-motion-state="entering"] .chart-line, [data-motion-state="live"] .chart-line { animation:chart-draw 1.35s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes chart-draw { to { stroke-dashoffset:0; } }
.capital-cursor { position:absolute; left:65%; top:27%; display:grid; justify-items:center; gap:8px; font:500 7px/1 "Azeret Mono",monospace; color:var(--accent-2); }
.capital-cursor i { width:10px;height:10px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 7px rgba(var(--accent-rgb),.16),0 0 24px var(--accent-2); }
[data-motion-state="live"] .capital-cursor { animation:capital-track 5.4s cubic-bezier(.4,0,.2,1) infinite; }
@keyframes capital-track { 0%,10%{transform:translate(-270px,145px)}48%{transform:translate(-80px,55px)}80%,100%{transform:translate(0)} }
.machine-metrics { position:absolute; inset:auto 0 0; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line-dark); }
.machine-metrics span { display:grid;gap:8px;padding:14px;border-left:1px solid var(--line-dark);font:500 7px/1 "Azeret Mono",monospace;color:rgba(255,255,255,.38); }
.machine-metrics span:first-child { border-left:0; }
.machine-metrics b { color:white;font-weight:500; }

.machine-legal { display:grid;place-items:center; }
.legal-sheet { position:relative;width:48%;height:72%;padding:24px;color:var(--ink);background:#f3f4f8;box-shadow:0 32px 90px rgba(0,0,0,.45);transform:rotate(-4deg); }
.legal-sheet::after { content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(var(--accent-rgb),.14) 50%,transparent 58%);transform:translateX(-120%); }
[data-motion-state="live"] .legal-sheet::after { animation:legal-review 3.6s ease-in-out infinite; }
@keyframes legal-review { 0%,15%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)} }
.legal-sheet > span { font:600 8px/1 "Azeret Mono",monospace;letter-spacing:.1em; }
.legal-sheet > i { display:block;height:6px;margin-top:18px;background:#d5d7df;transform-origin:left; }
.legal-sheet > i:nth-of-type(2){width:72%}.legal-sheet > i:nth-of-type(3){width:88%}.legal-sheet > i:nth-of-type(4){width:54%}.legal-sheet > i:nth-of-type(5){width:79%}
.legal-sheet b { position:absolute;right:18px;bottom:24px;padding:12px;border:2px solid var(--accent);color:var(--accent);font:700 10px/1 "Azeret Mono",monospace;transform:rotate(-8deg) scale(0); }
[data-motion-state="live"] .legal-sheet b { animation:stamp 3.6s cubic-bezier(.34,1.56,.64,1) infinite; }
@keyframes stamp { 0%,64%{transform:rotate(-8deg) scale(0)}70%,90%{transform:rotate(-8deg) scale(1)}100%{transform:rotate(-8deg) scale(.9);opacity:.5} }
.legal-rail { position:absolute;inset:auto 0 2%;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:9px;color:rgba(255,255,255,.45);font:500 7px/1 "Azeret Mono",monospace; }
.legal-rail i { height:1px;background:rgba(255,255,255,.16);overflow:hidden; }
.legal-rail i::after { content:"";display:block;width:30%;height:100%;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);animation:status-pass 2.8s linear infinite; }
.legal-pulse { position:absolute;width:68%;aspect-ratio:1;border:1px solid rgba(var(--accent-rgb),.26);border-radius:50%;z-index:-1; }
[data-motion-state="live"] .legal-pulse { animation:legal-pulse 3.2s ease-out infinite; }
@keyframes legal-pulse { from{transform:scale(.55);opacity:.9}to{transform:scale(1.35);opacity:0} }

.machine-commerce { display:grid;place-items:center; }
.commerce-orbit { position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%; }
.commerce-orbit::before,.commerce-orbit::after { content:"";position:absolute;inset:13%;border:1px solid rgba(var(--accent-rgb),.24);border-radius:50%; }.commerce-orbit::after{inset:28%}
.commerce-orbit span { position:absolute;font:500 7px/1 "Azeret Mono",monospace;color:rgba(255,255,255,.46); }
.commerce-orbit span:nth-child(1){left:50%;top:-5%;transform:translateX(-50%)}.commerce-orbit span:nth-child(2){right:-9%;top:50%}.commerce-orbit span:nth-child(3){left:50%;bottom:-5%;transform:translateX(-50%)}.commerce-orbit span:nth-child(4){left:-7%;top:50%}
.commerce-orbit > i { position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 20px var(--accent-2);transform-origin:0 calc(35vw/2); }
[data-motion-state="live"] .commerce-orbit { animation:commerce-spin 18s linear infinite; }
[data-motion-state="live"] .commerce-orbit > i { animation:commerce-spin 4.6s linear infinite reverse; }
@keyframes commerce-spin { to{transform:rotate(360deg)} }
.commerce-core { z-index:2;display:grid;justify-items:center;gap:5px; }.commerce-core small,.commerce-core em{font:500 7px/1 "Azeret Mono",monospace;color:rgba(255,255,255,.42);font-style:normal}.commerce-core b{font-size:clamp(30px,4vw,64px);letter-spacing:-.07em;background:linear-gradient(100deg,white,var(--accent-2));-webkit-background-clip:text;color:transparent}
.commerce-ticket { position:absolute;right:0;bottom:8%;display:grid;gap:8px;padding:13px 18px;border:1px solid var(--line-dark);background:rgba(10,10,16,.8);font:500 7px/1 "Azeret Mono",monospace;color:rgba(255,255,255,.4); }.commerce-ticket b{color:var(--accent-2);font-weight:500}
[data-motion-state="live"] .commerce-ticket { animation:ticket-in 4.6s cubic-bezier(.16,1,.3,1) infinite; }
@keyframes ticket-in { 0%,60%{transform:translateX(25px);opacity:0}70%,92%{transform:none;opacity:1}100%{opacity:0} }

.machine-automation svg { position:absolute;inset:0;width:100%;height:100%; }.machine-automation svg path{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1.4;stroke-dasharray:8 8}
.auto-node { position:absolute;min-width:78px;padding:13px 12px;border:1px solid var(--line-dark);background:rgba(16,17,26,.88);font:500 7px/1 "Azeret Mono",monospace;text-align:center;box-shadow:0 14px 35px rgba(0,0,0,.24);transition:border-color .25s,box-shadow .25s,color .25s; }
.n1{left:3%;top:14%}.n2{left:28%;top:42%}.n3{left:52%;top:16%}.n4{left:28%;bottom:9%}.n5{left:52%;bottom:22%}.n6{right:1%;top:17%}
[data-motion-state="live"] .auto-node { animation:auto-node 4.8s ease-in-out infinite; }.auto-node:nth-of-type(2){animation-delay:.4s}.auto-node:nth-of-type(3){animation-delay:.8s}.auto-node:nth-of-type(4){animation-delay:1.2s}.auto-node:nth-of-type(5){animation-delay:1.6s}.auto-node:nth-of-type(6){animation-delay:2s}
@keyframes auto-node { 0%,70%,100%{border-color:var(--line-dark);box-shadow:none;color:white}78%,90%{border-color:var(--accent-2);box-shadow:0 0 28px rgba(var(--accent-rgb),.38);color:var(--accent-2)} }
.auto-packet { position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 18px var(--accent-2); }.p1{left:8%;top:21%}.p2{left:33%;bottom:16%}
[data-motion-state="live"] .p1 { animation:auto-packet-a 4.8s cubic-bezier(.4,0,.2,1) infinite; }[data-motion-state="live"] .p2 { animation:auto-packet-b 4.8s cubic-bezier(.4,0,.2,1) infinite 1.2s; }
@keyframes auto-packet-a { 0%,8%{transform:none;opacity:0}15%{opacity:1}40%{transform:translate(190px,123px)}65%{transform:translate(365px,0)}92%,100%{transform:translate(575px,0);opacity:0} }
@keyframes auto-packet-b { 0%,8%{transform:none;opacity:0}15%{opacity:1}55%{transform:translate(180px,-54px)}90%,100%{transform:translate(365px,-110px);opacity:0} }

.machine-academy { display:grid;place-items:center; }
.academy-book { position:relative;width:58%;height:58%;perspective:850px; }.academy-book > i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(var(--accent-rgb),.42),rgba(255,255,255,.04));transform-origin:left center;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.academy-book > i:nth-child(2){transform:translate(9px,7px)}.academy-book > i:nth-child(3){transform:translate(18px,14px)}.academy-book > i:nth-child(4){transform:translate(27px,21px)}.academy-book > i:nth-child(5){transform:translate(36px,28px)}.academy-book > i:nth-child(6){transform:translate(45px,35px)}
[data-motion-state="live"] .academy-book > i { animation:page-turn 5.4s cubic-bezier(.77,0,.18,1) infinite; }.academy-book > i:nth-child(2){animation-delay:.35s}.academy-book > i:nth-child(3){animation-delay:.7s}.academy-book > i:nth-child(4){animation-delay:1.05s}.academy-book > i:nth-child(5){animation-delay:1.4s}.academy-book > i:nth-child(6){animation-delay:1.75s}
@keyframes page-turn { 0%,22%{transform:translate(var(--page-x,0),var(--page-y,0)) rotateY(0)}45%,75%{transform:translate(-5px,0) rotateY(-58deg)}92%,100%{transform:translate(var(--page-x,0),var(--page-y,0)) rotateY(0)} }
.academy-book span { position:absolute;z-index:8;left:24px;bottom:24px;font:600 8px/1 "Azeret Mono",monospace;letter-spacing:.13em; }
.academy-progress { position:absolute;left:7%;right:7%;bottom:2%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;font:500 7px/1 "Azeret Mono",monospace;color:rgba(255,255,255,.45); }.academy-progress b{height:2px;background:rgba(255,255,255,.13);overflow:hidden}.academy-progress b i{display:block;width:70%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px var(--accent-2)}[data-motion-state="live"] .academy-progress b i{animation:academy-progress 5.4s ease-in-out infinite}@keyframes academy-progress{0%,12%{width:20%}72%,100%{width:70%}}
.academy-path-live { position:absolute;inset:11% 4% auto;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:7px;font:500 7px/1 "Azeret Mono",monospace;color:rgba(255,255,255,.36); }.academy-path-live i{height:1px;background:linear-gradient(90deg,var(--accent),transparent)}

.signal-marquee { overflow:hidden;color:white;background:var(--night-2);border-block:1px solid rgba(255,255,255,.1); }
.signal-marquee > div { width:max-content;display:flex;align-items:center;animation:marquee 34s linear infinite; }
.signal-marquee > div > span { display:flex;align-items:center;gap:12px;padding:16px 32px;border-right:1px solid rgba(255,255,255,.12);font:500 8px/1 "Azeret Mono",monospace;letter-spacing:.08em;white-space:nowrap; }
.signal-marquee b { color:var(--accent-2);font-weight:500; }
@keyframes marquee { to{transform:translateX(-50%)} }

.section-shell { width:min(100%,1540px);margin:auto;padding:clamp(80px,10vw,150px) clamp(24px,5vw,78px); }
.section-kicker { display:grid;grid-template-columns:42px auto;align-items:center;gap:12px;margin-bottom:clamp(52px,7vw,94px);font:500 8px/1 "Azeret Mono",monospace;letter-spacing:.14em; }
.section-kicker span { color:var(--accent); }.section-kicker p { margin:0;color:#6e7180; }
.split-heading { display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(32px,8vw,120px);align-items:end;margin-bottom:clamp(54px,7vw,100px); }
.split-heading h2 { margin:0;font-size:clamp(38px,5vw,78px);line-height:1;letter-spacing:-.07em;font-weight:500;text-wrap:balance; }
.split-heading p { max-width:610px;margin:0;color:#696c78;font-size:clamp(14px,1.25vw,18px);line-height:1.75; }

.pain-story { background:var(--paper); }
.pain-layout { display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(48px,8vw,130px); }
.pain-title { position:sticky;top:130px;align-self:start; }
.pain-title h2 { margin:0;font-size:clamp(40px,5.2vw,82px);line-height:1;letter-spacing:-.075em;font-weight:500;text-wrap:balance; }
.pain-title > p { margin:30px 0 0;color:var(--accent);font:500 8px/1 "Azeret Mono",monospace;letter-spacing:.12em; }
.pain-acts article { position:relative;min-height:200px;display:grid;grid-template-columns:58px 1fr;align-content:center;gap:22px;border-top:1px solid var(--line);overflow:hidden; }
.pain-acts article:last-child { border-bottom:1px solid var(--line); }
.pain-acts b { color:var(--accent);font:500 10px/1 "Azeret Mono",monospace; }
.pain-acts h3 { max-width:680px;margin:0;font-size:clamp(22px,3vw,44px);line-height:1.15;letter-spacing:-.055em;font-weight:500; }
.pain-acts article > i { position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left; }
[data-motion-state="live"] .pain-acts article > i { animation:pain-line 4.8s cubic-bezier(.16,1,.3,1) infinite; }.pain-acts article:nth-child(2)>i{animation-delay:.55s}.pain-acts article:nth-child(3)>i{animation-delay:1.1s}.pain-acts article:nth-child(4)>i{animation-delay:1.65s}
@keyframes pain-line { 0%,12%{transform:scaleX(0);opacity:1}45%,72%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0} }

.capability-section { color:white;background:var(--ink); }
.capability-section .section-kicker p,.capability-section .split-heading p { color:rgba(255,255,255,.48); }
.capability-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:solid var(--line-dark);border-width:1px 0 0 1px; }
.capability-grid article { position:relative;min-height:280px;padding:28px;border:solid var(--line-dark);border-width:0 1px 1px 0;overflow:hidden;isolation:isolate; }
.capability-grid article::before { content:"";position:absolute;z-index:-1;width:240px;height:240px;left:calc(var(--mx,50%) - 120px);top:calc(var(--my,50%) - 120px);border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.26),transparent 66%);opacity:0;transition:opacity .35s; }
.capability-grid article:hover::before { opacity:1; }
.capability-grid article > div { display:flex;justify-content:space-between;align-items:start;color:rgba(255,255,255,.35);font:500 8px/1 "Azeret Mono",monospace; }
.capability-grid svg { width:25px;height:25px;fill:none;stroke:var(--accent-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.capability-grid h3 { margin:84px 0 14px;font-size:clamp(19px,1.6vw,27px);line-height:1.05;letter-spacing:-.05em;font-weight:500; }
.capability-grid p { margin:0;color:rgba(255,255,255,.5);font-size:12px;line-height:1.65; }
.capability-grid article > i { position:absolute;inset:auto 28px 18px;width:34px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .35s cubic-bezier(.16,1,.3,1); }
.capability-grid article:hover > i { width:calc(100% - 56px); }

.method-section { background:#e9ebf2; }
.method-layout { display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(50px,9vw,140px); }
.method-sticky { position:sticky;top:130px;align-self:start; }
.method-sticky h2 { margin:0;font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.07em;font-weight:500; }
.method-sticky > p { margin:24px 0;color:#7c7f8c;font:500 8px/1.5 "Azeret Mono",monospace;letter-spacing:.1em; }
.method-live-line { position:relative;width:100%;height:2px;margin-top:55px;background:rgba(10,12,20,.12);overflow:hidden; }
.method-live-line i { display:block;width:calc(var(--section-progress) * 100%);height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2)); }
.method-live-line b { position:absolute;top:50%;left:calc(var(--section-progress) * 100%);width:9px;height:9px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 18px var(--accent-2);transform:translate(-50%,-50%); }
.method-steps article { min-height:190px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:24px;border-top:1px solid rgba(10,12,20,.16); }
.method-steps article:last-child { border-bottom:1px solid rgba(10,12,20,.16); }
.method-steps > article > b,.method-steps > article > span { color:#8a8d99;font:500 8px/1 "Azeret Mono",monospace; }
.method-steps h3 { margin:0 0 10px;font-size:clamp(22px,2.5vw,38px);letter-spacing:-.055em;font-weight:500; }
.method-steps p { max-width:630px;margin:0;color:#686b77;font-size:13px;line-height:1.65; }
[data-motion-state="live"] .method-steps article { animation:method-active 5.2s ease-in-out infinite; }.method-steps article:nth-child(2){animation-delay:1.3s}.method-steps article:nth-child(3){animation-delay:2.6s}.method-steps article:nth-child(4){animation-delay:3.9s}
@keyframes method-active { 0%,20%,100%{padding-left:0;background:transparent}5%,14%{padding-left:12px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.1),transparent)} }

.special-section { background:var(--paper); }
.method-counter { display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin-bottom:80px;border-block:1px solid var(--line); }
.method-counter article { display:grid;justify-items:center;gap:12px;padding:34px 12px; }.method-counter strong{font-size:clamp(38px,5vw,78px);line-height:1;letter-spacing:-.07em;background:linear-gradient(110deg,var(--accent),var(--accent-2));-webkit-background-clip:text;color:transparent}.method-counter span{font:500 8px/1 "Azeret Mono",monospace;letter-spacing:.12em}.method-counter>i{width:1px;height:60%;background:var(--line)}
.portfolio-head { display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px; }.portfolio-head h3{max-width:650px;margin:0;font-size:clamp(28px,4vw,58px);line-height:1;letter-spacing:-.06em;font-weight:500}.portfolio-head p{margin:0;color:#747784;font:500 8px/1.4 "Azeret Mono",monospace;text-transform:uppercase;letter-spacing:.1em}
.portfolio-reel { display:grid;grid-template-columns:repeat(6,1fr);gap:12px;perspective:1000px;overflow:hidden; }
.portfolio-reel figure { position:relative;margin:0;overflow:hidden;background:#e4e6ec;box-shadow:0 18px 45px rgba(10,12,20,.12);transform:translateY(calc((1 - var(--section-progress)) * 60px));transition:transform .6s cubic-bezier(.16,1,.3,1); }.portfolio-reel figure:nth-child(even){margin-top:42px}.portfolio-reel img{width:100%;height:auto;transition:transform .55s cubic-bezier(.16,1,.3,1)}.portfolio-reel figure:hover img{transform:scale(1.035)}.portfolio-reel figcaption{position:absolute;right:9px;bottom:9px;padding:7px 9px;color:white;background:rgba(8,8,13,.82);font:500 7px/1 "Azeret Mono",monospace}

.academy-product-grid { display:grid;grid-template-columns:1fr .68fr;gap:clamp(42px,8vw,120px);align-items:stretch; }
.academy-product-copy { padding:clamp(36px,5vw,72px);color:white;background:var(--ink); }
.academy-product-copy > img { width:min(280px,70%);height:auto;margin-bottom:50px;filter:brightness(0) invert(1);opacity:.92; }
.academy-product-copy h2 { margin:0;font-size:clamp(38px,4.8vw,72px);line-height:1;letter-spacing:-.07em;font-weight:500; }
.academy-product-copy > p { max-width:640px;margin:28px 0 0;color:rgba(255,255,255,.55);font-size:15px;line-height:1.7; }
.academy-proof { display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:solid var(--line-dark);border-width:1px 0 0 1px; }.academy-proof>span{display:grid;gap:9px;padding:20px;border:solid var(--line-dark);border-width:0 1px 1px 0;color:rgba(255,255,255,.45);font:500 7px/1.35 "Azeret Mono",monospace;text-transform:uppercase}.academy-proof b{color:var(--accent-2);font-size:25px;letter-spacing:-.06em;font-family:"Sora",sans-serif}
.instructor-frame { position:relative;margin:0;min-height:630px;overflow:hidden;background:#ddd; }.instructor-frame img{width:100%;height:100%;object-fit:cover}.instructor-frame figcaption{position:absolute;left:18px;bottom:18px;padding:10px 13px;color:white;background:rgba(8,8,13,.8);font:500 8px/1 "Azeret Mono",monospace;letter-spacing:.08em}
.curriculum-rail { display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border:solid var(--line);border-width:1px 0 0 1px; }.curriculum-rail article{position:relative;min-height:155px;padding:20px;border:solid var(--line);border-width:0 1px 1px 0;overflow:hidden}.curriculum-rail span{color:var(--accent);font:500 8px/1 "Azeret Mono",monospace}.curriculum-rail h3{margin:52px 0 0;font-size:15px;letter-spacing:-.035em;font-weight:500}.curriculum-rail i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left}.curriculum-rail article:nth-child(2) i{animation-delay:.3s}.curriculum-rail article:nth-child(3) i{animation-delay:.6s}.curriculum-rail article:nth-child(4) i{animation-delay:.9s}.curriculum-rail article:nth-child(5) i{animation-delay:1.2s}.curriculum-rail article:nth-child(6) i{animation-delay:1.5s}.curriculum-rail article:nth-child(7) i{animation-delay:1.8s}.curriculum-rail article:nth-child(8) i{animation-delay:2.1s}.curriculum-rail article:nth-child(9) i{animation-delay:2.4s}.curriculum-rail article:nth-child(10) i{animation-delay:2.7s}[data-motion-state="live"] .curriculum-rail i{animation:curriculum-progress 4s cubic-bezier(.16,1,.3,1) infinite}@keyframes curriculum-progress{0%,8%{transform:scaleX(0)}25%,72%{transform:scaleX(1)}90%,100%{transform:scaleX(1);opacity:0}}
.student-output { position:relative;aspect-ratio:16/9;margin:50px 0 0;overflow:hidden;border:1px solid var(--line); }.student-output img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.student-output figcaption{position:absolute;left:18px;bottom:18px;padding:10px 13px;color:white;background:rgba(8,8,13,.82);font:500 8px/1 "Azeret Mono",monospace}

.blueprint-map { display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:18px;min-height:220px;padding:38px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(var(--accent-rgb),.06),transparent);font:500 9px/1 "Azeret Mono",monospace;text-align:center; }.blueprint-map i{height:1px;background:rgba(10,12,20,.14);overflow:hidden}.blueprint-map i::after{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);animation:status-pass 3s linear infinite}.blueprint-map i:nth-of-type(2)::after{animation-delay:.4s}.blueprint-map i:nth-of-type(3)::after{animation-delay:.8s}.blueprint-map i:nth-of-type(4)::after{animation-delay:1.2s}.blueprint-notes{display:grid;grid-template-columns:repeat(3,1fr);border:solid var(--line);border-width:0 0 1px 1px}.blueprint-notes p{margin:0;padding:20px;border-right:1px solid var(--line);color:#737681;font:500 8px/1 "Azeret Mono",monospace;letter-spacing:.1em}

.platform-section { color:white;background:var(--ink); }
.platform-section .section-kicker p { color:rgba(255,255,255,.44); }
.platform-layout { display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(40px,7vw,100px);align-items:center; }
.platform-copy h2 { margin:0;font-size:clamp(38px,4.5vw,68px);line-height:1;letter-spacing:-.07em;font-weight:500; }
.platform-copy p { margin:28px 0;color:rgba(255,255,255,.5);font-size:14px;line-height:1.75; }
.platform-copy .button-solid { margin-top:12px; }
.platform-ui { min-height:600px;display:grid;grid-template-columns:190px 1fr;color:var(--ink);background:#f5f6fa;border:1px solid rgba(255,255,255,.15);box-shadow:0 35px 100px rgba(0,0,0,.35);transform:perspective(1500px) rotateY(calc((var(--section-progress) - .5) * 4deg)) rotateX(calc((.5 - var(--section-progress)) * 2deg)); }
.platform-ui aside { display:flex;flex-direction:column;padding:20px 12px;background:#e9ebf1;border-right:1px solid #d8dae2; }
.mini-wordmark { margin:5px 8px 32px;font-size:18px;font-weight:700;letter-spacing:-.07em; }.mini-wordmark span{color:var(--accent)}
.platform-ui aside > span { display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:4px;color:#777a86;font:500 8px/1 "Azeret Mono",monospace; }.platform-ui aside > span.is-active{color:var(--accent);background:white;box-shadow:0 4px 15px rgba(10,12,20,.06)}.platform-ui aside svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.platform-main { padding:24px;overflow:hidden; }.platform-main>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #dddfe6}.platform-main>header>div{display:grid;gap:5px}.platform-main small{color:#8b8e98;font:500 7px/1 "Azeret Mono",monospace;letter-spacing:.09em}.platform-main>header b{font-size:18px;letter-spacing:-.04em}.platform-main>header>span{padding:7px 9px;color:#1c856e;background:#e0f7ef;font:600 7px/1 "Azeret Mono",monospace}
.metric-row { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0; }.metric-row article{position:relative;display:grid;gap:14px;padding:18px;background:white;border:1px solid #e1e3e9;overflow:hidden}.metric-row span{color:#92949e;font:500 7px/1 "Azeret Mono",monospace}.metric-row b{font-size:14px;letter-spacing:-.03em}.metric-row i{position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(.22);transform-origin:left}[data-motion-state="live"] .metric-row i{animation:metric-live 3.4s ease-in-out infinite}.metric-row article:nth-child(2)i{animation-delay:.55s}.metric-row article:nth-child(3)i{animation-delay:1.1s}@keyframes metric-live{50%{transform:scaleX(1)}}
.platform-chart { position:relative;height:245px;padding:16px;background:white;border:1px solid #e1e3e9;overflow:hidden; }.platform-chart>span{position:absolute;left:16px;top:16px;color:#8b8e99;font:500 7px/1 "Azeret Mono",monospace}.platform-chart svg{position:absolute;inset:52px 12px 20px;width:calc(100% - 24px);height:calc(100% - 72px)}.platform-chart path{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1200;stroke-dashoffset:1200}[data-motion-state="live"] .platform-chart path{animation:chart-draw 1.5s cubic-bezier(.16,1,.3,1) forwards}.platform-chart>i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 16px var(--accent-2);left:74%;top:30%}[data-motion-state="live"] .platform-chart>i{animation:platform-point 4s ease-in-out infinite}@keyframes platform-point{0%,20%{transform:translate(-260px,120px)}80%,100%{transform:none}}
.activity-list { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px; }.activity-list>span{display:grid;grid-template-columns:auto 1fr auto;gap:7px;padding:13px;background:#e9ebf1;color:#656873;font:500 7px/1 "Azeret Mono",monospace}.activity-list b{color:var(--accent);font-weight:500}.activity-list i{color:#8c8f99;font-style:normal}

.family-section { background:var(--paper); }
.family-grid-bottom { display:grid;grid-template-columns:repeat(4,1fr);border:solid var(--line);border-width:1px 0 0 1px; }
.family-grid-bottom a { position:relative;min-height:150px;display:grid;align-content:space-between;padding:22px;border:solid var(--line);border-width:0 1px 1px 0;overflow:hidden; }
.family-grid-bottom a::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(var(--accent-rgb),.14),transparent 66%);transform:translateY(105%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.family-grid-bottom a:hover::before,.family-grid-bottom a.is-current::before{transform:translateY(0)}
.family-grid-bottom span{z-index:1;color:#777a86;font:500 8px/1 "Azeret Mono",monospace}.family-grid-bottom h3{z-index:1;margin:38px 0 0;font-size:20px;letter-spacing:-.05em;font-weight:500}.family-grid-bottom h3 b{color:var(--accent);font-weight:600}.family-grid-bottom i{position:absolute;right:20px;top:20px;color:var(--accent);font-style:normal;transition:transform .25s}.family-grid-bottom a:hover i{transform:translate(4px,-4px)}

.vertical-cta { position:relative;min-height:680px;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px;padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px);color:white;background:#08090f;overflow:hidden;isolation:isolate; }
.cta-beam { position:absolute;z-index:-1;right:-20%;bottom:-65%;width:90%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.4);box-shadow:0 0 140px rgba(var(--accent-rgb),.18),inset 0 0 120px rgba(var(--accent-rgb),.12); }.cta-beam::before,.cta-beam::after{content:"";position:absolute;inset:12%;border:1px solid rgba(0,197,255,.22);border-radius:50%}.cta-beam::after{inset:26%}[data-motion-state="live"] .cta-beam{animation:cta-orbit 10s linear infinite}@keyframes cta-orbit{to{transform:rotate(360deg)}}
.vertical-cta>div:not(.cta-beam)>p { margin:0 0 28px;color:var(--accent-2);font:500 8px/1 "Azeret Mono",monospace;letter-spacing:.14em; }
.vertical-cta h2 { max-width:900px;margin:0 0 44px;font-size:clamp(46px,6.2vw,98px);line-height:.96;letter-spacing:-.075em;font-weight:500; }
.vertical-cta aside { align-self:end;display:grid;gap:9px;padding:28px;border:1px solid var(--line-dark);background:rgba(255,255,255,.025);backdrop-filter:blur(10px); }
.vertical-cta aside span,.vertical-cta aside p{margin:0;color:rgba(255,255,255,.4);font:500 8px/1.4 "Azeret Mono",monospace;letter-spacing:.1em}.vertical-cta aside b{font-size:clamp(28px,4vw,58px);letter-spacing:-.06em;background:linear-gradient(100deg,white,var(--accent-2));-webkit-background-clip:text;color:transparent}

.vertical-footer { min-height:190px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:36px clamp(24px,5vw,76px);color:white;background:#05060a;border-top:1px solid var(--line-dark); }
.wordmark--footer { width:max-content;border:0;padding:0; }.wordmark--footer>span,.wordmark--footer>b{font-size:27px}.wordmark--footer small{color:rgba(255,255,255,.35)}
.vertical-footer>div{display:flex;gap:24px;color:rgba(255,255,255,.45);font:500 8px/1 "Azeret Mono",monospace;letter-spacing:.1em}.vertical-footer>div a:hover{color:var(--accent-2)}
.vertical-footer>p{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid var(--line-dark);color:rgba(255,255,255,.28);font:500 7px/1 "Azeret Mono",monospace;letter-spacing:.1em}

[data-motion-section] { --enter-y: 28px; }
[data-motion-section][data-motion-state="idle"] .section-kicker,
[data-motion-section]:not([data-motion-state]) .section-kicker,
[data-motion-section][data-motion-state="idle"] .split-heading > *,
[data-motion-section]:not([data-motion-state]) .split-heading > * { opacity:0;transform:translateY(var(--enter-y)); }
[data-motion-section][data-motion-state="entering"] .section-kicker,
[data-motion-section][data-motion-state="live"] .section-kicker,
[data-motion-section][data-motion-state="entering"] .split-heading > *,
[data-motion-section][data-motion-state="live"] .split-heading > * { opacity:1;transform:none;transition:opacity .75s ease,transform .85s cubic-bezier(.16,1,.3,1); }

@media (max-width: 1180px) {
  .vertical-header { grid-template-columns:auto 1fr; }
  .vertical-header nav { display:none; }
  .vertical-actions { justify-self:end; }
  .vertical-hero { grid-template-columns:1fr 1fr; }
  .vertical-hero h1 { font-size:clamp(46px,6.4vw,78px); }
  .capability-grid { grid-template-columns:repeat(2,1fr); }
  .portfolio-reel { grid-template-columns:repeat(3,1fr); }
  .family-grid-bottom { grid-template-columns:repeat(3,1fr); }
  .platform-layout { grid-template-columns:1fr; }
  .platform-copy { max-width:760px; }
}

@media (max-width: 860px) {
  section[id] { scroll-margin-top:68px; }
  .vertical-header { min-height:68px;grid-template-columns:1fr auto; }
  .wordmark { min-width:0;padding:14px 18px 11px;border:0; }
  .wordmark>span,.wordmark>b{font-size:18px}.wordmark>small{font-size:6px}
  .vertical-actions { display:none; }
  .v-menu { display:grid;align-content:center;gap:6px;width:68px;border-left:1px solid var(--line); }
  .v-menu i { width:24px;height:1px;margin:auto;background:var(--ink);transition:transform .25s; }
  .v-menu[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg)}.v-menu[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .family-panel { inset:68px 0 0;grid-template-columns:1fr;overflow:auto; }
  .family-statement { display:none; }
  .family-links { grid-template-columns:1fr; }
  .family-links a { min-height:64px; }
  .family-mobile-actions { position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;min-height:64px;background:#0b0c13;border-top:1px solid var(--line-dark); }
  .family-mobile-actions .v-language { justify-content:center;color:white;border-right:1px solid var(--line-dark); }
  .family-mobile-actions .header-cta { min-width:0; }
  .vertical-hero { min-height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:68px 22px 24px; }
  .vertical-grid { inset:68px 0 0;background-size:25vw 86px; }
  .hero-meta { padding:18px 0; }
  .hero-meta span:last-child { display:none; }
  .vertical-hero-copy { padding:70px 0 48px; }
  .vertical-hero h1 { font-size:clamp(46px,12vw,74px); }
  .vertical-hero .hero-lead { font-size:14px; }
  .hero-stage-wrap { min-height:480px;border:solid var(--line-dark);border-width:1px 0 0; }
  .hero-status { margin-top:24px;gap:8px; }
  .hero-status span { font-size:6px; }
  .section-shell { padding:78px 22px; }
  .section-kicker { margin-bottom:52px; }
  .split-heading,.pain-layout,.method-layout,.academy-product-grid { grid-template-columns:1fr; }
  .pain-title,.method-sticky { position:static; }
  .pain-title h2,.method-sticky h2 { font-size:clamp(38px,10vw,62px); }
  .pain-acts article { min-height:160px; }
  .capability-grid { grid-template-columns:1fr 1fr; }
  .capability-grid article { min-height:240px;padding:22px; }
  .capability-grid h3 { margin-top:62px; }
  .method-sticky { padding-bottom:40px; }
  .method-steps article { min-height:150px;grid-template-columns:40px 1fr; }
  .method-steps>article>span { display:none; }
  .portfolio-reel { display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px; }
  .portfolio-reel figure { flex:0 0 54vw;scroll-snap-align:start; }
  .portfolio-reel figure:nth-child(even){margin-top:0}.portfolio-head{align-items:start;flex-direction:column}
  .method-counter { grid-template-columns:1fr 1fr; }.method-counter>i{display:none}.method-counter article{border:1px solid var(--line);margin:-1px 0 0 -1px}
  .instructor-frame { min-height:540px; }
  .curriculum-rail { grid-template-columns:repeat(2,1fr); }
  .platform-ui { grid-template-columns:82px 1fr;min-height:520px; }
  .platform-ui aside { padding:14px 7px; }.mini-wordmark{font-size:14px;margin:3px 3px 20px}.platform-ui aside>span{justify-content:center;padding:10px 4px;font-size:0}.platform-ui aside svg{width:18px;height:18px}.platform-main{padding:14px}.metric-row{grid-template-columns:1fr}.metric-row article:nth-child(n+2){display:none}.activity-list{grid-template-columns:1fr}.activity-list>span:nth-child(n+2){display:none}
  .family-grid-bottom { grid-template-columns:repeat(2,1fr); }
  .vertical-cta { min-height:620px;grid-template-columns:1fr;align-items:end;padding:88px 22px 48px; }.vertical-cta aside{display:none}.vertical-cta h2{font-size:clamp(46px,12vw,76px)}
  .vertical-footer { grid-template-columns:1fr; }.vertical-footer>div{flex-wrap:wrap}.vertical-footer>p{grid-column:1}
}

@media (max-width: 560px) {
  .hero-buttons { display:grid; }
  .button-solid,.button-ghost { width:100%; }
  .hero-stage-wrap { min-height:390px; }
  .hero-machine { width:110%; }
  .stage-label { inset:18px 0 auto; }
  .creative-frame { width:48%;height:40%; }.frame-c{left:25%}
  .auto-node { min-width:58px;padding:11px 7px;font-size:6px; }.n2,.n4{left:24%}.n3,.n5{left:50%}
  .legal-sheet{width:60%}.commerce-orbit{width:78%}
  .hero-status { grid-template-columns:auto 1fr auto 1fr auto; }.hero-status span:nth-of-type(4),.hero-status i:nth-of-type(3){display:none}
  .signal-marquee span { padding:14px 22px; }
  .section-kicker { grid-template-columns:34px auto; }
  .split-heading h2 { font-size:clamp(36px,11vw,54px); }
  .pain-acts article { grid-template-columns:36px 1fr;gap:12px; }.pain-acts h3{font-size:23px}
  .capability-grid { grid-template-columns:1fr; }.capability-grid article{min-height:220px}.capability-grid h3{margin-top:54px}
  .method-steps article { grid-template-columns:30px 1fr;gap:12px; }.method-steps h3{font-size:23px}
  .portfolio-reel figure { flex-basis:74vw; }
  .academy-proof { grid-template-columns:1fr; }.academy-product-copy{padding:30px 24px}.instructor-frame{min-height:470px}
  .student-output { aspect-ratio:4/3; }
  .curriculum-rail { grid-template-columns:1fr; }.curriculum-rail article{min-height:110px}.curriculum-rail h3{margin-top:30px}
  .blueprint-map { grid-template-columns:1fr;gap:10px; }.blueprint-map i{width:1px;height:28px;margin:auto}.blueprint-notes{grid-template-columns:1fr}
  .platform-ui { grid-template-columns:62px 1fr;min-height:470px; }.platform-main>header>span{display:none}.platform-chart{height:210px}
  .family-grid-bottom { grid-template-columns:1fr; }.family-grid-bottom a{min-height:120px}
  .vertical-footer>div{display:grid;grid-template-columns:1fr 1fr; }
}

/* Standalone narrative systems */
.category-shift{align-items:start}
.commerce-loop-story{overflow:hidden;background:#eef2f8}
.commerce-loop-theatre{position:relative;min-height:680px;color:white;background:#080b14;border:1px solid rgba(255,255,255,.1);overflow:hidden;isolation:isolate}
.commerce-loop-theatre::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(var(--accent-rgb),.2),transparent 35%);pointer-events:none}
.commerce-loop-theatre>svg{position:absolute;inset:6% 8%;width:84%;height:88%;fill:none;stroke:rgba(255,255,255,.13);stroke-width:1;overflow:visible}
.commerce-loop-theatre>svg path:last-child{stroke:var(--accent-2);stroke-dasharray:12 18;filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.7))}
[data-motion-state="live"] .commerce-loop-theatre>svg path:last-child{animation:commerce-ring 9s linear infinite}@keyframes commerce-ring{to{stroke-dashoffset:-300}}
.commerce-loop-core{position:absolute;z-index:2;left:50%;top:50%;width:210px;aspect-ratio:1;display:grid;place-content:center;gap:10px;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#0c1220;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(var(--accent-rgb),.18)}
.commerce-loop-core small,.commerce-loop-core b{font-family:"Azeret Mono",monospace;letter-spacing:.1em}.commerce-loop-core small{color:var(--accent-2);font-size:7px}.commerce-loop-core b{max-width:150px;font-size:12px;line-height:1.4}.commerce-loop-core i{position:absolute;inset:-12px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:50%}
[data-motion-state="live"] .commerce-loop-core i{animation:commerce-breathe 3.6s cubic-bezier(.16,1,.3,1) infinite}@keyframes commerce-breathe{0%,100%{transform:scale(.96);opacity:.3}45%{transform:scale(1.08);opacity:1}}
.commerce-loop-theatre ol{position:absolute;z-index:3;inset:0;margin:0;padding:0;list-style:none}.commerce-loop-theatre li{position:absolute;width:180px;display:grid;gap:7px;padding:18px;color:white;background:rgba(8,11,20,.88);border-top:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px)}
.commerce-loop-theatre li:nth-child(1){left:8%;top:14%}.commerce-loop-theatre li:nth-child(2){right:8%;top:18%}.commerce-loop-theatre li:nth-child(3){right:5%;bottom:18%}.commerce-loop-theatre li:nth-child(4){left:39%;bottom:7%}.commerce-loop-theatre li:nth-child(5){left:6%;bottom:23%}
.commerce-loop-theatre li span,.commerce-loop-theatre li small{font:500 7px/1.3 "Azeret Mono",monospace;letter-spacing:.08em}.commerce-loop-theatre li span{color:var(--accent-2)}.commerce-loop-theatre li b{font-size:18px;letter-spacing:-.04em}.commerce-loop-theatre li small{color:rgba(255,255,255,.45)}
[data-motion-state="live"] .commerce-loop-theatre li{animation:commerce-step 7.5s cubic-bezier(.16,1,.3,1) infinite}.commerce-loop-theatre li:nth-child(2){animation-delay:1.5s}.commerce-loop-theatre li:nth-child(3){animation-delay:3s}.commerce-loop-theatre li:nth-child(4){animation-delay:4.5s}.commerce-loop-theatre li:nth-child(5){animation-delay:6s}@keyframes commerce-step{0%,15%,100%{border-color:rgba(255,255,255,.18);transform:translateY(0)}5%,10%{border-color:var(--accent-2);transform:translateY(-8px);box-shadow:0 16px 40px rgba(var(--accent-rgb),.18)}}
.leak-map{display:grid;grid-template-columns:.35fr 1fr;gap:35px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.leak-map>p{margin:0;font-size:18px;letter-spacing:-.035em}.leak-map>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leak-map span{color:#6c707c;font:500 7px/1.5 "Azeret Mono",monospace;text-transform:uppercase}.leak-map i{flex:1;min-width:28px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
.automation-runbook{color:white;background:#090a11}.automation-runbook .section-kicker p,.automation-runbook .split-heading p{color:rgba(255,255,255,.48)}
.runbook-stage{position:relative;min-height:470px;padding:80px 4%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 42% 44%,rgba(var(--accent-rgb),.14),transparent 42%),#0c0d16;overflow:hidden}.runbook-track{position:absolute;inset:50% 4% auto;display:grid;grid-template-columns:repeat(5,1fr);transform:translateY(-50%)}.runbook-track::before{content:"";position:absolute;left:6%;right:6%;top:50%;height:1px;background:rgba(255,255,255,.16)}
.runbook-track article{position:relative;z-index:2;min-height:190px;display:grid;align-content:space-between;padding:19px;background:#10131e;border:1px solid rgba(255,255,255,.14)}.runbook-track article:not(:first-child){margin-left:-1px}.runbook-track article span,.runbook-track article small{font:500 7px/1.4 "Azeret Mono",monospace;letter-spacing:.08em}.runbook-track article span{color:var(--accent-2)}.runbook-track article small{color:rgba(255,255,255,.38)}.runbook-track article b{font-size:18px;letter-spacing:-.045em}.runbook-track article i{position:absolute;left:50%;top:50%;width:8px;height:8px;border:2px solid var(--accent-2);border-radius:50%;background:#10131e;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(var(--accent-rgb),.1)}.runbook-track .human-gate{background:color-mix(in oklch,#10131e 80%,var(--accent) 20%);border-color:rgba(var(--accent-rgb),.5)}
.runbook-packet{position:absolute;z-index:5;left:7%;top:calc(50% - 22px);width:100px;display:grid;gap:4px;padding:10px 12px;color:#080a11;background:var(--accent-2);box-shadow:0 0 30px rgba(var(--accent-rgb),.55)}.runbook-packet b,.runbook-packet span{font:600 6px/1 "Azeret Mono",monospace;letter-spacing:.08em}[data-motion-state="live"] .runbook-packet{animation:runbook-packet 6.2s cubic-bezier(.45,0,.15,1) infinite}@keyframes runbook-packet{0%,8%{left:7%}22%,28%{left:25%}42%,48%{left:43%}62%,72%{left:61%}88%,100%{left:80%}}
.exception-ledger{display:grid;grid-template-columns:repeat(3,1fr);border:solid rgba(255,255,255,.12);border-width:0 0 1px 1px}.exception-ledger article{display:grid;grid-template-columns:34px 1fr;gap:18px;padding:28px;border:solid rgba(255,255,255,.12);border-width:1px 1px 0 0}.exception-ledger>article>span{color:var(--accent-2);font:500 8px/1 "Azeret Mono",monospace}.exception-ledger b{font-size:16px}.exception-ledger p{margin:12px 0 0;color:rgba(255,255,255,.48);font-size:12px;line-height:1.65}
.vertical-faq{background:var(--paper);border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,9vw,140px);align-items:start}.faq-layout>div:first-child{position:sticky;top:130px}.faq-layout h2{margin:0;font-size:clamp(38px,4.7vw,72px);line-height:1;letter-spacing:-.07em;font-weight:500}.faq-layout>div:first-child>p{max-width:440px;margin:26px 0 0;color:#6f727e;line-height:1.7}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:110px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:18px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--accent);font:500 8px/1 "Azeret Mono",monospace}.faq-list summary>b{font-size:clamp(17px,1.8vw,25px);font-weight:500;letter-spacing:-.04em}.faq-list summary>i{position:relative;width:18px;height:18px}.faq-list summary>i::before,.faq-list summary>i::after{content:"";position:absolute;left:2px;right:2px;top:8px;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.16,1,.3,1)}.faq-list summary>i::after{transform:rotate(90deg)}.faq-list details[open] summary>i::after{transform:rotate(0)}.faq-list details>p{max-width:720px;margin:-10px 42px 30px 60px;color:#696d78;font-size:14px;line-height:1.75}
@media(max-width:860px){.commerce-loop-theatre{min-height:640px}.commerce-loop-theatre li{width:150px}.commerce-loop-theatre li:nth-child(4){left:35%}.leak-map,.faq-layout{grid-template-columns:1fr}.faq-layout>div:first-child{position:static}.runbook-stage{min-height:720px;padding:36px}.runbook-track{inset:35px;grid-template-columns:1fr;transform:none}.runbook-track::before{left:50%;right:auto;top:5%;bottom:5%;width:1px;height:auto}.runbook-track article{min-height:125px}.runbook-track article:not(:first-child){margin:-1px 0 0}.runbook-packet{left:calc(50% - 50px);top:9%}[data-motion-state="live"] .runbook-packet{animation:runbook-packet-mobile 6.2s cubic-bezier(.45,0,.15,1) infinite}@keyframes runbook-packet-mobile{0%,8%{top:9%}22%,28%{top:27%}42%,48%{top:45%}62%,72%{top:63%}88%,100%{top:81%}}.exception-ledger{grid-template-columns:1fr}}
@media(max-width:560px){.commerce-loop-theatre{min-height:760px}.commerce-loop-theatre>svg{inset:10%;width:80%;height:80%}.commerce-loop-core{width:158px}.commerce-loop-theatre li{width:135px;padding:14px}.commerce-loop-theatre li:nth-child(1){left:4%;top:9%}.commerce-loop-theatre li:nth-child(2){right:3%;top:23%}.commerce-loop-theatre li:nth-child(3){right:4%;bottom:23%}.commerce-loop-theatre li:nth-child(4){left:29%;bottom:5%}.commerce-loop-theatre li:nth-child(5){left:3%;bottom:31%}.leak-map>div{display:grid;grid-template-columns:1fr}.leak-map i{display:none}.faq-list summary{grid-template-columns:28px 1fr 20px;gap:10px;min-height:96px}.faq-list details>p{margin:-4px 26px 26px 38px}.runbook-stage{padding:22px}.runbook-track{inset:22px}.exception-ledger article{padding:22px}}

/* V4 surface polish: rounded operating modules without changing their business logic. */
.family-links, .family-grid-bottom { gap: 8px; border: 0; }
.family-links a, .family-grid-bottom a, .capability-card, .platform-ui, .commerce-loop-theatre, .runbook-stage, .metric-row article, .activity-list > span { border-radius: 18px; overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important; }
  .v-loader { display:none; }
  [data-motion-section] *,[data-motion-section]::before,[data-motion-section]::after { transform:none !important;opacity:1 !important; }
}