:root{--accent:#0f6fff;--muted:#6b7280;--bg:#f8fafc;--card:#ffffff;--rounded:16px}
    *{box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,Segoe UI,Arial;line-height:1.45;color:#0f1724;background:var(--bg);margin:0}
    .container{max-width:1100px;margin:0 auto;padding:28px}

    /* header / hero */
    header{display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:flex;align-items:center;gap:12px}
    .logo{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#6ee7b7);display:flex;align-items:center;justify-content:center;color:white;font-weight:700}
    nav a{margin-left:18px;color:var(--muted);text-decoration:none;font-weight:600}

    .hero{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:center;margin-top:36px}
    .badge{display:inline-block;background:#e6f0ff;color:var(--accent);font-weight:600;padding:6px 10px;border-radius:999px;font-size:13px}
    h1{font-size:34px;margin:14px 0 10px}
    p.lead{color:var(--muted);margin:0 0 18px}
    .cta-row{display:flex;gap:12px;align-items:center}
    .btn{background:var(--accent);color:white;padding:12px 18px;border-radius:12px;border:0;font-weight:700;cursor:pointer}
    .btn.ghost{background:transparent;color:var(--accent);border:1px solid rgba(15,111,255,0.12)}

    .card-hero{background:var(--card);border-radius:16px;padding:16px;border:1px solid rgba(2,6,23,0.04);box-shadow:0 6px 24px rgba(2,6,23,0.04)}
    .price{font-weight:700;font-size:20px}
    .bullet{display:flex;gap:10px;align-items:center;color:var(--muted);margin-top:8px}

    /* blocks */
    section.block{margin-top:36px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .feature{background:var(--card);padding:18px;border-radius:12px;border:1px solid rgba(2,6,23,0.04)}

    .testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .testimonial{background:linear-gradient(180deg, #ffffff, #fbfbff);padding:18px;border-radius:12px;border:1px solid rgba(2,6,23,0.04)}

    .faq{display:grid;gap:12px}
    .faq-item{background:var(--card);padding:14px;border-radius:10px;border:1px solid rgba(2,6,23,0.04)}

    footer{margin:48px 0 24px;color:var(--muted);font-size:14px;text-align:center}

    /* responsive */
    @media (max-width:980px){.hero{grid-template-columns:1fr} .testimonials{grid-template-columns:1fr} .grid-3{grid-template-columns:1fr 1fr} }
    @media (max-width:560px){.grid-3{grid-template-columns:1fr} header{flex-direction:column;align-items:flex-start} nav{margin-top:8px} h1{font-size:26px} .container{padding:18px}}