@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap');

:root {
  --navy:   #080D1A;
  --navy2:  #0D1526;
  --navy3:  #111E35;
  --navy4:  #17253F;
  --teal:   #00C8B0;
  --teal2:  #00A896;
  --coral:  #E85533;
  --white:  #FFFFFF;
  --off:    #E8EDF5;
  --gray:   #8A96AA;
  --gray2:  #5A6478;
  --rule:   rgba(255,255,255,.07);
  --rule2:  rgba(0,200,176,.18);
  --disp:   'Playfair Display', Georgia, serif;
  --body:   'DM Sans', sans-serif;
  --mono:   'DM Mono', monospace;
  --w:      960px;
  --pad:    clamp(24px,5vw,56px);
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  background:var(--navy);
  color:var(--off);
  font-family:var(--body);
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a { color:inherit; text-decoration:none; }

/* ── CONTAINER ── */
.w { width:100%; max-width:var(--w); margin:0 auto; padding:0 var(--pad); }

/* ══ NAV ══ */
.site-nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:rgba(8,13,26,.95);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--rule);
  height:64px;
  display:flex; align-items:center;
}
.nav-inner {
  width:100%; max-width:var(--w); margin:0 auto; padding:0 var(--pad);
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.logo-mark { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.logo-text { line-height:1.15; }
.logo-level {
  display:block; font-family:var(--body); font-weight:600;
  font-size:10.5px; letter-spacing:.26em; text-transform:uppercase; color:var(--white);
}
.logo-zero {
  display:block; font-family:var(--body); font-weight:600;
  font-size:10.5px; letter-spacing:.26em; text-transform:uppercase; color:var(--teal);
}
.nav-links { display:flex; align-items:center; gap:24px; list-style:none; }
.nav-links a {
  font-family:var(--mono); font-size:.58rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--gray); transition:color .2s;
}
.nav-links a:hover { color:var(--white); }
.nav-cta {
  font-family:var(--mono); font-size:.57rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--navy); background:var(--teal);
  padding:9px 22px; white-space:nowrap; transition:background .2s; flex-shrink:0;
}
.nav-cta:hover { background:var(--teal2); }
.ham {
  display:none; flex-direction:column; gap:5px;
  cursor:pointer; padding:4px; background:none; border:none;
}
.ham span { display:block; width:22px; height:1.5px; background:var(--white); transition:all .25s; }
.mob-nav {
  display:none; position:fixed; top:64px; left:0; right:0;
  background:var(--navy2); border-bottom:1px solid var(--rule);
  padding:20px var(--pad); z-index:99; flex-direction:column;
}
.mob-nav.open { display:flex; }
.mob-nav a {
  font-family:var(--mono); font-size:.63rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--gray);
  padding:13px 0; border-bottom:1px solid var(--rule); transition:color .2s;
}
.mob-nav a:last-child { border-bottom:none; }
.mob-nav a:hover { color:var(--teal); }
@media(max-width:768px) { .nav-links,.nav-cta-desk { display:none; } .ham { display:flex; } }

/* ══ HERO ══ */
.hero {
  min-height:100vh; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  padding:100px var(--pad) 80px;
  text-align:center; position:relative; overflow:hidden;
}
/* Subtle corner brackets */
.hero::before,.hero::after {
  content:''; position:absolute;
  width:72px; height:72px;
  border-color:var(--teal); border-style:solid; opacity:.15;
}
.hero::before { top:84px; left:var(--pad); border-width:1px 0 0 1px; }
.hero::after  { bottom:44px; right:var(--pad); border-width:0 1px 1px 0; }

