/* Gavin Customs Clearance, v2 */
@font-face{font-family:"Thmanyah";font-weight:400;font-display:swap;src:url(../fonts/thmanyah-sans-400.woff2) format("woff2")}
@font-face{font-family:"Thmanyah";font-weight:500;font-display:swap;src:url(../fonts/thmanyah-sans-500.woff2) format("woff2")}
@font-face{font-family:"Thmanyah";font-weight:700;font-display:swap;src:url(../fonts/thmanyah-sans-700.woff2) format("woff2")}
@font-face{font-family:"Plex";font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Plex";font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212}
@font-face{font-family:"Plex";font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Plex";font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212}
@font-face{font-family:"Plex";font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Plex";font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212}
:root{
  --navy-950:#0A1828;--navy-900:#0F2238;--navy:#1B3557;--navy-600:#2B4E78;
  --ink:#121C28;--muted:#5A6573;--soft:#8A94A1;
  --line:#E2E5E9;--line-d:rgba(255,255,255,.14);
  --paper:#F6F4F0;--white:#fff;
  --or:#E9803F;--or-d:#CF6A2C;--or-soft:#FBEBDF;
  --f:"Thmanyah","Plex",system-ui,sans-serif;
  /* type scale: 7 sizes only */
  --t-xs:13px;--t-sm:14px;--t-base:17px;
  --t-lead:clamp(18px,1.45vw,20px);
  --t-h3:clamp(20px,1.75vw,24px);
  --t-h2:clamp(30px,3.5vw,48px);
  --t-d:clamp(40px,6vw,84px);
  --w:1240px;--gx:clamp(20px,4vw,40px);
  --sec:clamp(76px,9vw,128px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
html[lang=en]{--t-base:16px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:var(--f);font-size:var(--t-base);line-height:1.8;color:var(--ink);background:var(--white);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[lang=en] body{line-height:1.7}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,textarea{font:inherit;color:inherit}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.wrap{max-width:var(--w);margin-inline:auto;padding-inline:var(--gx)}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--or);outline-offset:3px}

/* type */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:var(--t-sm);font-weight:500;color:var(--or-d)}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
html[lang=en] .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:var(--t-xs)}
.d1{font-size:var(--t-d);font-weight:700;line-height:1.08;letter-spacing:-.02em}
html[lang=ar] .d1{line-height:1.22;letter-spacing:0}
.h2{font-size:var(--t-h2);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--navy-900)}
html[lang=ar] .h2{line-height:1.35;letter-spacing:0}
.h3{font-size:var(--t-h3);font-weight:700;line-height:1.4;color:var(--navy-900)}
.lead{font-size:var(--t-lead);line-height:1.75;color:var(--muted)}
.sm{font-size:var(--t-sm);line-height:1.65}
.xs{font-size:var(--t-xs);line-height:1.5}
.sec{padding-block:var(--sec)}
.sec-head{display:grid;grid-template-columns:1.1fr .9fr;gap:24px 64px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.sec-head .eyebrow{margin-bottom:18px}
.sec-head .lead{max-width:34em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:500;line-height:1;border:1px solid transparent;cursor:pointer;transition:background .25s var(--ease),color .25s,border-color .25s,transform .25s var(--ease)}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-1px)}
.btn-or{background:var(--or);color:#fff}
.btn-or:hover{background:var(--or-d)}
.btn-line{border-color:rgba(255,255,255,.4);color:#fff}
.btn-line:hover{background:#fff;color:var(--navy-900);border-color:#fff}
.btn-navy{background:var(--navy-900);color:#fff;width:100%}
.btn-navy:hover{background:var(--navy)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--navy);border-bottom:1px solid currentColor;padding-bottom:2px}
.link-arrow svg{width:16px;height:16px}
html[dir=ltr] .link-arrow svg,html[dir=ltr] .arw{transform:scaleX(-1)}

/* header */
.site-h{position:fixed;inset-inline:0;top:0;z-index:50;color:#fff;transition:background .3s,box-shadow .3s,color .3s}
.site-h .wrap{display:flex;align-items:center;gap:32px;height:88px}
.brand{display:block;flex:none}
.brand img{height:44px;width:auto}
.brand .l-c{display:none}
.nav{display:flex;gap:30px;margin-inline-start:auto;font-size:16px;font-weight:500}
.nav a{opacity:.9;padding-block:8px;position:relative}
.nav a::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s var(--ease)}
.nav a:hover::after{transform:scaleX(1)}
.h-act{display:flex;align-items:center;gap:12px}
.lang{font-size:var(--t-sm);font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35)}
.site-h .btn{min-height:44px;padding:0 20px;font-size:var(--t-sm)}
.site-h.solid{background:rgba(255,255,255,.97);color:var(--navy-900);box-shadow:0 1px 0 var(--line)}
.site-h.solid .l-r{display:none}.site-h.solid .l-c{display:block}
.site-h.solid .lang{border-color:var(--line)}
.burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer}
.burger span{display:block;height:2px;background:currentColor;margin:6px 0;transition:transform .3s,opacity .3s}

/* hero */
.hero{position:relative;min-height:min(100svh,940px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:var(--navy-950);overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:heroz 14s var(--ease) forwards}
@keyframes heroz{to{transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to left,rgba(10,24,40,.94) 0%,rgba(10,24,40,.8) 42%,rgba(10,24,40,.3) 100%)}
html[dir=ltr] .hero::before{background:linear-gradient(to right,rgba(10,24,40,.94) 0%,rgba(10,24,40,.8) 42%,rgba(10,24,40,.3) 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;z-index:1;background:linear-gradient(to top,rgba(10,24,40,.85),transparent)}
.hero .wrap{position:relative;z-index:2;width:100%}
.hero-in{padding-top:150px;max-width:820px}
html[lang=en] .hero-in{max-width:1010px}
.hero .eyebrow{color:#F4A877;margin-bottom:28px}
.hero h1 em{font-style:normal;color:#F4A877}
.hero .lead{color:rgba(255,255,255,.82);max-width:36em;margin-top:28px}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(56px,8vw,96px);border-top:1px solid var(--line-d)}
.facts>div{padding:24px 0 32px;padding-inline-end:24px}
.facts>div+div{padding-inline-start:28px;border-inline-start:1px solid var(--line-d)}
.facts small{display:block;font-size:var(--t-xs);color:rgba(255,255,255,.6);margin-bottom:6px}
.facts b{font-size:var(--t-lead);font-weight:500;line-height:1.4}

/* about */
.about{background:var(--paper)}
.about-g{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,96px);align-items:start}
.about .eyebrow{margin-bottom:22px}
.about .h2{margin-bottom:28px}
.about .lead{color:var(--ink);margin-bottom:24px}
.about p+p{margin-top:16px}
.about-p{color:var(--muted)}
.about-media{position:relative}
.about-media img{border-radius:6px;aspect-ratio:4/5;object-fit:cover;width:100%}
.quote{position:relative;margin:-72px 24px 0;background:var(--navy-900);color:#fff;padding:28px 30px;border-radius:2px}
.quote p{font-size:var(--t-lead);line-height:1.7;font-weight:500}
.quote small{display:block;margin-top:14px;color:#F4A877;font-size:var(--t-sm)}
.vm{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(56px,7vw,88px);border-top:1px solid #D9D4CB}
.vm>div{padding-top:32px;padding-inline-end:40px}
.vm>div+div{padding-inline-start:40px;border-inline-start:1px solid #D9D4CB}
.vm .h3{margin-bottom:10px}
.vm p{color:var(--muted)}

/* services */
.feat{display:grid;grid-template-columns:1fr 1fr;background:var(--navy-900);color:#fff;border-radius:10px;overflow:hidden;margin-bottom:clamp(48px,6vw,72px)}
.feat-img img{width:100%;height:100%;object-fit:cover;min-height:420px}
.feat-b{padding:clamp(32px,4vw,56px)}
.tag{display:inline-block;font-size:var(--t-xs);font-weight:500;color:#F4A877;border:1px solid rgba(244,168,119,.4);padding:5px 12px;border-radius:999px;margin-bottom:22px}
.feat .h3{color:#fff;font-size:clamp(24px,2.4vw,32px);margin-bottom:14px}
.feat p{color:rgba(255,255,255,.75)}
.feat ol{margin-top:28px;counter-reset:s}
.feat li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line-d)}
.feat li::before{content:"0" counter(s);font-size:var(--t-sm);font-weight:500;color:#F4A877;padding-top:2px}
.svc-list{border-bottom:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:72px minmax(0,.9fr) minmax(0,1.4fr);gap:24px 40px;padding:32px 8px;border-top:1px solid var(--line);transition:background .3s}
.svc-row:hover{background:var(--paper)}
.svc-row .n{font-size:var(--t-sm);font-weight:500;color:var(--or-d);padding-top:4px}
.svc-row p{color:var(--muted)}
.svc-row .chips{margin-top:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{font-size:var(--t-xs);padding:6px 12px;border-radius:999px;background:var(--paper);color:var(--navy)}
.when{margin-top:14px;font-size:var(--t-sm);color:var(--navy)}
.when b{font-weight:500;color:var(--or-d);margin-inline-end:6px}

/* ports */
.ports{background:var(--navy-950);color:#fff}
.ports .h2{color:#fff}
.ports .lead{color:rgba(255,255,255,.7)}
.ports .eyebrow{color:#F4A877}
.tiles{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.tile{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:4/5}
.tile:first-child{aspect-ratio:auto}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.tile:hover img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,24,40,.85),transparent 55%)}
.tile b{position:absolute;inset-inline-start:24px;bottom:22px;z-index:1;display:flex;align-items:center;gap:10px;font-size:var(--t-h3);font-weight:700}
.tile b svg{width:24px;height:24px;color:#F4A877}

/* process */
.proc{background:var(--paper)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.step{padding-inline-end:28px;position:relative}
.step .num{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.step .num span{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--white);border:1px solid #D9D4CB;font-size:var(--t-sm);font-weight:700;color:var(--navy)}
.step .num::after{content:"";flex:1;height:1px;background:#D9D4CB}
.step:last-child .num::after{display:none}
.step:first-child .num span{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.step .h3{font-size:clamp(18px,1.4vw,20px);margin-bottom:8px}
.step p{font-size:var(--t-sm);color:var(--muted)}
.step .chips{margin-top:14px}
.step .chips span{background:var(--white)}
.p-foot{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin-top:clamp(48px,6vw,72px)}
.honest{background:var(--white);padding:32px;border-inline-start:3px solid var(--or)}
.honest b{display:block;font-size:var(--t-sm);font-weight:700;color:var(--or-d);margin-bottom:8px}
.honest p{color:var(--ink)}
.track{background:var(--navy-900);color:#fff;padding:32px;border-radius:10px}
.track .h3{color:#fff;margin-bottom:6px}
.track p{color:rgba(255,255,255,.72);font-size:var(--t-sm)}
.tl{display:grid;grid-template-columns:repeat(6,1fr);margin-top:26px;gap:6px}
.tl span{font-size:var(--t-xs);color:rgba(255,255,255,.55);padding-top:14px;border-top:3px solid rgba(255,255,255,.15)}
.tl .on{color:#fff;border-color:#F4A877}
.tl .now{color:#F4A877;border-color:rgba(244,168,119,.5)}

/* why */
.why-g{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:start}
.why-img{position:sticky;top:120px}
.why-img img{border-radius:6px;aspect-ratio:4/5;object-fit:cover;width:100%}
.why-g .eyebrow{margin-bottom:22px}
.why-g .h2{margin-bottom:40px}
.w-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.w-item{padding:28px 0 30px;padding-inline-end:28px;border-bottom:1px solid var(--line)}
.w-item:nth-child(even){padding-inline-start:28px;border-inline-start:1px solid var(--line)}
.w-item .h3{font-size:clamp(18px,1.5vw,21px);margin-bottom:8px}
.w-item p{color:var(--muted);font-size:var(--t-sm)}
.clarity{margin-top:32px;background:var(--or-soft);padding:30px 32px;border-radius:2px}
.clarity .h3{margin-bottom:8px}
.clarity p{color:var(--ink)}
.serve{margin-top:32px}
.serve .xs{color:var(--soft);margin-bottom:12px;display:block}

/* credentials */
.creds{background:var(--navy-950);color:#fff;position:relative;overflow:hidden}
.creds .h2{color:#fff}
.creds .eyebrow{color:#F4A877}
.creds .lead{color:rgba(255,255,255,.72)}
.c-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:16px}
.doc{background:var(--navy-900);border:1px solid var(--line-d);border-radius:8px;padding:clamp(26px,3vw,40px);position:relative}
.doc.big{grid-row:span 2;background:#fff;color:var(--ink);border:0;display:flex;flex-direction:column}
.doc .iss{display:flex;align-items:center;gap:10px;font-size:var(--t-sm);color:rgba(255,255,255,.65)}
.doc.big .iss{color:var(--muted)}
.doc .iss svg{width:20px;height:20px;color:#F4A877}
.doc.big .iss svg{color:var(--or-d)}
.doc .h3{color:#fff;margin:14px 0 18px}
.doc.big .h3{color:var(--navy-900);font-size:clamp(24px,2.3vw,30px)}
.doc .no{font-size:var(--t-h3);font-weight:700;letter-spacing:.04em;direction:ltr;unicode-bidi:isolate;display:inline-block}
.doc.big .no{font-size:clamp(34px,4.4vw,56px);color:var(--navy-900);letter-spacing:.02em;line-height:1.1}
.doc .no-l{display:block;font-size:var(--t-xs);color:rgba(255,255,255,.55);margin-bottom:4px}
.doc.big .no-l{color:var(--soft)}
.doc dl{margin:24px 0 0;display:grid;gap:0}
.doc dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line-d);font-size:var(--t-sm)}
.doc.big dl{margin-top:auto;padding-top:32px}
.doc.big dl div{border-color:var(--line)}
.doc dt{color:rgba(255,255,255,.6)}
.doc.big dt{color:var(--muted)}
.doc dd{margin:0;font-weight:500;text-align:end}
.doc .st{display:inline-flex;align-items:center;gap:8px;color:#1E8A55}
.doc .st::before{content:"";width:8px;height:8px;border-radius:50%;background:#22A565}
.doc .addr{font-size:var(--t-lead);line-height:1.6;font-weight:500}
.doc .map{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:var(--t-sm);color:#F4A877;border-bottom:1px solid rgba(244,168,119,.5);padding-bottom:2px}
.doc .map svg{width:16px;height:16px}
.c-note{margin-top:24px;font-size:var(--t-sm);color:rgba(255,255,255,.55);max-width:60em}

/* ceo */
.ceo-g{display:grid;grid-template-columns:4fr 7fr;gap:clamp(40px,6vw,96px);align-items:center}
.ceo-img{position:relative}
.ceo-img img{border-radius:6px;aspect-ratio:3/4;object-fit:cover;width:100%}
.ceo .eyebrow{margin-bottom:24px}
.ceo .greet{color:var(--muted);margin-bottom:14px}
.ceo .big{font-size:clamp(22px,2.2vw,30px);font-weight:500;line-height:1.6;color:var(--navy-900);margin-bottom:24px}
html[lang=en] .ceo .big{line-height:1.45}
.ceo p.body{color:var(--muted)}
.ceo p.body+p.body{margin-top:14px}
.sig{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.sig b{font-weight:700;color:var(--navy-900)}
.sig span{font-size:var(--t-sm);color:var(--muted)}

/* cta */
.cta{background:var(--or);color:#fff}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:clamp(48px,6vw,72px)}
.cta .h2{color:#fff;font-size:clamp(26px,2.8vw,38px);max-width:22em}
.cta p{color:rgba(255,255,255,.88);margin-top:10px}
.cta .btn{background:var(--navy-950);color:#fff;flex:none}
.cta .btn:hover{background:var(--navy)}

/* contact */
.contact-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:start}
.contact .eyebrow{margin-bottom:22px}
.contact .h2{margin-bottom:20px}
.c-rows{margin-top:36px;border-top:1px solid var(--line)}
.c-row{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.c-row .ic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--navy)}
.c-row .ic svg{width:20px;height:20px}
.c-row small{display:block;font-size:var(--t-xs);color:var(--soft)}
.c-row b{font-weight:500;color:var(--navy-900)}
a.c-row:hover b{color:var(--or-d)}
.form{background:var(--paper);padding:clamp(28px,3.5vw,44px);border-radius:10px}
.form .h3{margin-bottom:6px}
.form>p{color:var(--muted);font-size:var(--t-sm);margin-bottom:26px}
.f-g{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.f-g .full{grid-column:1/-1}
.f-g label,.f-g .lbl{display:block;font-size:var(--t-sm);font-weight:500;margin-bottom:8px;color:var(--navy-900)}
.f-g input,.f-g textarea{width:100%;border:1px solid #D9D4CB;background:#fff;border-radius:8px;padding:13px 14px;font-size:16px;transition:border-color .2s}
.f-g input:focus,.f-g textarea:focus{outline:none;border-color:var(--navy)}
.f-g textarea{min-height:100px;resize:vertical}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg label{margin:0;cursor:pointer;position:relative}
.seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.seg span{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid #D9D4CB;background:#fff;font-size:var(--t-sm);font-weight:500;transition:all .2s}
.seg input:checked+span{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.seg input:focus-visible+span{outline:2px solid var(--or);outline-offset:2px}
.form .btn{margin-top:24px}
.fine{margin-top:12px;font-size:var(--t-xs);color:var(--soft)}

/* footer */
.site-f{background:var(--navy-950);color:rgba(255,255,255,.72);padding-top:72px}
.f-top{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:48px;padding-bottom:48px}
.f-top img{height:46px;width:auto;margin-bottom:20px}
.f-top p{font-size:var(--t-sm);max-width:26em}
.f-top h4{font-size:var(--t-sm);font-weight:700;color:#fff;margin-bottom:16px}
.f-top li{font-size:var(--t-sm);padding:5px 0}
.f-top a:hover{color:#fff}
.f-legal{display:flex;flex-wrap:wrap;gap:8px 28px;padding:20px 0;border-top:1px solid var(--line-d);font-size:var(--t-xs)}
.f-legal b{font-weight:500;color:#fff}
.f-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid var(--line-d);font-size:var(--t-xs)}
.f-bot a{color:#F4A877}

.wa-float{position:fixed;inset-inline-end:22px;bottom:22px;z-index:40;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .25s var(--ease)}
.wa-float:hover{transform:scale(1.06)}
.wa-float svg{width:28px;height:28px}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.dl1{transition-delay:.08s}.rv.dl2{transition-delay:.16s}.rv.dl3{transition-delay:.24s}.rv.dl4{transition-delay:.32s}
html.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hero-bg img{animation:none;transform:none}html{scroll-behavior:auto}}

/* responsive */
@media (max-width:1080px){
  .nav{gap:22px}
  .steps{grid-template-columns:1fr 1fr 1fr;row-gap:40px}
  .step:nth-child(3) .num::after{display:none}
}
@media (max-width:980px){
  .burger{display:block}
  .site-h .btn{display:none}
  .nav{position:fixed;inset:88px 0 auto 0;flex-direction:column;gap:0;background:#fff;color:var(--navy-900);padding:8px var(--gx) 24px;box-shadow:0 20px 40px rgba(10,24,40,.12);transform:translateY(-8px);opacity:0;visibility:hidden;transition:all .3s var(--ease)}
  .nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:var(--t-base)}
  .nav a::after{display:none}
  .menu-open .nav{transform:none;opacity:1;visibility:visible}
  .menu-open .site-h{background:#fff;color:var(--navy-900)}
  .menu-open .site-h .l-r{display:none}.menu-open .site-h .l-c{display:block}
  .menu-open .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-open .burger span:nth-child(2){opacity:0}
  .menu-open .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .h-act{margin-inline-start:auto}
  .sec-head,.about-g,.why-g,.ceo-g,.contact-g,.feat,.p-foot{grid-template-columns:1fr}
  .about-media{max-width:520px}
  .why-img{position:static;max-width:520px}
  .why-img img{aspect-ratio:16/10}
  .ceo-img{max-width:380px}
  .feat-img img{min-height:280px;max-height:360px}
  .tiles{grid-template-columns:1fr 1fr}
  .tile:first-child{grid-column:1/-1;aspect-ratio:16/9}
  .c-grid{grid-template-columns:1fr}
  .doc.big{grid-row:auto}
  .f-top{grid-template-columns:1fr 1fr}
  .f-top>div:first-child{grid-column:1/-1}
}
@media (max-width:720px){
  .site-h .wrap{height:76px}
  .nav{inset-block-start:76px}
  .brand img{height:38px}
  .hero-in{padding-top:120px}
  .facts{grid-template-columns:1fr 1fr}
  .facts>div{padding:18px 0 20px;padding-inline-end:12px}
  .facts>div+div{padding-inline-start:0;border-inline-start:0}
  .facts>div:nth-child(even){padding-inline-start:16px;border-inline-start:1px solid var(--line-d)}
  .facts>div:nth-child(n+3){border-top:1px solid var(--line-d)}
  .facts b{font-size:16px}
  .ctas .btn{width:100%}
  .vm{grid-template-columns:1fr}
  .vm>div+div{padding-inline-start:0;border-inline-start:0;border-top:1px solid #D9D4CB;margin-top:28px}
  .quote{margin:-48px 12px 0;padding:22px}
  .svc-row{grid-template-columns:44px 1fr;gap:6px 16px;padding:26px 0}
  .svc-row>div:last-child{grid-column:2}
  .steps{grid-template-columns:1fr;row-gap:0}
  .step{display:grid;grid-template-columns:44px 1fr;gap:0 18px;padding:0 0 28px}
  .step .num{grid-row:span 3;flex-direction:column;margin:0;height:100%}
  .step .num::after{width:1px;height:auto;flex:1;display:block!important;margin-top:8px}
  .step:last-child .num::after{display:none!important}
  .tl{grid-template-columns:repeat(3,1fr);row-gap:14px}
  .tiles{grid-template-columns:1fr}
  .tile,.tile:first-child{aspect-ratio:16/10}
  .w-grid{grid-template-columns:1fr}
  .w-item:nth-child(even){padding-inline-start:0;border-inline-start:0}
  .w-item{padding-inline-end:0}
  .cta-in{flex-direction:column;align-items:flex-start}
  .cta .btn{width:100%}
  .f-g{grid-template-columns:1fr}
  .doc dl div{flex-direction:column;gap:2px}
  .doc dd{text-align:start}
  .f-top{grid-template-columns:1fr}
  .wa-float{width:52px;height:52px;inset-inline-end:16px;bottom:16px}
}