:root {
  --bg: #07101d;
  --bg-deep: #040914;
  --panel: rgba(12, 25, 42, 0.72);
  --panel-strong: #0d1a2c;
  --line: rgba(171, 213, 255, 0.16);
  --line-strong: rgba(171, 213, 255, 0.34);
  --text: #f4f8ff;
  --muted: #93a6bc;
  --soft: #c7d5e6;
  --cyan: #75f5ff;
  --blue: #5898ff;
  --violet: #9882ff;
  --lime: #b8ff79;
  --danger: #ff8b9f;
  --shell: 1240px;
  --header-h: 76px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg-deep); }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 15% 10%, rgba(49, 103, 168, 0.16), transparent 28%),
    radial-gradient(circle at 86% 15%, rgba(117, 245, 255, 0.07), transparent 24%),
    linear-gradient(180deg, #07101d 0%, #050b15 52%, #07101d 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }

::selection { background: var(--cyan); color: #041018; }

#networkCanvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  opacity: .42;
  pointer-events: none;
}
.grain {
  position: fixed;
  inset: -50%;
  z-index: -1;
  opacity: .045;
  pointer-events: none;
  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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  animation: grainMove .22s steps(2) infinite;
}
.scanline {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: repeating-linear-gradient(180deg, transparent 0 3px, rgba(255,255,255,.012) 3px 4px);
}
@keyframes grainMove { 0%{transform:translate(0,0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(0,0)} }

.boot-screen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #050b15;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 20px;
  transition: opacity .7s ease, visibility .7s ease;
}
.boot-screen.hide { opacity: 0; visibility: hidden; }
.boot-mark { width: 76px; filter: drop-shadow(0 0 24px rgba(117,245,255,.24)); animation: bootPulse 1.2s ease-in-out infinite; }
.boot-line { width: 220px; height: 1px; background: rgba(255,255,255,.12); overflow: hidden; }
.boot-line span { display:block; width: 42%; height:100%; background: linear-gradient(90deg, transparent, var(--cyan), transparent); animation: bootLine 1s linear infinite; }
.boot-screen p { margin:0; color:var(--muted); font-size:10px; letter-spacing:.26em; }
@keyframes bootLine { from{transform:translateX(-100%)} to{transform:translateX(340%)} }
@keyframes bootPulse { 50%{transform:scale(.92); opacity:.65} }

.scroll-progress { position:fixed; z-index:500; top:0; left:0; height:2px; width:0; background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet)); box-shadow:0 0 12px var(--cyan); }
.section-shell { width:min(var(--shell), calc(100% - 48px)); margin-inline:auto; }
.section-pad { padding-block: 130px; }

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  height: var(--header-h);
  z-index: 100;
  padding-inline: max(24px, calc((100vw - var(--shell))/2));
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.site-header.scrolled { background: rgba(5, 11, 21, .74); border-color: var(--line); backdrop-filter: blur(18px); }
.brand { display:inline-flex; align-items:center; gap:12px; min-width:max-content; }
.brand-icon { width:34px; height:34px; display:grid; place-items:center; filter: drop-shadow(0 0 12px rgba(117,245,255,.18)); }
.brand-icon img { width:100%; height:100%; object-fit:contain; }
.brand-word { font-size:18px; font-weight:800; letter-spacing:.22em; }
.nav { justify-self:center; display:flex; align-items:center; gap:34px; }
.nav a { color:#a9b9cc; font-size:12px; letter-spacing:.13em; text-transform:uppercase; transition:color .2s ease; }
.nav a:hover { color:var(--text); }
.header-cta { height:40px; padding:0 16px; border:1px solid var(--line-strong); display:flex; align-items:center; gap:10px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; background:rgba(255,255,255,.02); transition:.2s ease; }
.header-cta:hover { border-color:var(--cyan); color:var(--cyan); background:rgba(117,245,255,.05); }
.menu-toggle { display:none; width:42px; height:42px; border:0; background:transparent; padding:0; position:relative; }
.menu-toggle span { position:absolute; width:22px; height:1px; background:var(--text); left:10px; transition:.25s ease; }
.menu-toggle span:first-child { top:17px; }.menu-toggle span:last-child{top:24px;}
.menu-toggle.active span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

.hero {
  min-height: 100svh;
  padding-top: calc(var(--header-h) + 64px);
  padding-bottom: 74px;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr);
  align-items: center;
  gap: 42px;
}
.eyebrow, .section-index { color:var(--cyan); font-size:10px; letter-spacing:.26em; text-transform:uppercase; display:flex; align-items:center; gap:14px; }
.eyebrow::before, .section-index::before { content:""; width:44px; height:1px; background:currentColor; opacity:.8; }
.hero-title { margin:24px 0 26px; font-size:clamp(58px, 7vw, 108px); line-height:.89; letter-spacing:-.065em; font-weight:620; }
.hero-title span { color:transparent; -webkit-text-stroke:1px rgba(230,242,255,.82); text-shadow:0 0 42px rgba(88,152,255,.12); }
.hero-lead { max-width:650px; margin:0; color:#aabbd0; font-size:clamp(16px,1.45vw,20px); line-height:1.75; }
.hero-actions { display:flex; gap:12px; margin-top:36px; flex-wrap:wrap; }
.btn { min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:18px; border:1px solid transparent; font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; transition:transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { color:#06101a; background:linear-gradient(105deg,#eafcff 0%,#75f5ff 62%,#7cb4ff 100%); box-shadow:0 10px 34px rgba(77,190,255,.15); }
.btn-primary:hover { box-shadow:0 16px 44px rgba(77,190,255,.24); }
.btn-secondary { border-color:var(--line-strong); background:rgba(255,255,255,.025); }
.btn-secondary:hover { border-color:var(--cyan); color:var(--cyan); background:rgba(117,245,255,.04); }
.hero-metrics { margin-top:48px; padding-top:22px; border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); max-width:620px; }
.hero-metrics div { min-width:0; padding-right:18px; }
.hero-metrics strong { display:block; font-size:23px; letter-spacing:-.03em; }
.hero-metrics span { display:block; margin-top:7px; color:#71869d; font-size:9px; letter-spacing:.11em; text-transform:uppercase; }

.hero-visual { position:relative; height:min(660px,72vh); min-height:510px; transform-style:preserve-3d; }
.visual-grid { position:absolute; inset:4% 0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:54px 54px; mask-image:radial-gradient(circle at center,black 0,transparent 72%); opacity:.7; transform:perspective(800px) rotateX(62deg) rotateZ(-12deg) scale(1.1); }
.core-halo { position:absolute; width:290px; height:290px; left:50%; top:49%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(117,245,255,.22),rgba(88,152,255,.06) 42%,transparent 70%); filter:blur(10px); animation:halo 3.8s ease-in-out infinite; }
.core-frame { position:absolute; width:190px; height:190px; left:50%; top:49%; transform:translate(-50%,-50%) rotate(45deg); border:1px solid rgba(117,245,255,.38); background:linear-gradient(145deg,rgba(14,31,52,.95),rgba(7,16,29,.82)); box-shadow:inset 0 0 50px rgba(88,152,255,.08),0 0 70px rgba(43,138,255,.11); display:grid; place-items:center; overflow:hidden; }
.core-frame::before,.core-frame::after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.08)}
.core-frame::after{inset:28px;border-color:rgba(117,245,255,.12)}
.core-frame img { width:116px; transform:rotate(-45deg); filter:drop-shadow(0 0 24px rgba(255,255,255,.25)); z-index:2; }
.orbit { position:absolute; left:50%; top:49%; border:1px solid rgba(117,245,255,.2); border-radius:50%; transform-style:preserve-3d; }
.orbit i { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan); }
.orbit-a { width:340px;height:340px;margin:-170px 0 0 -170px;transform:rotateX(68deg) rotateZ(22deg);animation:orbitA 12s linear infinite}.orbit-a i:nth-child(1){left:25%;top:3%}.orbit-a i:nth-child(2){right:3%;top:52%}.orbit-a i:nth-child(3){left:12%;bottom:13%}
.orbit-b { width:430px;height:260px;margin:-130px 0 0 -215px;transform:rotateX(56deg) rotateZ(-28deg);animation:orbitB 15s linear infinite}.orbit-b i:nth-child(1){right:12%;top:15%}.orbit-b i:nth-child(2){left:2%;bottom:36%}
.orbit-c { width:510px;height:510px;margin:-255px 0 0 -255px;border-color:rgba(152,130,255,.13);animation:spin 28s linear infinite}.orbit-c i{width:5px;height:5px;background:var(--violet);box-shadow:0 0 12px var(--violet)}.orbit-c i:nth-child(1){left:50%;top:-3px}.orbit-c i:nth-child(2){right:7%;top:27%}.orbit-c i:nth-child(3){left:8%;bottom:25%}.orbit-c i:nth-child(4){right:28%;bottom:5%}
@keyframes orbitA{to{transform:rotateX(68deg) rotateZ(382deg)}} @keyframes orbitB{to{transform:rotateX(56deg) rotateZ(-388deg)}} @keyframes spin{to{transform:rotate(360deg)}} @keyframes halo{50%{transform:translate(-50%,-50%) scale(1.16);opacity:.7}}
.signal-card { position:absolute; width:145px; padding:13px 14px; border:1px solid var(--line-strong); background:rgba(7,16,29,.72); backdrop-filter:blur(12px); box-shadow:0 16px 34px rgba(0,0,0,.25); }
.signal-card::before{content:"";position:absolute;left:-34px;top:50%;width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.signal-card span,.signal-card em{display:block;font-style:normal;font-size:8px;letter-spacing:.18em;color:#71869d}.signal-card b{display:block;margin:7px 0;color:var(--cyan);font-size:11px;letter-spacing:.12em}.signal-card-a{top:19%;right:2%;animation:floatA 4s ease-in-out infinite}.signal-card-b{left:1%;bottom:20%;animation:floatA 4.8s ease-in-out infinite reverse}.signal-card-b::before{left:auto;right:-34px;background:linear-gradient(90deg,var(--cyan),transparent)}.signal-card-c{right:5%;bottom:13%;animation:floatA 5.2s ease-in-out infinite}.visual-caption{position:absolute;left:50%;bottom:1%;transform:translateX(-50%);white-space:nowrap;color:#5f748d;font-size:8px;letter-spacing:.28em}
@keyframes floatA{50%{transform:translateY(-12px)}}

.signal-strip { width:100%; overflow:hidden; border-block:1px solid var(--line); background:rgba(255,255,255,.012); }
.signal-track { width:max-content; height:50px; display:flex; align-items:center; gap:26px; animation:ticker 28s linear infinite; }
.signal-track span { color:#7f91a8; font-size:9px; letter-spacing:.22em; }
.signal-track i { width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan); }
@keyframes ticker{to{transform:translateX(-50%)}}

.section-index { margin-bottom:38px; }
.section-heading-row, .manifesto-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end; }
.section-title { margin:0; font-size:clamp(42px,5vw,72px); line-height:1.02; letter-spacing:-.052em; font-weight:590; }
.section-title span { color:#899db4; font-weight:420; }
.section-intro, .manifesto-copy { margin:0; color:#94a7be; font-size:15px; line-height:1.8; }
.manifesto-copy p { margin:0 0 18px; }
.value-grid { margin-top:76px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.value-card { min-height:390px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(180deg,rgba(255,255,255,.018),transparent); position:relative; overflow:hidden; transition:.3s ease; }
.value-card::after { content:""; position:absolute; inset:auto -40% -55% -40%; height:70%; background:radial-gradient(circle,rgba(117,245,255,.1),transparent 65%); opacity:0; transition:.3s ease; }
.value-card:hover { background:rgba(117,245,255,.025); transform:translateY(-6px); }.value-card:hover::after{opacity:1}
.card-number { color:#52667e;font-size:9px;letter-spacing:.18em; }
.value-card h3 { margin:44px 0 14px;font-size:21px;letter-spacing:-.025em}.value-card p{margin:0;color:#8295ab;font-size:13px;line-height:1.75}
.line-icon { width:82px;height:82px;margin-top:42px;position:relative}.line-icon span{position:absolute;display:block;border:1px solid var(--line-strong)}
.icon-open span:nth-child(1){width:58px;height:58px;left:0;top:12px;transform:rotate(45deg)}.icon-open span:nth-child(2){width:38px;height:38px;right:0;top:0;border-color:var(--cyan)}.icon-open span:nth-child(3){width:6px;height:6px;border:0;background:var(--cyan);right:10px;bottom:5px;box-shadow:0 0 12px var(--cyan)}
.icon-proof span:nth-child(1){inset:8px;border-radius:50%}.icon-proof span:nth-child(2){width:28px;height:28px;left:27px;top:27px;border-radius:50%;border-color:var(--cyan)}.icon-proof span:nth-child(3){width:58px;height:1px;border:0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);left:12px;top:40px}
.icon-private span:nth-child(1){width:50px;height:44px;left:16px;bottom:8px}.icon-private span:nth-child(2){width:34px;height:34px;left:24px;top:2px;border-radius:50% 50% 0 0;border-color:var(--cyan)}.icon-private span:nth-child(3){width:5px;height:16px;left:39px;top:42px;border:0;background:var(--cyan)}
.icon-value span:nth-child(1){width:60px;height:60px;left:11px;top:11px;transform:rotate(45deg)}.icon-value span:nth-child(2){width:40px;height:40px;left:21px;top:21px;transform:rotate(45deg);border-color:var(--cyan)}.icon-value span:nth-child(3){width:8px;height:8px;left:37px;top:37px;border:0;background:#fff;box-shadow:0 0 15px #fff}

.architecture { position:relative; border-block:1px solid var(--line); background:linear-gradient(180deg,rgba(10,23,39,.7),rgba(5,11,21,.35)); overflow:hidden; }
.architecture::before{content:"";position:absolute;width:620px;height:620px;right:-260px;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(88,152,255,.08),transparent 70%)}
.architecture-stage { margin-top:80px; display:grid; grid-template-columns:350px 1fr; border:1px solid var(--line); min-height:620px; background:rgba(4,10,18,.4); }
.arch-labels { border-right:1px solid var(--line); display:flex; flex-direction:column; }
.arch-tab { flex:1; color:#7d91a8; background:transparent; border:0;border-bottom:1px solid var(--line);text-align:left;padding:0 28px;display:flex;align-items:center;gap:18px;cursor:pointer;font-size:12px;letter-spacing:.08em;transition:.2s ease}.arch-tab:last-child{border-bottom:0}.arch-tab span{color:#4f637a;font-size:9px}.arch-tab:hover,.arch-tab.active{color:var(--text);background:rgba(117,245,255,.035)}.arch-tab.active{box-shadow:inset 2px 0 var(--cyan)}.arch-tab.active span{color:var(--cyan)}
.arch-display { position:relative; overflow:hidden; min-height:620px; }
.arch-display::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.arch-stack { position:absolute;width:500px;height:400px;left:52%;top:43%;transform:translate(-50%,-50%) perspective(900px) rotateX(59deg) rotateZ(-25deg);transform-style:preserve-3d;transition:.5s ease}
.arch-plane { position:absolute;inset:0;border:1px solid rgba(117,245,255,.3);background:linear-gradient(135deg,rgba(17,37,60,.88),rgba(6,15,27,.78));box-shadow:inset 0 0 50px rgba(117,245,255,.025);display:flex;align-items:flex-end;padding:24px;transition:.45s ease;transform:translateZ(var(--z));opacity:var(--op)}.arch-plane::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(117,245,255,.025) 40px)}.arch-plane span{position:relative;z-index:2;color:#9bb1c8;font-size:10px;letter-spacing:.16em}.arch-plane.active{border-color:var(--cyan);box-shadow:inset 0 0 60px rgba(117,245,255,.07),0 0 34px rgba(117,245,255,.1);background:linear-gradient(135deg,rgba(22,55,77,.92),rgba(7,19,33,.82))}.p1{--z:0px;--op:.72}.p2{--z:48px;--op:.77}.p3{--z:96px;--op:.82}.p4{--z:144px;--op:.87}.p5{--z:192px;--op:.92}.p6{--z:240px;--op:1}
.arch-detail { position:absolute;left:34px;right:34px;bottom:28px;padding:22px 24px;border:1px solid var(--line);background:rgba(5,12,22,.82);backdrop-filter:blur(14px)}.arch-detail span{color:var(--cyan);font-size:8px;letter-spacing:.2em}.arch-detail h3{margin:10px 0 8px;font-size:19px}.arch-detail p{margin:0;color:#8195ac;font-size:12px;line-height:1.65;max-width:680px}

.market-grid { margin-top:76px; display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.market-card{min-height:620px;padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.006));overflow:hidden;position:relative;transition:.3s ease}.market-card:hover{transform:translateY(-7px);border-color:var(--line-strong)}.market-top{display:flex;justify-content:space-between;align-items:center;color:#50647b;font-size:8px;letter-spacing:.18em}.market-top b{color:#93a6bc;font-size:9px}.market-visual{height:300px;margin:22px -24px 28px;border-block:1px solid var(--line);position:relative;overflow:hidden;background:#07111f}.market-card h3{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:0 0 16px}.market-card p{color:#8296ad;font-size:13px;line-height:1.7;margin:0}.market-card ul{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}.market-card li{padding:10px 0;border-bottom:1px solid var(--line);color:#a5b5c8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.market-card li::before{content:"+";color:var(--cyan);margin-right:10px}
.model-visual{background:radial-gradient(circle at 55% 50%,rgba(88,152,255,.16),transparent 45%),linear-gradient(135deg,#07101c,#0a1a2b)}.model-visual svg{position:absolute;inset:0;width:100%;height:100%}.model-visual path{fill:none;stroke:rgba(117,245,255,.7);stroke-width:1.3;filter:drop-shadow(0 0 8px rgba(117,245,255,.55));stroke-dasharray:8 8;animation:dash 11s linear infinite}.model-node{position:absolute;width:11px;height:11px;border:1px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 14px rgba(117,245,255,.35);z-index:2}.model-node::after{content:"";position:absolute;inset:3px;background:var(--cyan)}.n1{left:8%;top:68%}.n2{left:30%;top:26%}.n3{left:52%;top:58%}.n4{right:25%;top:22%}.n5{right:7%;top:60%}@keyframes dash{to{stroke-dashoffset:-160}}
.data-visual{display:flex;align-items:flex-end;justify-content:center;gap:17px;padding:34px;background:linear-gradient(180deg,rgba(152,130,255,.09),transparent),#07101c}.data-column{width:34px;height:var(--h);border:1px solid rgba(152,130,255,.5);background:repeating-linear-gradient(180deg,rgba(152,130,255,.22) 0 8px,transparent 8px 16px);box-shadow:0 0 24px rgba(152,130,255,.08);animation:dataPulse 3s ease-in-out infinite}.data-column:nth-child(1){--h:40%;animation-delay:.1s}.data-column:nth-child(2){--h:66%;animation-delay:.3s}.data-column:nth-child(3){--h:86%;animation-delay:.5s}.data-column:nth-child(4){--h:58%;animation-delay:.7s}.data-column:nth-child(5){--h:74%;animation-delay:.9s}.data-column:nth-child(6){--h:48%;animation-delay:1.1s}@keyframes dataPulse{50%{filter:brightness(1.6);transform:translateY(-8px)}}
.compute-visual{background:radial-gradient(circle at center,rgba(117,245,255,.14),transparent 38%),#07101c}.compute-orb{position:absolute;width:160px;height:160px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(117,245,255,.25);box-shadow:inset 0 0 50px rgba(117,245,255,.08)}.compute-orb i{position:absolute;inset:18px;border:1px solid rgba(117,245,255,.18);border-radius:50%;animation:spin 12s linear infinite}.compute-orb i:nth-child(2){inset:40px;border-color:rgba(152,130,255,.3);animation-direction:reverse;animation-duration:8s}.compute-orb i:nth-child(3){inset:67px;background:var(--cyan);border:0;box-shadow:0 0 28px var(--cyan)}.compute-pulse{position:absolute;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(117,245,255,.1);border-radius:50%;animation:pulseRing 3s ease-out infinite}@keyframes pulseRing{to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
.developer-strip{margin-top:16px;border:1px solid var(--line);padding:32px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(90deg,rgba(117,245,255,.035),transparent)}.developer-strip span{font-size:8px;color:var(--cyan);letter-spacing:.2em}.developer-strip h3{font-size:23px;margin:10px 0 0}.developer-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.developer-tools span{border:1px solid var(--line);padding:11px 13px;color:#93a6bc;background:rgba(255,255,255,.014)}

.proof-section { border-block:1px solid var(--line); background:linear-gradient(180deg,rgba(8,19,33,.8),rgba(5,11,21,.7)); }
.proof-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center}.proof-points{margin-top:38px;border-top:1px solid var(--line)}.proof-points>div{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.proof-points b{color:var(--cyan);font-size:9px;letter-spacing:.14em}.proof-points span{color:#8598ae;font-size:12px;line-height:1.6}.proof-points strong{display:block;color:var(--text);font-size:12px;letter-spacing:.05em;margin-bottom:4px}
.proof-terminal{border:1px solid var(--line-strong);background:#050c16;box-shadow:0 30px 80px rgba(0,0,0,.3),0 0 80px rgba(88,152,255,.07);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.terminal-head{height:46px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px}.terminal-head i{width:7px;height:7px;border-radius:50%;background:#36506a}.terminal-head span{margin-left:10px;color:#596f87;font-size:8px;letter-spacing:.18em}.proof-terminal pre{margin:0;padding:30px;overflow:auto;min-height:430px}.proof-terminal code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#a9bad0;font-size:12px;line-height:1.85}.cyan{color:var(--cyan)}.green{color:var(--lime)}.dim{color:#4f667f}.cursor{animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}

.token-layout{margin-top:74px;display:grid;grid-template-columns:.95fr 1.05fr;gap:16px}.token-chart-card{border:1px solid var(--line);padding:38px;background:rgba(255,255,255,.013)}.token-ring{width:min(360px,80vw);aspect-ratio:1;margin:0 auto 42px;border-radius:50%;background:conic-gradient(var(--cyan) 0 40%,var(--blue) 40% 65%,var(--violet) 65% 80%,#6f83a0 80% 90%,#a5b9cf 90% 95%,#e7f5ff 95% 100%);position:relative;box-shadow:0 0 50px rgba(88,152,255,.08)}.token-ring::before{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--bg-deep)}.token-ring-inner{position:absolute;inset:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-content:center;justify-items:center;background:radial-gradient(circle,rgba(117,245,255,.06),transparent 65%)}.token-ring-inner img{width:64px;margin-bottom:16px}.token-ring-inner strong{font-size:44px;letter-spacing:-.05em}.token-ring-inner span{color:#71869d;font-size:8px;letter-spacing:.2em;margin-top:7px}.token-legend{display:grid;gap:10px}.token-legend div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;color:#93a6bb;font-size:11px}.token-legend i{width:8px;height:8px;border-radius:50%}.token-legend b{color:var(--text)}.l1{background:var(--cyan)}.l2{background:var(--blue)}.l3{background:var(--violet)}.l4{background:#6f83a0}.l5{background:#a5b9cf}.l6{background:#e7f5ff}
.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.utility-card{min-height:210px;border:1px solid var(--line);padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);transition:.25s ease}.utility-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.utility-card>span{color:var(--cyan);font-size:8px;letter-spacing:.19em}.utility-card h3{font-size:22px;margin:42px 0 12px}.utility-card p{margin:0;color:#8296ad;font-size:12px;line-height:1.7}.utility-card.wide{grid-column:1/-1;min-height:230px;background:linear-gradient(115deg,rgba(117,245,255,.055),rgba(152,130,255,.025))}.utility-card.wide h3{max-width:500px;margin-top:34px;font-size:28px}.utility-card.wide p{max-width:680px}

.use-cases{border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(12,24,40,.5),rgba(5,11,21,.3))}.case-grid{margin-top:74px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.case-card{min-height:330px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:rgba(255,255,255,.01);transition:.25s ease}.case-card:hover{background:rgba(117,245,255,.025)}.case-card>span{color:#566b82;font-size:8px;letter-spacing:.2em}.case-card h3{font-size:29px;letter-spacing:-.035em;margin:80px 0 16px}.case-card p{margin:0;max-width:500px;color:#879ab0;font-size:13px;line-height:1.75}.case-card b{position:absolute;right:28px;top:28px;color:var(--cyan);font-size:8px;letter-spacing:.2em;border:1px solid var(--line);padding:8px 10px}

.governance-panel{border:1px solid var(--line);padding:70px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:radial-gradient(circle at 18% 50%,rgba(88,152,255,.09),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.02),transparent);overflow:hidden}.governance-orb{width:min(340px,70vw);aspect-ratio:1;border:1px solid var(--line-strong);border-radius:50%;position:relative;display:grid;place-items:center;margin:auto;box-shadow:inset 0 0 70px rgba(117,245,255,.04)}.governance-orb::before,.governance-orb::after{content:"";position:absolute;border-radius:50%;border:1px solid var(--line)}.governance-orb::before{inset:28px}.governance-orb::after{inset:64px}.governance-orb i{position:absolute;width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}.governance-orb i:nth-child(1){top:13%;left:24%}.governance-orb i:nth-child(2){right:8%;top:49%}.governance-orb i:nth-child(3){bottom:12%;left:37%}.governance-orb span{font-size:64px;letter-spacing:.1em;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(117,245,255,.7)}.governance-copy p{color:#8fa2b8;line-height:1.8;font-size:14px}.governance-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.governance-tags span{border:1px solid var(--line);padding:9px 11px;color:#8296ad;font-size:8px;letter-spacing:.14em}

.roadmap{border-block:1px solid var(--line);background:rgba(4,10,18,.4)}.roadmap-line{margin-top:82px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.roadmap-line::before{content:"";position:absolute;left:0;right:0;top:17px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue),rgba(152,130,255,.4),var(--line))}.road-phase{padding:0 28px 0 0;min-height:360px;position:relative}.phase-dot{width:35px;height:35px;border:1px solid var(--line-strong);background:var(--bg-deep);display:grid;place-items:center;transform:rotate(45deg);margin-bottom:34px}.phase-dot i{width:7px;height:7px;background:#647a92}.road-phase.active .phase-dot{border-color:var(--cyan);box-shadow:0 0 20px rgba(117,245,255,.2)}.road-phase.active .phase-dot i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.road-phase>span{color:#60758d;font-size:8px;letter-spacing:.2em}.road-phase h3{font-size:27px;margin:14px 0}.road-phase p{color:#8498af;font-size:12px;line-height:1.75;margin:0}.road-phase b{display:block;color:#a7b8ca;font-size:8px;letter-spacing:.16em;margin-top:22px}

.contract-panel{border:1px solid var(--line-strong);padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:linear-gradient(130deg,rgba(117,245,255,.06),rgba(88,152,255,.025) 52%,rgba(152,130,255,.045));box-shadow:0 30px 90px rgba(0,0,0,.25)}.contract-kicker{color:var(--cyan);font-size:9px;letter-spacing:.22em}.contract-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.05em;margin:22px 0}.contract-copy p{color:#90a3b8;font-size:13px;line-height:1.75;max-width:500px}.contract-actions{align-self:center}.contract-box{border:1px solid var(--line);padding:18px}.contract-box>span{display:block;color:#62768d;font-size:8px;letter-spacing:.18em;margin-bottom:12px}.contract-box>div{display:flex;align-items:center;gap:12px}.contract-box code{min-width:0;flex:1;color:#d6e7f7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-box button{border:1px solid var(--line-strong);background:transparent;color:var(--cyan);font-size:8px;letter-spacing:.15em;padding:9px 11px;cursor:pointer}.final-buttons{display:flex;gap:9px;margin-top:12px}.final-buttons .btn{flex:1}.social-btn{width:52px;min-width:52px;height:52px;border:1px solid var(--line-strong);display:grid;place-items:center;background:rgba(255,255,255,.015);transition:.2s ease}.social-btn:hover{border-color:var(--cyan);background:rgba(117,245,255,.05);transform:translateY(-2px)}.social-btn svg{width:19px;height:19px;fill:var(--text)}

.site-footer{padding:54px 0 34px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:46px;align-items:start}.footer-brand p{margin:18px 0 0;color:#687d94;font-size:11px;letter-spacing:.04em}.footer-links{display:flex;gap:26px}.footer-links a{color:#7f93aa;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.footer-links a:hover{color:var(--cyan)}.footer-meta{grid-column:1/-1;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#465b72;font-size:8px;letter-spacing:.15em}
.toast{position:fixed;z-index:1000;left:50%;bottom:28px;transform:translate(-50%,20px);padding:12px 16px;border:1px solid var(--line-strong);background:rgba(6,14,25,.94);backdrop-filter:blur(12px);color:#c9d9e8;font-size:10px;letter-spacing:.09em;opacity:0;visibility:hidden;transition:.25s ease}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.65,.2,1),transform .8s cubic-bezier(.2,.65,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}

@media (max-width: 1100px){
  .nav{gap:20px}.nav a{font-size:10px}.hero{grid-template-columns:1fr 1fr}.hero-visual{height:560px}.value-grid{grid-template-columns:repeat(2,1fr)}.architecture-stage{grid-template-columns:280px 1fr}.arch-stack{width:420px;height:330px}.market-card{min-height:590px}.proof-grid{gap:42px}.governance-panel{padding:48px}.contract-panel{padding:48px}
}
@media (max-width: 900px){
  :root{--header-h:68px}.section-shell{width:min(100% - 32px,var(--shell))}.section-pad{padding-block:96px}.site-header{grid-template-columns:1fr auto;padding-inline:16px}.header-cta{display:none}.menu-toggle{display:block;justify-self:end}.nav{position:fixed;inset:var(--header-h) 0 0 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:28px 16px;background:rgba(5,11,21,.97);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s ease}.nav.open{opacity:1;visibility:visible;transform:none}.nav a{width:100%;padding:20px 4px;border-bottom:1px solid var(--line);font-size:13px}.hero{grid-template-columns:1fr;padding-top:calc(var(--header-h) + 70px);padding-bottom:50px}.hero-copy{z-index:2}.hero-visual{height:540px;min-height:500px}.section-heading-row,.manifesto-grid{grid-template-columns:1fr;gap:28px;align-items:start}.value-grid{margin-top:52px}.architecture-stage{grid-template-columns:1fr}.arch-labels{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.arch-tab{min-height:78px;padding:12px;border-right:1px solid var(--line)}.arch-tab.active{box-shadow:inset 0 2px var(--cyan)}.arch-display{min-height:600px}.market-grid{grid-template-columns:1fr}.market-card{min-height:auto}.market-visual{height:330px}.developer-strip{align-items:flex-start;flex-direction:column}.developer-tools{justify-content:flex-start}.proof-grid{grid-template-columns:1fr}.proof-terminal{transform:none}.token-layout{grid-template-columns:1fr}.governance-panel{grid-template-columns:1fr}.governance-copy{order:-1}.roadmap-line{grid-template-columns:1fr;gap:0;margin-left:12px}.roadmap-line::before{left:16px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,var(--cyan),var(--blue),rgba(152,130,255,.5),var(--line))}.road-phase{padding:0 0 52px 72px;min-height:0}.phase-dot{position:absolute;left:0;top:0;margin:0}.contract-panel{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-meta{grid-column:auto;gap:18px;flex-direction:column}
}
@media (max-width: 640px){
  .section-shell{width:calc(100% - 24px)}.section-pad{padding-block:78px}.hero{padding-top:112px}.hero-title{font-size:54px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-metrics{grid-template-columns:1fr 1fr;gap:20px}.hero-metrics div:last-child{grid-column:1/-1}.hero-visual{height:440px;min-height:440px;margin-inline:-12px}.core-frame{width:132px;height:132px}.core-frame img{width:82px}.core-halo{width:210px;height:210px}.orbit-a{width:240px;height:240px;margin:-120px 0 0 -120px}.orbit-b{width:310px;height:190px;margin:-95px 0 0 -155px}.orbit-c{width:360px;height:360px;margin:-180px 0 0 -180px}.signal-card{width:118px;padding:10px}.signal-card-a{right:1%;top:16%}.signal-card-b{left:0;bottom:18%}.signal-card-c{display:none}.visual-caption{font-size:6px;letter-spacing:.16em}.section-title{font-size:39px}.section-index{margin-bottom:28px}.value-grid{grid-template-columns:1fr}.value-card{min-height:320px}.architecture-stage{margin-top:52px}.arch-labels{grid-template-columns:1fr 1fr}.arch-tab{font-size:10px;min-height:70px}.arch-display{min-height:500px}.arch-stack{width:290px;height:240px;top:41%}.arch-detail{left:12px;right:12px;bottom:12px}.market-visual{height:270px}.market-card{padding:20px}.market-visual{margin-inline:-20px}.developer-strip{padding:22px}.proof-terminal pre{padding:18px;min-height:390px}.proof-terminal code{font-size:10px}.token-chart-card{padding:22px}.token-ring{width:280px}.token-ring-inner{inset:40px}.utility-grid{grid-template-columns:1fr}.utility-card.wide{grid-column:auto}.case-grid{grid-template-columns:1fr}.case-card{min-height:285px}.case-card h3{margin-top:60px}.governance-panel{padding:28px}.governance-orb{width:260px}.governance-orb span{font-size:48px}.contract-panel{padding:28px}.contract-copy h2{font-size:37px}.final-buttons{flex-wrap:wrap}.final-buttons .btn{flex-basis:100%}.contract-box>div{align-items:stretch;flex-direction:column}.contract-box code{white-space:normal;overflow-wrap:anywhere}.contract-box button{align-self:flex-end}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
