/* The public front door shares the workspace's navy and mint workbench. */
:root{--button:#087b66;--button-hover:#056553;--button-shadow:#045d4b;--indigo:#087562;--green:#09664d;--ink:#172a3d;--muted:#526477;--bg:#f6f7f3;--line:#dce3e4;--soft:#eaf6f0;--subtle:#f1f5f1}
.action.primary,.continue-button{background:var(--button);color:#fff;border-color:var(--button);border-radius:10px;box-shadow:0 2px 0 var(--button-shadow)}.action.primary:hover,.continue-button:hover{background:var(--button-hover)}
.welcome-header{padding-block:23px}.hero{gap:62px;padding-block:43px 49px}.hero-copy{position:relative}.hero-copy h1{font-size:clamp(35px,4.1vw,53px)}.hero-description{max-width:43ch;font-size:1rem;line-height:1.85}.hero-note{font-size:.875rem}.welcome-kernel{display:block;width:205px;aspect-ratio:1;height:auto;object-fit:contain;margin:21px 0 -9px 135px;pointer-events:none}.lesson-preview{border-radius:17px;border-color:#bcd4c8;box-shadow:0 4px 14px #193a2b08}.preview-top{background:#eaf5ef;color:#286252;border-color:#cfe1d7}.preview-label{color:#286252}.preview-check{background:var(--button);color:#fff;border-color:var(--button);border-radius:9px;box-shadow:0 2px 0 var(--button-shadow)}.preview-check:hover:not(:disabled){background:var(--button-hover)}.preview-check:disabled{background:#eef2ef;color:#526477;border-color:#cddad2;box-shadow:none}.preview-option:has(input:checked){background:#edf8f2;border-color:#78bba1;box-shadow:inset 3px 0 #0d8a67}.preview-option input{accent-color:#087b66}.learning-steps{border-radius:15px;background:#f1f5f1}.step-number{background:#deeee4;color:#166d52}.account-panel{border-color:#cfddd5;box-shadow:0 4px 18px #193a2b08;border-radius:17px}.account-switch button{min-height:44px}.account-switch button[aria-pressed=true]{color:#096b52;border-color:#b8d4c3}.account-panel h1{font-size:1.9375rem}.entry-layout{padding-block:45px}.account-description{font-size:1rem}.account-panel .continue-button{color:#fff}.account-panel button[type=submit]{background:var(--button)!important;color:#fff!important;border-color:var(--button)!important;box-shadow:0 2px 0 var(--button-shadow)!important}.account-eyebrow{color:#096b52}
.welcome-plans{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;max-width:1120px;margin:65px auto 40px;padding:36px 0;border-top:1px solid var(--line);align-items:start}.welcome-plans h2{font-size:2rem;line-height:1.25;margin:12px 0 20px}.welcome-plans p{font-size:1rem;line-height:1.7}.welcome-plans .action{margin-top:12px}.welcome-pro{border-left:3px solid #378d70;padding:10px 0 10px 26px;min-width:0}.welcome-pro-label{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#096b52}.welcome-pro h3{font-size:1.5rem;margin:12px 0}.welcome-pro .welcome-pro-price{font:700 2rem Sora,sans-serif;margin:22px 0 10px}.welcome-pro-price span{font:400 1rem 'DM Sans',sans-serif}.welcome-pro .welcome-pro-annual,.welcome-pro #welcome-billing-availability{font-size:.875rem;color:var(--muted)}.welcome-pro a{display:inline-block;min-height:44px;color:#096b52;font-weight:700;padding-top:10px}.welcome-header nav .nav-plans{font-size:.875rem}.welcome-plans :is(h2,h3,p,a){overflow-wrap:anywhere}
[data-theme=dark]{--button:#107f67;--button-hover:#168c73;--button-shadow:#0a4d3b;--indigo:#91e0bf;--green:#9de6c0;--ink:#edf4f7;--muted:#b9cbd7;--bg:#101f2d;--line:#3c5465;--soft:#203c35;--subtle:#203b42}[data-theme=dark] .preview-top{background:#1d4036;color:#bcebd6;border-color:#4b6c5b}[data-theme=dark] .preview-label{color:#bcebd6}[data-theme=dark] .lesson-preview{border-color:#4b6c5b;box-shadow:none}[data-theme=dark] .preview-check{background:var(--button);border-color:#438e77}[data-theme=dark] .preview-check:disabled{background:#263f45;color:#b9cbd7;border-color:#4b6570;box-shadow:none}[data-theme=dark] .preview-option:has(input:checked){background:#1d4036;border-color:#71a88e}[data-theme=dark] .learning-steps{background:#192d3e}[data-theme=dark] .step-number{background:#284c40;color:#a5e9c9}[data-theme=dark] .account-panel{border-color:#476858;box-shadow:none}[data-theme=dark] .account-switch button[aria-pressed=true]{color:#adebd0;border-color:#5a846c}[data-theme=dark] .account-eyebrow,[data-theme=dark] .welcome-pro-label,[data-theme=dark] .welcome-pro>a{color:#adebd0}
@media(max-width:850px){.hero{gap:30px}.welcome-kernel{width:170px;margin-left:80px}.hero-copy h1{font-size:2.375rem}}
@media(max-width:780px){.welcome-plans{grid-template-columns:minmax(0,1fr);gap:28px;margin:44px 24px 20px;padding-top:30px}.welcome-plans h2{font-size:1.75rem}.welcome-pro{padding-left:20px}.welcome-header nav .nav-plans{display:none}}
@media(max-width:680px){.hero{padding-block:31px;gap:30px}.welcome-kernel{width:142px;margin:15px 0 -8px auto}.hero-copy h1{font-size:2.1875rem}.hero-description{margin-top:18px}.hero-actions{margin-top:23px}.hero-note{font-size:.875rem;max-width:28ch}.account-panel h1{font-size:1.6875rem}.hero h1 br{display:none}.hero h1{max-width:15ch}.welcome-header .action{font-size:.875rem}.course-copy p{font-size:.875rem}.course-copy small{font-size:.75rem}.welcome-header nav{gap:14px}}
@media(prefers-reduced-motion:reduce){.welcome-kernel{animation:none}}