.hero-eyebrow {
  font-family:var(--mono); font-size:.58rem; letter-spacing:.22em;
  text-transform:uppercase; color:var(--teal);
  display:flex; align-items:center; justify-content:center; gap:10px;
  margin-bottom:36px;
}
.hero-eyebrow::before,.hero-eyebrow::after {
  content:''; display:block; width:28px; height:1px; background:var(--teal); opacity:.4;
}
.hero-score-block { margin-bottom:32px; }
.hero-score-label {
  font-family:var(--mono); font-size:.52rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--gray2); margin-bottom:6px;
}
.hero-number-wrap { display:flex; align-items:flex-end; justify-content:center; gap:6px; }
.hero-number {
  font-family:var(--disp); font-weight:800;
  font-size:clamp(80px,15vw,172px);
  line-height:.9; color:var(--white); letter-spacing:-.03em;
}
.hero-denom {
  font-family:var(--mono); font-size:clamp(11px,1.4vw,15px);
  color:var(--gray2); padding-bottom:clamp(10px,1.5vw,18px);
}
.hero-grade {
  font-family:var(--mono); font-size:.6rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--coral); margin-top:10px;
}
.hero-sample-meta {
  font-family:var(--mono); font-size:.5rem; letter-spacing:.1em;
  color:var(--gray2); margin-top:5px;
}
.hero-rule {
  width:1px; height:44px;
  background:linear-gradient(180deg,var(--teal),transparent);
  margin:28px auto;
}
.hero h1 {
  font-family:var(--disp); font-weight:800;
  font-size:clamp(26px,4.2vw,52px);
  line-height:1.13; color:var(--white);
  max-width:700px; margin:0 auto 18px;
}
.hero h1 em { font-style:italic; color:var(--teal); }
.hero-sub {
  font-size:clamp(15px,1.6vw,17px); color:var(--gray);
  max-width:500px; margin:0 auto 32px; line-height:1.85;
}
.hero-actions { display:flex; flex-direction:column; align-items:center; gap:13px; margin-bottom:24px; }
.hero-trust {
  font-family:var(--mono); font-size:.5rem; letter-spacing:.1em; color:var(--gray2);
  display:flex; flex-wrap:wrap; justify-content:center; gap:5px 18px;
}

/* ══ BUTTONS ══ */
.btn-primary {
  display:inline-block; font-family:var(--mono); font-size:.62rem; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--navy); background:var(--teal);
  padding:15px 44px; transition:all .22s;
}
.btn-primary:hover { background:var(--teal2); transform:translateY(-1px); }
.btn-ghost {
  display:inline-block; font-family:var(--mono); font-size:.59rem;
  letter-spacing:.13em; text-transform:uppercase;
  color:var(--gray); border-bottom:1px solid var(--gray2);
  padding-bottom:2px; transition:color .2s,border-color .2s;
}
.btn-ghost:hover { color:var(--white); border-color:var(--white); }

/* ══ SECTIONS ══ */
.section { padding:clamp(60px,8vw,108px) 0; position:relative; }
.section-alt  { background:var(--navy2); }
.section-dark { background:var(--navy3); }

.sec-tag { display:flex; align-items:center; gap:12px; margin-bottom:36px; }
.sec-num { font-family:var(--mono); font-size:.54rem; letter-spacing:.18em; color:var(--teal); }
.sec-rule { flex:1; height:1px; background:var(--rule); max-width:44px; }
.sec-label { font-family:var(--mono); font-size:.54rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gray2); }

.eyebrow { font-family:var(--mono); font-size:.56rem; letter-spacing:.18em; text-transform:uppercase; color:var(--teal); margin-bottom:10px; }

h2 { font-family:var(--disp); font-weight:800; font-size:clamp(24px,3.6vw,44px); line-height:1.13; color:var(--white); margin-bottom:18px; }
h2 em { font-style:italic; color:var(--teal); }
h3 { font-family:var(--disp); font-weight:700; font-size:clamp(17px,2vw,24px); color:var(--white); margin-bottom:10px; }
.lead { font-size:clamp(14px,1.6vw,17px); color:var(--gray); line-height:1.85; max-width:52ch; margin-bottom:44px; }

/* ══ DECORATIVE ══ */
.teal-bar { width:36px; height:2px; background:var(--teal); margin-bottom:20px; }
.bracket-box { position:relative; padding:28px 32px; }
.bracket-box::before,.bracket-box::after {
  content:''; position:absolute; width:18px; height:18px;
  border-color:var(--teal); border-style:solid; opacity:.3;
}
.bracket-box::before { top:0; left:0; border-width:1px 0 0 1px; }
.bracket-box::after  { bottom:0; right:0; border-width:0 1px 1px 0; }

