/* Opening brand reveal */
html.intro-active, body.intro-active { overflow: hidden; }

.site-intro {
  position: fixed; inset: 0; z-index: 300; display: grid; place-items: center;
  overflow: hidden; background: #01030a; color: #fff; opacity: 1;
  isolation: isolate; cursor: grab;
}
.site-intro.is-dragging { cursor: grabbing; }

.site-intro-vignette {
  position:absolute; inset:-10%; z-index:8; pointer-events:none;
  background:
    radial-gradient(circle at 50% 48%, transparent 24%, rgba(1,3,10,.18) 50%, rgba(1,3,10,.82) 100%),
    linear-gradient(180deg, rgba(2,5,15,.78), rgba(3,9,24,.50) 44%, rgba(0,2,8,.88));
}
.intro-banner-scene {
  position:absolute; inset:-14%; z-index:0; perspective:1500px; transform-style:preserve-3d;
  overflow:hidden;
}
.intro-banner-auto {
  position:absolute; inset:0; transform-style:preserve-3d;
  opacity:0; transform:scale(1.16) rotateX(4deg) rotateY(-7deg);
}
.intro-banner-tilt {
  position:absolute; inset:-4%; transform-style:preserve-3d;
  transform:
    perspective(1500px)
    rotateX(var(--banner-rx, 0deg))
    rotateY(var(--banner-ry, 0deg))
    translateZ(-160px)
    scale(1.14);
  transition:transform .18s cubic-bezier(.2,.8,.2,1);
}
.intro-banner-image {
  width:100%; height:100%; object-fit:cover; display:block;
  transform:translateZ(-90px) scale(1.08);
  filter:saturate(1.34) contrast(1.12) brightness(.68);
}
.intro-banner-color {
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(115deg, rgba(3,14,38,.72), rgba(24,79,170,.16) 40%, rgba(7,17,46,.56)),
    radial-gradient(circle at 50% 50%, rgba(42,139,255,.16), transparent 56%);
  mix-blend-mode:screen;
}
.site-intro-grid {
  position: absolute; inset: -12%; z-index:1; opacity:.19;
  background-image: linear-gradient(rgba(125,187,255,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(125,187,255,.10) 1px, transparent 1px);
  background-size: 78px 78px;
  transform: perspective(900px) rotateX(65deg) translateY(28%);
  transform-origin: center bottom;
  mask-image: linear-gradient(to bottom, transparent 1%, black 28%, black 70%, transparent 100%);
  animation: introGridFloat 5s ease-in-out infinite alternate;
}
.site-intro-noise {
  position:absolute; inset:0; z-index:9; opacity:.045; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.55) .45px, transparent .45px);
  background-size:5px 5px;
}
.site-intro-center {
  position: relative; z-index: 12; width:min(760px, 92vw); text-align:center;
  transform-style:preserve-3d; user-select:none;
}
.intro-scene-caption {
  display:inline-flex; align-items:center; gap:9px; margin-bottom:18px;
  color:rgba(187,218,255,.67); font:700 8px/1 Manrope,sans-serif; letter-spacing:.19em;
  opacity:0; transform:translateY(10px);
}
.scene-dot {
  width:6px; height:6px; border-radius:50%; background:#68c7ff;
  box-shadow:0 0 18px rgba(86,183,255,.85);
}
.intro-mark-wrap {
  position:relative; width:min(470px, 76vw); height:min(270px, 44vw);
  margin:0 auto 10px; display:grid; place-items:center;
  perspective:1300px; transform-style:preserve-3d; touch-action:none;
}
.intro-logo-auto {
  position:relative; width:100%; height:100%;
  display:grid; place-items:center; transform-style:preserve-3d;
  opacity:0; transform:scale(.72) rotateX(16deg) rotateY(-24deg);
}
.intro-logo-tilt {
  position:relative; width:100%; height:100%; display:grid; place-items:center;
  transform-style:preserve-3d;
  transform:
    rotateX(var(--logo-rx, 0deg))
    rotateY(var(--logo-ry, 0deg))
    rotateZ(var(--logo-rz, 0deg));
  transition:transform .12s cubic-bezier(.2,.8,.2,1);
}
.intro-logo-depth,
.intro-logo-front {
  position:absolute; inset:0; display:grid; place-items:center;
  transform-style:preserve-3d; pointer-events:none;
}
.intro-logo-depth img,
.intro-logo-front img {
  width:88%; height:88%; object-fit:contain; display:block;
  transform:translateZ(0);
}
.intro-logo-depth { opacity:.46; filter:blur(.2px) brightness(.62) saturate(.8); }
.depth-1 { transform:translateZ(-2px); opacity:.42; }
.depth-2 { transform:translateZ(-4px); opacity:.34; }
.depth-3 { transform:translateZ(-6px); opacity:.27; }
.depth-4 { transform:translateZ(-8px); opacity:.21; }
.depth-5 { transform:translateZ(-10px); opacity:.16; }
.depth-6 { transform:translateZ(-12px); opacity:.11; }
.intro-logo-front { transform:translateZ(14px); }
.intro-logo {
  position:relative; z-index:4;
  filter:
    drop-shadow(0 0 10px rgba(133,204,255,.34))
    drop-shadow(0 0 28px rgba(58,146,255,.30))
    drop-shadow(0 18px 35px rgba(0,0,0,.55));
}
.intro-shine {
  position:absolute; inset:7%; z-index:6; pointer-events:none;
  background:linear-gradient(112deg, transparent 20%, rgba(255,255,255,.55) 46%, transparent 59%);
  mix-blend-mode:screen; opacity:0; transform:translateX(-70%) skewX(-12deg);
  filter:blur(10px);
}
.intro-glow {
  position:absolute; width:78%; height:72%; border-radius:50%;
  background:radial-gradient(circle, rgba(67,156,255,.29), rgba(50,120,255,.08) 42%, transparent 72%);
  filter:blur(28px); transform:translateZ(-25px); opacity:0;
}
.intro-orbit {
  position:absolute; border:1px solid rgba(129,203,255,.24); border-radius:50%;
  transform-style:preserve-3d; pointer-events:none; opacity:0;
}
.orbit-a { width:68%; height:68%; transform:rotateX(70deg) rotateZ(-18deg) translateZ(-18px); }
.orbit-b { width:92%; height:46%; transform:rotateX(74deg) rotateY(18deg) rotateZ(12deg) translateZ(-30px); border-color:rgba(69,139,255,.17); }
.intro-click-ring {
  position:absolute; width:25px; height:25px; border-radius:50%;
  border:1px solid rgba(153,221,255,.85); opacity:0; pointer-events:none;
}
.intro-wordmark {
  opacity:0; transform:translateY(18px); font:800 clamp(28px,4.5vw,48px)/1 Manrope,sans-serif;
  letter-spacing:-.055em; text-shadow:0 0 28px rgba(63,151,255,.13);
}
.intro-subline {
  margin-top:13px; display:flex; justify-content:center; align-items:center; gap:12px;
  color:#7e99c0; font-size:8px; font-weight:800; letter-spacing:.24em; opacity:0;
}
.intro-subline span { display:block; width:42px; height:1px; background:linear-gradient(90deg,transparent,rgba(94,170,255,.85)); }
.intro-subline span:last-child { transform:rotate(180deg); }
.intro-progress {
  width:min(250px,54vw); height:2px; margin:28px auto 0;
  background:rgba(135,172,225,.12); overflow:hidden; opacity:0;
}
.intro-progress i {
  display:block; width:0; height:100%; background:linear-gradient(90deg,#2f82ee,#6cd6ff);
  box-shadow:0 0 16px rgba(74,161,255,.75);
}
.intro-skip {
  position:absolute; top:22px; right:25px; z-index:20; border:0; background:transparent;
  color:#91a8c9; font:800 8px Manrope,sans-serif; letter-spacing:.15em; cursor:pointer; transition:color .2s ease;
}
.intro-skip:hover { color:#fff; }

.site-intro.intro-ready .intro-banner-auto {
  animation:introBannerIn .95s cubic-bezier(.2,.8,.2,1) .05s forwards,
             introBannerOrbit 5.6s ease-in-out .92s infinite alternate;
}
.site-intro.intro-ready .intro-logo-auto {
  animation:introLogoIn .95s cubic-bezier(.16,.84,.2,1) .35s forwards,
             introLogoFloat 4.6s ease-in-out 1.3s infinite alternate;
}
.site-intro.intro-ready .intro-glow {
  animation:introGlowIn .9s ease-out .75s forwards, introGlowPulse 2.4s ease-in-out 1.65s infinite alternate;
}
.site-intro.intro-ready .intro-orbit { animation:introOrbitIn .9s cubic-bezier(.2,.8,.2,1) 1s forwards; }
.site-intro.intro-ready .intro-shine { animation:introShine 1.15s ease-out 1.22s forwards; }
.site-intro.intro-ready .intro-scene-caption { animation:introCaption .65s ease-out .45s forwards; }
.site-intro.intro-ready .intro-wordmark { animation:introWordmark .72s cubic-bezier(.2,.8,.2,1) 1.62s forwards; }
.site-intro.intro-ready .intro-subline { animation:introSubline .55s ease 1.95s forwards; }
.site-intro.intro-ready .intro-progress { animation:introSubline .35s ease 2.02s forwards; }
.site-intro.intro-ready .intro-progress i { animation:introProgress 3.1s cubic-bezier(.22,1,.36,1) 2.02s forwards; }
.site-intro.intro-ready .intro-click-ring { animation:introClick .95s ease-out 1.38s forwards; }

@keyframes introBannerIn {
  from { opacity:0; transform:scale(1.28) rotateX(8deg) rotateY(-18deg); }
  to { opacity:.70; transform:scale(1.10) rotateX(2deg) rotateY(-4deg); }
}
@keyframes introBannerOrbit {
  from { transform:scale(1.10) rotateX(2deg) rotateY(-4deg) translate3d(-1.5%, 0, 0); }
  to { transform:scale(1.16) rotateX(-3deg) rotateY(5deg) translate3d(1.5%, -1%, 0); }
}
@keyframes introLogoIn {
  0% { opacity:0; transform:scale(.64) rotateX(24deg) rotateY(-38deg) translateZ(-80px); filter:blur(14px); }
  55% { opacity:1; transform:scale(1.08) rotateX(-4deg) rotateY(10deg) translateZ(28px); filter:blur(0); }
  100% { opacity:1; transform:scale(1) rotateX(0) rotateY(0) translateZ(0); filter:none; }
}
@keyframes introLogoFloat { from { transform:translateY(3px) rotateZ(-.4deg); } to { transform:translateY(-5px) rotateZ(.5deg); } }
@keyframes introGlowIn { from { opacity:0; transform:translateZ(-40px) scale(.46); } to { opacity:1; transform:translateZ(-20px) scale(1); } }
@keyframes introGlowPulse { from { transform:translateZ(-20px) scale(.96); opacity:.82; } to { transform:translateZ(-20px) scale(1.07); opacity:1; } }
@keyframes introOrbitIn { from { opacity:0; scale:.55; } to { opacity:1; scale:1; } }
@keyframes introShine { 0% { opacity:0; transform:translateX(-78%) skewX(-12deg); } 30% { opacity:.9; } 100% { opacity:0; transform:translateX(82%) skewX(-12deg); } }
@keyframes introCaption { to { opacity:1; transform:none; } }
@keyframes introSubline { to { opacity:1; transform:none; } }
@keyframes introWordmark { to { opacity:1; transform:none; } }
@keyframes introProgress { to { width:100%; } }
@keyframes introClick {
  0% { opacity:0; transform:scale(.2); box-shadow:0 0 0 0 rgba(81,172,255,.35); }
  18% { opacity:1; }
  100% { opacity:0; transform:scale(7); box-shadow:0 0 0 28px rgba(81,172,255,0); }
}
@keyframes introGridFloat {
  from { transform:perspective(800px) rotateX(62deg) translate3d(-1%,26%,0); }
  to { transform:perspective(800px) rotateX(62deg) translate3d(1%,21%,0); }
}
@media (prefers-reduced-motion: reduce) {
  .site-intro *, .site-intro *::before, .site-intro *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition:none !important; }
}
.site-intro.intro-closing { animation:introExit .65s cubic-bezier(.77,0,.18,1) forwards; }
@keyframes introExit { 0% { opacity:1; transform:scale(1); } 100% { opacity:0; transform:scale(1.03); visibility:hidden; pointer-events:none; } }

:root {
  --bg: #030812;
  --bg-2: #061229;
  --panel: #081633;
  --panel-2: #0b1c3e;
  --text: #f5f8ff;
  --muted: #92a2bf;
  --dim: #556582;
  --line: rgba(141, 178, 230, .16);
  --blue: #4ba1ff;
  --blue-2: #79c0ff;
  --blue-deep: #1467d7;
  --cyan: #54e0ff;
  --green: #42d991;
  --max: 1220px;
  --serif: Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 50% -20%, rgba(22, 83, 180, .18), transparent 42%),
    var(--bg);
  font-family: "DM Sans", system-ui, sans-serif;
  overflow-x: hidden;
}
body::selection { background: rgba(75,161,255,.32); color: #fff; }
img, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(var(--max), calc(100% - 52px)); margin: 0 auto; position: relative; }
.section { padding: 150px 0; position: relative; }

