/* ========== CSS VARIABLES ========== */
:root{
  --bg:#0A1518;
  --bg2:#0D1E22;
  --text:#F8FAFB;
  --muted:#B4BFC4;
  --brand:#00B8C4;
  --brand-hover:#00A3AE;
  --gold:#E2C675;
  --card:#0F1D21;
  --success:#10B981;
  --radius:16px;
  --shadow:0 12px 40px rgba(0,0,0,.3);
  --pad:clamp(16px,3vw,28px);
  --max:1240px;
  --header-h:70px;
  --ease-out:cubic-bezier(.22,.61,.36,1);
}

/* ========== BASE STYLES ========== */
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 20px);-webkit-tap-highlight-color:transparent}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Cairo',system-ui,-apple-system,Segoe UI,Roboto;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}

.container{width:min(var(--max),92vw);margin-inline:auto}
a{color:inherit;text-decoration:none;transition:.2s ease}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-family:'Tajawal',sans-serif;font-weight:700;line-height:1.3;margin:0}
p{margin:0 0 1rem}

/* ========== BUTTONS (Touch-Optimized 48x48px minimum) ========== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:1rem 1.6rem;border-radius:999px;background:var(--brand);color:#001F22;
  font-weight:700;font-size:1.05rem;border:0;min-height:48px;min-width:48px;cursor:pointer;
  transition:all .25s var(--ease-out);box-shadow:0 4px 14px rgba(0,184,196,.35);
  text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.btn:hover,.btn:focus{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,184,196,.5);background:var(--brand-hover)}
.btn:active{transform:translateY(-1px)}
.btn-outline{background:transparent;border:2px solid var(--brand);color:var(--brand);box-shadow:none}
.btn-outline:hover,.btn-outline:focus{background:rgba(0,184,196,.12);border-color:var(--brand-hover)}
.btn-sm{padding:.7rem 1.2rem;font-size:.95rem;min-height:44px}

/* ========== UTILITIES ========== */
.muted{color:var(--muted)}
.success{color:var(--success)}
.center{text-align:center}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:2rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:2rem}

/* ========== HEADER (Sticky with Backdrop Blur) ========== */
.header{
  position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(10,21,24,.8);
  backdrop-filter:blur(8px);transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05);
}
.header.scrolled{
  background:rgba(10,21,24,.95);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.4);
  border-bottom-color:rgba(0,184,196,.2);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px var(--pad);gap:1rem;height:var(--header-h)}
.brand{display:flex;align-items:center;gap:.9rem;font-family:'Tajawal';font-weight:900;font-size:clamp(20px,3vw,26px);color:var(--brand);letter-spacing:.4px;z-index:101}
.brand-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--brand),var(--gold));border-radius:14px;display:grid;place-items:center;font-size:26px;flex-shrink:0}

