/* TZX Locate — generated by build/export_live.py from site/index.html. Fonts: SIL OFL 1.1, see /assets/fonts/. */
:root{color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0;font:14px system-ui,-apple-system,sans-serif;background:#faf9f7}img{max-width:100%}[hidden]{display:none!important}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/assets/fonts/bricolage-latin.55c13ce3f8.woff2) format('woff2');unicode-range:U+0020-007E, U+00A0-00A3, U+00A5-00AC, U+00AE-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2016, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2190-2193, U+2212, U+2248, U+2260, U+2264-2265}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:160 700;font-display:swap;src:url(/assets/fonts/readex-latin.0408e141b8.woff2) format('woff2');unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2010, U+2012-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215, U+2248, U+2260, U+2264-2265}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:160 700;font-display:swap;src:url(/assets/fonts/readex-arabic.022d534a10.woff2) format('woff2');unicode-range:U+060C, U+061B, U+061F, U+0621-063A, U+0640-0656, U+0660-0671, U+06A1, U+06A4, U+06BA, U+FD3E-FD3F}
html.tzx-boot body{opacity:0;animation:tzx-boot-reveal 0s linear 2.5s 1 forwards!important}@keyframes tzx-boot-reveal{to{opacity:1}}
/* ---- style block 1 ---- */
/* =====================================================================================
   TZX Locate — site shell (After Maghrib). Tokens = the app's own (kit/tokens.json).
   Regime: the story sets data-regime="day"|"night" on :root; every text/background pair
   inside a regime is ≥ 4.5:1. The "world" (sky, city) interpolates behind, never under text.
   ===================================================================================== */
:root{
  color-scheme:light;
  --ground:#F4F3EE;--surface:#FFFFFF;--sunken:#EEEDE7;--raised:#FFFFFF;
  --glass:rgba(255,255,255,.78);--glass-strong:rgba(255,255,255,.92);--glass-border:rgba(255,255,255,.85);
  --ink:#0C1512;--ink2:#35403B;--muted:#56625C;--faint:#8A958F;--line:#E3E6E1;--line2:#D3D8D2;
  --primary:#0A7B57;--primary-ink:#FFFFFF;--primary-soft:#E1F3EB;--primary-text:#086B4C;--glow:#2FCF95;
  --drive:#1D5BD8;--drive-soft:#E4ECFD;--alert:#D23A2A;--alert-ink:#FFFFFF;--alert-soft:#FCE8E5;
  --warn:#9A5607;--warn-soft:#FAEFD9;
  --sand:#80531A;--sand2:#6A4413;--sand-ink:#FFFFFF;
  --m-land:#EFECE4;--m-block:#E6E2D8;--m-build:#DCD7CB;--m-park:#CFE6CC;--m-water:#B9DCF1;--m-road:#FFFFFF;--m-road-case:#DAD6CB;--m-hwy:#FCE7A8;--m-hwy-case:#E9C96A;--m-label:#4F5A55;
  --shadow-sm:0 2px 8px rgba(12,21,18,.08);--shadow-md:0 8px 24px rgba(12,21,18,.10),0 1px 3px rgba(12,21,18,.06);--shadow-lg:0 18px 50px rgba(12,21,18,.16),0 2px 6px rgba(12,21,18,.06);
  --fd:'Bricolage Grotesque','Readex Pro','Helvetica Neue',Arial,sans-serif;
  --fb:'Readex Pro','Helvetica Neue',Arial,sans-serif;
  --far:'Readex Pro','Geeza Pro','Noto Naskh Arabic',Tahoma,sans-serif;
  --gut:clamp(16px,4.2vw,56px);--maxw:1320px;--sh-h:64px;
  --e:cubic-bezier(.22,.61,.36,1);
  --scr:640/1392;--rad:.15;--srad:.122;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --ground:#060A09;--surface:#0F1513;--sunken:#0B100E;--raised:#161E1B;
  --glass:rgba(17,24,21,.72);--glass-strong:rgba(15,21,19,.9);--glass-border:rgba(255,255,255,.10);
  --ink:#EEF5F1;--ink2:#C8D3CE;--muted:#9AA8A2;--faint:#66736D;--line:#202A26;--line2:#2E3A35;
  --primary:#3EE0A8;--primary-ink:#04231A;--primary-soft:#0F2A22;--primary-text:#3EE0A8;--glow:#3EE0A8;
  --drive:#6CA9FF;--drive-soft:#10233C;--alert:#FF6B5C;--alert-ink:#2A0703;--alert-soft:#2E1512;
  --warn:#F3B63F;--warn-soft:#2B2110;
  --sand:#EFC896;--sand2:#F7E0BC;--sand-ink:#1E150A;
  --m-land:#0D1211;--m-block:#111816;--m-build:#161E1B;--m-park:#0F231A;--m-water:#0A1E30;--m-road:#232C29;--m-road-case:#0A0E0D;--m-hwy:#3A3520;--m-hwy-case:#1C1A10;--m-label:#A3B0AA;
  --shadow-sm:0 3px 10px rgba(0,0,0,.5);--shadow-md:0 10px 28px rgba(0,0,0,.55);--shadow-lg:0 20px 56px rgba(0,0,0,.65);
}}
:root[data-theme="dark"],:root[data-regime="night"]{
  color-scheme:dark;
  --ground:#060A09;--surface:#0F1513;--sunken:#0B100E;--raised:#161E1B;
  --glass:rgba(17,24,21,.72);--glass-strong:rgba(15,21,19,.9);--glass-border:rgba(255,255,255,.10);
  --ink:#EEF5F1;--ink2:#C8D3CE;--muted:#9AA8A2;--faint:#66736D;--line:#202A26;--line2:#2E3A35;
  --primary:#3EE0A8;--primary-ink:#04231A;--primary-soft:#0F2A22;--primary-text:#3EE0A8;--glow:#3EE0A8;
  --drive:#6CA9FF;--drive-soft:#10233C;--alert:#FF6B5C;--alert-ink:#2A0703;--alert-soft:#2E1512;
  --warn:#F3B63F;--warn-soft:#2B2110;
  --sand:#EFC896;--sand2:#F7E0BC;--sand-ink:#1E150A;
  --m-land:#0D1211;--m-block:#111816;--m-build:#161E1B;--m-park:#0F231A;--m-water:#0A1E30;--m-road:#232C29;--m-road-case:#0A0E0D;--m-hwy:#3A3520;--m-hwy-case:#1C1A10;--m-label:#A3B0AA;
  --shadow-sm:0 3px 10px rgba(0,0,0,.5);--shadow-md:0 10px 28px rgba(0,0,0,.55);--shadow-lg:0 20px 56px rgba(0,0,0,.65);
}
:root[data-regime="day"]{
  color-scheme:light;
  --ground:#F4F3EE;--surface:#FFFFFF;--sunken:#EEEDE7;--raised:#FFFFFF;
  --glass:rgba(255,255,255,.78);--glass-strong:rgba(255,255,255,.92);--glass-border:rgba(255,255,255,.85);
  --ink:#0C1512;--ink2:#35403B;--muted:#56625C;--faint:#8A958F;--line:#E3E6E1;--line2:#D3D8D2;
  --primary:#0A7B57;--primary-ink:#FFFFFF;--primary-soft:#E1F3EB;--primary-text:#086B4C;--glow:#2FCF95;
  --drive:#1D5BD8;--drive-soft:#E4ECFD;--alert:#D23A2A;--alert-ink:#FFFFFF;--alert-soft:#FCE8E5;
  --warn:#9A5607;--warn-soft:#FAEFD9;
  --sand:#80531A;--sand2:#6A4413;--sand-ink:#FFFFFF;
  --m-land:#EFECE4;--m-block:#E6E2D8;--m-build:#DCD7CB;--m-park:#CFE6CC;--m-water:#B9DCF1;--m-road:#FFFFFF;--m-road-case:#DAD6CB;--m-hwy:#FCE7A8;--m-hwy-case:#E9C96A;--m-label:#4F5A55;
  --shadow-sm:0 2px 8px rgba(12,21,18,.08);--shadow-md:0 8px 24px rgba(12,21,18,.10),0 1px 3px rgba(12,21,18,.06);--shadow-lg:0 18px 50px rgba(12,21,18,.16),0 2px 6px rgba(12,21,18,.06);
}
:root[lang="ar"]{--fd:var(--far);--fb:var(--far);--scr:640/1423;--rad:.12;--srad:.095}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--sh-h) + env(safe-area-inset-top,0px) + 16px)} /* focus scrolled into view (Shift+Tab) never parks under the fixed header (WCAG 2.4.11); TZX.jump uses scrollTo, which ignores it */
body{margin:0;background:var(--pg,var(--ground));color:var(--ink);font:400 17px/1.6 var(--fb);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;font-variant-numeric:tabular-nums}
:root[lang="ar"] body{font-size:18.5px;line-height:1.8}
.tzx-pre main,.tzx-pre footer{visibility:hidden}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
::selection{background:color-mix(in srgb,var(--primary) 26%,transparent)}
:focus-visible{outline:2.5px solid var(--primary);outline-offset:3px;border-radius:8px}
/* a jump target (section, article, nav… given tabindex=-1 by TZX.jump / the skip link) takes focus so the next Tab starts there,
   but it is not a control: no ring around a whole chapter while the reader reads it */
[tabindex="-1"]:not(a,button,input,select,textarea,summary,[role]):focus-visible{outline:none}
.ui-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
svg.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
bdi{unicode-bidi:isolate}

/* ---------- skip link ---------- */
.sh-skip{position:fixed;z-index:80;top:calc(10px + env(safe-area-inset-top,0px));inset-inline-start:10px;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--primary);color:var(--primary-ink);font-weight:600;transform:translateY(-200%);transition:transform .2s var(--e)}
.sh-skip:focus{transform:none}

/* ---------- header ---------- */
.sh-top{position:fixed;z-index:60;inset:0 0 auto 0;padding-top:env(safe-area-inset-top,0px);
  background:color-mix(in srgb,var(--ground) 84%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);transition:background-color .6s var(--e),border-color .6s var(--e),color .6s var(--e)}
.sh-top-in{height:var(--sh-h);max-width:1560px;margin-inline:auto;padding-inline:var(--gut);display:flex;align-items:center;gap:clamp(8px,1.2vw,18px)}
.sh-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;flex:none;border-radius:12px;color:var(--ink)}
.sh-logo{display:inline-grid;width:30px;height:30px;flex:none}
.sh-logo svg{grid-area:1/1;width:100%;height:100%;display:block}
.sh-logo .lg-n{display:none}
:root[data-regime="night"] .sh-logo .lg-d,:root[data-regime="night"] .ui-logo .lg-d{display:none}
:root[data-regime="night"] .sh-logo .lg-n,:root[data-regime="night"] .ui-logo .lg-n{display:block}
.sh-wm{font-family:'Bricolage Grotesque',var(--fb);font-weight:700;font-variation-settings:"opsz" 24,"wdth" 100;letter-spacing:-.028em;font-size:19px;line-height:1;white-space:nowrap}
:root[lang="ar"] .sh-wm{font-family:var(--far);font-weight:700;letter-spacing:0;font-variation-settings:normal;font-size:19px}
.sh-clock{display:inline-flex;align-items:center;gap:8px;height:28px;padding-inline-start:clamp(10px,1.2vw,16px);border-inline-start:1px solid var(--line2);white-space:nowrap;color:var(--muted);font-size:12.5px;font-weight:500}
.sh-clock-l,.sh-clock-s{letter-spacing:.08em;text-transform:uppercase} /* concept B's clock: small letter-spaced caps, then the time in sand */
.sh-clock-s{display:none}
.sh-clock-t{font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-weight:600;font-size:17px;letter-spacing:.01em;color:var(--sand);min-width:2.9em;text-transform:none}
:root[lang="ar"] .sh-clock{font-size:14px}
:root[lang="ar"] .sh-clock-l,:root[lang="ar"] .sh-clock-s{letter-spacing:0;text-transform:none}
.sh-nav{position:relative;margin-inline-start:auto;display:flex;align-items:center}
.sh-nav ul{display:flex;align-items:center;gap:2px;position:relative;z-index:1}
.sh-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:999px;color:var(--ink2);font-size:15px;font-weight:500;white-space:nowrap;transition:color .25s var(--e)}
.sh-nav a:hover{color:var(--ink)}
.sh-nav a[aria-current]{color:var(--ink)}
:root[lang="ar"] .sh-nav a{font-size:15.5px}
.sh-ind{position:absolute;z-index:0;top:50%;left:0;height:40px;margin-top:-20px;width:var(--w,0px);border-radius:999px;background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 26%,transparent);transform:translateX(var(--x,0px));opacity:0;transition:transform .42s var(--e),width .42s var(--e),opacity .3s var(--e);pointer-events:none}
.sh-ind.is-on{opacity:1}
.sh-ind::after{content:"";position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--primary)}
.sh-lang{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);font-size:15px;font-weight:500;color:var(--ink);flex:none;transition:background-color .2s var(--e),border-color .2s var(--e)}
.sh-lang:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.sh-lang[lang="ar"]{font-family:var(--far);font-size:16px}
.sh-cta{flex:none}
.sh-cta .s{display:none}
.sh-menu-btn{display:none;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--ink);font-size:15px;font-weight:500;flex:none}
.sh-menu-btn .ic{width:20px;height:20px}
.sh-prog{position:absolute;inset:auto 0 -1px 0;height:2px;background:linear-gradient(to right,color-mix(in srgb,var(--sand) 20%,transparent),var(--sand));transform-origin:left center;transform:scaleX(var(--prog,0));opacity:.85;pointer-events:none}
:root[dir="rtl"] .sh-prog{transform-origin:right center;background:linear-gradient(to left,color-mix(in srgb,var(--sand) 20%,transparent),var(--sand))}
/* header breakpoints (measured 320–1400 in 5px steps, EN + AR, every route: no item closer than the gutter to either edge;
   re-measured 1100–2200 with the seventh nav item, Compare, 2026-09-26, also with web fonts blocked)
   ≥1340 full · ≤1339 short clock label · ≤1279 nav links pad 10px (1100–1199: 9px, AR 8px; AR 1200–1279: 9px) · 1100–1219 short CTA ("Beta") · ≤1099 menu button
   instead of the nav · ≤719 compact: the clock keeps only its time, short CTA, icon-only menu · ≤479 phones: brand · time · CTA ·
   menu (the language link is in the menu and the footer) · ≤419 tighter CTA and gaps · the time steps aside only where it
   cannot fit: AR ≤389, EN ≤354 · at any width ≥1100, if an item still leaves the content box (a reader's own text spacing,
   an odd zoom, a missing font), :root.sh-tight gives the menu layout until the full header fits again (hdrFit, below) */
@media (max-width:1339px){.sh-clock-l{display:none}.sh-clock-s{display:inline}.sh-clock{gap:6px}}
@media (max-width:1279px){.sh-nav a{padding:0 10px}}
@media (min-width:1100px) and (max-width:1219px){.sh-cta .f{display:none}.sh-cta .s{display:inline}}
@media (min-width:1100px) and (max-width:1199px){.sh-nav a{padding:0 9px}}
@media (min-width:1100px) and (max-width:1199px){:root[lang="ar"] .sh-nav a{padding:0 8px}:root[lang="ar"] .sh-top-in{gap:10px}}
@media (min-width:1200px) and (max-width:1279px){:root[lang="ar"] .sh-nav a{padding:0 9px}}
@media (max-width:1099px){
  .sh-nav{display:none}
  .sh-menu-btn{display:inline-flex}
  .sh-lang{margin-inline-start:auto}
}
:root.sh-tight .sh-nav{display:none}
:root.sh-tight .sh-menu-btn{display:inline-flex}
:root.sh-tight .sh-lang{margin-inline-start:auto}
@media (max-width:719px){
  .sh-clock{gap:0;padding-inline-start:8px;min-width:0;overflow:hidden} /* the only item that may shrink: if space ever runs out (a fallback font), the time yields, never the menu */
  .sh-clock-t{min-width:0}
  .sh-clock-l,.sh-clock-s{display:none}
  .sh-cta .f{display:none}.sh-cta .s{display:inline}
  .sh-menu-btn .t{display:none}
}
@media (max-width:599px){
  .sh-cta{padding:0 16px!important}
  .sh-top-in{gap:8px}
}
@media (max-width:479px){.sh-top .sh-lang{display:none}.sh-cta{margin-inline-start:auto}.sh-wm{font-size:17.5px}:root[lang="ar"] .sh-wm{font-size:17px}.sh-brand{gap:8px}.sh-logo{width:27px;height:27px}}
@media (max-width:419px){.sh-top-in{gap:6px}.sh-top .sh-cta{padding:0 12px!important}.sh-clock{padding-inline-start:6px}}
@media (max-width:389px){:root[lang="ar"] .sh-clock{display:none}}
@media (max-width:354px){.sh-clock{display:none}}
@media (max-width:339px){:root[lang="ar"] .sh-wm{font-size:16px}:root[lang="ar"] .sh-brand{gap:6px}:root[lang="ar"] .sh-top .sh-cta{padding:0 10px!important}:root[lang="ar"] .sh-top-in{gap:5px}}

/* ---------- mobile menu ---------- */
.sh-scrim{position:fixed;z-index:55;inset:0;background:rgba(6,10,9,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.sh-menu{position:fixed;z-index:58;inset:calc(var(--sh-h) + env(safe-area-inset-top,0px)) 0 auto 0;max-height:calc(100svh - var(--sh-h) - env(safe-area-inset-top,0px));overflow:auto;overscroll-behavior:contain;
  background:var(--ground);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);padding:14px var(--gut) calc(22px + env(safe-area-inset-bottom,0px))}
.sh-menu-in{max-width:640px;margin-inline:auto;display:grid;gap:18px}
.sh-menu-h{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
:root[lang="ar"] .sh-menu-h{letter-spacing:0;text-transform:none;font-size:15px}
.sh-menu-x{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--ink)}
.sh-menu ul{display:grid;gap:4px}
.sh-menu ul a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 16px;border-radius:16px;font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 28,"wdth" 100;font-size:21px;letter-spacing:-.015em;color:var(--ink)}
:root[lang="ar"] .sh-menu ul a{letter-spacing:0;font-variation-settings:normal;font-weight:600}
.sh-menu ul a small{font-family:var(--fb);font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0;font-variation-settings:normal}
.sh-menu ul a[aria-current]{background:var(--primary-soft)}
.sh-menu ul a[aria-current]::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--primary)}
.sh-menu-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:6px;border-top:1px solid var(--line)}
.sh-menu-acts .ui-btn{flex:1 1 220px}
:root.sh-menu-open{overflow:hidden}
/* forced colours drop the pill and the row tint: keep "you are here" visible as an underline */
@media (forced-colors:active){.sh-nav a[aria-current],.sh-menu ul a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}}

/* ---------- shared components (pages use these) ---------- */
.ui-wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.ui-cq{container-type:inline-size}
.ui-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:20px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);font-weight:600}
:root[lang="ar"] .ui-eyebrow{letter-spacing:0;text-transform:none;font-size:15px}
.ui-time{font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-weight:650;font-size:15.5px;letter-spacing:.02em;color:var(--sand);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:12px;text-transform:none}
.ui-time::after{content:"";width:26px;height:1.5px;background:currentColor;opacity:.55}
:root[dir="rtl"] .ui-eyebrow .ui-time{flex-direction:row-reverse} /* the rule sits between the time and the label in both directions */
.ui-tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 11px;border-radius:999px;background:var(--sunken);color:var(--ink2);font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1.2}
:root[lang="ar"] .ui-tag{letter-spacing:0;font-size:13.5px}
.ui-tag.is-free{background:var(--primary-soft);color:var(--primary-text)}
.ui-tag.is-plus{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--sand) 50%,transparent);color:var(--sand2)}
.ui-tag.is-sos{background:var(--alert-soft);color:var(--ink)}
.ui-tag.is-sos::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--alert)}
.ui-tag.is-demo{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--ink2)}
.ui-h1{font-family:var(--fd);font-weight:720;font-variation-settings:"opsz" 96,"wdth" 94;letter-spacing:-.035em;line-height:.95;text-wrap:balance;color:var(--ink)}
.ui-h2{font-family:var(--fd);font-weight:680;font-variation-settings:"opsz" 72,"wdth" 96;font-size:clamp(2rem,8.4cqi,3.7rem);line-height:1.03;letter-spacing:-.03em;text-wrap:balance;color:var(--ink)}
.ui-h3{font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 28,"wdth" 100;font-size:20px;line-height:1.25;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .ui-h1{font-weight:650;letter-spacing:0;line-height:1.2;font-variation-settings:normal}
:root[lang="ar"] .ui-h2{font-weight:620;letter-spacing:0;line-height:1.32;font-variation-settings:normal;font-size:clamp(1.9rem,7.4cqi,3.3rem)}
:root[lang="ar"] .ui-h3{letter-spacing:0;line-height:1.45;font-variation-settings:normal;font-weight:600}
.ui-h2 .l{display:block}
.ui-lede{font-size:clamp(17.5px,1.3vw,19.5px);line-height:1.58;color:var(--ink);max-width:62ch;text-wrap:pretty}
.ui-p{color:var(--ink2);max-width:64ch;text-wrap:pretty}
.ui-small{font-size:15px;color:var(--muted);line-height:1.55;text-wrap:pretty}
li,figcaption,dd{text-wrap:pretty}
:root[lang="ar"] .ui-lede{font-size:clamp(19px,1.4vw,21px);line-height:1.8}
:root[lang="ar"] .ui-small{font-size:16.5px;line-height:1.75}
.ui-lede+.ui-p,.ui-p+.ui-p,.ui-p+.ui-small,.ui-lede+.ui-small{margin-top:16px}
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:0;font-weight:600;font-size:16px;line-height:1.1;white-space:nowrap;text-align:center;transition:background-color .2s var(--e),transform .15s var(--e),box-shadow .2s var(--e),color .2s var(--e)}
.ui-btn:active{transform:scale(.97)}
.ui-btn-p{background:var(--primary);color:var(--primary-ink);box-shadow:0 10px 26px -12px color-mix(in srgb,var(--primary) 70%,transparent)}
.ui-btn-p:hover{background:color-mix(in srgb,var(--primary) 88%,var(--ink))}
.ui-btn-g{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
.ui-btn-g:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.ui-btn[aria-busy="true"]{opacity:.7;pointer-events:none}
.sh-top .ui-btn{min-height:44px;padding:0 18px;font-size:15px}
.ui-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm)}
/* ---------- the beta (any page): two clear buttons, iPhone · Android, + the Android note; the email waitlist is the secondary (ghost) option ---------- */
.ui-beta{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 16px;margin-top:28px}
.ui-beta-i{flex:1 1 210px;max-width:300px;min-width:0}
.ui-beta-btn{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;min-height:62px;padding:10px 22px;white-space:normal}
.ui-beta-t{font-size:17px;line-height:1.15}
.ui-beta-s{font-size:13px;font-weight:500;line-height:1.2;opacity:.82}
:root[lang="ar"] .ui-beta-s{font-size:14px}
.ui-beta-n{margin-top:10px;padding-inline:4px;font-size:14px;line-height:1.5;color:var(--muted);text-wrap:pretty}
:root[lang="ar"] .ui-beta-n{font-size:15px;line-height:1.7}
@media (max-width:479px){.ui-beta-i{flex-basis:100%;max-width:none}}
.ui-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ui-links .ui-btn{gap:6px}
svg.ic.ui-go{width:18px;height:18px}
:root[dir="rtl"] svg.ic.ui-go{transform:scaleX(-1)}
.ui-list{display:grid;gap:10px}
.ui-list li{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;color:var(--ink2);line-height:1.5}
.ui-list li .ic{width:18px;height:18px;margin-top:3px;color:var(--primary-text);stroke-width:2.2}
.ui-logo{display:inline-grid;flex:none}
.ui-logo svg{grid-area:1/1;width:100%;height:100%;display:block}
.ui-logo .lg-n{display:none}

