/* BOOBOT's ghost is the single expressive scene; product controls stay still. */
:root{--ghost-ink:#14111c;--ghost-panel:#211b2f;--ghost-lavender:#d4c5ff;--ghost-violet:#9f72ef;--ghost-text:#f5efff;--ghost-muted:#bfb2d0}
.launch-page .hero{grid-template-columns:1.12fr 1fr;gap:30px;min-height:670px;padding-block:54px 50px}
.launch-page .hero h1{font-size:clamp(3.1rem,5.7vw,5.6rem);line-height:1.02;letter-spacing:-.045em;max-width:11ch;text-wrap:initial}
.launch-page .hero-copy{max-width:650px}
.launch-page .hero-description{max-width:43ch;font-size:1.15rem;line-height:1.65}
.launch-page .launch-status{border:0;padding:0;font-size:.84rem}
.launch-page .launch-status strong{font-weight:400;color:var(--muted)}
.mascot-stage{position:relative;min-width:0;height:520px;display:grid;place-items:center;isolation:isolate;pointer-events:none}
.mascot-scroll{width:100%;max-width:560px;grid-area:1/1;transform-origin:50% 65%;z-index:1}
.hero-ghost{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 38px #9460f02b)}
.mascot-orbit{position:absolute;width:86%;aspect-ratio:1;border:1px solid #b895ee24;border-radius:50%;transform:rotate(-18deg) scaleY(.8)}
.mascot-orbit::after{content:'';position:absolute;inset:26px;border:1px solid #b895ee14;border-radius:50%}
.mascot-shadow{position:absolute;bottom:80px;width:44%;height:26px;border-radius:50%;background:#05030955;filter:blur(12px);z-index:-1}
.mascot-caption{position:absolute;bottom:30px;color:var(--ghost-muted);font-size:1rem}
.motion-ready:not(.motion-paused):not(.motion-reduced):not(.motion-hidden) .hero.motion-mascot-in-view .hero-ghost{animation:ghost-hover 6s ease-in-out infinite}
@keyframes ghost-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px) rotate(-2deg)}}
.try-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;padding-block:30px 110px}
.try-section h2{font-size:clamp(2.2rem,3.7vw,3.8rem);line-height:1.1;max-width:16ch;letter-spacing:-.025em}
.try-section>div>p{color:var(--muted);margin-top:24px;max-width:40ch}
.try-section .try-note{font-size:.88rem;border-left:2px solid var(--ghost-violet);padding-left:18px}
.launch-page .try-section .capture-demo{box-shadow:none;border:1px solid var(--line);border-radius:24px}
.launch-page .capture-demo-heading h2{font-size:1.7rem;letter-spacing:0;max-width:none}
.next-release{display:grid;grid-template-columns:1fr 1.1fr;gap:74px;padding-block:64px 96px;border-top:1px solid var(--line)}
.next-release h2{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.13;letter-spacing:-.02em}
.release-label{display:block;color:var(--accent);margin-bottom:18px;font-size:.9rem}
.next-release p{color:var(--muted);max-width:48ch;margin-bottom:18px}
.motion-paused .mascot-scroll,.motion-reduced .mascot-scroll{opacity:1!important;transform:none!important}
@media(max-width:780px){.launch-page .hero{grid-template-columns:1fr;padding-block:32px;gap:0;min-height:0}.launch-page .hero h1{font-size:clamp(3rem,9vw,4.8rem);max-width:15ch}.mascot-stage{height:340px;max-width:420px;width:100%;justify-self:center}.mascot-scroll{max-width:360px}.mascot-orbit{width:75%}.mascot-caption{bottom:8px;font-size:.9rem}.mascot-shadow{bottom:48px}.try-section,.next-release{grid-template-columns:1fr;gap:28px;padding-block:30px 64px}.try-section h2{max-width:22ch}.launch-page .hero-description{font-size:1.05rem}.launch-page .feature-strip{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.mascot-scroll{opacity:1!important;transform:none!important}.hero-ghost{animation:none!important}}
@media print{.mascot-stage,.motion-controls{display:none}.try-section,.next-release{display:block}}
@media(max-width:780px){
 .launch-page .hero{display:flex;flex-direction:column;align-items:stretch}
 .launch-page .hero-copy{display:contents}
 .launch-page .hero h1{order:0}
 .mascot-stage{order:1;height:225px;align-self:center;margin-top:8px}
 .mascot-scroll{max-width:290px}
 .mascot-orbit{width:60%}
 .mascot-caption{display:none}
 .mascot-shadow{bottom:18px;width:32%}
 .launch-page .hero-description{order:2;margin-top:14px}
 .launch-page .hero-actions{order:3}
 .launch-page .platform-note{order:4}
 .launch-page .motion-controls{order:5}
 .launch-page .launch-status{order:6}
}