/* Desktop Navigation */
.nav-links{display:none;gap:.4rem;align-items:center}
.nav-links a{padding:.8rem 1rem;border-radius:12px;font-weight:600;font-size:.98rem;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.nav-links a:hover,.nav-links a:focus{background:rgba(255,255,255,.08)}

/* Hamburger Button */
.burger{
  display:grid;place-items:center;width:48px;height:48px;border-radius:12px;border:2px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);cursor:pointer;transition:.2s;z-index:101;font-size:24px;color:var(--text);
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.burger:hover,.burger:focus{background:rgba(255,255,255,.1);outline:none}
.burger:active{transform:scale(.95)}
.burger.active{background:rgba(255,255,255,.15)}
@media(min-width:1000px){.nav-links{display:flex}.burger{display:none}}

/* ========== MOBILE MENU (Full-screen overlay) ========== */
.drawer{
  position:fixed;inset:0;z-index:99;display:flex;flex-direction:column;background:rgba(10,21,24,.97);
  backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow:hidden;
}
.drawer.active{opacity:1;visibility:visible}
.drawer-close{
  position:absolute;top:12px;left:12px;width:52px;height:52px;display:grid;place-items:center;background:rgba(255,255,255,.1);
  border:2px solid rgba(255,255,255,.2);border-radius:50%;font-size:32px;color:var(--text);cursor:pointer;transition:.25s var(--ease-out);
  z-index:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.drawer-close:hover,.drawer-close:focus{background:rgba(255,255,255,.2);transform:rotate(90deg) scale(1.1);outline:none}
.drawer-close:active{transform:rotate(90deg) scale(.95)}
.drawer-panel{
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:var(--pad);min-height:100vh;
  transform:scale(.95);opacity:0;transition:transform .3s var(--ease-out),opacity .3s ease;
}
.drawer.active .drawer-panel{transform:scale(1);opacity:1;transition-delay:.1s}
.drawer-item{
  display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem 2rem;border-radius:16px;font-weight:700;
  font-size:clamp(1.15rem,3vw,1.3rem);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  min-width:min(300px,85vw);min-height:56px;text-align:center;transition:all .25s var(--ease-out);
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.drawer-item:hover,.drawer-item:focus{background:rgba(0,184,196,.2);border-color:var(--brand);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,184,196,.3);outline:none}
.drawer-item .icon{font-size:1.8rem;flex-shrink:0}
.drawer .btn{min-width:min(300px,85vw);font-size:1.2rem;padding:1.3rem 2rem;margin-top:1rem}
.drawer-contact{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1);display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.drawer-contact-btn{
  padding:.9rem 1.5rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  display:inline-flex;align-items:center;gap:.7rem;font-weight:700;font-size:1rem;min-height:48px;transition:.2s;-webkit-tap-highlight-color:transparent;
}
.drawer-contact-btn:hover,.drawer-contact-btn:focus{background:var(--brand);color:#000;transform:translateY(-2px);outline:none}

/* ========== MAIN CONTENT ========== */
main{padding-top:var(--header-h);min-height:100vh}

/* ========== HERO COMPONENT ========== */
.hero{
  min-height:calc(100vh - var(--header-h));display:grid;place-items:center;padding:clamp(40px,8vw,80px) 0;position:relative;overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:-20% -20% auto -20%;height:70vh;
  background:radial-gradient(55% 55% at 60% 40%,rgba(0,184,196,.28),transparent 65%),
             radial-gradient(50% 50% at 40% 60%,rgba(226,198,117,.14),transparent 70%);
  filter:blur(60px);z-index:0;pointer-events:none;
}
.hero-content{position:relative;z-index:1}
.hero-grid{display:grid;gap:clamp(24px,5vw,40px);align-items:center}
@media(min-width:1000px){.hero-grid{grid-template-columns:1.15fr .85fr}}
.hero-title{
  font-weight:900;font-size:clamp(32px,5.5vw,62px);line-height:1.15;margin-bottom:1rem;
  background:linear-gradient(135deg,#F8FAFB 40%,var(--brand) 90%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero-lead{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--muted);max-width:65ch;margin-bottom:1.5rem;line-height:1.8}
.hero-badges{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}
.badge{
  background:rgba(0,184,196,.12);color:#7FE8EE;padding:.65rem 1rem;border-radius:999px;border:1px solid rgba(0,184,196,.25);
  font-size:.96rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;
}
.badge::before{
  content:"✓";background:var(--success);color:#000;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:900;flex-shrink:0;
}
.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2rem}
.hero-img{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,184,196,.15),transparent);pointer-events:none}

/* ========== SECTION COMPONENT ========== */
section{padding:clamp(60px,10vw,100px) 0;position:relative}
.section-header{text-align:center;margin-bottom:clamp(40px,6vw,60px)}
.section-title{font-size:clamp(28px,4vw,44px);margin-bottom:1rem;font-weight:900}
.section-desc{font-size:1.1rem;color:var(--muted);max-width:75ch;margin:0 auto;line-height:1.9}

/* ========== CARD COMPONENT ========== */
.card{
  background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:clamp(20px,3vw,28px);transition:all .3s var(--ease-out);height:100%;
}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow),0 16px 50px rgba(0,0,0,.4);border-color:rgba(0,184,196,.35)}
.card-icon{
  width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(0,184,196,.2),rgba(226,198,117,.15));
  border:1px solid rgba(0,184,196,.3);font-size:28px;margin-bottom:1rem;
}
.card-title{font-size:clamp(1.25rem,2.5vw,1.5rem);margin-bottom:.7rem;color:var(--brand)}

/* ========== GRID SYSTEM ========== */
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
@media(max-width:700px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}

/* ========== TRUST BAR ========== */
.trust-bar{
  background:rgba(0,184,196,.08);padding:1.5rem var(--pad);display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;align-items:center;
  border-top:1px solid rgba(0,184,196,.15);border-bottom:1px solid rgba(0,184,196,.15);
}
.trust-item{display:flex;align-items:center;gap:.7rem;font-weight:600}
.trust-icon{font-size:1.6rem;filter:drop-shadow(0 2px 6px rgba(0,184,196,.5))}