/* the phone capture: a real screen in an iPhone (EN) or Android (AR) frame */
.ui-cap{--pw:280px;width:var(--pw);max-width:100%;margin:0 auto}
.ui-cap-body{position:relative;padding:calc(var(--pw) * .028);border-radius:calc(var(--pw) * var(--rad));
  background:linear-gradient(155deg,#4a4f4a 0%,#1b201e 14%,#0b0e0d 46%,#161a18 80%,#3d423d 100%);
  box-shadow:0 0 0 1px rgba(255,236,210,.14),inset 0 0 0 1.5px rgba(255,255,255,.07),0 40px 80px -30px rgba(0,0,0,.55),0 14px 34px -14px rgba(0,0,0,.45)}
.ui-cap-img,.ui-cap-stack{display:block;width:100%;height:auto;aspect-ratio:var(--scr);border-radius:calc(var(--pw) * var(--srad));background:#050807;object-fit:cover}
.ui-cap-stack{position:relative;overflow:hidden;isolation:isolate}
.ui-cap-stack>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .22s linear,visibility 0s linear .22s}
.ui-cap-stack>img.is-on{opacity:1;visibility:visible;transition:opacity .22s linear,visibility 0s}
.ui-cap-stack.is-snap>img{transition:none!important}
.ui-cap figcaption{margin-top:12px;text-align:center;font-size:13.5px;line-height:1.45;color:var(--muted)}

/* the city: drawn low-rise Riyadh roofline (colours come from --sk-* set by TZX.paintSky) */
.ui-sky{position:relative;pointer-events:none;--winA:0}
.ui-sky svg{display:block;width:100%;height:100%}
.sk-far{fill:var(--sk-far,#D8CCB4)}.sk-farw{fill:var(--sk-win,#F6D29C);opacity:calc(var(--winA) * .55)}
.sk-near{fill:var(--sk-near,#D2BE9C)}.sk-shade{fill:var(--sk-shade,#B9A27F)}.sk-glass{fill:var(--sk-glass,#7D8986)}
.sk-tank{fill:var(--sk-tank,#F1EDE4)}.sk-det{fill:var(--sk-shade,#B9A27F)}
.sk-wall{fill:var(--sk-wall,#C8B38F)}.sk-cope{fill:var(--sk-tank,#F1EDE4);opacity:.75}
.sk-palm{fill:none;stroke:var(--sk-palm,#6B7350);stroke-linecap:round;stroke-linejoin:round}
.sk-pole{fill:none;stroke:var(--sk-shade,#B9A27F);stroke-width:1.6;stroke-linecap:round}
.sk-w{opacity:0;transition:opacity 1.1s ease}
.sk-w.on{opacity:var(--winA)}
.w0,.w3,.w6,.w9,.sk-hw{fill:#F6D29C}.w1,.w4,.w10{fill:#F3C98B}.w2,.w7{fill:#FFE3B8}.w5,.w11{fill:#E4EDEA}.w8{fill:#F9DDA8}
.sk-lampg{fill:url(#sk-lampgrad);opacity:0;transition:opacity 1.1s ease}
.sk-lampg.on{opacity:var(--winA)}
.sk-lamph{fill:var(--sk-shade,#B9A27F)}

/* ---------- waitlist component (any page) ---------- */
.wl-form{display:grid;gap:10px;max-width:560px}
.wl-form>label{font-size:15px;font-weight:600;color:var(--ink)}
.wl-field{display:flex;gap:10px;flex-wrap:wrap}
.wl-field input{flex:1 1 230px;min-width:0;min-height:56px;padding:0 18px;border-radius:16px;border:1.5px solid var(--line2);background:var(--surface);color:var(--ink);font-size:17px;transition:border-color .2s var(--e),box-shadow .2s var(--e)}
.wl-field input::placeholder{color:var(--muted);opacity:1}
.wl-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent)}
.wl-field input[aria-invalid="true"]{border-color:var(--alert)}
.wl-field .ui-btn{min-height:56px;flex:0 0 auto}
.wl-hp{position:absolute!important;inset-inline-start:0;top:0;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap;opacity:0;pointer-events:none}
.wl-form{position:relative}
.wl-err{display:flex;gap:8px;align-items:flex-start;font-size:15.5px;font-weight:500;color:var(--ink)}
.wl-err:empty,.wl-ok:empty{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* collapsed, not display:none: the live regions stay in the accessibility tree so the message is announced when it arrives */
.wl-err::before{content:"";flex:none;width:8px;height:8px;margin-top:.55em;border-radius:50%;background:var(--alert)}
.wl-ok{padding:14px 16px;border-radius:16px;background:var(--primary-soft);color:var(--ink);font-size:15.5px;line-height:1.5}
.wl-note{font-size:14.5px;color:var(--muted);line-height:1.55}
.wl-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;display:inline-block;padding-block:12px;margin-block:-12px} /* 44px tap target without stretching the line */
:root[lang="ar"] .wl-note{font-size:16px}

/* ---------- footer ---------- */
.sh-foot{position:relative;margin-top:clamp(40px,6vw,80px);color:#EEF5F1;background:#040807;
  --ink:#EEF5F1;--ink2:#C8D3CE;--muted:#9AA8A2;--line:#1E2824;--line2:#2E3A35;--primary:#3EE0A8;--primary-text:#3EE0A8;--primary-ink:#04231A;--primary-soft:#0F2A22;--ground:#040807;--sand:#EFC896;--sand2:#F7E0BC;--sand-ink:#1E150A}
.sh-foot .ui-sky{height:clamp(120px,14vw,220px);background:linear-gradient(to bottom,var(--pg,var(--ground)) 0%,#0C1516 62%,#101A19 100%)}
.sh-foot .sk-hw.on{filter:drop-shadow(0 0 3px #F6C67E)}
.sh-foot-in{max-width:var(--maxw);margin-inline:auto;padding:30px var(--gut) calc(34px + env(safe-area-inset-bottom,0px));display:grid;gap:26px}
@media (min-width:960px){.sh-foot-in{grid-template-columns:1.3fr 1fr auto;align-items:start}}
.sh-foot .sh-brand{color:#EEF5F1}
.sh-foot .sh-logo{width:34px;height:34px}.sh-foot .sh-logo .lg-d{display:none}.sh-foot .sh-logo .lg-n{display:block}
.sh-foot .sh-wm{font-size:22px}
.sh-foot p{font-size:15px;color:var(--ink2);line-height:1.6}
.sh-foot-promise{margin-top:14px;text-wrap:balance;font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 36,"wdth" 96;font-size:22px!important;letter-spacing:-.018em;color:#EEF5F1!important;line-height:1.25!important}
:root[lang="ar"] .sh-foot-promise{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.5!important}
.sh-foot nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:0 22px}
.sh-foot nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--ink2);font-size:15.5px}
.sh-foot nav a:hover{color:#fff}
.sh-foot nav a[aria-current]{color:#EEF5F1;text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:2px;text-underline-offset:6px}
.sh-foot .sh-lang{color:#EEF5F1;border-color:#2E3A35;justify-self:start}
.sh-foot-mail a{color:#EEF5F1;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;display:inline-flex;align-items:center;min-height:44px}
.sh-foot-fine{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:6px}
.sh-foot-fine p{font-size:14px;color:var(--muted)}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important;scroll-behavior:auto!important}
}
/* ---------- page styles (assembled) ---------- */
/* ---- page: home ---- */

/* ============================ HOME · After Maghrib (concept B's composition) ============================
   One evening in Riyadh, 17:48 → 22:00, in one dark world for every viewer (the OS light/dark setting does not change it):
   a fixed dusk sky and the city along the bottom are painted BEHIND the copy; one phone sits fixed in the centre while the
   chapters pass it, text on one side and the detail (demo, drawn card) on the other, alternating. Every colour is explicit. */
.home{position:relative;color:var(--ink);
  --k:2.11;--ch-city:clamp(78px,13svh,150px);
  --ph:max(300px,min(calc(100svh - var(--sh-h) - 166px),700px));
  --pw:min(calc(var(--ph) / var(--k)),340px);
  --fh:calc(var(--pw) * var(--k));
  --stick:calc((100svh + var(--sh-h) - var(--fh)) / 2);
  --cg:clamp(56px,5.2vw,104px);--tg:clamp(40px,5vw,72px);
  /* concept B's warm night neutrals (all ≥ 4.5:1 on the sky and on the cards) */
  --ink:#F2EDE3;--ink2:#D4CDC0;--muted:#ACAEA3;--faint:#868C84;--line:rgba(242,228,204,.12);--line2:rgba(242,228,204,.22);
  --surface:#111B18;--sunken:rgba(242,228,204,.06);--raised:#17221F;
  --glass:rgba(10,17,15,.74);--glass-strong:rgba(10,17,15,.9);--glass-border:rgba(242,228,204,.14)}
:root[lang="ar"] .home{--k:2.155}
@media (min-width:760px) and (max-width:1279px){.home{--pw:min(calc(var(--ph) / var(--k)),36vw,330px)}} /* text | phone: the text column keeps ≥ ~55% */
@media (min-width:1700px){.home{--pw:min(calc(var(--ph) / var(--k)),360px)}}

/* ---------- the sky and the city (fixed, behind everything on the page) ---------- */
.home-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to bottom,var(--sky1,#0C2524) 0%,var(--sky2,#16332F) 56%,var(--sky3,#4A4A38) 100%)}
.home-sky::before{content:"";position:absolute;inset:auto 0 0 0;height:64%;opacity:var(--glow,1);
  background:radial-gradient(95% 72% at 50% 100%,rgba(238,168,110,.52) 0%,rgba(224,150,104,.22) 40%,rgba(200,130,90,0) 72%),
             linear-gradient(to top,rgba(243,201,146,.26),rgba(243,201,146,0) 40%)}
.home-sky::after{content:"";position:absolute;inset:auto 0 0 0;height:36%;opacity:var(--haze,0);
  background:radial-gradient(85% 95% at 50% 100%,rgba(239,200,150,.15),rgba(239,200,150,0) 70%)}
.home-city{position:fixed;inset:auto 0 0 0;z-index:-1;height:var(--ch-city);pointer-events:none;opacity:var(--city,1)}
.home-city .sk-lampg-g{display:none} /* no lamp glows behind the copy (the footer keeps them) */
/* phones: the copy spans the whole width and scrolls through the bottom of the screen, so the sky keeps a dark horizon and the
   dusk glow lives only inside the city's own band, behind the roofline; the copy carries a ground halo (below) */
@media (max-width:759px){
  .home{--ch-city:clamp(56px,9svh,84px)}
  .home-sky{background:linear-gradient(to bottom,var(--sky1,#0C2524) 0%,var(--sky2,#16332F) 60%,color-mix(in srgb,var(--sky3,#4A4A38) 45%,var(--sky2,#16332F)) 100%)}
  .home-sky::before,.home-sky::after{display:none}
  .home-city{background:radial-gradient(90% 130% at 50% 100%,rgba(238,168,110,calc(var(--glow,1) * .34)) 0%,rgba(224,150,104,calc(var(--glow,1) * .12)) 50%,rgba(200,130,90,0) 80%)}
}
@media (min-width:760px) and (max-width:1023px){.home-sky::before{opacity:calc(var(--glow,1) * .42)}}
/* the copy passes in front of the city: a ground-coloured halo keeps lit windows from showing between the glyphs */
.home-story{--halo:0 0 1px rgba(6,10,9,.95),0 0 4px rgba(6,10,9,.92),0 0 12px rgba(6,10,9,.85),0 0 26px rgba(6,10,9,.7)}
.home-ch-text,.home-index,.home-hero .home-note,.home-hero .home-ledes,.home-ch figcaption,.home-ch-art>p,.home-ch-art>.home-alerts,.home-gap{text-shadow:var(--halo)}
.home-seq-n,.ui-tag,.ui-btn,.ui-card,.home-chip,.home-code,.home-walk,.home-fix{text-shadow:none}
@media (min-width:760px){.home-story{--muted:var(--ink2)}.home-index .home-index-list a{color:var(--ink)}}

/* ---------- the story grid ---------- */
.home-story{position:relative;max-width:1440px;margin-inline:auto;padding-inline:var(--gut)}
@media (min-width:1700px){.home-story{max-width:1560px}}
.home-ch{position:relative;padding-top:72px}
.home-ch-text{width:100%;max-width:40rem;min-width:0}
.home-ch-art{margin-top:34px;min-width:0}
.home-rail{display:none}
.home-inline{--pw:min(66vw,284px);margin-top:40px}
.home-ch .ui-eyebrow{margin-bottom:22px}
.home-ch .ui-h2{font-size:clamp(2.05rem,10.2cqi,3.7rem);line-height:1.02}
:root[lang="ar"] .home-ch .ui-h2{font-size:clamp(1.95rem,9cqi,3.35rem);line-height:1.3}
.home-ch-text .ui-lede{margin-top:18px}
.home-ch-text .ui-p{margin-top:16px}
/* ≥760: text | the phone (sticky, one screen at a time) */
@media (min-width:760px){
  .home-ch{display:grid;grid-template-columns:minmax(0,1fr) var(--pw);column-gap:var(--tg);align-content:center;
    min-height:calc((100svh + var(--sh-h) + var(--fh)) / 2 + 12px);
    padding-block:calc(var(--sh-h) + 24px) calc(var(--ch-city) + 24px)} /* the copy rests centred in the space between the header and the city */
  .home-ch>*{grid-column:1}
  .home-inline{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none} /* each capture keeps its place (and its alt) in the reading order; the stage shows it */
  .home-rail{display:grid;position:absolute;inset:0;z-index:2;padding-inline:var(--gut);grid-template-columns:minmax(0,1fr) var(--pw);column-gap:var(--tg);pointer-events:none}
  .home-stage{grid-column:2;align-self:start;position:sticky;top:var(--stick);margin-top:var(--stick);pointer-events:auto}
  .home-stage-cap{--pw:inherit;margin:0} /* the shell sets --pw on every .ui-cap: take the stage's own */
}
/* ≥1280: the phone in the centre, chapters alternate sides */
@media (min-width:1280px){
  .home-ch,.home-rail{grid-template-columns:minmax(0,1fr) var(--pw) minmax(0,1fr);column-gap:var(--cg)}
  .home-ch{align-items:center}
  .home-ch>.home-ch-text,.home-ch>.home-ch-art{grid-row:1}
  .home-ch[data-side="a"]>.home-ch-text{grid-column:1;justify-self:end}
  .home-ch[data-side="a"]>.home-ch-art{grid-column:3}
  .home-ch[data-side="b"]>.home-ch-text{grid-column:3}
  .home-ch[data-side="b"]>.home-ch-art{grid-column:1}
  .home-ch-art{margin-top:0;justify-self:center;width:min(100%,420px)}
}
/* finding (20:30): a tall scroll track with the chapter pinned, so the circle → ring → wedge → arrow morph plays slowly
   (driveMorph maps the track to the shapes, each holding while it is read). Reduced motion: normal flow, no track. */
@media (prefers-reduced-motion:no-preference){
  .home-find{--track:260svh}
  .home-find>.home-ch-art{position:sticky;top:max(calc(var(--sh-h,64px) + 12px),calc(50svh - 280px));align-self:start}
  .home-find::after{content:"";display:block;height:var(--track)}
  @media (min-width:760px){
    .home-find{align-content:stretch;grid-template-rows:auto minmax(0,1fr);min-height:calc(100svh + var(--track))}
    .home-find::after{display:none}
    .home-find>.home-ch-text{align-self:start}
  }
  @media (min-width:1280px){
    .home-find{grid-template-rows:minmax(0,1fr)}
    .home-find>.home-ch-text{position:sticky;top:calc(var(--sh-h,64px) + 24px)}
  }
}
/* the phone: a real capture in the frame; the phone's rim catches the dusk light */
.home-stage .ui-cap-body{box-shadow:0 0 0 1px rgba(255,236,210,.12),inset 0 0 0 1.5px rgba(255,255,255,.07),inset 0 -14px 24px -18px rgba(240,178,120,calc(var(--rim,0) * .9)),0 50px 90px -30px rgba(0,0,0,.75),0 16px 40px -12px rgba(0,0,0,.5),0 40px 120px -40px rgba(238,168,110,calc(var(--rim,0) * .45))}

/* ---------- hero (17:48) ---------- */
.home-hero{display:flex;flex-direction:column;align-items:flex-start;padding-top:calc(var(--sh-h) + 36px)}
.home-chip{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);background:rgba(6,10,9,.25);font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}
.home-chip i{width:8px;height:8px;border-radius:50%;background:var(--sand);box-shadow:0 0 0 4px color-mix(in srgb,var(--sand) 16%,transparent)}
.home-h1{margin-top:24px;width:100%;line-height:.9}
.home-h1a,.home-h1b{display:block;container-type:inline-size}
.home-h1 .t{display:block;font-size:12.1cqi;text-wrap:balance}
.home-h1 .dbr{display:none}
.home-h1b{margin-top:.06em}
.home-ledes{margin-top:24px;max-width:36rem;font-size:clamp(17px,1.25vw,19px);line-height:1.6;color:var(--ink2);text-wrap:pretty}
.home-lede+.home-lede{margin-top:10px}
@media (min-width:760px){.home-lede{display:inline}.home-lede+.home-lede{margin-top:0}} /* one lede, as concept B set it */
.home-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.home .wl-field input{background:rgba(0,0,0,.35);border-color:rgba(242,228,204,.3);color:var(--ink)}
.home .wl-field input:hover{border-color:rgba(242,228,204,.45)}
.home .wl-note{color:var(--ink2)}
.home-follow{gap:8px}
.home-follow .ic{width:18px;height:18px}
.home-note{margin-top:22px;max-width:30rem;font-size:14.5px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.home-note b{font-weight:500;color:var(--sand)}
.home-hero-cap{align-self:center;margin:34px auto 0}
:root[lang="ar"] .home-h1{line-height:1.2}
:root[lang="ar"] .home-h1 .t{font-size:10.5cqi}
:root[lang="ar"] .home-ledes{font-size:clamp(18.5px,1.35vw,20.5px);line-height:1.8}
:root[lang="ar"] .home-note{font-size:16px;line-height:1.75}
@media (max-width:759px){
  /* phones (concept B): chip, promise, lede, the two pills, the note, then the first phone */
  .home-acts{gap:10px}
  .home-acts .ui-btn{min-height:48px;padding:0 18px;font-size:15px}
  .home-hero-cap{order:9}
}
@media (min-width:760px){
  .home-hero{display:grid;align-items:start;min-height:100svh} /* the first screen is the hero alone: the index starts below the fold at every size */
}
@media (min-width:760px) and (max-width:1279px){.home-h1 .t{font-size:11.2cqi}:root[lang="ar"] .home-h1 .t{font-size:10cqi}}
@media (min-width:1280px){
  .home-hero{grid-template-rows:auto auto auto auto;align-content:center;row-gap:0;padding-block:calc(var(--sh-h) + 16px) calc(var(--ch-city) + 16px)}
  .home-h1{display:contents}
  .home-h1 .dbr{display:inline}
  .home-chip{grid-column:1;grid-row:1;justify-self:end;align-self:end}
  .home-h1a{grid-column:1;grid-row:2;text-align:end;margin-top:26px}
  .home-h1b{grid-column:3;grid-row:2;margin-top:26px}
  .home-h1 .t{font-size:clamp(3.4rem,23.5cqi,7.6rem)}
  :root[lang="ar"] .home-h1 .t{font-size:clamp(3rem,19cqi,6.2rem)}
  .home-note{grid-column:1;grid-row:3;justify-self:end;text-align:end;margin-top:30px;max-width:22rem}
  .home-ledes{grid-column:3;grid-row:3;margin-top:30px;max-width:36rem}
  .home-acts{grid-column:3;grid-row:4;margin-top:28px}
}
/* tall enough screens: centre the hero where concept B did (its chapter box), which still keeps every line above the city */
@media (min-width:1280px) and (min-height:860px){.home-hero{padding-bottom:calc((100svh - var(--sh-h) - var(--fh)) / 2 + 4px)}}
@media (min-width:1280px) and (max-height:820px){
  .home-h1 .t{font-size:clamp(2.8rem,min(23.5cqi,10.6vh),7.6rem)}
  :root[lang="ar"] .home-h1 .t{font-size:clamp(2.6rem,min(19cqi,9vh),6.2rem)}
  .home-h1a,.home-h1b{margin-top:16px}
  .home-note,.home-ledes{margin-top:20px}
  .home-acts{margin-top:20px}
}

/* ---------- tonight, in one line (the evening's timeline, split around the phone) ---------- */
.home-index{padding-top:48px}
.home-index-head{margin-bottom:14px}
.home-index-h{font-family:var(--fb);font-weight:500;font-size:13px;letter-spacing:.09em;text-transform:uppercase;line-height:1.4;color:var(--sand)} /* concept B's .tn-h */
.home-index-sub{margin-top:4px;font-size:14.5px;color:var(--muted)}
:root[lang="ar"] .home-index-h{letter-spacing:0;text-transform:none;font-size:15px}
.home-index-list{border-inline-start:1px solid var(--line2);padding-inline-start:4px}
.home-index-list a{position:relative;display:flex;align-items:center;gap:16px;min-height:44px;padding:5px 12px;border-radius:10px;font-size:15.5px;line-height:1.35;color:var(--ink2);transition:background-color .2s var(--e),color .2s var(--e)}
.home-index-list a:hover{background:rgba(242,228,204,.07);color:var(--ink)}
.home-index-list time{flex:none;width:3.2em;font-family:'Bricolage Grotesque',var(--fb);font-weight:600;font-variation-settings:"opsz" 20,"wdth" 100;font-size:15.5px;color:var(--sand)}
.home-index-list a span{text-wrap:balance}
.home-index-list a[aria-current]{background:var(--primary-soft);color:var(--ink);font-weight:600}
.home-index-list a[aria-current]::before{content:"";position:absolute;inset-inline-start:-5px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--primary)}
.home-index-b .home-index-list li:last-child a{color:var(--ink);font-weight:600} /* the closing 22:00 row only */
:root[lang="ar"] .home-index-list a{font-size:16.5px}
@media (min-width:760px){.home-index{min-height:0;padding-top:calc(var(--sh-h) + 12px)}}
@media (min-width:1280px){
  .home-index{align-items:end}
  .home-index-a{grid-column:1;grid-row:1;justify-self:end;width:min(100%,420px)}
  .home-index-b{grid-column:3;grid-row:1;width:min(100%,420px)}
}

@media (min-width:1280px) and (max-height:820px){:root[lang="ar"] .home-ch-text .ui-lede{line-height:1.62}:root[lang="ar"] .home-after{margin-top:10px}}
@media (min-width:1280px) and (max-height:880px){
  :root[lang="ar"] .home-facts{gap:8px}
  :root[lang="ar"] .home-facts li{font-size:16px;line-height:1.6}
  :root[lang="ar"] .home-ch .ui-small{font-size:16px;line-height:1.6}
}
@media (min-width:1280px) and (max-height:860px){
  .home-ch .ui-eyebrow{margin-bottom:16px}
  .home-ch .ui-h2{font-size:clamp(2rem,9.2cqi,3.3rem)}
  :root[lang="ar"] .home-ch .ui-h2{font-size:clamp(1.85rem,8.2cqi,3rem);line-height:1.28}
  .home-ch-text .ui-lede{margin-top:14px;font-size:17.5px;line-height:1.55}
  :root[lang="ar"] .home-ch-text .ui-lede{font-size:18.5px;line-height:1.7}
  .home-ch-text .ui-p{margin-top:12px}
  .home-facts{gap:10px;margin-top:18px}
  .home-facts li{font-size:15.5px;line-height:1.5}
  :root[lang="ar"] .home-facts li{font-size:16.5px;line-height:1.65}
  .home-after{margin-top:14px}
  :root[lang="ar"] .home-ch .ui-small{line-height:1.65}
  .home-quiet-facts .home-fix{margin-top:10px;padding:9px 12px}
  .home-ladder{margin-top:20px;padding-top:16px}.home-ladder-steps{margin:12px 0}
  .home-seq{gap:10px;margin-top:18px}.home-chips{margin-top:14px}
  .home-walk{margin-top:20px;padding:14px}
  .home-trip-facts{margin-top:18px}
}

/* ---------- chapter details ---------- */
.home .ui-card{background:linear-gradient(180deg,rgba(19,32,29,.92),rgba(10,17,15,.95));border-color:var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.home-ch-art .home-hd,.home-ch-art .home-mir,.home-ch-art .home-sos,.home-ch-art .home-speed{margin-top:0}
.home-art-cap{margin-top:14px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.home-mir-safe{margin-top:16px}
:root[lang="ar"] .home-art-cap{font-size:15.5px;line-height:1.7}
.home-ch-art .home-alerts{margin-top:0}
/* 17:57 Maghrib: the people list, drawn (the map's text twin) */
.home-who{display:block;margin:0;max-width:420px;padding:18px 18px 16px;border-radius:24px;background:linear-gradient(180deg,rgba(19,34,31,.94),rgba(11,19,17,.96));box-shadow:inset 0 0 0 1px rgba(242,228,204,.1),0 30px 60px -30px rgba(0,0,0,.7);color:var(--ink)}
.home-mg-h .l{display:block}
/* 18:05 the pull line */
.home-ch-art .home-pull{margin:0}
.home-ch-art .home-pull p{font-size:clamp(28px,8.4cqi,38px)}
.home-ch-art{container-type:inline-size}
/* 19:00 the two lock screens */
.home-ch-art .home-quiet-pair{margin-top:0;max-width:none;grid-template-columns:1fr;gap:26px}
.home-quiet-facts .home-fix{display:flex;gap:12px;align-items:flex-start;max-width:30rem;margin-top:12px;padding:11px 14px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-sm);line-height:1.4}
/* 19:30 the convoy gap (concept B's own art) */
.home-gap{margin:0}
.home-gap-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.home-gap-row .n{font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 96,"wdth" 100;font-weight:700;font-size:clamp(64px,22cqi,92px);line-height:.9;letter-spacing:-.045em;color:var(--ink)}
.home-gap-row .u{font-size:18px;color:var(--muted);margin-inline-end:10px}
.home-gap-row .dot{width:6px;height:6px;border-radius:50%;background:var(--line2);align-self:center;margin-inline-end:10px}
.home-gap-c{margin-top:12px;font-size:16px;line-height:1.5;color:var(--ink2)}
.home-gap-trail{display:block;margin-top:26px;width:100%;height:auto;overflow:visible}
.home-gap-trail .tr-ahead{fill:none;stroke:var(--drive);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 9}
.home-gap-trail .tr-done{fill:none;stroke:var(--drive);stroke-width:3;stroke-linecap:round;opacity:.35}
.home-gap-trail .tr-plate{fill:#0F1513;stroke:var(--drive);stroke-width:2.5}
.home-gap figcaption{margin-top:14px;font-size:14.5px;line-height:1.5;color:var(--muted)}
:root[lang="ar"] .home-gap-c{font-size:17px;line-height:1.7}
:root[lang="ar"] .home-gap figcaption{font-size:15.5px;line-height:1.7}
/* 19:50 roll-call + talk */
.home-roll-art{display:grid;gap:18px}
.home-trip-facts{margin-top:26px}
/* 20:30 finder */
.home-find-asked{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.55;color:var(--ink2)}
.home-find-asked b{color:var(--ink);font-weight:600}
:root[lang="ar"] .home-find-asked{font-size:16.5px;line-height:1.75}
.home-ch-art .home-find-stage{min-height:min(64svh,540px)}
/* 22:00 */
.home-recap-art{display:grid;justify-items:center;gap:20px}
.home-recap-num{margin:0;width:100%;container-type:inline-size}
.home-recap-num span{display:block;font-family:'Bricolage Grotesque',var(--fb);font-weight:760;font-variation-settings:"opsz" 96,"wdth" 84;font-size:37cqi;line-height:.82;letter-spacing:-.018em;white-space:nowrap;text-align:center;color:var(--sand)}
.home-recap-home{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border-radius:999px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--glass-border);font-size:13.5px;font-weight:650;color:var(--ink);white-space:nowrap}
.home-recap-home .ic{width:15px;height:15px;color:var(--primary-text)}
:root[lang="ar"] .home-recap-home{font-size:14.5px}
.home-recap .ui-h2{margin-bottom:0}

/* ---------- reused from the previous home: shared bits and the demos (unchanged) ---------- */
.home .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home-tile{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:14px;background:var(--primary-soft);color:var(--primary-text)}
.home-tile .ic{width:20px;height:20px}
.home .av{display:inline-block;border-radius:50%;padding:3px;background:var(--surface);box-shadow:0 0 0 3px var(--ring,var(--primary)),var(--shadow-sm)}
.home .av img{width:100%;height:100%;border-radius:50%;display:block}
/* facts list (scannable) */
.home-facts{display:grid;gap:14px;margin-top:26px}
.home-facts li{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;color:var(--ink2);line-height:1.55;font-size:16px}
.home-facts li .ic{margin-top:2px;color:var(--primary-text)}
.home-facts b{color:var(--ink);font-weight:600}
.home-after{margin-top:22px}
:root[lang="ar"] .home-facts li{font-size:17px;line-height:1.75}
/* ---------- the Honest Dot demo ---------- */
.home-hd{margin-top:28px;overflow:hidden;container-type:inline-size}
.home-hd-map{position:relative;aspect-ratio:400/210;overflow:hidden;background:var(--m-land)}
.home-hd-map>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.m-land{fill:var(--m-land)}.m-block rect,.m-block{fill:var(--m-block)}.m-build rect{fill:var(--m-build)}.m-park{fill:var(--m-park)!important}
.m-parkpath{fill:none;stroke:var(--m-land);stroke-width:3;opacity:.8}
.m-roadc path,.m-roadc{fill:none;stroke:var(--m-road-case);stroke-width:9;stroke-linecap:round}
.m-road path,.m-road{fill:none;stroke:var(--m-road);stroke-width:6;stroke-linecap:round}
.m-road .m-art{stroke-width:11}.m-roadc path:nth-child(1){stroke-width:9}
.m-hwyc{fill:none;stroke:var(--m-hwy-case);stroke-width:17;stroke-linecap:round}
.m-hwy{fill:none;stroke:var(--m-hwy);stroke-width:13;stroke-linecap:round}
.m-lbl{fill:var(--m-label);font-family:var(--fb);font-weight:600}
.m-lbl-s{font-size:9.5px;letter-spacing:.3px}
.m-lbl-d{font-size:11px;letter-spacing:3px}
.m-lbl-h{font-size:9.5px;letter-spacing:.6px}
:root[lang="ar"] .m-lbl{letter-spacing:0;font-size:11px}
/* the world never mirrors: map labels keep the English anchor edge in RTL (an Arabic run still shapes right to left) */
:root[dir="rtl"] .home svg text{direction:ltr}
.home-hd-acc{fill:color-mix(in srgb,var(--primary) 14%,transparent);stroke:var(--primary);stroke-width:1.4;transition:r .35s var(--e),fill .35s,stroke .35s}
.home-hd.is-stale .home-hd-acc{fill:color-mix(in srgb,var(--warn) 9%,transparent);stroke:var(--warn);stroke-dasharray:5 5}
.home-hd-pin{position:absolute;left:56.67%;top:48.32%;width:50px;height:50px;transform:translate(-50%,-50%)}
.home-hd-pin .av{width:50px;height:50px;--ring:var(--primary)}
.home-hd-pin img{transition:filter .4s var(--e)}
.home-hd.is-stale .home-hd-pin .av{--ring:var(--warn)}
.home-hd.is-stale .home-hd-pin img{filter:grayscale(.85)}
.home-hd-badge{position:absolute;inset-inline-end:-8px;bottom:-5px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--warn);color:var(--surface);box-shadow:0 0 0 2px var(--surface)}
.home-hd-badge .ic{width:13px;height:13px;stroke-width:2.2}
.home-hd-cap{position:absolute;left:56.67%;top:calc(48.32% + 36px);transform:translateX(-50%);padding:5px 11px;border-radius:999px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--glass-border),var(--shadow-sm);font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}
:root[lang="ar"] .home-hd-cap{font-size:13px}
.home-hd-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:14px 12px 12px;border-block:1px solid var(--line);background:var(--surface)}
.home-hd-strip li{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}
.home-hd-strip .av{width:38px;height:38px;--ring:var(--primary);box-shadow:0 0 0 2.5px var(--ring)}
.home-hd-strip b{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.15}
.home-hd-strip small{font-size:11.5px;color:var(--muted);line-height:1.15;white-space:nowrap}
.home-hd-strip small.is-live{color:var(--primary-text);font-weight:600}
.home-hd.is-stale #home-hd-twin .av{--ring:var(--warn)}
.home-hd.is-stale #home-hd-twin img{filter:grayscale(.85)}
.home-hd.is-stale #home-hd-twin small{color:var(--warn);font-weight:650}
:root[lang="ar"] .home-hd-strip b{font-size:13.5px}:root[lang="ar"] .home-hd-strip small{font-size:12.5px}
.home-hd-sheet{padding:16px clamp(16px,4.4cqi,24px) 6px}
.home-hd-label{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}
.home-hd-dotmark{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--primary)}
.home-hd-try{margin-inline-start:auto;letter-spacing:0;text-transform:none;font-weight:500;color:var(--primary-text);font-size:13.5px}
:root[lang="ar"] .home-hd-label{letter-spacing:0;text-transform:none;font-size:14px}
.home-hd-title{margin-top:10px;font-family:var(--fd);font-weight:700;font-variation-settings:"opsz" 32,"wdth" 100;font-size:min(24px,6.2cqi);letter-spacing:-.02em;line-height:1.2;min-height:2.4em;text-wrap:balance;color:var(--ink)} /* two lines reserved: longer states and user text spacing wrap instead of clipping */
:root[lang="ar"] .home-hd-title{letter-spacing:0;line-height:1.45;min-height:2.9em;font-variation-settings:normal}
@container (max-width:470px){.home-hd .m-lbl-h{display:none}} /* narrow cards: the road name would run under Teta's caption */
.home-hd-line{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink2);min-height:3em;text-wrap:pretty}
:root[lang="ar"] .home-hd-line{font-size:16px;line-height:1.65;min-height:3.3em}
.home-hd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;min-height:36px}
@container (max-width:470px){.home-hd-meta{min-height:66px;align-content:flex-start}.home-hd-now{flex-basis:100%;margin-inline-start:0!important}.home-hd-line{min-height:4.5em}:root[lang="ar"] .home-hd-line{min-height:4.95em}}
@container (max-width:330px){.home-hd-line{min-height:6em}:root[lang="ar"] .home-hd-line{min-height:6.6em}}
.home-hd-reason{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 13px 0 11px;border-radius:999px;background:var(--sunken);color:var(--ink2);font-size:14px;font-weight:600;white-space:nowrap}
.home-hd-reason .ic{width:16px;height:16px}
.home-hd-now{margin-inline-start:auto;font-size:13.5px;color:var(--muted);white-space:nowrap}
.home-hd-now b{font-family:'Bricolage Grotesque',var(--fb);font-weight:650;color:var(--ink);font-variation-settings:"opsz" 20,"wdth" 100}
.home-hd-scrub{position:relative;margin-top:8px;padding-bottom:46px}
.home-hd-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;--p:0%;--fc:var(--primary)}
.home-hd-range:focus{outline:none}
.home-hd-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(to var(--end,right),var(--fc) 0 var(--p),var(--sunken) var(--p) 100%)}
:root[dir="rtl"] .home-hd-range{--end:left}
.home-hd-range::-moz-range-track{height:8px;border-radius:999px;background:var(--sunken)}
.home-hd-range::-moz-range-progress{height:8px;border-radius:999px;background:var(--fc)}
.home-hd-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:var(--surface);border:0;box-shadow:0 0 0 3px var(--fc),0 4px 12px rgba(12,21,18,.22)}
.home-hd-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--surface);border:0;box-shadow:0 0 0 3px var(--fc),0 4px 12px rgba(12,21,18,.22)}
.home-hd-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--fc),0 0 0 5.5px var(--surface),0 0 0 8px var(--ink)}
.home-hd-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--fc),0 0 0 5.5px var(--surface),0 0 0 8px var(--ink)}
@media (forced-colors:active){.home-hd-range{forced-color-adjust:none}}
.home-hd.is-stale .home-hd-range{--fc:var(--warn)}
.home-hd-ticks{position:absolute;left:0;right:0;bottom:0;height:44px}
.home-hd-tick{position:absolute;top:0;min-width:44px;min-height:44px;padding:0 6px;border:0;background:transparent;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--muted);white-space:nowrap;transform:translateX(-50%)}
.home-hd-tick[data-t="0"]{left:15px;transform:translateX(-30%)}
.home-hd-tick[data-t="1"]{left:calc(15px + (100% - 30px) / 3)}
.home-hd-tick[data-t="2"]{left:calc(15px + (100% - 30px) * 2 / 3)}
.home-hd-tick[data-t="3"]{left:calc(100% - 15px);transform:translateX(-70%)}
:root[dir="rtl"] .home-hd-tick[data-t="0"]{left:auto;right:15px;transform:translateX(30%)}
:root[dir="rtl"] .home-hd-tick[data-t="1"]{left:auto;right:calc(15px + (100% - 30px) / 3);transform:translateX(50%)}
:root[dir="rtl"] .home-hd-tick[data-t="2"]{left:auto;right:calc(15px + (100% - 30px) * 2 / 3);transform:translateX(50%)}
:root[dir="rtl"] .home-hd-tick[data-t="3"]{left:auto;right:calc(100% - 15px);transform:translateX(70%)}
.home-hd-tick::before{content:"";position:absolute;top:3px;left:50%;width:2px;height:6px;margin-left:-1px;border-radius:2px;background:var(--line2)}
.home-hd-tick:hover,.home-hd-tick[aria-pressed="true"]{color:var(--ink)}
:root[lang="ar"] .home-hd-tick{font-size:14.5px}
/* ---------- places & alerts ---------- */
.home-alerts{margin-top:26px;border-top:1px solid var(--line)}
.home-alerts li{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.home-alerts .t b{display:block;font-weight:600;color:var(--ink);line-height:1.35}
.home-alerts .t small{display:block;margin-top:2px;font-size:14px;color:var(--muted);line-height:1.45}
.home-alerts time{font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 36,"wdth" 100;font-weight:650;font-size:25px;letter-spacing:-.02em;color:var(--ink)}
.home-alerts-cap{margin-top:12px}
:root[lang="ar"] .home-alerts .t small{font-size:15px}
/* ---------- the mirror demo ---------- */
.home-mir{margin-top:28px;padding:18px clamp(16px,4.4cqi,24px) 20px;display:grid;gap:14px}
.home-mir-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.home-live{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650;color:var(--primary-text)}
.home-live i{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}
.home-mir-stage{display:grid;place-items:center;gap:14px;min-height:190px;padding:22px 12px;border-radius:20px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 62%),var(--sunken)}
.home-mir-pin{position:relative;display:inline-block}
.home-mir-pin .av{width:72px;height:72px;--ring:var(--primary)}
.home-mir-eye{position:absolute;top:-8px;inset-inline-end:-16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface);color:var(--muted);box-shadow:var(--shadow-md);transition:background-color .3s,color .3s,box-shadow .3s}
.home-mir-eye .ic{width:20px;height:20px}
.home-mir.is-looking .home-mir-eye{background:var(--primary);color:var(--primary-ink);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 22%,transparent),var(--shadow-md)}
.home-mir.is-looking .home-mir-eye::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--primary);animation:home-pulse 2.2s ease-out 3}
@keyframes home-pulse{0%{transform:scale(.92);opacity:.75}100%{transform:scale(1.45);opacity:0}}
.home-mir-cap{padding:5px 12px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.home-mir-btn{justify-self:start}
.home-mir-h{margin-top:4px;font-size:12.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}
:root[lang="ar"] .home-mir-h{letter-spacing:0;text-transform:none;font-size:14px}
.home-ledger li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.4;color:var(--ink2)}
.home-ledger img{width:30px;height:30px;border-radius:50%;flex:none}
.home-ledger .tx{flex:1;min-width:0}
.home-ledger time{font-size:13.5px;color:var(--muted);white-space:nowrap}
.home-ledger li.is-new{animation:home-flash 1.4s var(--e)}
@keyframes home-flash{0%{background:color-mix(in srgb,var(--primary) 16%,transparent)}100%{background:transparent}}
.home-ladder{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.home-ladder-h{font-weight:600;color:var(--ink)}
.home-ladder-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
.home-ladder-steps li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.home-ladder-steps svg{width:min(64px,100%);height:auto;aspect-ratio:1}
.home-ladder-steps b{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.25}
.lad-o{fill:none;stroke:var(--line2)}.lad-e{fill:color-mix(in srgb,var(--primary) 16%,transparent);stroke:var(--primary)}.lad-d{fill:var(--primary)}
.lad-a{fill:color-mix(in srgb,var(--ink) 8%,transparent);stroke:color-mix(in srgb,var(--ink) 40%,transparent)}.lad-c{stroke-dasharray:none}
.lad-p{fill:none;stroke:var(--faint);stroke-width:2.4;stroke-dasharray:4 4}.lad-pb{fill:var(--muted)}
.lad-off{fill:none;stroke:var(--muted);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home-who-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px 12px;border-bottom:1px solid rgba(255,255,255,.09);font-family:var(--fd);font-weight:680;font-variation-settings:"opsz" 32,"wdth" 96;font-size:20px;letter-spacing:-.015em;line-height:1.25;color:#F4EFE6}
.home-who-head time{font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-size:15px;font-weight:650;letter-spacing:0;color:#3EE0A8}
:root[lang="ar"] .home-who-head{letter-spacing:0;font-variation-settings:normal;font-weight:600}
.home-who-list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.06)}
.home-who .av{width:38px;height:38px;padding:2px;--ring:#3EE0A8;background:#0B1311;box-shadow:0 0 0 2.5px var(--ring)}
.home-who-list b{display:block;font-weight:600;font-size:15.5px;color:#F4EFE6;line-height:1.3}
.home-who-list small{display:block;font-size:13.5px;color:#AEBBB5;line-height:1.35}
.home-who-list .is-home small{color:#3EE0A8;font-weight:600}
.home-who-list .is-stale .av{--ring:var(--warn)}.home-who-list .is-stale img{filter:grayscale(.85)}
.home-who-list .is-stale small{color:var(--warn)}.home-who-list .is-stale .ic{color:var(--warn)}
.home-who-list .ic{width:18px;height:18px;color:#3EE0A8}
.home-who figcaption{margin-top:12px;font-size:13px;color:#AEBBB5;line-height:1.45}
:root[lang="ar"] .home-who-list b{font-size:16px}:root[lang="ar"] .home-who-list small,:root[lang="ar"] .home-who figcaption{font-size:14.5px;line-height:1.6}
/* ---------- safe ride + SOS ---------- */
.home-pull{margin:30px 0 0;padding-top:22px;border-top:2px solid color-mix(in srgb,var(--sand) 55%,transparent)} /* concept B's pull rule */
.home-pull p{font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 48,"wdth" 96;font-size:clamp(26px,6.4cqi,38px);line-height:1.14;letter-spacing:-.024em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .home-pull p{letter-spacing:0;line-height:1.5;font-variation-settings:normal;font-weight:600}
.home-walk{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;margin-top:30px;padding:18px;border-radius:20px;background:var(--sunken)}
.home-walk p{color:var(--ink2);line-height:1.55}
.home-walk b{color:var(--ink);font-weight:600}
.home-sos{margin-top:28px;padding:18px clamp(16px,4.4cqi,24px) 22px}
.home-sos-top{display:flex;justify-content:flex-start}
.home-sos-demo{display:grid;justify-items:center;gap:14px;padding:12px 0 4px}
.home-sos-btn{position:relative;display:grid;place-items:center;width:176px;height:176px;padding:0;border:0;border-radius:50%;background:transparent;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.home-sos-btn svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.home-sos-btn .trk{fill:none;stroke:color-mix(in srgb,var(--alert) 24%,transparent);stroke-width:7}
.home-sos-btn .prg{fill:none;stroke:var(--alert);stroke-width:7;stroke-linecap:round}
.home-sos-btn .core{display:grid;place-items:center;width:136px;height:136px;border-radius:50%;background:var(--alert);color:var(--alert-ink);font:800 2.1rem/1 'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 48,"wdth" 100;letter-spacing:.02em;box-shadow:0 14px 34px -12px color-mix(in srgb,var(--alert) 70%,transparent);transition:transform .12s var(--e)}
.home-sos-btn.is-holding .core{transform:scale(.95)}
.home-sos-btn:focus-visible{outline-color:var(--alert);border-radius:50%}
.home-sos-status{min-height:1.6em;margin-top:2px;font-weight:600;color:var(--ink);text-align:center}
.home-sos-result{border-radius:16px;outline-offset:6px}
.home-sos-arnote{display:none}
:root[lang="ar"] .home-sos-arnote{display:block;margin-top:16px}
.home-sos-result{display:grid;gap:14px;padding-top:10px}
.home-sos-done{font-family:var(--fd);font-weight:700;font-variation-settings:"opsz" 32,"wdth" 96;font-size:21px;letter-spacing:-.02em;line-height:1.25}
:root[lang="ar"] .home-sos-done{letter-spacing:0;font-variation-settings:normal}
.home-dial{display:grid;gap:6px;padding:18px 20px;border-radius:20px;background:var(--sunken)}
.home-dial .k{font-size:14px;font-weight:600;color:var(--muted)}
.home-dial .n{font-family:'Bricolage Grotesque',var(--fb);font-weight:700;font-variation-settings:"opsz" 96,"wdth" 100;font-size:56px;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.home-dial .lbl{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.home-dial .lbl .ic{width:18px;height:18px;color:var(--alert)}
.home-dial .note{font-size:14.5px;color:var(--muted);line-height:1.5}
.home-sos-reset{justify-self:start}
.home-seq{display:grid;gap:14px;margin-top:26px;counter-reset:s}
.home-seq li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start;color:var(--ink2);line-height:1.55}
.home-seq b{color:var(--ink);font-weight:600}
.home-seq-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line2);font-family:'Bricolage Grotesque',var(--fb);font-weight:650;font-size:14px;color:var(--ink)}
.home-seq li:first-child .home-seq-n{background:var(--alert);color:var(--alert-ink);box-shadow:none}
.home-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.home-chips li{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:var(--sunken);color:var(--ink2);font-size:14px;font-weight:500}
:root[lang="ar"] .home-chips li{font-size:15px}
.home-lock{position:relative;display:grid;gap:14px}
.home-lock figcaption{font-size:13px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}
:root[lang="ar"] .home-lock figcaption{letter-spacing:0;text-transform:none;font-size:15px}
.home-lock-scr{height:clamp(112px,20vw,150px);border-radius:30px 30px 0 0;background:radial-gradient(120% 90% at 30% 0%,#1D3A3C 0%,#0E1B1E 55%,#0A1214 100%);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.home-lock-t{font-family:'Bricolage Grotesque',var(--fb);font-weight:600;font-variation-settings:"opsz" 96,"wdth" 90;font-size:clamp(46px,9vw,64px);line-height:1;letter-spacing:-.03em;color:#EEF5F1}
.home-note-card{margin:calc(clamp(112px,20vw,150px) * -.38) 14px 0;padding:14px 16px 16px;border-radius:22px;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px var(--glass-border),var(--shadow-md)}
.home-note-h{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--ink2)}
.home-note-ic{width:20px;height:20px;border-radius:6px;background:#FBFAF6;padding:1.5px}
:root[data-regime="night"] .home-note-ic{background:#0B1210}
.home-note-h time{margin-inline-start:auto;font-weight:500;color:var(--muted)}
.home-note-t{margin-top:8px;font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 28,"wdth" 100;font-size:20px;line-height:1.3;letter-spacing:-.012em;color:var(--ink)}
:root[lang="ar"] .home-note-t{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.55}
.home-fix .ic{width:18px;height:18px;margin-top:2px;color:var(--ink2)}
.home-fix b{display:block;font-weight:600;font-size:15px;color:var(--ink)}
.home-fix small{display:block;margin-top:2px;font-size:14px;color:var(--ink2);line-height:1.45}
:root[lang="ar"] .home-fix b{font-size:16px}:root[lang="ar"] .home-fix small{font-size:15px;line-height:1.6}
.home-dc{padding:18px 18px 20px;display:flex;flex-direction:column;gap:14px}
.home-dc-head{display:flex;align-items:center;gap:13px}
.home-dc-head p{font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px}
:root[lang="ar"] .home-dc-head p{font-size:15px}
.home-dc-rows{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.home-dc-rows li{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font-size:15px;line-height:1.5;color:var(--ink2)}
.home-dc-rows .ic{width:18px;height:18px;margin-top:2px;color:var(--primary-text)}
.home-dc-rows b{color:var(--ink);font-weight:600}
.home-dc-foot{margin-top:auto}
:root[lang="ar"] .home-dc-rows li{font-size:16px;line-height:1.7}
.home-rc{position:relative;width:132px;height:132px;margin:4px auto 0}
.home-rc-ring{width:100%;height:100%;transform:rotate(-90deg)}
.home-rc-ring .trk{fill:none;stroke:var(--sunken);stroke-width:11}
.home-rc-ring .val{fill:none;stroke:var(--primary);stroke-width:11;stroke-linecap:round}
.home-rc-n{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.1}
.home-rc-n b{font-family:'Bricolage Grotesque',var(--fb);font-weight:700;font-variation-settings:"opsz" 72,"wdth" 100;font-size:40px;letter-spacing:-.03em;color:var(--ink)}
.home-rc-n span{font-size:14px;color:var(--muted)}
.home-rc-big{text-align:center;font-family:var(--fd);font-weight:680;font-variation-settings:"opsz" 36,"wdth" 96;font-size:24px;letter-spacing:-.02em;color:var(--ink)}
:root[lang="ar"] .home-rc-big{letter-spacing:0;font-variation-settings:normal;font-weight:600}
.home-rc-faces{display:flex;justify-content:center;gap:6px}
.home-rc-faces li{position:relative;width:34px;height:34px}
.home-rc-faces img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px var(--surface)}
.home-rc-faces i{position:absolute;inset-inline-end:-3px;bottom:-3px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--primary);color:var(--primary-ink);box-shadow:0 0 0 2px var(--surface)}
.home-rc-faces i .ic{width:10px;height:10px;stroke-width:3}
.home-rc-faces .is-miss span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--faint);color:var(--muted);font-weight:700;font-size:14px}
.home-clips{display:grid;gap:4px}
.home-clips li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.home-clips img{width:34px;height:34px;border-radius:50%}
.home-clips .c{min-width:0}
.home-clips .c p{display:flex;align-items:baseline;gap:8px;font-size:14.5px;color:var(--ink)}
.home-clips .c p span{color:var(--muted);font-size:13px}
.home-clips .c .q{display:block;margin-top:4px;font-size:13.5px;color:var(--ink2);line-height:1.4}
.home-wave{display:block;width:100%;max-width:150px;height:18px;margin-top:4px;stroke:var(--ink2);stroke-width:2;stroke-linecap:round;fill:none}
.home-clips .st{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.home-clips .st.is-ok{color:var(--primary-text)}
.home-count{display:flex;align-items:baseline;gap:10px;padding:10px 0 2px}
.home-count b{font-family:'Bricolage Grotesque',var(--fb);font-weight:700;font-variation-settings:"opsz" 96,"wdth" 100;font-size:64px;line-height:.9;letter-spacing:-.04em;color:var(--ink)}
.home-count span{font-size:16px;color:var(--ink2)}
.home-find-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:16px 16px 20px;border-radius:30px;background:radial-gradient(circle at 50% 58%,rgba(62,224,168,.08),transparent 60%),#0B1311;box-shadow:inset 0 0 0 1px #1E2A26;color:#EEF5F1;min-height:520px}
.home-find-stage{container-type:inline-size}
.home-find-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
@container (max-width:560px){.home-find-rail{gap:2px}.home-find-rail button{padding:0 10px 0 8px;gap:6px;font-size:13.5px}}
@container (max-width:420px){.home-find-rail button:not([aria-pressed="true"]) span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-find-rail button:not([aria-pressed="true"]){padding:0 12px}}
.home-find-rail button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 11px;border:0;border-radius:999px;background:transparent;color:#AEBBB5;font-size:14px;font-weight:600;transition:background-color .25s,color .25s}
.home-find-rail button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.home-find-rail button svg .g-fill{fill:currentColor;fill-opacity:.2}
.home-find-rail button[aria-pressed="true"]{background:#0F2A22;color:#3EE0A8}
.home-find-rail button:focus-visible{outline-color:#3EE0A8}
:root[lang="ar"] .home-find-rail button{font-size:15px;padding:0 11px 0 14px}
.home-morph{width:100%;height:100%;min-height:300px;display:block}
.home-morph .grid circle,.home-morph .grid path{fill:none;stroke:rgba(255,255,255,.07)}
.home-morph .mp{fill:#3EE0A8;stroke:#3EE0A8;stroke-width:1.5;stroke-linejoin:round}
.home-morph .you{fill:#3EE0A8;stroke:#0B1311;stroke-width:3.5}
.home-morph .mum-plate{fill:#0B1311;stroke:#3EE0A8;stroke-width:3}
.home-find-read{text-align:center;display:grid;gap:4px;align-content:start;min-height:calc(1.1em * 1.2 + 4.5em)}
.home-find-read .small{min-height:4.4em}
.home-find-read .big{font-family:'Bricolage Grotesque',var(--fb);font-weight:700;font-variation-settings:"opsz" 72,"wdth" 96;font-size:clamp(28px,3vw,40px);letter-spacing:-.025em;line-height:1.1;color:#EEF5F1}
.home-find-read .small{font-size:15px;color:#AEBBB5;line-height:1.45;text-wrap:balance}
:root[lang="ar"] .home-find-read .big{font-family:var(--far);letter-spacing:0;font-variation-settings:normal;font-weight:650;line-height:1.5}
:root[lang="ar"] .home-find-read .small{font-size:16px}
.home-speed{margin-top:28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 18px;padding:22px 24px}
.home-speed .num{font-family:'Bricolage Grotesque',var(--fb);font-weight:700;font-variation-settings:"opsz" 96,"wdth" 100;font-size:84px;line-height:.9;letter-spacing:-.045em;color:var(--ink)}
.home-speed .unit{grid-column:1;font-size:14.5px;color:var(--muted)}
.home-speed .sign{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:3px dashed var(--line2);font-family:'Bricolage Grotesque',var(--fb);font-weight:700;font-size:30px;color:var(--ink2)}
.home-speed .cap{grid-column:1 / -1;margin-top:12px;padding-top:14px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5;color:var(--ink2)}
:root[lang="ar"] .home-speed .cap{font-size:16.5px;line-height:1.7}
.home-arline{margin-top:6px;padding-block:18px;border-block:1px solid var(--line);container-type:inline-size}
.home-arline p{font-family:var(--far);font-weight:600;font-size:clamp(2.2rem,11.5cqi,5.4rem);line-height:1.3;color:var(--sand);text-align:right} /* concept B's .ar-line */
.home-arline p span{display:block}
.home-arline p span+span{color:var(--ink)}
.home-arline figcaption{margin-top:12px;font-size:15px;line-height:1.55;color:var(--muted)}
:root[lang="ar"] .home-arline figcaption{font-size:16.5px;line-height:1.75}
.home-here{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,3vw,36px);margin-top:26px}
.home-here li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}
.home-here li .ic{margin-top:3px;color:var(--primary-text)}
.home-here .ui-h3{font-size:17.5px}
.home-here p{margin-top:4px;font-size:15px;line-height:1.5;color:var(--ink2)}
.home-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;padding:1px 6px;border-radius:6px;background:var(--sunken);color:var(--ink);white-space:nowrap}
:root[lang="ar"] .home-code{padding:0 2px}
:root[lang="ar"] .home-here p{font-size:16px;line-height:1.7}
@container (max-width:460px){.home-here{grid-template-columns:1fr}}
/* ---------- after 22:00: concept B's sections (made to its measurements) ---------- */
.home-after-sec{padding-top:clamp(76px,7.5vw,104px)}
.home-sec-head{max-width:56rem;container-type:inline-size}
.home-sec-head .ui-h2{font-size:clamp(2.2rem,7.4cqi,4.4rem)}
:root[lang="ar"] .home-sec-head .ui-h2{font-size:clamp(2.1rem,6.4cqi,3.9rem)}
.home-sec-head .ui-lede{margin-top:20px;max-width:40rem;font-size:clamp(17px,1.3vw,19px);color:var(--ink2)}
:root[lang="ar"] .home-sec-head .ui-lede{font-size:clamp(19px,1.35vw,21px)}
/* privacy: the promises beside the drawn envelope, then the never-build grid */
.home-priv-grid{display:grid;gap:clamp(40px,5vw,72px);margin-top:clamp(40px,5vw,64px)}
@media (min-width:1024px){.home-priv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.home-promises li{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.home-promises li:last-child{border-bottom:1px solid var(--line)}
.home-pi{color:var(--sand);margin-top:2px}.home-pi .ic{width:24px;height:24px}
.home-promises p{margin-top:6px;color:var(--ink2);line-height:1.55;font-size:15.5px}
:root[lang="ar"] .home-promises p{font-size:17px;line-height:1.75}
.home .home-env{padding:24px clamp(20px,2.4vw,28px) 22px;border-radius:22px;margin:0}
.home-env-t{font-family:var(--fd);font-weight:660;font-variation-settings:"opsz" 36,"wdth" 100;font-size:26px;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.home-env-s{margin-top:8px;font-size:15px;color:var(--muted);line-height:1.5}
.home-env dl{margin:22px 0 0;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid var(--line);padding:6px 18px}
.home-env-eb{display:flex;justify-content:space-between;gap:12px;padding:14px 0 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.home-env-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.home-env dt{color:var(--ink2)}
.home-env dd{margin:0;color:var(--ink);font-weight:600;text-align:end}
.home-env-row.is-col{flex-direction:column;align-items:stretch;gap:10px}
.home-env .home-env-hex{display:block;margin:0 0 6px;font-weight:400;padding:12px 14px;border-radius:12px;background:rgba(242,228,204,.05);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;letter-spacing:.06em;color:var(--ink2);direction:ltr;text-align:left;overflow-wrap:anywhere}
.home-env figcaption{margin-top:16px;font-size:14.5px;color:var(--muted);line-height:1.5}
:root[lang="ar"] .home-env-t{letter-spacing:0;font-variation-settings:normal;line-height:1.45}
:root[lang="ar"] .home-env-eb{letter-spacing:0;text-transform:none;font-size:13.5px}
:root[lang="ar"] .home-env-s,:root[lang="ar"] .home-env-row,:root[lang="ar"] .home-env figcaption{font-size:16px;line-height:1.7}
.home-review{margin-top:22px;padding:20px 22px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--sand) 42%,transparent);font-size:16.5px;line-height:1.6;color:var(--ink)}
:root[lang="ar"] .home-review{font-size:17.5px;line-height:1.8}
.home-never-w{margin-top:clamp(44px,5vw,68px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line2)}
.home-never-h{font-family:var(--fd);font-weight:660;font-variation-settings:"opsz" 48,"wdth" 96;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.025em;line-height:1.1;text-wrap:balance;color:var(--ink)}
:root[lang="ar"] .home-never-h{letter-spacing:0;font-variation-settings:normal;line-height:1.45;font-weight:600}
.home-never{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:0 clamp(20px,3vw,40px)}
.home-never li{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink2);line-height:1.45}
.home-never li::before{content:"";flex:none;width:14px;height:14px;margin-top:5px;background:linear-gradient(45deg,transparent 44%,rgba(239,200,150,.8) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,rgba(239,200,150,.8) 44% 56%,transparent 56%)}
:root[lang="ar"] .home-never li{font-size:17px;line-height:1.75}
:root[lang="ar"] .home-never li::before{margin-top:8px}
.home-more{margin-top:28px;gap:6px}
.home-go{width:18px;height:18px}
:root[dir="rtl"] .home-go{transform:scaleX(-1)}
/* plans: concept B's three cards (Free, Plus in sand light, the dashed Trip Pass) */
.home-plan-row{display:grid;gap:18px;margin-top:clamp(40px,5vw,60px);align-items:stretch}
@media (min-width:900px){.home-plan-row{grid-template-columns:1fr 1.12fr}.home-plan-pass{grid-column:1 / -1}}
@media (min-width:1200px){.home-plan-row{grid-template-columns:1fr 1.14fr .8fr}.home-plan-pass{grid-column:auto}}
.home-plan{position:relative;border-radius:24px;padding:clamp(24px,2.6vw,34px);border:1px solid var(--line);display:flex;flex-direction:column}
.home-plan-free{background:rgba(9,17,15,.6)}
.home-plan-plus{background:radial-gradient(120% 60% at 50% 0%,rgba(239,200,150,.13),transparent 60%),linear-gradient(180deg,#13201D,#0C1513);border-color:rgba(239,200,150,.42);box-shadow:0 40px 80px -40px rgba(239,200,150,.25)}
.home-plan-pass{background:transparent;border-style:dashed;border-color:var(--line2);align-self:start}
.home-plan-ph{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.home-plan .ui-h3{font-size:26px}
.home-plan-ph .per{font-size:14px;color:var(--muted)}
.home-price{display:flex;align-items:baseline;flex-wrap:wrap;margin-top:18px;font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 72,"wdth" 100;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.home-price .cur{font-family:var(--fb);font-size:20px;letter-spacing:.02em;font-weight:500;color:var(--ink2);margin-inline-end:8px}
.home-price .amt{font-size:clamp(44px,4.2vw,58px)}
.home-price .per{font-family:var(--fb);font-weight:400;font-size:15px;letter-spacing:0;margin-inline-start:6px;color:var(--muted)}
:root[lang="ar"] .home-price{font-family:var(--far);letter-spacing:0;font-variation-settings:normal}
:root[lang="ar"] .home-price .cur{order:2;margin-inline:10px 0;font-size:22px}
:root[lang="ar"] .home-price .per{order:3}
.home-alt{margin-top:10px;font-size:16px;color:var(--ink2)}
.home-alt b{font-weight:600;color:var(--ink)}
.home-trial{margin-top:16px;display:inline-flex;align-self:flex-start;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:var(--sand);color:var(--sand-ink);font-size:14px;font-weight:600}
.home-plan-l{margin-top:24px;display:grid;gap:11px}
.home-plan-l li{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:15.5px;color:var(--ink2);line-height:1.45}
.home-plan-l .ic{width:18px;height:18px;margin-top:2px;color:var(--sand)}
.home-plan-free .home-plan-l .ic{color:var(--ink2)}
:root[lang="ar"] .home-plan-l li{font-size:17px;line-height:1.75}
:root[lang="ar"] .home-plan-l .ic{margin-top:6px}
.home-plan-fine{margin-top:auto;padding-top:22px;font-size:14px;color:var(--muted);line-height:1.5}
.home-plan-pass .home-plan-fine{margin-top:22px;padding-top:20px;border-top:1px dashed var(--line2)}
:root[lang="ar"] .home-plan-fine{font-size:15.5px;line-height:1.7}
.home-plans-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;margin-top:22px}
.home-plans-foot .home-more{margin-top:0}
.home-safe{display:flex;gap:10px;align-items:flex-start;max-width:48rem;font-size:15px;color:var(--ink2);line-height:1.55}
.home-safe .ic{margin-top:2px;color:var(--sand)}
:root[lang="ar"] .home-safe{font-size:16.5px;line-height:1.75}
/* faq: the heading on its own row, the questions in two columns */
.home-faq-grid{margin-top:clamp(32px,4vw,48px);display:grid;gap:0 clamp(28px,4vw,64px);align-items:start}
@media (min-width:1024px){.home-faq-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:1023px){.home-faq-list+.home-faq-list{border-top:0}}
.home-faq-list{border-top:1px solid var(--line2)}
.home-faq-list details{border-bottom:1px solid var(--line2)}
.home-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;min-height:72px;padding:18px 4px;border-radius:10px}
.home-faq-list summary::-webkit-details-marker{display:none}
.home-faq-list h3{flex:1;font-family:var(--fd);font-weight:620;font-variation-settings:"opsz" 28,"wdth" 100;font-size:clamp(18px,1.6vw,21px);letter-spacing:-.012em;line-height:1.35;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .home-faq-list h3{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.5}
.home-faq-list .chev{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);transition:transform .3s var(--e),background-color .2s var(--e)}
.home-faq-list .chev .ic{width:16px;height:16px}
.home-faq-list details[open] .chev{transform:rotate(180deg);background:rgba(242,228,204,.07)}
.home-faq-list .a{padding:0 4px 26px;max-width:64ch;color:var(--ink2);font-size:16.5px;line-height:1.65;text-wrap:pretty}
:root[lang="ar"] .home-faq-list .a{font-size:17px;line-height:1.8}
/* the waitlist: concept B's lit card */
.home-wait{padding-block:clamp(76px,8vw,112px) 0}
.home-wait-in{position:relative;border-radius:32px;padding:clamp(28px,5vw,72px);overflow:hidden;border:1px solid rgba(239,200,150,.3);background:radial-gradient(70% 90% at 50% 120%,rgba(239,190,130,.22),transparent 65%),linear-gradient(180deg,#0F1B19,#0A1211)}
.home-wait-grid{display:grid;gap:clamp(28px,4vw,56px);align-items:end}
@media (min-width:980px){.home-wait-grid{grid-template-columns:1.1fr .9fr}}
.home-wait-k{margin-bottom:20px}
.home-wait-h{font-size:clamp(2.4rem,10cqi,4.8rem)}
.home-wait .ui-lede{margin-top:20px;color:var(--ink2)}
/* ---------- overrides of the reused demo CSS for B's side column ---------- */
.home-ch-art .home-quiet-pair{display:grid}
/* 19:50: the roll-call card, compact for the side column (ring beside the count) */
.home-roll-art>.home-dc:first-child{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"head head" "ring big" "ring faces" "rows rows";column-gap:18px;row-gap:8px;align-items:center}
.home-roll-art>.home-dc:first-child>.home-dc-head{grid-area:head;margin-bottom:6px}
.home-roll-art>.home-dc:first-child>.home-rc{grid-area:ring;width:104px;height:104px;margin:0}
.home-roll-art>.home-dc:first-child>.home-rc-big{grid-area:big;align-self:end;text-align:start}
.home-roll-art>.home-dc:first-child>.home-rc-faces{grid-area:faces;align-self:start;justify-content:flex-start}
.home-roll-art>.home-dc:first-child>.home-dc-rows{grid-area:rows;margin-top:6px}
.home-roll-art .home-rc-n b{font-size:34px}
.home-roll-art .home-dc{padding:16px 18px 18px;gap:12px}
.home-roll-art .home-clips li{padding:8px 0}
/* the sections after the story: concept B's kicker with its rule */
.home-sec-head .ui-eyebrow,.home-wait-k{gap:12px;color:var(--sand);font-weight:500} /* concept B's .sec-k */
.home-sec-head .ui-eyebrow::before,.home-wait-k::before{content:"";width:28px;height:1px;background:currentColor;opacity:.55}
/* 760–1279 (text | phone): the hero keeps its copy above the city — the story note moves to the timeline right under it */
.home-index-note{display:none}
@media (min-width:760px) and (max-width:1279px){
  .home-hero .home-note{display:none}
  .home-index-note{display:block;margin-top:10px;max-width:36rem;font-size:14.5px;line-height:1.55;color:var(--muted);text-wrap:pretty}
  .home-index-note b{font-weight:600;color:var(--primary-text);font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100}
  :root[lang="ar"] .home-index-note{font-size:16px;line-height:1.75}
  .home-hero{justify-items:start}
  .home-hero .home-h1,.home-hero .home-ledes,.home-hero .home-acts{justify-self:stretch}
  .home-h1 .t{font-size:min(11.2cqi,7.8vh)}
  :root[lang="ar"] .home-h1 .t{font-size:min(10cqi,6.8vh)}
  .home-h1{margin-top:20px}.home-ledes{margin-top:20px}.home-acts{margin-top:22px}
  .home-acts{gap:10px}.home-acts .ui-btn{padding:0 18px;font-size:15.5px} /* both pills on one row beside the phone */
  .home-ch-art{max-width:480px}
}
.home-recap-num span{font-size:min(37cqi,200px)}
/* the Honest Dot card no longer shows an absolute "now" line (the story clock lives in the header) */
.home-hd-meta{min-height:32px}
@container (max-width:470px){.home-hd-meta{min-height:32px}}
.home-roll-art{gap:14px}
.home-roll-art .home-dc{padding:14px 18px 16px;gap:10px}
.home-roll-art .home-dc-rows{gap:8px;padding-top:10px}
.home-roll-art .home-clips li{padding:6px 0}
.home-roll-art .home-clips .c .q{margin-top:2px}

/* ---- page: home ---- */

/* ---- home compare teaser ---- */
.home-cmp-asof{color:var(--muted)}
.home-cmp-t{margin-top:30px;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line2);background:rgba(6,10,9,.55)}
.home-cmp-row{display:grid;grid-template-columns:minmax(12rem,1.5fr) repeat(6,minmax(0,1fr));align-items:center;gap:0 10px;padding:14px 20px;border-top:1px solid var(--line2)}
.home-cmp-head{border-top:0;padding-block:16px 12px;font-size:13.5px;font-weight:600;color:var(--ink2)}
.home-cmp-app{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.home-cmp-app.is-us b{color:var(--primary);font-weight:700}.home-cmp-app small{font-size:11.5px;font-weight:500;color:var(--muted)}
.home-cmp-q{font-weight:600;color:var(--ink);line-height:1.35}
.home-cmp-td.is-us{position:relative}
.home-cmp-cell{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;font-size:14px;line-height:1.35;color:var(--ink2)}
.home-cmp-cell .compare-m{margin-top:2px}
.home-cmp-n{grid-column:2;font-size:12px;color:var(--muted)}
.home-cmp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;margin-top:20px}
.home-cmp-fn{max-width:58ch;font-size:13.5px;color:var(--muted)}
.home-cmp-foot .home-more{margin-top:0}
:root[lang="ar"] .home-cmp-cell{font-size:15px}:root[lang="ar"] .home-cmp-n{font-size:13px}
/* below 1100: one card per question, the six apps as a small grid of labelled chips */
@media (max-width:1099px){
  .home-cmp-head{display:none}
  .home-cmp-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 12px;padding:18px 18px 20px}
  .home-cmp-row:nth-child(2){border-top:0}
  .home-cmp-q{grid-column:1/-1;font-size:16px}
  .home-cmp-td{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line2)}
  .home-cmp-td::before{content:attr(data-app);font-size:12px;font-weight:600;color:var(--muted)}
  :root[lang="ar"] .home-cmp-td::before{content:attr(data-app-ar)}
  .home-cmp-td.is-us{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary) 60%,transparent)}
  .home-cmp-td.is-us::before{color:var(--primary)}
}
@media (max-width:520px){.home-cmp-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- page: privacy ---- */

/* ============================ PRIVACY · after 22:00 ============================ */
.privacy{position:relative}
.privacy .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.privacy-tile{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:14px;background:var(--primary-soft);color:var(--primary-text)}
.privacy-num{font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-weight:650;font-size:15.5px;letter-spacing:.02em;color:var(--primary-text);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:12px;text-transform:none}
.privacy-num::after{content:"";width:26px;height:1.5px;background:currentColor;opacity:.5}

/* ---------- hero ---------- */
.privacy-hero{--hc:clamp(104px,13vw,200px);position:relative;isolation:isolate;overflow:hidden;padding-top:var(--sh-h)}
.privacy-hero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(52% 44% at 50% 78%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 72%)}
.privacy-hero-grid{position:relative;z-index:2;display:grid;gap:clamp(36px,5vw,64px);padding-top:clamp(36px,7vw,104px)}
.privacy-h1{font-size:clamp(2.5rem,11.5cqi,6.4rem);margin-top:2px}
@media (min-width:1000px){.privacy-h1{font-size:clamp(4rem,12.6cqi,7.3rem)}.privacy-lede{max-width:38rem}}
.privacy-lede{margin-top:24px;max-width:36rem}
.privacy-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.privacy-hero-cap{--pw:min(54vw,228px);position:relative;z-index:3;margin:0 auto calc(var(--hc) * -.62)}
.privacy-hero-city{position:relative;z-index:1;height:var(--hc);background:linear-gradient(to bottom,var(--ground) 0%,#0B1415 58%,#101A19 100%)}
.privacy-hero-city .sk-hw.on{filter:drop-shadow(0 0 3px #F6C67E)}
:root[lang="ar"] .privacy-h1{font-size:clamp(2.3rem,9.6cqi,5.4rem)}
@media (min-width:1000px){
  .privacy-hero-glow{background:radial-gradient(40% 60% at 80% 62%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 72%)}
  .privacy-hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:clamp(48px,6vw,112px)}
  .privacy-hero-text{padding-bottom:clamp(40px,5vw,72px)}
  .privacy-hero-cap{--pw:min(22vw,282px);margin:0 clamp(0px,4vw,72px) calc(var(--hc) * -.7) 0}
}
:root[dir="rtl"] .privacy-hero-glow{transform:scaleX(-1)}

/* ---------- body: rail + chapters ---------- */
.privacy-body{padding-top:clamp(28px,5vw,64px)}
.privacy-rail-h{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);font-weight:600}
:root[lang="ar"] .privacy-rail-h{letter-spacing:0;text-transform:none;font-size:15px}
.privacy-rail ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:0 clamp(18px,2.4vw,36px);margin-top:12px;border-top:1px solid var(--line)}
.privacy-rail li{border-bottom:1px solid var(--line)}
.privacy-rail a{position:relative;display:flex;align-items:center;gap:14px;min-height:52px;padding:6px 12px;margin-inline:-12px;border-radius:14px;color:var(--ink2);font-size:15.5px;line-height:1.3;transition:background-color .25s var(--e),color .25s var(--e)}
.privacy-rail a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}
.privacy-rail a .n{flex:none;width:1.9em;font-family:'Bricolage Grotesque',var(--fb);font-weight:650;font-variation-settings:"opsz" 20,"wdth" 100;color:var(--primary-text);font-size:15px}
.privacy-rail a[aria-current]{background:var(--primary-soft);color:var(--ink);font-weight:600}
.privacy-rail a[aria-current]::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--primary)}
:root[lang="ar"] .privacy-rail a{font-size:16.5px}
.privacy-chs{min-width:0;container:pchs / inline-size}
.privacy-ch{padding-block:clamp(56px,8vw,112px);border-top:1px solid var(--line)}
.privacy-rail+.privacy-chs .privacy-ch:first-child{border-top:0}
@media (min-width:1100px){
  .privacy-body{display:grid;grid-template-columns:clamp(196px,16vw,236px) minmax(0,1fr);column-gap:clamp(40px,4.4vw,88px);align-items:start;padding-top:clamp(40px,4vw,64px)}
  .privacy-rail{position:sticky;top:calc(var(--sh-h) + env(safe-area-inset-top,0px) + 32px);padding-top:clamp(16px,3vw,40px)}
  .privacy-rail ol{grid-template-columns:1fr;border-top:0;margin-top:14px}
  .privacy-rail li{border-bottom:0}
  .privacy-rail a{min-height:48px;margin-inline:-14px;padding:6px 14px;font-size:15px}
  .privacy-ch:first-child{padding-top:clamp(16px,3vw,40px)}
}

/* chapter layouts */
.privacy-head{max-width:52rem}
.privacy-head .ui-h2{margin-bottom:20px}
.privacy-big{font-size:clamp(2.3rem,7.4cqi,4.6rem)}
:root[lang="ar"] .privacy-big{font-size:clamp(2.1rem,6.4cqi,4rem)}

/* ---------- 01 · the mirror ---------- */
.privacy-av{display:inline-block;flex:none;width:38px;height:38px;border-radius:50%;padding:2px;background:var(--surface);box-shadow:0 0 0 2.5px var(--primary)}
.privacy-av img{width:100%;height:100%;border-radius:50%;display:block}
.privacy-mir{display:grid;gap:clamp(36px,5vw,48px);margin-top:clamp(28px,4vw,48px)}
@container (min-width:760px){.privacy-mir{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:clamp(32px,4.4cqi,56px);align-items:start}}
.privacy-led{padding:16px clamp(16px,2.6cqi,24px) 6px}
.privacy-led-h{display:flex;align-items:center;gap:12px;padding-bottom:12px}
.privacy-led-h .t{flex:1;min-width:0;font-family:var(--fd);font-weight:660;font-variation-settings:"opsz" 28,"wdth" 100;font-size:18px;letter-spacing:-.012em;color:var(--ink);line-height:1.3}
:root[lang="ar"] .privacy-led-h .t{letter-spacing:0;font-variation-settings:normal;font-weight:600}
.privacy-live{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 11px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);font-size:13px;font-weight:650;white-space:nowrap}
.privacy-live i{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}
.privacy-live.is-sm{padding:0 9px}
.privacy-led-list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.privacy-led-list .tx{min-width:0;display:grid;gap:2px}
.privacy-led-list .w{font-size:15.5px;line-height:1.4;color:var(--ink2)}
.privacy-led-list .w b{color:var(--ink);font-weight:600}
.privacy-led-list small{font-size:14px;line-height:1.45;color:var(--muted)}
.privacy-led-list time{font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-weight:600;font-size:15px;color:var(--ink2)}
:root[lang="ar"] .privacy-led-list .w{font-size:16.5px;line-height:1.6}
:root[lang="ar"] .privacy-led-list small{font-size:15px;line-height:1.6}
.privacy-consent{min-width:0}
.privacy-consent .ui-p{margin-top:10px}
.privacy-consent-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px}
@container pchs (min-width:440px){.privacy-consent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container pchs (min-width:760px){.privacy-consent-list{grid-template-columns:minmax(0,1fr)}}
.privacy-consent-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line)}
.privacy-consent-list .ic{margin-top:2px;color:var(--primary-text)}
.privacy-consent-list b{display:block;font-weight:600;color:var(--ink);line-height:1.35}
.privacy-consent-list b+span{display:block;margin-top:2px;font-size:15px;color:var(--ink2);line-height:1.45}
:root[lang="ar"] .privacy-consent-list b+span{font-size:16px;line-height:1.6}

/* ---------- 02 · the sharing ladder demo ---------- */
.privacy-lad{margin-top:clamp(28px,4vw,48px);padding:14px;display:grid;gap:14px;container-type:inline-size}
.privacy-lad-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:2px 4px 0}
.privacy-lad-grp{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink2)}
.privacy-lad-grp .ic{width:18px;height:18px;color:var(--primary-text)}
:root[lang="ar"] .privacy-lad-grp{font-size:15px}
.privacy-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:20px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line)}
@container (min-width:520px){.privacy-steps{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:999px}.privacy-step{border-radius:999px!important}}
.privacy-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;padding:6px 4px;border:0;border-radius:16px;background:transparent;color:var(--ink2);font-size:14px;font-weight:600;line-height:1.2;transition:background-color .25s var(--e),color .25s var(--e)}
.privacy-step:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.privacy-step svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.privacy-step svg .d{fill:currentColor;stroke:none}
.privacy-step svg .f{fill:currentColor;fill-opacity:.22}
.privacy-step svg .dash{stroke-dasharray:2.6 2.4}
.privacy-step[aria-pressed="true"]{background:var(--primary);color:var(--primary-ink)}
.privacy-step[aria-pressed="true"]:focus-visible{outline-offset:2px}
:root[lang="ar"] .privacy-step{font-size:15px}

/* the drawn night map */
.privacy-lm{position:relative;aspect-ratio:400/250;container-type:inline-size;overflow:hidden;border-radius:18px;background:var(--m-land);box-shadow:inset 0 0 0 1px var(--line)}
.privacy-lm-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
@container (max-width:520px){.privacy-lm{aspect-ratio:400/300}}
.lm-land{fill:var(--m-land)}
.lm-blk{fill:var(--m-block)}.lm-bld{fill:var(--m-build)}.lm-park{fill:var(--m-park)}
.lm-rc{fill:none;stroke:var(--m-road-case);stroke-width:5.4;stroke-linecap:round}
.lm-rd{fill:none;stroke:var(--m-road);stroke-width:3.1;stroke-linecap:round}
.lm-art{stroke-width:6}.lm-rc.lm-art{stroke-width:8.6}
.lm-hwyc{fill:none;stroke:var(--m-hwy-case);stroke-width:15;stroke-linecap:round}
.lm-hwy{fill:none;stroke:var(--m-hwy);stroke-width:11;stroke-linecap:round}
.lm-lbl{fill:var(--m-label);font-family:var(--fb);font-weight:600;transition:opacity .45s var(--e),fill .45s var(--e)}
.lm-lbl-h{font-size:8.5px;letter-spacing:.5px}
.lm-lbl-d{font-size:9.5px;letter-spacing:2.6px}
.lm-riyadh{font-size:19px;letter-spacing:8px;font-weight:600;fill:var(--ink2);opacity:0}
:root[lang="ar"] .lm-lbl{letter-spacing:0}
:root[lang="ar"] .lm-lbl-d{font-size:11px}:root[lang="ar"] .lm-lbl-h{font-size:10px}:root[lang="ar"] .lm-riyadh{font-size:22px}
.privacy-lm-world{transform-box:view-box;transform-origin:59% 41.6%;transition:transform .7s var(--e)}
.lm-acc{fill:color-mix(in srgb,var(--primary) 16%,transparent);stroke:var(--primary);stroke-width:1.4;transition:opacity .35s var(--e)}
.lm-hood{fill:color-mix(in srgb,var(--primary) 13%,transparent);stroke:color-mix(in srgb,var(--primary) 70%,transparent);stroke-width:1.5;opacity:0;transition:opacity .45s var(--e)}
.lm-city{fill:color-mix(in srgb,var(--primary) 8%,transparent);stroke:color-mix(in srgb,var(--primary) 45%,transparent);stroke-width:3.2;opacity:0;transition:opacity .5s var(--e)}
.privacy-lad:not(.is-l0) .lm-acc{opacity:0}
.privacy-lad.is-l1 .lm-hood{opacity:1}
.privacy-lad.is-l1 .lm-malqa{fill:var(--primary-text)}
.privacy-lad.is-l2 .privacy-lm-world{transform:scale(.42)}
.privacy-lad.is-l2 .lm-city{opacity:1}
.privacy-lad.is-l2 .lm-lbl-d,.privacy-lad.is-l2 .lm-lbl-h{opacity:0}
.privacy-lad.is-l2 .lm-riyadh{opacity:1}
.privacy-lm-me{position:absolute;left:var(--mx,59%);top:var(--my,41.6%);width:50px;height:50px;transform:translate(-50%,-50%);transition:left .6s var(--e),top .6s var(--e)}
.privacy-lm-av{position:absolute;inset:0;border-radius:50%;padding:3px;background:var(--surface);box-shadow:0 0 0 3px var(--primary),var(--shadow-sm);transition:box-shadow .3s var(--e)}
.privacy-lm-av img{width:100%;height:100%;border-radius:50%;display:block;transition:filter .35s var(--e),opacity .35s var(--e)}
.privacy-lad.is-l3 .privacy-lm-av{box-shadow:var(--shadow-sm)}
.privacy-lad.is-l3 .privacy-lm-av::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px dashed var(--faint)}
.privacy-lad.is-l3 .privacy-lm-av img{filter:grayscale(.85);opacity:.55}
.privacy-lm-badge{position:absolute;inset-inline-start:calc(100% - 14px);bottom:-6px;padding:2px 7px;border-radius:999px;border:2px solid var(--surface);background:var(--ink);color:var(--ground);font:700 11px/1.3 'Bricolage Grotesque',var(--fb);font-style:normal;font-variation-settings:"opsz" 14,"wdth" 100;white-space:nowrap}
:root[lang="ar"] .privacy-lm-badge{font-family:var(--far);font-size:11.5px}
.privacy-lm-cap{position:absolute;left:var(--mx,59%);top:calc(var(--my,41.6%) + 36px);transform:translateX(-50%);padding:4px 11px;border-radius:999px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--glass-border),var(--shadow-sm);font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;transition:left .6s var(--e),top .6s var(--e)}
:root[lang="ar"] .privacy-lm-cap{font-size:13px}

/* the text twin + time-box */
.privacy-lr{padding:4px 6px 0}
.privacy-lr-k{font-size:12.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}
:root[lang="ar"] .privacy-lr-k{letter-spacing:0;text-transform:none;font-size:14px}
.privacy-lr-big{margin-top:6px;font-family:var(--fd);font-weight:700;font-variation-settings:"opsz" 36,"wdth" 96;font-size:clamp(22px,6.4cqi,28px);letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
:root[lang="ar"] .privacy-lr-big{letter-spacing:0;font-variation-settings:normal;font-weight:650;line-height:1.45}
.privacy-lr-line{margin-top:4px;min-height:4.5em;font-size:15.5px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
:root[lang="ar"] .privacy-lr-line{font-size:16.5px;line-height:1.7;min-height:5.1em}
/* narrow: reserve the tallest state (four lines, two rows of chips) so the card never jumps */
@container (max-width:460px){.privacy-lr-line{min-height:6em}:root[lang="ar"] .privacy-lr-line{min-height:6.8em}.privacy-lad .privacy-lt{min-height:146px}:root[lang="ar"] .privacy-lad .privacy-lt{min-height:150px}}
@container (max-width:280px){.privacy-lr-big{min-height:2.4em}:root[lang="ar"] .privacy-lr-big{min-height:2.9em}.privacy-lr-line{min-height:7.5em}}
.privacy-lt{display:grid;gap:8px;padding:12px 6px 6px;border-top:1px solid var(--line);min-height:104px;align-content:start}
.privacy-lt-h{font-size:14px;font-weight:600;color:var(--ink)}
:root[lang="ar"] .privacy-lt-h{font-size:15px}
.privacy-lt-chips{display:flex;flex-wrap:wrap;gap:8px}
.privacy-box{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--ink2);font-size:14.5px;font-weight:600;transition:background-color .2s var(--e),color .2s var(--e),box-shadow .2s var(--e)}
.privacy-box:hover{color:var(--ink)}
.privacy-box[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary-text);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary) 60%,transparent)}
:root[lang="ar"] .privacy-box{font-size:15.5px}
.privacy-lt-note{font-size:14.5px;line-height:1.5;color:var(--muted)}
:root[lang="ar"] .privacy-lt-note{font-size:15.5px;line-height:1.7}
/* wide: the card is the chapter's figure, the map beside its text twin (grid areas mirror in RTL; the map itself never flips).
   Queried on the chapters column (pchs) so the card and its children switch together. The right column reserves its tallest
   state (two-line readout, longest line, two rows of chips) and the map stretches to it, so the card never changes height. */
@container pchs (min-width:740px){
  .privacy-lad{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"top top" "steps steps" "map lr" "map lt";grid-template-rows:auto auto auto 1fr;column-gap:18px;padding:16px}
  .privacy-lad-top{grid-area:top}.privacy-steps{grid-area:steps}.privacy-lr{grid-area:lr}.privacy-lt{grid-area:lt}
  .privacy-lm{grid-area:map;aspect-ratio:auto;align-self:stretch;min-height:260px}
  .privacy-lr{padding:6px 6px 0;min-height:176px}
  :root[lang="ar"] .privacy-lr{min-height:212px}
  .privacy-lr-line,:root[lang="ar"] .privacy-lr-line{min-height:0}
  .privacy-lad .privacy-lt{min-height:146px}
  :root[lang="ar"] .privacy-lad .privacy-lt{min-height:150px}
}

/* ---------- 03 · pause, one exit, leaving ---------- */
.privacy-pp{display:grid;gap:clamp(32px,4vw,44px);margin-top:clamp(32px,4vw,52px)}
@container (min-width:640px){.privacy-pp{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4.4cqi,56px);align-items:start}}
.privacy-pp-side{display:grid;gap:clamp(28px,4vw,40px);align-content:start;min-width:0}
.privacy-stop{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start;padding:18px clamp(16px,2.4cqi,22px) 20px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.privacy-stop p{margin-top:6px;color:var(--ink2);line-height:1.55;font-size:16px}
:root[lang="ar"] .privacy-stop p{font-size:17px;line-height:1.75}
.privacy-lock{display:grid;gap:14px;max-width:440px}
.privacy-lock figcaption{font-size:13px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}
:root[lang="ar"] .privacy-lock figcaption{letter-spacing:0;text-transform:none;font-size:15px}
.privacy-lock-scr{height:136px;border-radius:30px 30px 0 0;background:radial-gradient(120% 90% at 30% 0%,#1D3A3C 0%,#0E1B1E 55%,#0A1214 100%);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.privacy-lock-t{font-family:'Bricolage Grotesque',var(--fb);font-weight:600;font-variation-settings:"opsz" 96,"wdth" 90;font-size:58px;line-height:1;letter-spacing:-.03em;color:#EEF5F1;margin-top:-26px}
.privacy-lock-slot{display:flex;align-items:center;gap:12px;margin:-46px 14px 0;padding:14px 16px;border-radius:22px;background:var(--surface);border:1.5px dashed var(--line2)}
.privacy-lock-ic{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sunken);color:var(--muted)}
.privacy-lock-ic .ic{width:18px;height:18px}
.privacy-lock-slot p{font-size:15.5px;line-height:1.45;color:var(--ink)}
:root[lang="ar"] .privacy-lock-slot p{font-size:16.5px;line-height:1.6}
.privacy-pull{margin:0;padding-top:20px;border-top:2px solid var(--primary)}
.privacy-pull p{font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 48,"wdth" 96;font-size:clamp(24px,3.2cqi,32px);line-height:1.16;letter-spacing:-.022em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .privacy-pull p{letter-spacing:0;line-height:1.5;font-variation-settings:normal;font-weight:600}

/* ---------- 04 · data promises ---------- */
.privacy-prom{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 clamp(28px,4cqi,56px);margin-top:clamp(28px,4vw,48px)}
.privacy-prom li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.privacy-prom p{margin-top:6px;color:var(--ink2);line-height:1.55;font-size:16px}
:root[lang="ar"] .privacy-prom p{font-size:17px;line-height:1.75}

/* ---------- 05 · the envelope ---------- */
.privacy-env-row{display:grid;gap:clamp(24px,4vw,40px);margin-top:clamp(28px,4vw,48px)}
@container (min-width:720px){.privacy-env-row{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}}
.privacy-env{padding:18px clamp(16px,4cqi,24px) 22px;display:grid;gap:18px;max-width:560px}
.privacy-env-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.privacy-env-top b{font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.privacy-env-top span{font-size:14px;color:var(--muted)}
:root[lang="ar"] .privacy-env-top b{letter-spacing:0;text-transform:none;font-size:14.5px}
.privacy-env-g{position:relative;margin-inline-start:12px;padding-inline-start:20px;border-inline-start:2px solid color-mix(in srgb,var(--primary) 55%,transparent)}
.privacy-mk{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--primary);color:var(--primary-ink);font:700 13px/1 'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 14,"wdth" 100}
.privacy-env-g>.privacy-mk{position:absolute;inset-inline-start:-13px;top:-2px}
.privacy-env-dl div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;padding:10px 0;border-bottom:1px solid var(--line)}
.privacy-env-dl div:first-child{padding-top:0}
.privacy-env-dl dt{font-size:15px;color:var(--ink2)}
.privacy-env-dl dd{margin:0;font-weight:650;color:var(--ink);font-size:15.5px}
:root[lang="ar"] .privacy-env-dl dt{font-size:16px}
.privacy-env-k{font-size:15px;color:var(--ink2)}
:root[lang="ar"] .privacy-env-k{font-size:16px}
.privacy-hex{margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.04em;line-height:1.5;color:var(--ink);text-align:left}
.privacy-hexl{display:inline-block;white-space:nowrap}
.privacy-env-notes{display:grid;gap:18px;max-width:30rem}
.privacy-env-notes ol{display:grid;gap:16px}
.privacy-env-notes li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start}
.privacy-env-notes li p{color:var(--ink);line-height:1.55}
.privacy-env-notes .privacy-mk{margin-top:1px}
.privacy-words{margin-top:clamp(32px,4vw,52px);padding:clamp(22px,3.4cqi,34px) clamp(20px,3.6cqi,38px);border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary) 38%,transparent)}
.privacy-words-k{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink2)}
.privacy-words-k .ic{width:18px;height:18px;color:var(--primary-text)}
:root[lang="ar"] .privacy-words-k{font-size:15px}
.privacy-words-t{margin-top:12px;max-width:40ch;font-family:var(--fd);font-weight:620;font-variation-settings:"opsz" 36,"wdth" 98;font-size:clamp(21px,3cqi,29px);line-height:1.32;letter-spacing:-.014em;color:var(--ink);text-wrap:pretty}
:root[lang="ar"] .privacy-words-t{letter-spacing:0;font-variation-settings:normal;font-weight:560;line-height:1.7;max-width:46ch}

/* ---------- 06 · never built ---------- */
.privacy-never{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 clamp(28px,4cqi,56px);margin-top:clamp(28px,4vw,48px)}
.privacy-never li{display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 0;border-top:1px solid var(--line);font-family:var(--fd);font-weight:600;font-variation-settings:"opsz" 28,"wdth" 100;font-size:clamp(17.5px,2.1cqi,20px);letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
:root[lang="ar"] .privacy-never li{letter-spacing:0;font-variation-settings:normal;font-size:18px;line-height:1.55}
.privacy-never .x{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--ink2)}
.privacy-never .x .ic{width:15px;height:15px;stroke-width:2.2}

/* ---------- the one question ---------- */
.privacy-no{padding-block:clamp(72px,10vw,144px) 0;border-top:1px solid var(--line)}
.privacy-no-q{max-width:20ch;font-family:var(--fd);font-weight:680;font-variation-settings:"opsz" 72,"wdth" 96;font-size:clamp(2rem,5.4cqi,3.8rem);line-height:1.06;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .privacy-no-q{font-weight:620;letter-spacing:0;line-height:1.35;font-variation-settings:normal;font-size:clamp(1.9rem,4.8cqi,3.3rem);max-width:22ch}
.privacy-no-grid{display:grid;gap:clamp(16px,3vw,48px);margin-top:clamp(8px,1.4vw,20px);align-items:end}
.privacy-no-a{font-family:'Bricolage Grotesque',var(--fb);font-weight:760;font-variation-settings:"opsz" 96,"wdth" 84;font-size:min(36cqi,42svh);line-height:.82;letter-spacing:-.03em;color:var(--primary-text);white-space:nowrap}
:root[lang="ar"] .privacy-no-a{font-family:var(--far);font-weight:700;letter-spacing:0;font-variation-settings:normal;line-height:1.1;font-size:min(30cqi,38svh)}
.privacy-no-p{max-width:38rem}
@media (min-width:1000px){.privacy-no-grid{grid-template-columns:auto minmax(0,1fr)}.privacy-no-p{padding-bottom:clamp(8px,1.4vw,24px)}}

/* ---------- forced colours: pressed states and outlines survive ---------- */
@media (forced-colors:active){
  .privacy-step,.privacy-box{border:1px solid ButtonText}
  .privacy-step[aria-pressed="true"],.privacy-box[aria-pressed="true"]{forced-color-adjust:none}
  .privacy-rail a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
}

/* ---------- waitlist ---------- */
.privacy-wait{padding-block:clamp(64px,8vw,112px) 0}
.privacy-wait-in{position:relative;border-radius:34px;padding:clamp(26px,5vw,72px);background:radial-gradient(80% 110% at 50% 120%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 65%),var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.privacy-wait-grid{display:grid;gap:clamp(26px,4vw,56px);align-items:end}
@media (min-width:1000px){.privacy-wait-grid{grid-template-columns:1.05fr .95fr}}
.privacy-wait-h{font-size:clamp(2.4rem,9cqi,4.6rem)}
.privacy-wait .ui-lede{margin-top:18px}
.privacy-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.privacy-links .ui-btn{gap:6px}
.privacy-go{width:18px!important;height:18px!important}
:root[dir="rtl"] .privacy-go{transform:scaleX(-1)}

/* ---- page: plans ---- */

/* ============================ PLANS · 22:30 ============================ */
.plans{position:relative}
.plans .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- hero ---------- */
.plans-hero{padding-block:calc(var(--sh-h) + clamp(40px,5.4vw,84px)) 0}
.plans-h1{font-size:clamp(2.6rem,10.2cqi,6.1rem)}
.plans-h1a,.plans-h1b{display:block}
.plans-h1b{color:var(--primary-text)}
.plans-lede{margin-top:26px;max-width:42rem}
:root[lang="ar"] .plans-h1{font-size:clamp(2.5rem,9.4cqi,5.6rem)}
/* "On this page": the same numbered rail as the privacy page (number + label, filled current row with a mint bar) */
.plans-jump{margin-top:34px;max-width:40rem}
.plans-jump-h{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);font-weight:600}
:root[lang="ar"] .plans-jump-h{letter-spacing:0;text-transform:none;font-size:15px}
.plans-jump ol{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(18px,2.4vw,36px);margin-top:12px;border-top:1px solid var(--line)}
/* four short rows: one column on the narrowest phones, two by two, one row of four from 720px, two by two again beside the lede */
@media (min-width:350px){.plans-jump ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:720px) and (max-width:1099px){.plans-jump{max-width:none}.plans-jump ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
.plans-jump li{border-bottom:1px solid var(--line)}
.plans-jump a{position:relative;display:flex;align-items:center;gap:14px;min-height:52px;padding:6px 12px;margin-inline:-12px;border-radius:14px;color:var(--ink2);font-size:15.5px;line-height:1.3;transition:background-color .25s var(--e),color .25s var(--e)}
.plans-jump a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}
.plans-jump a .n{flex:none;width:1.9em;font-family:'Bricolage Grotesque',var(--fb);font-weight:650;font-variation-settings:"opsz" 20,"wdth" 100;color:var(--primary-text);font-size:15px}
.plans-jump a[aria-current]{background:var(--primary-soft);color:var(--ink);font-weight:600}
.plans-jump a[aria-current]::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--primary)}
:root[lang="ar"] .plans-jump a{font-size:16.5px}
@media (min-width:1100px){
  /* beside the lede, both columns start on the same line; the rail is two by two */
  .plans-hero{display:grid;grid-template-columns:minmax(0,40rem) minmax(0,1fr);column-gap:clamp(32px,4vw,64px);align-items:start}
  .plans-head{grid-column:1 / -1}
  .plans-jump{margin-top:26px;width:100%;max-width:32rem;justify-self:end}
  .plans-jump ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans-jump a{min-height:48px}
}

/* ---------- the three plans (rows line up across cards through subgrid) ---------- */
.plans-pick{padding-top:clamp(40px,4.4vw,60px)}
.plans-cards{display:grid;gap:18px;container-type:inline-size}
.plans-card{display:flex;flex-direction:column;padding:clamp(22px,2.3vw,30px)}
.plans-card-h{grid-row:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;min-height:44px}
.plans-card-t{font-family:var(--fd);font-weight:680;font-variation-settings:"opsz" 36,"wdth" 96;font-size:27px;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
:root[lang="ar"] .plans-card-t{letter-spacing:0;font-variation-settings:normal;font-weight:650;line-height:1.35}
.plans-desc{grid-row:2;margin-top:8px;color:var(--ink2);font-size:15.5px;line-height:1.5;text-wrap:pretty}
:root[lang="ar"] .plans-desc{font-size:16.5px;line-height:1.7}
.plans-price{grid-row:3;margin-top:22px}
.plans-amt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px}
.plans-amt .cur{font-size:18px;font-weight:600;color:var(--ink2)}
.plans-amt .n{font-family:'Bricolage Grotesque',var(--fb);font-weight:700;font-variation-settings:"opsz" 72,"wdth" 100;font-size:clamp(44px,4.7cqi,60px);letter-spacing:-.035em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.plans-amt .per{font-size:15.5px;color:var(--muted)}
:root[lang="ar"] .plans-amt .n{order:-1}
:root[lang="ar"] .plans-amt .cur{font-size:19px}
:root[lang="ar"] .plans-amt .per{font-size:16.5px}
.plans-alt{grid-row:4;margin-top:10px;display:grid;gap:2px;align-content:start;font-size:15px;line-height:1.5;color:var(--ink2)}
.plans-aed{color:var(--muted)}
.plans-trial{justify-self:start;display:inline-flex;align-items:center;min-height:30px;margin-top:12px;padding:0 13px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);font-size:14px;font-weight:650}
:root[lang="ar"] .plans-trial{font-size:15px}
:root[lang="ar"] .plans-alt{font-size:16px;line-height:1.7}
.plans-list{grid-row:5;margin-top:22px;padding-top:22px;border-top:1px solid var(--line);align-content:start}
.plans-list li{font-size:15.5px}
.plans-list li span,.plans-foot,.plans-alt p{text-wrap:pretty}
.plans-pass-facts{gap:0}
.plans-pass-facts li{padding-block:13px;border-bottom:1px solid var(--line);font-size:17px;color:var(--ink)}
.plans-pass-facts li:first-child{padding-top:0}
:root[lang="ar"] .plans-pass-facts li{font-size:17.5px}
.plans-pass-eg{margin-top:22px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--muted)}
:root[lang="ar"] .plans-pass-eg{letter-spacing:0;text-transform:none;font-size:15px}
.plans-pass-trips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.plans-pass-trips li{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);font-size:14px}
.plans-pass-trips .ic{width:16px;height:16px;color:var(--primary-text)}
:root[lang="ar"] .plans-pass-trips li{font-size:15.5px}
:root[lang="ar"] .plans-list li{font-size:16.5px;line-height:1.65}
.plans-foot{grid-row:6;margin-top:24px;align-self:end;font-size:14.5px;line-height:1.55;color:var(--muted);text-wrap:pretty}
:root[lang="ar"] .plans-foot{font-size:15.5px;line-height:1.7}
.plans-plus{position:relative;background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1.5px var(--primary),var(--shadow-md)}
.plans-plus:not([data-bill="y"]) .plans-y,.plans-plus[data-bill="y"] .plans-m{display:none}

/* the Monthly / Annual switch: native radios, a sliding pill */
.plans-seg{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;min-width:0;margin:0;padding:4px;border:0;border-radius:999px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line2)}
.plans-seg-in{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none;inset-inline-start:0;top:0;clip-path:inset(50%)}
.plans-seg label{position:relative;z-index:1;display:grid;place-items:center;min-height:44px;min-width:6.4em;padding:0 16px;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink2);cursor:pointer;transition:color .25s var(--e)}
.plans-seg label:hover{color:var(--ink)}
.plans-seg-in:checked+label{color:var(--primary-ink)}
.plans-seg-in:focus-visible+label{outline:2.5px solid var(--ink);outline-offset:2px}
.plans-seg-th{--dir:1;position:absolute;z-index:0;top:4px;bottom:4px;inset-inline-start:4px;width:calc(50% - 4px);border-radius:999px;background:var(--primary);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--primary) 80%,transparent);transform:translateX(calc(var(--k,0) * 100% * var(--dir)));transition:transform .32s var(--e)}
:root[dir="rtl"] .plans-seg-th{--dir:-1}
.plans-plus[data-bill="y"] .plans-seg-th{--k:1}
:root[lang="ar"] .plans-seg label{font-size:16px}
/* forced colours drop backgrounds and shadows: keep the selected pill, the "not included" dash and the current rail row visible */
@media (forced-colors:active){
  .plans-seg{border:1px solid CanvasText}
  .plans-seg-th{forced-color-adjust:none;background:Highlight;box-shadow:none}
  .plans-seg-in:checked+label{forced-color-adjust:none;color:HighlightText}
  .plans-no{forced-color-adjust:none;background:CanvasText}
  .plans-jump a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
  .plans-jump a[aria-current]::before{forced-color-adjust:none;background:Highlight}
}

