/* Marketing additions are scoped to the welcome page and shared theme tokens. */
body.is-welcome .landing :where(section[id]){scroll-margin-top:100px}
body.is-welcome .landing-section-heading>p:last-child:not(.landing-eyebrow){color:var(--welcome-muted);font-size:16px;line-height:1.8;margin-bottom:0;max-width:55ch}
body.is-welcome .landing h1{max-width:15ch}
body.is-welcome .landing-method-section .landing-section-heading h2{max-width:24ch}
body.is-welcome .landing-demo{background:var(--welcome-surface);border:1px solid var(--welcome-border);border-radius:20px;padding:24px;margin-block:24px 30px}
body.is-welcome .landing-demo-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr);gap:28px;align-items:start}
body.is-welcome .landing-demo-label{font-size:12px;line-height:1.6;font-weight:750;color:var(--welcome-muted);margin-bottom:12px}
body.is-welcome .landing-demo-text{font-size:18px;line-height:1.9;color:var(--welcome-text);margin-bottom:14px}
body.is-welcome .landing-demo-translation{font-size:15px;color:var(--welcome-muted);line-height:1.85;border-top:1px solid var(--welcome-border);padding-top:12px;margin:0}
body.is-welcome .landing-demo-options{min-width:0;display:grid;gap:9px}
body.is-welcome .landing-demo-options .landing-demo-label{margin:0 0 3px}
body.is-welcome .landing-demo-options button{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:10px;text-align:left;min-height:55px;padding:12px;border:1px solid var(--welcome-border);border-radius:10px;background:var(--welcome-page);color:var(--welcome-text);font-size:14px;line-height:1.65;cursor:pointer;overflow-wrap:anywhere}
body.is-welcome .landing-demo-options button>span:first-child{display:grid;place-items:center;min-height:27px;border:1px solid var(--welcome-border);border-radius:6px;font-size:12px;font-weight:750}
body.is-welcome .landing-demo-options button[aria-pressed=true]{border-color:var(--welcome-accent);box-shadow:inset 0 0 0 1px var(--welcome-accent)}
body.is-welcome .landing-demo-options button.demo-correct{border-color:var(--welcome-accent);background:var(--welcome-surface-soft);box-shadow:inset 0 0 0 1px var(--welcome-accent)}
body.is-welcome .landing-demo-options button.demo-mistake{border-style:dashed;box-shadow:none}
body.is-welcome .landing-demo-options button:disabled{opacity:1;color:var(--welcome-text);cursor:default}
body.is-welcome .landing-demo mark{background:#ffe0a3;color:#30210a;border-radius:3px;padding-inline:2px;box-decoration-break:clone}
body.is-welcome .landing-demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:20px}
body.is-welcome .landing-demo-actions .button{min-height:46px}
body.is-welcome .landing-demo-actions [role=status]{flex:1;min-width:180px;color:var(--welcome-muted);font-size:14px;line-height:1.75}
body.is-welcome .landing-demo-feedback{margin-top:20px;padding-top:20px;border-top:1px solid var(--welcome-border)}
body.is-welcome .landing-demo-feedback h3{font-size:17px;line-height:1.85;margin-bottom:10px;color:var(--welcome-text)}
body.is-welcome .landing-demo-feedback p{font-size:15px;line-height:1.85;color:var(--welcome-muted);margin-bottom:12px;max-width:75ch}
body.is-welcome .landing-demo-clues{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
body.is-welcome .landing-demo-clues bdi{border:1px solid var(--welcome-border);background:var(--welcome-surface-soft);border-radius:7px;padding:7px 11px;color:var(--welcome-text);font-size:14px;font-weight:700}
body.is-welcome .landing-demo-feedback .landing-demo-memory{color:var(--welcome-text);margin-bottom:0}
body.is-welcome .landing-demo-caption{color:var(--welcome-muted);font-size:12px;line-height:1.8;margin:16px 0 0}
body.is-welcome .landing-skill-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.is-welcome .landing-skill-benefits article{min-width:0;border-top:2px solid var(--welcome-accent);padding-top:17px}
body.is-welcome .landing-skill-label{display:block;color:var(--welcome-accent);font-size:13px;font-weight:750;margin-bottom:12px}
body.is-welcome .landing-skill-benefits h3{font-size:20px;line-height:1.6;margin-bottom:8px;color:var(--welcome-text)}
body.is-welcome .landing-skill-benefits p{font-size:15px;line-height:1.85;color:var(--welcome-muted);margin:0}
body.is-welcome .landing-skill-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--welcome-border);margin-top:25px;padding-top:20px}
body.is-welcome .landing-skill-footer>span{color:var(--welcome-muted);font-size:14px;line-height:1.8}
body.is-welcome .landing-proof-story{margin-bottom:20px}
body.is-welcome .landing-value-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body.is-welcome .landing-value-points article{border-top:1px solid var(--welcome-border);padding-top:16px;min-width:0}
body.is-welcome .landing-value-points h3{font-size:18px;line-height:1.65;margin-bottom:6px;color:var(--welcome-text)}
body.is-welcome .landing-value-points p{font-size:14px;line-height:1.85;color:var(--welcome-muted);margin:0}
body.is-welcome .landing-faq{max-width:850px;margin-inline:auto}
body.is-welcome .landing-faq details{border-bottom:1px solid var(--welcome-border)}
body.is-welcome .landing-faq summary{padding-block:17px;min-height:52px;cursor:pointer;font-size:17px;font-weight:700;color:var(--welcome-text)}
body.is-welcome .landing-faq details p{color:var(--welcome-muted);font-size:15px;line-height:1.9;max-width:65ch;margin-bottom:19px}
body.is-welcome .landing-closing{display:grid;justify-items:center;gap:12px;text-align:center}
body.is-welcome .landing-closing>span{color:var(--welcome-muted);font-size:15px}
body.is-welcome .landing-closing>p{margin:0}
body.is-welcome .landing-closing .button{margin-top:2px}
@media(max-width:960px){
 body.is-welcome .landing-skill-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
}
@media(max-width:650px){
 body.is-welcome .landing-demo{padding:18px;border-radius:16px}
 body.is-welcome .landing-demo-workspace{grid-template-columns:minmax(0,1fr);gap:22px}
 body.is-welcome .landing-demo-text{font-size:17px}
 body.is-welcome .landing-demo-options button{min-height:54px}
 body.is-welcome .landing-demo-actions [role=status]{flex-basis:100%;min-width:0}
 body.is-welcome .landing-value-points{grid-template-columns:minmax(0,1fr);gap:18px}
 body.is-welcome .landing-skill-footer{align-items:stretch;flex-direction:column;gap:14px}
 body.is-welcome .landing-skill-footer .button{justify-content:center}
 body.is-welcome .landing-faq summary{font-size:16px}
}
@media(max-width:380px){
 body.is-welcome .landing-skill-benefits{grid-template-columns:minmax(0,1fr)}
}

