/* CFO+ home page, build 20.
   Everything new on the home page lives here: the first screen with its source pins, "is your activity covered",
   the three questions, Nashmi's written answers, the proof block, the three doors, the offer and its printable list,
   the thin bar on a phone. It reads the tokens; it adds no colour of its own.
   The one invented device is the SOURCE PIN: the brand's amber plus, placed on a figure of a real screen. */

/* ---------- places the menu can land on stop below the bar ---------- */
#finder,#questions,#proof,#sheets,#doors,#offer,#need,#nashmi-home,#from-founder{scroll-margin-top:calc(var(--nav-stuck) + var(--sp-6))}

/* ======================================================================================================================
   1. THE FIRST SCREEN
   ====================================================================================================================== */
.screen--home{display:block;min-height:0}
.hero--home{display:grid;grid-template-columns:minmax(0,5.5fr) minmax(0,6.3fr);align-items:center;gap:clamp(28px,4.4vw,76px);padding:clamp(20px,4vh,52px) var(--inset) clamp(40px,6vh,72px);text-align:start}
.hero__text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,2.1vh,22px)}

/* the brand's line: small, above the headline, one rule before it */
.hero--home .tag{font-size:14.5px;font-weight:var(--fw-medium);color:var(--gilt);gap:12px}
.hero--home .tag::after{display:none}
html[lang="ar"] .hero--home .tag{font-size:15.5px}
.hero--home h1{max-width:12em;font-size:clamp(33px,3.3vw,49px);line-height:1.12}
html[lang="ar"] .hero--home h1{max-width:11em;font-size:clamp(35px,3.9vw,57px);line-height:1.34}
.hero--home .lede{max-width:34em}
.lz-sub{display:none}
html:not([data-persona]) .lz-sub[data-persona="owner"],
html[data-persona="accountant"] .lz-sub[data-persona="accountant"],
html[data-persona="learner"] .lz-sub[data-persona="learner"]{display:block}
.hero--home .cta .pill--ghost{display:none}
html:not([data-persona]) .hero--home .pill--ghost[data-persona="owner"],
html[data-persona="accountant"] .hero--home .pill--ghost[data-persona="accountant"],
html[data-persona="learner"] .hero--home .pill--ghost[data-persona="learner"]{display:inline-flex}

/* who is reading: three quiet chips; the chosen one is filled with the cream of the page */
.persona{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.persona__l{margin-inline-end:4px;font-size:14.5px;color:var(--dim)}
.persona__b{min-height:var(--tap);padding-inline:18px;border:var(--line) solid var(--hair-strong);border-radius:var(--r-pill);background:transparent;font-weight:var(--fw-medium);font-size:15px;color:var(--mist);cursor:pointer;transition:border-color var(--t-base),color var(--t-base),background var(--t-base)}
.persona__b:hover{border-color:var(--cream);color:var(--cream)}
.persona__b[aria-checked="true"]{border-color:var(--cream);background:var(--cream);color:var(--ink);font-weight:var(--fw-bold)}
.persona__b:focus-visible{outline:var(--focus);outline-offset:3px}

.hero--home .cta{justify-content:flex-start;gap:12px 14px;margin-top:4px}
.hero--home .cta .pill{padding-inline:26px}
.pill--ghost{border:var(--line) solid var(--hair-strong);background:transparent;color:var(--cream)}
.pill--ghost:hover{border-color:var(--amber);color:var(--amber);box-shadow:none}
.pill--ghost:active{background:var(--fill-press)}
.pill__sub{font-weight:var(--fw-regular);font-size:.82em;color:var(--dim);white-space:pre}
.cta__fine{font-size:14px;line-height:1.5;color:var(--dim)}
html[lang="ar"] .cta__fine{font-size:14.5px}
html.no-intro .hero--home .cta,html.no-intro .hero--home .persona,html.no-intro .hero--home .cta__fine{animation:none}

/* the real screen, with its source pins */
.pf{position:relative;min-width:0;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);color:var(--navy);box-shadow:0 44px 90px -40px rgba(0,0,0,.95),0 0 0 var(--line) rgba(var(--gilt-rgb),.5);animation:rise var(--t-in) var(--ease) .1s backwards}
html.no-intro .pf{animation:none}
.pf__top{display:flex;align-items:center;gap:6px;min-height:32px;padding-inline:var(--sp-3);border-bottom:var(--line) solid var(--paper-hair);background:var(--niche)}
.pf__top i{flex:none;width:8px;height:8px;border-radius:50%;background:rgba(4,44,83,.2)}
.pf__top b{flex:1;min-width:0;padding-inline-end:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12.5px;font-weight:var(--fw-medium);color:var(--slate)}
.pf__pic{position:relative;display:block;background:var(--paper);container-type:inline-size}
.pf__pic img{display:block;width:100%;height:auto}
.pin{position:absolute;left:var(--x);top:var(--y);z-index:1;display:grid;place-items:center;width:var(--tap);height:var(--tap);margin:calc(var(--tap)/-2) 0 0 calc(var(--tap)/-2);padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.pin{--pd:clamp(20px,3.3cqw,30px)}
.pin i{position:relative;display:grid;place-items:center;width:var(--pd);height:var(--pd);border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px #fff,0 6px 14px -3px rgba(4,44,83,.6);transition:transform var(--t-base) var(--ease),box-shadow var(--t-base)}
.pin i svg{display:block;width:70%;height:70%}
.pin:hover i{transform:scale(1.12)}
.pin[aria-pressed="true"] i{transform:scale(1.14);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--navy)}
.pin:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.pin--m{display:none}
/* a ring leaves the first pin, once, until anything is pressed: it says "press here", nothing more */
@media (prefers-reduced-motion:no-preference){
  .pf.is-idle .pin[data-first] i::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--amber);animation:pinring 2.8s ease-out 1.6s 3 backwards}
}
@keyframes pinring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.1)}}
/* the caption under the picture keeps its room, so nothing jumps when a pin is pressed */
.pf__bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;min-height:92px;padding:12px 18px;border-top:var(--line) solid var(--paper-hair);background:var(--card)}
.pf__hint,.pf__src{flex:1 1 300px;margin:0;min-width:0}
.pf__hint{align-self:center;font-size:15.5px;line-height:1.55;color:var(--slate)}
.pf__src{display:flex;flex-direction:column;gap:3px}
.pf__t{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-family:var(--display);font-weight:var(--fw-medium);font-size:18px;line-height:1.35;color:var(--navy)}
html[lang="ar"] .pf__t{font-weight:var(--fw-semi)}
.pf__v{direction:ltr;unicode-bidi:isolate;font-variant-numeric:lining-nums tabular-nums;color:var(--caramel)}
.pf__d{font-size:14.5px;line-height:1.55;color:var(--slate)}
html[lang="ar"] .pf__d{line-height:1.7}
.pf__s{font-size:13px;font-weight:var(--fw-bold);color:var(--gold-text)}
.pf__tag{flex:none;margin:0;padding:3px 12px;border:var(--line) solid rgba(var(--gilt-rgb),.8);border-radius:var(--r-pill);font-size:12.5px;font-weight:var(--fw-bold);color:var(--gold-text);white-space:nowrap}