@media (min-width:1100px){
  .plans-cards{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,.96fr);grid-template-rows:repeat(6,auto);row-gap:0;align-items:stretch}
  .plans-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0}
}
@media (min-width:640px) and (max-width:1099px){
  .plans-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(6,auto) auto;row-gap:0}
  .plans-free,.plans-plus{display:grid;grid-row:1 / span 6;grid-template-rows:subgrid;row-gap:0}
  .plans-pass{grid-column:1 / -1;grid-row:7;margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;grid-template-rows:auto auto auto 1fr auto auto}
  .plans-pass .plans-card-h{grid-column:1;grid-row:1}
  .plans-pass .plans-desc{grid-column:1;grid-row:2}
  .plans-pass .plans-price{grid-column:1;grid-row:3}
  .plans-pass .plans-alt{grid-column:1;grid-row:4}
  .plans-pass .plans-pass-body{display:contents}
  .plans-pass-facts{grid-column:2;grid-row:1 / span 4;align-self:start;padding-inline-start:28px;border-inline-start:1px solid var(--line)}
  .plans-pass-eg{grid-column:1 / -1;grid-row:5;padding-top:20px;margin-top:22px;border-top:1px solid var(--line)}
  .plans-pass-trips{grid-column:1 / -1;grid-row:6}
}
.plans-now{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding:16px clamp(16px,2vw,24px);border-radius:22px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line)}
.plans-now-t{display:flex;gap:12px;align-items:flex-start;max-width:48rem;color:var(--ink);line-height:1.55}
.plans-now-t .ic{margin-top:2px;color:var(--primary-text)}
:root[lang="ar"] .plans-now-t{line-height:1.75}

