:root {
  --bg: #050609;
  --bg-2: #090a10;
  --panel: rgba(15, 17, 26, .68);
  --panel-strong: rgba(16, 18, 29, .93);
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.16);
  --text: #f5f7fb;
  --muted: #a7adba;
  --soft: #747b89;
  --green: #32f11f;
  --green-2: #1dcc17;
  --purple: #851dff;
  --purple-2: #b05cff;
  --cream: #ffd796;
  --navy: #171933;
  --radius: 28px;
  --shadow: 0 30px 100px rgba(0,0,0,.45);
  --shell: min(1240px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 18% -10%, rgba(49,241,31,.13), transparent 30%),
    radial-gradient(circle at 82% 6%, rgba(133,29,255,.18), transparent 30%),
    var(--bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
}

::selection { background: rgba(50,241,31,.28); color: #fff; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img { max-width: 100%; display: block; }
.shell { width: var(--shell); margin-inline: auto; }
.hidden { position: absolute !important; left: -9999px !important; }

#network-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  opacity: .58;
  pointer-events: none;
}
.noise {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .15;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
}
.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  z-index: 100;
  background: linear-gradient(90deg, var(--green), var(--cream), var(--purple));
  box-shadow: 0 0 18px rgba(50,241,31,.7);
}

.site-header {
  position: fixed;
  top: 0;
  inset-inline: 0;
  z-index: 50;
  border-bottom: 1px solid transparent;
  transition: background .35s ease, border-color .35s ease, backdrop-filter .35s ease;
}
.site-header.scrolled {
  background: rgba(5,6,9,.72);
  border-color: var(--line);
  backdrop-filter: blur(22px) saturate(130%);
}
.nav {
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand img { width: 46px; height: 46px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(49,241,31,.12)); }
.brand-type { display: grid; line-height: 1; letter-spacing: .04em; }
.brand-type strong { font-size: 18px; letter-spacing: .08em; font-weight: 850; }
.brand-type small { color: var(--purple-2); font-size: 8px; margin-top: 5px; letter-spacing: .42em; font-weight: 800; }
.tm { font-size: .43em; vertical-align: super; margin-left: 2px; }
.nav-links { display: flex; align-items: center; gap: 20px; font-size: 13px; color: #c8ccd4; font-weight: 650; letter-spacing: .01em; }
.nav-links > a:not(.nav-cta):not(.employee-access) { position: relative; }
.nav-links > a:not(.nav-cta):not(.employee-access)::after {
  content: "";
  position: absolute;
  left: 0; right: 100%; bottom: -8px;
  height: 1px;
  background: var(--green);
  transition: right .25s ease;
}
.nav-links > a:not(.employee-access):hover::after { right: 0; }
.nav-cta {
  padding: 11px 17px;
  border: 1px solid rgba(50,241,31,.35);
  border-radius: 999px;
  color: #fff;
  background: rgba(50,241,31,.055);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.employee-access {
  display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid rgba(176,92,255,.24);
  border-radius:999px; color:#d8dce5; background:rgba(133,29,255,.055); font-size:10px; white-space:nowrap;
  transition:border-color .25s ease, background .25s ease, transform .25s ease;
}
.employee-access:hover { border-color:rgba(176,92,255,.5); background:rgba(133,29,255,.1); transform:translateY(-1px); }
.employee-access b { color:var(--purple-2); font-size:10px; }
.access-dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 9px rgba(50,241,31,.7); }

.nav-toggle { display: none; }

.hero {
  min-height: 940px;
  padding-top: 166px;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: 46px;
  position: relative;
}
.hero::before {
  content: "";
  position: absolute;
  width: 520px; height: 520px;
  border-radius: 50%;
  left: -22%; top: 18%;
  border: 1px solid rgba(255,255,255,.025);
  box-shadow: 0 0 0 80px rgba(255,255,255,.012), 0 0 0 160px rgba(255,255,255,.008);
  pointer-events: none;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  color: #c9ced8;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.pulse-dot {
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 0 rgba(50,241,31,.6);
  animation: pulse 2.1s infinite;
}
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(50,241,31,.55);} 70% {box-shadow: 0 0 0 9px rgba(50,241,31,0);} 100% {box-shadow: 0 0 0 0 rgba(50,241,31,0);} }
.hero h1,
.section-heading h2,
.story-copy h2,
.origin-copy h2,
.future-panel h2,
.contact-copy h2 {
  margin: 24px 0 0;
  letter-spacing: -.055em;
  line-height: .96;
  font-weight: 850;
  text-wrap: balance;
}
.hero h1 { font-size: clamp(58px, 6.2vw, 94px); max-width: 820px; }
.hero h1 span,
.section-heading h2 span,
.story-copy h2 span,
.origin-copy h2 span { color: transparent; background: linear-gradient(100deg, var(--green) 4%, var(--cream) 47%, var(--purple-2) 94%); -webkit-background-clip: text; background-clip: text; }
.hero-kicker { font-size: clamp(20px, 2.1vw, 30px); font-weight: 750; letter-spacing: -.02em; margin: 23px 0 0; color: #fff; }
.hero-description { max-width: 650px; margin: 24px 0 0; color: var(--muted); font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 14px; margin-top: 36px; flex-wrap: wrap; }
.button {
  min-height: 52px;
  border-radius: 999px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 19px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.button-primary {
  color: #061006;
  background: linear-gradient(120deg, #64ff55 0%, var(--green) 50%, #b9ff8a 100%);
  box-shadow: 0 14px 38px rgba(50,241,31,.18), inset 0 1px rgba(255,255,255,.58);
}
.button-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 44px rgba(50,241,31,.28), inset 0 1px rgba(255,255,255,.58); }
.button-ghost { border-color: var(--line-strong); background: rgba(255,255,255,.035); color: #e9edf4; backdrop-filter: blur(15px); }
.button-ghost:hover { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.07); transform: translateY(-2px); }
.arrow { font-size: 18px; line-height: 1; }
.trust-row { display: flex; gap: 24px; margin-top: 46px; flex-wrap: wrap; }
.trust-row span { display: inline-flex; align-items: center; gap: 8px; color: #8e95a3; font-size: 11px; font-weight: 650; white-space: nowrap; }
.trust-row i { color: var(--green); font-style: normal; font-size: 9px; letter-spacing: .06em; }

.hero-visual { position: relative; height: 650px; display: grid; place-items: center; perspective: 1300px; }
.hero-glow { position: absolute; width: 370px; height: 370px; border-radius: 50%; filter: blur(80px); opacity: .21; }
.hero-glow-a { background: var(--green); left: 4%; top: 15%; }
.hero-glow-b { background: var(--purple); right: -2%; bottom: 10%; }
.orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.065); }
.orbit::before, .orbit::after { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 18px rgba(50,241,31,.9); }
.orbit-one { width: 510px; height: 510px; animation: spin 22s linear infinite; }
.orbit-one::before { top: 32px; left: 92px; }
.orbit-one::after { right: 29px; bottom: 113px; background:var(--purple-2); box-shadow:0 0 18px rgba(176,92,255,.9); }
.orbit-two { width: 410px; height: 410px; border-style: dashed; animation: spinReverse 18s linear infinite; opacity:.7; }
.orbit-two::before { top: 51%; left:-4px; background:var(--cream); box-shadow:0 0 18px rgba(255,215,150,.9); }
.orbit-three { width: 590px; height: 590px; border-color: rgba(255,255,255,.025); animation: spin 35s linear infinite; }
@keyframes spin { to { transform: rotate(360deg);} }
@keyframes spinReverse { to { transform: rotate(-360deg);} }
.core-card {
  width: min(430px, 82%);
  aspect-ratio: .82;
  position: relative;
  border-radius: 31px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(155deg, rgba(255,255,255,.08), rgba(255,255,255,.018) 40%),
    rgba(9,11,18,.82);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.09), 0 0 0 1px rgba(255,255,255,.018);
  backdrop-filter: blur(24px) saturate(130%);
  overflow: hidden;
  transform: rotateY(-7deg) rotateX(4deg);
  transition: transform .25s ease-out;
}
.core-card::before {
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 23% 18%, rgba(50,241,31,.12), transparent 24%), radial-gradient(circle at 78% 80%, rgba(133,29,255,.18), transparent 30%);
  pointer-events:none;
}
.core-topline { padding: 20px 22px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); font-size:8px; letter-spacing:.14em; color:#838b99; }
.status { color:#ced4dd; display:flex; align-items:center; gap:7px; }
.status-light { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(50,241,31,.8); }
.micro { font-size:7px; }
.core-center { height: 57%; display:grid; place-items:center; position:relative; }
.core-center img { width: 47%; position:relative; z-index:2; filter: drop-shadow(0 15px 22px rgba(0,0,0,.45)); animation: breathe 5s ease-in-out infinite; }
.logo-halo { position:absolute; width:57%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle, rgba(50,241,31,.12), rgba(133,29,255,.07) 46%, transparent 68%); filter:blur(2px); box-shadow:0 0 70px rgba(50,241,31,.08); }
@keyframes breathe { 50% { transform: scale(1.035) translateY(-3px); } }
.core-grid { display:grid; grid-template-columns:repeat(3,1fr); margin:0 20px 20px; border:1px solid var(--line); border-radius:15px; overflow:hidden; background:rgba(255,255,255,.018); }
.core-grid div { padding:13px 9px; min-width:0; }
.core-grid div+div { border-left:1px solid var(--line); }
.core-grid span { display:block; font-size:6px; letter-spacing:.18em; color:#737a87; margin-bottom:6px; }
.core-grid strong { display:block; font-size:9px; color:#dfe4eb; overflow:hidden; text-overflow:ellipsis; }
.scanline { position:absolute; left:0; right:0; top:-8%; height:18%; background:linear-gradient(180deg, transparent, rgba(50,241,31,.055), transparent); animation:scan 5.5s linear infinite; pointer-events:none; }
@keyframes scan { to { top:102%; } }
.float-card { position:absolute; min-width:220px; display:flex; align-items:center; gap:11px; padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:15px; background:rgba(10,12,20,.79); backdrop-filter:blur(18px); box-shadow:0 14px 40px rgba(0,0,0,.3); z-index:4; animation:float 5.5s ease-in-out infinite; }
.float-card small { display:block; color:#6f7785; font-size:7px; letter-spacing:.16em; font-weight:800; }
.float-card strong { font-size:10px; font-weight:700; color:#e2e6ec; }
.float-icon { width:27px; height:27px; display:grid; place-items:center; border-radius:9px; background:rgba(50,241,31,.1); color:var(--green); font-size:12px; }
.float-icon.purple { color:var(--purple-2); background:rgba(133,29,255,.11); }
.float-icon.cream { color:var(--cream); background:rgba(255,215,150,.09); }
.ok { margin-left:auto; color:var(--green); font-size:10px; }
.float-a { left:-2%; top:18%; animation-delay:-1s; }
.float-b { right:-5%; top:31%; animation-delay:-2.4s; }
.float-c { left:1%; bottom:19%; animation-delay:-3.2s; }
.float-d { right:-2%; bottom:8%; animation-delay:-.5s; }
@keyframes float { 50% { transform:translateY(-9px); } }

.signal-strip { border-block:1px solid var(--line); overflow:hidden; background:rgba(255,255,255,.015); }
.signal-track { width:max-content; display:flex; align-items:center; gap:27px; padding:17px 0; white-space:nowrap; animation:marquee 31s linear infinite; }
.signal-track span { color:#a8aeba; font-size:10px; letter-spacing:.17em; font-weight:800; }
.signal-track b { font-weight:400; color:var(--green); opacity:.75; }
@keyframes marquee { to { transform:translateX(-50%); } }

.section { padding-block: 140px; }
.section-heading { max-width: 850px; }
.section-heading h2, .story-copy h2, .origin-copy h2, .contact-copy h2 { font-size: clamp(45px, 5.1vw, 74px); }
.section-heading > p { color:var(--muted); max-width:700px; margin:26px 0 0; font-size:16px; line-height:1.8; }
.section-heading.compact { max-width:760px; }

.feature-grid { margin-top:65px; display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
.feature-card { grid-column:span 4; min-height:430px; position:relative; overflow:hidden; padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); box-shadow:inset 0 1px rgba(255,255,255,.04); transition:border-color .3s ease, box-shadow .3s ease, transform .2s ease-out; transform-style:preserve-3d; }
.feature-card:hover { border-color:rgba(255,255,255,.19); box-shadow:0 25px 60px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.06); }
.feature-large { grid-column:span 8; }
.feature-wide { grid-column:span 8; }
.feature-number { position:absolute; top:21px; right:22px; color:#5f6672; font-size:9px; letter-spacing:.15em; font-weight:800; }
.feature-copy { position:absolute; left:24px; right:24px; bottom:26px; z-index:4; }
.feature-copy .tag { display:inline-flex; padding:6px 9px; border:1px solid rgba(50,241,31,.18); color:#9ef399; border-radius:999px; font-size:7px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; background:rgba(50,241,31,.04); }
.feature-copy h3 { margin:13px 0 0; font-size:25px; line-height:1.1; letter-spacing:-.035em; max-width:590px; }
.feature-copy p { margin:12px 0 0; color:#9299a7; font-size:12px; line-height:1.7; max-width:620px; }
.feature-large .feature-copy h3, .feature-wide .feature-copy h3 { font-size:30px; }
.visual-flow { position:absolute; top:45px; left:6%; right:6%; height:190px; display:flex; align-items:center; justify-content:center; }
.flow-node { width:92px; height:92px; display:grid; place-items:center; border-radius:25px; border:1px solid var(--line-strong); background:rgba(255,255,255,.045); font-size:10px; color:#b9bfca; text-transform:uppercase; letter-spacing:.12em; position:relative; z-index:2; box-shadow:inset 0 1px rgba(255,255,255,.05); }
.flow-node.n2 { width:112px; height:112px; color:#fff; font-weight:900; font-size:19px; border-color:rgba(50,241,31,.25); background:radial-gradient(circle at 40% 30%, rgba(50,241,31,.13), rgba(133,29,255,.07)), rgba(10,12,18,.8); box-shadow:0 0 50px rgba(50,241,31,.08); }
.flow-line { height:1px; flex:0 0 90px; background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(50,241,31,.42), rgba(255,255,255,.08)); }
.flow-packet { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 15px rgba(50,241,31,.9); top:91px; animation:packet 3.3s ease-in-out infinite; }
.flow-packet.p1 { left:29%; }
.flow-packet.p2 { right:29%; animation-delay:-1.6s; background:var(--purple-2); box-shadow:0 0 15px rgba(176,92,255,.9); animation-direction:reverse; }
@keyframes packet { 0%,100% { transform:translateX(-50px); opacity:.2;} 50% { transform:translateX(50px); opacity:1;} }
.mini-orbit { position:absolute; width:185px; height:185px; top:45px; left:50%; transform:translateX(-50%); border:1px solid rgba(255,255,255,.08); border-radius:50%; }
.mini-orbit::before { content:"N3"; position:absolute; inset:46px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:24px; font-weight:900; border:1px solid rgba(133,29,255,.22); background:radial-gradient(circle, rgba(133,29,255,.16), transparent 70%); }
.mini-orbit span,.mini-orbit i,.mini-orbit b { position:absolute; width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 15px rgba(50,241,31,.8); animation:orbital 7s linear infinite; transform-origin:92px 92px; left:-4px; top:88px; }
.mini-orbit i { animation-delay:-2.4s; background:var(--purple-2); box-shadow:0 0 15px rgba(176,92,255,.8); }
.mini-orbit b { animation-delay:-4.7s; background:var(--cream); box-shadow:0 0 15px rgba(255,215,150,.8); }
@keyframes orbital { to { transform:rotate(360deg); } }
.recovery-visual { position:absolute; top:48px; left:50%; width:180px; height:180px; transform:translateX(-50%); display:grid; place-items:center; }
.recovery-visual .ring { position:absolute; border-radius:50%; border:1px solid rgba(50,241,31,.17); animation:ripple 3s ease-out infinite; }
.recovery-visual .r1 { width:60px; height:60px; }
.recovery-visual .r2 { width:105px; height:105px; animation-delay:-1s; }
.recovery-visual .r3 { width:155px; height:155px; animation-delay:-2s; }
.recovery-visual strong { color:var(--green); font-size:42px; font-weight:400; filter:drop-shadow(0 0 10px rgba(50,241,31,.3)); }
@keyframes ripple { 50% { opacity:.28; transform:scale(1.08);} }
.dashboard-visual { position:absolute; top:38px; left:5%; right:5%; height:220px; border:1px solid var(--line); border-radius:19px; background:rgba(7,9,14,.65); overflow:hidden; transform:perspective(800px) rotateX(7deg); }
.dash-head { height:35px; display:flex; align-items:center; gap:6px; padding:0 13px; border-bottom:1px solid var(--line); }
.dash-head span { width:5px; height:5px; border-radius:50%; background:#454b58; }
.dash-columns { display:grid; grid-template-columns:1.2fr .8fr .8fr; height:calc(100% - 35px); gap:1px; background:var(--line); }
.dash-columns>div { background:#0b0d14; padding:17px; display:flex; flex-direction:column; gap:10px; }
.dash-columns i { height:16px; border-radius:5px; background:linear-gradient(90deg, rgba(50,241,31,.13), rgba(255,255,255,.035)); }
.dash-columns i:nth-child(2){ width:83%; }.dash-columns i:nth-child(3){width:92%;}.dash-columns i:nth-child(4){width:72%;}
.dash-columns b { height:37px; border:1px solid rgba(133,29,255,.12); border-radius:9px; background:rgba(133,29,255,.035); }
.dash-columns em { height:8px; border-radius:5px; background:rgba(255,255,255,.06); }.dash-columns em:nth-child(2){width:78%;}.dash-columns em:nth-child(3){width:64%;}
.message-visual { position:absolute; top:53px; left:50%; width:230px; height:172px; transform:translateX(-50%); }
.message-visual span { position:absolute; height:41px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.035); }
.message-visual span:nth-child(1){left:0;right:48px;top:0}.message-visual span:nth-child(2){left:52px;right:0;top:48px;border-color:rgba(50,241,31,.16);background:rgba(50,241,31,.035)}.message-visual span:nth-child(3){left:0;right:74px;top:96px}.message-visual span:nth-child(4){left:88px;right:0;top:144px;border-color:rgba(133,29,255,.17);background:rgba(133,29,255,.035)}
.signal-visual { position:absolute; top:53px; left:50%; width:260px; height:140px; transform:translateX(-50%); }
.signal-visual svg { width:100%; height:100%; overflow:visible; }
.signal-visual path { fill:none; stroke:url(#none); stroke:var(--purple-2); stroke-width:2; filter:drop-shadow(0 0 7px rgba(176,92,255,.35)); stroke-dasharray:8 6; animation:dash 7s linear infinite; }
@keyframes dash { to { stroke-dashoffset:-150; } }
.signal-point { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 12px rgba(50,241,31,.9); }.sp1{left:24%;top:54%}.sp2{left:50%;top:45%;background:var(--cream);box-shadow:0 0 12px rgba(255,215,150,.8)}.sp3{right:9%;top:16%;background:var(--purple-2);box-shadow:0 0 12px rgba(176,92,255,.8)}

.section-process { background:linear-gradient(180deg, transparent, rgba(255,255,255,.018), transparent); border-block:1px solid rgba(255,255,255,.035); }
.process { position:relative; margin-top:75px; display:grid; grid-template-columns:repeat(5,1fr); gap:24px; }
.process-line { position:absolute; top:18px; left:4%; right:4%; height:1px; background:rgba(255,255,255,.09); overflow:hidden; }
.process-line span { display:block; width:30%; height:100%; background:linear-gradient(90deg, transparent,var(--green),var(--purple),transparent); animation:processLine 6s ease-in-out infinite; }
@keyframes processLine { 0%{transform:translateX(-100%)}100%{transform:translateX(430%)} }
.process-step { position:relative; padding-top:56px; }
.step-dot { position:absolute; top:0; left:0; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.16); background:#090a10; font-size:8px; font-weight:900; color:var(--green); box-shadow:0 0 0 7px var(--bg); }
.process-step h3 { margin:0; font-size:20px; letter-spacing:-.02em; }
.process-step p { margin:10px 0 0; color:#8e95a2; font-size:12px; line-height:1.7; }

.story-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:78px; align-items:center; }
.story-copy .lead { font-size:18px; color:#c6cbd4; line-height:1.7; margin-top:32px; }
.story-copy p:not(.lead) { color:#8f96a3; line-height:1.8; max-width:670px; }
.story-copy strong { color:#dce1e8; font-weight:750; }
.story-card { min-height:520px; border:1px solid var(--line); border-radius:31px; background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); position:relative; overflow:hidden; box-shadow:var(--shadow); }
.story-card::before { content:""; position:absolute; width:300px;height:300px;border-radius:50%;background:var(--purple);filter:blur(110px);opacity:.11;right:-110px;bottom:-80px; }
.story-card-top { height:58px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 22px; font-size:8px; color:#747b88; letter-spacing:.14em; }
.story-lines { padding:44px 35px; display:grid; gap:17px; }
.story-lines div { display:flex; align-items:center; gap:14px; font-size:13px; color:#b7bdc7; padding-bottom:17px; border-bottom:1px solid rgba(255,255,255,.05); }
.story-lines i { width:8px;height:8px;border-radius:2px;background:var(--green);box-shadow:0 0 12px rgba(50,241,31,.5);transform:rotate(45deg); }
.story-lines div:nth-child(2) i,.story-lines div:nth-child(5) i { background:var(--purple-2);box-shadow:0 0 12px rgba(176,92,255,.5); }.story-lines div:nth-child(3) i{background:var(--cream);box-shadow:0 0 12px rgba(255,215,150,.5)}
.story-stamp { position:absolute; left:34px; right:34px; bottom:31px; display:flex; align-items:center; gap:15px; color:#6f7683; font-size:8px; letter-spacing:.13em; line-height:1.6; }
.story-stamp img { width:50px; height:50px; object-fit:contain; }

.origin-section { position:relative; overflow:hidden; background:linear-gradient(180deg,rgba(8,9,14,.2),rgba(13,14,22,.9),rgba(8,9,14,.2)); border-block:1px solid rgba(255,255,255,.04); }
.origin-bg { position:absolute; inset:0; opacity:.22; background:repeating-linear-gradient(100deg, transparent 0 85px, rgba(255,255,255,.025) 86px 87px); mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent); }
.origin-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:90px; position:relative; }
.usa-badge { aspect-ratio:1; max-width:430px; border-radius:50%; border:1px solid rgba(255,255,255,.11); display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; overflow:hidden; background:radial-gradient(circle,rgba(255,255,255,.04),transparent 65%); box-shadow:inset 0 0 0 25px rgba(255,255,255,.012), 0 0 90px rgba(133,29,255,.08); }
.usa-badge::before,.usa-badge::after { content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.07);inset:12%;animation:spin 30s linear infinite; }.usa-badge::after{inset:22%;animation-direction:reverse;animation-duration:22s}
.stars { color:var(--cream); letter-spacing:.35em; font-size:10px; margin-bottom:22px; z-index:2; }
.flag-lines { width:130px; display:grid; gap:6px; margin-bottom:20px; z-index:2; }.flag-lines span{height:2px;background:linear-gradient(90deg,transparent,var(--green),var(--cream),var(--purple),transparent);opacity:.8}
.usa-badge strong { font-size:31px; text-align:center; letter-spacing:.04em; line-height:1; z-index:2; }.usa-badge small{margin-top:14px;color:#7d8592;font-size:7px;letter-spacing:.18em;z-index:2}
.origin-copy p { color:#979eaa; font-size:15px; line-height:1.85; max-width:720px; margin-top:28px; }
.origin-quote { margin-top:32px; padding:19px 0 19px 20px; border-left:1px solid var(--green); color:#cdd2db; font-size:15px; font-style:italic; }

.future-section { padding-top:100px; }
.future-panel { min-height:280px; border-radius:34px; border:1px solid rgba(255,255,255,.11); background:linear-gradient(130deg,rgba(50,241,31,.055),rgba(255,255,255,.025) 45%,rgba(133,29,255,.075)); padding:44px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:30px; position:relative; overflow:hidden; box-shadow:inset 0 1px rgba(255,255,255,.06); }
.future-panel::after { content:""; position:absolute; width:270px;height:270px;border-radius:50%;background:var(--purple);filter:blur(100px);opacity:.1;right:7%;top:-45%; }
.future-mark { width:92px;height:92px;border-radius:26px;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;background:rgba(7,8,13,.5); }.future-mark img{width:76px}
.future-panel h2 { font-size:clamp(34px,4vw,54px); margin-top:15px; }
.future-panel p { margin:15px 0 0; color:#9299a6; font-size:13px; }
.future-panel .button { position:relative; z-index:2; white-space:nowrap; }

.contact-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:85px; align-items:start; }
.contact-copy { position:sticky; top:135px; }
.contact-copy p { color:#959ca9; font-size:15px; line-height:1.8; max-width:520px; margin-top:25px; }
.contact-note { display:flex; align-items:center; gap:14px; margin-top:36px; padding:17px 19px; border:1px solid var(--line); border-radius:17px; max-width:450px; background:rgba(255,255,255,.025); }
.contact-note strong,.contact-note small { display:block; }.contact-note strong{font-size:11px}.contact-note small{color:#7f8794;font-size:9px;margin-top:4px}
.contact-form { padding:30px; border:1px solid var(--line); border-radius:30px; background:rgba(13,15,23,.72); backdrop-filter:blur(20px); box-shadow:0 30px 80px rgba(0,0,0,.25); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-grid label { display:grid; gap:9px; }.form-grid label.full{grid-column:1/-1}.form-grid label>span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#8b929f;font-weight:800}.form-grid em{font-style:normal;color:#565d69;text-transform:none;letter-spacing:0;font-size:8px}
.form-grid input,.form-grid select,.form-grid textarea { width:100%; border:1px solid rgba(255,255,255,.11); border-radius:13px; background:#0a0c12; color:#e8ebf0; padding:14px 15px; outline:none; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; font-size:13px; }
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#515865}.form-grid select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#777 50%),linear-gradient(135deg,#777 50%,transparent 50%);background-position:calc(100% - 19px) 52%,calc(100% - 14px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.form-grid textarea{resize:vertical;min-height:115px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:rgba(50,241,31,.38);box-shadow:0 0 0 3px rgba(50,241,31,.06);background:#0c0f14}
.submit-button { margin-top:23px; border:0; }
.form-fine { margin:14px 0 0; color:#626975; font-size:8px; line-height:1.5; }

.site-footer { border-top:1px solid var(--line); background:#050609; padding:56px 0 34px; }
.footer-main { display:grid; grid-template-columns:1fr 1.2fr 1fr; align-items:center; gap:30px; }
.footer-brand .brand-type strong { font-size:15px; }.footer-brand .brand-type small{font-size:7px}.footer-brand img{width:42px;height:42px}
.footer-slogan { text-align:center; font-size:12px; color:#afb5bf; font-weight:700; }.footer-slogan span{color:var(--green)}
.footer-meta { text-align:right; color:#6f7682; font-size:9px; line-height:1.6; }.footer-meta strong{color:#aeb4bd}
.footer-bottom { margin-top:42px; padding-top:23px; border-top:1px solid rgba(255,255,255,.055); display:grid; grid-template-columns:auto 1fr; gap:45px; color:#555c67; font-size:8px; line-height:1.6; }.legal{text-align:right;max-width:760px;justify-self:end}

.reveal { opacity:0; transform:translateY(26px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay { transition-delay:.12s; }

@media (max-width: 1100px) {
  :root { --shell:min(calc(100% - 36px), 980px); }
  .hero { grid-template-columns:1fr; padding-top:150px; padding-bottom:90px; min-height:auto; }
  .hero-copy { max-width:820px; }
  .hero-visual { height:620px; }
  .float-a{left:5%}.float-b{right:3%}.float-c{left:9%}.float-d{right:7%}
  .feature-card{grid-column:span 6}.feature-large,.feature-wide{grid-column:span 12}
  .story-grid,.origin-grid,.contact-section{gap:55px}.story-grid{grid-template-columns:1fr 1fr}.origin-grid{grid-template-columns:.8fr 1.2fr}
  .future-panel{grid-template-columns:auto 1fr}.future-panel .button{grid-column:2}
}

@media (max-width: 820px) {
  :root { --shell:calc(100vw - 30px); --radius:23px; }
  .nav { height:74px; }
  .nav-toggle { display:grid; width:40px;height:40px;place-content:center;gap:6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03); }
  .nav-toggle span { width:17px;height:1px;background:#dce0e7;display:block;transition:transform .2s ease; }
  .nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .nav-links { position:absolute; top:74px; left:15px; right:15px; padding:18px; border:1px solid var(--line); border-radius:19px; background:rgba(8,9,14,.96); backdrop-filter:blur(20px); display:grid; gap:0; opacity:0; transform:translateY(-8px); pointer-events:none; transition:.2s ease; box-shadow:0 25px 60px rgba(0,0,0,.35); }
  .nav-links.open { opacity:1; transform:translateY(0); pointer-events:auto; }
  .nav-links a{padding:13px}.nav-links .nav-cta{margin-top:7px;text-align:center}.nav-links>a:not(.nav-cta)::after{display:none}
  .hero { padding-top:124px; gap:25px; }
  .hero h1 { font-size:clamp(50px,13vw,73px); }
  .hero-description{font-size:15px}.trust-row{gap:15px 20px;margin-top:36px}.trust-row span{font-size:9px}
  .hero-visual { height:560px; margin-inline:-15px; transform:scale(.96); }
  .core-card{width:min(390px,76%)}.float-card{min-width:195px;padding:10px 12px}.float-a{left:1%}.float-b{right:0}.float-c{left:4%}.float-d{right:3%}
  .section { padding-block:100px; }.section-heading h2,.story-copy h2,.origin-copy h2,.contact-copy h2{font-size:clamp(42px,11vw,62px)}
  .feature-card,.feature-large,.feature-wide{grid-column:span 12;min-height:410px}.feature-copy h3,.feature-large .feature-copy h3,.feature-wide .feature-copy h3{font-size:26px}.visual-flow{transform:scale(.86)}
  .process { grid-template-columns:1fr 1fr; }.process-line{display:none}.process-step{padding:48px 10px 10px 0}.step-dot{box-shadow:0 0 0 6px var(--bg)}
  .story-grid,.origin-grid,.contact-section{grid-template-columns:1fr;gap:52px}.story-card{min-height:480px}.usa-badge{max-width:360px;justify-self:center;width:90%}.contact-copy{position:static}
  .future-panel{grid-template-columns:1fr;padding:32px}.future-panel .button{grid-column:auto;justify-self:start}.future-mark{width:76px;height:76px}.future-mark img{width:62px}
  .footer-main{grid-template-columns:1fr;text-align:left}.footer-slogan,.footer-meta{text-align:left}.footer-bottom{grid-template-columns:1fr;gap:16px}.legal{text-align:left;justify-self:start}
}

@media (max-width: 560px) {
  .brand-type strong{font-size:15px}.brand-type small{font-size:7px}.brand img{width:39px;height:39px}
  .hero { padding-top:112px; }.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.hero h1{letter-spacing:-.06em}.hero-kicker{font-size:19px}.hero-description{line-height:1.65}.trust-row{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-visual { height:500px; margin-top:10px; }.core-card{width:82%}.orbit-one{width:430px;height:430px}.orbit-two{width:350px;height:350px}.orbit-three{width:485px;height:485px}.float-card{min-width:170px;max-width:190px}.float-card strong{font-size:8px}.float-card small{font-size:6px}.float-icon{width:24px;height:24px}.float-a{left:-3%;top:16%}.float-b{right:-4%;top:31%}.float-c{left:0;bottom:20%}.float-d{right:-3%;bottom:6%}
  .section{padding-block:82px}.section-heading>p{font-size:14px;line-height:1.7}.feature-grid{margin-top:43px}.feature-card{min-height:390px;padding:20px}.feature-copy{left:20px;right:20px;bottom:22px}.feature-copy p{font-size:11px}.visual-flow{left:-8%;right:-8%;transform:scale(.72)}.dashboard-visual{height:190px}.message-visual{transform:translateX(-50%) scale(.86)}.signal-visual{transform:translateX(-50%) scale(.88)}
  .process{grid-template-columns:1fr}.process-step{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:25px}.story-card{min-height:450px}.story-lines{padding:35px 24px}.story-stamp{left:24px;right:24px}.usa-badge strong{font-size:26px}.origin-quote{font-size:13px}.contact-form{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.submit-button{width:100%}
  .footer-main{gap:23px}.footer-slogan{line-height:1.6}
}

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


/* ===== NoruXN3 marketing v2 additions ===== */
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:35px;max-width:720px}
.hero-proof>div{position:relative;min-height:95px;padding:16px 17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));backdrop-filter:blur(14px);overflow:hidden}
.hero-proof>div::after{content:"";position:absolute;inset:auto -25% -60% 20%;height:90px;background:radial-gradient(circle,rgba(50,241,31,.12),transparent 65%);pointer-events:none}
.hero-proof strong{display:block;font-size:22px;letter-spacing:-.04em;color:#fff;line-height:1}.hero-proof>div:nth-child(2) strong{color:var(--cream)}.hero-proof>div:nth-child(3) strong{font-size:17px;color:var(--purple-2);letter-spacing:.01em}
.hero-proof span{display:block;color:#7f8795;font-size:8.5px;line-height:1.45;text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin-top:9px}
.micro-disclaimer{max-width:650px;color:#555d6a;font-size:8px;line-height:1.55;margin:10px 0 0}.core-event-stream{position:absolute;left:21px;right:21px;bottom:91px;display:grid;gap:4px;pointer-events:none}.core-event-stream span{display:flex;align-items:center;gap:7px;font-size:6px;letter-spacing:.13em;color:#69717e}.core-event-stream i{width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(50,241,31,.75)}

.capability-grid{margin-top:58px}.routing-card{min-height:560px}.routing-visual{height:210px;position:relative;margin:4px 0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:start}.route-input{font-size:7px;letter-spacing:.16em;font-weight:800;color:#aab0bb;text-align:center;padding:9px 8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03)}.route-lines{position:absolute;top:45px;left:13%;right:13%;height:62px}.route-lines i{position:absolute;left:50%;width:1px;height:70px;transform-origin:bottom;background:linear-gradient(transparent,rgba(50,241,31,.72));bottom:0}.route-lines i:nth-child(1){transform:rotate(-50deg)}.route-lines i:nth-child(2){transform:rotate(0)}.route-lines i:nth-child(3){transform:rotate(50deg)}.route-core{position:absolute;top:87px;left:50%;transform:translateX(-50%);width:64px;height:64px;border:1px solid rgba(50,241,31,.3);background:#090b10;border-radius:20px;display:grid;place-items:center;box-shadow:0 0 35px rgba(50,241,31,.1)}.route-core img{width:48px}.route-destination{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:185px;padding:10px 13px;border:1px solid rgba(133,29,255,.28);border-radius:12px;text-align:center;color:#d7dce4;background:rgba(133,29,255,.065);font-size:8px;letter-spacing:.13em;font-weight:800}.route-destination b{color:var(--green);margin-left:8px}
.shield-visual{height:160px;display:grid;place-items:center;position:relative}.shield-visual::before{content:"";width:126px;height:142px;clip-path:polygon(50% 0,92% 15%,86% 64%,50% 100%,14% 64%,8% 15%);background:linear-gradient(145deg,rgba(50,241,31,.28),rgba(50,241,31,.035));position:absolute;filter:drop-shadow(0 0 24px rgba(50,241,31,.12))}.shield-visual::after{content:"";width:102px;height:118px;clip-path:polygon(50% 0,92% 15%,86% 64%,50% 100%,14% 64%,8% 15%);background:#090b10;position:absolute}.shield-visual span{font-size:23px;font-weight:900;letter-spacing:-.05em;z-index:2;color:var(--green)}.shield-visual b{position:absolute;z-index:2;bottom:35px;font-size:6px;letter-spacing:.23em;color:#7c8491}.shield-visual i{z-index:2;position:absolute;width:170px;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:shieldscan 3.5s ease-in-out infinite}@keyframes shieldscan{0%,100%{transform:translateY(-43px);opacity:.3}50%{transform:translateY(45px);opacity:.8}}
.handoff-visual{height:155px;display:flex;align-items:center;justify-content:center;gap:12px}.handoff-visual>span{color:#5d6572}.bubble{padding:13px 14px;border-radius:14px;max-width:118px;font-size:9px;font-weight:800;text-align:center}.ai-bubble{color:var(--purple-2);border:1px solid rgba(133,29,255,.26);background:rgba(133,29,255,.08)}.human-bubble{color:var(--green);border:1px solid rgba(50,241,31,.24);background:rgba(50,241,31,.07)}
.recovery-flow{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;padding:20px 0}.recovery-flow div{min-width:135px;display:grid;gap:6px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.recovery-flow div span{font-size:7px;color:#6f7784;letter-spacing:.15em}.recovery-flow div b{font-size:9px;color:#d7dbe2}.recovery-flow>i{font-style:normal;color:#4c5360}.recovery-flow .good{border-color:rgba(50,241,31,.25);background:rgba(50,241,31,.05)}.recovery-flow .good b{color:var(--green)}
.customer-match-visual{height:160px;display:flex;align-items:center;justify-content:center;gap:18px}.fingerprint{width:80px;height:80px;border-radius:50%;border:1px dashed rgba(50,241,31,.4);display:grid;place-items:center;color:var(--green);font-weight:900;font-size:22px;box-shadow:inset 0 0 35px rgba(50,241,31,.04);animation:spin 20s linear infinite}.customer-match-visual>div:last-child{display:grid;gap:4px}.customer-match-visual small{font-size:6px;letter-spacing:.15em;color:#686f7c}.customer-match-visual strong{font-size:13px;color:#e5e8ed}.customer-match-visual span{font-size:8px;color:var(--green)}
.followup-visual{height:160px;display:flex;align-items:center;justify-content:center;gap:9px}.followup-visual span{width:53px;height:53px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#737b88;background:#090b10}.followup-visual span.active{border-color:rgba(50,241,31,.35);color:var(--green);box-shadow:0 0 25px rgba(50,241,31,.08)}.followup-visual i{width:30px;height:1px;background:linear-gradient(90deg,rgba(50,241,31,.4),rgba(133,29,255,.35));position:relative}.followup-visual i::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cream);top:-2px;animation:packet 2.6s linear infinite}@keyframes packet{from{left:0}to{left:calc(100% - 5px)}}
.channel-mesh{position:relative;height:230px;margin-bottom:16px}.channel-mesh span{position:absolute;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#aeb4be;font-size:8px;font-weight:800;letter-spacing:.05em}.channel-mesh span:nth-child(1){left:3%;top:20%}.channel-mesh span:nth-child(2){right:4%;top:18%}.channel-mesh span:nth-child(3){left:7%;bottom:16%}.channel-mesh span:nth-child(4){right:7%;bottom:14%}.channel-mesh span:nth-child(5){left:50%;top:2%;transform:translateX(-50%)}.channel-mesh span:nth-child(6){left:50%;bottom:0;transform:translateX(-50%)}.channel-mesh::before,.channel-mesh::after{content:"";position:absolute;left:50%;top:50%;width:65%;height:1px;background:linear-gradient(90deg,transparent,rgba(50,241,31,.22),rgba(133,29,255,.22),transparent);transform:translate(-50%,-50%) rotate(28deg)}.channel-mesh::after{transform:translate(-50%,-50%) rotate(-28deg)}.mesh-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:24px;border:1px solid rgba(50,241,31,.3);background:radial-gradient(circle at 35% 25%,rgba(50,241,31,.15),transparent 45%),#080a0f;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;box-shadow:0 0 45px rgba(50,241,31,.08)}
.sms-visual{height:160px;display:grid;place-items:center;position:relative}.sms-phone{width:145px;height:130px;border:1px solid rgba(133,29,255,.28);border-radius:22px;background:linear-gradient(160deg,rgba(133,29,255,.1),rgba(255,255,255,.02));padding:18px 16px;display:grid;align-content:center;gap:7px;position:relative;z-index:2}.sms-phone span{font-size:7px;letter-spacing:.16em;color:var(--purple-2);font-weight:900}.sms-phone i{font-style:normal;font-size:12px;font-weight:800}.sms-phone b{font-size:7px;color:var(--green);letter-spacing:.08em}.sms-pulse{position:absolute;width:170px;height:170px;border:1px solid rgba(133,29,255,.12);border-radius:50%;animation:pulseRing 3s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.75);opacity:.7}100%{transform:scale(1.25);opacity:0}}.compliance-note{display:block;margin-top:13px;color:#606874;font-size:8px;line-height:1.55}

.process-six{grid-template-columns:repeat(6,1fr)}.process-six .process-step{padding-right:12px}.process-six .process-line{left:4%;right:4%}

.cockpit-section{padding-top:130px}.cockpit-window{margin-top:58px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),rgba(7,9,14,.92);box-shadow:0 50px 120px rgba(0,0,0,.5),0 0 80px rgba(133,29,255,.035);overflow:hidden;transition:transform .25s ease-out}.cockpit-topbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 21px}.cockpit-brand{display:flex;align-items:center;gap:10px;color:#cfd4dd;font-size:8px;font-weight:900;letter-spacing:.14em}.cockpit-brand img{width:28px;height:28px}.cockpit-live{display:flex;align-items:center;gap:7px;color:#7d8592;font-size:7px;letter-spacing:.14em;font-weight:800}.cockpit-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(50,241,31,.8)}.cockpit-body{display:grid;grid-template-columns:175px 1fr;min-height:630px}.cockpit-side{border-right:1px solid var(--line);padding:23px 13px;display:grid;align-content:start;gap:7px}.cockpit-side span{padding:10px 12px;border-radius:10px;color:#68707e;font-size:8px;font-weight:800;letter-spacing:.04em}.cockpit-side span.selected{color:#eef1f5;background:rgba(50,241,31,.07);border:1px solid rgba(50,241,31,.1)}.cockpit-main{padding:21px}.cockpit-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cockpit-kpis>div{position:relative;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.cockpit-kpis small{display:block;color:#676f7c;font-size:6px;letter-spacing:.14em;font-weight:900}.cockpit-kpis strong{display:block;margin-top:6px;color:#e4e8ed;font-size:10px}.cockpit-kpis span{position:absolute;right:12px;top:13px;width:6px;height:6px;border-radius:50%}.green-dot{background:var(--green);box-shadow:0 0 10px rgba(50,241,31,.7)}.cream-dot{background:var(--cream);box-shadow:0 0 10px rgba(255,215,150,.5)}.purple-dot{background:var(--purple-2);box-shadow:0 0 10px rgba(176,92,255,.6)}.cockpit-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.cockpit-panel{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);padding:15px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-head>div{display:grid;gap:3px}.panel-head small{font-size:6px;color:#656d7a;letter-spacing:.16em;font-weight:900}.panel-head strong{font-size:10px;color:#dbe0e6}.panel-head>span{font-size:6px;letter-spacing:.12em;color:var(--green);border:1px solid rgba(50,241,31,.15);border-radius:999px;padding:5px 7px;background:rgba(50,241,31,.04)}.lead-panel{grid-row:span 2}.lead-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(255,255,255,.055)}.lead-row:first-of-type{border-top:0}.source-dot{width:8px;height:8px;border-radius:50%;background:#6a7180}.source-dot.social{background:var(--purple-2)}.source-dot.reply{background:var(--green)}.source-dot.phone{background:var(--cream)}.source-dot.calendar{background:#6e9cff}.lead-row>div{display:grid;gap:3px}.lead-row b{font-size:9px;color:#d9dde4}.lead-row small{font-size:7px;color:#696f7b}.lead-row em{font-style:normal;font-size:6px;font-weight:900;letter-spacing:.09em;color:#7c8491}.lead-row.hot{padding-inline:8px;margin-inline:-8px;background:linear-gradient(90deg,rgba(50,241,31,.035),transparent);border-radius:9px}.lead-row.hot em{color:var(--green)}.recovery-panel{min-height:238px}.recovery-ring{height:125px;display:grid;place-items:center}.recovery-ring>div{width:105px;height:105px;border-radius:50%;border:1px dashed rgba(255,215,150,.3);display:grid;place-items:center;align-content:center;text-align:center;box-shadow:inset 0 0 35px rgba(255,215,150,.035);animation:spin 22s linear infinite}.recovery-ring strong{font-size:24px;color:var(--cream);line-height:1}.recovery-ring span{font-size:6px;letter-spacing:.12em;color:#8b929e;margin-top:6px}.recovery-mini{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.recovery-mini span{display:flex;align-items:center;gap:5px;color:#656c78;font-size:6px}.recovery-mini i{width:4px;height:4px;border-radius:50%;background:var(--green)}.follow-panel{min-height:190px}.follow-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.follow-timeline div{padding:12px 10px;border:1px solid var(--line);border-radius:12px;display:grid;gap:4px}.follow-timeline b{font-size:12px;color:#818996}.follow-timeline span{font-size:6px;line-height:1.4;color:#616875}.follow-timeline .done{border-color:rgba(50,241,31,.17);background:rgba(50,241,31,.035)}.follow-timeline .done b{color:var(--green)}.follow-timeline .current{border-color:rgba(255,215,150,.18);background:rgba(255,215,150,.03)}.follow-timeline .current b{color:var(--cream)}.conversion-panel{min-height:190px}.conversion-chart{height:100px;display:flex;align-items:end;gap:7px;padding:8px 2px 0}.conversion-chart i{flex:1;display:block;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--green),rgba(50,241,31,.12));opacity:.75;animation:barGlow 3.6s ease-in-out infinite}.conversion-chart i:nth-child(2n){background:linear-gradient(180deg,var(--purple-2),rgba(133,29,255,.1));animation-delay:-1.2s}@keyframes barGlow{50%{filter:brightness(1.25);transform:translateY(-2px)}}.conversion-footer{display:flex;justify-content:space-between;color:#5c6370;font-size:6px;margin-top:7px}.cockpit-note{max-width:850px;margin:16px auto 0;text-align:center;color:#5d6571;font-size:8px;line-height:1.6}

.network-section{position:relative;padding:150px 0 120px;border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(133,29,255,.025),rgba(50,241,31,.018));overflow:hidden}.network-section::before{content:"DFW";position:absolute;right:-3%;top:2%;font-size:30vw;line-height:1;font-weight:950;letter-spacing:-.09em;color:rgba(255,255,255,.008);pointer-events:none}.network-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.network-copy h2{font-size:clamp(48px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0 0}.network-copy h2 span{color:transparent;background:linear-gradient(100deg,var(--green),var(--cream),var(--purple-2));-webkit-background-clip:text;background-clip:text}.network-copy>p{color:var(--muted);font-size:15px;line-height:1.75;margin:24px 0 0}.network-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}.network-stats div{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.018)}.network-stats strong{display:block;font-size:16px;color:#fff}.network-stats span{display:block;color:#69717e;font-size:7px;text-transform:uppercase;letter-spacing:.1em;margin-top:6px}.dfw-mesh{height:610px;position:relative;border:1px solid rgba(255,255,255,.07);border-radius:50%;background:radial-gradient(circle,rgba(50,241,31,.055),transparent 34%),radial-gradient(circle at 62% 43%,rgba(133,29,255,.07),transparent 31%)}.dfw-mesh>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.32}.dfw-mesh line{stroke:url(#x);stroke:rgba(155,164,179,.35);stroke-width:.7;stroke-dasharray:3 7}.mesh-halo{position:absolute;width:49%;height:49%;border:1px dashed rgba(50,241,31,.12);border-radius:50%;left:25.5%;top:25.5%;animation:spin 34s linear infinite}.dfw-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:44px;border:1px solid rgba(50,241,31,.25);background:linear-gradient(145deg,rgba(50,241,31,.08),rgba(133,29,255,.08)),#07090e;display:grid;place-items:center;align-content:center;gap:4px;z-index:3;box-shadow:0 0 70px rgba(50,241,31,.08)}.dfw-core img{width:90px}.dfw-core span{font-size:6px;letter-spacing:.19em;color:#737b88;font-weight:900}.loc{position:absolute;z-index:4;border:1px solid var(--line);border-radius:999px;background:rgba(8,10,15,.88);backdrop-filter:blur(10px);padding:8px 11px;color:#c5cad3;font-size:7px;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 25px rgba(0,0,0,.18);animation:locFloat 5s ease-in-out infinite}.loc::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 8px rgba(50,241,31,.7)}.l01{left:7%;top:13%}.l02{left:39%;top:4%;animation-delay:-1s}.l03{right:5%;top:15%;animation-delay:-2s}.l04{left:-1%;top:37%;animation-delay:-.5s}.l05{right:-2%;top:37%;animation-delay:-2.7s}.l06{left:2%;bottom:24%;animation-delay:-1.8s}.l07{right:2%;bottom:24%;animation-delay:-3.2s}.l08{left:23%;bottom:4%;animation-delay:-2.2s}.l09{right:20%;bottom:5%;animation-delay:-.8s}.l10{left:16%;top:27%;animation-delay:-1.3s}.l11{right:13%;top:27%;animation-delay:-2.9s}.l12{left:50%;bottom:18%;transform:translateX(-50%);animation-delay:-1.5s}@keyframes locFloat{50%{margin-top:-7px}}.location-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:48px}.location-list span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:#858d9a;background:rgba(255,255,255,.02);font-size:8px;font-weight:750}.network-note{max-width:850px;text-align:center;color:#555d69;font-size:8px;line-height:1.6;margin-top:14px}

.story-grid-v2{grid-template-columns:.88fr 1.12fr;gap:75px}.builder-stack{display:grid;gap:12px}.builder-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:23px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.014));overflow:hidden;transition:transform .25s ease-out}.builder-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-65px;bottom:-95px;filter:blur(20px);opacity:.11}.bill-card::after{background:var(--green)}.norvin-card::after{background:var(--purple)}.builder-avatar{width:64px;height:64px;border-radius:20px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:18px;font-weight:900;color:#fff;background:rgba(255,255,255,.03);box-shadow:inset 0 0 30px rgba(255,255,255,.02)}.bill-card .builder-avatar{color:var(--green);border-color:rgba(50,241,31,.2)}.norvin-card .builder-avatar{color:var(--purple-2);border-color:rgba(133,29,255,.23)}.builder-copy>span{display:block;font-size:6px;letter-spacing:.17em;color:#646b78;font-weight:900}.builder-copy h3{font-size:22px;letter-spacing:-.035em;margin:6px 0 0}.builder-copy strong{display:block;color:#aab0ba;font-size:9px;margin-top:3px}.builder-copy p{color:#777f8d;font-size:11px;line-height:1.65;margin:11px 0 0}.builder-index{position:absolute;right:17px;top:15px;color:#383e48;font-size:10px;font-weight:900;letter-spacing:.08em}.builder-bridge{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;color:#707885;font-size:7px;letter-spacing:.09em;font-weight:900}.builder-bridge i{font-style:normal;color:var(--cream)}.builder-bridge b{color:var(--green)}
.future-panel-v2{grid-template-columns:auto 1fr auto}.future-panel-v2 p{max-width:690px}

@media (max-width:1100px){.hero-proof{max-width:760px}.process-six{grid-template-columns:repeat(3,1fr);row-gap:26px}.process-six .process-line{display:none}.cockpit-body{grid-template-columns:140px 1fr}.cockpit-grid{grid-template-columns:1fr}.lead-panel{grid-row:auto}.network-grid{grid-template-columns:1fr;gap:45px}.network-copy{max-width:780px}.dfw-mesh{width:min(650px,100%);height:auto;aspect-ratio:1;margin-inline:auto}.story-grid-v2{grid-template-columns:1fr;gap:48px}.future-panel-v2{grid-template-columns:auto 1fr}.future-panel-v2 .button{grid-column:2}.recovery-flow{flex-wrap:wrap}.recovery-flow div{min-width:115px}}
@media (max-width:820px){.hero-proof{grid-template-columns:1fr 1fr}.hero-proof>div:last-child{grid-column:1/-1}.routing-card{min-height:auto}.process-six{grid-template-columns:1fr 1fr}.cockpit-window{border-radius:22px}.cockpit-body{grid-template-columns:1fr}.cockpit-side{display:none}.cockpit-main{padding:13px}.cockpit-kpis{grid-template-columns:1fr 1fr}.cockpit-grid{gap:9px}.network-section{padding:110px 0 95px}.network-stats{grid-template-columns:1fr}.dfw-mesh{border-radius:32px}.loc{font-size:6px;padding:6px 8px}.l04{left:1%}.l05{right:1%}.story-grid-v2{gap:35px}.builder-card{grid-template-columns:auto 1fr;padding:18px}.builder-avatar{width:52px;height:52px;border-radius:16px}.builder-copy h3{font-size:18px}.future-panel-v2{grid-template-columns:1fr;justify-items:start}.future-panel-v2 .button{grid-column:auto}.recovery-flow>i{display:none}.recovery-flow div{width:calc(50% - 6px)}}
@media (max-width:540px){.hero-proof{grid-template-columns:1fr}.hero-proof>div:last-child{grid-column:auto}.hero-proof>div{min-height:82px}.core-event-stream{display:none}.capability-grid{margin-top:35px}.recovery-flow div{width:100%}.channel-mesh{height:190px}.channel-mesh span{font-size:6px;padding:7px 8px}.process-six{grid-template-columns:1fr}.cockpit-topbar{padding:0 13px}.cockpit-brand span{display:none}.cockpit-kpis{grid-template-columns:1fr}.cockpit-main{padding:9px}.cockpit-panel{padding:12px}.follow-timeline{grid-template-columns:1fr}.dfw-mesh{aspect-ratio:.86}.dfw-core{width:110px;height:110px;border-radius:32px}.dfw-core img{width:70px}.loc{max-width:110px;white-space:normal;text-align:center;line-height:1.2}.l10,.l11{display:none}.location-list{margin-top:28px}.builder-card{grid-template-columns:1fr}.builder-avatar{width:46px;height:46px}.builder-bridge{flex-wrap:wrap}.footer-main{gap:18px}}
@media (prefers-reduced-motion: reduce){.shield-visual i,.followup-visual i::after,.sms-pulse,.recovery-ring>div,.fingerprint,.loc,.conversion-chart i{animation:none!important}}

/* v3 — NoruXN3 origin / legacy story */
.legacy-section {
  position: relative;
  overflow: hidden;
  padding: 138px 0;
  border-top: 1px solid rgba(255,255,255,.045);
  border-bottom: 1px solid rgba(255,255,255,.045);
  background:
    radial-gradient(circle at 16% 45%, rgba(50,241,31,.075), transparent 30%),
    radial-gradient(circle at 84% 42%, rgba(133,29,255,.105), transparent 31%),
    linear-gradient(180deg, rgba(7,8,12,.72), rgba(11,12,19,.93), rgba(7,8,12,.72));
}
.legacy-section::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}
.legacy-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:78px;
  align-items:center;
}
.legacy-copy h2 {
  margin:20px 0 0;
  font-size:clamp(46px,5vw,78px);
  line-height:.97;
  letter-spacing:-.055em;
  font-weight:850;
  text-wrap:balance;
}
.legacy-copy h2 span {
  color:transparent;
  background:linear-gradient(100deg,var(--green) 4%,var(--cream) 48%,var(--purple-2) 94%);
  -webkit-background-clip:text;
  background-clip:text;
}
.legacy-copy p { margin:19px 0 0; color:var(--muted); font-size:15px; line-height:1.82; max-width:650px; }
.legacy-copy p.lead { margin-top:28px; color:#d8dde5; font-size:17px; }
.legacy-copy p strong { color:#fff; font-weight:760; }
.legacy-quote {
  margin-top:31px;
  padding:20px 22px;
  border-left:2px solid var(--green);
  border-radius:0 17px 17px 0;
  color:#f2f4f8;
  background:linear-gradient(90deg,rgba(50,241,31,.075),rgba(255,255,255,.018));
  font-size:14px;
  font-weight:720;
  letter-spacing:-.012em;
}
.legacy-visual {
  position:relative;
  min-height:650px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:36px;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.05), transparent 37%),
    linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.012));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(22px);
  overflow:hidden;
}
.legacy-visual::after {
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:27px;
  pointer-events:none;
}
.legacy-glow { position:absolute; width:260px; height:260px; border-radius:50%; filter:blur(82px); opacity:.15; }
.legacy-glow-green { background:var(--green); left:-70px; top:120px; }
.legacy-glow-purple { background:var(--purple); right:-65px; bottom:100px; }
.legacy-year-card {
  position:absolute;
  top:31px;
  left:32px;
  z-index:4;
  display:grid;
  padding:15px 18px;
  min-width:156px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(5,6,9,.58);
  backdrop-filter:blur(16px);
}
.legacy-year-card small { color:#6e7683; font-size:7px; letter-spacing:.22em; font-weight:900; }
.legacy-year-card strong { color:var(--cream); font-size:27px; letter-spacing:-.04em; line-height:1; margin-top:6px; }
.legacy-year-card span { color:#777f8c; font-size:8px; margin-top:7px; }
.n3-constellation {
  position:absolute;
  inset:96px 36px 126px;
  border-radius:30px;
}
.n3-core {
  position:absolute;
  left:50%;
  top:50%;
  width:174px;
  height:174px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.16);
  border-radius:49px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:linear-gradient(150deg,rgba(12,14,22,.95),rgba(21,19,34,.9));
  box-shadow:0 24px 75px rgba(0,0,0,.42),0 0 65px rgba(50,241,31,.06),inset 0 1px rgba(255,255,255,.07);
  z-index:3;
}
.n3-core::before,.n3-core::after {
  content:"";
  position:absolute;
  inset:-28px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:62px;
  animation:legacyOrbit 15s linear infinite;
}
.n3-core::after { inset:-58px; border-style:dashed; opacity:.65; animation-duration:23s; animation-direction:reverse; }
@keyframes legacyOrbit { to { transform:rotate(360deg); } }
.n3-core img { width:86px; filter:drop-shadow(0 0 22px rgba(50,241,31,.08)); }
.n3-core strong { margin-top:-2px; font-size:27px; letter-spacing:-.05em; }
.n3-core small { margin-top:5px; color:#626a77; font-size:6px; letter-spacing:.13em; font-weight:900; }
.n3-person {
  position:absolute;
  z-index:4;
  min-width:115px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:17px;
  background:rgba(7,8,13,.76);
  backdrop-filter:blur(14px);
  box-shadow:0 16px 45px rgba(0,0,0,.28);
}
.n3-person span { width:30px; height:30px; border-radius:10px; display:grid; place-items:center; font-weight:900; float:left; margin-right:9px; }
.n3-person strong { display:block; font-size:12px; line-height:1.1; margin-top:3px; }
.n3-person small { display:block; color:#646c79; font-size:6px; letter-spacing:.15em; font-weight:900; margin-top:4px; }
.n3-nathan { left:2%; top:22%; }
.n3-noah { right:0; top:21%; }
.n3-norvin { left:50%; bottom:0; transform:translateX(-50%); }
.n3-nathan span { color:#081208; background:linear-gradient(145deg,#6cff5d,var(--green)); }
.n3-noah span { color:#170a24; background:linear-gradient(145deg,#c879ff,var(--purple-2)); }
.n3-norvin span { color:#1d150a; background:linear-gradient(145deg,#ffe8bf,var(--cream)); }
.n3-line { position:absolute; z-index:1; height:1px; transform-origin:left center; background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent); }
.n3-line::after { content:""; position:absolute; top:-2px; left:8%; width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 13px var(--green); animation:signalTravel 3.3s ease-in-out infinite; }
.n3-line-a { width:41%; left:18%; top:34%; transform:rotate(21deg); }
.n3-line-b { width:42%; right:18%; top:35%; transform:rotate(159deg); transform-origin:right center; }
.n3-line-b::after { background:var(--purple-2); box-shadow:0 0 13px var(--purple-2); animation-delay:.9s; }
.n3-line-c { width:29%; left:49.5%; top:57%; transform:rotate(90deg); }
.n3-line-c::after { background:var(--cream); box-shadow:0 0 13px var(--cream); animation-delay:1.7s; }
@keyframes signalTravel { 0%,100%{left:8%;opacity:.15} 50%{left:84%;opacity:1} }
.legacy-timeline {
  position:absolute;
  left:31px;
  right:31px;
  bottom:34px;
  z-index:5;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:12px;
}
.legacy-timeline div { display:grid; gap:2px; }
.legacy-timeline b { font-size:9px; letter-spacing:.08em; color:#d9dee7; }
.legacy-timeline span { font-size:7px; color:#626a77; white-space:nowrap; }
.legacy-timeline i { height:1px; background:linear-gradient(90deg,rgba(50,241,31,.28),rgba(255,215,150,.24),rgba(133,29,255,.28)); }
.legacy-dedication {
  position:absolute;
  top:35px;
  right:32px;
  z-index:5;
  width:235px;
  text-align:right;
}
.legacy-dedication span { display:block; color:var(--purple-2); font-size:7px; letter-spacing:.18em; font-weight:900; }
.legacy-dedication strong { display:block; color:#939aa7; font-size:9px; line-height:1.5; margin-top:6px; }
.builder-avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }

@media (max-width:1100px) {
  .legacy-grid { grid-template-columns:1fr; gap:52px; }
  .legacy-copy { max-width:800px; }
  .legacy-visual { width:min(760px,100%); margin-inline:auto; }
}
@media (max-width:700px) {
  .legacy-section { padding:105px 0; }
  .legacy-copy h2 { font-size:clamp(42px,12vw,62px); }
  .legacy-copy p.lead { font-size:16px; }
  .legacy-visual { min-height:610px; border-radius:28px; }
  .legacy-year-card { top:24px; left:24px; }
  .legacy-dedication { top:28px; right:24px; width:170px; }
  .n3-constellation { inset:118px 18px 135px; }
  .n3-core { width:140px; height:140px; border-radius:40px; }
  .n3-core img { width:69px; }
  .n3-core strong { font-size:24px; }
  .n3-person { min-width:99px; padding:9px 10px; }
  .n3-person span { width:26px; height:26px; margin-right:7px; }
  .n3-person strong { font-size:10px; }
  .n3-nathan { left:0; top:19%; }
  .n3-noah { right:0; top:19%; }
  .legacy-timeline { left:20px; right:20px; bottom:27px; gap:7px; }
  .legacy-timeline span { display:none; }
}
@media (max-width:460px) {
  .legacy-dedication strong { display:none; }
  .legacy-dedication { width:auto; }
  .legacy-year-card { min-width:132px; }
  .n3-core { width:124px; height:124px; }
  .n3-core::after { inset:-42px; }
  .n3-person { min-width:88px; }
  .n3-person small { display:none; }
  .n3-nathan { left:-2%; }
  .n3-noah { right:-2%; }
  .legacy-timeline { grid-template-columns:auto 1fr auto 1fr auto; }
}


/* v4 — employee access + digital relationship card */
.relationship-card{min-height:520px}.relationship-visual{height:270px;position:relative;display:grid;grid-template-columns:minmax(230px,.72fr) 1fr;gap:30px;align-items:center;padding:14px 8px 20px}.digital-card-shell{position:relative;width:min(285px,100%);min-height:176px;border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:17px;background:radial-gradient(circle at 16% 0,rgba(50,241,31,.11),transparent 38%),radial-gradient(circle at 90% 100%,rgba(133,29,255,.14),transparent 45%),rgba(9,11,17,.95);box-shadow:0 25px 70px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);overflow:hidden}.digital-card-shell::before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.07) 45%,transparent 62%);transform:translateX(-120%);animation:cardSheen 5.4s ease-in-out infinite}@keyframes cardSheen{48%,100%{transform:translateX(120%)}}.digital-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.digital-card-top>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(50,241,31,.25);border-radius:11px;color:var(--green);font-size:10px;font-weight:950;box-shadow:inset 0 0 20px rgba(50,241,31,.04)}.digital-card-top small{font-size:5.5px;letter-spacing:.15em;color:#646c79;font-weight:900}.digital-card-profile{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-top:19px}.digital-card-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(176,92,255,.28);color:var(--purple-2);font-size:10px;font-weight:950;background:rgba(133,29,255,.06)}.digital-card-profile>div:last-child{display:grid;gap:3px}.digital-card-profile strong{font-size:11px;color:#e9edf3}.digital-card-profile span{font-size:6px;color:#747c89;letter-spacing:.05em}.digital-card-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px}.digital-card-actions span{padding:7px 4px;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:5.5px;letter-spacing:.11em;color:#858c98;font-weight:900;background:rgba(255,255,255,.02)}.relationship-path{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.relationship-path div{min-height:70px;border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;align-content:center;gap:4px;background:rgba(255,255,255,.023)}.relationship-path b{font-size:9px;color:var(--green)}.relationship-path span{font-size:6px;line-height:1.35;color:#717986}.relationship-path i{font-style:normal;color:#3d4450;font-size:10px;text-align:center}.relationship-path .review-step{border-color:rgba(255,215,150,.2);background:rgba(255,215,150,.035)}.relationship-path .review-step b{color:var(--cream)}.feature-extra{margin-top:7px!important}.source-dot.loyalty{background:var(--green);box-shadow:0 0 9px rgba(50,241,31,.45)}.footer-access{display:inline-block;margin-top:8px;color:#9ce597;font-size:9px;font-weight:800;letter-spacing:.04em}.footer-access:hover{color:var(--green)}
@media (max-width:1080px){.nav-links{gap:14px;font-size:11px}.employee-access{font-size:8px;padding:8px 10px}.relationship-visual{grid-template-columns:1fr;gap:14px;height:auto}.digital-card-shell{justify-self:center}.relationship-card{min-height:630px}}
@media (max-width:820px){.nav-links .employee-access{margin-top:7px;justify-content:center}.relationship-card{min-height:660px}.relationship-path{grid-template-columns:1fr 1fr}.relationship-path i{display:none}}
@media (max-width:540px){.relationship-card{min-height:760px}.relationship-visual{padding-inline:0}.relationship-path{grid-template-columns:1fr}.digital-card-shell{width:100%}.relationship-path div{min-height:58px}}

/* ===== v5 — Refined Motion & Voice Edition ===== */

/* Operations-terminal utility face — self-hosted-safe system mono stack */
:root { --mono: "SF Mono", ui-monospace, "Cascadia Code", "Segoe UI Mono", "Roboto Mono", Menlo, Consolas, monospace; }
.eyebrow,
.feature-copy .tag,
.feature-number,
.signal-track span,
.core-topline, .core-grid span, .core-event-stream span, .micro, .status,
.cockpit-brand, .cockpit-live, .cockpit-side span, .cockpit-kpis small, .panel-head small, .panel-head > span,
.lead-row em, .lead-row small, .recovery-mini span, .follow-timeline b, .conversion-footer,
.route-input, .route-destination, .shield-visual b,
.legacy-year-card small, .legacy-dedication span, .legacy-timeline b, .n3-person small, .n3-core small,
.builder-copy > span, .builder-index, .builder-bridge,
.digital-card-top small, .digital-card-actions span, .relationship-path b,
.network-stats span, .loc, .dfw-core span,
.form-grid label > span, .trust-row span,
.float-card small, .step-dot, .hero-proof span, .story-stamp, .story-card-top {
  font-family: var(--mono);
}

/* Legibility: legal + disclaimer text raised to readable sizes */
.micro-disclaimer { font-size: 10px; color: #6b7380; }
.compliance-note { font-size: 10px; color: #6f7784; }
.cockpit-note, .network-note { font-size: 10.5px; color: #6b7380; }
.form-fine { font-size: 10px; color: #6f7683; }
.footer-bottom { font-size: 10px; color: #666d79; }
.footer-meta { font-size: 10.5px; }

/* Anchored sections clear the fixed header */
section[id], #top { scroll-margin-top: 96px; }

/* Keyboard focus made visible everywhere */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid rgba(50,241,31,.65);
  outline-offset: 3px;
  border-radius: 6px;
}
.button:focus-visible, .nav-cta:focus-visible, .employee-access:focus-visible { border-radius: 999px; }

/* Scrollspy: active section link in the nav */
.nav-links > a.active { color: #fff; }
.nav-links > a.active:not(.nav-cta):not(.employee-access)::after { right: 0; background: linear-gradient(90deg, var(--green), var(--purple-2)); }

/* Marquee courtesy pause */
.signal-strip:hover .signal-track { animation-play-state: paused; }

/* Staggered reveals inside grids */
.feature-grid .reveal:nth-child(2), .process .reveal:nth-child(3) { transition-delay: .08s; }
.feature-grid .reveal:nth-child(3), .process .reveal:nth-child(4) { transition-delay: .16s; }
.feature-grid .reveal:nth-child(4), .process .reveal:nth-child(5) { transition-delay: .1s; }
.feature-grid .reveal:nth-child(5), .process .reveal:nth-child(6) { transition-delay: .18s; }
.feature-grid .reveal:nth-child(6), .process .reveal:nth-child(7) { transition-delay: .26s; }
.location-list.reveal { transition-delay: .1s; }

/* Live event stream in the hero core card */
.core-event-stream span { transition: opacity .45s ease, transform .45s ease; }
.core-event-stream span.swap { opacity: 0; transform: translateY(5px); }
.core-event-stream span.fresh i { animation: eventPing 1.2s ease-out 1; }
@keyframes eventPing { 0% { box-shadow: 0 0 0 0 rgba(50,241,31,.75); } 100% { box-shadow: 0 0 0 8px rgba(50,241,31,0); } }

/* Cockpit live clock */
.cockpit-clock { font-family: var(--mono); font-weight: 700; color: #aeb5c1; margin-left: 9px; letter-spacing: .08em; font-style: normal; }

/* Cockpit lead rows: rotating live focus */
.lead-row { transition: background .5s ease, opacity .5s ease; }
.lead-row.live-focus { background: linear-gradient(90deg, rgba(50,241,31,.05), transparent); border-radius: 9px; padding-inline: 8px; margin-inline: -8px; }
.lead-row.live-focus em { color: var(--green); }

/* Conversion bars: smooth height transitions for live re-render */
.conversion-chart i { transition: height 1.4s cubic-bezier(.3,.8,.3,1); }

/* Cursor glare on tilt cards */
.tilt-card { position: relative; }
.tilt-glare {
  position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 6; opacity: 0;
  background: radial-gradient(420px circle at var(--gx, 50%) var(--gy, 50%), rgba(255,255,255,.07), transparent 62%);
  transition: opacity .3s ease;
}
.tilt-card:hover .tilt-glare { opacity: 1; }

/* Slightly livelier primary button sheen */
.button-primary { position: relative; overflow: hidden; }
.button-primary::after {
  content: ""; position: absolute; inset: -2px;
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 66%);
  transform: translateX(-130%); transition: none; pointer-events: none;
}
.button-primary:hover::after { transform: translateX(130%); transition: transform .8s ease; }

@media (prefers-reduced-motion: reduce) {
  .core-event-stream span, .conversion-chart i, .lead-row { transition: none !important; }
  .tilt-glare, .button-primary::after { display: none !important; }
}