:root{
  color-scheme:dark;
  --ink:#f8f4f7;
  --ash:#aaa0a8;
  --dim:#7f727c;
  --night:#090609;
  --wine:#171017;
  --plum:#211821;
  --edge:#3b2b38;
  --edge-hot:#7c4d6b;
  --rose:#e17ab6;
  --rose-soft:#f0a0cf;
  --rose-ink:#26121f;
  --measure:1160px;
  --halo:0 26px 88px rgba(225,122,182,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(52rem 34rem at 50% 12%, rgba(225,122,182,.2), transparent 64%),
    linear-gradient(180deg,#070507 0%,#100a10 44%,var(--night) 100%);
}
body.age-locked{overflow:hidden}
a{color:inherit;text-decoration:none}
.nova-stage{min-height:100vh;overflow:hidden}
.nova-width{width:min(var(--measure),calc(100% - 40px));margin-inline:auto}
.age-gate{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(9,6,9,.84);
  backdrop-filter:blur(18px);
}
.age-gate[hidden]{display:none}
.age-card{
  width:min(520px,100%);
  padding:34px;
  border:1px solid rgba(225,122,182,.38);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(33,24,33,.98),rgba(17,10,17,.98));
  box-shadow:0 36px 120px rgba(0,0,0,.6);
  text-align:center;
}
.age-card h2{
  margin:16px 0 14px;
  font-size:clamp(30px,5vw,44px);
  line-height:1.08;
}
.age-card p{
  margin:0;
  color:var(--ash);
  font-size:18px;
  line-height:1.62;
}
.age-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-block-start:28px;
}
.orbit-header{
  position:sticky;
  inset-block-start:0;
  z-index:30;
  border-block-end:1px solid var(--edge);
  background:rgba(9,6,9,.82);
  backdrop-filter:blur(18px);
  transition:background .24s ease, box-shadow .24s ease;
}
.orbit-header[data-scrolled]{background:rgba(9,6,9,.94);box-shadow:0 18px 60px rgba(0,0,0,.24)}
.orbit-rail{
  min-height:72px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:28px;
}
.nova-signature{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:800}
.nova-sigil{
  width:32px;
  aspect-ratio:1;
  border-radius:10px;
  background:linear-gradient(135deg,var(--rose-soft),var(--rose));
  box-shadow:0 0 34px rgba(225,122,182,.58);
}
.orbit-routes{display:flex;gap:34px;color:var(--ash);font-size:15px;font-weight:500}
.orbit-routes a:hover{color:var(--ink)}
.orbit-routes a[aria-current="true"]{color:var(--rose-soft)}
.orbit-gates{display:flex;justify-content:flex-end;gap:14px}
.nova-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding-inline:25px;
  border:1px solid var(--edge);
  border-radius:999px;
  background:transparent;
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
}
.nova-pill:hover{border-color:var(--edge-hot)}
.nova-pill[data-tone="rose"]{
  border-color:transparent;
  color:var(--rose-ink);
  background:var(--rose);
  box-shadow:var(--halo);
}
.nova-pill[data-tone="rose"]:hover{background:var(--rose-soft)}
.launchpad{
  min-height:calc(100vh - 72px);
  display:grid;
  place-items:center;
  padding-block:96px 64px;
  text-align:center;
}
.signal-ribbon{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:38px;
  padding-inline:18px;
  border:1px solid var(--edge);
  border-radius:999px;
  color:var(--ash);
  background:rgba(33,24,33,.76);
}
.signal-ribbon strong{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding-inline:11px;
  border-radius:999px;
  color:var(--rose-ink);
  background:var(--rose);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.launch-title{
  max-width:940px;
  margin:34px auto 24px;
  font-size:clamp(48px,8vw,94px);
  line-height:1.02;
  letter-spacing:0;
}
.rose-word{color:var(--rose-soft)}
.launch-copy{
  max-width:740px;
  margin:0 auto;
  color:var(--ash);
  font-size:clamp(18px,2.2vw,24px);
  line-height:1.65;
}
.launch-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-block-start:42px}
.article-hero{
  min-height:calc(82vh - 72px);
}
.article-hero .launch-title{
  max-width:1040px;
  font-size:clamp(42px,6.7vw,82px);
}
.article-meta{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-block-start:32px;
  color:var(--dim);
  font-size:14px;
  font-weight:700;
}
.article-meta span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding-inline:14px;
  border:1px solid var(--edge);
  border-radius:999px;
  background:rgba(33,24,33,.58);
}
.chapter{
  padding-block:112px;
  border-block-start:1px solid rgba(59,43,56,.55);
}
.chapter[data-align="center"]{text-align:center}
.chapter-kicker{
  color:var(--rose-soft);
  font-size:13px;
  font-weight:800;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.chapter-heading{
  margin:18px 0;
  font-size:clamp(38px,5.6vw,72px);
  line-height:1.08;
  letter-spacing:0;
}
.chapter-brief{
  max-width:760px;
  color:var(--ash);
  font-size:20px;
  line-height:1.62;
}
[data-align="center"] .chapter-brief{margin-inline:auto}
.screen-bay{
  display:grid;
  place-items:center;
  margin-block-start:64px;
  aspect-ratio:16/7.2;
  border:1px solid var(--edge);
  border-radius:24px;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.034) 0 18px,transparent 18px 36px),
    linear-gradient(135deg,#201820,#151016);
  box-shadow:0 30px 100px rgba(0,0,0,.42);
}
.screen-caption{
  padding:10px 18px;
  border:1px solid var(--edge);
  border-radius:999px;
  color:var(--dim);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
}
.capability-mosaic{
  margin-block-start:58px;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:22px;
}
.capability-row{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.glass-tile{
  border:1px solid var(--edge);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(33,24,33,.92),rgba(27,19,27,.92));
  padding:32px;
}
.tile-glyph{
  width:46px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  margin-block-end:30px;
  border:1px solid rgba(225,122,182,.35);
  border-radius:14px;
  color:var(--rose-soft);
  background:rgba(225,122,182,.12);
}
.glass-tile h3{margin:0 0 14px;font-size:24px}
.glass-tile p{margin:0;color:var(--ash);font-size:17px;line-height:1.65}
.article-grid{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:64px;
  align-items:start;
}
.article-toc{
  position:sticky;
  inset-block-start:108px;
  display:grid;
  gap:10px;
  padding:26px;
  border:1px solid var(--edge);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(33,24,33,.9),rgba(23,16,23,.9));
}
.article-toc a{
  display:flex;
  min-height:40px;
  align-items:center;
  border-radius:10px;
  color:var(--ash);
  font-size:15px;
  font-weight:700;
}
.article-toc a:hover{color:var(--rose-soft)}
.article-content{
  min-width:0;
  display:grid;
  gap:72px;
}
.article-section{
  scroll-margin-block-start:110px;
}
.article-section h2{
  max-width:820px;
  margin:18px 0 22px;
  font-size:clamp(34px,4.6vw,58px);
  line-height:1.1;
  letter-spacing:0;
}
.article-section h3{
  margin:42px 0 14px;
  font-size:26px;
  line-height:1.25;
}
.article-section p{
  max-width:820px;
  margin:0 0 20px;
  color:var(--ash);
  font-size:19px;
  line-height:1.78;
}
.article-list,
.compact-list{
  max-width:820px;
  margin:24px 0 28px;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.article-list li,
.compact-list li{
  position:relative;
  padding-inline-start:34px;
  color:var(--ash);
  font-size:18px;
  line-height:1.58;
}
.article-list li::before,
.compact-list li::before{
  content:"";
  position:absolute;
  inset-block-start:.68em;
  inset-inline-start:0;
  width:10px;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--rose-soft);
  box-shadow:0 0 18px rgba(225,122,182,.45);
}
ol.article-list{
  counter-reset:article-step;
}
ol.article-list li{
  counter-increment:article-step;
  padding-inline-start:48px;
}
ol.article-list li::before{
  content:counter(article-step, decimal-leading-zero);
  inset-block-start:.1em;
  width:32px;
  aspect-ratio:auto;
  border-radius:0;
  color:var(--rose-soft);
  background:none;
  box-shadow:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}
