:root {
    --orange: #F5921E;
    --orange-dim: rgba(245,146,30,0.1);
    --orange-border: rgba(245,146,30,0.3);
    --navy: #1D3283;
    --navy-dim: rgba(29,50,131,0.08);
    --navy-border: rgba(29,50,131,0.2);
    --bg: #FFFFFF;
    --bg-2: #F4F6FB;
    --bg-3: #EBF0FA;
    --bg-4: #E0E8F5;
    --text: #0E1B4A;
    --text-2: #2E3D70;
    --muted: #7A8AAD;
    --muted-2: #A8B4CC;
    --line: rgba(29,50,131,0.08);
    --line-2: rgba(29,50,131,0.14);
    --shadow: 0 2px 20px rgba(29,50,131,0.08);
    --shadow-lg: 0 8px 40px rgba(29,50,131,0.14);
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;cursor:none;}

  .cursor{width:10px;height:10px;background:var(--orange);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s;}
  .cursor-ring{width:36px;height:36px;border:1.5px solid rgba(245,146,30,0.5);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .25s,height .25s;}
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.visible{opacity:1;transform:none;}

 
  /* HERO */
  .hero{min-height:calc(100vh - 68px);display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
  .hero::before{content:'';position:absolute;top:-180px;left:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(29,50,131,0.05) 0%,transparent 70%);pointer-events:none;}
  .hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;mask-image:radial-gradient(ellipse 70% 80% at 25% 50%,black 20%,transparent 100%);}
  .hero-left{padding:80px 60px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);position:relative;z-index:1;}
  .live-badge{display:inline-flex;align-items:center;gap:8px;background:var(--orange-dim);border:1px solid var(--orange-border);color:var(--orange);font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:4px;width:fit-content;margin-bottom:36px;animation:fadeDown .8s ease both;}
  .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:pulse 2s ease-in-out infinite;}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}
  @keyframes fadeDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
  .hero-h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(58px,6vw,85px);font-weight:900;line-height:.92;text-transform:uppercase;letter-spacing:-1px;margin-bottom:28px;animation:fadeUp .9s .1s ease both;color:var(--text);}
  .hero-h1 .line-orange{color:var(--orange);display:block;}
  .hero-h1 .line-outline{-webkit-text-stroke:2px var(--navy);color:transparent;display:block;}
  .hero-sub{font-size:16px;font-weight:300;color:var(--muted);line-height:1.8;max-width:420px;margin-bottom:40px;animation:fadeUp .9s .2s ease both;}
  .hero-actions{display:flex;gap:12px;align-items:center;animation:fadeUp .9s .3s ease both;}
  .btn-primary-lg{display:flex;align-items:center;gap:10px;background:var(--orange);color:#fff;font-size:14px;font-weight:500;padding:15px 28px;border-radius:7px;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(245,146,30,.3);transition:opacity .2s,box-shadow .2s;}
  .btn-primary-lg:hover{opacity:.9;}
  .btn-navy-lg{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-size:14px;font-weight:500;padding:15px 28px;border-radius:7px;border:none;cursor:pointer;transition:opacity .2s;}
  .btn-navy-lg:hover{opacity:.88;}
  .hero-trust{display:flex;align-items:center;gap:24px;margin-top:52px;padding-top:32px;border-top:1px solid var(--line);animation:fadeUp .9s .4s ease both;}
  .trust-item{display:flex;flex-direction:column;gap:3px;}
  .trust-num{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:800;color:var(--navy);line-height:1;}
  .trust-label{font-size:11px;color:var(--muted);letter-spacing:.5px;}
  .trust-sep{width:1px;height:36px;background:var(--line-2);}
  .hero-right{padding:56px 48px;display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative;z-index:1;}

  /* TRACKING CARD */
  .track-card{background:#fff;border:1px solid var(--line-2);border-radius:16px;padding:24px;box-shadow:var(--shadow);animation:fadeUp 1s .2s ease both;}
  .track-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}
  .track-id-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;}
  .track-id{font-family:'Barlow Condensed',monospace;font-size:15px;font-weight:700;letter-spacing:1.5px;color:var(--navy);}
  .status-pill{display:flex;align-items:center;gap:6px;background:var(--orange-dim);border:1px solid var(--orange-border);color:var(--orange);font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;}
  .s-dot{width:5px;height:5px;border-radius:50%;background:var(--orange);animation:pulse 1.5s infinite;}
  .steps-row{display:flex;align-items:center;margin-bottom:10px;}
  .step-node{width:12px;height:12px;border-radius:50%;flex-shrink:0;}
  .step-node.done{background:var(--navy);}
  .step-node.active{background:var(--orange);box-shadow:0 0 0 5px rgba(245,146,30,.2);}
  .step-node.pending{background:var(--bg-4);border:1.5px solid var(--muted-2);}
  .step-conn{flex:1;height:2px;}
  .step-conn.done{background:var(--navy);}
  .step-conn.pending{background:var(--bg-4);}
  .step-labels{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted-2);margin-bottom:20px;}
  .step-labels span.active-label{color:var(--orange);font-weight:600;}
  .driver-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-2);border-radius:10px;margin-bottom:16px;}
  .driver-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy-dim);border:1.5px solid var(--navy-border);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:var(--navy);}
  .driver-info{flex:1;}
  .driver-name{font-size:13px;font-weight:500;color:var(--text);}
  .driver-sub{font-size:11px;color:var(--muted);margin-top:2px;}
  .driver-rating{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:var(--orange);}
  .eta-row{display:flex;justify-content:space-between;align-items:center;}
  .eta-group{display:flex;flex-direction:column;gap:2px;}
  .eta-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;}
  .eta-value{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;color:var(--navy);}
  .eta-value small{font-size:12px;font-weight:400;color:var(--muted);margin-left:4px;}
  .distance-bar{flex:1;margin:0 16px;height:4px;background:var(--bg-4);border-radius:2px;overflow:hidden;}
  .distance-fill{height:100%;width:72%;background:linear-gradient(90deg,var(--orange),var(--navy));border-radius:2px;}
  .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line-2);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);animation:fadeUp 1s .35s ease both;}
  .h-stat{padding:20px 16px;border-right:1px solid var(--line);}
  .h-stat:last-child{border-right:none;}
  .h-stat-num{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:800;line-height:1;color:var(--navy);}
  .h-stat-num .unit{font-size:15px;color:var(--orange);}
  .h-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-top:4px;}
  .h-stat-delta{font-size:10px;color:#22A05A;margin-top:5px;}

  /* MARQUEE */
  .marquee-wrap{background:var(--navy);overflow:hidden;padding:13px 0;border-bottom:1px solid var(--line);}
  .marquee-inner{display:flex;animation:marquee 32s linear infinite;white-space:nowrap;}
  .marquee-item{display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.8);}
  .marquee-dot{width:5px;height:5px;border-radius:50%;background:var(--orange);flex-shrink:0;}
  @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* CLIENTS */
  .clients-row{display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--bg);}
  .client-label{padding:22px 40px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;border-right:1px solid var(--line);flex-shrink:0;}
  .clients-logos{flex:1;overflow:hidden;}
  .clients-inner{display:flex;animation:marquee 22s linear infinite;}
  .client-item{padding:22px 36px;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted-2);border-right:1px solid var(--line);white-space:nowrap;transition:color .2s;cursor:default;}
  .client-item:hover{color:var(--navy);}

  /* SECTION BASE */
  .section{padding:100px 60px;border-bottom:1px solid var(--line);background:var(--bg);}
  .section.alt{background:var(--bg-2);}
  .section-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
  .eyebrow-line{width:28px;height:2px;background:var(--orange);}
  .eyebrow-text{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--orange);}
  .section-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(38px,4vw,56px);font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-.5px;color:var(--text);margin-bottom:16px;}
  .section-title .hl{color:var(--orange);}
  .section-title .hl-navy{color:var(--navy);}
  .section-sub{font-size:15px;font-weight:300;color:var(--muted);line-height:1.8;max-width:480px;margin-bottom:60px;}

  /* HOW IT WORKS */
  .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-2);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow);}
  .step-block{padding:36px 28px;border-right:1px solid var(--line);position:relative;transition:background .3s;}
  .step-block:last-child{border-right:none;}
  .step-block:hover{background:var(--bg-2);}
  .step-num{font-family:'Barlow Condensed',sans-serif;font-size:72px;font-weight:900;color:rgba(29,50,131,.05);position:absolute;top:8px;right:14px;line-height:1;user-select:none;}
  .step-icon{width:44px;height:44px;background:var(--orange-dim);border:1px solid var(--orange-border);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .step-icon svg{width:22px;height:22px;}
  .step-title{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px;color:var(--navy);}
  .step-desc{font-size:13px;color:var(--muted);line-height:1.7;}

  /* FEATURES */
  .features-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-2);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);}
  .feat-big{padding:48px;border-right:1px solid var(--line);background:var(--navy);position:relative;overflow:hidden;}
  .feat-big::after{content:'';position:absolute;bottom:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(245,146,30,.15) 0%,transparent 70%);}
  .feat-big-title{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:12px;line-height:1.05;}
  .feat-big p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:24px;}
  .feat-list{display:flex;flex-direction:column;background:#fff;}
  .feat-row{display:flex;gap:18px;align-items:flex-start;padding:28px;border-bottom:1px solid var(--line);transition:background .2s;}
  .feat-row:last-child{border-bottom:none;}
  .feat-row:hover{background:var(--bg-2);}
  .feat-row-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .feat-row-icon svg{width:18px;height:18px;}
  .feat-row-title{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;color:var(--navy);}
  .feat-row-desc{font-size:13px;color:var(--muted);line-height:1.65;}
  .dashboard-mock{background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.15);position:relative;z-index:1;}
  .mock-bar{display:flex;align-items:center;gap:6px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);}
  .mock-dot{width:8px;height:8px;border-radius:50%;}
  .mock-body{padding:14px;}
  .mock-stat-row{display:flex;gap:8px;margin-bottom:12px;}
  .mock-stat{flex:1;padding:10px 12px;background:rgba(255,255,255,.06);border-radius:6px;border:1px solid rgba(255,255,255,.1);}
  .mock-stat-label{font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px;}
  .mock-stat-val{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;}
  .mock-route-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;margin-bottom:5px;}
  .mock-route-label{font-size:11px;color:rgba(255,255,255,.8);font-family:'Barlow Condensed',sans-serif;letter-spacing:.5px;}
  .mock-tag{font-size:10px;padding:3px 9px;border-radius:20px;font-weight:600;letter-spacing:.3px;}

  /* METRICS */
  .metrics-section{padding:100px 60px;background:var(--navy);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
  .metrics-section .section-title{color:#fff;}
  .metrics-section .section-sub{color:rgba(255,255,255,.5);margin-bottom:40px;}
  .big-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgb(62 60 60 / 62%);;border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;}
  .big-stat{background:rgba(255,255,255,.06);padding:32px 26px;position:relative;overflow:hidden;transition:background .3s;}
  .big-stat:hover{background:rgba(255,255,255,.1);}
  .big-stat::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
  .big-stat:hover::after{transform:scaleX(1);}
  .big-stat-icon{width:32px;height:32px;border-radius:7px;background:rgba(245,146,30,.15);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  .big-stat-icon svg{width:16px;height:16px;}
  .big-stat-num{font-family:'Barlow Condensed',sans-serif;font-size:50px;font-weight:900;line-height:1;color:#fff;}
  .big-stat-num .sfx{font-size:22px;color:var(--orange);}
  .big-stat-label{font-size:11px;color:rgba(255,255,255,.45);margin-top:8px;text-transform:uppercase;letter-spacing:.8px;}
  .big-stat-sub{font-size:11px;color:var(--orange);margin-top:6px;}
  .bar-chart{margin-top:28px;}
  .bar-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
  .bar-label{font-size:11px;color:rgba(255,255,255,.45);width:72px;text-align:right;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;}
  .bar-track{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;}
  .bar-fill{height:100%;border-radius:3px;background:var(--orange);transition:width 1s ease;}
  .bar-fill.light{background:rgba(255,255,255,.5);}
  .bar-val{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#fff;width:40px;}

  /* PRICING */
  .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .price-card{background:#fff;border:1px solid var(--line-2);border-radius:16px;padding:36px 28px;display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s;}
  .price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
  .price-card.featured{background:var(--navy);border-color:var(--navy);}
  .price-card.featured .plan-price{color:#fff;}
  .price-card.featured .plan-desc{color:rgba(255,255,255,.55);}
  .price-card.featured .plan-features li{color:rgba(255,255,255,.8);}
  .price-card.featured .plan-features li.dim{color:rgba(255,255,255,.25);}
  .featured-badge{position:absolute;top:0;right:0;background:var(--orange);font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;padding:6px 16px;border-radius:0 0 0 10px;}
  .plan-tier{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);}
  .plan-price{font-family:'Barlow Condensed',sans-serif;font-size:54px;font-weight:900;line-height:1;color:var(--navy);}
  .plan-price small{font-size:18px;color:var(--muted);font-weight:400;}
  .plan-desc{font-size:13px;color:var(--muted);line-height:1.65;}
  .plan-features{list-style:none;display:flex;flex-direction:column;gap:12px;flex:1;}
  .plan-features li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);}
  .plan-features li svg{width:14px;height:14px;flex-shrink:0;}
  .plan-features li.dim{color:var(--muted-2);}
  .plan-features li.dim svg{opacity:.3;}
  .btn-plan{width:100%;padding:14px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s;}
  .btn-plan:hover{opacity:.85;}
  .btn-plan.primary{background:var(--orange);color:#fff;box-shadow:0 4px 16px rgba(245,146,30,.3);}
  .btn-plan.navy-btn{background:var(--navy);color:#fff;}
  .btn-plan.ghost{background:transparent;color:var(--navy);border:1.5px solid var(--navy-border);}
  .btn-plan.ghost-white{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);}

  /* TESTIMONIALS */
  .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .testimonial-card{background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s;}
  .testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
  .t-stars{display:flex;gap:3px;}
  .star{width:13px;height:13px;fill:var(--orange);}
  .t-quote{font-size:14px;font-weight:300;color:var(--text-2);line-height:1.75;font-style:italic;flex:1;}
  .t-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line);}
  .t-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;}
  .t-name{font-size:13px;font-weight:500;color:var(--navy);}
  .t-role{font-size:11px;color:var(--muted);margin-top:2px;}

  /* CTA */
  .cta-section{padding:120px 60px;background:var(--orange);text-align:center;position:relative;overflow:hidden;}
  .cta-section::before{content:'';position:absolute;top:-100px;left:-100px;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none;}
  .cta-section::after{content:'';position:absolute;bottom:-120px;right:-80px;width:500px;height:500px;border-radius:50%;background:rgba(29,50,131,.12);pointer-events:none;}
  .cta-section .section-sub{color:rgba(255,255,255,.75);margin:0 auto 48px;text-align:center;}
  .cta-actions{display:flex;gap:14px;justify-content:center;position:relative;z-index:1;}
  .btn-white{display:flex;align-items:center;gap:8px;background:#fff;color:var(--orange);font-size:14px;font-weight:600;padding:15px 28px;border-radius:7px;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:opacity .2s;}
  .btn-white:hover{opacity:.92;}
  .btn-white-outline{display:flex;align-items:center;gap:8px;background:transparent;color:#fff;font-size:14px;font-weight:500;padding:15px 28px;border-radius:7px;border:1.5px solid rgba(255,255,255,.5);cursor:pointer;transition:border-color .2s,background .2s;}
  .btn-white-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);}

  /* FOOTER */
  footer{padding:60px 60px 40px;background:var(--text);}
  .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
  .footer-brand-desc{font-size:13px;color:rgba(255,255,255,.4);line-height:1.75;margin-top:16px;max-width:260px;}
  .footer-col-title{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:18px;}
  .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
  .footer-col a{font-size:13px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s;}
  .footer-col a:hover{color:#fff;}
  .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);}
  .footer-copy{font-size:12px;color:rgba(255,255,255,.28);}
  .footer-socials{display:flex;gap:12px;}
  .social-icon{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;}
  .social-icon:hover{border-color:rgba(255,255,255,.4);}
  .social-icon svg{width:13px;height:13px;fill:rgba(255,255,255,.45);}
  
  

  @media(max-width:900px){
    
    .hero{grid-template-columns:1fr;} .hero-right{display:none;}
    .section,.metrics-section{padding:60px 24px;}
    .steps-grid{grid-template-columns:1fr 1fr;}
    .features-grid,.metrics-section{grid-template-columns:1fr;}
    .pricing-grid,.testimonials-grid{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr 1fr;gap:32px;}
    .cta-section{padding:80px 24px;}
    footer{padding:40px 20px;}
    .page-header,.contact-info,.contact-form-wrap,.faq-strip,.footer-mini{padding:40px 20px;}
    .contact-layout{grid-template-columns:1fr;}
    .form-grid{grid-template-columns:1fr;}
    .faq-grid{grid-template-columns:1fr;}
    .form-footer{flex-direction:column;gap:16px;align-items:flex-start;}
  }
  
  
  /* =========================================
   DELIVERY SECTION
========================================= */

