:root{
  --grad:linear-gradient(110deg,#8149ff 0%,#b456f3 48%,#ff7a18 100%);
  --text:#211c28;
  --muted:#756d7d;
  --border:#e9e3ee;
  --bg:#f8f6fb;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Montserrat,Arial,sans-serif;color:var(--text);background:var(--bg)}
body{background:radial-gradient(circle at 10% 0%,rgba(129,73,255,.12),transparent 30%),radial-gradient(circle at 92% 8%,rgba(255,122,24,.08),transparent 28%),var(--bg)}
a{color:#704a91}
.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,255,255,.88);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}
.logo{text-decoration:none;color:var(--text);font-size:12px;font-weight:800;letter-spacing:.5px}
.logo span{display:block;font-size:7px;color:#999;letter-spacing:.8px;margin-top:2px}
.note{font-size:7px;font-weight:700;letter-spacing:.65px;color:#7a7180}
.shell{width:min(900px,92vw);margin:50px auto 70px}
.card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:42px;box-shadow:0 24px 70px rgba(45,20,75,.08);position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--grad)}
.kicker{font-size:7px;font-weight:800;letter-spacing:1px;color:#72479c}
h1{font-size:34px;letter-spacing:-1.2px;margin:14px 0 10px}
.lead{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 30px}
h2{font-size:16px;letter-spacing:-.4px;margin:30px 0 10px}
p,li{font-size:9px;line-height:1.8;color:#615967}
ul{padding-left:20px}
.callout{margin:22px 0;padding:17px;border:1px solid #e7def0;border-radius:14px;background:#fbf9fd}
.callout strong{display:block;font-size:9px;margin-bottom:5px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.button{min-height:42px;padding:0 15px;border-radius:11px;background:var(--grad);color:#fff;text-decoration:none;font-size:8px;font-weight:800;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center}
.button.secondary{background:#fff;color:var(--text);border:1px solid var(--border)}
footer{width:min(900px,92vw);margin:0 auto 35px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:7px;color:#918996}
footer nav{display:flex;gap:14px;flex-wrap:wrap}
footer a{text-decoration:none;color:#706777;font-weight:700}
@media(max-width:650px){.note{display:none}.card{padding:30px 22px}h1{font-size:28px}}