:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:#0e0928;color:white}button,input{font:inherit}button{cursor:pointer}.desktop-hero{position:relative;max-width:1672px;margin:0 auto}.approved-art{display:block;width:100%;height:auto}.art-cta{position:absolute;left:5.5%;top:70.8%;width:30.9%;height:10.7%;border:0;background:transparent;border-radius:999px}.art-cta:focus-visible{outline:4px solid #fff;outline-offset:3px}.mobile-hero{display:none}dialog{width:min(460px,calc(100% - 32px));padding:32px;border:1px solid #8f6af9;border-radius:24px;color:#fff;background:#1d1244;box-shadow:0 25px 100px #000a}dialog::backdrop{background:rgba(4,2,18,.78);backdrop-filter:blur(7px)}.close{position:absolute;right:18px;top:12px;border:0;background:none;color:#fff;font-size:29px}.modal-logo{width:64px;height:64px;object-fit:contain}h2{margin:8px 0 10px;font-size:28px}dialog p{color:#dbd2f7;line-height:1.55}form{display:grid;gap:12px}label{font-weight:600;font-size:14px}input[type=email]{width:100%;border:1px solid #8064b5;border-radius:13px;padding:14px;color:#fff;background:#100b29;outline-offset:3px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.6}.consent input{margin-top:3px;accent-color:#9f64ff}form button,.mobile-cta{border:0;border-radius:14px;padding:15px;color:#fff;font-weight:800;background:linear-gradient(105deg,#4d3aff,#b92df5);box-shadow:0 5px 20px #7f3bfa80}form button:disabled{opacity:.65;cursor:wait}output{min-height:22px;font-size:14px;line-height:1.5}dialog small{display:block;margin-top:12px;color:#bdb2d5;font-size:11px;line-height:1.5}.honey{position:absolute;left:-9999px}
@media(max-width:680px){.desktop-hero{display:none}.mobile-hero{display:flex;min-height:100dvh;flex-direction:column;align-items:flex-start;overflow:hidden;position:relative;padding:26px 22px 0;background:radial-gradient(ellipse at 88% 75%,#522592 0,transparent 55%),linear-gradient(145deg,#0c0c28,#160c3f 70%,#311365)}.brand{display:flex;align-items:center;gap:8px;font-size:clamp(19px,5.5vw,27px);font-weight:900;letter-spacing:-.7px}.brand img{width:53px;height:53px;object-fit:contain}.brand em{font-style:normal;color:#d39afd}h1{font-size:clamp(36px,9.25vw,61px);line-height:1.07;letter-spacing:-1.6px;margin:46px 0 16px;max-width:580px}h1 .cool{background:linear-gradient(100deg,#32c6ff,#c054fe);background-clip:text;color:transparent}h1 .warm{background:linear-gradient(100deg,#ffc55c,#fb69b5);background-clip:text;color:transparent}.mobile-hero p{font-size:17px;line-height:1.52;max-width:420px;color:#ded7f0;margin:10px 0 27px}.mobile-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:min(100%,310px);padding:17px 20px;border:2px solid #e8b4ff;border-radius:999px;font-size:17px}.teaser{width:125%;min-height:260px;align-self:center;margin:20px -20% 0 0;background:url('/assets/landing-page.png') right 40% / auto 450px no-repeat;filter:drop-shadow(0 0 25px #903cff66)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important}}

.desktop-spots{
  position:absolute;
  top:82.5%;
  left:5.5%;
  width:30.9%;
  margin:0;
  text-align:center;
  color:#e4d5ff;
  font-size:clamp(10px,1.15vw,19px);
  font-weight:600;
  text-shadow:0 0 12px #9c5bff;
  pointer-events:none;
}
.mobile-spots{display:none}

@media(max-width:680px){
  .desktop-spots{display:none}
  .mobile-spots{
    display:block;
    margin:12px 0 0;
    width:min(100%,310px);
    text-align:center;
    color:#e4d5ff;
    font-size:13px;
    font-weight:600;
    text-shadow:0 0 10px #9c5bff;
  }
}