:root{color-scheme:dark;--ink:#020207;--ivory:#f3f0eb;--p:0}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--ink);color:var(--ivory);font-family:"Avenir Next","Century Gothic","Helvetica Neue",Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}
.experience{height:260svh}.experience,.scene{background:#020207}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 58%,rgba(41,15,66,.15),transparent 36%),#020207}.ambient:after{content:"";position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.mist{position:absolute;width:70vw;height:46vh;border-radius:50%;filter:blur(100px);opacity:.13;background:radial-gradient(ellipse,#45186a 0%,#151044 42%,transparent 72%);animation:mist 18s ease-in-out infinite alternate}.mist-a{left:-38vw;top:30vh}.mist-b{right:-42vw;bottom:-12vh;animation-delay:-9s}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#522782;opacity:.17;box-shadow:0 0 9px rgba(103,55,173,.5);animation:rise var(--speed) linear infinite,twinkle var(--twinkle) ease-in-out infinite}.p1{left:10%;top:94%;--speed:46s;--twinkle:9s;animation-delay:-22s,-3s}.p2{left:23%;top:75%;--speed:54s;--twinkle:11s;animation-delay:-37s,-7s;background:#17235e}.p3{left:39%;top:102%;--speed:50s;--twinkle:13s;animation-delay:-9s,-4s;width:2px;height:2px}.p4{left:57%;top:86%;--speed:58s;--twinkle:10s;animation-delay:-43s,-1s;background:#1b2866}.p5{left:71%;top:96%;--speed:48s;--twinkle:8s;animation-delay:-29s,-5s}.p6{left:87%;top:78%;--speed:61s;--twinkle:14s;animation-delay:-18s,-9s;background:#202d71}.p7{left:31%;top:58%;--speed:55s;--twinkle:12s;animation-delay:-47s,-6s;width:2px;height:2px}.p8{left:79%;top:49%;--speed:64s;--twinkle:10s;animation-delay:-33s,-2s;width:2px;height:2px}
.site-header{position:fixed;z-index:20;inset:0 0 auto;height:112px;display:flex;align-items:flex-start;justify-content:space-between;padding:max(30px,env(safe-area-inset-top)) clamp(28px,6vw,68px) 0}.brand{display:flex;align-items:center;gap:14px}.brand>img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(186,122,243,.25))}.brand-copy{display:grid;gap:6px}.brand-copy strong{font-size:13px;line-height:1;letter-spacing:.36em;font-weight:500}.brand-copy small{font-size:5.7px;letter-spacing:.42em;font-weight:500}.menu{width:50px;height:50px;border:1px solid rgba(232,225,214,.44);border-radius:50%;background:transparent;display:grid;place-content:center;gap:5px;cursor:pointer}.menu span{width:18px;height:1px;background:rgba(255,255,255,.9)}
.stage{position:fixed;inset:0;z-index:2}.opening-state,.reveal-state{position:absolute;inset:0;text-align:center}.opening-state{opacity:calc(1 - min(1,var(--p)*2.6));transform:translateY(calc(var(--p)*-18px));pointer-events:none}.opening-state h1,.reveal-state h2{position:absolute;left:50%;margin:0;width:min(650px,calc(100% - 54px));transform:translateX(-50%);font-size:clamp(12px,1.65vw,18px);line-height:2.05;letter-spacing:.46em;text-transform:uppercase;font-weight:400;text-wrap:balance}.opening-state h1{top:41.9%}
.hero-star{position:absolute;z-index:5;left:50%;top:52.1%;width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center}.hero-star img{position:relative;z-index:2;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,255,255,.46)) drop-shadow(0 0 15px rgba(138,76,204,.42));animation:starLife 5.8s ease-in-out infinite}.frequency-ring{position:absolute;inset:7px;border:1px solid rgba(157,99,215,.2);border-radius:50%;opacity:0;animation:ring 5.8s ease-out infinite}.ring-two{animation-delay:2.9s}.scroll-cue{position:absolute;left:50%;top:84.5%;transform:translateX(-50%);display:grid;justify-items:center;gap:18px;text-transform:uppercase;opacity:calc(1 - min(1,var(--p)*4))}.scroll-cue span{font-size:8px;letter-spacing:.55em;color:rgba(255,255,255,.76)}.scroll-cue i{width:1px;height:53px;background:linear-gradient(to bottom,rgba(244,237,248,.8),rgba(124,66,178,.34),transparent);animation:scrollLine 2.7s ease-in-out infinite}
.reveal-state{opacity:clamp(0,calc((var(--p) - .34)*3.7),1);transform:translateY(calc((1 - min(1,var(--p)*1.7))*22px));pointer-events:none}.reveal-state.is-active{pointer-events:auto}.reveal-state h2{top:24.5%}.signup{position:absolute;top:54.5%;left:50%;width:min(570px,60vw);transform:translateX(-50%);margin:0;text-align:left}.signup label{display:block;margin:0 0 6px 7px;font-size:8px;letter-spacing:.46em;text-transform:uppercase;font-weight:400;color:rgba(255,255,255,.72)}.signup input{display:block;width:100%;height:30px;border:0;border-bottom:1px solid rgba(234,225,240,.62);outline:0;background:transparent;color:var(--ivory);font-size:14px;letter-spacing:.05em}.signup button{width:100%;height:47px;margin-top:27px;padding:0 27px;border:1px solid rgba(229,213,239,.72);border-radius:999px;color:var(--ivory);background:rgba(67,26,92,.07);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.signup button span{margin:auto;font-size:8px;font-weight:400;letter-spacing:.31em;text-transform:uppercase}.signup button svg{width:26px;fill:none;stroke:currentColor;stroke-width:1}.form-status{min-height:1.2em;margin:10px 0 0;text-align:center;color:#d8b8f6;font-size:8px;letter-spacing:.08em}
.next-reveal{position:absolute;top:72%;left:50%;width:min(570px,calc(100% - 56px));transform:translateX(-50%);text-transform:uppercase}.next-reveal>p{margin:0 0 21px;font-size:8px;letter-spacing:.55em;color:rgba(244,237,248,.72)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.countdown>span{display:grid;gap:8px;border-right:1px solid rgba(216,193,231,.18)}.countdown>span:last-child{border:0}.countdown strong{font-size:clamp(20px,3.2vw,32px);line-height:1;font-weight:400;letter-spacing:.1em;background:linear-gradient(135deg,#fff 5%,#c9b5d9 38%,#a573cf 63%,#eee6f4 91%);-webkit-background-clip:text;background-clip:text;color:transparent}.countdown small,.reveal-date,.layer-state{font-size:6px;letter-spacing:.42em;color:rgba(239,229,244,.42)}.reveal-date,.layer-state{display:block}.reveal-date{margin-top:17px;color:rgba(202,166,227,.78)}.layer-state{margin-top:9px}
.trust-mark{position:absolute;top:87%;left:50%;width:min(480px,58vw);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:19px;text-align:left}.trust-seal{position:relative;width:52px;height:52px;flex:0 0 auto;border:1px dotted rgba(229,212,239,.62);border-radius:50%;display:grid;place-items:center;animation:sealRotate 24s linear infinite}.trust-seal span{position:absolute;inset:8px;border:1px solid rgba(177,125,216,.22);border-radius:50%;animation:sealPulse 4.8s ease-in-out infinite}.trust-seal img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(190,125,246,.55));animation:trustStar 4.8s ease-in-out infinite reverse}.trust-copy{padding-left:18px;border-left:1px solid rgba(235,220,244,.35)}.trust-copy strong{display:block;white-space:nowrap;font-size:8px;letter-spacing:.32em;font-weight:500}.trust-copy p{margin:8px 0 0;max-width:320px;color:rgba(237,228,240,.46);font-size:6.4px;line-height:1.55;letter-spacing:.02em}
footer{position:fixed;z-index:10;left:clamp(28px,7vw,78px);right:clamp(28px,7vw,78px);bottom:max(27px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.58);font-size:7px;letter-spacing:.4em;text-transform:uppercase;opacity:clamp(0,calc((var(--p) - .55)*4),1)}footer nav{display:flex;gap:11px}
footer{position:fixed;z-index:10;left:clamp(28px,7vw,78px);right:clamp(28px,7vw,78px);bottom:max(27px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.58);font-size:7px;letter-spacing:.4em;text-transform:uppercase;opacity:clamp(0,calc((var(--p) - .55)*4),1)}footer nav{display:flex;gap:11px}
@keyframes starLife{0%,100%{transform:scale(.94);opacity:.88}50%{transform:scale(1.04);opacity:1}}@keyframes ring{0%,52%{transform:scale(.4);opacity:0}58%{opacity:.24}82%,100%{transform:scale(3.4);opacity:0}}@keyframes scrollLine{0%,100%{opacity:.28;transform:scaleY(.62);transform-origin:top}50%{opacity:.72;transform:scaleY(1)}}@keyframes rise{from{transform:translate3d(0,12vh,0)}to{transform:translate3d(8px,-125vh,0)}}@keyframes twinkle{0%,100%{opacity:.05}48%{opacity:.2}55%{opacity:.1}}@keyframes mist{from{transform:translate3d(-2%,2%,0) scale(.92)}to{transform:translate3d(5%,-4%,0) scale(1.08)}}@keyframes sealRotate{to{transform:rotate(360deg)}}@keyframes sealPulse{0%,100%{transform:scale(.88);opacity:.25}50%{transform:scale(1.08);opacity:.7}}@keyframes trustStar{0%,100%{transform:scale(.9);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@media(max-width:640px){.site-header{height:92px;padding-top:max(25px,env(safe-area-inset-top))}.brand>img{width:21px;height:21px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:4.8px}.menu{width:46px;height:46px}.opening-state h1,.reveal-state h2{font-size:10px;line-height:2.22;letter-spacing:.45em}.hero-star{width:39px;height:39px}.hero-star img{width:31px;height:31px}.reveal-state h2{top:24%}.signup{top:54.5%;width:61vw;min-width:250px}.signup label{font-size:7px}.signup input{height:27px}.signup button{height:40px;margin-top:24px;padding:0 17px}.signup button span{font-size:6.4px;letter-spacing:.22em}.signup button svg{width:18px}.next-reveal{top:71%;width:76vw}.next-reveal>p{font-size:7px;margin-bottom:18px}.countdown strong{font-size:22px}.countdown small,.reveal-date,.layer-state{font-size:5.3px}.trust-mark{top:86%;width:72vw;gap:13px}.trust-seal{width:43px;height:43px}.trust-seal img{width:16px;height:16px}.trust-copy{padding-left:13px}.trust-copy strong{font-size:5.8px}.trust-copy p{font-size:4.9px}footer{font-size:5.8px;letter-spacing:.3em}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Refined luminous motion system */
.particle{width:3px;height:3px;opacity:.28;background:#8d4cff;box-shadow:0 0 5px rgba(213,180,255,.72),0 0 14px rgba(111,55,214,.62);animation-duration:var(--speed),var(--twinkle)}
.particle:after{content:"";position:absolute;inset:-3px;background:radial-gradient(circle,rgba(198,164,255,.32),transparent 68%);border-radius:50%}
.p2,.p4,.p6{background:#5e78ff;box-shadow:0 0 5px rgba(177,191,255,.6),0 0 15px rgba(60,70,195,.55)}
.p9{left:17%;top:108%;--speed:49s;--twinkle:8s;animation-delay:-11s,-3s}.p10{left:47%;top:91%;--speed:57s;--twinkle:12s;animation-delay:-39s,-8s;background:#6b43d5}.p11{left:67%;top:112%;--speed:52s;--twinkle:9s;animation-delay:-27s,-1s}.p12{left:92%;top:99%;--speed:63s;--twinkle:13s;animation-delay:-45s,-6s;background:#536cff}
.hero-star img{animation:starLifeRefined 5.4s cubic-bezier(.45,.05,.42,.95) infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.72)) drop-shadow(0 0 12px rgba(192,132,255,.55)) drop-shadow(0 0 28px rgba(91,43,162,.34))}
.frequency-ring{animation:ringRefined 5.4s ease-out infinite}.ring-two{animation-delay:2.7s}
.email-line{position:relative;height:31px;overflow:hidden;border-bottom:1px solid transparent;background:linear-gradient(90deg,rgba(234,225,240,.28),rgba(234,225,240,.78),rgba(165,110,216,.42)) bottom/100% 1px no-repeat;transform:rotate(-.09deg);transform-origin:center}
.email-line:after{content:"";position:absolute;left:-24%;bottom:-2px;width:23%;height:5px;background:linear-gradient(90deg,transparent,rgba(151,75,221,.7),rgba(255,255,255,.96),rgba(182,111,248,.72),transparent);filter:blur(1.5px);box-shadow:0 0 9px rgba(183,102,245,.64);animation:emailSweep 5.2s cubic-bezier(.4,0,.2,1) infinite}
.signup .email-line input{height:30px;border:0;background:transparent}
.entry__error{min-height:14px;margin:6px 7px 0;color:rgba(222,177,244,.78);font-size:7px;line-height:1.5;letter-spacing:.08em}
.signup input[aria-invalid="true"]{color:#f2dffb}
.signup button{padding:0 21px 0 27px;box-shadow:inset 0 0 20px rgba(112,48,151,.055);transition:border-color .35s,background .35s,box-shadow .35s}
.signup button:hover{border-color:rgba(246,233,255,.94);background:rgba(91,36,124,.13);box-shadow:inset 0 0 28px rgba(132,63,179,.1),0 0 18px rgba(105,52,156,.08)}
.signup button span{flex:1;margin:0;padding-left:26px;text-align:center;white-space:nowrap;letter-spacing:.28em}
.signup button svg{flex:0 0 24px;margin-left:12px}
@keyframes starLifeRefined{0%,100%{transform:scale(.91);opacity:.85}42%{transform:scale(1.07);opacity:1}54%{transform:scale(1.01);opacity:.95}66%{transform:scale(1.055);opacity:1}}
@keyframes ringRefined{0%,54%{transform:scale(.55);opacity:0}60%{opacity:.22}88%,100%{transform:scale(3.7);opacity:0}}
@keyframes emailSweep{0%,12%{transform:translateX(0);opacity:0}22%{opacity:.88}76%{opacity:.88}100%{transform:translateX(545%);opacity:0}}
@media(max-width:640px){.email-line{height:28px}.signup button span{padding-left:18px;letter-spacing:.18em;font-size:6.2px}.signup button svg{flex-basis:17px;margin-left:7px}}

/* Two-beat composition: statement, then email */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.opening-state h1{top:49%;transform:translate(-50%,-50%)}
.hero-star{top:39.5%}
.signup{top:46%;transform:translate(-50%,-50%)}
.next-reveal{top:64%}
.trust-mark{top:82%}
@media(max-width:640px){.opening-state h1{top:49%}.hero-star{top:39.5%}.signup{top:46%;width:68vw}.next-reveal{top:63%}.trust-mark{top:81%}}

/* Anonymous opening and stronger frequency pulse */
.brand-placeholder{display:block;width:1px;height:1px}
.hero-star{top:33.5%}
.hero-star img{animation:starLifeMystery 5.8s cubic-bezier(.42,0,.38,1) infinite}
.frequency-ring{inset:5px;border-color:rgba(188,126,244,.28);animation:frequencyRelease 5.8s cubic-bezier(.2,.55,.35,1) infinite}
.ring-two{animation-delay:2.9s}
.countdown small{font-size:5px;letter-spacing:.3em;color:rgba(239,229,244,.3)}
.next-reveal>p{font-size:7px;letter-spacing:.48em;color:rgba(244,237,248,.56)}
.reveal-date,.layer-state{font-size:5.4px;letter-spacing:.34em}
@keyframes starLifeMystery{0%,100%{transform:scale(.9);opacity:.82}40%{transform:scale(1.08);opacity:1}52%{transform:scale(1.015);opacity:.94}67%{transform:scale(1.06);opacity:1}}
@keyframes frequencyRelease{0%,48%{transform:scale(.45);opacity:0}55%{opacity:.28}84%,100%{transform:scale(4.15);opacity:0}}
@media(max-width:640px){.hero-star{top:33.5%}.countdown small{font-size:4.5px}.next-reveal>p{font-size:6.2px}.reveal-date,.layer-state{font-size:4.8px}}

/* Fine-line sweep and spacing refinement */
.email-line{height:31px;background:linear-gradient(90deg,rgba(231,222,237,.24),rgba(242,235,246,.58),rgba(173,126,210,.3)) bottom/100% .65px no-repeat}
.email-line:after{left:-18%;bottom:0;width:18%;height:1.7px;background:linear-gradient(90deg,transparent,rgba(202,162,234,.38),rgba(255,255,255,.88) 48%,rgba(199,146,239,.42),transparent);filter:blur(.35px);box-shadow:0 0 3px rgba(191,127,236,.34);animation-duration:5.8s}
.next-reveal{top:60.5%}
.trust-mark{top:80%;width:min(520px,62vw);gap:21px}
.trust-seal{width:58px;height:58px}.trust-seal img{width:22px;height:22px}
.trust-copy strong{font-size:8.4px}.trust-copy p{font-size:6.7px}
@media(max-width:640px){.email-line{height:28px}.next-reveal{top:59.5%}.trust-mark{top:79%;width:76vw;gap:15px}.trust-seal{width:48px;height:48px}.trust-seal img{width:18px;height:18px}.trust-copy strong{font-size:6.2px}.trust-copy p{font-size:5.2px}}

/* Brevo connection, visually native to the WINSIDE scene */
.brevo-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.brevo-message{display:none;position:absolute;z-index:8;top:55%;left:50%;width:min(570px,68vw);transform:translateX(-50%);padding:12px 16px;border:1px solid rgba(203,157,235,.24);border-radius:18px;text-align:center;color:rgba(238,224,247,.74);background:rgba(13,7,20,.92);font-size:8px;letter-spacing:.13em}
.brevo-success{color:rgba(244,233,250,.9)}
.signup button:disabled{cursor:wait;opacity:.78}.signup button.is-sending svg{animation:sendArrow .8s ease-in-out infinite alternate}.brevo-submit-frame{position:fixed;width:1px;height:1px;left:-9999px;border:0;opacity:0;pointer-events:none}
@keyframes sendArrow{to{transform:translateX(4px);opacity:.6}}

/* Clearer reveal hierarchy without losing the minimal composition */
.signup label{font-size:9px}
.signup button span{font-size:8.5px}
.next-reveal>p{margin-bottom:15px;font-size:9px;letter-spacing:.5em;color:rgba(244,237,248,.76)}
.countdown{width:92%;margin-inline:auto}
.countdown strong{font-size:clamp(17px,2.3vw,24px);letter-spacing:.08em}
.countdown small{font-size:5.5px;color:rgba(239,229,244,.42)}
.reveal-date{margin-top:15px;font-size:6px}
.layer-state{margin-top:11px;font-size:7px;letter-spacing:.38em;color:rgba(238,224,247,.7)}
.trust-copy p{font-size:7.2px}
footer{font-size:7.5px}
@media(max-width:640px){
  .signup label{font-size:8px}
  .signup button span{font-size:7px;letter-spacing:.17em}
  .next-reveal>p{margin-bottom:14px;font-size:7.8px}
  .countdown{width:94%}
  .countdown strong{font-size:18px}
  .countdown small{font-size:5px}
  .reveal-date{font-size:5.5px}
  .layer-state{font-size:6.2px;line-height:1.6;letter-spacing:.28em}
  .trust-copy strong{font-size:6.8px}
  .trust-copy p{font-size:5.8px}
  footer{font-size:6.2px}
}

/* Layer context leads; the countdown remains supporting information */
.layer-state{margin:0 0 17px;font-size:8px;line-height:1.6;letter-spacing:.36em;color:rgba(244,237,248,.76)}
.trust-seal{width:64px;height:64px}
.trust-seal img{width:24px;height:24px}
.trust-copy strong{font-size:9.2px}
.trust-copy p{font-size:7.6px}
@media(max-width:640px){
  .layer-state{margin:0 0 15px;font-size:6.8px;line-height:1.65;letter-spacing:.26em}
  .trust-seal{width:54px;height:54px}
  .trust-seal img{width:20px;height:20px}
  .trust-copy strong{font-size:7.4px}
  .trust-copy p{font-size:6.1px}
}

/* Clear story cues and a sharper, center-born frequency pulse */
.opening-layer{position:absolute;top:56%;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.4em;text-transform:uppercase;color:rgba(238,224,247,.58)}
.reveal-invite{margin:0 0 20px;text-align:center;font-size:8px;line-height:1.7;letter-spacing:.28em;text-transform:uppercase;color:rgba(244,237,248,.72)}
.hero-star{width:50px;height:50px}
.hero-star img{width:42px;height:42px;image-rendering:auto;filter:contrast(1.08) drop-shadow(0 0 3px rgba(255,255,255,.78)) drop-shadow(0 0 10px rgba(192,132,255,.46))}
.frequency-ring{inset:auto;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px}
.ring-two{animation-delay:2.9s}
.reveal-date{margin:0 0 15px;font-size:6px}
.email-line:after{animation-name:emailSweepFull}
@keyframes frequencyRelease{0%,48%{transform:scale(.15);opacity:0}55%{opacity:.3}84%,100%{transform:scale(11);opacity:0}}
@keyframes emailSweepFull{0%,10%{transform:translateX(0);opacity:0}20%{opacity:.8}88%{opacity:.8}100%{transform:translateX(655%);opacity:0}}
@media(max-width:640px){
  .opening-layer{top:56%;font-size:6.2px;letter-spacing:.32em}
  .reveal-invite{margin-bottom:17px;font-size:6.8px;letter-spacing:.2em}
  .hero-star{width:46px;height:46px}
  .hero-star img{width:38px;height:38px}
  .reveal-date{margin-bottom:13px;font-size:5.5px}
}

/* Three scroll beats: statement, invitation, form */
.experience{height:320svh}
.hero-star{top:28%;width:52px;height:52px}
.hero-star img{width:46px;height:46px;filter:contrast(1.22) saturate(.9) drop-shadow(0 0 2px rgba(255,255,255,.72)) drop-shadow(0 0 6px rgba(174,105,236,.32))}
.reveal-state{opacity:1;transform:none}
.invite-state{position:absolute;top:48%;left:50%;width:min(650px,calc(100% - 54px));margin:0;transform:translate(-50%,calc((1 - var(--invite))*18px));opacity:var(--invite);font-size:clamp(11px,1.5vw,16px);line-height:2;letter-spacing:.4em;text-transform:uppercase;font-weight:400;color:rgba(244,240,247,.9);text-wrap:balance}
.signup,.next-reveal,.trust-mark{opacity:var(--form)}
.signup{transform:translate(-50%,calc(-50% + (1 - var(--form))*18px))}
.next-reveal,.trust-mark{transform:translate(-50%,calc((1 - var(--form))*18px))}
.signup{pointer-events:none}.reveal-state.is-active .signup{pointer-events:auto}
.frequency-ring{animation-name:frequencyReleaseWide}
.countdown strong{font-size:clamp(14px,1.9vw,19px)}
.trust-mark{top:83%}
@keyframes frequencyReleaseWide{0%,44%{transform:scale(.12);opacity:0}51%{opacity:.32}90%,100%{transform:scale(17);opacity:0}}
@media(max-width:640px){
  .hero-star{top:27%;width:49px;height:49px}
  .hero-star img{width:43px;height:43px}
  .invite-state{top:48%;font-size:9px;line-height:2.15;letter-spacing:.3em}
  .countdown strong{font-size:15px}
  .trust-mark{top:83%}
}

/* Slower, quieter three-step reveal */
.experience{height:380svh}
.opening-state{opacity:var(--opening);transform:translateY(calc((1 - var(--opening))*-8px))}
.invite-state{transform:translate(-50%,calc((1 - var(--invite))*9px));font-size:clamp(10px,1.35vw,14px);color:rgba(244,240,247,.82)}
.signup{transform:translate(-50%,calc(-50% + (1 - var(--form))*9px))}
.next-reveal,.trust-mark{transform:translate(-50%,calc((1 - var(--form))*9px))}
.hero-star{top:28%;width:44px;height:44px}
.hero-star img{width:34px;height:34px;filter:drop-shadow(0 0 3px rgba(255,255,255,.62)) drop-shadow(0 0 10px rgba(171,103,232,.38))}
.frequency-ring{animation-name:frequencyReleaseExpansive;animation-duration:8s}
.ring-two{animation-delay:4s}
.countdown strong{font-size:clamp(13px,1.7vw,17px)}
@keyframes frequencyReleaseExpansive{0%,40%{transform:scale(.1);opacity:0}48%{opacity:.24}92%,100%{transform:scale(40);opacity:0}}
@media(max-width:640px){
  .invite-state{font-size:8.5px}
  .hero-star{top:27%;width:42px;height:42px}
  .hero-star img{width:33px;height:33px}
  .countdown strong{font-size:14px}
}

/* A single, recurring smoke-ring pulse and a cue for the middle beat */
.frequency-ring{border-color:rgba(164,102,218,.2);box-shadow:0 0 10px rgba(112,51,170,.11),inset 0 0 8px rgba(172,111,224,.08);animation-duration:4.8s}
.invite-scroll-cue{position:absolute;left:50%;top:62%;transform:translateX(-50%);display:grid;justify-items:center;gap:16px;opacity:var(--invite);text-transform:uppercase}
.invite-scroll-cue span{font-size:7px;letter-spacing:.55em;color:rgba(255,255,255,.62)}
.invite-scroll-cue i{width:1px;height:44px;background:linear-gradient(to bottom,rgba(244,237,248,.68),rgba(124,66,178,.28),transparent);animation:scrollLine 2.7s ease-in-out infinite}
@media(max-width:640px){
  .invite-scroll-cue{top:61%;gap:14px}
  .invite-scroll-cue span{font-size:6.2px}
  .invite-scroll-cue i{height:40px}
}

/* Final readability and pulse calibration */
.frequency-ring{border:1px solid rgba(181,124,225,.22);box-shadow:none;animation-duration:3.2s}
.invite-scroll-cue{top:84.5%;gap:18px}
.invite-scroll-cue span{font-size:7.5px}
.invite-scroll-cue i{height:53px}
.opening-layer{font-size:7.5px}
.signup label{font-size:9.5px}
.signup button span{font-size:9px}
.countdown small{font-size:5.8px}
.reveal-date{font-size:6.6px}
.trust-copy strong{font-size:9.8px}
.trust-copy p{font-size:8px}
footer{font-size:7.8px}
@keyframes frequencyReleaseExpansive{0%,38%{transform:scale(.1);opacity:0}46%{opacity:.19}92%,100%{transform:scale(40);opacity:0}}
@media(max-width:640px){
  .invite-scroll-cue{top:84.5%;gap:18px}
  .invite-scroll-cue span{font-size:6.8px}
  .invite-scroll-cue i{height:53px}
  .opening-layer{font-size:6.8px}
  .signup label{font-size:8.5px}
  .signup button span{font-size:7.5px}
  .countdown small{font-size:5.3px}
  .reveal-date{font-size:6px}
  .trust-copy strong{font-size:8px}
  .trust-copy p{font-size:6.5px}
  footer{font-size:6.5px}
}

/* Softer breathing, recurring ring, stronger micro-typography */
.hero-star img{animation-duration:7.2s}
.frequency-ring{border-color:rgba(181,124,225,.16);animation-duration:3.6s;animation-timing-function:cubic-bezier(.18,.5,.28,1)}
.invite-state{font-size:clamp(11px,1.45vw,15px)}
.invite-scroll-cue span{font-size:8.2px}
.opening-layer{font-size:8.4px}
.signup label{font-size:10.5px}
.signup button span{font-size:9.8px}
.countdown small{font-size:6.4px}
.reveal-date{font-size:7.3px}
.trust-copy strong{font-size:10.7px}
.trust-copy p{font-size:8.7px}
footer{font-size:8.5px}
@keyframes frequencyReleaseExpansive{0%,14%{transform:scale(.1);opacity:0}24%{opacity:.15}94%,100%{transform:scale(40);opacity:0}}
@media(max-width:640px){
  .invite-state{font-size:9.4px}
  .invite-scroll-cue span{font-size:7.4px}
  .opening-layer{font-size:7.5px}
  .signup label{font-size:9.3px}
  .signup button span{font-size:8.2px}
  .countdown small{font-size:5.8px}
  .reveal-date{font-size:6.6px}
  .trust-copy strong{font-size:8.7px}
  .trust-copy p{font-size:7.1px}
  footer{font-size:7.1px}
}

/* Persistent scroll cue with quieter form microcopy */
.scroll-cue{display:none}
.invite-scroll-cue{opacity:var(--scroll-cue)}
.signup label{font-size:9.4px}
.signup button span{font-size:8.8px}
@media(max-width:640px){
  .signup label{font-size:8.3px}
  .signup button span{font-size:7.4px}
}

/* Stronger trust signature and remaining orientation type */
.trust-seal{width:70px;height:70px}
.trust-seal img{width:26px;height:26px}
.trust-copy strong{font-size:11.5px}
.trust-copy p{font-size:9.4px}
.opening-layer{font-size:8.9px}
.countdown small{font-size:6.8px}
.reveal-date{font-size:7.8px}
footer{font-size:9px}
@media(max-width:640px){
  .trust-seal{width:60px;height:60px}
  .trust-seal img{width:22px;height:22px}
  .trust-copy strong{font-size:9.4px}
  .trust-copy p{font-size:7.7px}
  .opening-layer{font-size:8px}
  .countdown small{font-size:6.2px}
  .reveal-date{font-size:7px}
  footer{font-size:7.6px}
}