/* =========================================================
   PEAK — v2 · navy / white / blue · airy layout, rich motion
   ========================================================= */
:root{
  /* palette + type from peak-v7 */
  --bg:#f6f9fe;
  --card:#ffffff;
  --navy:#0a1b3d;
  --navy-2:#102a5e;
  --navy-3:#163a7c;        /* hero/contact glow: navy-2 lifted toward blue */
  --blue:#1565e6;
  --cyan:#00b0f0;
  --cyan-d:#0e86b8;        /* v7 teal */
  --ink:#0a1b3d;
  --ink2:#34476b;
  --grey:#66758f;
  --grey-2:#8d99ae;
  --line:rgba(10,27,61,.1);
  --tint:#eef3fb;
  --white:#fff;
  --r:22px;
  --font:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,.7,.12,1);
  --sec:clamp(88px,10vw,150px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip}
body{font-family:var(--font);font-size:16px;font-weight:400;line-height:1.7;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.wrap{width:min(1200px,88vw);margin:0 auto}

/* ---------- type ---------- */
.label{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:20px}
.label::before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.label--light{color:var(--cyan)}
.label .dot,.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(0,176,240,.6);animation:ping 2.2s infinite;display:inline-block}
.hero .label::before{display:none}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(0,176,240,.6)}70%,100%{box-shadow:0 0 0 10px rgba(0,176,240,0)}}
.h1{font-weight:600;font-size:clamp(2.3rem,4.3vw,3.6rem);line-height:1.08;letter-spacing:-.035em;color:#fff;margin-bottom:26px}
.h2{font-weight:600;font-size:clamp(1.7rem,2.5vw,2.3rem);line-height:1.15;letter-spacing:-.03em;color:var(--navy)}
.lead{font-size:clamp(1rem,1.1vw,1.06rem);color:rgba(255,255,255,.72);max-width:500px;margin-bottom:34px}
.sub{color:var(--grey);font-size:1rem;max-width:520px;margin-top:16px}
.sub a{color:var(--blue);font-weight:600}
.fine{font-size:13px;color:var(--grey-2);margin-top:12px}

/* word reveal for headings */
.words .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.words .w>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease)}
.in .words .w>span,.words.in .w>span{transform:none}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.split .w>span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.split.in .w>span{transform:none}
.split .w:nth-last-child(-n+3)>span{background:linear-gradient(90deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 15px/1 var(--font);padding:15px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .35s,border-color .35s,transform .3s var(--ease),box-shadow .35s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform .45s var(--ease)}
.btn:hover::before{transform:none}
.btn--cyan{background:var(--cyan);color:var(--navy);box-shadow:0 10px 30px -12px rgba(0,176,240,.9)}
.btn--cyan::before{background:#fff}
.btn--ghost{color:#fff;border-color:rgba(255,255,255,.25)}
.btn--ghost::before{background:#fff}
.btn--ghost:hover{color:var(--navy)}
.btn--navy{background:var(--navy);color:#fff}
.btn--navy::before{background:var(--blue)}
.btn--sm{padding:11px 18px;font-size:14px}
.btn--full{width:100%}
.arr{transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}

/* ---------- progress ---------- */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;pointer-events:none}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transform-origin:left;transform:scaleX(0)}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .35s,box-shadow .35s,padding .35s;padding:18px 0}
.nav.is-solid{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 1px 0 var(--line);padding:10px 0}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav__logo{display:flex;align-items:center}
.nav__logo img{height:30px;width:auto;display:block}
.nav__logo .logo--color{display:none}.nav.is-solid .nav__logo .logo--white,.nav.open .nav__logo .logo--white{display:none}.nav.is-solid .nav__logo .logo--color,.nav.open .nav__logo .logo--color{display:block}.nologo .nav__logo img{display:none!important}
.logo-text{display:none;font-weight:700;font-size:24px;letter-spacing:.08em;color:#fff}
.logo-text b{color:var(--cyan)}
.nav.is-solid .logo-text{color:var(--navy)}
.nologo .nav__logo img{display:none}.nologo .nav__logo .logo-text{display:inline}
.nav__links{display:flex;gap:30px;font-size:14px;font-weight:500}
.nav__links a{position:relative;padding:4px 0;color:rgba(255,255,255,.75);transition:color .25s}
.nav__links a:hover{color:#fff}
.nav.is-solid .nav__links a{color:var(--grey)}
.nav.is-solid .nav__links a:hover{color:var(--navy)}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--cyan);transform:scaleX(0);transition:transform .3s var(--ease)}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__mcta{display:none}
.nav__end{display:flex;align-items:center;gap:8px}
.icon-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);transition:border-color .25s,background .25s}
.icon-btn svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-btn svg .fill{fill:#fff;stroke:none}
.nav.is-solid .icon-btn{border-color:var(--line)}
.nav.is-solid .icon-btn svg{stroke:var(--navy)}.nav.is-solid .icon-btn svg .fill{fill:var(--navy)}
.icon-btn:hover{border-color:var(--cyan);background:rgba(0,176,240,.15)}
.nav__end .btn{margin-left:6px}
.burger{display:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{width:16px;height:1.5px;background:#fff;transition:transform .3s}
.nav.is-solid .burger,.nav.open .burger{border-color:var(--line)}
.nav.is-solid .burger i,.nav.open .burger i{background:var(--navy)}
.nav.open .burger i:first-child{transform:translateY(3.25px) rotate(45deg)}
.nav.open .burger i:last-child{transform:translateY(-3.25px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(120px,15vh,160px) 0 0;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,var(--navy-3) 0%,var(--navy-2) 35%,var(--navy) 75%);color:#fff}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.blob--a{width:520px;height:520px;background:var(--blue);right:-120px;top:-140px;animation:drift 14s ease-in-out infinite alternate}
.blob--b{width:380px;height:380px;background:var(--cyan);left:-140px;bottom:40px;opacity:.28;animation:drift 18s ease-in-out infinite alternate-reverse}
@keyframes drift{to{transform:translate(-60px,50px) scale(1.12)}}
.grid-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000 30%,transparent 95%);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 95%)}
.hero__routes{position:absolute;inset:0;width:100%;height:100%}
.hero__routes path{fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-dasharray:6 10;opacity:.35;animation:dash 30s linear infinite}
.hero__routes path:nth-child(2){animation-duration:42s;opacity:.22}
.hero__routes path:nth-child(3){animation-duration:36s;animation-direction:reverse;opacity:.18}
@keyframes dash{to{stroke-dashoffset:-600}}
.hero__grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}
.hero__mini{display:flex;gap:34px}
.hero__mini li{display:flex;flex-direction:column;line-height:1.3;padding-left:14px;border-left:2px solid rgba(0,176,240,.5)}
.hero__mini b{font-size:1.25rem;font-weight:600;color:#fff}
.hero__mini span{font-size:12.5px;color:rgba(255,255,255,.6)}

/* poster stack */
.stack{position:relative;height:clamp(380px,46vh,500px);perspective:1400px}
.stack__inner{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.stack__card{position:absolute;top:50%;left:50%;width:clamp(190px,17vw,260px);aspect-ratio:512/575;margin:0;
  transition:transform 1.15s cubic-bezier(.65,0,.25,1),opacity .9s ease,filter .9s ease;will-change:transform,opacity;backface-visibility:hidden}
.stack__card .bob{width:100%;height:100%;border-radius:16px;overflow:hidden;background:var(--navy-2);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);animation:bob 6s ease-in-out infinite;will-change:transform}
.stack__card:nth-child(2) .bob{animation-delay:-1.5s}
.stack__card:nth-child(3) .bob{animation-delay:-3s}
.stack__card:nth-child(4) .bob{animation-delay:-4.5s}
.stack__card img{width:100%;height:100%;object-fit:cover}
@keyframes bob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
.stack__card[data-slot="0"]{transform:translate3d(-50%,-50%,0) rotate(-1.5deg) scale(1);z-index:4;opacity:1;filter:none}
.stack__card[data-slot="1"]{transform:translate3d(-122%,-45%,0) rotate(-9deg) scale(.86);z-index:3;opacity:.92;filter:brightness(.72)}
.stack__card[data-slot="2"]{transform:translate3d(22%,-55%,0) rotate(8deg) scale(.86);z-index:2;opacity:.92;filter:brightness(.72)}
.stack__card[data-slot="3"]{transform:translate3d(-50%,-42%,0) rotate(0deg) scale(.68);z-index:1;opacity:0;filter:brightness(.6)}
.stack__chip{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);z-index:6;white-space:nowrap;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);color:var(--navy);font-size:13px;padding:10px 16px 10px 14px;border-radius:999px;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);overflow:hidden}
.chip__k{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);padding-right:10px;border-right:1px solid var(--line)}
.chip__v{display:inline-block;color:var(--grey);transition:transform .45s var(--ease),opacity .45s var(--ease)}
.chip__v b{color:var(--navy);font-weight:600}
.chip__v.out{transform:translateY(-120%);opacity:0}
.chip__v.pre{transform:translateY(120%);opacity:0;transition:none}

/* road + truck */
.road{position:relative;height:clamp(130px,13vw,200px);margin-top:clamp(16px,3vh,40px)}
.road::before{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.08))}
.road__line{position:absolute;left:0;right:0;bottom:12px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 40px,transparent 40px 80px)}
.truck{position:absolute;left:0;bottom:6px;width:clamp(240px,28vw,380px);height:auto;will-change:transform;filter:drop-shadow(0 16px 18px rgba(0,0,0,.4))}

/* real truck photo (from peak-v7) with PEAK logo on the trailer */
.truck--photo{width:clamp(300px,36vw,560px);bottom:4px;filter:none}
.truck--photo picture,.truck--photo img{display:block;width:100%;height:auto}
.truck--photo img{filter:drop-shadow(0 18px 16px rgba(0,0,0,.45))}
.truck__logo{position:absolute;left:26%;top:30%;width:20%;color:var(--navy);text-align:center;line-height:1;pointer-events:none}
.truck__logo svg,.truck__logo img{display:block;width:100%;height:auto}
.truck__logo small{display:block;margin-top:3%;font-size:clamp(5px,.62vw,10px);font-weight:600;letter-spacing:.24em;white-space:nowrap;color:var(--ink2)}

