.phero{background:linear-gradient(120deg,#3a0a8c,#5415c6);padding:44px 0 72px;color:#fff}
.phero .eyebrow,.phero p{color:#e3d5fc}.phero h1 span{color:#dec6ff}.phero h1{max-width:15em}
.phero .hero-description{font-size:1.1rem;max-width:640px}
.crumbs{font-size:.85rem;margin-bottom:26px;color:#d9c8f7}.crumbs a{color:#efe5ff}.crumbs span{margin:0 .45em}
.prose{max-width:760px}.prose ul{color:var(--muted);padding-left:1.2em;margin:0 0 20px;display:grid;gap:10px}
.prose li strong,.prose p strong{color:var(--ink)}.prose h3{margin-top:30px}
.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.box{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff}.box h3{font-size:1.15rem}
.box p{margin:0}.box .card-number{display:block;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 22px}
.chips li{border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:650;color:var(--purple);background:#fff}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rel a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}
.rel a:hover{border-color:var(--accent)}.rel b{display:block;color:var(--ink);font-size:1.1rem;margin-bottom:6px}
.rel span{color:var(--muted);font-size:.95rem}
@media(max-width:900px){.grid-three,.rel{grid-template-columns:1fr}}
@media(max-width:640px){.phero{padding:30px 0 48px}.phero h1{font-size:2.3rem}.phero .actions{flex-direction:column}}