body{margin:0;font-family:Sora,sans-serif;line-height:1.5;font-weight:400;min-width:320px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg-900: #0f172a;--bg-700: #1e3a8a;--surface: rgba(16, 27, 56, .52);--surface-border: rgba(125, 211, 252, .2);--ink-strong: #e2e8f0;--ink-soft: #bfd2f6;--teal: #0d9488;--purple: #7c3aed;--coral: #e85a4f;--orange: #f97316;--emerald: #10b981;--hero-gradient: linear-gradient(110deg, #0d9488 0%, #7c3aed 55%, #e85a4f 100%);--warm-gradient: linear-gradient(120deg, #e85a4f 0%, #f97316 100%)}#root{width:100%}.app-shell{position:relative;overflow:clip;min-height:100vh;padding:clamp(1.1rem,2vw,2rem);background:radial-gradient(circle at 25% 20%,rgba(13,148,136,.2),transparent 40%),radial-gradient(circle at 80% 15%,rgba(124,58,237,.18),transparent 35%),linear-gradient(155deg,var(--bg-900) 0%,#122149 46%,var(--bg-700) 100%);color:var(--ink-strong)}.section{width:min(1100px,100% - 1rem);margin-inline:auto;margin-bottom:clamp(3.5rem,8vw,7rem)}.orb{position:absolute;border-radius:999px;filter:blur(20px);opacity:.65;pointer-events:none}.orb-a{width:220px;height:220px;top:-50px;right:-60px;background:radial-gradient(circle at 30% 30%,#0d9488e6,#0d948800);animation:orbFloatA 9s ease-in-out infinite}.orb-b{width:250px;height:250px;left:-110px;top:34%;background:radial-gradient(circle at 55% 35%,#e85a4fbf,#e85a4f00);animation:orbFloatB 11s ease-in-out infinite}.orb-c{width:300px;height:300px;right:-100px;bottom:10%;background:radial-gradient(circle at 45% 35%,#7c3aedbf,#7c3aed00);animation:orbFloatA 13s ease-in-out infinite reverse}.hero{display:grid;grid-template-columns:1fr;gap:2.25rem;padding-top:clamp(1.2rem,4vw,3rem)}.hero-content{max-width:620px}.eyebrow{margin:0;letter-spacing:.16em;text-transform:uppercase;font-family:Syne,sans-serif;font-size:.79rem;color:#7dd3fc}h1,h2,h3{margin:0;font-family:Syne,sans-serif;line-height:1.05}h1{margin-top:.85rem;font-size:clamp(2.4rem,7vw,5rem);letter-spacing:.02em}h2{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.01em}h3{font-size:clamp(1.2rem,3.2vw,1.5rem)}p{margin:0;color:var(--ink-soft)}.hero-tagline{margin-top:1.1rem;font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:700;font-family:Sora,sans-serif;color:#f8fbff}.hero-subtitle{margin-top:.5rem;font-family:Sora,sans-serif;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#8ee9e0}.hero-copy{margin-top:1.15rem;max-width:56ch;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.5rem}.button{border:0;border-radius:999px;text-decoration:none;font-family:Sora,sans-serif;font-weight:700;padding:.78rem 1.5rem;transition:transform .28s ease,box-shadow .28s ease,opacity .28s ease}.button:hover{transform:translateY(-3px)}.app-store{color:#f5faff;background:var(--hero-gradient);box-shadow:0 12px 25px #15295873}.ghost{color:#dbeafe;background:#0f172a42;box-shadow:inset 0 0 0 1px #bfdbfe59}.hero-visual{display:grid;place-items:center}.brain-lock{position:relative;width:min(360px,72vw);aspect-ratio:1;border-radius:36px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(189,232,255,.24);background:linear-gradient(135deg,#0d948838,#7c3aed40);box-shadow:0 24px 40px #030a1f73;overflow:hidden}.lock-core{position:absolute;left:50%;top:50%;width:88px;height:72px;transform:translate(-50%,-38%);border-radius:18px;background:linear-gradient(180deg,#020617e0,#0f172ab3);box-shadow:inset 0 0 0 1px #94a3b866}.shackle{position:absolute;left:50%;top:-44px;width:66px;height:52px;border-radius:999px 999px 0 0;border:7px solid rgba(190,242,235,.8);border-bottom:0;transform:translate(-50%)}.dot{position:absolute;left:50%;top:50%;width:15px;height:15px;background:var(--emerald);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #10b981e6}.pulse-ring{position:absolute;inset:22%;border-radius:999px;border:1px solid rgba(125,211,252,.35)}.pulse-one{animation:pulse 4.8s ease-out infinite}.pulse-two{animation:pulse 4.8s ease-out 1.2s infinite}.neural-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(248,250,252,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(248,250,252,.06) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle at 50% 48%,black 30%,transparent 78%);mask-image:radial-gradient(circle at 50% 48%,black 30%,transparent 78%);opacity:.8}.section-head{margin-bottom:1.3rem}.section-head .eyebrow{margin-bottom:.7rem}.steps-grid,.feature-grid{display:grid;gap:1rem}.glass-card{border-radius:20px;background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #02081e52}.step-card,.feature-card{padding:1.15rem}.step-card p,.feature-card p,.demo-note{margin-top:.68rem;line-height:1.7}.step-index{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.7rem;margin-bottom:.8rem;font-family:Sora,sans-serif;font-size:.84rem;color:#f8fafc;background:var(--hero-gradient)}.feature-card{position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;inset:auto -25% -65% 42%;aspect-ratio:1;border-radius:50%;opacity:.34}.tone-teal:after{background:radial-gradient(circle,#0d9488f2,#0d948800)}.tone-violet:after{background:radial-gradient(circle,#7c3aedf2,#7c3aed00)}.tone-emerald:after{background:radial-gradient(circle,#10b981f2,#10b98100)}.tone-coral:after{background:radial-gradient(circle,#f97316f2,#f9731600)}.demo-card{padding:1.25rem}.demo-top-row{display:flex;justify-content:space-between;align-items:center}.demo-pill{display:inline-block;border-radius:999px;background:#0d948840;color:#99f6e4;padding:.4rem .86rem;font-size:.8rem;font-family:Sora,sans-serif}.demo-timer{font-family:Sora,sans-serif;color:#fdba74}.demo-question{margin-top:.8rem;margin-bottom:1rem;font-family:Syne,sans-serif;font-size:clamp(1.6rem,6vw,2.3rem);color:#f8fbff}.answer-grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.answer-btn{border:1px solid rgba(148,163,184,.35);border-radius:14px;background:#0f172a8f;color:#e2e8f0;padding:.85rem;font-family:Sora,sans-serif;font-size:1rem;animation:answerFloat 4s ease-in-out infinite;transition:transform .2s ease,border-color .2s ease}.answer-btn:nth-child(2){animation-delay:.5s}.answer-btn:nth-child(3){animation-delay:1s}.answer-btn:nth-child(4){animation-delay:1.5s}.answer-btn:hover{transform:translateY(-2px) scale(1.02);border-color:#7dd3fcb3}.answer-btn.correct{background:linear-gradient(120deg,#10b98147,#0d94883d);border-color:#10b981b3;box-shadow:0 0 0 1px #10b98133,0 0 28px #10b98138}.demo-note{margin-top:.9rem;font-size:.95rem}.footer{border-top:1px solid rgba(148,163,184,.25);padding-top:1.8rem;display:flex;flex-direction:column;gap:1rem}.footer p{margin-top:.6rem}.footer-links{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}.footer-links a:not(.button){color:#bae6fd;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .22s ease,color .22s ease}.footer-links a:not(.button):hover{color:#e2e8f0;border-color:#7dd3fcb3}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .68s ease,transform .68s ease}[data-reveal].in-view{opacity:1;transform:translateY(0)}@media(min-width:760px){.hero{grid-template-columns:1.15fr .85fr;align-items:center}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.feature-card:nth-child(1),.feature-card:nth-child(2),.feature-card:nth-child(3){grid-column:span 2}.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 3}.demo-card{width:min(620px,100%)}.footer{flex-direction:row;justify-content:space-between;align-items:end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms;scroll-behavior:auto}}@keyframes answerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(.9);opacity:.55}to{transform:scale(1.28);opacity:0}}@keyframes orbFloatA{0%,to{transform:translate(0)}50%{transform:translate(-20px,18px)}}@keyframes orbFloatB{0%,to{transform:translate(0)}50%{transform:translate(18px,-16px)}}
