/* Druza — site styles. Mobile-first, logical properties for RTL/LTR. */
@font-face{font-family:Alexandria;src:url(fonts/alexandria-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-arabic-600-normal.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-arabic-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-latin-600-normal.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Manrope;src:url(fonts/manrope-latin-600-normal.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600 700;font-display:swap}

:root{
  --ink:#0B1828;--navy:#12243A;--navy-2:#19324D;--gold:#F4A000;--gold-dark:#8A5200;--teal:#2F9B68;
  --paper:#F7F4ED;--sand:#F1E7D7;--white:#fff;--mist:#E7ECF1;--slate:#5B6A7E;--line:#DDD6C9;--line-dark:rgba(255,255,255,.12);--danger:#B83D3D;
  --r:16px;--r-lg:24px;--shadow:0 18px 50px rgba(11,24,40,.08);--max:1180px;
  --f-head:Manrope,Alexandria,system-ui,sans-serif;--f-body:Inter,Alexandria,system-ui,sans-serif;
}
:lang(ar){--f-head:Alexandria,Tahoma,sans-serif;--f-body:Alexandria,Tahoma,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 var(--f-body);overflow-x:hidden}
:lang(ar) body,body:lang(ar){line-height:1.85}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3{font-family:var(--f-head);line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em;text-wrap:balance}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{letter-spacing:0;line-height:1.35}
h1{font-size:clamp(2.1rem,5.4vw,4.1rem);font-weight:800}
h2{font-size:clamp(1.65rem,3.4vw,2.7rem);font-weight:800}
h3,.h3{font-size:1.2rem;font-weight:700;font-family:var(--f-head);line-height:1.35;margin:0 0 .4em}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.sr-only{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;background:#fff;padding:10px 14px;border-radius:8px;z-index:100}
.skip:focus{top:12px}
.shell{width:min(100% - 32px,var(--max));margin-inline:auto}
@media(min-width:768px){.shell{width:min(100% - 64px,var(--max))}}

/* topbar + header */
.topbar{background:var(--ink);color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.04em}
.topbar .shell{display:flex;justify-content:space-between;gap:12px;padding-block:7px}
.topbar span:last-child{display:none}
@media(min-width:720px){.topbar span:last-child{display:inline;color:var(--gold)}}
.header{position:sticky;top:0;z-index:40;background:rgba(247,244,237,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:16px;min-height:68px}
.brand img{height:34px;width:auto}
.nav-links{display:none}
.nav-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.lang{font-size:14px;font-weight:600;text-decoration:none;padding:8px 10px;border-radius:10px}
.lang:hover{background:var(--mist)}
.menu{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-content:center;gap:5px;cursor:pointer}
.menu span:not(.sr-only){display:block;width:18px;height:2px;background:var(--ink);transition:.2s}
.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu[aria-expanded=true] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.nav-links.open{display:flex;flex-direction:column;position:absolute;inset-inline:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 16px 20px;gap:2px;box-shadow:var(--shadow)}
.nav-links a{text-decoration:none;font-weight:600;font-size:15px;padding:11px 8px;border-radius:10px}
.nav-links a:not(.btn):hover,.nav-links a[aria-current]{background:var(--mist)}
.nav-links .btn{margin-top:8px}
.btn.desktop-only{display:none}
@media(min-width:1040px){
  .nav-links{display:flex;align-items:center;gap:4px;margin-inline-start:24px}
  .nav-links a{font-size:14px;padding:8px 11px}
  .menu,.mobile-only{display:none!important}
  .btn.desktop-only{display:inline-flex}
  .brand img{height:38px}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:12px;border:1px solid transparent;font:700 15px var(--f-head);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;text-align:center}
:lang(ar) .btn{font-family:var(--f-body)}
.btn:hover{transform:translateY(-1px)}
.btn.small{min-height:42px;padding:0 16px;font-size:14px}
.btn.full{width:100%}
.btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 10px 28px rgba(244,160,0,.25)}
.btn-gold:hover{background:#FFB21F}
.btn-ink{background:var(--ink);color:#fff}
.btn-outline-light{border-color:rgba(255,255,255,.35);color:#fff}
.btn-outline-light:hover{background:rgba(255,255,255,.08)}
.text-link{font-weight:700;color:#fff;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px}
.linkish{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}

/* eyebrows & heads */
.eyebrow{display:inline-block;font:800 12px/1.4 var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:12px}
:lang(ar) .eyebrow{letter-spacing:0;font-size:13px}
.eyebrow.on-dark,.on-dark .eyebrow{color:var(--gold)}
.section-head{max-width:760px;margin-bottom:36px}
.section-head p{color:var(--slate);font-size:1.08rem}
.on-dark p,.section-head.on-dark p{color:rgba(255,255,255,.72)}
.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:rgba(255,255,255,.78);max-width:680px}

/* hero */
.hero,.page-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}
.hero::before,.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 10%,transparent 95%)}
.hero::after,.page-hero::after{content:"";position:absolute;z-index:-1;width:540px;height:540px;border-radius:50%;inset-inline-end:-180px;top:-220px;background:radial-gradient(circle,rgba(244,160,0,.22),transparent 65%)}
.hero{padding:56px 0 64px}
.hero-grid{display:grid;gap:44px;align-items:center}
.hero h1 em{font-style:normal;color:var(--gold)}
.proof{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:28px 0 0;font-size:14px;color:rgba(255,255,255,.75)}
.proof li{padding-inline-start:20px;position:relative}
.proof li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(47,155,104,.25)}
.panel{background:linear-gradient(160deg,var(--navy-2),#0F2033);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.panel-head{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.panel-head span{font:800 11px var(--f-head);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
:lang(ar) .panel-head span{letter-spacing:0}
.panel-head strong{font:800 1.35rem var(--f-head)}
.panel-markets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.panel-markets span{font:700 11px Manrope,sans-serif;letter-spacing:.06em;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line-dark)}
.panel-rows{list-style:none;margin:0;padding:0}
.panel-rows li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line-dark)}
.panel-rows b{font:800 13px Manrope,sans-serif;color:var(--gold)}
.panel-rows p{margin:0;display:flex;flex-direction:column;line-height:1.35}
.panel-rows small{color:rgba(255,255,255,.6);font-size:12.5px}
.panel-rows i{font-style:normal;font:700 11px var(--f-head);padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);text-transform:uppercase}
.panel-rows i.hot{background:var(--gold);color:var(--ink)}
.panel-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:6px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.2);font-size:13px}
.panel-foot span{color:rgba(255,255,255,.6)}
.panel-foot b{color:var(--gold)}
@media(min-width:960px){.hero{padding:88px 0 100px}.hero-grid{grid-template-columns:1.25fr .9fr;gap:64px}}
.page-hero{padding:56px 0 60px}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.4rem);max-width:900px}
@media(min-width:960px){.page-hero{padding:84px 0 88px}}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-dark);color:rgba(255,255,255,.85)}
.badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.updated{margin-top:18px;color:rgba(255,255,255,.65);font-size:14px}

