.hdr{padding:72px 0 40px;text-align:center;background:radial-gradient(ellipse at top,#eef2ff 0%,#ffffff 60%)}
    .hdr h1{font-size:46px;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin-bottom:14px}
    .hdr p{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto}

    .plans-section{padding:30px 0 72px}
    .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1160px;margin:0 auto}
    .plan{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:30px 26px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.03)}
    .plan.highlight{border:2px solid #4f46e5;box-shadow:0 10px 30px rgba(79,70,229,.15)}
    .plan .ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#4f46e5;color:#fff;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
    .plan h3{font-size:19px;font-weight:700;color:#111827;margin-bottom:6px}
    .plan .desc{font-size:13px;color:#6b7280;margin-bottom:18px;min-height:40px}
    .plan .price{font-size:40px;font-weight:800;color:#111827;line-height:1}
    .plan .price span{font-size:15px;font-weight:500;color:#6b7280}
    .plan .interval{font-size:13px;color:#9ca3af;margin-top:4px;margin-bottom:22px}
    .plan ul{list-style:none;margin:0 0 24px;font-size:14px;color:#374151}
    .plan li{padding:7px 0;display:flex;align-items:center;gap:10px}
    .plan li.dim{color:#d1d5db;text-decoration:line-through}

    .faq{padding:60px 0 40px;max-width:760px;margin:0 auto}
    .faq h2{font-size:28px;font-weight:800;text-align:center;margin-bottom:32px;color:#0f172a}
    .q{border-top:1px solid #f1f5f9;padding:22px 0}
    .q h4{font-size:16px;font-weight:700;color:#111827;margin-bottom:6px}
    .q p{font-size:14px;color:#6b7280;line-height:1.65}

    /* ───── Extracted from former inline style="" attributes
       (CodeCanyon compliance — keep styles in CSS, not in markup). ───── */

    /* Full-width primary CTA used inside each pricing card. */
    .plan .btn.is-full-width{
        width:100%;
        text-align:center;
    }