/* ===== shared page pieces ===== */
.wrap{max-width:1200px;margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--glow)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}
.page-title{margin:18px 0 0;font-family:var(--f-d);font-weight:600;font-size:clamp(34px,5.2vw,76px);letter-spacing:-.05em;line-height:1.02}
.page-title em,.sec-title em{font-style:normal;background:linear-gradient(90deg,var(--glow),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em;margin-right:-.1em}
.sec-title{margin:16px 0 0;font-family:var(--f-d);font-weight:600;font-size:clamp(28px,3.4vw,48px);letter-spacing:-.04em;line-height:1.08}
.lead{margin:22px 0 0;max-width:52ch;color:var(--muted);font-size:clamp(16px,1.25vw,18.5px);line-height:1.65}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:48px}
.sec-head .lead{margin:0;max-width:38ch;font-size:16px}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink);padding:10px 18px;border-radius:999px;
  border:1px solid rgba(205,166,255,.3);background:rgba(18,8,31,.5);transition:border-color .2s ease,background .2s ease;white-space:nowrap}
.btn-ghost:hover{border-color:var(--glow);background:rgba(205,166,255,.08)}
.btn-ghost svg,.btn svg{width:14px;height:14px}
.chip-t{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid rgba(205,166,255,.22);background:rgba(18,8,31,.6);font-size:13px;color:var(--muted);white-space:nowrap}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.reveal.in{opacity:1;transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.links a.active{color:var(--ink)}
.links a.active::after{transform:scaleX(1)}
.mobile-menu nav a.active{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}