:root{--steel:#202034;--porcelain:#FBF8F7;--malibu:#5E77FD;--muted:#90909A;--glow:rgba(94,119,253,.78);--black:#050507}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100vh;background:#d9d9d9;font-family:Inter,system-ui,sans-serif;color:var(--steel)}
body{display:flex;justify-content:center}
.screen{width:min(430px,100vw);position:relative}
.screen{scrollbar-width:none;-ms-overflow-style:none}
.screen::-webkit-scrollbar{display:none}
.screen:not(.active){display:none!important}
.screen.active{display:block}
.screen.active::after{content:'';position:absolute;inset:7px;border:1px solid rgba(32,32,52,.18);pointer-events:none;z-index:9999}
.cta{width:100%;height:54px;border:0;border-radius:16px;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-family:Montserrat,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;box-shadow:0 18px 38px rgba(0,0,0,.14);cursor:pointer;position:relative;overflow:visible}
@keyframes fadeOnly{to{opacity:1}}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes lineReveal{to{opacity:1;transform:scaleX(1)}}
@keyframes dotIn{to{opacity:1}}
@keyframes signalPulse{0%{opacity:.7;transform:translateY(-50%) scale(.55)}68%,100%{opacity:0;transform:translateY(-50%) scale(4.6)}}