

.sub-hero { padding:170px 56px 50px; max-width:1100px; margin:0 auto; position:relative; }
.sub-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5.4vw,58px); font-weight:500; color:var(--cream); line-height:1.08; max-width:760px; }
.sub-hero h1 em { font-style:italic; color:var(--purple-light); }
.sub-lede { font-size:16px; line-height:1.8; color:var(--text-muted); max-width:620px; margin:20px 0 0; }
.sub-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.sub-boards { display:flex; gap:8px; flex-wrap:wrap; margin-top:26px; }
.sub-board { font-size:12px; letter-spacing:.06em; color:var(--text-muted); border:1px solid var(--border); border-radius:999px; padding:7px 15px; }
.crumb { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--text-muted); margin-bottom:20px; }
.crumb a { color:var(--purple); text-decoration:none; }
.crumb a:hover { text-decoration:underline; }

.sec { max-width:1100px; margin:0 auto; padding:0 56px; }
.sec + .sec { margin-top:76px; }
.sec > h2 { font-family:var(--font-display); font-size:clamp(24px,2.8vw,36px); font-weight:600; color:var(--cream); margin-bottom:12px; }
.sec > .sec-intro { font-size:15px; line-height:1.85; color:var(--text-muted); max-width:660px; margin-bottom:32px; }

.why-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.why-item { background:var(--dark2); border:1px solid var(--border); border-radius:var(--radius); padding:28px 26px; }
.why-item h3 { font-family:var(--font-display); font-size:19px; font-weight:600; color:var(--cream); margin-bottom:10px; }
.why-item p { font-size:14.5px; line-height:1.8; color:var(--text-muted); margin:0; }

.cover-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.cover-col { border-top:2px solid var(--border-bright); padding-top:18px; }
.cover-col h3 { font-family:var(--font-display); font-size:20px; font-weight:600; color:var(--cream); margin-bottom:6px; }
.cover-col .cover-meta { font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--purple); margin-bottom:14px; }
.cover-col ul { list-style:none; padding:0; margin:0; }
.cover-col li { font-size:14px; line-height:1.7; color:var(--text-muted); padding:6px 0; border-bottom:1px solid var(--border); }
.cover-col li:last-child { border-bottom:0; }

.steps { counter-reset:step; display:grid; gap:2px; }
.step { display:grid; grid-template-columns:44px minmax(0,1fr); gap:18px; padding:22px 0; border-bottom:1px solid var(--border); }
.step:last-child { border-bottom:0; }
.step-n { font-family:var(--font-mono); font-size:12px; color:var(--purple); padding-top:3px; }
.step h3 { font-size:16px; font-weight:600; color:var(--cream); margin-bottom:6px; }
.step p { font-size:14.5px; line-height:1.8; color:var(--text-muted); margin:0; max-width:640px; }

.who-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 26px; }
.who { display:grid; grid-template-columns:18px minmax(0,1fr); gap:12px; align-items:start; }
.who-tick { color:var(--tick); font-size:14px; line-height:1.7; }
.who p { font-size:14.5px; line-height:1.75; color:var(--text-muted); margin:0; }
.who strong { color:var(--cream); font-weight:600; }

.proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.proof { background:var(--dark2); border:1px solid var(--border); border-radius:var(--radius); padding:26px 24px; }
.proof-pills { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.proof-grade { font-family:var(--font-mono); font-size:11.5px; color:#FBF8F3; background:var(--purple); border-radius:999px; padding:5px 12px; }
.proof-sub { font-size:11.5px; color:var(--text-muted); border:1px solid var(--border); border-radius:999px; padding:5px 12px; }
.proof p { font-size:14px; line-height:1.8; color:var(--text-muted); margin:0 0 14px; }
.proof cite { font-style:normal; font-size:12.5px; color:var(--cream); display:block; }
.proof cite span { display:block; color:var(--text-muted); font-size:11.5px; margin-top:2px; }

.price-strip { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  background:var(--dark2); border:1px solid var(--border); border-radius:var(--radius); padding:28px 30px; }
.price-strip-fig { font-family:var(--font-display); font-size:34px; font-weight:600; color:var(--cream); font-variant-numeric:lining-nums; }
.price-strip-fig sup { font-size:18px; top:-.5em; }
.price-strip p { font-size:14px; line-height:1.75; color:var(--text-muted); margin:6px 0 0; max-width:420px; }

.faq-list { border-top:1px solid var(--border); max-width:760px; }
.faq-item { padding:26px 0; border-bottom:1px solid var(--border); }
.faq-item h3 { font-size:16px; font-weight:600; color:var(--cream); margin-bottom:9px; }
.faq-item p { font-size:14.5px; line-height:1.8; color:var(--text-muted); margin:0; }

.cta { max-width:1100px; margin:0 auto; padding:80px 56px 110px; }
.cta-inner { background:var(--dark2); border:1px solid var(--border); border-radius:var(--radius); padding:48px 44px; text-align:center; }
.cta-inner h2 { font-family:var(--font-display); font-size:clamp(24px,2.8vw,34px); font-weight:600; color:var(--cream); margin-bottom:14px; }
.cta-inner p { font-size:15px; color:var(--text-muted); line-height:1.8; max-width:540px; margin:0 auto 28px; }

.rel-links { display:flex; gap:10px; flex-wrap:wrap; }
.rel-links a { font-size:13px; color:var(--cream); text-decoration:none; background:var(--dark2);
  border:1px solid var(--border); border-radius:999px; padding:10px 18px; transition:border-color .18s ease, color .18s ease; }
.rel-links a:hover { border-color:var(--purple); color:var(--purple-light); }

@media(max-width:860px){
  .sub-hero { padding:130px 20px 30px; }
  .sec { padding:0 20px; }
  .sec + .sec { margin-top:56px; }
  .why-grid, .cover-grid, .who-list, .proof-grid { grid-template-columns:minmax(0,1fr); }
  .step { grid-template-columns:32px minmax(0,1fr); gap:12px; }
  .cta { padding:56px 20px 80px; }
  .cta-inner { padding:34px 24px; }
  .sub-actions .btn-primary, .sub-actions .btn-ghost { width:100%; max-width:340px; justify-content:center; }
  .price-strip { flex-direction:column; align-items:flex-start; gap:16px; }
}
