/* Home.tsx first-screen layout: original Figma dimensions and spacing. */
#prism-hero{position:relative;isolation:isolate;overflow:hidden;background:#020617;color:#fff;padding-top:96px}
#prism-hero .hero-ambient,#prism-hero .hero-stars,#prism-hero .hero-grid{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:-1}
#prism-hero .hero-ambient{height:1100px;background:radial-gradient(48% 38% at 50% 58%,rgba(37,99,235,.42),transparent 70%),radial-gradient(36% 30% at 88% 30%,rgba(139,92,246,.22),transparent 70%),radial-gradient(34% 30% at 6% 40%,rgba(20,184,166,.14),transparent 70%),radial-gradient(60% 40% at 50% -10%,rgba(59,130,246,.28),transparent 70%)}
#prism-hero .hero-stars{height:900px;background-image:radial-gradient(1px 1px at 22px 38px,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 140px 90px,rgba(191,219,254,.6),transparent 60%),radial-gradient(1.5px 1.5px at 210px 170px,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 80px 210px,rgba(196,181,253,.6),transparent 60%),radial-gradient(1px 1px at 260px 30px,rgba(255,255,255,.4),transparent 60%);background-size:300px 260px;mask-image:linear-gradient(#000,transparent 75%)}
#prism-hero .hero-grid{height:640px;opacity:.7;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
#prism-hero .hero-copy{position:relative;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;text-align:center}
#prism-hero [data-home-view=ticker]{display:flex;justify-content:center;height:32px;max-width:100%}
#prism-hero [data-home-view=ticker]>div{height:32px;max-width:560px;border:0;background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.15);font-size:12px}
#prism-hero [data-home-view=ticker]>div>span{height:24px;padding:0 12px;background:#fff;color:#0f172a;font-size:11px;font-weight:500}
#prism-hero h1{margin:32px 0 0;font-size:68px;line-height:72px;letter-spacing:-.02em;font-weight:700;color:#fff}
#prism-hero h1 span{background:linear-gradient(90deg,#93c5fd,#67e8f9 40%,#5eead4 60%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
#prism-hero .hero-description{max-width:680px;margin:20px 0 0;color:#cbd5e1;font-size:15px;line-height:32px}
#prism-hero .hero-description b{font-weight:500}#prism-hero .tone-blue{color:#93c5fd}#prism-hero .tone-teal{color:#5eead4}#prism-hero .tone-purple{color:#c4b5fd}
#prism-hero .hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}
#prism-hero .hero-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:8px;padding:0 24px;font-size:13px;line-height:20px;font-weight:500;cursor:pointer;color:#fff}
#prism-hero .hero-primary{background:#2563eb;box-shadow:0 4px 12px -4px rgba(37,99,235,.7);border:0}
#prism-hero .hero-secondary{background:transparent;border:0;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
#prism-hero .hero-actions button:focus-visible{outline:2px solid #67e8f9;outline-offset:4px}
#prism-hero .hero-scene{position:relative;width:100%;height:600px;height:calc((min(100vw,1240px) - 48px)*520/1240 + 100px);overflow:hidden;margin:0}
#prism-hero .hero-poster,#prism-hero iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
#prism-hero .hero-poster{object-fit:cover;object-position:50% 0;opacity:1}
#prism-hero iframe{opacity:0;pointer-events:none;color-scheme:normal;background:transparent}
#prism-hero[data-mode=animated] iframe{opacity:1}#prism-hero[data-mode=animated] .hero-poster{opacity:0}
#prism-hero .hero-note{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.08em;color:#64748b;pointer-events:none}
#prism-hero[data-mode=static] *{animation:none!important}
@media(max-width:639px){#prism-hero h1{font-size:52px;line-height:60px}#prism-hero h1 span{display:block}#prism-hero .hero-scene{height:330px}#prism-hero .hero-poster{object-fit:cover;object-position:center}#prism-hero .hero-copy{padding:0 24px}}
@media(prefers-reduced-motion:reduce){#prism-hero *{animation:none!important;transition:none!important}}

#prism-hero .hero-poster{width:calc((min(100vw,1240px) - 48px)*1920/1192);height:auto;max-width:none;left:50%;right:auto;transform:translateX(-50%);object-fit:initial}
@media(max-width:639px){#prism-hero .hero-poster{width:1100px;height:auto}}
#prism-hero .hero-animation{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
#prism-hero[data-mode=animated] .hero-animation{opacity:1}