.grain {
  position: fixed; inset: 0; z-index: 50; pointer-events: none; opacity: .045;
  background-image: radial-gradient(rgba(255,255,255,.42) .45px, transparent .45px);
  background-size: 5px 5px;
}
.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 80;
  background: linear-gradient(180deg, rgba(2,7,18,.97) 0%, rgba(2,7,18,.72) 62%, transparent 100%);
  backdrop-filter: blur(12px);
}
.nav { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: flex; align-items: center; gap: 12px; min-width: 220px; }
.logo-slot {
  width: 52px; height: 40px; border-radius: 8px;
  display: grid; place-items: center; overflow: hidden;
  background: rgba(255,255,255,.015);
}
.logo-slot img { width: 52px; height: auto; max-width: none; object-fit: contain; filter: drop-shadow(0 0 10px rgba(121,192,255,.10)); }
.brand-copy strong { display: block; font: 800 15px/1 Manrope, sans-serif; letter-spacing: -.03em; }
.brand-copy small { display: block; margin-top: 5px; font-size: 7px; color: #6e81a1; letter-spacing: .16em; }
.nav-links { display: flex; gap: 32px; font-size: 12px; color: #8fa0be; }
.nav-links a { transition: color .2s ease; }
.nav-links a:hover { color: #fff; }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.nav-cta {
  display: inline-flex; align-items: center; gap: 10px; padding: 11px 15px; border-radius: 999px;
  border: 1px solid rgba(75,161,255,.44); background: rgba(75,161,255,.08); font-size: 11px; font-weight: 800;
  transition: .22s ease;
}
.nav-cta:hover { transform: translateY(-2px); color: #031126; background: var(--blue); border-color: var(--blue); box-shadow: 0 14px 42px rgba(75,161,255,.22); }
.menu-button { display: none; border: 0; background: transparent; padding: 8px; }
.menu-button span { width: 22px; height: 1px; display: block; margin: 5px 0; background: #d7e6ff; }


/* Hero banner layer */
.hero-banner {
  position:absolute; inset:-3%;
  background-image:url("assets/hero-banner.webp"); background-size:cover; background-position:center;
  opacity:.18; filter:saturate(1.18) contrast(1.05) hue-rotate(-10deg);
  transform:scale(1.05); animation:bannerDrift 18s ease-in-out infinite alternate;
  mix-blend-mode:screen;
}
.hero-banner-overlay {
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 74% 30%, rgba(33,103,220,.28), transparent 35%),
    linear-gradient(90deg, rgba(3,8,18,.99) 0%, rgba(3,9,23,.90) 39%, rgba(3,9,23,.61) 67%, rgba(3,9,23,.82) 100%),
    linear-gradient(180deg, rgba(3,8,18,.56), rgba(4,11,26,.92) 92%);
}
.hero-bg { isolation:isolate; }
.hero-bg > * { z-index:auto; }
.hero-copy, .hero-stage { z-index:2; }

.hero { min-height: 890px; display: grid; align-items: center; position: relative; overflow: hidden; padding: 145px 0 110px; }
.hero-bg { position: absolute; inset: 0; pointer-events: none; }
.grid-lines {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(120,160,215,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(120,160,215,.06) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.78), transparent 86%);
}
.blue-orb { position: absolute; border-radius: 50%; filter: blur(95px); pointer-events: none; }
.orb-a { width: 620px; height: 620px; background: #1266da; right: -330px; top: 30px; opacity: .22; }
.orb-b { width: 380px; height: 380px; background: #0ac4ff; left: -240px; bottom: -210px; opacity: .08; }
.ticker-rail {
  position: absolute; top: 118px; left: 0; right: 0; display: flex; justify-content: center; gap: 24px;
  color: #556a8d; font-size: 7px; letter-spacing: .19em; opacity: .7;
}
.ticker-rail span:not(:last-child)::after { content: "•"; color: #275a9e; margin-left: 24px; }
.hero-grid { display: grid; grid-template-columns: .91fr 1.09fr; align-items: center; gap: 72px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .section-label { font-size: 9px; font-weight: 800; letter-spacing: .2em; color: #7d90af; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 23px; }
.eyebrow i, .signal-dot { width: 7px; height: 7px; border-radius: 999px; background: var(--blue); box-shadow: 0 0 18px rgba(75,161,255,.85); }
.eyebrow i { animation: pulse 2.2s infinite; }
@keyframes pulse { 50% { transform: scale(.72); opacity: .6; } }
.hero-kicker { margin: 0 0 15px; color: #3b73b6; font-size: 10px; font-weight: 800; letter-spacing: .22em; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 26px; max-width: 720px; font: 800 clamp(70px, 8vw, 118px)/.86 Manrope, sans-serif; letter-spacing: -.083em; }
h1 em, h2 em { font-family: var(--serif); font-weight: 400; font-style: italic; letter-spacing: -.055em; color: #a9c7ec; }
.hero-lede { max-width: 610px; color: #9aa9c1; font-size: 17px; line-height: 1.72; }
.hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 32px; }
.button {
  min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 16px;
  padding: 0 23px; border-radius: 999px; font-size: 12px; font-weight: 800;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.button.primary { background: linear-gradient(135deg, #58aaff, #2e84ef); color: #041126; box-shadow: 0 20px 55px rgba(35,123,226,.23); }
.button.primary:hover { transform: translateY(-3px); box-shadow: 0 26px 70px rgba(35,123,226,.32); }
.quiet-link { color: #9ba9c0; font-size: 12px; }
.quiet-link span { display: inline-block; margin-left: 8px; transition: transform .2s ease; }
.quiet-link:hover span { transform: translateY(4px); }
.hero-note { display: flex; align-items: center; gap: 9px; margin-top: 18px; color: #5e708d; font-size: 10px; }

.hero-stage { position: relative; min-height: 565px; display: grid; place-items: center; perspective: 1400px; }
.market-card {
  position: relative; width: min(690px, 100%); overflow: hidden; border-radius: 20px; transform: rotate(-2deg) rotateY(-2deg);
  border: 1px solid rgba(139,183,238,.17); background: linear-gradient(145deg, rgba(12,29,62,.95), rgba(4,11,27,.98));
  box-shadow: 0 50px 110px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
}
.market-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, rgba(255,255,255,.05), transparent 26%); }
.market-top { height: 50px; display: grid; grid-template-columns: 1fr 1.6fr 1fr; align-items: center; padding: 0 16px; color: #5f7394; font-size: 8px; letter-spacing: .14em; border-bottom: 1px solid var(--line); }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 6px; height: 6px; border: 1px solid #3e5475; border-radius: 50%; }
.market-top strong { justify-self: end; display: flex; align-items: center; gap: 7px; color: #7692b7; font-size: 8px; }
.market-top strong b { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(66,217,145,.65); }
.market-ticker { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--line); }
.market-ticker div { padding: 15px 17px; border-right: 1px solid var(--line); }
.market-ticker div:last-child { border-right: 0; }
.market-ticker span, .market-ticker strong, .market-ticker em { display: block; }
.market-ticker span { color: #5e7293; font-size: 9px; letter-spacing: .12em; }
.market-ticker strong { margin-top: 4px; font: 700 14px/1 Manrope, sans-serif; }
.market-ticker em { margin-top: 4px; font-size: 9px; color: #53d99b; font-style: normal; }
.chart-box { height: 350px; position: relative; padding: 26px 17px 18px; }
.chart-box::before { content: ""; position: absolute; inset: 28px 17px 55px; background-image: linear-gradient(rgba(109,151,206,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(109,151,206,.06) 1px, transparent 1px); background-size: 80px 58px; }
.chart-box svg { position: absolute; inset: 32px 18px 44px; width: calc(100% - 36px); height: calc(100% - 76px); }
.chart-path { fill: none; stroke: var(--blue); stroke-width: 3.2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 9px rgba(75,161,255,.38)); stroke-linecap: round; }
.chart-pulse { fill: var(--blue); filter: drop-shadow(0 0 10px rgba(75,161,255,.8)); }
.price-axis { position: absolute; right: 15px; top: 27px; bottom: 65px; display: flex; flex-direction: column; justify-content: space-between; font-size: 8px; color: #4f6484; }
.volume-bars { position: absolute; left: 18px; right: 18px; bottom: 21px; display: flex; align-items: flex-end; gap: 5px; height: 40px; }
.volume-bars i { flex: 1; border-radius: 2px 2px 0 0; background: linear-gradient(to top, rgba(75,161,255,.06), rgba(75,161,255,.42)); }
.volume-bars i:nth-child(1){height:20%}.volume-bars i:nth-child(2){height:36%}.volume-bars i:nth-child(3){height:24%}.volume-bars i:nth-child(4){height:52%}.volume-bars i:nth-child(5){height:43%}.volume-bars i:nth-child(6){height:63%}.volume-bars i:nth-child(7){height:45%}.volume-bars i:nth-child(8){height:72%}.volume-bars i:nth-child(9){height:54%}.volume-bars i:nth-child(10){height:84%}.volume-bars i:nth-child(11){height:60%}.volume-bars i:nth-child(12){height:75%}.volume-bars i:nth-child(13){height:68%}.volume-bars i:nth-child(14){height:91%}.volume-bars i:nth-child(15){height:72%}.volume-bars i:nth-child(16){height:82%}.volume-bars i:nth-child(17){height:90%}.volume-bars i:nth-child(18){height:77%}.volume-bars i:nth-child(19){height:96%}.volume-bars i:nth-child(20){height:100%}
.market-bottom { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.market-bottom div { padding: 13px 15px; border-right: 1px solid var(--line); }
.market-bottom div:last-child { border-right: 0; }
.market-bottom small, .market-bottom strong { display: block; }
.market-bottom small { color: #546a8a; font-size: 7px; letter-spacing: .14em; }
.market-bottom strong { margin-top: 4px; font-size: 10px; }
.float-card { position: absolute; z-index: 2; padding: 13px 15px; min-width: 170px; border: 1px solid rgba(121,192,255,.16); background: rgba(5,14,31,.82); backdrop-filter: blur(14px); border-radius: 12px; box-shadow: 0 24px 60px rgba(0,0,0,.38); }
.float-card small, .float-card span { display: block; color: #5f7597; font-size: 7px; letter-spacing: .14em; }
.float-card strong { display: block; margin: 6px 0 4px; font: 700 13px Manrope, sans-serif; }
.float-card span { color: var(--blue-2); }
.float-left { left: -18px; top: 95px; transform: rotate(3deg); }
.float-right { right: -4px; bottom: 70px; transform: rotate(-3deg); }
.stage-ring { position: absolute; border: 1px solid rgba(75,161,255,.08); border-radius: 50%; }
.ring-one { width: 580px; height: 580px; }
.ring-two { width: 720px; height: 720px; opacity: .45; }
.scroll-cue { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; color: #526787; font-size: 8px; letter-spacing: .18em; }
.scroll-cue span { width: 1px; height: 28px; background: linear-gradient(var(--blue), transparent); }

.intro { background: linear-gradient(180deg, #040b1a, #06112a); }
.intro-head, .inside-head, .voice-head { max-width: 850px; text-align: center; margin-inline: auto; }
.intro-head h2, .inside-head h2, .voice-head h2, .section-split h2, .payout-head h2 { margin: 18px 0 24px; font: 800 clamp(48px, 6vw, 78px)/.94 Manrope, sans-serif; letter-spacing: -.07em; }
.intro-head p, .inside-head p, .voice-head p { max-width: 700px; margin: 0 auto; color: #8798b5; font-size: 15px; line-height: 1.75; }
.video-wrap { max-width: 1090px; margin-top: 68px; }
.video-frame { position: relative; overflow: hidden; aspect-ratio: 16/9; border-radius: 20px; border: 1px solid rgba(121,192,255,.19); background: #030711; box-shadow: 0 35px 90px rgba(0,0,0,.4); }
.video-frame video { width: 100%; height: 100%; object-fit: cover; background: #02050b; }
.video-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; background: linear-gradient(180deg, rgba(2,7,18,.08), rgba(2,7,18,.62)); transition: opacity .4s ease; }
.video-overlay.hidden { opacity: 0; pointer-events: none; }
.video-badge { align-self: flex-start; position: absolute; top: 18px; left: 20px; padding: 8px 10px; border-radius: 999px; border: 1px solid rgba(121,192,255,.18); background: rgba(4,11,27,.58); color: #9fb4d4; font-size: 7px; letter-spacing: .16em; }
.video-badge span, .toolbar-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); margin-right: 6px; box-shadow: 0 0 12px rgba(75,161,255,.8); }
.play-button { width: 92px; height: 92px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(121,192,255,.44); color: #ddecff; background: rgba(19,77,164,.22); box-shadow: 0 0 90px rgba(75,161,255,.14); cursor: pointer; transition: transform .22s ease, background .22s ease; }
.play-button:hover { transform: scale(1.06); background: rgba(75,161,255,.25); }
.play-button span { margin-left: 4px; font-size: 17px; }
.video-caption { align-self: flex-end; position: absolute; right: 22px; bottom: 19px; text-align: right; }
.video-caption strong { display: block; font: 800 20px Manrope, sans-serif; letter-spacing: -.03em; }
.video-caption span { display: block; margin-top: 5px; color: #7890b3; font-size: 8px; letter-spacing: .16em; }
.video-toolbar { display: flex; justify-content: space-between; gap: 20px; padding: 12px 3px; color: #536786; font-size: 7px; letter-spacing: .14em; }
.video-toolbar div { color: #7d93b4; }

.manifesto { background: #040b19; }
.section-split { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; }
.section-split > p, .payout-side p { color: #8898b3; line-height: 1.75; font-size: 14px; margin-bottom: 4px; }
.pillars { margin-top: 74px; display: grid; grid-template-columns: repeat(4,1fr); }
.pillar { min-height: 250px; padding: 0 25px 0 0; border-right: 1px solid var(--line); }
.pillar:not(:first-child) { padding-left: 25px; }
.pillar:last-child { border-right: 0; }
.pillar > span { color: #4c6690; font-size: 8px; letter-spacing: .15em; }
.pillar h3 { margin: 38px 0 12px; font: 700 28px Manrope, sans-serif; letter-spacing: -.04em; }
.pillar p { max-width: 230px; color: #7587a6; font-size: 12px; line-height: 1.7; }
.pillar-line { margin-top: 36px; width: 82%; height: 2px; background: rgba(75,161,255,.08); overflow: hidden; }
.pillar-line i { display: block; width: 55%; height: 100%; background: linear-gradient(90deg, #1c6dd6, #58adff); }
.pillar:nth-child(2) .pillar-line i { width: 72%; }.pillar:nth-child(3) .pillar-line i { width: 86%; }.pillar:nth-child(4) .pillar-line i { width: 61%; }

.payout-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #050c1c, #07152f 58%, #061126); }
.payout-bg { position: absolute; inset: 0; pointer-events: none; }
.orb-c { width: 500px; height: 500px; background: #125fe0; right: -200px; top: 80px; opacity: .13; }
.orb-d { width: 360px; height: 360px; background: #00c8ff; left: -220px; bottom: -80px; opacity: .08; }
.payout-head { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 80px; }
.payout-side { padding-bottom: 8px; }
.scroll-hint { display: inline-block; margin-top: 22px; color: #4f6c98; font-size: 7px; letter-spacing: .18em; }
.payout-wall-shell { height: 760px; margin-top: 70px; overflow: hidden; position: relative; border-top: 1px solid rgba(121,192,255,.09); border-bottom: 1px solid rgba(121,192,255,.09); background: rgba(3,10,25,.34); }
.payout-wall-shell::before, .payout-wall-shell::after { content: ""; position: absolute; left: 0; right: 0; z-index: 6; pointer-events: none; }
.payout-wall-shell::before { top: 0; height: 120px; background: linear-gradient(180deg, #050c1c 0%, rgba(5,12,28,.82) 38%, transparent 100%); }
.payout-wall-shell::after { bottom: 0; height: 140px; background: linear-gradient(0deg, #061126 0%, rgba(6,17,38,.82) 40%, transparent 100%); }
.payout-wall { position: absolute; inset: -240px -24px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; transform: rotate(-1.1deg) scale(1.04); transform-origin: center; }
.wall-column { min-width: 0; overflow: visible; }
.wall-column-track { display: flex; flex-direction: column; gap: 16px; animation: driftUp 42s linear infinite; will-change: transform; }
.wall-2 .wall-column-track { animation-duration: 48s; animation-delay: -13s; }
.wall-3 .wall-column-track { animation-duration: 44s; animation-delay: -21s; }
.wall-4 .wall-column-track { animation-duration: 51s; animation-delay: -31s; }
.wall-set { display: flex; flex-direction: column; gap: 16px; flex: 0 0 auto; }
@keyframes driftUp { from { transform: translateY(0); } to { transform: translateY(calc(-50% - 8px)); } }
.payout-card { margin: 0; position: relative; overflow: hidden; border-radius: 14px; border: 1px solid rgba(121,192,255,.15); background: #07132c; box-shadow: 0 18px 46px rgba(0,0,0,.30); cursor: zoom-in; isolation: isolate; }
.payout-card::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(145deg, rgba(75,161,255,.12), transparent 34%, transparent 72%, rgba(4,11,27,.16)); opacity: .75; pointer-events: none; }
.payout-card img { position: relative; z-index: 0; display: block; width: 100%; height: auto; max-width: none; opacity: 1; visibility: visible; transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .5s ease; }
.payout-card:hover img { transform: scale(1.035); filter: saturate(1.08) brightness(1.06); }
.payout-center-card {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5;
  width: min(360px, 72%); padding: 30px 34px; text-align: center; border-radius: 18px;
  border: 1px solid rgba(121,192,255,.2); background: rgba(4,13,31,.84); backdrop-filter: blur(18px);
  box-shadow: 0 28px 85px rgba(0,0,0,.42);
}
.payout-center-card span { display: block; color: #6581a9; font-size: 7px; font-weight: 800; letter-spacing: .18em; }
.payout-center-card strong { display: block; margin: 16px 0 18px; font: 800 43px/.91 Manrope, sans-serif; letter-spacing: -.06em; }
.payout-center-card em { font-family: var(--serif); font-weight: 400; color: #9fc9f6; }
.payout-center-card button { border: 0; padding: 0; background: none; color: #7fb8ff; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.wall-fade { position: absolute; z-index: 4; left: 0; right: 0; height: 150px; pointer-events: none; }
.wall-fade.top { top: 0; background: linear-gradient(#06132b, transparent); }
.wall-fade.bottom { bottom: 0; background: linear-gradient(transparent, #06132b); }

.inside { background: #030a18; }
.inside-grid { margin-top: 75px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: stretch; }
.inside-feature { position: relative; min-height: 390px; padding: 34px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(24,63,121,.18), rgba(255,255,255,.015)); }
.inside-feature::after { content: ""; position: absolute; width: 320px; height: 320px; right: -160px; bottom: -160px; border-radius: 50%; background: #2384f0; filter: blur(110px); opacity: .12; }
.inside-index { color: #5271a0; font-size: 8px; letter-spacing: .14em; }
.inside-feature h3 { margin: 85px 0 17px; font: 800 50px/.95 Manrope, sans-serif; letter-spacing: -.06em; }
.inside-feature p { max-width: 560px; color: #8394af; font-size: 13px; line-height: 1.75; }
.inside-tags { position: absolute; left: 34px; right: 34px; bottom: 28px; display: flex; gap: 8px; flex-wrap: wrap; }
.inside-tags span { padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; color: #6881a6; font-size: 7px; letter-spacing: .13em; }
.inside-list { display: flex; flex-direction: column; gap: 10px; }
.inside-row { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 23px 0; border-top: 1px solid var(--line); }
.inside-row > span { color: #4d6792; font-size: 8px; }
.inside-row strong { font: 700 18px Manrope, sans-serif; letter-spacing: -.02em; }
.inside-row p { margin: 7px 0 0; color: #7183a1; font-size: 11px; line-height: 1.58; }

.voices { background: linear-gradient(180deg, #040b18, #051027); }
.voice-head { max-width: 760px; }
.quote-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 62px; }
.quote-card { margin: 0; min-height: 285px; padding: 29px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: rgba(6,16,36,.86); }
.quote-card > span { color: #68aafa; font: 58px/1 var(--serif); }
.quote-card p { flex: 1; margin: 16px 0; color: #95a5bf; font-size: 13px; line-height: 1.72; }
.quote-card footer { display: flex; align-items: center; gap: 10px; }
.quote-card footer i { width: 27px; height: 27px; border-radius: 9px; background: linear-gradient(135deg, #7bbfff, #173765); }
.quote-card footer strong, .quote-card footer small { display: block; }
.quote-card footer strong { font-size: 9px; }
.quote-card footer small { color: #536986; margin-top: 3px; font-size: 7px; }

.final-cta { padding-bottom: 112px; overflow: hidden; background: #030915; text-align: center; }
.cta-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(120,160,215,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(120,160,215,.05) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.8) 38%, transparent 94%); }
.final-inner { max-width: 890px; }
.final-inner h2 { margin: 20px 0 24px; font: 800 clamp(56px, 7vw, 96px)/.9 Manrope, sans-serif; letter-spacing: -.075em; }
.final-inner > p { max-width: 580px; margin: 0 auto 32px; color: #8292ad; line-height: 1.7; font-size: 14px; }
.button-large { min-width: 245px; min-height: 60px; }
.cta-meta { display: flex; justify-content: center; gap: 9px; flex-wrap: wrap; margin-top: 38px; }
.cta-meta span { padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; color: #526886; font-size: 7px; letter-spacing: .14em; }

.footer { padding: 28px 0 35px; border-top: 1px solid var(--line); background: #020713; }
.footer-row { display: grid; grid-template-columns: 1fr 1.5fr auto; gap: 30px; align-items: center; }
.footer-brand { display: flex; align-items: center; gap: 10px; }
.footer-brand .logo-slot { width: 48px; height: 32px; }
.footer-brand .logo-slot img { width: 46px; }
.footer-brand strong, .footer-brand small { display: block; }
.footer-brand strong { font-size: 10px; }
.footer-brand small { margin-top: 4px; color: #52637f; font-size: 7px; }
.footer-row p { max-width: 540px; margin: 0; color: #455672; font-size: 8px; line-height: 1.6; }
.footer-row > a:last-child { color: #7890b1; font-size: 9px; }

.lightbox { position: fixed; inset: 0; z-index: 150; display: grid; place-items: center; padding: 24px; background: rgba(1,5,14,.92); backdrop-filter: blur(12px); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.lightbox.open { opacity: 1; visibility: visible; }
.lightbox img { max-width: min(960px, 94vw); max-height: 88vh; border-radius: 12px; border: 1px solid rgba(121,192,255,.18); box-shadow: 0 40px 100px rgba(0,0,0,.55); }
.lightbox-close { position: absolute; top: 18px; right: 23px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(121,192,255,.2); color: #b8cff0; background: rgba(7,17,37,.7); cursor: pointer; font-size: 26px; line-height: 1; }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity .85s cubic-bezier(.22,1,.36,1), transform .85s cubic-bezier(.22,1,.36,1); }
.reveal-right { transform: translateX(32px) scale(.985); }
.reveal.visible { opacity: 1; transform: none; }
.delay-1 { transition-delay: .08s; }.delay-2 { transition-delay: .16s; }.delay-3 { transition-delay: .24s; }

@media (max-width: 960px) {
  .section { padding: 110px 0; }
  .nav { min-height: 74px; }
  .nav-links { display: none; position: absolute; left: 15px; right: 15px; top: 67px; flex-direction: column; gap: 0; padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: rgba(3,10,24,.96); box-shadow: 0 20px 60px rgba(0,0,0,.38); }
  .nav-links.mobile-open { display: flex; }
  .nav-links a { padding: 13px 11px; }
  .menu-button { display: block; }
  .hero { min-height: auto; padding-top: 140px; }
  .hero-grid, .section-split, .payout-head, .inside-grid { grid-template-columns: 1fr; gap: 55px; }
  .hero-stage { min-height: 500px; }
  .pillars { grid-template-columns: repeat(2,1fr); }
  .pillar { border-right: 0; border-bottom: 1px solid var(--line); padding-bottom: 27px; }
  .pillar:nth-child(even) { padding-left: 25px; border-left: 1px solid var(--line); }
  .pillar:nth-last-child(-n+2) { border-bottom: 0; padding-top: 27px; }
  .payout-wall-shell { height: 700px; }
  .payout-wall { grid-template-columns: repeat(3,1fr); }
  .wall-4 { display: none; }
  .quote-grid { grid-template-columns: 1fr; }
  .footer-row { grid-template-columns: 1fr; gap: 15px; }
}

@media (max-width: 620px) {
  .container { width: min(var(--max), calc(100% - 30px)); }
  .brand { min-width: 0; }
  .brand-copy small { display: none; }
  .nav-cta { padding: 9px 12px; }
  .nav-cta span { display: none; }
  .hero { padding-top: 118px; }
  .hero-kicker { font-size: 8px; }
  h1 { font-size: 57px; }
  .hero-lede { font-size: 14px; }
  .hero-actions { flex-direction: column; align-items: flex-start; gap: 17px; }
  .hero-stage { min-height: 400px; }
  .market-card { transform: none; }
  .float-card { min-width: 145px; }
  .float-left { left: -4px; top: 28px; }.float-right { right: -4px; bottom: 20px; }
  .ticker-rail { top: 101px; gap: 12px; }
  .ticker-rail span:nth-child(n+3) { display: none; }
  .scroll-cue { display: none; }
  .intro-head h2, .inside-head h2, .voice-head h2, .section-split h2, .payout-head h2 { font-size: 44px; }
  .video-caption strong { font-size: 16px; }
  .pillars { grid-template-columns: 1fr; }
  .pillar, .pillar:nth-child(even) { padding-left: 0; border-left: 0; padding-top: 0; padding-bottom: 28px; }
  .pillar:nth-last-child(-n+2) { padding-top: 0; border-bottom: 1px solid var(--line); }
  .pillar:last-child { border-bottom: 0; }
  .payout-head { gap: 20px; }
  .payout-wall-shell { height: 640px; }
  .payout-wall { grid-template-columns: repeat(2,1fr); gap: 12px; inset-inline: -10px; }
  .wall-3 { display: none; }
  .payout-card { border-radius: 11px; }
  .payout-center-card { width: 82%; padding: 25px 22px; }
  .payout-center-card strong { font-size: 35px; }
  .inside-feature { min-height: 390px; padding: 27px; }
  .inside-feature h3 { font-size: 40px; }
  .inside-tags { left: 27px; right: 27px; }
  .quote-grid { gap: 10px; }
  .final-inner h2 { font-size: 53px; }
  .cta-meta { justify-content: flex-start; }
}

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


/* v3 proof / reaction layer */
.logo-slot { width: 58px; height: 38px; overflow: hidden; display:flex; align-items:center; justify-content:center; }
.logo-slot img { width: 60px; min-width: 60px; max-width: none; }
.brand-copy strong { letter-spacing: -.025em; }
.proof-section { background: radial-gradient(circle at 70% 20%, rgba(32,120,255,.12), transparent 36%), linear-gradient(180deg, #030a18, #06132a); }
.proof-head { max-width: 820px; text-align:center; margin-inline:auto; }
.proof-head p { max-width: 700px; margin:0 auto; color:#8092b0; font-size:14px; line-height:1.75; }
.proof-grid { margin-top: 64px; display:grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items:stretch; }
.proof-card { appearance:none; text-align:left; padding:0; margin:0; border:1px solid rgba(121,192,255,.14); border-radius:20px; overflow:hidden; background:linear-gradient(145deg, rgba(12,30,63,.85), rgba(3,9,21,.95)); cursor:zoom-in; color:inherit; box-shadow:0 20px 60px rgba(0,0,0,.24); transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.proof-card-wide { grid-column: span 2; }
.proof-card:hover { transform: translateY(-6px); border-color:rgba(83,166,255,.38); box-shadow:0 28px 80px rgba(0,0,0,.38), 0 0 45px rgba(40,129,255,.09); }
.proof-image { display:grid; place-items:center; min-height:250px; padding:16px; background:radial-gradient(circle at 50% 20%, rgba(86,165,255,.08), transparent 45%), #020712; }
.proof-image img { width:100%; max-height:420px; object-fit:contain; border-radius:12px; transition:transform .5s cubic-bezier(.2,.7,.2,1), filter .4s ease; }
.proof-card:hover .proof-image img { transform:scale(1.015); filter:brightness(1.04); }
.proof-image.phone { min-height:360px; }
.proof-image.phone img { width:auto; max-width:66%; max-height:390px; }
.proof-meta { display:flex; align-items:end; justify-content:space-between; gap:15px; padding:16px 18px 18px; border-top:1px solid rgba(121,192,255,.09); }
.proof-meta strong { font:700 16px/1.1 Manrope,sans-serif; }
.proof-meta small { color:#5e77a0; font-size:7px; letter-spacing:.13em; text-align:right; }
.reaction-grid { margin-top:62px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.reaction-card { min-height:240px; padding:27px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:18px; background:linear-gradient(160deg, rgba(14,33,68,.8), rgba(3,10,24,.9)); position:relative; overflow:hidden; }
.reaction-card::after { content:""; position:absolute; width:170px; height:170px; right:-80px; bottom:-90px; border-radius:50%; background:#2186ff; filter:blur(65px); opacity:.13; }
.reaction-mark { color:#4e72a5; font-size:8px; letter-spacing:.15em; }
.reaction-card p { margin:35px 0; font:700 30px/1.15 Manrope,sans-serif; letter-spacing:-.04em; }
.reaction-card footer strong, .reaction-card footer small { display:block; }
.reaction-card footer strong { font-size:10px; }
.reaction-card footer small { margin-top:4px; color:#50698f; font-size:7px; letter-spacing:.13em; }
.founder-note { margin-top:18px; padding:28px 30px; display:grid; grid-template-columns:82px 1fr; gap:20px; align-items:center; border:1px solid rgba(121,192,255,.12); border-radius:20px; background:rgba(4,13,30,.7); }
.founder-mark { width:64px; height:64px; border-radius:18px; display:grid; place-items:center; border:1px solid rgba(83,166,255,.28); background:linear-gradient(145deg,#0c2a5f,#07122a); color:#8ac6ff; font:800 14px Manrope,sans-serif; letter-spacing:.06em; box-shadow:0 0 40px rgba(42,132,255,.1); }
.founder-note h3 { margin:8px 0 6px; font:800 26px/.95 Manrope,sans-serif; letter-spacing:-.04em; }
.founder-note p { margin:0; max-width:720px; color:#7f91af; font-size:12px; line-height:1.7; }
@media (max-width:960px) { .proof-grid { grid-template-columns:repeat(2,1fr); } .proof-card-wide { grid-column:span 2; } .reaction-grid { grid-template-columns:1fr; } }
@media (max-width:620px) { .proof-grid { grid-template-columns:1fr; } .proof-card-wide { grid-column:span 1; } .proof-image { min-height:220px; } .proof-image.phone { min-height:330px; } .proof-image.phone img { max-width:72%; } .proof-meta { align-items:flex-start; flex-direction:column; } .proof-meta small { text-align:left; } .founder-note { grid-template-columns:1fr; } }

/* Legal / disclosure layer */
.proof-disclaimer { margin-top:18px; max-width:1000px; color:#607593; font-size:10px; line-height:1.7; text-align:center; }
.risk-strip { padding:26px 0; border-top:1px solid rgba(121,192,255,.10); border-bottom:1px solid rgba(121,192,255,.10); background:rgba(5,14,30,.8); }
.risk-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.risk-strip-inner strong { display:block; margin-bottom:5px; font:700 14px/1.1 Manrope,sans-serif; }
.risk-strip-inner span { display:block; color:#7185a5; font-size:11px; line-height:1.5; }
.risk-strip-inner a { color:#82bdff; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.footer-links { display:flex; gap:15px; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
.footer-links a { color:#8ca0bd; font-size:10px; text-decoration:none; }
.footer-links a:hover { color:#fff; }
.footer-bottom { padding:14px 0 24px; color:#445873; font-size:9px; letter-spacing:.05em; text-transform:uppercase; }
.footer-bottom span { float:right; }
.legal-page { min-height:100vh; background:linear-gradient(180deg,#020712,#061329); color:#eaf2ff; }
.legal-page .site-header { position:sticky; }
.legal-main { padding:140px 0 100px; }
.legal-card { max-width:900px; padding:48px; border:1px solid rgba(121,192,255,.14); border-radius:24px; background:rgba(4,13,30,.78); box-shadow:0 30px 100px rgba(0,0,0,.35); }
.legal-card h1 { margin:12px 0 8px; font:800 clamp(48px,7vw,76px)/.95 Manrope,sans-serif; letter-spacing:-.055em; }
.legal-card h2 { margin:38px 0 10px; font:800 20px/1.1 Manrope,sans-serif; }
.legal-card p { max-width:760px; color:#93a6c3; font-size:14px; line-height:1.85; }
.legal-card .legal-updated { color:#55708f; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.legal-card .legal-source { margin-top:30px; color:#6f87a8; font-size:11px; }
.legal-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:40px; }
.legal-actions > a:not(.button) { color:#7fb9ff; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.risk-callout { margin:30px 0; padding:22px; border:1px solid rgba(83,166,255,.22); border-radius:16px; background:linear-gradient(145deg,rgba(20,65,120,.35),rgba(3,10,24,.7)); }
.risk-callout strong { display:block; margin-bottom:8px; font:800 18px/1.1 Manrope,sans-serif; }
.risk-callout span { color:#8fa7c8; font-size:13px; line-height:1.7; }
@media(max-width:620px){ .risk-strip-inner{align-items:flex-start; flex-direction:column; gap:15px}.footer-links{justify-content:flex-start}.footer-bottom span{float:none;display:block;margin-top:8px}.legal-main{padding:115px 0 60px}.legal-card{padding:28px 22px}.legal-card h1{font-size:50px} }