/* breadcrumbs */
.crumbs{padding-block:12px;font-size:13px;color:var(--slate)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.crumbs li:not(:last-child)::after{content:"/";margin-inline-start:6px;opacity:.5}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs+.page-hero,.crumbs+.hero{margin-top:0}

/* levers strip */
.levers-strip{background:#fff;border-bottom:1px solid var(--line)}
.levers-strip .shell{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding-block:18px;font:800 14px var(--f-head)}
.levers-strip i{color:var(--gold);font-style:normal}

/* sections */
.section{padding:64px 0}
.section.tight{padding:28px 0}
@media(min-width:960px){.section{padding:96px 0}}
.section.sand{background:var(--sand)}
.section.ink{background:var(--ink);color:#fff}
.split{display:grid;gap:36px;align-items:start}
@media(min-width:960px){.split{grid-template-columns:1fr 1fr;gap:64px}}

/* cards */
.card-grid{display:grid;gap:16px}
@media(min-width:640px){.card-grid.two,.card-grid.three,.card-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
a.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfc5b4}
.card .num{font:800 12px Manrope,sans-serif;letter-spacing:.08em;color:var(--gold-dark);margin-bottom:18px}
.card p{color:var(--slate);margin-bottom:18px}
.card b{margin-top:auto;font-size:14px;font-weight:700}
.card.static p:last-child{margin-bottom:0}
.card.market{background:var(--navy);color:#fff;border-color:transparent}
.card.market p{color:rgba(255,255,255,.72)}
.card.market .num{color:var(--gold)}

/* lever list & deliverables */
.lever-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dark)}
.lever-list li{display:flex;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line-dark);font:800 1.25rem var(--f-head)}
.lever-list span{font:800 13px Manrope,sans-serif;color:var(--gold);min-width:28px}
.deliverable{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px}
.deliverable ol{list-style:none;margin:0;padding:0}
.deliverable li{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.deliverable li:first-child{border-top:0}
.deliverable li b{font:800 13px Manrope,sans-serif;color:var(--gold-dark);padding-top:3px}
.deliverable li p{margin:0;font-weight:600}

/* lists */
.checks,.crosses{list-style:none;padding:0;margin:0 0 1em}
.checks li,.crosses li{position:relative;padding-inline-start:30px;margin-bottom:12px}
.checks li::before,.crosses li::before{position:absolute;inset-inline-start:0;top:.15em;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.checks li::before{content:"✓";background:rgba(47,155,104,.14);color:var(--teal)}
.crosses li::before{content:"×";background:rgba(184,61,61,.12);color:var(--danger)}
.fit{display:grid;gap:16px}
@media(min-width:800px){.fit{grid-template-columns:1fr 1fr}}
.fit>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}

/* process */
.process{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}
@media(min-width:720px){.process{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.process{grid-template-columns:repeat(4,1fr)}.process.dark{grid-template-columns:repeat(3,1fr)}}
.process li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.process li b{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--navy);color:var(--gold);font:800 14px Manrope,sans-serif;margin-bottom:16px}
.process li p{color:var(--slate);margin:0}
.process.dark li{background:var(--navy-2);border-color:var(--line-dark)}
.process.dark li b{background:var(--gold);color:var(--ink)}
.process.dark li p{color:rgba(255,255,255,.72)}
.note{margin-top:24px;padding:16px 18px;border-radius:12px;border:1px solid rgba(244,160,0,.4);background:rgba(244,160,0,.08);color:#fff}

/* seller circle teaser */
.sc-teaser{display:grid;gap:32px;align-items:center}
@media(min-width:960px){.sc-teaser{grid-template-columns:1fr 1fr;gap:64px}}
.sc-mini{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sc-mini li{background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column}
.sc-mini span{color:var(--slate);font-size:15px}
.policy-links{font-size:15px}

/* FAQ */
.faq-wrap{display:grid;gap:24px}
@media(min-width:960px){.faq-wrap{grid-template-columns:.8fr 1.2fr;gap:64px}}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;font:700 1.05rem var(--f-head);padding:16px 0;padding-inline-end:36px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;inset-inline-end:4px;top:12px;font-size:24px;color:var(--gold-dark);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--slate);margin:0 0 16px}

/* form */
.form-zone{background:linear-gradient(180deg,var(--paper),var(--sand))}
.form-layout{display:grid;gap:32px}
@media(min-width:960px){.form-layout{grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}}
.mini-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.mini-steps li{display:flex;flex-direction:column;padding-inline-start:16px;border-inline-start:3px solid var(--gold)}
.mini-steps span{color:var(--slate);font-size:15px}
.lead-form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow)}
@media(min-width:640px){.lead-form{padding:32px}}
.field-grid{display:grid;gap:14px}
@media(min-width:640px){.field-grid{grid-template-columns:1fr 1fr}.field-grid .wide{grid-column:1/-1}}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.lead-form input,.lead-form select{font:inherit;font-weight:400;font-size:16px;min-height:50px;padding:0 14px;border:1px solid #cdd4dc;border-radius:12px;background:#fff;color:var(--ink);width:100%}
.lead-form input:focus,.lead-form select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(244,160,0,.35)}
.lead-form input[aria-invalid=true]{border-color:var(--danger)}
:lang(ar) .lead-form input[dir=ltr]{text-align:right}
.lead-form .consent{flex-direction:row;align-items:flex-start;gap:10px;margin:18px 0;font-weight:400;font-size:14px;color:var(--slate)}
.lead-form .consent input{width:20px;min-height:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--navy)}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin:12px 0 0;font-weight:600;min-height:1.5em}
.form-status[data-state=success]{color:var(--teal)}
.form-status[data-state=error]{color:var(--danger)}
.form-safe{display:block;color:var(--slate);margin-top:6px}

