﻿        body a,
        body a:hover,
        body a:focus {
            text-decoration: none !important;
        }

        /* ════════════════════════════════════════
           HERO — MOBILE FIXES
           Overrides minified style.css rules that
           make buttons stretch full-width and cause
           header overlap on small screens.
        ════════════════════════════════════════ */

        /* ── tablet (≤ 991px) ── */
        @media (max-width: 991px) {
            /* Soften dashboard card scaling */
            .hero-v2-dashboard {
                max-width: 460px;
            }
        }

        /* ── mobile (≤ 575px) ── */
        @media (max-width: 575px) {

            /* Enough top padding to clear announcement bar + sticky nav */
            .hero-v2 {
                padding: 170px 0 60px !important;
            }

            /* Headline — big, bold, eye-catching */
            .hero-v2-headline {
                font-size: 3rem !important;
                letter-spacing: -2px !important;
                line-height: 1.07 !important;
                margin-bottom: 20px !important;
                text-shadow: 0 2px 40px rgba(9,205,145,.18) !important;
            }

.hero-v2-subheadline {
                font-size: .93rem !important;
                line-height: 1.72 !important;
                margin-bottom: 28px !important;
                padding: 0 4px !important;
            }

            /* ── CTA buttons: centered, NOT full-width ── */
            .hero-v2-ctas {
                flex-direction: column !important;
                align-items: center !important;   /* was: stretch */
                gap: 12px !important;
                margin-bottom: 32px !important;
            }

            .hero-v2-btn-primary,
            .hero-v2-btn-secondary {
                width: auto !important;            /* was: 100% */
                min-width: 200px !important;
                max-width: 280px !important;
                justify-content: center !important;
                padding: 14px 28px !important;
                font-size: 15px !important;
                border-radius: 12px !important;
                letter-spacing: .15px !important;
            }

            .hero-v2-btn-primary {
                box-shadow: 0 6px 28px rgba(9,205,145,.4) !important;
            }

            /* ── Stats row ── */
            .hero-v2-stats {
                gap: 0 !important;
                background: rgba(255,255,255,.035) !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                border-radius: 14px !important;
                padding: 14px 8px !important;
                justify-content: space-evenly !important;
                margin-top: 8px !important;
            }

            .hero-v2-stat         { padding: 0 8px !important; }
            .hero-v2-stat-number  { font-size: 1.3rem !important; }
            .hero-v2-stat-label   { font-size: .62rem !important; letter-spacing: .5px !important; }
            .hero-v2-stat-divider { height: 28px !important; }

            /* Hide floating dashboard on very small screens */
            .hero-v2-float-card   { display: none !important; }
        }

        /* ── very small (≤ 375px) ── */
        @media (max-width: 375px) {
            .hero-v2 {
                padding: 175px 0 52px !important;
            }
            .hero-v2-headline {
                font-size: 1.9rem !important;
            }
            .hero-v2-btn-primary,
            .hero-v2-btn-secondary {
                min-width: 180px !important;
                max-width: 260px !important;
            }
        }

        /* ── FAQ ACCORDION ───────────────────────────────────── */
        .hp-faq-section { padding: 80px 0; }
        .hp-faq-label { display:inline-flex;align-items:center;gap:6px;background:rgba(9,205,145,.1);border:1px solid rgba(9,205,145,.25);border-radius:100px;padding:5px 14px;font-size:.72rem;font-weight:700;color:#09cd91;text-transform:uppercase;letter-spacing:.07em;margin-bottom:20px; }
        .hp-faq-title { font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:#fff;margin-bottom:12px;line-height:1.25; }
        .hp-faq-sub { color:rgba(200,208,220,.7);font-size:1rem;max-width:560px;margin:0 auto 48px; }
        .hp-faq-accordion .accordion-item { background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px!important;margin-bottom:10px;overflow:hidden; }
        .hp-faq-accordion .accordion-button { background:transparent;color:rgba(200,208,220,.92);font-size:.97rem;font-weight:600;padding:18px 22px;border-radius:14px!important;box-shadow:none!important; }
        .hp-faq-accordion .accordion-button:not(.collapsed) { color:#fff;background:rgba(9,205,145,.08); }
        .hp-faq-accordion .accordion-button::after { filter:invert(1) hue-rotate(100deg) brightness(1.4); }
        .hp-faq-accordion .accordion-body { color:rgba(200,208,220,.78);font-size:.93rem;line-height:1.75;padding:4px 22px 20px; }