/* the gilt rule under the screen: the plus of the opening still rolls on it; the facts hang from it */
.band--rule{display:block;flex:none;min-height:0;margin-top:calc(var(--plus)/2 + 2px)}
.band--rule .facts{margin:0;padding:calc(var(--plus)/2 + 12px) var(--inset) clamp(20px,3vh,30px);text-align:center;font-size:14.5px;line-height:1.7;color:var(--mist);animation:fade .6s ease-out .4s backwards;text-wrap:balance}
html.no-intro .band--rule .facts{animation:none}

/* ======================================================================================================================
   2. IS YOUR ACTIVITY COVERED
   ====================================================================================================================== */
.lz-find__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(22px,3.4vw,48px)}
.lz-find__pick{min-width:0;display:flex;flex-direction:column;gap:16px}
.lz-find__search{display:flex;align-items:center;gap:10px;min-height:54px;padding-inline:18px;border:var(--line) solid var(--navy);border-radius:var(--r-pill);background:var(--card);cursor:text;transition:box-shadow var(--t-base)}
.lz-find__search:focus-within{box-shadow:0 0 0 4px rgba(var(--amber-rgb),.45)}
.lz-find__search svg{flex:none;width:20px;height:20px;color:var(--caramel)}
.lz-find__search input{flex:1;min-width:0;min-height:44px;border:0;outline:0;background:transparent;font:inherit;font-size:17px;color:var(--navy)}
.lz-find__search input::placeholder{color:#6A7890}
.lz-find__sectors,.lz-find__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.lz-chip,.lz-act{min-height:var(--tap);border:var(--line) solid var(--paper-hair);background:transparent;font:inherit;color:var(--navy);cursor:pointer;transition:border-color var(--t-base),background var(--t-base),color var(--t-base)}
.lz-chip{display:inline-flex;align-items:center;gap:8px;padding-inline:15px;border-radius:var(--r-pill);font-size:15px;font-weight:var(--fw-medium)}
.lz-chip .num{font-size:13px;font-weight:var(--fw-regular);color:var(--slate)}
.lz-chip:hover,.lz-act:hover{border-color:var(--navy)}
.lz-chip.is-on{border-color:var(--navy);background:var(--navy);color:#fff}
.lz-chip.is-on .num{color:var(--gilt)}
.lz-find__list{padding-top:14px;border-top:var(--line) solid var(--paper-hair)}
.lz-act{padding-inline:14px;border-radius:10px;background:var(--card);font-size:15.5px}
.lz-act.is-on{border-color:var(--amber);background:rgba(var(--amber-rgb),.14);font-weight:var(--fw-bold);box-shadow:inset 0 -3px 0 var(--amber)}
.lz-find__count{margin:0;min-height:1.6em;font-size:14.5px;color:var(--slate)}
.lz-find__panel{min-width:0;display:flex;flex-direction:column;gap:14px;padding:clamp(20px,2.4vw,32px);border:var(--line) solid var(--paper-hair);border-top:3px solid var(--navy);border-radius:var(--r-md);background:var(--card)}
.lz-find__kick{margin:0;font-size:13px;font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--caramel)}
html[lang="ar"] .lz-find__kick{font-size:14.5px;letter-spacing:0;text-transform:none}
.lz-find__name{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(26px,2.6vw,34px);line-height:1.2;color:var(--navy)}
html[lang="ar"] .lz-find__name{font-weight:var(--fw-semi);line-height:1.4}
.lz-find__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));gap:18px 24px}
.lz-find__col h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding-bottom:8px;border-bottom:var(--line) solid var(--paper-hair);font-size:14.5px;font-weight:var(--fw-bold);color:var(--navy)}
.lz-find__col h4 .num{display:inline-grid;place-items:center;min-width:24px;height:24px;padding-inline:6px;border-radius:12px;background:var(--navy);font-size:12.5px;color:#fff}
.lz-find__col ol,.lz-find__col ul{margin:0;padding:0;list-style:none;counter-reset:q}
.lz-find__col li{position:relative;padding-block:5px;padding-inline-start:24px;font-size:15.5px;line-height:1.5;color:var(--navy)}
.lz-find__col ol li{counter-increment:q}
.lz-find__col ol li::before{content:counter(q);position:absolute;inset-inline-start:0;top:6px;font-family:var(--display);font-size:14px;font-weight:var(--fw-bold);color:var(--caramel);direction:ltr}
.lz-find__col ul li::before{content:"";position:absolute;inset-inline-start:4px;top:.95em;width:9px;height:2px;border-radius:2px;background:var(--gilt)}
.lz-find__fine{margin:0;font-size:14.5px;color:var(--slate)}
.lz-find__go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:4px}
.lz-find__act,.lz-find__msg{display:flex;flex-direction:column;gap:14px;min-width:0}
.lz-find__mt{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(22px,2.2vw,28px);line-height:1.3;color:var(--navy)}
html[lang="ar"] .lz-find__mt{font-weight:var(--fw-semi);line-height:1.5}
.lz-find__mp,.lz-find__mm,.lz-find__rel,.lz-find__mail{margin:0;font-size:15.5px;line-height:1.7;color:var(--slate)}
.lz-find__mail{font-size:14.5px}
.lz-find__mc{display:flex;flex-direction:column;gap:12px}
.lz-find__sectors2{display:flex;flex-wrap:wrap;gap:8px}
.lz-find__panel[data-state="example"] .lz-find__kick{color:var(--slate)}
.lz-find__forget{padding:0;border:0;background:none;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--paper-hair);color:var(--slate)}
[data-finder][data-state="none"] .lz-find__sectors,[data-finder][data-state="none"] .lz-find__mail{display:none}
@media (max-width:1100px){[data-finder][data-state="pick"] .lz-find__panel,[data-finder][data-state="sector"] .lz-find__panel{display:none}}
.lz-find__search input:focus-visible{outline:0}
.lz-pz{margin:12px 0 0;font-size:16px;line-height:1.7;color:var(--mist)}
.lz-link{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-height:var(--tap);font-size:15.5px;font-weight:var(--fw-medium);color:var(--navy);border-bottom:var(--line) solid transparent;text-decoration:underline;text-decoration-color:rgba(4,44,83,.35);text-underline-offset:4px;transition:color var(--t-base),text-decoration-color var(--t-base)}
.lz-link:hover{color:var(--caramel);text-decoration-color:var(--caramel)}
.lz-link bdi{font-weight:var(--fw-bold)}

/* ======================================================================================================================
   3. THREE QUESTIONS
   ====================================================================================================================== */
.lz-q__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(22px,3.4vw,52px)}
.lz-q__tabs{display:flex;flex-direction:column;border-top:var(--line) solid rgba(var(--cream-rgb),.28)}
.lz-q__tab{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;min-height:84px;padding:20px 18px;border:0;border-bottom:var(--line) solid rgba(var(--cream-rgb),.16);background:transparent;font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(19px,1.8vw,24px);line-height:1.4;text-align:start;color:var(--mist);cursor:pointer;transition:color var(--t-base),background var(--t-base)}
html[lang="ar"] .lz-q__tab{font-weight:var(--fw-semi);line-height:1.6}
.lz-q__tab .num{flex:none;font-size:30px;line-height:1;color:var(--dim);transition:color var(--t-base)}
.lz-q__tab:hover{color:var(--cream)}
.lz-q__tab[aria-selected="true"]{background:rgba(var(--cream-rgb),.06);color:var(--cream)}
.lz-q__tab[aria-selected="true"] .num{color:var(--amber)}
.lz-q__tab[aria-selected="true"]::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--amber)}
.lz-q__tab:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}
.lz-q__stage{min-width:0}
.lz-q__p{display:flex;flex-direction:column;gap:16px;animation:lzin .5s var(--ease) backwards}
.lz-q__p[hidden]{display:none}
@keyframes lzin{from{opacity:0;transform:translateY(10px)}}
.lz-q__a{max-width:30em;margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(21px,2.2vw,30px);line-height:1.45;color:var(--cream);text-wrap:pretty}
html[lang="ar"] .lz-q__a{font-weight:var(--fw-semi);line-height:1.75}
.lz-q__c{max-width:44em;margin:0;font-size:16px;line-height:1.7;color:var(--mist)}
.lz-q__p .shot{width:100%;text-align:start}
.lz-q__p .shot img{aspect-ratio:auto;object-fit:contain}

