/* DaNAcare design system
   ----------------------
   Brand tokens come from the approved landing page (pink leads, blue carries
   the medical weight, Rubik + Assistant). What this file adds is discipline:
   one type scale, one section rhythm, one signature motif (the cfDNA
   "fragments" - short rounded dashes drifting in plasma), and components
   instead of styled markdown. Every selector is a class; no element rules
   carry spacing, so nothing cancels anything out. */

:root{
  --disp:'Rubik';
  --pink:#DB7183;--pink-d:#B5586A;--pink-l:#ED8092;--pink-w:#FBEEF0;--band:#F6DEE3;
  --blue:#759EB2;--blue-d:#3F7186;--blue-l:#96B6C5;--blue-w:#EDF3F6;--blue-deep:#2F5C72;
  --ink:#1F2B35;--ink-2:#4B5963;--mut:#68757E;
  --paper:#FFFFFF;--cream:#FBF7F5;--mist:#F3F7F9;--line:#E3EAEF;
  --sh-1:0 1px 2px rgba(31,43,53,.05),0 10px 28px rgba(31,43,53,.08);
  --sh-2:0 2px 6px rgba(31,43,53,.06),0 28px 60px rgba(31,43,53,.14);
  --r-s:14px;--r-m:22px;--r-l:30px;
  --maxw:1220px;
  --fs-0:17px;--fs-1:19px;--fs-2:21px;
}
/* These are variable fonts. The ten @font-face rules pointed at four distinct
   files copied under weight-specific names, so the browser - which caches by
   URL - downloaded the same bytes three times over: 166KB of fonts on the home
   page, 134KB of it Latin, holding the connection ahead of the Hebrew faces.
   One rule per family per script, with the weight axis declared as a range. */
@font-face{font-family:'Rubik';src:url(/assets/fonts/rubik-hebrew.woff2) format('woff2');font-weight:300 900;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';src:url(/assets/fonts/rubik-latin.woff2) format('woff2');font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Assistant';src:url(/assets/fonts/assistant-hebrew.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';src:url(/assets/fonts/assistant-latin.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- base ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip;max-width:100%}
html{scroll-padding-top:80px}
body{font-family:'Assistant',system-ui,sans-serif;font-size:var(--fs-1);line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--blue-d)}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.t-disp{font-family:var(--disp),'Assistant',sans-serif;font-weight:800;line-height:1.12;letter-spacing:-.012em;color:var(--ink)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp),sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.06em;color:var(--blue-d)}
.eyebrow::before{content:"";width:22px;height:6px;border-radius:999px;background:var(--pink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--pink-d);color:#fff;font-family:var(--disp),sans-serif;font-weight:700;font-size:18px;border:0;border-radius:999px;padding:15px 30px;text-decoration:none;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 8px 22px rgba(196,101,117,.28)}
.btn:hover{background:#9C4A5A;transform:translateY(-1px);box-shadow:0 12px 28px rgba(196,101,117,.34)}
.btn.ghost{background:#fff;color:var(--blue-deep);border:1.5px solid var(--blue-l);box-shadow:none}
.btn.ghost:hover{background:var(--blue-w);transform:translateY(-1px)}
.btn.sm{padding:11px 20px;font-size:16px}
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* ---------- signature: cfDNA fragments ----------
   Short rounded dashes, the way cell-free DNA sits in plasma. Low opacity,
   slow drift, never in the reading column. */
.frag{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.frag svg{position:absolute;width:100%;height:100%}
/* the per-rect rx is the whole point: a uniform rx:6 flattened all 34
   fragments into identical stadium bars that read as a skeleton loader.
   the mask keeps the motif out of the reading column, which in RTL is
   the right-hand side and in LTR the left. */
.frag{-webkit-mask-image:linear-gradient(to right,#000 0,#000 38%,transparent 60%);mask-image:linear-gradient(to right,#000 0,#000 38%,transparent 60%)}
[dir="ltr"] .frag{-webkit-mask-image:linear-gradient(to left,#000 0,#000 38%,transparent 60%);mask-image:linear-gradient(to left,#000 0,#000 38%,transparent 60%)}
.frag rect{transform-box:fill-box;transform-origin:center;transform:rotate(var(--r,0deg))}
.frag .a{animation:drift 14s ease-in-out infinite alternate}
.frag .b{animation:drift 19s ease-in-out infinite alternate-reverse}
.frag .c{animation:drift 23s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(0,0) rotate(var(--r,0deg))}to{transform:translate(-14px,10px) rotate(var(--r,0deg))}}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .2s}
.scrolled .hdr{box-shadow:0 8px 30px rgba(31,43,53,.08)}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;max-width:1340px}
.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.brand__logo{height:46px;width:auto}
.hdr__side{display:flex;align-items:center;gap:10px;flex:none}
.hdr__tel{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp),sans-serif;font-weight:700;font-size:17px;color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:999px;transition:background .15s}
.hdr__tel span{direction:ltr}
.hdr__tel svg{width:18px;height:18px;stroke:var(--pink-d);stroke-width:2;fill:none;stroke-linejoin:round}
.hdr__tel:hover{background:var(--pink-w)}
.hdr__cta{padding:11px 22px;font-size:16px;white-space:nowrap;box-shadow:none}
.burger{display:none;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:9px 11px;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:var(--ink);margin:4px 0;border-radius:2px}
/* desktop nav with panels */
.nav{min-width:0}
.nav__list{list-style:none;display:flex;align-items:center;gap:2px}
.nav__item{position:relative}
.nav__top{display:inline-flex;align-items:center;gap:5px;font-size:16px;font-weight:600;color:var(--ink-2);text-decoration:none;padding:10px 10px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}
.nav__top:hover,.nav__item.is-open>.nav__top,.nav__item:hover>.nav__top{background:var(--mist);color:var(--ink)}
.nav__top[aria-current]{color:var(--blue-deep);background:var(--pink-w)}
.nav__caret{width:11px;height:8px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .2s}
.nav__item:hover .nav__caret,.nav__item.is-open .nav__caret{transform:rotate(180deg)}
.nav__panel{position:absolute;top:calc(100% + 10px);right:0;min-width:340px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(31,43,53,.16);padding:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility 0s .18s;z-index:70}
.nav__panel::before{content:"";position:absolute;top:-12px;right:0;left:0;height:12px}
.nav__item:hover .nav__panel,.nav__item.is-open .nav__panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s}
.nav__panel ul{list-style:none;display:grid}
.nav__panel a{display:grid;gap:2px;padding:11px 14px;border-radius:14px;text-decoration:none;color:var(--ink);transition:background .15s}
.nav__panel a:hover{background:var(--pink-w)}
.nav__panel a[aria-current]{background:var(--blue-w)}
.nav__k{font-family:var(--disp),sans-serif;font-weight:700;font-size:16px}
.nav__d{font-size:14px;color:var(--mut);line-height:1.35}
/* mobile sheet */
.sheet{position:fixed;inset:0;z-index:100;background:rgba(31,43,53,.45);backdrop-filter:blur(4px)}
.sheet[hidden]{display:none}
.sheet__in{position:absolute;top:0;bottom:0;right:0;width:min(420px,92vw);background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(31,43,53,.25);animation:slide .28s cubic-bezier(.2,.7,.2,1)}
@keyframes slide{from{transform:translateX(100%)}to{transform:none}}
.sheet-open{overflow:hidden}
.sheet__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.sheet__head .brand__logo{height:38px}
.sheet__close{background:var(--mist);border:0;border-radius:12px;width:42px;height:42px;font-size:18px;cursor:pointer;color:var(--ink)}
.sheet__nav{flex:1;overflow:auto;padding:10px 18px}
.sheet__grp{border-bottom:1px solid var(--line)}
.sheet__grp summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--disp),sans-serif;font-weight:700;font-size:19px;padding:16px 0;color:var(--ink)}
.sheet__grp summary::-webkit-details-marker{display:none}
.sheet__grp summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--pink-d);border-bottom:2px solid var(--pink-d);transform:rotate(45deg);transition:transform .2s;margin-left:6px}
.sheet__grp[open] summary::after{transform:rotate(-135deg)}
.sheet__grp ul{list-style:none;display:grid;gap:2px;padding:0 0 12px}
.sheet__grp a{display:block;padding:10px 14px;border-radius:12px;text-decoration:none;color:var(--ink-2);font-size:17px}
.sheet__grp a:hover{background:var(--pink-w);color:var(--ink)}
.sheet__top{display:block;font-family:var(--disp),sans-serif;font-weight:700;font-size:19px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.sheet__foot{padding:16px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--cream);display:grid;gap:10px;text-align:center}
.sheet__foot .btn{width:100%}
.sheet__tel{font-family:var(--disp),sans-serif;font-weight:800;font-size:22px;color:var(--ink);text-decoration:none;direction:ltr}
.sheet__foot p{font-size:13.5px;color:var(--mut)}

