@font-face{font-family:system-fallback;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#07090c;color:#f5f4ef;font-family:Arial,system-ui,sans-serif;font-size:16px;line-height:1.55}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80caff;outline-offset:4px}button{color:inherit}em{font-style:normal;color:#f4c46a}.preview{text-align:center;background:#282014;color:#f3d49c;padding:7px 16px;font-size:12px;letter-spacing:.05em}.skip{position:fixed;top:-80px;z-index:20;background:#f6c870;color:#000;padding:15px}.skip:focus{top:0}header{position:absolute;top:52px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:3}.wordmark{text-decoration:none;display:flex;flex-direction:column;font-size:34px;font-weight:900;letter-spacing:.14em;line-height:1}.wordmark span{font-size:10px;letter-spacing:.32em;color:#dab576;margin-top:9px}.location{display:flex;gap:24px;align-items:center;font-size:12px;letter-spacing:.15em}.location span{border:1px solid #55544d;padding:5px 9px;border-radius:4px}.hero{position:relative;min-height:850px;height:calc(100svh - 32px);max-height:1150px;isolation:isolate;overflow:hidden}.art{position:absolute;inset:0;z-index:-2}.art img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,12,.8),transparent 58%),linear-gradient(0deg,#07090c,transparent 19%)}.content{padding:185px 0 85px;margin-left:8%;max-width:660px;width:51%;position:relative}.eyebrow{display:flex;gap:12px;align-items:center;color:#dbbb81;font-size:12px;letter-spacing:.19em;font-weight:600;margin:0 0 24px}.eyebrow>span{width:23px;height:1px;background:#d6a650}h1{font-size:clamp(42px,5.1vw,79px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;font-weight:900}h1 em{display:inline-block}.intro{color:#c0beba;font-size:18px;line-height:1.65;margin:0 0 28px}.small-label{font-size:10px;color:#a6a6a6;letter-spacing:.15em}.countdown{display:flex;align-items:flex-start;gap:16px;margin:14px 0 28px}.countdown div{display:flex;flex-direction:column;min-width:47px}.countdown b{font-size:35px;line-height:1.1;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.countdown span{font-size:9px;letter-spacing:.13em;color:#9c9b96;margin-top:8px}.countdown i{font-size:24px;color:#6c614e;font-style:normal}.primary{border:1px solid #f4c66e;background:#f4c66e;color:#14110b;text-decoration:none;min-height:52px;padding:15px 23px;display:inline-flex;justify-content:center;align-items:center;gap:40px;font-size:13px;font-weight:700;letter-spacing:.09em;border-radius:3px;transition:background .2s,transform .2s}.primary:hover{background:#ffda94;transform:translateY(-1px)}.primary span{font-size:21px;line-height:1}.micro{font-size:12px;color:#a5a3a0;margin-top:14px}.hero-bottom{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #ffffff26;color:#a5a3a0;font-size:10px;letter-spacing:.2em}.beam{position:absolute;right:28%;top:17%;width:2px;height:180px;background:linear-gradient(transparent,#b4e6ff,transparent);box-shadow:0 0 20px #56bfff;opacity:.3;animation:pulse 6s ease-in-out infinite;z-index:-1}@keyframes pulse{0%,100%{opacity:.05;transform:translateY(0)}50%{opacity:.6;transform:translateY(35px)}}.signup{max-width:1160px;margin:auto;padding:100px 40px 110px;display:grid;grid-template-columns:1fr 1fr;gap:90px;scroll-margin-top:30px}.signup h2{font-size:clamp(36px,4vw,57px);line-height:1.08;letter-spacing:-.04em;margin:0 0 28px}.signup-copy>p:not(.eyebrow){color:#aaaeb5;max-width:360px}.signup-copy .disclaimer{font-size:14px;border-left:1px solid #806131;padding-left:18px;margin-top:30px}.form-card{border:1px solid #33312a;background:linear-gradient(135deg,#151619,#0c0e11);padding:30px;border-radius:8px}.card-heading{display:flex;justify-content:space-between;border-bottom:1px solid #313136;padding-bottom:18px;margin-bottom:26px;font-size:12px;letter-spacing:.1em}.card-heading span:last-child{color:#d9b776}label:not(.check){display:block;margin:20px 0 8px;font-size:14px}input[type=email],select{width:100%;min-width:0;min-height:52px;background:#090b0e;border:1px solid #49494d;border-radius:4px;padding:12px;color:#f7f6f4;font-size:16px}input::placeholder{color:#8b8c92}select{color-scheme:dark}.optional{color:#969aa3;font-size:12px;margin-left:8px}.field-hint{font-size:12px;line-height:1.6;color:#a3a7b0;margin:9px 0 20px}.check{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.55;margin:16px 0;cursor:pointer}.check input{width:20px;height:20px;accent-color:#eabe6d;flex-shrink:0;margin:1px 0}.check span{color:#bec0c6}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#d1b780;padding:0;line-height:inherit}.check .text-button{display:inline;font-size:inherit}.submit{margin-top:12px;width:100%}.form-status{font-size:14px;color:#f3c77f;margin:12px 0 0}.form-status:empty{display:none}#result{outline:none}#result h3{font-size:25px;letter-spacing:-.03em}#result p{color:#b5b9c1}#result .result-mark{font-size:50px;color:#f4c66e;margin:10px 0}#again{display:block;margin-top:24px;min-height:44px}.secondary{background:transparent;color:#f0c880;border:1px solid #82683c;border-radius:3px;min-height:48px;padding:12px 20px}footer{border-top:1px solid #292b30;padding:27px 5%;display:flex;justify-content:space-between;gap:20px;color:#90959f;font-size:12px;letter-spacing:.08em}footer div{display:flex;gap:24px}footer button{min-height:44px}dialog{width:min(550px,calc(100% - 32px));max-height:85svh;overflow:auto;background:#131519;color:#e9e9e9;border:1px solid #625030;border-radius:9px;padding:36px;box-shadow:0 20px 90px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:28px;line-height:1.2}dialog p{color:#bfc3cc;font-size:15px}.close{position:absolute;top:5px;right:5px;font-size:28px;width:44px;height:44px;border:0;background:transparent}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.noscript{background:#39230a;color:#ffd48b;padding:20px;text-align:center}[hidden]{display:none!important}
@media(min-width:1600px){.hero{max-height:1100px}.content{padding-top:220px;margin-left:12%}}
@media(max-width:1000px){.content{margin-left:5%;width:56%}.signup{gap:40px;padding-left:5%;padding-right:5%}.form-card{padding:23px}.hero{min-height:780px}.art img{object-position:60% center}.intro{font-size:16px}}
@media(max-width:760px){.preview{font-size:10px;padding:6px 12px}header{top:53px}.wordmark{font-size:25px}.wordmark span{font-size:8px}.location{font-size:9px;gap:10px}.hero{height:auto;max-height:none;min-height:1000px}.art{inset:0 0 auto;height:720px}.art img{object-fit:cover;object-position:center top}.hero:after{background:linear-gradient(0deg,#07090c 0%,#07090c 28%,transparent 68%)}.content{padding:420px 0 100px;margin:0 auto;width:90%;max-width:500px;text-align:center}.eyebrow{justify-content:center;font-size:10px;letter-spacing:.12em;margin-bottom:17px}h1{font-size:clamp(39px,10vw,68px);line-height:1.03;margin-bottom:20px}.intro{font-size:16px;margin-bottom:24px}.countdown{justify-content:center;gap:18px}.countdown b{font-size:32px}.hero-cta{width:100%;max-width:360px}.micro{font-size:11px}.hero-bottom{font-size:8px;letter-spacing:.1em}.beam{top:100px;right:27%;height:120px}.signup{grid-template-columns:1fr;gap:28px;padding-top:52px;padding-bottom:60px;max-width:530px}.signup-copy{text-align:center}.signup-copy h2{font-size:39px}.signup-copy h2 br{display:none}.signup-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.signup-copy .disclaimer{border:0;padding:0;font-size:13px}.form-card{padding:23px}footer{flex-wrap:wrap;align-items:center;font-size:10px}footer div{order:3;width:100%;justify-content:space-between;gap:12px}.form-card .check{min-height:32px}}
@media(max-width:360px){.content{padding-top:365px}.art{height:640px}.hero{min-height:930px}.countdown{gap:12px}.countdown div{min-width:40px}.countdown b{font-size:29px}.form-card{padding:18px}.optional{display:block;margin:2px 0 0}dialog{padding:27px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.beam{animation:none}.primary{transition:none}.primary:hover{transform:none}}
.form-card .check{min-height:44px;padding-top:8px;padding-bottom:8px}

/* Refined type scale and a single alignment axis per panel. */
:root{--gold:#f4c46a;--copy:#bec1c8;--muted:#adb0b7;--gutter:clamp(20px,5vw,80px)}
body{font-family:Arial,system-ui,sans-serif}
.preview{font-size:12px;line-height:1.5;min-height:32px;padding:8px 16px}
header{position:relative;top:auto;left:auto;right:auto;min-height:104px;padding:24px var(--gutter);gap:20px}
.wordmark{text-align:center;letter-spacing:.16em}
.wordmark span{font-size:12px;letter-spacing:.2em}
.location{font-size:12px;letter-spacing:.12em}
.hero{min-height:760px;height:auto;max-height:none;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px var(--gutter) 112px}
.art img{object-fit:cover;object-position:center}
.hero:after{background:linear-gradient(90deg,rgba(7,9,12,.72),rgba(7,9,12,.2) 47%,transparent 62%),linear-gradient(0deg,#07090c,transparent 22%)}
.content{width:100%;max-width:590px;margin:0 auto;padding:0 20px;text-align:center;min-width:0}
.eyebrow{justify-content:center;font-size:12px;line-height:1.6;letter-spacing:.13em;margin-bottom:24px}
.eyebrow>span{display:none}
h1{font-size:clamp(36px,4.65vw,72px);line-height:1.08;letter-spacing:-.045em;margin-bottom:26px}
h1 span,h1 em,.signup h2 span,.signup h2 em{display:block}
.intro{font-size:17px;line-height:1.7;text-wrap:balance;color:var(--copy);margin-bottom:32px}
.small-label{font-size:12px;letter-spacing:.1em;margin:0 0 16px;color:var(--muted)}
.countdown-wrap{width:min(100%,352px);margin:0 auto 30px}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.countdown div{min-width:0;align-items:center;padding:15px 3px 13px;border:1px solid #77644559;border-radius:4px;background:#0a0c10aa}
.countdown b{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1.15}
.countdown span{font-size:12px;letter-spacing:.045em;margin-top:9px;color:var(--muted)}
.primary{position:relative;min-height:56px;font-size:14px;letter-spacing:.08em;padding:17px 42px;gap:0}
.primary>span{position:absolute;right:18px}
.hero-cta{width:min(100%,352px)}
.micro{font-size:13px;line-height:1.6;color:var(--muted);margin-top:15px;text-wrap:balance}
.hero-bottom{left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr 40px 1fr;font-size:12px;letter-spacing:.06em;gap:10px}
.hero-bottom span:nth-child(2){text-align:center}.hero-bottom span:last-child{text-align:right}
.signup{max-width:1240px;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,7vw,90px);padding:88px var(--gutter);align-items:center}
.signup-copy{text-align:center;min-width:0}
.signup h2{font-size:clamp(36px,4.1vw,60px);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.signup-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:365px;margin-left:auto;margin-right:auto;color:var(--copy)}
.signup-copy .disclaimer{border:0;border-top:1px solid #59482c;padding:22px 0 0;margin-top:28px;font-size:14px!important;color:var(--muted)!important}
.form-card{min-width:0;padding:32px;border-radius:6px;border-color:#51432e;background:linear-gradient(145deg,#151619,#0a0c0f);box-shadow:0 22px 70px #0003}
.card-heading{justify-content:center;text-align:center;font-size:13px;letter-spacing:.12em;margin-bottom:24px;padding-bottom:22px}
label:not(.check){font-size:16px;margin-top:20px}.optional{font-size:13px}
.field-hint{font-size:13px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.form-card .check{font-size:14px;line-height:1.6;min-height:44px;margin:12px 0;padding:8px 0;gap:12px}
.adult-check{border-top:1px solid #39342b;border-bottom:1px solid #39342b;padding:16px 0!important}
.check input{margin-top:2px}.check span{color:#cbd0d7}
input[type=email],select{min-height:54px;border-color:#53545a}
.submit{margin-top:18px}.form-status{line-height:1.6}
#result{text-align:center}#result .result-mark{margin:16px 0}#result h3{font-size:clamp(23px,3vw,29px);text-wrap:balance}
#result p{line-height:1.75}#result .secondary{width:100%;font-size:14px}#again{margin:20px auto 0}
footer{padding:24px var(--gutter);font-size:12px;align-items:center;letter-spacing:.035em;line-height:1.6}
footer button{font-size:14px}dialog h2{text-wrap:balance}dialog p{font-size:16px}
.close{line-height:1}.dialog-actions>*{flex:1;min-width:140px;padding-left:16px;padding-right:16px;letter-spacing:0}
@media(min-width:1600px){.hero{min-height:870px}.content{padding:0 20px}}
@media(max-width:1000px) and (min-width:761px){.hero{padding-left:25px;padding-right:25px;min-height:740px;grid-template-columns:54% 46%}.content{padding:0 10px}h1{font-size:clamp(36px,4.9vw,49px)}.signup{gap:32px;padding-left:28px;padding-right:28px}.form-card{padding:24px}.optional{display:block;margin:2px 0 0}}
@media(max-width:760px){
  header{min-height:94px;padding:22px 6%;gap:16px}.wordmark{font-size:27px}.wordmark span{font-size:12px;letter-spacing:.12em}.location{font-size:12px;gap:12px}.location span{padding:4px 7px}
  .hero{display:block;min-height:0;padding:0 6% 100px;overflow:hidden}
  .art{inset:0 0 auto;height:650px}.art img{object-fit:contain;object-position:center top;background:#07090c}
  .hero:after{background:linear-gradient(0deg,#07090c 0%,#07090c 42%,transparent 83%)}
  .content{max-width:470px;width:100%;padding:340px 0 0;margin:0 auto}
  .eyebrow{font-size:12px;letter-spacing:.09em;line-height:1.6;margin-bottom:20px}
  h1{font-size:clamp(34px,9.3vw,57px);line-height:1.09;letter-spacing:-.045em;margin-bottom:24px}
  .intro{font-size:16px;line-height:1.7;margin-bottom:28px}.small-label{font-size:12px}
  .countdown-wrap{max-width:352px;margin-bottom:26px}.countdown{gap:8px}.countdown b{font-size:32px}.countdown span{font-size:12px;letter-spacing:.02em}
  .hero-cta{max-width:352px}.micro{font-size:13px;max-width:330px;margin:16px auto 0}
  .hero-bottom{font-size:12px;grid-template-columns:1fr 24px 1fr;gap:8px;letter-spacing:.015em;bottom:24px;left:6%;right:6%}
  .signup{grid-template-columns:minmax(0,1fr);padding:54px 6% 60px;max-width:560px;gap:30px}
  .signup h2{font-size:clamp(35px,9vw,46px);margin-bottom:22px}.signup-copy .eyebrow{margin-bottom:20px}
  .signup-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}.signup-copy .disclaimer{font-size:14px!important}
  .form-card{padding:26px 22px}.optional{display:block;margin:3px 0 0}
  footer{font-size:12px;padding:22px 6%;gap:12px}footer div{gap:16px;align-items:center}footer button{font-size:13px;text-align:left}
  .beam{top:70px;right:25%}
}
@media(max-width:360px){header{padding-inline:5%}.wordmark{font-size:25px}.location{gap:8px;font-size:12px}.hero{padding-inline:5%}.art{height:570px}.content{padding-top:280px}h1{font-size:34px}.countdown{gap:6px}.countdown b{font-size:28px}.countdown span{font-size:12px}.hero-bottom{font-size:11px;left:5%;right:5%}.form-card{padding:23px 17px}.primary{font-size:13px;padding-inline:35px}.signup{padding-inline:5%}}
@media(orientation:landscape) and (max-height:500px) and (max-width:1000px){.content{padding-top:40px}.hero{padding-top:25px}.art{height:100%}.hero:after{background:#07090cc9}.hero-bottom{position:static;margin-top:48px}.hero{padding-bottom:25px}.beam{display:none}}

/* Single-screen teaser; the readable registration form opens in a dialog. */
body{min-height:100svh;display:grid;grid-template-rows:auto auto 1fr auto}
header{min-height:88px;padding-block:18px}
main{display:flex;min-width:0}
.hero{width:100%;min-height:560px;padding:36px var(--gutter);align-self:stretch}
.content{max-width:650px}
h1{font-size:clamp(33px,4.25vw,66px);line-height:1.1}
.intro{margin-bottom:24px}
.countdown-wrap{margin-bottom:25px}
footer{padding-block:10px}
#signup-dialog{width:min(530px,calc(100% - 24px));max-height:92svh;padding:34px 30px 26px;overscroll-behavior:contain}
#signup-dialog .signup{display:block;padding:0;margin:0;max-width:none}
#signup-dialog .signup-copy .eyebrow{margin-bottom:12px}
#signup-dialog .signup-copy h2{font-size:30px;margin:0 0 12px;line-height:1.15}
#signup-dialog .signup-copy h2 em{display:inline}
#signup-dialog .signup-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin:0 auto 18px}
#signup-dialog .form-card{border:0;background:none;box-shadow:none;padding:0}
#signup-dialog label:not(.check){margin-top:14px}
#signup-dialog .field-hint{margin-bottom:12px}
#signup-dialog .form-card .check{margin-block:6px}
#signup-dialog .adult-check{padding-block:12px!important}
#signup-dialog .submit{margin-top:12px}
@media(min-width:1600px){.hero{min-height:620px}}
@media(max-width:1000px) and (min-width:761px){.hero{min-height:570px;padding:30px 25px}h1{font-size:clamp(32px,4.4vw,44px)}}
@media(max-width:760px){
  header{min-height:76px;padding:16px 6%}.wordmark{font-size:24px}.wordmark span{font-size:10px;margin-top:7px}
  .hero{min-height:580px;display:flex;align-items:flex-end;justify-content:center;padding:22px 6% 26px}
  .art{height:520px}.art img{object-position:center top}
  .hero:after{background:linear-gradient(0deg,#07090c 0%,#07090cf0 45%,#07090c00 87%)}
  .content{padding:180px 0 0;margin:0;width:100%;max-width:440px}
  .eyebrow{font-size:12px;margin-bottom:12px}
  h1{font-size:clamp(31px,8.5vw,45px);margin-bottom:14px;line-height:1.1}
  .intro{font-size:14px;line-height:1.55;margin-bottom:18px}
  .small-label{font-size:12px;margin-bottom:10px}
  .countdown-wrap{max-width:320px;margin-bottom:18px}.countdown div{padding:10px 3px}.countdown b{font-size:28px}.countdown span{margin-top:5px}
  .hero-cta{max-width:320px;min-height:52px}.micro{font-size:12px;margin-top:10px}
  footer{display:grid;grid-template-columns:1fr auto;padding:10px 6%;gap:4px 12px}
  footer>span:first-child{display:none}footer>span:last-child{grid-column:2;grid-row:1}footer div{display:flex;grid-column:1;grid-row:1;gap:15px;width:auto;flex-wrap:wrap}footer button{font-size:12px;min-height:36px}
  #signup-dialog{padding:35px 24px 24px}#signup-dialog .signup-copy h2{font-size:29px}
  #signup-dialog .optional{display:inline;margin-left:7px}
}
@media(max-width:360px){.hero{min-height:560px;padding-inline:5%}.content{padding-top:160px}.art{height:490px}.countdown-wrap{max-width:290px}h1{font-size:31px}.wordmark{font-size:22px}.location{font-size:11px}#signup-dialog{padding-inline:19px}#signup-dialog .optional{display:block;margin-left:0}footer div{gap:8px}footer button{font-size:12px}}
@media(orientation:landscape) and (max-height:500px){.hero{min-height:430px}.content{padding-top:10px}.art{height:100%}.hero:after{background:#07090ccc}.beam{display:none}}
@media(max-width:760px) and (max-height:740px) and (orientation:portrait){
  header{min-height:66px;padding-block:12px}
  .hero{min-height:0;padding-top:12px;padding-bottom:18px}
  .art{height:370px}
  .content{padding-top:80px}
  .content>.eyebrow,.content>.intro{display:none}
  h1{font-size:clamp(30px,8.2vw,38px);margin-bottom:18px}
  .countdown-wrap{margin-bottom:16px}
  .countdown div{padding-block:8px}
  .countdown b{font-size:26px}
  .micro{margin-top:8px}
}

/* Warning reserves at least 7% of the viewport and remains legible on small screens. */
body{grid-template-rows:auto auto 1fr auto auto}
body[data-mode=live]{grid-template-rows:auto 1fr auto auto}
.energy-warning{width:100%;min-height:7svh;display:flex;align-items:center;justify-content:center;padding:12px 5%;background:#141619;border-block:1px solid #45464a;color:#f3f3ef;text-align:center;font-size:clamp(13px,1.25vw,19px);font-weight:600;line-height:1.45;letter-spacing:.035em;text-wrap:balance}
dialog a{overflow-wrap:anywhere}
/* Original brand artwork; country-wide teaser, no city in the masthead. */
.wordmark{width:clamp(150px,17vw,224px);align-items:center}
.wordmark img{display:block;width:100%;height:auto;object-fit:contain}
.wordmark span{font-size:clamp(10px,1vw,12px);font-weight:700;letter-spacing:.25em;margin-top:12px}
.energy-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:paint}
.halo{position:absolute;left:60%;top:10%;width:28%;height:70%;border-radius:50%;background:radial-gradient(ellipse,#ffbc4329,transparent 68%);animation:charge-breathe 6s ease-in-out infinite}
.arc{position:absolute;width:28%;height:65%;left:59%;top:14%;opacity:0;clip-path:polygon(0 0,42% 41%,30% 43%,75% 100%,38% 51%,48% 48%);background:#f4c46a;filter:drop-shadow(0 0 9px #e4ae54);animation:charge-arc 9s ease-in-out infinite}
.arc-blue{left:71%;top:17%;width:21%;height:57%;transform:scaleX(-1);background:#80caff;animation-delay:4.5s;filter:drop-shadow(0 0 9px #409fff)}
.spark{position:absolute;left:68%;top:78%;width:3px;height:3px;border-radius:50%;background:#efc674;box-shadow:0 0 9px #ffd285;opacity:0;animation:charge-drift 8s ease-in-out infinite}
.s2{left:84%;top:67%;animation-delay:1.5s;background:#8dcfff}.s3{left:76%;top:52%;animation-delay:3s}.s4{left:91%;top:82%;animation-delay:4.5s;background:#8dcfff}.s5{left:62%;top:64%;animation-delay:6s}
@keyframes charge-breathe{0%,100%{opacity:.25;transform:scale(.94)}50%{opacity:.9;transform:scale(1.06)}}
@keyframes charge-arc{0%,28%,65%,100%{opacity:0}43%{opacity:.25}52%{opacity:.08}}
@keyframes charge-drift{0%,100%{opacity:0;transform:translate(0,12px)}25%{opacity:.75}80%{opacity:0;transform:translate(-24px,-95px)}}
@media(max-width:760px){.wordmark{width:164px}.wordmark span{font-size:10px;margin-top:9px}.halo{left:20%;top:0;width:60%;height:52%}.arc{left:19%;top:5%;width:43%;height:43%}.arc-blue{left:49%;width:33%;top:8%}.spark{left:32%;top:42%}.s2{left:70%;top:35%}.s3{left:57%;top:29%}.s4{left:83%;top:45%}.s5{left:22%;top:30%}}
@media(prefers-reduced-motion:reduce){.energy-field *{animation:none!important}.halo{opacity:.3}.arc,.spark{display:none}}
button:disabled{cursor:not-allowed}
body[data-mode=live] .hero{min-height:0}
@media(max-width:760px){body[data-mode=live] .content{padding-top:120px}.energy-warning{font-size:13px;padding:10px 5%;min-height:7svh}}
@media(max-width:760px) and (max-height:740px) and (orientation:portrait){body[data-mode=live] .content{padding-top:65px}.energy-warning{font-size:12px;padding-block:9px}.hero{min-height:0}}

/* Poster composition v2: artwork and interface never overlap. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body[data-mode=live]{grid-template-rows:1fr auto auto}
header{position:absolute;inset:16px 20px auto auto;min-height:0;padding:0;z-index:5}
.hero,body[data-mode=live] .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,80px);padding:22px 5%;min-height:0;align-items:center;overflow:visible}
.hero:after{display:none}
.visual-scene{position:relative;grid-column:2;grid-row:1;justify-self:center;width:min(100%,580px);aspect-ratio:4/5;isolation:isolate;overflow:hidden;border-radius:8px;box-shadow:0 0 65px #bc8c1910}
.visual-scene .art{position:relative;display:block;inset:auto;height:100%;z-index:0}
.visual-scene .art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#07090c}
.visual-scene .energy-field{z-index:1;inset:23% 0 12%;mix-blend-mode:screen}
.visual-scene .halo{left:25%;top:10%;width:50%;height:65%;background:radial-gradient(ellipse,#ffc24740,transparent 68%)}
.visual-scene .arc{left:6%;top:8%;width:40%;height:84%;animation-duration:7s}
.visual-scene .arc-blue{left:55%;top:10%;width:37%;animation-delay:3.5s}
.visual-scene .s1{left:22%;top:82%}.visual-scene .s2{left:78%;top:73%}.visual-scene .s3{left:36%;top:64%}.visual-scene .s4{left:88%;top:82%}.visual-scene .s5{left:14%;top:52%}
.energy-scan{position:absolute;inset:22% 8% 13%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffdb861c 49%,#aee0ff24 50%,transparent 57%);background-size:350% 100%;animation:poster-sweep 10s ease-in-out infinite;mix-blend-mode:screen}
@keyframes poster-sweep{0%,15%{background-position:100% 0;opacity:0}35%,65%{opacity:.8}85%,100%{background-position:0 0;opacity:0}}
.content,body[data-mode=live] .content{grid-column:1;grid-row:1;padding:0;width:100%;max-width:540px}
.countdown-wrap{width:min(100%,290px);margin:24px auto}
.countdown{display:flex;justify-content:center;gap:0}
.countdown div{flex:1;border:0;border-radius:0;background:none;padding:0 10px;position:relative}
.countdown div+div:before{content:':';position:absolute;left:-2px;top:0;color:#716346;font-size:23px}
.countdown b{font-size:26px;line-height:1.2}.countdown span{font-size:9px;letter-spacing:.1em;margin-top:5px}
.small-label{font-size:10px;letter-spacing:.15em;margin-bottom:10px}
@media(min-width:761px){.visual-scene{max-height:79svh;width:auto;max-width:100%;height:79svh}.content h1{font-size:clamp(30px,4.1vw,62px)}}
@media(max-width:760px){
 .hero,body[data-mode=live] .hero{display:flex;flex-direction:column;gap:18px;padding:12px 5% 22px}
 .visual-scene{width:min(100%,410px);flex:none;max-height:none}
 .content,body[data-mode=live] .content{padding:0;max-width:410px;margin:0 auto}
 .content>.eyebrow,.content>.intro{display:none}
 .content h1{font-size:clamp(23px,6vw,31px);margin:0 0 14px}
 .content h1 span,.content h1 em{display:inline}.content h1 em:before{content:' '}
 .countdown-wrap{margin:12px auto 16px;max-width:260px}.countdown b{font-size:24px}
 .hero-cta{min-height:48px;padding-block:13px}.micro{margin-bottom:0}
 header{inset:10px 10px auto auto}.location span{background:#07090ce0;font-size:10px;padding:3px 6px}
}
@media(prefers-reduced-motion:reduce){.energy-scan{animation:none;display:none}.visual-scene .energy-field *{animation:none!important}}

/* Guided light: one quiet sequence, anchored to the illustration. */
.visual-scene{border-radius:0;box-shadow:none;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 97%,transparent);mask-composite:intersect;animation:scene-arrive 1.2s ease-out both}
.visual-scene .arc,.visual-scene .spark{display:none}
.visual-scene .halo{animation-duration:9s;opacity:.35}
.guided-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;mix-blend-mode:screen}
.guided-light ellipse,.guided-light path{fill:none;stroke:#fff0c3;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:12 88;opacity:0;filter:drop-shadow(0 0 5px #ffc45d);animation:hat-current 9s ease-in-out infinite}
.guided-light .v-trace{stroke:#ffe1a0;stroke-width:3;stroke-dasharray:8 92;animation-name:v-current}
@keyframes hat-current{0%,7%{opacity:0;stroke-dashoffset:12}13%{opacity:.8}33%{opacity:.6;stroke-dashoffset:-88}39%,100%{opacity:0;stroke-dashoffset:-88}}
@keyframes v-current{0%,35%{opacity:0;stroke-dashoffset:8}41%{opacity:.8}68%{opacity:.6;stroke-dashoffset:-92}74%,100%{opacity:0;stroke-dashoffset:-92}}
@keyframes scene-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.content{animation:scene-arrive .8s .35s ease-out both}
.hero-cta{overflow:hidden}
.hero-cta:after{content:'';position:absolute;inset:-25% auto -25% -45%;width:30%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#fff5,transparent);pointer-events:none;animation:button-glint 11s 3s ease-in-out infinite}
@keyframes button-glint{0%,78%{left:-45%;opacity:0}82%{opacity:.6}94%,100%{left:120%;opacity:0}}
@media(max-width:760px){
 .hero,body[data-mode=live] .hero{gap:8px;padding:8px 5% 12px;justify-content:center}
 .visual-scene{width:min(100%,380px,calc((100svh - 242px)*.8));min-width:205px}
 .countdown-wrap{margin:4px auto 12px}.small-label{margin-bottom:6px}
 .countdown b{font-size:22px}.countdown span{font-size:8px}
 .micro{font-size:11px;margin-top:8px}.hero-cta{min-height:46px}
}
@media(prefers-reduced-motion:reduce){
 .visual-scene,.content,.guided-light ellipse,.guided-light path,.hero-cta:after{animation:none!important}
 .guided-light,.hero-cta:after{display:none}
}

/* A single dark-to-light reveal; the face remains mysterious in the artwork. */
.silhouette-reveal{position:absolute;inset:24% 14% 15%;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#020305 0%,#020305fc 27%,#020305e8 44%,#02030570 62%,transparent 77%);animation:silhouette-emerge 5.5s .2s cubic-bezier(.4,0,.2,1) both}
@keyframes silhouette-emerge{0%,8%{opacity:1}35%{opacity:.85}65%{opacity:.42}100%{opacity:0}}
.visual-scene .spark{display:block;width:2px;height:2px;opacity:0;animation:star-float 7s ease-in-out infinite;box-shadow:0 0 4px #ffe5a6,0 0 10px #eab65288}
.visual-scene .s1{animation-delay:.6s}.visual-scene .s2{animation-delay:2s;background:#a9ddff;box-shadow:0 0 5px #74bdff}.visual-scene .s3{animation-delay:3.4s;width:3px;height:3px}.visual-scene .s4{animation-delay:4.8s;background:#8bcfff}.visual-scene .s5{animation-delay:6.2s}
@keyframes star-float{0%,100%{opacity:0;transform:translate(0,8px) scale(.6)}24%{opacity:.85}43%{opacity:.35}60%{opacity:.75}88%{opacity:0;transform:translate(8px,-24px) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.silhouette-reveal{display:none;animation:none}.visual-scene .spark{display:none;animation:none}}

/* Separate short currents, travelling highlights and quiet fixed stars. */
.guided-light .lightning-thread{stroke-dasharray:none;stroke-width:1.7;stroke:#fff3c9;opacity:0;filter:drop-shadow(0 0 4px #ffd56d);animation:lightning-current 8.6s 1s linear infinite}
.guided-light .lightning-right{animation-duration:11.3s;animation-delay:3s}
@keyframes lightning-current{0%,16%,25%,48%,59%,100%{opacity:0}19%{opacity:.9}22%{opacity:.15}51%{opacity:.65}55%{opacity:.12}}
.glint-track .glint{fill:#fff6d4;stroke:none;filter:drop-shadow(0 0 5px #ffb833) drop-shadow(0 0 10px #eebd50);animation:glint-breathe 5s ease-in-out infinite}
.glint-track .blue-glint{fill:#d9f4ff;filter:drop-shadow(0 0 5px #37aeff) drop-shadow(0 0 11px #399dff)}
@keyframes glint-breathe{0%,100%{opacity:.15}25%,75%{opacity:.95}50%{opacity:.6}}
.star-cluster circle{fill:#fff1c9;filter:drop-shadow(0 0 4px #e8b753);opacity:.2;animation:star-twinkle 4.7s ease-in-out infinite}
.star-cluster circle:nth-child(3n){animation-duration:6.1s;animation-delay:-2.1s;fill:#b8e4ff}
.star-cluster circle:nth-child(3n+1){animation-duration:3.9s;animation-delay:-1.3s}
.star-cluster circle:nth-child(4n){animation-delay:-3.6s}
@keyframes star-twinkle{0%,100%{opacity:.12}38%{opacity:.9}61%{opacity:.25}80%{opacity:.6}}
.visual-scene .spark{animation-name:star-twinkle}
@media(prefers-reduced-motion:reduce){.glint-track,.star-cluster,.guided-light .lightning-thread{display:none}.star-cluster circle,.glint-track .glint{animation:none}}

/* Figure and lightning share a cycle: dim at rest, clear during a discharge. */
.figure-pulse{position:absolute;inset:24% 17% 16%;pointer-events:none;background:radial-gradient(ellipse,#030508b8 0%,#03050870 45%,transparent 73%);animation:figure-current 8.6s 1s linear infinite}
@keyframes figure-current{0%,16%,25%,48%,59%,100%{opacity:.42}19%,51%{opacity:0}22%,55%{opacity:.15}}
.guided-light .neon-current{stroke:#a2e7ff;stroke-width:2;stroke-dasharray:7 93;filter:drop-shadow(0 0 6px #149bff);animation:neon-flow 6.8s linear infinite}
@keyframes neon-flow{0%{stroke-dashoffset:7;opacity:0}12%,85%{opacity:.8}100%{stroke-dashoffset:-93;opacity:0}}
@media(max-width:1024px){
 html{min-height:100%;background:#07090c}
 body[data-mode=live]{height:100svh;min-height:100svh;grid-template-rows:minmax(0,1fr) auto auto}
 main{min-height:0}
 .hero,body[data-mode=live] .hero{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0;min-height:0;height:100%;overflow:hidden}
 .visual-scene{grid-column:1;grid-row:1;align-self:stretch;justify-self:stretch;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;aspect-ratio:auto;mask-image:none;border-radius:0;overflow:hidden}
 .visual-scene:before{content:'';position:absolute;inset:-22px;background:linear-gradient(#07090c35,#07090c90),url('/assets/tesla-poster-v3.webp') center 40%/cover;filter:blur(16px);opacity:.65;z-index:-1}
 .visual-scene .art{height:100%;width:100%;background:transparent}
 .visual-scene .art img{object-fit:contain;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
 .visual-scene .energy-field{display:none}
 .figure-pulse,.silhouette-reveal{left:max(17%,calc(50% - 19svh));right:max(17%,calc(50% - 19svh))}
 .content,body[data-mode=live] .content{grid-column:1;grid-row:2;width:100%;max-width:none;padding:8px max(16px,env(safe-area-inset-left)) 9px;margin:0;background:#07090cf2;animation:none}
 .content>.eyebrow,.content>.intro{display:none}
 .countdown-wrap{margin:0 auto 8px;width:240px;max-width:90%}.small-label{font-size:9px;margin-bottom:4px}
 .countdown b{font-size:21px}.countdown span{font-size:8px;margin-top:2px}.countdown div{padding:0 8px}
 .hero-cta{width:min(100%,340px);min-height:44px;padding:11px 36px;font-size:12px}
 .micro{font-size:10px;line-height:1.3;margin:5px auto 0}
 .energy-warning{min-height:7svh;font-size:clamp(10px,2.5vw,13px);padding:6px 4%;line-height:1.3}
 footer{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:8px;padding:0 4% env(safe-area-inset-bottom,0px);min-height:36px}
 footer>span:first-child{display:none}footer div{width:auto;gap:0}footer button{min-height:36px;font-size:11px}footer>span:last-child{font-size:10px}
 header{top:max(6px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right))}
}
@media(max-height:480px) and (orientation:landscape){
 .hero,body[data-mode=live] .hero{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}
 .visual-scene{grid-column:1;grid-row:1}.content,body[data-mode=live] .content{grid-column:2;grid-row:1;align-self:center;background:none}
 .energy-warning{font-size:10px;min-height:7svh;padding:4px 5%}
}
@media(prefers-reduced-motion:reduce){.figure-pulse{animation:none;opacity:.1}.guided-light .neon-current{animation:none;display:none}}

/* QA correction: no dark reveal veil, brighter pinpoints, no crown crossing. */
.visual-scene{animation:none}
.figure-pulse{display:none}
.guided-light .neon-current{stroke:#c6f0ff;stroke-width:2.6;filter:drop-shadow(0 0 4px #54c4ff) drop-shadow(0 0 8px #168de3)}
.star-cluster circle{filter:drop-shadow(0 0 2px #fff7d9) drop-shadow(0 0 6px #eec575);animation-name:star-shimmer}
@keyframes star-shimmer{0%,100%{opacity:.08}27%{opacity:.2}38%{opacity:1}48%{opacity:.15}74%{opacity:.35}82%{opacity:.8}91%{opacity:.12}}
@media(prefers-reduced-motion:reduce){.star-cluster circle{animation:none}}

/* Brighter layered highlights; no full-screen flashing or image deformation. */
.star-cluster circle{fill:#fffbea;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #ffd171);animation-duration:3.7s}
.star-cluster circle:nth-child(5n){r:3.4;fill:#d8f4ff;animation-duration:5.3s;animation-delay:-2.7s;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #77caff)}
@keyframes star-shimmer{0%,100%{opacity:.12}22%{opacity:.35}35%{opacity:1}44%{opacity:.2}70%{opacity:.45}82%{opacity:1}93%{opacity:.2}}
.guided-light .neon-breathe{stroke:#a1e6ff;stroke-width:2.2;stroke-dasharray:none;filter:drop-shadow(0 0 5px #009dff) drop-shadow(0 0 9px #2675ff);animation:blue-breathe 5.4s ease-in-out infinite}
@keyframes blue-breathe{0%,100%{opacity:.12}48%{opacity:.7}75%{opacity:.25}}
.guided-light .figure-outline,.guided-light .hat-outline{stroke:#fff4cb;stroke-width:3;stroke-dasharray:22 78;filter:drop-shadow(0 0 4px #fff1a4) drop-shadow(0 0 8px #f4a72d);animation:outline-current 7.8s ease-in-out infinite}
.guided-light .hat-outline{animation-delay:2s;animation-duration:6.6s;stroke-width:2.4}
@keyframes outline-current{0%{opacity:0;stroke-dashoffset:22}18%,72%{opacity:.95}100%{opacity:0;stroke-dashoffset:-100}}
.guided-light .city-glimmer path{stroke:#ffd777;stroke-width:1.4;stroke-dasharray:12 58;filter:drop-shadow(0 0 3px #f3b044);animation:city-current 8s linear infinite}
@keyframes city-current{0%{opacity:.08;stroke-dashoffset:0}45%{opacity:.48}100%{opacity:.08;stroke-dashoffset:-140}}
@media(prefers-reduced-motion:reduce){.guided-light .neon-breathe,.guided-light .figure-outline,.guided-light .hat-outline,.guided-light .city-glimmer path,.star-cluster circle{animation:none!important;display:none}}

/* Brand-first hierarchy. Masked sheen follows the existing raster letterforms. */
#artwork-luminance{mask-type:luminance}
.brand-highlight{opacity:.72;filter:drop-shadow(0 0 2px #ffde98)}
.slogan-highlight{opacity:.42}
.guided-light .brand-underline{stroke:#ffe6a2;stroke-width:3;stroke-dasharray:18 82;filter:drop-shadow(0 0 4px #ffbd48) drop-shadow(0 0 8px #e7a035);animation:brand-line-current 9s ease-in-out infinite}
@keyframes brand-line-current{0%,10%{opacity:.12;stroke-dashoffset:18}18%,45%{opacity:.95}64%,100%{opacity:.12;stroke-dashoffset:-100}}
.guided-light .figure-outline{stroke-width:3.5;filter:drop-shadow(0 0 4px #fff2cb) drop-shadow(0 0 9px #f4b441)}
@media(prefers-reduced-motion:reduce){.brand-highlight,.slogan-highlight,.guided-light .brand-underline{display:none;animation:none!important}}

/* Illuminate the actual raster lightning branches, not only traced lines. */
.storm-flash{opacity:0;filter:brightness(1.65) saturate(1.08);animation:storm-discharge 9s ease-in-out infinite;pointer-events:none}
.storm-right{animation-duration:11.7s;animation-delay:-4.4s}
@keyframes storm-discharge{0%,13%,32%,62%,85%,100%{opacity:0}20%{opacity:.62}26%{opacity:.16}71%{opacity:.48}78%{opacity:.08}}
@media(prefers-reduced-motion:reduce){.storm-flash{display:none;animation:none!important}}

/* Keep mask geometry opaque: decorative path rules must never animate masks. */
.guided-light defs path{fill:white;stroke:none;opacity:1;filter:none;animation:none;stroke-dasharray:none}
.guided-light{mix-blend-mode:normal}
.storm-flash{mix-blend-mode:screen;animation:storm-wave 12s ease-in-out infinite}
.storm-right{animation-delay:.45s}
@keyframes storm-wave{0%,14%,100%{opacity:0}3%{opacity:.58}7%{opacity:.12}10%{opacity:.3}19%,75%{opacity:0}80%{opacity:.42}86%{opacity:0}}
.brand-highlight{filter:drop-shadow(0 0 2px #d7e7ff);opacity:.85}
.guided-light .figure-outline,.guided-light .hat-outline{animation-duration:12s;animation-delay:.7s}
.guided-light .city-glimmer path{animation-duration:12s;animation-delay:1s}
.hero-cta{background:linear-gradient(115deg,#b7802c,#ffe0a0 48%,#d6a044);border:1px solid #ffe4ad;box-shadow:0 0 20px #dca84220,inset 0 1px #fff5;transition:box-shadow .25s,transform .25s}
.hero-cta:hover{box-shadow:0 0 28px #dca84240,inset 0 1px #fff7}.hero-cta:active{transform:scale(.98)}
.countdown{border:1px solid #c6a36530;border-radius:10px;padding:5px 0;background:linear-gradient(120deg,#d6ad6110,#8bcaff08)}
.countdown b{color:#e5edf7;text-shadow:0 0 12px #c9dfff22;font-variant-numeric:tabular-nums}
footer .text-button{text-decoration:none;color:#a9adb5;font-size:10px}footer .text-button:hover{color:#e5c58b}
#signup-dialog{background:radial-gradient(ellipse at 0 0,#c1913020,transparent 55%),radial-gradient(ellipse at 100% 100%,#3396de18,transparent 55%),#0b0f15;border:1px solid #c6a36566;box-shadow:0 0 50px #0009,inset 0 1px #ffe0a022}
#signup-dialog[open]{animation:panel-arrive .35s ease-out}
@keyframes panel-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
body:has(dialog[open]) .guided-light{opacity:.15;transition:opacity .3s}
body[data-motion-paused=true] .visual-scene *,body[data-motion-paused=true] .hero-cta:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#signup-dialog[open]{animation:none}.hero-cta{transition:none}}
.promo-teaser{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,360px);margin:0 auto 18px;padding:12px 14px;border:1px solid #d1ad6266;border-radius:10px;background:linear-gradient(120deg,#d0a85112,#101419cc);box-shadow:inset 0 1px #ffe6ac16;text-align:left}
.promo-teaser:after{content:'';position:absolute;left:0;bottom:0;width:32%;height:1px;background:linear-gradient(90deg,transparent,#ffe0a3,transparent);box-shadow:0 0 7px #eabd60;animation:promo-edge 7s ease-in-out infinite;pointer-events:none}
.promo-teaser strong{display:block;color:#ecd3a0;font-size:11px;line-height:1.4;letter-spacing:.07em}
.promo-teaser p{margin:4px 0 0;color:#b9bec7;font-size:11px;line-height:1.5}.promo-teaser p span{display:block;color:#e1e5eb}
.promo-gift{width:30px;height:30px;flex-shrink:0;fill:none;stroke:#dce3ec;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #deb25a55)}
@keyframes promo-edge{0%,100%{transform:translateX(-100%);opacity:0}15%,80%{opacity:1}90%{transform:translateX(410%);opacity:0}}
@media(max-width:1024px){.promo-teaser{margin:0 auto 7px;padding:6px 10px;gap:9px;width:min(100%,340px)}.promo-teaser strong{font-size:10px;letter-spacing:.025em}.promo-teaser p{font-size:10px;margin-top:1px}.promo-teaser p span{display:inline;margin-left:5px}.promo-gift{width:25px;height:25px}}
@media(max-width:350px){.promo-teaser p span{display:block;margin-left:0}}
@media(prefers-reduced-motion:reduce){.promo-teaser:after{animation:none;opacity:.5}}
body[data-motion-paused=true] .promo-teaser:after{animation-play-state:paused!important}
.countdown{position:relative;overflow:hidden;isolation:isolate}
.countdown:after{content:'';position:absolute;left:0;bottom:0;width:35%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#f0ca81,transparent);box-shadow:0 0 6px #d7a95270;animation:timer-edge 9s ease-in-out infinite}
@keyframes timer-edge{0%,8%{transform:translateX(-110%);opacity:0}22%,70%{opacity:.85}90%,100%{transform:translateX(390%);opacity:0}}
body[data-motion-paused=true] .countdown:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.countdown:after{animation:none;opacity:0}}
.success-emblem{display:none}
/* Prevent accidental double-tap zoom; preserve deliberate accessible pinch zoom. */
html{touch-action:manipulation}
.visual-scene{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}
.visual-scene img{-webkit-user-drag:none;pointer-events:none}
#signup-dialog{max-height:calc(100dvh - 24px);overscroll-behavior:contain;scroll-padding-block:16px}
@media(max-height:440px){#signup-dialog{padding:22px 20px}.signup-success .success-emblem{width:78px;height:78px;margin-bottom:12px}.success-emblem img{width:58px;height:58px}.signup-success #result{padding-top:6px}.signup-success #result-copy{margin-bottom:16px}}
:root{color-scheme:dark}
@media(prefers-color-scheme:dark){:root{color-scheme:dark}body{background-color:#07090c;color:#f5f4ef}}
.signup-success #result{text-align:center;padding:22px 0 8px;animation:panel-arrive .65s ease-out both}
.signup-success .success-emblem{position:relative;display:grid;place-items:center;width:130px;height:130px;margin:0 auto 27px;border:1px solid #dfba6855;border-radius:50%;box-shadow:0 0 32px #c3933420,inset 0 0 28px #d9ac4d15;animation:success-halo 5s ease-in-out infinite}
.success-emblem img{border-radius:22px}.success-emblem i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe1a1;box-shadow:0 0 9px #f6c96c;top:18%;left:12%;animation:success-star 4s ease-in-out infinite}
.success-emblem i:nth-of-type(2){top:74%;left:89%;animation-delay:1.3s}.success-emblem i:nth-of-type(3){top:5%;left:73%;animation-delay:2.6s}
.signup-success #result h3{font-size:clamp(25px,7vw,34px);letter-spacing:.035em;line-height:1.15;margin:0 0 11px;color:#eef0f4}
.signup-success #result .success-kicker{color:#e7c686;font-size:15px;margin:0 0 18px}
.signup-success #result-copy{max-width:280px;margin:0 auto 30px;font-size:15px;line-height:1.65;color:#b8bfca}
.success-return{width:100%;gap:18px;font-size:12px;min-height:48px}
@keyframes success-halo{0%,100%{box-shadow:0 0 25px #c3933418,inset 0 0 22px #d9ac4d12}50%{box-shadow:0 0 40px #c3933433,inset 0 0 30px #d9ac4d24}}
@keyframes success-star{0%,100%{opacity:.2}50%{opacity:.95}}
@media(prefers-reduced-motion:reduce){.signup-success #result,.signup-success .success-emblem,.success-emblem i{animation:none!important}}