/* ============================================================
   أرباحنا العقارية — Institutional Editorial
   Bone paper · ink navy · hairline rules · alternating bands
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{
  --bone:#F7F3EC;
  --bone-deep:#EFE8DC;
  --ink:#141935;
  --ink-2:#1D2447;
  --navy:#2C3466;
  --indigo:#332F8B;
  --verdant:#17513F;
  --verdant-2:#2E7A5F;
  --brass:#9C7C4A;
  --hair:#D9D1C2;
  --hair-dark:rgba(255,255,255,.14);
  --muted:#5C6072;
  --muted-d:#9FA6C2;
  --paper:#FFFCF7;
  --alert:#8C2F2F;

  --fd:'Readex Pro', system-ui, sans-serif;
  --ft:'IBM Plex Sans Arabic','IBM Plex Sans', system-ui, sans-serif;

  --max:1280px;
  --pad:80px;
  --ease:cubic-bezier(.22,.61,.24,1);
}

*{margin:0;padding:0;box-sizing:border-box;letter-spacing:0!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--ft);background:var(--bone);color:var(--ink);
  direction:rtl;font-size:16.5px;line-height:1.85;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
bdi{unicode-bidi:isolate}
::selection{background:var(--ink);color:var(--bone)}
:focus-visible{outline:2px solid var(--verdant-2);outline-offset:3px;border-radius:2px}

.container{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
@media(max-width:1100px){:root{--pad:48px}}
@media(max-width:700px){:root{--pad:22px}}

/* grid children must never blow out their track */
.split>*,.band-head>*,.contact>*,.calc>*,.c-form>*,.f-grid>*,.svc-card,.prg-card,.bank,.step>*{min-width:0}
input,textarea{min-width:0;width:100%;max-width:100%}

/* ---------- type ---------- */
.h2{font-family:var(--fd);font-weight:600;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.3;text-wrap:balance}
.eyebrow{
  font-size:12px;font-weight:600;color:var(--verdant);
  display:flex;align-items:center;gap:9px;margin-bottom:16px;
}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;flex:none}
.lead{font-size:19px;line-height:1.8}
.muted{color:var(--muted)}
.num{font-family:'IBM Plex Sans',var(--ft);font-variant-numeric:tabular-nums}
b{font-weight:600}
.split-b b,.band-head b{color:var(--indigo)}

