:root{
            --primary:#2563eb;
            --primary-dark:#1e40af;
            --ink:#0f172a;
            --muted:#64748b;
            --bg:#f4f7fc;
            --card:#ffffff;
            --radius-xl:28px;
            --radius-lg:18px;
        }
        *{box-sizing:border-box}
        body{
            margin:0;
            font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
            background:var(--bg);
            color:var(--ink);
            scroll-behavior: smooth;
        }
        .container{max-width:1200px;margin:auto;padding:32px}
        section{margin-bottom:96px}
        h1{font-size:44px;line-height:1.15; color: var(--ink);}
        h2{font-size:32px;margin-bottom:24px; text-align: center;}
        h3{font-size:22px;margin-bottom:12px}
        p{line-height:1.75;color:var(--muted)}

        /* HERO */
        .hero{
            display:grid;
            grid-template-columns:1.1fr .9fr;
            gap:48px;
            align-items:center;
        }
        .hero img{width:100%;border-radius:var(--radius-xl); box-shadow: 0 20px 40px rgba(0,0,0,0.05);}

        .badge{
            display:inline-block;
            background:rgba(37,99,235,.08);
            color:var(--primary);
            padding:8px 16px;
            border-radius:999px;
            font-size:14px;
            margin-bottom:16px;
            font-weight: 600;
        }
        .btn{
            display:inline-block;
            background:linear-gradient(135deg,var(--primary),var(--primary-dark));
            color:#fff;
            padding:16px 34px;
            border-radius:999px;
            text-decoration:none;
            font-weight:600;
            margin-top:24px;
            transition: transform 0.3s ease;
        }
        .btn:hover{ transform: scale(1.05); color: #fff; }

        .grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
            gap:32px;
        }
        .card{
            background:var(--card);
            border-radius:var(--radius-lg);
            padding:32px;
            transition: all 0.3s ease;
        }
        .card:hover{ transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        .card img{
            width:100%;
            border-radius:14px;
            margin-bottom:16px;
        }

        /* FAQ Section */
        .faq-item {
            background: var(--card);
            margin-bottom: 16px;
            border-radius: var(--radius-lg);
            padding: 24px;
        }
        .faq-item h3 { color: var(--primary); margin-top: 0; }

        /* WhatsApp Float */
        .wa-float {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background: #25d366;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            z-index: 1000;
            text-decoration: none;
        }

        @media(max-width:960px){
            .hero{grid-template-columns:1fr}
            h1{font-size:34px}
            .container{padding:20px}
        }