:root{
  --black:#050508;
  --red:#990033;
  --coral:#ff6a5b;
  --pink:#ff2d6d;
  --magenta:#e91e8e;
  --violet:#6c2bd9;
  --white:#ffffff;
  --muted:#c7c1cf;
  --line:rgba(255,255,255,.16);
  --content-width:1240px;
  --content-side:max(28px, calc((100vw - var(--content-width))/2));
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:var(--black)}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

/* Exact one-screen landing page built over the supplied hero background asset. */
body.home{height:100svh;overflow:hidden;position:relative;background:#050508}
.hero-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;user-select:none;pointer-events:none}
.landing-shell{position:relative;z-index:1;width:100%;height:100svh;min-height:0;overflow:hidden}
.landing-header{position:absolute;top:4.3vh;left:var(--content-side);z-index:3}
.brand{display:block;width:clamp(155px,11.8vw,205px)}
.brand img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,45,109,.08))}

.hero-copy{position:absolute;left:var(--content-side);top:19.6vh;width:min(47vw,760px);z-index:3}
.eyebrow{margin:0 0 1.55vh;color:#d7d0df;text-transform:uppercase;letter-spacing:.26em;font-size:clamp(10px,.78vw,13px);font-weight:700}
h1{margin:0;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;font-size:clamp(65px,6.22vw,104px);line-height:.91;letter-spacing:-.052em;max-width:760px}
h1 span{display:block;background:linear-gradient(90deg,#990033 0%,#ff3f55 21%,#ff2d6d 43%,#e91e8e 68%,#8a2be2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(1.08)}
.tagline{margin:1.4vh 0 0;font-size:clamp(20px,1.7vw,29px);font-weight:400;text-transform:uppercase;letter-spacing:.22em;white-space:nowrap}
.lead{margin:2.2vh 0 0;color:#d1ccd8;font-size:clamp(15px,1.22vw,19px);line-height:1.55;max-width:610px}
.actions{margin-top:2.4vh}
.cta{display:inline-flex;align-items:center;justify-content:center;min-width:250px;min-height:58px;padding:0 28px;border-radius:999px;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(90deg,#990033 0%,#ff4d5e 27%,#ff2d6d 49%,#e91e8e 69%,#6c2bd9 100%);box-shadow:0 14px 44px rgba(153,0,51,.34),0 0 24px rgba(233,30,142,.16);transition:transform .18s ease,filter .18s ease}
.cta:hover{transform:translateY(-1px);filter:brightness(1.06)}
.cta svg{width:20px;height:20px;margin-left:24px}
.store-row{display:flex;gap:14px;margin-top:1.6vh}
.store-badge{width:202px;min-height:60px;display:flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:rgba(0,0,0,.84);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.store-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px}
.store-icon svg{width:100%;height:100%}
.store-badge small{display:block;font-size:10px;line-height:1.05;font-weight:500}
.store-badge strong{display:block;font-size:22px;line-height:1.05;font-weight:600;letter-spacing:-.02em}

.footer{position:absolute;left:var(--content-side);right:var(--content-side);bottom:1.7vh;padding-top:1.45vh;padding-bottom:.3vh;border-top:1px solid rgba(255,255,255,.18);text-align:center;z-index:3;isolation:isolate}
.footer::before{content:"";position:absolute;left:calc(-1 * var(--content-side));right:calc(-1 * var(--content-side));top:-9vh;bottom:-2.5vh;background:linear-gradient(to top,rgba(2,2,5,.98) 0%,rgba(2,2,5,.90) 30%,rgba(2,2,5,.58) 58%,rgba(2,2,5,.18) 82%,rgba(2,2,5,0) 100%);z-index:-1;pointer-events:none}
.footer-links,.copyright{position:relative;z-index:1}
.footer-links{display:flex;justify-content:center;align-items:center;gap:clamp(12px,1.5vw,24px);flex-wrap:nowrap;color:#f8f6fb;font-size:clamp(10px,.73vw,12px);font-weight:600;white-space:nowrap}
.footer-links a{opacity:.94;transition:opacity .18s ease,color .18s ease}.footer-links a:hover{opacity:1;color:#fff}
.copyright{margin-top:1vh;color:#a49eae;font-size:clamp(9px,.66vw,11px);letter-spacing:.16em;text-transform:uppercase}

/* Subpages */
body.subpage{min-height:100vh;overflow:auto;background:linear-gradient(180deg,#07070b,#0b0710 48%,#07070b);color:#f7f7fb}
.sub-shell{width:min(980px,calc(100vw - 36px));margin:0 auto;padding:24px 0 60px}
.sub-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}.sub-head .brand{width:210px}
.back-home{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#111116;color:#eee;font-weight:700;font-size:14px}
.legal-card{border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(255,255,255,.025);padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.legal-card h1{margin:0 0 12px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(36px,5vw,58px);line-height:1;letter-spacing:-.04em}.legal-card h2{margin:30px 0 10px;font-size:21px}.legal-card h3{margin:22px 0 8px;font-size:17px}.legal-card p,.legal-card li{color:#c7c2d2;line-height:1.72;font-size:15px}.legal-card ul{padding-left:20px}.legal-card a{text-decoration:underline;text-decoration-color:rgba(255,45,109,.5);text-underline-offset:3px}.callout{margin:18px 0;padding:16px 18px;border-radius:16px;background:rgba(153,0,51,.14);border:1px solid rgba(255,45,109,.22);color:#f2e8ed}.placeholder{color:#ffb3c9;font-weight:700}.action-box{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025);margin:14px 0}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.small-btn{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;border:1px solid rgba(255,255,255,.14);border-radius:999px;text-decoration:none!important;font-weight:700;background:#111116}.small-btn.primary{background:linear-gradient(90deg,#990033,#ff2d6d,#6c2bd9);border:0}.note{font-size:13px;color:#918c9b}

/* Keep the one-page composition intact on desktop/laptop viewports. */
@media (max-aspect-ratio: 4/3), (max-width: 900px){
  body.home{overflow:auto;height:auto;min-height:100svh;background:#050508}
  .hero-background{position:absolute;min-height:100svh;object-position:63% center;opacity:.78}
  .landing-shell{height:auto;min-height:100svh;padding:24px 22px 28px;display:flex;flex-direction:column}
  .landing-header,.hero-copy,.footer{position:relative;left:auto;right:auto;top:auto;bottom:auto}
  .landing-header{margin-bottom:12vh}.brand{width:170px}.hero-copy{width:min(620px,100%);margin-bottom:18vh}.footer{margin-top:auto}.footer-links{flex-wrap:wrap;white-space:normal}.tagline{white-space:normal}
}
@media (max-width:560px){h1{font-size:54px}.eyebrow{letter-spacing:.18em}.lead br{display:none}.store-row{flex-direction:column}.store-badge,.cta{width:100%;min-width:0}.footer-links{gap:10px 14px}}