.delivery-section{
    padding:100px 60px;
    background:#f4f6fb;
}

.delivery-container{
    max-width:1280px;
    margin:auto;
}

.delivery-heading{
    margin-bottom:60px;
}

.delivery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.delivery-card{
    background:#fff;
    border-radius:18px;
    padding:35px 30px;
    border:1px solid rgba(29,50,131,.08);
    box-shadow:0 2px 20px rgba(29,50,131,.08);
    transition:.3s ease;
}

.delivery-card:hover{
    transform:translateY(-6px);
    box-shadow:0 8px 40px rgba(29,50,131,.14);
}

.delivery-icon{
    width:58px;
    height:58px;
    border-radius:14px;
    background:rgba(245,146,30,.1);
    border:1px solid rgba(245,146,30,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
}

.delivery-icon i{
    font-size:22px;
    color:#F5921E;
}

.delivery-card h3{
    font-family:'Barlow Condensed',sans-serif;
    font-size:24px;
    font-weight:700;
    color:#1D3283;
    margin-bottom:14px;
    text-transform:uppercase;
}

.delivery-card p{
    font-size:14px;
    line-height:1.8;
    color:#7A8AAD;
}

/* RESPONSIVE */

@media(max-width:992px){

    .delivery-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .delivery-section{
        padding:70px 24px;
    }

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

}


/* Contact Page */


  

  /* PAGE HEADER */
  .page-header{background-image:url(../images/contact.jpeg);background-repeat: no-repeat;background-size: cover;background-position: center;padding:80px 60px 72px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);}
  .page-header::before{content:'';position:absolute;top:-120px;right:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(245,146,30,.12) 0%,transparent 70%);pointer-events:none;}
  .page-header::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 100% at 80% 50%,black 20%,transparent 100%);}
  .header-inner{position:relative;z-index:1;max-width:640px;}
  .header-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(245,146,30,.12);border:1px solid rgba(245,146,30,.3);color:var(--orange);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:4px;margin-bottom:28px;}
  .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:pulse 2s infinite;}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}
  .page-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(58px,6vw,85px);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-1px;color:#fff;margin-bottom:20px;}
  .page-title span{color:var(--orange);}
  .page-sub{font-size:16px;font-weight:300;color:rgba(255,255,255,.55);line-height:1.75;}

  /* MAIN LAYOUT */
  .contact-layout{display:grid;grid-template-columns:1fr 1.6fr;min-height:calc(100vh - 68px - 200px);}

  /* LEFT PANEL */
  .contact-info{padding:60px;background:var(--bg-2);border-right:1px solid var(--line);}
  .info-section{margin-bottom:48px;}
  .info-section:last-child{margin-bottom:0;}
  .info-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:20px;display:flex;align-items:center;gap:8px;}
  .info-label::after{content:'';flex:1;height:1px;background:var(--orange-border);}

  .contact-card{display:flex;gap:16px;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--line-2);border-radius:12px;margin-bottom:12px;transition:box-shadow .2s,transform .2s;cursor:pointer;}
  .contact-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
  .contact-card:last-child{margin-bottom:0;}
  .card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .card-icon svg{width:18px;height:18px;}
  .card-title{font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
  .card-value{font-size:14px;font-weight:500;color:var(--navy);}
  .card-value a{color:var(--navy);text-decoration:none;}
  .card-note{font-size:11px;color:var(--muted-2);margin-top:3px;}

  /* Office locations */
  .office-card{padding:20px;background:#fff;border:1px solid var(--line-2);border-radius:12px;margin-bottom:12px;transition:box-shadow .2s;}
  .office-card:hover{box-shadow:var(--shadow);}
  .office-city{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--navy);margin-bottom:4px;display:flex;align-items:center;gap:8px;}
  .office-badge{font-size:9px;background:var(--orange-dim);border:1px solid var(--orange-border);color:var(--orange);padding:2px 8px;border-radius:10px;font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:.5px;text-transform:uppercase;}
  .office-addr{font-size:13px;color:var(--muted);line-height:1.6;}

  /* Social row */
  .social-row{display:flex;gap:10px;flex-wrap:wrap;}
  .social-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid var(--line-2);border-radius:8px;font-size:12px;font-weight:500;color:var(--text-2);text-decoration:none;transition:border-color .2s,box-shadow .2s;}
  .social-btn:hover{border-color:var(--navy);box-shadow:var(--shadow);}
  .social-btn svg{width:14px;height:14px;fill:var(--navy);}

  /* RIGHT — FORM */
  .contact-form-wrap{padding:60px;}
  .form-top{margin-bottom:40px;}
  .form-title{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;text-transform:uppercase;color:var(--navy);line-height:1;margin-bottom:10px;}
  .form-sub{font-size:14px;color:var(--muted);line-height:1.7;}

  /* Department pills */
  .dept-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;}
  .dept-pill{padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:.3px;border:1px solid var(--line-2);color:var(--muted);background:#fff;cursor:pointer;transition:all .2s;}
  .dept-pill:hover{border-color:var(--navy);color:var(--navy);}
  .dept-pill.active{background:var(--navy);color:#fff;border-color:var(--navy);}

  /* Form fields */
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
  .form-group{display:flex;flex-direction:column;gap:7px;}
  .form-group.full{grid-column:1/-1;}
  label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-2);}
  .required{color:var(--orange);}
  input,select,textarea{width:100%;padding:13px 16px;background:#fff;border:1.5px solid var(--line-2);border-radius:8px;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;}
  input::placeholder,textarea::placeholder{color:var(--muted-2);}
  input:focus,select:focus,textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(29,50,131,.08);}
  select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A8AAD' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer;}
  textarea{resize:vertical;min-height:130px;line-height:1.65;}

  /* File drop */
  .file-drop{border:1.5px dashed var(--line-2);border-radius:8px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s,background .2s;}
  .file-drop:hover{border-color:var(--navy);background:var(--navy-dim);}
  .file-drop svg{width:24px;height:24px;stroke:var(--muted);}
  .file-drop-text{font-size:13px;color:var(--muted);text-align:center;}
  .file-drop-text span{color:var(--navy);font-weight:500;text-decoration:underline;}
  .file-drop-note{font-size:11px;color:var(--muted-2);}

  /* Submit row */
  .form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:28px;border-top:1px solid var(--line);}
  .privacy-note{font-size:12px;color:var(--muted);max-width:320px;line-height:1.6;}
  .privacy-note a{color:var(--navy);text-decoration:none;}
  .btn-submit{display:flex;align-items:center;gap:10px;background:var(--orange);color:#fff;font-size:14px;font-weight:500;padding:15px 32px;border-radius:8px;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(245,146,30,.3);transition:opacity .2s,transform .2s,box-shadow .2s;}
  .btn-submit:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 28px rgba(245,146,30,.4);}
  .btn-submit svg{width:16px;height:16px;}

  /* Success state */
  .success-state{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;gap:20px;}
  .success-icon{width:72px;height:72px;background:rgba(34,160,90,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;}
  .success-icon svg{width:32px;height:32px;}
  .success-title{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;text-transform:uppercase;color:var(--navy);}
  .success-sub{font-size:14px;color:var(--muted);max-width:360px;line-height:1.7;}

  /* FAQ strip */
  .faq-strip{background:var(--bg-2);border-top:1px solid var(--line);padding:60px;}
  .faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .faq-card{background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:24px;cursor:pointer;transition:box-shadow .2s,transform .2s;}
  .faq-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
  .faq-q{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;color:var(--navy);margin-bottom:10px;line-height:1.1;}
  .faq-a{font-size:13px;color:var(--muted);line-height:1.7;}
  .faq-section-title{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;text-transform:uppercase;color:var(--text);margin-bottom:8px;}
  .faq-section-sub{font-size:14px;color:var(--muted);margin-bottom:40px;}
  .faq-section-title span{color:var(--orange);}

  /* Footer */
  .footer-mini{padding:32px 60px;background:var(--text);display:flex;align-items:center;justify-content:space-between;}
  .footer-copy{font-size:12px;color:rgba(255,255,255,.3);}
  .footer-links{display:flex;gap:24px;}
  .footer-links a{font-size:12px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s;}
  .footer-links a:hover{color:#fff;}

 
  
  /* =========================================
ABOUT PAGE
========================================= */

.about-hero{
    position:relative;
    min-height:500px;
    background:linear-gradient(135deg,#1D3283 0%,#0E1B4A 100%);
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:120px 60px;
    
}

.about-hero::before{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    background:rgba(245,146,30,.08);
    border-radius:50%;
    top:-250px;
    right:-150px;
}

.about-hero-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(7,15,45,.92) 0%,
        rgba(12,24,70,.82) 35%,
        rgba(18,34,92,.55) 65%,
        rgba(29,50,131,.15) 100%
    );

    z-index:1;
}

.about-hero-content{
    position:relative;
    z-index:2;
    max-width:850px;
}

.about-title{
    font-family:'Barlow Condensed',sans-serif;
    font-size:82px;
    line-height:.95;
    font-weight:900;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:30px;
}

.about-title span{
    color:#F5921E;
    display:block;
}

.about-subtitle{
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.72);
    max-width:700px;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:80px;
}

