/* Started: extras (launch video, live demo, tool picker, real numbers, waitlist, Sam reacts).
   Logical properties only (the same page renders RTL for Arabic). --dir is 1 in LTR and -1 in RTL (site.css also defines it).
   Palette: Started Blue, Note Yellow, Navy, Mist, Cloud, Pen Red, soft Sam + site.css variables. No pure black or white anywhere. */
:root{--dir:1}
[dir=rtl]{--dir:-1}

.x-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.vid [hidden],.demo-sec [hidden],.pick [hidden],.wl [hidden]{display:none !important}

/* shared reveal (classes are added by the scripts, never in the markup, so no-JS shows everything) */
.xr{opacity:0;translate:0 28px;transition:opacity .8s cubic-bezier(.2,.8,.2,1),translate .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--xd,0s)}
.xr.in{opacity:1;translate:0 0}
html.rm .xr{opacity:1;translate:none;transition:none}

/* =========================================================
   LAUNCH VIDEO
   ========================================================= */
.vid{background:var(--mist);padding-block:clamp(72px,10vw,150px);overflow:hidden}
.vid-grid{display:grid;grid-template-columns:auto minmax(0,34rem);justify-content:center;align-items:center;gap:clamp(36px,8vw,120px)}
.vid-frame{--vw:min(340px,72vw);position:relative;width:var(--vw);margin:0;padding:calc(var(--vw)*.032);border-radius:calc(var(--vw)*.14);background:var(--navy);box-shadow:0 40px 80px rgba(35,43,94,.26),inset 0 0 0 2px rgba(91,123,255,.35)}
.vid-screen{position:relative;aspect-ratio:9/16;border-radius:calc(var(--vw)*.11);overflow:hidden;background:var(--navy)}
.vid-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--navy)}
.vid-island{position:absolute;inset-block-start:3.2%;inset-inline:0;margin-inline:auto;width:27%;height:3.4%;border-radius:999px;background:var(--navy);pointer-events:none;z-index:2}
.vid-ctrl{position:absolute;inset-inline:0;inset-block-end:16px;display:flex;justify-content:center;gap:10px;z-index:3}
.vid-btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(244,245,250,.92);color:var(--navy);box-shadow:0 8px 18px rgba(35,43,94,.25);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}
.vid-btn:hover{transform:scale(1.08);background:var(--mist)}
.vid-btn:focus-visible,.vid-big:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.vid-pp .i-pause{display:none}
.vid-frame.is-playing .vid-pp .i-play{display:none}
.vid-frame.is-playing .vid-pp .i-pause{display:block}
.vid-snd .i-slash{display:block}
.vid-snd .i-waves{display:none}
.vid-frame.is-sound .vid-snd .i-slash{display:none}
.vid-frame.is-sound .vid-snd .i-waves{display:block}
.vid-big{position:absolute;inset-block-start:50%;inset-inline:0;margin-inline:auto;width:76px;height:76px;margin-block-start:-38px;border-radius:50%;background:var(--blue);color:var(--mist);display:grid;place-items:center;box-shadow:0 14px 30px rgba(35,43,94,.3);z-index:3;padding-inline-start:4px;transition:opacity .3s,transform .3s}
.vid-big svg{margin-inline-start:2px}
.vid-frame.is-playing .vid-big{opacity:0;pointer-events:none;transform:scale(.8)}
.vid-copy h2{font-size:clamp(2.3rem,4.8vw,4.6rem);max-width:11ch}
.vid-copy .lede{max-width:28ch}
@media (max-width:820px){
  .vid-grid{grid-template-columns:1fr;justify-items:center;text-align:center;gap:36px}
  .vid-copy{order:-1}
  .vid-copy h2,.vid-copy .lede{margin-inline:auto}
}

/* =========================================================
   LIVE DEMO
   ========================================================= */
