@font-face{font-family:Barlow;src:url(barlow-display.woff2) format("woff2");font-display:swap;font-weight:700}
@font-face{font-family:Cairo;src:url(cairo-arabic.woff2) format("woff2");font-display:swap;font-weight:200 1000;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Cairo;src:url(cairo-latin.woff2) format("woff2");font-display:swap;font-weight:200 1000;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}

:root{
  color-scheme:light;
  --paper:#f5f3ee;--paper-deep:#ebe8df;--white:#fffdf7;--ink:#101f32;
  --ink-deep:#091626;--ink-mid:#17283c;--muted:#506075;
  --gold:#e5bf71;--gold-deep:#7d571a;--light:#f9f7f1;--light-muted:#c2cbd4;
  --line:#d1cec5;--dark-line:#526071;
  --frame:min(100% - clamp(2.5rem,9vw,9rem), 83rem);
  --gutter:max(calc((100% - 83rem)/2), clamp(1.25rem,4.5vw,4.5rem));
  --ease:cubic-bezier(.215,.61,.355,1);--hover:200ms;--nav:400ms;--reveal:800ms;--intro:1200ms;
  --display:Barlow,"Arial Narrow",Arial,sans-serif;
  --body:Arial,Helvetica,sans-serif;
  --media-gradient:to right;--inline-sign:1;
}
html[dir=rtl]{--display:Cairo,Tahoma,sans-serif;--body:Cairo,Tahoma,sans-serif;--media-gradient:to left;--inline-sign:-1}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:8rem}
body{margin:0;color:var(--ink);background:var(--paper);font:400 1rem/1.65 var(--body)}
img{max-width:100%;display:block}
h1,h2,h3,p,ol,dl,dd,figure{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1}
h2{font-size:clamp(2.6rem,5.25vw,5.1rem);letter-spacing:-.035em;text-wrap:balance}
h3{font-size:clamp(1.5rem,2.55vw,2.4rem);letter-spacing:-.025em}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:normal;line-height:1.22}
[dir=rtl] h2{font-size:clamp(2.1rem,4.1vw,3.9rem)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,summary{cursor:pointer}
:focus-visible{outline:2px solid var(--gold-deep);outline-offset:4px}
.dark :focus-visible,.utility :focus-visible{outline-color:var(--gold)}
[hidden]{display:none!important}
.ico{width:1.2em;height:1.2em;display:inline-block;vertical-align:middle;flex:none}
[dir=rtl] .ico-arrow{scale:-1 1}
.frame{width:var(--frame);margin-inline:auto}
.dark{color:var(--light);background:var(--ink)}
.skip{position:fixed;top:.75rem;inset-inline-start:.75rem;z-index:20;padding:.65rem 1rem;background:var(--gold);color:var(--ink);translate:0 -180%}
.skip:focus{translate:0}
.route-node{display:inline-block;width:.62rem;height:.62rem;flex:none;border:1px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 2px var(--node-ground,var(--paper));background:currentColor;color:var(--gold-deep)}
.dark .route-node,.image-caption .route-node{--node-ground:var(--ink);color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:3rem;padding:.68rem 1.02rem;border:1px solid transparent;font-size:.91rem;font-weight:700;line-height:1.3;transition:background var(--hover) var(--ease),color var(--hover) var(--ease),border-color var(--hover) var(--ease)}
.button .ico{transition:translate var(--hover) var(--ease)}
.button:hover .ico-arrow{translate:calc(3px * var(--inline-sign)) 0}
.button-primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.button-primary:hover{background:#f2d18d;border-color:#f2d18d}
.button-outline{border-color:#8895a3;color:var(--light);background:#0c192b25}
.button-outline:hover{background:var(--light);color:var(--ink);border-color:var(--light)}
.button-nav{background:var(--ink);color:var(--light);border-color:var(--ink);min-height:2.75rem}
.button-nav:hover{background:var(--ink-mid);border-color:var(--ink-mid)}
.button-text{padding-inline:0;justify-content:flex-start;color:var(--ink);width:max-content;max-width:100%;font-size:.88rem}
.button-text .ico{color:var(--gold-deep)}
.button-text:hover{color:var(--gold-deep)}
button:disabled{opacity:.55;cursor:default}

.header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line)}
.utility{background:var(--ink);color:var(--light-muted);font-size:.72rem}
.utility-inner,.utility-inner>div,.utility-inner>span{display:flex;align-items:center;gap:.45rem}
.utility-inner{justify-content:space-between;min-height:2.1rem}
.utility-inner>div{gap:1.35rem}
.utility-inner a{padding-block:.28rem}
.utility-inner a:hover{color:var(--light)}
.utility-inner .ico{color:var(--gold)}
.header-inner{height:5rem;display:flex;align-items:center;justify-content:space-between;gap:clamp(.8rem,3vw,3rem)}
.brand{display:flex;align-items:center;gap:.65rem;flex:none;line-height:1.13}
.brand img{width:3.45rem;height:auto;mix-blend-mode:multiply}
.brand strong,.brand small{display:block}
.brand strong{font:700 1.09rem/1.16 var(--display)}
.brand small{margin-block-start:.21rem;font-size:.64rem;color:var(--muted)}
.desktop-nav,.header-actions{display:flex;align-items:center}
.desktop-nav{gap:clamp(1rem,2.55vw,2.8rem);font-size:.86rem;font-weight:700}
.desktop-nav a,.language{display:inline-flex;min-height:2.75rem;align-items:center;white-space:nowrap}
.desktop-nav a:hover,.language:hover,.desktop-nav a[aria-current]{color:var(--gold-deep)}
.header-actions{gap:clamp(.5rem,1.55vw,1.5rem);flex:none}
.language{gap:.4rem;font-size:.84rem;font-weight:700}
.language[lang=ar]{font-family:Cairo,Tahoma,sans-serif}
.language[lang=en]{font-family:Arial,sans-serif}
.mobile-nav{display:none}
.mobile-nav summary{list-style:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--line)}
summary::-webkit-details-marker{display:none}
.mobile-nav summary .ico{width:1.35rem;height:1.35rem}
.mobile-nav summary .ico-close,.mobile-nav[open] summary .ico-menu{display:none}
.mobile-nav[open] summary .ico-close{display:block}
.mobile-nav nav{position:absolute;inset-inline:0;top:100%;display:grid;background:var(--paper);padding:.65rem var(--gutter) 1.35rem;border-bottom:1px solid var(--line);max-height:calc(100dvh - 7rem);overflow:auto}
.mobile-nav nav>a:not(.button){min-height:3rem;padding-block:.7rem;border-bottom:1px solid var(--line)}
.mobile-nav nav .button{justify-self:start;margin-block-start:.8rem}

