*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#1F1533;--gray:#F6F0FA;--red:#7A3FD0;--pink:#E0508F;--grad:linear-gradient(100deg,#7A3FD0,#D6407F);--mut:#5F5870;--line:#E3DAEE;--f:'Archivo',system-ui,sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--f);font-size:1.1rem;line-height:1.7;color:var(--ink);background:#fff}
a{color:var(--red)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
header{background:var(--ink);color:#fff}
header .w{max-width:1120px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}
header a{color:#fff;text-decoration:none}
.logo{font-weight:800;font-stretch:75%;font-size:1.5rem}.logo span{color:#FF86BC}
header nav{display:flex;gap:22px;align-items:center;font-size:.95rem}
header nav a.cta{border:1.5px solid #fff;padding:8px 20px;border-radius:999px}
.hd{background:radial-gradient(60% 90% at 85% 10%,rgba(122,63,208,.5),transparent 70%),var(--ink);color:#fff;padding:64px 0 56px}
.c{max-width:760px;margin:0 auto;padding:0 24px}
.wide{max-width:1120px;margin:0 auto;padding:0 24px}
h1{font-weight:800;font-stretch:72%;font-size:clamp(2.6rem,7vw,4.6rem);line-height:.98;letter-spacing:-.01em}
.hd p{color:#C4BBD6;margin-top:16px;font-size:1.1rem}
article{padding:56px 0 40px}
article h2{font-weight:800;font-stretch:78%;font-size:2rem;line-height:1.1;margin:44px 0 12px}
article p,article ul{margin-bottom:18px;color:#2E2640}
article ul{padding-left:22px}article li{margin-bottom:8px}
.meta{font-size:.9rem;color:#C4BBD6;margin-top:14px}
.cta-box{margin:48px 0 0;padding:32px;border-radius:20px;background:var(--gray)}
.cta-box h2{margin:0 0 10px;font-size:1.7rem}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:12px 28px;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;text-decoration:none}
.list{display:grid;gap:18px;padding:56px 0}
.card{display:block;padding:28px;border-radius:18px;background:var(--gray);text-decoration:none;color:var(--ink);transition:transform .2s}
.card:hover{transform:translateY(-3px)}
.card h2{font-weight:800;font-stretch:80%;font-size:1.7rem;line-height:1.1;margin-bottom:8px}
.card p{color:var(--mut);font-size:1rem}.card span{display:inline-block;margin-top:10px;font-weight:700;color:var(--red)}
footer{background:var(--ink);color:#C4BBD6;padding:40px 0;font-size:.95rem}
footer a{color:#fff}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}