.link-ar{
  display:inline-flex;align-items:center;gap:7px;position:relative;
  font-size:14px;font-weight:600;color:var(--verdant);padding-bottom:3px;width:fit-content;
}
.link-ar::after{content:"";position:absolute;bottom:0;right:0;height:1px;width:0;background:currentColor;transition:width .3s var(--ease)}
.link-ar:hover::after{width:100%}
.link-ar svg{transition:transform .3s var(--ease)}
.link-ar:hover svg{transform:translateX(-4px)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:50px;padding-inline:28px;border-radius:999px;
  font-size:14.5px;font-weight:600;white-space:nowrap;border:1px solid transparent;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);
}
.btn svg{flex:none;transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(-3px)}
.btn-primary{background:var(--ink);color:var(--bone)}
.btn-primary:hover{background:#0C1128}
.btn-light{background:var(--bone);color:var(--ink)}
.btn-light:hover{background:#fff}
.btn-outline{border-color:rgba(255,255,255,.5);color:#fff}
.btn-outline:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-hair{border-color:var(--hair);color:var(--ink)}
.btn-hair:hover{border-color:var(--ink)}
.btn-ghost{border-color:var(--verdant);color:var(--verdant)}
.btn-ghost:hover{background:var(--verdant);color:var(--bone)}

/* ---------- chrome ---------- */
.skip{position:absolute;top:-60px;right:16px;background:var(--ink);color:var(--bone);padding:10px 20px;z-index:200}
.skip:focus{top:0}
.scroll-progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:120;pointer-events:none}
.scroll-progress span{display:block;height:100%;width:0;background:var(--verdant-2)}

/* ---------- header: a floating capsule with real depth ---------- */
.site-header{position:fixed;top:20px;inset-inline:0;z-index:100;pointer-events:none}
.bar-stage{
  max-width:var(--max);margin-inline:auto;padding-inline:var(--pad);
  perspective:1100px;pointer-events:none;
}
.bar{
  position:relative;pointer-events:auto;
  display:flex;align-items:center;gap:30px;height:70px;
  padding-inline:16px 22px;border-radius:999px;overflow:hidden;
  transform-style:preserve-3d;will-change:transform;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 42%,rgba(8,11,26,.20));
  backdrop-filter:blur(16px) saturate(1.35);
  -webkit-backdrop-filter:blur(16px) saturate(1.35);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),        /* top bevel */
    inset 0 -1px 0 rgba(0,0,0,.30),             /* bottom inner shade */
    inset 0 14px 26px -18px rgba(255,255,255,.5),
    0 20px 44px -22px rgba(6,9,22,.75),         /* cast shadow */
    0 4px 12px -6px rgba(6,9,22,.45);
  transition:height .35s var(--ease),background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
}
/* slow sheen sweeping across the glass */
.bar-sheen{
  position:absolute;inset:-40% -60%;pointer-events:none;
  background:linear-gradient(75deg,transparent 38%,rgba(255,255,255,.34) 48%,rgba(255,255,255,.06) 56%,transparent 64%);
  transform:translateX(-40%);
}
/* soft coloured bloom that follows the pointer */
.bar-glow{
  position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:radial-gradient(240px 90px at var(--gx,70%) var(--gy,0%),rgba(150,142,255,.42),transparent 70%);
  transition:opacity .4s var(--ease);
}
.site-header.is-stuck .bar{
  height:62px;
  background:linear-gradient(180deg,rgba(255,253,249,.94),rgba(243,238,229,.9));
  border-color:rgba(20,25,53,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(20,25,53,.08),
    0 18px 40px -26px rgba(20,25,53,.5),
    0 3px 10px -6px rgba(20,25,53,.25);
}
.site-header.is-stuck .bar-glow{opacity:.22}

.logo-lockup{display:flex;align-items:center;gap:11px;flex:none;transform:translateZ(26px)}
.logo-lockup img{height:36px;width:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
.logo-lockup .wordmark{font-family:var(--fd);font-weight:700;font-size:17.5px;line-height:1.15;color:#fff;transition:color .4s var(--ease);text-shadow:0 1px 3px rgba(0,0,0,.35)}
.logo-lockup .wordmark small{display:block;font-family:var(--ft);font-weight:500;font-size:9.5px;opacity:.72}
.site-header.is-stuck .logo-lockup .wordmark{color:var(--ink);text-shadow:none}
.site-header.is-stuck .logo-lockup img{filter:none}

.main-nav{display:flex;gap:6px;transform:translateZ(18px)}
.main-nav a{
  position:relative;font-size:14px;font-weight:500;color:rgba(255,255,255,.86);
  padding:9px 15px;border-radius:999px;transition:color .3s var(--ease),background .3s var(--ease);
}
.main-nav a::after{
  content:"";position:absolute;inset:0;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 10px -6px rgba(0,0,0,.6);
  opacity:0;transform:scale(.86);transition:opacity .3s var(--ease),transform .3s var(--ease);
}
.main-nav a>span{position:relative;z-index:1}
.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a:hover::after,.main-nav a.active::after{opacity:1;transform:scale(1)}
.site-header.is-stuck .main-nav a{color:var(--muted)}
.site-header.is-stuck .main-nav a:hover,.site-header.is-stuck .main-nav a.active{color:var(--ink)}
.site-header.is-stuck .main-nav a::after{
  background:linear-gradient(180deg,rgba(20,25,53,.09),rgba(20,25,53,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px -6px rgba(20,25,53,.5);
}

.header-cta{display:flex;align-items:center;gap:9px;margin-inline-start:auto;transform:translateZ(30px)}
.header-cta .btn{height:42px;padding-inline:19px;font-size:12.5px}
.header-cta .btn-hair{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}
.header-cta .btn-primary{background:var(--bone);color:var(--ink);box-shadow:0 6px 16px -8px rgba(0,0,0,.7)}
.site-header.is-stuck .header-cta .btn-hair{border-color:var(--hair);color:var(--ink);background:transparent}
.site-header.is-stuck .header-cta .btn-primary{background:var(--ink);color:var(--bone);box-shadow:0 6px 16px -10px rgba(20,25,53,.8)}

@media(max-width:1180px){.main-nav{display:none}}
@media(max-width:640px){
  .site-header{top:12px}
  .header-cta .staff-link{display:none}
  .bar{height:60px;gap:14px;padding-inline:12px 14px}
  .bar-glow{display:none}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--ink)}
.hero-stage{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0}
.slide.is-active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.hero-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(to bottom,rgba(10,13,30,.55) 0%,rgba(10,13,30,.15) 30%,rgba(10,13,30,.55) 68%,rgba(10,13,30,.9) 100%),
    linear-gradient(to left,rgba(10,13,30,.6),rgba(10,13,30,0) 62%);
}
.hero-inner{position:relative;padding-top:170px;padding-bottom:60px;width:100%}
.hero-eyebrow{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9);font-size:13px;font-weight:500;margin-bottom:22px}
.hero-eyebrow .line{width:44px;height:1px;background:var(--brass);flex:none}
.hero-title{
  font-family:var(--fd);font-weight:600;color:#fff;
  font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.24;max-width:17ch;margin-bottom:22px;
}
.hero-title em{font-style:normal;color:#C9C3F5}
.hero-lead{color:rgba(255,255,255,.82);font-size:18px;max-width:46ch;margin-bottom:34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.hero-foot{position:relative;border-top:1px solid rgba(255,255,255,.16)}
.hero-foot-in{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:22px;flex-wrap:wrap}
.hero-stats{display:flex;gap:44px}
.hero-stats span{display:flex;align-items:baseline;gap:9px;color:rgba(255,255,255,.9)}
.hero-stats b{font-family:var(--fd);font-weight:600;font-size:30px;color:#fff;font-variant-numeric:tabular-nums}
.hero-stats i{font-style:normal;font-size:13px;color:rgba(255,255,255,.65)}
.hero-ui{display:flex;align-items:center;gap:18px}
.dots{display:flex;gap:7px}
.dot{width:44px;height:3px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden;padding:0}
.dot i{display:block;height:100%;width:0;background:#fff}
.arrows{display:flex;gap:8px}
.ab{
  width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);color:#fff;
  display:flex;align-items:center;justify-content:center;transition:background .25s var(--ease),border-color .25s var(--ease);
}
.ab:hover{background:rgba(255,255,255,.16);border-color:#fff}
@media(max-width:820px){
  /* bottom-anchored copy sank too low on tall phones — centre it in the
     space above the stats rail instead */
  .hero{min-height:94svh}
  .hero-inner{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:104px;padding-bottom:24px}
  .hero-title{margin-bottom:18px}
  .hero-lead{margin-bottom:26px}
  .hero-stats{gap:24px;width:100%;justify-content:space-between}
  .hero-stats b{font-size:22px}
  .hero-stats i{font-size:11.5px}
  .hero-foot-in{gap:16px}
  .hero-ui{width:100%;justify-content:space-between}
}

/* ---------- ticker ---------- */
.ticker{background:var(--ink);border-top:1px solid rgba(255,255,255,.1);overflow:hidden;padding-block:15px}
.ticker-track{display:flex;align-items:center;gap:26px;width:max-content;will-change:transform}
.ticker-track span{font-family:var(--fd);font-size:15px;font-weight:500;color:rgba(255,255,255,.62);white-space:nowrap}
.ticker-track em{font-style:normal;color:var(--brass);font-size:9px}

/* ============================================================
   SECTIONS
   ============================================================ */
.sec{padding-block:96px}
.sec-deep{background:var(--bone-deep)}
.sec-ink{background:var(--ink);color:var(--bone)}
.sec-ink .h2{color:#fff}
.sec-ink .eyebrow{color:var(--verdant-2)}
.sec-ink .muted{color:var(--muted-d)}
.sec-ink b{color:#C9C3F5}
@media(max-width:900px){.sec{padding-block:68px}}

.split{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.split-a{position:sticky;top:120px}
.split-b>*+*{margin-top:18px}
.split-b .link-ar{margin-top:24px}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:28px}.split-a{position:static}}

.band-head{margin-bottom:52px}
.band-head-split{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end}
.band-head-split p{max-width:44ch;font-size:16px;padding-bottom:6px}
@media(max-width:900px){.band-head-split{grid-template-columns:1fr;gap:18px;align-items:start}.band-head{margin-bottom:34px}}

/* ---------- banks ---------- */
.banks{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--hair-dark);border-inline-start:1px solid var(--hair-dark)}
.bank{
  border-bottom:1px solid var(--hair-dark);border-inline-end:1px solid var(--hair-dark);
  display:flex;align-items:center;justify-content:center;padding:26px 20px;min-height:130px;
  transition:background .3s var(--ease);
}
.bank:hover{background:rgba(255,255,255,.05)}
.bank img{
  width:118px;height:auto;border-radius:50%;
  transition:transform .4s var(--ease);
}
.bank:hover img{transform:scale(1.07)}
@media(max-width:900px){.banks{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.banks{grid-template-columns:repeat(2,1fr)}.bank{min-height:108px;padding:18px 12px}.bank img{width:88px}}

/* ---------- services ---------- */
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.svc-card{
  position:relative;background:var(--paper);border:1px solid var(--hair);
  display:flex;flex-direction:column;overflow:hidden;
  transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
}
.svc-card:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:0 18px 40px -30px rgba(20,25,53,.6)}
.svc-img{overflow:hidden;background:var(--bone-deep)}
.svc-img img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .7s var(--ease)}
.svc-card:hover .svc-img img{transform:scale(1.06)}
.svc-txt{padding:24px 22px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.svc-txt .idx{color:var(--verdant);font-size:11.5px;font-weight:600}
.svc-txt h3{font-family:var(--fd);font-weight:600;font-size:19px;line-height:1.45}
.svc-txt h3 small{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:3px}
.svc-txt p{color:var(--muted);font-size:14px;line-height:1.8;flex:1}
.svc-hit{position:absolute;inset:0}
@media(max-width:1000px){.svc{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:560px){.svc{grid-template-columns:1fr}.svc-img img{aspect-ratio:16/10}}

/* ---------- steps ---------- */
.steps{counter-reset:s}
.step{
  display:grid;grid-template-columns:86px 1fr;gap:26px;align-items:start;
  padding-block:26px;border-bottom:1px solid var(--hair);
}
.step:first-child{border-top:1px solid var(--hair)}
.step .s-n{font-family:var(--fd);font-weight:600;font-size:22px;color:var(--verdant);transition:transform .3s var(--ease);display:inline-block}
.step:hover .s-n{transform:translateX(-7px)}
.step h3{font-family:var(--fd);font-weight:600;font-size:20px;margin-bottom:5px}
.step p{color:var(--muted);font-size:15px;max-width:66ch}
@media(max-width:640px){.step{grid-template-columns:52px 1fr;gap:14px}.step h3{font-size:17.5px}}

/* ---------- calculator ---------- */
.calc{
  display:grid;grid-template-columns:1fr 1fr;
  background:var(--paper);border:1px solid var(--hair);
}
.calc-in{padding:40px;border-inline-end:1px solid var(--hair)}
.ctrl+.ctrl{margin-top:30px}
.ctrl-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:12px}
.ctrl-h label{font-size:13px;font-weight:600;color:var(--muted)}
.ctrl-h output{background:var(--ink);color:var(--bone);border-radius:999px;font-size:12.5px;font-weight:600;padding:3px 13px;font-variant-numeric:tabular-nums}
input[type=range]{
  -webkit-appearance:none;appearance:none;height:2px;direction:rtl;
  background:linear-gradient(to left,var(--ink) 50%,var(--hair) 50%);outline-offset:8px;
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:20px;height:20px;border-radius:50%;
  background:var(--paper);border:2px solid var(--ink);cursor:grab;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 7px rgba(23,81,63,.1)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);cursor:grab}

.terms{margin-top:34px;border-top:1px solid var(--hair)}
.term{display:flex;justify-content:space-between;align-items:center;width:100%;padding-block:12px;border-bottom:1px solid var(--hair);font-size:14.5px;transition:color .25s var(--ease)}
.term b{font-weight:600;font-variant-numeric:tabular-nums}
.term:hover{color:var(--verdant)}
.term.is-on{color:var(--verdant)}
.term.is-on span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-end:8px;vertical-align:middle}

.calc-out{padding:40px;display:flex;flex-direction:column;justify-content:center}
.calc-label{color:var(--verdant);font-size:13px;font-weight:600;margin-bottom:10px}
.calc-fig{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.calc-fig span{font-family:var(--fd);font-weight:600;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;font-variant-numeric:tabular-nums}
.calc-fig i{font-style:normal;color:var(--muted);font-size:16px;font-weight:500}
.calc-note{color:var(--muted);font-size:13.5px;margin-top:12px;min-height:40px;max-width:40ch}
.calc-cta{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.calc-cta input{flex:1 1 150px;height:50px;border:1px solid var(--hair);background:var(--bone);border-radius:999px;padding-inline:20px;font-family:var(--ft);font-size:14.5px}
.calc-cta input:focus{outline:none;border-color:var(--verdant)}
.calc-disc{grid-column:1/-1;background:#E8F0EA;border-top:1px solid var(--hair);padding:16px 40px;color:var(--verdant);font-size:12.5px;line-height:1.75}
.calc-disc b{color:var(--brass)}
@media(max-width:900px){
  .calc{grid-template-columns:1fr}
  .calc-in{border-inline-end:0;border-bottom:1px solid var(--hair);padding:28px 22px}
  .calc-out{padding:28px 22px}
  .calc-disc{padding:14px 22px}
}

/* ---------- programs ---------- */
.prg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.prg-card{
  background:var(--paper);border:1px solid var(--hair);overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
}
.prg-card:hover{transform:translateY(-5px);border-color:var(--ink);box-shadow:0 16px 36px -28px rgba(20,25,53,.55)}
.prg-img{overflow:hidden;background:var(--bone-deep)}
.prg-img img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .7s var(--ease)}
.prg-card:hover .prg-img img{transform:scale(1.06)}
.prg-txt{padding:22px 22px 26px}
.prg-txt h3{font-family:var(--fd);font-weight:600;font-size:18.5px;line-height:1.45;margin-bottom:7px}
.prg-txt h3 small{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:2px}
.prg-txt p{color:var(--muted);font-size:14px;line-height:1.8}
@media(max-width:1000px){.prg{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:560px){.prg{grid-template-columns:1fr}}

/* ---------- mission ---------- */
.mission{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding-block:120px}
.mission-bg{position:absolute;inset:0;opacity:.2}
.mission-bg img{width:100%;height:100%;object-fit:cover;will-change:transform}
.mission::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(20,25,53,.92),rgba(20,25,53,.62))}
.mission-in{position:relative;z-index:2}
.mission .eyebrow{color:var(--verdant-2)}
.mission blockquote{
  font-family:var(--fd);font-weight:500;
  font-size:clamp(1.5rem,3.2vw,2.6rem);line-height:1.55;max-width:24ch;
}
.mission-by{margin-top:28px;color:var(--muted-d);font-size:14px}
.mission-by span{color:var(--brass)}
@media(max-width:900px){.mission{padding-block:84px}}

/* ---------- faq ---------- */
.faq .q{border-bottom:1px solid var(--hair)}
.faq .q:first-child{border-top:1px solid var(--hair)}
.q-h{display:grid;grid-template-columns:46px 1fr 26px;gap:14px;align-items:center;width:100%;text-align:right;padding-block:22px}
.q-n{color:var(--verdant);font-size:12px;font-weight:600}
.q-t{font-family:var(--fd);font-size:17px;font-weight:600;line-height:1.5}
.q-m{position:relative;width:14px;height:14px;justify-self:center}
.q-m::before,.q-m::after{content:"";position:absolute;background:var(--verdant);transition:transform .35s var(--ease),opacity .35s var(--ease)}
.q-m::before{top:6px;right:0;width:14px;height:2px}
.q-m::after{top:0;right:6px;width:2px;height:14px}
.q.open .q-m::after{transform:rotate(90deg);opacity:0}
.q-a{overflow:hidden;height:0}
.q-a p{padding:0 60px 24px 20px;color:var(--muted);font-size:15px;max-width:62ch}
@media(max-width:640px){.q-h{grid-template-columns:34px 1fr 22px;gap:10px}.q-t{font-size:15.5px}.q-a p{padding:0 44px 20px 0}}

/* ---------- contact ---------- */
.contact{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.c-info{border-top:1px solid var(--hair-dark)}
.c-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;border-bottom:1px solid var(--hair-dark);transition:padding-inline .3s var(--ease)}
.c-row span{color:var(--muted-d);font-size:12.5px;font-weight:600;flex:none}
.c-row b{font-family:var(--fd);font-weight:500;font-size:16.5px;text-align:left}
a.c-row:hover{padding-inline:10px;background:rgba(255,255,255,.04)}
a.c-row:hover b{color:#C9C3F5}

.c-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.f{display:flex;flex-direction:column;gap:7px;position:relative}
.f.wide{grid-column:1/-1}
.f label{font-size:12.5px;font-weight:600;color:var(--muted-d)}
.f label i{color:#E0A0A0;font-style:normal}
.f input,.f textarea{
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;
  border-radius:4px;height:50px;padding-inline:16px;font-family:var(--ft);font-size:15px;
  transition:border-color .25s var(--ease),background .25s var(--ease);
}
.f textarea{height:auto;min-height:128px;padding-block:14px;resize:vertical}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--verdant-2);background:rgba(255,255,255,.08)}
.f input::placeholder,.f textarea::placeholder{color:var(--muted-d)}
.cc{align-self:flex-end;color:var(--muted-d);font-size:11.5px}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:36px}}
@media(max-width:560px){.c-form{grid-template-columns:1fr}.f{grid-column:1/-1}}

/* ---------- footer ---------- */
.site-footer{background:var(--ink-2);color:var(--bone)}
.f-grid{display:grid;grid-template-columns:4fr 2.5fr 2.5fr 3fr;gap:40px;padding-block:70px}
.f-mark{font-family:var(--fd);font-weight:700;font-size:24px;margin-bottom:12px}
.f-brand p{color:var(--muted-d);font-size:14px;max-width:32ch}
.site-footer h4{font-size:12.5px;font-weight:600;color:var(--muted-d);margin-bottom:15px}
.site-footer li{margin-bottom:9px;font-size:14px;color:#D6D9E8}
.site-footer li a{transition:color .25s var(--ease)}
.site-footer li a:hover{color:#fff}
.f-credit{border-top:1px solid rgba(255,255,255,.12);padding-block:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted-d);font-size:12.5px}
.f-credit a{color:#D6D9E8}
@media(max-width:900px){.f-grid{grid-template-columns:1fr 1fr;gap:32px;padding-block:52px}}
@media(max-width:560px){.f-grid{grid-template-columns:1fr}}

/* ---------- whatsapp pill ---------- */
.wa{
  position:fixed;bottom:24px;left:24px;z-index:110;
  display:inline-flex;align-items:center;gap:9px;
  background:var(--verdant);color:#fff;border-radius:999px;padding:13px 21px;
  font-size:14px;font-weight:600;box-shadow:0 12px 30px -14px rgba(23,81,63,.8);
  transition:transform .3s var(--ease),background .3s var(--ease);
}
.wa:hover{transform:translateY(-3px);background:#123F31}
.wa{opacity:0;visibility:hidden;transform:translateY(14px)}
.wa.is-in{opacity:1;visibility:visible;transform:none}
@media(max-width:640px){.wa span{display:none}.wa{padding:14px;bottom:18px;left:18px}}

/* ---------- motion base (GSAP drives the rest) ---------- */
[data-rise],[data-stagger]>*{opacity:0}
.word{display:inline-block;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-rise],[data-stagger]>*,.word{opacity:1!important;transform:none!important}
  .ticker-track{transform:none!important}
}

/* ============================================================
   SHOWCASE — the two remaining brand frames, as a slider
   ============================================================ */
.showcase{position:relative;min-height:640px;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);color:#fff}
.sc-stage{position:absolute;inset:0}
.sc-slide{position:absolute;inset:0;opacity:0}
.sc-slide.is-active{opacity:1}
.sc-slide img{width:100%;height:100%;object-fit:cover}
.sc-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(to left,rgba(10,13,30,.88) 0%,rgba(10,13,30,.55) 42%,rgba(10,13,30,.10) 78%),
    linear-gradient(to top,rgba(10,13,30,.75),rgba(10,13,30,0) 55%);
}
.sc-body{position:relative;width:100%;padding-block:64px}
.sc-caps{display:grid}                    /* every caption shares one cell */
.sc-cap{grid-area:1/1;max-width:38ch;opacity:0;pointer-events:none}
.sc-cap.is-active{opacity:1;pointer-events:auto}
.showcase .eyebrow{color:var(--brass)}
.sc-title{font-family:var(--fd);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.9rem);line-height:1.32;margin-bottom:16px;text-wrap:balance}
.sc-text{color:rgba(255,255,255,.8);font-size:16.5px;max-width:44ch}
.sc-ui{display:flex;align-items:center;gap:16px;margin-top:38px}
.sc-dots{display:flex;gap:7px}
.sc-dot{width:54px;height:3px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden;padding:0}
.sc-dot i{display:block;height:100%;width:0;background:#fff}
.sc-arrows{display:flex;gap:8px}
.sc-ab{
  width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);color:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:background .25s var(--ease),border-color .25s var(--ease);
}
.sc-ab:hover{background:rgba(255,255,255,.16);border-color:#fff}
@media(max-width:900px){
  /* the frame is 2.36:1 — never crop it into a portrait box.
     show it whole, then let the caption sit beneath it. */
  .showcase{display:block;min-height:0}
  .sc-stage{position:relative;inset:auto;aspect-ratio:1920/815;width:100%}
  .sc-slide{position:absolute;inset:0}
  .sc-slide img{object-fit:cover}
  .sc-scrim{background:linear-gradient(to top,rgba(10,13,30,.45),rgba(10,13,30,0) 42%)}
  .sc-body{padding-block:30px 40px}
  .sc-cap{max-width:none}
  .sc-title{font-size:clamp(1.5rem,6.4vw,2rem)}
  .sc-text{font-size:15.5px;max-width:none}
  .sc-ui{margin-top:24px}
}

/* the ten lenders as quotable visible text, not just alt attributes */
.banks-line{
  color:var(--muted-d);font-size:15.5px;line-height:1.95;
  max-width:78ch;margin:-18px 0 34px;
}
.banks-line b{color:#C9C3F5}
@media(max-width:700px){.banks-line{font-size:14.5px;margin:-6px 0 26px}}