:root{
  --bg:#131733; --bg2:#191e42; --panel:#212856; --panel2:#2a3166;
  --ink:#f2effc; --muted:#bcb8de; --dim:#8a87b3;
  --gold:#f6c86f; --gold2:#ffe2a6; --mint:#93dcb9; --rose:#f2a9ba; --lav:#b9b3ee;
  --line:rgba(185,179,238,.18);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:500 18px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
a:hover{color:var(--gold2)}
img{max-width:100%;height:auto}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* nav */
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 20px;background:rgba(19,23,51,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 1.15rem var(--serif);white-space:nowrap}
.brand img{width:32px;height:32px;border-radius:9px}
.nav .links{display:flex;gap:22px;font-size:.95rem;font-weight:700}
.nav .links a{color:var(--muted);text-decoration:none}
.nav .links a:hover{color:var(--gold)}
@media (max-width:820px){.nav .links a:not(.keep){display:none}}

/* hero */
.hero{position:relative;overflow:hidden;padding:56px 0 0;
  background:radial-gradient(900px 520px at 80% 20%,#3a3c86 0%,rgba(58,60,134,0) 65%),radial-gradient(700px 500px at 0% 100%,#4a2f5e 0%,rgba(74,47,94,0) 65%),linear-gradient(180deg,#1a1f4a,#131733)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}}
.hero-copy{padding-bottom:64px}
.stars i{position:absolute;border-radius:50%;background:#fff;opacity:.7;animation:tw 4s ease-in-out infinite}
@keyframes tw{50%{opacity:.15}}
.kicker{font:800 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin:0 0 12px}
.wordmark{font:700 clamp(3rem,9vw,5.4rem)/1 var(--serif);margin:0;color:var(--ink)}
.subtitle{font:600 clamp(1.3rem,3vw,1.9rem) var(--serif);color:var(--gold);margin:8px 0 20px}
.tagline{font-size:1.25rem;line-height:1.55;color:var(--muted);margin:0 0 28px;max-width:30ch}
.stores{display:flex;flex-wrap:wrap;gap:12px}
.store-btn{display:inline-flex;flex-direction:column;justify-content:center;min-width:176px;padding:10px 20px;border-radius:16px;
  background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink);text-decoration:none;line-height:1.2}
.store-btn small{font-size:.74rem;color:var(--muted)}
.store-btn b{font-size:1.12rem;font-weight:800}
a.store-btn:hover{border-color:var(--gold);color:var(--ink)}
.store-btn.soon{opacity:.85;cursor:default}
.notify{margin:16px 0 0;color:var(--muted);font-size:.98rem}
.hero-phone{justify-self:center;width:100%;max-width:340px;margin-bottom:-6px}
.hero-phone img{display:block;border-radius:28px 28px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.45);aspect-ratio:600/1298;object-fit:cover;object-position:top;max-height:560px;width:100%}
@media (prefers-reduced-motion:reduce){.stars i{animation:none}}

/* strip */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);text-align:center;padding:16px 20px;
  font-weight:800;font-size:.95rem;color:var(--gold)}
.strip span{display:inline-block;margin:2px 14px}

/* sections */
section{padding:84px 0}
section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{font:800 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin:0 0 10px}
h2{font:600 clamp(1.8rem,3.8vw,2.6rem)/1.15 var(--serif);margin:0 0 16px}
h3{font:600 1.15rem/1.3 var(--serif);margin:0 0 6px;color:var(--gold2)}
.lede{font-size:1.15rem;color:var(--muted);max-width:60ch;margin:0 0 30px}
.center{text-align:center}.center .lede{margin-left:auto;margin-right:auto}
p{margin:0 0 14px}

.split{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.split.flip{grid-template-columns:.85fr 1.15fr}
.split.flip .shot{order:-1}
@media (max-width:860px){.split,.split.flip{grid-template-columns:1fr;gap:30px}.split.flip .shot{order:0}}
.shot{justify-self:center;max-width:300px;width:100%}
.shot img{display:block;border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.4);border:1px solid var(--line)}

.energy{display:grid;gap:12px;margin:22px 0 0}
.energy div{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.energy .orb{flex:none;width:22px;height:22px;border-radius:50%;margin-top:3px}
.energy b{display:block}
.energy span{color:var(--muted);font-size:.98rem}

.chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.chips li{padding:7px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.95rem;font-weight:700;color:var(--ink)}

.islands{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:10px}
.island{padding:20px 22px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.island p{margin:0;color:var(--muted);font-size:1rem}
.island .tag{display:inline-block;margin-top:10px;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:var(--lav)}

.checks{list-style:none;padding:0;margin:18px 0 0}
.checks li{position:relative;padding:0 0 10px 32px}
.checks li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:var(--mint);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.4 14.2L4.5 10.1l1.4-1.4 2.7 2.7 5.5-5.5 1.4 1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.4 14.2L4.5 10.1l1.4-1.4 2.7 2.7 5.5-5.5 1.4 1.4Z'/%3E%3C/svg%3E") center/contain no-repeat}

.promise{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.card p{margin:0;color:var(--muted);font-size:1rem}
.card .ic{font-size:1.6rem;line-height:1;margin-bottom:10px}

.faq{max-width:760px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:var(--muted)}

.publisher{text-align:center}
.publisher .card{max-width:720px;margin:0 auto;padding:34px 30px}
.publisher p{font-size:1.05rem}
.btn{display:inline-block;max-width:100%;margin-top:14px;padding:11px 22px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font-weight:800}
.btn:hover{background:var(--gold);color:var(--bg)}
.disclaimer{max-width:720px;margin:26px auto 0;color:var(--dim);font-size:.9rem}

footer{border-top:1px solid var(--line);padding:34px 20px 46px;text-align:center;color:var(--dim);font-size:.95rem}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:12px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--gold)}

/* text pages */
.doc{max-width:72ch;margin:0 auto;padding:48px 20px 70px}
.doc h1{font:600 clamp(1.9rem,4vw,2.5rem)/1.2 var(--serif);margin:0 0 6px}
.doc .sub{color:var(--muted);margin-bottom:30px}
.doc h2{font-size:1.35rem;margin:36px 0 8px;color:var(--gold2)}
.doc p,.doc li{color:#dcd8f0}
.doc ul,.doc ol{padding-left:22px}
.doc .tldr{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px}