.about-text{
    font-size:15px;
    line-height:2;
    color:#6E7FA8;
    margin-bottom:24px;
}

.story-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    margin-top:60px;
}

.story-left p{
    margin-bottom:28px;
    line-height:2;
    color:#6E7FA8;
}

.story-right{
    display:grid;
    gap:18px;
}

.story-card{
    background:#fff;
    border-radius:14px;
    padding:22px 24px;
    box-shadow:0 2px 20px rgba(29,50,131,.08);
    border:1px solid rgba(29,50,131,.08);
    font-size:14px;
    font-weight:500;
    color:#1D3283;
    display:flex;
    align-items:center;
    gap:14px;
}

.story-card span{
    width:30px;
    height:30px;
    border-radius:50%;
    background:rgba(245,146,30,.1);
    color:#F5921E;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}

.vision-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.vision-card{
    background:#fff;
    border-radius:18px;
    padding:50px;
    border:1px solid rgba(29,50,131,.08);
    box-shadow:0 2px 20px rgba(29,50,131,.08);
}

.vision-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:rgba(245,146,30,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:26px;
}

.vision-icon i{
    font-size:28px;
    color:#F5921E;
}

.vision-card h3{
    font-family:'Barlow Condensed',sans-serif;
    font-size:34px;
    color:#1D3283;
    margin-bottom:18px;
    text-transform:uppercase;
}

.vision-card p{
    line-height:2;
    color:#6E7FA8;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:50px;
}

.service-box{
    background:#fff;
    padding:28px;
    border-radius:14px;
    border:1px solid rgba(29,50,131,.08);
    box-shadow:0 2px 20px rgba(29,50,131,.08);
    font-weight:600;
    color:#1D3283;
}

.tech-section{
    background:#1D3283;
}

.white{
    color:#fff !important;
}

.tech-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.tech-text{
    color:rgba(255,255,255,.7);
    line-height:2;
    margin-bottom:22px;
}

.tech-card{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    padding:40px;
    display:grid;
    gap:18px;
}

.tech-item{
    padding:18px 22px;
    border-radius:12px;
    background:rgba(255,255,255,.06);
    color:#fff;
    font-weight:500;
}

.values-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:50px;
}

