:root {
  --bg: #05060a;
  --bg-soft: #0a0c12;
  --panel: rgba(14, 17, 25, 0.72);
  --panel-strong: rgba(11, 14, 21, 0.95);
  --line: rgba(255,255,255,0.10);
  --line-strong: rgba(255,255,255,0.16);
  --text: #f4f7fb;
  --muted: #9299a8;
  --muted-2: #686f7d;
  --accent: #9ef8ff;
  --accent-2: #8f86ff;
  --danger: #ff7b92;
  --success: #95f5c4;
  --warning: #ffd98c;
  --container: min(1220px, calc(100vw - 48px));
  --radius: 26px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 75% 5%, rgba(77,72,161,0.16), transparent 32%),
    radial-gradient(circle at 10% 38%, rgba(66,150,157,0.08), transparent 30%),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}

body.modal-open { overflow: hidden; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; }

::selection { background: rgba(158,248,255,0.22); color: white; }

#space {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .62;
  z-index: 0;
}
.noise {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 50;
  opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
.cursor-glow {
  position: fixed;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle, rgba(128,217,255,.08), rgba(103,91,255,.035) 35%, transparent 70%);
  transform: translate(-50%, -50%);
  transition: opacity .2s ease;
}
.container { width: var(--container); margin-inline: auto; position: relative; z-index: 2; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.nav-wrap {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 40;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.nav-wrap.scrolled {
  background: rgba(5,6,10,.7);
  border-color: rgba(255,255,255,.075);
  backdrop-filter: blur(20px);
}
.nav {
  height: 82px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
}
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 780; letter-spacing: .13em; font-size: 13px; }
.brand-mark { position: relative; width: 28px; height: 28px; display: inline-grid; place-items: center; transform: rotate(45deg); }
.brand-mark span { position:absolute; display:block; border:1px solid rgba(255,255,255,.7); border-radius:2px; }
.brand-mark span:nth-child(1){ width:20px; height:20px; }
.brand-mark span:nth-child(2){ width:12px; height:12px; border-color: rgba(158,248,255,.85); }
.brand-mark span:nth-child(3){ width:4px; height:4px; background: white; border:0; box-shadow:0 0 16px var(--accent); }
.brand-mark.compact { width:20px; height:20px; transform: rotate(45deg) scale(.72); transform-origin:center; }
.nav-links { display:flex; justify-content:center; align-items:center; gap:28px; }
.nav-links a { color: #afb5c2; font-size:13px; transition:color .2s ease; }
.nav-links a:hover { color:white; }
.nav-actions { display:flex; gap:10px; align-items:center; }
.menu-toggle { display:none; }

.btn {
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  padding: 11px 16px;
  background: transparent;
  color: #e9edf5;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.btn:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.3); }
.btn-primary {
  background: linear-gradient(135deg, #f5f8ff 0%, #cbe9ee 100%);
  color: #080a0f;
  border-color: transparent;
  box-shadow: 0 12px 34px rgba(179,237,255,.10);
  font-weight: 720;
}
.btn-primary:hover { box-shadow: 0 14px 42px rgba(179,237,255,.18); }
.btn-ghost { background: rgba(255,255,255,.025); }
.btn-secondary { background: rgba(255,255,255,.055); backdrop-filter: blur(12px); }
.btn-large { padding: 14px 21px; min-height: 50px; }
.btn-arrow { font-size: 17px; padding-left: 5px; }

.hero {
  min-height: 940px;
  display:grid;
  grid-template-columns: .92fr 1.08fr;
  align-items:center;
  gap: 38px;
  padding-top: 116px;
  padding-bottom: 70px;
}
.hero-copy { padding-top: 10px; }
.eyebrow, .section-kicker {
  display:flex; align-items:center; gap:9px;
  color:#b9c0cf;
  font-size:11px; font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.pulse-dot { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 18px var(--accent); animation:pulse 2.1s infinite; }
.hero h1 {
  font-size: clamp(58px, 5.35vw, 90px);
  line-height:.98;
  margin: 24px 0 28px;
  letter-spacing:-.055em;
  font-weight: 620;
}
.gradient-text {
  background: linear-gradient(105deg, #ffffff 12%, #c0c8d7 38%, #9ef8ff 68%, #a499ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-lede {
  max-width: 590px;
  color:#9ca4b3;
  font-size:17px;
  line-height:1.7;
  margin:0;
}
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:34px; }
.hero-meta {
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:14px;
  margin-top:56px;
  max-width:600px;
  border-top:1px solid var(--line);
  padding-top:18px;
}
.hero-meta > div { display:flex; gap:9px; align-items:flex-start; color:#737b89; font-size:11px; line-height:1.4; }
.meta-number { color:#d6dce6; }

.hero-stage {
  height: 690px;
  position:relative;
  perspective: 1200px;
  transform-style:preserve-3d;
  transition: transform .18s ease-out;
}
.stage-haze {
  position:absolute; inset:8% 0 0 8%;
  background:
    radial-gradient(circle at 52% 40%, rgba(126,246,255,.18), transparent 16%),
    radial-gradient(circle at 51% 44%, rgba(123,91,255,.14), transparent 29%),
    radial-gradient(circle at 50% 48%, rgba(88,101,139,.09), transparent 50%);
  filter: blur(8px);
  opacity:.8;
}
.stage-orbit {
  position:absolute;
  left:50%; top:43%;
  border:1px solid rgba(255,255,255,.075);
  border-radius:50%;
  transform-style:preserve-3d;
}
.orbit-one { width:480px; height:480px; margin:-240px; transform: rotateX(72deg) rotateZ(23deg); animation:orbitSpin 22s linear infinite; }
.orbit-two { width:610px; height:330px; margin:-165px -305px; transform: rotateX(63deg) rotateZ(-18deg); border-color:rgba(158,248,255,.06); animation:orbitSpinReverse 28s linear infinite; }

.artifact {
  position:absolute;
  width:260px; height:260px;
  left:50%; top:41%;
  transform:translate(-50%,-50%);
  transform-style:preserve-3d;
}
.artifact-core {
  position:absolute;
  width:150px; height:150px;
  left:55px; top:55px;
  transform-style:preserve-3d;
  animation:artifactFloat 7s ease-in-out infinite;
}
.artifact-face {
  position:absolute;
  inset:0;
  background:
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.015) 40%, rgba(0,0,0,.22)),
    #090c12;
  border:1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 0 36px rgba(158,248,255,.025);
}
.face-front { transform: translateZ(75px); }
.face-back { transform: rotateY(180deg) translateZ(75px); }
.face-left { transform: rotateY(-90deg) translateZ(75px); }
.face-right { transform: rotateY(90deg) translateZ(75px); }
.face-top { transform: rotateX(90deg) translateZ(75px); background:linear-gradient(160deg, rgba(158,248,255,.18), rgba(45,46,75,.15)), #0b0f17; }
.face-bottom { transform: rotateX(-90deg) translateZ(75px); }
.artifact-core::after {
  content:"";
  position:absolute;
  width:3px; height:72px;
  left:50%; top:38px;
  background:linear-gradient(transparent, var(--accent), transparent);
  transform:translateZ(76px);
  box-shadow:0 0 22px rgba(158,248,255,.55);
}
.artifact-ring {
  position:absolute;
  inset:20px;
  border:1px solid rgba(158,248,255,.18);
  border-radius:50%;
  box-shadow:0 0 50px rgba(96,178,255,.04);
}
.ring-a { transform: rotateX(70deg) rotateZ(18deg); animation:ringA 13s linear infinite; }
.ring-b { transform: rotateY(73deg) rotateZ(-12deg); border-color:rgba(155,132,255,.16); animation:ringB 17s linear infinite; }

.glass-card {
  background:linear-gradient(180deg, rgba(18,22,31,.82), rgba(8,10,16,.72));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 90px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.03);
  backdrop-filter: blur(22px);
}
.trace-card {
  width:430px;
  position:absolute;
  left:50%; bottom:20px;
  transform:translateX(-50%) translateZ(60px);
  border-radius:22px;
  padding:20px;
}
.card-topline { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; padding-bottom:16px; border-bottom:1px solid var(--line); }
.card-topline > div { display:grid; gap:4px; }
.tiny-label { font-size:9px; color:#727b8c; letter-spacing:.18em; font-weight:760; }
.card-topline strong { font-size:14px; letter-spacing:.035em; }
.status-pill { display:inline-flex; gap:7px; align-items:center; border:1px solid var(--line); border-radius:999px; padding:7px 9px; font-size:10px; color:#bbc3cf; white-space:nowrap; }
.status-pill i { width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px var(--accent); }
.status-pill.failed { color:#ffacbb; border-color:rgba(255,123,146,.25); background:rgba(255,123,146,.06); text-transform:uppercase; font-weight:700; letter-spacing:.12em; }
.trace-list { padding:12px 0 10px; }
.trace-row { position:relative; display:grid; grid-template-columns:24px 14px 1fr auto; align-items:center; gap:9px; min-height:52px; }
.trace-row:not(:last-child)::after { content:""; position:absolute; left:44px; top:33px; width:1px; height:34px; background:rgba(255,255,255,.09); }
.trace-index { color:#596171; font-size:9px; }
.trace-node { width:7px; height:7px; border-radius:50%; background:#a3aab8; box-shadow:0 0 0 4px rgba(255,255,255,.035); }
.trace-row.fail .trace-node { background:var(--danger); box-shadow:0 0 14px rgba(255,123,146,.45); }
.trace-row > div { display:grid; gap:4px; }
.trace-row strong { font-size:11px; font-weight:640; }
.trace-row small { font-size:9px; color:#697180; }
.trace-state { font-size:9px; color:#95a0b0; font-weight:760; letter-spacing:.08em; }
.trace-row.fail .trace-state { color:var(--danger); }
.failure-box { margin-top:7px; padding:14px; border:1px solid rgba(255,123,146,.14); background:rgba(255,123,146,.035); border-radius:14px; }
.failure-head { display:flex; justify-content:space-between; align-items:center; font-size:8px; letter-spacing:.14em; color:#7c8492; }
.failure-head b { color:#e8a3b0; font-size:8px; font-weight:650; }
.failure-box p { margin:9px 0 0; font-size:10px; line-height:1.5; color:#a6adba; }
.float-stat { position:absolute; border-radius:15px; padding:13px 15px; display:grid; gap:5px; min-width:120px; }
.float-stat span { color:#707989; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.float-stat strong { font-size:21px; font-weight:540; }
.stat-a { right:-18px; top:205px; }
.stat-b { left:-14px; top:305px; }

.signal-strip { position:relative; z-index:2; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.015); }
.signal-track { width:max-content; min-width:100%; height:54px; display:flex; align-items:center; gap:24px; color:#686f7d; font-size:9px; letter-spacing:.17em; font-weight:760; animation:marquee 32s linear infinite; }
.signal-track i { width:4px; height:4px; border-radius:50%; background:#8b92a0; }

.section { padding-top:150px; padding-bottom:150px; }
.section-heading { max-width:850px; margin-bottom:58px; }
.section-heading h2 {
  margin:16px 0 18px;
  font-size:clamp(42px,4.4vw,68px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:560;
}
.section-heading h2 span { color:#6f7786; }
.section-heading p { max-width:650px; color:#8f97a6; font-size:15px; line-height:1.75; margin:0; }
.split-heading { display:flex; justify-content:space-between; max-width:none; gap:50px; align-items:end; }
.split-heading > div { max-width:770px; }
.split-heading > p { max-width:360px; padding-bottom:8px; }

.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.feature-card {
  position:relative;
  min-height:480px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 72% 19%, rgba(132,122,255,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.feature-card:hover { transform:translateY(-5px); border-color:rgba(255,255,255,.19); background:radial-gradient(circle at 72% 19%, rgba(132,122,255,.11), transparent 30%),linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); }
.feature-number { font-size:10px; color:#6f7786; letter-spacing:.15em; }
.feature-card h3 { margin:0 0 12px; font-size:24px; font-weight:560; letter-spacing:-.025em; }
.feature-card p { margin:0; color:#838b9a; max-width:520px; line-height:1.65; font-size:13px; }
.feature-card > a { position:absolute; left:28px; bottom:26px; display:flex; gap:8px; align-items:center; font-size:11px; color:#bac1cd; }
.feature-card > a span { color:var(--accent); }
.mini-scene { height:245px; position:relative; display:grid; place-items:center; perspective:800px; }
.scene-observe { overflow:hidden; }
.mini-grid { position:absolute; width:250px; height:160px; transform:rotateX(69deg) rotateZ(-12deg); background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(to bottom,black,transparent); }
.mini-orb { width:72px; height:72px; border-radius:50%; background:radial-gradient(circle at 35% 28%,#eaffff 0%,#9ef8ff 5%,#4d697c 23%,#131925 47%,#080a0f 70%); box-shadow:0 0 50px rgba(158,248,255,.18); animation:miniFloat 4.4s ease-in-out infinite; z-index:1; }
.ping { position:absolute; width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 16px var(--accent); animation:ping 2.8s infinite; }
.p1{left:34%;top:36%}.p2{right:29%;top:51%;animation-delay:.7s}.p3{left:44%;bottom:27%;animation-delay:1.2s}
.segment-stack { width:230px; height:160px; position:relative; transform:rotateX(59deg) rotateZ(-28deg); transform-style:preserve-3d; }
.segment-stack span { position:absolute; left:15px; right:15px; height:54px; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015)); box-shadow:0 20px 34px rgba(0,0,0,.25); }
.segment-stack span:nth-child(1){top:0;transform:translateZ(45px)}
.segment-stack span:nth-child(2){top:36px;transform:translateZ(25px)}
.segment-stack span:nth-child(3){top:72px;transform:translateZ(5px)}
.segment-stack span:nth-child(4){top:108px;transform:translateZ(-15px); border-color:rgba(255,123,146,.25)}
.score-ring { width:130px; height:130px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--accent) 0 92%, rgba(255,255,255,.06) 92%); position:relative; box-shadow:0 0 50px rgba(158,248,255,.06); }
.score-ring::after { content:""; position:absolute; inset:8px; border-radius:50%; background:#090b10; border:1px solid rgba(255,255,255,.08); }
.score-ring span { position:relative; z-index:1; font-size:34px; font-weight:520; }
.eval-bars { position:absolute; right:21%; bottom:47px; display:grid; gap:6px; width:70px; transform:rotate(-12deg); }
.eval-bars i { height:4px; border-radius:999px; background:rgba(255,255,255,.13); }
.eval-bars i:nth-child(1){width:100%;background:rgba(158,248,255,.52)}
.eval-bars i:nth-child(2){width:73%}.eval-bars i:nth-child(3){width:48%}
.fault-core { width:90px; height:90px; transform:rotate(45deg); border:1px solid rgba(255,123,146,.35); background:linear-gradient(145deg,rgba(255,123,146,.09),rgba(255,255,255,.01)); box-shadow:0 0 60px rgba(255,123,146,.07); }
.fault-core::before,.fault-core::after { content:""; position:absolute; background:var(--danger); box-shadow:0 0 12px rgba(255,123,146,.55); }
.fault-core::before{width:1px;height:75%;left:49%;top:12%}.fault-core::after{height:1px;width:65%;top:48%;left:18%}
.fault-line { position:absolute; height:1px; background:linear-gradient(90deg,transparent,rgba(255,123,146,.55),transparent); transform-origin:left; }
.l1{width:125px;left:51%;top:47%;transform:rotate(-24deg)}.l2{width:105px;left:48%;top:51%;transform:rotate(153deg)}.l3{width:92px;left:51%;top:52%;transform:rotate(52deg)}

.dashboard-section {
  background:
    radial-gradient(circle at 48% 44%, rgba(67,91,118,.10), transparent 26%),
    linear-gradient(180deg, transparent, rgba(255,255,255,.015), transparent);
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.045);
}
.dashboard-shell {
  border:1px solid rgba(255,255,255,.13);
  background:#080a0f;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 60px 120px rgba(0,0,0,.38);
  transition:transform .18s ease-out;
}
.dash-topbar { height:64px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); padding:0 18px; }
.dash-brand{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.12em;color:#9aa3b1}
.dash-tabs{display:flex;gap:4px;background:#0d1016;border:1px solid var(--line);padding:4px;border-radius:999px}
.dash-tabs button{border:0;background:transparent;color:#737b89;font-size:9px;padding:7px 10px;border-radius:999px}
.dash-tabs button.active{background:rgba(255,255,255,.07);color:#dce1e9}
.dash-env{justify-self:end;font-size:8px;letter-spacing:.11em;color:#7c8594;border:1px solid var(--line);padding:6px 8px;border-radius:999px}
.dash-body{display:grid;grid-template-columns:190px 1fr 250px;min-height:590px}
.dash-sidebar{border-right:1px solid var(--line);padding:18px 12px;background:rgba(255,255,255,.008)}
.side-label,.panel-label{font-size:8px;letter-spacing:.16em;color:#636c7b;font-weight:700}
.session{width:100%;border:0;background:transparent;color:#929baa;padding:10px 9px;border-radius:9px;display:grid;gap:4px;text-align:left;margin-top:6px;cursor:pointer}
.session.active{background:rgba(255,255,255,.045);color:#e5e9f0}
.session span{display:flex;gap:7px;align-items:center;font-size:10px}
.session small{font-size:8px;color:#626b7a;padding-left:13px}
.dot{width:6px;height:6px;border-radius:50%}.dot.ok{background:var(--success)}.dot.danger{background:var(--danger)}.dot.warn{background:var(--warning)}
.side-metric{margin-top:24px;padding:0 8px;display:grid;gap:4px}.side-metric span{font-size:8px;color:#616a79}.side-metric b{font-size:17px;font-weight:520}
.dash-main{padding:28px}
.run-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.run-header h3{margin:7px 0 5px;font-size:19px;font-weight:560}.run-header p{font-size:9px;color:#697281;margin:0}
.run-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}
.run-metrics>div{border:1px solid var(--line);border-radius:12px;padding:13px;background:rgba(255,255,255,.018);display:grid;gap:6px}
.run-metrics span{font-size:8px;color:#687180}.run-metrics b{font-size:16px;font-weight:520}
.timeline-panel{border:1px solid var(--line);border-radius:13px;padding:15px;margin-top:15px;background:rgba(255,255,255,.012)}
.time-grid{display:flex;justify-content:space-between;color:#4f5867;font-size:7px;margin:12px 0 5px}
.timeline-track{height:58px;display:flex;gap:3px;align-items:stretch}
.timeline-segment{display:flex;align-items:end;padding:8px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(158,248,255,.09),rgba(255,255,255,.015));border-radius:7px;color:#7f8998;font-size:7px}
.seg-1{width:12%}.seg-2{width:23%}.seg-3{width:29%}.seg-4{width:18%}.seg-5{width:18%}
.fail-seg{border-color:rgba(255,123,146,.22);background:linear-gradient(180deg,rgba(255,123,146,.13),rgba(255,123,146,.025));color:#dc91a0}
.event-table{margin-top:15px;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.event-row{display:grid;grid-template-columns:90px 72px 1fr 70px;gap:8px;padding:11px 13px;border-top:1px solid rgba(255,255,255,.055);font-size:8px;color:#88919f}
.event-row:first-child{border-top:0}
.event-head{color:#596270;letter-spacing:.12em;font-size:7px;background:rgba(255,255,255,.018)}
.danger-row{background:rgba(255,123,146,.025)}
.pass-text{color:var(--success)!important}.fail-text{color:var(--danger)!important}.warn-text{color:var(--warning)!important}
.dash-inspector{border-left:1px solid var(--line);padding:22px 16px;background:rgba(255,255,255,.008)}
.inspector-block{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}
.score-row{display:flex;justify-content:space-between;gap:14px;margin-top:13px;font-size:8px;color:#8c95a3}.score-row b{font-size:7px;letter-spacing:.1em}
.cause-block p{font-size:10px;line-height:1.55;color:#9ba3b0;margin:12px 0 16px}
.confidence{display:flex;justify-content:space-between;font-size:8px;color:#697281}.confidence b{color:#ccd3df}
.inspector-action{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:10px;padding:11px 10px;display:flex;justify-content:space-between;cursor:pointer;color:#aeb6c2;font-size:9px}

.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.integration-card{min-height:104px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border-radius:18px;padding:17px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease}
.integration-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}
.integration-card>div{display:grid;gap:5px}.integration-card strong{font-size:12px;font-weight:600}.integration-card small{font-size:9px;color:#6e7786}
.integration-card>span:last-child{color:#6d7583}
.integration-icon{width:38px;height:38px;display:block;position:relative}
.cube-icon{transform:rotate(45deg);border:1px solid rgba(158,248,255,.38);box-shadow:inset 0 0 14px rgba(158,248,255,.07)}
.cube-icon::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.18)}
.rings-icon::before,.rings-icon::after{content:"";position:absolute;border:1px solid rgba(165,149,255,.4);border-radius:50%;inset:4px}.rings-icon::after{inset:10px;transform:rotateX(70deg)}
.prism-icon{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(145deg,rgba(158,248,255,.3),rgba(121,96,255,.06))}
.stack-icon{border:1px solid rgba(255,255,255,.18);transform:skewY(-9deg)}.stack-icon::before,.stack-icon::after{content:"";position:absolute;inset:7px;border:1px solid rgba(158,248,255,.23)}
.cross-icon::before,.cross-icon::after{content:"";position:absolute;background:rgba(255,255,255,.35);left:18px;top:5px;width:1px;height:28px}.cross-icon::after{transform:rotate(90deg)}
.orb-icon{border-radius:50%;background:radial-gradient(circle at 35% 25%,#eaffff 0,#9ef8ff 5%,#334b5c 25%,#0c1017 62%);box-shadow:0 0 20px rgba(158,248,255,.16)}

.docs-panel{
  min-height:520px;
  border:1px solid var(--line);
  border-radius:32px;
  background:
    radial-gradient(circle at 78% 35%, rgba(125,113,255,.12), transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
  display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:54px;overflow:hidden;
}
.docs-copy h2{font-size:clamp(42px,4vw,62px);line-height:1.02;letter-spacing:-.045em;font-weight:560;margin:14px 0 18px}
.docs-copy p{color:#8b93a2;font-size:14px;line-height:1.7;max-width:510px;margin-bottom:24px}
.code-window{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#080a0f;box-shadow:0 25px 80px rgba(0,0,0,.3);overflow:hidden;transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}
.code-topbar{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px}
.code-topbar span{width:7px;height:7px;border-radius:50%;background:#333844}.code-topbar b{margin-left:6px;font-size:9px;color:#656e7c;font-weight:600}
pre{margin:0;padding:25px;overflow:auto;font:11px/1.8 "SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#bdc5d1}
.code-muted{color:#596270}.code-blue{color:#9ef8ff}.code-purple{color:#b4a7ff}.code-green{color:#a8e8c8}

.final-section{min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.final-copy h2{font-size:clamp(50px,5vw,76px);letter-spacing:-.05em;line-height:.99;font-weight:560;margin:17px 0 22px}
.final-copy p{max-width:570px;color:#8b93a2;line-height:1.75;font-size:15px}
.final-orb{width:480px;height:480px;position:relative;justify-self:center;display:grid;place-items:center;perspective:1000px}
.final-core{width:156px;height:156px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#f0ffff 0%,#9ef8ff 4%,#53666f 14%,#19222b 29%,#090b10 63%,#020305 100%);box-shadow:0 0 110px rgba(158,248,255,.11);animation:miniFloat 5s ease-in-out infinite}
.final-ring{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.ring-1{width:330px;height:330px;transform:rotateX(69deg) rotateZ(14deg);animation:orbitSpin 16s linear infinite}.ring-2{width:410px;height:220px;transform:rotateY(69deg) rotateZ(-19deg);border-color:rgba(164,150,255,.1);animation:orbitSpinReverse 20s linear infinite}

.footer{min-height:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:34px;color:#6e7684;font-size:10px}
.footer p{margin:0}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:#e3e7ee}.footer-copy{white-space:nowrap}

.modal-backdrop{
  position:fixed;inset:0;z-index:80;display:grid;place-items:center;
  padding:22px;background:rgba(1,2,5,.68);backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;
}
.modal-backdrop.open{opacity:1;visibility:visible}
.modal{width:min(520px,100%);border-radius:24px;padding:28px;position:relative;transform:translateY(12px) scale(.985);transition:transform .22s ease}
.modal-backdrop.open .modal{transform:translateY(0) scale(1)}
.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#7a8290;font-size:26px;cursor:pointer}
.modal-sigil{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;margin-bottom:22px;transform:rotate(45deg)}
.modal-sigil span{width:14px;height:14px;border:1px solid rgba(158,248,255,.75);box-shadow:0 0 17px rgba(158,248,255,.2)}
.modal h3{font-size:26px;letter-spacing:-.03em;margin:10px 0 12px;font-weight:580}.modal p{color:#8f97a5;line-height:1.65;font-size:13px;margin:0}
.modal-action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}

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

@keyframes pulse{0%,100%{opacity:.5;box-shadow:0 0 0 0 rgba(158,248,255,.35)}50%{opacity:1;box-shadow:0 0 0 8px rgba(158,248,255,0)}}
@keyframes artifactFloat{0%,100%{transform:rotateX(-16deg) rotateY(28deg) rotateZ(-6deg) translateY(0)}50%{transform:rotateX(-11deg) rotateY(43deg) rotateZ(-2deg) translateY(-14px)}}
@keyframes ringA{to{transform:rotateX(70deg) rotateZ(378deg)}}@keyframes ringB{to{transform:rotateY(73deg) rotateZ(-372deg)}}
@keyframes orbitSpin{to{transform:rotateX(72deg) rotateZ(383deg)}}@keyframes orbitSpinReverse{to{transform:rotateX(63deg) rotateZ(-378deg)}}
@keyframes miniFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes ping{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}
@keyframes marquee{to{transform:translateX(-50%)}}

@media (max-width: 1080px) {
  :root{--container:min(940px,calc(100vw - 36px))}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:155px}
  .hero-copy{max-width:760px}
  .hero-stage{height:650px;width:min(760px,100%);margin:0 auto}
  .dash-body{grid-template-columns:155px 1fr}
  .dash-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:start}
  .inspector-block{border:0;margin:0;padding:0}.inspector-action{align-self:center}
  .docs-panel{grid-template-columns:1fr}.code-window{transform:none}
  .final-section{grid-template-columns:.8fr 1.2fr}.final-orb{width:390px;height:390px}
}
@media (max-width: 760px) {
  :root{--container:calc(100vw - 28px)}
  .cursor-glow{display:none}
  .nav{height:70px;grid-template-columns:1fr auto}
  .nav-actions{display:none}
  .menu-toggle{display:grid;width:38px;height:38px;place-content:center;gap:6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
  .menu-toggle span:not(.sr-only){display:block;width:16px;height:1px;background:#d4d9e2}
  .nav-links{position:absolute;top:62px;left:0;right:0;display:grid;gap:0;padding:10px;background:rgba(7,9,14,.96);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease}
  .nav-links.open{opacity:1;visibility:visible;transform:none}.nav-links a{padding:13px 12px;border-radius:10px}.nav-links a:hover{background:rgba(255,255,255,.045)}
  .hero{padding-top:120px;padding-bottom:55px;gap:8px}
  .hero h1{font-size:clamp(50px,15vw,72px)}
  .hero-lede{font-size:15px}
  .hero-meta{grid-template-columns:1fr;gap:9px;margin-top:40px}
  .hero-stage{height:600px;transform:none!important}
  .artifact{top:37%;transform:translate(-50%,-50%) scale(.83)}
  .stage-orbit{transform:scale(.8)}
  .trace-card{width:calc(100% - 12px);bottom:8px;padding:16px}
  .stat-a{right:2px;top:183px}.stat-b{left:2px;top:279px}.float-stat{min-width:94px;padding:10px}.float-stat strong{font-size:17px}
  .section{padding-top:105px;padding-bottom:105px}
  .section-heading{margin-bottom:36px}.section-heading h2{font-size:42px}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:445px}
  .split-heading{display:block}.split-heading>p{margin-top:18px}
  .dashboard-shell{overflow:auto;transform:none!important}.dash-topbar{min-width:760px}.dash-body{min-width:760px}
  .integration-grid{grid-template-columns:1fr}
  .docs-panel{padding:28px 20px;border-radius:24px}.docs-copy h2{font-size:42px}pre{font-size:10px;padding:19px}
  .final-section{grid-template-columns:1fr;text-align:left;gap:4px;padding-top:40px}.final-orb{order:2;width:320px;height:320px;justify-self:center}.final-copy{order:1}.final-copy h2{font-size:50px}
  .footer{grid-template-columns:1fr 1fr;gap:18px;padding:28px 0}.footer p{display:none}.footer-links{grid-column:1/-1;order:3}.footer-copy{justify-self:end}
}
@media (max-width: 440px) {
  .hero-actions .btn{width:100%;justify-content:center}.hero-actions{display:grid}
  .hero-stage{height:570px}
  .stat-a,.stat-b{display:none}
  .trace-row{grid-template-columns:19px 11px 1fr auto;gap:7px}
  .trace-row:not(:last-child)::after{left:34px}
  .feature-card{padding:21px}.feature-card>a{left:21px}
  .modal-action-row .btn{width:100%}
}

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

/* =========================================================
   V2 — HEAVY 3D / WEBGL EXPERIENCE
   ========================================================= */
#webgl {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
}
#space { opacity: .18; z-index: 0; }
main, .nav-wrap, .footer { position: relative; z-index: 2; }
.webgl-status {
  position: fixed;
  right: 22px;
  bottom: 20px;
  z-index: 12;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(210,221,232,.46);
  font-size: 8px;
  font-weight: 760;
  letter-spacing: .16em;
  pointer-events: none;
  mix-blend-mode: screen;
}
.webgl-status span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #9ef8ff;
  box-shadow: 0 0 16px rgba(158,248,255,.9);
  animation: pulse 2s infinite;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5,6,10,.82) 0%, rgba(5,6,10,.52) 35%, rgba(5,6,10,.06) 59%, rgba(5,6,10,.17) 100%),
    radial-gradient(circle at 70% 46%, transparent 0%, transparent 18%, rgba(5,6,10,.15) 45%, rgba(5,6,10,.58) 100%);
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(5,6,10,.2), transparent 22%, transparent 72%, rgba(5,6,10,.35));
}
.hero {
  min-height: 100svh;
  padding-top: 118px;
  padding-bottom: 52px;
  grid-template-columns: .9fr 1.1fr;
}
.hero-copy { position: relative; z-index: 5; }
.hero h1 {
  font-size: clamp(62px, 5.75vw, 96px);
  text-shadow: 0 12px 60px rgba(0,0,0,.55);
}
.hero-stage {
  height: 760px;
  min-width: 0;
  pointer-events: none;
  transform-style: preserve-3d;
}
.stage-haze {
  inset: 4% -8% -2% 0;
  opacity: .48;
  background:
    radial-gradient(circle at 55% 42%, rgba(145,238,255,.10), transparent 19%),
    radial-gradient(circle at 57% 45%, rgba(113,90,255,.09), transparent 34%);
  filter: blur(18px);
}
.webgl-ready .artifact, .webgl-ready .stage-orbit { display: none !important; }
.scene-tag {
  position: absolute;
  z-index: 7;
  min-width: 150px;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(180deg, rgba(11,14,21,.52), rgba(6,8,12,.2));
  backdrop-filter: blur(13px);
  box-shadow: 0 16px 45px rgba(0,0,0,.24);
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-template-rows: auto auto;
  gap: 2px 8px;
  transform: perspective(700px) rotateY(-10deg) rotateX(3deg);
}
.scene-tag span {
  grid-row: 1 / 3;
  color: rgba(158,248,255,.65);
  font: 700 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  padding-top: 3px;
}
.scene-tag b { color: #d9e0ea; font-size: 8px; letter-spacing: .15em; }
.scene-tag small { color: #66707f; font-size: 7px; letter-spacing: .08em; }
.scene-tag-a { right: 2%; top: 18%; }
.scene-tag-b { right: 12%; top: 47%; transform: perspective(700px) rotateY(9deg) rotateX(-2deg); }
.scene-tag-c { left: 7%; top: 31%; transform: perspective(700px) rotateY(-13deg) rotateX(2deg); }
.hero-coordinate {
  position:absolute;
  z-index:6;
  font: 600 7px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing:.12em;
  color:rgba(188,204,220,.28);
  writing-mode:vertical-rl;
}
.coord-a{right:-8px;bottom:25%}.coord-b{left:-3px;top:16%}
.trace-card {
  bottom: 18px;
  width: min(440px, 83%);
  transform: translateX(-45%) perspective(900px) rotateY(-7deg) rotateX(3deg) translateZ(70px);
  background: linear-gradient(180deg, rgba(12,15,23,.70), rgba(7,9,14,.58));
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 35px 110px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.04);
}
.float-stat { background: rgba(10,13,19,.58); }
.stat-a { right: 0; top: 220px; transform: perspective(700px) rotateY(-13deg); }
.stat-b { left: 1%; top: 410px; transform: perspective(700px) rotateY(13deg); }

.signal-strip { background: rgba(5,6,10,.3); backdrop-filter: blur(8px); }
.section { position: relative; }
.section::before {
  content:"";
  position:absolute;
  pointer-events:none;
  width:1px;
  height:72px;
  top:42px;
  left:calc(50% - min(610px, 46vw));
  background:linear-gradient(transparent,rgba(158,248,255,.25),transparent);
}
.feature-card {
  background: linear-gradient(180deg, rgba(12,15,22,.50), rgba(7,9,14,.34));
  backdrop-filter: blur(15px);
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 24px 80px rgba(0,0,0,.16);
  transform-style: preserve-3d;
}
.feature-card:hover { transform: translateY(-7px) perspective(900px) rotateX(1.6deg) rotateY(-1.2deg); }
.feature-card .mini-scene { transform: translateZ(28px); }
.dashboard-section {
  background: rgba(5,6,10,.33);
  backdrop-filter: blur(2px);
}
.dashboard-shell {
  background: rgba(7,9,14,.82);
  backdrop-filter: blur(22px);
  box-shadow: 0 70px 160px rgba(0,0,0,.48), 0 0 0 1px rgba(158,248,255,.02);
}
.integration-card, .docs-panel {
  background: linear-gradient(180deg, rgba(12,15,22,.50), rgba(7,9,14,.35));
  backdrop-filter: blur(18px);
}
.final-section {
  min-height: 900px;
  grid-template-columns: .95fr 1.05fr;
}
.final-orb { opacity: 0; pointer-events: none; }
.final-copy {
  grid-column: 2;
  padding: 42px;
  border-left: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(90deg, rgba(6,8,12,.30), transparent);
  backdrop-filter: blur(2px);
}

@media (max-width: 1080px) {
  body::before { background: linear-gradient(180deg, rgba(5,6,10,.68), rgba(5,6,10,.25) 46%, rgba(5,6,10,.42)); }
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-stage { height: 690px; width: min(780px,100%); }
  .trace-card { transform: translateX(-50%) perspective(900px) rotateX(2deg); }
  .final-copy { grid-column:auto; padding:0; border:0; background:none; }
}
@media (max-width: 760px) {
  .webgl-status { right: 14px; bottom: 12px; font-size: 6px; }
  .hero { padding-top: 110px; }
  .hero-stage { height: 620px; }
  .scene-tag { min-width: 125px; padding: 9px; opacity: .72; }
  .scene-tag-a { right: 0; top: 18%; }
  .scene-tag-b { right: 2%; top: 44%; }
  .scene-tag-c { left: 0; top: 31%; }
  .trace-card { width: 96%; bottom: 4px; }
  .hero-coordinate { display:none; }
  .section::before { left: 18px; }
  .final-section { min-height: 760px; }
}


/* SCURA split-block identity */
.brand-mark {
  width: 27px;
  height: 25px;
  transform: none;
  display: inline-block;
  position: relative;
}
.brand-mark span {
  position: absolute;
  display: block;
  left: 1px;
  width: 24px;
  height: 9px;
  border: 0;
  border-radius: 2.5px;
  background: #f6f8fb;
  box-shadow: none;
}
.brand-mark span:nth-child(1) {
  top: 2px;
  width: 24px;
  height: 9px;
  clip-path: polygon(0 38%, 87% 0, 100% 14%, 100% 75%, 41% 100%, 0 72%);
}
.brand-mark span:nth-child(2) {
  top: 14px;
  width: 24px;
  height: 9px;
  clip-path: polygon(0 0, 41% 20%, 100% 52%, 100% 86%, 86% 100%, 0 58%);
}
.brand-mark span:nth-child(3) { display:none; }
.brand-mark.compact {
  width: 20px;
  height: 20px;
  transform:none;
}
.brand-mark.compact span {
  transform: scale(.74);
  transform-origin: left top;
}


/* SCURA V3 — cinematic boot + early access */
body.is-loading { overflow: hidden; }

.scura-loader {
  position: fixed; inset: 0; z-index: 999;
  display: grid; place-items: center; overflow: hidden;
  background:
    radial-gradient(circle at 22% 18%, rgba(26,178,227,.18), transparent 32%),
    radial-gradient(circle at 79% 68%, rgba(91,55,255,.20), transparent 34%),
    linear-gradient(145deg, #04060a 0%, #081329 44%, #080b17 72%, #09050e 100%);
  transition: opacity .85s cubic-bezier(.2,.7,.2,1), visibility .85s ease;
}
.scura-loader.is-leaving { opacity: 0; visibility: hidden; pointer-events: none; }

.loader-grid {
  position: absolute; inset: -18%; opacity: .12;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 72px 72px;
  transform: perspective(950px) rotateX(72deg) translateY(32%);
  transform-origin: center bottom;
  mask-image: radial-gradient(circle at center, #000 10%, rgba(0,0,0,.55) 42%, transparent 72%);
  animation: loaderGridDrift 7s linear infinite;
}
.loader-haze {
  position: absolute; width: 48vw; height: 48vw; min-width: 460px; min-height: 460px;
  border-radius: 50%; filter: blur(60px); opacity: .2;
}
.loader-haze-a { background: #00b8ff; left: -22vw; top: -21vw; }
.loader-haze-b { background: #6f35ff; right: -18vw; bottom: -24vw; }

.loader-stage {
  position: relative; width: min(520px, 78vw); aspect-ratio: 1;
  display: grid; place-items: center; perspective: 1100px; transform-style: preserve-3d;
}
.loader-logo-3d {
  position: relative; width: 220px; height: 180px; transform-style: preserve-3d;
  animation: loaderLogoFloat 3.8s ease-in-out infinite;
  filter: drop-shadow(0 30px 48px rgba(0,0,0,.48));
}
.loader-block {
  position: absolute; left: 13px; width: 195px; height: 68px;
  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(226,237,247,.93));
  box-shadow: inset 0 -9px 20px rgba(31,55,79,.11), 0 0 0 1px rgba(255,255,255,.32), 0 14px 40px rgba(55,139,255,.12);
  backface-visibility: hidden; transform-style: preserve-3d;
}
.loader-block::before {
  content: ""; position: absolute; inset: 8px 8px -10px 10px;
  background: #8ea3b8; opacity: .28; filter: blur(1px); transform: translateZ(-18px);
}
.loader-block-top {
  top: 20px;
  clip-path: polygon(0 38%, 87% 0, 100% 14%, 100% 75%, 41% 100%, 0 72%);
  animation: loaderTopAssemble 2.1s cubic-bezier(.16,.78,.18,1) both;
}
.loader-block-bottom {
  top: 98px;
  clip-path: polygon(0 0, 41% 20%, 100% 52%, 100% 86%, 86% 100%, 0 58%);
  animation: loaderBottomAssemble 2.1s cubic-bezier(.16,.78,.18,1) both;
}
.loader-slit {
  position: absolute; left: 43px; top: 89px; width: 135px; height: 2px;
  background: linear-gradient(90deg, transparent, #9ef8ff 18%, #fff 50%, #9087ff 82%, transparent);
  box-shadow: 0 0 24px rgba(158,248,255,.65), 0 0 50px rgba(145,135,255,.32);
  animation: loaderSlit 2.5s .8s ease both;
}
.loader-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.10); transform-style: preserve-3d; }
.loader-orbit-a { width: 430px; height: 170px; transform: rotateX(69deg) rotateZ(-17deg); animation: loaderOrbitA 10s linear infinite; }
.loader-orbit-b { width: 290px; height: 290px; border-color: rgba(140,220,255,.11); transform: rotateY(70deg) rotateZ(23deg); animation: loaderOrbitB 12s linear infinite; }

.loader-depth-line {
  position: absolute; width: 1px; height: 130%; top: -15%;
  background: linear-gradient(transparent, rgba(255,255,255,.16), transparent);
  transform-origin: center; opacity: .36;
}
.line-a { transform: translateX(-178px) rotateZ(28deg); }
.line-b { transform: translateX(180px) rotateZ(-28deg); }
.line-c { transform: rotateZ(90deg); opacity: .17; }

.loader-copy {
  position: absolute; left: 50%; bottom: 11vh; transform: translateX(-50%);
  display: grid; justify-items: center; gap: 12px; white-space: nowrap;
}
.loader-brand { font-size: 12px; font-weight: 760; letter-spacing: .52em; padding-left: .52em; color: #f4f7fb; }
.loader-status { display: flex; align-items: center; gap: 9px; color: rgba(210,222,237,.52); font-size: 8px; letter-spacing: .19em; }
.loader-status i { width: 5px; height: 5px; border-radius: 50%; background: #9ef8ff; box-shadow: 0 0 12px rgba(158,248,255,.8); animation: pulse 1.4s infinite; }
.loader-progress { position: absolute; left: 50%; bottom: 6vh; width: min(260px, 56vw); height: 1px; transform: translateX(-50%); background: rgba(255,255,255,.08); overflow: hidden; }
.loader-progress span { display: block; width: 100%; height: 100%; transform-origin: left; background: linear-gradient(90deg, #83e7ff, #758eff, #986cff); animation: loaderProgress 2.35s cubic-bezier(.22,.72,.2,1) both; }

.x-nav-link { color: #c7cfdb; }

.access-modal { width: min(590px, 100%); padding: 30px; }
.access-modal-head { display: flex; gap: 17px; align-items: center; padding-right: 32px; }
.access-modal-head h3 { margin: 5px 0 0; }
.scura-sigil { flex: 0 0 auto; transform: none; width: 52px; height: 52px; border-radius: 15px; }
.scura-sigil .sigil-top, .scura-sigil .sigil-bottom {
  display: block; position: absolute; left: 11px; width: 30px; height: 11px;
  background: #eaf5fb; border: 0; box-shadow: 0 0 18px rgba(158,248,255,.08);
}
.scura-sigil .sigil-top { top: 13px; clip-path: polygon(0 38%, 87% 0, 100% 14%, 100% 75%, 41% 100%, 0 72%); }
.scura-sigil .sigil-bottom { top: 28px; clip-path: polygon(0 0, 41% 20%, 100% 52%, 100% 86%, 86% 100%, 0 58%); }
.access-intro { margin: 20px 0 22px !important; max-width: 510px; }
.access-form { display: grid; gap: 17px; }
.access-field { display: grid; gap: 7px; }
.access-field label { color: #dbe1ea; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.access-field small { color: #626c7b; font-size: 9px; }
.field-shell {
  min-height: 52px; display: flex; align-items: center; gap: 1px;
  border: 1px solid rgba(255,255,255,.12); border-radius: 13px;
  background: rgba(255,255,255,.026); overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.field-shell:focus-within { border-color: rgba(158,248,255,.36); box-shadow: 0 0 0 3px rgba(158,248,255,.055); background: rgba(255,255,255,.036); }
.field-prefix { padding-left: 16px; color: #6f7b8b; font-size: 14px; }
.field-shell input { width: 100%; height: 50px; padding: 0 15px; border: 0; outline: 0; background: transparent; color: #f4f7fb; font-size: 14px; }
.field-shell input::placeholder { color: #525c6a; }
.access-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.access-submit-row { display: flex; align-items: center; gap: 16px; margin-top: 3px; }
.access-submit { min-width: 146px; }
.access-submit .submit-loading { display: none; }
.access-form.is-submitting .submit-idle { display: none; }
.access-form.is-submitting .submit-loading { display: inline; }
.access-form.is-submitting .access-submit { opacity: .74; pointer-events: none; }
.access-x-link { color: #929baa; font-size: 11px; transition: color .2s ease; }
.access-x-link:hover { color: #f1f5fa; }
.access-message { min-height: 18px; font-size: 10px; line-height: 1.5; color: #ff9daf; }
.access-message.success { color: #95f5c4; }
.access-privacy { margin: -4px 0 0 !important; color: #5f6877 !important; font-size: 9px !important; }
.access-success { min-height: 270px; display: grid; place-content: center; justify-items: start; gap: 15px; }
.access-success[hidden] { display: none; }
.success-mark { width: 48px; height: 48px; border: 1px solid rgba(149,245,196,.25); border-radius: 50%; display: grid; place-items: center; color: #95f5c4; background: rgba(149,245,196,.05); }
.access-success h3 { margin: 6px 0 7px; }
.access-success p { margin: 0; color: #8f97a5; font-size: 12px; }
.access-done { margin-top: 5px; }

@keyframes loaderTopAssemble {
  0% { opacity: 0; transform: translate3d(-190px,-90px,120px) rotateY(52deg) rotateZ(-18deg); filter: blur(11px); }
  62% { opacity: 1; transform: translate3d(9px,-4px,13px) rotateY(-7deg) rotateZ(2deg); filter: blur(0); }
  100% { opacity: 1; transform: translate3d(0,0,0) rotateY(0) rotateZ(0); }
}
@keyframes loaderBottomAssemble {
  0% { opacity: 0; transform: translate3d(190px,95px,120px) rotateY(-54deg) rotateZ(18deg); filter: blur(11px); }
  62% { opacity: 1; transform: translate3d(-9px,4px,13px) rotateY(7deg) rotateZ(-2deg); filter: blur(0); }
  100% { opacity: 1; transform: translate3d(0,0,0) rotateY(0) rotateZ(0); }
}
@keyframes loaderLogoFloat {
  0%,100% { transform: rotateX(-4deg) rotateY(-7deg) translateY(0) translateZ(30px); }
  50% { transform: rotateX(3deg) rotateY(8deg) translateY(-7px) translateZ(46px); }
}
@keyframes loaderSlit {
  0% { opacity: 0; transform: scaleX(.06); }
  45% { opacity: 1; transform: scaleX(1.1); }
  100% { opacity: .56; transform: scaleX(.88); }
}
@keyframes loaderOrbitA { to { transform: rotateX(69deg) rotateZ(343deg); } }
@keyframes loaderOrbitB { to { transform: rotateY(70deg) rotateZ(383deg); } }
@keyframes loaderGridDrift { to { background-position: 72px 72px; } }
@keyframes loaderProgress {
  0% { transform: scaleX(0); opacity: .35; }
  70% { transform: scaleX(.84); opacity: 1; }
  100% { transform: scaleX(1); opacity: .85; }
}

@media (max-width: 760px) {
  .loader-stage { width: 86vw; }
  .loader-logo-3d { transform: scale(.82); }
  .loader-orbit-a { width: 82vw; }
  .loader-orbit-b { width: 65vw; height: 65vw; }
  .loader-copy { bottom: 13vh; }
  .access-modal { padding: 24px 18px; }
  .access-submit-row { align-items: flex-start; flex-direction: column; gap: 11px; }
  .access-submit { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .loader-logo-3d, .loader-block, .loader-orbit, .loader-grid, .loader-progress span {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
  }
}