:root{
  --v2-bg:#080607;
  --v2-panel:#120d10;
  --v2-cream:#fff8f1;
  --v2-muted:rgba(255,248,241,.68);
  --v2-line:rgba(255,255,255,.12);
  --v2-pink:#e81991;
}

body{background:var(--v2-bg);color:var(--v2-cream)}
.mesh{opacity:.42}
.nav{background:linear-gradient(180deg,rgba(8,6,7,.9),rgba(8,6,7,.5),transparent);border:0}
.nav.scrolled{background:rgba(8,6,7,.88);border-bottom:1px solid var(--v2-line);backdrop-filter:blur(22px)}
.nav-inner{max-width:1240px;padding-inline:28px}
.nav .logo{height:27px}
.nav-links{gap:26px}
.nav-links>a{font-size:13px;color:rgba(255,248,241,.72)}
.nav-links>a:hover,.nav-links>a.here{color:#fff}

.hero{min-height:760px;height:min(900px,100svh);background:#090708}
.hero .bg{object-position:center 42%;filter:saturate(.9) contrast(1.04)}
.hero .scrim{background:
  linear-gradient(90deg,rgba(8,6,7,.97) 0%,rgba(8,6,7,.78) 34%,rgba(8,6,7,.18) 68%,rgba(8,6,7,.38) 100%),
  linear-gradient(0deg,rgba(8,6,7,.9),transparent 44%)}
.hero-inner{grid-template-columns:minmax(0,720px);max-width:1240px;padding:150px 28px 84px;align-items:end}
.hero-copy{max-width:700px}
.hero h1{font-size:clamp(58px,7vw,104px);line-height:.93;letter-spacing:-.055em;max-width:9ch;margin-top:20px;text-wrap:balance}
.hero h1 em{color:#ff78c5}
.hero .lede{max-width:600px;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--v2-muted);margin-top:28px}
.hero-phone,.strip{display:none!important}
.hero .store-btns{margin-top:32px}
.trust{margin-top:25px;gap:18px;color:rgba(255,248,241,.7)}
.trust .t{font-size:12.5px}

.band{padding:96px 24px!important}
.wrap{max-width:1180px}
.sec-head{max-width:720px;margin-bottom:42px}
h2.sec,.exclusive h2,.getband h2{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.sec-sub{font-size:17px;line-height:1.65;color:var(--v2-muted);max-width:650px}
.stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.life-row{display:contents}
.lifecard{min-height:520px!important;border-radius:26px;border:1px solid var(--v2-line);box-shadow:none}
.lifecard .scrim{background:linear-gradient(0deg,rgba(8,6,7,.98),rgba(8,6,7,.22) 70%)}
.lifecard .lc-copy{padding:30px}
.lifecard h3{font-size:34px;line-height:1.03}
.lifecard p{font-size:14px;line-height:1.55;color:rgba(255,248,241,.72)}
.stack>.lifecard:last-child{display:none}

.messaging-band{display:none}
.exclusive{min-height:600px;border-radius:30px;border:1px solid var(--v2-line)}
.exclusive .x-inner{max-width:660px;padding:54px}
.steps{gap:12px}
.step{padding:28px;border-radius:20px;background:var(--v2-panel);border:1px solid var(--v2-line)}
.step .n{font-family:var(--display);font-size:18px;color:#ff78c5}
.step h3{font-size:21px}
.step p{color:var(--v2-muted);line-height:1.6}
.faq{max-width:860px}
.faq-item{border-color:var(--v2-line)}
.faq-item summary{font-size:17px;padding:22px 0}
.faq-item .a{color:var(--v2-muted);font-size:15px;line-height:1.7}

.getband{min-height:520px;border-radius:30px;border:1px solid var(--v2-line)}
.getband-grid{grid-template-columns:1fr!important}
.getband-phone{display:none!important}
.getband-copy{max-width:690px;padding:54px!important}
.site-foot{border-top:1px solid var(--v2-line);background:#050405}
.back-to-top{background:rgba(18,13,16,.9);border:1px solid var(--v2-line)}

@media(max-width:900px){
  .nav-inner{padding-inline:18px}
  .hero{height:auto;min-height:760px}
  .hero .bg{object-position:64% center}
  .hero .scrim{background:linear-gradient(0deg,rgba(8,6,7,.98) 0%,rgba(8,6,7,.76) 58%,rgba(8,6,7,.24) 100%)}
  .hero-inner{padding:170px 20px 54px;min-height:760px;align-items:end}
  .hero h1{font-size:clamp(50px,15vw,72px);max-width:8ch}
  .hero .lede{font-size:17px;max-width:34ch}
  .trust{display:grid;grid-template-columns:1fr;gap:8px}
  .band{padding:72px 18px!important}
  .stack{grid-template-columns:1fr}
  .lifecard{min-height:460px!important}
  .exclusive,.getband{min-height:540px;border-radius:24px}
  .exclusive .x-inner,.getband-copy{padding:32px 24px!important}
}

@media(max-width:520px){
  .hero .store-btns,.getband .store-btns{display:grid;grid-template-columns:1fr}
  .hero .store-btn,.getband .store-btn{width:100%;justify-content:center}
  .lifecard{min-height:420px!important}
  .site-foot{padding-inline:18px}
}

@media(prefers-reduced-motion:reduce){
  .reveal,.hero .bg{animation:none!important;transition:none!important}
}