/* ---------- sections ---------- */
.plans-sec{padding-top:clamp(80px,9.5vw,136px)}
.plans-sec-head{max-width:56rem}
.plans-sec-head .ui-lede{margin-top:18px}
.plans-rules-head .ui-h2,.plans-wait-h{font-size:clamp(2.2rem,6.4cqi,4.4rem)}
:root[lang="ar"] .plans-rules-head .ui-h2,:root[lang="ar"] .plans-wait-h{font-size:clamp(2rem,5.6cqi,3.8rem)}

/* ---------- Free and Plus, line by line ---------- */
.plans-cmp-grid{display:grid;gap:clamp(30px,4vw,52px)}
.plans-cmp-head .ui-h2{font-size:clamp(2.2rem,8.6cqi,4.2rem)}
:root[lang="ar"] .plans-cmp-head .ui-h2{font-size:clamp(2rem,7.6cqi,3.7rem)}
.plans-cap{--pw:min(66vw,262px)}
@media (min-width:1100px){
  .plans-cmp-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);grid-template-rows:auto 1fr;column-gap:clamp(44px,5vw,96px);row-gap:44px;align-items:start}
  .plans-cmp-head{grid-column:1;grid-row:1}
  .plans-cmp-head .ui-h2{font-size:clamp(2.2rem,11.4cqi,3.9rem)}
  :root[lang="ar"] .plans-cmp-head .ui-h2{font-size:clamp(2rem,10cqi,3.4rem)}
  .plans-tbl-wrap{grid-column:2;grid-row:1 / span 2}
  .plans-cap{grid-column:1;grid-row:2;margin:0;--pw:min(19vw,262px)}
}
/* beside the long table, the app's own Plans screen stays in view (sticky inside its own grid area, never over text) */
@media (min-width:1100px) and (min-height:760px){.plans-cap{position:sticky;top:calc(var(--sh-h) + 36px);align-self:start}}
.plans-tbl{width:100%;border-collapse:collapse;font-size:16px}
.plans-tbl thead th{padding:0 10px 14px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:650;color:var(--muted);text-align:center;vertical-align:bottom;border-bottom:1.5px solid var(--line2)}
.plans-tbl thead th:first-child{text-align:start;padding-inline-start:0}
.plans-tbl thead .plans-th-plus{color:var(--primary-text)}
:root[lang="ar"] .plans-tbl thead th{letter-spacing:0;text-transform:none;font-size:15px}
.plans-tbl .plans-c1{width:48%}
.plans-tbl .plans-c2,.plans-tbl .plans-c3{width:26%}
.plans-g th{padding:36px 0 12px;text-align:start;border-bottom:1px solid var(--line)}
.plans-tbl tbody:first-of-type .plans-g th{padding-top:26px}
.plans-g-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.plans-g-t{font-family:var(--fd);font-weight:660;font-variation-settings:"opsz" 28,"wdth" 100;font-size:21px;letter-spacing:-.015em;line-height:1.25;color:var(--ink)}
:root[lang="ar"] .plans-g-t{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.5}
.plans-g-n{display:block;margin-top:6px;font-size:14.5px;font-weight:400;color:var(--ink2);line-height:1.5}
:root[lang="ar"] .plans-g-n{font-size:15.5px}
.plans-tbl tbody tr:not(.plans-g){border-bottom:1px solid var(--line)}
.plans-tbl tbody th[scope="row"]{padding:15px 12px 15px 0;text-align:start;font-weight:500;color:var(--ink);line-height:1.45;vertical-align:middle}
:root[dir="rtl"] .plans-tbl tbody th[scope="row"]{padding:15px 0 15px 12px}
.plans-tbl tbody th small{display:block;margin-top:3px;font-size:14px;font-weight:400;color:var(--muted);line-height:1.45}
:root[lang="ar"] .plans-tbl tbody th[scope="row"]{line-height:1.65;font-size:16.5px}
:root[lang="ar"] .plans-tbl tbody th small{font-size:15px;line-height:1.6}
.plans-tbl td{padding:12px 10px;text-align:center;vertical-align:middle;color:var(--ink2);font-size:15px;line-height:1.4}
:root[lang="ar"] .plans-tbl td{font-size:16px;line-height:1.6}
.plans-tbl .plans-safe tr:not(.plans-g){background:color-mix(in srgb,var(--primary) 7%,transparent)}
.plans-tbl .plans-safe tr:not(.plans-g) th[scope="row"]{padding-inline-start:14px}
.plans-cl{display:none}
.plans-yes{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary-text)}
.plans-yes .ic{width:17px;height:17px;stroke-width:2.4}
.plans-no{display:inline-block;width:16px;height:2px;border-radius:2px;background:var(--line2);vertical-align:middle}
.plans-v{display:inline-block;text-wrap:balance}
.plans-c3 .plans-v,.plans-tbl td:last-child .plans-v{color:var(--ink)}

