/* Public introduction reuses the account palette, fonts and theme controls. */
.landing header{display:flex;align-items:center;gap:24px}
.landing header .brand{display:inline-flex;align-items:center;min-height:52px;font-size:28px;white-space:nowrap}
.landing header nav{margin-left:auto;gap:20px}
.landing header nav>a{display:inline-flex;align-items:center;min-height:52px;font-size:16px}
.landing .header-tools{min-width:0}
.landing .header-tools .setting-control{min-height:52px;padding:10px 14px}
.landing .header-tools .setting-copy strong{font-size:14px}
.landing .header-tools .setting-copy small{font-size:12px}
.landing .theme-controls{max-width:1160px}
.landing main{padding-top:28px}
.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:36px;background:var(--theme-paper);border-radius:20px}
.hero-copy{min-width:0}
.landing h1{margin:0 0 20px;font-size:clamp(32px,3.6vw,48px);line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.hero-description{max-width:44ch;margin:0 0 24px;font-size:20px;line-height:1.7;color:var(--theme-muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.landing .button{min-height:56px;font-size:17px}
.landing a.button:not(.primary){background:var(--theme-paper);color:var(--theme-ink);border-color:var(--theme-line)}
.landing .returning{margin:18px 0 0;font-size:16px}
.landing-art{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:56px 16px 56px 16px}
.learning-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin:36px 0 44px;padding:28px;background:var(--theme-paper);border-radius:16px}
.landing h2{font-size:28px;line-height:1.3;margin:0 0 14px;text-wrap:balance}
.learning-paths p{max-width:42ch;margin:0;color:var(--theme-muted)}
.landing-plans{scroll-margin-top:24px}
.landing-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.landing-plan{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border-radius:16px;background:var(--theme-paper)}
.landing-plan h3{margin:0 0 12px;font-size:24px}
.landing-plan>p{margin:0 0 20px}
.landing .plan-price{font-size:36px;font-weight:800;line-height:1.3}
.plan-price>span{font-size:17px;font-weight:500;color:var(--theme-muted)}
.landing-plan .button{margin-top:auto}
.plan-note{margin:20px 0 0;font-size:15px;max-width:70ch;color:var(--theme-muted)}
.landing footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:16px}
.landing footer a{min-height:48px;display:inline-flex;align-items:center}
.skip-link{position:absolute;inset:12px auto auto 12px;transform:translateY(-180%);background:var(--theme-paper);color:var(--theme-ink);padding:12px 18px;border-radius:10px;z-index:10}
.skip-link:focus{transform:none}
@media(max-width:850px){.landing header{flex-wrap:wrap;gap:16px}.landing .header-tools{width:100%}.landing .header-tools .setting-control{width:100%}.landing-hero{grid-template-columns:1fr;padding:28px;gap:28px}.landing-art{max-height:420px}.learning-paths{padding-inline:28px;gap:24px}}
@media(max-width:560px){.landing header{padding:18px}.landing header nav{gap:12px}.landing header nav>a{font-size:14px}.landing header nav>a:first-child{display:none}.landing main{padding:18px}.landing-hero{padding:24px;border-radius:16px}.landing h1{font-size:32px}.hero-description{font-size:18px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.landing-art{border-radius:40px 12px 40px 12px}.learning-paths{grid-template-columns:1fr;padding:24px;gap:24px;margin-block:28px 36px}.landing-plan-grid{grid-template-columns:1fr;gap:16px}.landing-plan{padding:24px}.landing-plan .button{width:100%}.landing footer{padding:18px}}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}