.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink-deep)}
.hero-inner{position:relative;min-height:clamp(35rem,47vw,43rem);display:grid;align-content:center;grid-template-columns:minmax(0,1fr);padding-block:4.5rem 6rem;pointer-events:none}
.hero-copy,.hero-scroll{pointer-events:auto}
.hero-copy{max-width:46rem}
.hero-media{position:absolute;z-index:-1;inset-block:0;inset-inline:36% 0;overflow:hidden;background:var(--ink-mid)}
.hero-media picture,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--media-gradient),var(--ink-deep) 0%,rgba(9,22,38,.84) 12%,rgba(9,22,38,.34) 42%,transparent 68%),linear-gradient(0deg,rgba(9,22,38,.62),transparent 35%)}
.hero-route{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.73}
.hero-route path,.hero-route circle{stroke:var(--gold);vector-effect:non-scaling-stroke;fill:none;stroke-width:1}
.hero-route .route-trace{stroke-dasharray:1;stroke-dashoffset:0;opacity:.78}
.hero-route .route-guide{opacity:.32}
.hero-route circle{fill:var(--ink);stroke-width:1.2}
[dir=rtl] .hero-route{scale:-1 1}
.image-caption{position:absolute;z-index:2;inset-inline-end:var(--gutter);bottom:2.35rem;display:flex;align-items:center;gap:2rem;color:#fffdf7;font-size:.71rem;font-weight:700;letter-spacing:.045em;border-block-start:1px solid #c2cbd47d;padding-block-start:.55rem}
.image-caption span{display:inline-flex;align-items:center;gap:.5rem}
.image-caption .route-node{width:.49rem;height:.49rem}
.hero-eyebrow,.chapter{display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}
.hero-eyebrow{color:var(--gold);margin-block-end:1.25rem}
[dir=rtl] .hero-eyebrow,[dir=rtl] .chapter,[dir=rtl] .image-caption{letter-spacing:normal}
.hero h1{font-size:clamp(3.65rem,6.25vw,6rem);letter-spacing:-.04em;line-height:.96;text-wrap:balance}
.hero h1 span{display:block}
.hero h1 span+span{margin-block-start:.1em}
[dir=rtl] .hero h1{font-size:clamp(3.1rem,5.35vw,5rem);letter-spacing:normal;line-height:1.17}
.hero-lead{margin-block-start:1.4rem;color:var(--light-muted);max-width:31rem;font-size:clamp(.99rem,1.35vw,1.14rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block-start:1.65rem}
.hero-actions .button{min-height:3.2rem;padding-inline:1.25rem}
.hero-scroll{position:absolute;bottom:1.8rem;inset-inline-start:0;min-height:2.75rem;display:inline-flex;align-items:center;gap:.55rem;color:var(--light-muted);font-size:.75rem}
.hero-scroll .ico{color:var(--gold)}
.hero-scroll:hover{color:var(--light)}

.quick-band{border-bottom:1px solid var(--line);background:var(--paper-deep)}
.quick-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-inner a{min-height:4.65rem;display:flex;align-items:center;gap:.65rem;justify-content:center;padding:.65rem .75rem;text-align:center;font-size:.84rem;font-weight:700;border-inline-start:1px solid var(--line);transition:background var(--hover) var(--ease)}
.quick-inner a:last-child{border-inline-end:1px solid var(--line)}
.quick-inner a:hover{background:var(--white)}
.quick-inner .ico{color:var(--gold-deep);width:1.36rem;height:1.36rem}

.section{padding-block:clamp(3.8rem,8vw,7.75rem)}
.chapter{margin-block-end:1.1rem;color:var(--muted)}
.chapter bdi{color:var(--gold-deep)}
.dark .chapter{color:var(--light-muted)}
.dark .chapter bdi{color:var(--gold)}
.section-heading{margin-block-end:clamp(1.8rem,4vw,3.7rem)}
.section-heading h2{max-width:17ch;text-wrap:balance}
[dir=rtl] .section-heading h2{max-width:22ch}
.service-list{list-style:none;padding:0;border-block-start:1px solid var(--line)}
.service-list li{display:grid;grid-template-columns:3.4rem minmax(12.8rem,1fr) minmax(14rem,1.06fr) auto;align-items:center;gap:clamp(.75rem,2.6vw,2.6rem);padding-block:1.45rem;border-block-end:1px solid var(--line);transition:background var(--hover) var(--ease);scroll-margin-top:1rem}
.service-list li:hover,.service-list li:focus-within,.service-list li:target{background:var(--white)}
.service-index{font-size:.77rem;color:var(--gold-deep);padding-inline-start:.65rem;font-weight:700}
.service-name{display:flex;align-items:center;gap:.8rem}
.service-name .ico{width:1.55rem;height:1.55rem;color:var(--gold-deep)}
.service-name h3{font-size:clamp(1.36rem,2.35vw,2.05rem)}
.service-name h3 bdi{font:700 .69rem/1 var(--body);white-space:nowrap;color:var(--muted)}
.service-list p{color:var(--muted);font-size:.95rem}
.service-list .button{margin-inline-end:.65rem}

.tools{position:relative}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--dark-line)}
.tool{position:relative;min-width:0;padding:clamp(1.35rem,3.4vw,3.2rem);background:var(--ink-mid)}
.tool+.tool{border-inline-start:1px solid var(--dark-line)}
.tool-number{display:flex;align-items:center;gap:.6rem;color:var(--gold);font-size:.75rem;margin-block-end:.85rem}
.tool-intro{color:var(--light-muted);font-size:.94rem;margin-block:.8rem 1.45rem;min-height:3.1em}
label{display:block;font-weight:700;font-size:.84rem;margin-block-end:.42rem}
input,textarea,select{width:100%;min-width:0;min-height:3rem;padding:.6rem .8rem;border-radius:0;border:1px solid #a8aeb4;background:var(--white);color:var(--ink)}
input::placeholder,textarea::placeholder{color:#647183}
input[dir=ltr]{text-align:start}
textarea{resize:vertical}
.tool input,.tool select{color:var(--light);background:var(--ink);border-color:#738193;color-scheme:dark}
.tool input::placeholder{color:#a4b0bd}
.inline-form,.estimate-fields,.contact-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:end}
#tracker-status:not(:empty){color:var(--light-muted);font-size:.85rem;margin-block-start:.7rem}
#tracker-link{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;color:var(--gold);font-size:.88rem;text-decoration:underline;text-underline-offset:.2em}
#tracking-demo{margin-block-start:1rem;border-block-start:1px solid var(--dark-line);font-size:.84rem}
#tracking-demo summary{min-height:2.85rem;display:flex;align-items:center;gap:.55rem;list-style:none}
#tracking-demo summary bdi{color:var(--gold)}
#tracking-demo summary .ico{margin-inline-start:auto;color:var(--gold)}
#tracking-demo[open] summary .ico{rotate:180deg}
.demo-note{color:var(--light-muted);font-size:.78rem;margin-block-end:.65rem}
.shipment-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-block-end:1rem}
.shipment-data div{padding:.45rem .55rem;background:var(--ink)}
.shipment-data dt{font-size:.72rem;color:var(--light-muted)}
.shipment-data dd{font-weight:700}
.shipment-path{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;font-size:.69rem;line-height:1.4}
.shipment-path li{border-block-start:1px solid var(--dark-line);padding-block-start:.63rem;position:relative}
.shipment-path li .route-node{position:absolute;inset-inline-start:0;top:-.34rem}
.shipment-path [aria-current]{color:var(--gold)}
.shipment-path [aria-current] .route-node{box-shadow:0 0 0 3px #e5bf7150}
.estimate-fields{grid-template-columns:minmax(0,1.4fr) minmax(5rem,1fr)}
.estimate-result{margin-block-start:1rem;border-block-start:1px solid var(--dark-line);padding-block-start:.8rem;display:flex;justify-content:space-between;align-items:end;gap:.6rem}
.estimate-result span:not(.button span){display:block;font-size:.78rem;color:var(--light-muted)}
#cost{display:block;color:var(--gold);font:700 clamp(1.45rem,3vw,2.75rem)/1.1 Barlow,Arial,sans-serif;overflow-wrap:anywhere}
.noscript{margin-block-start:1rem;color:var(--light-muted)}
.noscript a{text-decoration:underline}

.about{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2.5rem,7.1vw,7rem);align-items:center}
.about-content>p:not(.chapter),.contact-info>p:not(.chapter){margin-block-start:1.35rem;max-width:41ch;color:var(--muted)}
.about-content>.button{margin-block-start:.65rem}
.about-media img{width:100%;aspect-ratio:1.45;object-fit:cover;background:var(--paper-deep)}
.about-media figcaption{display:flex;align-items:center;gap:.6rem;min-height:2.7rem;border-block-end:1px solid var(--line);color:var(--muted);font-size:.75rem}
.about-media figcaption bdi{margin-inline-start:auto;font-weight:700;color:var(--gold-deep)}

.contact{background:var(--paper-deep);border-block-start:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(2rem,7.5vw,7rem);align-items:start}
.contact-info dl{display:grid;gap:.6rem;margin-block-start:1.45rem}
.contact-info dl div{display:grid;grid-template-columns:minmax(6.5rem,8rem) minmax(0,1fr);gap:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--line)}
.contact-info dt{font-weight:700;font-size:.82rem}
.contact-info dd{font-size:.9rem;overflow-wrap:anywhere}
.contact-info dd a:hover{text-decoration:underline}
.contact-info>.button{margin-block-start:.5rem}
.contact-form{padding:clamp(1.1rem,3vw,2.65rem);background:var(--white);border:1px solid var(--line)}
.contact-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:1rem;gap:.85rem}
.contact-form textarea{display:block}
.contact-form .button{margin-block-start:.8rem}
.contact-form p{color:var(--muted);font-size:.81rem;margin-block-start:.65rem}
.footer{padding-block:2rem 1.2rem}
.footer-main,.footer-base{display:flex;align-items:end;justify-content:space-between;gap:1.25rem}
.footer-main{padding-block-end:1.35rem}
.footer-mark{font:700 clamp(3.4rem,10vw,8.5rem)/.83 Barlow,Arial,sans-serif;letter-spacing:-.06em;display:flex;align-items:center;gap:.7rem;margin-block-end:.72rem}
.footer-mark .route-node{width:1.1rem;height:1.1rem}
.footer-main p:not(.footer-mark),.footer-base p{color:var(--light-muted);font-size:.78rem}
.footer-links{display:flex;flex-wrap:wrap;gap:.9rem}
.footer-links a,.footer-base a{min-height:2.75rem;display:inline-flex;align-items:center;gap:.36rem;font-size:.82rem}
.footer a:hover{color:var(--gold)}
.footer-base{border-block-start:1px solid var(--dark-line);padding-block-start:.6rem;align-items:center}
.whatsapp-float{position:fixed;z-index:8;bottom:1rem;inset-inline-end:1rem;display:grid;place-items:center;width:3rem;height:3rem;background:#25d366;color:#fff;border:0;border-radius:50%;transition:background var(--hover) var(--ease);box-shadow:0 5px 22px #0003}
.whatsapp-float:hover{background:#1ebe5d}
.whatsapp-float .ico{width:1.5rem;height:1.5rem}
.error-page main{min-height:100svh;display:grid;align-content:center}
.error-page h1{font-size:clamp(2.75rem,7vw,7rem)}
.error-page h1 span{display:block;font-family:Barlow,Arial,sans-serif}

@media(max-width:1030px){
  .desktop-nav{display:none}
  .mobile-nav{display:block}
  .mobile-nav summary{display:flex}
}
@media(max-width:850px){
  .service-list li{grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.65rem 1rem}
  .service-list p{grid-column:2;grid-row:2}
  .service-list .button{grid-column:3;grid-row:1 / span 2}
  .about,.contact-grid{gap:2rem}
  .tools-grid{grid-template-columns:1fr}
  .tool+.tool{border-inline-start:0;border-block-start:1px solid var(--dark-line)}
  .tool-intro{min-height:0}
}
@media(max-width:650px){
  :root{--frame:calc(100% - 2.5rem);--gutter:1.25rem}
  html{scroll-padding-top:6rem}
  .utility-inner{min-height:1.8rem;font-size:.7rem}
  .utility-inner a[href^="mailto:"]{display:none}
  .header-inner{height:4.15rem;gap:.35rem}
  .header-actions{gap:.45rem}
  .header-actions>.button{display:none}
  .brand img{width:2.65rem}
  .brand{gap:.45rem}
  .brand strong{font-size:.98rem}
  .brand small{font-size:.58rem}
  .language{font-size:.75rem;gap:.25rem}
  .language .ico{width:1.04rem;height:1.04rem}
  .hero{display:flex;flex-direction:column}
  .hero-inner{display:block;min-height:0;padding-block:2.7rem 1.35rem;order:0}
  .hero-eyebrow{margin-block-end:.95rem;font-size:.7rem}
  .hero h1{font-size:clamp(2.4rem,10.9vw,4.3rem)}
  [dir=rtl] .hero h1{font-size:clamp(2rem,8.5vw,3.6rem)}
  .hero-lead{font-size:.94rem;margin-block-start:.95rem}
  .hero-actions{margin-block-start:1.25rem;gap:.5rem}
  .hero-actions .button{min-height:2.85rem;padding-inline:.72rem;font-size:.8rem}
  .hero-scroll{display:none}
  .hero-media{position:relative;inset:auto;order:1;aspect-ratio:1.88;z-index:auto}
  .hero-media::after{background:linear-gradient(180deg,var(--ink-deep),transparent 32%),linear-gradient(0deg,#091626a8,transparent 38%)}
  .image-caption{bottom:.7rem;inset-inline-end:1.25rem;gap:.95rem;font-size:.64rem}
  .quick-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-inner a{min-height:3.15rem;font-size:.74rem;gap:.45rem;justify-content:flex-start;padding-inline:.65rem}
  .quick-inner a:nth-child(even){border-inline-end:1px solid var(--line)}
  .quick-inner a:nth-child(n+3){border-block-start:1px solid var(--line)}
  .quick-inner .ico{width:1.13rem;height:1.13rem}
  .service-list li{grid-template-columns:1.8rem minmax(0,1fr);padding-block:1rem;gap:.35rem .55rem}
  .service-list p,.service-list .button{grid-column:2;grid-row:auto}
  .service-list .button{min-height:2.35rem}
  .service-index{padding-inline-start:.2rem}
  .service-name{gap:.53rem}
  .service-name .ico{width:1.3rem;height:1.3rem}
  .about,.contact-grid{grid-template-columns:1fr}
  .about-media{margin-block-start:.15rem}
  .footer-main{display:grid}
  .footer-links{gap:.85rem}
  .footer-base{align-items:start;padding-inline-end:2.45rem}
  .whatsapp-float{bottom:.7rem;inset-inline-end:.7rem;width:2.75rem;height:2.75rem}
}
@media(max-width:365px){
  :root{--frame:calc(100% - 1.7rem);--gutter:.85rem}
  .brand small{font-size:.52rem}
  .language .ico{display:none}
  .contact-fields{grid-template-columns:1fr}
  .estimate-result{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Social utility, branded WhatsApp, and introductory splash */
.utility-inner .social-follow{display:inline-flex;align-items:center;gap:.65rem;color:#fff;white-space:nowrap}
.social-follow .ico{width:1.05rem;height:1.05rem}
.whatsapp-float{width:3.65rem;height:3.65rem;background:#25d366;color:white;border:0;box-shadow:0 5px 22px #0003}
.whatsapp-float:hover{background:#1ebe5d;transform:translateY(-2px)}
.whatsapp-float svg{width:2rem;height:2rem;fill:#fff}
.whatsapp-float:visited{color:#fff}
.splash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#fff;pointer-events:none;animation:splash-exit .45s ease 2.1s forwards}
.splash-content{text-align:center;color:#101f32;padding:2rem;width:min(90vw,460px)}
.splash img{display:block;width:clamp(210px,32vw,320px);height:auto;margin:0 auto 1.5rem}
.splash p{font-size:clamp(1.25rem,3vw,1.8rem);margin:0 0 1.5rem}
.splash small{display:block;color:#596575;font-size:.8rem;margin-top:1rem}
.splash-line{display:block;overflow:hidden;width:160px;height:3px;background:#e5e9ee;margin:auto;border-radius:3px}
.splash-line span{display:block;width:45%;height:100%;background:#d8b573;animation:splash-loading 1s ease-in-out infinite}
.splash.is-loaded{opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
@keyframes splash-loading{from{transform:translateX(-110%)}to{transform:translateX(340%)}}
@keyframes splash-exit{to{opacity:0;visibility:hidden}}
@media(max-width:650px){.utility-inner{flex-wrap:wrap;gap:.2rem .6rem;padding-block:.3rem}.utility-inner>span{font-size:.65rem}.utility-inner>.utility-contact{gap:.5rem}.social-follow{font-size:.7rem}.whatsapp-float{width:3.3rem;height:3.3rem}}
@media(prefers-reduced-motion:reduce){.splash{animation:none;display:none}.splash-line span{animation:none}}