:root{--navy:#ffffff;--ivory:#221440;--muted:#7a6f96;--line:rgba(124,58,237,.16);--gold:#7c3aed;--gold2:#c64bf0;--teal:#22b8d8;--body:#4a3f6b}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ivory);background:radial-gradient(70% 50% at 84% 8%, rgba(168,85,247,.22), transparent 55%), linear-gradient(180deg,#fcf9ff 0%,#f6f1ff 60%,#efe7ff 100%);line-height:1.8;min-height:100vh}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 32px}
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:16px 0}
nav .wrap{display:flex;align-items:center;justify-content:space-between;max-width:1100px}
.brand{display:inline-flex;align-items:center;gap:9px;font-family:'Sora',sans-serif;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--ivory)}
.brand .bmk{width:22px;height:auto;flex:none}
.brand .bnm{font-size:20px}
.navlinks{display:flex;gap:28px;font-size:14px;color:var(--muted)}.navlinks a:hover{color:var(--gold)}
.eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:600}
.crumb{font-size:13px;color:var(--muted);margin-bottom:24px}.crumb a:hover{color:var(--gold)}
article{max-width:740px;margin:0 auto;padding:58px 32px 70px}
article h1{font-family:'Sora',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(31px,5vw,48px);line-height:1.08;letter-spacing:-.015em;margin:14px 0 14px}
.meta{color:var(--muted);font-size:13px;margin-bottom:38px;padding-bottom:24px;border-bottom:1px solid var(--line)}
article h2{font-family:'Sora',sans-serif;font-weight:700;text-transform:uppercase;font-size:25px;letter-spacing:-.01em;margin:44px 0 14px}
article h3{font-size:18px;margin:28px 0 8px;font-weight:600}
article p{font-size:17px;color:var(--body);margin-bottom:18px}
article ul,article ol{margin:0 0 18px 22px}article li{font-size:17px;color:var(--body);margin-bottom:9px}
article strong{color:var(--ivory)}
.lead{font-size:20px;color:var(--ivory);line-height:1.7;margin-bottom:24px}
.callout{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.26);border-radius:12px;padding:18px 22px;margin:26px 0}
.callout p{margin:0;font-size:15.5px;color:#5a4a8a}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}
th,td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
th{background:rgba(124,58,237,.1);color:var(--gold);font-weight:600}
.cta-box{background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(198,75,240,.05));border:1px solid var(--gold);border-radius:16px;padding:30px;margin:46px 0 8px;text-align:center}
.cta-box h3{font-family:'Sora',sans-serif;font-weight:700;text-transform:uppercase;font-size:22px;margin-bottom:9px;color:var(--ivory)}
.cta-box p{margin-bottom:18px;color:var(--muted);font-size:15px}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;padding:13px 28px;border-radius:30px;font-weight:600}
.faqs{margin-top:14px}
.faqs .q{border-top:1px solid var(--line);padding:20px 0}
.faqs h3{font-family:'Sora',sans-serif;font-weight:700;font-size:18px;margin:0 0 7px}
.faqs p{font-size:15.5px;color:var(--muted);margin:0}
footer{border-top:1px solid var(--line);padding:38px 0;color:var(--muted);font-size:12px;text-align:center;line-height:1.7;background:#efe7ff}
.hub{max-width:1000px;margin:0 auto;padding:66px 32px 90px}
.hub h1{font-family:'Sora',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(32px,5vw,50px);margin:14px 0 12px}
.hub .sub{color:var(--muted);font-size:18px;margin-bottom:44px;max-width:600px;line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.gcard{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;transition:.4s cubic-bezier(.2,.7,.2,1);box-shadow:0 12px 34px -24px rgba(124,58,237,.3)}
.gcard:hover{transform:translateY(-6px);border-color:var(--gold)}
.gcard .tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal)}
.gcard h2{font-family:'Sora',sans-serif;font-weight:700;text-transform:uppercase;font-size:21px;margin:11px 0 9px}
.gcard p{color:var(--muted);font-size:15px;line-height:1.6}
.gcard.soon{opacity:.5;pointer-events:none}
@media(max-width:760px){.cards{grid-template-columns:1fr}.navlinks{display:none}}

/* ===== mobile (additive) ===== */
@media(max-width:600px){
  .wrap{padding:0 22px}
  article{padding:44px 22px 60px}
  article h1{font-size:clamp(28px,8.5vw,38px)}
  article h2{font-size:21px}
  article p,article li,.lead{font-size:16px}
  .hub{padding:44px 22px 70px}
  table{font-size:13px}
  th,td{padding:9px 10px}
  .cta-box{padding:24px 20px}
}

/* category landing pages */
.goalnav{font-size:13px;color:var(--muted);margin:2px 0 20px;letter-spacing:.01em}
.goalnav a{color:var(--gold2)}.goalnav b{color:var(--ivory)}
.lpgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:18px;margin:22px 0 8px}
.lpcard{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;transition:.25s;box-shadow:0 18px 44px -34px rgba(124,58,237,.42)}
.lpcard:hover{transform:translateY(-4px);box-shadow:0 28px 56px -30px rgba(124,58,237,.55)}
.lpvis{height:118px;display:flex;align-items:center;justify-content:center;background:radial-gradient(60% 60% at 50% 42%,rgba(168,85,247,.16),transparent 72%);border-radius:12px;margin-bottom:15px}
.lpvis img{height:106px;filter:drop-shadow(0 12px 18px rgba(124,58,237,.32))}
.lpname{font-family:'Sora',sans-serif;font-weight:700;font-size:19px;color:var(--ivory)}
.lpdesc{color:var(--muted);font-size:13.5px;line-height:1.55;margin:6px 0 14px}
.lpprice{font-weight:700;color:var(--ivory);display:flex;justify-content:space-between;align-items:center;font-size:15px}
.lpprice span{color:var(--gold2);font-size:14px;font-weight:600}