.plans-g-cols{display:none}
@media (max-width:639px){
  .plans-tbl,.plans-tbl tbody{display:block}
  .plans-tbl thead{display:none}
  .plans-tbl tr{display:grid;grid-template-columns:minmax(0,1fr) 56px 56px;column-gap:4px;align-items:center}
  .plans-tbl .plans-g th,.plans-tbl tbody:first-of-type .plans-g th{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 56px 56px;column-gap:4px;align-items:center;padding:34px 0 10px}
  .plans-g-row{grid-column:1}
  .plans-g-cols{display:contents}
  .plans-g-cols>span{text-align:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:var(--muted)}
  .plans-g-cols>span+span{color:var(--primary-text)}
  :root[lang="ar"] .plans-g-cols>span{letter-spacing:0;text-transform:none;font-size:13.5px}
  .plans-g-n{grid-column:1 / -1}
  .plans-tbl tbody th[scope="row"]{padding:13px 10px 13px 0}
  :root[dir="rtl"] .plans-tbl tbody th[scope="row"]{padding:13px 0 13px 10px}
  .plans-tbl .plans-safe tr:not(.plans-g) th[scope="row"]{padding-inline-start:12px}
  .plans-tbl td{position:relative;padding:10px 0;text-align:center}
  .plans-cl{display:block;position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .plans-yes{width:28px;height:28px}
  .plans-tbl tr.plans-tv{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;align-items:start}
  .plans-tbl tr.plans-tv th[scope="row"]{grid-column:1 / -1;padding-bottom:6px}
  .plans-tbl tr.plans-tv td{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 0 14px;text-align:start}
  .plans-tbl tr.plans-tv .plans-cl{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:var(--muted)}
  .plans-tbl tr.plans-tv td:last-child .plans-cl{color:var(--primary-text)}
  :root[lang="ar"] .plans-tbl tr.plans-tv .plans-cl{letter-spacing:0;text-transform:none;font-size:13.5px}
}

/* ---------- the fine print ---------- */
.plans-rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:clamp(30px,4vw,52px)}
.plans-rule{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-content:start;padding:22px clamp(18px,2vw,24px) 24px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.plans-rule .ui-h3{grid-column:2}
.plans-rule p{grid-column:2;margin-top:6px;color:var(--ink2);font-size:16px;line-height:1.55;text-wrap:pretty}
:root[lang="ar"] .plans-rule p{font-size:17px;line-height:1.75}
.plans-tile{grid-row:1 / span 2;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--primary-soft);color:var(--primary-text)}

