/* Billboard242 Option 1 — Clean & Modern Light */
:root{
  --bb-blue:#0877d1;--bb-blue-dark:#075fa6;--bb-sky:#16afe5;--bb-yellow:#ffd21a;
  --bb-navy:#0d1b34;--bb-text:#111827;--bb-muted:#667085;--bb-bg:#f7f9fc;
  --bb-line:#e5eaf1;--bb-white:#fff;--bb-radius:16px;--bb-shadow:0 18px 50px rgba(13,27,52,.09);
}
html{scroll-behavior:smooth} body{background:var(--bb-bg)!important;color:var(--bb-text)!important;font-family:Inter,Arial,sans-serif!important}
.container{max-width:1240px!important;padding-left:24px!important;padding-right:24px!important}
.navbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(13,27,52,.07)!important;box-shadow:0 4px 22px rgba(13,27,52,.04)!important;padding:12px 0!important;backdrop-filter:blur(16px)}
.navbar .logo img{height:48px!important;max-width:210px!important;object-fit:contain}.nav-menu{gap:28px!important}.nav-menu a{color:#263244!important;font-weight:600!important;font-size:14px!important}.nav-menu a:hover,.nav-menu a.active{color:var(--bb-blue)!important}.nav-menu a::after{background:var(--bb-blue)!important}.nav-menu .btn-nav{background:var(--bb-blue)!important;color:#fff!important;border-radius:9px!important;padding:12px 20px!important;box-shadow:0 8px 22px rgba(8,119,209,.22)!important}.nav-menu .btn-nav:hover{background:var(--bb-blue-dark)!important;transform:translateY(-1px)}
.hero{min-height:720px!important;background:#fff!important;padding-top:78px!important;display:flex!important;align-items:center!important;overflow:hidden!important}.hero-bg{right:0!important;left:auto!important;width:57%!important;height:100%!important;clip-path:none!important}.hero-bg img,.hero-bg video{object-fit:cover!important;object-position:center!important}.hero-bg .overlay{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 12%,rgba(255,255,255,.70) 35%,rgba(255,255,255,.06) 70%)!important}.hero-bg .glow,.hero-bg .glow-2{display:none!important}.hero .container{width:100%!important;position:relative!important;z-index:2!important}.hero-content{max-width:600px!important;color:var(--bb-text)!important}.hero .badge{background:#eef7ff!important;border:1px solid #d8ecff!important;color:var(--bb-blue)!important;box-shadow:none!important}.hero .badge .dot{background:var(--bb-yellow)!important}.hero h1{color:#0a1020!important;font-size:clamp(44px,5.2vw,72px)!important;line-height:1.02!important;letter-spacing:-.045em!important;text-shadow:none!important}.hero .gradient-text,.highlight,.section-title .highlight{background:none!important;color:var(--bb-blue)!important;-webkit-text-fill-color:initial!important}.hero p{color:var(--bb-muted)!important;max-width:560px!important;font-size:18px!important}.hero-stats{background:#fff!important;border:1px solid var(--bb-line)!important;border-radius:14px!important;box-shadow:0 12px 32px rgba(13,27,52,.07)!important;padding:14px 18px!important;gap:0!important}.hero-stats .stat-item{padding:0 22px!important;border-right:1px solid var(--bb-line)!important}.hero-stats .stat-item:first-child{padding-left:0!important}.hero-stats .stat-item:last-child{border:0!important}.hero-stats .num{color:var(--bb-navy)!important}.hero-stats .label{color:var(--bb-muted)!important}.btn-primary,.pricing-btn,.submit-btn,.cta-btn-primary{background:var(--bb-blue)!important;border:1px solid var(--bb-blue)!important;color:#fff!important;border-radius:9px!important;box-shadow:0 10px 24px rgba(8,119,209,.2)!important}.btn-primary:hover,.pricing-btn:hover,.submit-btn:hover,.cta-btn-primary:hover{background:var(--bb-blue-dark)!important;border-color:var(--bb-blue-dark)!important;transform:translateY(-2px)!important}.btn-secondary,.cta-btn-secondary{background:#fff!important;border:1px solid #cfd7e3!important;color:var(--bb-navy)!important;border-radius:9px!important;box-shadow:none!important}.btn-secondary:hover,.cta-btn-secondary:hover{border-color:var(--bb-blue)!important;color:var(--bb-blue)!important;background:#f6fbff!important}
section:not(.hero){background:var(--bb-bg)!important}.live-section,.howitworks-section,.services-section,.pricing-section,.testimonials-section{padding-top:88px!important;padding-bottom:88px!important}.section-badge,.live-network-badge{background:#eef7ff!important;color:var(--bb-blue)!important;border:1px solid #d8ecff!important}.section-title{color:var(--bb-navy)!important;font-size:clamp(34px,4vw,54px)!important;letter-spacing:-.035em!important}.section-subtitle{color:var(--bb-muted)!important}
.live-card,.hiw-step,.service-card,.testimonial-card,.pricing-card,.location-card,.contact-card,.form-card,.quote-card,.info-card,.faq-item{background:#fff!important;border:1px solid var(--bb-line)!important;border-radius:var(--bb-radius)!important;box-shadow:0 8px 28px rgba(13,27,52,.055)!important}.live-card:hover,.hiw-step:hover,.service-card:hover,.testimonial-card:hover,.pricing-card:hover,.location-card:hover{transform:translateY(-5px)!important;box-shadow:var(--bb-shadow)!important;border-color:#c9e4f8!important}.hiw-step .step-number,.icon-wrap,.service-icon{background:#eaf5ff!important;color:var(--bb-blue)!important}.pricing-card{overflow:hidden!important}.pricing-header,.headline-header{background:linear-gradient(145deg,#10213f,#0c1930)!important;border-bottom:4px solid var(--bb-yellow)!important}.pricing-card.popular{border:2px solid var(--bb-yellow)!important;transform:none!important}.popular-badge{background:var(--bb-yellow)!important;color:#101828!important}.pricing-name,.pricing-price{color:#fff!important}.pricing-details{color:#d5deeb!important}.pricing-features li i{color:var(--bb-blue)!important}.tier-tab.active{background:var(--bb-blue)!important;color:#fff!important}.tier-description{background:#fff!important;border:1px solid var(--bb-line)!important;border-radius:var(--bb-radius)!important;box-shadow:0 8px 28px rgba(13,27,52,.05)!important}.tier-badge-label,.tab-badge{background:#eaf5ff!important;color:var(--bb-blue)!important}.page-hero{background:linear-gradient(135deg,#f7fbff 0%,#fff 58%,#eef8ff 100%)!important;color:var(--bb-navy)!important;padding-top:150px!important}.page-hero::before,.page-hero::after{opacity:.3!important}.page-hero h1,.page-hero .hero-title{color:var(--bb-navy)!important;text-shadow:none!important}.page-hero p{color:var(--bb-muted)!important}.page-hero .hero-stats{background:#fff!important}
input,select,textarea,.form-control{background:#fff!important;border:1px solid #d7dee9!important;border-radius:10px!important;color:var(--bb-text)!important;box-shadow:none!important}input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--bb-blue)!important;box-shadow:0 0 0 4px rgba(8,119,209,.1)!important;outline:none!important}.footer,footer{background:#0d1b34!important;color:#dbe4f0!important}.footer a,footer a{color:#dbe4f0!important}.footer a:hover,footer a:hover{color:var(--bb-yellow)!important}
@media(max-width:900px){.navbar .logo img{height:42px!important}.mobile-toggle{color:var(--bb-navy)!important}.nav-menu{background:#fff!important;border-top:1px solid var(--bb-line)!important;box-shadow:0 18px 38px rgba(13,27,52,.12)!important}.hero{min-height:auto!important;padding:125px 0 0!important;display:block!important}.hero-bg{position:relative!important;width:100%!important;height:390px!important;margin-top:38px!important}.hero-bg .overlay{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.2) 35%,rgba(255,255,255,0) 100%)!important}.hero-content{max-width:none!important}.hero h1{font-size:clamp(40px,10vw,58px)!important}.hero-stats{flex-wrap:wrap!important}.hero-stats .stat-item{flex:1 1 30%!important}.page-hero{padding-top:125px!important}}
@media(max-width:600px){.container{padding-left:18px!important;padding-right:18px!important}.hero{padding-top:110px!important}.hero h1{font-size:40px!important}.hero p{font-size:16px!important}.hero-buttons{display:grid!important;grid-template-columns:1fr!important}.hero-buttons a{justify-content:center!important}.hero-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:12px 8px!important}.hero-stats .stat-item{padding:0 8px!important}.hero-stats .num{font-size:20px!important}.hero-stats .label{font-size:10px!important}.hero-bg{height:300px!important}.section-title{font-size:34px!important}.pricing-grid{grid-template-columns:1fr!important}}


/* 2026 responsive refinement: keep the complete hero composition inside the banner */
@media(max-width:900px){
  .hero{position:relative!important;min-height:690px!important;padding:92px 0 28px!important;display:flex!important;align-items:center!important;background:#0d1b34!important;isolation:isolate!important}
  .hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;z-index:-2!important}
  .hero-bg img,.hero-bg video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
  .hero-bg .overlay{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(6,16,32,.93) 0%,rgba(6,16,32,.76) 52%,rgba(6,16,32,.30) 100%)!important}
  .hero .container{display:flex!important;align-items:center!important;min-height:570px!important}
  .hero-content{max-width:610px!important;color:#fff!important;padding:28px 0!important}
  .hero h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.28)!important}
  .hero p{color:rgba(255,255,255,.86)!important}
  .hero .badge{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;backdrop-filter:blur(10px)!important}
  .hero-stats{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(12px)!important;box-shadow:none!important}
  .hero-stats .stat-item{border-color:rgba(255,255,255,.20)!important}
  .hero-stats .num{color:#fff!important}.hero-stats .label{color:rgba(255,255,255,.74)!important}
  .hero .btn-secondary{background:rgba(255,255,255,.96)!important}
}
@media(max-width:600px){
  .hero{min-height:620px!important;padding:84px 0 20px!important}
  .hero .container{min-height:516px!important;padding-left:16px!important;padding-right:16px!important}
  .hero-content{padding:18px 0!important}
  .hero h1{font-size:clamp(31px,9.5vw,43px)!important;line-height:1.03!important;margin-bottom:14px!important}
  .hero p{font-size:14px!important;line-height:1.55!important;margin-bottom:16px!important;max-width:94%!important}
  .hero .badge{font-size:10px!important;padding:7px 10px!important;margin-bottom:14px!important}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:14px 0!important;padding:10px 5px!important}
  .hero-stats .stat-item{padding:0 5px!important;min-width:0!important}
  .hero-stats .num{font-size:17px!important}.hero-stats .label{font-size:8px!important;white-space:normal!important}
  .hero-buttons{display:flex!important;flex-direction:row!important;gap:8px!important;width:100%!important;align-items:stretch!important}
  .hero-buttons a{flex:1 1 0!important;min-width:0!important;padding:11px 8px!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;justify-content:center!important}
  .hero-buttons a i{font-size:11px!important;margin-right:4px!important}
}
@media(max-width:390px){.hero-buttons a{font-size:10px!important;padding:10px 5px!important}.hero h1{font-size:30px!important}}
.password-wrap{position:relative}.password-wrap input{padding-right:46px!important}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#667085;cursor:pointer;padding:8px;font-size:16px}


/* 2026 visibility and mobile responsiveness corrections */
section:not(.hero):not(.dark-section):not(.cta-section):not(.footer) h1,
section:not(.hero):not(.dark-section):not(.cta-section):not(.footer) h2,
section:not(.hero):not(.dark-section):not(.cta-section):not(.footer) h3,
section:not(.hero):not(.dark-section):not(.cta-section):not(.footer) h4,
section:not(.hero):not(.dark-section):not(.cta-section):not(.footer) h5,
section:not(.hero):not(.dark-section):not(.cta-section):not(.footer) p,
section:not(.hero):not(.dark-section):not(.cta-section):not(.footer) li,
section:not(.hero):not(.dark-section):not(.cta-section):not(.footer) label,
.card h1,.card h2,.card h3,.card h4,.card p,.card li,
.live-card h1,.live-card h2,.live-card h3,.live-card h4,.live-card p,
.hiw-step h1,.hiw-step h2,.hiw-step h3,.hiw-step h4,.hiw-step p,
.service-card h1,.service-card h2,.service-card h3,.service-card h4,.service-card p,
.testimonial-card h1,.testimonial-card h2,.testimonial-card h3,.testimonial-card h4,.testimonial-card p,
.location-card h1,.location-card h2,.location-card h3,.location-card h4,.location-card p,
.contact-card h1,.contact-card h2,.contact-card h3,.contact-card h4,.contact-card p,
.form-card h1,.form-card h2,.form-card h3,.form-card h4,.form-card p,
.quote-card h1,.quote-card h2,.quote-card h3,.quote-card h4,.quote-card p,
.info-card h1,.info-card h2,.info-card h3,.info-card h4,.info-card p,
.faq-item h1,.faq-item h2,.faq-item h3,.faq-item h4,.faq-item p {
  color:var(--bb-text)!important;
}
section:not(.hero) .section-title{color:var(--bb-navy)!important}
section:not(.hero) .section-subtitle{color:var(--bb-muted)!important}
.pricing-header h1,.pricing-header h2,.pricing-header h3,.pricing-header h4,
.pricing-header p,.pricing-header span,.pricing-header i,
.headline-header h1,.headline-header h2,.headline-header h3,.headline-header h4,
.headline-header p,.headline-header span,.headline-header i,
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section p,
.cta-section h1,.cta-section h2,.cta-section h3,.cta-section h4,.cta-section p,
footer h1,footer h2,footer h3,footer h4,footer p,.footer h1,.footer h2,.footer h3,.footer h4,.footer p{color:inherit!important}

.password-wrap{position:relative!important;display:block!important}
.password-wrap input{width:100%!important;padding-right:52px!important}
.password-wrap .password-toggle{position:absolute!important;right:8px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#667085!important;z-index:5!important}
.password-wrap .password-toggle:hover{transform:translateY(-50%)!important;background:#eef4fb!important;color:var(--bb-blue)!important}

@media(max-width:900px){
  .hero{position:relative!important;min-height:680px!important;padding:82px 0 24px!important;display:flex!important;align-items:center!important;background:#0d1b34!important;overflow:hidden!important;isolation:isolate!important}
  .hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;z-index:-2!important}
  .hero-bg img,.hero-bg video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
  .hero-bg .overlay{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(5,14,29,.94) 0%,rgba(5,14,29,.80) 55%,rgba(5,14,29,.38) 100%)!important}
  .hero .container{display:flex!important;align-items:center!important;min-height:560px!important;width:100%!important}
  .hero-content{max-width:620px!important;padding:24px 0!important;color:#fff!important}
  .hero h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.32)!important}
  .hero p{color:rgba(255,255,255,.88)!important}
  .hero .badge{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
  .hero-stats{background:rgba(7,19,38,.48)!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(12px)!important;box-shadow:none!important}
  .hero-stats .num{color:#fff!important}.hero-stats .label{color:rgba(255,255,255,.78)!important}
}
@media(max-width:600px){
  .hero{min-height:610px!important;padding:76px 0 18px!important}
  .hero .container{min-height:510px!important;padding-left:14px!important;padding-right:14px!important}
  .hero-content{padding:14px 0!important;width:100%!important}
  .hero h1{font-size:clamp(29px,9vw,39px)!important;line-height:1.02!important;margin-bottom:12px!important}
  .hero p{font-size:13px!important;line-height:1.48!important;margin-bottom:13px!important;max-width:96%!important}
  .hero .badge{font-size:9px!important;padding:6px 9px!important;margin-bottom:12px!important}
  .hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:12px 0!important;padding:9px 4px!important;gap:0!important}
  .hero-stats .stat-item{padding:0 4px!important;min-width:0!important}
  .hero-stats .num{font-size:16px!important}.hero-stats .label{font-size:8px!important;line-height:1.2!important;white-space:normal!important}
  .hero-buttons{display:flex!important;flex-direction:row!important;gap:6px!important;width:100%!important;align-items:stretch!important;flex-wrap:nowrap!important}
  .hero-buttons a{flex:1 1 50%!important;width:auto!important;min-width:0!important;max-width:none!important;padding:10px 5px!important;font-size:10px!important;line-height:1.15!important;white-space:nowrap!important;justify-content:center!important;text-align:center!important}
  .hero-buttons a i{font-size:10px!important;margin-right:3px!important}
}
@media(max-width:360px){.hero-buttons a{font-size:9px!important;padding:9px 3px!important}.hero h1{font-size:28px!important}}
/* BILLBOARD242 FINAL RESPONSIVE HOMEPAGE FIXES 2026-07-22 */

/* Footer branding */
.footer-brand-logo {
    display: block;
    width: min(190px, 100%);
    height: auto;
    border-radius: 5%;
    margin: 0 0 14px;
}

/* Scorecard must use readable dark text */
.scorecard-section {
    background: #ffffff !important;
    color: #0b1728 !important;
}
.scorecard-section .section-title,
.scorecard-section .section-subtitle,
.scorecard-section .scorecard-table,
.scorecard-section .scorecard-table th,
.scorecard-section .scorecard-table td,
.scorecard-section .legend {
    color: #0b1728 !important;
}
.scorecard-section .section-badge {
    background: rgba(11,23,40,.06) !important;
    color: #0b1728 !important;
    border-color: rgba(11,23,40,.12) !important;
}
.scorecard-table {
    background: #ffffff !important;
    border: 1px solid rgba(11,23,40,.10) !important;
}
.scorecard-table th {
    background: #f5f7fa !important;
}
.scorecard-table td:first-child {
    background: #fafbfc !important;
}
.scorecard-table th,
.scorecard-table td {
    border-bottom-color: rgba(11,23,40,.09) !important;
}
.scorecard-section .legend { opacity: 1 !important; }

/* Be Seen / Be Everywhere wording */
.cta-section h2,
.cta-section h2 span,
.cta-section p {
    color: #0b1728 !important;
}

@media (max-width: 768px) {
    /* Keep the hero compact and visually equivalent to desktop. */
    .hero {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
    }
    .hero-bg img,
    .hero-bg video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
    .hero-bg .overlay {
        background: linear-gradient(90deg, rgba(10,22,40,.88) 0%, rgba(10,22,40,.62) 52%, rgba(10,22,40,.18) 100%) !important;
    }
    .hero > .container {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }
    .hero-content {
        width: 76% !important;
        max-width: 76% !important;
        padding: 66px 0 14px !important;
    }
    .hero-content .badge {
        font-size: 7px !important;
        padding: 3px 8px !important;
        margin-bottom: 6px !important;
        gap: 5px !important;
    }
    .hero-content .badge .dot { width: 5px !important; height: 5px !important; }
    .hero-content h1 {
        font-size: clamp(1.2rem, 4.7vw, 1.9rem) !important;
        line-height: 1.01 !important;
        margin-bottom: 5px !important;
    }
    .hero-content p {
        font-size: clamp(.58rem, 2vw, .78rem) !important;
        line-height: 1.25 !important;
        margin-bottom: 7px !important;
        max-width: 95% !important;
    }
    .hero-stats {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        margin-bottom: 8px !important;
    }
    .hero-stats .stat-item .num {
        display: block !important;
        font-size: .84rem !important;
        line-height: 1 !important;
    }
    .hero-stats .stat-item .label {
        display: block !important;
        font-size: 7px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }
    .hero-buttons {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        width: auto !important;
    }
    .hero-buttons .btn-primary,
    .hero-buttons .btn-secondary {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 1 auto !important;
        justify-content: center !important;
        padding: 7px 9px !important;
        font-size: 8.5px !important;
        line-height: 1 !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    /* Two live screens per row on every mobile width. */
    .live-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .live-card { border-radius: 12px !important; }
    .live-card .info { padding: 9px 9px 11px !important; }
    .live-card .info h4 { font-size: 11px !important; line-height: 1.25 !important; }
    .live-card .info p { font-size: 9px !important; }
    .live-card .stage .status-badge {
        top: 6px !important;
        left: 6px !important;
        padding: 3px 6px !important;
        font-size: 7px !important;
    }

    /* Compact CTA buttons stay on one row. */
    .cta-section .cta-buttons {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        align-items: stretch !important;
    }
    .cta-section .btn-cta-primary,
    .cta-section .btn-cta-secondary {
        width: auto !important;
        min-width: 0 !important;
        flex: 1 1 0 !important;
        justify-content: center !important;
        padding: 10px 9px !important;
        font-size: 11px !important;
        gap: 5px !important;
        white-space: nowrap !important;
    }

    /* Newsletter remains a single line on mobile. */
    .footer .newsletter-form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        align-items: stretch !important;
    }
    .footer .newsletter-form input {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        padding: 10px !important;
        font-size: 12px !important;
    }
    .footer .newsletter-form button {
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 10px 12px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .hero-content {
        width: 80% !important;
        max-width: 80% !important;
        padding: 54px 0 9px !important;
    }
    .hero-content .badge { display: none !important; }
    .hero-content h1 { font-size: clamp(.95rem, 4.8vw, 1.3rem) !important; }
    .hero-content p { font-size: .53rem !important; margin-bottom: 5px !important; }
    .hero-stats { gap: 8px !important; margin-bottom: 6px !important; }
    .hero-stats .stat-item .num { font-size: .69rem !important; }
    .hero-stats .stat-item .label { font-size: 5.8px !important; }
    .hero-buttons .btn-primary,
    .hero-buttons .btn-secondary {
        width: auto !important;
        padding: 5px 7px !important;
        font-size: 7.3px !important;
    }
    .live-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .footer .newsletter-form { flex-direction: row !important; }
}

/* 2026-07-24 FINAL FULL-WIDTH DESKTOP HERO BACKGROUND */
.hero{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:680px!important;
  height:min(100vh,900px)!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#081426!important;
  padding:82px 0 24px!important;
}
.hero-bg{
  position:absolute!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  z-index:0!important;
  clip-path:none!important;
  overflow:hidden!important;
}
.hero-bg video,.hero-bg img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.hero-bg .overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(5,14,29,.92) 0%,rgba(5,14,29,.68) 50%,rgba(5,14,29,.26) 100%)!important;
}
.hero>.container{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  height:100%!important;
  min-height:560px!important;
  display:flex!important;
  align-items:center!important;
}
.hero-content{
  position:relative!important;
  z-index:4!important;
  color:#fff!important;
}
.hero h1{color:#fff!important}
.hero p{color:rgba(255,255,255,.88)!important}

@media(max-width:768px){
  .hero{
    min-height:620px!important;
    height:auto!important;
    aspect-ratio:auto!important;
    padding:84px 0 20px!important;
  }
  .hero>.container{min-height:516px!important}
  .hero-bg{position:absolute!important;width:100%!important;height:100%!important;margin:0!important}
}

/* 2026-07-24 HERO TITLE AND COMPACT STATS FINAL OVERRIDE */
.hero h1,
.hero h1 .gradient-text,
.hero .gradient-text,
.hero h1 span {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:none!important;
  text-shadow:0 2px 18px rgba(0,0,0,.32)!important;
}
.hero-stats {
  display:inline-flex!important;
  width:auto!important;
  max-width:620px!important;
  align-self:flex-start!important;
  padding:10px 12px!important;
  gap:0!important;
  border-radius:14px!important;
  background:rgba(7,19,38,.48)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.hero-stats .stat-item {
  flex:0 0 auto!important;
  min-width:118px!important;
  padding:0 14px!important;
  border-right:1px solid rgba(255,255,255,.2)!important;
}
.hero-stats .stat-item:first-child {padding-left:8px!important;}
.hero-stats .stat-item:last-child {padding-right:8px!important;border-right:0!important;}
.hero-stats .num {color:#fff!important;}
.hero-stats .label {color:rgba(255,255,255,.78)!important;}
@media(max-width:768px){
  .hero-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    max-width:430px!important;
    padding:9px 5px!important;
  }
  .hero-stats .stat-item{
    min-width:0!important;
    padding:0 6px!important;
  }
}