/* ══ LEVEL STACK ══ */
.level-stack { border:1px solid var(--rule); margin:36px 0; }
.level-row {
  display:grid; grid-template-columns:60px 1fr auto;
  align-items:stretch; border-bottom:1px solid var(--rule);
  transition:background .18s;
}
.level-row:last-child { border-bottom:none; }
.level-row:hover { background:rgba(255,255,255,.02); }
.level-num {
  font-family:var(--mono); font-size:.56rem; letter-spacing:.1em; color:var(--gray2);
  padding:14px 16px; border-right:1px solid var(--rule);
  display:flex; align-items:center; justify-content:center;
}
.level-content { padding:14px 18px; }
.level-title { font-family:var(--mono); font-size:.58rem; letter-spacing:.09em; text-transform:uppercase; color:var(--off); margin-bottom:2px; }
.level-desc { font-size:12px; color:var(--gray); }
.level-tag { font-family:var(--mono); font-size:.48rem; letter-spacing:.09em; color:var(--coral); padding:14px 14px 14px 0; display:flex; align-items:center; white-space:nowrap; }
.level-row-zero { background:rgba(0,200,176,.035); border-color:var(--rule2); }
.level-row-zero .level-num,.level-row-zero .level-title { color:var(--teal); }

/* ══ CASE CARDS ══ */
.case-card {
  background:var(--navy2); border:1px solid var(--rule);
  border-top:2px solid var(--teal);
  padding:clamp(22px,3.5vw,38px); margin-bottom:20px;
}
.case-meta {
  font-family:var(--mono); font-size:.5rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--gray2);
  margin-bottom:16px; display:flex; flex-wrap:wrap; gap:4px 14px;
}
.case-title { font-family:var(--disp); font-size:clamp(20px,2.8vw,32px); font-weight:800; color:var(--white); margin-bottom:5px; }
.case-sub { font-size:13px; color:var(--gray); margin-bottom:22px; }

.score-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule); margin-bottom:22px; }
.score-cell { background:var(--navy3); padding:16px 10px; text-align:center; }
.score-num { font-family:var(--disp); font-weight:800; font-size:clamp(26px,3.2vw,36px); color:var(--coral); line-height:1; margin-bottom:3px; }
.score-lbl { font-family:var(--mono); font-size:.46rem; letter-spacing:.1em; text-transform:uppercase; color:var(--gray2); }

.ba-row { display:grid; grid-template-columns:1fr 36px 1fr; gap:6px; align-items:center; margin-bottom:22px; }
.ba-score { text-align:center; background:var(--navy3); padding:18px 12px; }
.ba-num { font-family:var(--disp); font-weight:800; font-size:clamp(36px,4.5vw,50px); line-height:1; margin-bottom:3px; }
.ba-before .ba-num { color:var(--coral); }
.ba-after  .ba-num { color:var(--teal); }
.ba-lbl { font-family:var(--mono); font-size:.46rem; letter-spacing:.1em; text-transform:uppercase; color:var(--gray2); }
.ba-arrow { text-align:center; color:var(--gray2); font-size:16px; }

.findings { list-style:none; margin-bottom:14px; }
.findings li {
  font-size:13px; color:var(--gray); padding:9px 0;
  border-bottom:1px solid var(--rule);
  display:flex; gap:10px; align-items:flex-start; line-height:1.6;
}
.findings li:last-child { border-bottom:none; }
.icon-x { color:var(--coral); flex-shrink:0; }
.icon-c { color:var(--teal); flex-shrink:0; }

.case-quote { border-left:2px solid var(--teal); padding:14px 18px; background:rgba(0,200,176,.04); margin:18px 0; }
.case-quote p { font-family:var(--disp); font-style:italic; font-size:clamp(13px,1.4vw,15px); color:var(--off); margin-bottom:5px; }
.case-quote cite { font-family:var(--mono); font-size:.48rem; letter-spacing:.09em; color:var(--gray2); font-style:normal; }
.case-note { font-family:var(--mono); font-size:.47rem; letter-spacing:.06em; color:var(--gray2); margin-top:14px; line-height:1.7; }

/* ══ PATTERN GRID ══ */
.pattern-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--rule); margin:28px 0; }
.pattern-cell { background:var(--navy2); padding:26px; }
.pattern-head { font-family:var(--mono); font-size:.54rem; letter-spacing:.15em; text-transform:uppercase; color:var(--teal); margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--rule); }
@media(max-width:560px) { .pattern-grid { grid-template-columns:1fr; } }

/* ══ STEPS ══ */
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1px; background:var(--rule); margin:28px 0; }
.step { background:var(--navy2); padding:26px 22px; }
.step-num { font-family:var(--mono); font-size:2rem; font-weight:500; color:rgba(0,200,176,.1); line-height:1; margin-bottom:12px; }
.step-title { font-weight:500; font-size:14px; color:var(--white); margin-bottom:6px; }
.step-body { font-size:13px; color:var(--gray); line-height:1.7; }
.step-time { font-family:var(--mono); font-size:.49rem; letter-spacing:.11em; color:var(--teal); margin-top:9px; }

