/* Dubai Data Recovery — design system
   Palette: ink #0B1B2B · surface #0E2438 · amber #E9A83A · teal #2FD6C3 · paper #F6F8FA */
:root{
  --ink:#0B1B2B; --surface:#0E2438; --line-d:#1d3850; --line-d2:#27476a;
  --amber:#E9A83A; --amber-2:#F3C069; --teal:#2FD6C3;
  --paper:#F6F8FA; --white:#fff; --text:#13293D; --muted:#5b7086; --line:#e4eaf0;
  --ff-d:'Sora',system-ui,sans-serif; --ff-b:'Instrument Sans',system-ui,sans-serif; --ff-m:'IBM Plex Mono',monospace;
  --r:14px; --r-s:9px; --shadow:0 10px 30px rgba(11,27,43,.10); --shadow-s:0 4px 14px rgba(11,27,43,.08);
  --cw:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ff-b);color:var(--text);background:var(--white);font-size:16.5px;line-height:1.7}
img,svg{max-width:100%;height:auto;display:inline-block;vertical-align:middle}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--ff-d);color:var(--ink);line-height:1.22;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(30px,4.6vw,52px)}
h2{font-size:clamp(24px,3.2vw,36px)}
h3{font-size:clamp(18px,2vw,22px)}
p{margin:0 0 1em}
.container{max-width:var(--cw);margin:0 auto;padding:0 22px}
.skip-link{position:absolute;left:-999px;top:0;background:var(--amber);color:var(--ink);padding:10px 16px;z-index:200;border-radius:0 0 8px 0;font-weight:700}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--ff-d);font-weight:700;font-size:15.5px;padding:13px 26px;border-radius:11px;border:2px solid transparent;cursor:pointer;transition:.2s;line-height:1}
.btn--amber{background:var(--amber);color:var(--ink)}
.btn--amber:hover{background:var(--amber-2);transform:translateY(-1px)}
.btn--ghost{border-color:var(--line-d2);color:#dfeaf3}
.btn--ghost:hover{border-color:var(--amber);color:var(--amber)}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:#12314e;transform:translateY(-1px)}
.btn--lg{padding:16px 32px;font-size:17px}
.btn--full{width:100%;justify-content:center}

/* ---------- Topbar ---------- */
.topbar{background:var(--ink);color:#c7d5e2;font-size:13.5px;border-bottom:1px solid var(--line-d)}
.topbar__in{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:12px}
.topbar__contacts{display:flex;gap:20px;align-items:center;overflow:hidden}
.topbar__item{display:inline-flex;gap:7px;align-items:center;white-space:nowrap}
.topbar__item:hover{color:var(--amber)}
.topbar__item svg{color:var(--amber)}
.topbar__lang{display:inline-flex;gap:6px;align-items:center;font-weight:600;color:var(--teal)}
.topbar__lang:hover{color:#fff}
@media(max-width:760px){.topbar__hours{display:none}}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:100;background:rgba(11,27,43,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-d)}
.hdr__in{display:flex;align-items:center;gap:26px;min-height:74px}
.brand{display:flex;align-items:center;gap:11px}
.brand__mark svg{width:38px;height:38px}
.brand__word{font-family:var(--ff-d);font-weight:800;font-size:19.5px;color:#fff;letter-spacing:.2px}
.brand__word b{color:var(--amber)}
.nav{display:flex;gap:4px;margin-inline-start:auto}
.nav a{color:#c7d5e2;font-weight:600;font-size:15px;padding:9px 13px;border-radius:8px;transition:.15s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav a.on{color:var(--amber)}
.hdr__console{display:flex;align-items:center;gap:12px}
.trackbar{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line-d2);border-radius:11px;padding:5px 6px 5px 12px;gap:9px}
.trackbar__label{display:inline-flex;gap:7px;align-items:center;color:var(--teal);font-family:var(--ff-m);font-size:11.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.trackbar__input{background:transparent;border:0;outline:0;color:#fff;font-family:var(--ff-m);font-size:14px;width:112px;letter-spacing:1px}
.trackbar__input::placeholder{color:#4d6b88}
.trackbar__btn{background:var(--amber);border:0;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:.15s}
.trackbar__btn:hover{background:var(--amber-2)}
.burger{display:none;background:0;border:0;cursor:pointer;padding:8px;margin-inline-start:auto}
.burger span{display:block;width:24px;height:2.5px;background:#fff;margin:5px 0;border-radius:2px;transition:.25s}
.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
@media(max-width:1120px){
  .nav{position:fixed;inset:112px 0 auto 0;background:var(--ink);flex-direction:column;padding:14px 22px 22px;gap:2px;border-bottom:1px solid var(--line-d);transform:translateY(-130%);transition:.3s;z-index:99}
  .nav.open{transform:none}
  .nav a{padding:13px 10px;font-size:16px;border-bottom:1px solid var(--line-d)}
  .burger{display:block}
  .hdr__console .trackbar{display:none}
}
@media(max-width:560px){.hdr__book{display:none}.brand__word{font-size:17px}}

/* ---------- Mobile action bar & WA float ---------- */
.m-actions{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--ink);border-top:1px solid var(--line-d2);z-index:98;padding:6px 8px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);gap:6px}
.m-actions a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#c7d5e2;font-size:11px;font-weight:600;padding:7px 2px;border-radius:9px}
.m-actions a svg{width:19px;height:19px;color:var(--teal)}
.m-actions__book{background:var(--amber);color:var(--ink)!important}
.m-actions__book svg{color:var(--ink)!important}
@media(max-width:860px){.m-actions{display:grid}body{padding-bottom:70px}.wa-float{display:none}}
.wa-float{position:fixed;bottom:26px;inset-inline-end:26px;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;color:#fff;z-index:97;box-shadow:0 8px 24px rgba(37,211,102,.4);transition:.2s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:28px;height:28px}

/* ---------- Hero ---------- */
.hero{background:radial-gradient(1100px 600px at 78% 30%,#13314d 0%,var(--ink) 58%);color:#dfeaf3;position:relative;overflow:hidden}
.hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:64px 0 74px;position:relative;z-index:2}
.hero__eyebrow{display:inline-flex;gap:9px;align-items:center;font-family:var(--ff-m);font-size:12.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--teal);border:1px solid rgba(47,214,195,.35);border-radius:99px;padding:7px 15px;margin-bottom:20px}
.hero__eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hero h1{color:#fff;margin-bottom:16px}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero__sub{font-size:18px;color:#a9bccd;max-width:560px;margin-bottom:26px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.hero__proof{display:flex;gap:22px;flex-wrap:wrap;color:#8fa6ba;font-size:14px}
.hero__proof span{display:inline-flex;gap:8px;align-items:center}
.hero__proof svg{color:var(--teal)}
.hero__vis{position:relative;min-height:420px;display:grid;place-items:center}
.hero__vis canvas,.hero__vis .platter-fallback{width:min(100%,520px);aspect-ratio:1}
.pl-spin{animation:plspin 26s linear infinite}
@keyframes plspin{to{transform:rotate(360deg)}}
.hero--sub .hero__in{grid-template-columns:1fr;padding:52px 0 56px}
.hero--sub .hero__sub{max-width:760px}
@media(max-width:960px){.hero__in{grid-template-columns:1fr;padding:46px 0 40px}.hero__vis{min-height:0;order:-1}.hero__vis canvas,.hero__vis .platter-fallback{width:min(78%,360px)}}

/* ---------- Sections ---------- */
.sec{padding:74px 0}
.sec--paper{background:var(--paper)}
.sec--ink{background:var(--ink);color:#c7d5e2}
.sec--ink h2,.sec--ink h3{color:#fff}
.sec__head{max-width:720px;margin:0 auto 44px;text-align:center}
.sec__eyebrow{font-family:var(--ff-m);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:10px}
.sec__head p{color:var(--muted)}
.sec--ink .sec__head p{color:#8fa6ba}

/* ---------- Cards / grids ---------- */
.grid{display:grid;gap:22px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.grid--4{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.22s;position:relative;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d5dfe9}
.card__icon{width:56px;height:56px;border-radius:13px;background:var(--ink);display:grid;place-items:center;color:#9fb4c7;margin-bottom:16px}
.card__icon svg{width:32px;height:32px}
.card h3{margin-bottom:8px}
.card p{color:var(--muted);font-size:15px;flex:1}
.card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.card__price{font-family:var(--ff-d);font-weight:700;color:var(--ink);font-size:15px}
.card__price small{color:var(--muted);font-weight:500;font-size:12px;display:block}
.card__link{color:var(--amber);font-weight:700;font-size:14.5px;display:inline-flex;gap:6px;align-items:center}
.card:hover .card__link{gap:10px}

/* ---------- Steps ---------- */
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;counter-reset:st}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 18px;text-align:center;position:relative}
.step::before{counter-increment:st;content:counter(st,decimal-leading-zero);position:absolute;top:12px;inset-inline-end:14px;font-family:var(--ff-m);font-size:11.5px;color:#b7c6d3;font-weight:600}
.step svg{width:42px;height:42px;color:var(--ink);margin-bottom:12px}
.step h3{font-size:15.5px;margin-bottom:6px}
.step p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:1020px){.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.steps{grid-template-columns:repeat(2,1fr)}}

/* ---------- Why / features ---------- */
.why{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.why__vis{background:var(--surface);border:1px solid var(--line-d);border-radius:20px;padding:36px;display:grid;place-items:center}
.feat{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--line-d)}
.feat:last-child{border-bottom:0}
.feat__ic{flex:0 0 44px;height:44px;border-radius:11px;background:rgba(233,168,58,.12);display:grid;place-items:center;color:var(--amber)}
.feat h3{color:#fff;font-size:16.5px;margin-bottom:4px}
.feat p{color:#8fa6ba;font-size:14.5px;margin:0}
@media(max-width:920px){.why{grid-template-columns:1fr}}

/* ---------- Stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:var(--surface);border:1px solid var(--line-d);border-radius:var(--r);padding:26px;text-align:center}
.stat__n{font-family:var(--ff-d);font-weight:800;font-size:clamp(30px,3.6vw,42px);color:var(--amber)}
.stat__n .u{color:var(--teal);font-size:.6em;vertical-align:super}
.stat p{color:#8fa6ba;font-size:14px;margin:6px 0 0}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ---------- Emirates / areas ---------- */
.em-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.2s;display:block}
.em-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--amber)}
.em-card h3{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.em-card h3 svg{color:var(--amber)}
.em-card p{color:var(--muted);font-size:14px;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 17px;font-size:14px;font-weight:600;color:var(--text);transition:.15s}
.chip:hover{border-color:var(--amber);color:var(--ink);background:#fff8ec}
.chip--dark{background:var(--surface);border-color:var(--line-d2);color:#c7d5e2}
.chip--dark:hover{background:#143152;color:#fff;border-color:var(--amber)}

/* ---------- Testimonials ---------- */
.tst{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.tst__stars{color:var(--amber);letter-spacing:2px;font-size:15px;margin-bottom:10px}
.tst p{color:var(--text);font-size:15px}
.tst footer{color:var(--muted);font-size:13.5px;font-weight:600;margin-top:12px}
.tst footer b{color:var(--ink)}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;padding:18px 22px;font-family:var(--ff-d);font-weight:600;font-size:16px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;color:var(--amber);font-weight:400;transition:.2s;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .faq__a{padding:0 22px 20px;color:var(--muted);font-size:15px}

/* ---------- CTA band ---------- */
.cta{background:linear-gradient(120deg,#132f4b, var(--ink));border-top:1px solid var(--line-d);position:relative;overflow:hidden}
.cta__in{padding:60px 0;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;position:relative;z-index:2}
.cta h2{color:#fff;margin-bottom:8px}
.cta p{color:#a9bccd;margin:0}
.cta__btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.cta__rings{position:absolute;inset-inline-end:-160px;top:-140px;width:480px;opacity:.5;z-index:1}
@media(max-width:860px){.cta__in{grid-template-columns:1fr}.cta__btns{justify-content:flex-start}}

/* ---------- Prose / content ---------- */
.prose{max-width:820px}
.prose p{color:#33475b;font-size:16.5px}
.prose h2{margin-top:1.6em;font-size:clamp(21px,2.6vw,28px)}
.prose h3{margin-top:1.3em}
.prose ul{padding-inline-start:1.2em;color:#33475b}
.prose li{margin-bottom:.45em}
.check-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.check-list li{display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:13px 16px;font-size:15px;color:var(--text)}
.check-list svg{flex:0 0 17px;margin-top:3px;color:var(--teal)}
@media(max-width:640px){.check-list{grid-template-columns:1fr}}
.qa-box{background:#fff8ec;border:1px solid #f0d9ab;border-inline-start:4px solid var(--amber);border-radius:var(--r-s);padding:18px 20px;margin:20px 0}
.qa-box b{font-family:var(--ff-d);color:var(--ink);display:block;margin-bottom:5px;font-size:14px;letter-spacing:.4px;text-transform:uppercase}
.crumbs{font-size:13.5px;color:#8fa6ba;padding:16px 0 0;position:relative;z-index:3}
.crumbs a{color:#a9bccd}
.crumbs a:hover{color:var(--amber)}
.crumbs .sep{margin:0 8px;opacity:.5}
.split{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}
@media(max-width:940px){.split{grid-template-columns:1fr}}
.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.side__card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow-s)}
.side__card h3{font-size:16.5px;margin-bottom:12px}
.side__card ul{list-style:none;margin:0;padding:0}
.side__card li{border-bottom:1px solid var(--line)}
.side__card li:last-child{border:0}
.side__card li a{display:flex;justify-content:space-between;gap:10px;padding:11px 2px;font-size:14.5px;font-weight:600;color:var(--text)}
.side__card li a:hover{color:var(--amber)}
.side__cta{background:var(--ink);color:#c7d5e2;border:0}
.side__cta h3{color:#fff}
.side__cta p{font-size:14px;color:#8fa6ba}

/* ---------- Forms ---------- */
.form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form__grid .full{grid-column:1/-1}
@media(max-width:680px){.form__grid{grid-template-columns:1fr}}
.fld label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px;letter-spacing:.2px}
.fld input,.fld select,.fld textarea{width:100%;border:1.5px solid #d5dfe9;border-radius:10px;padding:13px 15px;font-family:var(--ff-b);font-size:15.5px;color:var(--text);background:#fff;transition:.15s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 3px rgba(233,168,58,.18)}
.fld textarea{min-height:110px;resize:vertical}
.radio-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.radio-row label{border:1.5px solid #d5dfe9;border-radius:10px;padding:12px;display:flex;gap:9px;align-items:center;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);margin:0}
.radio-row input{width:auto;accent-color:var(--amber)}
.radio-row label:has(input:checked){border-color:var(--amber);background:#fff8ec}
@media(max-width:680px){.radio-row{grid-template-columns:1fr}}
.alert{border-radius:var(--r-s);padding:15px 18px;font-size:15px;margin-bottom:20px;display:flex;gap:11px;align-items:flex-start}
.alert--ok{background:#e9fbf5;border:1px solid #b9ecd9;color:#0c6b52}
.alert--err{background:#fdeef0;border:1px solid #f4c4cc;color:#8f2437}
.honeypot{position:absolute;left:-5000px;opacity:0;height:0;overflow:hidden}

/* ---------- Booking success / ref ---------- */
.ref-badge{font-family:var(--ff-m);font-size:24px;font-weight:600;letter-spacing:3px;background:var(--ink);color:var(--amber);border-radius:12px;padding:16px 26px;display:inline-block}

/* ---------- Track timeline ---------- */
.track-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}
.track-head{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}
.track-head .ref{font-family:var(--ff-m);font-size:19px;letter-spacing:2px;color:var(--ink);font-weight:600}
.badge{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:7px 15px;font-size:13.5px;font-weight:700}
.badge--amber{background:#fff3dd;color:#8a5c10;border:1px solid #f0d9ab}
.badge--teal{background:#e5faf6;color:#0c6b5e;border:1px solid #b6ede3}
.badge--grey{background:#eef2f6;color:#41586d;border:1px solid #d9e2ea}
.badge--red{background:#fdeef0;color:#8f2437;border:1px solid #f4c4cc}
.progress{height:9px;background:#eef2f6;border-radius:99px;overflow:hidden;margin:6px 0 26px}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--teal));border-radius:99px;transition:width .6s}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;inset-inline-start:9px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl li{position:relative;padding:0 0 20px 34px}
.rtl .tl li{padding:0 34px 20px 0}
.tl li::before{content:"";position:absolute;inset-inline-start:2px;top:4px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--teal)}
.tl li:first-child::before{background:var(--teal)}
.tl .tl__s{font-weight:700;color:var(--ink);font-family:var(--ff-d);font-size:15.5px}
.tl .tl__d{font-size:13px;color:var(--muted);font-family:var(--ff-m)}
.tl .tl__n{font-size:14px;color:#33475b;margin-top:3px}
.pay-panel{background:var(--ink);border-radius:14px;padding:24px;color:#c7d5e2;margin-top:24px}
.pay-panel h3{color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.pay-panel .amt{font-family:var(--ff-d);color:var(--amber);font-size:24px;font-weight:800}
.pay-panel .bank{font-size:14px;color:#8fa6ba;margin-top:14px}
.pay-panel .bank b{color:#dfeaf3;font-weight:600}

/* ---------- Blog ---------- */
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.post-card__body{padding:22px;display:flex;flex-direction:column;flex:1}
.post-card time{font-size:12.5px;color:var(--muted);font-family:var(--ff-m)}
.post-card h3{margin:8px 0 8px;font-size:18px}
.post-card p{color:var(--muted);font-size:14.5px;flex:1}

/* ---------- Footer ---------- */
.ftr{background:var(--ink);color:#8fa6ba;position:relative;overflow:hidden;margin-top:0}
.ftr__rings{position:absolute;inset-inline-end:-190px;bottom:-220px;width:560px;opacity:.6;pointer-events:none}
.ftr .container{position:relative;z-index:2}
.ftr__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;padding:60px 0 40px}
.ftr h3{color:#fff;font-size:15px;letter-spacing:.4px;margin-bottom:16px}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin-bottom:9px}
.ftr a{font-size:14.5px;transition:.15s}
.ftr a:hover{color:var(--amber)}
.ftr__col--about p{font-size:14px;line-height:1.75;margin:16px 0 18px}
.brand--ftr .brand__word{font-size:18px}
.ftr__badges{display:flex;flex-direction:column;gap:9px}
.ftr__badges span{display:inline-flex;gap:9px;align-items:center;font-size:13.5px;color:#c7d5e2}
.ftr__badges svg{color:var(--teal)}
.ftr__more{color:var(--amber);font-weight:700}
.ftr__contact{margin-top:18px;display:flex;flex-direction:column;gap:9px;font-size:14px}
.ftr__contact a,.ftr__contact span{display:inline-flex;gap:9px;align-items:flex-start}
.ftr__contact svg{color:var(--amber);flex:0 0 15px;margin-top:4px}
.ftr__base{border-top:1px solid var(--line-d);padding:20px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
@media(max-width:940px){.ftr__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftr__grid{grid-template-columns:1fr}}

/* ---------- Reveal ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}