/* ======================================================================================================================
   5. NASHMI'S WRITTEN ANSWERS
   ====================================================================================================================== */
.lp .lz-n{padding-bottom:0}
.lz-n__in{max-width:var(--wide);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);align-items:end;gap:clamp(20px,4vw,64px);border-bottom:var(--line) solid rgba(var(--gilt-rgb),.55)}
.lz-n__words{min-width:0;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-5);padding-block:var(--sp-5) clamp(40px,6vw,88px)}
html[lang="ar"] html[dir="rtl"] .lz-n__chat{width:100%;display:flex;flex-direction:column;gap:14px}
.lz-n__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 20px}
.lz-n__pre{margin:0;font-size:14px;font-weight:var(--fw-bold);color:var(--gilt)}
.lz-n__more{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:var(--fw-bold);font-size:15px;color:var(--cream);text-decoration:underline;text-decoration-color:var(--hair-strong);text-underline-offset:4px;transition:color var(--t-base),text-decoration-color var(--t-base)}
.lz-n__more:hover{color:var(--amber);text-decoration-color:var(--amber)}
.lz-n__more:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:var(--r-focus)}
.lz-n__chips{display:flex;flex-wrap:wrap;gap:8px}
.lz-n__chip{min-height:var(--tap);padding:8px 16px;border:var(--line) solid var(--hair-strong);border-radius:var(--r-pill);background:transparent;font:inherit;font-size:15px;line-height:1.4;color:var(--mist);text-align:start;cursor:pointer;transition:border-color var(--t-base),color var(--t-base),background var(--t-base)}
.lz-n__chip:hover{border-color:var(--amber);color:var(--cream)}
.lz-n__chip[aria-pressed="true"]{border-color:var(--amber);background:rgba(var(--amber-rgb),.14);color:var(--cream)}
.lz-n__chip:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.lz-n__out{min-height:178px}
.lz-n__ans{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border:var(--line) solid var(--hair);border-radius:var(--r-lg);background:rgba(var(--cream-rgb),.05);animation:lzin .4s var(--ease) backwards}
.lz-n__ans[hidden]{display:none}
.lz-n__q{margin:0;font-size:14px;font-weight:var(--fw-bold);color:var(--dim)}
.lz-n__a{margin:0;font-size:17px;line-height:1.75;color:var(--cream)}
.lz-n__s{margin:0;display:flex;align-items:center;gap:10px;padding-top:10px;border-top:var(--line) solid var(--hair);font-size:14px;line-height:1.5;color:var(--gilt)}
.lz-n__s::before{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--amber),var(--amber)) center/100% 3px no-repeat,linear-gradient(var(--amber),var(--amber)) center/3px 100% no-repeat}
.lp .lz-n__fig{position:relative;justify-self:center;height:clamp(240px,31vw,420px);aspect-ratio:482/620}
.lp .lz-n__fig .avatar{animation:none}
html[dir="rtl"] .lp .lz-n::before{background:radial-gradient(42% 100% at 14% 100%,var(--glow))}
html[dir="ltr"] .lp .lz-n::before{background:radial-gradient(42% 100% at 86% 100%,var(--glow))}

/* ======================================================================================================================
   6. PROOF
   ====================================================================================================================== */