/* ---------- questions ---------- */
.plans-faq-grid{display:grid;gap:clamp(26px,4vw,64px)}
@media (min-width:1000px){.plans-faq-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start}}
@media (min-width:1000px) and (min-height:640px){.plans-faq-head{position:sticky;top:calc(var(--sh-h) + 36px)}}
.plans-faq-head .ui-h2{font-size:clamp(2.2rem,10cqi,4.2rem)}
:root[lang="ar"] .plans-faq-head .ui-h2{font-size:clamp(2rem,8.6cqi,3.6rem)}
.plans-ask{margin-top:20px;color:var(--ink2);line-height:1.55}
.plans-ask a,.plans-a-more a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;display:inline-flex;align-items:center;min-height:44px}
.plans-faq-list{border-top:1px solid var(--line2)}
.plans-faq-list details{border-bottom:1px solid var(--line2)}
.plans-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;min-height:68px;padding:16px 4px;border-radius:12px}
.plans-faq-list summary::-webkit-details-marker{display:none}
.plans-faq-list summary:hover h3{color:var(--primary-text)}
.plans-faq-list h3{flex:1;min-width:0;font-family:var(--fd);font-weight:620;font-variation-settings:"opsz" 28,"wdth" 100;font-size:clamp(18px,1.6vw,21px);letter-spacing:-.012em;line-height:1.35;color:var(--ink);text-wrap:balance;transition:color .2s var(--e)}
:root[lang="ar"] .plans-faq-list h3{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.55}
.plans-chev{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink2);transition:transform .3s var(--e),background-color .2s var(--e)}
.plans-chev .ic{width:16px;height:16px}
.plans-faq-list details[open] .plans-chev{transform:rotate(180deg);background:var(--primary-soft);color:var(--primary-text)}
.plans-a{padding:0 4px 26px;max-width:64ch;color:var(--ink2);line-height:1.65}
.plans-a p+p{margin-top:12px}
.plans-a .plans-a-more{margin-top:4px}
:root[lang="ar"] .plans-a{line-height:1.85}

