:root[data-theme="dark"] {
      --bg: #090d14;
      --bg-alt: #0f172a;
      --bg-card: rgba(30, 41, 59, 0.7);
      --border: rgba(255, 255, 255, 0.1);
      --border-dark: rgba(255, 255, 255, 0.2);
      
      --text-main: #f8fafc;
      --text-muted: #94a3b8;
      --text-light: #64748b;
      
      --accent: #ff5722;
      --accent-hover: #ff7043;
      --accent-soft: rgba(255, 87, 34, 0.15);
      --accent-glow: rgba(255, 87, 34, 0.35);

      --hero-grid: rgba(255, 255, 255, 0.09);
      --nav-bg: rgba(9, 13, 20, 0.94);
      --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
      --shadow-md: 0 12px 28px -6px rgba(0, 0, 0, 0.5);
      --shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, 0.7);
    }

    :root[data-theme="light"] {
      --bg: #ffffff;
      --bg-alt: #f8fafc;
      --bg-card: rgba(255, 255, 255, 0.8);
      --border: #e2e8f0;
      --border-dark: #cbd5e1;
      
      --text-main: #0f172a;
      --text-muted: #64748b;
      --text-light: #94a3b8;
      
      --accent: #ff5722;
      --accent-hover: #e64a19;
      --accent-soft: rgba(255, 87, 34, 0.08);
      --accent-glow: rgba(255, 87, 34, 0.2);

      --hero-grid: rgba(15, 23, 42, 0.1);
      --nav-bg: rgba(255, 255, 255, 0.94);
      --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.03);
      --shadow-md: 0 12px 28px -6px rgba(15, 23, 42, 0.08);
      --shadow-lg: 0 24px 48px -12px rgba(15, 23, 42, 0.12);
    }

    :root {
      --radius-sm: 8px;
      --radius: 14px;
      --radius-lg: 24px;
      --ease: cubic-bezier(0.16, 1, 0.3, 1);
      --nav-height: 80px;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: auto !important; }

    .ui-icon {
      display: inline-block;
      width: 1em;
      height: 1em;
      flex: 0 0 auto;
      object-fit: contain;
    }

    body {
      font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      background: var(--bg);
      color: var(--text-main);
      line-height: 1.6;
      font-size: 15px;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
      transition: background-color 0.4s var(--ease), color 0.4s var(--ease);
    }

    
    .scroll-progress {
      --page-progress: 0;
      position: fixed; top: 0; left: 0; height: 3px; width: 100%;
      background: linear-gradient(90deg, var(--accent), #ff9800); z-index: 10000;
      transform: scaleX(var(--page-progress));
      transform-origin: 0 50%;
      box-shadow: 0 0 16px rgba(255,87,34,.34);
      will-change: transform;
    }
    .scroll-progress::after {
      content: '';
      position: absolute;
      right: -3px;
      top: -2px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #ff7a3d;
      box-shadow: 0 0 0 4px rgba(255,87,34,.12), 0 0 18px rgba(255,87,34,.72);
    }
    .experience-rail {
      --section-progress: 0;
      position: fixed;
      z-index: 900;
      left: 18px;
      top: 50%;
      display: grid;
      justify-items: center;
      gap: 10px;
      transform: translateY(-50%);
      color: var(--text-muted);
      pointer-events: none;
      opacity: 0;
      transition: opacity .35s ease;
    }
    .experience-rail.is-visible { opacity: 1; }
    .experience-rail__index {
      color: var(--accent);
      font-size: .62rem;
      font-weight: 900;
      letter-spacing: .12em;
    }
    .experience-rail__track {
      position: relative;
      display: block;
      width: 1px;
      height: 94px;
      background: color-mix(in srgb, var(--border-dark) 62%, transparent);
      overflow: visible;
    }
    .experience-rail__track::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(var(--accent), #ff9800);
      transform: scaleY(var(--section-progress));
      transform-origin: 50% 0;
      box-shadow: 0 0 10px rgba(255,87,34,.4);
    }
    .experience-rail__track::after {
      content: '';
      position: absolute;
      left: -3px;
      top: calc(var(--section-progress) * 100% - 3px);
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--accent);
      box-shadow: 0 0 0 4px var(--accent-soft), 0 0 12px rgba(255,87,34,.5);
    }
    .experience-rail__label {
      max-height: 116px;
      overflow: hidden;
      color: var(--text-muted);
      font-size: .56rem;
      font-weight: 800;
      letter-spacing: .16em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
    }
    @media (max-width: 1320px), (max-height: 660px) {
      .experience-rail { display: none; }
    }

    
    .section-sweep {
      position: fixed; inset: 0; z-index: 9998; pointer-events: none;
      background: linear-gradient(105deg, transparent 0%, var(--bg) 35%, var(--bg) 65%, transparent 100%);
      opacity: 0;
      transform: translateX(-30%);
      transition: none;
    }
    .section-sweep.active {
      opacity: 1;
      animation: sweepSlide 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
    @keyframes sweepSlide {
      0% { transform: translateX(-40%); opacity: 0.95; }
      100% { transform: translateX(100%); opacity: 0; }
    }

    .section-flash { animation: sectionFlashIn 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
    @keyframes sectionFlashIn {
      0% { opacity: 0.6; transform: translateY(12px); }
      100% { opacity: 1; transform: none; }
    }

    
    .floating-whatsapp {
      position: fixed;
      bottom: 28px; right: 28px;
      z-index: 999;
      display: flex; align-items: center; gap: 10px;
      background: linear-gradient(135deg, #25d366, #128c7e);
      color: #fff; text-decoration: none;
      padding: 12px 20px 12px 14px; border-radius: 999px;
      font-weight: 700; font-size: 0.88rem;
      box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
      transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease), opacity .24s ease, visibility 0s linear;
      isolation: isolate;
    }
    .floating-whatsapp:hover {
      transform: translateY(-4px) scale(1.04);
      box-shadow: 0 14px 35px rgba(37, 211, 102, 0.5);
    }
    .floating-whatsapp .ui-icon { width: 24px; height: 24px; }

    .floating-whatsapp::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -1;
      border: 2px solid rgba(37, 211, 102, 0.5);
      border-radius: inherit;
      pointer-events: none;
      animation: pulseFloat 3s ease-out infinite;
      will-change: transform, opacity;
    }

    @keyframes pulseFloat {
      0% { transform: scale(1); opacity: 0.65; }
      70%, 100% { transform: scale(1.16, 1.45); opacity: 0; }
    }

    
    .status-badge {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 5px 14px; border-radius: 999px;
      background: rgba(34, 197, 94, 0.15); border: 1px solid rgba(34, 197, 94, 0.3);
      color: #4ade80; font-size: 0.78rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 12px;
    }
    .status-dot {
      width: 8px; height: 8px; border-radius: 50%; background: #22c55e;
      box-shadow: 0 0 8px #22c55e; animation: blinkDot 1.5s infinite;
    }
    @keyframes blinkDot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

    
    .nav {
      position: fixed;
      top: 14px;
      left: 50%;
      width: min(1480px, calc(100% - 32px));
      height: var(--nav-height);
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 0 14px 0 18px;
      background: color-mix(in srgb, var(--nav-bg) 86%, transparent);
      backdrop-filter: blur(15px) saturate(132%);
      -webkit-backdrop-filter: blur(15px) saturate(132%);
      border: 1px solid color-mix(in srgb, var(--border) 78%, white 22%);
      border-radius: 22px;
      box-shadow: 0 12px 42px rgba(10, 16, 28, 0.08), inset 0 1px rgba(255,255,255,.55);
      transform: translateX(-50%) translateZ(0);
      transition:
        top 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        width 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        height 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }
    [data-theme="dark"] .nav {
      box-shadow: 0 16px 48px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.06);
    }
    .nav.scrolled {
      top: 8px;
      width: min(1400px, calc(100% - 24px));
      height: 66px;
      background: color-mix(in srgb, var(--nav-bg) 92%, transparent);
      border-color: color-mix(in srgb, var(--border) 82%, transparent);
      box-shadow: 0 15px 42px rgba(10, 16, 28, 0.13), inset 0 1px rgba(255,255,255,.5);
    }


    .logo-link {
      display: flex;
      align-items: center;
      gap: 4px;
      text-decoration: none;
      flex-shrink: 0;
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .nav.scrolled .logo-link { transform: scale(0.96); }
    .logo-badge {
      width: 32px;
      height: 32px;
      flex-shrink: 0;
      border-radius: 9px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 8px rgba(0,0,0,0.18);
      transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease,
        filter 0.4s ease;
      transform: none !important;
      overflow: hidden;
    }
    .logo-badge img {
      display: block;
      width: 20px;
      height: 24px;
      box-sizing: border-box;
      object-fit: contain;
    }
    .logo-word {
      display: flex;
      align-items: center;
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 1.22rem;
      letter-spacing: -0.03em;
      line-height: 1;
    }
    .logo-text-segat, .logo-text-tranz {
      transition: color 0.35s ease;
    }
    .logo-text-segat { font-weight: 800; color: var(--text-main); }
    .logo-text-tranz { font-weight: 700; color: var(--text-muted); }
    .logo-link:hover .logo-badge {
      transform: translateY(-2px) scale(1.08) !important;
      box-shadow:
        0 6px 20px rgba(255,87,34,0.4),
        0 0 0 3px rgba(255,87,34,0.12);
      filter: brightness(1.05);
    }
    .logo-link:hover .logo-text-segat { color: var(--accent); }
    .logo-link:hover .logo-text-tranz { color: var(--text-main); }


    .nav-menu { display: flex; gap: 3px; list-style: none; align-items: center; margin-left: auto; }
    .nav-menu a {
      color: var(--text-muted); text-decoration: none; font-size: 0.8rem;
      font-weight: 650; padding: 9px 12px; border-radius: 99px;
      transition: all 0.25s var(--ease); position: relative;
      letter-spacing: 0.01em;
    }
    .nav-menu a:hover {
      color: var(--text-main);
      background: var(--bg-alt);
    }
    .nav-menu a.active-nav,
    .nav-menu a:focus {
      color: var(--accent);
      background: var(--accent-soft);
    }

    .nav-dropdown { position: relative; display: flex; align-items: center; }
    .nav-dropdown-trigger {
      display: inline-flex; align-items: center; gap: 7px;
      padding: 9px 12px; border: 0; border-radius: 999px;
      background: transparent; color: var(--text-muted); cursor: pointer;
      font: 650 .8rem/1.2 'Plus Jakarta Sans', sans-serif; letter-spacing: .01em;
      transition: color .25s var(--ease), background-color .25s var(--ease);
      transform: translateY(2px);
    }
    .nav-dropdown-trigger::after {
      content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px);
      transition: transform .3s var(--ease);
    }
    .nav-dropdown:hover .nav-dropdown-trigger,
    .nav-dropdown:focus-within .nav-dropdown-trigger,
    .nav-dropdown.open .nav-dropdown-trigger,
    .nav-dropdown-trigger.active-nav { color: var(--accent); background: var(--accent-soft); }
    .nav-dropdown:hover .nav-dropdown-trigger::after,
    .nav-dropdown:focus-within .nav-dropdown-trigger::after,
    .nav-dropdown.open .nav-dropdown-trigger::after { transform: rotate(225deg) translate(-1px,-1px); }
    .nav-mega {
      position: absolute; top: calc(100% + 18px); left: 50%; width: 510px;
      padding: 10px; border: 1px solid var(--border); border-radius: 20px;
      background: color-mix(in srgb, var(--bg-card) 95%, transparent);
      backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%);
      box-shadow: 0 24px 60px rgba(10,16,28,.18); opacity: 0; visibility: hidden;
      pointer-events: none; transform: translate(-50%, -8px) scale(.98); transform-origin: 50% 0;
      transition: opacity .24s ease, visibility .24s ease, transform .32s var(--ease);
    }
    .nav-mega::before { content: ''; position: absolute; left: 0; right: 0; top: -19px; height: 20px; }
    .nav-dropdown:hover .nav-mega,
    .nav-dropdown:focus-within .nav-mega,
    .nav-dropdown.open .nav-mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,0) scale(1); }
    .nav-mega-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px 12px; }
    .nav-mega-head span { color: var(--text-light); font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
    .nav-mega-head small { color: var(--text-muted); font-size: .7rem; }
    .nav-mega-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
    .nav-menu .nav-mega-link {
      display: grid; grid-template-columns: 34px 1fr; column-gap: 10px; align-items: center;
      min-height: 64px; padding: 9px 10px; border: 1px solid transparent; border-radius: 13px;
    }
    .nav-menu .nav-mega-link:hover, .nav-menu .nav-mega-link.active-nav {
      background: var(--bg-alt); border-color: var(--border); color: var(--text-main);
    }
    .nav-mega-link i {
      grid-row: 1 / 3; display: grid; place-items: center; width: 34px; height: 34px;
      border-radius: 10px; background: var(--accent-soft); color: var(--accent); font-style: normal;
      font-size: .68rem; font-weight: 800;
    }
    .nav-mega-link strong { align-self: end; color: var(--text-main); font-size: .76rem; line-height: 1.2; }
    .nav-mega-link small { align-self: start; color: var(--text-muted); font-size: .64rem; line-height: 1.3; }
    .nav-sep {
      width: 1px; height: 20px; background: var(--border); margin: 0 4px;
      list-style: none;
    }

    .nav-menu a.nav-ext {
      display: inline-grid; grid-template-columns: 30px auto; grid-template-rows: 1fr;
      align-items: center; column-gap: 9px; row-gap: 0;
      min-height: 46px; color: var(--text-main); border: 1px solid rgba(48,148,204,.3);
      background: linear-gradient(135deg, color-mix(in srgb, var(--bg-card) 94%, #eaf7ff), var(--bg-card));
      padding: 5px 15px 5px 5px; border-radius: 14px;
      box-shadow: 0 6px 18px rgba(16,91,135,.08), inset 0 1px rgba(255,255,255,.8);
      overflow: hidden; isolation: isolate;
      transition:
        color 0.2s ease, background-color 0.2s ease,
        border-color 0.2s ease, box-shadow 0.2s ease,
        transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .nav-menu a.nav-ext::before {
      content: ''; position: absolute; z-index: -1; inset: 0;
      background: linear-gradient(105deg, transparent 35%, var(--accent-soft));
      opacity: 0; transition: opacity 0.3s var(--ease);
    }
    .nav-ext-icon {
      display: inline-flex; align-items: center; justify-content: center;
      grid-row: 1; width: 30px; height: 30px; border-radius: 9px; flex-shrink: 0;
      background: var(--accent-soft); color: var(--accent); border: 1px solid rgba(255,87,34,.18);
      transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    }
    .nav-ext-icon svg {
      width: 13px; height: 13px;
      transform: translate3d(0,0,0);
      transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), filter 0.18s ease;
    }
    .nav-ext-kicker {
      grid-column: 2; grid-row: 2; align-self: start; justify-self: center; color: var(--text-muted); font-size: 0.53rem; line-height: 1;
      font-weight: 800; letter-spacing: 0.115em; text-transform: uppercase;
    }
    .nav-ext-label {
      grid-column: 2; grid-row: 1; align-self: center; justify-self: center; display: flex; flex-direction: column; align-items: center;
      color: var(--accent); font-family: 'Plus Jakarta Sans', sans-serif; white-space: nowrap;
    }
    .nav-ext-label small { color: var(--text-muted); font-size: .58rem; font-weight: 800; line-height: 1; letter-spacing: .13em; text-transform: uppercase; }
    .nav-ext-label strong { position: relative; margin-top: 4px; color: var(--text-main); font-size: .73rem; font-weight: 850; line-height: 1; letter-spacing: -.01em; }
    .nav-menu a.nav-ext:hover {
      color: var(--text-main); background: var(--bg-card);
      border-color: rgba(41,166,224,.7);
      box-shadow: 0 9px 25px rgba(22,129,184,.2);
      transform: translateY(-1px);
    }
    .nav-menu a.nav-ext:hover::before { opacity: 1; }
    .nav-menu a.nav-ext:hover .nav-ext-icon {
      background: var(--accent); color: #fff;
      border-color: var(--accent);
    }
    .nav-menu a.nav-ext:hover .nav-ext-icon svg { transform: translate3d(1.5px,-1.5px,0); }

    .nav-actions, .nav-menu, .theme-toggle, .nav-actions > .btn {
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .nav.scrolled .nav-menu, .nav.scrolled .nav-actions { transform: scale(0.975); }

    .nav-actions { display: flex; align-items: center; gap: 9px; }

    
    .theme-toggle {
      background: var(--bg-alt); border: 1px solid var(--border);
      color: var(--text-main); width: 42px; height: 42px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; transition: all 0.3s var(--ease);
    }
    .theme-toggle:hover {
      border-color: var(--accent); color: var(--accent);
      transform: rotate(20deg) scale(1.05);
      box-shadow: 0 0 15px var(--accent-soft);
    }
    .theme-toggle .ui-icon { width: 20px; height: 20px; }

    [data-theme="dark"] .theme-toggle {
      background: var(--bg-alt); border-color: var(--border);
    }


    
    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
      padding: 12px 26px; border-radius: var(--radius-sm); font-weight: 700;
      font-size: 0.9rem; text-decoration: none; transition: all 0.3s var(--ease);
      cursor: pointer; border: none; font-family: inherit; position: relative; overflow: hidden;
    }
    .btn-primary {
      background: linear-gradient(135deg, var(--accent), #f4511e); color: #ffffff;
      box-shadow: 0 4px 14px rgba(255,87,34,0.22);
    }
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 18px rgba(255,87,34,0.28);
    }
    .btn-primary:active { transform: translateY(0); }
    .btn-outline {
      background: rgba(255,255,255,0.03); color: var(--text-main); border: 1px solid var(--border-dark);
      backdrop-filter: blur(10px);
    }
    .btn-outline:hover {
      border-color: var(--accent); color: var(--accent); background: var(--accent-soft);
      transform: translateY(-2px);
    }
    .btn-outline:active { transform: translateY(0); }

    .burger {
      display: none; width: 42px; height: 42px; flex-direction: column; align-items: center;
      justify-content: center; gap: 5px; cursor: pointer; border-radius: 50%;
      background: var(--bg-alt); border: 1px solid var(--border); padding: 6px;
      transition: border-color .25s ease, background-color .25s ease;
    }
    .burger span { width: 19px; height: 1.5px; background: var(--text-main); border-radius: 2px; transition: transform .32s var(--ease), opacity .2s ease; }
    .burger:hover { border-color: var(--accent); }
    .burger.active span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
    .burger.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
    .burger.active span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

    
    .hero {
      padding: 170px 5% 100px;
      background: var(--bg);
      position: relative; overflow: hidden; border-bottom: 1px solid var(--border);
    }

    .hero-road-bg {
      position: absolute; top: 0; right: 0; bottom: 0; left: 32%; width: auto;
      pointer-events: none;
      overflow: hidden;
      contain: strict;
      opacity: 0;
      
      -webkit-mask-image: linear-gradient(to right,
        transparent 0%, rgba(0,0,0,.08) 6%, rgba(0,0,0,.28) 13%,
        rgba(0,0,0,.58) 19%, rgba(0,0,0,.82) 24%, #000 29%);
      mask-image: linear-gradient(to right,
        transparent 0%, rgba(0,0,0,.08) 6%, rgba(0,0,0,.28) 13%,
        rgba(0,0,0,.58) 19%, rgba(0,0,0,.82) 24%, #000 29%);
    }
    .hero-road-bg__image {
      position: absolute;
      inset: -2% -3%;
      display: block;
      transform: translate3d(0, 0, 0);
      transform-origin: center;
      backface-visibility: hidden;
      contain: paint;
    }
    .hero-road-bg__image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 40%;
      user-select: none;
      animation: none;
    }
    .hero::after {
      content: ''; position: absolute; inset: 0;
      background:
        
        linear-gradient(to top,
          var(--bg) 0%,
          color-mix(in srgb, var(--bg) 96%, transparent) 7%,
          color-mix(in srgb, var(--bg) 78%, transparent) 11%,
          color-mix(in srgb, var(--bg) 50%, transparent) 15%,
          color-mix(in srgb, var(--bg) 24%, transparent) 19%,
          color-mix(in srgb, var(--bg) 8%, transparent) 22%,
          transparent 25%
        ),
        
        linear-gradient(100deg,
          var(--bg) 0%,
          var(--bg) 8%,
          color-mix(in srgb, var(--bg) 98%, transparent) 14%,
          color-mix(in srgb, var(--bg) 90%, transparent) 22%,
          color-mix(in srgb, var(--bg) 72%, transparent) 30%,
          color-mix(in srgb, var(--bg) 48%, transparent) 38%,
          color-mix(in srgb, var(--bg) 25%, transparent) 45%,
          color-mix(in srgb, var(--bg) 8%, transparent) 52%,
          transparent 58%
        );
      pointer-events: none;
      z-index: 1;
    }
    
    [data-theme="dark"] #fleet,
    [data-theme="dark"] #services,
    [data-theme="dark"] .services-bg,
    [data-theme="dark"] #why,
    [data-theme="dark"] #pricing,
    [data-theme="dark"] .counter-section,
    [data-theme="dark"] .routes-strip {
      background: var(--bg-alt) !important;
      background-image: none !important;
    }
    [data-theme="dark"] #fleet {
      background: var(--bg) !important;
    }

    [data-theme="dark"] .hero::after {
      background:
        linear-gradient(to top,
          var(--bg) 0%,
          rgba(9,13,20,.96) 7%,
          rgba(9,13,20,.78) 11%,
          rgba(9,13,20,.50) 15%,
          rgba(9,13,20,.24) 19%,
          rgba(9,13,20,.08) 22%,
          transparent 25%),
        linear-gradient(100deg,
          var(--bg) 0%,
          var(--bg) 8%,
          rgba(9,13,20,.98) 14%,
          rgba(9,13,20,.90) 22%,
          rgba(9,13,20,.72) 30%,
          rgba(9,13,20,.48) 38%,
          rgba(9,13,20,.25) 45%,
          rgba(9,13,20,.08) 52%,
          transparent 58%);
    }
    .hero.hero-intro-ready .hero-road-bg {
      animation: heroBackdropIn 1.15s cubic-bezier(.16,1,.3,1) both;
    }
    .hero.hero-intro-ready .hero-road-bg__image img {
      animation: heroRoadDrift 22s ease-in-out 1.05s infinite alternate;
    }
    @keyframes heroBackdropIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    @keyframes heroRoadDrift {
      0% { transform: translate3d(0, 0, 0); }
      100% { transform: translate3d(-1.2%, 0, 0); }
    }
    .hero-grid-bg {
      position: absolute; top: 0; left: 0; bottom: 0; width: 100%;
      background-image:
        linear-gradient(to right, var(--hero-grid) 1px, transparent 1px),
        linear-gradient(to bottom, var(--hero-grid) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: linear-gradient(100deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 18%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.1) 58%, rgba(0,0,0,0) 70%);
      -webkit-mask-image: linear-gradient(100deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 18%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.1) 58%, rgba(0,0,0,0) 70%);
      pointer-events: none;
      z-index: 2;
      opacity: 0;
    }
    .hero.hero-intro-ready .hero-grid-bg { animation: heroGridIn 1s ease-out .08s both; }
    @keyframes heroGridIn { to { opacity: .36; } }

    .hero-glow {
      position: absolute; top: 7%; right: 0; width: 760px; height: 760px;
      background: radial-gradient(circle, rgba(255,87,34,0.105) 0%, rgba(255,87,34,0.065) 28%, transparent 72%);
      pointer-events: none; border-radius: 50%; opacity: 0; animation: none;
      contain: strict; transform: translateZ(0); backface-visibility: hidden;
    }
    
    [data-theme="dark"] {
      --bg: #0b0f16;
      --bg-alt: #111722;
      --bg-card: #151c28;
      --border: rgba(255,255,255,0.07);
      --border-dark: rgba(255,255,255,0.14);
      --text-main: #f1f5f9;
      --text-muted: #94a3b8;
      --text-light: #64748b;
      --hero-grid: rgba(255,255,255,0.09);
      --shadow-sm: 0 4px 16px rgba(0,0,0,0.35);
      --shadow-md: 0 12px 40px rgba(0,0,0,0.45);
    }
    [data-theme="dark"] .nav-group {
      background: rgba(255,255,255,0.04);
      border-color: rgba(255,255,255,0.08);
    }
    [data-theme="dark"] .nav-group-main {
      background: var(--bg-card) !important;
    }
    [data-theme="dark"] .price-card.featured {
      background: linear-gradient(160deg, rgba(255,87,34,0.12), var(--bg-card) 55%);
    }

    [data-theme="dark"] .hero-glow {
      background: radial-gradient(circle, rgba(255,255,255,0.026) 0%, rgba(255,255,255,0.015) 30%, transparent 72%);
    }

    @keyframes pulseGlow {
      0% { transform: scale(1); opacity: 0.8; }
      100% { transform: scale(1.15); opacity: 1; }
    }
    .hero.hero-intro-ready .hero-glow {
      animation: heroGlowIn .9s ease-out .35s both, pulseGlow 8s ease-in-out 1.2s infinite alternate;
    }
    @keyframes heroGlowIn { to { opacity: .8; } }

    
    .hero-container {
      display: block;
    }



    
    .hero-route-map {
      position: absolute;
      left: 1.5%; top: calc(12% + clamp(16px, 2vw, 28px));
      width: min(240px, 20vw);
      height: min(657px, 54.737vw);
      z-index: 2;
      pointer-events: none;
      opacity: 0;
      transform: translate3d(-8px, 12px, 0) scale(.985);
      animation: none;
      contain: strict;
      container-type: size;
      isolation: isolate;
    }
    @keyframes routeFadeIn {
      to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
    }
    .hero-route-map img {
      position: absolute;
      inset: 0;
      width: 100%; height: 100%;
      display: block;
      object-fit: contain;
    }
    .route-traveler {
      position: absolute;
      z-index: 2;
      top: 0; left: 0;
      width: 6.316cqw;
      aspect-ratio: 1;
      border: max(1px, 0.9cqw) solid #ff5722;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 0 0 3px rgba(255,87,34,.2), 0 0 12px rgba(255,87,34,.72);
      opacity: 0;
      will-change: transform, opacity;
      animation: none;
    }
    .route-traveler::before {
      content: '';
      position: absolute;
      inset: -85%;
      border: 1px solid rgba(255,87,34,.48);
      border-radius: 50%;
      will-change: transform, opacity;
      animation: none;
    }
    .route-end-pulse {
      position: absolute;
      z-index: 1;
      left: 50%;
      width: 27.368cqw;
      aspect-ratio: 1;
      border: 1px solid #ff5722;
      border-radius: 50%;
      opacity: 0;
      will-change: transform, opacity;
      animation: none;
    }
    .route-end-pulse.start { top: 10%; }
    .route-end-pulse.end { top: 96.154%; }
    .route-end-pulse.delay-1 { animation-delay: .6s; }
    .route-end-pulse.delay-2 { animation-delay: 1.7s; }
    .route-end-pulse.delay-3 { animation-delay: 2.3s; }
    .hero.hero-intro-ready .hero-route-map { animation: routeFadeIn .9s cubic-bezier(.16,1,.3,1) .06s forwards; }
    .hero.hero-intro-ready .route-traveler {
      animation: routeTravelerSmooth 4s linear 2s infinite, routeTravelerFade 4s linear 2s infinite;
    }
    .hero.hero-intro-ready .route-traveler::before { animation: routeTravelerPulse 1.5s ease-out 2s infinite; }
    .hero.hero-intro-ready .route-end-pulse { animation: routeEndPulse 2.2s ease-out .7s infinite; }
    .hero.hero-intro-ready .route-end-pulse.delay-1 { animation-delay: 1.3s; }
    .hero.hero-intro-ready .route-end-pulse.delay-2 { animation-delay: 2.4s; }
    .hero.hero-intro-ready .route-end-pulse.delay-3 { animation-delay: 3s; }
    @keyframes routeTravelerFade { 0%, 100% { opacity: 0; } 8%, 88% { opacity: 1; } }
    @keyframes routeTravelerPulse { from { opacity: .5; transform: scale(.36); } to { opacity: 0; transform: scale(1); } }
    @keyframes routeEndPulse { from { opacity: .7; transform: translate(-50%, -50%) scale(.154); } to { opacity: 0; transform: translate(-50%, -50%) scale(1); } }
    @keyframes routeTraveler {
      0%{transform:translate3d(46.842cqw,calc(10.000cqh - 3.158cqw),0)}
      4.167%{transform:translate3d(40.528cqw,calc(13.608cqh - 3.158cqw),0)}
      8.333%{transform:translate3d(38.852cqw,calc(17.838cqh - 3.158cqw),0)}
      12.5%{transform:translate3d(41.233cqw,calc(22.046cqh - 3.158cqw),0)}
      16.667%{transform:translate3d(45.210cqw,calc(26.101cqh - 3.158cqw),0)}
      20.833%{transform:translate3d(48.840cqw,calc(30.197cqh - 3.158cqw),0)}
      25%{transform:translate3d(50.176cqw,calc(34.462cqh - 3.158cqw),0)}
      29.167%{transform:translate3d(47.362cqw,calc(38.616cqh - 3.158cqw),0)}
      33.333%{transform:translate3d(40.723cqw,calc(42.157cqh - 3.158cqw),0)}
      37.5%{transform:translate3d(32.081cqw,calc(45.082cqh - 3.158cqw),0)}
      41.667%{transform:translate3d(24.742cqw,calc(48.425cqh - 3.158cqw),0)}
      45.833%{transform:translate3d(24.209cqw,calc(52.585cqh - 3.158cqw),0)}
      50%{transform:translate3d(31.190cqw,calc(56.025cqh - 3.158cqw),0)}
      54.167%{transform:translate3d(39.480cqw,calc(59.088cqh - 3.158cqw),0)}
      58.333%{transform:translate3d(45.782cqw,calc(62.692cqh - 3.158cqw),0)}
      62.5%{transform:translate3d(45.423cqw,calc(66.912cqh - 3.158cqw),0)}
      66.667%{transform:translate3d(39.277cqw,calc(70.564cqh - 3.158cqw),0)}
      70.833%{transform:translate3d(31.015cqw,calc(73.632cqh - 3.158cqw),0)}
      75%{transform:translate3d(23.204cqw,calc(76.851cqh - 3.158cqw),0)}
      79.167%{transform:translate3d(18.715cqw,calc(80.776cqh - 3.158cqw),0)}
      83.333%{transform:translate3d(23.240cqw,calc(84.600cqh - 3.158cqw),0)}
      87.5%{transform:translate3d(32.849cqw,calc(87.077cqh - 3.158cqw),0)}
      91.667%{transform:translate3d(43.081cqw,calc(89.216cqh - 3.158cqw),0)}
      95.833%{transform:translate3d(50.929cqw,calc(92.299cqh - 3.158cqw),0)}
      100%{transform:translate3d(46.842cqw,calc(96.154cqh - 3.158cqw),0)}
    }

    
    @keyframes routeTravelerSmooth {
    0%{transform:translate3d(calc(50.000cqw - 3.158cqw),calc(10.000cqh - 3.158cqw),0)}
    1.042%{transform:translate3d(calc(48.094cqw - 3.158cqw),calc(10.821cqh - 3.158cqw),0)}
    2.083%{transform:translate3d(calc(46.379cqw - 3.158cqw),calc(11.697cqh - 3.158cqw),0)}
    3.125%{transform:translate3d(calc(44.895cqw - 3.158cqw),calc(12.627cqh - 3.158cqw),0)}
    4.167%{transform:translate3d(calc(43.685cqw - 3.158cqw),calc(13.608cqh - 3.158cqw),0)}
    5.208%{transform:translate3d(calc(42.783cqw - 3.158cqw),calc(14.633cqh - 3.158cqw),0)}
    6.250%{transform:translate3d(calc(42.208cqw - 3.158cqw),calc(15.689cqh - 3.158cqw),0)}
    7.292%{transform:translate3d(calc(41.958cqw - 3.158cqw),calc(16.761cqh - 3.158cqw),0)}
    8.333%{transform:translate3d(calc(42.009cqw - 3.158cqw),calc(17.838cqh - 3.158cqw),0)}
    9.375%{transform:translate3d(calc(42.322cqw - 3.158cqw),calc(18.908cqh - 3.158cqw),0)}
    10.417%{transform:translate3d(calc(42.853cqw - 3.158cqw),calc(19.967cqh - 3.158cqw),0)}
    11.458%{transform:translate3d(calc(43.556cqw - 3.158cqw),calc(21.013cqh - 3.158cqw),0)}
    12.500%{transform:translate3d(calc(44.391cqw - 3.158cqw),calc(22.046cqh - 3.158cqw),0)}
    13.542%{transform:translate3d(calc(45.321cqw - 3.158cqw),calc(23.068cqh - 3.158cqw),0)}
    14.583%{transform:translate3d(calc(46.313cqw - 3.158cqw),calc(24.082cqh - 3.158cqw),0)}
    15.625%{transform:translate3d(calc(47.338cqw - 3.158cqw),calc(25.092cqh - 3.158cqw),0)}
    16.667%{transform:translate3d(calc(48.368cqw - 3.158cqw),calc(26.101cqh - 3.158cqw),0)}
    17.708%{transform:translate3d(calc(49.378cqw - 3.158cqw),calc(27.113cqh - 3.158cqw),0)}
    18.750%{transform:translate3d(calc(50.338cqw - 3.158cqw),calc(28.131cqh - 3.158cqw),0)}
    19.792%{transform:translate3d(calc(51.222cqw - 3.158cqw),calc(29.158cqh - 3.158cqw),0)}
    20.833%{transform:translate3d(calc(51.998cqw - 3.158cqw),calc(30.197cqh - 3.158cqw),0)}
    21.875%{transform:translate3d(calc(52.633cqw - 3.158cqw),calc(31.249cqh - 3.158cqw),0)}
    22.917%{transform:translate3d(calc(53.091cqw - 3.158cqw),calc(32.313cqh - 3.158cqw),0)}
    23.958%{transform:translate3d(calc(53.336cqw - 3.158cqw),calc(33.386cqh - 3.158cqw),0)}
    25.000%{transform:translate3d(calc(53.334cqw - 3.158cqw),calc(34.462cqh - 3.158cqw),0)}
    26.042%{transform:translate3d(calc(53.059cqw - 3.158cqw),calc(35.534cqh - 3.158cqw),0)}
    27.083%{transform:translate3d(calc(52.495cqw - 3.158cqw),calc(36.591cqh - 3.158cqw),0)}
    28.125%{transform:translate3d(calc(51.644cqw - 3.158cqw),calc(37.621cqh - 3.158cqw),0)}
    29.167%{transform:translate3d(calc(50.521cqw - 3.158cqw),calc(38.617cqh - 3.158cqw),0)}
    30.208%{transform:translate3d(calc(49.151cqw - 3.158cqw),calc(39.570cqh - 3.158cqw),0)}
    31.250%{transform:translate3d(calc(47.567cqw - 3.158cqw),calc(40.478cqh - 3.158cqw),0)}
    32.292%{transform:translate3d(calc(45.801cqw - 3.158cqw),calc(41.340cqh - 3.158cqw),0)}
    33.333%{transform:translate3d(calc(43.881cqw - 3.158cqw),calc(42.157cqh - 3.158cqw),0)}
    34.375%{transform:translate3d(calc(41.835cqw - 3.158cqw),calc(42.932cqh - 3.158cqw),0)}
    35.417%{transform:translate3d(calc(39.683cqw - 3.158cqw),calc(43.668cqh - 3.158cqw),0)}
    36.458%{transform:translate3d(calc(37.446cqw - 3.158cqw),calc(44.369cqh - 3.158cqw),0)}
    37.500%{transform:translate3d(calc(35.238cqw - 3.158cqw),calc(45.082cqh - 3.158cqw),0)}
    38.542%{transform:translate3d(calc(33.133cqw - 3.158cqw),calc(45.836cqh - 3.158cqw),0)}
    39.583%{transform:translate3d(calc(31.165cqw - 3.158cqw),calc(46.637cqh - 3.158cqw),0)}
    40.625%{transform:translate3d(calc(29.392cqw - 3.158cqw),calc(47.497cqh - 3.158cqw),0)}
    41.667%{transform:translate3d(calc(27.900cqw - 3.158cqw),calc(48.425cqh - 3.158cqw),0)}
    42.708%{transform:translate3d(calc(26.820cqw - 3.158cqw),calc(49.426cqh - 3.158cqw),0)}
    43.750%{transform:translate3d(calc(26.317cqw - 3.158cqw),calc(50.484cqh - 3.158cqw),0)}
    44.792%{transform:translate3d(calc(26.509cqw - 3.158cqw),calc(51.556cqh - 3.158cqw),0)}
    45.833%{transform:translate3d(calc(27.367cqw - 3.158cqw),calc(52.585cqh - 3.158cqw),0)}
    46.875%{transform:translate3d(calc(28.730cqw - 3.158cqw),calc(53.538cqh - 3.158cqw),0)}
    47.917%{transform:translate3d(calc(30.426cqw - 3.158cqw),calc(54.419cqh - 3.158cqw),0)}
    48.958%{transform:translate3d(calc(32.327cqw - 3.158cqw),calc(55.241cqh - 3.158cqw),0)}
    50.000%{transform:translate3d(calc(34.348cqw - 3.158cqw),calc(56.025cqh - 3.158cqw),0)}
    51.042%{transform:translate3d(calc(36.432cqw - 3.158cqw),calc(56.787cqh - 3.158cqw),0)}
    52.083%{transform:translate3d(calc(38.534cqw - 3.158cqw),calc(57.542cqh - 3.158cqw),0)}
    53.125%{transform:translate3d(calc(40.616cqw - 3.158cqw),calc(58.304cqh - 3.158cqw),0)}
    54.167%{transform:translate3d(calc(42.638cqw - 3.158cqw),calc(59.088cqh - 3.158cqw),0)}
    55.208%{transform:translate3d(calc(44.553cqw - 3.158cqw),calc(59.906cqh - 3.158cqw),0)}
    56.250%{transform:translate3d(calc(46.299cqw - 3.158cqw),calc(60.774cqh - 3.158cqw),0)}
    57.292%{transform:translate3d(calc(47.796cqw - 3.158cqw),calc(61.701cqh - 3.158cqw),0)}
    58.333%{transform:translate3d(calc(48.940cqw - 3.158cqw),calc(62.692cqh - 3.158cqw),0)}
    59.375%{transform:translate3d(calc(49.626cqw - 3.158cqw),calc(63.738cqh - 3.158cqw),0)}
    60.417%{transform:translate3d(calc(49.781cqw - 3.158cqw),calc(64.812cqh - 3.158cqw),0)}
    61.458%{transform:translate3d(calc(49.410cqw - 3.158cqw),calc(65.879cqh - 3.158cqw),0)}
    62.500%{transform:translate3d(calc(48.582cqw - 3.158cqw),calc(66.912cqh - 3.158cqw),0)}
    63.542%{transform:translate3d(calc(47.394cqw - 3.158cqw),calc(67.897cqh - 3.158cqw),0)}
    64.583%{transform:translate3d(calc(45.931cqw - 3.158cqw),calc(68.831cqh - 3.158cqw),0)}
    65.625%{transform:translate3d(calc(44.262cqw - 3.158cqw),calc(69.719cqh - 3.158cqw),0)}
    66.667%{transform:translate3d(calc(42.436cqw - 3.158cqw),calc(70.564cqh - 3.158cqw),0)}
    67.708%{transform:translate3d(calc(40.488cqw - 3.158cqw),calc(71.372cqh - 3.158cqw),0)}
    68.750%{transform:translate3d(calc(38.445cqw - 3.158cqw),calc(72.148cqh - 3.158cqw),0)}
    69.792%{transform:translate3d(calc(36.324cqw - 3.158cqw),calc(72.896cqh - 3.158cqw),0)}
    70.833%{transform:translate3d(calc(34.172cqw - 3.158cqw),calc(73.632cqh - 3.158cqw),0)}
    71.875%{transform:translate3d(calc(32.079cqw - 3.158cqw),calc(74.390cqh - 3.158cqw),0)}
    72.917%{transform:translate3d(calc(30.064cqw - 3.158cqw),calc(75.176cqh - 3.158cqw),0)}
    73.958%{transform:translate3d(calc(28.148cqw - 3.158cqw),calc(75.994cqh - 3.158cqw),0)}
    75.000%{transform:translate3d(calc(26.361cqw - 3.158cqw),calc(76.851cqh - 3.158cqw),0)}
    76.042%{transform:translate3d(calc(24.751cqw - 3.158cqw),calc(77.753cqh - 3.158cqw),0)}
    77.083%{transform:translate3d(calc(23.387cqw - 3.158cqw),calc(78.707cqh - 3.158cqw),0)}
    78.125%{transform:translate3d(calc(22.377cqw - 3.158cqw),calc(79.717cqh - 3.158cqw),0)}
    79.167%{transform:translate3d(calc(21.872cqw - 3.158cqw),calc(80.777cqh - 3.158cqw),0)}
    80.208%{transform:translate3d(calc(22.037cqw - 3.158cqw),calc(81.849cqh - 3.158cqw),0)}
    81.250%{transform:translate3d(calc(22.934cqw - 3.158cqw),calc(82.872cqh - 3.158cqw),0)}
    82.292%{transform:translate3d(calc(24.452cqw - 3.158cqw),calc(83.793cqh - 3.158cqw),0)}
    83.333%{transform:translate3d(calc(26.398cqw - 3.158cqw),calc(84.600cqh - 3.158cqw),0)}
    84.375%{transform:translate3d(calc(28.612cqw - 3.158cqw),calc(85.311cqh - 3.158cqw),0)}
    85.417%{transform:translate3d(calc(30.991cqw - 3.158cqw),calc(85.946cqh - 3.158cqw),0)}
    86.458%{transform:translate3d(calc(33.469cqw - 3.158cqw),calc(86.529cqh - 3.158cqw),0)}
    87.500%{transform:translate3d(calc(36.007cqw - 3.158cqw),calc(87.077cqh - 3.158cqw),0)}
    88.542%{transform:translate3d(calc(38.577cqw - 3.158cqw),calc(87.604cqh - 3.158cqw),0)}
    89.583%{transform:translate3d(calc(41.155cqw - 3.158cqw),calc(88.126cqh - 3.158cqw),0)}
    90.625%{transform:translate3d(calc(43.719cqw - 3.158cqw),calc(88.658cqh - 3.158cqw),0)}
    91.667%{transform:translate3d(calc(46.239cqw - 3.158cqw),calc(89.216cqh - 3.158cqw),0)}
    92.708%{transform:translate3d(calc(48.672cqw - 3.158cqw),calc(89.823cqh - 3.158cqw),0)}
    93.750%{transform:translate3d(calc(50.935cqw - 3.158cqw),calc(90.512cqh - 3.158cqw),0)}
    94.792%{transform:translate3d(calc(52.856cqw - 3.158cqw),calc(91.326cqh - 3.158cqw),0)}
    95.833%{transform:translate3d(calc(54.087cqw - 3.158cqw),calc(92.299cqh - 3.158cqw),0)}
    96.875%{transform:translate3d(calc(54.231cqw - 3.158cqw),calc(93.368cqh - 3.158cqw),0)}
    97.917%{transform:translate3d(calc(53.355cqw - 3.158cqw),calc(94.392cqh - 3.158cqw),0)}
    98.958%{transform:translate3d(calc(51.852cqw - 3.158cqw),calc(95.317cqh - 3.158cqw),0)}
    100%{transform:translate3d(calc(50.000cqw - 3.158cqw),calc(96.154cqh - 3.158cqw),0)}
    }

    @media (max-width: 960px) {
      .hero-route-map { display: none; }
    }


    
    @media (max-width: 900px) {
      .hero-container { display: block; }
    }

    .hero-container {
      max-width: 1200px; margin: 0 auto;
      position: relative; z-index: 3;
    }
    .hero-copy { contain: layout style; }

    .hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: var(--accent-soft); color: var(--accent);
      padding: 6px 16px; border-radius: 999px; font-size: 0.8rem;
      font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
      margin-bottom: 24px; border: 1px solid rgba(255, 87, 34, 0.3);
    }
    .type-text { display: inline-block; }
    .type-text.is-typing::after {
      content: ''; display: inline-block; width: 2px; height: .9em;
      margin-left: 2px; vertical-align: -.1em; background: var(--accent);
      animation: typeCaret .8s steps(1) infinite;
    }
    @keyframes typeCaret { 50% { opacity: 0; } }
    .hero h1 {
      font-size: clamp(2.5rem, 4.5vw, 3.8rem); font-weight: 800;
      line-height: 1.12; letter-spacing: -0.03em; color: var(--text-main);
      margin-bottom: 20px;
    }
    .hero h1 span {
      background: linear-gradient(135deg, var(--accent), #ff9800);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .hero p {
      font-size: 1.1rem; color: var(--text-muted); margin-bottom: 36px;
      max-width: 520px; line-height: 1.6;
    }
    .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 48px; }
    .hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; justify-content: flex-start; }
    .hero-tag {
      font-size: 0.82rem; font-weight: 600; color: var(--text-muted);
      background: color-mix(in srgb, var(--bg-card) 94%, var(--bg)); border: 1px solid var(--border);
      padding: 6px 14px; border-radius: 999px;
      display: inline-flex; align-items: center; gap: 7px;
    }
    .hero .btn-outline {
      background: color-mix(in srgb, var(--bg) 92%, transparent);
      backdrop-filter: none;
    }
    .hero-tag svg {
      width: 15px; height: 15px; fill: none; stroke: var(--accent);
      stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;
    }

    .hero-stats {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 10px 40px;
      padding-top: 28px; margin-top: 4px;
      border-top: 1px solid var(--border);
      width: fit-content;
      max-width: 100%;
    }
    .stat-box { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 0 0 auto; }
    .stat-box strong { display: block; font-size: 1.4rem; font-weight: 800; color: var(--text-main); letter-spacing: -0.03em; white-space: nowrap; }
    .stat-box span { font-size: 0.75rem; color: var(--text-muted); font-weight: 600; line-height: 1.35; margin-top: 2px; display: block; }
    .stat-box:last-child span { transform: translateX(-5px); }



    
    .reveal {
      opacity: 0;
      transform: translate3d(0, 42px, 0) scale(.99);
      filter: blur(4px) saturate(.88);
      transform-origin: 50% 100%;
      transition: opacity .62s var(--ease), transform .78s cubic-bezier(.16,1,.3,1), filter .48s ease;
    }
    .reveal.active { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0) saturate(1); }
    .reveal.reveal-complete,
    .reveal-left.reveal-complete,
    .reveal-right.reveal-complete { transition-delay: 0s !important; }

    
    .reveal-left {
      opacity: 0; transform: translate3d(-52px,18px,0) scale(.985); filter: blur(4px) saturate(.88);
      transform-origin: 0 100%;
      transition: opacity .58s ease, transform .76s cubic-bezier(.16,1,.3,1), filter .46s ease;
    }
    .reveal-right {
      opacity: 0; transform: translate3d(52px,18px,0) scale(.985); filter: blur(4px) saturate(.88);
      transform-origin: 100% 100%;
      transition: opacity .58s ease, transform .76s cubic-bezier(.16,1,.3,1), filter .46s ease;
    }
    .reveal-left.active, .reveal-right.active {
      opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0) saturate(1);
    }

    .delay-1 { transition-delay: 0.05s; }
    .delay-2 { transition-delay: 0.1s; }
    .delay-3 { transition-delay: 0.15s; }
    .delay-4 { transition-delay: 0.2s; }


.gateway-return-transition{position:fixed;z-index:2147483647;inset:-4vmax;background:radial-gradient(circle at var(--return-x,50%) var(--return-y,50%),rgba(3,8,12,.03) 0 10%,rgba(3,8,12,.28) 42%,rgba(2,5,8,.94) 100%);opacity:0;pointer-events:none;transform:translateZ(0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:opacity .72s cubic-bezier(.22,.61,.36,1),backdrop-filter .28s ease .4s,-webkit-backdrop-filter .28s ease .4s}
html.gateway-returning{overflow:hidden;background:#020508}
html.gateway-returning .gateway-return-transition{opacity:1;pointer-events:all;backdrop-filter:blur(2.4px);-webkit-backdrop-filter:blur(2.4px)}
html.gateway-returning body{transform-origin:50% 50%;will-change:transform;animation:gateway-page-out .72s cubic-bezier(.22,.72,.18,1) both}
@keyframes gateway-page-out{to{transform:translateZ(0) scale(.968)}}