*,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    :root {
      --black: #0A0C0F;
      --dark: #111418;
      --steel: #1C2128;
      --steel2: #242B34;
      --orange: #F5620F;
      --orange-d: #C44A08;
      --muted: #8A96A3;
      --light: #E8ECF0;
      --white: #FFFFFF;
      --green:   #22C55E;
      --yellow:  #EAB308;   
      --green-bg:rgba(34,197,94,0.08);
      --green-bd:rgba(34,197,94,0.25);
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Barlow', sans-serif;
      background: var(--black);
      color: var(--white);
      overflow-x: hidden;
      cursor: none;
    }

    /* custom cursor */
    .cursor {
      width: 12px;
      height: 12px;
      background: var(--orange);
      border-radius: 50%;
      position: fixed;
      pointer-events: none;
      z-index: 9999;
      transform: translate(-50%, -50%);
      transition: transform 0.08s, width 0.2s, height 0.2s, background 0.2s;
      mix-blend-mode: normal;
    }

    .cursor-ring {
      width: 36px;
      height: 36px;
      border: 1.5px solid rgba(245, 98, 15, 0.5);
      border-radius: 50%;
      position: fixed;
      pointer-events: none;
      z-index: 9998;
      transform: translate(-50%, -50%);
      transition: left 0.12s ease-out, top 0.12s ease-out, width 0.2s, height 0.2s;
    }

    a:hover~.cursor,
    button:hover~.cursor {
      width: 20px;
      height: 20px;
    }

    /* ── NAV ── */
    nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1.3rem 5%;
      transition: background 0.4s;
    }

    nav.scrolled {
      background: rgba(10, 12, 15, 0.92);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(245, 98, 15, 0.15);
    }

    .logo {
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 900;
      font-size: 1.6rem;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: var(--white);
    }

    .logo-link {
      display: inline-flex;
      align-items: center;
      text-decoration: none;
      outline: none;
      flex-shrink: 0;
    }
    .logo-img {
      height: 48px;
      width: auto;
      object-fit: contain;
      display: block;
    }
    .footer-logo-img {
      height: 56px;
      margin-bottom: 1rem;
    }

    .logo span {
      color: var(--orange);
    }

    .nav-links {
      display: flex;
      gap: 2.2rem;
      list-style: none;
      align-items: center;
    }

    .nav-links a {
      text-decoration: none;
      font-size: 0.78rem;
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--muted);
      transition: color 0.2s;
    }

    .nav-links a:hover {
      color: var(--white);
    }

    .btn-nav {
      background: var(--orange);
      color: var(--white) !important;
      padding: 0.6rem 1.5rem;
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
      transition: background 0.2s !important;
    }

    .btn-nav:hover {
      background: var(--orange-d) !important;
    }

    .hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      background: none;
      border: none;
      cursor: none;
      padding: 4px;
    }

    .hamburger span {
      display: block;
      width: 26px;
      height: 2px;
      background: var(--white);
      transition: all 0.3s;
    }

    .hamburger.open span:nth-child(1) {
      transform: rotate(45deg) translate(5px, 5px);
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: rotate(-45deg) translate(5px, -5px);
    }

    .mobile-menu {
      display: none;
      position: fixed;
      inset: 0;
      background: var(--black);
      z-index: 98;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 0 10%;
      gap: 2rem;
    }

    .mobile-menu.open {
      display: flex;
    }

    .mobile-menu a {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 3rem;
      font-weight: 700;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--light);
      letter-spacing: 0.04em;
      transition: color 0.2s;
    }

    .mobile-menu a:hover {
      color: var(--orange);
    }

    /* ── HERO ── */
    .hero {
      min-height: 100dvh;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
    }

    /* Background image */
    .hero-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
    }

    .hero-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 30%;
      filter: brightness(0.38) saturate(0.6);
      transform: scale(1.04);
      animation: slowZoom 12s ease forwards;
    }

    @keyframes slowZoom {
      to {
        transform: scale(1);
      }
    }

    /* Diagonal overlay */
    .hero-bg::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(105deg,
          rgba(10, 12, 15, 0.9) 0%,
          rgba(10, 12, 15, 0.55) 50%,
          rgba(10, 12, 15, 0.15) 100%);
    }

    /* Orange accent bar */
    .accent-bar {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 5px;
      background: var(--orange);
      z-index: 3;
    }

    /* Grid lines decoration */
    .grid-lines {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(245, 98, 15, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 98, 15, 0.04) 1px, transparent 1px);
      background-size: 60px 60px;
    }

    /* Main content */
    .hero-content {
      position: relative;
      z-index: 4;
      padding: 0 5% 8vh 7%;
      max-width: 880px;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      background: rgba(245, 98, 15, 0.12);
      border: 1px solid rgba(245, 98, 15, 0.35);
      padding: 0.4rem 1rem;
      font-size: 0.68rem;
      font-weight: 500;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 1.8rem;
    }

    /* Responsive margin for badge on mobile */
    @media (max-width: 560px) {
      .hero-content .badge {
        margin-top: 100px;
      }
    }

    clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
    opacity: 0;
    animation: fadeUp 0.6s 0.2s forwards;
    }

    .badge-dot {
      width: 6px;
      height: 6px;
      background: var(--orange);
      border-radius: 50%;
      animation: pulse 1.5s infinite;
    }

    @keyframes pulse {

      0%,
      100% {
        opacity: 1;
        transform: scale(1);
      }

      50% {
        opacity: 0.5;
        transform: scale(0.7);
      }
    }

    h1 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(3.5rem, 8.5vw, 8rem);
      font-weight: 900;
      line-height: 0.92;
      text-transform: uppercase;
      letter-spacing: -0.01em;
      color: var(--white);
      margin-bottom: 2rem;
      opacity: 0;
      animation: fadeUp 0.8s 0.4s forwards;
    }

    h1 .outline {
      -webkit-text-stroke: 2px var(--white);
      color: transparent;
    }

    h1 .highlight {
      color: var(--orange);
    }

    .hero-sub {
      font-size: 1rem;
      font-weight: 300;
      color: var(--muted);
      line-height: 1.7;
      max-width: 480px;
      margin-bottom: 2.8rem;
      opacity: 0;
      animation: fadeUp 0.8s 0.6s forwards;
    }

    .hero-actions {
      display: flex;
      gap: 1.2rem;
      align-items: center;
      flex-wrap: wrap;
      opacity: 0;
      animation: fadeUp 0.8s 0.8s forwards;
    }

    .btn-primary {
      background: var(--orange);
      color: var(--white);
      padding: 1rem 2.4rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.9rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-decoration: none;
      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
      transition: background 0.2s, transform 0.2s;
      display: inline-block;
    }

    .btn-primary:hover {
      background: var(--orange-d);
      transform: translateY(-2px);
    }

    .btn-outline {
      border: 1.5px solid rgba(255, 255, 255, 0.25);
      color: var(--white);
      padding: 0.95rem 2.2rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.9rem;
      font-weight: 500;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-decoration: none;
      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
      transition: border-color 0.2s, color 0.2s;
      display: inline-block;
    }

    .btn-outline:hover {
      border-color: var(--orange);
      color: var(--orange);
    }

    /* Tracking bar */
    .tracking-bar {
      position: relative;
      z-index: 4;
      margin: 0 5% 0 7%;
      margin-bottom: -1px;
      background: var(--steel);
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-bottom: none;
      padding: 1.4rem 2rem;
      display: flex;
      align-items: center;
      gap: 1rem;
      max-width: 640px;
      clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 0% 100%);
      opacity: 0;
      animation: fadeUp 0.8s 1s forwards;
    }

    .track-label {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--orange);
      white-space: nowrap;
    }

    .track-input {
      flex: 1;
      background: none;
      border: none;
      outline: none;
      font-family: 'Barlow', sans-serif;
      font-size: 0.88rem;
      color: var(--white);
      padding: 0.2rem 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      transition: border-color 0.2s;
    }

    .track-input::placeholder {
      color: var(--muted);
    }

    .track-input:focus {
      border-color: var(--orange);
    }

    .track-btn {
      background: var(--orange);
      border: none;
      color: var(--white);
      padding: 0.6rem 1.4rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      cursor: none;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
      transition: background 0.2s;
    }

    .track-btn:hover {
      background: var(--orange-d);
    }

    /* Stats ribbon */
    .stats-ribbon {
      position: relative;
      z-index: 4;
      background: rgba(10, 12, 15, 0.96);
      border-top: 1px solid rgba(245, 98, 15, 0.2);
      padding: 1.6rem 7%;
      display: flex;
      gap: 3rem;
      flex-wrap: wrap;
      opacity: 0;
      animation: fadeUp 0.8s 1.1s forwards;
    }

    .stat {
      display: flex;
      align-items: center;
      gap: 1rem;
    }

    .stat-icon {
      width: 36px;
      height: 36px;
      background: rgba(245, 98, 15, 0.1);
      border: 1px solid rgba(245, 98, 15, 0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      clip-path: polygon(4px 0%, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
      flex-shrink: 0;
    }

    .stat-icon svg {
      width: 16px;
      color: var(--orange);
    }

    .stat-num {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--white);
      line-height: 1;
    }

    .stat-label {
      font-size: 0.7rem;
      color: var(--muted);
      letter-spacing: 0.06em;
      margin-top: 0.15rem;
    }

    /* Floating route badge */
    .route-badge {
      position: absolute;
      top: 22%;
      right: 6%;
      z-index: 5;
      background: rgba(17, 20, 24, 0.88);
      border: 1px solid rgba(245, 98, 15, 0.3);
      padding: 1.2rem 1.5rem;
      backdrop-filter: blur(10px);
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
      opacity: 0;
      animation: floatBadge 0.8s 1.3s forwards;
      min-width: 200px;
    }

    @keyframes floatBadge {
      from {
        opacity: 0;
        transform: translateX(20px);
      }

      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    .rb-label {
      font-size: 0.6rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 0.6rem;
    }

    .rb-route {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: var(--white);
      text-transform: uppercase;
    }

    .rb-arrow {
      color: var(--orange);
      font-size: 1.2rem;
    }

    .rb-status {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      margin-top: 0.5rem;
      font-size: 0.7rem;
      color: #4CAF50;
    }

    .rb-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #4CAF50;
      animation: pulse 1.5s infinite;
    }

    .rb-eta {
      font-size: 0.68rem;
      color: var(--muted);
      margin-top: 0.3rem;
    }

    /* KEYFRAMES */
    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(24px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 860px) {
      .nav-links {
        display: none;
      }

      .hamburger {
        display: flex;
      }

      .route-badge {
        display: none;
      }

      .hero-content {
        padding: 0 6% 6vh 6%;
      }

      .tracking-bar {
        margin: 0 6%;
      }

      .stats-ribbon {
        padding: 1.4rem 6%;
        gap: 1.8rem;
      }
    }

    @media (max-width: 560px) {
      h1 {
        font-size: clamp(2.8rem, 13vw, 4.5rem);
      }

      .tracking-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 0.8rem;
      }

      .track-btn {
        align-self: flex-end;
      }

      .stats-ribbon {
        gap: 1.2rem;
      }

      .stat {
        gap: 0.7rem;
      }
    }

    @media (max-width: 380px) {
      h1 {
        font-size: 2.6rem;
      }

      .stats-ribbon {
        flex-direction: column;
        gap: 1rem;
      }
    }

    @media (pointer: coarse) {
      body {
        cursor: auto;
      }

      .cursor,
      .cursor-ring {
        display: none;
      }

      * {
        cursor: auto;
      }

      .hamburger {
        cursor: pointer;
      }

      .btn-primary,
      .btn-outline,
      .btn-nav,
      .track-btn {
        cursor: pointer;
      }
    }

    /* ── SECTION WRAPPER ── */
    .services {
      padding: 100px 5% 110px;
      position: relative;
      overflow: hidden;
    }

    /* Subtle background grid */
    .services::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(245, 98, 15, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 98, 15, 0.03) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
    }

    /* Top accent line */
    .services::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--orange) 0%, transparent 60%);
    }

    /* ── SECTION HEADER ── */
    .section-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 60px;
      gap: 2rem;
      flex-wrap: wrap;
    }

    .header-left {
      max-width: 560px;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.7rem;
      font-size: 0.68rem;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 1.2rem;
    }

    .eyebrow::before {
      content: '';
      display: block;
      width: 30px;
      height: 2px;
      background: var(--orange);
    }

    h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(2.4rem, 5vw, 4rem);
      font-weight: 900;
      line-height: 0.95;
      text-transform: uppercase;
      letter-spacing: -0.01em;
    }

    h2 .outline {
      -webkit-text-stroke: 2px var(--white);
      color: transparent;
    }

    .header-desc {
      font-size: 0.92rem;
      color: var(--muted);
      line-height: 1.7;
      font-weight: 300;
      max-width: 320px;
    }

    .view-all {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--orange);
      text-decoration: none;
      border-bottom: 1px solid rgba(245, 98, 15, 0.3);
      padding-bottom: 0.2rem;
      transition: gap 0.2s, border-color 0.2s;
      white-space: nowrap;
    }

    .view-all:hover {
      gap: 1rem;
      border-color: var(--orange);
    }

    /* ── FEATURED SERVICE (large top card) ── */
    .featured-service {
      display: grid;
      grid-template-columns: 1fr 1fr;
      background: var(--steel);
      border: 1px solid rgba(255, 255, 255, 0.06);
      margin-bottom: 2px;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      transition: border-color 0.3s;
      min-height: 320px;
    }

    .featured-service:hover {
      border-color: rgba(245, 98, 15, 0.4);
    }

    .featured-service:hover .fs-img img {
      transform: scale(1.04);
      filter: brightness(0.5) saturate(0.7);
    }

    .featured-service:hover .fs-arrow {
      transform: translate(4px, -4px);
    }

    .fs-content {
      padding: 3rem 3.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      z-index: 2;
    }

    .fs-tag {
      display: inline-block;
      background: rgba(245, 98, 15, 0.12);
      border: 1px solid rgba(245, 98, 15, 0.3);
      color: var(--orange);
      font-size: 0.62rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      padding: 0.3rem 0.8rem;
      clip-path: polygon(5px 0%, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
      margin-bottom: 1.5rem;
      width: fit-content;
    }

    .fs-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(1.8rem, 3vw, 2.8rem);
      font-weight: 900;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 1rem;
    }

    .fs-desc {
      font-size: 0.88rem;
      color: var(--muted);
      line-height: 1.7;
      font-weight: 300;
      margin-bottom: 2rem;
      max-width: 340px;
    }

    .fs-features {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .fs-feature {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      font-size: 0.8rem;
      color: var(--light);
      font-weight: 300;
    }

    .fs-feature::before {
      content: '';
      width: 4px;
      height: 4px;
      background: var(--orange);
      border-radius: 50%;
      flex-shrink: 0;
    }

    .fs-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 2.5rem;
      padding-top: 1.5rem;
      border-top: 1px solid rgba(255, 255, 255, 0.07);
    }

    .fs-learn {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--white);
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      transition: color 0.2s, gap 0.2s;
    }

    .fs-learn:hover {
      color: var(--orange);
      gap: 0.9rem;
    }

    .fs-arrow {
      width: 48px;
      height: 48px;
      background: var(--orange);
      display: flex;
      align-items: center;
      justify-content: center;
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
      transition: transform 0.2s, background 0.2s;
      flex-shrink: 0;
    }

    .fs-arrow:hover {
      background: var(--orange-d);
    }

    .fs-arrow svg {
      width: 18px;
      color: white;
    }

    .fs-img {
      position: relative;
      overflow: hidden;
    }

    .fs-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.45) saturate(0.6);
      transition: transform 0.6s ease, filter 0.4s;
    }

    .fs-img::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, var(--steel) 0%, transparent 30%);
    }

    .fs-number {
      position: absolute;
      bottom: 1.5rem;
      right: 1.5rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 5rem;
      font-weight: 900;
      color: rgba(255, 255, 255, 0.06);
      line-height: 1;
      z-index: 2;
      user-select: none;
    }

    /* ── SERVICE CARDS GRID ── */
    .services-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2px;
      margin-bottom: 2px;
    }

    .service-card {
      background: var(--steel);
      border: 1px solid rgba(255, 255, 255, 0.05);
      padding: 2rem 1.8rem;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      transition: border-color 0.3s, background 0.3s;
      group: true;
    }

    .service-card::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 2px;
      background: var(--orange);
      transition: width 0.4s ease;
    }

    .service-card:hover {
      border-color: rgba(245, 98, 15, 0.3);
      background: var(--steel2);
    }

    .service-card:hover::before {
      width: 100%;
    }

    .service-card:hover .card-icon {
      background: var(--orange);
      border-color: var(--orange);
    }

    .service-card:hover .card-icon svg {
      color: var(--white);
    }

    .service-card:hover .card-num {
      color: rgba(245, 98, 15, 0.08);
    }

    .service-card:hover .card-arrow {
      opacity: 1;
      transform: translate(0, 0);
    }

    .card-num {
      position: absolute;
      top: 1rem;
      right: 1.2rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 3.5rem;
      font-weight: 900;
      color: rgba(255, 255, 255, 0.04);
      line-height: 1;
      transition: color 0.3s;
      user-select: none;
    }

    .card-icon {
      width: 46px;
      height: 46px;
      background: rgba(245, 98, 15, 0.08);
      border: 1px solid rgba(245, 98, 15, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
      margin-bottom: 1.5rem;
      transition: background 0.3s, border-color 0.3s;
    }

    .card-icon svg {
      width: 20px;
      color: var(--orange);
      transition: color 0.3s;
    }

    .card-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.3rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      margin-bottom: 0.7rem;
      line-height: 1.1;
    }

    .card-desc {
      font-size: 0.78rem;
      color: var(--muted);
      line-height: 1.65;
      font-weight: 300;
      margin-bottom: 1.5rem;
    }

    .card-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
    }

    .card-tag {
      font-size: 0.6rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--muted);
      border: 1px solid rgba(255, 255, 255, 0.1);
      padding: 0.2rem 0.6rem;
    }

    .card-arrow {
      position: absolute;
      bottom: 1.5rem;
      right: 1.5rem;
      opacity: 0;
      transform: translate(-4px, 4px);
      transition: opacity 0.3s, transform 0.3s;
      color: var(--orange);
    }

    .card-arrow svg {
      width: 16px;
    }

    /* ── BOTTOM BANNER ── */
    .services-banner {
      background: var(--orange);
      padding: 2rem 3rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
      flex-wrap: wrap;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%);
    }

    .banner-text {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(1.2rem, 2.5vw, 1.8rem);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: var(--white);
    }

    .banner-text span {
      opacity: 0.65;
    }

    .banner-actions {
      display: flex;
      gap: 1rem;
      align-items: center;
      flex-shrink: 0;
    }

    .btn-white {
      background: var(--white);
      color: var(--orange);
      padding: 0.75rem 2rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-decoration: none;
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
      transition: opacity 0.2s;
    }

    .btn-white:hover {
      opacity: 0.88;
    }

    .btn-transparent {
      color: var(--white);
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      padding-bottom: 0.15rem;
      transition: gap 0.2s;
    }

    .btn-transparent:hover {
      gap: 0.9rem;
    }

    /* ── SCROLL REVEAL ── */
    .reveal {
      opacity: 0;
      transform: translateY(32px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }

    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .reveal-delay-1 {
      transition-delay: 0.1s;
    }

    .reveal-delay-2 {
      transition-delay: 0.2s;
    }

    .reveal-delay-3 {
      transition-delay: 0.3s;
    }

    .reveal-delay-4 {
      transition-delay: 0.4s;
    }

    .reveal-delay-5 {
      transition-delay: 0.5s;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 1024px) {
      .services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 760px) {
      .services {
        padding: 70px 5% 80px;
      }

      .featured-service {
        grid-template-columns: 1fr;
      }

      .fs-img {
        height: 220px;
      }

      .fs-img::after {
        background: linear-gradient(180deg, transparent 0%, var(--steel) 100%);
      }

      .fs-content {
        padding: 2rem;
      }

      .section-header {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    @media (max-width: 520px) {
      .services-grid {
        grid-template-columns: 1fr;
      }

      .services-banner {
        padding: 1.6rem;
      }

      .banner-actions {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    /* ── SECTION ── */
    .hiw {
      padding: 110px 5% 120px;
      position: relative;
      overflow: hidden;
    }

    /* giant watermark */
    .hiw-watermark {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(10rem, 22vw, 22rem);
      font-weight: 900;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.018);
      white-space: nowrap;
      pointer-events: none;
      user-select: none;
      letter-spacing: -0.02em;
    }

    /* grid texture */
    .hiw::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(245, 98, 15, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 98, 15, 0.025) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
    }

    /* ── HEADER ── */
    .hiw-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 80px;
      gap: 2rem;
      flex-wrap: wrap;
      position: relative;
      z-index: 2;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.7rem;
      font-size: 0.68rem;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 1.2rem;
    }

    .eyebrow::before {
      content: '';
      display: block;
      width: 30px;
      height: 2px;
      background: var(--orange);
    }

    h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(2.4rem, 5vw, 4rem);
      font-weight: 900;
      line-height: 0.95;
      text-transform: uppercase;
    }

    h2 .outline {
      -webkit-text-stroke: 2px var(--white);
      color: transparent;
    }

    .header-right {
      max-width: 340px;
    }

    .header-desc {
      font-size: 0.92rem;
      color: var(--muted);
      line-height: 1.75;
      font-weight: 300;
      margin-bottom: 1.5rem;
    }

    .header-note {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      font-size: 0.75rem;
      color: var(--orange);
      font-weight: 500;
      letter-spacing: 0.06em;
    }

    .header-note svg {
      width: 14px;
      flex-shrink: 0;
    }

    /* ── STEPS ── */
    .steps-wrap {
      position: relative;
      z-index: 2;
    }

    /* Horizontal connector line (desktop) */
    .connector-line {
      position: absolute;
      top: 72px;
      left: calc(12.5% + 23px);
      right: calc(12.5% + 23px);
      height: 1px;
      background: rgba(255, 255, 255, 0.07);
      z-index: 0;
    }

    .connector-line::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 0;
      background: linear-gradient(90deg, var(--orange), rgba(245, 98, 15, 0.3));
      transition: width 1.6s ease 0.4s;
    }

    .connector-line.animate::after {
      width: 100%;
    }

    /* dashed overlay */
    .connector-dashes {
      position: absolute;
      top: 71px;
      left: calc(12.5% + 23px);
      right: calc(12.5% + 23px);
      height: 3px;
      background-image: repeating-linear-gradient(90deg,
          transparent,
          transparent 8px,
          rgba(245, 98, 15, 0.15) 8px,
          rgba(245, 98, 15, 0.15) 16px);
      z-index: 0;
    }

    .steps-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      position: relative;
      z-index: 1;
    }

    .step {
      padding: 0 2rem 0 0;
      position: relative;
      cursor: default;
    }

    .step:last-child {
      padding-right: 0;
    }

    /* Step number bubble */
    .step-bubble {
      width: 56px;
      height: 56px;
      background: var(--steel);
      border: 2px solid rgba(255, 255, 255, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 2;
      margin-bottom: 2rem;
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
      transition: background 0.3s, border-color 0.3s;
    }

    .step:hover .step-bubble,
    .step.active .step-bubble {
      background: var(--orange);
      border-color: var(--orange);
    }

    .step-num {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.1rem;
      font-weight: 900;
      color: var(--muted);
      transition: color 0.3s;
    }

    .step:hover .step-num,
    .step.active .step-num {
      color: var(--white);
    }

    /* Icon inside bubble (shown on hover/active) */
    .step-icon {
      display: none;
      width: 22px;
      color: var(--white);
    }

    .step:hover .step-num {
      display: none;
    }

    .step:hover .step-icon {
      display: block;
    }

    .step.active .step-num {
      display: none;
    }

    .step.active .step-icon {
      display: block;
    }

    .step-body {
      padding-right: 1rem;
    }

    .step-label {
      font-size: 0.6rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 0.5rem;
      font-weight: 500;
    }

    .step-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.4rem;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.05;
      margin-bottom: 0.8rem;
      color: var(--white);
    }

    .step-desc {
      font-size: 0.82rem;
      color: var(--muted);
      line-height: 1.7;
      font-weight: 300;
    }

    .step-detail {
      margin-top: 1.2rem;
      padding-top: 1.2rem;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .step-detail-item {
      display: flex;
      align-items: flex-start;
      gap: 0.5rem;
      font-size: 0.75rem;
      color: var(--light);
      font-weight: 300;
      margin-bottom: 0.45rem;
    }

    .step-detail-item::before {
      content: '→';
      color: var(--orange);
      font-size: 0.7rem;
      margin-top: 0.05rem;
      flex-shrink: 0;
    }

    /* ── VISUAL PANEL ── */
    .hiw-visual {
      margin-top: 80px;
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2px;
    }

    .visual-img {
      position: relative;
      overflow: hidden;
      min-height: 340px;
    }

    .visual-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.4) saturate(0.55);
      transition: transform 0.6s ease, filter 0.4s;
    }

    .visual-img:hover img {
      transform: scale(1.04);
      filter: brightness(0.5) saturate(0.7);
    }

    .visual-img-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 40%, rgba(10, 12, 15, 0.85) 100%);
    }

    .visual-img-label {
      position: absolute;
      bottom: 1.6rem;
      left: 1.8rem;
      z-index: 2;
    }

    .vil-tag {
      font-size: 0.6rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 0.3rem;
    }

    .vil-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.3rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    .visual-right {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .visual-stat-card {
      background: var(--steel);
      padding: 1.8rem 2rem;
      border: 1px solid rgba(255, 255, 255, 0.05);
      flex: 1;
      display: flex;
      align-items: center;
      gap: 1.5rem;
      transition: border-color 0.3s;
    }

    .visual-stat-card:hover {
      border-color: rgba(245, 98, 15, 0.3);
    }

    .vsc-icon {
      width: 52px;
      height: 52px;
      background: rgba(245, 98, 15, 0.08);
      border: 1px solid rgba(245, 98, 15, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
      flex-shrink: 0;
    }

    .vsc-icon svg {
      width: 22px;
      color: var(--orange);
    }

    .vsc-num {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 2.2rem;
      font-weight: 900;
      line-height: 1;
    }

    .vsc-label {
      font-size: 0.72rem;
      color: var(--muted);
      letter-spacing: 0.06em;
      margin-top: 0.2rem;
    }

    .vsc-note {
      font-size: 0.68rem;
      color: #4CAF50;
      margin-top: 0.3rem;
      display: flex;
      align-items: center;
      gap: 0.3rem;
    }

    .vsc-note::before {
      content: '▲';
      font-size: 0.55rem;
    }

    /* ── BOTTOM CTA ROW ── */
    .hiw-cta-row {
      margin-top: 70px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
      flex-wrap: wrap;
      position: relative;
      z-index: 2;
      padding-top: 2rem;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .cta-text {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(1.4rem, 3vw, 2.2rem);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.02em;
    }

    .cta-text em {
      font-style: italic;
      color: var(--orange);
      font-weight: 300;
    }

    .cta-actions {
      display: flex;
      gap: 1rem;
      align-items: center;
      flex-wrap: wrap;
    }

    .btn-primary {
      background: var(--orange);
      color: var(--white);
      padding: 0.9rem 2.2rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.85rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-decoration: none;
      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
      transition: background 0.2s, transform 0.2s;
    }

    .btn-primary:hover {
      background: var(--orange-d);
      transform: translateY(-2px);
    }

    .btn-outline {
      border: 1.5px solid rgba(255, 255, 255, 0.2);
      color: var(--white);
      padding: 0.85rem 2rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.85rem;
      font-weight: 500;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-decoration: none;
      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
      transition: border-color 0.2s, color 0.2s;
    }

    .btn-outline:hover {
      border-color: var(--orange);
      color: var(--orange);
    }

    /* ── REVEAL ── */
    .reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }

    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .reveal-delay-1 {
      transition-delay: 0.1s;
    }

    .reveal-delay-2 {
      transition-delay: 0.2s;
    }

    .reveal-delay-3 {
      transition-delay: 0.3s;
    }

    .reveal-delay-4 {
      transition-delay: 0.4s;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 1024px) {
      .steps-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 2rem;
      }

      .connector-line,
      .connector-dashes {
        display: none;
      }
    }

    @media (max-width: 720px) {
      .hiw {
        padding: 70px 5% 80px;
      }

      .hiw-header {
        flex-direction: column;
        align-items: flex-start;
      }

      .steps-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
      }

      .hiw-visual {
        grid-template-columns: 1fr;
      }

      .visual-img {
        min-height: 240px;
      }

      .hiw-cta-row {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    @media (max-width: 480px) {
      .cta-actions {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
      }

      .btn-primary,
      .btn-outline {
        text-align: center;
      }
    }

    /* ── SECTION ── */
    .wcu {
      position: relative;
      overflow: hidden;
    }

    /* ── TOP HALF — dark with image ── */
    .wcu-top {
      background: var(--black);
      padding: 110px 5% 0;
      position: relative;
    }

    .wcu-top::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(245, 98, 15, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 98, 15, 0.025) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
    }

    .wcu-top::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, transparent 0%, var(--orange) 40%, transparent 100%);
    }

    /* ── HEADER ── */
    .wcu-header {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: end;
      margin-bottom: 70px;
      position: relative;
      z-index: 2;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.7rem;
      font-size: 0.68rem;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 1.2rem;
    }

    .eyebrow::before {
      content: '';
      display: block;
      width: 30px;
      height: 2px;
      background: var(--orange);
    }

    h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(2.6rem, 5.5vw, 4.4rem);
      font-weight: 900;
      line-height: 0.93;
      text-transform: uppercase;
    }

    h2 .outline {
      -webkit-text-stroke: 2px var(--white);
      color: transparent;
    }

    h2 .orange {
      color: var(--orange);
    }

    .header-right-text {
      font-size: 0.95rem;
      color: var(--muted);
      line-height: 1.78;
      font-weight: 300;
      margin-bottom: 2rem;
    }

    .trust-badges {
      display: flex;
      gap: 1.5rem;
      flex-wrap: wrap;
    }

    .trust-badge {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      background: rgba(245, 98, 15, 0.08);
      border: 1px solid rgba(245, 98, 15, 0.2);
      padding: 0.45rem 0.9rem;
      font-size: 0.7rem;
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--orange);
      clip-path: polygon(5px 0%, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
    }

    .trust-badge svg {
      width: 12px;
    }

    /* ── FEATURE CARDS BENTO GRID ── */
    .bento {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto;
      gap: 2px;
      position: relative;
      z-index: 2;
    }

    .bento-card {
      background: var(--steel);
      border: 1px solid rgba(255, 255, 255, 0.05);
      padding: 2.2rem 2rem;
      position: relative;
      overflow: hidden;
      transition: border-color 0.3s, background 0.3s;
      cursor: default;
    }

    .bento-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      height: 2px;
      width: 0;
      background: var(--orange);
      transition: width 0.4s ease;
    }

    .bento-card:hover {
      border-color: rgba(245, 98, 15, 0.3);
      background: var(--steel2);
    }

    .bento-card:hover::after {
      width: 100%;
    }

    .bento-card:hover .bc-icon {
      background: var(--orange);
      border-color: var(--orange);
    }

    .bento-card:hover .bc-icon svg {
      color: var(--white);
    }

    /* grid placements */
    .bc-1 {
      grid-column: span 5;
    }

    .bc-2 {
      grid-column: span 4;
    }

    .bc-3 {
      grid-column: span 3;
    }

    .bc-4 {
      grid-column: span 3;
    }

    .bc-5 {
      grid-column: span 5;
    }

    .bc-6 {
      grid-column: span 4;
    }

    /* large feature card */
    .bc-large {
      grid-column: span 7;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      padding: 0;
    }

    .bc-large-img {
      position: relative;
      overflow: hidden;
      min-height: 260px;
    }

    .bc-large-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.35) saturate(0.5);
      transition: transform 0.6s, filter 0.4s;
    }

    .bc-large:hover .bc-large-img img {
      transform: scale(1.05);
      filter: brightness(0.5) saturate(0.65);
    }

    .bc-large-img-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent 60%, var(--steel) 100%);
    }

    .bc-large-content {
      padding: 2.2rem 2rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .bc-icon {
      width: 46px;
      height: 46px;
      background: rgba(245, 98, 15, 0.08);
      border: 1px solid rgba(245, 98, 15, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
      margin-bottom: 1.4rem;
      flex-shrink: 0;
      transition: background 0.3s, border-color 0.3s;
    }

    .bc-icon svg {
      width: 20px;
      color: var(--orange);
      transition: color 0.3s;
    }

    .bc-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.25rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      line-height: 1.05;
      margin-bottom: 0.7rem;
    }

    .bc-desc {
      font-size: 0.8rem;
      color: var(--muted);
      line-height: 1.68;
      font-weight: 300;
    }

    .bc-metric {
      margin-top: 1.4rem;
      padding-top: 1.2rem;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      display: flex;
      align-items: baseline;
      gap: 0.5rem;
    }

    .bc-metric-num {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.9rem;
      font-weight: 900;
      color: var(--orange);
      line-height: 1;
    }

    .bc-metric-label {
      font-size: 0.72rem;
      color: var(--muted);
      font-weight: 300;
    }

    /* accent card — orange fill */
    .bc-accent {
      background: var(--orange);
      border-color: var(--orange) !important;
      grid-column: span 5;
    }

    .bc-accent:hover {
      background: var(--orange-d) !important;
    }

    .bc-accent .bc-icon {
      background: rgba(255, 255, 255, 0.15);
      border-color: rgba(255, 255, 255, 0.3);
    }

    .bc-accent .bc-icon svg {
      color: var(--white);
    }

    .bc-accent .bc-title {
      color: var(--white);
    }

    .bc-accent .bc-desc {
      color: rgba(255, 255, 255, 0.72);
    }

    .bc-accent .bc-metric-num {
      color: var(--white);
    }

    .bc-accent .bc-metric-label {
      color: rgba(255, 255, 255, 0.6);
    }

    .bc-accent::after {
      background: rgba(255, 255, 255, 0.3);
    }

    /* ── BOTTOM STRIP ── */
    .wcu-bottom {
      background: var(--steel);
      border-top: 1px solid rgba(255, 255, 255, 0.05);
      padding: 2rem 5%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
      flex-wrap: wrap;
      position: relative;
      z-index: 2;
    }

    .partner-label {
      font-size: 0.65rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--muted);
      white-space: nowrap;
      flex-shrink: 0;
    }

    .divider-vert {
      width: 1px;
      height: 28px;
      background: rgba(255, 255, 255, 0.1);
      flex-shrink: 0;
    }

    .partner-logos {
      display: flex;
      align-items: center;
      gap: 2.5rem;
      flex-wrap: wrap;
      flex: 1;
    }

    .partner-logo {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.2);
      transition: color 0.3s;
      cursor: default;
    }

    .partner-logo:hover {
      color: rgba(255, 255, 255, 0.55);
    }

    .wcu-bottom-cta {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.8rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--orange);
      text-decoration: none;
      border-bottom: 1px solid rgba(245, 98, 15, 0.3);
      padding-bottom: 0.15rem;
      transition: gap 0.2s;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .wcu-bottom-cta:hover {
      gap: 0.9rem;
    }

    /* ── REVEAL ── */
    .reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }

    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .reveal-delay-1 {
      transition-delay: 0.1s;
    }

    .reveal-delay-2 {
      transition-delay: 0.2s;
    }

    .reveal-delay-3 {
      transition-delay: 0.3s;
    }

    .reveal-delay-4 {
      transition-delay: 0.4s;
    }

    .reveal-delay-5 {
      transition-delay: 0.5s;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 1100px) {

      .bc-1,
      .bc-2,
      .bc-3,
      .bc-4,
      .bc-5,
      .bc-6,
      .bc-accent {
        grid-column: span 6;
      }

      .bc-large {
        grid-column: span 12;
      }

      .bc-large {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 760px) {
      .wcu-top {
        padding: 70px 5% 0;
      }

      .wcu-header {
        grid-template-columns: 1fr;
        gap: 1.5rem;
      }

      .bc-1,
      .bc-2,
      .bc-3,
      .bc-4,
      .bc-5,
      .bc-6,
      .bc-accent,
      .bc-large {
        grid-column: span 12;
      }

      .bc-large {
        grid-template-columns: 1fr;
      }

      .bc-large-img {
        min-height: 200px;
      }

      .bc-large-img-overlay {
        background: linear-gradient(180deg, transparent 50%, var(--steel) 100%);
      }
    }

    @media (max-width: 520px) {
      .trust-badges {
        gap: 0.8rem;
      }

      .partner-logos {
        gap: 1.5rem;
      }
    }

     /* ── SECTION ── */
    .coverage {
      position: relative;
      overflow: hidden;
      padding: 110px 0 0;
    }
    .coverage::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(245,98,15,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,98,15,0.025) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
      z-index: 0;
    }
    .coverage::after {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, transparent 0%, var(--orange) 50%, transparent 100%);
    }
 
    /* ── HEADER ── */
    .cov-header {
      padding: 0 5% 60px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      flex-wrap: wrap;
      gap: 2rem;
      position: relative;
      z-index: 2;
    }
 
    .eyebrow {
      display: inline-flex; align-items: center; gap: 0.7rem;
      font-size: 0.68rem; font-weight: 500; letter-spacing: 0.22em;
      text-transform: uppercase; color: var(--orange); margin-bottom: 1.2rem;
    }
    .eyebrow::before {
      content: ''; display: block;
      width: 30px; height: 2px; background: var(--orange);
    }
    h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(2.4rem, 5vw, 4rem);
      font-weight: 900; line-height: 0.93; text-transform: uppercase;
    }
    h2 .outline { -webkit-text-stroke: 2px var(--white); color: transparent; }
 
    .header-right { max-width: 360px; }
    .header-desc {
      font-size: 0.92rem; color: var(--muted);
      line-height: 1.75; font-weight: 300; margin-bottom: 1.6rem;
    }
 
    /* Region filter tabs */
    .region-tabs {
      display: flex; gap: 0.5rem; flex-wrap: wrap;
    }
    .rtab {
      background: var(--steel); border: 1px solid rgba(255,255,255,0.07);
      color: var(--muted); padding: 0.45rem 1.1rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.78rem; font-weight: 700;
      letter-spacing: 0.1em; text-transform: uppercase;
      cursor: pointer;
      clip-path: polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
      transition: background 0.2s, color 0.2s, border-color 0.2s;
      border: none; outline: none;
    }
    .rtab:hover { color: var(--white); background: var(--steel2); }
    .rtab.active { background: var(--orange); color: var(--white); }
 
    /* ── MAP STAGE ── */
    .map-stage {
      position: relative;
      background: #0a0d12;
      overflow: hidden;
      height: 520px;
      border-top: 1px solid rgba(255,255,255,0.05);
      border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    .map-stage svg {
      width: 100%; height: 100%;
      display: block;
    }
 
    /* Top-left map legend */
    .map-legend {
      position: absolute;
      top: 1.4rem; left: 2rem;
      display: flex; flex-direction: column; gap: 0.6rem;
      z-index: 4;
    }
    .legend-item {
      display: flex; align-items: center; gap: 0.6rem;
      font-size: 0.65rem; letter-spacing: 0.12em;
      text-transform: uppercase; color: var(--muted);
    }
    .legend-dot {
      width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;
    }
    .legend-line {
      width: 24px; height: 2px; flex-shrink: 0;
    }
 
    /* Tooltip */
    .map-tooltip {
      position: absolute;
      background: var(--steel);
      border: 1px solid rgba(245,98,15,0.35);
      padding: 0.8rem 1.1rem;
      pointer-events: none;
      z-index: 10;
      opacity: 0;
      transition: opacity 0.2s;
      min-width: 160px;
      clip-path: polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
    }
    .map-tooltip.show { opacity: 1; }
    .tt-city {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1rem; font-weight: 700; text-transform: uppercase;
      color: var(--white); margin-bottom: 0.15rem;
    }
    .tt-country { font-size: 0.7rem; color: var(--muted); margin-bottom: 0.4rem; }
    .tt-tag {
      font-size: 0.6rem; letter-spacing: 0.14em; text-transform: uppercase;
      color: var(--orange); display: flex; align-items: center; gap: 0.3rem;
    }
    .tt-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--orange); }
 
    /* ── STATS BELT ── */
    .stats-belt {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2px;
      position: relative; z-index: 2;
    }
    .belt-item {
      background: var(--steel);
      border: 1px solid rgba(255,255,255,0.05);
      padding: 2rem 2.2rem;
      transition: border-color 0.3s, background 0.3s;
    }
    .belt-item:hover { border-color: rgba(245,98,15,0.3); background: var(--steel2); }
    .belt-num {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 2.6rem; font-weight: 900; line-height: 1;
      color: var(--white); margin-bottom: 0.3rem;
    }
    .belt-num span { color: var(--orange); }
    .belt-label { font-size: 0.75rem; color: var(--muted); font-weight: 300; letter-spacing: 0.04em; }
 
    /* ── REGIONS LIST ── */
    .regions-section {
      padding: 70px 5%;
      position: relative; z-index: 2;
    }
    .regions-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2px;
    }
    .region-card {
      background: var(--steel);
      border: 1px solid rgba(255,255,255,0.05);
      padding: 2rem 2.2rem;
      position: relative; overflow: hidden;
      transition: border-color 0.3s, background 0.3s;
      cursor: default;
    }
    .region-card::after {
      content: '';
      position: absolute; bottom: 0; left: 0;
      width: 0; height: 2px; background: var(--orange);
      transition: width 0.4s ease;
    }
    .region-card:hover { border-color: rgba(245,98,15,0.3); background: var(--steel2); }
    .region-card:hover::after { width: 100%; }
 
    .rc-flag {
      font-size: 1.6rem; margin-bottom: 1rem; display: block; line-height: 1;
    }
    .rc-region {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.2rem; font-weight: 700; text-transform: uppercase;
      letter-spacing: 0.04em; margin-bottom: 0.5rem;
    }
    .rc-count {
      font-size: 0.72rem; color: var(--orange);
      font-weight: 500; letter-spacing: 0.1em; margin-bottom: 1rem;
    }
    .rc-cities {
      display: flex; flex-wrap: wrap; gap: 0.4rem;
    }
    .rc-city {
      font-size: 0.65rem; color: var(--muted);
      border: 1px solid rgba(255,255,255,0.08);
      padding: 0.18rem 0.6rem; letter-spacing: 0.06em;
      transition: color 0.2s, border-color 0.2s;
    }
    .region-card:hover .rc-city { color: var(--light); border-color: rgba(255,255,255,0.14); }
    .rc-more { color: var(--orange) !important; border-color: rgba(245,98,15,0.25) !important; }
 
    /* ── CTA BANNER ── */
    .cov-banner {
      margin: 0 5% 0;
      background: var(--orange);
      padding: 2.2rem 3rem;
      display: flex; align-items: center;
      justify-content: space-between; gap: 2rem; flex-wrap: wrap;
      clip-path: polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
      position: relative; z-index: 2;
    }
    .banner-text {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(1.2rem,2.5vw,1.9rem);
      font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em;
    }
    .banner-text span { opacity: 0.65; font-weight: 300; }
    .banner-btns { display: flex; gap: 1rem; flex-wrap: wrap; }
    .btn-white {
      background: var(--white); color: var(--orange);
      padding: 0.8rem 2rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.82rem; font-weight: 700; letter-spacing: 0.14em;
      text-transform: uppercase; text-decoration: none;
      clip-path: polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition: opacity 0.2s;
    }
    .btn-white:hover { opacity: 0.88; }
    .btn-clear {
      color: var(--white);
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.82rem; font-weight: 700; letter-spacing: 0.14em;
      text-transform: uppercase; text-decoration: none;
      display: flex; align-items: center; gap: 0.5rem;
      border-bottom: 1px solid rgba(255,255,255,0.45);
      padding-bottom: 0.1rem; transition: gap 0.2s;
    }
    .btn-clear:hover { gap: 0.9rem; }
 
    .section-bottom-pad { padding-bottom: 110px; }
 
    /* ── REVEAL ── */
    .reveal { opacity:0; transform:translateY(28px); transition:opacity 0.7s ease,transform 0.7s ease; }
    .reveal.visible { opacity:1; transform:none; }
    .reveal-delay-1 { transition-delay:0.1s; }
    .reveal-delay-2 { transition-delay:0.2s; }
    .reveal-delay-3 { transition-delay:0.3s; }
 
    /* ── RESPONSIVE ── */
    @media (max-width:1024px) {
      .stats-belt { grid-template-columns:repeat(2,1fr); }
      .regions-grid { grid-template-columns:repeat(2,1fr); }
    }
    @media (max-width:680px) {
      .coverage { padding:70px 0 0; }
      .cov-header { flex-direction:column; align-items:flex-start; }
      .map-stage { height:320px; }
      .stats-belt { grid-template-columns:1fr 1fr; }
      .regions-grid { grid-template-columns:1fr; }
      .cov-banner { padding:1.6rem; flex-direction:column; align-items:flex-start; }
      .map-legend { top:0.8rem; left:1rem; }
    }

     /* ── SHARED ── */
    .eyebrow {
      display: inline-flex; align-items: center; gap: 0.7rem;
      font-size: 0.68rem; font-weight: 500; letter-spacing: 0.22em;
      text-transform: uppercase; color: var(--orange); margin-bottom: 1.2rem;
    }
    .eyebrow::before { content:''; display:block; width:30px; height:2px; background:var(--orange); }
    .reveal { opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease; }
    .reveal.visible { opacity:1; transform:none; }
    .reveal-delay-1 { transition-delay:.1s; }
    .reveal-delay-2 { transition-delay:.2s; }
    .reveal-delay-3 { transition-delay:.3s; }
    .reveal-delay-4 { transition-delay:.4s; }
    .reveal-delay-5 { transition-delay:.5s; }


    /* ══════════════════════════════════════
       PRICING TIERS
    ══════════════════════════════════════ */
    .pricing {
      padding: 110px 5% 0;
      background: var(--dark);
      position: relative; overflow: hidden;
    }
    .pricing::before {
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(245,98,15,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,98,15,0.025) 1px, transparent 1px);
      background-size:60px 60px; pointer-events:none;
    }
    .pricing::after {
      content:''; position:absolute; top:0; left:0; right:0; height:3px;
      background: linear-gradient(90deg, var(--orange) 0%, transparent 60%);
    }

    .pricing-header {
      display: flex; justify-content:space-between;
      align-items: flex-end; gap: 2rem; flex-wrap: wrap;
      margin-bottom: 60px; position: relative; z-index:2;
    }
    .pricing-header h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.4rem,5vw,4rem);
      font-weight:900; line-height:0.93; text-transform:uppercase;
    }
    .pricing-header h2 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .pricing-header-right { max-width:320px; }
    .pricing-desc { font-size:0.9rem; color:var(--muted); line-height:1.75; font-weight:300; margin-bottom:1.2rem; }

    /* Toggle: Monthly / Annual */
    .billing-toggle {
      display: inline-flex; align-items: center; gap: 0.8rem;
      background: var(--steel); border: 1px solid rgba(255,255,255,0.07);
      padding: 0.4rem 0.6rem;
      clip-path: polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
    }
    .bt-label {
      font-size: 0.72rem; font-weight:500; letter-spacing:0.1em;
      text-transform:uppercase; color:var(--muted); cursor:pointer;
      transition:color 0.2s;
    }
    .bt-label.active { color:var(--white); }
    .bt-switch {
      width:38px; height:20px; background:var(--orange); border-radius:20px;
      position:relative; cursor:pointer; flex-shrink:0; transition:background 0.3s;
    }
    .bt-switch::after {
      content:''; position:absolute; top:3px; left:3px;
      width:14px; height:14px; border-radius:50%; background:var(--white);
      transition:left 0.3s;
    }
    .bt-switch.annual::after { left:21px; }
    .bt-badge {
      font-size:0.58rem; letter-spacing:0.14em; text-transform:uppercase;
      background:rgba(34,197,94,0.12); border:1px solid rgba(34,197,94,0.3);
      color:var(--green); padding:0.15rem 0.5rem;
    }

    /* Tier cards */
    .tiers-grid {
      display: grid; grid-template-columns: repeat(3,1fr);
      gap: 2px; position: relative; z-index:2;
    }
    .tier-card {
      background: var(--steel);
      border: 1px solid rgba(255,255,255,0.05);
      padding: 2.6rem 2.4rem;
      position: relative; overflow: hidden;
      display: flex; flex-direction:column;
      transition: border-color 0.3s;
    }
    .tier-card:hover { border-color: rgba(245,98,15,0.3); }
    .tier-card.popular {
      background: var(--steel2);
      border-color: rgba(245,98,15,0.4);
    }
    .tier-card.popular::before {
      content:'';
      position:absolute; top:0; left:0; right:0; height:3px;
      background: var(--orange);
    }

    .tier-badge {
      display:inline-block;
      background:var(--orange); color:var(--white);
      font-size:0.58rem; letter-spacing:0.18em; text-transform:uppercase;
      font-weight:700; padding:0.25rem 0.8rem; margin-bottom:1.4rem;
      clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);
      width:fit-content;
    }
    .tier-name {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.4rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.04em; margin-bottom:0.4rem;
    }
    .tier-tagline { font-size:0.78rem; color:var(--muted); font-weight:300; margin-bottom:1.8rem; }

    .tier-price {
      display:flex; align-items:baseline; gap:0.3rem;
      margin-bottom:0.4rem;
    }
    .tier-currency {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.2rem; font-weight:700; color:var(--muted); margin-top:0.3rem;
    }
    .tier-amount {
      font-family:'Barlow Condensed',sans-serif;
      font-size:3.4rem; font-weight:900; line-height:1; color:var(--white);
      transition:all 0.3s;
    }
    .tier-card.popular .tier-amount { color:var(--orange); }
    .tier-unit { font-size:0.8rem; color:var(--muted); font-weight:300; }
    .tier-price-note {
      font-size:0.72rem; color:var(--muted); font-weight:300;
      margin-bottom:1.8rem; min-height:1.2rem;
    }
    .tier-price-note .save { color:var(--green); font-weight:500; }

    .tier-divider {
      height:1px; background:rgba(255,255,255,0.07); margin-bottom:1.6rem;
    }

    .tier-features { display:flex; flex-direction:column; gap:0.7rem; flex:1; margin-bottom:2rem; }
    .tier-feature {
      display:flex; align-items:flex-start; gap:0.7rem;
      font-size:0.82rem; color:var(--light); font-weight:300; line-height:1.4;
    }
    .tf-check {
      width:16px; height:16px; flex-shrink:0; margin-top:0.1rem;
      display:flex; align-items:center; justify-content:center;
    }
    .tf-check svg { width:14px; }
    .feature-yes svg { color:var(--green); }
    .feature-no  { opacity:0.35; }
    .feature-no svg { color:var(--muted); }

    .tier-btn {
      display:block; text-align:center; text-decoration:none; padding:1rem;
      font-family:'Barlow Condensed',sans-serif; font-size:0.88rem; font-weight:700;
      letter-spacing:0.14em; text-transform:uppercase;
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition:background 0.2s, color 0.2s, transform 0.2s;
    }
    .tier-btn-outline {
      border:1.5px solid rgba(255,255,255,0.2); color:var(--white);
    }
    .tier-btn-outline:hover { border-color:var(--orange); color:var(--orange); }
    .tier-btn-solid { background:var(--orange); color:var(--white); }
    .tier-btn-solid:hover { background:var(--orange-d); transform:translateY(-2px); }

    /* ══════════════════════════════════════
       QUOTE CALCULATOR
    ══════════════════════════════════════ */
    .calculator {
      padding: 90px 5% 120px;
      background: var(--black);
      position: relative; overflow:hidden;
    }
    .calculator::before {
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(245,98,15,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,98,15,0.025) 1px, transparent 1px);
      background-size:60px 60px; pointer-events:none;
    }

    .calc-watermark {
      position:absolute; bottom:-4rem; right:-2rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(8rem,18vw,16rem); font-weight:900;
      color:rgba(255,255,255,0.018); text-transform:uppercase;
      pointer-events:none; user-select:none; line-height:1;
    }

    .calc-inner {
      display: grid; grid-template-columns:1fr 420px;
      gap: 2px; align-items:start;
      position:relative; z-index:2;
    }

    /* ── FORM SIDE ── */
    .calc-form-wrap {
      background: var(--steel);
      border: 1px solid rgba(255,255,255,0.05);
    }
    .calc-form-header {
      padding: 2rem 2.4rem 1.6rem;
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .calc-form-header h3 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.6rem; font-weight:900; text-transform:uppercase;
      letter-spacing:0.03em; margin-bottom:0.3rem;
    }
    .calc-form-header p { font-size:0.8rem; color:var(--muted); font-weight:300; }

    .calc-form { padding: 2rem 2.4rem; display:flex; flex-direction:column; gap:1.4rem; }

    /* Step indicator */
    .calc-steps {
      display:flex; gap:0; margin-bottom:0.5rem;
    }
    .cs-step {
      flex:1; padding:0.5rem 0.8rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.68rem; font-weight:700; letter-spacing:0.1em;
      text-transform:uppercase; color:var(--muted);
      border-bottom:2px solid rgba(255,255,255,0.07);
      text-align:center; cursor:pointer; transition:color 0.2s, border-color 0.2s;
    }
    .cs-step.active { color:var(--orange); border-color:var(--orange); }
    .cs-step.done   { color:var(--green);  border-color:var(--green); }

    /* Form rows */
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .form-row.single { grid-template-columns:1fr; }
    .form-row.triple { grid-template-columns:1fr 1fr 1fr; }

    .form-group { display:flex; flex-direction:column; gap:0.45rem; }
    .form-label {
      font-size:0.65rem; letter-spacing:0.16em; text-transform:uppercase;
      color:var(--muted); font-weight:500;
    }
    .form-input, .form-select {
      background:var(--steel2); border:1px solid rgba(255,255,255,0.08);
      outline:none; color:var(--white); padding:0.75rem 1rem;
      font-family:'Barlow',sans-serif; font-size:0.85rem;
      width:100%; transition:border-color 0.2s;
      appearance:none; -webkit-appearance:none;
    }
    .form-input:focus, .form-select:focus { border-color:rgba(245,98,15,0.5); }
    .form-input::placeholder { color:var(--muted); }
    .select-wrap { position:relative; }
    .select-wrap::after {
      content:'▾'; position:absolute; right:1rem; top:50%;
      transform:translateY(-50%); color:var(--muted); pointer-events:none;
      font-size:0.8rem;
    }
    .form-select option { background:var(--steel2); }

    /* Service type selector */
    .service-selector {
      display:grid; grid-template-columns:repeat(4,1fr); gap:0.6rem;
    }
    .svc-opt {
      background:var(--steel2); border:1px solid rgba(255,255,255,0.07);
      padding:0.7rem 0.5rem; text-align:center; cursor:pointer;
      transition:background 0.2s, border-color 0.2s;
      clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);
    }
    .svc-opt:hover { border-color:rgba(245,98,15,0.3); }
    .svc-opt.selected { background:rgba(245,98,15,0.1); border-color:var(--orange); }
    .svc-opt svg { width:20px; color:var(--muted); display:block; margin:0 auto 0.4rem; transition:color 0.2s; }
    .svc-opt.selected svg { color:var(--orange); }
    .svc-opt-label { font-size:0.62rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); transition:color 0.2s; }
    .svc-opt.selected .svc-opt-label { color:var(--orange); }

    /* Dimensions input with unit toggle */
    .unit-toggle {
      display:inline-flex; background:var(--steel2);
      border:1px solid rgba(255,255,255,0.08); overflow:hidden;
    }
    .ut-btn {
      padding:0.4rem 0.8rem; font-size:0.68rem; font-weight:700;
      letter-spacing:0.1em; text-transform:uppercase;
      color:var(--muted); cursor:pointer; border:none; background:none;
      transition:background 0.2s, color 0.2s;
    }
    .ut-btn.active { background:var(--orange); color:var(--white); }

    /* Calculate button */
    .calc-btn {
      background:var(--orange); border:none; color:var(--white);
      padding:1.1rem; width:100%;
      font-family:'Barlow Condensed',sans-serif;
      font-size:1rem; font-weight:700; letter-spacing:0.16em;
      text-transform:uppercase; cursor:pointer;
      clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
      transition:background 0.2s, transform 0.2s;
      display:flex; align-items:center; justify-content:center; gap:0.8rem;
    }
    .calc-btn:hover { background:var(--orange-d); transform:translateY(-2px); }
    .calc-btn svg { width:18px; transition:transform 0.3s; }
    .calc-btn:hover svg { transform:translateX(4px); }
    .calc-btn.loading { opacity:0.7; pointer-events:none; }

    /* ── RESULT SIDE ── */
    .calc-result-wrap {
      display:flex; flex-direction:column; gap:2px;
    }

    /* Placeholder state */
    .result-placeholder {
      background:var(--steel);
      border:1px solid rgba(255,255,255,0.05);
      padding:3rem 2rem;
      display:flex; flex-direction:column;
      align-items:center; justify-content:center;
      text-align:center; min-height:340px;
      gap:1rem;
    }
    .rp-icon {
      width:60px; height:60px;
      background:rgba(245,98,15,0.08); border:1px solid rgba(245,98,15,0.2);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      margin:0 auto 0.5rem;
    }
    .rp-icon svg { width:26px; color:var(--orange); }
    .rp-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.15rem; font-weight:700; text-transform:uppercase;
    }
    .rp-sub { font-size:0.8rem; color:var(--muted); font-weight:300; line-height:1.6; }

    /* Result card (shown after calculate) */
    .result-card {
      background:var(--steel2);
      border:1px solid rgba(245,98,15,0.3);
      display:none; flex-direction:column;
    }
    .result-card.show { display:flex; }

    .rc-header {
      background:var(--orange);
      padding:1.4rem 1.8rem;
      display:flex; align-items:center; justify-content:space-between;
    }
    .rc-header-label {
      font-size:0.62rem; letter-spacing:0.2em; text-transform:uppercase;
      color:rgba(255,255,255,0.75); margin-bottom:0.3rem;
    }
    .rc-service-name {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.1rem; font-weight:700; text-transform:uppercase;
    }
    .rc-price-wrap { text-align:right; }
    .rc-price-label { font-size:0.6rem; letter-spacing:0.16em; text-transform:uppercase; color:rgba(255,255,255,0.7); }
    .rc-price {
      font-family:'Barlow Condensed',sans-serif;
      font-size:2.4rem; font-weight:900; line-height:1;
    }

    .rc-body { padding:1.6rem 1.8rem; display:flex; flex-direction:column; gap:1.2rem; }

    .rc-row {
      display:flex; justify-content:space-between; align-items:center;
      gap:1rem; font-size:0.82rem; padding-bottom:0.9rem;
      border-bottom:1px solid rgba(255,255,255,0.06);
    }
    .rc-row:last-of-type { border-bottom:none; }
    .rc-row-label { color:var(--muted); font-weight:300; }
    .rc-row-val { color:var(--light); font-weight:500; }
    .rc-row-val.orange { color:var(--orange); }
    .rc-row-val.green  { color:var(--green); }

    .rc-total {
      display:flex; justify-content:space-between; align-items:baseline;
      padding:1.2rem 1.8rem;
      background:rgba(245,98,15,0.06);
      border-top:1px solid rgba(245,98,15,0.2);
      gap:1rem;
    }
    .rc-total-label {
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em;
    }
    .rc-total-price {
      font-family:'Barlow Condensed',sans-serif;
      font-size:2rem; font-weight:900; color:var(--orange);
    }
    .rc-total-note { font-size:0.68rem; color:var(--muted); font-weight:300; margin-top:0.2rem; }

    .rc-actions { padding:1.4rem 1.8rem; display:flex; gap:0.8rem; flex-direction:column; }
    .rc-btn-primary {
      background:var(--orange); color:var(--white); padding:0.9rem;
      font-family:'Barlow Condensed',sans-serif; font-size:0.85rem;
      font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
      text-decoration:none; text-align:center;
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition:background 0.2s;
    }
    .rc-btn-primary:hover { background:var(--orange-d); }
    .rc-btn-outline {
      border:1.5px solid rgba(255,255,255,0.15); color:var(--white);
      padding:0.85rem; font-family:'Barlow Condensed',sans-serif;
      font-size:0.85rem; font-weight:500; letter-spacing:0.12em;
      text-transform:uppercase; text-decoration:none; text-align:center;
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition:border-color 0.2s, color 0.2s;
    }
    .rc-btn-outline:hover { border-color:var(--orange); color:var(--orange); }

    /* Alt quotes — other service options */
    .alt-quotes {
      background:var(--steel);
      border:1px solid rgba(255,255,255,0.05);
      padding:1.6rem 1.8rem;
      display:none;
    }
    .alt-quotes.show { display:block; }
    .aq-title {
      font-family:'Barlow Condensed',sans-serif; font-size:0.72rem;
      font-weight:700; letter-spacing:0.18em; text-transform:uppercase;
      color:var(--muted); margin-bottom:1.2rem;
    }
    .aq-list { display:flex; flex-direction:column; gap:0.6rem; }
    .aq-item {
      display:flex; align-items:center; justify-content:space-between;
      gap:1rem; padding:0.8rem 1rem;
      background:var(--steel2); border:1px solid rgba(255,255,255,0.05);
      cursor:pointer; transition:border-color 0.2s, background 0.2s;
      clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
    }
    .aq-item:hover { border-color:rgba(245,98,15,0.3); background:#2a323c; }
    .aq-left { display:flex; align-items:center; gap:0.7rem; }
    .aq-icon { width:16px; color:var(--orange); }
    .aq-name { font-family:'Barlow Condensed',sans-serif; font-size:0.9rem; font-weight:700; text-transform:uppercase; }
    .aq-eta  { font-size:0.7rem; color:var(--muted); font-weight:300; }
    .aq-price { font-family:'Barlow Condensed',sans-serif; font-size:1.1rem; font-weight:700; color:var(--white); }
    .aq-select { font-size:0.62rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--orange); }

    /* ── GUARANTEE STRIP ── */
    .guarantee-strip {
      display:grid; grid-template-columns:repeat(4,1fr);
      gap:2px; position:relative; z-index:2;
    }
    .gs-item {
      background:var(--steel);
      border:1px solid rgba(255,255,255,0.05);
      padding:1.6rem 1.8rem;
      display:flex; align-items:center; gap:1rem;
      transition:border-color 0.3s, background 0.3s;
    }
    .gs-item:hover { border-color:rgba(245,98,15,0.25); background:var(--steel2); }
    .gs-icon {
      width:40px; height:40px; flex-shrink:0;
      background:rgba(245,98,15,0.08); border:1px solid rgba(245,98,15,0.2);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
    }
    .gs-icon svg { width:18px; color:var(--orange); }
    .gs-title { font-family:'Barlow Condensed',sans-serif; font-size:0.95rem; font-weight:700; text-transform:uppercase; line-height:1.1; }
    .gs-sub   { font-size:0.7rem; color:var(--muted); font-weight:300; margin-top:0.2rem; }

    /* ── RESPONSIVE ── */
    @media (max-width:1100px) {
      .calc-inner { grid-template-columns:1fr; }
    }
    @media (max-width:860px) {
      .tiers-grid { grid-template-columns:1fr; }
      .guarantee-strip { grid-template-columns:1fr 1fr; }
    }
    @media (max-width:600px) {
      .pricing { padding:70px 5% 0; }
      .calculator { padding:60px 5% 80px; }
      .pricing-header { flex-direction:column; align-items:flex-start; }
      .service-selector { grid-template-columns:repeat(2,1fr); }
      .form-row { grid-template-columns:1fr; }
      .form-row.triple { grid-template-columns:1fr; }
      .guarantee-strip { grid-template-columns:1fr; }
    }


     /* ══════════════════════════════════════
       SECTION 1 — TESTIMONIALS
    ══════════════════════════════════════ */
    .testimonials {
      padding: 110px 5% 120px;
      background: var(--dark);
      position: relative; overflow: hidden;
    }
    .testimonials::before {
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(245,98,15,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,98,15,0.025) 1px, transparent 1px);
      background-size:60px 60px; pointer-events:none;
    }
    .testimonials::after {
      content:''; position:absolute; top:0; left:0; right:0; height:3px;
      background: linear-gradient(90deg, var(--orange) 0%, transparent 60%);
    }

    /* watermark */
    .testi-watermark {
      position:absolute; top:50%; left:50%;
      transform:translate(-50%,-50%);
      font-family:'Barlow Condensed',sans-serif;
      font-size: clamp(8rem,18vw,18rem);
      font-weight:900; text-transform:uppercase;
      color:rgba(255,255,255,0.016);
      white-space:nowrap; pointer-events:none; user-select:none;
      letter-spacing:-0.02em;
    }

    .testi-header {
      display:flex; justify-content:space-between; align-items:flex-end;
      margin-bottom:60px; gap:2rem; flex-wrap:wrap;
      position:relative; z-index:2;
    }
    .testi-header h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size: clamp(2.4rem,5vw,4rem);
      font-weight:900; line-height:0.93; text-transform:uppercase;
    }
    .testi-header h2 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .testi-rating-summary {
      display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap;
    }
    .trs-score {
      font-family:'Barlow Condensed',sans-serif;
      font-size:3.5rem; font-weight:900; color:var(--white); line-height:1;
    }
    .trs-right { display:flex; flex-direction:column; gap:0.3rem; }
    .trs-stars { display:flex; gap:3px; }
    .star { color:var(--yellow); font-size:1rem; }
    .trs-label { font-size:0.72rem; color:var(--muted); font-weight:300; }

    /* Testimonial cards grid */
    .testi-grid {
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap:2px;
      position:relative; z-index:2;
    }

    .testi-card {
      background:var(--steel);
      border:1px solid rgba(255,255,255,0.05);
      padding:2.2rem 2rem;
      position:relative; overflow:hidden;
      transition:border-color 0.3s, background 0.3s;
      display:flex; flex-direction:column;
    }
    .testi-card::before {
      content:'"';
      position:absolute; top:-10px; right:1.4rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:8rem; font-weight:900;
      color:rgba(245,98,15,0.07); line-height:1;
      pointer-events:none; user-select:none;
    }
    .testi-card:hover { border-color:rgba(245,98,15,0.3); background:var(--steel2); }

    /* Featured card — spans 2 cols */
    .testi-card.featured {
      grid-column: span 2;
      background: var(--steel2);
      border-color: rgba(245,98,15,0.2);
      flex-direction: row; gap:2.5rem; align-items:flex-start;
    }
    .testi-card.featured::before { font-size:10rem; }
    .featured-left { flex:1; }
    .featured-right {
      flex-shrink:0; width:180px;
      display:flex; flex-direction:column; align-items:center;
      gap:0.8rem; text-align:center;
      padding-left:2rem;
      border-left:1px solid rgba(255,255,255,0.07);
    }

    .tc-stars { display:flex; gap:3px; margin-bottom:1rem; }
    .tc-quote {
      font-size:0.92rem; color:var(--light);
      line-height:1.75; font-weight:300; flex:1;
      margin-bottom:1.6rem;
    }
    .testi-card.featured .tc-quote { font-size:1rem; }
    .tc-author { display:flex; align-items:center; gap:0.9rem; margin-top:auto; }
    .tc-avatar {
      width:42px; height:42px; border-radius:50%;
      background:var(--steel); border:2px solid rgba(245,98,15,0.3);
      display:flex; align-items:center; justify-content:center;
      font-family:'Barlow Condensed',sans-serif;
      font-size:1rem; font-weight:700; color:var(--orange);
      flex-shrink:0;
    }
    .tc-name {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em;
    }
    .tc-role { font-size:0.72rem; color:var(--muted); font-weight:300; margin-top:0.1rem; }
    .tc-company {
      font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase;
      color:var(--orange); margin-top:0.15rem;
    }

    /* Featured right side stats */
    .fr-stat-num {
      font-family:'Barlow Condensed',sans-serif;
      font-size:2rem; font-weight:900; color:var(--orange); line-height:1;
    }
    .fr-stat-label { font-size:0.68rem; color:var(--muted); font-weight:300; text-align:center; }

    /* Logo strip */
    .logo-strip {
      margin-top:60px;
      padding-top:2rem;
      border-top:1px solid rgba(255,255,255,0.06);
      display:flex; align-items:center; gap:2rem; flex-wrap:wrap;
      position:relative; z-index:2;
    }
    .ls-label {
      font-size:0.65rem; letter-spacing:0.2em; text-transform:uppercase;
      color:var(--muted); white-space:nowrap; flex-shrink:0;
    }
    .ls-divider { width:1px; height:28px; background:rgba(255,255,255,0.08); flex-shrink:0; }
    .ls-logos { display:flex; align-items:center; gap:2.5rem; flex-wrap:wrap; flex:1; }
    .ls-logo {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1rem; font-weight:700; letter-spacing:0.1em;
      text-transform:uppercase; color:rgba(255,255,255,0.18);
      transition:color 0.3s; cursor:default;
    }
    .ls-logo:hover { color:rgba(255,255,255,0.5); }

    /* ══════════════════════════════════════
       SECTION 2 — CTA BANNER
    ══════════════════════════════════════ */
    .cta-section {
      position:relative; overflow:hidden;
      background:var(--orange);
    }
    .cta-inner {
      padding:90px 5%;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:4rem; align-items:center;
      position:relative; z-index:2;
      max-width:1400px; margin:0 auto;
    }

    /* Big diagonal number in background */
    .cta-bg-num {
      position:absolute;
      right:-2%; top:50%; transform:translateY(-50%);
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(12rem,22vw,20rem);
      font-weight:900; color:rgba(255,255,255,0.06);
      line-height:1; pointer-events:none; user-select:none;
      white-space:nowrap;
    }
    /* Grid texture overlay */
    .cta-section::before {
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
      background-size:60px 60px; pointer-events:none;
    }
    /* Diagonal slash accent */
    .cta-section::after {
      content:''; position:absolute;
      top:0; bottom:0; right:35%;
      width:3px; background:rgba(255,255,255,0.15);
      transform:skewX(-12deg);
    }

    .cta-left h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.8rem,6vw,5rem);
      font-weight:900; line-height:0.9; text-transform:uppercase;
      color:var(--white); margin-bottom:1.5rem;
    }
    .cta-left h2 em {
      font-style:italic; font-weight:300;
      display:block; color:rgba(255,255,255,0.72);
    }
    .cta-left p {
      font-size:0.95rem; color:rgba(255,255,255,0.75);
      line-height:1.7; font-weight:300; max-width:420px;
    }

    .cta-right { display:flex; flex-direction:column; gap:1.2rem; }
    .cta-action-card {
      background:rgba(255,255,255,0.1);
      border:1px solid rgba(255,255,255,0.2);
      padding:1.6rem 2rem;
      display:flex; align-items:center; gap:1.4rem;
      clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
      transition:background 0.2s, border-color 0.2s;
      cursor:pointer; text-decoration:none; color:var(--white);
    }
    .cta-action-card:hover { background:rgba(255,255,255,0.18); border-color:rgba(255,255,255,0.4); }
    .cac-icon {
      width:48px; height:48px; background:rgba(255,255,255,0.15);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
      flex-shrink:0;
    }
    .cac-icon svg { width:22px; color:var(--white); }
    .cac-text { flex:1; }
    .cac-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.15rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.04em; margin-bottom:0.2rem;
    }
    .cac-sub { font-size:0.78rem; color:rgba(255,255,255,0.65); font-weight:300; }
    .cac-arrow { font-size:1.2rem; opacity:0.6; flex-shrink:0; }

    .cta-trust {
      display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; margin-top:0.5rem;
    }
    .ct-item {
      display:flex; align-items:center; gap:0.5rem;
      font-size:0.72rem; color:rgba(255,255,255,0.65); font-weight:300;
    }
    .ct-item svg { width:14px; color:rgba(255,255,255,0.8); }

    /* ══════════════════════════════════════
       SECTION 3 — FAQ
    ══════════════════════════════════════ */
    .faq {
      padding:110px 5% 120px;
      background:var(--black);
      position:relative; overflow:hidden;
    }
    .faq::before {
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(245,98,15,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,98,15,0.025) 1px, transparent 1px);
      background-size:60px 60px; pointer-events:none;
    }

    .faq-inner {
      display:grid;
      grid-template-columns:1fr 1.6fr;
      gap:6rem; align-items:start;
    }
    .faq-left { position:sticky; top:100px; }
    .faq-left h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.4rem,5vw,3.8rem);
      font-weight:900; line-height:0.93; text-transform:uppercase;
      margin-bottom:1.4rem;
    }
    .faq-left h2 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .faq-desc {
      font-size:0.9rem; color:var(--muted); line-height:1.75; font-weight:300;
      margin-bottom:2rem;
    }
    .faq-contact {
      display:flex; flex-direction:column; gap:0.8rem;
    }
    .faq-contact-label {
      font-size:0.65rem; letter-spacing:0.18em; text-transform:uppercase;
      color:var(--muted); margin-bottom:0.3rem;
    }
    .faq-contact-link {
      display:inline-flex; align-items:center; gap:0.6rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.9rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.08em; color:var(--orange); text-decoration:none;
      transition:gap 0.2s;
    }
    .faq-contact-link:hover { gap:1rem; }
    .faq-contact-link svg { width:14px; }

    /* Accordion */
    .faq-list { display:flex; flex-direction:column; gap:2px; }
    .faq-item {
      background:var(--steel);
      border:1px solid rgba(255,255,255,0.05);
      overflow:hidden;
      transition:border-color 0.3s;
    }
    .faq-item.open { border-color:rgba(245,98,15,0.3); }
    .faq-q {
      display:flex; align-items:center; justify-content:space-between;
      gap:1.5rem; padding:1.6rem 1.8rem; cursor:pointer;
      user-select:none;
      transition:background 0.2s;
    }
    .faq-q:hover { background:var(--steel2); }
    .faq-item.open .faq-q { background:var(--steel2); }
    .faq-q-text {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.1rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.04em; line-height:1.2;
      color:var(--white); flex:1;
    }
    .faq-item.open .faq-q-text { color:var(--orange); }
    .faq-toggle {
      width:30px; height:30px; flex-shrink:0;
      background:rgba(245,98,15,0.1);
      border:1px solid rgba(245,98,15,0.25);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);
      transition:background 0.2s, transform 0.3s;
    }
    .faq-item.open .faq-toggle { background:var(--orange); transform:rotate(45deg); }
    .faq-toggle svg { width:14px; color:var(--orange); transition:color 0.2s; }
    .faq-item.open .faq-toggle svg { color:var(--white); }
    .faq-a {
      max-height:0; overflow:hidden;
      transition:max-height 0.4s ease, padding 0.3s ease;
      padding:0 1.8rem;
    }
    .faq-item.open .faq-a { max-height:300px; padding:0 1.8rem 1.6rem; }
    .faq-a p {
      font-size:0.88rem; color:var(--muted); line-height:1.78; font-weight:300;
    }
    .faq-a p strong { color:var(--light); font-weight:500; }
    .faq-a-tag {
      display:inline-block; margin-top:0.8rem;
      font-size:0.62rem; letter-spacing:0.14em; text-transform:uppercase;
      color:var(--orange); border:1px solid rgba(245,98,15,0.25);
      padding:0.2rem 0.7rem;
    }

    /* ══════════════════════════════════════
       SECTION 4 — FOOTER
    ══════════════════════════════════════ */
    footer {
      background:var(--black);
      border-top:1px solid rgba(255,255,255,0.06);
    }

    /* Newsletter strip */
    .footer-newsletter {
      background:var(--steel);
      border-bottom:1px solid rgba(255,255,255,0.05);
      padding:2.2rem 5%;
      display:flex; align-items:center;
      justify-content:space-between; gap:2rem; flex-wrap:wrap;
    }
    .fnl-left { display:flex; align-items:center; gap:1.2rem; }
    .fnl-icon {
      width:44px; height:44px;
      background:rgba(245,98,15,0.1); border:1px solid rgba(245,98,15,0.25);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
      flex-shrink:0;
    }
    .fnl-icon svg { width:20px; color:var(--orange); }
    .fnl-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em;
    }
    .fnl-sub { font-size:0.72rem; color:var(--muted); font-weight:300; margin-top:0.1rem; }
    .fnl-form { display:flex; gap:0.6rem; }
    .fnl-input {
      background:var(--steel2); border:1px solid rgba(255,255,255,0.08);
      outline:none; font-family:'Barlow',sans-serif;
      font-size:0.82rem; color:var(--white);
      padding:0.65rem 1.1rem; width:260px;
      transition:border-color 0.2s;
    }
    .fnl-input:focus { border-color:rgba(245,98,15,0.4); }
    .fnl-input::placeholder { color:var(--muted); }
    .fnl-btn {
      background:var(--orange); border:none; color:var(--white);
      padding:0 1.6rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.8rem; font-weight:700; letter-spacing:0.12em;
      text-transform:uppercase; cursor:pointer;
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition:background 0.2s;
    }
    .fnl-btn:hover { background:var(--orange-d); }

    /* Main footer grid */
    .footer-main {
      padding:70px 5% 60px;
      display:grid;
      grid-template-columns:2fr 1fr 1fr 1fr 1fr;
      gap:3rem;
    }

    /* Brand col */
    .fc-brand .logo {
      font-family:'Barlow Condensed',sans-serif;
      font-weight:900; font-size:1.8rem;
      letter-spacing:0.05em; text-transform:uppercase;
      color:var(--white); margin-bottom:1rem; display:block;
    }
    .fc-brand .logo span { color:var(--orange); }
    .fc-brand-desc {
      font-size:0.82rem; color:var(--muted); line-height:1.72;
      font-weight:300; max-width:260px; margin-bottom:1.8rem;
    }
    .fc-socials { display:flex; gap:0.6rem; }
    .social-btn {
      width:36px; height:36px;
      background:var(--steel); border:1px solid rgba(255,255,255,0.07);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);
      transition:background 0.2s, border-color 0.2s;
      cursor:pointer; text-decoration:none;
    }
    .social-btn:hover { background:var(--orange); border-color:var(--orange); }
    .social-btn svg { width:15px; color:var(--muted); transition:color 0.2s; }
    .social-btn:hover svg { color:var(--white); }

    /* Link cols */
    .fc-col-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.72rem; font-weight:700; letter-spacing:0.2em;
      text-transform:uppercase; color:var(--white);
      margin-bottom:1.4rem; padding-bottom:0.8rem;
      border-bottom:1px solid rgba(255,255,255,0.06);
    }
    .fc-links { display:flex; flex-direction:column; gap:0.7rem; }
    .fc-link {
      font-size:0.8rem; color:var(--muted); font-weight:300;
      text-decoration:none; transition:color 0.2s;
      display:flex; align-items:center; gap:0.4rem;
    }
    .fc-link:hover { color:var(--orange); }
    .fc-link-badge {
      font-size:0.52rem; letter-spacing:0.12em; text-transform:uppercase;
      background:rgba(245,98,15,0.12); border:1px solid rgba(245,98,15,0.25);
      color:var(--orange); padding:0.1rem 0.4rem;
    }

    /* Contact col */
    .fc-contact-item {
      display:flex; align-items:flex-start; gap:0.7rem;
      margin-bottom:1rem; font-size:0.8rem; color:var(--muted);
      font-weight:300; line-height:1.5;
    }
    .fc-contact-item svg { width:14px; color:var(--orange); flex-shrink:0; margin-top:0.1rem; }
    .fc-contact-item a { color:var(--muted); text-decoration:none; transition:color 0.2s; }
    .fc-contact-item a:hover { color:var(--orange); }

    /* Bottom bar */
    .footer-bottom {
      border-top:1px solid rgba(255,255,255,0.06);
      padding:1.4rem 5%;
      display:flex; align-items:center;
      justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
    }
    .fb-left {
      font-size:0.72rem; color:rgba(138,150,163,0.55); font-weight:300;
    }
    .fb-left span { color:var(--orange); }
    .fb-links { display:flex; gap:1.8rem; flex-wrap:wrap; }
    .fb-link {
      font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase;
      color:rgba(138,150,163,0.45); text-decoration:none; transition:color 0.2s;
    }
    .fb-link:hover { color:var(--muted); }
    .fb-badges { display:flex; gap:0.6rem; align-items:center; }
    .fb-badge {
      font-size:0.58rem; letter-spacing:0.14em; text-transform:uppercase;
      border:1px solid rgba(255,255,255,0.08);
      color:rgba(138,150,163,0.45); padding:0.2rem 0.6rem;
    }

    /* ── RESPONSIVE ── */
    @media (max-width:1100px) {
      .footer-main { grid-template-columns:1fr 1fr 1fr; }
      .fc-brand { grid-column:span 3; }
      .cta-inner { grid-template-columns:1fr; gap:3rem; }
      .cta-bg-num { display:none; }
    }
    @media (max-width:860px) {
      .testi-grid { grid-template-columns:1fr; }
      .testi-card.featured { flex-direction:column; }
      .featured-right { width:100%; border-left:none; padding-left:0; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.07); flex-direction:row; justify-content:flex-start; }
      .faq-inner { grid-template-columns:1fr; gap:3rem; }
      .faq-left { position:static; }
      .footer-main { grid-template-columns:1fr 1fr; }
      .fc-brand { grid-column:span 2; }
    }
    @media (max-width:600px) {
      .testimonials, .faq { padding:70px 5% 80px; }
      .testi-card.featured { grid-column:span 1; }
      .testi-header { flex-direction:column; align-items:flex-start; }
      .footer-newsletter { flex-direction:column; align-items:flex-start; }
      .fnl-form { flex-direction:column; }
      .fnl-input { width:100%; }
      .footer-main { grid-template-columns:1fr; }
      .fc-brand { grid-column:span 1; }
      .footer-bottom { flex-direction:column; align-items:flex-start; gap:1rem; }
      .fb-links { gap:1.2rem; }
      .cta-inner { padding:60px 5%; }
    }


    /* ── SHARED ── */
    .eyebrow {
      display:inline-flex; align-items:center; gap:0.7rem;
      font-size:0.68rem; font-weight:500; letter-spacing:0.22em;
      text-transform:uppercase; color:var(--orange); margin-bottom:1.2rem;
    }
    .eyebrow::before { content:''; display:block; width:30px; height:2px; background:var(--orange); }
    .reveal { opacity:0; transform:translateY(28px); transition:opacity 0.75s ease, transform 0.75s ease; }
    .reveal.visible { opacity:1; transform:none; }
    .reveal-delay-1 { transition-delay:.1s; }
    .reveal-delay-2 { transition-delay:.2s; }
    .reveal-delay-3 { transition-delay:.3s; }
    .reveal-delay-4 { transition-delay:.4s; }
    .reveal-delay-5 { transition-delay:.5s; }
    .grid-texture {
      position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(245,98,15,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,98,15,0.025) 1px, transparent 1px);
      background-size:60px 60px; pointer-events:none;
    }

    /* ── NAV ── */
    nav {
      position:fixed; top:0; left:0; right:0; z-index:100;
      display:flex; justify-content:space-between; align-items:center;
      padding:1.3rem 5%;
      background:rgba(10,12,15,0.92);
      border-bottom:1px solid rgba(255,255,255,0.06);
      backdrop-filter:blur(16px);
    }
    .logo {
      font-family:'Barlow Condensed',sans-serif;
      font-weight:900; font-size:1.5rem;
      letter-spacing:0.05em; text-transform:uppercase;
    }
    .logo span { color:var(--orange); }
    .nav-links { display:flex; gap:2rem; list-style:none; align-items:center; }
    .nav-links a {
      font-size:0.78rem; font-weight:500; letter-spacing:0.1em;
      text-transform:uppercase; color:var(--muted); text-decoration:none;
      transition:color 0.2s;
    }
    .nav-links a:hover, .nav-links a.active { color:var(--white); }
    .nav-links a.active { color:var(--orange); }
    .btn-nav {
      background:var(--orange); color:var(--white) !important;
      padding:0.55rem 1.4rem;
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition:background 0.2s !important;
    }
    .btn-nav:hover { background:var(--orange-d) !important; }
    .hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; }
    .hamburger span { display:block; width:24px; height:2px; background:var(--white); transition:all 0.3s; }
    .hamburger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
    .hamburger.open span:nth-child(2) { opacity:0; }
    .hamburger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }
    .mobile-menu {
      display:none; position:fixed; inset:0;
      background:var(--black); z-index:99;
      flex-direction:column; justify-content:center;
      align-items:flex-start; padding:0 10%; gap:2rem;
    }
    .mobile-menu.open { display:flex; }
    .mobile-menu a {
      font-family:'Barlow Condensed',sans-serif; font-size:2.8rem;
      font-weight:700; text-transform:uppercase; text-decoration:none;
      color:var(--light); transition:color 0.2s;
    }
    .mobile-menu a:hover { color:var(--orange); }

    /* ════════════════════════════
       HERO
    ════════════════════════════ */
    .about-hero {
      min-height:100dvh;
      display:grid; grid-template-columns:1fr 1fr;
      position:relative; overflow:hidden;
      padding-top:72px;
    }
    .ah-left {
      display:flex; flex-direction:column;
      justify-content:center; padding:80px 5% 80px 8%;
      position:relative; z-index:2;
    }
    .ah-left .grid-texture { z-index:-1; }

    .ah-left::after {
      content:''; position:absolute; top:0; left:0; right:0; height:3px;
      background:linear-gradient(90deg, var(--orange), transparent 60%);
    }

    h1 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(3.5rem,7vw,6.8rem);
      font-weight:900; line-height:0.88;
      text-transform:uppercase; margin-bottom:2rem;
    }
    h1 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    h1 .orange  { color:var(--orange); }

    .hero-body {
      font-size:1rem; color:var(--muted); line-height:1.78;
      font-weight:300; max-width:460px; margin-bottom:2.8rem;
    }
    .hero-body strong { color:var(--light); font-weight:500; }

    .hero-ctas { display:flex; gap:1rem; flex-wrap:wrap; }
    .btn-primary {
      background:var(--orange); color:var(--white);
      padding:0.95rem 2.2rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.88rem; font-weight:700; letter-spacing:0.14em;
      text-transform:uppercase; text-decoration:none;
      clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
      transition:background 0.2s, transform 0.2s;
    }
    .btn-primary:hover { background:var(--orange-d); transform:translateY(-2px); }
    .btn-outline {
      border:1.5px solid rgba(255,255,255,0.2); color:var(--white);
      padding:0.9rem 2rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.88rem; font-weight:500; letter-spacing:0.12em;
      text-transform:uppercase; text-decoration:none;
      clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
      transition:border-color 0.2s, color 0.2s;
    }
    .btn-outline:hover { border-color:var(--orange); color:var(--orange); }

    /* Founded badge */
    .founded-badge {
      display:inline-flex; align-items:center; gap:0.8rem;
      background:rgba(245,98,15,0.08); border:1px solid rgba(245,98,15,0.25);
      padding:0.55rem 1.1rem; margin-bottom:1.6rem;
      clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
      width:fit-content;
    }
    .fb-dot { width:7px; height:7px; border-radius:50%; background:var(--orange); animation:pulse 1.5s infinite; }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.65)} }
    .fb-text { font-size:0.68rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--orange); font-weight:500; }

    /* Right side image collage */
    .ah-right {
      position:relative; overflow:hidden;
      background:var(--steel);
    }
    .ah-right::before {
      content:''; position:absolute; inset:0;
      background:linear-gradient(90deg, var(--black) 0%, transparent 30%);
      z-index:2; pointer-events:none;
    }
    .ah-img {
      width:100%; height:100%;
      object-fit:cover;
      filter:brightness(0.38) saturate(0.55);
      transition:transform 8s ease;
    }
    .ah-img:hover { transform:scale(1.04); }

    /* floating year card */
    .year-card {
      position:absolute; bottom:10%; left:-1px; z-index:4;
      background:var(--orange);
      padding:1.4rem 2rem;
      clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
      animation:floatIn 0.9s 0.8s both;
    }
    @keyframes floatIn { from{opacity:0;transform:translateX(-20px)} to{opacity:1;transform:none} }
    .yc-num {
      font-family:'Barlow Condensed',sans-serif;
      font-size:2.8rem; font-weight:900; line-height:1; color:var(--white);
    }
    .yc-label { font-size:0.68rem; letter-spacing:0.16em; text-transform:uppercase; color:rgba(255,255,255,0.75); margin-top:0.2rem; }

    /* ════════════════════════════
       STORY / MISSION
    ════════════════════════════ */
    .story {
      padding:110px 5%;
      background:var(--dark);
      position:relative; overflow:hidden;
    }
    .story-inner {
      display:grid; grid-template-columns:1fr 1fr;
      gap:6rem; align-items:center;
    }
    .story-left { position:relative; }
    .story-img-main {
      width:100%; aspect-ratio:4/5;
      object-fit:cover;
      filter:brightness(0.45) saturate(0.55);
      display:block;
    }
    .story-img-overlay {
      position:absolute; bottom:-2px; right:-2px;
      width:55%; aspect-ratio:1;
      border:3px solid var(--black);
    }
    .story-img-overlay img {
      width:100%; height:100%;
      object-fit:cover;
      filter:brightness(0.5) saturate(0.6);
    }
    /* Orange accent corner */
    .story-accent {
      position:absolute; top:0; left:0;
      width:40px; height:40px;
      border-top:3px solid var(--orange);
      border-left:3px solid var(--orange);
    }
    .story-accent-br {
      position:absolute; bottom:0; right:0;
      width:40px; height:40px;
      border-bottom:3px solid var(--orange);
      border-right:3px solid var(--orange);
    }

    .story-right h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.2rem,4vw,3.5rem);
      font-weight:900; line-height:0.93; text-transform:uppercase;
      margin-bottom:1.6rem;
    }
    .story-right h2 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .story-body {
      font-size:0.92rem; color:var(--muted); line-height:1.82;
      font-weight:300; margin-bottom:1.2rem;
    }
    .story-body strong { color:var(--light); font-weight:500; }

    .story-pull {
      margin:2rem 0;
      padding:1.4rem 1.8rem;
      border-left:3px solid var(--orange);
      background:rgba(245,98,15,0.05);
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.25rem; font-weight:500;
      color:var(--light); line-height:1.4;
      font-style:italic;
    }

    .mission-pill {
      display:inline-flex; align-items:center; gap:0.6rem;
      margin-top:1.5rem;
      background:var(--steel); border:1px solid rgba(255,255,255,0.08);
      padding:0.7rem 1.2rem;
      clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
    }
    .mission-pill svg { width:16px; color:var(--orange); flex-shrink:0; }
    .mission-pill span { font-size:0.78rem; color:var(--light); font-weight:300; line-height:1.4; }

    /* ════════════════════════════
       STATS
    ════════════════════════════ */
    .stats-section {
      background:var(--orange);
      position:relative; overflow:hidden;
    }
    .stats-section::before {
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
      background-size:60px 60px; pointer-events:none;
    }
    /* Big background number */
    .stats-bg-word {
      position:absolute; top:50%; left:50%;
      transform:translate(-50%,-50%);
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(10rem,22vw,20rem);
      font-weight:900; text-transform:uppercase;
      color:rgba(255,255,255,0.06);
      white-space:nowrap; pointer-events:none; user-select:none;
    }
    .stats-inner {
      display:grid; grid-template-columns:repeat(4,1fr);
      gap:0; position:relative; z-index:2;
    }
    .stat-item {
      padding:3.5rem 2.8rem;
      border-right:1px solid rgba(255,255,255,0.15);
      position:relative;
    }
    .stat-item:last-child { border-right:none; }
    .stat-num {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.8rem,5vw,4.5rem);
      font-weight:900; line-height:1; color:var(--white);
      margin-bottom:0.4rem;
    }
    .stat-num sup { font-size:0.5em; vertical-align:super; }
    .stat-label { font-size:0.78rem; color:rgba(255,255,255,0.72); font-weight:300; letter-spacing:0.04em; line-height:1.4; }
    .stat-divider { width:30px; height:2px; background:rgba(255,255,255,0.35); margin-bottom:1rem; }

    /* ════════════════════════════
       CORE VALUES
    ════════════════════════════ */
    .values {
      padding:110px 5%;
      background:var(--black);
      position:relative; overflow:hidden;
    }
    .values-header {
      display:grid; grid-template-columns:1fr 1fr;
      gap:5rem; align-items:end; margin-bottom:70px;
    }
    .values-header h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.4rem,5vw,4rem);
      font-weight:900; line-height:0.93; text-transform:uppercase;
    }
    .values-header h2 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .values-header-right {
      font-size:0.92rem; color:var(--muted); line-height:1.78; font-weight:300;
    }

    .values-grid {
      display:grid; grid-template-columns:repeat(4,1fr);
      gap:2px;
    }
    .value-card {
      background:var(--steel);
      border:1px solid rgba(255,255,255,0.05);
      padding:2.4rem 2rem;
      position:relative; overflow:hidden;
      transition:border-color 0.3s, background 0.3s;
    }
    .value-card::before {
      content:''; position:absolute; bottom:0; left:0;
      height:2px; width:0; background:var(--orange);
      transition:width 0.4s ease;
    }
    .value-card:hover { border-color:rgba(245,98,15,0.3); background:var(--steel2); }
    .value-card:hover::before { width:100%; }
    .value-card:hover .vc-icon { background:var(--orange); border-color:var(--orange); }
    .value-card:hover .vc-icon svg { color:var(--white); }

    /* Big background number */
    .vc-bg-num {
      position:absolute; top:-10px; right:0.8rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:5rem; font-weight:900;
      color:rgba(255,255,255,0.03); line-height:1;
      pointer-events:none; user-select:none;
      transition:color 0.3s;
    }
    .value-card:hover .vc-bg-num { color:rgba(245,98,15,0.06); }

    .vc-icon {
      width:48px; height:48px;
      background:rgba(245,98,15,0.08); border:1px solid rgba(245,98,15,0.2);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
      margin-bottom:1.6rem;
      transition:background 0.3s, border-color 0.3s;
    }
    .vc-icon svg { width:22px; color:var(--orange); transition:color 0.3s; }
    .vc-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.25rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.04em; margin-bottom:0.8rem; line-height:1;
    }
    .vc-desc { font-size:0.82rem; color:var(--muted); line-height:1.7; font-weight:300; }

    /* ════════════════════════════
       TIMELINE
    ════════════════════════════ */
    .timeline-section {
      padding:0 5% 110px;
      background:var(--black);
      position:relative; overflow:hidden;
    }
    .tl-section-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2rem,4vw,3rem);
      font-weight:900; text-transform:uppercase;
      margin-bottom:50px;
    }
    .tl-section-title .outline { -webkit-text-stroke:2px var(--white); color:transparent; }

    .milestone-track {
      position:relative;
      display:flex; flex-direction:column; gap:0;
    }
    /* Vertical line */
    .milestone-track::before {
      content:''; position:absolute;
      left:120px; top:0; bottom:0;
      width:1px; background:rgba(255,255,255,0.07);
    }

    .milestone {
      display:grid;
      grid-template-columns:120px 1px 1fr;
      gap:0; align-items:stretch;
      padding-bottom:0;
    }
    .ms-year {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.4rem; font-weight:900;
      color:var(--muted); text-align:right;
      padding-right:2rem; padding-top:1.8rem;
      transition:color 0.3s;
      line-height:1;
    }
    .milestone:hover .ms-year { color:var(--orange); }
    .ms-dot-col {
      display:flex; flex-direction:column; align-items:center;
      position:relative;
    }
    .ms-dot {
      width:14px; height:14px; border-radius:50%;
      background:var(--steel2); border:2px solid rgba(255,255,255,0.15);
      flex-shrink:0; margin-top:1.9rem;
      transition:background 0.3s, border-color 0.3s;
      z-index:1;
    }
    .milestone:hover .ms-dot,
    .milestone.highlight .ms-dot {
      background:var(--orange); border-color:var(--orange);
      box-shadow:0 0 0 4px rgba(245,98,15,0.15);
    }
    .ms-line-seg {
      width:1px; flex:1; background:rgba(255,255,255,0.07);
    }
    .ms-content {
      padding:1.4rem 0 1.4rem 2.2rem;
      border-bottom:1px solid rgba(255,255,255,0.05);
    }
    .milestone:last-child .ms-content { border-bottom:none; }
    .ms-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.1rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.04em; margin-bottom:0.4rem; color:var(--white);
      transition:color 0.3s;
    }
    .milestone:hover .ms-title { color:var(--orange); }
    .ms-desc { font-size:0.82rem; color:var(--muted); font-weight:300; line-height:1.65; }
    .ms-tag {
      display:inline-block; margin-top:0.6rem;
      font-size:0.6rem; letter-spacing:0.14em; text-transform:uppercase;
      color:var(--orange); border:1px solid rgba(245,98,15,0.25);
      padding:0.18rem 0.65rem;
    }

    /* ════════════════════════════
       TEAM
    ════════════════════════════ */
    .team {
      padding:110px 5%;
      background:var(--dark);
      position:relative; overflow:hidden;
    }
    .team::after {
      content:''; position:absolute; top:0; left:0; right:0; height:3px;
      background:linear-gradient(90deg, transparent 0%, var(--orange) 50%, transparent 100%);
    }
    .team-header {
      display:flex; justify-content:space-between;
      align-items:flex-end; margin-bottom:60px; gap:2rem; flex-wrap:wrap;
    }
    .team-header h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.4rem,5vw,4rem);
      font-weight:900; line-height:0.93; text-transform:uppercase;
    }
    .team-header h2 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .team-header-right { max-width:340px; }
    .team-desc { font-size:0.9rem; color:var(--muted); line-height:1.78; font-weight:300; }

    .team-grid {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:2px;
    }

    .team-card {
      background:var(--steel);
      border:1px solid rgba(255,255,255,0.05);
      overflow:hidden; position:relative;
      transition:border-color 0.3s;
    }
    .team-card:hover { border-color:rgba(245,98,15,0.35); }
    .team-card:hover .tc-img img { transform:scale(1.05); filter:brightness(0.5) saturate(0.65); }
    .team-card:hover .tc-social { opacity:1; transform:translateY(0); }

    .tc-img {
      height:260px; overflow:hidden; position:relative;
    }
    .tc-img img {
      width:100%; height:100%; object-fit:cover;
      filter:brightness(0.4) saturate(0.5);
      transition:transform 0.5s ease, filter 0.4s;
    }
    .tc-img::after {
      content:''; position:absolute; inset:0;
      background:linear-gradient(180deg, transparent 50%, var(--steel) 100%);
    }

    /* Social links overlay */
    .tc-social {
      position:absolute; top:1rem; right:1rem;
      display:flex; flex-direction:column; gap:0.5rem;
      z-index:2; opacity:0;
      transform:translateY(-8px);
      transition:opacity 0.3s, transform 0.3s;
    }
    .tc-social a {
      width:32px; height:32px;
      background:rgba(10,12,15,0.85);
      border:1px solid rgba(245,98,15,0.3);
      display:flex; align-items:center; justify-content:center;
      text-decoration:none; transition:background 0.2s;
      clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);
    }
    .tc-social a:hover { background:var(--orange); }
    .tc-social a svg { width:14px; color:var(--white); }

    .tc-body { padding:1.4rem 1.6rem; }
    .tc-name {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.2rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.04em; margin-bottom:0.2rem;
    }
    .tc-role { font-size:0.72rem; color:var(--orange); letter-spacing:0.1em; text-transform:uppercase; font-weight:500; }
    .tc-bio  { font-size:0.78rem; color:var(--muted); line-height:1.65; font-weight:300; margin-top:0.7rem; }
    .tc-flag { margin-top:0.6rem; font-size:0.82rem; color:var(--muted); }

    /* Wide card for leadership */
    .team-card.wide {
      grid-column:span 2;
      display:grid; grid-template-columns:1fr 1fr;
    }
    .team-card.wide .tc-avatar-panel { height:100%; min-height:300px; }
    .team-card.wide .tc-body {
      padding:2rem 2rem;
      display:flex; flex-direction:column; justify-content:center;
    }
    .team-card.wide .tc-name { font-size:1.5rem; }
    .team-card.wide .tc-bio  { font-size:0.82rem; }
    .tc-quote-inline {
      margin-top:1rem; padding:0.9rem 1.1rem;
      border-left:2px solid var(--orange);
      background:rgba(245,98,15,0.05);
      font-size:0.78rem; color:var(--light);
      font-style:italic; line-height:1.55; font-weight:300;
    }

    /* ── MONOGRAM AVATAR PANEL ── */
    .tc-avatar-panel {
      height:260px; overflow:hidden; position:relative;
      background:linear-gradient(135deg, var(--av-from), var(--av-to));
      display:flex; align-items:center; justify-content:center;
      flex-shrink:0;
    }
    /* Diagonal accent stripe top-left */
    .tc-avatar-panel::before {
      content:'';
      position:absolute; top:0; left:0;
      width:100%; height:3px;
      background:var(--av-accent);
    }
    /* Bottom gradient fade matching card bg */
    .tc-avatar-panel::after {
      content:'';
      position:absolute; bottom:0; left:0; right:0;
      height:40%;
      background:linear-gradient(0deg, var(--av-to), transparent);
    }
    /* Geometric background decorations */
    .av-geo {
      position:absolute; border-radius:50%;
      border:1px solid;
      border-color:color-mix(in srgb, var(--av-accent) 20%, transparent);
      pointer-events:none;
    }
    .av-geo-1 {
      width:180px; height:180px;
      top:-60px; right:-60px;
      background:color-mix(in srgb, var(--av-accent) 6%, transparent);
    }
    .av-geo-2 {
      width:100px; height:100px;
      bottom:-30px; left:20px;
      background:color-mix(in srgb, var(--av-accent) 4%, transparent);
    }
    /* Initials */
    .av-initials {
      font-family:'Barlow Condensed',sans-serif;
      font-size:4.5rem; font-weight:900;
      letter-spacing:0.04em;
      color:var(--av-accent);
      position:relative; z-index:2;
      line-height:1;
      text-shadow:0 0 40px color-mix(in srgb, var(--av-accent) 30%, transparent);
    }
    /* Role tag bottom-right */
    .av-role-tag {
      position:absolute; bottom:1rem; right:1rem; z-index:3;
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.6rem; font-weight:700;
      letter-spacing:0.2em; text-transform:uppercase;
      color:var(--av-accent);
      border:1px solid color-mix(in srgb, var(--av-accent) 40%, transparent);
      background:color-mix(in srgb, var(--av-accent) 10%, transparent);
      padding:0.22rem 0.65rem;
      clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);
    }

    /* ════════════════════════════
       JOIN CTA
    ════════════════════════════ */
    .join-cta {
      background:var(--steel);
      border-top:1px solid rgba(255,255,255,0.05);
      border-bottom:1px solid rgba(255,255,255,0.05);
      padding:80px 5%;
      display:grid; grid-template-columns:1fr 1fr;
      gap:4rem; align-items:center;
      position:relative; overflow:hidden;
    }
    .join-cta::before { content:''; position:absolute; inset:0; }
    .join-cta .grid-texture {}
    .jc-left h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.2rem,4.5vw,3.6rem);
      font-weight:900; line-height:0.92; text-transform:uppercase;
      margin-bottom:1.2rem;
    }
    .jc-left h2 em { font-style:italic; font-weight:300; color:var(--orange); }
    .jc-left p { font-size:0.9rem; color:var(--muted); line-height:1.75; font-weight:300; }
    .jc-right { display:flex; flex-direction:column; gap:1rem; }
    .jc-btn {
      display:flex; align-items:center; gap:1.2rem;
      background:var(--steel2); border:1px solid rgba(255,255,255,0.07);
      padding:1.2rem 1.6rem; text-decoration:none; color:var(--white);
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition:border-color 0.2s, background 0.2s;
    }
    .jc-btn:hover { border-color:rgba(245,98,15,0.35); background:#2a323c; }
    .jc-btn.primary { background:var(--orange); border-color:var(--orange); }
    .jc-btn.primary:hover { background:var(--orange-d); }
    .jc-btn-icon {
      width:40px; height:40px; flex-shrink:0;
      background:rgba(255,255,255,0.1);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
    }
    .jc-btn-icon svg { width:18px; color:var(--white); }
    .jc-btn-text {}
    .jcb-title { font-family:'Barlow Condensed',sans-serif; font-size:1rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; }
    .jcb-sub   { font-size:0.72rem; color:rgba(255,255,255,0.6); font-weight:300; margin-top:0.1rem; }

    /* ── RESPONSIVE ── */
    @media (max-width:1100px) {
      .team-grid { grid-template-columns:repeat(2,1fr); }
      .team-card.wide { grid-column:span 2; }
      .values-grid { grid-template-columns:repeat(2,1fr); }
    }
    @media (max-width:860px) {
      .about-hero { grid-template-columns:1fr; min-height:auto; }
      .ah-right { height:55vw; }
      .ah-right::before { background:linear-gradient(180deg, transparent 40%, var(--black) 100%); }
      .story-inner { grid-template-columns:1fr; gap:3rem; }
      .story-left { display:none; }
      .stats-inner { grid-template-columns:repeat(2,1fr); }
      .stat-item { border-right:none; border-bottom:1px solid rgba(255,255,255,0.12); }
      .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,0.12); }
      .stat-item:nth-last-child(-n+2) { border-bottom:none; }
      .values-header { grid-template-columns:1fr; gap:1.5rem; }
      .join-cta { grid-template-columns:1fr; gap:2.5rem; }
      .nav-links { display:none; }
      .hamburger { display:flex; }
    }
    @media (max-width:600px) {
      .team-grid { grid-template-columns:1fr; }
      .team-card.wide { grid-column:span 1; grid-template-columns:1fr; }
      .team-card.wide .tc-avatar-panel { height:220px; }
      .values-grid { grid-template-columns:1fr; }
      .stats-inner { grid-template-columns:1fr; }
      .stat-item { border-right:none !important; }
      .milestone-track::before { left:80px; }
      .milestone { grid-template-columns:80px 1px 1fr; }
      .ms-year { font-size:1.1rem; padding-right:1.2rem; }
    }

    /* ════════════════════════════
       HERO
    ════════════════════════════ */
    .svc-hero {
      padding-top:72px;
      min-height:72vh;
      background:var(--black);
      position:relative; overflow:hidden;
      display:flex; align-items:center;
    }
    .svc-hero-bg {
      position:absolute; inset:0;
    }
    .svc-hero-bg img {
      width:100%; height:100%; object-fit:cover;
      filter:brightness(0.22) saturate(0.4);
    }
    .svc-hero-bg::after {
      content:''; position:absolute; inset:0;
      background:linear-gradient(105deg, rgba(10,12,15,0.95) 0%, rgba(10,12,15,0.55) 60%, rgba(10,12,15,0.2) 100%);
    }
    .svc-hero::before {
      content:''; position:absolute; top:0; left:0; right:0; height:3px;
      background:linear-gradient(90deg, var(--orange) 0%, transparent 70%);
      z-index:3;
    }
    .svc-hero-inner {
      padding:0 5% 0 8%; position:relative; z-index:2;
      max-width:820px;
    }
    .svc-hero-inner h1 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(3.5rem,8vw,7rem);
      font-weight:900; line-height:0.88; text-transform:uppercase;
      margin-bottom:1.8rem;
    }
    .svc-hero-inner h1 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .svc-hero-inner h1 .orange { color:var(--orange); }
    .svc-hero-desc {
      font-size:1rem; color:var(--muted); line-height:1.75; font-weight:300;
      max-width:500px; margin-bottom:2.5rem;
    }
    .svc-hero-desc strong { color:var(--light); font-weight:500; }

    /* Service quick-nav pills */
    .svc-nav-pills {
      display:flex; gap:0.6rem; flex-wrap:wrap;
    }
    .snp {
      background:rgba(28,33,40,0.85); border:1px solid rgba(255,255,255,0.1);
      color:var(--muted); padding:0.5rem 1.1rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.78rem; font-weight:700; letter-spacing:0.1em;
      text-transform:uppercase; text-decoration:none;
      clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
      transition:background 0.2s, color 0.2s, border-color 0.2s;
      backdrop-filter:blur(8px);
    }
    .snp:hover, .snp.active { background:var(--orange); color:var(--white); border-color:var(--orange); }

    /* Accent bar left */
    .svc-hero-accent {
      position:absolute; left:0; top:72px; bottom:0;
      width:5px; background:var(--orange); z-index:3;
    }

    /* ════════════════════════════
       SERVICE OVERVIEW STRIP
    ════════════════════════════ */
    .svc-overview {
      display:grid; grid-template-columns:repeat(5,1fr);
      gap:2px; background:var(--steel);
    }
    .sov-item {
      background:var(--steel); border:1px solid rgba(255,255,255,0.05);
      padding:1.6rem 1.4rem; text-align:center;
      cursor:pointer; transition:background 0.2s, border-color 0.2s;
      text-decoration:none; display:flex; flex-direction:column;
      align-items:center; gap:0.7rem;
    }
    .sov-item:hover, .sov-item.active { background:var(--steel2); border-color:rgba(245,98,15,0.3); }
    .sov-item.active .sov-icon { background:var(--orange); border-color:var(--orange); }
    .sov-item.active .sov-icon svg { color:var(--white); }
    .sov-item.active .sov-label { color:var(--orange); }
    .sov-icon {
      width:44px; height:44px;
      background:rgba(245,98,15,0.08); border:1px solid rgba(245,98,15,0.2);
      display:flex; align-items:center; justify-content:center;
      clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
      transition:background 0.3s, border-color 0.3s;
    }
    .sov-icon svg { width:20px; color:var(--orange); transition:color 0.3s; }
    .sov-label { font-family:'Barlow Condensed',sans-serif; font-size:0.78rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); transition:color 0.2s; }

    /* ════════════════════════════
       SERVICE DEEP-DIVE SECTIONS
    ════════════════════════════ */
    .svc-section {
      padding:100px 5%;
      position:relative; overflow:hidden;
    }
    .svc-section:nth-child(odd)  { background:var(--dark); }
    .svc-section:nth-child(even) { background:var(--black); }

    .svc-inner {
      display:grid; grid-template-columns:1fr 1fr;
      gap:6rem; align-items:center;
    }
    .svc-inner.reverse { direction:rtl; }
    .svc-inner.reverse > * { direction:ltr; }

    /* Image side */
    .svc-img-wrap {
      position:relative;
    }
    .svc-img-main {
      width:100%; aspect-ratio:16/10;
      object-fit:cover;
      filter:brightness(0.4) saturate(0.55);
      display:block;
      transition:transform 0.5s ease, filter 0.4s;
    }
    .svc-img-wrap:hover .svc-img-main { transform:scale(1.02); filter:brightness(0.5) saturate(0.65); }

    /* Corner accent */
    .img-corner-tl { position:absolute; top:-8px; left:-8px; width:36px; height:36px; border-top:3px solid var(--orange); border-left:3px solid var(--orange); }
    .img-corner-br { position:absolute; bottom:-8px; right:-8px; width:36px; height:36px; border-bottom:3px solid var(--orange); border-right:3px solid var(--orange); }

    /* Floating stat badge on image */
    .img-stat {
      position:absolute; bottom:1.2rem; left:1.2rem;
      background:rgba(10,12,15,0.92); border:1px solid rgba(245,98,15,0.35);
      padding:0.9rem 1.3rem; backdrop-filter:blur(10px);
      clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
    }
    .is-num { font-family:'Barlow Condensed',sans-serif; font-size:1.8rem; font-weight:900; color:var(--orange); line-height:1; }
    .is-label { font-size:0.65rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); margin-top:0.15rem; }

    /* service number watermark */
    .svc-watermark {
      position:absolute; right:-1rem; bottom:-3rem;
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(8rem,16vw,14rem); font-weight:900;
      color:rgba(255,255,255,0.02); line-height:1;
      pointer-events:none; user-select:none;
    }

    /* Content side */
    .svc-content {}
    .svc-number {
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.68rem; font-weight:700; letter-spacing:0.22em;
      text-transform:uppercase; color:rgba(245,98,15,0.5);
      margin-bottom:0.4rem;
    }
    .svc-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2rem,4vw,3.2rem);
      font-weight:900; line-height:0.93; text-transform:uppercase;
      margin-bottom:1rem;
    }
    .svc-title .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .svc-tagline {
      font-size:0.88rem; color:var(--orange); font-weight:500;
      letter-spacing:0.06em; margin-bottom:1.4rem;
    }
    .svc-body {
      font-size:0.9rem; color:var(--muted); line-height:1.8;
      font-weight:300; margin-bottom:1.8rem;
    }
    .svc-body strong { color:var(--light); font-weight:500; }

    /* Feature list */
    .svc-features { display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2rem; }
    .svc-feature {
      display:flex; align-items:flex-start; gap:0.8rem;
      font-size:0.82rem; color:var(--light); font-weight:300; line-height:1.4;
    }
    .sf-check { width:18px; height:18px; flex-shrink:0; margin-top:0.05rem; }
    .sf-check svg { width:16px; color:var(--green); }

    /* Mini specs bar */
    .svc-specs {
      display:flex; gap:1.5rem; flex-wrap:wrap;
      padding:1.2rem 1.6rem;
      background:var(--steel); border:1px solid rgba(255,255,255,0.06);
      margin-bottom:1.8rem;
    }
    .spec-item { display:flex; flex-direction:column; gap:0.2rem; }
    .spec-label { font-size:0.58rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); }
    .spec-val { font-family:'Barlow Condensed',sans-serif; font-size:0.95rem; font-weight:700; color:var(--white); }

    /* Pricing indication */
    .svc-pricing-tag {
      display:inline-flex; align-items:center; gap:0.8rem;
      background:rgba(245,98,15,0.08); border:1px solid rgba(245,98,15,0.25);
      padding:0.7rem 1.2rem; margin-bottom:1.8rem;
      clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
    }
    .spt-label { font-size:0.6rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); }
    .spt-val { font-family:'Barlow Condensed',sans-serif; font-size:1.2rem; font-weight:900; color:var(--orange); }
    .spt-note { font-size:0.68rem; color:var(--muted); }

    /* CTA buttons */
    .svc-ctas { display:flex; gap:1rem; flex-wrap:wrap; }
    .btn-primary {
      background:var(--orange); color:var(--white); padding:0.9rem 2rem;
      font-family:'Barlow Condensed',sans-serif; font-size:0.85rem; font-weight:700;
      letter-spacing:0.14em; text-transform:uppercase; text-decoration:none;
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition:background 0.2s, transform 0.2s;
    }
    .btn-primary:hover { background:var(--orange-d); transform:translateY(-2px); }
    .btn-ghost {
      color:var(--white); font-family:'Barlow Condensed',sans-serif;
      font-size:0.85rem; font-weight:500; letter-spacing:0.12em;
      text-transform:uppercase; text-decoration:none;
      display:inline-flex; align-items:center; gap:0.5rem;
      border-bottom:1px solid rgba(255,255,255,0.2);
      padding-bottom:0.15rem; transition:gap 0.2s, color 0.2s, border-color 0.2s;
    }
    .btn-ghost:hover { gap:0.9rem; color:var(--orange); border-color:rgba(245,98,15,0.4); }

    /* ════════════════════════════
       HOW IT WORKS — per service
    ════════════════════════════ */
    .svc-hiw {
      margin-top:70px; padding-top:60px;
      border-top:1px solid rgba(255,255,255,0.06);
    }
    .hiw-title {
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.72rem; font-weight:700; letter-spacing:0.18em;
      text-transform:uppercase; color:var(--muted); margin-bottom:1.8rem;
    }
    .hiw-steps {
      display:grid; grid-template-columns:repeat(4,1fr);
      position:relative; gap:0;
    }
    .hiw-steps::before {
      content:''; position:absolute; top:18px; left:18px; right:18px; height:1px;
      background:rgba(255,255,255,0.07);
    }
    .hiw-step { display:flex; flex-direction:column; align-items:flex-start; gap:0.8rem; padding-right:1.5rem; position:relative; z-index:1; }
    .hiw-step:last-child { padding-right:0; }
    .hiw-bubble {
      width:38px; height:38px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      background:var(--steel2); border:2px solid rgba(255,255,255,0.1);
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.9rem; font-weight:900; color:var(--muted);
      flex-shrink:0; transition:all 0.3s;
    }
    .hiw-step.done .hiw-bubble { background:var(--green-bg); border-color:var(--green); color:var(--green); }
    .hiw-step.current .hiw-bubble { background:rgba(245,98,15,0.15); border-color:var(--orange); color:var(--orange); }
    .hiw-step-title { font-family:'Barlow Condensed',sans-serif; font-size:0.88rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--white); }
    .hiw-step-desc  { font-size:0.75rem; color:var(--muted); font-weight:300; line-height:1.55; }

    /* ════════════════════════════
       COMPARE TABLE
    ════════════════════════════ */
    .compare-section {
      padding:90px 5%;
      background:var(--steel);
      position:relative; overflow:hidden;
      border-top:1px solid rgba(255,255,255,0.05);
    }
    .compare-header {
      display:flex; justify-content:space-between; align-items:flex-end;
      margin-bottom:50px; flex-wrap:wrap; gap:2rem;
    }
    .compare-header h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2rem,4vw,3.2rem); font-weight:900;
      text-transform:uppercase; line-height:0.93;
    }
    .compare-header h2 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .compare-desc { font-size:0.9rem; color:var(--muted); font-weight:300; max-width:340px; line-height:1.7; }

    .compare-table { width:100%; border-collapse:collapse; }
    .compare-table th {
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.75rem; font-weight:700; letter-spacing:0.14em;
      text-transform:uppercase; padding:1rem 1.2rem;
      background:var(--steel2); color:var(--muted);
      border:1px solid rgba(255,255,255,0.06);
      text-align:left;
    }
    .compare-table th.highlight { color:var(--orange); background:rgba(245,98,15,0.08); }
    .compare-table td {
      padding:1rem 1.2rem; border:1px solid rgba(255,255,255,0.05);
      font-size:0.82rem; color:var(--light); font-weight:300;
      vertical-align:middle;
    }
    .compare-table tr:hover td { background:rgba(255,255,255,0.02); }
    .compare-table td.row-label {
      font-family:'Barlow Condensed',sans-serif;
      font-size:0.85rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.04em; color:var(--white);
    }
    .compare-table td.highlight-col { background:rgba(245,98,15,0.04); }
    .check-yes { color:var(--green); font-size:1rem; }
    .check-no  { color:rgba(138,150,163,0.3); font-size:1rem; }
    .check-part{ color:var(--orange); font-size:0.8rem; }

    /* ════════════════════════════
       BOTTOM CTA
    ════════════════════════════ */
    .bottom-cta {
      background:var(--orange); padding:80px 5%;
      display:grid; grid-template-columns:1fr 1fr;
      gap:4rem; align-items:center;
      position:relative; overflow:hidden;
    }
    .bottom-cta::before {
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
      background-size:60px 60px; pointer-events:none;
    }
    .bc-watermark {
      position:absolute; right:-2%; top:50%; transform:translateY(-50%);
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(10rem,20vw,18rem); font-weight:900;
      color:rgba(255,255,255,0.06); pointer-events:none; user-select:none;
    }
    .bc-left { position:relative; z-index:2; }
    .bc-left h2 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(2.5rem,5vw,4rem); font-weight:900;
      line-height:0.9; text-transform:uppercase; color:var(--white);
      margin-bottom:1.2rem;
    }
    .bc-left h2 em { font-style:italic; font-weight:300; display:block; color:rgba(255,255,255,0.7); }
    .bc-left p { font-size:0.92rem; color:rgba(255,255,255,0.72); line-height:1.72; font-weight:300; }
    .bc-right { display:flex; flex-direction:column; gap:1rem; position:relative; z-index:2; }
    .bc-btn {
      display:flex; align-items:center; gap:1.2rem;
      background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.25);
      padding:1.2rem 1.6rem; text-decoration:none; color:var(--white);
      clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition:background 0.2s, border-color 0.2s;
    }
    .bc-btn:hover { background:rgba(255,255,255,0.22); border-color:rgba(255,255,255,0.5); }
    .bc-btn.solid { background:var(--white); }
    .bc-btn.solid:hover { background:rgba(255,255,255,0.9); }
    .bc-btn-icon { width:42px; height:42px; background:rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%); flex-shrink:0; }
    .bc-btn.solid .bc-btn-icon { background:rgba(245,98,15,0.15); }
    .bc-btn-icon svg { width:18px; color:var(--white); }
    .bc-btn.solid .bc-btn-icon svg { color:var(--orange); }
    .bcb-title { font-family:'Barlow Condensed',sans-serif; font-size:1rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; }
    .bc-btn.solid .bcb-title { color:var(--orange); }
    .bcb-sub { font-size:0.72rem; color:rgba(255,255,255,0.65); font-weight:300; margin-top:0.1rem; }
    .bc-btn.solid .bcb-sub { color:rgba(245,98,15,0.7); }

    /* ── RESPONSIVE ── */
    @media (max-width:1024px) {
      .svc-overview { grid-template-columns:repeat(3,1fr); }
      .hiw-steps { grid-template-columns:repeat(2,1fr); gap:2rem; }
      .hiw-steps::before { display:none; }
    }
    @media (max-width:860px) {
      .svc-inner, .svc-inner.reverse { grid-template-columns:1fr; direction:ltr; gap:3rem; }
      .svc-inner.reverse > * { direction:ltr; }
      .svc-overview { grid-template-columns:repeat(3,1fr); }
      .bottom-cta { grid-template-columns:1fr; gap:2.5rem; }
      .bc-watermark { display:none; }
      .compare-table { font-size:0.75rem; }
      .compare-table th, .compare-table td { padding:0.7rem 0.8rem; }
      nav .nav-links { display:none; }
      .hamburger { display:flex; }
    }
    @media (max-width:560px) {
      .svc-hero { min-height:60vh; }
      .svc-overview { grid-template-columns:repeat(3,1fr); }
      .svc-specs { gap:1rem; }
      .hiw-steps { grid-template-columns:1fr 1fr; }
      .compare-table { display:block; overflow-x:auto; }
    }

     /* ════════════════════
       HERO
    ════════════════════ */
    .routes-hero {
      padding-top:72px; min-height:68vh;
      background:var(--black); position:relative; overflow:hidden;
      display:flex; align-items:center;
    }
    .rh-bg { position:absolute; inset:0; }
    .rh-bg img { width:100%; height:100%; object-fit:cover; filter:brightness(0.2) saturate(0.4); }
    .rh-bg::after { content:''; position:absolute; inset:0; background:linear-gradient(110deg, rgba(10,12,15,0.96) 0%, rgba(10,12,15,0.5) 60%, rgba(10,12,15,0.15) 100%); }
    .routes-hero::before { content:''; position:absolute; top:72px; left:0; bottom:0; width:5px; background:var(--orange); z-index:3; }
    .routes-hero::after  { content:''; position:absolute; top:72px; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--orange),transparent 60%); z-index:3; }
    .rh-inner { padding:0 5% 0 8%; position:relative; z-index:2; max-width:860px; }
    .rh-inner h1 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(3.5rem,8vw,7rem); font-weight:900; line-height:0.88; text-transform:uppercase; margin-bottom:1.6rem; }
    .rh-inner h1 .outline { -webkit-text-stroke:2px var(--white); color:transparent; }
    .rh-inner h1 .orange  { color:var(--orange); }
    .rh-desc { font-size:1rem; color:var(--muted); line-height:1.75; font-weight:300; max-width:520px; margin-bottom:2.4rem; }
    .rh-desc strong { color:var(--light); font-weight:500; }

    /* Stats row in hero */
    .rh-stats { display:flex; gap:2.5rem; flex-wrap:wrap; }
    .rhs { display:flex; flex-direction:column; gap:0.2rem; }
    .rhs-num { font-family:'Barlow Condensed',sans-serif; font-size:2rem; font-weight:900; color:var(--white); line-height:1; }
    .rhs-num span { color:var(--orange); }
    .rhs-label { font-size:0.65rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); }

    /* ════════════════════
       SEARCH BAR
    ════════════════════ */
    .search-bar {
      background:var(--steel); border-bottom:1px solid rgba(255,255,255,0.06);
      padding:1.6rem 5%; position:sticky; top:72px; z-index:50;
      display:flex; gap:1rem; align-items:center; flex-wrap:wrap;
    }
    .sb-group { display:flex; align-items:center; gap:0.6rem; flex:1; min-width:200px; }
    .sb-label { font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); white-space:nowrap; flex-shrink:0; }
    .sb-input, .sb-select {
      background:var(--steel2); border:1px solid rgba(255,255,255,0.08);
      outline:none; color:var(--white); padding:0.65rem 1rem;
      font-family:'Barlow',sans-serif; font-size:0.85rem;
      flex:1; min-width:140px; transition:border-color 0.2s;
      appearance:none;
    }
    .sb-input:focus, .sb-select:focus { border-color:rgba(245,98,15,0.5); }
    .sb-input::placeholder { color:var(--muted); }
    .sb-select-wrap { position:relative; flex:1; min-width:140px; }
    .sb-select-wrap::after { content:'▾'; position:absolute; right:0.8rem; top:50%; transform:translateY(-50%); color:var(--muted); pointer-events:none; font-size:0.75rem; }
    .sb-select { width:100%; }
    .sb-select option { background:var(--steel2); }
    .sb-btn { background:var(--orange); border:none; color:var(--white); padding:0.68rem 1.8rem; font-family:'Barlow Condensed',sans-serif; font-size:0.82rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; cursor:pointer; clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%); transition:background 0.2s; white-space:nowrap; }
    .sb-btn:hover { background:var(--orange-d); }
    .sb-clear { background:none; border:1px solid rgba(255,255,255,0.1); color:var(--muted); padding:0.65rem 1rem; font-family:'Barlow',sans-serif; font-size:0.78rem; cursor:pointer; transition:color 0.2s, border-color 0.2s; white-space:nowrap; }
    .sb-clear:hover { color:var(--white); border-color:rgba(255,255,255,0.25); }

    /* ════════════════════
       MAP SECTION
    ════════════════════ */
    .map-section { background:#0a0d12; position:relative; border-top:1px solid rgba(255,255,255,0.04); border-bottom:1px solid rgba(255,255,255,0.04); }
    .map-header { padding:2rem 5% 1rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
    .mh-title { font-family:'Barlow Condensed',sans-serif; font-size:0.72rem; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); }
    .map-legend { display:flex; gap:1.5rem; flex-wrap:wrap; }
    .ml-item { display:flex; align-items:center; gap:0.5rem; font-size:0.65rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }
    .ml-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
    .ml-line { width:22px; height:2px; flex-shrink:0; }

    .map-wrap { height:480px; position:relative; overflow:hidden; }
    .map-wrap svg { width:100%; height:100%; display:block; }
    .map-tooltip {
      position:absolute; background:var(--steel); border:1px solid rgba(245,98,15,0.35);
      padding:0.75rem 1rem; pointer-events:none; z-index:10;
      opacity:0; transition:opacity 0.15s;
      clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
      min-width:150px;
    }
    .map-tooltip.show { opacity:1; }
    .mtt-city { font-family:'Barlow Condensed',sans-serif; font-size:1rem; font-weight:700; text-transform:uppercase; color:var(--white); }
    .mtt-country { font-size:0.7rem; color:var(--muted); margin:0.15rem 0 0.4rem; }
    .mtt-services { display:flex; flex-wrap:wrap; gap:0.3rem; }
    .mtt-tag { font-size:0.58rem; letter-spacing:0.12em; text-transform:uppercase; background:rgba(245,98,15,0.1); border:1px solid rgba(245,98,15,0.25); color:var(--orange); padding:0.15rem 0.5rem; }

    /* ════════════════════
       TABS & ROUTE CARDS
    ════════════════════ */
    .routes-body { padding:80px 5%; background:var(--dark); position:relative; overflow:hidden; }

    /* Tab bar */
    .tab-bar { display:flex; gap:0; margin-bottom:50px; border-bottom:1px solid rgba(255,255,255,0.07); flex-wrap:wrap; }
    .tab-group-label { font-size:0.6rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); padding:0 1.5rem 0.8rem 0; align-self:flex-end; }
    .tab { background:none; border:none; border-bottom:2px solid transparent; color:var(--muted); padding:0.8rem 1.4rem; font-family:'Barlow Condensed',sans-serif; font-size:0.82rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; cursor:pointer; transition:color 0.2s, border-color 0.2s; margin-bottom:-1px; }
    .tab:hover { color:var(--white); }
    .tab.active { color:var(--orange); border-bottom-color:var(--orange); }
    .tab-divider { width:1px; background:rgba(255,255,255,0.08); margin:0 0.5rem 1px; align-self:stretch; }

    /* Panel */
    .tab-panel { display:none; }
    .tab-panel.active { display:block; }

    /* Region section within panel */
    .region-block { margin-bottom:60px; }
    .region-block:last-child { margin-bottom:0; }
    .rb-header { display:flex; align-items:center; gap:1rem; margin-bottom:24px; }
    .rb-flag { font-size:1.5rem; line-height:1; }
    .rb-title { font-family:'Barlow Condensed',sans-serif; font-size:1.4rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; }
    .rb-count { font-size:0.68rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--orange); margin-left:auto; }
    .rb-divider { flex:1; height:1px; background:rgba(255,255,255,0.07); }

    /* Route card grid */
    .route-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }

    .route-card {
      background:var(--steel); border:1px solid rgba(255,255,255,0.05);
      padding:1.6rem 1.8rem; position:relative; overflow:hidden;
      transition:border-color 0.3s, background 0.3s;
      cursor:pointer;
    }
    .route-card::before { content:''; position:absolute; bottom:0; left:0; height:2px; width:0; background:var(--orange); transition:width 0.4s ease; }
    .route-card:hover { border-color:rgba(245,98,15,0.3); background:var(--steel2); }
    .route-card:hover::before { width:100%; }
    .route-card.featured { border-color:rgba(245,98,15,0.3); background:var(--steel2); }
    .route-card.featured::before { width:100%; }

    .rc-route {
      display:flex; align-items:center; gap:0.6rem;
      margin-bottom:1rem;
    }
    .rc-origin, .rc-dest {
      font-family:'Barlow Condensed',sans-serif;
      font-size:1.15rem; font-weight:700; text-transform:uppercase;
      letter-spacing:0.04em; line-height:1; flex:1;
    }
    .rc-dest { text-align:right; }
    .rc-arrow-wrap { display:flex; flex-direction:column; align-items:center; gap:2px; flex-shrink:0; }
    .rc-arrow-line { width:40px; height:1px; background:repeating-linear-gradient(90deg,var(--orange) 0,var(--orange) 5px,transparent 5px,transparent 9px); }
    .rc-arrow-icon { color:var(--orange); font-size:0.7rem; }
    .rc-flags { display:flex; gap:0.3rem; margin-bottom:0.8rem; font-size:0.85rem; }

    .rc-services { display:flex; gap:0.4rem; flex-wrap:wrap; margin-bottom:1rem; }
    .rc-svc {
      font-size:0.58rem; letter-spacing:0.12em; text-transform:uppercase;
      padding:0.18rem 0.6rem; border-radius:0;
    }
    .svc-air     { background:rgba(245,98,15,0.1); border:1px solid rgba(245,98,15,0.25); color:var(--orange); }
    .svc-sea     { background:rgba(59,130,246,0.1); border:1px solid rgba(59,130,246,0.25); color:#60a5fa; }
    .svc-road    { background:rgba(234,179,8,0.1);  border:1px solid rgba(234,179,8,0.25);  color:#eab308; }
    .svc-express { background:rgba(34,197,94,0.1);  border:1px solid rgba(34,197,94,0.25);  color:var(--green); }

    .rc-meta { display:grid; grid-template-columns:1fr 1fr; gap:0.6rem; border-top:1px solid rgba(255,255,255,0.06); padding-top:0.8rem; }
    .rcm-item { display:flex; flex-direction:column; gap:0.15rem; }
    .rcm-label { font-size:0.56rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); }
    .rcm-val   { font-family:'Barlow Condensed',sans-serif; font-size:0.9rem; font-weight:700; color:var(--white); }
    .rcm-val.orange { color:var(--orange); }

    /* Popular badge */
    .rc-popular {
      position:absolute; top:0; right:1rem;
      font-size:0.55rem; letter-spacing:0.14em; text-transform:uppercase;
      background:var(--orange); color:var(--white);
      padding:0.2rem 0.6rem;
      clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,3px 100%);
    }

    /* No results */
    .no-results { text-align:center; padding:4rem 2rem; color:var(--muted); }
    .no-results svg { width:48px; color:rgba(245,98,15,0.3); margin:0 auto 1rem; display:block; }
    .no-results h3 { font-family:'Barlow Condensed',sans-serif; font-size:1.4rem; font-weight:700; text-transform:uppercase; margin-bottom:0.5rem; color:var(--white); }
    .no-results p  { font-size:0.85rem; font-weight:300; }

    /* ════════════════════
       CTA STRIP
    ════════════════════ */
    .routes-cta { background:var(--orange); padding:60px 5%; display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; position:relative; overflow:hidden; }
    .routes-cta::before { content:''; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px); background-size:60px 60px; pointer-events:none; }
    .rc-cta-left { position:relative; z-index:2; }
    .rc-cta-left h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(1.8rem,4vw,3rem); font-weight:900; text-transform:uppercase; line-height:0.92; color:var(--white); margin-bottom:0.6rem; }
    .rc-cta-left p  { font-size:0.9rem; color:rgba(255,255,255,0.72); font-weight:300; }
    .rc-cta-btns { display:flex; gap:1rem; flex-wrap:wrap; position:relative; z-index:2; }
    .btn-white { background:var(--white); color:var(--orange); padding:0.85rem 2rem; font-family:'Barlow Condensed',sans-serif; font-size:0.85rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; text-decoration:none; clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%); transition:opacity 0.2s; }
    .btn-white:hover { opacity:0.88; }
    .btn-clear { color:var(--white); font-family:'Barlow Condensed',sans-serif; font-size:0.85rem; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; text-decoration:none; display:inline-flex; align-items:center; gap:0.5rem; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:0.15rem; transition:gap 0.2s; }
    .btn-clear:hover { gap:0.9rem; }

    /* ── RESPONSIVE ── */
    @media (max-width:1024px) { .route-grid { grid-template-columns:repeat(2,1fr); } }
    @media (max-width:860px) {
      .nav-links { display:none; }
      .hamburger { display:flex; }
      .map-wrap { height:320px; }
      .search-bar { flex-direction:column; align-items:stretch; }
      .sb-group { flex-wrap:wrap; }
    }
    @media (max-width:560px) {
      .route-grid { grid-template-columns:1fr; }
      .tab-bar { gap:0; }
      .tab { padding:0.7rem 0.8rem; font-size:0.72rem; }
      .routes-cta { flex-direction:column; align-items:flex-start; }
    }