/* ══ PRODUCTS ══ */
.product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1px; background:var(--rule); margin:28px 0; }
.product-card { background:var(--navy2); padding:32px 26px; }
.product-card-featured { background:var(--navy3); border-top:2px solid var(--teal); }
.product-label { font-family:var(--mono); font-size:.52rem; letter-spacing:.15em; text-transform:uppercase; color:var(--gray2); margin-bottom:16px; }
.product-who { font-family:var(--disp); font-style:italic; font-size:clamp(15px,1.7vw,19px); color:var(--off); margin-bottom:18px; line-height:1.35; }
.product-price { font-family:var(--disp); font-weight:800; font-size:clamp(32px,4vw,48px); color:var(--teal); line-height:1; margin-bottom:3px; }
.product-price-note { font-family:var(--mono); font-size:.5rem; letter-spacing:.09em; color:var(--gray2); margin-bottom:22px; }
.product-features { list-style:none; margin-bottom:26px; }
.product-features li { font-size:13px; color:var(--gray); padding:7px 0; border-bottom:1px solid var(--rule); display:flex; gap:9px; align-items:flex-start; line-height:1.6; }
.product-features li:last-child { border-bottom:none; }
.arr { color:var(--teal); flex-shrink:0; }

/* ══ BENCHMARK ══ */
.bench-log { background:var(--navy3); border:1px solid var(--rule); border-left:2px solid var(--teal); padding:26px; font-family:var(--mono); margin:28px 0; }
.bench-log-head { font-size:.5rem; letter-spacing:.15em; text-transform:uppercase; color:var(--teal); margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid var(--rule); }
.bench-row { display:flex; align-items:center; gap:10px; padding:7px 0; border-bottom:1px solid var(--rule); }
.bench-row:last-child { border-bottom:none; }
.bench-name { color:var(--gray); font-size:11px; flex:1; }
.bench-bar-wrap { width:72px; flex-shrink:0; }
.bench-bar-bg { height:2px; background:var(--rule); position:relative; }
.bench-bar-fill { position:absolute; top:0; left:0; bottom:0; background:var(--teal); opacity:.45; }
.bench-score { color:var(--off); font-size:11px; min-width:22px; text-align:right; }

.stat-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:1px; background:var(--rule); margin:28px 0; }
.stat-cell { background:var(--navy2); padding:22px 14px; text-align:center; }
.stat-num { font-family:var(--disp); font-weight:800; font-size:clamp(26px,3.2vw,42px); color:var(--white); line-height:1; margin-bottom:5px; }
.stat-lbl { font-family:var(--mono); font-size:.48rem; letter-spacing:.11em; text-transform:uppercase; color:var(--gray2); }

/* ══ FORM ══ */
.form-wrap { background:var(--navy2); border:1px solid var(--rule); border-top:2px solid var(--teal); padding:clamp(22px,3.5vw,42px); max-width:620px; margin:0 auto; }
.f-field { display:flex; flex-direction:column; gap:5px; margin-bottom:14px; }
.f-label { font-family:var(--mono); font-size:.52rem; letter-spacing:.15em; text-transform:uppercase; color:var(--gray2); }
.f-input { background:var(--navy3); border:1px solid var(--rule); color:var(--off); font-family:var(--body); font-size:15px; padding:12px 15px; outline:none; transition:border-color .2s; width:100%; -webkit-appearance:none; border-radius:0; }
.f-input:focus { border-color:var(--teal); }
.f-input::placeholder { color:var(--gray2); }
textarea.f-input { min-height:86px; resize:vertical; }
.f-price { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:var(--navy3); border:1px solid var(--rule); margin:20px 0; flex-wrap:wrap; gap:7px; }
.f-price-big { font-family:var(--disp); font-weight:800; font-size:38px; color:var(--teal); line-height:1; }
.f-price-note { font-size:13px; color:var(--gray); line-height:1.6; text-align:right; }
.submit-btn { width:100%; font-family:var(--mono); font-size:.62rem; font-weight:500; letter-spacing:.17em; text-transform:uppercase; padding:17px; background:var(--teal); color:var(--navy); border:none; cursor:pointer; transition:background .22s; margin-top:6px; }
.submit-btn:hover { background:var(--teal2); }
.f-foot { font-family:var(--mono); font-size:.49rem; letter-spacing:.07em; color:var(--gray2); text-align:center; margin-top:10px; line-height:1.85; }
.trust-badges { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:1px; background:var(--rule); margin-bottom:26px; }
.trust-badge { background:var(--navy2); padding:13px 14px; display:flex; align-items:center; gap:9px; }
.trust-icon { font-size:13px; flex-shrink:0; }
.trust-text { font-size:11px; color:var(--gray); line-height:1.4; }

