@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

:root{
  --navy:#062b57;
  --navy-2:#041f40;
  --navy-3:#031629;
  --blue:#0874bd;
  --blue-2:#23a3e3;
  --red:#e7352c;
  --red-2:#ff5a50;
  --ink:#0d2440;
  --muted:#637389;
  --line:#dce5ee;
  --soft:#f4f7fb;
  --soft-blue:#edf6fc;
  --white:#fff;
  --shadow:0 24px 65px rgba(6,43,87,.12);
  --radius:24px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.8;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img,svg{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}

.top-strip{
  background:var(--navy-3);color:#cbd8e5;font-size:11px;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.top-strip-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-strip a{color:#fff}

.site-header{
  position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);
  backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,43,87,.08);
  transition:.25s ease
}
.site-header.scrolled{box-shadow:0 14px 38px rgba(6,43,87,.1)}
.nav-wrap{height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:18px;min-width:420px;flex:0 0 auto}
.brand-logo-box{
  width:96px;height:72px;border-radius:16px;background:#fff;border:1px solid #e2e9ef;
  flex:0 0 96px;display:grid;place-items:center;padding:4px 6px;box-shadow:0 9px 24px rgba(6,43,87,.10)
}
.brand-logo-box img{width:100%;height:100%;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;justify-content:center;line-height:1.35;min-width:0}
.brand-copy strong{font-size:20px;color:var(--navy);line-height:1.15;margin:0 0 4px}
.brand-copy small{font-size:10px;color:#7b8999;max-width:240px;line-height:1.45}
.main-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;min-width:0;margin-inline:auto}
.main-nav a{font-size:11px;font-weight:700;color:#40556d;white-space:nowrap;transition:.2s}
.main-nav a:hover{color:var(--blue)}
.system-btn{
  min-height:42px;padding:9px 15px;border-radius:13px;background:var(--navy);color:#fff;
  display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;white-space:nowrap;
  box-shadow:0 10px 24px rgba(6,43,87,.16);transition:.2s
}
.system-btn:hover{transform:translateY(-2px);background:#08396f}
.nav-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.quote-nav-btn{height:42px;border-radius:12px;border:1px solid #f0c4c0;background:#fff8f7;color:#b52d27;padding:0 12px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.quote-nav-btn:hover{background:#fff2f1;border-color:#e79b95}
.mobile-system-link,.mobile-quote-link{display:none!important}
.system-dot{width:7px;height:7px;border-radius:50%;background:#57d89b;box-shadow:0 0 0 4px rgba(87,216,155,.13)}
.menu-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:25px;height:2px;margin:5px;background:var(--navy);border-radius:4px}

.hero{
  min-height:calc(100vh - 116px);position:relative;display:flex;align-items:center;
  background:
    radial-gradient(circle at 18% 12%,rgba(8,116,189,.22),transparent 27%),
    radial-gradient(circle at 87% 82%,rgba(231,53,44,.10),transparent 24%),
    linear-gradient(135deg,#031629 0%,#062b57 54%,#073e70 100%);
  color:#fff;overflow:hidden;padding:78px 0 80px
}
.hero-grid{
  position:absolute;inset:0;opacity:.12;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(to bottom,transparent 2%,black 20%,black 82%,transparent 100%)
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(5px);pointer-events:none}
.glow-a{width:400px;height:400px;background:rgba(35,163,227,.08);left:-100px;top:20%}
.glow-b{width:340px;height:340px;background:rgba(231,53,44,.07);right:2%;bottom:-100px}
.hero-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center;position:relative;z-index:2}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;
  border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);
  font-size:11px;font-weight:700;color:#cfdae6
}
.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--red-2)}
.hero h1{
  font-size:clamp(49px,6vw,82px);line-height:1.12;letter-spacing:-1.7px;margin:22px 0 18px;
  font-weight:800
}
.hero h1 em{font-style:normal;color:#71c9f4}
.hero-lead{font-size:16px;color:#becbd8;max-width:650px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  min-height:50px;padding:11px 23px;border:1px solid transparent;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;
  cursor:pointer;transition:.25s ease
}
.btn-primary{background:linear-gradient(135deg,var(--red),#f0645d);color:#fff;box-shadow:0 14px 34px rgba(231,53,44,.24)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(231,53,44,.30)}
.btn-secondary{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.btn-secondary:hover{background:rgba(255,255,255,.11)}
.btn-light{background:#fff;color:var(--navy);box-shadow:0 14px 35px rgba(0,0,0,.15)}
.hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px;max-width:700px
}
.hero-stats div{padding:15px 0;border-top:1px solid rgba(255,255,255,.13)}
.hero-stats strong{display:block;font-size:24px;color:#fff}
.hero-stats span{font-size:10px;color:#9fb3c6}

.console-shell{
  border-radius:30px;padding:22px;background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 80px rgba(0,0,0,.28);backdrop-filter:blur(15px)
}
.console-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.console-top small{display:block;font-size:9px;letter-spacing:1.5px;color:#8fa6ba}
.console-top strong{display:block;font-size:15px}
.live{font-size:10px;color:#86e2ad;display:flex;gap:7px;align-items:center}
.live i{width:7px;height:7px;border-radius:50%;background:#56dc91;box-shadow:0 0 0 5px rgba(86,220,145,.10)}
.route-map{height:360px;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#092f54,#061f3a)}
.route-grid{
  position:absolute;inset:0;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:42px 42px
}
.route-line{position:absolute;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#2ba7e8,#e73931,transparent);transform-origin:left center;opacity:.65}
.route-1{width:72%;left:8%;top:28%;transform:rotate(15deg)}
.route-2{width:60%;left:27%;top:64%;transform:rotate(-13deg)}
.pin{position:absolute;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px rgba(231,53,44,.14)}
.pin-1{left:17%;top:29%}.pin-2{left:73%;top:43%}.pin-3{left:55%;top:69%}
.tank-truck{position:absolute;width:88%;left:6%;bottom:10px;filter:drop-shadow(0 16px 22px rgba(0,0,0,.28))}
.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.console-metrics div{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.045)}
.console-metrics span{display:block;font-size:9px;color:#8fa5b8}.console-metrics b{font-size:12px}
.scroll-down{position:absolute;bottom:22px;left:50%;width:25px;height:40px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.25);border-radius:16px}
.scroll-down span{position:absolute;width:4px;height:7px;border-radius:3px;background:#72c9f2;left:10px;top:8px;animation:scrollDot 1.6s infinite}
@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

.trust-bar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 35px rgba(6,43,87,.04)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid>div{padding:25px 22px;border-left:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:start}
.trust-grid>div:last-child{border-left:0}
.trust-grid span{grid-row:1/3;width:32px;height:32px;border-radius:10px;background:var(--soft-blue);color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800}
.trust-grid strong{font-size:13px}.trust-grid small{font-size:10px;color:#8190a0;margin-top:2px}

.section{padding:105px 0}
.section-label{display:inline-flex;font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.2px;margin-bottom:12px}
.section-label.light{color:#8ed6f7}
.section h2{font-size:clamp(31px,4vw,50px);line-height:1.35;margin:0 0 18px;letter-spacing:-.6px}
.section p{color:var(--muted);margin:0 0 14px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.section-copy{max-width:600px}
.about-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.about-badges span{padding:8px 12px;border-radius:999px;background:var(--soft-blue);border:1px solid #dcebf5;color:#315a7d;font-size:10px;font-weight:700}
.value-panel{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#f9fbfd,#eef4f8);box-shadow:var(--shadow);overflow:hidden}
.value-panel-head{padding:22px 25px;background:var(--navy);color:#fff}
.value-panel-head small{display:block;color:#9bb5cb;font-size:9px;letter-spacing:1.4px}
.value-panel-head strong{font-size:18px}
.value-list{padding:4px 25px}
.value-list article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #dbe4eb}
.value-list article:last-child{border-bottom:0}
.value-list article>span{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid #d8e3ec;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--blue)}
.value-list strong{font-size:15px}.value-list p{font-size:12px;margin:3px 0 0}

.services{background:var(--soft)}
.section-heading{text-align:center;max-width:730px;margin:0 auto 48px}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:23px;padding:27px 23px;min-height:350px;overflow:hidden;transition:.28s ease}
.service-card:before{content:"";position:absolute;right:0;top:0;width:4px;height:0;background:linear-gradient(var(--blue),var(--red));transition:.35s ease}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card:hover:before{height:100%}
.service-no{position:absolute;left:18px;top:18px;font-size:10px;color:#a8b3be;font-weight:800}
.service-icon{width:50px;height:50px;border-radius:16px;background:var(--soft-blue);display:grid;place-items:center;color:var(--blue);font-size:24px;margin-bottom:24px}
.service-card h3{font-size:18px;margin:0 0 10px}.service-card p{font-size:13px;min-height:72px}
.service-card ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:7px}
.service-card li{font-size:10px;color:#52687e}.service-card li:before{content:"•";color:var(--red);font-size:16px;margin-left:7px;vertical-align:-2px}

.fleet{background:linear-gradient(180deg,#fff,#f4f8fb)}
.fleet-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.fleet-visual{border-radius:28px;background:linear-gradient(145deg,#062b57,#09487b);padding:28px;color:#fff;box-shadow:0 30px 75px rgba(6,43,87,.22)}
.fleet-kpi{position:relative;min-height:180px;padding-left:180px}
.fleet-kpi small{display:block;color:#86aac4;font-size:9px;letter-spacing:1.4px}.fleet-kpi strong{display:block;font-size:27px;margin-top:7px}
.kpi-ring{position:absolute;left:0;top:0;width:155px;height:155px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#26a4e3 0 70%,#eb4339 70% 82%,rgba(255,255,255,.10) 82% 100%)}
.kpi-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#073563}
.kpi-ring span{position:relative;z-index:2;font-size:31px;font-weight:800}
.fleet-bars{display:grid;gap:15px;border-top:1px solid rgba(255,255,255,.10);padding-top:23px}
.fleet-bars div{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}
.fleet-bars span{font-size:10px;color:#bdd0df}
.fleet-bars i{height:8px;border-radius:999px;background:rgba(255,255,255,.10);position:relative;overflow:hidden}
.fleet-bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#27a5e4,#72cdf4)}
.fleet-note{margin-top:22px;font-size:9px;color:#86a9c1}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}
.feature-list>div{display:flex;gap:10px;padding:14px;background:#f7fafc;border:1px solid var(--line);border-radius:15px}
.feature-list>div>span{width:25px;height:25px;border-radius:8px;background:#e9f7ef;color:#138453;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}
.feature-list p{margin:0!important}.feature-list strong{display:block;font-size:12px}.feature-list small{font-size:9px;color:#7d8b99}

.safety{background:var(--navy-3);color:#fff;position:relative;overflow:hidden}
.safety:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(8,116,189,.10);right:-160px;bottom:-200px}
.safety-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;position:relative;z-index:2}
.safety-copy p{color:#aebdcb}.inline-link{display:inline-block;margin-top:18px;color:#8bd3f6;font-size:12px;font-weight:700}
.safety-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.safety-steps article{padding:24px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.055);min-height:190px}
.safety-steps span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:rgba(8,116,189,.22);color:#8ed6f7;font-size:10px;font-weight:800;margin-bottom:24px}
.safety-steps h3{font-size:15px;margin:0 0 7px}.safety-steps p{font-size:11px;color:#9eb0bf}

.locations{background:#fff}
.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.location-card{min-height:220px;padding:25px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(155deg,#fff,#f1f6fa);position:relative;overflow:hidden;transition:.25s ease}
.location-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;left:-55px;bottom:-70px;background:rgba(8,116,189,.07)}
.location-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.location-card span{font-size:10px;color:#98a6b3;font-weight:800}.location-card h3{font-size:23px;margin:63px 0 5px}.location-card p{font-size:12px}

.digital{padding-top:35px;background:#fff}
.digital-box{border-radius:28px;padding:46px 52px;background:linear-gradient(130deg,#062b57,#0874bd);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:45px;box-shadow:var(--shadow)}
.digital-box h2{font-size:35px;margin-bottom:9px}.digital-box p{max-width:730px;color:#c5d9e9;margin:0}

.careers{padding-top:65px}
.career-card{border:1px solid var(--line);border-radius:27px;padding:42px 48px;background:linear-gradient(145deg,#f9fbfd,#eef5f9);display:flex;justify-content:space-between;align-items:center;gap:40px}
.career-card h2{font-size:35px;margin-bottom:8px}.career-card p{margin:0}

.contact{background:var(--soft)}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}
.contact-info{display:grid;gap:10px;margin-top:28px}
.contact-info>a,.contact-info>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.contact-info small{display:block;font-size:9px;color:#8694a1}.contact-info strong{font-size:12px}
.contact-form{background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:var(--shadow)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.contact-form label{display:block;font-size:11px;font-weight:700;margin-bottom:12px;color:#36516d}
.contact-form input,.contact-form textarea{
  width:100%;margin-top:6px;border:1px solid #d6e0e8;background:#f8fafc;border-radius:12px;padding:13px 14px;outline:none;color:var(--ink);transition:.2s
}
.contact-form input:focus,.contact-form textarea:focus{border-color:#6aadd5;box-shadow:0 0 0 3px rgba(8,116,189,.08);background:#fff}
.contact-form textarea{resize:vertical}.form-hint{display:block;font-size:9px;color:#8a97a5;margin-top:9px}

.site-footer{background:#031629;color:#fff;padding:44px 0 20px}
.footer-main{display:grid;grid-template-columns:1.25fr 1fr .6fr;gap:30px;align-items:center}
.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:120px;height:82px;object-fit:contain;background:#fff;border-radius:15px;padding:4px}
.footer-brand strong{display:block;font-size:15px}.footer-brand span{font-size:9px;color:#91a7ba}
.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a{font-size:10px;color:#a8b9c8}
.footer-system{font-size:11px;font-weight:800;text-align:left;color:#80cff4}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:26px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#71889d;font-size:9px}
.back-top{position:fixed;left:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:13px;background:var(--navy);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:45}
.back-top.show{opacity:1;pointer-events:auto;transform:none}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media (max-width:1280px){
  .brand{min-width:360px;gap:14px}
  .brand-logo-box{width:88px;height:66px;flex:0 0 88px}
  .brand-copy strong{font-size:18px}
  .brand-copy small{max-width:220px;font-size:9px}
  .main-nav{gap:12px}
  .main-nav a{font-size:10.5px}
}
@media (max-width:1080px){
  .main-nav{display:none}
  .menu-toggle{display:block;margin-inline-start:auto}
  .nav-actions .system-btn,.nav-actions .quote-nav-btn{display:none}
  .main-nav.open{
    display:flex;position:absolute;top:104px;right:18px;left:18px;flex-direction:column;align-items:stretch;
    padding:17px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)
  }
  .main-nav.open .mobile-system-link,.main-nav.open .mobile-quote-link{display:block!important;padding:11px;border-radius:11px;text-align:center;font-size:11px;font-weight:800;border:0;font-family:inherit}
  .main-nav.open .mobile-system-link{background:var(--navy);color:#fff}
  .main-nav.open .mobile-quote-link{background:#fff3f2;color:#b42f29;border:1px solid #efc4c0}
  .main-nav.open:after{display:none}
  .hero-layout,.two-col,.fleet-layout,.safety-layout,.contact-layout{grid-template-columns:1fr}
  .hero-console{max-width:720px}
  .services-grid,.location-grid,.why-grid{grid-template-columns:1fr 1fr}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-grid>div:nth-child(2){border-left:0}
  .trust-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .footer-main{grid-template-columns:1fr}
  .footer-system{text-align:right}
}
@media (max-width:720px){
  .container{width:min(100% - 24px,1180px)}
  .top-strip{display:none}
  .nav-wrap{height:82px}
  .brand{min-width:0;gap:12px}
  .brand-logo-box{width:70px;height:52px;flex:0 0 70px;padding:2px 4px}
  .brand-copy strong{font-size:15px;line-height:1.15}.brand-copy small{display:none}
  .main-nav.open{top:82px}
  .hero{min-height:auto;padding:65px 0 70px}
  .hero h1{font-size:43px}
  .hero-lead{font-size:13px}
  .hero-stats{grid-template-columns:1fr 1fr}
  .route-map{height:290px}
  .console-metrics{grid-template-columns:1fr 1fr 1fr}
  .trust-grid{grid-template-columns:1fr}
  .trust-grid>div{border-left:0!important;border-bottom:1px solid var(--line)!important}
  .trust-grid>div:last-child{border-bottom:0!important}
  .section{padding:72px 0}
  .section h2{font-size:31px}
  .services-grid,.location-grid,.safety-steps,.why-grid{grid-template-columns:1fr}
  .service-card{min-height:auto}
  .fleet-kpi{padding-left:0;padding-top:175px}
  .kpi-ring{left:50%;transform:translateX(-50%)}
  .fleet-bars div{grid-template-columns:100px 1fr}
  .feature-list{grid-template-columns:1fr}
  .digital-box,.career-card{display:block;padding:32px 23px}
  .digital-box .btn,.career-card .btn{margin-top:22px;width:100%}
  .digital-box h2,.career-card h2{font-size:29px}
  .field-row{grid-template-columns:1fr}
  .contact-form{padding:20px}
  .footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}


/* V2.5 business upgrade */
.why-union{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.why-card{min-height:220px;padding:25px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#fff,#f7fafc);transition:.25s ease;position:relative;overflow:hidden}
.why-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;left:-45px;bottom:-45px;background:rgba(8,116,189,.055)}
.why-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.why-card>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--soft-blue);color:var(--blue);font-size:10px;font-weight:800;margin-bottom:26px}.why-card h3{font-size:16px;margin:0 0 8px}.why-card p{font-size:11px;margin:0}
.faq-section{background:#f6f9fc}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-item>button{width:100%;border:0;background:#fff;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:right;color:var(--ink);cursor:pointer;font-weight:800;font-size:12px}.faq-item>button b{font-size:20px;color:var(--blue);font-weight:500;transition:.2s}.faq-item>div{max-height:0;overflow:hidden;transition:max-height .25s ease}.faq-item>div p{padding:0 18px 17px;margin:0;font-size:11px}.faq-item.open>div{max-height:150px}.faq-item.open>button b{transform:rotate(45deg)}
.modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(1,15,29,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.22s}.modal-backdrop.open{opacity:1;pointer-events:auto}.quote-modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;padding:30px;box-shadow:0 35px 90px rgba(0,0,0,.32);position:relative;transform:translateY(16px) scale(.985);transition:.22s}.modal-backdrop.open .quote-modal{transform:none}.modal-close{position:absolute;left:18px;top:17px;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:24px;line-height:1;cursor:pointer}.quote-modal-head{padding-left:45px;margin-bottom:22px}.quote-modal-head h2{font-size:29px;line-height:1.3;margin:0 0 7px}.quote-modal-head p{font-size:12px;color:var(--muted);margin:0}.quote-form label{display:block;font-size:11px;font-weight:700;color:#36516d;margin-bottom:12px}.quote-form input,.quote-form textarea,.quote-form select{width:100%;margin-top:6px;border:1px solid #d6e0e8;background:#f8fafc;border-radius:12px;padding:13px 14px;outline:none;color:var(--ink)}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{border-color:#6aadd5;box-shadow:0 0 0 3px rgba(8,116,189,.08);background:#fff}.quote-submit{width:100%;margin-top:4px}body.modal-open{overflow:hidden}
.floating-quote{position:fixed;right:20px;bottom:22px;z-index:44;border:0;border-radius:14px;background:var(--red);color:#fff;padding:11px 15px;display:flex;align-items:center;gap:8px;box-shadow:0 15px 34px rgba(231,53,44,.25);cursor:pointer;font-family:inherit}.floating-quote span{font-size:16px}.floating-quote b{font-size:10px}
@media(max-width:1080px){.faq-layout{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.why-grid{grid-template-columns:1fr}.floating-quote{right:12px;bottom:16px;padding:10px 12px}.floating-quote b{display:none}.quote-modal{padding:24px 18px;border-radius:20px}.quote-modal-head{padding-left:40px}.quote-modal-head h2{font-size:24px}}