:root {
  --bg: #070a14;
  --bg-deep: #05060d;
  --surface: rgba(18, 22, 42, 0.72);
  --surface-solid: #11162a;
  --text: #f4f6ff;
  --muted: #9da6c2;
  --faint: #626b86;
  --line: rgba(153, 167, 218, 0.16);
  --blue: #73a7ff;
  --blue-strong: #3d77ff;
  --purple: #9e6bff;
  --cyan: #68e5ff;
  --radius-lg: 28px;
  --radius-md: 18px;
  --shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; background: var(--bg); }
body, button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.site-shell { min-height: 100vh; position: relative; overflow: hidden; isolation: isolate; }
.site-shell::before { content: ""; position: fixed; inset: 0; z-index: -3; background: radial-gradient(circle at 70% 8%, rgba(73, 94, 255, .14), transparent 31%), radial-gradient(circle at 10% 36%, rgba(120, 58, 255, .13), transparent 28%), var(--bg); pointer-events: none; }
.particle-canvas { position: fixed; inset: 0; z-index: -2; width: 100%; height: 100%; pointer-events: none; opacity: .58; }
.noise-layer { position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .1; mix-blend-mode: screen; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.44'/%3E%3C/svg%3E"); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.section-pad { width: min(1180px, calc(100% - 56px)); margin-inline: auto; }
.site-header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 24px 0; backdrop-filter: blur(16px); }
.site-header::before { content: ""; position: absolute; inset: 0 -24px; z-index: -1; background: linear-gradient(to bottom, rgba(7, 10, 20, .88), rgba(7, 10, 20, .38), transparent); pointer-events: none; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 780; letter-spacing: -.04em; white-space: nowrap; }
.brand-accent { color: var(--blue); }
.brand-mark { position: relative; display: inline-flex; align-items: flex-end; gap: 3px; width: 22px; height: 22px; padding: 4px; border: 1px solid rgba(112, 146, 255, .55); border-radius: 7px; background: linear-gradient(145deg, rgba(69, 105, 255, .33), rgba(154, 91, 255, .12)); transform: skewY(-10deg); }
.brand-mark span { width: 3px; border-radius: 5px; background: linear-gradient(to top, var(--blue), var(--purple)); }
.brand-mark span:nth-child(1) { height: 7px; }.brand-mark span:nth-child(2) { height: 12px; }.brand-mark span:nth-child(3) { height: 16px; }
.site-nav { display: flex; align-items: center; gap: 30px; color: var(--muted); font-size: 13px; font-weight: 600; }
.site-nav > a:not(.button):hover, .footer-links a:hover { color: var(--text); }
.nav-actions { display: flex; align-items: center; gap: 12px; margin-left: 8px; }
.language-switch { border: 0; background: transparent; color: var(--muted); font-size: 12px; letter-spacing: .08em; cursor: pointer; padding: 8px 3px; }
.language-switch:hover { color: var(--text); }
.menu-toggle { display: none; border: 0; background: transparent; cursor: pointer; padding: 8px; }
.menu-toggle > span:not(.sr-only) { display: block; width: 20px; height: 1px; background: var(--text); margin: 5px 0; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 51px; padding: 0 20px 0 23px; border: 1px solid transparent; border-radius: 10px; font-size: 13px; font-weight: 750; letter-spacing: -.01em; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease; }
.button:hover { transform: translateY(-2px); }.button:focus-visible, a:focus-visible, summary:focus-visible, button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.button-primary { color: white; background: linear-gradient(120deg, #4d72ff, #8a57ff); box-shadow: 0 16px 30px rgba(81, 89, 255, .26); }.button-primary:hover { box-shadow: 0 20px 40px rgba(109, 76, 255, .4); }
.button-light { color: #0b0e1b; background: #f4f5ff; }.button-light:hover { background: white; box-shadow: 0 14px 32px rgba(255,255,255,.15); }
.button-ghost { min-height: 38px; padding: 0 15px; border-color: var(--line); background: rgba(21, 25, 46, .55); }.button-ghost:hover { border-color: rgba(137, 161, 255, .45); background: rgba(37, 43, 75, .62); }
.button-small { font-size: 12px; }
.button-arrow { font-size: 18px; font-weight: 400; line-height: 0; }
.hero { --pointer-x: 0; --pointer-y: 0; position: relative; display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); align-items: center; gap: 8%; min-height: 710px; padding-top: 74px; padding-bottom: 90px; isolation: isolate; }
.hero::before { content: ""; position: absolute; z-index: -3; top: 3%; right: -12%; width: 72%; height: 94%; border-radius: 50%; background: conic-gradient(from 150deg, transparent 0deg, rgba(69, 107, 255, .18) 62deg, rgba(177, 87, 255, .28) 112deg, transparent 175deg, rgba(71, 212, 255, .1) 220deg, transparent 292deg); filter: blur(34px); opacity: .72; transform: translate3d(calc(var(--pointer-x) * 6px), calc(var(--pointer-y) * 4px), 0); animation: atmosphere-turn 24s linear infinite; pointer-events: none; }
.hero::after { content: ""; position: absolute; z-index: -2; inset: 4% -10% 5% -12%; opacity: .22; background: repeating-linear-gradient(0deg, transparent 0, transparent 7px, rgba(130, 161, 255, .08) 8px, transparent 9px); mask-image: radial-gradient(ellipse at 63% 48%, black 0, transparent 66%); animation: scan-drift 10s linear infinite; pointer-events: none; }
.hero-copy { position: relative; z-index: 1; max-width: 600px; transform: translate3d(calc(var(--pointer-x) * -2px), calc(var(--pointer-y) * -2px), 0); transition: transform .35s cubic-bezier(.2,.7,.3,1); }.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 24px; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.hero-atmosphere { position: absolute; z-index: -1; inset: 0; overflow: visible; pointer-events: none; }.hero-orb { position: absolute; display: block; border-radius: 50%; filter: blur(1px); mix-blend-mode: screen; }.orb-primary { top: 5%; right: 20%; width: 260px; height: 260px; background: radial-gradient(circle at 35% 35%, rgba(91, 200, 255, .45), rgba(85, 83, 255, .2) 34%, transparent 70%); opacity: .75; transform: translate3d(calc(var(--pointer-x) * -10px), calc(var(--pointer-y) * -8px), 0); animation: orb-breathe 7s ease-in-out infinite; }.orb-secondary { bottom: 7%; left: 34%; width: 210px; height: 210px; background: radial-gradient(circle at 55% 45%, rgba(180, 91, 255, .36), rgba(103, 55, 255, .1) 42%, transparent 72%); opacity: .65; transform: translate3d(calc(var(--pointer-x) * 8px), calc(var(--pointer-y) * 10px), 0); animation: orb-breathe 9s 1.8s ease-in-out infinite reverse; }.hero-ray { position: absolute; display: block; width: 46%; height: 1px; background: linear-gradient(90deg, transparent, rgba(113, 193, 255, .42), transparent); transform-origin: left center; filter: blur(.2px); opacity: .5; }.ray-one { top: 26%; left: 49%; transform: rotate(19deg); animation: ray-shimmer 6s ease-in-out infinite; }.ray-two { top: 69%; left: 44%; transform: rotate(-24deg); opacity: .3; animation: ray-shimmer 7s 1.4s ease-in-out infinite reverse; }.hero-crosshair { position: absolute; width: 18px; height: 18px; opacity: .5; }.hero-crosshair::before, .hero-crosshair::after { content: ""; position: absolute; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }.hero-crosshair::before { top: 8px; left: 0; width: 18px; height: 1px; }.hero-crosshair::after { top: 0; left: 8px; width: 1px; height: 18px; }.crosshair-one { top: 22%; right: 4%; animation: crosshair-blink 4s ease-in-out infinite; }.crosshair-two { bottom: 17%; left: 52%; transform: scale(.66); opacity: .25; animation: crosshair-blink 5s 1.5s ease-in-out infinite reverse; }
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); }
h1, h2, h3, p { margin-top: 0; } h1 { max-width: 690px; margin-bottom: 26px; font-size: clamp(48px, 6.2vw, 82px); line-height: .99; letter-spacing: -.075em; font-weight: 700; }
h1 em, .final-cta h2 em { color: #a77cff; font-style: normal; text-shadow: 0 0 34px rgba(146, 93, 255, .28); }
.hero-lede { max-width: 510px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 34px; }.text-link { display: inline-flex; align-items: center; gap: 12px; color: #d7dbed; font-size: 13px; font-weight: 650; }.text-link span:last-child { color: var(--blue); font-size: 18px; transition: transform .2s ease; }.text-link:hover span:last-child { transform: translateY(3px); }
.hero-note { display: flex; align-items: center; gap: 8px; margin-top: 31px; color: var(--faint); font-size: 11px; line-height: 1.5; }.note-lock { color: var(--blue); font-size: 18px; }
.hero-visual { position: relative; min-height: 540px; display: grid; place-items: center; transform: translate3d(calc(var(--pointer-x) * 8px), calc(var(--pointer-y) * 6px), 0); transition: transform .45s cubic-bezier(.2,.7,.3,1); }.hero-visual::before { content: ""; position: absolute; width: 58%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(105, 123, 255, .23), transparent 67%); filter: blur(20px); animation: stage-pulse 5s ease-in-out infinite; }.hero-network-canvas { position: absolute; z-index: 0; inset: -5% -9% -7%; width: 118%; height: 112%; opacity: .96; filter: drop-shadow(0 0 18px rgba(87, 152, 255, .2)); pointer-events: none; }.visual-glow { position: absolute; width: 320px; height: 320px; border-radius: 50%; filter: blur(72px); opacity: .23; }.visual-glow-one { top: 8%; right: 8%; background: #3f69ff; }.visual-glow-two { bottom: 8%; left: 8%; background: #9b45ff; }
.research-card { position: relative; z-index: 1; width: min(100%, 520px); min-height: 390px; padding: 22px; border: 1px solid rgba(148, 161, 217, .22); border-radius: 24px; background: linear-gradient(145deg, rgba(24, 31, 59, .78), rgba(9, 12, 26, .84)); box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.06); transform: perspective(1200px) rotateY(-6deg) rotateX(2deg); animation: card-float 8s ease-in-out infinite; overflow: hidden; }
.research-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 20%, rgba(106, 143, 255, .08) 46%, transparent 65%); transform: translateX(-100%); animation: card-scan 7s ease-in-out infinite; pointer-events: none; }.research-card::after { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(145, 164, 235, .08); border-radius: 17px; box-shadow: inset 0 0 24px rgba(93, 116, 255, .05); animation: frame-breathe 4.5s ease-in-out infinite; pointer-events: none; }
.research-card-top, .research-card-footer, .panel-top, .panel-foot { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; }.status-pip, .panel-dot { width: 6px; height: 6px; border-radius: 50%; background: #67e9bc; box-shadow: 0 0 12px #67e9bc; }.micro-label, .panel-label { color: #a8b3d4; font-size: 9px; font-weight: 800; letter-spacing: .16em; }.micro-label:first-of-type { margin-left: auto; margin-right: 14px; }.faint { color: var(--faint); }
.research-card-heading { position: relative; z-index: 2; display: flex; justify-content: space-between; margin-top: 43px; font-size: 25px; font-weight: 700; letter-spacing: -.05em; }.spark { color: var(--purple); font-size: 25px; animation: pulse 2.6s ease-in-out infinite; }
.signal-line { position: relative; z-index: 2; display: flex; gap: 8px; margin: 16px 0 24px; }.signal-line span { height: 3px; flex: 1; border-radius: 4px; background: rgba(125, 145, 216, .18); }.signal-line span:nth-child(1), .signal-line span:nth-child(2), .signal-line span:nth-child(3) { background: linear-gradient(90deg, var(--blue), var(--purple)); }
.node-map { position: relative; height: 190px; margin: 0 10px 20px; background-image: linear-gradient(rgba(140,160,225,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(140,160,225,.08) 1px, transparent 1px); background-size: 32px 32px; border-radius: 15px; overflow: hidden; }.node-map::before { content: ""; position: absolute; z-index: 1; inset: -20% 0; width: 26%; background: linear-gradient(90deg, transparent, rgba(116, 185, 255, .18), transparent); filter: blur(5px); transform: translateX(-130%) skewX(-16deg); animation: grid-sweep 5.5s ease-in-out infinite; }.node-map::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 45%, rgba(100, 119, 255, .2), transparent 25%), linear-gradient(to bottom, transparent, rgba(7, 10, 20, .7)); }
.map-node { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid rgba(148, 166, 237, .3); border-radius: 10px; background: rgba(14, 18, 37, .84); color: #ccd5fa; font-size: 10px; font-weight: 800; letter-spacing: .1em; box-shadow: 0 8px 18px rgba(0,0,0,.23); }.node-input { top: 72px; left: 22px; }.node-ai { top: 33px; left: calc(50% - 34px); border-color: rgba(157, 111, 255, .65); box-shadow: 0 0 36px rgba(130, 88, 255, .3); }.node-alpha { top: 104px; right: 23px; border-color: rgba(93, 205, 255, .6); }.node-icon { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 6px; color: var(--blue); background: rgba(83, 121, 255, .17); font-size: 13px; }.ai-icon { color: #d1aaff; background: rgba(152, 93, 255, .2); }.path-one, .path-two { position: absolute; z-index: 1; top: 81px; left: 109px; width: 130px; height: 1px; border-top: 1px dashed rgba(115, 167, 255, .65); transform: rotate(-19deg); transform-origin: left center; }.path-two { top: 74px; left: calc(50% + 28px); width: 145px; transform: rotate(24deg); border-color: rgba(104, 229, 255, .72); }.path-one::after, .path-two::after { content: ""; position: absolute; top: -3px; left: 18%; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 14px var(--blue); animation: path-flow 3.4s linear infinite; }.path-two::after { animation-delay: 1.6s; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.orbit { position: absolute; z-index: 1; top: 35px; left: calc(50% - 80px); width: 160px; height: 120px; border: 1px solid rgba(145, 123, 255, .15); border-radius: 50%; transform: rotate(-24deg); animation: orbit-spin 15s linear infinite; }.orbit-two { top: 24px; left: calc(50% - 58px); width: 116px; height: 145px; transform: rotate(56deg); border-color: rgba(91, 207, 255, .12); animation-duration: 20s; animation-direction: reverse; }.signal-burst { position: absolute; z-index: 1; top: 50%; left: 50%; width: 92px; height: 92px; border: 1px solid rgba(139, 113, 255, .25); border-radius: 50%; transform: translate(-50%, -50%); animation: burst-ring 3.4s ease-out infinite; }
.research-card-footer { padding: 0 2px; color: var(--faint); font-size: 10px; }.footer-signal { color: var(--cyan); font-size: 17px; }.floating-tag { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid rgba(137, 156, 222, .2); border-radius: 10px; color: #c5cceb; background: rgba(15, 19, 38, .78); box-shadow: 0 16px 30px rgba(0,0,0,.2); font-size: 10px; font-weight: 700; animation: tag-float 5.5s ease-in-out infinite; }.tag-left { left: 0; top: 31%; transform: rotate(-5deg); }.tag-right { right: -1%; bottom: 26%; transform: rotate(5deg); animation-delay: 1.3s; }.tag-index { color: var(--blue); font-size: 9px; letter-spacing: .1em; }
.signal-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--line); padding-top: 20px; padding-bottom: 20px; }.signal-item { display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--muted); font-size: 11px; font-weight: 650; }.signal-icon { color: var(--blue); font-size: 16px; }
.research-section { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 9%; padding-top: 160px; padding-bottom: 150px; }.section-heading { max-width: 540px; }.section-heading h2, .reward-copy h2, .final-cta h2 { margin-bottom: 22px; font-size: clamp(36px, 4.6vw, 59px); line-height: 1.04; letter-spacing: -.07em; }.section-heading h2 span { color: var(--muted); }.section-heading > p:last-child, .reward-copy > p:not(.eyebrow), .final-cta > p { max-width: 460px; color: var(--muted); font-size: 14px; line-height: 1.85; }
.strategy-panel { position: relative; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(140deg, rgba(29, 37, 73, .7), rgba(12, 16, 34, .78)); box-shadow: var(--shadow); overflow: hidden; }.strategy-panel::before { content: ""; position: absolute; right: -16%; bottom: -52%; width: 58%; aspect-ratio: 1; border-radius: 50%; background: rgba(121, 82, 255, .22); filter: blur(45px); }.panel-top { margin-bottom: 40px; }.panel-label { color: var(--blue); }.panel-dot { background: var(--blue); box-shadow: 0 0 14px var(--blue); }.prompt-line { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 12px; min-height: 47px; color: #d8def5; font-size: 16px; line-height: 1.5; }.prompt-caret { color: var(--purple); font-size: 24px; }.typing-bar { width: 5px; height: 18px; background: var(--purple); animation: blink 1.2s steps(2) infinite; }.panel-divider { margin: 28px 0 23px; border-top: 1px solid var(--line); }.output-heading { display: flex; align-items: center; gap: 9px; color: #e0e5fb; font-size: 12px; font-weight: 750; }.output-icon { color: var(--purple); }.output-status { margin-left: auto; color: #74e7c0; font-size: 9px; letter-spacing: .1em; }.output-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 23px 0; }.output-chips span { padding: 7px 10px; border: 1px solid rgba(135, 157, 225, .2); border-radius: 6px; color: #b8c1df; background: rgba(255,255,255,.03); font-size: 10px; }.output-bars { display: grid; gap: 11px; }.output-bars span { position: relative; display: block; height: 5px; width: 100%; border-radius: 6px; background: rgba(128, 149, 215, .12); overflow: hidden; }.output-bars span::after { content: ""; display: block; width: var(--bar); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--purple)); }.panel-foot { margin-top: 45px; color: var(--faint); font-size: 9px; }
.steps-section { padding-bottom: 150px; }.centered { max-width: 650px; margin-inline: auto; text-align: center; }.centered .eyebrow { justify-content: center; }.centered > p:last-child { margin-inline: auto; }.steps-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 60px; }.steps-grid::before { content: ""; position: absolute; z-index: -1; top: 62px; left: 9%; right: 9%; border-top: 1px dashed rgba(124, 145, 220, .3); }.step-card { position: relative; min-height: 260px; padding: 23px; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(23, 28, 55, .7), rgba(11, 14, 29, .7)); transition: transform .25s ease, border-color .25s ease, background .25s ease; }.step-card:hover { transform: translateY(-6px); border-color: rgba(118, 155, 255, .5); background: linear-gradient(145deg, rgba(29, 38, 76, .8), rgba(12, 16, 34, .8)); }.step-card-highlight { border-color: rgba(151, 100, 255, .48); background: linear-gradient(145deg, rgba(45, 30, 84, .64), rgba(15, 15, 35, .8)); }.step-number { color: var(--faint); font-size: 11px; font-weight: 800; letter-spacing: .13em; }.step-icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 27px 0 24px; border: 1px solid rgba(113, 150, 255, .3); border-radius: 13px; color: var(--blue); background: rgba(89, 121, 255, .1); font-size: 21px; }.step-card h3 { margin-bottom: 11px; font-size: 17px; letter-spacing: -.04em; }.step-card p { min-height: 56px; margin-bottom: 22px; color: var(--muted); font-size: 12px; line-height: 1.65; }.step-link { color: var(--faint); font-size: 9px; font-weight: 800; letter-spacing: .14em; }.step-card-highlight .step-link { color: #c6a9ff; }
.rewards-section { padding-bottom: 155px; }.reward-card { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 10%; min-height: 360px; padding: 58px 62px; border: 1px solid rgba(130, 142, 220, .2); border-radius: var(--radius-lg); background: radial-gradient(circle at 85% 10%, rgba(114, 80, 255, .27), transparent 38%), linear-gradient(130deg, rgba(41, 38, 92, .75), rgba(15, 16, 34, .9)); box-shadow: var(--shadow); overflow: hidden; }.reward-copy h2 { font-size: clamp(32px, 4vw, 50px); }.reward-copy > p:not(.eyebrow) { margin-bottom: 28px; }.reward-amount { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 250px; border: 1px solid rgba(170, 173, 255, .23); border-radius: 22px; background: rgba(8, 11, 24, .5); overflow: hidden; }.amount-prefix { position: relative; z-index: 1; color: var(--cyan); font-size: 10px; font-weight: 800; letter-spacing: .26em; }.reward-amount strong { position: relative; z-index: 1; margin: 8px 0 7px; color: white; font-size: clamp(58px, 7vw, 85px); line-height: .9; letter-spacing: -.09em; text-shadow: 0 0 35px rgba(115, 123, 255, .45); }.amount-note { position: relative; z-index: 1; color: #b5bee0; font-size: 11px; }.amount-grid { position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(134, 153, 255, .17) 1px, transparent 1px), linear-gradient(90deg, rgba(134, 153, 255, .17) 1px, transparent 1px); background-size: 22px 22px; transform: perspective(220px) rotateX(48deg) scale(1.5) translateY(45%); transform-origin: bottom; }.disclaimer { max-width: 760px; margin: 23px auto 0; color: var(--faint); text-align: center; font-size: 11px; line-height: 1.7; }
.faq-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: 10%; padding-bottom: 170px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; color: #e2e6f7; cursor: pointer; list-style: none; font-size: 14px; font-weight: 700; }.faq-list summary::-webkit-details-marker { display: none; }.faq-plus { color: var(--blue); font-size: 22px; font-weight: 300; transition: transform .2s ease; }.faq-list details[open] .faq-plus { transform: rotate(45deg); }.faq-list details p { max-width: 650px; margin: -3px 35px 22px 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.inner-page { position: relative; }.page-hero { position: relative; min-height: 475px; display: grid; align-items: center; padding-top: 66px; padding-bottom: 72px; }.page-hero-copy { max-width: 780px; }.page-hero h1 { max-width: 820px; margin-bottom: 25px; font-size: clamp(46px, 6.5vw, 78px); }.page-hero-lede { max-width: 610px; color: var(--muted); font-size: 16px; line-height: 1.85; }.breadcrumb { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 26px; color: var(--faint); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.breadcrumb span { color: var(--blue); }.page-band { padding-top: 84px; padding-bottom: 125px; border-top: 1px solid var(--line); }.page-band.alt { background: rgba(12, 16, 34, .34); }.page-band-heading { max-width: 640px; margin-bottom: 52px; }.page-band-heading h2 { margin-bottom: 18px; font-size: clamp(34px, 4vw, 54px); line-height: 1.04; letter-spacing: -.07em; }.page-band-heading p { max-width: 570px; color: var(--muted); line-height: 1.8; }.page-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }.detail-card { min-height: 250px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(24, 30, 60, .66), rgba(9, 12, 26, .72)); }.detail-card .card-index { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .16em; }.detail-card .step-icon { margin: 25px 0 20px; }.detail-card h3 { margin-bottom: 12px; font-size: 18px; letter-spacing: -.05em; }.detail-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }.research-layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 10%; }.research-layout .strategy-panel { margin-top: 0; }.research-list { display: grid; gap: 19px; margin: 35px 0 0; padding: 0; list-style: none; }.research-list li { display: flex; align-items: flex-start; gap: 13px; color: #ccd4ef; font-size: 13px; line-height: 1.6; }.research-list li::before { content: "✦"; flex: 0 0 auto; color: var(--purple); }.timeline { position: relative; display: grid; gap: 16px; }.timeline::before { content: ""; position: absolute; top: 26px; bottom: 26px; left: 27px; border-left: 1px dashed rgba(126, 148, 224, .34); }.timeline-item { position: relative; display: grid; grid-template-columns: 56px 1fr; gap: 22px; align-items: start; padding: 23px 25px 23px 0; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(23, 28, 55, .66), rgba(11, 14, 29, .7)); }.timeline-number { position: relative; z-index: 1; display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(117, 153, 255, .36); border-radius: 50%; color: var(--blue); background: #111732; font-size: 12px; font-weight: 800; }.timeline-item h3 { margin: 3px 0 9px; font-size: 19px; letter-spacing: -.04em; }.timeline-item p { max-width: 650px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }.timeline-label { display: block; margin-top: 14px; color: var(--faint); font-size: 9px; font-weight: 800; letter-spacing: .16em; }.reward-detail { display: grid; grid-template-columns: .85fr 1.15fr; align-items: stretch; gap: 16px; }.reward-rule-card { padding: 29px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(16, 20, 42, .6); }.reward-rule-card h3 { margin-bottom: 14px; font-size: 18px; }.reward-rule-card p, .reward-rule-card li { color: var(--muted); font-size: 13px; line-height: 1.75; }.reward-rule-card ul { display: grid; gap: 13px; margin: 21px 0 0; padding-left: 18px; }.reward-rule-card li::marker { color: var(--purple); }.reward-detail .reward-amount { min-height: 100%; }.faq-page-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 10%; }.faq-page-layout .faq-list { margin-top: 0; }.page-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 36px 0 0; margin-top: 70px; border-top: 1px solid var(--line); }.page-cta p { margin: 0; color: var(--muted); font-size: 13px; }.section-link { margin-top: 23px; color: #d9def4; }.centered-link { justify-content: center; margin-inline: auto; width: fit-content; }
.final-cta { padding-bottom: 160px; }.final-cta-inner { position: relative; padding: 92px 46px; border: 1px solid rgba(111, 147, 255, .18); border-radius: var(--radius-lg); text-align: center; background: radial-gradient(circle at 50% 0%, rgba(93, 75, 222, .3), transparent 53%), linear-gradient(145deg, rgba(23, 29, 62, .7), rgba(9, 12, 25, .8)); overflow: hidden; }.final-cta-inner::after { content: ""; position: absolute; inset: 0; opacity: .18; pointer-events: none; background-image: radial-gradient(circle, rgba(166, 186, 255, .7) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(to bottom, black, transparent 78%); }.final-cta-inner > * { position: relative; z-index: 1; }.final-cta h2 { max-width: 730px; margin-inline: auto; }.final-cta > p:not(.eyebrow) { margin-inline: auto; }.final-cta .button { margin-top: 14px; }.login-placeholder { margin: 22px auto 0; color: var(--faint) !important; font-size: 10px !important; }
.site-footer { display: grid; grid-template-columns: 1fr 1fr 2fr; align-items: center; gap: 24px; padding-top: 26px; padding-bottom: 32px; border-top: 1px solid var(--line); color: var(--faint); font-size: 11px; }.site-footer > p { margin: 0; }.footer-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 17px; }.footer-links a:hover { color: var(--muted); }.site-footer small { grid-column: 1 / -1; padding-top: 18px; border-top: 1px solid rgba(153, 167, 218, .09); color: #555d77; font-size: 10px; line-height: 1.5; }
.reveal { opacity: 0; transform: translateY(22px); animation: reveal-in .8s cubic-bezier(.21,.75,.28,1) forwards; }.reveal-delay { animation-delay: .12s; }.reveal-delay-two { animation-delay: .22s; }.reveal-delay-three { animation-delay: .32s; }
@keyframes reveal-in { to { opacity: 1; transform: translateY(0); } } @keyframes card-scan { 0%, 20% { transform: translateX(-100%); } 55%, 100% { transform: translateX(110%); } } @keyframes path-flow { from { left: 10%; opacity: 0; } 15% { opacity: 1; } to { left: 88%; opacity: 0; } } @keyframes pulse { 0%, 100% { opacity: .7; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.15); } } @keyframes blink { 50% { opacity: 0; } } @keyframes atmosphere-turn { to { transform: translate3d(calc(var(--pointer-x) * 6px), calc(var(--pointer-y) * 4px), 0) rotate(360deg); } } @keyframes scan-drift { 0% { transform: translateY(-3%); } 50% { transform: translateY(3%); } 100% { transform: translateY(-3%); } } @keyframes orb-breathe { 0%, 100% { opacity: .42; scale: .92; } 50% { opacity: .82; scale: 1.08; } } @keyframes ray-shimmer { 0%, 100% { opacity: .15; transform: rotate(19deg) scaleX(.75); } 50% { opacity: .6; transform: rotate(19deg) scaleX(1.06); } } @keyframes crosshair-blink { 0%, 100% { opacity: .18; scale: .8; } 50% { opacity: .72; scale: 1.1; } } @keyframes stage-pulse { 0%, 100% { opacity: .35; scale: .9; } 50% { opacity: .72; scale: 1.12; } } @keyframes card-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } } @keyframes frame-breathe { 0%, 100% { opacity: .5; } 50% { opacity: 1; } } @keyframes grid-sweep { 0%, 10% { transform: translateX(-130%) skewX(-16deg); opacity: 0; } 35% { opacity: 1; } 75%, 100% { transform: translateX(510%) skewX(-16deg); opacity: 0; } } @keyframes orbit-spin { to { rotate: 360deg; } } @keyframes burst-ring { 0% { opacity: .8; scale: .5; } 72%, 100% { opacity: 0; scale: 1.55; } } @keyframes tag-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@media (max-width: 880px) { .section-pad { width: min(100% - 36px, 680px); }.site-header { width: calc(100% - 32px); padding: 17px 0; }.menu-toggle { display: block; }.site-nav { position: absolute; top: 66px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(10, 13, 28, .96); box-shadow: var(--shadow); }.site-nav.is-open { display: flex; }.site-nav > a { padding: 13px 11px; }.nav-actions { justify-content: space-between; margin: 6px 0 0; padding: 10px 11px 0; border-top: 1px solid var(--line); }.hero { grid-template-columns: 1fr; gap: 32px; min-height: auto; padding-top: 68px; }.hero-copy { max-width: 620px; }.hero-visual { min-height: 470px; }.research-section, .faq-section { grid-template-columns: 1fr; gap: 48px; }.research-section { padding-top: 110px; padding-bottom: 110px; }.steps-grid { grid-template-columns: repeat(2, 1fr); }.steps-grid::before { display: none; }.reward-card { grid-template-columns: 1fr; gap: 40px; padding: 40px; }.site-footer { grid-template-columns: 1fr; }.footer-links { justify-content: flex-start; }.site-footer small { grid-column: auto; } }
@media (max-width: 540px) { .section-pad { width: calc(100% - 30px); }.site-header { width: calc(100% - 24px); }.hero { padding-top: 49px; padding-bottom: 64px; }.hero h1 { font-size: clamp(44px, 14vw, 65px); }.hero-lede { font-size: 14px; }.hero-actions { align-items: stretch; flex-direction: column; gap: 18px; }.button { width: fit-content; }.hero-note { align-items: flex-start; }.hero-visual { min-height: 370px; margin-inline: -4px; }.research-card { min-height: 335px; padding: 17px; transform: none; }.research-card-heading { margin-top: 34px; font-size: 21px; }.node-map { height: 160px; margin-inline: 2px; }.node-input { left: 8px; }.node-alpha { right: 8px; }.path-one { left: 95px; width: 77px; }.path-two { left: calc(50% + 25px); width: 83px; }.tag-left { left: -8px; top: 19%; }.tag-right { right: -6px; bottom: 18%; }.floating-tag { padding: 8px 9px; font-size: 9px; }.signal-strip { grid-template-columns: 1fr; gap: 13px; justify-items: start; padding-top: 19px; padding-bottom: 19px; }.signal-item { justify-content: flex-start; }.research-section, .steps-section, .rewards-section, .faq-section, .final-cta { padding-bottom: 100px; }.research-section { padding-top: 94px; }.section-heading h2, .reward-copy h2, .final-cta h2 { font-size: 39px; }.strategy-panel { padding: 18px; }.prompt-line { font-size: 14px; }.panel-foot { align-items: flex-start; gap: 18px; font-size: 8px; }.steps-section { padding-top: 0; }.steps-grid { grid-template-columns: 1fr; margin-top: 42px; }.step-card { min-height: auto; }.step-card p { min-height: 0; }.reward-card { padding: 28px 22px; }.reward-amount { min-height: 220px; }.faq-section { gap: 35px; }.faq-list summary { font-size: 13px; }.faq-list details p { font-size: 12px; }.final-cta-inner { padding: 66px 20px; }.site-footer { padding-top: 22px; padding-bottom: 26px; } }
@media (max-width: 880px) { .page-hero { min-height: auto; padding-top: 54px; padding-bottom: 62px; }.page-grid, .research-layout, .faq-page-layout { grid-template-columns: 1fr; }.page-band { padding-top: 66px; padding-bottom: 96px; }.timeline-item { grid-template-columns: 48px 1fr; padding-right: 17px; }.timeline-number { width: 46px; height: 46px; }.page-cta { align-items: flex-start; flex-direction: column; }.reward-detail { grid-template-columns: 1fr; }.reward-detail .reward-amount { min-height: 250px; } }
@media (max-width: 540px) { .page-hero h1 { font-size: clamp(43px, 13.5vw, 61px); }.page-hero-lede { font-size: 14px; }.page-band { padding-top: 54px; padding-bottom: 78px; }.page-band-heading { margin-bottom: 34px; }.page-band-heading h2 { font-size: 39px; }.detail-card { min-height: 0; }.research-layout { gap: 30px; }.timeline-item { gap: 14px; }.timeline-item h3 { font-size: 17px; }.timeline-item p { font-size: 12px; }.reward-rule-card { padding: 22px; }.page-cta { margin-top: 45px; padding-top: 25px; } }
@media (max-width: 540px) { .hero-network-canvas { inset: 2% -14% -5%; width: 128%; height: 105%; opacity: .58; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } body:not(.motion-enabled) .hero::before, body:not(.motion-enabled) .hero::after, body:not(.motion-enabled) .hero-orb, body:not(.motion-enabled) .hero-ray, body:not(.motion-enabled) .hero-crosshair, body:not(.motion-enabled) .hero-visual, body:not(.motion-enabled) .hero-network-canvas, body:not(.motion-enabled) .research-card, body:not(.motion-enabled) .research-card::before, body:not(.motion-enabled) .research-card::after, body:not(.motion-enabled) .node-map::before, body:not(.motion-enabled) .orbit, body:not(.motion-enabled) .signal-burst, body:not(.motion-enabled) .floating-tag, body:not(.motion-enabled) .reveal, body:not(.motion-enabled) .path-one::after, body:not(.motion-enabled) .path-two::after, body:not(.motion-enabled) .spark, body:not(.motion-enabled) .typing-bar { animation: none !important; opacity: 1; transform: none; translate: none; }.button, .step-card, .faq-plus, .text-link span:last-child, .hero-copy { transition: none; } }