.value-card{
    background:#fff;
    padding:34px;
    border-radius:16px;
    border:1px solid rgba(29,50,131,.08);
    box-shadow:0 2px 20px rgba(29,50,131,.08);
}

.value-card h3{
    font-family:'Barlow Condensed',sans-serif;
    font-size:26px;
    color:#1D3283;
    margin-bottom:14px;
    text-transform:uppercase;
}

.value-card p{
    line-height:1.9;
    color:#7A8AAD;
}

.choose-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:50px;
}

.choose-card{
    background:#fff;
    padding:28px;
    border-radius:14px;
    border-left:4px solid #F5921E;
    box-shadow:0 2px 20px rgba(29,50,131,.08);
    font-weight:600;
    color:#1D3283;
}

.about-cta{
    background:#F5921E;
    padding:120px 60px;
    text-align:center;
}

.about-cta h2{
    font-family:'Barlow Condensed',sans-serif;
    font-size:64px;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:24px;
}

.about-cta p{
    max-width:800px;
    margin:auto;
    color:rgba(255,255,255,.82);
    line-height:2;
    margin-bottom:40px;
}

.about-cta-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

@media(max-width:992px){

    .about-grid,
    .story-layout,
    .vision-grid,
    .tech-grid{
        grid-template-columns:1fr;
    }

    .services-grid,
    .values-grid,
    .choose-grid{
        grid-template-columns:1fr 1fr;
    }

    .about-title{
        font-size:58px;
    }

}