/* ---------- the waitlist ---------- */
.plans-wait{padding-block:clamp(80px,9.5vw,136px) 0}
.plans-wait-in{position:relative;border-radius:34px;padding:clamp(26px,5vw,72px);background:radial-gradient(80% 110% at 50% 120%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 65%),var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.plans-wait-grid{display:grid;gap:clamp(26px,4vw,56px);align-items:end}
@media (min-width:1000px){.plans-wait-grid{grid-template-columns:1.05fr .95fr}}
.plans-wait .ui-lede{margin-top:18px}
.plans-stores{display:inline-flex;align-items:center;min-height:36px;margin-top:22px;padding:6px 15px;border-radius:18px;line-height:1.4;box-shadow:inset 0 0 0 1.5px var(--line2);font-size:14px;color:var(--ink2)}
:root[lang="ar"] .plans-stores{font-size:15px}

/* ---- page: compare ---- */

/* ============================ COMPARE · 22:50 ============================ */
.compare{position:relative}
.compare .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- hero (the same rhythm as plans: head, then lede + note beside the "On this page" rail) ---------- */
.compare-hero{padding-block:calc(var(--sh-h) + clamp(40px,5.4vw,84px)) 0}
.compare-h1{font-size:clamp(2.6rem,10.4cqi,6rem)}
.compare-h1a,.compare-h1b{display:block}
.compare-h1b{color:var(--primary-text)}
:root[lang="ar"] .compare-h1{font-size:clamp(2.5rem,9.4cqi,5.4rem)}
.compare-intro{margin-top:26px;max-width:44rem}
.compare-now{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:14px 18px;border-radius:18px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);line-height:1.55;font-size:16px;text-wrap:pretty}
.compare-now .ic{margin-top:2px;color:var(--primary-text)}
:root[lang="ar"] .compare-now{line-height:1.75;font-size:17px}
.compare-meta{display:grid;gap:14px 34px;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line2)}
@media (min-width:720px){.compare-meta{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr)}}
.compare-meta>div{display:grid;gap:4px;min-width:0;align-content:start}
.compare-meta dt{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.compare-meta dd{margin:0;font-size:15.5px;font-weight:500;color:var(--ink);line-height:1.5;text-wrap:pretty}
:root[lang="ar"] .compare-meta dt{letter-spacing:0;text-transform:none;font-size:14.5px}
:root[lang="ar"] .compare-meta dd{font-size:16.5px;line-height:1.7}
.compare-meta-a{display:inline;padding-block:11px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--primary-text) 70%,transparent)}
.compare-meta-a:hover{color:var(--primary-text)}
.compare-n{font-variant-numeric:tabular-nums}
.compare-nw{white-space:nowrap} /* an app's name in a list, a product name (Check-In): breaks only between items */
.compare-jump{margin-top:34px;max-width:40rem}
.compare-jump-h{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);font-weight:600}
:root[lang="ar"] .compare-jump-h{letter-spacing:0;text-transform:none;font-size:15px}
.compare-jump ol{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(18px,2.4vw,36px);margin-top:12px;border-top:1px solid var(--line)}
@media (min-width:350px){.compare-jump ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:720px) and (max-width:1099px){.compare-jump{max-width:none}.compare-jump ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
.compare-jump li{border-bottom:1px solid var(--line)}
.compare-jump a{position:relative;display:flex;align-items:center;gap:14px;min-height:52px;padding:6px 12px;margin-inline:-12px;border-radius:14px;color:var(--ink2);font-size:15.5px;line-height:1.3;transition:background-color .25s var(--e),color .25s var(--e)}
.compare-jump a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}
.compare-jump a .n{flex:none;width:1.9em;font-family:'Bricolage Grotesque',var(--fb);font-weight:650;font-variation-settings:"opsz" 20,"wdth" 100;color:var(--primary-text);font-size:15px}
.compare-jump a[aria-current]{background:var(--primary-soft);color:var(--ink);font-weight:600}
.compare-jump a[aria-current]::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--primary)}
:root[lang="ar"] .compare-jump a{font-size:16.5px}
@media (min-width:1100px){
  .compare-hero{display:grid;grid-template-columns:minmax(0,44rem) minmax(0,1fr);column-gap:clamp(32px,4vw,64px);align-items:start}
  .compare-head{grid-column:1 / -1}
  .compare-jump{margin-top:26px;width:100%;max-width:32rem;justify-self:end}
  .compare-jump ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compare-jump a{min-height:48px}
}

/* ---------- sections ---------- */
.compare-sec{padding-top:clamp(80px,9.5vw,136px)}
.compare-sec-head{max-width:56rem}
.compare-sec-head .ui-lede{margin-top:18px}
.compare-limits .ui-h2,.compare-sources .ui-h2,.compare-wait-h{font-size:clamp(2.2rem,6.4cqi,4.4rem)}
:root[lang="ar"] .compare-limits .ui-h2,:root[lang="ar"] .compare-sources .ui-h2,:root[lang="ar"] .compare-wait-h{font-size:clamp(2rem,5.6cqi,3.8rem)}

/* ---------- the table: heading, key, the phone/tablet switcher ---------- */
.compare-table-head{display:grid;gap:26px clamp(32px,4vw,64px);align-items:end}
.compare-table-head.ui-wrap,.compare-pick-wrap.ui-wrap{max-width:1560px} /* the heading, the key and the table share one pair of edges */
@media (min-width:1100px){.compare-table-head{grid-template-columns:minmax(0,1fr) minmax(0,26rem)}}
.compare-th-copy .ui-h2{font-size:clamp(2.2rem,8cqi,4.2rem)}
:root[lang="ar"] .compare-th-copy .ui-h2{font-size:clamp(2rem,7cqi,3.7rem)}
.compare-help{margin-top:16px;color:var(--ink2)}
.compare-help-n{display:none}
@media (hover:none),(max-width:1099px){.compare-help-w{display:none}.compare-help-n{display:inline}}
.compare-key{padding:16px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.compare-key-h{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted)}
:root[lang="ar"] .compare-key-h{letter-spacing:0;text-transform:none;font-size:14.5px}
.compare-key ul{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px}
.compare-key li{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--ink)}
.compare-key li .compare-m{margin-top:0}
.compare-key-n{margin-top:10px;font-size:14px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
:root[lang="ar"] .compare-key li{font-size:16px}
:root[lang="ar"] .compare-key-n{font-size:15px;line-height:1.7}

/* the marks: shape carries the meaning (never colour alone); the words are beside them for screen readers and in the key */
.compare-m{--g:var(--ink2);display:inline-block;flex:none;width:15px;height:15px;margin-top:3px;border-radius:50%;box-shadow:inset 0 0 0 1.7px var(--g)}
.compare-m.is-yes{background:var(--g)}
.compare-m.is-partial{background:linear-gradient(to top,var(--g) 50%,transparent 50%)}
.compare-m.is-paid{background:linear-gradient(var(--g),var(--g)) center/7px 1.7px no-repeat,linear-gradient(var(--g),var(--g)) center/1.7px 7px no-repeat}
.compare-m.is-ns{--g:transparent;border:1.7px dashed var(--muted)}
:root[lang="ar"] .compare-m{margin-top:6px}
@media (forced-colors:active){.compare-m{forced-color-adjust:none;--g:CanvasText}.compare-m.is-ns{--g:transparent;border-color:CanvasText}
  .compare-pop{border:1px solid CanvasText}.compare-ch .compare-as.ui-tag{border:1px solid CanvasText}.compare-v[aria-expanded="true"]{outline:1px solid CanvasText}
  .compare-g-pick,.compare-back{border:1px solid CanvasText}}

.compare-pick-wrap{margin-top:30px}
.compare-pick{margin:0;padding:0;border:0;min-width:0}
.compare-pick-l{padding:0;margin-bottom:10px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--ink2)}
:root[lang="ar"] .compare-pick-l{letter-spacing:0;text-transform:none;font-size:15px}
.compare-pick-opts{position:relative;display:flex;flex-wrap:wrap;gap:8px}
.compare-pick-in{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none;inset-inline-start:0;top:0;clip-path:inset(50%)}
.compare-pick-opts label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--sunken);box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--ink2);font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s var(--e),color .2s var(--e),box-shadow .2s var(--e)}
.compare-pick-opts label:hover{color:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent)}
.compare-pick-in:checked+label{background:var(--primary);color:var(--primary-ink);box-shadow:none}
.compare-pick-in:focus-visible+label{outline:2.5px solid var(--primary);outline-offset:3px}
:root[lang="ar"] .compare-pick-opts label{font-size:16px}
@media (forced-colors:active){.compare-pick-opts label{border:1px solid CanvasText}.compare-pick-in:checked+label{forced-color-adjust:none;background:Highlight;color:HighlightText}}
@media (min-width:1100px){.compare-pick-wrap{display:none}}

/* ---------- the table itself ---------- */
.compare-wide{max-width:1560px;margin:clamp(26px,3vw,40px) auto 0;padding-inline:var(--gut)}
.compare-scroll{position:relative}
.compare-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.45}
:root[lang="ar"] .compare-tbl{font-size:15.5px;line-height:1.65}
.compare-tbl th,.compare-tbl td{text-align:start;vertical-align:top}
/* the column headings stay under the site header while the rows scroll (opaque: the rows pass under them, never show through) */
.compare-tbl thead th{position:sticky;top:calc(var(--sh-h) + env(safe-area-inset-top,0px));z-index:3;padding:14px 12px 12px;vertical-align:top;background:var(--ground);border-bottom:1.5px solid var(--line2)}
.compare-corner-t{display:block;font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.4}
:root[lang="ar"] .compare-corner-t{letter-spacing:0;text-transform:none;font-size:14px}
.compare-an{display:block;font-family:var(--fd);font-weight:660;font-variation-settings:"opsz" 24,"wdth" 100;font-size:17px;line-height:1.2;letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .compare-an{letter-spacing:0;font-variation-settings:normal;font-weight:600;font-size:17px;line-height:1.5}
.compare-as{display:block;margin-top:3px;font-size:12.5px;color:var(--muted);line-height:1.35}
:root[lang="ar"] .compare-as{font-size:14px}
.compare-ch.is-us .compare-an{color:var(--primary-text)}
.compare-ch .compare-as.ui-tag{display:inline-flex;margin-top:6px;min-height:22px;padding:0 9px;font-size:11.5px;background:var(--primary-soft);color:var(--primary-text)}
:root[lang="ar"] .compare-ch .compare-as.ui-tag{font-size:13px}
/* our own column: a quiet tint, opaque so the sticky heading hides what scrolls under it */
.compare-tbl .is-us{background:color-mix(in srgb,var(--primary) 6%,var(--ground))}
.compare-g th{padding:34px 0 10px;border-bottom:1px solid var(--line2)}
.compare-grp:first-of-type .compare-g th{padding-top:26px}
.compare-g-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.compare-g-pick{display:inline-flex;align-items:center;min-height:44px;margin-block:-6px;padding:0 15px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--primary-text);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color .2s var(--e)}
.compare-g-pick:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
:root[lang="ar"] .compare-g-pick{font-size:15px}
.compare-g-t{display:block;font-family:var(--fd);font-weight:660;font-variation-settings:"opsz" 28,"wdth" 100;font-size:21px;letter-spacing:-.015em;line-height:1.25;color:var(--ink)}
:root[lang="ar"] .compare-g-t{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.5}
.compare-g-cols{display:none}
.compare-rh{padding:14px 14px 14px 0;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line)}
:root[dir="rtl"] .compare-rh{padding:14px 0 14px 14px}
.compare-rl{display:block;line-height:1.4}
.compare-rs{display:block;margin-top:4px;font-size:13px;font-weight:400;color:var(--muted);line-height:1.45}
:root[lang="ar"] .compare-rs{font-size:14px;line-height:1.6}
.compare-td{padding:6px 6px;border-bottom:1px solid var(--line)}
.compare-c{position:relative}
.compare-v{display:flex;align-items:flex-start;gap:9px;width:100%;min-height:44px;margin:0;padding:8px 8px 9px;border:0;border-radius:12px;background:transparent;color:var(--ink2);text-align:start;font:inherit;line-height:inherit;cursor:pointer;scroll-margin-top:calc(var(--sh-h) + 120px);transition:background-color .2s var(--e),color .2s var(--e)}
.compare-v:hover,.compare-v[aria-expanded="true"]{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
.compare-t{min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
.compare-tbl bdi{white-space:nowrap} /* a name inside Arabic copy (Check-In, iOS 17.4) never breaks in two */
.compare-tbl bdi.compare-bw{white-space:normal} /* a long English option label inside Arabic copy wraps like text */
.compare-td.is-us .compare-v{color:var(--ink)}
/* the detail behind a cell: an accessible disclosure (button + aria-expanded); on a desktop pointer it also peeks on hover */
.compare-pop{display:none}
.compare-d{font-size:14px;line-height:1.55;color:var(--ink);text-wrap:pretty}
:root[lang="ar"] .compare-d{font-size:15px;line-height:1.75}
.compare-sup{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:9px 6px;margin:-9px -2px;border-radius:9px;color:var(--primary-text);font-weight:650;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;vertical-align:baseline}
.compare-sup sup{font-size:.78em;line-height:1;vertical-align:super}
.compare-sup:hover{background:var(--primary-soft)}
.compare-v[aria-expanded="true"]+.compare-pop{display:block}

@media (min-width:1100px){
  /* seven columns: the question, TZX Locate, five apps (fixed layout: long words wrap inside their own cell) */
  .compare-tbl{table-layout:fixed;min-width:1000px}
  .compare-corner{width:17%}
  .compare-ch{width:13.6%}
  .compare-ch.is-us{width:15%}
  .compare-pop{display:block;position:absolute;z-index:6;top:calc(100% + 4px);inset-inline-start:0;width:min(21rem,calc(100vw - 32px));padding:14px 16px 15px;border-radius:16px;background:var(--raised);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--line2);
    visibility:hidden;opacity:0;transform:translateY(-3px);transition:opacity .14s var(--e),transform .14s var(--e),visibility 0s linear .14s}
  .compare-td[data-app="whatsapp"] .compare-pop,.compare-td[data-app="snapchat"] .compare-pop{inset-inline-start:auto;inset-inline-end:0}
  .compare-c.is-up .compare-pop{top:auto;bottom:calc(100% + 4px);transform:translateY(3px)}
  .compare-v[aria-expanded="true"]+.compare-pop,.compare-c:has(:focus-visible):not(.is-quiet) .compare-pop{visibility:visible;opacity:1;transform:none;transition:opacity .14s var(--e),transform .14s var(--e),visibility 0s}
}
@media (min-width:1100px) and (hover:hover){
  /* a table this dense would flicker if every pass of the pointer opened a detail: it peeks after a short rest (real pointers only;
     on a touch screen a tap toggles it, and a stuck :hover would keep it open) */
  .compare-c:not(.is-quiet):hover .compare-pop{visibility:visible;opacity:1;transform:none;transition:opacity .14s var(--e) .22s,transform .14s var(--e) .22s,visibility 0s linear .22s}
}
@media (min-width:1100px){
  /* the criteria column stays put if the table ever has to scroll sideways (see the script: .is-scroll) */
  .compare-rh{position:sticky;inset-inline-start:0;z-index:2;background:var(--ground)}
  .compare-scroll.is-scroll{overflow:auto;max-height:calc(100svh - var(--sh-h) - env(safe-area-inset-top,0px) - 24px);overscroll-behavior-x:contain}
  .compare-scroll.is-scroll thead th{top:0}
  .compare-scroll.is-scroll .compare-corner{position:sticky;inset-inline-start:0;z-index:4} /* the corner stays above the criteria column */
  .compare-scroll.is-scroll .compare-g-t{position:sticky;inset-inline-start:0;display:inline-block} /* group titles stay in view */
  .compare-g-row{display:block}
  .compare-g-pick{display:none} /* all seven columns are on screen: nothing to switch */
}
@media (min-width:1100px) and (max-width:1279px){.compare-tbl{font-size:14px}:root[lang="ar"] .compare-tbl{font-size:14.5px;line-height:1.6}.compare-v{padding-inline:6px;gap:7px}}

/* tablets: the question, TZX Locate and the one app you picked */
@media (max-width:1099px){
  .compare-tbl [data-app]:not([data-app="tzx"]){display:none}
  .compare-tbl[data-pick="apple"] [data-app="apple"],.compare-tbl[data-pick="google"] [data-app="google"],.compare-tbl[data-pick="life360"] [data-app="life360"],
  .compare-tbl[data-pick="whatsapp"] [data-app="whatsapp"],.compare-tbl[data-pick="snapchat"] [data-app="snapchat"]{display:table-cell}
  .compare-corner{width:32%}
  .compare-ch{width:34%}
  .compare-pop{padding:4px 8px 10px}
  .compare-v[aria-expanded="true"]{border-radius:12px 12px 0 0}
  .compare-v[aria-expanded="true"]+.compare-pop{background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:0 0 12px 12px}
}

/* phones: each question on its own line, then the two answers side by side */
@media (max-width:767px){
  .compare-wide{padding-inline:var(--gut)}
  .compare-tbl,.compare-tbl tbody{display:block}
  .compare-tbl thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .compare-tbl tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px;border-bottom:1px solid var(--line)}
  .compare-tbl tr.compare-g{border-bottom:0}
  .compare-g th{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px;padding:34px 0 10px}
  .compare-g-row{grid-column:1 / -1}
  .compare-g-cols{display:contents}
  .compare-g-cols>span{margin-top:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:var(--muted);overflow-wrap:anywhere}
  .compare-g-cols>span[data-app="tzx"]{color:var(--primary-text)}
  :root[lang="ar"] .compare-g-cols>span{letter-spacing:0;text-transform:none;font-size:13.5px}
  .compare-tbl .compare-g-cols>span[data-app]:not([data-app="tzx"]){display:none}
  .compare-tbl[data-pick="apple"] .compare-g-cols>span[data-app="apple"],.compare-tbl[data-pick="google"] .compare-g-cols>span[data-app="google"],.compare-tbl[data-pick="life360"] .compare-g-cols>span[data-app="life360"],
  .compare-tbl[data-pick="whatsapp"] .compare-g-cols>span[data-app="whatsapp"],.compare-tbl[data-pick="snapchat"] .compare-g-cols>span[data-app="snapchat"]{display:block}
  .compare-rh{grid-column:1 / -1;padding:14px 0 4px;border-bottom:0}
  :root[dir="rtl"] .compare-rh{padding:14px 0 4px}
  .compare-tbl[data-pick="apple"] td[data-app="apple"],.compare-tbl[data-pick="google"] td[data-app="google"],.compare-tbl[data-pick="life360"] td[data-app="life360"],
  .compare-tbl[data-pick="whatsapp"] td[data-app="whatsapp"],.compare-tbl[data-pick="snapchat"] td[data-app="snapchat"]{display:block}
  .compare-td{padding:2px 0 12px;border-bottom:0}
  .compare-tbl .is-us{background:transparent}
  .compare-td.is-us .compare-v{background:color-mix(in srgb,var(--primary) 7%,transparent)}
  .compare-td.is-us .compare-v:hover,.compare-td.is-us .compare-v[aria-expanded="true"]{background:color-mix(in srgb,var(--primary) 12%,transparent)}
  .compare-v{padding:8px 9px 9px;gap:8px}
}

/* ---------- what it can't tell you ---------- */
.compare-limits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:clamp(30px,4vw,52px)}
.compare-limit{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-content:start;padding:22px clamp(18px,2vw,24px) 24px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.compare-limit .ui-h3{grid-column:2}
.compare-limit p{grid-column:2;margin-top:6px;color:var(--ink2);font-size:16px;line-height:1.55;text-wrap:pretty}
:root[lang="ar"] .compare-limit p{font-size:17px;line-height:1.75}
.compare-tile{grid-row:1 / span 2;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--primary-soft);color:var(--primary-text)}
.compare-close{margin-top:clamp(28px,3.4vw,44px);max-width:40rem;font-family:var(--fd);font-weight:620;font-variation-settings:"opsz" 36,"wdth" 96;font-size:clamp(20px,2vw,26px);letter-spacing:-.015em;line-height:1.3;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .compare-close{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.6}

/* ---------- sources ---------- */
.compare-mail{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;display:inline-block;padding-block:10px;margin-block:-10px} /* 44px tap target without stretching the line */
.compare-mail:hover{color:var(--primary-text)}
/* one numbered list in balanced columns: an app's sources may continue in the next column, its heading never ends one */
.compare-src-groups{columns:3 20rem;column-gap:clamp(28px,3.4vw,56px);margin-top:clamp(30px,4vw,52px)}
.compare-src-g+.compare-src-g .compare-src-h{margin-top:30px}
.compare-src-h{break-after:avoid;padding:0 0 10px;border-bottom:1.5px solid var(--line2);font-family:var(--fd);font-weight:660;font-variation-settings:"opsz" 28,"wdth" 100;font-size:20px;letter-spacing:-.012em;color:var(--ink)}
:root[lang="ar"] .compare-src-h{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.5}
.compare-src-i{break-inside:avoid;display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--sh-h) + 24px)}
.compare-src-i:target,.compare-src-i:focus{background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:10px}
.compare-src-n{font-family:'Bricolage Grotesque',var(--fb);font-weight:650;font-variation-settings:"opsz" 20,"wdth" 100;font-size:15px;color:var(--primary-text);line-height:1.9;font-variant-numeric:tabular-nums;text-align:end;padding-inline-end:4px}
.compare-src-b{min-width:0}
.compare-src-a{display:inline;color:var(--ink);font-size:15px;line-height:1.55;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--ink) 40%,transparent);overflow-wrap:anywhere;padding-block:10px}
.compare-src-a:hover{color:var(--primary-text);text-decoration-color:currentColor}
.compare-src-note{display:inline-block;margin-inline-start:8px;font-size:13px;color:var(--muted)}
.compare-src-for{margin-top:2px;font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.compare-back{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;padding:0 15px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--primary-text);font-size:14px;font-weight:600;transition:background-color .2s var(--e)}
.compare-back:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
:root[lang="ar"] .compare-back{font-size:15px}
:root[lang="ar"] .compare-src-for{font-size:14.5px;line-height:1.7}

