:root {
  --ink: #060a19;
  --ink-2: #0b1228;
  --ink-3: #111b38;
  --paper: #f5f8ff;
  --white: #ffffff;
  --muted: #6a748d;
  --muted-dark: #aab5cd;
  --line: rgba(10, 29, 72, 0.12);
  --line-dark: rgba(130, 169, 255, 0.16);
  --blue: #1f63ff;
  --cyan: #39d9ff;
  --violet: #755bff;
  --gradient: linear-gradient(135deg, #48e5ff 0%, #1976ff 42%, #5546f5 100%);
  --shadow: 0 24px 80px rgba(14, 34, 88, 0.14);
  --radius: 24px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}
body.nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }

.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; }
.skip-link { position: fixed; left: 12px; top: -60px; z-index: 9999; background: #fff; color: #050816; padding: 10px 14px; border-radius: 10px; transition: top .2s ease; }
.skip-link:focus { top: 12px; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: 120px 0; }
.section-dark { background: var(--ink); color: var(--white); }
.section-light { background: var(--paper); color: var(--ink); }

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
  border-bottom: 1px solid transparent;
}
.site-header.scrolled {
  background: rgba(5, 8, 22, 0.82);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-color: rgba(255,255,255,.08);
}
.nav-shell { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: white; }
.brand img { width: 42px; height: 42px; }
.brand-word { font-size: .98rem; font-weight: 800; letter-spacing: .24em; }
.site-nav { display: flex; align-items: center; gap: 30px; color: rgba(255,255,255,.78); font-size: .9rem; font-weight: 650; }
.site-nav > a { transition: color .2s ease; }
.site-nav > a:hover, .site-nav > a:focus-visible { color: white; }
.nav-cta { border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 11px 18px; background: rgba(255,255,255,.05); }
.nav-cta:hover { background: rgba(255,255,255,.1); }
.nav-toggle { display: none; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.06); padding: 0; }
.nav-toggle span:not(.sr-only) { display: block; width: 20px; height: 2px; margin: 4px auto; background: white; transition: transform .2s ease, opacity .2s ease; }