@media(max-width:768px){

    .about-hero{
        padding:100px 24px;
    }

    .section{
        padding:70px 24px;
    }

    .services-grid,
    .values-grid,
    .choose-grid{
        grid-template-columns:1fr;
    }

    .about-title{
        font-size:42px;
    }

    .about-cta{
        padding:80px 24px;
    }

    .about-cta h2{
        font-size:42px;
    }

}

/* =========================================
SERVICES HERO
========================================= */

.services-hero{
    position:relative;
    min-height:90vh;
    display:flex;
    align-items:center;
    padding:120px 60px;
    overflow:hidden;
    background:
    linear-gradient(to right,
    rgba(7,14,40,.92) 0%,
    rgba(7,14,40,.82) 35%,
    rgba(7,14,40,.55) 60%,
    rgba(7,14,40,.18) 100%),
    url('../images/simulate.jpg') center/cover no-repeat;
}

.services-hero-content{
    position:relative;
    z-index:2;
    max-width:760px;
}

.services-title{
    font-family:'Barlow Condensed',sans-serif;
    font-size:clamp(58px,6vw,85px);
    line-height:.92;
    text-transform:uppercase;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.services-title span{
    color:#F5921E;
}

.services-subtitle{
    font-size:20px;
    line-height:1.8;
    color:rgba(255,255,255,.82);
    margin-bottom:20px;
    max-width:720px;
}

.services-desc{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,.62);
    max-width:680px;
    margin-bottom:42px;
}