/* ---------- hero (home) ---------- */
.hero{position:relative;background:linear-gradient(180deg,var(--band) 0%,#FBEDF0 100%);padding:64px 0 72px;overflow:hidden}
.hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero__eyebrow{margin-bottom:18px}
.hero h1{font-size:clamp(38px,4.6vw,60px);color:var(--blue-deep);line-height:1.06}
.hero h1 .s{display:block;font-size:.58em;color:var(--pink-d);margin-top:14px;font-weight:800}
.hero__lead{font-size:var(--fs-2);color:var(--ink);margin-top:20px;max-width:600px;line-height:1.6}
.hero__pills{list-style:none;margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;max-width:640px}
.hero__pills li{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1.5px solid rgba(117,158,178,.5);border-radius:999px;padding:9px 16px;font-size:16px;font-weight:600;color:var(--ink);box-shadow:0 2px 8px rgba(31,43,53,.04)}
.hero__pills b{color:var(--pink-d);font-family:var(--disp),sans-serif;font-weight:700}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;align-items:center}
.hero__pic{position:relative}
.hero__ph{border-radius:34px 34px 34px 140px;overflow:hidden;box-shadow:var(--sh-2);background:#fff;aspect-ratio:5/4}
.hero__ph img{width:100%;height:100%;object-fit:cover;object-position:58% 32%}
.hero__badge{position:absolute;right:-18px;bottom:-18px;background:#fff;border-radius:18px;box-shadow:var(--sh-1);padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink-2);max-width:280px}
.hero__badge b{display:block;font-family:var(--disp),sans-serif;font-size:17px;color:var(--ink);font-weight:700}
.hero__badge .dot{width:12px;height:12px;border-radius:50%;background:#2CB128;box-shadow:0 0 0 5px rgba(44,177,40,.15);flex:none}

/* ---------- sections ---------- */
.sec{position:relative;padding:96px 0}
.sec--tight{padding:64px 0}
.sec--mist{background:var(--mist)}
.sec--cream{background:var(--cream)}
.sec__head{max-width:760px;margin-bottom:44px}
.sec__head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec__head.center .eyebrow{justify-content:center}
.sec__h2{font-size:clamp(30px,3.4vw,44px);margin-top:14px;color:var(--ink)}
.sec__sub{font-size:var(--fs-2);color:var(--ink-2);margin-top:14px;line-height:1.55}

/* pillars (why) */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pil{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-m);padding:30px 26px 28px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pil:hover{transform:translateY(-3px);box-shadow:var(--sh-1)}
.pil::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--blue)}
.pil:nth-child(odd)::before{background:var(--pink)}
.pil__ic{width:54px;height:54px;border-radius:16px;background:var(--blue-w);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.pil:nth-child(odd) .pil__ic{background:var(--pink-w)}
.pil__ic svg{width:26px;height:26px;stroke:var(--blue-d);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pil:nth-child(odd) .pil__ic svg{stroke:var(--pink-d)}
.pil h3{font-size:20px;font-weight:700}
.pil p{font-size:var(--fs-0);color:var(--ink-2);margin-top:8px;line-height:1.5}
.pil a{display:inline-block;margin-top:12px;font-weight:700;font-size:16px;text-decoration:none}

/* steps on the brand arc */
.arc{position:relative;margin-top:54px}
.arc__line{width:100%;height:110px;display:block}
.arc__line path{fill:none;stroke:var(--pink);stroke-width:6;stroke-linecap:round;opacity:.9}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:-50px;align-items:start}
.steps .step:nth-child(1),.steps .step:nth-child(4){margin-top:-46px}
.step{text-align:center;padding:0 8px}
.step__n{width:54px;height:54px;border-radius:50%;background:var(--blue-d);color:#fff;font-family:var(--disp),sans-serif;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 0 0 8px var(--paper)}
.sec--mist .step__n{box-shadow:0 0 0 8px var(--mist)}
.step h3{font-size:20px;font-weight:700}
.step p{font-size:var(--fs-0);color:var(--ink-2);margin-top:7px;line-height:1.5}

/* tracks (Basic / Advanced) */
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.track{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column}
.track__h{padding:30px 34px 24px;background:var(--blue-w)}
.track--adv .track__h{background:var(--pink-w)}
.track__h h3{font-family:var(--disp),sans-serif;font-size:30px;font-weight:800;color:var(--blue-deep)}
.track--adv .track__h h3{color:var(--pink-d)}
.track__h p{font-size:var(--fs-1);color:var(--ink-2);margin-top:8px}
.track__b{padding:26px 34px 30px;display:flex;flex-direction:column;flex:1;gap:20px}
.track__b ul{list-style:none;display:grid;gap:11px}
.track__b li{display:flex;gap:11px;align-items:flex-start;font-size:var(--fs-1);line-height:1.45}
.track__b li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--blue-d);flex:none;margin-top:.55em}
.track--adv .track__b li::before{background:var(--pink-d)}
.track__note{font-size:16px;color:var(--ink-2);background:var(--mist);border-radius:var(--r-s);padding:12px 16px;margin-top:auto}

/* cards (guide) */
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-m);padding:26px 24px 24px;position:relative;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;color:inherit}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-1);border-color:var(--blue-l)}
.card__ic{width:46px;height:46px;border-radius:14px;background:var(--blue-w);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.card__ic svg{width:24px;height:24px;stroke:var(--blue-d);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.card:nth-child(3n+2) .card__ic{background:var(--pink-w)}
.card:nth-child(3n+2) .card__ic svg{stroke:var(--pink-d)}
.card h3{font-size:20px;font-weight:700;line-height:1.25}
.card h3 a{text-decoration:none;color:var(--ink)}
.card h3 a::after{content:"";position:absolute;inset:0}
.card p{font-size:var(--fs-0);color:var(--ink-2);line-height:1.5}
.card__more{margin-top:auto;font-weight:700;font-size:15.5px;color:var(--pink-d);display:inline-flex;align-items:center;gap:6px}
.card__more::after{content:"←";font-family:sans-serif}

/* ---------- inner page header ---------- */
.ph{position:relative;background:linear-gradient(180deg,var(--blue-w) 0%,#F6F9FB 100%);padding:56px 0 48px;border-bottom:1px solid var(--line);overflow:hidden}
.ph__in{position:relative;max-width:820px}
/* a 50px h1 alone in a 1220px band left 400px of empty canvas on every page
   without a photo. the accountability stamp fills it and gets read there. */
.ph:not(.ph--photo) .ph__in{max-width:none;display:grid;column-gap:72px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(230px,290px)}
.ph:not(.ph--photo) .crumb{grid-column:1/-1}
.ph:not(.ph--photo) .eyebrow,.ph:not(.ph--photo) h1,.ph:not(.ph--photo) .ph__lede{grid-column:1}
.ph:not(.ph--photo) .stamp{grid-column:2;grid-row:2/span 3;align-self:start;margin-top:12px;display:grid;gap:8px;padding:18px 20px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-m);box-shadow:var(--sh-1);font-size:14px;line-height:1.5}
@media (max-width:900px){
  .ph:not(.ph--photo) .ph__in{grid-template-columns:1fr}
  .ph:not(.ph--photo) .stamp{grid-column:1;grid-row:auto;background:none;border:0;box-shadow:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
  .stamp>span+span::before{content:"b7 "}
}
.crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:14.5px;color:var(--mut);margin-bottom:18px}
.crumb a{color:var(--mut);text-decoration:none}
.crumb a:hover{color:var(--ink);text-decoration:underline}
.ph h1{font-size:clamp(32px,3.8vw,50px);color:var(--blue-deep);margin-top:14px}
.ph__lede{font-size:var(--fs-2);color:var(--ink-2);margin-top:16px;line-height:1.55;max-width:760px}
.ph__lede a{color:var(--blue-d)}
.stamp{font-size:14.5px;color:var(--mut);margin-top:18px;display:flex;flex-wrap:wrap;gap:6px 14px}
.stamp b{color:var(--ink-2);font-weight:600}


/* page header with a photo */
.ph__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
.ph--photo .ph__grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}
.ph--photo{padding:48px 0 44px}
.ph__pic{border-radius:30px 30px 30px 110px;overflow:hidden;box-shadow:var(--sh-2);aspect-ratio:3/2;background:#fff}
.ph__pic img{width:100%;height:100%;object-fit:cover}
@media (max-width:1080px){.ph--photo .ph__grid{grid-template-columns:1fr}.ph__pic{max-height:300px;border-radius:24px 24px 24px 80px}}


/* sampling points */
.locs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 14px}
.loc{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:#fff;border:1.5px solid var(--line);text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
a.loc:hover{transform:translateY(-2px);box-shadow:var(--sh-1);border-color:var(--pink-l)}
.loc__ic{width:44px;height:44px;border-radius:14px;background:var(--pink-w);display:flex;align-items:center;justify-content:center}
.loc__ic svg{width:22px;height:22px;stroke:var(--pink-d);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.loc__b b{font-family:var(--disp),sans-serif;font-weight:700;font-size:19px;display:block;line-height:1.2}
.loc__b span{font-size:15px;color:var(--ink-2);display:block;line-height:1.35}
.loc__b .loc__a{font-size:14px;color:var(--mut)}
.loc--home{background:var(--blue-w);border-color:var(--blue-l);grid-template-columns:44px 1fr}
.loc--home .loc__ic{background:#fff}
.loc--home .loc__ic svg{stroke:var(--blue-deep)}
.ph--city{background:linear-gradient(180deg,var(--pink-w) 0%,#fff 100%)}
@media (max-width:1080px){.locs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.locs{grid-template-columns:1fr}}

/* ---------- inner layout: reading column + rail ---------- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start;padding:64px 0 80px}
.rail{position:sticky;top:88px;display:grid;gap:18px}
.rail__cta{background:linear-gradient(160deg,#fff 0%,var(--pink-w) 100%);border:1.5px solid #F2D6DC;border-radius:var(--r-m);padding:24px 22px;box-shadow:var(--sh-1)}
.rail__cta h4{font-family:var(--disp),sans-serif;font-size:19px;font-weight:700;line-height:1.3}
.rail__cta p{font-size:16px;color:var(--ink-2);margin-top:8px}
.rail__tel{display:block;margin-top:14px;font-family:var(--disp),sans-serif;font-weight:800;font-size:24px;color:var(--ink);text-decoration:none;direction:ltr;text-align:right}
.rail__cta .btn{width:100%;margin-top:12px}
.rail__box{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-m);padding:20px 22px}
.rail__box h5{font-family:var(--disp),sans-serif;font-size:14px;font-weight:700;color:var(--blue-d);letter-spacing:.04em;margin-bottom:10px}
.rail__box ul{list-style:none;display:grid;gap:7px}
.rail__box a{font-size:15.5px;color:var(--ink-2);text-decoration:none;display:block;padding-right:14px;position:relative;line-height:1.4}
.rail__box a::before{content:"";position:absolute;right:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--blue-l)}
.rail__box a:hover{color:var(--ink)}

/* ---------- prose ---------- */
.prose{max-width:760px;font-size:var(--fs-1)}
.prose>*+*{margin-top:20px}
.prose h2{position:relative;font-family:var(--disp),sans-serif;font-weight:800;font-size:clamp(26px,2.7vw,34px);line-height:1.18;color:var(--blue-deep);margin-top:64px;padding-top:26px;scroll-margin-top:96px}
.prose h2::before{content:"";position:absolute;top:0;right:0;width:46px;height:5px;border-radius:999px;background:var(--pink)}
.prose h2::after{content:"";position:absolute;top:2px;right:54px;left:0;height:1px;background:var(--line)}
[dir="ltr"] .prose h2::before{right:auto;left:0}
[dir="ltr"] .prose h2::after{right:0;left:54px}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:var(--disp),sans-serif;font-weight:700;font-size:22px;line-height:1.25;margin-top:34px}
.prose p{color:var(--ink)}
.prose strong{font-weight:700}
.prose ul{list-style:none;display:grid;gap:12px}
.prose li{position:relative;padding-right:26px}
.prose li::before{content:"";position:absolute;right:4px;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--pink-w);box-shadow:inset 0 0 0 3px var(--pink)}
.prose blockquote{border-right:4px solid var(--blue-l);background:var(--blue-w);border-radius:0 var(--r-s) var(--r-s) 0;padding:18px 22px;color:var(--ink-2)}
.prose a{color:var(--blue-d);text-decoration-thickness:1px;text-underline-offset:3px}
.prose code{background:var(--mist);border-radius:6px;padding:1px 6px;font-size:.9em}
.prose .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1.5px solid var(--line);border-radius:var(--r-m)}
.prose table{width:100%;border-collapse:collapse;font-size:var(--fs-0)}
.prose th,.prose td{text-align:right;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.prose tr:last-child td{border-bottom:0}
.prose th{background:var(--blue-w);font-family:var(--disp),sans-serif;font-weight:700;color:var(--blue-deep);font-size:16px}
.prose td:first-child{font-weight:600}

/* the short answer */
.prose .tick{margin:22px 0;padding:16px 20px;background:var(--blue-w);border-inline-start:4px solid var(--blue-d);border-radius:var(--r-s);font-size:var(--fs-2);line-height:1.6}
.capsule{position:relative;background:linear-gradient(160deg,#FDF4F6 0%,var(--pink-w) 100%);border:1.5px solid #F2D6DC;border-radius:var(--r-m);padding:26px 26px 24px;font-size:20px;line-height:1.58;color:var(--ink)}
.capsule::before{content:"התשובה הקצרה";display:inline-block;font-family:var(--disp),sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--pink-d);background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:12px}
.capsule p+p{margin-top:12px}

/* numbered timeline (a real sequence) */
.tl{display:grid}
.tl__it{position:relative;display:grid;grid-template-columns:64px 1fr;gap:20px;padding:6px 0 34px}
.tl__it::before{content:"";position:absolute;right:31px;top:58px;bottom:0;width:2px;background:linear-gradient(var(--pink-l),var(--line))}
.tl__it:last-child::before{display:none}
.tl__n{width:64px;height:64px;border-radius:50%;background:#fff;border:2px solid var(--pink);color:var(--pink-d);font-family:var(--disp),sans-serif;font-weight:800;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(219,113,131,.18)}
.tl__b h3{font-family:var(--disp),sans-serif;font-weight:800;font-size:23px;line-height:1.2;margin:10px 0 8px}
.tl__b p{color:var(--ink-2)}
.tl__b p+p{margin-top:10px}
.prose .tl__b h3{margin-top:10px;padding-right:0}
.prose .tl__b h3::before{display:none}
.prose h3{position:relative;padding-right:18px}
.prose h3::before{content:"";position:absolute;right:0;top:.42em;width:8px;height:8px;border-radius:50%;background:var(--pink)}
.prose .card h3,.prose .qcard h3{padding-right:0}
.prose .card h3::before,.prose .qcard h3::before{display:none}

/* money pages: fund header + question cards */
.fund{position:relative;padding:60px 0 54px;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--fund-tint,#EDF3F6) 0%,#fff 70%)}
.fund__grid{position:relative;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.fund__mark{width:180px;height:180px;border-radius:40px;background:#fff;box-shadow:var(--sh-2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:6px solid var(--fund-tint,#EDF3F6)}
.fund__mark img{max-height:76px;width:auto;max-width:140px}
.fund__mark b{font-family:var(--disp),sans-serif;font-weight:800;font-size:38px;color:var(--fund,#2F5C72);line-height:1}
.fund__mark span{font-size:13px;color:var(--mut);font-weight:600}
.fund h1{font-size:clamp(32px,3.8vw,50px);color:var(--ink);margin-top:14px}
.fund h1 em{font-style:normal;color:var(--fund,#2F5C72)}
.fund__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.fund__chips span{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;font-size:15px;font-weight:600;color:var(--ink-2)}
.qcards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 4px}
.qcard{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 20px;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.qcard b{width:40px;height:40px;border-radius:12px;background:var(--fund-tint,#EDF3F6);color:var(--fund,#2F5C72);font-family:var(--disp),sans-serif;font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center}
.qcard p{font-size:var(--fs-0);line-height:1.45}
.prose .qcards p{margin:0}
.funds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fundcard{display:grid;gap:8px;text-align:center;padding:26px 16px 22px;border-radius:20px;background:#fff;border:1.5px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.fundcard:hover{transform:translateY(-3px);box-shadow:var(--sh-1)}
.fundcard img{height:44px;width:auto;margin:6px auto 2px}
.fundcard span{font-size:15px;color:var(--mut)}
.fundcard i{display:block;height:5px;border-radius:999px;background:var(--fund);width:44px;margin:0 auto 4px}

/* contact page */
.contact{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:stretch;padding:56px 0 72px}
/* the conversion card sat on plain white beside a pink gradient panel and lost
   the page. it now carries the accent, and it follows the longer column down. */
.contact .leadcard{margin-top:0;position:sticky;top:96px;align-self:start;border:1.5px solid #F2D6DC;background:linear-gradient(168deg,#fff 0%,#FFF8F9 100%)}
.contact .leadcard::before{content:"";display:block;height:5px;width:56px;border-radius:999px;background:var(--pink);margin-bottom:16px}
.contact .cbox--pink{background:#fff;border-color:var(--line)}
.cinfo{display:grid;gap:16px}
.cbox{background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:24px}
.cbox h3{font-family:var(--disp),sans-serif;font-weight:700;font-size:19px;margin-bottom:8px}
.cbox p{color:var(--ink-2);font-size:var(--fs-0)}
.cbox__tel{display:inline-block;font-family:var(--disp),sans-serif;font-weight:800;font-size:30px;color:var(--ink);text-decoration:none;direction:ltr;margin:6px 0 4px}
.cbox--pink{background:linear-gradient(160deg,#fff,var(--pink-w));border-color:#F2D6DC}
.cbox ol{list-style:none;display:grid;gap:10px;counter-reset:c}
.cbox ol li{position:relative;padding-right:38px;counter-increment:c;font-size:var(--fs-0);color:var(--ink-2)}
.cbox ol li::before{content:counter(c);position:absolute;right:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--blue-w);color:var(--blue-deep);font-family:var(--disp),sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}

/* hub: glossary + guides row */
.hubrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.hubrow a{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:18px 20px;border-radius:18px;background:var(--blue-w);text-decoration:none;color:var(--ink);transition:background .15s}
.hubrow a:hover{background:var(--pink-w)}
.hubrow svg{width:26px;height:26px;stroke:var(--blue-deep);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;margin:0 auto}
.hubrow b{font-family:var(--disp),sans-serif;font-weight:700;font-size:17px;display:block}
.hubrow span{font-size:14px;color:var(--mut)}

/* screening caveat */
.disc{background:var(--mist);border-right:4px solid var(--blue-l);border-radius:0 var(--r-s) var(--r-s) 0;padding:16px 20px;font-size:16px;color:var(--ink-2);line-height:1.55}

/* faq */
.faq{display:grid;gap:12px}
.faq details{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:0 22px;transition:border-color .2s}
.faq details[open]{border-color:var(--blue-l)}
.faq summary{list-style:none;cursor:pointer;font-family:var(--disp),sans-serif;font-weight:700;font-size:18.5px;padding:18px 0;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--pink-d);font-size:26px;line-height:1;flex:none;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>p,.faq details>ul{padding-bottom:20px;color:var(--ink-2);font-size:var(--fs-0)}
.faq details>ul{display:grid;gap:8px;list-style:none}
.faq details>ul li{padding-right:24px;position:relative}
.faq details>ul li::before{content:"";position:absolute;right:6px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--pink)}

/* ---------- closing CTA band ---------- */
.band{position:relative;background:linear-gradient(135deg,var(--band) 0%,#FBEDF0 60%,var(--blue-w) 100%);padding:88px 0;overflow:hidden}
.band__grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.band__ph{border-radius:140px 34px 34px 34px;overflow:hidden;box-shadow:var(--sh-2);aspect-ratio:4/3}
.band__ph img{width:100%;height:100%;object-fit:cover}
.band h2{font-size:clamp(28px,3.2vw,40px);color:var(--blue-deep)}
.band__p{font-size:var(--fs-2);color:var(--ink-2);margin-top:12px;line-height:1.55}

/* lead form */
.leadcard{background:#fff;border-radius:var(--r-m);box-shadow:var(--sh-2);padding:28px 30px 24px;margin-top:26px}
.leadcard h3{font-family:var(--disp),sans-serif;font-size:21px;font-weight:700;line-height:1.3}
.fb-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}
.fb-row .fb-wide{grid-column:1/-1}
.fb-f{display:grid;gap:6px;min-width:0}
.fb-f label{font-size:14.5px;font-weight:600;color:var(--ink-2);padding-inline-start:2px}
.fb-row [aria-invalid="true"]{border-color:var(--pink-d);background:#FFF6F7}
.fb-row input,.fb-row select,.fb-f input,.fb-f select{width:100%;font:inherit;font-size:17px;padding:15px 17px;border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--mist);text-align:right;direction:rtl;appearance:none;-webkit-appearance:none;color:var(--ink)}
.fb-row select,.fb-f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%234B5963' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center;padding-left:42px}
.fb-row input::placeholder{color:#94A2AB}
.fb-row input:focus,.fb-row select:focus,.fb-f input:focus,.fb-f select:focus{outline:0;border-color:var(--pink);box-shadow:0 0 0 3px rgba(219,113,131,.18);background:#fff}
.fb-row .btn{width:100%}
.fb-foot{display:flex;justify-content:flex-start;align-items:center;gap:12px 28px;margin-top:14px;flex-wrap:wrap}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.45;cursor:pointer;max-width:520px}
.consent input{margin-top:2px;width:20px;height:20px;flex:none;accent-color:var(--pink-d)}
.consent a{color:var(--ink)}
.or-call{margin-inline-start:auto;font-size:16.5px;color:var(--ink-2);white-space:nowrap}
.or-call a{font-family:var(--disp),sans-serif;font-weight:700;font-size:21px;direction:ltr;display:inline-block;text-decoration:none;color:var(--ink)}
.hpx{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;pointer-events:none!important}

/* ---------- footer ---------- */
.ftr{background:var(--ink);color:#C9D3DA;padding:60px 0 30px;font-size:16px}
.ftr a{color:#fff;text-decoration:none}
.ftr a:hover{text-decoration:underline}
.ftr__grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:28px}
.ftr__grid h4,.ftr__h{color:#fff;font-size:16px;margin:0 0 12px;font-family:var(--disp),sans-serif;font-weight:700;letter-spacing:0}
.ftr__grid ul{list-style:none;display:grid;gap:8px}
.ftr__logo{height:40px;margin-bottom:14px}
.ftr__tel{font-family:var(--disp),sans-serif;font-weight:700;font-size:22px;direction:ltr;display:inline-block;margin-top:14px}
.ftr__disc{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;line-height:1.6;color:#94A3AC}
.ftr__bot{margin-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:#94A3AC}

/* ---------- mobile bar ---------- */
.mbar{display:none}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .layout{grid-template-columns:1fr;gap:36px}
  .rail{position:static}
  .rail__toc{display:none}
  .pillars{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr);gap:28px;margin-top:8px}
  .steps .step:nth-child(1),.steps .step:nth-child(4){margin-top:0}
  .arc__line{display:none}
  .hero__grid{grid-template-columns:1fr;gap:34px}
  .hero__pic{order:-1}
  .hero__ph{aspect-ratio:16/10;border-radius:28px 28px 28px 90px}
  .hero__pic{display:grid;gap:10px}
  .hero__badge{position:static;max-width:none;padding:11px 15px;font-size:14px;border:1.5px solid var(--line);box-shadow:none;border-radius:14px}
  .hero__badge b{display:inline;font-size:15px}
  .hero__badge b::after{content:" · ";color:var(--mut);font-weight:400}
  .band__grid{grid-template-columns:1fr}
  .band__ph{display:none}
  .g3{grid-template-columns:repeat(2,1fr)}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .nav{display:none}
  .burger{display:block}
  .hdr__tel span{display:none}
  .hdr__tel{padding:9px;border:1.5px solid var(--line);border-radius:12px}
}
@media (max-width:820px){
  .hdr__cta{display:none}
  .hdr__side{gap:8px}
  .brand__logo{height:36px}
  .brand{gap:10px}
}
@media (max-width:700px){
  /* the header was 481px wide at its narrowest, so the burger sat off-screen on
     every phone - and overflow-x:clip made it unreachable by touch or scroll.
     the "מבית Pregnicare" lockup is the part that has to go. */
  .brand{flex:0 1 auto;min-width:0}
  .brand__logo{min-width:0}
  .burger{flex:none}
  .hdr__in{gap:10px}
  body{font-size:18px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .sec{padding:64px 0}
  .sec--tight{padding:48px 0}
  .hero{padding:28px 0 48px}
  .hero h1{font-size:clamp(32px,9vw,40px)}
  .hero__pills li{width:auto}
  .hero__grid>div{min-width:0}
  .pillars,.tracks,.g2,.g3,.qcards,.hubrow,.contact{grid-template-columns:1fr}
  .funds{grid-template-columns:repeat(2,1fr)}
  .fund__grid{grid-template-columns:1fr}
  .fund__mark{width:120px;height:120px;border-radius:28px}
  .fund__mark img{max-height:76px;width:auto;max-width:140px}
.fund__mark b{font-size:26px}
  .tl__it{grid-template-columns:48px 1fr;gap:14px}
  .tl__n{width:48px;height:48px;font-size:20px}
  .tl__it::before{right:23px;top:44px}
  .steps{grid-template-columns:1fr;gap:22px}
  .step{text-align:right;display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start}
  .step__n{margin:0}
  .step h3{margin-top:12px}
  .ph{padding:36px 0 34px}
  .layout{padding:40px 0 56px}
  .fb-row{grid-template-columns:1fr}
  .ftr__grid{grid-template-columns:1fr}
  .leadcard{padding:22px 20px 20px}
  .band{padding:60px 0}
  .prose .tw{border:0}
  .prose table,.prose tbody,.prose tr,.prose td{display:block}
  .prose thead{display:none}
  .prose tr{border:1.5px solid var(--line);border-radius:16px;padding:6px 4px;margin-bottom:14px}
  .prose td{border:0;padding:8px 14px}
  .prose td::before{content:attr(data-th);display:block;font-family:var(--disp),sans-serif;font-weight:700;color:var(--blue-d);font-size:14px}
  .mbar{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:9px;box-shadow:0 -6px 24px rgba(31,43,53,.1)}
  .mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:13px 10px;font-family:var(--disp),sans-serif;font-weight:700;font-size:16.5px;text-decoration:none}
  .mbar .call{background:var(--pink-d);color:#fff}
  .mbar .form{background:var(--blue-w);color:var(--blue-deep);border:1.5px solid var(--blue-l)}
  .ftr{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}

/* ---------- legal: skip link, accessibility panel, consent bar ---------- */
.skip{position:absolute;top:-60px;right:16px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 12px 12px;z-index:200;text-decoration:none;font-weight:700}
.skip:focus{top:0}
/* A persistent call button. Desktop had no standing call affordance at all -
   only the header number - while mobile already has .mbar across the bottom,
   so this shows from 701px up and never competes with it. Green because that
   is what 'call' reads as, and it is the one place on the site that is not
   brand pink: the eye finds it without hunting. */
.fl-call{display:none}
@media (min-width:701px){
  .fl-call{display:flex;position:fixed;right:18px;bottom:18px;z-index:75;
    align-items:center;gap:10px;text-decoration:none;color:#fff;background:#2CB128;
    border-radius:14px;padding:8px 12px 8px 10px;
    box-shadow:0 8px 22px rgba(24,120,40,.34);transition:transform .15s,box-shadow .15s}
  .fl-call:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,120,40,.42)}
  .fl-call:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
  .fl-call__ic{flex:none;width:42px;height:42px;display:grid;place-items:center;
    background:rgba(255,255,255,.16);border-radius:10px}
  .fl-call__ic svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round}
  .fl-call__tx{display:flex;flex-direction:column;line-height:1;text-align:start}
  .fl-call__tx small{font-size:14px;font-weight:600;opacity:.92;margin-bottom:3px}
  .fl-call__tx b{font-family:var(--disp),sans-serif;font-size:24px;font-weight:700;
    direction:ltr;unicode-bidi:isolate;letter-spacing:-.01em}
}
@media (prefers-reduced-motion:reduce){.fl-call{transition:none}.fl-call:hover{transform:none}}
html.a11y-contrast .fl-call{background:#0A6B08}
.a11y-fab{position:fixed;left:16px;bottom:16px;z-index:90;width:52px;height:52px;border-radius:50%;background:var(--blue-deep);color:#fff;border:0;cursor:pointer;box-shadow:0 10px 26px rgba(31,43,53,.28);display:flex;align-items:center;justify-content:center;transition:transform .15s}
.a11y-fab:hover{transform:scale(1.06)}
.a11y-fab svg{width:28px;height:28px}
.a11y-fab circle{fill:currentColor}
.a11y-panel{position:fixed;left:16px;bottom:80px;z-index:95;width:min(320px,calc(100vw - 32px));background:#fff;border:1.5px solid var(--line);border-radius:22px;box-shadow:var(--sh-2);padding:18px 18px 14px;display:grid;gap:8px}
.a11y-panel[hidden]{display:none}
.a11y-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.a11y-head h2{font-family:var(--disp),sans-serif;font-size:19px;font-weight:700}
.a11y-x{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:var(--mut);padding:0 4px}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:600}
.a11y-steps{display:flex;align-items:center;gap:6px}
.a11y-steps button{width:38px;height:36px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font:inherit;font-weight:700;cursor:pointer}
.a11y-steps output{font-size:13px;font-weight:700;min-width:44px;text-align:center;color:var(--ink-2)}
.a11y-opt,.a11y-reset{width:100%;text-align:right;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--mist);font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;color:var(--ink)}
.a11y-opt[aria-pressed="true"]{background:var(--blue-deep);color:#fff;border-color:var(--blue-deep)}
.a11y-reset{background:#fff;color:var(--ink-2)}
.a11y-note{font-size:13.5px;text-align:center;margin-top:4px}
html.a11y-text-1{font-size:112.5%}html.a11y-text-2{font-size:125%}html.a11y-text-3{font-size:140%}
html.a11y-links a{text-decoration:underline!important;text-underline-offset:.18em;font-weight:700}
html.a11y-readable body{letter-spacing:.012em;word-spacing:.07em;line-height:1.95}
html.a11y-readable p,html.a11y-readable li{max-width:62ch}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-contrast body,html.a11y-contrast .hero,html.a11y-contrast .ph,html.a11y-contrast .fund,html.a11y-contrast .band,html.a11y-contrast .sec,html.a11y-contrast .capsule,html.a11y-contrast .disc,html.a11y-contrast .card,html.a11y-contrast .pil,html.a11y-contrast .track,html.a11y-contrast .track__h,html.a11y-contrast .rail__cta,html.a11y-contrast .rail__box,html.a11y-contrast .leadcard,html.a11y-contrast .qcard,html.a11y-contrast .cbox,html.a11y-contrast .hubrow a,html.a11y-contrast .fundcard,html.a11y-contrast .faq details,html.a11y-contrast .hdr,html.a11y-contrast .nav__panel{background:#fff!important;color:#000!important;border-color:#000!important}
html.a11y-contrast .frag{display:none}
html.a11y-contrast h1,html.a11y-contrast h2,html.a11y-contrast h3,html.a11y-contrast p,html.a11y-contrast li,html.a11y-contrast a,html.a11y-contrast span,html.a11y-contrast td,html.a11y-contrast th,html.a11y-contrast summary{color:#000!important}
html.a11y-contrast .btn,html.a11y-contrast .mbar .call{background:#000!important;color:#fff!important;border:2px solid #000!important}
html.a11y-contrast .btn *{color:#fff!important}
html.a11y-contrast .ftr,html.a11y-contrast .ftr *{background:#000!important;color:#fff!important}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:85;max-width:720px;margin:0 auto;background:#fff;border:1.5px solid var(--line);border-radius:20px;box-shadow:var(--sh-2);padding:16px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cookie[hidden]{display:none}
.cookie p{flex:1;min-width:260px;font-size:15.5px;color:var(--ink-2);line-height:1.5}
.cookie p a{color:var(--blue-d)}
.cookie__b{display:flex;gap:8px;flex:none}
@media (max-width:700px){
  .cookie{bottom:82px;left:10px;right:10px;padding:14px 16px}
  .cookie__b{width:100%}
  .cookie__b .btn{flex:1}
  .a11y-fab{bottom:84px;width:46px;height:46px}
  .a11y-panel{bottom:140px}
}

/* ---------- language switcher ----------
   One segmented control that reads as a single object, with the globe as the
   only ornament. Three separate outlined pills looked like three stray buttons. */
.langs{position:relative;flex:none}
.langs>summary{list-style:none;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:999px;background:#fff;transition:border-color .15s,box-shadow .15s}
.langs>summary::-webkit-details-marker{display:none}
.langs>summary::after{content:"";width:18px;height:18px;background:currentColor;color:var(--ink-2);-webkit-mask:var(--globe) center/contain no-repeat;mask:var(--globe) center/contain no-repeat}
.langs>summary:hover,.langs[open]>summary{border-color:var(--blue);box-shadow:0 2px 8px rgba(31,43,53,.10)}
.langs__m{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:70;min-width:132px;display:grid;gap:2px;padding:6px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-s);box-shadow:var(--sh-2)}
.langs__m a{font-family:var(--disp),sans-serif;font-weight:700;font-size:14.5px;color:var(--ink-2);text-decoration:none;padding:9px 12px;border-radius:10px;white-space:nowrap}
.langs__m a:hover{background:var(--mist);color:var(--ink)}
:root{--globe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.8 2.5 15 0 18M12 3c-2.5 2.8-2.5 15 0 18'/%3E%3C/svg%3E")}
@media (max-width:1150px){
  /* the number itself is the first thing to go: the icon still dials.
     dropping the second logo and the language chips bought ~300px, so the
     number now survives on an ordinary laptop instead of vanishing at 1459. */
  .hdr__tel span{display:none}
  .hdr__tel{padding:9px 10px}
}
@media (max-width:1240px){.nav__top{font-size:15px;padding:9px 8px}.hdr__cta{padding:10px 16px;font-size:15px}}

/* ---------- LTR mirroring (English) ----------
   The whole system is authored RTL. Rather than duplicate it, flip only the
   properties that carry direction. */
[dir="ltr"] .prose li{padding-right:0;padding-left:26px}
[dir="ltr"] .prose li::before{right:auto;left:6px}
[dir="ltr"] .prose h3{padding-right:0;padding-left:18px}
[dir="ltr"] .prose h3::before{right:auto;left:0}
[dir="ltr"] .prose .card h3,[dir="ltr"] .prose .qcard h3{padding-left:0}
[dir="ltr"] .prose blockquote{border-right:0;border-left:4px solid var(--blue-l);border-radius:var(--r-s) 0 0 var(--r-s)}
[dir="ltr"] .disc{border-right:0;border-left:4px solid var(--blue-l);border-radius:var(--r-s) 0 0 var(--r-s)}
[dir="ltr"] .prose th,[dir="ltr"] .prose td{text-align:left}
[dir="ltr"] .prose td::before{text-align:left}
[dir="ltr"] .hero__ph{border-radius:34px 34px 140px 34px}
[dir="ltr"] .ph__pic{border-radius:30px 30px 110px 30px}
[dir="ltr"] .band__ph{border-radius:34px 140px 34px 34px}
[dir="ltr"] .nav__panel{right:auto;left:0}
[dir="ltr"] .sheet__in{right:auto;left:0;box-shadow:20px 0 60px rgba(31,43,53,.25)}
[dir="ltr"] .sheet__in{animation:slide-ltr .28s cubic-bezier(.2,.7,.2,1)}
@keyframes slide-ltr{from{transform:translateX(-100%)}to{transform:none}}
[dir="ltr"] .sheet__grp summary::after{margin-left:0;margin-right:6px}
[dir="ltr"] .fb-row input,[dir="ltr"] .fb-row select,[dir="ltr"] .fb-f input,[dir="ltr"] .fb-f select{text-align:left;direction:ltr}
[dir="ltr"] .fb-row select,[dir="ltr"] .fb-f select{background-position:right 16px center;padding-left:17px;padding-right:42px}
[dir="ltr"] .rail__box a{padding-right:0;padding-left:14px}
[dir="ltr"] .rail__box a::before{right:auto;left:0}
[dir="ltr"] .rail__tel{text-align:left}
[dir="ltr"] .cbox ol li{padding-right:0;padding-left:38px}
[dir="ltr"] .cbox ol li::before{right:auto;left:0}
[dir="ltr"] .faq details>ul li{padding-right:0;padding-left:24px}
[dir="ltr"] .faq details>ul li::before{right:auto;left:6px}
[dir="ltr"] .a11y-opt,[dir="ltr"] .a11y-reset{text-align:left}
[dir="ltr"] .card__more::after{content:"\2192"}
[dir="ltr"] .a11y-fab,[dir="ltr"] .a11y-panel{left:auto;right:16px}
[dir="ltr"] .fl-call{right:auto;left:18px}

/* a block that needs to sit apart from the prose without shouting */
.panel{background:var(--mist);border:1.5px solid var(--line);border-radius:var(--r-m);padding:24px 26px}
.panel>*+*{margin-top:14px}
.panel h3{font-family:var(--disp),sans-serif;font-weight:700;font-size:20px;margin-top:0}
.panel ul{display:grid;gap:11px;list-style:none}
.panel li{position:relative;padding-right:26px}
.panel li::before{content:"";position:absolute;right:4px;top:.5em;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--blue-l)}
[dir="ltr"] .panel li{padding-right:0;padding-left:26px}
[dir="ltr"] .panel li::before{right:auto;left:4px}

/* a row of sibling links, rendered as chips rather than a sentence of links */
.prose p.linkrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.prose p.linkrow a{display:inline-flex;align-items:center;gap:7px;background:var(--blue-w);border:1.5px solid transparent;border-radius:999px;padding:9px 16px;font-size:16px;font-weight:600;color:var(--blue-deep);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.prose p.linkrow a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink);flex:none}
.prose p.linkrow a:hover{background:#fff;border-color:var(--blue-l);transform:translateY(-1px)}

/* the desktop menu only appears when there is genuinely room for it */
@media (max-width:1200px){
  .nav{display:none}
  .burger{display:block}
  .hdr__tel span{display:none}
}

/* identifying details of the legal entity */
.ident{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:var(--fs-0)}
.ident dt{font-family:var(--disp),sans-serif;font-weight:700;color:var(--blue-deep);white-space:nowrap}
.ident dd{margin:0;color:var(--ink-2)}
@media (max-width:520px){.ident{grid-template-columns:1fr;gap:2px 0}.ident dd{margin-bottom:10px}}

/* the answer-capsule label, per language */
[lang="en"] .capsule::before{content:"The short answer"}
[lang="ar"] .capsule::before{content:"الإجابة المختصرة"}

/* glossary */
.terms{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:6px 0 10px}
.terms .term{display:grid;gap:3px;padding:16px 18px;border-radius:16px;background:#fff;border:1.5px solid var(--line);text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
.terms .term:hover{transform:translateY(-2px);box-shadow:var(--sh-1);border-color:var(--pink-l)}
.terms .term b{font-family:var(--disp),sans-serif;font-weight:700;font-size:18px;color:var(--blue-deep)}
.terms .term span{font-size:15.5px;color:var(--ink-2);line-height:1.4}
.ph--term{background:linear-gradient(180deg,var(--pink-w) 0%,#fff 100%)}
.ph--term h1{color:var(--ink)}
@media (max-width:700px){.terms{grid-template-columns:1fr}}

/* week calculator */
.calc{background:linear-gradient(160deg,#fff,var(--blue-w));border:1.5px solid var(--blue-l);border-radius:var(--r-m);padding:24px 26px}
.calc__lab{display:block;font-family:var(--disp),sans-serif;font-weight:700;font-size:19px;margin-bottom:14px}
.calc__row{display:flex;gap:10px;flex-wrap:wrap}
.calc__in{flex:1;min-width:190px;font:inherit;font-size:18px;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink)}
.calc__in:focus{outline:0;border-color:var(--pink);box-shadow:0 0 0 3px rgba(219,113,131,.18)}
.calc__out{margin-top:16px;padding:16px 18px;border-radius:var(--r-s);display:grid;gap:5px;font-size:var(--fs-0);background:#fff;border:1.5px solid var(--line)}
.calc__out b{font-family:var(--disp),sans-serif;font-weight:800;font-size:23px;color:var(--blue-deep)}
.calc__out--ok{background:#F0F9F0;border-color:#BFE3BE}
.calc__out--ok b{color:#1F7A2B}
.calc__out--soon{background:var(--pink-w);border-color:#F2D6DC}
.calc__out--soon b{color:var(--pink-d)}
.calc__out--warn{background:var(--mist)}
.calc__note{font-size:14.5px;color:var(--mut);margin-top:12px}
@media (max-width:700px){.calc{padding:20px}.calc__row .btn{width:100%}}

/* comparison table of the tests */
.cmp{overflow-x:auto;border:1.5px solid var(--line);border-radius:var(--r-m)}
.cmp table{width:100%;border-collapse:collapse;font-size:16px;min-width:640px}
.cmp th,.cmp td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}
.cmp thead th{background:var(--blue-w);font-family:var(--disp),sans-serif;font-weight:700;color:var(--blue-deep);font-size:15px;position:sticky;top:0}
.cmp tbody th{font-weight:700;background:var(--mist);white-space:nowrap}
.cmp td.ours{background:var(--pink-w)}
.cmp thead th.ours{background:var(--pink);color:#fff}
.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}
[dir="ltr"] .cmp th,[dir="ltr"] .cmp td{text-align:left}

/* Headings that are structurally h2 but visually chrome. Demoting them in the
   markup fixed a h2->h4 skip on 100 pages; this keeps them looking the same. */
.rail__h{font-family:var(--disp),sans-serif;font-size:19px;font-weight:700;line-height:1.3;color:var(--ink);margin:0}
.rail__k{font-family:var(--disp),sans-serif;font-size:14px;font-weight:700;color:var(--blue-d);letter-spacing:.04em;margin:0 0 10px}
.leadcard__h{font-family:var(--disp),sans-serif;font-size:21px;font-weight:700;line-height:1.3;color:var(--ink);margin:0}
.cbox__h{font-family:var(--disp),sans-serif;font-weight:700;font-size:19px;margin:0 0 8px;color:var(--ink)}
.prose .rail__h,.prose .rail__k,.prose .leadcard__h,.prose .cbox__h{margin-top:0;padding-top:0}
.prose .rail__h::before,.prose .rail__k::before,.prose .leadcard__h::before,.prose .cbox__h::before,
.prose .rail__h::after,.prose .rail__k::after,.prose .leadcard__h::after,.prose .cbox__h::after{display:none}