@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;color:#f7f4ea;background:radial-gradient(circle at top,rgba(132,88,255,.28),transparent 30%),radial-gradient(circle at 80% 15%,rgba(93,59,240,.22),transparent 24%),radial-gradient(circle at 22% 82%,rgba(44,27,117,.3),transparent 26%),linear-gradient(180deg,#151122,#0b0913);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.page-shell{position:relative;min-height:100vh;overflow:hidden;padding:28px}.noise{position:absolute;top:0;right:0;bottom:0;left: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:120px 120px;-webkit-mask-image:radial-gradient(circle at center,black 60%,transparent 100%);mask-image:radial-gradient(circle at center,black 60%,transparent 100%);pointer-events:none;opacity:.35}.topbar,.hero,.feature-strip,.story-grid,.screenshots-section,.cta-band{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1220px;margin:0 auto 52px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-badge{display:inline-flex;align-items:center;justify-content:center;min-width:94px;padding:10px 14px;border:1px solid rgba(193,170,255,.18);border-radius:999px;background:#1f1834c7;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.brand-subtitle,.topnav a,.hero-text,.feature-card p,.story-lead p,.rail-node p,.section-heading p,.shot-card p{color:#f7f4eac7}.topnav{display:flex;gap:22px;font-size:.95rem}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:36px;align-items:center;max-width:1220px;margin:0 auto;padding:28px 0 56px}.eyebrow{display:inline-flex;margin-bottom:18px;color:#ccb4ff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.hero h1,.story-lead h2,.section-heading h2,.cta-band h2{margin:0;font-family:Fraunces,serif;line-height:.97;letter-spacing:-.04em}.hero h1{font-size:clamp(3.6rem,9vw,7.3rem);max-width:10ch}.hero-text{max-width:58ch;margin:24px 0 0;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:16px;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#8f5cff,#5d3bf0);box-shadow:0 18px 40px #5d3bf047}.button-secondary{border-color:#ffffff1f;background:#ffffff0a}.hero-panel,.feature-card,.story-grid,.shot-card,.cta-band{border:1px solid rgba(255,255,255,.08);background:#121210c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #00000042}.hero-panel{border-radius:28px;overflow:hidden;animation:rise-in .7s ease both}.panel-chrome,.shot-window-bar{display:flex;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-chrome span,.shot-window-bar span{width:10px;height:10px;border-radius:50%;background:#fff3}.panel-content{padding:22px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-label,.shot-placeholder span,.feature-index{color:#f7f4ea8f;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.status-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#8f5cff2e;color:#cfb6ff;font-size:.76rem;letter-spacing:.12em}.step-list{margin:24px 0 0;padding-left:20px;display:grid;gap:12px}.step-list li{padding-left:6px}.signal-grid{display:grid;gap:12px;margin-top:22px}.signal-grid article{display:grid;gap:6px;padding:16px;border-radius:18px;background:#ffffff09}.signal-grid span{color:#f7f4eab8;font-size:.95rem}.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1220px;margin:18px auto 0}.feature-card{min-height:260px;padding:24px;border-radius:24px;animation:rise-in .7s ease both}.feature-card:nth-child(2){animation-delay:90ms}.feature-card:nth-child(3){animation-delay:.18s}.feature-card h2,.rail-node h3,.shot-card h3{margin:16px 0 10px;font-size:1.35rem}.story-grid,.screenshots-section,.cta-band{max-width:1220px;margin:22px auto 0;border-radius:32px}.story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:36px;padding:28px}.story-lead h2,.section-heading h2,.cta-band h2{font-size:clamp(2.1rem,5vw,4rem)}.story-lead p,.section-heading p{max-width:58ch}.story-rail{display:grid;gap:18px}.rail-node{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:flex-start;padding:18px;border-radius:24px;background:#ffffff0a}.rail-node span:first-child{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#8f5cff42,#4e37be4d);color:#f7f4ea;font-weight:700}.screenshots-section{padding:28px}.screenshots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.shot-card{padding:18px;border-radius:24px}.shot-frame{overflow:hidden;min-height:250px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#1d182feb,#100c1cf5),radial-gradient(circle at top,rgba(132,88,255,.22),transparent 38%)}.shot-placeholder{display:grid;place-items:center;gap:12px;min-height:200px;padding:24px;text-align:center}.shot-placeholder p{max-width:14ch;margin:0;font-family:Fraunces,serif;font-size:1.35rem;line-height:1.05;color:#f7f4ea}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px;margin-bottom:36px}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero,.story-grid,.feature-strip,.screenshots-grid,.cta-band{grid-template-columns:1fr}.hero{padding-top:8px}.cta-band{align-items:flex-start}}@media(max-width:720px){.page-shell{padding:18px}.topbar{flex-direction:column;align-items:flex-start;margin-bottom:28px}.topnav{flex-wrap:wrap;gap:12px 18px}.hero h1{max-width:none}.story-grid,.screenshots-section,.cta-band{padding:20px}.feature-card,.shot-card{min-height:0}.button{width:100%}.hero-actions{flex-direction:column}}
