:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f4f3f7;background:#08090d;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
button,input{font:inherit}
button{cursor:pointer}
main{min-height:calc(100svh - 100px);display:grid;place-items:center;padding:76px 24px 64px;background:radial-gradient(ellipse 44% 56% at 50% 46%,#17162d 0%,#0d0e19 56%,transparent 100%)}
.hero{text-align:center;width:100%;max-width:980px}
.hero-art{height:176px;width:250px;position:relative;margin:0 auto 24px}
.phone{position:absolute;left:98px;top:8px;width:87px;height:145px;background:linear-gradient(145deg,#172c48,#080b15 50%,#321544);border:3px solid #aba2ef;border-radius:19px;transform:rotate(13deg);box-shadow:-5px 3px 0 #263561,5px 0 14px #d143c16b,-8px 0 24px #00c6ff59;z-index:2}
.phone svg{width:72px;margin-top:22px}
.phone i{position:absolute;top:5px;left:27px;width:28px;height:6px;background:#08090d;border-radius:5px}
.ai-chip{position:absolute;top:39px;left:34px;width:81px;height:84px;display:grid;place-content:center;gap:5px;color:#72e6ff;font-weight:800;font-size:36px;border:1px solid #408fc1;border-radius:20px;background:linear-gradient(145deg,#153a57,#111426);transform:rotate(-17deg);box-shadow:0 0 28px #4c9fff33}
.ai-chip small{font:6px monospace;letter-spacing:1px}
.orbit{position:absolute;width:231px;height:65px;border:2px solid #6d66ff;border-radius:50%;left:8px;top:82px;transform:rotate(-22deg);box-shadow:0 0 13px #7f4fff44}
.orbit.second{transform:rotate(-36deg);border-color:#cb5be1;width:211px;left:18px;top:90px}
.play-tile{position:absolute;z-index:3;right:28px;bottom:12px;width:48px;height:47px;display:grid;place-items:center;border:1px solid #b5a0ff;border-radius:13px;background:linear-gradient(135deg,#9183ff,#5f3baf);transform:rotate(-13deg);box-shadow:0 7px 24px #0006}
.spark{position:absolute;color:#a98dff;right:15px;top:21px;font-size:28px}
.eyebrow{font:10px monospace;letter-spacing:3px;color:#9993b1;margin:0 0 24px}
h1{font-size:clamp(42px,6.3vw,76px);font-weight:600;line-height:1.06;letter-spacing:-4px;margin:0}
h1 span{color:#c7b9ff}
.intro{font-size:20px;line-height:1.65;color:#aaa9b8;margin:30px 0 39px}
form{max-width:570px;margin:auto}
.form-frame{padding:10px;border:1px solid #54518b;border-radius:26px;background:linear-gradient(125deg,#1b2042,#251c42);box-shadow:0 0 0 2px #7a71cf12,0 14px 44px #6743da1c}
input[type=email]{width:100%;height:72px;padding:0 23px;color:#f6f4ff;background:#111329;border:1px solid transparent;border-radius:17px;font-size:18px;outline:none}
input::placeholder{color:#77758f}
input[type=email]:focus{border-color:#a293ff;box-shadow:0 0 0 2px #a293ff26}
#submit-button{margin-top:10px;width:100%;height:72px;border:1px solid #b9a9ff;border-radius:17px;background:linear-gradient(105deg,#7b97ff,#926fff 53%,#b363e7);color:white;display:flex;justify-content:center;align-items:center;gap:18px;font:600 17px monospace;box-shadow:inset 0 1px 0 #ffffff26;transition:filter .2s}
#submit-button:hover{filter:brightness(1.12)}
#submit-button:disabled{opacity:.65;cursor:wait}
button:focus-visible{outline:2px solid #c7b9ff;outline-offset:5px}
#form-message{font-size:14px;line-height:1.5;margin:14px 8px 0;color:#c9befa}
#form-message:empty{display:none}
#form-message.error{color:#ffbacb}
.reassurance{color:#858298;font:12px monospace;letter-spacing:1.5px;margin:21px 0 16px}
.reassurance span{padding:0 12px}
.consent{font-size:11px;color:#787588;line-height:1.8;margin:0}
.text-link{font-size:inherit;text-decoration:underline;text-underline-offset:3px;color:inherit;background:none;border:0;padding:0}
footer{min-height:100px;border-top:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 5%;color:#7b788b;font:11px monospace;letter-spacing:2px}
footer nav{display:flex;gap:35px}
footer button{border:0;background:none;color:#9994ac;padding:8px 0;font:inherit;letter-spacing:inherit}
footer button:hover,.text-link:hover{color:#e3dcff}
.footer-brand{font-weight:bold;color:#aaa5bc;letter-spacing:4px}
.footer-note{font-size:9px;color:#625f70}
.sr-only,.honeypot{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
dialog{width:min(580px,calc(100% - 36px));padding:36px;border:1px solid #51476e;border-radius:22px;background:#13111e;color:#ded9ec}
dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
dialog h2{margin-top:0}
#legal-copy{white-space:pre-wrap;line-height:1.7;color:#aaa4bb}
#close-dialog{float:right;border:0;background:none;color:white;font-size:26px}
@media(max-width:600px){main{padding:66px 22px 65px;min-height:calc(100svh - 90px);background:radial-gradient(ellipse 90% 55% at 50% 43%,#17162b,transparent)}
.hero-art{transform:scale(.9);height:163px}
.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:23px}
h1{font-size:clamp(38px,9.3vw,56px);letter-spacing:-2px;line-height:1.1}
.intro{font-size:16px;line-height:1.7;margin:25px 0 32px}
.form-frame{border-radius:22px;padding:8px}
input[type=email]{font-size:16px;height:64px;border-radius:15px;padding:0 17px}
#submit-button{height:62px;border-radius:15px;font-size:15px}
.reassurance,.consent{font-size:10px}
.desktop-break{display:none}
footer{min-height:90px;justify-content:center;padding:22px}
.footer-brand,.footer-note{display:none}
footer nav{gap:34px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}
}