.article-section blockquote{
  max-width:820px;
  margin:34px 0 0;
  padding:28px 30px;
  border:1px solid rgba(225,122,182,.35);
  border-inline-start:4px solid var(--rose);
  border-radius:18px;
  color:var(--ink);
  background:rgba(225,122,182,.1);
  font-size:21px;
  font-weight:700;
  line-height:1.55;
}
.article-section blockquote a{
  color:var(--rose-soft);
  text-decoration:underline;
  text-underline-offset:4px;
}
.key-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-block-start:34px;
}
.pros-cons-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-block-start:34px;
}
.pros-cons-grid .compact-list{
  margin-block-end:0;
}
.pros-cons-grid .compact-list li{
  font-size:16px;
}
.flowline{
  margin-block-start:82px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  text-align:start;
}
.flow-index{color:var(--rose-soft);font-size:15px;font-weight:800;letter-spacing:.12em}
.flowline h3{margin:24px 0 12px;font-size:24px}
.flowline p{margin:0 0 28px;color:var(--ash);font-size:17px;line-height:1.58}
.flow-rule{height:2px;background:linear-gradient(90deg,var(--rose) 0 42%,var(--edge) 42% 100%)}
.plan-stack{
  margin-block-start:64px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  text-align:start;
}
.plan-sheet{position:relative;min-height:420px}
.plan-sheet[data-focus="true"]{border-color:var(--rose);box-shadow:0 0 0 1px rgba(225,122,182,.35)}
.plan-flag{
  position:absolute;
  inset-block-start:-17px;
  inset-inline-start:32px;
  padding:9px 18px;
  border-radius:999px;
  color:var(--rose-ink);
  background:var(--rose);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.plan-cost{display:flex;align-items:flex-end;gap:10px;margin:54px 0 36px;font-size:54px;font-weight:800}
.plan-cost small{margin-block-end:12px;color:var(--ash);font-size:18px;font-weight:500}
.plan-points{display:grid;gap:20px;color:var(--ash);font-size:17px}
.plan-points div::before{content:"\2713";margin-inline-end:14px;color:var(--rose-soft);font-weight:800}
.proof-grid{
  margin-block-start:58px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  text-align:start;
}
.proof-stars{margin-block-end:24px;color:var(--rose-soft);letter-spacing:.1em}
.proof-author{display:flex;align-items:center;gap:16px;margin-block-start:28px}
.proof-dot{width:48px;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--rose-soft),var(--rose))}
.proof-author strong,.proof-author span{display:block}
.proof-author span{margin-block-start:5px;color:var(--dim);font-size:14px}
.answer-ledger{max-width:820px;margin:58px auto 0;text-align:start}
.answer-row{border-block-end:1px solid var(--edge);padding-block:28px}
.answer-row summary{
  display:flex;
  justify-content:space-between;
  gap:20px;
  cursor:pointer;
  list-style:none;
  font-size:21px;
  font-weight:700;
}
.answer-row summary::-webkit-details-marker{display:none}
.answer-row summary::after{content:"+";color:var(--rose-soft)}
.answer-row[open] summary::after{content:"\00d7"}
.answer-row p{max-width:690px;margin:18px 0 0;color:var(--ash);font-size:17px;line-height:1.65}
.nova-footer{
  padding-block:46px;
  border-block-start:1px solid var(--edge);
  color:var(--dim);
  text-align:center;
}
.floating-cta{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:60;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding-inline:28px;
  border-radius:999px;
  color:var(--rose-ink);
  background:var(--rose);
  box-shadow:0 18px 64px rgba(225,122,182,.38),0 10px 34px rgba(0,0,0,.34);
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
}
.floating-cta:hover{
  background:var(--rose-soft);
}
@media(max-width:900px){
  .orbit-rail{grid-template-columns:1fr auto}
  .orbit-routes{display:none}
  .capability-mosaic,.capability-row,.flowline,.plan-stack,.proof-grid,.article-grid,.key-list,.pros-cons-grid{grid-template-columns:1fr}
  .article-toc{position:static}
  .chapter{padding-block:86px}
  .floating-cta{
    right:18px;
    bottom:18px;
  }
}
@media(max-width:620px){
  .nova-width{width:min(100% - 28px,var(--measure))}
  body{padding-block-end:86px}
  .orbit-gates .nova-pill:not([data-tone="rose"]){display:none}
  .nova-pill{min-height:46px;padding-inline:18px}
  .launchpad{padding-block:72px 54px}
  .launch-title{font-size:46px}
  .signal-ribbon{max-width:100%;font-size:13px}
  .age-card{padding:26px 20px}
  .age-actions .nova-pill{width:100%}
  .article-meta{justify-content:flex-start}
  .article-section p{font-size:18px}
  .article-section blockquote{padding:22px;font-size:19px}
  .glass-tile{padding:24px}
  .screen-bay{aspect-ratio:1.15;border-radius:18px}
  .floating-cta{
    right:14px;
    bottom:14px;
    left:14px;
    width:auto;
    min-height:54px;
  }
}