/* =========================================
INTRO
========================================= */

.services-intro{
    background:#fff;
}

.intro-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:start;
}

.intro-right p{
    font-size:15px;
    line-height:1.9;
    color:#7A8AAD;
    margin-bottom:22px;
}


/* =========================================
SERVICES GRID
========================================= */

.services-grid-section{
    padding:100px 60px;
    background:#F4F6FB;
}

.services-grid{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

.service-card{
    position:relative;
    background:#fff;
    border-radius:20px;
    padding:42px 38px;
    border:1px solid rgba(29,50,131,.08);
    box-shadow:0 2px 20px rgba(29,50,131,.08);
    overflow:hidden;
    transition:.35s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 45px rgba(29,50,131,.16);
}

.service-number{
    position:absolute;
    top:20px;
    right:24px;
    font-family:'Barlow Condensed',sans-serif;
    font-size:72px;
    font-weight:900;
    color:rgba(29,50,131,.05);
    line-height:1;
}

.service-icon{
    width:64px;
    height:64px;
    border-radius:16px;
    background:rgba(245,146,30,.1);
    border:1px solid rgba(245,146,30,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:26px;
}

.service-icon i{
    font-size:24px;
    color:#F5921E;
}

.service-card h3{
    font-family:'Barlow Condensed',sans-serif;
    font-size:30px;
    line-height:1;
    text-transform:uppercase;
    color:#1D3283;
    margin-bottom:18px;
}

.service-card p{
    font-size:14px;
    line-height:1.9;
    color:#7A8AAD;
    margin-bottom:24px;
}

.service-card ul{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.service-card ul li{
    position:relative;
    padding-left:24px;
    font-size:14px;
    color:#1D3283;
    font-weight:500;
}

.service-card ul li::before{
    content:'';
    position:absolute;
    left:0;
    top:8px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#F5921E;
}


/* =========================================
OUTSOURCE SECTION
========================================= */

.outsource-section{
    padding:110px 60px;
    background:#1D3283;
}

.outsource-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.outsource-section .section-title{
    color:#fff;
}

.outsource-text{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,.6);
    margin-bottom:24px;
}

.outsource-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.outsource-item{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:20px;
    display:flex;
    align-items:center;
    gap:14px;
    transition:.3s ease;
}

.outsource-item:hover{
    background:rgba(255,255,255,.1);
}

.outsource-item i{
    width:32px;
    height:32px;
    border-radius:50%;
    background:rgba(245,146,30,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#F5921E;
    font-size:12px;
    flex-shrink:0;
}

.outsource-item span{
    font-size:14px;
    font-weight:500;
    color:#fff;
    line-height:1.6;
}


/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1100px){

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

    .intro-grid,
    .outsource-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

}

@media(max-width:768px){

    .services-hero{
        padding:100px 24px;
        min-height:auto;
    }

    .services-grid-section,
    .outsource-section{
        padding:70px 24px;
    }

    .services-title{
        font-size:56px;
    }

    .outsource-list{
        grid-template-columns:1fr;
    }

}


/* =========================================
TECHNOLOGY HERO
========================================= */

.technology-hero{
    position:relative;
    min-height:78vh;
    display:flex;
    align-items:center;
    padding:80px 60px;
    overflow:hidden;
    background:
    linear-gradient(to right,
    rgba(6,12,35,.94) 0%,
    rgba(6,12,35,.82) 40%,
    rgba(6,12,35,.45) 72%,
    rgba(6,12,35,.12) 100%),
    url('../images/overview.jpg') center/cover no-repeat;
}

.technology-hero-content{
    position:relative;
    z-index:2;
    max-width:820px;
}

.technology-title{
    font-family:'Barlow Condensed',sans-serif;
    font-size:clamp(58px,6vw,85px);
    line-height:.92;
    text-transform:uppercase;
    font-weight:900;
    color:#fff;
    margin-bottom:28px;
}

.technology-title span{
    color:#F5921E;
}

.technology-subheadline{
    font-size:20px;
    line-height:1.8;
    color:rgba(255,255,255,.82);
    margin-bottom:24px;
    max-width:760px;
}

.technology-desc{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,.62);
    max-width:700px;
    margin-bottom:42px;
}


/* =========================================
INTRO SECTION
========================================= */

.technology-intro{
    background:#fff;
}

.technology-intro-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:start;
}