.demo-sec{background:var(--blue);color:var(--mist);padding-block:calc(var(--sec)*.85);overflow:hidden}
.demo-sec .eyebrow{color:var(--yellow)}
.demo-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.demo-copy h2{font-size:clamp(2.4rem,5vw,5rem);max-width:10ch}
.demo-copy .lede{max-width:28ch}
.demo-sam{width:clamp(110px,14vw,200px);margin-block-start:clamp(28px,4vw,56px);margin-inline-start:clamp(0px,2vw,24px)}
.demo-box{min-width:0}
.demo-label{display:block;font:800 clamp(1.15rem,1.6vw,1.4rem)/1.2 var(--f-d);letter-spacing:-.02em;margin-block-end:14px}
.demo-row{display:flex;gap:10px;align-items:stretch}
.demo-row input{flex:1;min-width:0;height:64px;border-radius:32px;border:3px solid transparent;background:var(--mist);color:var(--navy);padding-inline:26px;font:500 1.1rem/1 var(--f-u);text-align:start;box-shadow:0 14px 30px rgba(35,43,94,.22)}
.demo-row input::placeholder{color:var(--grey);opacity:1}
.demo-row input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.demo-go{flex:none;height:64px;padding-inline:30px;border-radius:32px;background:var(--yellow);color:var(--navy);font:800 1.05rem/1 var(--f-d);letter-spacing:-.01em;box-shadow:0 14px 30px rgba(35,43,94,.22);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}
.demo-go:hover:not(:disabled){transform:translateY(-2px)}
.demo-go:focus-visible{outline:3px solid var(--mist);outline-offset:3px}
.demo-go:disabled{background:var(--tint);color:var(--navy);opacity:1;cursor:progress}
.demo-meta{display:flex;justify-content:space-between;gap:16px;margin-block-start:12px;font-size:.9rem;min-height:1.4em;padding-inline:8px}
.demo-hint{color:var(--yellow);font-weight:600}
.demo-count{margin-inline-start:auto;color:var(--tint);font-variant-numeric:tabular-nums}
.demo-card{margin-block-start:20px;background:var(--mist);color:var(--navy);border-radius:40px;padding:clamp(24px,3vw,38px);box-shadow:0 30px 60px rgba(35,43,94,.28)}
.demo-card.in{animation:demoIn .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes demoIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.demo-note{background:var(--tint);border-radius:18px;padding:11px 16px;font-size:.92rem;line-height:1.4;margin-block-end:18px}
.demo-wait{font:800 1.3rem/1 var(--f-d);letter-spacing:-.02em;display:flex;align-items:center;gap:6px;min-height:2.4em}
.demo-wait i{width:9px;height:9px;border-radius:50%;background:var(--blue);display:block}
.demo-wait i:first-of-type{margin-inline-start:8px}
.demo-k{display:block;font:700 .75rem/1 var(--f-u);letter-spacing:.12em;color:var(--blue);text-transform:uppercase}
.demo-k-sam{margin-block-start:22px;color:var(--grey)}
.demo-step{font:800 clamp(1.7rem,3.2vw,2.5rem)/1.08 var(--f-d);letter-spacing:-.03em;margin-block:10px 0;min-height:2.2em;text-wrap:balance}
.demo-bubble{display:inline-block;margin-block-start:10px;background:var(--tint);padding:14px 22px;border-radius:26px;border-end-start-radius:6px;font:700 clamp(1.25rem,2vw,1.6rem)/1.15 "Kalam",var(--f-u);box-shadow:0 12px 24px rgba(35,43,94,.12)}
.demo-again{align-items:center;min-height:44px;margin-block-start:18px;margin-inline-start:-4px;padding-inline:4px;color:var(--blue);font:700 1rem/1 var(--f-u);text-decoration:underline;text-underline-offset:4px;display:flex}
.demo-again:focus-visible{outline-color:var(--navy)}
.demo-priv{margin-block-start:18px;font-size:.88rem;line-height:1.45;color:var(--tint);max-width:46ch;padding-inline:8px}
.demo-priv a{color:var(--mist)}
.demo-priv a:focus-visible{outline-color:var(--yellow)}
@media (max-width:900px){
  .demo-grid{grid-template-columns:1fr}
  .demo-sam{width:110px;margin-block-start:20px;margin-inline-start:0}
}
@media (max-width:560px){
  .demo-row{flex-direction:column}
  .demo-go{width:100%}
  .demo-row input{flex:none;width:100%}
}
/* Sam while the step is being made: eyes squint (works with the inline gaze transform), body bobs when motion is allowed */
.sam.think .eyes{transform:translate(0,-1px) scaleY(.5) !important}
@media (prefers-reduced-motion:no-preference){
  html:not(.rm) .sam.think .body{animation:samThink .9s ease-in-out infinite}
  html:not(.rm) .sam .eyes{transition:none}
  html:not(.rm) .demo-wait i{animation:dotPulse 1s ease-in-out infinite}
  html:not(.rm) .demo-wait i:nth-of-type(2){animation-delay:.15s}
  html:not(.rm) .demo-wait i:nth-of-type(3){animation-delay:.3s}
}
@keyframes samThink{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3%) rotate(calc(var(--dir)*-1.5deg))}}
@keyframes dotPulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}

