/* Welcome page: editorial learning studio, using the shared light and dark tokens. */
#screen-welcome[hidden]{display:none!important}
.landing{--landing-paper:var(--card);--landing-soft:color-mix(in srgb,var(--card) 90%,var(--primary) 10%);--landing-ink:var(--foreground);--landing-line:var(--border);max-width:1180px;margin-inline:auto;color:var(--landing-ink);line-height:1.8}
.landing *{box-sizing:border-box}
.landing p,.landing h1,.landing h2,.landing h3,.landing h4{margin-top:0}
.landing a{color:var(--primary);text-underline-offset:5px}
.landing button{font-family:inherit}
.landing :focus-visible{outline:3px solid var(--ring);outline-offset:3px}
.landing-masthead{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-block:5px 14px;border-bottom:1px solid var(--landing-line);font-size:13px}
.landing-kicker{color:var(--muted);font-weight:600}
.landing-masthead a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;text-decoration:none}
.landing-masthead a:hover{text-decoration:underline}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:clamp(30px,6vw,82px);align-items:center;padding-block:clamp(34px,6vw,76px) 44px}
.landing-intro{min-width:0}
.landing-eyebrow{color:var(--primary);font-size:13px;font-weight:750;line-height:1.7;margin-bottom:12px}
.landing h1{font-family:"Aptos Display","Noto Naskh Arabic",Georgia,serif;font-size:clamp(38px,5.3vw,66px);line-height:1.34;font-weight:800;letter-spacing:-.025em;margin-bottom:15px;max-width:13ch}
.landing-lead{font-size:clamp(17px,1.8vw,20px);line-height:1.9;color:var(--muted);max-width:43ch;margin-bottom:23px}
.landing-actions{display:flex;flex-wrap:wrap;gap:10px}
.landing-actions .button{min-height:50px;padding-inline:20px}
.landing-caption{font-size:13px;color:var(--muted);margin-block:13px 0}
.landing-notebook{position:relative;min-width:0;padding:clamp(22px,3vw,32px);background:var(--landing-soft);border:1px solid var(--accent-line);border-radius:3px 3px 28px 3px;box-shadow:0 14px 36px color-mix(in srgb,var(--foreground) 7%,transparent)}
.landing-notebook::before{content:"";position:absolute;inset-block:0;inset-inline-start:13px;border-inline-start:1px solid color-mix(in srgb,var(--primary) 24%,transparent);pointer-events:none}
.landing-notebook-head{display:flex;justify-content:space-between;gap:12px;color:var(--primary);font-size:13px;font-weight:700;border-bottom:1px solid var(--accent-line);padding-bottom:15px;margin-bottom:24px}
.landing-notebook h2{font-family:"Aptos Display","Noto Naskh Arabic",Georgia,serif;font-size:clamp(25px,3vw,36px);line-height:1.45;margin-bottom:2px;color:var(--foreground)}
.landing-translation{font-size:22px;line-height:1.65;margin-bottom:22px}
.landing-example-line{display:grid;gap:5px;padding-block:17px;border-block:1px solid var(--accent-line)}
.landing-example-line [lang=de]{font-size:18px;font-weight:700}
.landing-example-line span:last-child{color:var(--muted)}
.landing-notebook-foot{font-size:14px;color:var(--muted);margin-block:15px 0}
.landing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--landing-line);padding-block:20px;gap:18px}
.landing-facts p{display:flex;gap:13px;align-items:center;margin:0;padding-inline:18px;border-inline-start:1px solid var(--landing-line)}
.landing-facts p:first-child{border-inline-start:0;padding-inline-start:0}
.landing-facts strong{color:var(--primary);font-size:23px;line-height:1.4;white-space:nowrap}
.landing-facts span{font-size:14px;color:var(--muted);line-height:1.6}
.landing-section{padding-block:clamp(34px,5vw,62px)}
.landing-section-heading{margin-bottom:25px;max-width:720px}
.landing-section-heading h2{font-family:"Aptos Display","Noto Naskh Arabic",Georgia,serif;font-size:clamp(27px,3.1vw,38px);line-height:1.45;margin-bottom:8px}
.landing-section-heading>p:last-child:not(.landing-eyebrow){color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:0;max-width:65ch}
.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,48px);list-style:none;padding:0;margin:0}
.landing-steps li{min-width:0;padding-inline-start:17px;border-inline-start:3px solid var(--primary)}
.landing-step-number{display:block;color:var(--primary);font-size:13px;font-weight:750;margin-bottom:6px;direction:ltr;text-align:right}
.landing-steps h3{font-size:21px;margin-bottom:5px}
.landing-steps p{color:var(--muted);font-size:15px;margin-bottom:0;max-width:32ch}
.landing-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,4vw,50px);border-top:1px solid var(--landing-line)}
.landing-skill-row{display:grid;grid-template-columns:minmax(92px,.65fr) minmax(0,1fr);align-items:baseline;gap:3px 14px;border-bottom:1px solid var(--landing-line);padding-block:17px;min-width:0}
.landing-skill-row>span{color:var(--primary);font-size:17px;font-weight:700;direction:ltr;text-align:right;justify-self:start;min-width:0;overflow-wrap:anywhere}
.landing-skill-row h3{font-size:17px;margin:0}
.landing-skill-row p{grid-column:1/-1;font-size:14px;color:var(--muted);margin:3px 0 0;line-height:1.7}
.landing-text-action{appearance:none;background:none;border:0;border-radius:5px;padding:10px 0;color:var(--primary);font:inherit;font-size:15px;font-weight:750;cursor:pointer;text-align:start;min-height:44px}
.landing-text-action:hover{text-decoration:underline;text-underline-offset:5px}
.landing-skills+.landing-text-action{margin-top:13px}
.landing-exam-path{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(24px,4vw,42px);background:var(--landing-soft);border-inline-start:4px solid var(--primary);margin-block:10px 18px}
.landing-exam-copy h2{font-family:"Aptos Display","Noto Naskh Arabic",Georgia,serif;font-size:clamp(26px,3.2vw,38px);line-height:1.45;margin-bottom:9px}
.landing-exam-copy>p:not(.landing-eyebrow){font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:16px}
.landing-exam-copy .button{min-height:48px}
.landing-exam-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.landing-exam-steps li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding-block:10px;border-bottom:1px solid var(--landing-line)}
.landing-exam-steps li:last-child{border-bottom:0}
.landing-exam-steps>li>span{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--accent-line);border-radius:50%;color:var(--primary);font-weight:750;font-size:13px;direction:ltr}
.landing-exam-steps h3{font-size:17px;margin:0 0 2px}
.landing-exam-steps p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}
.landing-proof{padding:clamp(23px,4vw,38px);background:var(--landing-soft);border-inline-start:4px solid var(--primary);margin-block:10px 18px}
.landing-proof-story{max-width:780px;margin-bottom:23px}
.landing-proof-story h2{font-family:"Aptos Display","Noto Naskh Arabic",Georgia,serif;font-size:clamp(26px,3.2vw,38px);line-height:1.45;margin-bottom:9px}
.landing-proof-story>p:not(.landing-eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:68ch;margin-bottom:8px}
.landing-proof-link{appearance:none;display:inline-flex;align-items:center;min-height:44px;padding:5px 0;border:0;background:none;color:var(--primary);font:inherit;font-size:15px;font-weight:750;text-align:start;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.landing-proof-link:hover{text-decoration-thickness:2px}
.landing-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.landing-proof-grid article{min-width:0;padding:17px 18px 14px;background:var(--landing-paper);border:1px solid var(--landing-line);border-top:2px solid var(--accent-line)}
.landing-proof-index{display:block;color:var(--primary);font-size:13px;font-weight:750;direction:ltr;text-align:right;margin-bottom:7px}
.landing-proof-grid h3{font-size:18px;line-height:1.5;margin-bottom:4px}
.landing-proof-grid p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.landing-guide{border-top:1px solid var(--landing-line)}
.landing-guide-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(22px,5vw,64px)}
.landing-guide-list>li{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;gap:0 15px;padding-block:20px;border-bottom:1px solid var(--landing-line);min-width:0}
.landing-guide-index{grid-row:1/4;width:38px;height:38px;border:1px solid var(--accent-line);border-radius:50%;display:grid;place-items:center;color:var(--primary);font-size:13px;font-weight:750;direction:ltr}
.landing-guide-list h3{font-size:19px;margin:0 0 5px}
.landing-guide-list p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.landing-guide-example{display:block;margin-top:4px;color:var(--foreground)}
.landing-guide-link{margin-top:7px;min-height:44px;padding:5px 0;border:0;background:none;color:var(--primary);font:inherit;font-size:14px;font-weight:750;text-align:start;cursor:pointer}
.landing-guide-link:hover{text-decoration:underline;text-underline-offset:4px}
.landing-future{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:clamp(22px,4vw,34px);border-inline-start:4px solid var(--primary);background:var(--landing-soft);margin-block:8px 10px}
.landing-future h2{font-family:"Aptos Display","Noto Naskh Arabic",Georgia,serif;font-size:clamp(22px,2.5vw,30px);margin-bottom:8px}
.landing-future p:last-child{font-size:15px;color:var(--muted);margin-bottom:0;max-width:65ch}
.landing-future-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.landing-future-actions .landing-text-action{text-align:center;white-space:nowrap}
.landing-pricing{scroll-margin-top:24px;border-top:1px solid var(--landing-line)}
.landing .offer-section{padding-block:clamp(38px,6vw,68px)}
.landing .offer-heading{max-width:700px;margin:0 auto 23px;text-align:center}
.landing .offer-heading h2{font-family:"Aptos Display","Noto Naskh Arabic",Georgia,serif;font-size:clamp(28px,4vw,46px);line-height:1.45;margin:13px 0}
.landing .offer-heading p{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:0}
.landing .offer-eyebrow{display:inline-block;color:var(--primary);background:var(--landing-soft);border:1px solid var(--accent-line);padding:5px 14px;border-radius:3px 16px 3px 16px;font-size:14px;font-weight:750}
.landing .offer-periods{display:flex;max-width:550px;margin:25px auto 32px;border:1px solid var(--landing-line);border-radius:10px;background:var(--soft);padding:4px;gap:4px;direction:rtl}
.landing .offer-periods button{flex:1;min-width:0;min-height:46px;border:0;border-radius:7px;background:none;color:var(--foreground);font:inherit;font-size:14px;padding:7px 4px;cursor:pointer}
.landing .offer-periods button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);font-weight:750}
.landing .offer-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;direction:ltr;align-items:stretch;max-width:970px;margin-inline:auto}
.landing .offer-card{direction:rtl;position:relative;border:1px solid var(--landing-line);border-top:4px solid var(--primary);border-radius:3px 3px 22px 3px;background:var(--landing-paper);padding:26px clamp(19px,3vw,30px);display:flex;flex-direction:column;align-items:stretch;min-width:0;color:var(--foreground);box-shadow:none}
.landing .offer-card h3{font-size:24px;margin:0 0 7px;text-align:start}
.landing .offer-card>p{font-size:14px;color:var(--muted);line-height:1.8}
.landing .offer-amount{font-size:clamp(30px,3.2vw,42px);font-weight:750;line-height:1.35;color:var(--foreground);margin-top:8px;white-space:nowrap}
.landing .offer-duration{margin:2px 0 17px!important}
.landing .offer-card .button{min-height:48px;min-width:0;width:100%}
.landing .offer-card h4{font-size:15px;margin:20px 0 8px}
.landing .offer-card ul{list-style:none;padding:0;margin:0}
.landing .offer-card li{position:relative;padding-inline-start:23px;margin:9px 0;font-size:14px;line-height:1.7}
.landing .offer-card li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--primary);font-weight:800}
.landing .offer-pro{border-color:var(--accent-line);border-top-color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 9%,transparent)}
.landing .offer-max{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,.75fr) minmax(0,1fr);column-gap:28px;align-items:start;border-top-color:var(--border);padding-block:20px}
.landing .offer-max h3,.landing .offer-max>p:not(.offer-note),.landing .offer-max .offer-amount,.landing .offer-max .offer-duration,.landing .offer-max>.button{grid-column:1}
.landing .offer-max h4,.landing .offer-max ul,.landing .offer-max .offer-note{grid-column:2}
.landing .offer-max h4{grid-row:1;margin-top:2px}
.landing .offer-max ul{grid-row:2/5}
.landing .offer-max .offer-note{grid-row:5;margin-top:4px}
.landing .offer-ribbon,.landing .offer-soon{position:absolute;top:-14px;inset-inline-start:20px;font-size:12px;padding:4px 11px;border-radius:3px 10px 3px 10px;background:var(--primary);color:var(--primary-foreground);font-weight:750}
.landing .offer-soon{background:var(--soft);color:var(--muted);border:1px solid var(--landing-line)}
.landing .offer-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:15px}
.landing .offer-section>.offer-note{text-align:center}
.landing .offer-max button:disabled{opacity:1;color:var(--muted);background:var(--soft);border-color:var(--landing-line);cursor:not-allowed}
.landing-closing{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:23px;border-top:1px solid var(--landing-line)}
.landing-closing p{font-family:"Aptos Display","Noto Naskh Arabic",Georgia,serif;font-size:clamp(20px,2.4vw,26px);font-weight:750;color:var(--foreground);margin:0}
.landing .button{transition:transform 150ms cubic-bezier(.23,1,.32,1),background-color 150ms ease,border-color 150ms ease,color 150ms ease}
.landing .button:active,.landing .landing-guide-link:active,.landing .landing-text-action:active{transform:scale(.98)}
@media(max-width:900px){.landing-hero{gap:30px}.landing-facts p{align-items:flex-start;flex-direction:column;gap:3px}.landing-skill-row{grid-template-columns:minmax(82px,.55fr) minmax(0,1fr);column-gap:10px}.landing-future{grid-template-columns:1fr;gap:12px}.landing-future-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}.landing .offer-max{grid-template-columns:minmax(140px,.8fr) minmax(0,1fr)}}
@media(max-width:640px){.landing-masthead{align-items:flex-start}.landing-hero{grid-template-columns:1fr;padding-block:30px 27px;gap:24px}.landing h1{font-size:clamp(36px,10vw,48px);max-width:14ch}.landing-lead{font-size:17px;margin-bottom:19px}.landing-actions{display:grid;grid-template-columns:1fr}.landing-actions .button{width:100%;justify-content:center}.landing-notebook{padding:21px 20px 20px 28px}.landing-notebook-head{margin-bottom:18px}.landing-translation{font-size:21px;margin-bottom:17px}.landing-facts{grid-template-columns:1fr;gap:0;padding-block:5px}.landing-facts p,.landing-facts p:first-child{display:grid;grid-template-columns:minmax(86px,.4fr) minmax(0,1fr);align-items:center;padding:12px 0;border-inline-start:0;border-bottom:1px solid var(--landing-line)}.landing-facts p:last-child{border-bottom:0}.landing-facts strong{font-size:20px}.landing-section{padding-block:34px}.landing-section-heading{margin-bottom:18px}.landing-section-heading h2{font-size:27px}.landing-steps{grid-template-columns:1fr;gap:19px}.landing-steps li{padding-inline-start:14px}.landing-skill-row{grid-template-columns:minmax(90px,.42fr) minmax(0,1fr);gap:3px 11px;padding-block:14px}.landing-skill-row>span{font-size:16px}.landing-skill-row h3{font-size:16px}.landing-skill-row p{font-size:14px}.landing-exam-path{grid-template-columns:1fr;gap:15px;padding:22px 18px}.landing-exam-copy h2{font-size:27px}.landing-proof{padding:22px 18px}.landing-proof-story{margin-bottom:17px}.landing-proof-story h2{font-size:27px}.landing-proof-grid{grid-template-columns:1fr;gap:9px}.landing-proof-grid article{padding:14px 16px}.landing-proof-grid h3{font-size:17px}.landing-proof-grid p{font-size:16px}.landing-guide-list{grid-template-columns:1fr}.landing-guide-list>li{padding-block:16px}.landing-future{padding:21px 18px}.landing-future-actions{flex-direction:column;align-items:stretch;gap:3px}.landing-future-actions .landing-text-action{text-align:start;white-space:normal}.landing .offer-section{padding-block:35px}.landing .offer-heading h2{font-size:29px}.landing .offer-heading p{font-size:14px}.landing .offer-periods{margin:20px auto 28px}.landing .offer-periods button{font-size:13px;padding:6px 2px}.landing .offer-grid{grid-template-columns:1fr;gap:22px;max-width:480px}.landing .offer-card{padding:25px 21px}.landing .offer-amount{font-size:38px}.landing .offer-max{grid-column:auto;display:flex;gap:0}.landing .offer-max h4{margin-top:20px}.landing-closing{flex-direction:column;align-items:stretch;text-align:center;padding-block:22px}.landing-closing .button{width:100%;justify-content:center}}
@media(max-width:360px){.landing-masthead{flex-direction:column;align-items:stretch;gap:3px}.landing-facts p,.landing-facts p:first-child{grid-template-columns:90px minmax(0,1fr)}.landing .offer-periods button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.landing .button,.landing .landing-guide-link,.landing .landing-text-action{transition:none}.landing .button:active,.landing .landing-guide-link:active,.landing .landing-text-action:active{transform:none}}