.technology-intro-right p{
    font-size:15px;
    line-height:1.9;
    color:#7A8AAD;
    margin-bottom:24px;
}


/* =========================================
DIGITISE SECTION
========================================= */

.digitise-section{
    padding:100px 60px;
    background:#F4F6FB;
}

.digitise-grid{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
}

.digitise-card{
    background:#fff;
    border-radius:18px;
    padding:40px 34px;
    border:1px solid rgba(29,50,131,.08);
    box-shadow:0 2px 20px rgba(29,50,131,.08);
    transition:.35s ease;
}

.digitise-card:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 45px rgba(29,50,131,.14);
}

.digitise-card i{
    width:62px;
    height:62px;
    border-radius:14px;
    background:rgba(245,146,30,.1);
    border:1px solid rgba(245,146,30,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#F5921E;
    font-size:24px;
    margin-bottom:26px;
}

.digitise-card h3{
    font-family:'Barlow Condensed',sans-serif;
    font-size:28px;
    text-transform:uppercase;
    color:#1D3283;
    margin-bottom:16px;
    line-height:1;
}

.digitise-card p{
    font-size:14px;
    line-height:1.9;
    color:#7A8AAD;
}


/* =========================================
FEATURES SECTION
========================================= */

.tech-features-section{
    padding:110px 60px;
    background:#fff;
}

.section-heading-center{
    text-align:center;
    margin-bottom:70px;
}

.section-title.center{
    text-align:center;
}

.section-eyebrow.center{
    justify-content:center;
}

.tech-features-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.tech-feature{
    background:#F4F6FB;
    border-radius:18px;
    padding:34px 28px;
    transition:.3s ease;
}

.tech-feature:hover{
    transform:translateY(-6px);
    background:#fff;
    box-shadow:0 10px 40px rgba(29,50,131,.12);
}

.tech-feature-icon{
    width:58px;
    height:58px;
    border-radius:14px;
    background:rgba(245,146,30,.1);
    border:1px solid rgba(245,146,30,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
}

.tech-feature-icon i{
    font-size:22px;
    color:#F5921E;
}

.tech-feature h3{
    font-family:'Barlow Condensed',sans-serif;
    font-size:23px;
    line-height:1.1;
    text-transform:uppercase;
    color:#1D3283;
    margin-bottom:14px;
}

.tech-feature p{
    font-size:14px;
    line-height:1.8;
    color:#7A8AAD;
}


/* =========================================
BENEFITS SECTION
========================================= */

.benefits-section{
    padding:110px 60px;
    background:#1D3283;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:start;
}

.benefits-section .section-title{
    color:#fff;
}

.benefits-text{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,.6);
    max-width:520px;
}

.benefits-right{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.benefit-item{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:22px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    transition:.3s ease;
}

.benefit-item:hover{
    background:rgba(255,255,255,.1);
    transform:translateY(-4px);
}


/* =========================================
BUILT FOR SECTION
========================================= */

.built-for-section{
    padding:110px 60px;
    background:#F4F6FB;
}

.built-heading{
    text-align:center;
    margin-bottom:70px;
}

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

.built-card{
    background:#fff;
    border-radius:16px;
    padding:34px 28px;
    text-align:center;
    font-size:15px;
    font-weight:600;
    color:#1D3283;
    border:1px solid rgba(29,50,131,.08);
    box-shadow:0 2px 20px rgba(29,50,131,.06);
    transition:.3s ease;
}

.built-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 40px rgba(29,50,131,.12);
}


/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1200px){

    .tech-features-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .digitise-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .built-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:992px){

    .technology-intro-grid,
    .benefits-section{
        grid-template-columns:1fr;
        gap:50px;
    }

}