.hero { position: relative; min-height: 930px; padding: 182px 0 105px; overflow: hidden; background: radial-gradient(circle at 75% 25%, rgba(28,91,255,.2), transparent 34%), linear-gradient(145deg,#040712 0%,#071027 60%,#050816 100%); }
.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(102,143,255,.055) 1px, transparent 1px), linear-gradient(90deg,rgba(102,143,255,.055) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,black,transparent 78%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .24; pointer-events: none; }
.hero-glow-one { width: 380px; height: 380px; background: #1d6cff; top: 18%; right: -80px; }
.hero-glow-two { width: 260px; height: 260px; background: #52e5ff; bottom: -80px; left: 20%; opacity: .12; }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 64px; }
.eyebrow { display: inline-flex; align-items: center; gap: 11px; color: #a8c3ff; font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 28px; height: 2px; background: var(--gradient); border-radius: 99px; }
.eyebrow-dark { color: #33517f; }
.section-heading h1, .section-heading h2, .governance-copy h2, .platform-copy h2, .investor-copy h2, .contact-copy h2 { margin: 22px 0 22px; font-size: clamp(3.2rem, 6vw, 6.25rem); line-height: .99; letter-spacing: -.06em; font-weight: 760; }
h1 em, h2 em { font-style: normal; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-lead { max-width: 660px; margin: 0; color: #bdc7db; font-size: clamp(1.05rem, 1.4vw, 1.23rem); line-height: 1.78; }
.hero-actions { display: flex; align-items: center; gap: 14px; margin-top: 36px; flex-wrap: wrap; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 22px; border-radius: 999px; border: 1px solid transparent; font-size: .9rem; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--gradient); box-shadow: 0 12px 34px rgba(35,107,255,.34); }
.button-primary:hover { box-shadow: 0 16px 42px rgba(35,107,255,.48); }
.button-ghost { color: white; border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.04); }
.button-ghost:hover { background: rgba(255,255,255,.09); }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 64px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.1); }
.hero-proof strong { display: block; color: white; font-size: .94rem; }
.hero-proof span { display: block; margin-top: 4px; color: #7f8ba5; font-size: .74rem; }

.hero-visual { position: relative; min-height: 680px; display: flex; align-items: center; justify-content: center; }
.orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(66,161,255,.18); transform: rotate(-18deg); }
.orbit-one { width: 570px; height: 300px; }
.orbit-two { width: 420px; height: 220px; border-color: rgba(69,232,255,.13); transform: rotate(19deg); }
.system-card { position: relative; width: min(100%, 510px); border-radius: 26px; border: 1px solid rgba(112,164,255,.22); background: linear-gradient(160deg, rgba(17,28,59,.94), rgba(5,10,25,.96)); box-shadow: 0 40px 110px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.05); overflow: hidden; }
.system-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 20%, rgba(83,213,255,.06), transparent 63%); transform: translateX(-100%); animation: sheen 7s ease-in-out infinite; }
@keyframes sheen { 0%,60% { transform: translateX(-110%); } 80%,100% { transform: translateX(110%); } }
.system-card-head { min-height: 54px; padding: 0 19px; display: flex; align-items: center; gap: 9px; color: #8fa2c9; border-bottom: 1px solid rgba(255,255,255,.08); font-size: .66rem; letter-spacing: .12em; font-weight: 800; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: #4be7ff; box-shadow: 0 0 0 0 rgba(75,231,255,.5); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(75,231,255,0); } 100% { box-shadow: 0 0 0 0 rgba(75,231,255,0); } }
.status-badge { margin-left: auto; padding: 5px 9px; border-radius: 999px; color: #80edff; background: rgba(46,215,255,.08); border: 1px solid rgba(46,215,255,.16); }
.operation-stack { padding: 20px; display: grid; gap: 9px; }
.op-row { position: relative; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 15px; border-radius: 15px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.025); }
.op-row.active { border-color: rgba(47,130,255,.17); background: linear-gradient(90deg,rgba(32,105,255,.08),rgba(255,255,255,.02)); }
.op-row.guarded { border-color: rgba(69,225,255,.28); background: linear-gradient(90deg,rgba(33,180,255,.13),rgba(80,72,255,.06)); }
.op-index { color: #55709e; font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.op-row strong { display: block; color: #f4f7ff; font-size: .82rem; }
.op-row small { display: block; color: #71809f; margin-top: 2px; font-size: .69rem; }
.op-state { color: #7fd9ff; font-size: .61rem; text-transform: uppercase; letter-spacing: .08em; }
.system-card-footer { padding: 16px 19px 19px; border-top: 1px solid rgba(255,255,255,.08); }
.system-card-footer span { display: block; color: #536480; font-size: .6rem; letter-spacing: .15em; }
.system-card-footer strong { display: block; margin-top: 6px; font-size: .82rem; color: #bcd7ff; }
.floating-chip { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(101,166,255,.18); border-radius: 999px; background: rgba(6,12,29,.82); backdrop-filter: blur(10px); color: #b7c4dc; font-size: .7rem; box-shadow: 0 16px 40px rgba(0,0,0,.28); }
.floating-chip span { width: 6px; height: 6px; border-radius: 50%; background: #47dfff; box-shadow: 0 0 12px #47dfff; }
.chip-one { top: 9%; left: -1%; }
.chip-two { right: -5%; top: 31%; }
.chip-three { bottom: 0; left: 5%; }

.principle-band { background: white; border-bottom: 1px solid var(--line); }
.principle-band-top { padding-top: 82px; }
.section-heading h1 { margin: 22px 0; }
.principle-line { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 22px; font-size: clamp(.83rem, 1.3vw, 1rem); font-weight: 800; letter-spacing: .025em; }
.principle-line i { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(29,91,231,.28), transparent); }

.section-heading { max-width: 900px; margin-bottom: 54px; }
.section-heading h1, .section-heading h2, .governance-copy h2, .platform-copy h2, .investor-copy h2, .contact-copy h2 { font-size: clamp(2.7rem, 4.7vw, 5.2rem); }
.section-heading p, .governance-copy > p, .platform-copy > p, .investor-copy > p, .contact-copy > p { max-width: 760px; margin: 0; color: var(--muted); font-size: 1.08rem; line-height: 1.8; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.feature-card { position: relative; min-height: 315px; padding: 35px 30px 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.72); color: var(--ink); transition: transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease; overflow: hidden; }
.feature-card:hover { transform: translateY(-5px); background: linear-gradient(155deg,#0b1532,#101f4b); color: white; box-shadow: 0 24px 65px rgba(8,23,63,.20); z-index: 2; }
.feature-number { position: absolute; right: 24px; top: 21px; color: #a7b2c7; font-size: .68rem; letter-spacing: .1em; transition: color .25s ease; }
.feature-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #e8f0ff; color: #1f5eff; border: 1px solid transparent; font-size: 1.3rem; font-weight: 700; transition: background .25s ease, color .25s ease, border-color .25s ease; }
.feature-card h3 { margin: 35px 0 12px; font-size: 1.25rem; letter-spacing: -.025em; transition: color .25s ease; }
.feature-card p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.75; transition: color .25s ease; }
.feature-card:hover .feature-number { color: #8fb6ff; }
.feature-card:hover .feature-icon { background: rgba(78,189,255,.1); color: #5fe0ff; border-color: rgba(80,215,255,.20); }
.feature-card:hover p { color: #b7c4df; }

.governance-section { background: radial-gradient(circle at 75% 40%,rgba(38,93,255,.17),transparent 34%),linear-gradient(145deg,#050816,#08122b); }
.governance-layout { display: grid; grid-template-columns: 1fr .86fr; gap: 90px; align-items: center; }
.governance-copy > p, .investor-copy > p { color: var(--muted-dark); }
.governance-list { list-style: none; padding: 0; margin: 38px 0 0; display: grid; gap: 7px; }
.governance-list li { display: grid; grid-template-columns: 44px 1fr; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--line-dark); }
.governance-list li > span { color: #55d8ff; font-size: .7rem; font-weight: 800; }
.governance-list strong { display: block; font-size: .94rem; }
.governance-list small { display: block; margin-top: 3px; color: #7786a5; font-size: .8rem; }
.governance-panel { border: 1px solid rgba(108,155,255,.19); border-radius: 28px; background: linear-gradient(165deg,rgba(20,35,78,.78),rgba(5,10,25,.88)); box-shadow: 0 35px 100px rgba(0,0,0,.35); overflow: hidden; }
.panel-topline { height: 54px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; color: #7889aa; border-bottom: 1px solid var(--line-dark); font-size: .64rem; font-weight: 800; letter-spacing: .14em; }
.panel-topline span:last-child { color: #72e7ff; }
.decision-radar { position: relative; height: 390px; overflow: hidden; display: grid; place-items: center; }
.radar-ring { position: absolute; border: 1px solid rgba(83,154,255,.18); border-radius: 50%; }
.r1 { width: 130px; height: 130px; }.r2 { width: 230px; height: 230px; }.r3 { width: 335px; height: 335px; }
.radar-sweep { position: absolute; width: 300px; height: 300px; border-radius: 50%; background: conic-gradient(from 0deg,transparent 0 78%,rgba(50,188,255,.16) 92%,transparent 100%); animation: spin 7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.radar-core { position: relative; width: 90px; height: 90px; display: grid; place-items: center; border-radius: 24px; background: rgba(8,16,39,.9); border: 1px solid rgba(79,193,255,.26); box-shadow: 0 0 50px rgba(32,114,255,.25); }
.radar-core img { width: 64px; }
.radar-label { position: absolute; padding: 7px 10px; border-radius: 999px; color: #94a9d0; background: rgba(4,10,25,.82); border: 1px solid rgba(96,145,239,.16); font-size: .65rem; }
.label-a { top: 18%; left: 15%; }.label-b { right: 10%; top: 45%; }.label-c { left: 18%; bottom: 14%; }
.control-statement { padding: 25px; border-top: 1px solid var(--line-dark); }
.control-statement small { display: block; color: #5f7195; font-size: .62rem; letter-spacing: .14em; }
.control-statement strong { display: block; margin-top: 9px; font-size: .95rem; line-height: 1.55; color: #c7d5ef; }

.split-heading { display: grid; grid-template-columns: 1.2fr .8fr; max-width: none; align-items: end; gap: 80px; }
.split-heading p { padding-bottom: 18px; }
.impact-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.impact-card { min-height: 260px; padding: 28px; border-radius: 20px; border: 1px solid var(--line); background: rgba(255,255,255,.65); }
.impact-card > strong { font-size: 2.5rem; letter-spacing: -.06em; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.impact-card h3 { margin: 29px 0 9px; font-size: 1.02rem; }
.impact-card p { margin: 0; color: var(--muted); font-size: .84rem; }
.operations-comparison { margin-top: 28px; display: grid; grid-template-columns: 1fr 90px 1fr; border-radius: 28px; overflow: hidden; box-shadow: var(--shadow); }
.comparison-side { padding: 48px; }
.comparison-before { background: #e8edf7; }
.comparison-after { background: linear-gradient(145deg,#09132d,#10214e); color: white; }
.comparison-side > span { font-size: .68rem; font-weight: 850; letter-spacing: .14em; color: #61708d; }
.comparison-after > span { color: #6edfff; }
.comparison-side h3 { margin: 15px 0 25px; font-size: 1.65rem; line-height: 1.2; letter-spacing: -.035em; }
.comparison-side ul { margin: 0; padding-left: 18px; color: #59657b; font-size: .88rem; display: grid; gap: 9px; }
.comparison-after ul { color: #9cabc8; }
.comparison-divider { display: grid; place-items: center; background: linear-gradient(#e8edf7 50%,#10214e 50%); }
.comparison-divider img { width: 58px; padding: 7px; border-radius: 18px; background: #071029; box-shadow: 0 12px 30px rgba(0,0,0,.25); }

.platform-section { position: relative; overflow: hidden; background: linear-gradient(135deg,#10215b,#162a7b 58%,#263bb3); color: white; }
.platform-section::before { content: ""; position: absolute; width: 600px; height: 600px; border-radius: 50%; border: 1px solid rgba(255,255,255,.08); right: -180px; top: -280px; box-shadow: 0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012); }
.platform-layout { position: relative; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 90px; }
.platform-copy > p { color: #b8c7e7; }
.text-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 28px; color: #78e5ff; font-weight: 780; font-size: .9rem; }
.text-link span { transition: transform .2s ease; }.text-link:hover span { transform: translateX(4px); }
.platform-cards { display: grid; gap: 12px; }
.platform-card { padding: 24px 26px; border-radius: 18px; display: grid; grid-template-columns: 54px 1fr; gap: 2px 18px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.07); backdrop-filter: blur(8px); }
.platform-card span { grid-row: 1 / 3; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: rgba(89,212,255,.1); color: #75e4ff; font-size: .7rem; font-weight: 800; }
.platform-card h3 { margin: 0; font-size: 1rem; }
.platform-card p { margin: 6px 0 0; color: #aabbe0; font-size: .84rem; }

.investor-section { background: linear-gradient(145deg,#050816,#0c1634); }
.investor-layout { display: grid; grid-template-columns: 1fr .8fr; gap: 90px; align-items: center; }
.stage-pill { display: inline-flex; align-items: center; gap: 9px; margin-top: 28px; padding: 10px 14px; border-radius: 999px; background: rgba(63,211,255,.08); border: 1px solid rgba(63,211,255,.17); color: #96dcf2; font-size: .76rem; }
.stage-pill span { width: 7px; height: 7px; border-radius: 50%; background: #5feaff; box-shadow: 0 0 12px #5feaff; }
.milestone-list { border-left: 1px solid rgba(111,154,255,.17); }
.milestone-list div { position: relative; padding: 22px 0 22px 32px; border-bottom: 1px solid rgba(111,154,255,.14); }
.milestone-list div::before { content: ""; position: absolute; left: -5px; top: 28px; width: 9px; height: 9px; border-radius: 50%; background: #3acfff; box-shadow: 0 0 0 5px rgba(58,207,255,.08); }
.milestone-list span { display: block; color: #6b7c9d; font-size: .64rem; text-transform: uppercase; letter-spacing: .12em; }
.milestone-list strong { display: block; margin-top: 5px; font-size: .95rem; color: #c8d4eb; }

.contact-section { background: linear-gradient(180deg,#eef3fb,#f8faff); }
.contact-card { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; padding: 68px; border-radius: 30px; background: white; border: 1px solid var(--line); box-shadow: var(--shadow); }
.contact-copy h2 { font-size: clamp(2.6rem,4.5vw,4.6rem); }
.contact-form { display: grid; gap: 15px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.contact-form label { display: grid; gap: 7px; }
.contact-form label > span { color: #526078; font-size: .72rem; font-weight: 750; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; border: 1px solid #dce3ef; border-radius: 13px; background: #f8faff; color: var(--ink); padding: 13px 14px; outline: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.contact-form textarea { resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { background: white; border-color: #4385ff; box-shadow: 0 0 0 4px rgba(49,116,255,.1); }
.contact-form .button { justify-self: start; border: 0; margin-top: 3px; }
.form-status { margin: 0; color: #7f899c; font-size: .72rem; }
.form-status.success { color: #0d8064; }
.form-status.error { color: #b53f52; }

.site-footer { background: #040712; color: white; }
.footer-top { padding: 65px 0 45px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; border-bottom: 1px solid rgba(255,255,255,.09); }
.footer-brand p { max-width: 360px; margin: 17px 0 0; color: #76839d; font-size: .85rem; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.footer-links div { display: grid; gap: 10px; align-content: start; }
.footer-links strong { margin-bottom: 6px; color: #d9e2f4; font-size: .75rem; text-transform: uppercase; letter-spacing: .13em; }
.footer-links a { color: #7d8ba5; font-size: .82rem; }.footer-links a:hover { color: white; }
.footer-bottom { min-height: 74px; display: flex; justify-content: space-between; align-items: center; color: #61708a; font-size: .72rem; }

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

@media (max-width: 1050px) {
  .hero-layout, .governance-layout, .platform-layout, .investor-layout, .contact-card { grid-template-columns: 1fr; }
  .hero { padding-top: 150px; }
  .hero-copy { max-width: 780px; }
  .hero-visual { margin-top: 25px; }
  .governance-layout, .platform-layout, .investor-layout, .contact-card { gap: 55px; }
  .feature-grid { grid-template-columns: repeat(2,1fr); }
  .impact-grid { grid-template-columns: repeat(2,1fr); }
  .split-heading { grid-template-columns: 1fr; gap: 10px; }
}

@media (min-width: 821px) and (max-width: 1050px) {
  .hero-visual { min-height: 640px; }
  .chip-three { bottom: 0; left: 3%; }
}

@media (max-width: 820px) {
  .section { padding: 88px 0; }
  .nav-toggle { display: block; position: relative; z-index: 3; }
  .site-nav { position: fixed; inset: 0; width: 100%; height: 100dvh; min-height: 100vh; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 7px; padding: 95px 30px 40px; background: rgba(4,7,18,.97); backdrop-filter: blur(16px); transform: translateY(-105%); transition: transform .3s cubic-bezier(.2,.8,.2,1); }
  .site-nav.open { transform: translateY(0); }
  .site-nav a { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 1.15rem; }
  .site-nav .nav-cta { margin-top: 14px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.22); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(6px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(3) { opacity: 0; }
  .nav-toggle[aria-expanded="true"] span:nth-child(4) { transform: translateY(-6px) rotate(-45deg); }
  .hero { min-height: auto; }
  .hero h1 { font-size: clamp(3rem,13vw,5.3rem); }
  .hero-proof { grid-template-columns: 1fr; gap: 13px; }
  .hero-proof div { display: flex; align-items: baseline; gap: 8px; }
  .hero-visual { min-height: 520px; }
  .system-card { width: 94%; }
  .orbit-one { width: 100%; }
  .floating-chip { display: none; }
  .principle-line { flex-wrap: wrap; justify-content: center; padding: 24px 0; }
  .principle-line i { min-width: 45px; }
  .operations-comparison { grid-template-columns: 1fr; }
  .comparison-divider { height: 68px; background: linear-gradient(90deg,#e8edf7 50%,#10214e 50%); }
  .contact-card { padding: 40px; }
  .footer-top { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .nav-shell { min-height: 72px; }
  .principle-band-top { padding-top: 72px; }
  .brand-word { font-size: .82rem; letter-spacing: .18em; }
  .hero { padding: 125px 0 75px; }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { width: 100%; }
  .hero-visual { min-height: 475px; }
  .system-card { width: 100%; border-radius: 20px; }
  .operation-stack { padding: 12px; }
  .op-row { grid-template-columns: 28px 1fr; padding: 12px; }
  .op-state { grid-column: 2; }
  .feature-grid, .impact-grid, .field-row { grid-template-columns: 1fr; }
  .section-heading h1, .section-heading h2, .governance-copy h2, .platform-copy h2, .investor-copy h2, .contact-copy h2 { font-size: clamp(2.45rem,12vw,3.7rem); }
  .feature-card { min-height: auto; }
  .decision-radar { height: 330px; }
  .r3 { width: 280px; height: 280px; }
  .comparison-side { padding: 35px 28px; }
  .contact-card { padding: 32px 22px; }
  .footer-bottom { flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; }
}

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

/* ─────────────────────────────────────────────────────────────
   Production readiness additions — v1.3
   ───────────────────────────────────────────────────────────── */
.form-trap {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.consent-field {
  display: grid !important;
  grid-template-columns: 18px 1fr;
  align-items: start;
  gap: 10px;
  color: #66748c;
  font-size: .77rem;
  line-height: 1.55;
  font-weight: 500 !important;
}

.consent-field input {
  width: 17px !important;
  height: 17px;
  margin: 2px 0 0;
  padding: 0 !important;
  accent-color: #2368ff;
  box-shadow: none !important;
}

.consent-field a,
.contact-fallback a,
.legal-content a {
  color: #155de2;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.contact-fallback {
  margin-top: 18px !important;
  font-size: .82rem !important;
}

.contact-form button[disabled] {
  cursor: wait;
  opacity: .68;
  transform: none;
}

.form-status.is-busy {
  color: #155de2;
}

noscript {
  display: block;
  margin-top: 15px;
  color: #8a5260;
  font-size: .78rem;
}

/* Legal and policy pages */
.legal-page {
  min-height: 100vh;
  background: #f5f8ff;
  color: var(--ink);
}

.legal-hero {
  position: relative;
  overflow: hidden;
  padding: 160px 0 88px;
  background:
    radial-gradient(circle at 78% 8%, rgba(33, 111, 255, .24), transparent 34%),
    linear-gradient(150deg, #050817, #0a1738 72%, #0d2459);
  color: white;
}

.legal-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(111, 151, 237, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 151, 237, .05) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, black, transparent 94%);
}

.legal-hero .container {
  position: relative;
  z-index: 1;
}

.legal-hero h1 {
  max-width: 850px;
  margin: 20px 0 18px;
  font-size: clamp(3rem, 7vw, 5.6rem);
  line-height: .98;
  letter-spacing: -.055em;
}

.legal-hero p {
  max-width: 700px;
  margin: 0;
  color: #aab8d4;
  font-size: 1rem;
  line-height: 1.75;
}

.legal-main {
  padding: 82px 0 110px;
}

.legal-layout {
  display: grid;
  grid-template-columns: minmax(190px, 260px) minmax(0, 780px);
  justify-content: space-between;
  gap: 80px;
}

.legal-nav {
  position: sticky;
  top: 115px;
  align-self: start;
  display: grid;
  gap: 9px;
  padding: 22px;
  border: 1px solid #dfe6f3;
  border-radius: 18px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 18px 55px rgba(16, 40, 92, .06);
}

.legal-nav strong {
  margin-bottom: 7px;
  font-size: .7rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #2a5ca8;
}

.legal-nav a {
  color: #64728a;
  font-size: .82rem;
}

.legal-nav a:hover {
  color: #145cf1;
}

.legal-content {
  min-width: 0;
}

.legal-content section {
  scroll-margin-top: 115px;
  padding: 0 0 38px;
  margin: 0 0 38px;
  border-bottom: 1px solid #dfe6f3;
}

.legal-content section:last-child {
  border-bottom: 0;
}

.legal-content h2 {
  margin: 0 0 15px;
  font-size: 1.65rem;
  letter-spacing: -.035em;
}

.legal-content h3 {
  margin: 25px 0 10px;
  font-size: 1.05rem;
}

.legal-content p,
.legal-content li {
  color: #5d6c84;
  line-height: 1.8;
  font-size: .94rem;
}

.legal-content ul {
  margin: 12px 0 0;
  padding-left: 20px;
}

.legal-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding: 9px 13px;
  border: 1px solid rgba(99, 225, 255, .17);
  border-radius: 999px;
  background: rgba(34, 124, 255, .1);
  color: #b8c8e7;
  font-size: .7rem;
  letter-spacing: .04em;
}

.legal-meta::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5eeaff;
  box-shadow: 0 0 14px rgba(94, 234, 255, .75);
}

.legal-note {
  padding: 18px 20px;
  border-left: 3px solid #2f76ff;
  border-radius: 0 13px 13px 0;
  background: #edf3ff;
  color: #42536f !important;
}

@media (max-width: 820px) {
  .legal-hero { padding: 130px 0 72px; }
  .legal-layout { grid-template-columns: 1fr; gap: 40px; }
  .legal-nav { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .legal-nav strong { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .legal-nav { grid-template-columns: 1fr; }
}

/* Keep legal-page navigation usable without a hamburger button. */
@media (max-width: 820px) {
  .legal-site-nav {
    position: static;
    inset: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 0;
    background: transparent;
    backdrop-filter: none;
    transform: none;
  }

  .legal-site-nav a {
    padding: 0;
    border: 0;
    font-size: .77rem;
  }

  .legal-site-nav .nav-cta {
    margin: 0;
    padding: 9px 13px;
  }
}

@media (max-width: 560px) {
  .legal-site-nav a:not(.nav-cta) { display: none; }
}

/* ─────────────────────────────────────────────────────────────
   Operational intelligence experience — v1.5
   ───────────────────────────────────────────────────────────── */
.intelligence-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 18%, rgba(20, 117, 255, .17), transparent 30%),
    radial-gradient(circle at 12% 78%, rgba(39, 221, 255, .09), transparent 29%),
    #03060f;
  color: #fff;
}
.intelligence-grid-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .48;
  background-image:
    linear-gradient(rgba(76, 132, 255, .052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(76, 132, 255, .052) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, transparent 0%, black 16%, black 84%, transparent 100%);
}
.intelligence-section .container { position: relative; z-index: 1; }
.intelligence-heading { max-width: 1010px; }
.intelligence-heading h2 { max-width: 940px; }
.intelligence-statement {
  max-width: 900px !important;
  color: #9aa9c5 !important;
  font-size: clamp(1.02rem, 1.65vw, 1.28rem) !important;
  line-height: 1.72 !important;
}
.intelligence-stage {
  position: relative;
  min-height: 720px;
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid rgba(73, 202, 255, .22);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 50%, rgba(34, 103, 255, .15), transparent 24%),
    linear-gradient(145deg, rgba(8, 17, 40, .92), rgba(2, 6, 16, .94));
  box-shadow: 0 48px 130px rgba(0, 0, 0, .54), 0 0 80px rgba(25, 132, 255, .07);
  isolation: isolate;
}
.intelligence-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .46;
  background-image:
    linear-gradient(rgba(78, 145, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 145, 255, .045) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: radial-gradient(circle at 50% 50%, black 0 48%, transparent 80%);
}
.intelligence-stage::after {
  content: "";
  position: absolute;
  inset: 28px;
  border: 1px solid rgba(75, 138, 246, .08);
  border-radius: 23px;
  pointer-events: none;
}
.intelligence-halo {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(58, 198, 255, .12);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.halo-one { width: 460px; height: 460px; }
.halo-two { width: 600px; height: 600px; border-color: rgba(61, 111, 255, .08); }
.intelligence-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  width: 268px;
  height: 268px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(70, 222, 255, .32);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, rgba(83, 224, 255, .20), transparent 24%),
    radial-gradient(circle at 50% 55%, rgba(32, 86, 219, .34), rgba(5, 12, 31, .96) 63%);
  box-shadow:
    0 0 0 18px rgba(31, 103, 255, .035),
    0 0 90px rgba(38, 138, 255, .26),
    inset 0 0 52px rgba(42, 192, 255, .11);
  transform: translate(-50%, -50%);
}
.core-content { position: relative; z-index: 3; text-align: center; }
.core-content span,
.core-content strong,
.core-content small { display: block; }
.core-content span { color: #57e5ff; font-size: .59rem; font-weight: 850; letter-spacing: .18em; }
.core-content strong {
  margin-top: 10px;
  color: #f6f9ff;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: .10em;
  text-shadow: 0 0 30px rgba(57, 214, 255, .24);
}
.core-content small { margin-top: 12px; color: #71819e; font-size: .55rem; font-weight: 750; letter-spacing: .13em; }
.core-orbit {
  position: absolute;
  inset: -19px;
  border: 1px solid rgba(61, 222, 255, .22);
  border-radius: 50%;
  animation: intelligenceSpin 18s linear infinite;
}
.core-orbit::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #46e6ff;
  box-shadow: 0 0 16px rgba(70, 230, 255, .9);
}
.orbit-b { inset: -40px; border-color: rgba(70, 113, 255, .15); animation-duration: 27s; animation-direction: reverse; }
.orbit-b::before { top: auto; bottom: -4px; background: #4b75ff; box-shadow: 0 0 16px rgba(75, 117, 255, .9); }
.core-pulse {
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(92, 229, 255, .12);
  border-radius: 50%;
  animation: intelligencePulse 3.2s ease-in-out infinite;
}
.intelligence-capability {
  position: absolute;
  z-index: 5;
  width: 292px;
  min-height: 166px;
  padding: 24px 24px 22px;
  border: 1px solid rgba(88, 146, 244, .16);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(13, 27, 59, .88), rgba(5, 11, 27, .94));
  box-shadow: 0 22px 55px rgba(0, 0, 0, .25);
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.intelligence-capability::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(135deg, rgba(51, 222, 255, .08), transparent 54%);
  transition: opacity .25s ease;
}
.intelligence-capability:hover {
  z-index: 7;
  border-color: rgba(72, 221, 255, .34);
  background: linear-gradient(145deg, rgba(16, 42, 83, .94), rgba(5, 14, 36, .97));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34), 0 0 40px rgba(41, 155, 255, .08);
  transform: translateY(-5px);
}
.intelligence-capability:hover::after { opacity: 1; }
.capability-semantic { left: 62px; top: 76px; }
.capability-vision { right: 62px; top: 76px; }
.capability-orchestration { left: 62px; bottom: 76px; }
.capability-governance { right: 62px; bottom: 76px; }
.capability-topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.capability-topline span { color: #4adfff; font-size: .56rem; font-weight: 850; letter-spacing: .15em; }
.capability-topline i { color: #45546f; font-size: .6rem; font-style: normal; font-weight: 800; }
.capability-symbol {
  position: absolute;
  right: 22px;
  bottom: 18px;
  color: rgba(64, 219, 255, .12);
  font-size: 3.5rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: -.08em;
}
.intelligence-capability h3 { position: relative; z-index: 1; margin: 34px 0 8px; color: #f1f6ff; font-size: 1.15rem; letter-spacing: -.02em; }
.intelligence-capability p { position: relative; z-index: 1; max-width: 205px; margin: 0; color: #7f8da8; font-size: .76rem; line-height: 1.55; }
.intelligence-stream {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 260px;
  height: 1px;
  overflow: visible;
  background: linear-gradient(90deg, rgba(64, 221, 255, .34), rgba(68, 104, 255, .08));
  transform-origin: left center;
}
.intelligence-stream::after {
  content: "";
  position: absolute;
  inset: -4px 0;
  background: linear-gradient(90deg, transparent, rgba(65, 225, 255, .14), transparent);
  filter: blur(4px);
}
.intelligence-stream span {
  position: absolute;
  top: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #52e5ff;
  box-shadow: 0 0 14px rgba(82, 229, 255, .85);
  animation: streamTravel 3.4s ease-in-out infinite;
}
.stream-one { transform: rotate(216deg); }
.stream-two { transform: rotate(324deg); }
.stream-three { transform: rotate(144deg); }
.stream-four { transform: rotate(36deg); }
.stream-two span { animation-delay: .7s; }
.stream-three span { animation-delay: 1.4s; }
.stream-four span { animation-delay: 2.1s; }
.intelligence-status {
  position: absolute;
  left: 50%;
  bottom: 26px;
  z-index: 8;
  min-width: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 18px;
  border: 1px solid rgba(63, 219, 255, .16);
  border-radius: 999px;
  background: rgba(3, 9, 22, .88);
  box-shadow: 0 12px 35px rgba(0, 0, 0, .32);
  transform: translateX(-50%);
}
.status-pulse {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #47e5ff;
  box-shadow: 0 0 0 6px rgba(71, 229, 255, .07), 0 0 18px rgba(71, 229, 255, .7);
  animation: pulse 2s infinite;
}
.intelligence-status small,
.intelligence-status strong { display: block; }
.intelligence-status small { color: #4c5b73; font-size: .51rem; font-weight: 800; letter-spacing: .14em; }
.intelligence-status strong { margin-top: 2px; color: #aebed7; font-size: .62rem; letter-spacing: .09em; }

@keyframes intelligenceSpin { to { transform: rotate(360deg); } }
@keyframes intelligencePulse {
  0%, 100% { opacity: .5; transform: scale(.96); }
  50% { opacity: 1; transform: scale(1.04); }
}
@keyframes streamTravel {
  0% { left: 2%; opacity: 0; }
  18% { opacity: 1; }
  82% { opacity: 1; }
  100% { left: 96%; opacity: 0; }
}

@media (max-width: 1120px) {
  .intelligence-stage { min-height: 760px; }
  .intelligence-capability { width: 264px; }
  .capability-semantic,
  .capability-orchestration { left: 32px; }
  .capability-vision,
  .capability-governance { right: 32px; }
  .intelligence-stream { width: 220px; }
}

@media (max-width: 900px) {
  .intelligence-stage {
    min-height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 28px;
  }
  .intelligence-stage::after { inset: 14px; }
  .intelligence-halo,
  .intelligence-stream { display: none; }
  .intelligence-core {
    position: relative;
    left: auto;
    top: auto;
    grid-column: 1 / -1;
    width: 240px;
    height: 240px;
    margin: 24px auto 28px;
    transform: none;
  }
  .intelligence-capability {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    min-height: 170px;
  }
  .intelligence-status {
    position: relative;
    left: auto;
    bottom: auto;
    grid-column: 1 / -1;
    min-width: 0;
    width: fit-content;
    max-width: 100%;
    margin: 10px auto 0;
    transform: none;
  }
}

@media (max-width: 620px) {
  .intelligence-stage { grid-template-columns: 1fr; padding: 20px; border-radius: 22px; }
  .intelligence-core { grid-column: auto; width: 210px; height: 210px; margin: 18px auto 24px; }
  .core-content strong { font-size: 2.55rem; }
  .core-content small { max-width: 150px; margin-left: auto; margin-right: auto; line-height: 1.5; }
  .intelligence-capability { min-height: 154px; }
  .intelligence-status { grid-column: auto; width: 100%; border-radius: 16px; justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .core-orbit,
  .core-pulse,
  .intelligence-stream span { animation: none !important; }
}