.lz-proof .leaf__inner{gap:clamp(28px,3.6vw,48px)}
.lz-sample{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(22px,4vw,56px);padding:clamp(22px,3vw,40px);border:var(--line) solid var(--paper-hair);border-radius:var(--r-lg);background:var(--card)}
.lz-sample__w{display:flex;flex-direction:column;gap:14px}
.lz-sample__w h3{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:var(--h3);line-height:1.25;color:var(--navy)}
html[lang="ar"] .lz-sample__w h3{font-weight:var(--fw-semi);font-size:var(--h3-ar);line-height:1.45}
.lz-sample__w p{margin:0;font-size:16.5px;line-height:1.7;color:var(--slate)}
.lz-sample__a{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.lz-sample__a small{font-size:13.5px;color:var(--slate)}
.lz-map{min-width:0;display:flex;flex-direction:column}
.lz-map__g{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);align-items:baseline;gap:6px 18px;padding-block:11px;border-bottom:var(--line) solid var(--paper-hair)}
.lz-map__g:first-child{padding-top:0}
.lz-map__g:last-child{padding-bottom:0;border-bottom:0}
.lz-map__g h4{margin:0;font-size:12.5px;font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--caramel)}
html[lang="ar"] .lz-map__g h4{font-size:14px;letter-spacing:0;text-transform:none}
.lz-map__g ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.lz-map__g li{padding:5px 11px 4px;border:var(--line) solid var(--paper-hair);border-bottom:2px solid var(--gilt);border-radius:6px 6px 0 0;background:var(--paper);font-size:14.5px;line-height:1.45;color:var(--navy)}
.lz-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);align-items:stretch}
.lz-box{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,34px);border:var(--line) solid var(--paper-hair);border-radius:var(--r-lg);background:var(--card)}
.lz-box--not{border-color:var(--navy);background:transparent}
.lz-box h3{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:var(--h3);line-height:1.25;color:var(--navy)}
html[lang="ar"] .lz-box h3{font-weight:var(--fw-semi);font-size:var(--h3-ar);line-height:1.45}
.lz-checks,.lz-nots{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.lz-checks li,.lz-nots li{position:relative;padding-inline-start:30px;font-size:16.5px;line-height:1.65;color:var(--navy)}
.lz-checks li::before{content:"";position:absolute;inset-inline-start:2px;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.lz-nots li::before{content:"";position:absolute;inset-inline-start:0;top:.8em;width:14px;height:2.5px;border-radius:2px;background:var(--caramel)}
.lz-nots b{font-weight:var(--fw-bold)}
.lz-box__f{margin:auto 0 0;padding-top:12px;border-top:var(--line) solid var(--paper-hair);font-size:14.5px;line-height:1.6;color:var(--slate)}
.lz-cmp{display:flex;flex-direction:column;gap:14px}
.lz-cmp h3{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:var(--h3);line-height:1.25;color:var(--navy)}
html[lang="ar"] .lz-cmp h3{font-weight:var(--fw-semi);font-size:var(--h3-ar);line-height:1.45}
.lz-cmp__wrap{overflow-x:auto;border:var(--line) solid var(--paper-hair);border-radius:var(--r-lg);background:var(--card)}
.lz-cmp table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15.5px;line-height:1.55;color:var(--navy)}
.lz-cmp th,.lz-cmp td{padding:11px 16px;border-bottom:var(--line) solid var(--paper-hair);text-align:start;vertical-align:top}
.lz-cmp tbody tr:last-child > *{border-bottom:0}
.lz-cmp thead th{background:var(--niche);font-size:14.5px;font-weight:var(--fw-bold)}
.lz-cmp thead th.is-key{background:var(--navy);color:#fff}
.lz-cmp tbody th{font-weight:var(--fw-bold)}
.lz-cmp col:first-child{width:21%}
.lz-cmp td{color:var(--slate)}
.lz-cmp td.is-key{background:rgba(var(--amber-rgb),.13);font-weight:var(--fw-medium);color:var(--navy)}
.lz-cmp__l{display:none}
.lz-cmp__f{margin:0;font-size:14.5px;color:var(--slate)}

/* ======================================================================================================================
   7. THREE DOORS
   ====================================================================================================================== */
.lz-doors__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.lz-door{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.2vw,28px);border:var(--line) solid rgba(var(--cream-rgb),.2);border-radius:var(--r-lg);background:rgba(var(--cream-rgb),.04);color:var(--cream);transition:border-color var(--t-base),background var(--t-base),transform var(--t-base)}
.lz-door:hover{border-color:var(--amber);background:rgba(var(--cream-rgb),.07);transform:translateY(-2px)}
.lz-door h3{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:var(--h3);line-height:1.25}
html[lang="ar"] .lz-door h3{font-weight:var(--fw-semi);font-size:var(--h3-ar);line-height:1.45}
.lz-door p{margin:0;font-size:16px;line-height:1.7;color:var(--mist)}
.lp .lz-door .lz-door__for{padding-top:12px;border-top:var(--line) solid rgba(var(--cream-rgb),.16);font-size:15px;color:var(--gilt)}
.lz-door__to{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:6px;font-weight:var(--fw-bold);font-size:15.5px;color:var(--amber)}
.lz-arr{flex:none;width:20px;height:20px;transition:transform var(--t-base)}
html[dir="rtl"] .lz-arr{transform:scaleX(-1)}
.lz-door:hover .lz-arr{transform:translateX(4px)}
html[dir="rtl"] .lz-door:hover .lz-arr{transform:scaleX(-1) translateX(4px)}
html[data-persona="accountant"] .lz-door--fpa{order:-1}
html[data-persona="learner"] .lz-door--academy{order:-1}

/* ======================================================================================================================
   8. THE OFFER
   ====================================================================================================================== */
.lz-offer__in{max-width:var(--wide);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(26px,5vw,76px)}
.lz-offer__w{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-5)}
.lp .lz-offer .kicker{color:var(--amber)}
.lz-offer__pz{max-width:34em;margin:0;font-size:16px;line-height:1.7;color:var(--mist)}
.lz-offer__bill{max-width:34em;margin:0;font-family:var(--display);font-size:clamp(18px,1.7vw,22px);line-height:1.6;color:var(--cream)}
html[lang="ar"] .lz-offer__bill{font-weight:var(--fw-semi);line-height:1.85}
.lz-need{width:100%;border:var(--line) solid var(--hair-strong);border-radius:var(--r-md);background:rgba(var(--cream-rgb),.03)}
.lz-need > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:58px;padding:10px 18px;list-style:none;cursor:pointer;font-weight:var(--fw-bold);font-size:16.5px;color:var(--cream)}
.lz-need > summary::-webkit-details-marker{display:none}
.lz-need > summary i{flex:none;width:16px;height:16px;background:linear-gradient(var(--amber),var(--amber)) center/100% 2px no-repeat,linear-gradient(var(--amber),var(--amber)) center/2px 100% no-repeat;transition:transform var(--t-base) var(--ease)}
.lz-need[open] > summary i{transform:rotate(45deg)}
.lz-need > summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:var(--r-md)}
.lz-need__b{padding:4px 18px 18px;border-top:var(--line) solid var(--hair)}
.lz-need__l{display:flex;flex-direction:column;margin:0 0 14px;padding:0;list-style:none}
.lz-need__l li{border-bottom:var(--line) solid var(--hair)}
.lz-need__l label{display:flex;align-items:flex-start;gap:14px;min-height:var(--tap);padding-block:11px;cursor:pointer;font-size:15.5px;line-height:1.6;color:var(--mist)}
/* round 5 (M3L-15): the box itself is a 44 px target (the drawn square stays 24); the whole row is also the label's */
.lz-need__l input{position:relative;flex:none;width:44px;height:44px;margin:-9px -10px -9px -10px;-webkit-appearance:none;appearance:none;background:transparent;border-radius:10px;cursor:pointer}
.lz-need__l input::before{content:"";position:absolute;inset:10px;box-sizing:border-box;border:2px solid var(--hair-strong);border-radius:6px;background:transparent;transition:background var(--t-base),border-color var(--t-base)}
.lz-need__l input:checked::before{background:var(--amber);border-color:var(--amber)}
.lz-need__l input:checked::after{content:"";position:absolute;inset-block-start:14px;inset-inline-start:17px;width:6px;height:11px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.lz-need__l input:focus-visible{outline:2px solid var(--amber);outline-offset:-4px}
.lz-need__l b{color:var(--cream)}
.lz-need__l input:checked + span{opacity:.62}
.lz-offer__card{min-width:0;display:flex;flex-direction:column;gap:14px;padding:var(--pad);border:var(--line) solid rgba(var(--gilt-rgb),.6);border-radius:var(--r-lg);background:rgba(var(--cream-rgb),.04)}
.lz-offer__k{margin:0;font-size:13px;font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
html[lang="ar"] .lz-offer__k{font-size:14.5px;letter-spacing:0;text-transform:none}
.lz-offer__n{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(26px,2.6vw,34px);line-height:1.2;color:var(--cream)}
html[lang="ar"] .lz-offer__n{font-weight:var(--fw-semi)}
.lz-offer__card ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.lz-offer__card li{position:relative;padding-inline-start:28px;font-size:16.5px;line-height:1.6;color:var(--cream)}
.lz-offer__card li::before{content:"";position:absolute;inset-inline-start:2px;top:.5em;width:12px;height:7px;border-left:2.5px solid var(--amber);border-bottom:2.5px solid var(--amber);transform:rotate(-45deg)}
.lz-offer__u{margin:0;font-size:15px;line-height:1.7;color:var(--mist)}
.lz-offer__go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.lz-offer__soon{margin:0;padding-top:14px;border-top:var(--line) solid var(--hair);font-size:14.5px;line-height:1.7;color:var(--mist)}
.lz-offer__soon b{color:var(--cream)}

/* ======================================================================================================================
   9. QUESTIONS · 10. THE LETTER
   ====================================================================================================================== */
.lz-addr{margin:0;font-size:15.5px;color:var(--slate)}
.lz-addr bdi{font-weight:var(--fw-bold);color:var(--navy)}
.lz-letter{padding-block:var(--sec)}
.lz-letter .vision{border-top:0}
.lz-letter__more{margin:0;padding-top:8px}
.lz-letter__more a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:var(--fw-bold);font-size:16px;color:var(--navy);text-decoration:underline;text-decoration-color:rgba(4,44,83,.35);text-underline-offset:4px}
.lz-letter__more a:hover{color:var(--caramel);text-decoration-color:var(--caramel)}

/* an address shown beside a button that opens the mail app: the person sees where the message goes */
.plan__addr{display:block;margin-top:8px;font-size:14px;color:var(--slate)}
.plan--key .plan__addr{color:var(--mist)}

/* ======================================================================================================================
   THE BAR AND THE FOOT
   ====================================================================================================================== */
.nav__cta{min-height:var(--tap);padding-inline:20px;font-size:15px}
.foot__set[hidden]{display:none}
.foot__ai{display:inline-flex;align-items:center;min-height:var(--tap);padding-inline:var(--sp-3);border:var(--line) solid var(--hair-strong);border-radius:var(--r-pill);font-size:var(--fs-small);color:var(--cream);transition:border-color var(--t-base),color var(--t-base)}
.foot__ai:hover{border-color:var(--amber);color:var(--amber)}
.foot__soc{display:inline-flex;align-items:center;min-height:var(--tap);padding-inline:var(--sp-2);color:var(--cream);text-decoration:underline;text-decoration-color:var(--hair-strong);text-underline-offset:4px}
.foot__soc:hover{color:var(--amber)}

/* the thin bar: a phone only, one row, 56px; it never covers the foot or an open dialog */
@media (min-width:701px){.pathbar{display:none !important}}
@media (max-width:700px){
  .pathbar__in{min-height:55px;height:55px;gap:10px;padding:6px var(--gutter);padding-bottom:6px;box-sizing:border-box}
  .pathbar__say{flex:1 1 auto;display:block;min-width:0;overflow:hidden;font-size:12.5px;line-height:1.35;color:var(--mist)}
  .pathbar__say [data-l] > span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pathbar__say [data-l] > span:first-child{font-size:13px;font-weight:var(--fw-semi);color:var(--cream)}
  .pathbar .pathbar__go{min-height:44px;padding-inline:14px;font-size:14.5px;white-space:nowrap}
  .pathbar__x{width:44px;height:44px;margin-inline-end:-14px}
  html.path-on body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}

/* ======================================================================================================================
   PHONE AND TABLET
   ====================================================================================================================== */
@media (max-width:1100px){
  .hero--home{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,40px)}
  .hero--home h1,html[lang="ar"] .hero--home h1{max-width:14em}
  .lz-find__grid,.lz-q__grid,.lz-sample,.lz-offer__in{grid-template-columns:minmax(0,1fr)}
  .lz-doors__row{grid-template-columns:minmax(0,1fr)}
  .lz-door{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .lz-door h3,.lz-door p{grid-column:1}
  .lz-door__to{grid-column:2;grid-row:1;margin-top:0;padding-top:0}
  .lz-q__tabs{flex-direction:row;border-top:0;gap:8px;flex-wrap:wrap}
  .lz-q__tab{width:auto;flex:1 1 220px;min-height:68px;padding:14px 16px;border:var(--line) solid rgba(var(--cream-rgb),.2);border-radius:var(--r-md)}
  .lz-q__tab[aria-selected="true"]{border-color:var(--amber)}
  .lz-q__tab[aria-selected="true"]::before{display:none}
  .lz-n__in{grid-template-columns:minmax(0,1fr);gap:0}
  .lp .lz-n__fig{height:clamp(220px,52vw,320px);margin-top:-8px}
  .lz-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .pin--d{display:none}
  .pin--m{display:grid}
  .hero--home{padding-block:18px 28px}
  .hero--home .tag{font-size:13.5px}
  html[lang="ar"] .hero--home .tag{font-size:14px}
  .hero--home h1,html[lang="ar"] .hero--home h1{font-size:clamp(31px,9vw,40px)}
  .hero--home .cta{flex-direction:column;align-items:stretch;width:100%}
  .hero--home .cta .pill{width:100%;white-space:normal;text-align:center}
  .persona__b{padding-inline:14px}
  .pf__bar{min-height:112px;padding:12px 14px}
  .pf__hint,.pf__src{flex-basis:100%}
  .band--rule .facts{font-size:13.5px;padding-inline:var(--gutter)}
  .lz-q__tab{flex-basis:100%}
      .lz-n__out{min-height:0}
  .lz-find__cols{grid-template-columns:minmax(0,1fr)}
  .lz-door{padding:18px 18px 16px;gap:10px 12px}
  .lz-door h3{grid-column:1}
  .lz-door p{grid-column:1 / -1}
  .lz-door__to{align-self:start;font-size:14.5px;min-height:var(--tap);margin-block:-10px}
  /* the comparison becomes one card per row: the criterion on top, the four ways in a 2 x 2 grid, each with its label */
  .lz-cmp__wrap{overflow:visible;border:0;background:transparent}
  .lz-cmp table,.lz-cmp tbody{display:block}
  .lz-cmp colgroup,.lz-cmp thead{display:none}
  .lz-cmp tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px;border:var(--line) solid var(--paper-hair);border-radius:var(--r-md);background:var(--card);overflow:hidden}
  .lz-cmp tbody tr:last-child > *{border-bottom:var(--line) solid var(--paper-hair)}
  .lz-cmp tbody th{grid-column:1 / -1;display:block;padding:11px 14px;border-bottom:var(--line) solid var(--paper-hair);background:var(--niche)}
  .lz-cmp td{display:block;padding:10px 14px 12px;border-bottom:0;font-size:15px;line-height:1.5}
  .lz-cmp td:nth-of-type(2),.lz-cmp td:nth-of-type(4){border-inline-start:var(--line) solid var(--paper-hair)}
  .lz-cmp td:nth-of-type(3),.lz-cmp td:nth-of-type(4){border-top:var(--line) solid var(--paper-hair)}
  .lz-cmp tbody tr > :last-child{border-bottom:0 !important}
  .lz-cmp__l{display:block;margin-bottom:2px;font-size:12.5px;font-weight:var(--fw-bold);color:var(--caramel)}
  .lz-cmp td.is-key .lz-cmp__l{color:var(--navy)}
  /* the worksheets: the group name above its tabs */
  .lz-map__g{grid-template-columns:minmax(0,1fr)}
  /* is your activity covered: the sectors are one row you slide; the cost lines sit in two columns */
  .lz-find__sectors{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter)*-1);padding:2px var(--gutter) 6px;scrollbar-width:none;scroll-snap-type:x proximity}
  .lz-find__sectors::-webkit-scrollbar{display:none}
  .lz-chip{flex:none;scroll-snap-align:start}
  .lz-find__col ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
  .lz-find__col ul li{font-size:14.5px}
  .lz-q__a{font-size:clamp(19px,5.6vw,23px)}
  .lz-offer__card li{font-size:16px}
}
@media (max-width:420px){
  .persona{gap:6px}
  .persona__l{flex:1 1 100%}
}