/* ══ FAQ ══ */
.faq-item { border-bottom:1px solid var(--rule); }
.faq-q { width:100%; display:flex; justify-content:space-between; align-items:center; gap:14px; padding:18px 0; background:none; border:none; color:var(--off); font-family:var(--body); font-size:14px; font-weight:500; text-align:left; cursor:pointer; transition:color .2s; }
.faq-q:hover { color:var(--teal); }
.faq-icon { font-family:var(--mono); font-size:17px; color:var(--teal); flex-shrink:0; transition:transform .22s; font-style:normal; }
.faq-a { font-size:13px; color:var(--gray); line-height:1.85; padding-bottom:18px; display:none; }
.faq-item.open .faq-a { display:block; }
.faq-item.open .faq-icon { transform:rotate(45deg); }

/* ══ FOOTER ══ */
.site-footer { background:var(--navy); border-top:1px solid var(--rule); padding:56px 0 28px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:36px; margin-bottom:40px; }
.footer-brand p { font-size:12px; color:var(--gray2); line-height:1.75; margin-top:10px; max-width:22ch; }
.footer-col h4 { font-family:var(--mono); font-size:.52rem; letter-spacing:.17em; text-transform:uppercase; color:var(--gray2); margin-bottom:12px; padding-bottom:9px; border-bottom:1px solid var(--rule); }
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:7px; }
.footer-col a { font-size:12px; color:var(--gray); transition:color .2s; }
.footer-col a:hover { color:var(--teal); }
.footer-bottom { padding-top:20px; border-top:1px solid var(--rule); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.footer-address { font-family:var(--mono); font-size:.49rem; letter-spacing:.07em; color:var(--gray2); }
.footer-legal { display:flex; gap:14px; flex-wrap:wrap; }
.footer-legal a { font-family:var(--mono); font-size:.49rem; letter-spacing:.07em; color:var(--gray2); transition:color .2s; }
.footer-legal a:hover { color:var(--gray); }
@media(max-width:768px) { .footer-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:480px) { .footer-grid { grid-template-columns:1fr; } }

/* ══ PAGE HEADER ══ */
.page-header { padding:120px var(--pad) 52px; border-bottom:1px solid var(--rule); position:relative; }
.page-header::after { content:''; position:absolute; bottom:-1px; left:0; width:72px; height:2px; background:var(--teal); }
.page-header h1 { font-family:var(--disp); font-weight:800; font-size:clamp(28px,4vw,50px); color:var(--white); line-height:1.1; max-width:560px; }
.page-header p { font-size:clamp(13px,1.5vw,16px); color:var(--gray); max-width:50ch; margin-top:14px; line-height:1.85; }

/* ══ STAGE LIST (how it works) ══ */
.stage-list { border:1px solid var(--rule); margin:28px 0; }
.stage-item { display:grid; grid-template-columns:68px 1fr; border-bottom:1px solid var(--rule); }
.stage-item:last-child { border-bottom:none; }
.stage-num-col { padding:22px 12px; border-right:1px solid var(--rule); display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:5px; background:rgba(0,200,176,.02); }
.stage-num-big { font-family:var(--disp); font-weight:800; font-size:24px; color:var(--teal); line-height:1; }
.stage-criteria { font-family:var(--mono); font-size:.42rem; letter-spacing:.07em; color:var(--gray2); text-align:center; }
.stage-body { padding:22px; }
.stage-tag { font-family:var(--mono); font-size:.5rem; letter-spacing:.13em; text-transform:uppercase; color:var(--teal); margin-bottom:3px; }
.stage-title { font-family:var(--disp); font-weight:700; font-size:17px; color:var(--white); margin-bottom:6px; }
.stage-q { font-family:var(--mono); font-size:.52rem; letter-spacing:.07em; color:var(--gray2); font-style:italic; margin-bottom:9px; }
.stage-desc { font-size:13px; color:var(--gray); line-height:1.75; }
@media(max-width:460px) {
  .stage-item { grid-template-columns:1fr; }
  .stage-num-col { flex-direction:row; padding:12px 18px; border-right:none; border-bottom:1px solid var(--rule); }
  .stage-body { padding:18px; }
}

/* ══ SAMPLE REPORT ══ */
.report-score-hero { text-align:center; padding:clamp(24px,3.5vw,44px); background:var(--navy3); border:1px solid var(--rule); border-top:2px solid var(--coral); margin-bottom:28px; }
.report-score-num { font-family:var(--disp); font-weight:800; font-size:clamp(52px,9vw,104px); color:var(--coral); line-height:1; }
.report-score-grade { font-family:var(--mono); font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:var(--coral); margin-top:6px; }
.report-score-meta { font-family:var(--mono); font-size:.5rem; letter-spacing:.09em; color:var(--gray2); margin-top:6px; }

/* ══ AGENCY TIERS ══ */
.tier-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1px; background:var(--rule); margin:28px 0; }
.tier-card { background:var(--navy2); padding:28px; }
.tier-card-label { font-family:var(--mono); font-size:.52rem; letter-spacing:.15em; text-transform:uppercase; color:var(--teal); margin-bottom:10px; }
.tier-card p { font-size:13px; color:var(--gray); margin-bottom:14px; line-height:1.75; }