/* fallback when an image file is missing */
.fb{position:relative;width:100%;height:100%;min-height:140px;display:flex;align-items:flex-end;padding:18px;background:linear-gradient(150deg,var(--navy-3),var(--navy) 70%);color:#fff;font-weight:600;font-size:15px;line-height:1.25}
.fb::before{content:"PE▲K";position:absolute;top:16px;left:18px;font-size:12px;letter-spacing:.2em;color:var(--cyan)}

/* ---------- sections ---------- */
.section{padding:var(--sec) 0;position:relative}
.section--tint{background:var(--tint)}
.head{max-width:600px;margin-bottom:clamp(44px,5vw,72px)}
.head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.head--row .sub{margin-top:0;max-width:360px}
.ico{width:54px;height:54px;padding:11px;border-radius:14px;background:var(--tint);fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s,background .4s}
.ico *{stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset 1.6s var(--ease) .2s}
.in .ico *,.svc__card.in .ico *{stroke-dashoffset:0}
.also{margin-top:30px;font-size:14px;color:var(--grey)}
@keyframes aslide{to{transform:translateX(-50%)}}
@keyframes ftl{0%{transform:translateX(-310px)}40%,60%{transform:translateX(calc(50cqw - 150px))}100%{transform:translateX(110cqw)}}
@keyframes drop{0%{transform:translateY(-140px);opacity:0}15%{transform:none;opacity:1}85%{transform:none;opacity:1}100%{transform:translateY(10px);opacity:0}}
@keyframes adash{to{stroke-dashoffset:-400}}
@keyframes pin{to{transform:translateY(-6px)}}
@keyframes lock{0%,30%{transform:translateY(-12px)}50%,100%{transform:none}}
.doc{width:80px;height:104px;border-radius:8px;background:#f5f8fc;border:2px solid var(--line);padding:16px 12px;display:grid;gap:8px;align-content:start}
.doc i{height:5px;border-radius:3px;background:#cdd7e5}
.doc i:nth-child(2){width:70%}.doc i:nth-child(4){width:50%}
.stamp{position:absolute;left:46px;top:40px;font-weight:700;font-size:15px;letter-spacing:.12em;color:#16a36a;border:3px solid #16a36a;border-radius:8px;padding:4px 10px;transform:rotate(-12deg) scale(2);opacity:0;animation:stamp 3.4s var(--ease) infinite}
@keyframes stamp{0%,25%{transform:rotate(-12deg) scale(2);opacity:0}35%,85%{transform:rotate(-12deg) scale(1);opacity:1}100%{opacity:0;transform:rotate(-12deg) scale(1)}}
@keyframes hook{50%{transform:translateY(16px)}}

/* posters */
.poster{border-radius:22px;overflow:hidden;aspect-ratio:512/575;background:var(--navy);box-shadow:0 40px 80px -40px rgba(6,22,52,.55)}
.poster img{width:100%;height:100%;object-fit:cover}

/* large-scale transport */
.big{background:#eff6ff;overflow:hidden}
.big__grid{display:grid;grid-template-columns:48% 52%;grid-template-rows:auto auto;min-height:440px;align-items:center}
.big__intro{grid-column:2;grid-row:1;align-self:end;padding:0 0 0 clamp(28px,4vw,60px)}
.big__intro .label{margin-bottom:12px;color:#0878f9}
.big__intro .h2{max-width:570px;color:#092653;font-size:clamp(2rem,3vw,3.1rem)}
.big__intro .h2 .w:last-child>span{color:#0878f9}
.big__intro .sub{max-width:570px;margin-top:14px;color:#64748b;font-size:15px;line-height:1.6}
.big__visual{position:relative;grid-column:1;grid-row:1/3;align-self:stretch;min-width:0;min-height:440px;isolation:isolate}
.big__skyline{position:absolute;z-index:0;left:0;bottom:8px;width:100%;height:46%;color:#8eacd0;opacity:.18;mask-image:radial-gradient(ellipse 50% 75% at 50% 48%,#000 32%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 75% at 50% 48%,#000 32%,transparent 100%)}
.big__truck{position:absolute;z-index:2;left:-9%;bottom:25px;width:118%;height:auto;filter:drop-shadow(0 16px 13px rgba(9,38,83,.16))}
.big__list{grid-column:2;grid-row:2;align-self:start;display:grid;margin:17px 0 0 clamp(28px,4vw,60px)}
.big__list li{display:grid;grid-template-columns:40px 1fr;align-items:start;gap:11px;padding:12px 0;border-top:1px solid #dce7f4}
.big__list li:last-child{border-bottom:1px solid #dce7f4}
.big__list b{display:grid;place-items:center;width:36px;height:27px;border-radius:8px;background:#dfeeff;color:#0878f9;font-size:13px;font-weight:700;line-height:1}
.big__list li>span{color:#64748b;font-size:14px;line-height:1.5}
.big__list strong{margin-right:6px;color:#092653;font-weight:600}
.js .big__grid .big__truck{opacity:0;transform:translateX(-24px);transition:opacity .9s var(--ease) .15s,transform 1.1s var(--ease) .15s}
.js .big__grid.in .big__truck{opacity:1;transform:none}
.js .big__grid .big__list li{opacity:0;transform:translateY(10px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.js .big__grid.in .big__list li{opacity:1;transform:none}
.js .big__grid.in .big__list li:nth-child(1){transition-delay:.15s}
.js .big__grid.in .big__list li:nth-child(2){transition-delay:.28s}
.js .big__grid.in .big__list li:nth-child(3){transition-delay:.41s}
[dir="rtl"] .big__intro{padding:0 clamp(28px,4vw,60px) 0 0;text-align:right}
[dir="rtl"] .big__intro .h2{font-size:clamp(1.9rem,2.7vw,2.75rem);line-height:1.32}
[dir="rtl"] .big__list{margin:17px clamp(28px,4vw,60px) 0 0}
[dir="rtl"] .big__list strong{margin-right:0;margin-left:6px}
[dir="rtl"] .big__truck{left:0;width:104%}
@media (min-width:701px) and (max-width:1050px){.big__truck{bottom:55px;width:120%;left:-10%}}
@media (min-width:701px) and (max-width:1050px){[dir="rtl"] .big__truck{bottom:55px;left:0;width:104%}}
@media (max-width:700px){.big__grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}.big__intro{grid-column:1;grid-row:1;padding:0}.big__intro .h2{font-size:clamp(2rem,7vw,2.7rem)}.big__visual{grid-column:1;grid-row:2;min-height:270px;margin-top:12px}.big__truck{left:-7%;bottom:15px;width:114%}.big__list{grid-column:1;grid-row:3;margin:0}[dir="rtl"] .big__intro{padding:0}[dir="rtl"] .big__truck{left:0;bottom:15px;width:100%}[dir="rtl"] .big__list{margin:0}}
@media (prefers-reduced-motion:reduce){.js .big__grid .big__truck,.js .big__grid .big__list li{opacity:1;transform:none;transition:none}}

/* lanes */
.lanes{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lane{display:grid;grid-template-columns:.8fr 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:transform .45s var(--ease),box-shadow .45s,border-color .45s}
.lane:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(6,22,52,.45);border-color:#cfdcee}
.lane__img{position:relative;overflow:hidden;background:var(--navy)}
.lane__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.lane:hover .lane__img img{transform:scale(1.06)}
.lane__body{padding:28px 26px;display:flex;flex-direction:column}
.lane__route{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--navy);margin-bottom:26px;white-space:nowrap}
.lane__line{position:relative;flex:1;height:2px;background:var(--line);display:block;border-radius:2px}
.lane__line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease) .3s;border-radius:2px}
.lane__line b{position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(0,176,240,.18);transition:left 1.6s var(--ease) .3s}
.lane.in .lane__line::after{transform:scaleX(1)}
.lane.in .lane__line b{left:calc(100% - 10px)}
.lane h3{font-weight:600;font-size:1.2rem;color:var(--navy);margin-bottom:8px}
.lane p{font-size:14px;color:var(--grey);flex:1}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.tags li{font-size:12px;font-weight:500;padding:5px 11px;border-radius:999px;background:var(--tint);color:var(--blue)}

/* cargo marquee */
.cargo{background:var(--navy);overflow:hidden;padding:24px 0}
.cargo__track{display:flex;width:max-content;animation:marq 45s linear infinite}
.cargo__track span{font-size:clamp(1.05rem,1.7vw,1.4rem);font-weight:500;color:#fff;padding:0 32px;position:relative;white-space:nowrap}
.cargo__track span:nth-child(even){color:var(--cyan)}
.cargo__track span::after{content:"";position:absolute;right:-4px;top:50%;width:7px;height:7px;transform:translateY(-50%) rotate(45deg);background:rgba(255,255,255,.35)}
.cargo:hover .cargo__track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}

/* network (navy) */
.network{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;overflow:hidden}
.network .h2{color:#fff}
.network .sub{color:rgba(255,255,255,.65)}
.glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,176,240,.25),transparent 65%);right:-150px;top:-100px;pointer-events:none;transition:transform .3s}
.glow--b{left:-200px;right:auto;top:auto;bottom:-260px;background:radial-gradient(circle,rgba(21,101,230,.35),transparent 65%)}
.network .head{margin-bottom:36px}
.countries li{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14px}
.countries li:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.countries b{font-weight:600;color:#fff}
.countries span{color:rgba(255,255,255,.6)}
.map svg{width:100%;height:auto;display:block}
.map .routes path{stroke:var(--cyan);stroke-width:2.2;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);filter:drop-shadow(0 0 6px rgba(0,176,240,.6))}
.map .movers circle{fill:#fff;opacity:0;transition:opacity .6s}
.map.drawn .movers circle{opacity:1}
.map .nodes circle{fill:#fff}
.map .nodes text{font:600 13px var(--font);fill:#fff}
.map .nodes>g{opacity:0;transition:opacity .6s var(--ease)}
.map .nodes>g.on{opacity:1}
.map .hub circle:not(.pulse){fill:var(--cyan)}
.map .hub .pulse{fill:var(--cyan);transform-box:fill-box;transform-origin:center;animation:hub 2.4s ease-out infinite}
@keyframes hub{0%{transform:scale(.6);opacity:.5}100%{transform:scale(2.2);opacity:0}}
.ticks{margin-top:24px;display:grid;gap:12px}
.ticks li{position:relative;padding-left:32px;font-size:15px}
.ticks li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:50%;background:var(--blue)}
.ticks li::after{content:"";position:absolute;left:6.5px;top:10.5px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}

/* guides */
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.guide{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 var(--line);transition:transform .45s var(--ease),box-shadow .45s}
.guide:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(6,22,52,.4)}
.guide__img{aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.guide__img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s var(--ease)}
.guide:hover .guide__img img{transform:scale(1.05)}
.guide__body{padding:26px 26px 28px}
.guide h3{font-weight:600;font-size:1.08rem;color:var(--navy);margin-bottom:16px}
.checks{display:grid;gap:9px}
.checks li{display:flex;align-items:center;gap:11px;font-size:14px;opacity:0;transform:translateX(-10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.checks li::before{content:"";width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line);flex-shrink:0;background:#fff center/10px no-repeat;transition:background-color .4s,border-color .4s}
.guide.in .checks li{opacity:1;transform:none}
.guide.in .checks li::before{background-color:var(--blue);border-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}
.guide.in .checks li:nth-child(1),.guide.in .checks li:nth-child(1)::before{transition-delay:.35s}
.guide.in .checks li:nth-child(2),.guide.in .checks li:nth-child(2)::before{transition-delay:.5s}
.guide.in .checks li:nth-child(3),.guide.in .checks li:nth-child(3)::before{transition-delay:.65s}
.guide.in .checks li:nth-child(4),.guide.in .checks li:nth-child(4)::before{transition-delay:.8s}
.guide.in .checks li:nth-child(5),.guide.in .checks li:nth-child(5)::before{transition-delay:.95s}
.boxes{display:flex;align-items:flex-end;gap:14px;height:100px;margin-bottom:6px}
.boxes span{display:block;border-radius:6px;transform:scaleY(0);transform-origin:bottom;transition:transform .9s var(--ease) .3s}
.boxes .b1{width:42px;height:38px;background:var(--blue)}
.boxes .b2{width:120px;height:96px;border:2px dashed var(--cyan);background:rgba(0,176,240,.08);transition-delay:.55s}
.boxes em{font-size:12.5px;font-style:normal;color:var(--grey);align-self:center}
.guide.in .boxes span{transform:none}

/* stats (navy) */
.stats{background:var(--navy);color:#fff;padding:clamp(60px,7vw,100px) 0}

/* our latest work — coverflow (white) */
.posts{overflow:hidden;background:#fff}
.posts .head{margin-bottom:clamp(36px,4vw,60px)}
.posts__ctrl{display:flex;gap:10px;align-items:center}
.round{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);display:grid;place-items:center;font-size:18px;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.round:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-2px)}
.coverflow{position:relative;height:clamp(380px,46vw,520px);perspective:1400px;outline:none;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.coverflow:active{cursor:grabbing}
.cf{position:absolute;left:50%;top:0;margin:0;width:clamp(240px,28vw,380px);margin-left:calc(clamp(240px,28vw,380px) / -2);transform-style:preserve-3d;transition:transform .8s var(--ease),opacity .8s,filter .8s;will-change:transform}
.cf img{width:100%;height:auto;aspect-ratio:512/575;object-fit:cover;border-radius:18px;background:var(--tint);box-shadow:0 30px 60px -30px rgba(6,22,52,.45);pointer-events:none}
.cf figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cf.is-center img{box-shadow:0 40px 80px -30px rgba(21,101,230,.55),0 0 0 1px rgba(0,176,240,.55)}
.cf-hint{text-align:center;font-size:13px;color:var(--grey-2);margin-top:22px}

/* lightbox */
.lb{position:fixed;inset:0;z-index:300;background:rgba(6,22,52,.7);backdrop-filter:blur(8px);display:grid;place-items:center;padding:4vw;opacity:0;pointer-events:none;transition:opacity .35s}
.lb.open{opacity:1;pointer-events:auto}
.lb__panel{position:relative;display:grid;grid-template-columns:auto 1fr;max-width:880px;width:100%;background:#fff;border-radius:22px;overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .45s var(--ease)}
.lb.open .lb__panel{transform:none}
.lb__img{width:min(380px,40vw);aspect-ratio:512/575;background:var(--navy)}
.lb__img img{width:100%;height:100%;object-fit:cover}
.lb__body{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:12px}
.lb__date{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:600}
.lb__body h3{font-size:1.4rem;font-weight:600;color:var(--navy);letter-spacing:-.02em}
.lb__body p{color:var(--grey);font-size:15px}
.lb__body .btn{align-self:flex-start;margin-top:8px}
.lb__close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:var(--tint);color:var(--navy);font-size:22px;cursor:pointer;z-index:2}

/* faq */
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,110px);align-items:start}
.faq .head{position:sticky;top:110px}
.faq__list details{background:#fff;border-radius:14px;padding:20px 24px;margin-bottom:10px;transition:box-shadow .3s}
.faq__list details[open]{box-shadow:0 14px 34px -22px rgba(6,22,52,.35)}
.faq__list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600;font-size:1rem;color:var(--navy)}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary::after{content:"";width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--tint) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%231565e6' stroke-width='1.6'/%3E%3C/svg%3E");transition:transform .35s var(--ease),background-color .3s}
.faq__list details[open] summary::after{transform:rotate(45deg);background-color:#d8e9fb}
.faq__list p{color:var(--grey);font-size:15px;margin-top:10px}

/* contact */
.contact{position:relative;background:radial-gradient(100% 80% at 100% 0%,var(--navy-3),var(--navy) 60%);color:#fff;padding:var(--sec) 0;overflow:hidden}
.contact .h2{color:#fff}
.contact .sub{color:rgba(255,255,255,.65)}
.contact__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:start}
.clist{margin-top:40px}
.clist li{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);font-size:15px}
.clist span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);padding-top:3px}
.clist a:hover{color:var(--cyan)}
.clist p{color:rgba(255,255,255,.8)}
.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.socials a{font-size:14px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);transition:border-color .3s,color .3s,background .3s}
.socials a:hover{border-color:var(--cyan);color:var(--navy);background:var(--cyan)}
.form{background:#fff;color:var(--ink);border-radius:22px;padding:clamp(24px,3vw,40px);display:grid;gap:16px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:grid;gap:7px;font-size:12.5px;font-weight:600;color:var(--grey)}
.form input,.form select,.form textarea{font:400 15px var(--font);color:var(--ink);padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);transition:border-color .2s,box-shadow .2s,background .2s;width:100%}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--cyan);background:#fff;box-shadow:0 0 0 3px rgba(0,176,240,.18)}
.form .fine{text-align:center;margin-top:0}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form__status{margin:0;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;background:var(--bg);color:var(--ink)}
.form__status.is-ok{background:#e7f8ee;color:#0f7a3d}
.form__status.is-err{background:#fdecec;color:#b42318}
.form button[disabled]{opacity:.6;cursor:wait}

/* footer */
.footer{padding:70px 0 28px;background:#071430;color:#fff}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.footer .fine{color:rgba(255,255,255,.45)}
.footer h4{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:16px}
.footer__grid>div>a{display:block;font-size:14px;color:rgba(255,255,255,.8);margin-bottom:9px}
.footer__grid>div>a:hover{color:var(--cyan)}
.footer__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.4)}

.fab{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:var(--cyan);display:grid;place-items:center;z-index:90;box-shadow:0 10px 26px -10px rgba(0,136,196,.9);transition:transform .3s var(--ease)}
.fab::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--cyan);animation:ring 2.4s infinite}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.fab svg{width:22px;height:22px;fill:var(--navy)}
.fab:hover{transform:scale(1.07)}

/* ---------- reveal system ---------- */
.js .reveal,.js .reveal-group>*{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .reveal.in,.js .reveal-group>.in{opacity:1;transform:none}
.js .lanes .lane:nth-child(odd){transform:translate(-30px,30px)}
.js .lanes .lane:nth-child(even){transform:translate(30px,30px);transition-delay:.12s}
.js .lanes .lane.in{transform:none}
.js .reveal-img{clip-path:inset(10% 10% 10% 10% round 22px);transition:clip-path 1.3s var(--ease)}
.js .reveal-img img{transform:scale(1.18);transition:transform 1.6s var(--ease)}
.js .reveal-img.in{clip-path:inset(0 0 0 0 round 22px)}
.js .reveal-img.in img{transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal,.js .reveal-group>*,.js .lanes .lane{opacity:1;transform:none}
  .js .reveal-img{clip-path:none}.js .reveal-img img{transform:none}
  .split .w>span,.words .w>span{transform:none}
  .checks li{opacity:1;transform:none}.ico *{stroke-dashoffset:0}
  .map .routes path{stroke-dashoffset:0}.map .nodes>g{opacity:1}.boxes span{transform:none}
}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .nav__links{gap:22px}
  .icon-btn{display:none}
  .lane{grid-template-columns:1fr}
  .lane__img{aspect-ratio:16/10}
  .lane__img img{object-position:center 30%}
}
@media (max-width:900px){
  .burger{display:flex}
  .nav__end .btn{display:none}
  .nav__links{position:fixed;top:64px;left:4vw;right:4vw;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 24px 50px -24px rgba(0,0,0,.3);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .3s,transform .3s}
  .nav__links a,.nav.is-solid .nav__links a{padding:13px 14px;color:var(--ink);border-radius:10px;font-size:15px}
  .nav__links a::after{display:none}
  .nav__links a:hover{background:var(--tint)}
  .nav__mcta{display:block;background:var(--navy);color:#fff!important;text-align:center;margin-top:6px}
  .nav.open .nav__links{opacity:1;pointer-events:auto;transform:none}
  .nav.open{background:#fff}
  .nav.open .logo-text{color:var(--navy)}
  .hero__grid,.network__grid,.split2,.faq,.contact__grid{grid-template-columns:1fr}
  .stack{height:360px;margin-top:10px}
  .guides{grid-template-columns:1fr 1fr}
  .lanes{grid-template-columns:1fr}
  .lane{grid-template-columns:.8fr 1fr}
  .lane__img{aspect-ratio:auto}
  .faq .head{position:static}
  .footer__grid{grid-template-columns:1fr 1fr}
  .lb__panel{grid-template-columns:1fr;max-height:90vh;overflow:auto}
  .lb__img{width:100%;aspect-ratio:4/4}
}
@media (max-width:600px){
  body{font-size:15px}
  .wrap{width:90vw}
  .hero{padding-top:104px}
  .hero__ctas{flex-wrap:nowrap;gap:8px}
  .hero__ctas .btn{flex:1;white-space:nowrap;padding:14px 12px;font-size:14px}
  .hero__mini{gap:18px}
  .stack{height:300px}
  .stack__card{width:150px}
  .chip__k{display:none}
  .road{height:110px}
  .truck{width:240px}
  .truck--photo{width:min(340px,88vw)}
  .road{height:130px}

  .guides{grid-template-columns:1fr}
  .lane{grid-template-columns:1fr}
  .lane__img{aspect-ratio:4/5}                       /* phones: show the portrait photo whole, no crop */
  .lane__img img{object-position:center}
  .countries li{grid-template-columns:1fr;gap:2px}
  .map .nodes text{font-size:21px}
  .form__row{grid-template-columns:1fr}
  .clist li{grid-template-columns:1fr;gap:4px}
  .posts__ctrl .btn{display:none}
  .footer__grid{grid-template-columns:1fr}
  .fab{width:48px;height:48px;right:14px;bottom:14px}
}

/* ===== all services (SEO coverage of every peakqatar.com service) ===== */
section[id],article[id]{scroll-margin-top:90px}
.also a{color:var(--blue);font-weight:500;border-bottom:1px solid transparent;transition:border-color .3s}
.also a:hover{border-bottom-color:var(--blue)}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.why li{background:var(--card);border:1px solid rgba(10,27,61,.07);border-radius:var(--r);padding:26px 26px 28px;box-shadow:0 24px 50px -40px rgba(21,101,230,.4);transition:transform .45s var(--ease),box-shadow .45s}
.why li:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(21,101,230,.45)}
.why b{display:block;font-weight:600;font-size:1.05rem;color:var(--navy);margin-bottom:6px;letter-spacing:-.01em}
.why span{font-size:14.5px;color:var(--grey);line-height:1.6}
.ind{margin-top:38px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ind__k{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.ind .tags{margin-top:0}
.footer address{margin-top:12px;line-height:1.7;max-width:340px}
.footer address a:hover{color:var(--cyan)}
.faq__list details{margin-bottom:8px}
@media (max-width:1080px){.why{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.svc,.why{grid-template-columns:1fr}}
.mo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;border-radius:24px;background:var(--card);border:1px solid var(--line);overflow:hidden;box-shadow:0 24px 50px -40px rgba(21,101,230,.45);transition:transform .5s var(--ease),box-shadow .5s}
.mo:hover{transform:translateY(-6px);box-shadow:0 34px 60px -34px rgba(21,101,230,.55)}
.mo .ico{position:absolute;top:22px;left:24px;z-index:2}
.mo b{position:absolute;top:26px;right:26px;font-size:12px;font-weight:600;color:var(--grey);z-index:2}
.mo h3{position:relative;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--navy)}
.mo p{position:relative;font-size:14px;color:var(--grey);margin-top:3px;padding-right:46px}
.mo .go{position:absolute;right:22px;bottom:22px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--blue);transition:transform .4s var(--ease),background .3s,color .3s}
.mo:hover .go{transform:translateX(4px);background:var(--blue);color:#fff}
@keyframes moCruise{from{transform:translateX(-18px)}to{transform:translateX(10px)}}

/* ===== service explorer (tabs) ===== */
.xplore{display:grid;grid-template-columns:330px 1fr;gap:26px;align-items:start}
.xlist{display:grid;gap:8px;position:sticky;top:96px}
.xt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:17px 22px;border-radius:16px;background:#fff;border:1px solid var(--line);font:500 16.5px/1.3 var(--font);color:var(--navy);cursor:pointer;transition:background .35s,color .35s,transform .35s var(--ease),box-shadow .35s}
.xt b{font-size:12px;font-weight:600;color:var(--grey)}.xt span{flex:1}.xt i{font-style:normal;color:var(--grey);transition:transform .3s}
.xt:hover{transform:translateX(4px)}
.xt.on{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 20px 40px -22px rgba(10,27,61,.7)}
.xt.on b,.xt.on i{color:var(--cyan)}.xt.on i{transform:translateX(3px)}
.xp{padding:42px 42px 36px;position:relative;z-index:1}
.js .xp{display:none}.js .xp.on{display:block;animation:xpIn .6s var(--ease)}
@keyframes xpIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.xp+.xp{border-top:1px solid var(--line)}.js .xp+.xp{border-top:0}
.xp__n{position:absolute;top:44px;right:44px;font-size:12px;font-weight:600;letter-spacing:.12em;padding:5px 12px;border-radius:99px;background:var(--tint);color:var(--blue)}
.xp h3{font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:18px 0 10px;color:var(--navy)}
.xp__steps{display:flex;justify-content:space-between;position:relative;margin-top:6px}
.xp__steps::before{content:"";position:absolute;left:10%;right:10%;top:17px;height:2px;background:var(--line)}
.xp__steps li{position:relative;flex:1;text-align:center;font-size:12.5px;line-height:1.35;color:var(--grey);padding:0 6px}
.xp__steps i{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:#fff;border:2px solid var(--line);font-style:normal;font-weight:600;font-size:13px;color:var(--grey)}
.xp.on .xp__steps i{animation:xpStep .5s forwards}
.xp.on .xp__steps li:nth-child(1) i{animation-delay:.2s}.xp.on .xp__steps li:nth-child(2) i{animation-delay:.45s}.xp.on .xp__steps li:nth-child(3) i{animation-delay:.7s}.xp.on .xp__steps li:nth-child(4) i{animation-delay:.95s}.xp.on .xp__steps li:nth-child(5) i{animation-delay:1.2s}
@keyframes xpStep{to{background:var(--blue);border-color:var(--blue);color:#fff}}
.xp__cta{margin-top:26px}
.mo:focus-visible,.xt:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

@media (max-width:1080px){
  .xplore{grid-template-columns:1fr}
  .xlist{position:static;display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .xlist::-webkit-scrollbar{display:none}
  .xt{width:auto;white-space:nowrap;flex:0 0 auto;padding:13px 18px}.xt i{display:none}.xt:hover{transform:none}
}
@media (max-width:700px){
  .xp{padding:30px 22px 28px}.xp__n{top:32px;right:24px}
  .xp__steps{flex-direction:column;gap:12px;align-items:flex-start}.xp__steps::before{display:none}.xp__steps li{display:flex;align-items:center;gap:12px;text-align:left;padding:0}.xp__steps i{margin:0}
}
@media (prefers-reduced-motion:reduce){.xp.on .xp__steps i{animation-duration:.001ms;animation-delay:0s!important}}

/* SEO: link from each explorer panel to its full service page */
.xp__more{display:inline-block;margin:26px 0 0 18px;font-size:14px;font-weight:600;color:var(--blue);border-bottom:1px solid transparent;transition:border-color .25s}
.xp__more:hover{border-color:var(--blue)}
@media (max-width:560px){.xp__more{display:block;margin:16px 0 0}}
@keyframes hlIn{to{opacity:1;transform:none}}

@media (max-width:900px){
  /* tabs stay reachable while reading a panel */
  .xlist{position:sticky;top:60px;z-index:5;margin:0 -6vw;padding:10px 6vw 10px;background:linear-gradient(var(--tint) 80%,rgba(238,243,251,0))}
  .xp h3{font-size:1.45rem;margin:14px 0 4px}
  .xp__steps li{font-size:12.5px}
}

.xp__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:26px}
.xp__actions .xp__cta,.xp__actions .xp__more{margin:0;display:inline-block}
@media (max-width:900px){.xp__actions{margin-top:20px;gap:10px 18px}}

/* ===== same panel layout on web: photo under title, step chips, grouped actions ===== */
.js .xp.on{display:flex;flex-direction:column}
.xp .ico{order:1;align-self:flex-start}.xp h3{order:2}.xp .xp__steps{order:6}.xp .xp__actions{order:7}
.xp__steps{flex-direction:row!important;flex-wrap:wrap;justify-content:flex-start!important;gap:8px!important;align-items:center!important;margin-top:4px}
.xp__steps::before{display:none}
.xp__steps li{flex:0 0 auto;display:inline-flex!important;align-items:center;gap:8px!important;padding:6px 14px 6px 6px!important;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ink2);text-align:left}
.xp__steps i{width:24px!important;height:24px!important;margin:0!important;font-size:11.5px;border-width:0!important;background:var(--tint)!important;color:var(--blue)!important;animation:none!important}
.xp__steps li:last-child i{background:var(--blue)!important;color:#fff!important}
.js .xp.on .xp__steps li{opacity:0;transform:translateX(-8px);animation:stIn .45s var(--ease) forwards}
.js .xp.on .xp__steps li:nth-child(1){animation-delay:.3s}.js .xp.on .xp__steps li:nth-child(2){animation-delay:.38s}.js .xp.on .xp__steps li:nth-child(3){animation-delay:.46s}.js .xp.on .xp__steps li:nth-child(4){animation-delay:.54s}.js .xp.on .xp__steps li:nth-child(5){animation-delay:.62s}
@keyframes stIn{to{opacity:1;transform:none}}
.xp__steps li+li{position:relative}

@media (prefers-reduced-motion:reduce){.js .xp.on .xp__steps li{opacity:1;transform:none;animation:none}}

/* GCC network: map only (country table removed) — give the map more room */

.network .head{margin-bottom:0}
@media (max-width:900px){.network .head{margin-bottom:8px}}

/* hero facts: 3 items in one row */
.hero__mini{display:grid;grid-template-columns:repeat(3,max-content);gap:16px 36px}
.hero__mini b{white-space:nowrap}
@media (max-width:600px){.hero__mini{grid-template-columns:repeat(3,auto);justify-content:start;gap:14px 12px}.hero__mini li{padding-left:10px}.hero__mini b{font-size:1.05rem}.hero__mini span{font-size:11.5px}}

/* official logo in the footer */
.footer__logo{display:block;height:34px;width:auto;margin-bottom:8px}

/* FAQ: heading on top, three columns on desktop (one open at a time) */
.faq{grid-template-columns:1fr;gap:clamp(28px,3vw,40px)}
.faq .head{position:static;max-width:none;margin-bottom:0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 40px}
.faq .head .label{flex-basis:100%;margin-bottom:-4px}
.faq .head .sub{margin-top:0;max-width:420px}
.faq__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;align-items:start}
.faq__col{display:flex;flex-direction:column;gap:10px}
.faq__list details{margin:0;padding:16px 20px}
.faq__list summary{font-size:.95rem}
.faq__list p{font-size:14.5px}
@media (max-width:900px){.faq__list{grid-template-columns:1fr}.faq .head{display:block}.faq .head .sub{margin-top:12px}}

/* "Why choose Peak" + "GCC network": one navy section, real Gulf map as the backdrop */
.wn{padding:clamp(64px,8vw,100px) 0;overflow:hidden}
.wn__bg{position:absolute;inset:0;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.75) 38%,#000 56%);mask-image:linear-gradient(90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.75) 38%,#000 56%)}
.wn__bg svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.wn .land path{stroke-linejoin:round;vector-effect:non-scaling-stroke}
.wn .land__other{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.10);stroke-width:1}
.wn .land__gcc{fill:rgba(0,176,240,.07);stroke:rgba(0,176,240,.38);stroke-width:1}
.wn .land__qa{fill:rgba(0,176,240,.28);stroke:#00b0f0;stroke-width:1.4}
.wn .map .routes path{stroke-width:2.8}
.wn .map .nodes text{font:600 17px var(--font);fill:#fff;paint-order:stroke;stroke:rgba(7,20,48,.85);stroke-width:3px}
.wn__grid{position:relative;display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:40px;align-items:end}
@media (max-width:1300px){.wn__grid{grid-template-columns:minmax(0,480px) 1fr}}
.wn .head{margin-bottom:24px;max-width:560px}
.wn .sub{margin-top:12px}
.why--dark{grid-template-columns:1fr 1fr;gap:10px}
.why--dark li{background:rgba(10,27,61,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);box-shadow:none;padding:14px 16px 15px;border-radius:14px}
.why--dark li:hover{transform:translateY(-3px);box-shadow:none;border-color:rgba(0,176,240,.45)}
.why--dark b{color:#fff;font-size:.95rem;margin-bottom:3px}
.why--dark span{display:block;color:rgba(255,255,255,.62);font-size:13px;line-height:1.5}
.wn .ind{margin-top:20px;gap:10px 14px}
.wn .ind__k{color:rgba(255,255,255,.55)}
.wn .tags li{background:rgba(255,255,255,.08);color:#bfe9fb}
.wn__net{justify-self:end;max-width:330px;padding:16px 18px;border-radius:16px;background:rgba(7,20,48,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1)}
.wn__net .label{margin-bottom:6px}
.wn__net h3{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:#fff}
.wn__cap{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.62);margin-top:4px}
@media (max-width:1100px){
  .wn__grid{grid-template-columns:1fr;align-items:start}
  .wn__bg{position:relative;left:auto;right:auto;width:90vw;margin:28px auto 0;aspect-ratio:620/560;-webkit-mask-image:none;mask-image:none;border-radius:18px;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:rgba(7,20,48,.35)}
  .wn{display:flex;flex-direction:column}.wn__bg{order:2}.wn__grid{order:1}
  .wn__net{justify-self:start;max-width:none}
  .wn .map .nodes text{font-size:30px}
  .wn__bg svg{overflow:hidden;transform:scale(1.9);transform-origin:97% 50%}
}
@media (max-width:600px){.why--dark{grid-template-columns:1fr}}
@media (min-width:1101px) and (max-height:880px){
  .wn{padding:52px 0}
  .wn .head{margin-bottom:16px}.wn .label{margin-bottom:12px}.wn .sub{margin-top:8px;font-size:.95rem}
  .why--dark{gap:8px}.why--dark li{padding:11px 14px 12px}.why--dark span{font-size:12.5px;line-height:1.45}
  .wn .ind{margin-top:14px}.wn .tags li{padding:4px 10px}
}
@media (min-width:1101px){
  [dir="rtl"] .wn__bg{-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.75) 38%,#000 56%);mask-image:linear-gradient(270deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.75) 38%,#000 56%)}
  [dir="rtl"] .wn__bg svg{transform:translateX(-45%)}
}
[dir="rtl"] .wn__bg svg{direction:ltr}
[dir="rtl"] .wn__net{justify-self:start}

/* ===== meeting changes (Nov 12): short hero line, no trust strip, description under "What we do", problem -> answer heading ===== */
.lead--short{font-size:clamp(1.05rem,1.25vw,1.2rem);color:rgba(255,255,255,.8);max-width:440px}
.head--split{max-width:none;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,80px);align-items:end}
.head--split .sub{max-width:none;margin-top:0;font-size:1.02rem;line-height:1.75;color:var(--ink2)}
@media (max-width:900px){.head--split{grid-template-columns:1fr;gap:18px}}
.head--oto{max-width:720px}
.head--services .label{margin-bottom:14px}
.head--services .h2{font-size:clamp(2rem,3.35vw,3.05rem);line-height:1.08;letter-spacing:-.045em}
.svc__promise{margin-top:12px;font-size:clamp(1.1rem,1.65vw,1.45rem);font-weight:600;line-height:1.3;letter-spacing:-.025em;color:var(--blue)}

/* ===== centered, one-by-one service cards ===== */
.head--split.head--oto{max-width:none}
.head.head--services.head--split{max-width:850px;grid-template-columns:1fr;gap:0;margin-left:auto;margin-right:auto;text-align:center}
.head--services .label{justify-content:center}
.head--services .sub{max-width:760px;margin:20px auto 0;text-align:center}
.svcx{display:grid;grid-template-columns:1fr;max-width:1080px;margin:0 auto;gap:24px}
.sx{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:370px;background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 24px 50px -40px rgba(21,101,230,.45);transition:transform .5s var(--ease),box-shadow .5s}
.sx:hover{transform:translateY(-5px);box-shadow:0 34px 60px -34px rgba(21,101,230,.45)}
.sx h3{max-width:480px;font-size:clamp(1.45rem,2.25vw,2rem);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--navy);margin-bottom:12px}
.sx__icon-sprite{position:absolute;width:0;height:0;overflow:hidden}

@keyframes landRoute{to{stroke-dashoffset:-70}}

@media (max-width:700px){
  .svcx{gap:18px}
  .sx{grid-template-columns:1fr;min-height:0}
}

/* ===== services stack (option D layout + option A cards) ===== */
.svs{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:start;max-width:1200px;margin:0 auto}
.svs__nav{position:sticky;top:112px;display:flex;flex-direction:column}
.svs__link{display:flex;align-items:center;gap:14px;min-height:48px;font-size:16.5px;color:var(--ink2);transition:color .3s}
.svs__link b{width:24px;flex:none;font-size:12px;font-weight:600;color:var(--grey)}
.svs__link span{flex:1;min-width:0;white-space:nowrap}
.svs__link::after{content:"";width:0;height:3px;flex:none;border-radius:3px;background:var(--blue);transition:width .45s var(--ease)}
.svs__link:hover{color:var(--blue)}
.svs__link.on{color:var(--navy);font-weight:600}
.svs__link.on b{color:var(--blue)}
.svs__link.on::after{width:28px}
.svs__link:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
.svs__cta{align-self:flex-start;margin-top:22px}
.svcx.svs__stack{max-width:none;margin:0;gap:32px}
.svs__stack .sx{scroll-margin-top:140px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0}
.svs__stack .sx h3{grid-column:1;max-width:560px;font-size:clamp(1.25rem,1.7vw,1.5rem);margin-bottom:6px}
@media (min-width:901px) and (min-height:600px){
  .svs__stack .sx{position:sticky;top:calc(96px + var(--i,0) * 14px);box-shadow:0 -22px 44px -34px rgba(10,27,61,.4),0 24px 50px -40px rgba(21,101,230,.45)}
  .svs__stack .sx:hover{transform:none;box-shadow:0 -22px 44px -34px rgba(10,27,61,.4),0 24px 50px -40px rgba(21,101,230,.45)}
}
@media (max-width:1080px) and (min-width:901px){
  .svs{grid-template-columns:200px minmax(0,1fr)}.svs__link{font-size:15px;gap:10px}.svs__link::after{display:none}.svs__link.on{color:var(--blue)}
}
@media (max-width:900px){
  .svs{grid-template-columns:minmax(0,1fr);gap:14px}
  .svs__nav{top:60px;z-index:6;flex-direction:row;gap:8px;overflow-x:auto;margin:0 -6vw;padding:10px 6vw;background:linear-gradient(var(--bg) 82%,rgba(246,249,254,0));scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .svs__nav::-webkit-scrollbar{display:none}
  .svs__link,.svs__link.on{flex:0 0 auto;gap:8px;min-height:0;padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:15px;font-weight:500;white-space:nowrap}
  .svs__link::after{display:none}
  .svs__link b{width:auto}
  .svs__link.on{background:var(--navy);border-color:var(--navy);color:#fff}
  .svs__link.on b{color:var(--cyan)}
  .svs__cta{display:none}
}
/* services stack: every card exactly 495px tall on desktop — the picture fills what the text leaves */
@media (min-width:901px) and (min-height:600px){
  .svs__stack .sx{height:495px;grid-template-rows:minmax(0,1fr) auto}
}
/* services stack: slightly narrower cards (whole block stays centred) */
@media (min-width:901px){.svs{max-width:1130px}}
/* services stack: more scroll distance per card, so each card stays pinned a little longer before the next slides over */
@media (min-width:901px) and (min-height:600px){.svcx.svs__stack{gap:clamp(140px,26vh,260px)}}

/* ===== large-scale transport + GPS visibility band (rope: tangled before GPS -> straight after GPS) ===== */
.gpsband{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(36px,4vw,56px);padding:clamp(24px,3vw,36px) clamp(24px,3.4vw,44px);border:1px solid #d6e5f8;border-radius:24px;background:#fff;box-shadow:0 30px 60px -44px rgba(21,101,230,.55)}
.gpsband__copy .label{margin-bottom:12px;color:#0878f9}
.gpsband__copy h3{font-size:clamp(1.4rem,2vw,1.85rem);font-weight:600;line-height:1.2;letter-spacing:-.025em;color:#092653}
.gpsband__copy p:not(.label){margin-top:10px;max-width:470px;font-size:15px;line-height:1.65;color:#64748b}
.gpsband__viz{min-width:0}
.gpsband__rope{display:block;width:100%;height:auto;overflow:visible}
.gpsband__line{fill:none;stroke:#9aa9bf;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.gpsband__twist{fill:none;stroke:#fff;stroke-opacity:.55;stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round;pointer-events:none}
.gpsband__dot{fill:var(--cyan);stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 6px rgba(0,176,240,.7))}
.gpsband__state--after{text-align:end}
.gpsband__state--after.on{background:#e8f2ff}
.gpsband__state--after b{color:var(--blue)}
[dir="rtl"] .gpsband__rope{transform:scaleX(-1)}
@media (max-width:900px){.gpsband{grid-template-columns:1fr}}
/* picture style: white text side, navy rope side */
.gpsband{gap:0;padding:0;overflow:hidden;align-items:stretch}
.gpsband__copy{align-self:center;padding:clamp(26px,3.2vw,44px)}
.gpsband__viz{display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,2.6vw,34px) clamp(18px,2.4vw,32px);background:radial-gradient(120% 140% at 30% 40%,#0b2a5c 0%,#061d44 45%,#041838 100%)}
.gpsband__line{stroke:#1e74cc;stroke-width:8;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
.gpsband__twist{stroke:#041838;stroke-opacity:.5;stroke-width:3.2;stroke-dasharray:3 5}
.gpsband__dot{fill:#62c6ff;stroke:#d9f2ff;stroke-width:2;filter:drop-shadow(0 0 10px rgba(98,198,255,.85))}
.gpsband__state.on,.gpsband__state--after.on{opacity:1;background:rgba(255,255,255,.06)}
.gpsband__state b,.gpsband__state--after b{font-size:18px;font-weight:400;color:#fff}
@media (max-width:900px){.gpsband__viz{padding:22px 16px}}

/* large-scale transport: blue flatbed (front corner visible), large */
.big__truck--flatbed{left:-8%;bottom:18px;width:114%}
[dir="rtl"] .big__truck--flatbed{left:-2%;width:106%}
@media (min-width:701px) and (max-width:1050px){.big__truck--flatbed{left:-8%;bottom:40px;width:112%}}
@media (max-width:700px){.big__truck--flatbed{left:-6%;bottom:12px;width:112%}}

/* large-scale transport: empty flatbed carrying the word BIG as its load */
.big__rig{position:absolute;container-type:inline-size;display:block}
.big__rig img{display:block;width:100%;height:auto}
.big__load{position:absolute;z-index:1;left:1%;width:59.6%;bottom:42.6%;transform:rotate(-1.35deg);transform-origin:0 100%;
  text-align:center;font-weight:800;line-height:.74;letter-spacing:-.06em;font-size:27cqw;
  background:linear-gradient(to top,#3a96ff 0%,#74b8ff 32%,#b9dcff 68%,#e6f2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 6px rgba(9,38,83,.14));pointer-events:none}
.big__load--ar{display:none;font-family:"IBM Plex Sans Arabic",var(--font);font-weight:700;letter-spacing:0;line-height:1.02;font-size:21cqw;bottom:41%}
[dir="rtl"] .big__load--en{display:none}
[dir="rtl"] .big__load--ar{display:block}
[dir="rtl"] .big__rig{left:-2%;width:106%}
.big__visual{min-height:440px}
.js .big__grid .big__rig .big__load{opacity:0;transform:rotate(-1.35deg) translateY(-30px);transition:opacity .7s var(--ease) .7s,transform .9s cubic-bezier(.34,1.56,.64,1) .7s}
.js .big__grid.in .big__rig .big__load{opacity:1;transform:rotate(-1.35deg)}
@media (prefers-reduced-motion:reduce){.js .big__grid .big__rig .big__load{opacity:1;transform:rotate(-1.35deg);transition:none}}
@media (max-width:700px){.big__visual{min-height:200px}.big__rig.big__truck--flatbed{bottom:6px}}
@media (min-width:701px) and (max-width:1050px){.big__visual{min-height:360px}}

/* large-scale transport: tall italic BIG standing BEHIND the truck (reference look) —
   strong blue at the truck bed, fading lighter into the sky; anything below the bed is cut */
.big__rig img{position:relative;z-index:2}
.big__load{z-index:1;left:6%;width:84%;bottom:calc(41% - .22em);font-size:46cqw;font-weight:800;line-height:1;letter-spacing:-.07em;
  transform:skewX(-11deg);transform-origin:50% 100%;
  background:linear-gradient(to top,var(--blue) 15%,#479eff 40%,rgba(120,186,255,.72) 61%,rgba(190,224,255,0) 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:none;
  clip-path:inset(0 -40% .22em -40%)}
.big__load--ar{font-size:34cqw;line-height:1.25;bottom:calc(41% - .3em);letter-spacing:0;clip-path:inset(0 -20% .3em -20%)}
.js .big__grid .big__rig .big__load{opacity:0;transform:skewX(-11deg) translateY(30px);transition:opacity .8s var(--ease) .5s,transform 1s var(--ease) .5s}
.js .big__grid.in .big__rig .big__load{opacity:1;transform:skewX(-11deg)}
@media (prefers-reduced-motion:reduce){.js .big__grid .big__rig .big__load{opacity:1;transform:skewX(-11deg);transition:none}}
@media (max-width:700px){.big__visual{min-height:250px}}

/* new low-bed + excavator photo (1921x819): lift BIG above the load so it shows over the excavator,
   the arm and cab still overlap the bottom of the letters */
.big__load{bottom:58%;clip-path:none;
  background:linear-gradient(to top,var(--blue) 0%,#479eff 45%,rgba(120,186,255,.85) 75%,rgba(190,224,255,.35) 100%);
  -webkit-background-clip:text;background-clip:text}
.big__load--ar{bottom:58%;clip-path:none}
.big__visual{min-height:470px}
@media (min-width:701px) and (max-width:1050px){.big__visual{min-height:400px}}
@media (max-width:700px){.big__visual{min-height:300px}}

/* ===== services stack: right-side cards use the detailed service-card design (icon, photo, highlight tiles, steps, actions).
   Left list, sticky stacking and scroll behaviour are unchanged. ===== */
.svs__stack .sx.sx--xp{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:34px 38px 32px;text-align:start}
.sx--xp>.ico{align-self:flex-start;width:50px;height:50px;padding:12px}
.sx--xp>.ico *{stroke-dashoffset:0}
.sx--xp .xp__n{top:36px;right:36px}
.svs__stack .sx--xp h3{max-width:none;font-size:clamp(1.45rem,2vw,1.85rem);margin:16px 0 14px}
.sx--xp .sxp__d{max-width:640px;margin:16px 0 0;font-size:15px;line-height:1.7;color:var(--grey)}
.sx--xp .xp__steps{margin-top:0}
.sx--xp .xp__actions{margin-top:20px}
[dir="rtl"] .sx--xp .xp__n{right:auto;left:36px}

@media (max-width:700px){
  .svs__stack .sx.sx--xp{padding:26px 20px 24px}
  .sx--xp .xp__n{top:28px;right:20px}[dir="rtl"] .sx--xp .xp__n{left:20px}
}
/* stacked desktop: every detailed card the same height so none peeks out under the next; the photo area takes up the slack */
@media (min-width:901px) and (min-height:600px){
  .svs__stack .sx.sx--xp{height:min(760px,calc(100vh - 190px))}
}
@media (min-width:901px) and (min-height:600px){
  .svs__stack .sx--xp .sxp__d{margin-top:14px}
}

/* stats band (navy, under Shipping guides): the cross-border film sits in the centre and melts into the navy */
.stats--film{position:relative;overflow:hidden;background:radial-gradient(70% 90% at 50% 45%,#0d2350 0%,var(--navy) 70%)}
.stats__film.mo{position:relative;width:min(980px,100%);aspect-ratio:16/7;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.stats__film.mo:hover{transform:none;box-shadow:none}
.stats__film .film{position:absolute;inset:0;height:100%;min-height:0;background:transparent;overflow:visible}
.stats__film .film__scene,.stats__film .film__shade{
  -webkit-mask-image:radial-gradient(120% 115% at 50% 50%,#000 46%,transparent 74%);mask-image:radial-gradient(120% 115% at 50% 50%,#000 46%,transparent 74%)}
.stats__film .film__shade{background:linear-gradient(0deg,rgba(10,27,61,.55),rgba(10,27,61,0) 30%)}
.stats__film .film__ui{left:12%;right:12%;bottom:6%}
.stats__film .film__chip{top:9%;right:12%}
.stats__film .film__doc{top:20%;right:12%}
[dir="rtl"] .stats__film .film__chip,[dir="rtl"] .stats__film .film__doc{right:auto;left:12%}

@media (max-width:700px){
  .stats__film.mo{aspect-ratio:4/3;width:calc(100% + 10vw);margin:0 -5vw}
  .stats__film .film__scene,.stats__film .film__shade{-webkit-mask-image:radial-gradient(110% 100% at 50% 50%,#000 50%,transparent 78%);mask-image:radial-gradient(110% 100% at 50% 50%,#000 50%,transparent 78%)}
  .stats__film .film__ui{left:5vw;right:5vw;bottom:4%}
  .stats__film .film__chip{top:6%;right:5vw;bottom:auto}
  .stats__film .film__doc{display:none}
}
/* stats film: real soft fade on all sides, chapter buttons sit just below the picture */
.stats__film .film__scene,.stats__film .film__shade{
  -webkit-mask-image:radial-gradient(58% 62% at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(58% 62% at 50% 50%,#000 52%,transparent 100%)}
.stats__film.mo{margin-bottom:58px}
.stats__film .film__ui{left:14%;right:14%;bottom:-58px}
.stats__film .film__chip{top:12%;right:16%}
.stats__film .film__doc{top:24%;right:16%}
[dir="rtl"] .stats__film .film__chip,[dir="rtl"] .stats__film .film__doc{right:auto;left:16%}
@media (max-width:700px){
  .stats__film.mo{aspect-ratio:5/4;margin-bottom:70px}
  .stats__film .film__scene,.stats__film .film__shade{-webkit-mask-image:radial-gradient(62% 60% at 50% 55%,#000 55%,transparent 100%);mask-image:radial-gradient(62% 60% at 50% 55%,#000 55%,transparent 100%)}
  .stats__film .film__ui{left:5vw;right:5vw;bottom:-66px}
  .stats__film .film__chip{top:10%;right:8vw}
}
@media (min-width:701px){
  .stats__film .film__scene,.stats__film .film__shade{
    -webkit-mask-image:radial-gradient(52% 58% at 50% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(52% 58% at 50% 50%,#000 42%,transparent 100%)}
}
/* stats film blend, robust version: navy vignette painted over the picture's edges (masks get skipped on the animated layer) */
.stats--film{background:var(--navy)}
.stats__film .film__scene,.stats__film .film__shade{-webkit-mask-image:none!important;mask-image:none!important}
.stats__film .film::after{content:"";position:absolute;inset:-2px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,var(--navy) 0%,rgba(10,27,61,.85) 6%,rgba(10,27,61,0) 24%,rgba(10,27,61,0) 76%,rgba(10,27,61,.85) 94%,var(--navy) 100%),
             linear-gradient(180deg,var(--navy) 0%,rgba(10,27,61,.7) 8%,rgba(10,27,61,0) 30%,rgba(10,27,61,0) 70%,rgba(10,27,61,.8) 90%,var(--navy) 100%)}
.stats--film::before{content:"";position:absolute;left:50%;top:38%;width:min(1100px,90vw);height:420px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(21,101,230,.22),transparent);pointer-events:none}
@media (max-width:700px){
  .stats__film .film::after{background:linear-gradient(90deg,var(--navy) 0%,rgba(10,27,61,0) 14%,rgba(10,27,61,0) 86%,var(--navy) 100%),linear-gradient(180deg,var(--navy) 0%,rgba(10,27,61,0) 30%,rgba(10,27,61,0) 75%,var(--navy) 100%)}
}
/* stats band = full-width film strip, same height as the old stats band, blended into navy on every side */
.stats.stats--film{padding:0}
.stats--film::before{display:none}
.stats--film .stats__film.mo{display:block;width:100%;height:clamp(340px,29vw,420px);aspect-ratio:auto;margin:0;border-radius:0}
.stats--film .stats__film .film::after{
  background:linear-gradient(90deg,var(--navy) 0%,rgba(10,27,61,.75) 8%,rgba(10,27,61,0) 26%,rgba(10,27,61,0) 74%,rgba(10,27,61,.75) 92%,var(--navy) 100%),
             linear-gradient(180deg,var(--navy) 0%,rgba(10,27,61,.6) 10%,rgba(10,27,61,0) 32%,rgba(10,27,61,0) 66%,rgba(10,27,61,.85) 88%,var(--navy) 100%)}
.stats--film .stats__film .film__ui{left:50%;right:auto;width:min(720px,86vw);transform:translateX(-50%);bottom:18px}
.stats--film .stats__film .film__chip{top:22px;right:max(5vw,calc((100vw - 1200px)/2))}
.stats--film .stats__film .film__doc{top:66px;right:max(5vw,calc((100vw - 1200px)/2))}
[dir="rtl"] .stats--film .stats__film .film__chip,[dir="rtl"] .stats--film .stats__film .film__doc{right:auto;left:max(5vw,calc((100vw - 1200px)/2))}
@media (max-width:700px){
  .stats--film .stats__film.mo{height:320px;width:100%;margin:0}
  .stats--film .stats__film .film__ui{width:92vw;bottom:12px}
  .stats--film .stats__film .film__chip{top:14px;right:4vw}
}
@media (max-width:700px){
  .stats--film .stats__film.mo{height:360px}
  .stats--film .stats__film .film__scene,.stats--film .stats__film .film__shade{bottom:72px}
  .stats--film .stats__film .film::after{background:linear-gradient(90deg,var(--navy) 0%,rgba(10,27,61,0) 12%,rgba(10,27,61,0) 88%,var(--navy) 100%),linear-gradient(180deg,var(--navy) 0%,rgba(10,27,61,0) 26%,rgba(10,27,61,0) 66%,var(--navy) 80%,var(--navy) 100%)}
}

/* shipping guides: new 3:2 images shown whole (no cropping) on a white backdrop */
.guide__img{aspect-ratio:3/2;background:#fff}
.guide__img img{object-position:center}
/* shipping guides: the headline is real text over the (text-free) image — sharp at any resolution */
.guide__img{position:relative;container-type:inline-size}
.guide__head{position:absolute;z-index:1;left:5.6%;top:8.5%;right:5%;margin:0;pointer-events:none;
  font-family:var(--font);font-weight:800;font-size:7.1cqw;line-height:.98;letter-spacing:-.03em}
.guide__head b{display:block;font-weight:800;color:#0a1b3d}
.guide__head span{display:block;color:#03aeef}
[dir="rtl"] .guide__head{left:5%;right:5.6%;text-align:right;font-family:"IBM Plex Sans Arabic",var(--font);font-weight:700;font-size:6.2cqw;line-height:1.3;letter-spacing:0}
[dir="rtl"] .guide__head b{font-weight:700}
[dir="rtl"] .guide__head{font-size:5.6cqw;top:7%}

/* GPS band: small truck driving a lit-up route with a live GPS pin (replaces the before/after rope) */
.gpstruck{display:block;width:100%;height:auto;overflow:visible}
.gpstruck__road{fill:none;stroke:rgba(255,255,255,.1);stroke-width:12;stroke-linecap:round}
.gpstruck__dash{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1.6;stroke-dasharray:6 8;stroke-linecap:round}
.gpstruck__done{fill:none;stroke:url(#gtLine);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(0,176,240,.6))}
.gpstruck__pin circle{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.45);stroke-width:1.5}
.gpstruck__pin .gpstruck__core{fill:#fff;stroke:none}
.gpstruck__pin--b circle{stroke:#00b0f0}.gpstruck__pin--b .gpstruck__core{fill:#00b0f0}
.gpstruck__ring{fill:none;stroke:#00b0f0;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:gtPing 1.8s ease-out infinite}
.gpstruck__ring--2{animation-delay:.9s}
@keyframes gtPing{from{transform:scale(.6);opacity:.9}to{transform:scale(3);opacity:0}}
.gpstruck__gps{animation:gtBob 1.8s ease-in-out infinite}
@keyframes gtBob{50%{transform:translate(-4px,-41px)}}
.gpstruck__labels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:8px}
.gpstruck__end{display:flex;flex-direction:column;line-height:1.3}
.gpstruck__end--b{text-align:end}
.gpstruck__end span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.gpstruck__end b{font-size:17px;font-weight:500;color:#fff}
.gpstruck__live{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(0,176,240,.12);border:1px solid rgba(0,176,240,.35);white-space:nowrap}
.gpstruck__live i{width:8px;height:8px;border-radius:50%;background:#17d48a;box-shadow:0 0 0 0 rgba(23,212,138,.6);animation:ping 2s infinite}
.gpstruck__live b{font-size:13px;font-weight:600;color:#fff}
.gpstruck__live span{font-size:12px;color:rgba(255,255,255,.65)}
[dir="rtl"] .gpstruck{transform:scaleX(-1)}
[dir="rtl"] .gpstruck__end span{letter-spacing:0;text-transform:none;font-size:12px}
@media (max-width:600px){.gpstruck__live span{display:none}.gpstruck__labels{gap:8px}.gpstruck__end b{font-size:15px}}
@media (prefers-reduced-motion:reduce){.gpstruck__ring,.gpstruck__gps,.gpstruck__live i{animation:none}}

/* ===== services stack — OPTION A (Nov 2026): navy side panel + white details, progress rail in the list.
   Sticky stacking, scroll tracking and click-to-jump are unchanged (same .svs / .sx classes). ===== */
.svs__nav{position:sticky}
.svs__link span small{display:block;max-height:0;overflow:hidden;opacity:0;font-size:13px;font-weight:400;color:var(--grey);white-space:normal;transition:max-height .45s var(--ease),opacity .35s}
@media (min-width:901px){
  .svs__nav{padding-inline-start:20px;gap:4px}
  .svs__rail{position:absolute;inset-inline-start:0;top:10px;bottom:84px;width:2px;border-radius:2px;background:var(--line)}
  .svs__rail i{position:absolute;inset:0 0 auto 0;height:calc(var(--p,.1667) * 100%);border-radius:2px;background:linear-gradient(180deg,var(--cyan),var(--blue));transition:height .55s var(--ease)}
  .svs__link{align-items:flex-start;padding:12px 14px;border-radius:14px;min-height:48px;transition:background .3s,box-shadow .3s,color .3s}
  .svs__link b{padding-top:3px}
  .svs__link::after{display:none}
  .svs__link.on{background:#fff;box-shadow:0 14px 30px -18px rgba(10,27,61,.4)}
  .svs__link.on span small{max-height:44px;opacity:1;margin-top:2px}
  .svs__cta{margin-inline-start:0}
}
@media (max-width:900px){.svs__rail,.svs__link span small{display:none}}

/* the card */
.svs__stack .sx.sx--a{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);grid-template-rows:minmax(0,1fr);padding:0;border-radius:28px;border-color:rgba(10,27,61,.08);background:#fff;overflow:hidden}
.sx--a .sxa__side{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:18px;min-height:0;padding:30px;background:var(--navy);color:#fff;overflow:hidden}
.sx--a .sxa__side::before{content:"";position:absolute;z-index:-1;right:-90px;top:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,176,240,.28),transparent 70%)}
[dir="rtl"] .sx--a .sxa__side::before{right:auto;left:-90px}
.sxa__top{display:flex;justify-content:space-between;align-items:center}
.sxa__ico{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.08)}
.sxa__ico svg{width:26px;height:26px;fill:none;stroke:#5fd0f8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sx--a .xp__n,.svs__stack .sx--a .xp__n{position:static;background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12.5px}
.sxa__big{display:flex;flex-direction:column;gap:4px;margin:0}
.sxa__big b{font-size:clamp(70px,7vw,104px);font-weight:600;line-height:.9;letter-spacing:-.05em;color:rgba(255,255,255,.1)}
.sxa__big span{font-size:15.5px;color:rgba(255,255,255,.8)}
.sxa__chips{display:flex;flex-wrap:wrap;gap:8px}
.sxa__chips span{font-size:12px;font-weight:500;padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.9)}

.sxa__main{display:flex;flex-direction:column;gap:18px;min-width:0;padding:36px 40px 32px}
.svs__stack .sx--a h3{max-width:none;margin:0;font-size:clamp(1.45rem,2.1vw,1.95rem);line-height:1.15}
.sx--a .sxp__d{margin:0;max-width:none;font-size:15px;line-height:1.65;color:var(--ink2)}
.sxa__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.sxa__facts li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#f3f7fd;transition:transform .35s var(--ease),box-shadow .35s}
.sxa__facts li:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(21,101,230,.55)}
.sxa__facts i{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue)}
.sxa__facts i svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sxa__facts b{font-size:15.5px;font-weight:600;line-height:1.25;color:var(--navy)}
.sxa__facts span{font-size:12.5px;line-height:1.4;color:var(--grey);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx--a .xp__actions{margin-top:auto;padding-top:4px}
.sxa__next{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-inline-start:auto;font-size:14px;color:var(--grey);transition:color .25s}
.sxa__next:hover{color:var(--blue)}
.sxa__next .arr{transition:transform .3s var(--ease)}
.sxa__next:hover .arr{transform:translateX(4px)}
[dir="rtl"] .sxa__next .arr{transform:scaleX(-1)}
[dir="rtl"] .sxa__next:hover .arr{transform:scaleX(-1) translateX(4px)}

/* stacked desktop: every card the same height, the photo absorbs the slack */
@media (min-width:901px) and (min-height:600px){
  .svs__stack .sx.sx--a{height:min(640px,calc(100vh - 150px))}
}
@media (min-width:901px) and (max-height:780px){
  .sxa__big b{display:none}
  .sxa__facts span{display:none}
  .sxa__main{gap:14px;padding:28px 32px 24px}
  .sx--a .sxa__side{padding:24px;gap:14px}
}
@media (max-width:1180px){
  .svs__stack .sx.sx--a{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .sxa__main{padding:30px 30px 26px}
  .sx--a .sxa__side{padding:24px}
}
@media (max-width:900px){
  .svs__stack .sx.sx--a{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;border-radius:24px}
  .sx--a .sxa__side{padding:22px;gap:14px}
  .sxa__big b{display:none}
  .sxa__main{padding:24px 22px 26px;gap:16px}
}
@media (max-width:560px){
  .sxa__facts{grid-template-columns:minmax(0,1fr)}
  .sxa__next{margin-inline-start:0}
}
@media (prefers-reduced-motion:reduce){.svs__rail i,.svs__link span small,.sxa__facts li{transition:none}}

/* option A: "Next" link sits at the foot of the navy panel */
.sx--a .sxa__next{margin:auto 0 0;align-self:flex-start;color:rgba(255,255,255,.72);font-size:13.5px}
.sx--a .sxa__next:hover{color:#fff}
@media (max-width:900px){.sx--a .sxa__next{display:none}}
.sxa__facts span{-webkit-line-clamp:3}
@keyframes sxaFade{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@keyframes sxaZoomA{0%{transform:scale(1.02) translateX(0)}50%{transform:scale(1.12) translateX(-2%)}100%{transform:scale(1.02) translateX(0)}}
@keyframes sxaZoomB{0%,40%{transform:scale(1.14) translateX(2%)}100%{transform:scale(1.03) translateX(0)}}

/* option A: blueprint line-art scenes replace the service photos (outlines draw themselves, then move) */
.sxa__scene{position:relative;flex:1 1 0;min-height:120px;max-height:230px;margin:0;border-radius:18px;overflow:hidden;background:#0c1f47;border:1px solid rgba(95,208,248,.22)}
.sxa__scene svg{display:block;width:100%;height:100%}
.sxa__scene .vb{transform-box:view-box}
.sxa__scene .ln{fill:none;stroke:#5fd0f8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sxa__scene .hi{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sxa__scene .dim{fill:none;stroke:#2f62b5;stroke-width:1;stroke-dasharray:2 3}
.sxa__scene .dw{stroke-dasharray:100;animation:sxbDraw 7s ease-in-out infinite}
.sxa__scene .b-dash{animation:sxbDash .9s linear infinite}
.sxa__scene .b-dash.b-slow{animation-duration:2.6s}
.sxa__scene .b-bob{animation:sxbBob .6s ease-in-out infinite}
.sxa__scene .b-bob.b-slowbob{animation-duration:1.8s}
.sxa__scene .b-bob.b-sbob{animation-duration:3s}
.sxa__scene .b-pulse{animation:sxbPulse 2.2s ease-out infinite}
.sxa__scene .b-haul{animation:sxbHaul 7s ease-in-out infinite}
.sxa__scene .b-wave{animation:sxbWave 3s linear infinite}
.sxa__scene .b-fly{animation:sxbFly 8s linear infinite}
.sxa__scene .b-barrier{animation:sxbBarrier 7s ease-in-out infinite}
.sxa__scene .b-pass{animation:sxbPass 7s ease-in-out infinite}
.sxa__scene .b-trolley{animation:sxbTrolley 8s ease-in-out infinite}
.sxa__scene .b-blink{animation:sxbBlink .8s steps(2) infinite}
@keyframes sxbDraw{0%{stroke-dashoffset:100}35%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes sxbDash{to{stroke-dashoffset:-64}}
@keyframes sxbBob{50%{transform:translateY(-1.2px)}}
@keyframes sxbPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
@keyframes sxbHaul{0%,100%{transform:translateX(-20px)}50%{transform:translateX(20px)}}
@keyframes sxbWave{to{transform:translateX(-40px)}}
@keyframes sxbFly{from{transform:translateX(-90px)}to{transform:translateX(400px)}}
@keyframes sxbBarrier{0%,40%{transform:rotate(0)}50%,78%{transform:rotate(-75deg)}88%,100%{transform:rotate(0)}}
@keyframes sxbPass{0%,44%{transform:translateX(-120px)}86%,100%{transform:translateX(360px)}}
@keyframes sxbTrolley{0%,100%{transform:translateX(0)}50%{transform:translateX(110px)}}
@keyframes sxbBlink{50%{opacity:.15}}
@media (max-width:900px){.sxa__scene{flex:none;height:190px;max-height:none}}
@media (prefers-reduced-motion:reduce){.sxa__scene *{animation:none!important;stroke-dasharray:none!important}.sxa__scene .dim{stroke-dasharray:2 3!important}}

/* option A: tick badges — white circle, blue tick */
.sxa__facts i{background:#fff;border:1.5px solid rgba(21,101,230,.35);box-sizing:border-box}
.sxa__facts i svg{stroke:var(--blue)}

/* one shared "How it works" (replaces the per-card steps) — vertical in the sticky left column, a strip after the cards on small/short screens */
.svs__how-k{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
@media (min-width:901px){
  .svs__side{position:sticky;top:112px;align-self:start}
  .svs__side .svs__nav{position:static}
}

@media (max-width:900px){.svs__side{display:contents}}

@media (min-width:901px){.svs__side .svs__nav{position:relative;top:auto}}

/* ===== How it works — option B: right-side checklist that ticks while scrolling; slim progress bar elsewhere ===== */
.svs__ticks{display:none}
.svs__tlw{position:relative}
.svs__tl{position:relative;display:flex;flex-direction:column;gap:22px;margin:0;padding:0;list-style:none}
.svs__tl-line{position:absolute;inset-inline-start:11px;top:12px;bottom:12px;width:2px;background:#dbe5f5;border-radius:2px}
.svs__tl-line i{position:absolute;inset-inline-start:0;top:0;width:2px;height:0;background:var(--blue);border-radius:2px;transition:height .5s var(--ease)}
.svs__tl li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.35;color:var(--grey-2);transition:color .35s}
.svs__tk{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-sizing:border-box;background:var(--bg);border:2px solid #d3dceb;transition:border-color .35s,background .35s,box-shadow .35s}
.svs__tk svg{width:12px;height:12px;fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s var(--ease)}
.svs__tl li.done{color:var(--ink2)}
.svs__tl li.done .svs__tk{border-color:var(--blue);background:#fff}
.svs__tl li.done .svs__tk svg{opacity:1;transform:none}
.svs__tl li.cur{color:var(--navy);font-weight:600}
.svs__tl li.cur .svs__tk{border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 6px rgba(21,101,230,.14)}

.svs__prog{margin-top:26px;max-width:230px}
.svs__prog p{margin:0}
.svs__prog-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
.svs__prog-row b{font-weight:600}
.svs__prog-n{letter-spacing:.04em;color:var(--blue);font-weight:600}
.svs__prog-t{margin:6px 0 10px!important;font-size:14px;font-weight:600;color:var(--navy);line-height:1.3}
.svs__prog-bars{display:flex;gap:5px}
.svs__prog-bars i{flex:1;height:5px;border-radius:3px;background:#dbe5f5;transition:background .35s}
.svs__prog-bars i.on{background:#9cc0f5}.svs__prog-bars i.done{background:var(--blue)}

@media (min-width:1180px) and (min-height:700px){
  .svs{grid-template-columns:220px minmax(0,1fr) 190px;column-gap:36px;max-width:1240px}
  .svs__ticks{display:block;grid-column:3;grid-row:1;position:sticky;top:120px;align-self:start;padding-top:6px}
  .svs__prog{display:none}
}
@media (max-width:900px){
  .svs__prog{position:sticky;top:124px;z-index:5;max-width:none;margin:0 -6vw;padding:2px 6vw 12px;background:linear-gradient(var(--bg) 82%,rgba(246,249,254,0))}
  .svs__prog-row,.svs__prog-t{display:inline-flex}
  .svs__prog-row{gap:8px}
  .svs__prog-t{margin:0 0 8px 10px!important;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.svs__tl-line i,.svs__tk,.svs__tk svg,.svs__prog-bars i{transition:none}}

/* hero mini row: 24/7 support call link */
.hero__mini a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,176,240,.7)}
.hero__mini a:hover{color:var(--cyan)}