/* CTA band */
.cta-band{background:var(--navy);color:#fff;padding:56px 0}
.cta-band .shell{display:grid;gap:24px;align-items:center}
.cta-band h2{margin:0;max-width:700px}
.cta-band .eyebrow{color:var(--gold)}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(min-width:960px){.cta-band .shell{grid-template-columns:1fr auto}}

/* legal */
.legal-grid{display:grid;gap:32px}
@media(min-width:960px){.legal-grid{grid-template-columns:260px 1fr;gap:64px}.toc{position:sticky;top:96px;align-self:start}}
.toc ol{margin:0;padding-inline-start:20px;color:var(--slate);font-size:14px;display:grid;gap:8px}
.toc a{text-decoration:none}
.toc a:hover{color:var(--ink);text-decoration:underline}
.prose{max-width:760px;font-size:1.04rem}
.prose h2{font-size:1.45rem;margin-top:1.6em;scroll-margin-top:96px}
.prose h2:first-child{margin-top:0}
.prose ul{padding-inline-start:22px;margin:0 0 1em}
.prose li{margin-bottom:.5em}
.prose a{color:var(--gold-dark);font-weight:600}
.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0 20px}
.muted{color:var(--slate);font-size:15px}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.legal-nav a{font-size:14px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink)!important;font-weight:600}
.legal-nav a:hover{background:#fff}

/* footer */
.footer{background:var(--ink);color:rgba(255,255,255,.75);padding:56px 0 28px;font-size:15px}
.footer-grid{display:grid;gap:32px}
@media(min-width:720px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.footer h2{font:800 13px var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 12px}
:lang(ar) .footer h2{letter-spacing:0;font-size:14px}
.footer h2.mt{margin-top:24px}
.footer-grid>div>a{display:block;text-decoration:none;padding:4px 0}
.footer a:hover{color:#fff;text-decoration:underline}
.footer .brand img{height:36px;margin-bottom:16px}
.contact-list{list-style:none;padding:0;margin:16px 0}
.contact-list li{margin-bottom:6px}
.contact-list a{color:#fff;font-weight:600;text-decoration:none}
.contact-list.dark a{color:var(--ink);text-decoration:underline}
.socials{display:flex;gap:16px}
.footer-bottom{border-top:1px solid var(--line-dark);margin-top:40px;padding-top:20px;font-size:13px;color:rgba(255,255,255,.55)}
.footer-bottom p{margin:0 0 6px}
.disclaimer{font-size:13px}
.disclaimer.dark{color:var(--slate);text-align:center}

/* whatsapp + cookie */
.wa-float{position:fixed;inset-inline-end:18px;bottom:18px;z-index:50;width:56px;height:56px;border-radius:50%;background:#1FAF55;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .2s}
.wa-float:hover{transform:scale(1.06)}
.cookie{position:fixed;inset-inline:16px;bottom:16px;z-index:60;max-width:560px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;display:grid;gap:12px}
.cookie[hidden]{display:none}
.cookie p{margin:0;font-size:14px}
.cookie div{display:flex;gap:8px;justify-content:flex-end}

/* 404 */
.nf{min-height:60vh;display:flex;align-items:center}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.header,.topbar,.footer,.wa-float,.cookie,.cta-band{display:none}body{background:#fff}.page-hero{background:#fff;color:#000}}

/* policies */
.policy-hub{display:grid;gap:48px}
.policy-group h2{font-size:1.4rem;margin-bottom:16px}
.policy-card h3{margin-bottom:14px}
.checks.small li{font-size:15px;color:var(--slate);margin-bottom:8px}
.legal-grid{display:grid;gap:28px}
@media(min-width:960px){.legal-grid{grid-template-columns:280px minmax(0,1fr);gap:56px}.policy-side{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto}}
.policy-side{display:grid;gap:14px;min-width:0}
.side-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}
.side-box summary{cursor:pointer;font:800 13px var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark)}
:lang(ar) .side-box summary,:lang(ar) .side-title{letter-spacing:0}
.side-box nav{display:grid;gap:2px;margin-top:10px}
.side-box nav a{text-decoration:none;font-size:14.5px;font-weight:600;padding:8px 10px;border-radius:10px}
.side-box nav a:hover{background:var(--mist)}
.side-box nav a[aria-current]{background:var(--navy);color:#fff}
.side-title{font:800 13px var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark);margin:0 0 10px}
.toc ol{margin:0;padding-inline-start:20px;display:grid;gap:7px;font-size:14px;color:var(--slate)}
@media(max-width:959px){.toc{display:none}}
.policy{min-width:0;max-width:800px;display:grid;gap:16px}
.glance{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:24px 26px}
.glance .side-title{color:var(--gold)}
.glance .checks{margin:0}
.glance .checks li{font-weight:600}
.glance .checks li:last-child{margin-bottom:0}
.policy-sec{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;scroll-margin-top:96px}
.policy-sec h2{display:flex;align-items:center;gap:12px;font-size:1.3rem;margin-bottom:14px}
.policy-sec h2 span{flex:none;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--sand);color:var(--gold-dark);font:800 14px Manrope,sans-serif}
.policy-sec p:last-child{margin-bottom:0}
.policy-sec ul{margin:0;padding-inline-start:22px}
.policy-sec li{margin-bottom:8px}
.policy-sec li:last-child{margin-bottom:0}
.policy-sec a,.policy-contact a{color:var(--gold-dark);font-weight:600}
.policy-contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;background:var(--sand);border-radius:var(--r);padding:22px 26px}
.policy-contact p{margin:0;color:var(--slate)}
.policy-contact .contact-list{margin:0}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pager a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;text-decoration:none;font-weight:700}
.pager a:hover{border-color:#cfc5b4;box-shadow:var(--shadow)}
.pager small{color:var(--slate);font-weight:400}
.pager .next{text-align:end;grid-column:2}
.footer h2 a{text-decoration:none}

/* ---- Polaris-aligned tokens (4px spacing scale, radius, motion) ---- */
:root{--space-100:.25rem;--space-200:.5rem;--space-300:.75rem;--space-400:1rem;--space-500:1.25rem;--space-600:1.5rem;--space-800:2rem;
  --radius-200:.5rem;--radius-300:.75rem;--radius-400:1rem;--dur-fast:100ms;--dur-base:200ms;--ease:cubic-bezier(.25,.1,.25,1);
  --critical:#B42318;--critical-bg:#FEF1EF;--success:#157347;--success-bg:#ECF8F1;--focus:#2563EB}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.btn,.card,.lead-form input,.lead-form select{transition-duration:var(--dur-base);transition-timing-function:var(--ease)}
/* fields */
.field{display:flex;flex-direction:column;gap:var(--space-100);min-width:0}
.field.wide{grid-column:1/-1}
.field>label{font-weight:600;font-size:14px}
.help{margin:0;font-size:13px;color:var(--slate)}
.field-error{display:flex;align-items:flex-start;gap:var(--space-100);margin:0;font-size:13px;font-weight:600;color:var(--critical)}
.field-error::before{content:"!";flex:none;display:inline-grid;place-items:center;width:16px;height:16px;margin-top:2px;border-radius:50%;background:var(--critical);color:#fff;font-size:11px;font-weight:800}
.field.has-error input,.field.has-error select{border-color:var(--critical);background:var(--critical-bg)}
.lead-form input:focus-visible,.lead-form select:focus-visible{outline:2px solid var(--focus);outline-offset:1px;box-shadow:none}
.consent-field{margin:var(--space-400) 0}
.consent-field .consent{margin:0}
.cf-turnstile{margin-bottom:var(--space-400)}
/* banner */
.banner{display:flex;gap:var(--space-300);align-items:flex-start;border-radius:var(--radius-300);padding:var(--space-300) var(--space-400);margin-bottom:var(--space-500);border:1px solid}
.banner p{margin:0}
.banner-title{font-weight:700}
.banner-text:empty{display:none}
.banner[data-tone=critical]{background:var(--critical-bg);border-color:#F4B7AE;color:var(--critical)}
.banner[data-tone=success]{background:var(--success-bg);border-color:#A8DDBF;color:var(--success)}
.banner[data-tone=success] svg path{d:path("M6 10.5l2.5 2.5L14 7.5")}
.banner .banner-text{color:var(--ink)}
.banner:focus{outline:none}
/* loading button */
.btn .spinner{display:none;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite}
.btn[aria-busy=true] .spinner{display:inline-block}
.btn:disabled{opacity:.75;cursor:progress;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.btn .spinner{animation-duration:2s}}
/* touch targets */
.footer-grid>div>a,.toc a,.crumbs a{min-height:32px;display:inline-flex;align-items:center}
.footer-grid>div>a{display:flex}