/* ========== FOOTER ========== */
footer{padding:clamp(40px,6vw,60px) 0 clamp(30px,4vw,40px);border-top:1px solid rgba(255,255,255,.08);background:var(--bg2)}
.footer-grid{display:grid;gap:2rem;margin-bottom:2rem}
@media(min-width:800px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
.footer-brand{font-family:'Tajawal';font-weight:900;font-size:1.8rem;color:var(--brand);margin-bottom:.8rem}
.footer-links{display:flex;flex-direction:column;gap:.7rem}
.footer-links a{color:var(--muted);transition:.2s;min-height:36px;display:flex;align-items:center}
.footer-links a:hover{color:var(--brand);transform:translateX(-4px)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:1.5rem;text-align:center;color:var(--muted);font-size:.95rem}

/* ========== FLOATING ELEMENTS ========== */
/* Bottom Tab Bar (Mobile Only) */
.cta-bar{
  position:fixed;inset-inline:0;inset-block-end:0;z-index:98;background:rgba(10,21,24,.98);backdrop-filter:blur(10px);
  box-shadow:0 -6px 28px rgba(0,0,0,.35);display:grid;grid-template-columns:1fr 1fr;gap:12px;
  padding:12px var(--pad) max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(0,184,196,.2);
}
@media(min-width:1000px){.cta-bar{display:none}}

/* Floating WhatsApp (Pulse Animation) */
.wa{position:fixed;inset-inline-end:20px;inset-block-end:100px;z-index:98}
.wa a{
  display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#25D366;color:#fff;
  box-shadow:0 12px 32px rgba(37,211,102,.4);transition:.3s;animation:pulse 2s infinite;-webkit-tap-highlight-color:transparent;
}
.wa a:hover,.wa a:focus{transform:scale(1.15) rotate(10deg);box-shadow:0 16px 40px rgba(37,211,102,.6)}
@keyframes pulse{
  0%,100%{box-shadow:0 12px 32px rgba(37,211,102,.4)}
  50%{box-shadow:0 12px 32px rgba(37,211,102,.7),0 0 0 12px rgba(37,211,102,.2)}
}

/* ========== ACCESSIBILITY & PERFORMANCE ========== */
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}
/* Focus Visible (Keyboard Navigation) */
*:focus-visible{outline:3px solid var(--brand);outline-offset:3px}

/* Visually Hidden Utility (for screen readers) */
.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border-width:0;
}

/* ========== ANIMATIONS & ENHANCEMENTS ========== */
details summary{transition:all .2s ease}
details[open] summary{color:var(--brand)}
details summary::before{content:"▼";display:inline-block;transition:transform .3s ease}
details[open] summary::before{transform:rotate(180deg)}
.card:hover .card-icon{transform:scale(1.1) rotate(5deg);transition:transform .3s ease}
@keyframes gentle-pulse{
  0%,100%{box-shadow:0 8px 28px rgba(0,184,196,.4)}
  50%{box-shadow:0 8px 28px rgba(0,184,196,.6),0 0 0 8px rgba(0,184,196,.1)}
}
#final-cta .btn:first-of-type{animation:gentle-pulse 3s ease-in-out infinite}

.coverage-index-hero {
    min-height: auto;
    padding-bottom: 40px;
}

.coverage-information-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.coverage-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.coverage-card .btn {
    margin-top: auto;
}

.coverage-card-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
}

.coverage-card-heading .card-icon {
    margin: 0;
    flex-shrink: 0;
}

.coverage-card-label {
    margin: 0;
    color: var(--brand);
    font-size: 0.85rem;
    font-weight: 700;
}

.coverage-general-note,
.coverage-final-cta {
    max-width: 900px;
    margin-inline: auto;
    text-align: center;
}

.coverage-detail-hero {
    padding: clamp(80px, 10vw, 130px) 0 70px;
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(0, 184, 196, 0.18),
            transparent 35%
        );
}

.coverage-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px;
    color: var(--muted);
    font-size: 0.92rem;
}

.coverage-breadcrumbs a:hover {
    color: var(--brand);
}

.coverage-detail-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(280px, 0.75fr);
    align-items: start;
    gap: clamp(28px, 5vw, 60px);
}

.coverage-quick-box h2 {
    margin-top: 0;
}

.coverage-quick-box ol {
    display: grid;
    gap: 12px;
    padding-right: 22px;
}

.coverage-reading-container {
    max-width: 920px;
}

.coverage-introduction h2 {
    font-size: clamp(1.7rem, 4vw, 2.5rem);
}

.coverage-introduction p,
.coverage-long-text {
    font-size: 1.08rem;
    line-height: 2;
}

.coverage-two-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.coverage-checklist {
    display: grid;
    gap: 14px;
    padding: 0;
    list-style: none;
}

.coverage-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.coverage-checklist span {
    color: var(--success);
    font-weight: 900;
}

.coverage-nearby-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.coverage-nearby-links a {
    padding: 10px 18px;
    border: 1px solid rgba(0, 184, 196, 0.35);
    border-radius: 999px;
    background: rgba(0, 184, 196, 0.07);
}

.coverage-nearby-links a:hover {
    border-color: var(--brand);
    color: var(--brand);
}

.coverage-faq {
    max-width: 900px;
    margin-inline: auto;
}

.coverage-faq details {
    margin-bottom: 14px;
}

.coverage-faq summary {
    cursor: pointer;
    font-size: 1.05rem;
    font-weight: 700;
}