/* ══ LEGAL ══ */
.legal-body { max-width:620px; }
.legal-body h2 { font-size:clamp(15px,1.7vw,19px); margin:28px 0 8px; }
.legal-body p { font-size:13px; color:var(--gray); line-height:1.85; margin-bottom:10px; }
.legal-body ul { margin:0 0 10px 16px; }
.legal-body li { font-size:13px; color:var(--gray); line-height:1.85; margin-bottom:5px; }

/* ══ THANK YOU ══ */
.thankyou-wrap { min-height:80vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:100px var(--pad); }
.thankyou-inner { max-width:500px; }
.thankyou-icon { width:56px; height:56px; border:1px solid var(--teal); display:flex; align-items:center; justify-content:center; margin:0 auto 24px; font-size:20px; color:var(--teal); }
.thankyou-steps { text-align:left; background:var(--navy2); border:1px solid var(--rule); padding:22px; margin:24px 0; }
.thankyou-step { display:flex; gap:12px; padding:9px 0; border-bottom:1px solid var(--rule); font-size:13px; color:var(--gray); line-height:1.6; }
.thankyou-step:last-child { border-bottom:none; }
.thankyou-step-num { font-family:var(--mono); font-size:.54rem; letter-spacing:.1em; color:var(--teal); flex-shrink:0; padding-top:2px; }

/* ══ CARD PAGE ══ */
.card-wrap { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:56px var(--pad) 36px; }
.card-top { display:flex; flex-direction:column; align-items:center; text-align:center; }
.card-tagline { font-size:13px; color:var(--gray); line-height:1.8; margin-top:14px; max-width:30ch; }
.card-links { display:flex; flex-direction:column; align-items:center; gap:0; width:100%; max-width:380px; margin:40px 0; border:1px solid var(--rule); }
.card-link { display:flex; justify-content:space-between; align-items:center; padding:16px 22px; border-bottom:1px solid var(--rule); width:100%; transition:background .18s; }
.card-link:last-child { border-bottom:none; }
.card-link:hover { background:rgba(255,255,255,.03); }
.card-link-name { font-family:var(--mono); font-size:.58rem; letter-spacing:.13em; text-transform:uppercase; color:var(--off); }
.card-link-price { font-family:var(--mono); font-size:.56rem; letter-spacing:.1em; color:var(--teal); }
.card-bottom { text-align:center; }
.card-address { font-family:var(--mono); font-size:.5rem; letter-spacing:.09em; color:var(--gray2); line-height:1.9; }
.card-legal { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:12px; }
.card-legal a { font-family:var(--mono); font-size:.47rem; letter-spacing:.07em; color:var(--gray2); transition:color .2s; }
.card-legal a:hover { color:var(--gray); }

/* ══ ANIMATIONS ══ */
.fade-up { opacity:0; transform:translateY(14px); transition:opacity .48s ease,transform .48s ease; }
.fade-up.visible { opacity:1; transform:none; }

/* ══ UTILS ══ */
.teal{color:var(--teal)}.coral{color:var(--coral)}.white{color:var(--white)}.gray{color:var(--gray)}
.center{text-align:center}
.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt48{margin-top:48px}
.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb32{margin-bottom:32px}.mb48{margin-bottom:48px}