:root { --ink:#040605; --cream:#fff8e8; --gold:#f5c96a; --lime:#bfff45; }
* { box-sizing:border-box; }
html,body { width:100%; height:100%; margin:0; overflow:hidden; background:var(--ink); color:var(--cream); font-family:Arial,Helvetica,sans-serif; }
button,input { font:inherit; }
button { color:inherit; }
.launch-page { width:100%; height:100dvh; min-height:100svh; position:relative; overflow:hidden; background:var(--ink); }
.hero { width:100%; height:100dvh; min-height:0; position:relative; display:flex; align-items:center; overflow:hidden; padding:clamp(4.7rem,8dvh,7rem) clamp(1.25rem,6vw,6rem) clamp(4.2rem,7.5dvh,7.5rem); isolation:isolate; }
.hero-image { position:absolute; inset:0; z-index:-5; background-color:var(--ink); background-size:contain; background-repeat:no-repeat; background-position:right center; opacity:0; transform:scale(1.02); filter:saturate(1.08) contrast(1.02) brightness(1.08); transition:opacity 1.15s ease,transform 7s ease; }
.hero-image.is-active { opacity:1; transform:scale(1); }
.hero-shade { position:absolute; inset:0; z-index:-4; background:linear-gradient(90deg,rgba(2,5,3,.94) 0%,rgba(2,5,3,.68) 39%,rgba(2,5,3,.03) 66%,rgba(2,5,3,.12) 100%),linear-gradient(0deg,rgba(2,5,3,.62) 0%,transparent 32%); }
.hero-content { width:min(640px,100%); position:relative; z-index:2; animation:content-in .65s ease-out both; }
.brand-mark { position:absolute; top:1.45rem; left:clamp(1.25rem,4vw,4rem); z-index:5; display:flex; flex-direction:column; text-transform:uppercase; }
.brand-mark strong { font:700 clamp(1.5rem,2.45vw,2.05rem) Georgia,serif; letter-spacing:.02em; color:var(--cream); text-shadow:0 0 24px rgba(245,201,106,.18); }
.brand-mark span { margin-top:.15rem; color:var(--gold); font-size:.62rem; font-weight:900; letter-spacing:.22em; }
.topline { position:absolute; top:1.8rem; left:50%; z-index:4; transform:translateX(-50%); display:flex; align-items:center; gap:.85rem; white-space:nowrap; font-size:.68rem; font-weight:800; letter-spacing:.32em; text-transform:uppercase; color:rgba(255,248,232,.8); }
.eyebrow-dot { width:5px; height:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); }
.kicker { margin:0 0 1rem; display:flex; align-items:center; gap:.8rem; color:var(--lime); font-size:clamp(.75rem,1.3vw,.9rem); font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
.kicker span { color:var(--gold); font-family:Georgia,serif; font-size:1.2em; letter-spacing:.05em; }
h1 { max-width:620px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(3.7rem,min(9.2vw,13.5dvh),8.3rem); font-weight:700; letter-spacing:-.065em; line-height:.78; text-transform:uppercase; text-wrap:balance; text-shadow:0 7px 50px rgba(0,0,0,.45); }
.promise { max-width:565px; min-height:3em; margin:clamp(.8rem,2.2dvh,1.8rem) 0 clamp(.75rem,1.8dvh,1.5rem); font-family:Georgia,'Times New Roman',serif; color:rgba(255,248,232,.88); font-size:clamp(.94rem,min(1.8vw,2.2dvh),1.3rem); line-height:1.42; }
.how-it-works { max-width:610px; margin:-.25rem 0 .7rem; display:flex; align-items:center; justify-content:space-between; gap:.55rem; }
.how-step { flex:1; min-width:0; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:.55rem; align-items:center; opacity:0; transform:translateY(8px); animation:step-pop .45s ease-out forwards; }
.how-step:nth-child(3) { animation-delay:.45s; }
.how-step:nth-child(5) { animation-delay:.9s; }
.step-icon { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(191,255,69,.52); border-radius:50%; color:var(--lime); background:rgba(191,255,69,.08); box-shadow:0 0 16px rgba(191,255,69,.15); font-size:1rem; }
.how-step strong { color:var(--cream); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.how-step small { color:rgba(255,255,255,.58); font-size:.58rem; }
.step-arrow { color:var(--gold); opacity:.65; font-size:.8rem; }
.signup-panel { max-width:610px; padding:clamp(.82rem,1.6dvh,1.15rem); border:1px solid rgba(191,255,69,.52); border-radius:18px; background:linear-gradient(135deg,rgba(11,28,18,.91),rgba(4,10,6,.88)); box-shadow:0 25px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.12),0 0 30px rgba(191,255,69,.12),0 0 80px rgba(11,111,76,.2); backdrop-filter:blur(20px); }
.signup-title { margin:0 0 .68rem; color:var(--cream); font-size:.9rem; font-weight:900; letter-spacing:.055em; }
.signup-form { display:grid; grid-template-columns:1fr auto; gap:.55rem; }
.signup-form input[type='email'] { min-width:0; height:53px; border:1px solid rgba(255,255,255,.17); border-radius:11px; outline:none; background:rgba(255,255,255,.08); color:white; padding:0 1rem; transition:border-color .2s,box-shadow .2s; }
.signup-form input[type='email']::placeholder { color:rgba(255,255,255,.52); }
.signup-form input[type='email']:focus { border-color:var(--lime); box-shadow:0 0 0 3px rgba(191,255,69,.13); }
.signup-form button { height:53px; border:0; border-radius:11px; padding:0 1.3rem; display:flex; align-items:center; justify-content:center; gap:.8rem; background:var(--lime); color:#081005; font-weight:950; text-transform:uppercase; letter-spacing:.07em; cursor:pointer; box-shadow:0 0 28px rgba(191,255,69,.28); transition:transform .2s,box-shadow .2s; }
.signup-form button:hover { transform:translateY(-2px); box-shadow:0 0 40px rgba(191,255,69,.43); }
.signup-form button:disabled { cursor:wait; opacity:.7; }
.privacy-note { margin:.62rem .2rem 0; color:rgba(255,255,255,.55); font-size:.68rem; }
.contact-line { margin:.45rem .2rem 0; color:rgba(255,255,255,.52); font-size:.66rem; }
.contact-line span { margin-right:.45rem; color:var(--gold); font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.form-error { margin:.5rem .2rem 0; color:#ff9b9b; font-size:.77rem; }
.success-message { min-height:80px; display:flex; align-items:center; gap:1rem; padding:.35rem; }
.success-check { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:#081005; font-size:1.4rem; font-weight:900; box-shadow:0 0 25px rgba(191,255,69,.3); }
.success-message strong { font:700 1.35rem Georgia,serif; }
.success-message p { margin:.25rem 0 0; color:rgba(255,255,255,.68); font-size:.8rem; }
.honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; }
.carousel-controls { position:absolute; z-index:5; right:clamp(1.2rem,4vw,4rem); bottom:5rem; display:flex; align-items:center; gap:.7rem; }
.arrow { border:1px solid rgba(255,255,255,.25); background:rgba(3,8,5,.55); backdrop-filter:blur(10px); cursor:pointer; transition:background .2s,border-color .2s,transform .2s; }
.arrow { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; font-size:1rem; }
.arrow:hover { border-color:var(--lime); background:rgba(12,32,20,.82); transform:translateY(-2px); }
.marquee { position:absolute; z-index:5; left:0; right:0; bottom:0; overflow:hidden; border-top:1px solid rgba(245,201,106,.28); background:rgba(4,10,6,.9); backdrop-filter:blur(10px); }
.marquee-track { width:max-content; display:flex; align-items:center; color:var(--gold); font-size:.7rem; font-weight:900; letter-spacing:.2em; animation:marquee 28s linear infinite; }
.ticker-set { flex:none; display:flex; align-items:center; gap:1.8rem; padding:.95rem 1.8rem .95rem 0; }
.marquee-track i { color:var(--lime); font-style:normal; font-size:.55rem; text-shadow:0 0 10px var(--lime); }
.light-rig { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; mix-blend-mode:screen; opacity:.28; }
.beam { position:absolute; top:-20%; width:12vw; height:110%; background:linear-gradient(180deg,rgba(191,255,69,.5),transparent 76%); filter:blur(14px); transform-origin:top; }
.beam-one { left:12%; transform:rotate(20deg); animation:sweep-one 8s ease-in-out infinite alternate; }
.beam-two { left:48%; transform:rotate(-13deg); animation:sweep-two 11s ease-in-out infinite alternate; }
.beam-three { right:3%; transform:rotate(25deg); animation:sweep-one 10s 2s ease-in-out infinite alternate-reverse; }
.flare { position:absolute; width:14px; height:14px; border-radius:50%; background:white; box-shadow:0 0 12px 5px var(--gold),0 0 50px 19px rgba(245,201,106,.24); animation:flare-pulse 2.4s ease-in-out infinite alternate; }
.flare-one { top:13%; right:9%; }
.flare-two { top:22%; right:29%; animation-delay:1.2s; }
.sparkles { position:absolute; inset:0; z-index:1; opacity:.22; pointer-events:none; background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,var(--gold) 0 1px,transparent 1.5px); background-size:127px 127px,193px 193px; background-position:12px 18px,70px 90px; mask-image:linear-gradient(90deg,transparent,#000 45%,#000); animation:shimmer 4s ease-in-out infinite alternate; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes content-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes marquee { to { transform:translateX(-50%); } }
@keyframes shimmer { from { opacity:.08; } to { opacity:.32; } }
@keyframes sweep-one { to { transform:rotate(-13deg) translateX(12vw); } }
@keyframes sweep-two { to { transform:rotate(17deg) translateX(-8vw); } }
@keyframes flare-pulse { to { opacity:.35; transform:scale(.65); } }
@keyframes step-pop { to { opacity:1; transform:translateY(0); } }
@media (min-width:761px) and (max-height:820px) {
  .hero { padding-top:4.3rem; padding-bottom:3.65rem; }
  .brand-mark { top:.9rem; }
  .topline { top:1.2rem; }
  .kicker { margin-bottom:.55rem; font-size:.7rem; }
  h1 { font-size:clamp(3.4rem,min(8.4vw,11.5dvh),6.4rem); line-height:.8; }
  .promise { min-height:0; margin:.65rem 0 .65rem; font-size:.92rem; line-height:1.3; }
  .how-it-works { margin:-.1rem 0 .42rem; }
  .step-icon { width:27px; height:27px; font-size:.72rem; }
  .how-step strong { font-size:.58rem; }
  .how-step small { display:none; }
  .signup-panel { padding:.62rem; }
  .signup-title { margin-bottom:.45rem; font-size:.72rem; }
  .signup-form input[type='email'],.signup-form button { height:44px; }
  .privacy-note,.contact-line { margin-top:.3rem; font-size:.58rem; }
  .carousel-controls { bottom:3.55rem; }
  .arrow { width:36px; height:36px; }
  .ticker-set { padding-top:.68rem; padding-bottom:.68rem; }
  .marquee-track { font-size:.62rem; }
}
@media (max-width:760px) {
  .launch-page,.hero { height:100dvh; min-height:100svh; }
  .hero { align-items:flex-end; padding:17rem .85rem 3.65rem; }
  .hero-image { background-size:auto 46dvh; background-position:right 3.6rem; transform:none; }
  .hero-image.is-active { transform:none; }
  .hero-shade { background:linear-gradient(0deg,rgba(2,5,3,.99) 0%,rgba(2,5,3,.92) 50%,rgba(2,5,3,.25) 68%,rgba(2,5,3,.02) 86%); }
  .hero-content { width:100%; }
  .brand-mark { top:.8rem; left:.85rem; }
  .brand-mark strong { font-size:1.3rem; }
  .brand-mark span { font-size:.48rem; }
  .topline { display:none; }
  .kicker { margin-bottom:.38rem; gap:.5rem; font-size:.58rem; letter-spacing:.15em; }
  h1 { max-width:100%; font-size:clamp(2.55rem,12.5vw,3.75rem); line-height:.84; }
  .promise { max-width:100%; min-height:0; margin:.48rem 0 .55rem; font-size:.78rem; line-height:1.28; }
  .how-it-works { margin:-.05rem 0 .45rem; gap:.25rem; }
  .how-step { column-gap:.3rem; }
  .step-icon { width:27px; height:27px; font-size:.78rem; }
  .how-step strong { font-size:.52rem; }
  .how-step small { display:none; }
  .step-arrow { font-size:.58rem; }
  .signup-panel { padding:.62rem; border-radius:13px; }
  .signup-title { margin-bottom:.4rem; font-size:.7rem; }
  .signup-form { grid-template-columns:1fr; gap:.38rem; }
  .signup-form input[type='email'],.signup-form button { width:100%; height:42px; }
  .signup-form button { font-size:.72rem; }
  .privacy-note { margin-top:.35rem; text-align:center; font-size:.56rem; }
  .contact-line { display:none; }
  .carousel-controls { top:38%; right:.7rem; bottom:auto; gap:.35rem; }
  .arrow { width:34px; height:34px; background:rgba(3,8,5,.7); }
  .ticker-set { gap:1.15rem; padding:.65rem 1.15rem .65rem 0; }
  .marquee-track { font-size:.58rem; }
  .flare { display:none; }
}
@media (max-width:760px) and (max-height:700px) {
  .hero { padding-top:12.5rem; padding-bottom:3.15rem; }
  .hero-image { background-size:auto 46dvh; background-position:right 2.8rem; }
  h1 { font-size:2.35rem; }
  .promise { font-size:.7rem; }
  .signup-form input[type='email'],.signup-form button { height:38px; }
  .ticker-set { padding-top:.52rem; padding-bottom:.52rem; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; } .hero-image { transition:none; } }

[hidden]{display:none!important}.content-restart{animation:content-in .65s ease-out both}