/* ══════════════════════════
       FOOTER
    ══════════════════════════ */
    .footer { background: oklch(17% 0.085 282); padding: 64px 0 32px; }
    .ft-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 52px; border-bottom: 1px solid oklch(99% 0.005 88 / .1); margin-bottom: 28px; }
    .ft-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
    .ft-brand img { height: 48px; width: auto; }
    .ft-brand-name { font-family: var(--ff-d); font-size: 14px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); line-height: 1.2; }
    .ft-brand-name small { display: block; font-family: var(--ff-b); font-size: 9px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: oklch(99% 0.005 88 / .38); margin-top: 3px; }
    .ft-desc { font-size: 13px; color: oklch(99% 0.005 88 / .48); line-height: 1.7; margin: 0 0 20px; max-width: 240px; }
    .ft-soc { display: flex; gap: 8px; }
    .soc-a { width: 34px; height: 34px; border-radius: 4px; background: oklch(99% 0.005 88 / .06); border: 1px solid oklch(99% 0.005 88 / .12); display: flex; align-items: center; justify-content: center; color: oklch(99% 0.005 88 / .42); transition: all .2s; }
    .soc-a svg { display: block; }
    .soc-a:hover { background: var(--orange); border-color: var(--orange); color: var(--ink); }
    .ft-col h4 { font-family: var(--ff-d); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: oklch(99% 0.005 88 / .35); margin-bottom: 18px; }
    .ft-links { list-style: none; display: flex; flex-direction: column; gap: 11px; }
    .ft-links a { color: oklch(99% 0.005 88 / .52); font-size: 13px; transition: color .2s; }
    .ft-links a:hover { color: var(--orange); }
    .ft-bottom { display: flex; justify-content: space-between; font-size: 11px; color: oklch(99% 0.005 88 / .32); }
    .ft-bottom a { color: var(--orange); }

    .wa { position: fixed; bottom: 28px; right: 28px; z-index: 997; width: 52px; height: 52px; border-radius: 50%; background: #25d366; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 24px oklch(67% 0.18 148 / .38); transition: transform .25s; }
    .wa:hover { transform: scale(1.1); }
    .wa svg { width: 26px; height: 26px; fill: var(--ink); }

    [data-g] { opacity: 0; }
    @media (prefers-reduced-motion: reduce) { [data-g] { opacity: 1 !important; transform: none !important; } }

    /* ══════════════════════════
       RESPONSIVE
    ══════════════════════════ */
    @media (max-width: 1024px) {
      .manifest-grid { grid-template-columns: 1fr 1fr; }
      .who-inner { grid-template-columns: 1fr; gap: 40px; }
      .who-img-wrap { aspect-ratio: 16/9; }
      .who-img-wrap img { border-radius: 8px; }
      .who-img-badge { left: 0; }
      .canvas-pillars { grid-template-columns: 1fr; }
      .video-inner { grid-template-columns: 1fr; gap: 48px; }
      .ant-inner { grid-template-columns: 1fr; gap: 48px; }
      .ant-stats { grid-template-columns: repeat(4, 1fr); }
      .ft-grid { grid-template-columns: 1fr 1fr; }
      .prod-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
      .why-grid { grid-template-columns: 1fr; }
      .overview-inner { grid-template-columns: 1fr; gap: 48px; }
      .overview-visual { padding-bottom: 24px; }
      .why-vt-grid { grid-template-columns: 1fr 1fr; }
      .coverage-regions { grid-template-columns: 1fr 1fr; }
      .techspec-grid { grid-template-columns: 1fr; gap: 48px; }
      .related-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    }

        /* ══════════════════════════
       RESPONSIVE — 1024px
    ══════════════════════════ */
    @media (max-width: 1024px) {
      .manifest-grid { grid-template-columns: 1fr 1fr; }

      .sb-grid { grid-template-columns: 1fr; gap: 14px; }



      .about-inner { grid-template-columns: 1fr; gap: 40px; }
      .about-img-wrap { aspect-ratio: 16/9; }

      .mf-products { grid-template-columns: 1fr; }
      .mf-prod-img { height: clamp(220px, 35vw, 320px); }

      .why-inner { grid-template-columns: 1fr; }
      .why-right { position: static; }

      .proj-row { grid-template-columns: 1fr 1fr; }

      .cov-inner { grid-template-columns: 1fr; gap: 48px; }

      .proc-hdr { grid-template-columns: 1fr; }
      .pst { grid-template-columns: clamp(52px,7vw,80px) 1fr; }

      .ins-grid { grid-template-columns: 1fr; }

      .cta-grid { grid-template-columns: 1fr; gap: 48px; }

      .ft-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 768px) {
      :root { --sp: clamp(44px, 7vw, 64px); }
      .nav-menu, .nav-cta { display: none; }
      .ham { display: flex; }
      .page-hero { min-height: auto; }
      .page-hero-breadcrumb { display: none; }
      .manifest-grid { grid-template-columns: 1fr 1fr; }
      .mst-cell { border-right: none; border-bottom: 1px solid oklch(99% 0.005 88 / .07); }
      .page-hero-h { font-size: clamp(38px, 11vw, 68px); }
      .ant-stats { grid-template-columns: 1fr 1fr; }
      .ft-grid { grid-template-columns: 1fr; }
      .canvas-pillars { grid-template-columns: 1fr; }
      .prod-grid { max-width: 100%; }
      .why-vt-grid { grid-template-columns: 1fr; }
    }

    /* ══════════════════════════
       RESPONSIVE — 768px
    ══════════════════════════ */
    @media (max-width: 768px) {
      :root { --sp: clamp(44px,7vw,64px); }

      .nav-menu, .nav-cta { display: none; }
      .ham { display: flex; }

      .hero-carousel { min-height: 540px; }
      .hero-slide-content { padding: 80px 0 96px; }
      .hero-slide-stat { display: none; }
      .hero-arrow { width: 42px; height: 42px; }
      .hero-dots { bottom: 18px; gap: 4px; }
      .hero-dot { width: 38px; height: 38px; }
      .hero-dot-svg { width: 38px; height: 38px; }

      .manifest-grid { grid-template-columns: 1fr 1fr; }

      .sb-panel { padding: clamp(32px,5vw,52px) clamp(20px,4vw,40px); }



      .about-inner { padding: clamp(44px,7vw,64px) 0; }
      .about-stats { grid-template-columns: 1fr 1fr; }

      .mf-prod-img { height: 220px; }
      .mf-spec-grid { grid-template-columns: repeat(3, 1fr); }

      .why-inner { padding: clamp(44px,7vw,64px) 0; }
      .why-left h2 { margin-bottom: 24px; }

      .proj-hdr { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 28px; }
      .proj-feature > img { min-height: 0; }
      .proj-over { padding: 24px; }
      .proj-row { grid-template-columns: 1fr; }
      .proj-card { height: 240px; }

      .cov-inner { padding: clamp(44px,7vw,64px) 0; }
      .cov-venues { gap: 6px; }

      .proc-inner { padding: clamp(44px,7vw,64px) 0; }
      .pst { grid-template-columns: 48px 1fr; gap: 16px; }
      .pst-num { font-size: clamp(40px,10vw,60px); }

      .ins-hdr { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 28px; }
      .mf-hdr { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 32px; }
      .ins-ph img { height: 180px; }

      .cta-proof { display: none; }
      .cta-grid { padding: clamp(44px,7vw,64px) 0; }
      .cta-form { padding: 24px 20px; }
      .fgr { grid-template-columns: 1fr; }

      .footer { padding: 40px 0 24px; }
      .ft-grid { grid-template-columns: 1fr; gap: 28px; padding-bottom: 28px; }
      .ft-bottom { flex-direction: column; gap: 8px; }

      .wa { bottom: 20px; right: 20px; width: 46px; height: 46px; }
    }

    
    /* ══════════════════════════
       RESPONSIVE — 520px
    ══════════════════════════ */
    @media (max-width: 520px) {
      :root { --sp: clamp(32px,7vw,48px); }

      .manifest-grid { grid-template-columns: 1fr 1fr; }
      .mst-n { font-size: clamp(38px,10vw,60px); }

      .hero-slide-h { font-size: clamp(36px,10vw,56px); }
      .hero-dots { left: 20px; }

      .sb-h { font-size: clamp(20px,5vw,28px); }



      .mf-spec-grid { grid-template-columns: repeat(3,1fr); }

      .proj-metrics { gap: 18px; flex-wrap: wrap; }
      .pm-n { font-size: clamp(20px,5vw,26px); }

      .cov-map-caption { font-size: 9px; }

      .cta-lhs h2 { font-size: clamp(26px,8vw,36px); }

      .ft-grid { gap: 20px; }
    }

    @media (max-width: 480px) {
      .manifest-grid { grid-template-columns: 1fr; }
      .coverage-regions { grid-template-columns: 1fr; }
    }