*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);line-height:1.55;background:var(--bg);overflow-x:hidden}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px;position:relative;z-index:1}
a{color:inherit}

section{padding:52px 0;position:relative}
.sec-head{text-align:center;max-width:720px;margin:0 auto 36px}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);font-weight:700;margin-bottom:10px}
h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(28px,4.4vw,46px);line-height:1;color:var(--ink);letter-spacing:.5px}
h2 .v{color:var(--violet)}
.sec-head p{color:var(--mute);margin-top:14px;font-size:15.5px}

.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:14.5px;padding:14px 26px;border-radius:30px;transition:transform .2s,box-shadow .2s,background .2s}
.btn-primary{background:linear-gradient(135deg,var(--violet),var(--purple));color:#fff;box-shadow:0 10px 24px rgba(91,15,158,.3)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(91,15,158,.42)}
.btn-ghost{border:1.5px solid var(--purple);color:var(--purple);background:#fff}
.btn-ghost:hover{background:var(--purple);color:#fff}