@media (max-width: 900px) {
    .coverage-information-grid {
        grid-template-columns: 1fr;
    }

    .coverage-detail-grid,
    .coverage-two-column {
        grid-template-columns: 1fr;
    }
}

/* INTERNAL_DISCOVERY_LINKS_START */

.site-section-nav {
    position: relative;
    z-index: 30;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(4, 23, 29, 0.96);
}

.site-section-nav-inner {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 4vw, 42px);
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
}

.site-section-nav-inner::-webkit-scrollbar {
    display: none;
}

.site-section-nav a {
    position: relative;
    padding: 14px 4px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.94rem;
    font-weight: 700;
    text-decoration: none;
}

.site-section-nav a:hover,
.site-section-nav a[aria-current="page"] {
    color: var(--brand, #00b8c4);
}

.site-section-nav a[aria-current="page"]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--brand, #00b8c4);
}

.footer-discovery {
    width: min(1180px, calc(100% - 32px));
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    gap: clamp(30px, 6vw, 80px);
    margin: 36px auto 0;
    padding: 34px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-discovery h2 {
    margin: 0 0 16px;
    font-size: 1.05rem;
}

.footer-discovery ul {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-discovery a {
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.92rem;
    text-decoration: none;
}

.footer-discovery a:hover {
    color: var(--brand, #00b8c4);
}

.home-discovery-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(0, 184, 196, 0.12),
            transparent 30%
        ),
        rgba(255, 255, 255, 0.018);
}

.home-discovery-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 22px;
}

.home-discovery-panel {
    padding: clamp(22px, 4vw, 32px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    background: rgba(10, 35, 42, 0.76);
}

.home-discovery-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.home-discovery-heading small {
    color: var(--brand, #00b8c4);
    font-weight: 800;
}

.home-discovery-heading h3 {
    margin: 3px 0 0;
    font-size: 1.35rem;
}

.home-discovery-heading > a {
    flex-shrink: 0;
    color: var(--brand, #00b8c4);
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
}

.home-discovery-links {
    display: grid;
    gap: 12px;
}

.home-discovery-links > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    color: inherit;
    text-decoration: none;
}

.home-discovery-links > a:hover {
    border-color: rgba(0, 184, 196, 0.55);
}

.home-discovery-links span {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.9rem;
}

.home-coverage-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.home-coverage-links a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 10px 13px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
}

.home-coverage-links a:hover {
    border-color: rgba(0, 184, 196, 0.55);
    color: var(--brand, #00b8c4);
}

.home-discovery-note {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.9rem;
    line-height: 1.8;
}

/* INTERNAL_DISCOVERY_LINKS_END */

@media (max-width: 800px) {
    .home-discovery-grid,
    .footer-discovery {
        grid-template-columns: 1fr;
    }

    .home-discovery-heading {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 520px) {
    .site-section-nav-inner {
        justify-content: flex-start;
    }

    .home-coverage-links {
        grid-template-columns: 1fr;
    }
}

/* COMPACT_FOOTER_DISCOVERY */

.footer-discovery.footer-discovery-compact {
    width: min(1180px, calc(100% - 32px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 30px;
    margin: 22px auto 0;
    padding: 20px 0;
}

.footer-compact-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.footer-compact-group strong {
    margin-left: 4px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.92rem;
}

.footer-compact-group a {
    font-size: 0.86rem;
    line-height: 1.4;
}

.footer-compact-group .footer-all-link {
    color: var(--brand, #00b8c4);
    font-weight: 800;
}

@media (max-width: 760px) {
    .footer-discovery.footer-discovery-compact {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px 0;
    }

    .footer-compact-group {
        gap: 8px 12px;
    }
}

/* RESPONSIVE_HERO_IMAGE_FIX */

.hero-img img,
.hero img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain;
}

/* HOME_SPEED_INTENT_START */

.home-speed-intent {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(0, 184, 196, 0.16),
            transparent 34%
        );
}

.home-speed-intent-box {
    display: grid;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(300px, 0.85fr);
    gap: clamp(30px, 6vw, 70px);
    align-items: center;
    padding: clamp(28px, 5vw, 52px);
    border: 1px solid rgba(0, 184, 196, 0.24);
    border-radius: 28px;
    background: rgba(8, 32, 39, 0.82);
}

.home-speed-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.home-speed-points {
    display: grid;
    gap: 12px;
}

.home-speed-points article {
    display: grid;
    gap: 4px;
    padding: 17px 18px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.035);
}

.home-speed-points strong {
    color: var(--brand, #00b8c4);
    font-size: 1.08rem;
}

.home-speed-points span {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.92rem;
    line-height: 1.8;
}

@media (max-width: 850px) {
    .home-speed-intent-box {
        grid-template-columns: 1fr;
    }
}

/* HOME_SPEED_INTENT_END */