*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#130d20;
  color:#f4edcf;
  font-family:'Space Grotesk',sans-serif;
  background-image:
    radial-gradient(circle at 12% 8%,#38285e 0,transparent 28rem),
    radial-gradient(circle at 90% 35%,#4a173d 0,transparent 30rem);
  position:relative;
  overflow-x:hidden
}
a{color:inherit}

/* EXACT STAR FIELD FROM THE LATEST COSMIC V2 */
.space-layer{position:fixed;inset:0;pointer-events:none;z-index:-1}
.stars-far{
  opacity:.55;
  background-image:
    radial-gradient(circle at 3% 7%,#fff 0 .55px,transparent .8px),
    radial-gradient(circle at 11% 24%,#f4edcf 0 .45px,transparent .75px),
    radial-gradient(circle at 18% 4%,#44dbc7 0 .5px,transparent .8px),
    radial-gradient(circle at 24% 41%,#fff 0 .4px,transparent .7px),
    radial-gradient(circle at 31% 13%,#ff5fc8 0 .55px,transparent .85px),
    radial-gradient(circle at 39% 58%,#fff 0 .45px,transparent .75px),
    radial-gradient(circle at 46% 19%,#d9ff4f 0 .4px,transparent .7px),
    radial-gradient(circle at 51% 73%,#fff 0 .55px,transparent .85px),
    radial-gradient(circle at 57% 9%,#fff 0 .4px,transparent .7px),
    radial-gradient(circle at 63% 37%,#44dbc7 0 .45px,transparent .75px),
    radial-gradient(circle at 68% 66%,#fff 0 .5px,transparent .8px),
    radial-gradient(circle at 74% 16%,#ff8b3d 0 .45px,transparent .75px),
    radial-gradient(circle at 81% 49%,#fff 0 .55px,transparent .85px),
    radial-gradient(circle at 88% 11%,#fff 0 .4px,transparent .7px),
    radial-gradient(circle at 93% 72%,#8d66ff 0 .5px,transparent .8px),
    radial-gradient(circle at 97% 31%,#fff 0 .45px,transparent .75px);
  background-size:
    137px 173px,181px 211px,223px 191px,167px 257px,
    251px 233px,199px 281px,277px 219px,311px 287px,
    229px 263px,293px 241px,337px 319px,271px 347px,
    359px 283px,307px 331px,389px 353px,421px 367px;
  background-position:
    7px 19px,44px 71px,103px 11px,18px 137px,
    171px 47px,83px 203px,207px 97px,41px 269px,
    129px 149px,251px 33px,63px 301px,317px 173px,
    91px 77px,221px 247px,377px 63px,17px 331px;
}
.stars-near{
  opacity:.78;
  background-image:
    radial-gradient(circle at 7% 18%,#fff 0 .9px,transparent 1.35px),
    radial-gradient(circle at 23% 62%,#44dbc7 0 .75px,transparent 1.2px),
    radial-gradient(circle at 36% 28%,#fff 0 .85px,transparent 1.25px),
    radial-gradient(circle at 49% 14%,#ff5fc8 0 .9px,transparent 1.35px),
    radial-gradient(circle at 61% 72%,#fff 0 .8px,transparent 1.2px),
    radial-gradient(circle at 77% 33%,#d9ff4f 0 .75px,transparent 1.15px),
    radial-gradient(circle at 89% 57%,#fff 0 .9px,transparent 1.3px);
  background-size:
    419px 457px,503px 431px,461px 523px,557px 479px,
    487px 541px,593px 517px,631px 569px;
  background-position:
    29px 17px,87px 133px,173px 41px,211px 197px,
    53px 267px,319px 109px,147px 353px;
}

header{
  height:76px;
  width:min(calc(100% - 34px),1180px);
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #f4edcf33;
  position:relative;
  z-index:3
}
.pfw{font:600 12px 'DM Mono';border:1px solid;border-radius:50%;padding:10px;text-decoration:none}
nav{display:flex;gap:22px}
nav a,.eyebrow,.mono,small{font:500 11px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;text-decoration:none}

.hero{
  min-height:720px;
  width:min(calc(100% - 34px),1180px);
  margin:auto;
  padding:100px 0;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.hero h1{
  font:400 clamp(72px,14vw,180px)/.72 'Archivo Black';
  letter-spacing:-.075em;
  margin:12px 0;
  position:relative;
  z-index:2
}
.hero h1 span{display:block}
.hero h1 span:nth-child(2){margin-left:.28em;color:transparent;-webkit-text-stroke:2px #f4edcf}
.hero h1 span:nth-child(3){color:#d9ff4f}

/* ORIGINAL COSMIC PLANET: unchanged, no extra circles or overlays */
.planet{
  position:absolute;
  right:4%;
  top:12%;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#ff8b3d,#ff5fc8 38%,#8d66ff 70%,#27123d);
  box-shadow:0 0 80px #ff5fc844
}

/* A FEW EXTRA PLANETS AROUND THE ORIGINAL ONE.
   They stay inside the hero, so they scroll away with the page. */
.satellite{
  position:absolute;
  border-radius:50%;
  z-index:1;
  box-shadow:inset -8px -7px 13px #0b071088,0 0 24px currentColor
}
.satellite-a{
  width:42px;height:42px;
  right:27%;top:10%;
  color:#44dbc7;
  background:radial-gradient(circle at 32% 28%,#cafff7,#44dbc7 38%,#42509b 72%,#1b102a)
}
.satellite-b{
  width:28px;height:28px;
  right:2%;top:42%;
  color:#ff8b3d;
  background:radial-gradient(circle at 33% 28%,#ffd7b1,#ff8b3d 40%,#b33b67 72%,#211022)
}
.satellite-c{
  width:55px;height:55px;
  right:20%;top:48%;
  color:#8d66ff;
  background:radial-gradient(circle at 31% 27%,#bcebf5,#658fd1 30%,#8d66ff 67%,#241231)
}
.satellite-d{
  width:22px;height:22px;
  right:34%;top:28%;
  color:#ff5fc8;
  background:radial-gradient(circle at 30% 27%,#ffe1f5,#ff5fc8 42%,#7e3e8c 75%,#210f28)
}

.tagline{font:500 clamp(20px,2.5vw,31px)/1 'DM Mono';color:#ff5fc8}
.intro{max-width:580px;font-size:21px;color:#f4edcfcc;line-height:1.45}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  display:inline-flex;
  min-height:50px;
  padding:0 20px;
  align-items:center;
  justify-content:center;
  border:1px solid;
  text-decoration:none;
  font:600 11px 'DM Mono';
  letter-spacing:.06em
}
.primary{background:#d9ff4f;color:#0b0710;border-color:#d9ff4f}
.primary:hover{background:#ff5fc8;border-color:#ff5fc8}
.ticker{background:#f4edcf;color:#0b0710;padding:13px;white-space:nowrap;overflow:hidden;font:600 11px 'DM Mono';letter-spacing:.05em}

section:not(.hero){width:min(calc(100% - 34px),1180px);margin:auto;padding:110px 0}
.pink{color:#ff5fc8}
.card{border:1px solid #f4edcf33;background:#0b071066;display:grid;grid-template-columns:1.2fr .8fr}
.card>div:first-child,.details{padding:46px}
.card h2,.two h2{font:400 clamp(62px,9vw,120px)/.8 'Archivo Black';letter-spacing:-.07em;margin:18px 0}
.details{border-left:1px solid #f4edcf33}
.details p{border-bottom:1px solid #f4edcf33;padding-bottom:20px}
.details small{display:block;color:#f4edcf88;margin-bottom:7px}
.details strong{font-size:27px;line-height:1.05}
.copy{grid-column:1/-1;border-top:1px solid #f4edcf33;padding:34px 46px;font-size:23px;line-height:1.45}
.copy small{color:#f4edcf88}
.chips{grid-column:1/-1;padding:0 46px 32px;display:flex;gap:8px;flex-wrap:wrap}
.chips span{border:1px solid #f4edcf33;border-radius:99px;padding:8px 11px;font:500 10px 'DM Mono'}
.full{grid-column:1/-1;width:100%;min-height:62px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #f4edcf33}
.two h2{font-size:clamp(48px,6vw,78px)}
.bodycopy{padding-top:25px;font-size:24px;line-height:1.45;color:#f4edcfcc}
.bodycopy strong{color:#d9ff4f}
.join{align-items:center}
.join>div:first-child>p:last-child{font-size:18px;line-height:1.5;color:#f4edcfbb}
.signup{background:#f4edcf;color:#0b0710;padding:42px;box-shadow:14px 14px #8d66ff55;transform:rotate(1deg)}
.formtitle{font:400 32px 'Archivo Black';margin:0}
.note{font:500 10px/1.5 'DM Mono';opacity:.55}
.manifesto p{font:400 clamp(30px,5vw,64px)/1.05 'Archivo Black';letter-spacing:-.05em;margin:0}
.manifesto p:last-child{color:#d9ff4f}
footer{
  width:min(calc(100% - 34px),1180px);
  margin:auto;
  border-top:1px solid #f4edcf33;
  padding:38px 0;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font:500 10px/1.6 'DM Mono';
  color:#f4edcf99
}
footer a{text-decoration:none}

@media(max-width:760px){
  nav a:nth-child(-n+2){display:none}
  .hero{min-height:650px}
  .hero h1{font-size:24vw}
  .planet{width:110px;height:110px;right:-10px}
  .satellite-a{width:28px;height:28px;right:25%;top:11%}
  .satellite-b{width:18px;height:18px;right:3%;top:35%}
  .satellite-c{width:34px;height:34px;right:17%;top:40%}
  .satellite-d{display:none}
  .card,.two{grid-template-columns:1fr}
  .details{border-left:0;border-top:1px solid #f4edcf33}
  .card>div:first-child,.details,.copy{padding:28px 25px}
  .chips{padding:0 25px 28px}
  .two{gap:20px}
  .signup{transform:none;padding:28px}
  footer{flex-direction:column}
}

/* Brevo form refinements: lighter inputs and clearer helper text */
.live-signup .brevo-embed .entry__field,
.live-signup .brevo-embed .sib-sms-input-wrapper .entry__field{
  background:#fff!important;
  border:1px solid #d8d0c7!important;
}
.live-signup .brevo-embed .input{
  background:#fff!important;
  color:#12081e!important;
}
.live-signup .brevo-embed input::placeholder{
  color:#7a6f78!important;
  opacity:1!important;
}
.live-signup .brevo-embed .entry__specification{
  color:#3f3540!important;
}
.live-signup .brevo-embed .sib-sms-field .entry__specification{
  font-size:0!important;
}
.live-signup .brevo-embed .sib-sms-field .entry__specification::after{
  content:"Enter your mobile number (without any special characters) to receive text updates";
  display:block;
  font-size:12px;
  line-height:1.4;
  color:#3f3540;
}