@media(max-width:768px){

    .technology-hero{
        padding:100px 24px;
        min-height:auto;
    }

    .digitise-section,
    .tech-features-section,
    .benefits-section,
    .built-for-section{
        padding:70px 24px;
    }

    .technology-title{
        font-size:56px;
    }

    .digitise-grid,
    .tech-features-grid,
    .built-grid,
    .benefits-right{
        grid-template-columns:1fr;
    }

}

/* =========================================
NAVBAR
========================================= */

.main-nav{
    position:sticky;
    top:0;
    z-index:100;

    width:100%;
    background:rgba(255,255,255,.96);

    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(29,50,131,.08);
}

/* CONTAINER */

.nav-container{
    width:100%;
    height:84px;

    display:flex;
    align-items:center;

    padding:0 38px;
}

/* =========================================
LEFT LOGO
========================================= */

.logo{
    display:flex;
    align-items:center;
    gap:14px;

    text-decoration:none;

    margin-right:auto;
}

.logo-box{
    width:58px;
    height:58px;

    border-radius:14px;
    background:#eef2fb;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;
}

.logo-box img{
    width:40px;
    height:auto;
}

.logo-name{
    font-family:'Barlow Condensed',sans-serif;
    font-size:30px;
    font-weight:900;

    letter-spacing:.5px;
    text-transform:uppercase;

    color:#F5921E;
}

.logo-name span{
    color:#1D3283;
}

/* =========================================
CENTER MENU
========================================= */

.nav-links{
    display:flex;
    align-items:center;
    gap:42px;

    list-style:none;
}

.nav-links li{
    position:relative;
}

.nav-links a{
    position:relative;

    text-decoration:none;

    font-size:14px;
    font-weight:700;

    letter-spacing:.8px;
    text-transform:uppercase;

    color:#707da0;

    transition:.25s ease;
}

.nav-links a:hover{
    color:#1D3283;
}

.nav-links a::after{
    content:'';

    position:absolute;
    left:0;
    bottom:-10px;

    width:0;
    height:2px;

    background:#F5921E;

    transition:.3s ease;
}

.nav-links a:hover::after{
    width:100%;
}

/* =========================================
RIGHT BUTTONS
========================================= */

.nav-right{
    display:flex;
    align-items:center;
    gap:14px;

    margin-left:auto;
}

.btn-ghost{
    padding:14px 22px;

    border-radius:12px;

    text-decoration:none;

    font-size:14px;
    font-weight:700;

    color:#1D3283;

    border:1px solid rgba(29,50,131,.15);

    transition:.25s ease;
}

.btn-ghost:hover{
    background:#1D3283;
    color:#fff;
}

.btn-cta{
    padding:15px 24px;

    border-radius:12px;

    text-decoration:none;

    font-size:14px;
    font-weight:700;

    color:#fff;

    background:#F5921E;

    box-shadow:0 8px 24px rgba(245,146,30,.28);

    transition:.25s ease;
}

.btn-cta:hover{
    transform:translateY(-2px);
}

/* =========================================
MOBILE TOGGLE
========================================= */

.menu-toggle{
    width:48px;
    height:48px;

    border:none;
    background:none;

    display:none;
    flex-direction:column;
    justify-content:center;

    gap:6px;

    margin-left:auto;

    cursor:pointer;
}

.menu-toggle span{
    width:28px;
    height:2px;

    background:#1D3283;

    border-radius:10px;

    transition:.3s ease;
}

/* =========================================
MOBILE MENU
========================================= */

.mobile-menu{
    position:fixed;

    top:84px;
    left:0;

    width:100%;

    background:#fff;

    padding:30px 24px;

    display:flex;
    flex-direction:column;
    gap:24px;

    transform:translateY(-20px);
    opacity:0;
    visibility:hidden;

    transition:.35s ease;

    z-index:9998;

    border-top:1px solid rgba(29,50,131,.08);
}

.mobile-menu.active{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
}

.mobile-menu a{
    text-decoration:none;

    font-size:15px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.8px;

    color:#1D3283;
}

.mobile-buttons{
    display:flex;
    flex-direction:column;
    gap:14px;

    margin-top:10px;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1200px){

    .nav-links{
        gap:28px;
    }

}

@media(max-width:992px){

    .nav-links,
    .nav-right{
        display:none;
    }

    .menu-toggle{
        display:flex;
    }

    .nav-container{
        height:78px;
        padding:0 22px;
    }

    .logo-name{
        font-size:24px;
    }

    .logo-box{
        width:50px;
        height:50px;
    }

    .logo-box img{
        width:34px;
    }

    .mobile-menu{
        top:78px;
    }

}

@media(max-width:600px){

    .logo-name{
        font-size:20px;
    }

    .logo-box{
        width:44px;
        height:44px;
    }

    .logo-box img{
        width:30px;
    }

}