/* ======================================================================================================================
   RHYTHM: the page is short on purpose. Sections are padded less than the service pages; on a wide window the heading
   of "is your activity covered" and of the three questions sits beside the work, not above it.
   ====================================================================================================================== */
.home-more{--sec:clamp(44px,4.6vw,66px)}
.band-navy .leaf__note{color:var(--mist)}
.lp.home-more h2:not(.letter__h){font-size:clamp(26px,2.7vw,38px)}
html[lang="ar"] .lp.home-more h2:not(.letter__h){font-size:clamp(27px,2.9vw,41px)}
.lp.home-more .leaf__head h2{max-width:22em}
@media (min-width:1101px){
  .lz-find .leaf__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(22px,3.4vw,48px);row-gap:16px;align-items:start}
  .lz-find__grid,.lz-find__pick{display:contents}
  .lz-find .leaf__head{grid-column:1;grid-row:1;margin-bottom:6px}
  .lz-find__search{grid-column:1;grid-row:2}
  .lz-find__sectors{grid-column:1;grid-row:3}
  .lz-find__list{grid-column:1;grid-row:4}
  .lz-find__count{grid-column:1;grid-row:5}
  .lz-find__panel{grid-column:2;grid-row:1 / span 5}
  .lz-q .band-navy__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(22px,3.4vw,52px);row-gap:clamp(18px,2.2vw,28px);align-items:start}
  .lz-q .leaf__head{grid-column:1;grid-row:1}
  .lz-q__grid{display:contents}
  .lz-q__tabs{grid-column:1;grid-row:2}
  .lz-q__stage{grid-column:2;grid-row:1 / span 2}
}
.home-more .story--wide{--pic-h:clamp(180px,min(25cqw,34vh),330px);--pic-h-side:clamp(200px,min(30cqw,40vh),380px)}
.home-more .story--wide .slide{gap:clamp(10px,1.2cqw,14px)}
.home-more .qa summary{min-height:50px;padding-block:8px}
.home-more .qa p{padding-bottom:var(--sp-5)}
.lp .lz-n{padding-top:clamp(36px,4.4vw,60px)}
.lz-n__words{padding-block:0 clamp(28px,3.6vw,48px)}
.lz-letter{padding-block:clamp(36px,4.4vw,60px) clamp(28px,3.4vw,44px)}
.lz-letter .leaf__inner{gap:0}
.lz-letter .vision{padding:0}
.lp .lz-letter .portrait{width:min(100%,270px)}
.lp .lz-letter .letter .letter__h{font-size:clamp(30px,3.4vw,44px)}
html[lang="ar"] .lp .lz-letter .letter .letter__h{font-size:clamp(31px,3.6vw,48px)}
.lp .lz-letter .letter__body p{font-size:clamp(16px,1.2vw,17.5px);line-height:1.75}
.lz-letter__more{padding-top:clamp(12px,1.6vw,20px)}
:root{--pad-closing-y:clamp(40px,4vw,56px);--gap-closing:clamp(16px,2vw,24px)}
/* build 21: an unseen section holds the height it really has (measured, 1440 and 390, Arabic and English), so the page does not jump when it is scrolled to. `auto` keeps the real height once it has been drawn. */
.lp.home-more > section:not(:first-child){contain-intrinsic-size:auto 700px}
html[lang="ar"] .lp.home-more > #questions{contain-intrinsic-size:auto 650px}
html[lang="ar"] .lp.home-more > #inside{contain-intrinsic-size:auto 1020px}
html[lang="ar"] .lp.home-more > #nashmi-home{contain-intrinsic-size:auto 660px}
html[lang="ar"] .lp.home-more > #proof{contain-intrinsic-size:auto 960px}
html[lang="ar"] .lp.home-more > #doors{contain-intrinsic-size:auto 590px}
html[lang="ar"] .lp.home-more > #offer{contain-intrinsic-size:auto 610px}
html[lang="ar"] .lp.home-more > #faq{contain-intrinsic-size:auto 580px}
html[lang="ar"] .lp.home-more > #from-founder{contain-intrinsic-size:auto 420px}
html[lang="en"] .lp.home-more > #questions{contain-intrinsic-size:auto 650px}
html[lang="en"] .lp.home-more > #inside{contain-intrinsic-size:auto 1020px}
html[lang="en"] .lp.home-more > #nashmi-home{contain-intrinsic-size:auto 660px}
html[lang="en"] .lp.home-more > #proof{contain-intrinsic-size:auto 1080px}
html[lang="en"] .lp.home-more > #doors{contain-intrinsic-size:auto 610px}
html[lang="en"] .lp.home-more > #offer{contain-intrinsic-size:auto 660px}
html[lang="en"] .lp.home-more > #faq{contain-intrinsic-size:auto 540px}
html[lang="en"] .lp.home-more > #from-founder{contain-intrinsic-size:auto 410px}
@media (max-width:700px){
html[lang="ar"] .lp.home-more > #questions{contain-intrinsic-size:auto 970px}
html[lang="ar"] .lp.home-more > #inside{contain-intrinsic-size:auto 1110px}
html[lang="ar"] .lp.home-more > #nashmi-home{contain-intrinsic-size:auto 970px}
html[lang="ar"] .lp.home-more > #proof{contain-intrinsic-size:auto 1530px}
html[lang="ar"] .lp.home-more > #doors{contain-intrinsic-size:auto 870px}
html[lang="ar"] .lp.home-more > #offer{contain-intrinsic-size:auto 960px}
html[lang="ar"] .lp.home-more > #faq{contain-intrinsic-size:auto 770px}
html[lang="ar"] .lp.home-more > #from-founder{contain-intrinsic-size:auto 410px}
html[lang="en"] .lp.home-more > #questions{contain-intrinsic-size:auto 1010px}
html[lang="en"] .lp.home-more > #inside{contain-intrinsic-size:auto 1170px}
html[lang="en"] .lp.home-more > #nashmi-home{contain-intrinsic-size:auto 1040px}
html[lang="en"] .lp.home-more > #proof{contain-intrinsic-size:auto 1900px}
html[lang="en"] .lp.home-more > #doors{contain-intrinsic-size:auto 1000px}
html[lang="en"] .lp.home-more > #offer{contain-intrinsic-size:auto 1040px}
html[lang="en"] .lp.home-more > #faq{contain-intrinsic-size:auto 830px}
html[lang="en"] .lp.home-more > #from-founder{contain-intrinsic-size:auto 440px}
}

