:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;color:#15291d;background:#101910;font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;--lime:#b8f12c;--rose:#e9b4cc;--ink:#15291d;--paper:#fff7fa}
*{box-sizing:border-box}body{margin:0;min-width:280px}.page{width:min(100%,460px);margin:0 auto;min-height:100svh;background:var(--paper)}
.hero{position:relative;isolation:isolate;min-height:calc(100svh - 23.5rem);display:flex;flex-direction:column;justify-content:space-between;background:#07140d;color:#fff;padding:calc(12px + env(safe-area-inset-top)) 24px 30px;overflow:hidden}.hero-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 33%}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#061108bd 0%,#06110805 34%,#06110808 50%,#061108c9 77%,#061108 100%),linear-gradient(90deg,#04100745,transparent 65%)}
.brand-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:block;width:139px;height:auto;border-radius:0;margin-left:0;flex-shrink:0;background:transparent;filter:drop-shadow(0 1px 3px #0005)}.edition{display:flex;gap:7px;align-items:center;color:#fff2f6;font-size:.75rem;font-weight:650;line-height:1.35;letter-spacing:.055em;text-align:right}.edition span{font-family:Georgia,serif;font-size:1.6rem;color:#ffd3e6}
.hero-copy{padding-top:138px}h1{font-size:2.2rem;line-height:1.04;letter-spacing:-.055em;font-weight:730;margin:0;text-shadow:0 2px 18px #0004}h1 em{color:#ffccdf;font-family:Georgia,"Times New Roman",serif;font-size:1.18em;font-weight:400;letter-spacing:-.06em}
.benefits{position:relative;margin-top:-15px;border-radius:26px 26px 0 0;padding:19px 24px calc(12px + env(safe-area-inset-bottom));background:var(--paper)}.section-label{display:flex;align-items:center;gap:8px;font-size:.75rem;line-height:1.3;font-weight:650;letter-spacing:.07em;color:#516050}.section-label>span{font-size:.75rem;letter-spacing:0;color:#708065;font-variant-numeric:tabular-nums;border-right:1px solid #91a085;padding-right:8px}.spins-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin:3px 0 12px}h2{margin:0}.spins-row h2{display:flex;align-items:baseline;gap:8px;font-size:1.9rem;line-height:1.03;letter-spacing:-.045em;font-weight:650}.spins-row strong{font-size:3.75rem;font-weight:800;letter-spacing:-.065em}.offer-detail{text-align:center}.rollover{display:inline-block;background:#e2eccf;border:1px solid #c8dba7;border-radius:6px;padding:5px 8px;color:#2f4b14;font-size:.75rem;font-weight:800;letter-spacing:.025em;line-height:1.2}.offer-detail p{font-size:.8125rem;line-height:1.3;margin:5px 0 0;color:#55634e}
.cta{width:100%;display:flex;align-items:center;justify-content:center;min-height:48px;padding:13px 12px;border:1px solid transparent;border-radius:15px;text-align:center;text-decoration:none;font-size:1rem;line-height:1.25;font-weight:750;letter-spacing:-.02em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .15s}.cta-lime{color:#17240e;background:var(--lime);box-shadow:0 5px 16px #a3ce233b}.cta-lime:hover{background:#c7fb49}.cta-group{color:var(--ink);background:#f3c8dc;border-color:#e3aac3}.cta-group:hover{background:#edc4d6}.cta:active{transform:translateY(2px)}.cta:focus-visible{outline:3px solid #38651e;outline-offset:4px}
.community{border-top:1px solid #ded5d9;margin-top:18px;padding-top:14px}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.community-heading>div{min-width:0}.community h2{font-size:1.4rem;line-height:1.2;letter-spacing:-.04em;font-weight:700;margin-top:7px}.community h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#913f63;white-space:normal}.community-symbol{width:37px;height:37px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#f0d9e3;color:#84445f}.community-symbol svg{width:21px;height:21px}.group-copy{font-size:.875rem;line-height:1.4;color:#626258;margin:6px 0 12px}footer{text-align:center;color:#6e746a;font-size:.75rem;line-height:1.35;margin-top:14px}footer span{margin:0 6px}
.access-message{position:fixed;z-index:5;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(90%,390px);margin:0;padding:15px 18px;background:#182d1c;color:#fff;border-radius:14px;box-shadow:0 5px 40px #0006;font-size:1rem;line-height:1.4;text-align:center}.access-message[hidden]{display:none}
@media(max-width:360px){.hero{padding-left:20px;padding-right:20px}.brand{width:122px}.edition{font-size:.75rem;letter-spacing:0}.benefits{padding-left:20px;padding-right:20px}.spins-row strong{font-size:3.35rem}.spins-row h2{font-size:1.7rem}.rollover{padding:5px 6px}.community h2{font-size:1.25rem}.community-symbol{width:31px;height:31px}.section-label{letter-spacing:.025em}}
@media(max-height:720px) and (max-width:649px){.hero{padding-bottom:26px;min-height:calc(100svh - 22.5rem)}.hero-copy{padding-top:83px}.benefits{padding-top:15px}.spins-row{margin-bottom:10px}.spins-row strong{font-size:3.4rem}.community{margin-top:16px;padding-top:12px}footer{margin-top:11px}}
@media(max-height:620px) and (max-width:649px){.hero{padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:23px;min-height:calc(100svh - 20.5rem)}.hero-copy{padding-top:56px}h1{font-size:1.85rem}.benefits{padding-top:12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));margin-top:-13px;border-radius:22px 22px 0 0}.spins-row{margin-top:1px;margin-bottom:9px}.spins-row strong{font-size:3.1rem}.cta{min-height:44px;padding:11px 10px}.community{margin-top:13px;padding-top:10px}.community h2{margin-top:5px}.group-copy{margin-top:5px;margin-bottom:9px}footer{margin-top:10px}}
@media(min-width:650px){body{display:grid;place-items:center;min-height:100vh;padding:28px;background:radial-gradient(ellipse at 25% 10%,#2d4220,transparent 60%),radial-gradient(ellipse at 80% 90%,#49323e,transparent 60%),#101910}.page{min-height:0;border-radius:30px;box-shadow:0 25px 95px #0006;overflow:hidden}.hero{min-height:335px;padding-top:10px}.hero-copy{padding-top:132px}.benefits{border-radius:26px 26px 0 0;padding-bottom:18px}}
/* Slow, alternating emphasis. Text remains fully visible throughout. */
.cta{--pulse-color:#acd92d5c;animation:button-pulse 2.8s ease-in-out infinite;transform-origin:center}
.cta-group{--pulse-color:#d68aac4d;animation-delay:1.4s}
@keyframes button-pulse{
  0%,100%{box-shadow:0 3px 12px var(--pulse-color);filter:brightness(1);transform:scale(1)}
  50%{box-shadow:0 0 0 5px var(--pulse-color),0 7px 24px var(--pulse-color);filter:brightness(1.06);transform:scale(1.012)}
}
.cta:hover,.cta:focus-visible,.cta:active{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.cta{animation:none;transition:none;transform:none;filter:none}}