:root{--brand:#7a3ef0;--brand-dark:#5a2bb6;--brand-soft:#efe8ff;--ink:#1b2230;--muted:#6a7080;--paper:#ffffff;--mist:#f6f7fb;--coal:#0e1016}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--mist);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{opacity:.85}
.display{font-weight:800;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin:0 0 .75rem}
.lead{font-weight:500;color:#1b2230cc;margin:0 0 1rem}
.wrap{max-width:1120px;margin:0 auto;padding:2rem}
.wrap.narrow{max-width:820px}
.ms{margin-left:.75rem}
.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;padding:.9rem 1.2rem;border-radius:.8rem;font-weight:700;border:2px solid transparent;transition:transform .12s ease,opacity .2s}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn.ghost{background:transparent;color:var(--brand);border-color:var(--brand)}
.chip{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0;color:#fff}
.chip i{margin-right:.35rem}
.hero{position:relative;color:#fff}
.hero .wrap{position:relative;z-index:2;padding-top:4rem;padding-bottom:3rem}
.gradient{background:linear-gradient(130deg,var(--brand) 0%,var(--brand-dark) 100%)}
.art{position:absolute;inset:auto -10% -12% -10%;height:240px;background:radial-gradient(60% 60% at 50% 30%,#ffffff33 0%,transparent 70%)}
.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.slab{padding:2.5rem 0}
.slab.light{background:var(--paper)}
.slab.dark{background:var(--coal);color:#f2f4ff}
.slab.tint{background:var(--brand-soft)}
.slab.image{background:var(--paper)}
.center{text-align:center}
.pagehead{background:var(--brand-soft)}
.pagehead .brand{display:inline-block;font-weight:800;color:var(--brand);margin-bottom:.5rem}
.pagehead .wrap{padding-top:2.5rem;padding-bottom:1.5rem}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--paper);border-radius:1rem;padding:1.25rem;box-shadow:0 6px 26px -18px rgba(27,34,48,.35); color: #0a0d1a}
.icon{font-size:1.35rem;color:var(--brand)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.grid figure{background:var(--paper);border-radius:1rem;overflow:hidden;box-shadow:0 6px 26px -18px rgba(27,34,48,.35)}
.grid figcaption{padding:.9rem}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.tick{padding:0;margin:.5rem 0 0 0;list-style:none}
.tick li{padding-left:1.25rem;position:relative;margin:.35rem 0}
.tick li::before{content:"✓";position:absolute;left:0;color:var(--brand)}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;background:var(--paper);border-left:6px solid var(--brand);padding:1rem;border-radius:.6rem;margin:.6rem 0;box-shadow:0 6px 26px -18px rgba(27,34,48,.35)}
.steps li strong{display:inline-block;width:8ch}
.form{max-width:760px}
.form label{display:block;font-weight:700;margin:.6rem 0 .35rem}
.form input,.form textarea{width:100%;border:2px solid #e3e6ef;border-radius:.8rem;padding:.9rem 1rem;font:inherit;background:#fff}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #7a3ef022}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.check{display:flex;align-items:flex-start;gap:.6rem;margin:.6rem 0 1rem}
.check input{margin-top:.3rem}
.foot{background:#0e1016;color:#bfc4d6}
.foot a{color:#bfc4d6}
.footgrid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:1rem;align-items:flex-start}
.foot .note{font-size:.95rem;color:#bfc4d6}
img.wide{width:100%;border-radius:1rem;box-shadow:0 8px 34px -20px rgba(0,0,0,.45)}
h1,h2,h3{margin:.2rem 0 .6rem}
h2{font-weight:800}
h3{font-weight:700}
.slabbg{background:linear-gradient(145deg,#fff 0%,#f7f8fc 100%)}
@media (max-width:980px){.cols,.grid,.duo,.row2,.footgrid{grid-template-columns:1fr}.art{height:180px}}
.hero{
    overflow: hidden;
}