/* RUBBA PRIME v2 - premium B2B site. No inline styles are used anywhere (CSP: style-src 'self'). */
:root{
  --n950:#050f1f;--n900:#07182f;--n800:#0c2547;--n700:#133a6a;--n600:#1d5090;
  --g600:#8a6a1f;--g500:#c9a24a;--g400:#dcbb6a;--g300:#ecd7a1;
  --i50:#f6f9fd;--i100:#eaf1fa;--i200:#d6e3f3;--i300:#b9cde6;
  --ink:#0b1a2e;--mut:#4d5f78;--line:#dbe5f1;--ok:#117a4a;--err:#b3261e;
  --r:18px;--r-sm:12px;--sh:0 24px 60px -28px rgba(5,15,31,.5);--sh-sm:0 10px 30px -18px rgba(5,15,31,.45);
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Noto Sans Arabic",Tahoma,sans-serif;
  --hh:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.15;font-weight:600;letter-spacing:-.01em;font-family:var(--serif)}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4{font-family:var(--sans);letter-spacing:0;line-height:1.35}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--g400);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:var(--g500);color:var(--n950);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:10px}
.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:20px}
@media(min-width:768px){.wrap{padding-inline:32px}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:12px 24px;border-radius:999px;font:inherit;font-weight:700;font-size:.97rem;letter-spacing:.01em;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn--gold{background:linear-gradient(180deg,var(--g400),var(--g500));color:var(--n950);box-shadow:0 10px 26px -12px rgba(201,162,74,.9)}
.btn--gold:hover{box-shadow:0 14px 30px -12px rgba(201,162,74,1)}
.btn--ghost{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.04)}
.btn--ghost:hover{background:rgba(255,255,255,.12)}
.btn--navy{background:var(--n900);color:#fff}
.btn--navy:hover{background:var(--n700)}
.btn--wa{background:#1fa855;color:#fff;box-shadow:0 10px 26px -14px rgba(31,168,85,.9)}
.btn--wa:hover{background:#188f48}
.btn svg{width:20px;height:20px;flex:none}
.btn[disabled]{opacity:.65;cursor:progress;transform:none}

/* header */
.hdr{position:sticky;top:0;z-index:100;background:rgba(7,24,47,.94);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(220,187,106,.22);color:#fff}
.hdr__in{display:flex;align-items:center;gap:14px;min-height:var(--hh)}
.brand{display:flex;align-items:center;flex:none}
.brand img{width:auto;height:44px}
.nav{display:none;margin-inline-start:auto;gap:4px;align-items:center}
.nav a,.menu__list a{color:rgba(255,255,255,.88);text-decoration:none;font-weight:600;font-size:.94rem;padding:10px 12px;border-radius:10px;white-space:nowrap}
.nav a:hover,.menu__list a:hover{color:var(--g300);background:rgba(255,255,255,.06)}
.hdr__right{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.hdr__cta{display:none;min-height:42px;padding:8px 20px}
.lang,.menu{position:relative}
.lang summary,.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 12px;border:1px solid rgba(255,255,255,.28);border-radius:12px;font-weight:700;font-size:.9rem;color:#fff;user-select:none}
.lang summary::-webkit-details-marker,.menu summary::-webkit-details-marker{display:none}
.lang summary::after{content:"";width:7px;height:7px;border-inline-end:2px solid var(--g400);border-bottom:2px solid var(--g400);transform:rotate(45deg) translateY(-2px)}
.lang__list,.menu__list{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:190px;background:var(--n900);border:1px solid rgba(220,187,106,.3);border-radius:14px;box-shadow:var(--sh);padding:8px;display:grid;gap:2px}
.lang__list a{display:flex;justify-content:space-between;gap:16px;color:#fff;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:600}
.lang__list a:hover{background:rgba(255,255,255,.08)}
.lang__list a[aria-current="true"]{color:var(--g300)}
.menu__list{min-width:230px}
.burger{width:20px;height:14px;position:relative;display:block}
.burger::before,.burger::after,.burger i{content:"";position:absolute;inset-inline:0;height:2px;background:#fff;border-radius:2px}
.burger::before{top:0}.burger i{top:6px}.burger::after{bottom:0}
@media(min-width:980px){.nav{display:flex}.menu{display:none}.hdr__cta{display:inline-flex}.hdr__right{margin-inline-start:0}.hdr__in{gap:20px}}

/* hero */
.hero{position:relative;color:#fff;overflow:hidden;background:radial-gradient(900px 520px at 85% 0%,rgba(29,80,144,.75),transparent 65%),radial-gradient(700px 400px at 0% 100%,rgba(201,162,74,.12),transparent 60%),linear-gradient(180deg,var(--n900),var(--n950))}
.hero__grid{display:grid;gap:36px;align-items:center;padding-block:44px 56px}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--g400);font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.kicker::before{content:"";width:34px;height:2px;background:var(--g500)}
html[lang="ar"] .kicker{letter-spacing:0;font-size:.95rem}
.hero h1{font-size:clamp(2.3rem,6.4vw,4.1rem);margin-top:16px;max-width:15ch;text-wrap:balance}
html[lang="ar"] .hero h1{max-width:none}
.hero__lead{margin-top:20px;font-size:clamp(1.05rem,2.2vw,1.22rem);color:rgba(255,255,255,.82);max-width:34em}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__media{position:relative;margin:0;border-radius:26px;overflow:hidden;border:1px solid rgba(220,187,106,.4);box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 8px rgba(255,255,255,.04)}
.hero__media img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:96% 50%}
.chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.03em;background:rgba(7,24,47,.86);color:var(--g300);border:1px solid rgba(220,187,106,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.chip--a{inset-inline-start:14px;bottom:14px}
.chip--b{inset-inline-end:14px;top:14px;color:#fff}
@media(min-width:960px){.hero__grid{grid-template-columns:1.02fr 1fr;gap:56px;padding-block:84px 96px}.hero__media img{aspect-ratio:1/1;object-position:80% 50%}}
@media(min-width:1200px){.hero__media img{aspect-ratio:6/5}}

/* stats */
.stats{background:var(--n950);color:#fff;border-top:1px solid rgba(220,187,106,.2);border-bottom:1px solid rgba(220,187,106,.2)}
.stats ul{display:grid;grid-template-columns:1fr}
.stats li{padding:22px 4px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px}
.stats li:last-child{border-bottom:0}
.stats strong{font-family:var(--serif);font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:600;color:var(--g400);line-height:1.15}
html[lang="ar"] .stats strong{font-family:var(--sans)}
.stats span{color:rgba(255,255,255,.72);font-size:.95rem}
@media(min-width:768px){.stats ul{grid-template-columns:repeat(3,1fr)}.stats li{border-bottom:0;border-inline-end:1px solid rgba(255,255,255,.1);padding:32px 28px}.stats li:last-child{border-inline-end:0}}

/* sections */
.sec{padding-block:clamp(64px,9vw,112px)}
.sec--ice{background:linear-gradient(180deg,var(--i50),var(--i100))}
.sec--dark{background:radial-gradient(900px 420px at 100% 0%,rgba(29,80,144,.5),transparent 60%),linear-gradient(180deg,var(--n900),var(--n950));color:#fff}
.sec__head{max-width:760px;margin-bottom:clamp(32px,5vw,56px)}
.eyebrow{display:inline-block;color:var(--g600);font-weight:800;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}
html[lang="ar"] .eyebrow{letter-spacing:0;font-size:.95rem}
.sec--dark .eyebrow{color:var(--g400)}
.sec h2{font-size:clamp(1.8rem,4vw,2.8rem);text-wrap:balance}
.sec__lead{margin-top:16px;color:var(--mut);font-size:1.08rem;max-width:44em}
.sec--dark .sec__lead{color:rgba(255,255,255,.78)}
.note{margin-top:28px;padding-inline-start:16px;border-inline-start:3px solid var(--g500);color:var(--mut);font-size:.95rem;max-width:56em}
.sec--dark .note{color:rgba(255,255,255,.72)}

/* products */
.cards{display:grid;gap:22px}
@media(min-width:760px){.cards{grid-template-columns:repeat(2,1fr);gap:26px}}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--g400)}
.card figure{margin:0;background:var(--i100);overflow:hidden}
.card figure img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}
.card:hover figure img{transform:scale(1.04)}
.card__body{display:flex;flex-direction:column;gap:12px;padding:24px 24px 26px;flex:1}
.card h3{font-size:1.45rem}
.card__body>p{color:var(--mut)}
.ticks{display:grid;gap:8px;margin-top:2px}
.ticks li{position:relative;padding-inline-start:28px;font-weight:600;font-size:.97rem}
.ticks li::before{content:"";position:absolute;inset-inline-start:2px;top:.42em;width:9px;height:15px;border-inline-end:2.5px solid var(--g500);border-bottom:2.5px solid var(--g500);transform:rotate(40deg) scale(.8);transform-origin:center}
html[dir="rtl"] .ticks li::before{transform:rotate(-40deg) scale(.8)}
.link{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--n700);text-decoration:none}
.link::after{content:"→";transition:transform .2s ease}
html[dir="rtl"] .link::after{content:"←"}
.link:hover{color:var(--g600)}
.link:hover::after{transform:translateX(4px)}
html[dir="rtl"] .link:hover::after{transform:translateX(-4px)}
.line{margin-top:clamp(44px,6vw,72px)}
.line h3{font-size:1.5rem;margin-bottom:22px}
.line ul{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:760px){.line ul{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.line ul{grid-template-columns:repeat(6,1fr)}}
.line figure{margin:0;border-radius:var(--r-sm);overflow:hidden;background:var(--n900);border:1px solid var(--line)}
.line figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.line figcaption{padding:10px 12px;font-size:.85rem;font-weight:700;background:#fff;text-align:center}

/* network */
.net{display:grid;gap:28px;align-items:center}
.net__map{background:rgba(255,255,255,.04);border:1px solid rgba(220,187,106,.28);border-radius:var(--r);padding:12px}
.net__map svg{width:100%;height:auto}
.arc{fill:none;stroke:var(--g500);stroke-width:2;stroke-dasharray:6 8;stroke-linecap:round;opacity:.9}
.dot{fill:var(--n950);stroke:var(--g400);stroke-width:3}
.dot-in{fill:var(--g400)}
.map-city{fill:#fff;font:700 20px var(--sans);paint-order:stroke;stroke:#071a33;stroke-width:5px;stroke-linejoin:round}
.map-role{fill:var(--g300);font:600 14px var(--sans);letter-spacing:.04em;paint-order:stroke;stroke:#071a33;stroke-width:4px;stroke-linejoin:round}
.hubs{display:grid;gap:14px}
.hub{padding:22px 22px 22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);display:grid;gap:6px}
.hub__tag{color:var(--g400);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
html[lang="ar"] .hub__tag{letter-spacing:0;font-size:.9rem}
.hub h3{font-size:1.3rem}
.hub p{color:rgba(255,255,255,.76);font-size:.97rem}
@media(min-width:960px){.net{grid-template-columns:1.1fr 1fr;gap:40px}}
@media(prefers-reduced-motion:no-preference){.arc{animation:dash 22s linear infinite}@keyframes dash{to{stroke-dashoffset:-280}}}

/* process */
.steps{display:grid;gap:18px;counter-reset:s}
@media(min-width:760px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;box-shadow:var(--sh-sm)}
.num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--n900);color:var(--g400);font-family:var(--serif);font-weight:700;font-size:1.15rem;margin-bottom:16px;border:2px solid var(--g500)}
.steps h3{font-size:1.25rem;margin-bottom:8px}
.steps p{color:var(--mut);font-size:.97rem}

/* docs */
.docs{display:grid;gap:32px;align-items:start}
@media(min-width:960px){.docs{grid-template-columns:1fr 1fr;gap:56px}}
.docs__card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--sh-sm)}
.docs__card .ticks{gap:14px}
.docs__card .note{margin-top:22px}

/* why */
.whys{display:grid;gap:18px}
@media(min-width:700px){.whys{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.whys{grid-template-columns:repeat(4,1fr)}}
.why{padding:26px 24px;border-radius:var(--r);background:linear-gradient(180deg,#fff,var(--i50));border:1px solid var(--line)}
.why svg{width:40px;height:40px;stroke:var(--g600);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
.why h3{font-size:1.2rem;margin-bottom:8px}
.why p{color:var(--mut);font-size:.97rem}

/* about */
.about{display:grid;gap:36px;align-items:start}
@media(min-width:960px){.about{grid-template-columns:1.25fr 1fr;gap:64px}}
.about__copy{display:grid;gap:18px;color:rgba(255,255,255,.82);font-size:1.05rem}
.facts{display:grid;gap:0;background:rgba(255,255,255,.06);border:1px solid rgba(220,187,106,.35);border-radius:var(--r);overflow:hidden}
.facts div{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}
.facts div:last-child{border-bottom:0}
.facts dt{color:var(--g400);font-weight:800;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
html[lang="ar"] .facts dt{letter-spacing:0;font-size:.9rem}
.facts dd{margin:4px 0 0;font-family:var(--serif);font-size:1.2rem;color:#fff}
html[lang="ar"] .facts dd{font-family:var(--sans)}

/* faq */
.faq{display:grid;gap:12px;max-width:860px}
.qa{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.qa[open]{border-color:var(--g400);box-shadow:var(--sh-sm)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;font-weight:700;font-size:1.04rem}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--i100);color:var(--n700);font-size:1.4rem;line-height:1;transition:transform .2s ease,background .2s ease}
.qa[open] summary::after{content:"–";background:var(--g400);color:var(--n950)}
.qa p{padding:0 22px 20px;color:var(--mut)}

/* contact */
.contact{display:grid;gap:28px;align-items:start}
@media(min-width:980px){.contact{grid-template-columns:.9fr 1.1fr;gap:48px}}
.contact__info{background:linear-gradient(180deg,var(--n900),var(--n950));color:#fff;border-radius:var(--r);padding:clamp(26px,4vw,40px);box-shadow:var(--sh);display:grid;gap:20px}
.contact__info h2{font-size:clamp(1.7rem,3.2vw,2.3rem)}
.contact__info .sec__lead{color:rgba(255,255,255,.78);margin-top:0}
.cbtns{display:grid;gap:12px}
.cbtn{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);text-decoration:none;transition:background .2s ease,border-color .2s ease}
.cbtn:hover{background:rgba(255,255,255,.12);border-color:var(--g400)}
.cbtn svg{width:26px;height:26px;flex:none;color:var(--g400)}
.cbtn small{display:block;color:var(--g300);font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
html[lang="ar"] .cbtn small{letter-spacing:0;font-size:.85rem}
.cbtn strong{font-size:1.05rem;word-break:break-word}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3.5vw,38px);box-shadow:var(--sh);display:grid;gap:18px}
.form__grid{display:grid;gap:18px}
@media(min-width:640px){.form__grid{grid-template-columns:1fr 1fr}.f--wide{grid-column:1/-1}}
.f{display:grid;gap:6px;align-content:start}
.f label,.f .lbl{font-weight:700;font-size:.9rem}
.f input,.f select,.f textarea{width:100%;font:inherit;color:var(--ink);background:var(--i50);border:1.5px solid var(--i200);border-radius:12px;padding:12px 14px;min-height:48px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.f textarea{min-height:110px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;background:#fff;border-color:var(--g500);box-shadow:0 0 0 4px rgba(201,162,74,.22)}
.f [aria-invalid="true"]{border-color:var(--err);background:#fff6f5}
.hint{font-size:.82rem;color:var(--mut)}
.err{color:var(--err);font-size:.84rem;font-weight:600;min-height:0}
.err:empty{display:none}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--mut)}
.consent input{width:22px;height:22px;min-height:0;flex:none;margin-top:2px;accent-color:var(--n700)}
.consent a{color:var(--n700);font-weight:700}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.form__status{padding:14px 16px;border-radius:12px;background:#fff1f0;color:var(--err);font-weight:600}
.form__status:empty{display:none}
.form .btn{width:100%;min-height:54px;font-size:1.02rem}
.ok{background:linear-gradient(180deg,#f2fbf6,#e6f6ec);border:1.5px solid #9fd8b6;border-radius:var(--r);padding:clamp(24px,4vw,40px);display:grid;gap:14px;box-shadow:var(--sh)}
.ok h3{color:var(--ok);font-size:1.6rem}
.ok p{color:#274636}
.ok .btn{justify-self:start}

/* privacy */
.priv{background:var(--i50);padding-block:56px}
.priv h2{font-size:1.5rem;margin-bottom:18px}
.priv ul{display:grid;gap:10px;max-width:820px;color:var(--mut);font-size:.95rem}
.priv li{padding-inline-start:18px;position:relative}
.priv li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--g500)}

/* footer */
.ftr{background:var(--n950);color:rgba(255,255,255,.78);padding-block:48px 36px;border-top:1px solid rgba(220,187,106,.25)}
.ftr__in{display:grid;gap:28px}
.ftr img{height:46px;width:auto;margin-bottom:12px}
.ftr nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.ftr nav a{text-decoration:none;font-weight:600;padding:6px 0}
.ftr nav a:hover{color:var(--g300)}
.ftr small{display:block;color:rgba(255,255,255,.55);line-height:1.7}
@media(min-width:900px){.ftr__in{grid-template-columns:1.3fr 1fr 1fr;gap:48px}}

/* floating whatsapp */
.wa{position:fixed;inset-inline-end:16px;bottom:16px;z-index:90;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 20px 0 16px;border-radius:999px;background:#1fa855;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 14px 34px -10px rgba(0,0,0,.55);transition:transform .2s ease,background .2s ease}
.wa:hover{background:#188f48;transform:translateY(-2px)}
.wa svg{width:28px;height:28px;flex:none}
@media(max-width:560px){.wa span{display:none}.wa{padding:0;width:58px;height:58px;justify-content:center}}

/* 404 */
.nf{min-height:100vh;display:grid;place-items:center;text-align:center;padding:40px 20px;background:linear-gradient(180deg,var(--n900),var(--n950));color:#fff}
.nf img{height:64px;width:auto;margin:0 auto 24px}
.nf h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:12px}
.nf p{color:rgba(255,255,255,.78);margin-bottom:8px}
.nf ul{margin:22px auto 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.nf ul a{display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;text-decoration:none;font-weight:700}
.nf ul a:hover{border-color:var(--g400);color:var(--g300)}

@media print{.hdr,.wa,.hero__cta,.form{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

[hidden]{display:none!important}
@media(max-width:640px){.map-city{font-size:29px;stroke-width:8px}.map-role{font-size:20px;stroke-width:6px}.dot{stroke-width:4px}}
/* hero v3 - desktop: the photo becomes the full-bleed cover, copy sits on its bright left side */
@media(min-width:960px){
.hero{background:#8ec2f3;color:var(--n900)}
.hero__grid{position:static;min-height:clamp(580px,50vw,780px);padding-block:0;display:flex;align-items:center;direction:ltr}
.hero__copy{position:relative;z-index:2;max-width:min(520px,42%);padding-block:96px}
.hero__lead{max-width:23em}
.hero h1{color:var(--n900)}
.hero__lead{color:rgba(7,24,47,.84)}
.hero .kicker{color:#7a5a12}
.hero .kicker::before{background:#a67c1e}
.hero .btn--ghost{border-color:rgba(7,24,47,.4);color:var(--n900);background:rgba(255,255,255,.4)}
.hero .btn--ghost:hover{background:rgba(255,255,255,.7)}
.hero__media{position:absolute;inset:0;z-index:0;border-radius:0;border:0;box-shadow:none}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(232,243,255,.62) 0,rgba(232,243,255,.28) 38%,rgba(232,243,255,0) 60%);pointer-events:none}
.hero__media img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:78% 55%}
.hero__media .chip{z-index:2}
.chip--a{inset-inline-start:auto;inset-inline-end:auto;left:max(24px,calc((100vw - 1200px)/2 + 32px));bottom:28px}
.chip--b{inset-inline-end:auto;right:max(24px,calc((100vw - 1200px)/2 + 32px));left:auto;top:28px}
html[lang="ar"] .hero__copy{direction:rtl;text-align:right}
}