  *{box-sizing:border-box;margin:0;padding:0;}
  :root{
    /* Brand palette: deep green + warm cream */
    --green:#0C382B;
    --green-deep:#072A20;
    --green-lt:#E3EBE5;
    --sage:#87A99F;
    --paper:#F4ECE1;
    --card:#FCF9F3;
    --ink:#1C231F;
    --ink-mid:#55534D;
    --muted:#7F7C76;
    --line:#E6DCCD;
  }
  html{scroll-behavior:smooth;}
  body{font-family:'IBM Plex Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.55;}
  .wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
  .display{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-0.02em;line-height:1.1;}
  .eyebrow{font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--green);margin-bottom:12px;}
  .eyebrow.lt{color:var(--sage);}
  a{color:inherit;text-decoration:none;}

  /* LOGO — English wordmark, Arabic name and tagline, all justified to the same width (see script at end) */
  .logo{display:inline-flex;flex-direction:column;align-items:center;line-height:1;color:var(--green);}
  .logo-en{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:var(--green-deep);font-size:28px;letter-spacing:.03em;}
  .logo-ar{display:inline-block;font-family:'Noto Naskh Arabic',serif;font-size:16px;line-height:1.05;margin-top:1px;white-space:nowrap;transform-origin:center;}
  .logo-tag{font-family:'Montserrat',sans-serif;font-weight:500;font-size:6.5px;letter-spacing:.06em;white-space:nowrap;margin-top:1px;}
  .logo.lg .logo-en{font-size:34px;}
  .logo.lg .logo-ar{font-size:21px;}
  .logo.lg .logo-tag{font-size:8px;margin-top:2px;}
  .logo.on-dark,.logo.on-dark .logo-en{color:var(--paper);}
  .logo.on-dark .logo-tag{color:var(--sage);}

  /* COUNTRY STRIP — the countries Mawzuna serves, above the main nav */
  .topbar{background:var(--green);color:var(--paper);font-size:12px;}
  .topbar-inner{display:flex;align-items:center;gap:22px;height:36px;}
  .country{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
  .country img{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);display:block;}
  .country .en{font-weight:600;letter-spacing:.02em;}
  .country .ar{font-family:'Noto Naskh Arabic',serif;font-size:12.5px;opacity:.85;}
  .country .ar[lang="en"]{font-family:'IBM Plex Sans',sans-serif;font-size:11.5px;letter-spacing:.02em;}
  /* Language switch (EN | عربي), pushed to the far end of the country strip */
  .lang-switch{margin-inline-start:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;}
  .lang-switch a{color:rgba(244,236,225,.7);padding:4px 2px;border-bottom:1px solid transparent;}
  .lang-switch a:hover{color:#fff;}
  .lang-switch a[aria-current="true"]{color:#fff;font-weight:600;border-bottom-color:var(--sage);}
  .lang-switch a[lang="ar"]{font-family:'IBM Plex Sans Arabic','Noto Naskh Arabic',sans-serif;font-size:13.5px;}
  .lang-switch .sep{opacity:.35;}
  @media (max-width:420px){ .topbar-inner{gap:14px;} .country .ar{display:none;} }

  /* NAV */
  .nav{position:sticky;top:0;z-index:100;background:rgba(244,236,225,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:78px;}
  .nav-links{display:flex;gap:28px;font-size:15px;font-weight:500;color:var(--ink-mid);}
  .nav-links a{position:relative;}
  .nav-links a:hover,.nav-links a:focus-visible{color:var(--green);}
  /* Arabic name of each menu item, revealed above it on hover/focus */
  .nav-links a::before{content:attr(data-alt);position:absolute;left:50%;bottom:100%;transform:translate(-50%,4px);margin-bottom:1px;font-family:'Noto Naskh Arabic',serif;font-size:13px;font-weight:400;line-height:1.2;color:var(--green);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
  .nav-links a:hover::before,.nav-links a:focus-visible::before{opacity:1;transform:translate(-50%,0);}
  .nav-right{display:flex;align-items:center;gap:16px;}
  .btn{display:inline-block;font-weight:600;border-radius:9px;cursor:pointer;transition:background .15s,opacity .15s;}
  .btn-primary{background:var(--green);color:#fff;padding:10px 18px;font-size:13.5px;}
  .btn-primary:hover{background:var(--green-deep);}
  .btn-ghost{background:var(--card);border:1px solid var(--line);color:var(--green);padding:12px 22px;}
  .btn-ghost:hover{border-color:var(--sage);}
  .btn-lg{padding:13px 26px;font-size:14.5px;}

  /* HERO — light cream with deep-green type, as in the brand artwork */
  .hero{background:linear-gradient(100deg,#FAF3E9 0%,var(--paper) 55%,#EFE5D6 100%);color:var(--ink);position:relative;overflow:hidden;border-bottom:1px solid var(--line);}
  .hero::after{content:"";position:absolute;top:-40%;right:-10%;width:60%;height:180%;background:radial-gradient(ellipse at center,rgba(135,169,159,.18),transparent 70%);pointer-events:none;}
  .hero-inner{padding:56px 32px 60px;position:relative;}
  .hero .badge{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.05em;padding:6px 13px;margin-bottom:26px;color:var(--green);}
  .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--sage);}
  .hero h1{font-size:clamp(1.6rem,3.2vw,2.2rem);margin-bottom:22px;color:var(--green);}
  .hero p{font-size:1.15rem;color:var(--ink-mid);max-width:660px;margin-bottom:34px;}
  .hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
  /* Hero visual: photo card beside the copy */
  .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center;}
  .hero-visual{position:relative;margin:0;}
  .hero-visual::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:26px;background:linear-gradient(160deg,rgba(135,169,159,.35),rgba(12,56,43,.12));z-index:0;}
  .hero-visual img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:608/627;object-fit:cover;border-radius:24px;border:1px solid var(--line);box-shadow:0 24px 48px -20px rgba(12,56,43,.35),0 6px 16px -8px rgba(12,56,43,.18);}
  .hero-chip{position:absolute;z-index:2;inset-inline-start:-22px;bottom:28px;display:inline-flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding-block:9px;padding-inline:11px 15px;font-size:12.5px;font-weight:600;color:var(--green);box-shadow:0 10px 24px -12px rgba(12,56,43,.35);}
  .hero-chip .live{width:8px;height:8px;border-radius:50%;background:#3D7A62;box-shadow:0 0 0 4px rgba(61,122,98,.18);}

  /* SECTIONS */
  section{padding:44px 0;}
  section.alt{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  section.dark{background:var(--green);color:#fff;}
  .sec-h{font-size:clamp(1.7rem,3.5vw,2.3rem);margin-bottom:14px;color:var(--green);}
  .sec-h.lt{color:#fff;}
  .sec-p{font-size:1.05rem;color:var(--muted);max-width:620px;margin-bottom:30px;}
  .sec-p.lt{color:rgba(255,255,255,.68);}

  /* STEPS */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;}
  section.alt .step{background:var(--paper);}
  .step-n{font-family:'IBM Plex Sans';font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:14px;}
  .step h3{font-size:1.1rem;font-weight:600;margin-bottom:8px;}
  .step p{font-size:.95rem;color:var(--muted);}
  /* Photo cards (How it works): image on top, text below */
  .step.photo{padding:0;overflow:hidden;}
  .step.photo img{display:block;width:100%;height:auto;aspect-ratio:2.62/1;object-fit:cover;border-bottom:1px solid var(--line);}
  .step.photo .step-body{padding:22px 26px 28px;}
  .step.photo .step-n{margin-bottom:10px;}
  .step.photo h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.2;letter-spacing:-.01em;color:var(--green);margin-bottom:10px;}

  /* ELIGIBILITY */
  .elig-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start;}
  .criteria{display:grid;gap:14px;}
  .crit{display:flex;gap:20px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;}
  .crit-num{flex-shrink:0;width:74px;height:74px;border-radius:14px;background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.9rem;letter-spacing:-.02em;}
  .crit-num span{font-size:1.1rem;margin-inline-start:1px;color:var(--sage);}
  .crit h3{font-size:1.02rem;font-weight:600;color:var(--ink);margin-bottom:6px;line-height:1.35;}
  .crit p{font-size:.95rem;color:var(--muted);}
  .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
  .chips span{font-size:12.5px;font-weight:500;color:var(--green);background:var(--green-lt);border:1px solid #CFDDD4;border-radius:999px;padding:4px 10px;}
  .elig-note{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:.92rem;color:var(--ink-mid);}
  .elig-note svg{color:var(--green);flex-shrink:0;}
  /* BMI checker */
  .bmi{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 40px -24px rgba(12,56,43,.35);}
  .bmi-h{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.3rem;color:var(--green);}
  .bmi-sub{font-size:.85rem;color:var(--muted);margin:4px 0 18px;}
  .bmi-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
  .bmi-fields label{font-size:13px;font-weight:600;color:var(--muted);display:block;}
  .unit-in{display:flex;align-items:center;margin-top:6px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 14px;}
  .unit-in:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(12,56,43,.08);}
  .unit-in input{flex:1;min-width:0;width:100%;border:0;background:transparent;padding:14px 0;font:inherit;font-size:16px;color:var(--ink);outline:none;-moz-appearance:textfield;}
  .unit-in input::-webkit-outer-spin-button,.unit-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
  .unit-in span{font-size:13px;color:var(--muted);}
  .unit-in input::placeholder{color:var(--muted);opacity:.5;}
  .bmi-scale{position:relative;display:grid;grid-template-columns:17fr 3fr 12fr;gap:3px;height:8px;margin:24px 0 6px;}
  .bmi-scale .seg{border-radius:4px;}
  .s1{background:#DCD3C4;} .s2{background:var(--sage);} .s3{background:var(--green);}
  .marker{position:absolute;top:50%;left:0;width:18px;height:18px;border-radius:50%;background:var(--card);border:3px solid var(--green);transform:translate(-50%,-50%);opacity:0;transition:left .35s ease,opacity .2s;}
  .bmi-ticks{position:relative;height:16px;font-size:11px;color:var(--muted);}
  .bmi-ticks span{position:absolute;transform:translateX(-50%);}
  .bmi-result{display:flex;gap:16px;align-items:center;margin:16px 0 18px;padding:14px 16px;background:var(--paper);border-radius:12px;min-height:76px;}
  .bmi-val{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.9rem;color:var(--green);line-height:1;text-align:center;min-width:64px;}
  .bmi-val small{display:block;font-family:'IBM Plex Sans',sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted);margin-top:4px;}
  .bmi-result p{font-size:.92rem;color:var(--ink-mid);line-height:1.45;}
  .bmi-cta{display:block;text-align:center;padding:15px;font-size:15px;border-radius:12px;}

  /* MEDICATION — horizontally scrolling card rail (no brand names) */
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
  .rail-nav{display:flex;gap:8px;margin-bottom:30px;flex-shrink:0;}
  .rail-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--green);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s;}
  .rail-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  .rail-btn:hover:not(:disabled){background:var(--green);color:var(--paper);border-color:var(--green);}
  .rail-btn:disabled{opacity:.35;cursor:default;}
  /* the rail stops at the content's edge: three full cards plus a slice of the fourth */
  .rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 0 18px;scrollbar-width:none;outline:none;}
  .rail::-webkit-scrollbar{display:none;}
  .rail:focus-visible{box-shadow:0 0 0 3px rgba(12,56,43,.15);border-radius:16px;}
  .rcard{flex:0 0 calc((100% - 3*18px - 72px)/3);scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 24px 28px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;}
  .rcard:hover{transform:translateY(-3px);box-shadow:0 16px 32px -20px rgba(12,56,43,.35);}
  .rcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;}
  .ricon{width:44px;height:44px;border-radius:12px;background:var(--green-lt);color:var(--green);display:flex;align-items:center;justify-content:center;}
  .ricon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .rnum{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.05rem;color:var(--line);letter-spacing:.02em;}
  .rcard h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.2rem;line-height:1.25;color:var(--green);margin-bottom:10px;}
  .rcard p{font-size:.95rem;color:var(--muted);line-height:1.55;}
  .rcard.feature{background:var(--green);border-color:var(--green);}
  .rcard.feature .ricon{background:rgba(255,255,255,.1);color:var(--paper);}
  .rcard.feature .rnum{color:rgba(255,255,255,.25);}
  .rcard.feature h3{color:var(--paper);}
  .rcard.feature p{color:rgba(244,236,225,.75);}
  #medications{overflow-x:clip;}

  /* JOURNEY — four-stage timeline + what's included */
  .journey{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;margin-top:6px;}
  .journey::before{content:"";position:absolute;top:21px;left:22px;right:22px;height:2px;background:linear-gradient(90deg,var(--green),var(--sage));opacity:.35;}
  .jstep{position:relative;}
  .jdot{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.05rem;box-shadow:0 0 0 6px var(--card);margin-bottom:18px;}
  .jlabel{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin-bottom:6px;}
  .jstep h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.15rem;line-height:1.25;color:var(--green);margin-bottom:8px;}
  .jstep p{font-size:.93rem;color:var(--muted);line-height:1.55;}
  .included{margin-top:40px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px 24px;}
  .included-h{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:14px;}
  .inc-list{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
  .inc-list li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:.92rem;font-weight:600;color:var(--ink);}
  .inc-i{width:40px;height:40px;border-radius:11px;background:var(--card);border:1px solid var(--line);color:var(--green);display:flex;align-items:center;justify-content:center;}
  .inc-i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

  /* DIFFERENCE (dark) — four trust pillars */
  section.dark{position:relative;overflow:hidden;}
  section.dark::after{content:"";position:absolute;top:-30%;right:-15%;width:55%;height:160%;background:radial-gradient(ellipse at center,rgba(135,169,159,.16),transparent 65%);pointer-events:none;}
  .diff-head{position:relative;max-width:760px;margin-bottom:38px;}
  .diff-title{font-size:clamp(1.7rem,3.5vw,2.3rem);color:var(--paper);}
  .pillars{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.12);}
  .pillar{padding-block:28px 6px;padding-inline:0 26px;}
  .pillar + .pillar{padding-inline-start:26px;border-inline-start:1px solid rgba(255,255,255,.12);}
  .p-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);color:var(--paper);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  .p-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .pillar h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.15rem;color:var(--paper);margin-bottom:8px;}
  .pillar p{font-size:.93rem;line-height:1.55;color:rgba(244,236,225,.68);}

  /* FAQ — full-width accordion, help banner underneath */
  .faq-intro{font-size:1rem;color:var(--muted);margin-bottom:26px;max-width:620px;}
  .faq-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;background:var(--green-lt);border:1px solid #CFDDD4;border-radius:16px;padding:22px 26px;}
  .faq-help-h{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.15rem;color:var(--green);margin-bottom:4px;}
  .faq-help p{font-size:.95rem;color:var(--ink-mid);}
  .faq-mail{font-weight:600;color:var(--green);border-bottom:1px solid var(--sage);}
  .faq-cta{flex-shrink:0;padding:14px 24px;border-radius:12px;}
  .faq-list{display:grid;gap:10px;}
  .qa{background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,box-shadow .15s;}
  .qa[open]{border-color:#CFDDD4;box-shadow:0 14px 30px -22px rgba(12,56,43,.35);}
  .qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;padding-inline:22px 20px;font-size:1.02rem;font-weight:600;color:var(--ink);}
  .qa summary::-webkit-details-marker{display:none;}
  .qa summary:hover{color:var(--green);}
  .qa summary:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:14px;}
  /* plus that turns into a minus */
  .qa summary::after{content:"";flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--green-lt) no-repeat center/12px 12px;background-image:linear-gradient(var(--green),var(--green)),linear-gradient(var(--green),var(--green));background-size:12px 2px,2px 12px;transition:transform .2s ease,background-color .2s;}
  .qa[open] summary::after{background-color:var(--green);background-image:linear-gradient(var(--paper),var(--paper));background-size:12px 2px;transform:rotate(180deg);}
  .qa[open] summary{color:var(--green);}
  .qa-a{padding:0 22px 20px;}
  .qa-a p{font-size:.95rem;line-height:1.65;color:var(--ink-mid);max-width:88ch;}
  .qa-a p + p{margin-top:10px;}
  .qa-a strong{color:var(--green);}
  .qa-a a{color:var(--green);font-weight:600;border-bottom:1px solid var(--sage);}

  /* CTA */
  .cta{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:44px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;}
  .cta-form label{display:block;font-size:15px;font-weight:600;color:var(--muted);margin:18px 0 8px;}
  .cta-form label:first-child{margin-top:0;}
  .cta-form input{width:100%;padding:17px 16px;border:1px solid var(--line);border-radius:12px;font-family:inherit;font-size:16px;color:var(--ink);background:var(--paper);}
  .cta-form input::placeholder{color:var(--muted);opacity:.85;}
  .cta-form input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(12,56,43,.08);}
  .cta-form .btn{width:100%;margin-top:18px;padding:17px;font-size:17px;border:0;border-radius:12px;font-family:inherit;}
  .cta-note{font-size:13px;color:var(--muted);margin-top:14px;}
  .cta-form .hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden;}
  .cta-form .consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font-size:14px;font-weight:500;color:var(--ink-mid);cursor:pointer;}
  .cta-form .consent input{width:18px;height:18px;padding:0;margin-top:2px;flex-shrink:0;accent-color:var(--green);box-shadow:none;}
  .cta-form input.invalid{border-color:#B3261E;}
  .form-error{margin-top:14px;font-size:14px;color:#B3261E;background:#FBEDEB;border:1px solid #F2D0CC;border-radius:10px;padding:10px 12px;}
  .cta-form .btn[disabled]{opacity:.7;cursor:progress;}
  .cta-done{text-align:center;padding:24px 8px;outline:none;}
  .done-tick{width:56px;height:56px;border-radius:50%;background:var(--green);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;}
  .done-tick svg{width:28px;height:28px;fill:none;stroke:var(--paper);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
  .cta-done h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.35rem;color:var(--green);margin-bottom:8px;}
  .cta-done p{color:var(--ink-mid);font-size:.98rem;}

  /* FOOTER */
  footer{background:var(--green-deep);color:rgba(255,255,255,.7);padding:40px 0 0;}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;}
  .foot-logo{margin-bottom:16px;}
  .foot-tag{font-size:.9rem;max-width:34ch;}
  .fc-h{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:12px;}
  .fc-l{display:block;font-size:.9rem;padding:5px 0;color:rgba(255,255,255,.75);}
  .fc-l:hover{color:#fff;}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding:20px 0;display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:8px;}

  @media (max-width:820px){
    .grid-3,.cta,.foot-grid{grid-template-columns:1fr;}
    .hero-grid{grid-template-columns:1fr;gap:40px;}
    .elig-grid{grid-template-columns:1fr;gap:32px;}
    .sec-head{display:block;}
    .rail-nav{margin:-10px 0 18px;}
    .rcard{flex-basis:calc((100% - 18px - 64px)/2);}
    .journey{grid-template-columns:1fr;gap:26px;}
    .journey::before{top:22px;bottom:22px;inset-inline:21px auto;width:2px;height:auto;background:linear-gradient(180deg,var(--green),var(--sage));}
    .jstep{padding-inline-start:64px;}
    .jdot{position:absolute;inset-inline-start:0;top:0;margin:0;}
    .inc-list{grid-template-columns:repeat(3,1fr);row-gap:18px;}
    .pillars{grid-template-columns:repeat(2,1fr);border-top:0;}
    .faq-help{flex-direction:column;align-items:stretch;}
    .faq-cta{text-align:center;}
    .pillar,.pillar + .pillar{padding-block:24px 6px;padding-inline:0 22px;border-inline-start:0;border-top:1px solid rgba(255,255,255,.12);}
    .hero-visual{max-width:420px;margin:0;margin-inline-end:auto;}
    .hero-chip{inset-inline-start:12px;}
    .nav-links{display:none;}
  }
  @media (max-width:560px){ .rcard{flex-basis:calc(100% - 56px);} .inc-list{grid-template-columns:repeat(2,1fr);} .pillars{grid-template-columns:1fr;} }

  /* ── Right-to-left (Arabic page: <html lang="ar" dir="rtl">) ─────────────────────────── */
  /* Arabic type: IBM Plex Sans Arabic everywhere except the bilingual logo and Latin-only bits.
     Arabic letters must never be letter-spaced, and need a little more line height. */
  html[lang="ar"] body{font-family:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,sans-serif;line-height:1.75;}
  html[lang="ar"] .display, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
  html[lang="ar"] .bmi-h, html[lang="ar"] .faq-help-h, html[lang="ar"] .rnum, html[lang="ar"] .jdot,
  html[lang="ar"] .crit-num, html[lang="ar"] .bmi-val, html[lang="ar"] .step-n, html[lang="ar"] .eyebrow,
  html[lang="ar"] .jlabel, html[lang="ar"] .included-h, html[lang="ar"] .fc-h, html[lang="ar"] .badge{
    font-family:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif;letter-spacing:0;}
  html[lang="ar"] .display{line-height:1.4;}
  html[lang="ar"] .eyebrow, html[lang="ar"] .jlabel, html[lang="ar"] .included-h, html[lang="ar"] .fc-h{font-size:12.5px;}
  html[lang="ar"] .step-n{font-size:13px;}
  /* the logo is bilingual artwork: always laid out left-to-right */
  .logo{direction:ltr;}
  /* menu hover label shows the English name on the Arabic page */
  html[lang="ar"] .nav-links a::before{font-family:'IBM Plex Sans',sans-serif;font-size:12px;}
  /* mirror the decorative glows and the photo backdrop */
  [dir="rtl"] .hero::after{right:auto;left:-10%;}
  [dir="rtl"] section.dark::after{right:auto;left:-15%;}
  [dir="rtl"] .hero-visual::before{inset:18px 18px -18px -18px;}
  [dir="rtl"] .hero{background:linear-gradient(260deg,#FAF3E9 0%,var(--paper) 55%,#EFE5D6 100%);}
  [dir="rtl"] .journey::before{background:linear-gradient(270deg,var(--green),var(--sage));}
  /* arrows point the reading direction */
  [dir="rtl"] .rail-btn svg{transform:scaleX(-1);}
  /* the BMI scale is a number line: always left (low) to right (high) */
  .bmi-scale, .bmi-ticks{direction:ltr;}
  /* phone numbers and emails read left-to-right inside Arabic text */
  [dir="rtl"] .ltr{direction:ltr;unicode-bidi:isolate;}
  @media (max-width:820px){ [dir="rtl"] .journey::before{background:linear-gradient(180deg,var(--green),var(--sage));} }

