:root{
    --bg:#fffefd; --text:#232323; --muted:#6b6b6b; --brand:#7a5cff; --brand2:#ff7a88; --surface:#ffffff; --surfaceAlt:#faf7ff;
    }
    *{box-sizing:border-box}
    body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial; color:var(--text);background:var(--bg)}
    img{max-width:100%;display:block}
    a{color:var(--brand);text-decoration:none}
    a:hover{text-decoration:underline}
    
    
    .container{width:min(1100px,92%);margin:0 auto}
    .section{padding:56px 0}
    .section.alt{background:var(--surfaceAlt)}
    
    
    .hero{padding:80px 0 40px;background:linear-gradient(180deg,#fff 0,var(--surfaceAlt) 100%);text-align:center}
    .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.9rem;margin:0 0 8px}
    .title{margin:0;font-weight:800;font-size:clamp(40px,6vw,72px);line-height:1.05}
    .title span{color:var(--brand2)}
    .subtitle{margin:8px 0 16px;color:var(--muted)}
    .nav{display:inline-flex;gap:16px;flex-wrap:wrap;justify-content:center}
    .nav a{padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid #eee}
    
    
    h2{margin:0 0 12px}
    .bullets{margin:0;padding-left:18px}
    
    
    .footer{padding:32px 0 56px;text-align:center;color:var(--muted)}