/* ---------- the waitlist ---------- */
.compare-wait{padding-block:clamp(80px,9.5vw,136px) 0}
.compare-wait-in{position:relative;border-radius:34px;padding:clamp(26px,5vw,72px);background:radial-gradient(80% 110% at 50% 120%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 65%),var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.compare-wait-grid{display:grid;gap:clamp(26px,4vw,56px);align-items:end}
@media (min-width:1000px){.compare-wait-grid{grid-template-columns:1.05fr .95fr}}
.compare-wait .ui-lede{margin-top:18px}

/* ---- page: notice ---- */

/* ============================ NOTICE · the waitlist privacy notice (22:45) ============================ */
.notice{position:relative;--nc-cols:minmax(0,1fr) minmax(0,1fr);--nc-gap:clamp(40px,5vw,80px)}
.notice .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.notice-tile{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:14px;background:var(--primary-soft);color:var(--primary-text)}

/* ---- at a glance ---- */
.notice-hero{padding-block:calc(var(--sh-h) + clamp(44px,6.5vw,104px)) clamp(56px,7vw,104px)}
.notice-grid{display:grid;gap:var(--nc-gap)}
@media (min-width:1000px){.notice-grid{grid-template-columns:var(--nc-cols);align-items:end}}
.notice-h1{font-size:clamp(2.6rem,14cqi,5.8rem)}
@media (min-width:600px){.notice-s{display:block}}
.notice-h1 .l{display:block}
:root[lang="ar"] .notice-h1{font-size:clamp(2.35rem,10cqi,4.6rem);line-height:1.22}
.notice-lede{margin-top:clamp(20px,1.6rem,28px);max-width:54ch}
:root[lang="ar"] .notice-lede{max-width:46ch}

.notice-meta{display:flex;flex-wrap:wrap;gap:4px clamp(24px,4cqi,44px);margin:clamp(28px,2.2rem,40px) 0 0;padding-top:18px;border-top:1px solid var(--line2)}
.notice-meta>div{display:grid;gap:2px;min-width:0}
.notice-meta dt{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.notice-meta dd{margin:0;display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:500;color:var(--ink)}
:root[lang="ar"] .notice-meta dt{letter-spacing:0;text-transform:none;font-size:14.5px}
:root[lang="ar"] .notice-meta dd{font-size:17px}
.notice-meta time{font-variant-numeric:tabular-nums}
.notice-mail-l{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--primary-text) 70%,transparent)}
.notice-mail-l:hover{color:var(--primary-text)}

/* the record: one waitlist entry, drawn */
.notice-rec{margin:0;width:100%;max-width:36rem;padding:clamp(20px,2.2vw,30px);border-radius:24px;box-shadow:var(--shadow-md);container-type:inline-size}
.notice-rec-h{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px 14px}
@container (max-width:400px){.notice-rec-h{grid-template-columns:40px minmax(0,1fr)}.notice-rec-h .ui-tag{grid-column:2;justify-self:start}}
.notice-rec-t{min-width:0;text-wrap:balance;font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 28,"wdth" 100;font-size:19px;line-height:1.3;letter-spacing:-.012em;color:var(--ink)}
:root[lang="ar"] .notice-rec-t{letter-spacing:0;font-variation-settings:normal;font-weight:600;font-size:19px;line-height:1.5}
.notice-rows{margin:20px 0 0;border-top:1px solid var(--line)}
.notice-rows>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 18px;padding-block:14px;border-bottom:1px solid var(--line)}
.notice-rows dt{font-size:15px;color:var(--muted)}
.notice-rows dd{margin:0;margin-inline-start:auto;font-size:16px;font-weight:500;color:var(--ink);text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:root[lang="ar"] .notice-rows dt{font-size:16px}
:root[lang="ar"] .notice-rows dd{font-size:16.5px}
.notice-hour{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line)}
.notice-ring{width:56px;height:56px;display:block}
.notice-ring-t,.notice-ring-a{fill:none;stroke-width:5;stroke-dasharray:.34 .66}
.notice-ring-t{stroke:var(--line2)}
.notice-ring-a{stroke:var(--primary-text)}
.notice-ring-h{fill:none;stroke:var(--ink2);stroke-width:2.2;stroke-linecap:round}
.notice-ring-c{fill:var(--ink2)}
.notice-hour-t{text-wrap:balance;font-weight:600;color:var(--ink);font-size:15.5px;line-height:1.4}
.notice-hour-p{margin-top:3px;color:var(--ink2);font-size:15px;line-height:1.5}
:root[lang="ar"] .notice-hour-t{font-size:16.5px;line-height:1.6}
:root[lang="ar"] .notice-hour-p{font-size:16px;line-height:1.7}
.notice-rec-f{margin-top:16px;font-size:14.5px;line-height:1.5;color:var(--muted)}
:root[lang="ar"] .notice-rec-f{font-size:15.5px}

/* ---- in full (on the hero's grid: the text column starts where the card starts) ---- */
.notice-body{padding-bottom:clamp(40px,5vw,72px)}
.notice-items{border-bottom:1px solid var(--line)}
.notice-item{display:grid;row-gap:14px;padding-block:28px 30px;border-top:1px solid var(--line)}
.notice-item-h{display:flex;align-items:baseline;gap:14px}
.notice-n{flex:none;min-width:1.8rem;font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-weight:620;font-size:15px;letter-spacing:.04em;color:var(--primary-text);font-variant-numeric:tabular-nums}
.notice-item h2{min-width:0;font-family:var(--fd);font-weight:650;font-variation-settings:"opsz" 40,"wdth" 98;font-size:clamp(1.5rem,.95rem + 2.2cqi,2.6rem);line-height:1.12;letter-spacing:-.024em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .notice-item h2{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.42;font-size:clamp(1.45rem,1rem + 1.8cqi,2.3rem)}
.notice-txt{max-width:62ch;color:var(--ink2);font-size:17px;line-height:1.68;text-wrap:pretty}
:root[lang="ar"] .notice-txt{font-size:18.5px;line-height:1.85;max-width:58ch}
.notice-txt p+p{margin-top:12px}
.notice-txt a:not(.ui-btn){color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--primary-text) 70%,transparent);padding-block:12px;overflow-wrap:anywhere}
.notice-txt a:not(.ui-btn):hover{color:var(--primary-text)}
.notice-list{gap:12px}
.notice-list li{color:var(--ink2)}
.notice-mail{margin-top:20px;gap:10px;padding-inline:20px 22px}
.notice-mail .ic{color:var(--primary-text)}

/* ---- the way out ---- */
.notice-end{display:grid;gap:clamp(28px,4cqi,44px);margin-top:clamp(40px,5cqi,64px)}
.notice-scope{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px 16px;align-items:start;padding:clamp(18px,2.4cqi,26px);border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.notice-scope p{color:var(--ink2);font-size:16px;line-height:1.6;max-width:56ch;align-self:center;text-wrap:pretty}
:root[lang="ar"] .notice-scope p{font-size:17px;line-height:1.8}
.notice-go-btn{grid-column:2;justify-self:start;gap:6px;max-width:100%;white-space:normal;text-align:start;line-height:1.3;padding-block:10px}
/* narrow phones (and 200% zoom): the button takes the card's full row instead of the text column, so it never runs past the card */
@media (max-width:379px){.notice-go-btn{grid-column:1 / -1}}
.notice-go{width:18px;height:18px}
:root[dir="rtl"] .notice-go{transform:scaleX(-1)}
.notice-close{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px}
.notice-close-t{font-family:var(--fd);font-weight:650;font-variation-settings:"opsz" 48,"wdth" 96;font-size:clamp(1.6rem,1.1rem + 2cqi,2.5rem);line-height:1.15;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .notice-close-t{letter-spacing:0;font-variation-settings:normal;font-weight:620;line-height:1.45;font-size:clamp(1.5rem,1.1rem + 1.7cqi,2.2rem)}
@media (min-width:1000px){
  .notice-item{grid-template-columns:var(--nc-cols);column-gap:var(--nc-gap);align-items:start;padding-block:40px 42px}
  .notice-item-h{gap:clamp(18px,2.2vw,32px)}
  .notice-n{min-width:2.2rem}
  .notice-txt{padding-top:.55em}
  :root[lang="ar"] .notice-txt{padding-top:.3em}
  .notice-n{padding-top:.2em}
  .notice-end{grid-template-columns:var(--nc-cols);column-gap:var(--nc-gap);align-items:center}
  .notice-close{flex-direction:column;align-items:flex-start}
}

/* ---- page: policy ---- */

/* ============================ POLICY · beta privacy policy (22:55) ============================ */
.policy{position:relative;--pc-gap:clamp(40px,5vw,80px)}
.policy .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.policy-tile{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:14px;background:var(--primary-soft);color:var(--primary-text)}
.policy-go{width:18px;height:18px}
:root[dir="rtl"] .policy-go{transform:scaleX(-1)}

/* ---- hero ---- */
.policy-hero{padding-block:calc(var(--sh-h) + clamp(44px,6.5vw,104px)) clamp(40px,5vw,72px)}
.policy-grid{display:grid;gap:var(--pc-gap)}
@media (min-width:1000px){.policy-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}
.policy-h1{font-size:clamp(2.5rem,13cqi,5.6rem)}
.policy-h1 .l{display:block}
:root[lang="ar"] .policy-h1{font-size:clamp(2.3rem,10cqi,4.5rem);line-height:1.22}
.policy-lede{margin-top:clamp(20px,1.6rem,28px);max-width:54ch}
:root[lang="ar"] .policy-lede{max-width:46ch}
.policy-beta{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;margin-top:clamp(22px,1.8rem,32px);padding:14px 18px;border-radius:18px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line2);max-width:40rem}
.policy-beta p{color:var(--ink);font-size:16px;line-height:1.55;font-weight:500;text-wrap:pretty}
:root[lang="ar"] .policy-beta p{font-size:17px;line-height:1.75}
.policy-meta{display:flex;flex-wrap:wrap;gap:4px clamp(24px,4cqi,44px);margin:clamp(24px,2rem,36px) 0 0;padding-top:18px;border-top:1px solid var(--line2)}
.policy-meta>div{display:grid;gap:2px;min-width:0}
.policy-meta dt{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.policy-meta dd{margin:0;display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
:root[lang="ar"] .policy-meta dt{letter-spacing:0;text-transform:none;font-size:14.5px}
:root[lang="ar"] .policy-meta dd{font-size:17px}
.policy-mail-l{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--primary-text) 70%,transparent);overflow-wrap:anywhere}
.policy-mail-l:hover{color:var(--primary-text)}

.policy-short{margin:0;width:100%;max-width:38rem;padding:clamp(20px,2.2vw,30px);border-radius:24px;box-shadow:var(--shadow-md)}
.policy-short-h{font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 28,"wdth" 100;font-size:21px;line-height:1.3;letter-spacing:-.012em;color:var(--ink)}
:root[lang="ar"] .policy-short-h{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.5}
.policy-short-list{margin-top:16px;gap:12px}
.policy-short-list li{color:var(--ink2);font-size:15.5px;line-height:1.55}
:root[lang="ar"] .policy-short-list li{font-size:16.5px;line-height:1.75}
.policy-del-btn{margin-top:20px;gap:6px;max-width:100%;white-space:normal;text-align:start;line-height:1.3}

/* ---- contents ---- */
.policy-toc-wrap{padding-bottom:clamp(24px,3vw,40px)}
.policy-toc-h{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);font-weight:600}
:root[lang="ar"] .policy-toc-h{letter-spacing:0;text-transform:none;font-size:15px}
.policy-toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:0 clamp(18px,2.4vw,36px);margin-top:12px;border-top:1px solid var(--line)}
.policy-toc li{border-bottom:1px solid var(--line)}
.policy-toc a{display:flex;align-items:center;gap:14px;min-height:52px;padding:6px 12px;margin-inline:-12px;border-radius:14px;color:var(--ink2);font-size:15.5px;line-height:1.3}
.policy-toc a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}
.policy-toc .n{flex:none;width:1.9em;font-family:'Bricolage Grotesque',var(--fb);font-weight:650;font-variation-settings:"opsz" 20,"wdth" 100;color:var(--primary-text);font-size:15px;font-variant-numeric:tabular-nums}
:root[lang="ar"] .policy-toc a{font-size:16.5px}

/* ---- body ---- */
.policy-body{padding-bottom:clamp(40px,5vw,72px)}
.policy-item{display:grid;row-gap:16px;padding-block:32px 34px;border-top:1px solid var(--line)}
.policy-item:last-of-type{border-bottom:1px solid var(--line)}
.policy-item-h{display:flex;align-items:baseline;gap:14px}
.policy-n{flex:none;min-width:1.8rem;font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-weight:620;font-size:15px;letter-spacing:.04em;color:var(--primary-text);font-variant-numeric:tabular-nums}
.policy-item h2{min-width:0;font-family:var(--fd);font-weight:650;font-variation-settings:"opsz" 40,"wdth" 98;font-size:clamp(1.5rem,.95rem + 2.2cqi,2.5rem);line-height:1.12;letter-spacing:-.024em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .policy-item h2{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.42;font-size:clamp(1.45rem,1rem + 1.8cqi,2.25rem)}
.policy-txt{min-width:0;max-width:72ch;color:var(--ink2);font-size:17px;line-height:1.68;text-wrap:pretty}
:root[lang="ar"] .policy-txt{font-size:18px;line-height:1.85;max-width:66ch}
.policy-txt>*+*{margin-top:14px}
.policy-txt b,.policy-strong{color:var(--ink);font-weight:600}
.policy-h3{margin-top:30px!important;font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 28,"wdth" 100;font-size:clamp(1.15rem,1rem + .6cqi,1.4rem);line-height:1.3;letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.policy-txt>.policy-h3:first-child{margin-top:0!important}
:root[lang="ar"] .policy-h3{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.55}
.policy-txt a:not(.ui-btn){color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--primary-text) 70%,transparent);padding-block:12px;overflow-wrap:anywhere}
.policy-txt a:not(.ui-btn):hover{color:var(--primary-text)}
.policy-list{gap:10px}
.policy-list li{color:var(--ink2)}

/* record rows: label + value pairs, readable at any width (no tables to scroll) */
.policy-rows{margin:6px 0 0;border-top:1px solid var(--line)}
.policy-rows>div{display:grid;gap:6px;padding-block:14px 15px;border-bottom:1px solid var(--line)}
.policy-rows dt{color:var(--ink);font-weight:600;font-size:16.5px;line-height:1.45}
.policy-rows dd{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1px;font-size:16px;line-height:1.6;color:var(--ink2)}
.policy-k{font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--muted);line-height:1.5}
:root[lang="ar"] .policy-rows dt{font-size:17.5px;line-height:1.65}
:root[lang="ar"] .policy-rows dd{font-size:17px;line-height:1.8}
:root[lang="ar"] .policy-k{letter-spacing:0;text-transform:none;font-size:14px}
@media (min-width:760px){
  .policy-rows dd{grid-template-columns:8.5rem minmax(0,1fr);column-gap:18px}
  .policy-k{padding-top:.2em}
  .policy-rows.is-two>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:24px}
  .policy-rows.is-two dd{display:block}
}

.policy-del{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px 16px;align-items:start;margin-top:18px!important;padding:clamp(18px,2.4cqi,26px);border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.policy-del p+p{margin-top:8px}
.policy-del-t{color:var(--ink);font-weight:600;font-size:17px;line-height:1.45}
:root[lang="ar"] .policy-del-t{font-size:18px;line-height:1.7}
.policy-inline-btn{margin-top:16px;gap:6px;max-width:100%;white-space:normal;text-align:start;line-height:1.3;padding-block:10px}
.policy-mail{margin-top:18px;gap:10px;padding-inline:20px 22px}
.policy-mail .ic{color:var(--primary-text)}
@media (max-width:379px){.policy-del{grid-template-columns:minmax(0,1fr)}}

/* ---- the end ---- */
.policy-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-top:clamp(36px,5cqi,60px)}
.policy-end-t{font-family:var(--fd);font-weight:650;font-variation-settings:"opsz" 48,"wdth" 96;font-size:clamp(1.6rem,1.1rem + 2cqi,2.5rem);line-height:1.15;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .policy-end-t{letter-spacing:0;font-variation-settings:normal;font-weight:620;line-height:1.45;font-size:clamp(1.5rem,1.1rem + 1.7cqi,2.2rem)}
.policy-end-links{display:flex;flex-wrap:wrap;gap:12px}
.policy-end-links .ui-btn{gap:6px;max-width:100%;white-space:normal;text-align:start;line-height:1.3}

@media (min-width:1000px){
  .policy-item{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);column-gap:var(--pc-gap);align-items:start;padding-block:44px 46px}
  .policy-item-h{gap:clamp(18px,2.2vw,32px);position:relative}
  .policy-n{min-width:2.2rem;padding-top:.2em}
}

/* ---- page: delete ---- */

/* ============================ DELETE · delete your account (22:58) ============================ */
.delete{position:relative;--dc-gap:clamp(40px,5vw,80px)}
.delete .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.delete-tile{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:14px;background:var(--primary-soft);color:var(--primary-text)}

/* ---- hero ---- */
.delete-hero{padding-block:calc(var(--sh-h) + clamp(44px,6.5vw,104px)) clamp(48px,6vw,96px)}
.delete-grid{display:grid;gap:var(--dc-gap)}
@media (min-width:1000px){.delete-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}
.delete-h1{font-size:clamp(2.5rem,13cqi,5.6rem)}
.delete-h1 .l{display:block}
:root[lang="ar"] .delete-h1{font-size:clamp(2.3rem,10cqi,4.5rem);line-height:1.22}
.delete-lede{margin-top:clamp(20px,1.6rem,28px);max-width:50ch}
:root[lang="ar"] .delete-lede{max-width:44ch}
.delete-when{margin:clamp(26px,2.2rem,40px) 0 0;border-top:1px solid var(--line2);max-width:40rem}
.delete-when>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding-block:13px;border-bottom:1px solid var(--line)}
@media (min-width:480px){.delete-when>div{grid-template-columns:9.5rem minmax(0,1fr);column-gap:18px;align-items:baseline}}
.delete-when dt{font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 24,"wdth" 100;font-size:17px;color:var(--sand);line-height:1.4}
.delete-when dd{margin:0;color:var(--ink2);font-size:16px;line-height:1.55}
:root[lang="ar"] .delete-when dt{font-variation-settings:normal;font-weight:600;font-size:17.5px}
:root[lang="ar"] .delete-when dd{font-size:17px;line-height:1.75}

.delete-steps{margin:0;width:100%;max-width:36rem;padding:clamp(20px,2.2vw,30px);border-radius:24px;box-shadow:var(--shadow-md)}
.delete-steps-h{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px}
.delete-steps-t{min-width:0;text-wrap:balance;font-family:var(--fd);font-weight:640;font-variation-settings:"opsz" 28,"wdth" 100;font-size:19px;line-height:1.3;letter-spacing:-.012em;color:var(--ink)}
:root[lang="ar"] .delete-steps-t{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.5}
.delete-ol{margin:18px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.delete-ol li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding-block:14px;border-bottom:1px solid var(--line)}
.delete-sn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line2);font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-weight:650;font-size:15px;color:var(--primary-text);font-variant-numeric:tabular-nums}
.delete-ol p{padding-top:4px;color:var(--ink2);font-size:16.5px;line-height:1.55}
.delete-ol b{color:var(--ink);font-weight:600}
:root[lang="ar"] .delete-ol p{font-size:17.5px;line-height:1.75;padding-top:1px}
.delete-steps-f{margin-top:16px;font-size:15px;line-height:1.55;color:var(--muted)}
:root[lang="ar"] .delete-steps-f{font-size:16px;line-height:1.75}

/* ---- in full ---- */
.delete-body{padding-bottom:clamp(40px,5vw,72px)}
.delete-item{display:grid;row-gap:14px;padding-block:28px 30px;border-top:1px solid var(--line)}
.delete-item:last-of-type{border-bottom:1px solid var(--line)}
.delete-item-h{display:flex;align-items:baseline;gap:14px}
.delete-n{flex:none;min-width:1.8rem;font-family:'Bricolage Grotesque',var(--fb);font-variation-settings:"opsz" 20,"wdth" 100;font-weight:620;font-size:15px;letter-spacing:.04em;color:var(--primary-text);font-variant-numeric:tabular-nums}
.delete-item h2{min-width:0;font-family:var(--fd);font-weight:650;font-variation-settings:"opsz" 40,"wdth" 98;font-size:clamp(1.5rem,.95rem + 2.2cqi,2.5rem);line-height:1.12;letter-spacing:-.024em;color:var(--ink);text-wrap:balance}
:root[lang="ar"] .delete-item h2{letter-spacing:0;font-variation-settings:normal;font-weight:600;line-height:1.42;font-size:clamp(1.45rem,1rem + 1.8cqi,2.25rem)}
.delete-txt{min-width:0;max-width:66ch;color:var(--ink2);font-size:17px;line-height:1.68;text-wrap:pretty}
:root[lang="ar"] .delete-txt{font-size:18px;line-height:1.85;max-width:60ch}
.delete-txt>*+*{margin-top:12px}
.delete-txt a:not(.ui-btn){color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--primary-text) 70%,transparent);padding-block:12px;overflow-wrap:anywhere}
.delete-txt a:not(.ui-btn):hover{color:var(--primary-text)}
.delete-list{gap:10px}
.delete-list li{color:var(--ink2)}
.delete-rows{margin:0;border-top:1px solid var(--line)}
.delete-rows>div{display:grid;gap:4px;padding-block:14px 15px;border-bottom:1px solid var(--line)}
.delete-rows dt{color:var(--ink);font-weight:600;font-size:16.5px;line-height:1.45}
.delete-rows dd{margin:0;font-size:16px;line-height:1.6;color:var(--ink2)}
:root[lang="ar"] .delete-rows dt{font-size:17.5px;line-height:1.65}
:root[lang="ar"] .delete-rows dd{font-size:17px;line-height:1.8}
.delete-mail{margin-top:20px!important;gap:10px;padding-inline:20px 22px}
.delete-mail .ic{color:var(--primary-text)}

/* ---- the way out ---- */
.delete-end{margin-top:clamp(36px,5cqi,60px)}
.delete-scope{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px 16px;align-items:start;padding:clamp(18px,2.4cqi,26px);border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);max-width:52rem}
.delete-scope p{color:var(--ink2);font-size:16px;line-height:1.6;max-width:56ch;align-self:center;text-wrap:pretty}
:root[lang="ar"] .delete-scope p{font-size:17px;line-height:1.8}
.delete-go-btn{grid-column:2;justify-self:start;gap:6px;max-width:100%;white-space:normal;text-align:start;line-height:1.3;padding-block:10px}
@media (max-width:379px){.delete-go-btn{grid-column:1 / -1}}
.delete-go{width:18px;height:18px}
:root[dir="rtl"] .delete-go{transform:scaleX(-1)}
@media (min-width:1000px){
  .delete-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--dc-gap);align-items:start;padding-block:40px 42px}
  .delete-item-h{gap:clamp(18px,2.2vw,32px)}
  .delete-n{min-width:2.2rem;padding-top:.2em}
  .delete-txt{padding-top:.55em}
  :root[lang="ar"] .delete-txt{padding-top:.3em}
}