/* ======================================================================================================================
   MOTION OFF · PRINT
   ====================================================================================================================== */
@media (prefers-reduced-motion:reduce){
  .pf,.hero--home .cta,.hero--home .persona,.hero--home .cta__fine,.band--rule .facts,.lz-q__p,.lz-n__ans{animation:none}
  .pin i,.lz-door,.lz-arr,.lz-need > summary i{transition:none}
  .lz-door:hover{transform:none}
}
/* "Print this list": only the list of what you need is printed, in black on white */
@media print{
  html.print-need body :not(:has(#need)):not(#need):not(#need *){display:none !important}
  html.print-need,html.print-need body,html.print-need *{background:#fff !important;color:#000 !important;box-shadow:none !important;animation:none !important;content-visibility:visible !important}
  html.print-need #need{display:block;border:0;margin:0}
  html.print-need #need > summary{font-size:20pt;padding:0 0 8pt}
  html.print-need #need > summary i,html.print-need [data-print-need]{display:none !important}
  html.print-need #need .lz-need__b{padding:0;border:0}
  html.print-need #need li{break-inside:avoid;border-color:#999 !important}
  html.print-need #need input{width:14pt;height:14pt;margin:0;opacity:1}
  html.print-need #need input::before{inset:0;border-color:#000}
  html.print-need #need input:checked::before{background:#000}
  html.print-need #need input:checked::after{display:none}
  html.print-need #need input:checked + span{opacity:1}
  html.print-need #need label{font-size:11pt;padding-block:7pt}
  html.print-need #need .lz-need__pf{display:block !important;margin:16pt 0 0;padding-top:8pt;border-top:1px solid #999;font-size:10pt}
}

/* no text under 12px (the audit's D-46) */
html[lang="en"] .chip{font-size:12px}

/* length on a phone (build 20): the founder's second paragraph stays on the About page, his portrait is smaller, Nashmi is smaller */
@media (max-width:700px){
  .lp .lz-n__fig{height:clamp(150px,40vw,180px);margin-top:0}
  .lz-letter .letter__body p + p{display:none}
  .lp .lz-letter .portrait{width:min(46%,170px)}
}

/* the five later questions fold under one row; the worksheet names fold under one row on a phone */
.qa--more > summary{color:var(--caramel)}
.qa--more[open] > summary{color:var(--navy)}
.qa__rest{border-top:var(--line) solid var(--paper-hair)}
.qa__rest .qa:last-child{border-bottom:0}
.lz-fold > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:var(--tap);padding-block:6px;border-top:var(--line) solid var(--paper-hair);cursor:pointer;list-style:none;font-weight:var(--fw-bold);color:var(--navy)}
.lz-fold > summary::-webkit-details-marker{display:none}
.lz-fold > summary::after{content:"";flex:none;width:16px;height:16px;background:linear-gradient(var(--caramel),var(--caramel)) center/100% 2px no-repeat,linear-gradient(var(--caramel),var(--caramel)) center/2px 100% no-repeat;transition:transform var(--t-base) var(--ease)}
.lz-fold[open] > summary::after{transform:rotate(45deg)}
.lz-fold[open] > .lz-map{padding-block:10px 4px}
/* the sample card: the words and the button on one row, the sheet names folded under them */
@media (min-width:701px){
  .lz-sample{grid-template-columns:minmax(0,1fr);gap:14px;padding:clamp(20px,2.2vw,30px) clamp(22px,3vw,40px)}
  .lz-sample__w{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h a" "p a";column-gap:clamp(24px,4vw,56px);row-gap:8px;align-items:center}
  .lz-sample__w h3{grid-area:h;align-self:end}
  .lz-sample__w > p:not(.lz-sample__a){grid-area:p;align-self:start;max-width:62em}
  .lz-sample__a{grid-area:a}
}
@media (min-width:701px){
  .lp .lz-letter .letter{gap:clamp(12px,1.4vw,18px)}
  .lp .lz-letter .letter__close{padding-top:clamp(12px,1.4vw,18px);font-size:clamp(19px,1.8vw,24px)}
  html[lang="ar"] .lp .lz-letter .letter__close{font-size:clamp(20px,2vw,26px)}
  .lp .lz-letter .sign img{width:clamp(150px,15vw,190px)}
}

/* ================= build 21 ================= */
/* the sample file's size, under the hero buttons: shown with the owner's button only (the other two buttons lead elsewhere) */
.cta__file{display:none;font-size:13.5px;line-height:1.5;color:var(--dim);margin:2px 0 0}
html:not([data-persona]) .cta__file{display:block}
html[lang="ar"] .cta__file{font-size:14px}
/* the third question's picture is two small cards: it keeps its own natural width and is not a link */
.lz-q__p .shot--mini{width:fit-content;max-width:100%;cursor:default}
/* the comparison table: a closed fold under the two boxes */
.lz-cmpf{border:var(--line) solid var(--paper-hair);border-radius:var(--r-lg);background:var(--card)}
.lz-cmpf > summary{display:flex;align-items:center;gap:var(--sp-3) var(--sp-4);flex-wrap:wrap;min-height:var(--tap);padding:14px clamp(16px,2vw,24px);cursor:pointer;list-style:none}
.lz-cmpf > summary::-webkit-details-marker{display:none}
.lz-cmpf__t{flex:1 1 20em;font-weight:var(--fw-bold);font-size:17px;line-height:1.4;color:var(--navy)}
.lz-cmpf__d{flex:2 1 18em;font-size:14.5px;line-height:1.55;color:var(--slate)}
.lz-cmpf > summary > i{flex:none;width:16px;height:16px;margin-inline-start:auto;background:linear-gradient(var(--caramel),var(--caramel)) center/100% 2px no-repeat,linear-gradient(var(--caramel),var(--caramel)) center/2px 100% no-repeat;transition:transform var(--t-base) var(--ease)}
.lz-cmpf[open] > summary > i{transform:rotate(45deg)}
.lz-cmpf > .lz-cmp{padding:0 clamp(12px,2vw,24px) clamp(14px,2vw,22px)}
/* the closing band: the risk line and the sample, under the button (hidden where the button becomes a conversation) */
.finale__fine{margin:0;font-size:14.5px;line-height:1.5;color:var(--mist)}
.finale__alt{margin:0;font-size:15px;line-height:1.5;color:var(--cream)}
.finale__alt a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--cream);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(var(--amber-rgb),.6)}
.finale__alt a:hover{color:var(--amber)}
.finale[data-conv] .finale__fine,.finale[data-conv] .finale__alt{display:none}

.lz-proof{padding-block:clamp(40px,4.4vw,56px)}
.lz-proof .leaf__inner{gap:clamp(22px,2.6vw,34px)}
.lz-proof .lz-box{padding:clamp(20px,2.2vw,28px)}
/* the founder, on the home page: his portrait small, two lines and a link (the whole letter is on the About page) */
.lz-letter{padding-block:clamp(26px,3vw,40px)}
.lp .lz-letter .vision__inner{gap:clamp(20px,3vw,40px);align-items:center}
.lp .lz-letter .portrait{width:min(100%,150px);margin:0}
@media (min-width:900px){.lp .lz-letter .vision__inner{grid-template-columns:150px minmax(0,1fr);justify-content:start}}
.lp .lz-letter .letter{gap:8px}
.lp .lz-letter .sign{margin-top:4px}
.lp .lz-letter .sign img{width:clamp(110px,11vw,140px)}
@media (max-width:700px){.lp .lz-letter .portrait{width:min(34%,120px)}}
@media (max-width:700px){
  .lp .lz-letter .vision__inner{grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start}
  .lp .lz-letter .portrait{width:96px}
  .lp .lz-letter .letter__body p{font-size:15.5px;line-height:1.7}
}

/* build 21 · small things that a phone and a keyboard find */
.lz-need__pf{display:none}
html[lang="ar"] *,html[lang="ar"] *::before,html[lang="ar"] *::after{letter-spacing:0 !important}      /* Arabic letters join: no tracking, positive or negative (decision 8) */
.lp h1,.lp h2,.lp h3,.finale h2,.hero h1,.letter__h{text-wrap:balance}
@media (max-width:700px){.foot__mail{min-height:var(--tap) !important;padding-block:6px}.foot__col nav a{min-width:var(--tap)}}
.lz-link,.lz-addr a,.contact__value{display:inline-flex;align-items:center;min-height:var(--tap)}
.lz-need > summary:focus-visible,.lz-q__tab:focus-visible,.lz-n__more:focus-visible,.lz-n__chip:focus-visible{outline:var(--focus)}

.nf{margin:0;padding:14px var(--gutter);background:var(--niche);border-bottom:var(--line) solid var(--hair-strong);text-align:center;font-size:16px;line-height:1.6;color:var(--navy)}
.nf a{font-weight:var(--fw-bold);color:var(--navy);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:var(--tap)}
.foot summary:focus-visible{outline:var(--focus);outline-offset:2px;border-radius:var(--r-focus)}
.lp .lz-offer a:focus-visible,.lp .lz-offer summary:focus-visible,.lp .lz-offer button:focus-visible,.lp .lz-doors a:focus-visible{outline:var(--focus);outline-offset:3px}
.skip:focus-visible{outline:3px solid var(--cream);outline-offset:3px}
.lp .band-navy .shot:focus-visible,.lp .lz-q .shot:focus-visible,.lp .lz-doors a:focus-visible{outline:var(--focus);outline-offset:3px}

/* the footer's row of social links stays out of sight while there are none (nothing to show: no empty band) */
.foot__meta:not(:has(.foot__set:not([hidden]))){display:none}
/* build 21: the English proof is longer in words than the Arabic; on a phone its lists and cards keep a tighter, still readable, rhythm so that it stays near the Arabic's height */
@media (max-width:700px){
  html[lang="en"] .lz-checks li,html[lang="en"] .lz-nots li{font-size:15.5px;line-height:1.5}
  html[lang="en"] .lz-checks,html[lang="en"] .lz-nots{gap:8px}
  html[lang="en"] .lz-proof .lz-box{gap:10px}
  html[lang="en"] .lz-proof .lz-sample__w p{font-size:15.5px;line-height:1.55}
  html[lang="en"] .lz-proof .lz-box__f{font-size:14px;line-height:1.5}
  .lp .leaf.lz-proof{padding-block:32px}
}
/* a link inside an answer reads as a link: navy, underlined */
.qa p a{color:var(--navy);font-weight:var(--fw-bold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.qa p a:hover{text-decoration-thickness:2px}
/* a link inside an answer is part of a line of text: its tap area is taller than the line without moving the line (vertical padding on an inline box takes no room) */
.qa p a{padding-block:14px}

/* ======================================================================================================================
   ROUND 5
   ====================================================================================================================== */
/* a button's words that follow the persona: the learner reads the Academy's, everyone else the model's */
.lz-lab-l{display:none}
html[data-persona="learner"] .lz-lab-o{display:none}
html[data-persona="learner"] .lz-lab-l{display:inline}
html[data-view="academy"] [data-follow-view] .lz-lab-o{display:none}
html[data-view="academy"] [data-follow-view] .lz-lab-l{display:inline}
/* the search box under the hero's buttons: one compact row. It has no animation, so it is painted with the first frame */
.hsearch{position:relative;display:flex;align-items:center;width:min(100%,380px);margin:2px 0 0}
.hsearch__i{position:absolute;inset-inline-start:16px;width:18px;height:18px;color:var(--dim);pointer-events:none}
.hsearch__q{width:100%;min-height:48px;padding:0 48px 0 44px;border:var(--line) solid var(--hair-strong);border-radius:var(--r-pill);background:rgba(var(--cream-rgb),.05);color:var(--cream);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}
html[dir="rtl"] .hsearch__q{padding:0 44px 0 48px}
.hsearch__q::placeholder{color:var(--dim);opacity:1}
.hsearch__q::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.hsearch__q:hover{border-color:var(--cream)}
.hsearch__q:focus{border-color:var(--amber)}
.hsearch__q:focus-visible{outline:var(--focus);outline-offset:3px}
.hsearch__go{position:absolute;inset-inline-end:2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.hsearch__go::before{content:'';position:absolute;width:36px;height:36px;border-radius:50%;background:var(--amber)}
.hsearch__go:focus-visible{outline:var(--focus);outline-offset:2px}
.hsearch__go svg{position:relative;width:16px;height:16px}
html[dir="rtl"] .hsearch__go svg{transform:scaleX(-1)}
#finder{scroll-margin-top:72px}
/* one line under a button that says what happens next (the Academy's simulation opens later) */
.cta__sub{margin:0;max-width:34em;font-size:15px;line-height:1.6;color:inherit;opacity:.82}
html[lang="ar"] .cta__sub{font-size:15.5px}
.plan__fine{display:block;margin-top:10px;font-size:14px;line-height:1.55;color:var(--slate)}
.plan--key .plan__fine{color:var(--mist)}
/* the notice sheet: the words of the model's free plan, or the Academy's */
#soon:not([data-for="students"]) [data-sv="students"],
#soon[data-for="students"] [data-sv="modeling"]{display:none}
.pathbar__say .lz-lab-o,.pathbar__say .lz-lab-l{display:block}
.pathbar__say .lz-lab-l{display:none}
html[data-persona="learner"] .pathbar__say .lz-lab-o{display:none}
html[data-persona="learner"] .pathbar__say .lz-lab-l{display:block}
/* the figures of the wide screen that a phone's crop cannot pin: a short list under the card (round 5) */
.pf__more{display:none;margin:0;padding:0 14px 14px;list-style:none;background:var(--card);color:var(--navy)}
.pf__more li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding-block:9px;border-top:var(--line) solid var(--paper-hair);font-size:15px;line-height:1.5}
.pf__more .pf__mt{font-weight:var(--fw-bold)}
.pf__more .pf__v{font-family:var(--display);font-size:17px}
.pf__more small{flex-basis:100%;font-size:13.5px;color:var(--slate)}
@media (max-width:700px){.pf__more{display:block}}

/* build 23b: a pin's source, and the link that opens its account statement in the platform */
.pf__s{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:var(--fw-regular);color:var(--slate)}
.pf__how{line-height:1.6}
.pf__links{display:flex;flex-wrap:wrap;gap:6px 16px}
.pf__go{display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-bold);color:var(--gold-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pf__go:hover{color:var(--navy)}
.pf__go:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:4px}
.pf__go .lz-arr{width:15px;height:15px}
.pf__bar{min-height:112px}
/* the command center over the page (single file) */
.ccx{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:#F7F5EF}
.ccx__bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gutter,16px);background:var(--ink,#0B1733);color:var(--cream,#F7F5EF)}
.ccx__t{font-size:14px;font-weight:var(--fw-bold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccx__x{flex:none;padding:8px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:var(--fw-bold);cursor:pointer}
.ccx__x:hover{background:rgba(255,255,255,.08)}
.ccx__x:focus-visible{outline:2px solid var(--amber,#EF9F27);outline-offset:2px}
.ccx__f{flex:1;width:100%;border:0;background:#F7F5EF}

/* build 23b: a Nashmi answer's source opens it in the platform */
.lz-n__go{display:inline-flex;align-items:center;gap:6px;color:var(--gilt);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.lz-n__go:hover{color:var(--cream)}
.lz-n__go:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:4px}
.lz-n__go .lz-arr{width:15px;height:15px}

/* build 23d: build 19's «Start from where you are» (six starting points) is back above the questions; its rules from build 19 */
.lp .duo--doors{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.lp .duo--doors .leaf__head{position:sticky;top:calc(var(--nav-stuck) + var(--sp-7))}
.lp .door__q{font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(19px,1.8vw,24px);line-height:1.35;color:var(--navy)}
html[lang="ar"] .lp .door__q{font-weight:var(--fw-semi);line-height:1.6}
.lp .door__a{color:var(--slate);font-size:16px;line-height:1.6;text-wrap:balance}
#start-here{scroll-margin-top:calc(var(--nav-stuck) + var(--sp-6))}
@media (max-width:940px){
  .lp .duo--doors{grid-template-columns:minmax(0,1fr)}
  .lp .duo--doors .leaf__head{position:static}
  .lp .door__a{grid-column:1/-1;grid-row:2}
}