/* Product previews use readable HTML, so they reflow with Arabic and German. */
body.is-welcome .landing-skill-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid var(--welcome-border);border-radius:15px;background:var(--welcome-surface-soft);margin-block:24px}
body.is-welcome .landing-skill-tabs button{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;min-height:58px;padding:10px 6px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--welcome-muted);font-size:16px;font-weight:750;cursor:pointer}
body.is-welcome .landing-skill-tabs button>span{font-size:12px;font-weight:500}
body.is-welcome .landing-skill-tabs button[aria-selected=true]{color:var(--welcome-text);background:var(--welcome-surface);border-color:var(--welcome-border);box-shadow:0 3px 12px color-mix(in srgb,var(--welcome-text) 5%,transparent)}
body.is-welcome .landing-skill-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(22px,4vw,50px);align-items:center;padding-block:12px 20px}
body.is-welcome .landing-feature-copy{min-width:0}
body.is-welcome .landing-feature-copy h3{font-size:clamp(25px,3vw,34px);line-height:1.5;max-width:20ch;margin-bottom:13px;color:var(--welcome-text)}
body.is-welcome .landing-feature-copy>p:not(.landing-eyebrow),body.is-welcome .landing-feature-copy li{font-size:16px;line-height:1.9;color:var(--welcome-muted)}
body.is-welcome .landing-feature-copy ul{padding-inline-start:22px;margin-block:16px 20px}
body.is-welcome .landing-feature-copy li{padding-inline-start:4px;margin-block:5px}
body.is-welcome .landing-feature-copy li::marker{color:var(--welcome-accent)}
body.is-welcome .landing-product-view{min-width:0;margin:0;border:1px solid var(--welcome-border);border-radius:18px;overflow:hidden;background:var(--welcome-surface);box-shadow:0 12px 35px color-mix(in srgb,var(--welcome-text) 6%,transparent)}
body.is-welcome .landing-view-top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;background:var(--welcome-surface-soft);padding:14px 20px;border-bottom:1px solid var(--welcome-border);font-size:12px;line-height:1.7;color:var(--welcome-muted)}
body.is-welcome .landing-view-top bdi{color:var(--welcome-text);font-weight:700}
body.is-welcome .landing-view-content{padding:24px;min-width:0}
body.is-welcome .landing-view-label{font-size:12px;font-weight:700;color:var(--welcome-muted);margin-bottom:8px}
body.is-welcome .landing-view-german{font-size:20px;line-height:1.8;color:var(--welcome-text);margin-bottom:18px}
body.is-welcome .landing-product-view mark{background:#ffe0a3;color:#30210a;padding:2px 4px;border-radius:4px;box-decoration-break:clone}
body.is-welcome .landing-view-link{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;color:var(--welcome-text)}
body.is-welcome .landing-view-link span{background:var(--welcome-surface-soft);border:1px solid var(--welcome-border);padding:9px 12px;border-radius:8px;font-size:14px;font-weight:650}
body.is-welcome .landing-view-answer{border-inline-start:3px solid var(--welcome-accent);background:var(--welcome-surface-soft);padding:14px;font-size:17px;line-height:1.65;color:var(--welcome-text);border-radius:7px}
body.is-welcome .landing-view-note{font-size:14px;line-height:1.85;margin:16px 0 0;color:var(--welcome-muted)}
body.is-welcome .landing-product-view figcaption{border-top:1px solid var(--welcome-border);padding:12px 20px;font-size:12px;line-height:1.8;color:var(--welcome-muted)}
body.is-welcome .landing-transcript-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px;color:var(--welcome-muted);font-size:12px}
body.is-welcome .landing-transcript-toolbar button{min-height:40px;border:1px solid var(--welcome-border);border-radius:8px;background:var(--welcome-surface-soft);color:var(--welcome-text);padding:8px 12px;cursor:pointer;font-size:13px}
body.is-welcome .landing-transcript-line{position:relative;border-top:1px solid var(--welcome-border);padding:18px 0 14px}
body.is-welcome .landing-transcript-line p[lang=de]{font-size:17px;line-height:1.8;color:var(--welcome-text);padding-inline-start:32px;margin-bottom:10px}
body.is-welcome .landing-transcript-line [data-landing-translation]{font-size:14px;line-height:1.8;color:var(--welcome-muted);margin:0}
body.is-welcome .landing-sentence-number{position:absolute;left:0;top:23px;font-size:11px;font-weight:750;color:var(--welcome-accent)}
body.is-welcome .landing-writing-map{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}
body.is-welcome .landing-writing-map span{font-size:12px;color:var(--welcome-muted);border:1px solid var(--welcome-border);border-radius:6px;padding:5px 9px}
body.is-welcome .landing-letter{border-inline-start:3px solid var(--welcome-accent);padding-inline-start:18px;color:var(--welcome-text);font-size:16px;line-height:1.8}
body.is-welcome .landing-letter p:last-child{margin-bottom:0}
body.is-welcome .landing-speaking-map{list-style:none;padding:0;margin:0;display:grid;gap:10px}
body.is-welcome .landing-speaking-map li{border:1px solid var(--welcome-border);border-radius:10px;padding:12px 15px;background:var(--welcome-surface-soft)}
body.is-welcome .landing-speaking-map li>span{display:block;color:var(--welcome-muted);font-size:11px;margin-bottom:4px}
body.is-welcome .landing-speaking-map p{font-size:16px;line-height:1.7;color:var(--welcome-text);margin:0}
body.is-welcome .landing-journey{border-top:1px solid var(--welcome-border)}
body.is-welcome .landing-journey-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(25px,4vw,55px);align-items:center}
body.is-welcome .landing-study-image{margin:0;border-radius:18px;overflow:hidden;position:relative;min-width:0}
body.is-welcome .landing-study-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
body.is-welcome .landing-study-image figcaption{position:absolute;inset-inline:0;bottom:0;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.88));padding:38px 20px 16px;font-size:14px;line-height:1.8}
body.is-welcome .landing-journey-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
body.is-welcome .landing-journey-tools article{min-width:0;border-top:2px solid var(--welcome-accent);padding-top:18px}
body.is-welcome .landing-tool-index{display:block;color:var(--welcome-accent);font-size:12px;font-weight:750;margin-bottom:13px}
body.is-welcome .landing-journey-tools h3,body.is-welcome .landing-payment-steps h3{color:var(--welcome-text);font-size:20px;line-height:1.6;margin-bottom:8px}
body.is-welcome .landing-journey-tools p,body.is-welcome .landing-payment-steps p{font-size:15px;line-height:1.85;color:var(--welcome-muted);margin-bottom:15px}
body.is-welcome .landing-mini-route{display:flex;flex-wrap:wrap;gap:9px;align-items:center;border:1px solid var(--welcome-border);border-radius:9px;padding:12px;color:var(--welcome-text);font-size:12px;line-height:1.8;background:var(--welcome-surface-soft)}
body.is-welcome .landing-mini-route i{font-style:normal;color:var(--welcome-muted)}
body.is-welcome .landing-payment-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0;margin-block:25px}
body.is-welcome .landing-payment-steps li{border-top:1px solid var(--welcome-border);padding-top:17px;min-width:0}
body.is-welcome .landing-payment-steps h3{font-size:18px}
body.is-welcome .landing-payment-note{background:var(--welcome-surface-soft);border:1px solid var(--welcome-border);padding:22px;border-radius:14px;color:var(--welcome-text)}
body.is-welcome .landing-payment-note strong{font-size:16px;line-height:1.85}
body.is-welcome .landing-payment-note p{color:var(--welcome-muted);font-size:14px;line-height:1.85;margin-block:9px 16px;max-width:85ch}
body.is-welcome .landing :where(.landing-skill-tabs button,.landing-transcript-toolbar button,.landing-skill-panel):focus-visible{outline:3px solid var(--welcome-accent);outline-offset:4px}
@media(max-width:960px){body.is-welcome .landing-payment-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 body.is-welcome .landing-nav{display:none}
 body.is-welcome .landing-skill-panel,body.is-welcome .landing-journey-intro{grid-template-columns:minmax(0,1fr)}
 body.is-welcome .landing-skill-tabs button{flex-direction:column;gap:2px;font-size:14px;min-height:60px}
 body.is-welcome .landing-skill-tabs button>span{font-size:11px}
 body.is-welcome .landing-feature-copy h3{max-width:none;font-size:26px}
 body.is-welcome .landing-view-content{padding:20px}
 body.is-welcome .landing-journey-tools{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:420px){
 body.is-welcome .landing-payment-steps{grid-template-columns:minmax(0,1fr);gap:15px}
 body.is-welcome .landing-view-content{padding:18px}
 body.is-welcome .landing-view-top{padding:12px 18px;gap:6px}
 body.is-welcome .landing-view-german{font-size:18px}
}

/* Laptop: an editorial page with separate, contained product demonstrations. */
body.is-welcome .landing{width:100%;max-width:1220px;margin-inline:auto}
body.is-welcome .landing :where(.landing-intro,.landing-notebook,.landing-section-heading,.landing-demo-source,.landing-feature-copy){min-width:0}
body.is-welcome .landing-hero-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
body.is-welcome .landing-hero-benefits span{font-size:12px;line-height:1.6;color:var(--welcome-muted);padding:6px 10px;border:1px solid var(--welcome-border);border-radius:999px;background:var(--welcome-surface)}
body.is-welcome .landing-content-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding-block:14px;border-block:1px solid var(--welcome-border);margin-block:5px 18px}
body.is-welcome .landing-content-nav a{display:flex;align-items:center;min-height:42px;font-size:14px;color:var(--welcome-muted);text-decoration:none}
body.is-welcome .landing-method-section{background:var(--welcome-surface-soft);border:1px solid var(--welcome-border);border-radius:24px;padding:clamp(22px,3.8vw,44px);margin-block:15px 30px}
body.is-welcome .landing-section-heading h2{line-height:1.5;color:var(--welcome-text);text-wrap:balance}
body.is-welcome .landing-demo{margin-bottom:25px}
body.is-welcome .landing-expertise-note{border-inline-start:3px solid var(--welcome-accent);padding-inline-start:16px}
body.is-welcome .landing-closing{background:var(--welcome-surface-soft);border:1px solid var(--welcome-border);border-radius:24px;padding:32px 24px;gap:17px}
body.is-welcome .landing-closing>span{max-width:50ch;line-height:1.9}
@media(min-width:960px){
 body.is-welcome .landing-section{padding-block:52px}
 body.is-welcome .landing-demo-text{font-size:20px}
 body.is-welcome .landing-skill-panel{gap:50px}
}
/* Phone: compact header, readable single-column sections, full-width actions. */
@media(max-width:720px){
 body.is-welcome .shell{padding-inline:16px}
 body.is-welcome .header-actions>#open-notifications{display:none}
 body.is-welcome .landing-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:28px 24px}
 body.is-welcome .landing-lead{font-size:17px;max-width:none;line-height:1.9}
 body.is-welcome .landing-notebook{min-height:0}
 body.is-welcome .landing-content-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 15px;justify-items:center;margin-bottom:10px}
 body.is-welcome .landing-content-nav a{font-size:13px;justify-content:center}
 body.is-welcome .landing-section{padding-block:30px}
 body.is-welcome .landing-section-heading h2{font-size:25px;line-height:1.6}
 body.is-welcome .landing-section-heading>p:last-child:not(.landing-eyebrow){font-size:15px}
 body.is-welcome .landing-method-section{padding:20px 16px;border-radius:18px;margin-block:10px 22px}
 body.is-welcome .landing-demo-workspace{grid-template-columns:minmax(0,1fr);gap:20px}
 body.is-welcome .landing-demo{padding:16px;margin-block:20px}
 body.is-welcome .landing-demo-actions .button{width:100%;justify-content:center}
 body.is-welcome .landing-method-section .landing-steps{grid-template-columns:minmax(0,1fr);gap:18px}
 body.is-welcome .landing-feature-copy>p:not(.landing-eyebrow),body.is-welcome .landing-feature-copy li{font-size:15px}
 body.is-welcome .landing-product-view{border-radius:14px}
 body.is-welcome .landing-journey-intro{gap:20px}
 body.is-welcome .landing-study-image{border-radius:14px}
 body.is-welcome .landing-payment-note .button{width:100%;justify-content:center}
 body.is-welcome .landing-closing{padding:28px 18px;border-radius:18px}
 body.is-welcome .landing-closing .button{width:100%;justify-content:center}
}
@media(max-width:390px){
 body.is-welcome .topbar-inner{padding-inline:12px;gap:8px}
 body.is-welcome .brand strong{font-size:13px}
 body.is-welcome #landing-start-header{font-size:12px;padding-inline:12px}
 body.is-welcome .landing h1{font-size:35px}
 body.is-welcome .landing-title-accent{white-space:normal}
 body.is-welcome .landing-skill-tabs button{font-size:12px;padding-inline:3px}
 body.is-welcome .landing-view-content{padding:16px}
}