/* =========================================================
   SAM REACTS: JS owns the eye transform on Sams with class .sr, so the CSS blink from site.css is switched off for them */
.sam.sr .eyes{animation:none}

/* =========================================================
   TOOL PICKER
   ========================================================= */
.pick{margin-block-end:clamp(28px,4vw,52px)}
.pick-h{font-size:clamp(1.7rem,2.8vw,2.6rem);letter-spacing:-.035em}
.pick-hint{margin-block:8px 22px;color:var(--grey)}
.pick-opts{display:flex;flex-wrap:wrap;gap:10px}
.pick-opt{padding:14px 22px;min-height:48px;border-radius:999px;background:var(--card);border:2px solid var(--cloud);color:var(--navy);font:700 1.02rem/1.1 var(--f-d);letter-spacing:-.01em;text-align:start;transition:background .25s,color .25s,border-color .25s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.pick-opt:hover{border-color:var(--blue);transform:translateY(-2px)}
.pick-opt.on{background:var(--navy);border-color:var(--navy);color:var(--mist);box-shadow:0 12px 24px rgba(35,43,94,.2)}
.pick-opt:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.pick-opt.on:focus-visible{outline-color:var(--blue)}
.pick-res{margin-block-start:22px}
.pick-card{display:grid;grid-template-columns:minmax(170px,280px) 1fr;gap:clamp(18px,3vw,36px);align-items:center;background:var(--card);border-radius:40px;padding:14px;padding-inline-end:clamp(22px,3vw,40px);box-shadow:0 22px 44px rgba(35,43,94,.12)}
.pick-card.in{animation:demoIn .4s cubic-bezier(.2,.8,.2,1) both}
.pick-name{font:800 clamp(1.5rem,2.4vw,2.1rem)/1 var(--f-d);letter-spacing:-.03em}
.pick-does{margin-block-start:8px;max-width:46ch;line-height:1.4}
@media (max-width:640px){
  .pick-card{grid-template-columns:1fr;padding-inline-end:14px}
  .pick-txt{padding:4px 10px 10px}
}
/* the highlighted carousel tile */
.tile.pick-hit{transform:translateY(-4px) scale(1.015);box-shadow:0 0 0 4px var(--mist),0 0 0 7px var(--blue),0 26px 50px rgba(35,43,94,.2);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
html.rm .tile.pick-hit{transform:none;transition:none}

/* mini demos: final state is the default; loops only when motion is allowed */
.pm{position:relative;height:170px;border-radius:28px;overflow:hidden;padding:16px;display:grid;place-items:center;--hr:100%;--hl:0}
[dir=rtl] .pm{--hr:0;--hl:100%}
.pk-write .pm{background:var(--blue);color:var(--mist)}
.pk-decide .pm{background:var(--yellow);color:var(--navy)}
.pk-break .pm{background:var(--tint);color:var(--navy)}
.pk-sort .pm{background:var(--cloud);color:var(--navy);display:block}
.pk-cook .pm{background:var(--navy);color:var(--mist);display:block}
.pk-time .pm{background:var(--redL);color:var(--navy)}
/* write */
.pm-card{width:100%;background:var(--mist);color:var(--navy);border-radius:18px;padding:14px 16px;font-size:.95rem;line-height:1.4;box-shadow:0 10px 20px rgba(35,43,94,.2)}
.pm-l{display:inline-block}
/* decide */
.pm-decide{display:flex;flex-wrap:wrap;gap:10px;align-content:center;justify-content:center;padding-block-end:56px}
.pm-c{flex:1 1 40%;max-width:46%;height:68px;border-radius:22px;background:var(--navy);color:var(--mist);display:grid;place-items:center;font:800 1.3rem/1 var(--f-d);letter-spacing:-.03em}
.pm-c.b{background:var(--blue)}
.pm-tick{position:absolute;inset-inline:0;inset-block-end:12px;margin-inline:auto;width:40px;height:40px;border-radius:50%;background:var(--navy)}
.pm-tick::after{content:"";position:absolute;inset-inline-start:14px;inset-block-start:9px;width:8px;height:15px;border:solid var(--yellow);border-width:0 4px 4px 0;transform:rotate(40deg)}
/* break */
.pm-break{align-content:center;gap:8px;grid-auto-flow:row}
.pm-r{width:100%;display:flex;align-items:center;gap:10px;background:var(--mist);border-radius:14px;padding:8px 12px;font-weight:600;font-size:.9rem}
.pm-r em{flex:none;width:26px;height:26px;border-radius:9px;background:var(--blue);color:var(--mist);display:grid;place-items:center;font:800 .85rem/1 var(--f-d);font-style:normal}
/* sort */
.pm-s{--from:0px;position:absolute;inset-inline:16px;height:36px;border-radius:13px;background:var(--mist);padding-inline:14px;display:flex;align-items:center;font:700 .95rem/1 var(--f-d);box-shadow:0 6px 12px rgba(35,43,94,.1)}
.pm-s::before{content:"";width:13px;height:13px;border-radius:50%;border:3px solid var(--blue);margin-inline-end:10px}
.pm-s.s1{inset-block-start:16px;--from:84px}.pm-s.s2{inset-block-start:58px;--from:-42px}.pm-s.s3{inset-block-start:100px;--from:-42px}
/* cook */
.pm-chips{position:absolute;inset-inline:10px;inset-block-start:16px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pm-chips span{padding:8px 13px;border-radius:18px;font:800 .9rem/1 var(--f-d);background:var(--yellow);color:var(--navy)}
.pm-chips .k2{background:var(--mist)}.pm-chips .k3{background:var(--samD);color:var(--mist)}
.pm-pan{position:absolute;inset-inline:0;inset-block-end:16px;margin-inline:auto;width:150px;height:52px;border-radius:0 0 75px 75px;background:var(--mist)}
.pm-pan::after{content:"";position:absolute;inset-inline-end:-46px;inset-block-start:5px;width:52px;height:11px;border-radius:6px;background:var(--mist)}
/* time */
.pm-ring{position:relative;width:132px;aspect-ratio:1}
.pm-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
[dir=rtl] .pm-ring svg{transform:rotate(-90deg) scaleY(-1)}
.pm-ring circle{fill:none;stroke-width:9}
.pm-ring .a{stroke:rgba(35,43,94,.2)}
.pm-ring .b{stroke:var(--navy);stroke-linecap:round;stroke-dasharray:263.9;stroke-dashoffset:90}
.pm-ring div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pm-ring b{font:800 1.5rem/1 var(--f-d);letter-spacing:-.04em}
.pm-ring small{font-size:.78rem;font-weight:600;margin-block-start:3px}

@media (prefers-reduced-motion:no-preference){
  html:not(.rm) .pm-l{animation-duration:6.5s;animation-iteration-count:infinite;animation-timing-function:steps(22,end)}
  html:not(.rm) .pm-l.l1{animation-name:pmTy1}html:not(.rm) .pm-l.l2{animation-name:pmTy2}html:not(.rm) .pm-l.l3{animation-name:pmTy3}
  @keyframes pmTy1{0%,4%{clip-path:inset(0 var(--hr) 0 var(--hl))}22%,90%{clip-path:inset(0)}100%{clip-path:inset(0 var(--hr) 0 var(--hl))}}
  @keyframes pmTy2{0%,22%{clip-path:inset(0 var(--hr) 0 var(--hl))}44%,90%{clip-path:inset(0)}100%{clip-path:inset(0 var(--hr) 0 var(--hl))}}
  @keyframes pmTy3{0%,44%{clip-path:inset(0 var(--hr) 0 var(--hl))}56%,90%{clip-path:inset(0)}100%{clip-path:inset(0 var(--hr) 0 var(--hl))}}
  html:not(.rm) .pm-c.a{animation:pmA 5s infinite}
  html:not(.rm) .pm-c.b{animation:pmB 5s infinite}
  @keyframes pmA{0%,15%{background:var(--navy)}35%,55%{background:var(--blue)}70%,100%{background:var(--navy)}}
  @keyframes pmB{0%,15%{background:var(--blue)}35%,55%{background:var(--navy)}65%,92%{background:var(--blue);transform:scale(1.07)}100%{background:var(--blue)}}
  html:not(.rm) .pm-tick{animation:pmTick 5s infinite}
  @keyframes pmTick{0%,62%{transform:scale(0)}72%,92%{transform:scale(1)}100%{transform:scale(0)}}
  html:not(.rm) .pm-r{animation:pmRow 5s infinite}
  html:not(.rm) .pm-r.r2{animation-delay:.3s}html:not(.rm) .pm-r.r3{animation-delay:.6s}
  @keyframes pmRow{0%{opacity:0;transform:translateX(calc(var(--dir)*-26px))}14%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateX(calc(var(--dir)*26px))}}
  html:not(.rm) .pm-s{animation:pmSort 5.5s cubic-bezier(.6,0,.2,1) infinite}
  @keyframes pmSort{0%,20%{transform:translateY(var(--from))}48%,88%{transform:none}100%{transform:translateY(var(--from))}}
  html:not(.rm) .pm-chips span{animation:pmDrop 5.5s cubic-bezier(.22,1,.36,1) infinite}
  html:not(.rm) .pm-chips .k2{animation-delay:.22s}html:not(.rm) .pm-chips .k3{animation-delay:.44s}
  @keyframes pmDrop{0%{transform:translateY(-70px);opacity:0}12%{opacity:1}22%,55%{transform:none;opacity:1}72%,100%{transform:translateY(60px) scale(.5);opacity:0}}
  html:not(.rm) .pm-ring .b{animation:pmSweep 5s ease-in-out infinite}
  @keyframes pmSweep{0%{stroke-dashoffset:263.9}55%,90%{stroke-dashoffset:90}100%{stroke-dashoffset:263.9}}
}

/* =========================================================
   REAL NUMBERS (hidden until launch)
   ========================================================= */
.num{background:var(--cloud);padding-block:calc(var(--sec)*.7)}
.num[hidden]{display:none}
.num h2{max-width:12ch}
.num-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(14px,1.6vw,24px);margin-block-start:clamp(32px,5vw,56px)}
.num-card{background:var(--card);border-radius:40px;padding:clamp(26px,3vw,40px);box-shadow:0 22px 44px rgba(35,43,94,.1);display:flex;flex-direction:column;gap:14px;min-width:0}
.num-v{font:850 clamp(2.2rem,4.6vw,4.6rem)/1 var(--f-d);letter-spacing:-.045em;color:var(--blue);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.num-l{font-size:1.05rem;line-height:1.35;color:var(--grey)}

/* =========================================================
   WAITLIST (on the blue final CTA)
   ========================================================= */
.wl{width:min(100%,600px);margin-block-start:clamp(36px,5vw,56px);text-align:start}
.wl-h{font:800 clamp(1.4rem,2.2vw,1.9rem)/1.1 var(--f-d);letter-spacing:-.03em;margin-block-end:18px;text-align:center}
.wl-label{display:block;font-weight:600;font-size:.95rem;margin-block-end:8px;padding-inline:10px}
.wl-row{display:flex;gap:10px;align-items:stretch}
.wl-row input{flex:1;min-width:0;height:60px;border-radius:30px;border:3px solid transparent;background:var(--mist);color:var(--navy);padding-inline:24px;font:500 1.05rem/1 var(--f-u);text-align:start;box-shadow:0 14px 30px rgba(35,43,94,.22)}
.wl-row input::placeholder{color:var(--grey);opacity:1}
.wl-row input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.wl-row input[aria-invalid=true]{border-color:var(--redL)}
.wl-btn{flex:none;min-height:60px;padding:0 28px;border-radius:30px;background:var(--yellow);color:var(--navy);font:800 1.02rem/1.1 var(--f-d);letter-spacing:-.01em;box-shadow:0 14px 30px rgba(35,43,94,.22);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.wl-btn:hover:not(:disabled){transform:translateY(-2px)}
.wl-btn:focus-visible{outline:3px solid var(--mist);outline-offset:3px}
/* closed: outlined field and a calm label, fully readable (not faded) */
.wl[data-state=closed] .wl-row input{background:rgba(244,245,250,.14);color:var(--mist);border:2px dashed rgba(244,245,250,.55);box-shadow:none;-webkit-text-fill-color:var(--mist);opacity:1}
.wl[data-state=closed] .wl-row input::placeholder{color:var(--mist);opacity:.85;-webkit-text-fill-color:var(--mist)}
.wl[data-state=closed] .wl-btn,.wl-btn:disabled{background:var(--tint);color:var(--navy);opacity:1;cursor:not-allowed;box-shadow:none}
.wl[data-state=open] .wl-btn:disabled{cursor:progress}
.wl[data-state=done] .wl-btn:disabled{background:var(--yellow);cursor:default}
.wl-consent{margin-block-start:14px;font-size:.88rem;line-height:1.45;color:var(--tint);padding-inline:10px;text-align:center}
.wl-consent a{color:var(--mist)}
.wl-msg{min-height:1.5em;margin-block-start:10px;text-align:center;font-weight:600}
.wl-msg[data-kind=ok]{color:var(--yellow)}
.wl-msg[data-kind=bad],.wl-msg[data-kind=err]{color:var(--redL)}
@media (max-width:560px){
  .wl-row{flex-direction:column}
  .wl-btn{width:100%;padding-block:14px}
  .wl-row input{flex:none;width:100%}
}

/* ===== Translation note on legal pages (all languages) ===== */
.legal .legal-note{margin-top:22px;padding:12px 16px;border-radius:12px;background:var(--cloud);color:var(--navy);font-size:1rem;line-height:1.6;font-weight:600}
.legal .legal-note a{white-space:nowrap;margin-inline-start:6px;font-weight:700}

/* ===== RTL (Arabic) refinements ===== */
/* Latin placeholders, brackets and in-app names stay left-to-right and are isolated so brackets and punctuation do not flip inside an RTL sentence */
html[dir="rtl"] .ph,html[dir="rtl"] bdi{unicode-bidi:isolate}
html[dir="rtl"] .legal .ph{direction:ltr;display:inline-block;max-width:100%;vertical-align:baseline}
/* Arabic body copy needs more air than Latin */
html[lang="ar"] .g-body p,html[lang="ar"] .g-body li,html[lang="ar"] .legal p,html[lang="ar"] .legal li{line-height:1.85}
html[lang="ar"] .lede,html[lang="ar"] .hero-sub,html[lang="ar"] .g-intro{line-height:1.75}
html[lang="ar"] .faq-a p,html[lang="ar"] .step-p p,html[lang="ar"] .box-card p,html[lang="ar"] .acard p,html[lang="ar"] .tile p,html[lang="ar"] .pb-item p{line-height:1.7}
html[lang="ar"] .legal table{font-size:.95rem;line-height:1.7}
html[lang="ar"] .legal th{text-transform:none;letter-spacing:0;font-size:.9rem}
/* email field and its placeholder are Latin */
html[dir="rtl"] input[type="email"]{text-align:left}
/* the phone shell stays left-to-right; the app screens drawn inside it read right-to-left in Arabic */
html[dir="rtl"] .screen{direction:rtl}
html[dir="rtl"] .screen .a-time,html[dir="rtl"] .screen .a-ends{unicode-bidi:plaintext}
/* in-app English names shown beside the Arabic name: keep each on one line, left-to-right */
bdi.en{white-space:nowrap;unicode-bidi:isolate}

/* ===== LATIN LANGUAGES (es pt fr de): language-aware hyphenation so long words (German above all) wrap instead of overflowing; type sizes are never reduced ===== */
html:is([lang="es"],[lang="pt"],[lang="fr"],[lang="de"]) body{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;hyphenate-limit-chars:6 3 3}
html:is([lang="es"],[lang="pt"],[lang="fr"],[lang="de"]) :is(.nav,.nav a,button,.store,.logo,.lang,.lang-menu,.eyebrow,.wm,.sam,.bubble,.progress,.phone,.chip,.pchip,.o-chip,time,code,.ph){hyphens:manual;-webkit-hyphens:manual}