:root{
    --blue:#1730A6;
    --blue-dark:#0F2178;
    --yellow:#F0AE1E;
    --white:#FFFFFF;
    --paper:#F7F8FC;
    --ink:#101326;
    --ink-soft:#54586E;
    --line:rgba(16,19,38,0.09);
    --shadow-sm:0 2px 8px rgba(16,19,38,0.06);
    --shadow-md:0 16px 40px rgba(16,19,38,0.08);
    --shadow-lg:0 24px 60px rgba(15,33,120,0.18);
    --ease:cubic-bezier(.4,0,.2,1);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--white); color:var(--ink); font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased;}
  h1,h2,h3{font-family:'Archivo',sans-serif; letter-spacing:-0.01em;}
  .mono{font-family:'JetBrains Mono',monospace;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
  ::selection{background:var(--yellow); color:var(--ink);}
  img{max-width:100%;}

  a:focus-visible, button:focus-visible, input:focus-visible{
    outline:2.5px solid var(--blue); outline-offset:2px; border-radius:4px;
  }
  .track-form input:focus-visible{outline:2.5px solid var(--yellow);}

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
  }

  /* SCROLL REVEAL */
  [data-reveal]{opacity:0; transform:translateY(18px); transition:opacity .6s var(--ease), transform .6s var(--ease);}
  [data-reveal].in-view{opacity:1; transform:translateY(0);}

  /* NAV */
  nav{position:sticky; top:0; z-index:100; border-bottom:1px solid transparent; transition:border-color .2s, box-shadow .2s;}
  nav::before{content:""; position:absolute; inset:0; z-index:-1; background:rgba(255,255,255,0.88); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);}
  nav.scrolled{border-bottom-color:var(--line); box-shadow:0 1px 0 rgba(16,19,38,0.03), var(--shadow-sm);}
  nav .wrap{display:flex; align-items:center; justify-content:space-between; height:74px;}
  .brand{display:flex; align-items:center;}
  .brand img{height:34px; width:auto; display:block;}
  .navlinks{display:flex; align-items:center; gap:34px; font-size:14px; font-weight:600;}
  .navlinks a{opacity:0.62; transition:opacity .15s;}
  .navlinks a:hover{opacity:1; color:var(--blue);}
  .nav-cta{background:var(--blue); color:var(--white); font-size:13.5px; font-weight:700; padding:11px 20px; border-radius:8px; transition:background .15s, transform .15s;}
  .nav-cta:hover{background:var(--blue-dark); transform:translateY(-1px);}
  .nav-cta-mobile{display:none;}

  .menu-btn{display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:40px; height:40px; background:none; border:none; cursor:pointer; border-radius:8px;}
  .menu-btn span{width:20px; height:2px; background:var(--ink); border-radius:2px; transition:transform .25s var(--ease), opacity .2s;}
  .menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .menu-btn.open span:nth-child(2){opacity:0;}
  .menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .menu-scrim{position:fixed; inset:0; background:rgba(16,19,38,0.35); backdrop-filter:blur(2px); z-index:98; opacity:0; pointer-events:none; transition:opacity .25s;}
  .menu-scrim.show{opacity:1; pointer-events:auto;}

  @media(max-width:900px){
    .nav-cta-desktop{display:none;}
    .menu-btn{display:flex;}
    .navlinks{
      position:fixed; top:74px; right:0; height:calc(100% - 74px); width:min(78vw, 320px);
      background:var(--white); flex-direction:column; align-items:flex-start; gap:4px;
      padding:22px 26px; box-shadow:-20px 0 50px rgba(16,19,38,0.12);
      transform:translateX(100%); transition:transform .3s var(--ease); z-index:99;
    }
    .navlinks.open{transform:translateX(0);}
    .navlinks a{width:100%; padding:13px 4px; border-bottom:1px solid var(--line); opacity:0.85;}
    .nav-cta-mobile{display:inline-flex; margin-top:14px; justify-content:center;}
  }

  /* HERO */
  .hero{position:relative; overflow:hidden; padding:76px 0 0; background:linear-gradient(180deg, var(--paper) 0%, var(--white) 100%);}
  .hero::before{
    content:""; position:absolute; top:-200px; right:-200px; width:560px; height:560px;
    background:radial-gradient(circle, rgba(23,48,166,0.07) 0%, transparent 70%);
  }
  .hero::after{
    content:""; position:absolute; top:120px; left:-160px; width:300px; height:300px;
    background:radial-gradient(circle, rgba(240,174,30,0.10) 0%, transparent 70%);
  }
  .hero .wrap{position:relative; z-index:2;}
  .hero-top{display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; padding:52px 0 70px;}

  .route-line{position:absolute; inset:0; width:100%; height:100%; z-index:1; opacity:0.5; pointer-events:none;}
  .route-line path{fill:none; stroke:var(--blue); stroke-width:2; stroke-dasharray:1 10; stroke-linecap:round; opacity:0.35;}
  .route-line .route-node{fill:var(--yellow); opacity:0.7;}
  .route-line .route-plane{fill:var(--blue); offset-path:path('M -50 380 C 200 380, 260 160, 480 190 S 760 400, 980 220 S 1150 90, 1300 110'); animation:travel 14s linear infinite;}
  @keyframes travel{ to{ offset-distance:100%; } }
  @media(max-width:900px){ .route-line{opacity:0.3;} }
  @media (prefers-reduced-motion: reduce){ .route-line .route-plane{animation:none; offset-distance:35%;} }

  @keyframes heroUp{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }
  .hero-top > div:first-child > *{opacity:0; animation:heroUp .7s var(--ease) forwards;}
  .hero-top > div:first-child > *:nth-child(1){animation-delay:.02s;}
  .hero-top > div:first-child > *:nth-child(2){animation-delay:.1s;}
  .hero-top > div:first-child > *:nth-child(3){animation-delay:.18s;}
  .hero-top > div:first-child > *:nth-child(4){animation-delay:.26s;}
  .hero-top > div:first-child > *:nth-child(5){animation-delay:.34s;}
  .track-card{opacity:0; animation:heroUp .7s var(--ease) .3s forwards;}
  @media (prefers-reduced-motion: reduce){ .hero-top > div:first-child > *, .track-card{opacity:1; animation:none;} }
  .eyebrow{
    font-family:'JetBrains Mono'; font-size:11.5px; color:var(--blue); font-weight:600;
    letter-spacing:0.07em; text-transform:uppercase; margin-bottom:20px; display:inline-flex; align-items:center; gap:9px;
    background:rgba(23,48,166,0.06); border:1px solid rgba(23,48,166,0.12); padding:7px 14px; border-radius:20px;
  }
  .eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--yellow);}
  .hero h1{font-size:53px; line-height:1.08; font-weight:800; margin-bottom:22px; letter-spacing:-0.02em;}
  .hero h1 .hl{position:relative; display:inline-block; color:var(--blue);}
  .hero h1 .hl::after{content:""; position:absolute; left:0; right:0; bottom:8px; height:12px; background:var(--yellow); z-index:-1; opacity:0.45;}
  .hero p.lead{font-size:16.5px; color:var(--ink-soft); max-width:460px; line-height:1.65; margin-bottom:34px;}
  .hero-actions{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:44px;}
  .btn-primary{background:var(--blue); color:var(--white); font-weight:700; font-size:14.5px; padding:15px 26px; border-radius:9px; display:inline-flex; align-items:center; gap:8px; box-shadow:0 12px 28px rgba(23,48,166,0.22); border:none; cursor:pointer; transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s;}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 16px 32px rgba(23,48,166,0.28); background:var(--blue-dark);}
  .btn-ghost{border:1.5px solid var(--line); font-weight:600; font-size:14.5px; padding:15px 24px; border-radius:9px; color:var(--ink); transition:border-color .18s, background .18s;}
  .btn-ghost:hover{border-color:var(--blue); background:rgba(23,48,166,0.04);}
  .trust-row{display:flex; gap:26px; font-size:13px; color:var(--ink-soft); font-weight:500; flex-wrap:wrap;}
  .trust-row span{display:flex; align-items:center; gap:7px;}
  .trust-row svg.ic{width:16px; height:16px; color:var(--blue); flex:none;}

  /* TRACKING CARD — signature element */
  .track-card{
    --card-pad:32px;
    background:linear-gradient(160deg, var(--blue) 0%, var(--blue-dark) 100%);
    border-radius:20px; padding:var(--card-pad); color:var(--white); position:relative;
    box-shadow:var(--shadow-lg); border:1px solid rgba(255,255,255,0.08);
  }
  .track-card::before{
    content:""; position:absolute; top:-13px; right:36px; width:26px; height:26px; background:var(--yellow);
    border-radius:50%; box-shadow:0 6px 14px rgba(0,0,0,0.18);
  }
  .track-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
  .track-head h3{font-size:17px; font-weight:700;}
  .track-head .badge{font-family:'JetBrains Mono'; font-size:10px; background:rgba(255,255,255,0.12); padding:5px 10px; border-radius:20px; letter-spacing:0.06em; display:inline-flex; align-items:center; gap:6px;}
  .track-head .badge::before{content:""; width:6px; height:6px; border-radius:50%; background:#4ADE80; box-shadow:0 0 0 3px rgba(74,222,128,0.25);}
  .track-form{display:flex; gap:8px; margin-bottom:8px;}
  .track-form input{
    flex:1; min-width:0; border:1.5px solid transparent; border-radius:9px; padding:15px 16px; font-family:'JetBrains Mono'; font-size:16px;
    background:rgba(255,255,255,0.96); color:var(--ink); transition:border-color .15s;
  }
  .track-form input:focus{outline:none; border-color:var(--yellow);}
  .track-form button{
    flex:none; background:var(--yellow); color:var(--blue-dark); border:none; border-radius:9px; padding:0 22px; font-weight:800; font-size:13.5px; cursor:pointer; transition:filter .15s, transform .15s;
  }
  .track-form button:hover:not(:disabled){filter:brightness(1.06); transform:translateY(-1px);}
  .track-form button:disabled{opacity:0.6; cursor:progress;}

  /* Ticket tear — the card's signature: an airwaybill stub */
  .ticket-tear{position:relative; height:2px; margin:20px calc(-1 * var(--card-pad)) 0; border-top:2px dashed rgba(255,255,255,0.22);}
  .ticket-tear .notch{position:absolute; top:50%; width:22px; height:22px; background:var(--paper); border-radius:50%; transform:translateY(-50%);}
  .ticket-tear .notch.left{left:-11px;}
  .ticket-tear .notch.right{right:-11px;}
  .ticket-strip{display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:16px; margin-bottom:14px; flex-wrap:wrap;}
  .track-hint{font-size:12px; opacity:0.65;}
  .track-hint .mono{font-family:'JetBrains Mono'; opacity:0.95;}
  .barcode{
    height:22px; width:104px; flex:none; opacity:0.55;
    background:repeating-linear-gradient(90deg, var(--white) 0 2px, transparent 2px 3px, var(--white) 3px 4px, transparent 4px 7px, var(--white) 7px 8px, transparent 8px 11px);
  }
  .track-hint{font-size:12px; opacity:0.6; margin-bottom:20px;}
  .track-result{background:rgba(255,255,255,0.08); border-radius:12px; padding:18px; display:none;}
  .track-result.show{display:block;}
  .track-result .row1{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:14px;}
  .track-result .awb{font-family:'JetBrains Mono'; font-size:15px; font-weight:700;}
  .track-result .status-pill{font-family:'JetBrains Mono'; font-size:10.5px; font-weight:700; background:var(--yellow); color:var(--blue-dark); padding:5px 10px; border-radius:20px; text-transform:uppercase;}
  .track-result .status-pill.delivered{background:#2E9E6C; color:var(--white);}
  .cache-note{display:none; font-size:11.5px; background:rgba(240,174,30,0.16); color:var(--yellow); padding:8px 10px; border-radius:8px; margin-bottom:14px;}
  .cache-note.show{display:block;}
  .track-meta{display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size:12.5px; margin-bottom:16px;}
  .track-meta div span{display:block; opacity:0.55; font-size:10.5px; text-transform:uppercase; letter-spacing:0.04em; margin-bottom:3px;}
  .timeline{border-top:1px dashed rgba(255,255,255,0.25); padding-top:14px;}
  .tl-item{display:flex; gap:12px; font-size:12.5px; padding-bottom:12px; position:relative;}
  .tl-item .tl-dot{width:8px; height:8px; border-radius:50%; background:var(--yellow); margin-top:4px; flex:none;}
  .tl-item .tl-time{opacity:0.55; font-family:'JetBrains Mono'; font-size:11px; min-width:80px;}
  .track-error{font-size:12.5px; color:#FFD9D9; background:rgba(255,80,80,0.12); padding:10px 12px; border-radius:8px; display:none;}
  .track-error.show{display:block;}

  /* ROUTE TICKER */
  .ticker{position:relative; z-index:2; border-top:1px solid var(--line); background:var(--ink); overflow:hidden; padding:13px 0;}
  .ticker-track{display:inline-flex; white-space:nowrap; gap:14px; animation:tickerScroll 32s linear infinite;}
  .ticker span{font-family:'JetBrains Mono'; font-size:12px; letter-spacing:0.05em; color:rgba(255,255,255,0.7); font-weight:500;}
  .ticker span i{color:var(--yellow); font-style:normal; margin:0 2px;}
  .ticker .sep{color:var(--yellow); opacity:0.5;}
  @keyframes tickerScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
  @media (prefers-reduced-motion: reduce){ .ticker-track{animation:none;} }
  @media(max-width:900px){ .ticker span{font-size:11px;} }

  /* STATS STRIP */
  .stats{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--paper);}
  .stats .wrap{display:grid; grid-template-columns:repeat(4,1fr); }
  .stat-cell{padding:28px 24px; border-right:1px solid var(--line);}
  .stat-cell:last-child{border-right:none;}
  .stat-cell .n{font-family:'Archivo'; font-size:28px; font-weight:800; color:var(--blue);}
  .stat-cell .c{font-size:12.5px; color:var(--ink-soft); margin-top:2px;}
  @media(max-width:900px){
    .stats .wrap{grid-template-columns:1fr 1fr;}
    .stat-cell{border-right:1px solid var(--line); border-bottom:1px solid var(--line);}
    .stat-cell:nth-child(2n){border-right:none;}
    .stat-cell:nth-last-child(-n+2){border-bottom:none;}
  }

  /* SERVICES */
  .section{padding:96px 0;}
  .section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:48px; gap:24px; flex-wrap:wrap;}
  .tag{font-family:'JetBrains Mono'; font-size:12px; color:var(--blue); letter-spacing:0.08em; text-transform:uppercase; margin-bottom:10px; font-weight:600;}
  .section-head h2{font-size:33px; font-weight:800; max-width:520px; line-height:1.2; letter-spacing:-0.01em;}
  .section-head p{font-size:14.5px; color:var(--ink-soft); max-width:320px; line-height:1.6;}

  .svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .svc-card{border:1.5px solid var(--line); border-radius:16px; padding:32px 26px; transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s; position:relative; overflow:hidden; background:var(--white);}
  .svc-card:hover{border-color:var(--blue); box-shadow:var(--shadow-md); transform:translateY(-4px);}
  .svc-card .svc-ic{width:48px; height:48px; border-radius:12px; background:var(--paper); display:flex; align-items:center; justify-content:center; margin-bottom:20px; color:var(--blue); transition:background .25s, color .25s;}
  .svc-card .svc-ic svg{width:24px; height:24px;}
  .svc-card:hover .svc-ic{background:var(--blue); color:var(--white);}
  .svc-card h3{font-size:19px; font-weight:700; margin-bottom:10px;}
  .svc-card p{font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:16px;}
  .svc-card .svc-code{font-family:'JetBrains Mono'; font-size:11px; color:var(--blue); font-weight:600; letter-spacing:0.04em;}
  @media(max-width:900px){.svc-grid{grid-template-columns:1fr;}}

  /* HOW IT WORKS */
  .how{background:var(--paper);}
  .how-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:0; counter-reset:step;}
  .how-item{padding:0 28px 0 0; position:relative;}
  .how-item:not(:last-child)::after{
    content:""; position:absolute; top:22px; right:-12px; width:24px; height:1px;
    background:repeating-linear-gradient(90deg, var(--blue) 0 4px, transparent 4px 8px);
  }
  .how-num{font-family:'Archivo'; font-size:32px; font-weight:900; color:var(--yellow); -webkit-text-stroke:1.5px var(--blue); margin-bottom:14px;}
  .how-item h3{font-size:16.5px; font-weight:700; margin-bottom:8px;}
  .how-item p{font-size:13.5px; color:var(--ink-soft); line-height:1.6;}
  @media(max-width:900px){.how-grid{grid-template-columns:1fr; gap:32px;} .how-item::after{display:none;}}

  /* WHY US */
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:16px; overflow:hidden; margin-top:8px;}
  .why-card{background:var(--white); padding:32px 26px; transition:background .2s;}
  .why-card:hover{background:var(--paper);}
  .why-card .mono{font-size:11px; color:var(--blue); font-weight:600; letter-spacing:0.04em;}
  .why-card h3{font-size:18px; margin:12px 0 8px;}
  .why-card p{font-size:13.5px; color:var(--ink-soft); line-height:1.6;}
  @media(max-width:900px){.why-grid{grid-template-columns:1fr;}}

  /* CTA */
  .cta{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%); color:var(--white); text-align:center; position:relative; overflow:hidden;}
  .cta::before{content:""; position:absolute; bottom:-100px; left:-100px; width:300px; height:300px; background:radial-gradient(circle, rgba(240,174,30,0.2) 0%, transparent 70%);}
  .cta .wrap{position:relative; z-index:2; padding-top:96px; padding-bottom:96px;}
  .cta h2{font-size:32px; font-weight:800; margin-bottom:14px;}
  .cta p{font-size:15px; opacity:0.78; margin-bottom:28px;}
  .cta .btn-primary{background:var(--yellow); color:var(--blue-dark); box-shadow:0 12px 28px rgba(0,0,0,0.18);}
  .cta .btn-primary:hover{background:var(--yellow); filter:brightness(1.05);}

  footer{background:var(--ink); color:var(--white); padding:56px 0 30px;}
  footer .wrap{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,0.1);}
  footer .fbrand{font-family:'Archivo'; font-weight:800; font-size:18px; margin-bottom:10px;}
  footer p{font-size:13px; opacity:0.55; line-height:1.6; max-width:260px;}
  footer h4{font-size:12.5px; text-transform:uppercase; letter-spacing:0.06em; opacity:0.5; margin-bottom:14px;}
  footer ul{list-style:none;}
  footer li{margin-bottom:9px; font-size:13.5px; opacity:0.8;}
  footer a:hover{opacity:1; color:var(--yellow);}
  .foot-bottom{display:flex; justify-content:space-between; padding-top:22px; font-family:'JetBrains Mono'; font-size:11.5px; opacity:0.45; flex-wrap:wrap; gap:10px;}

  @media(max-width:900px){
    .wrap{padding:0 22px;}
    .hero{padding-top:0;}
    .hero-top{grid-template-columns:1fr; gap:40px; padding:36px 0 44px;}
    .hero h1{font-size:38px;}
    .hero p.lead{max-width:none;}
    .hero-actions{margin-bottom:32px;}
    .section-head{flex-direction:column; align-items:flex-start;}
    .section{padding:64px 0;}
    .cta .wrap{padding-top:64px; padding-bottom:64px;}
    .track-card{--card-pad:24px;}
    footer .wrap{grid-template-columns:1fr 1fr; gap:28px;}
  }

  @media(max-width:520px){
    .wrap{padding:0 18px;}
    .hero h1{font-size:32px;}
    .hero-actions{gap:10px;}
    .btn-primary, .btn-ghost{flex:1 1 auto; justify-content:center; text-align:center; padding:14px 18px;}
    .trust-row{gap:16px 20px; font-size:12.5px;}
    .track-card{--card-pad:18px;}
    .track-form{flex-wrap:wrap;}
    .track-form input, .track-form button{width:100%;}
    .ticket-strip{gap:10px;}
    .barcode{width:88px;}
    .section-head h2{font-size:26px;}
    .stats .wrap{grid-template-columns:1fr 1fr;}
    .stat-cell{padding:20px 16px;}
    .cta h2{font-size:26px;}
    footer .wrap{grid-template-columns:1fr; gap:26px;}
    .foot-bottom{flex-direction:column; align-items:flex-start; gap:6px;}
  }