.welcome-wrap { width:min(1100px, calc(100% - 48px)); margin-inline:auto; font-size:1.125rem; line-height:1.8; padding-bottom:80px; }
.welcome-header, .welcome-brand, .welcome-header nav, .welcome-actions, .welcome-footer, .welcome-footer nav { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.welcome-header { justify-content:space-between; padding-block:28px; border-bottom:1px solid var(--line); }
.welcome-brand { font-size:1.2rem; font-weight:800; gap:12px; text-decoration:none; }
.welcome-wrap a { color:var(--green); text-underline-offset:5px; }
.welcome-wrap a, .welcome-wrap button { min-height:44px; display:inline-flex; align-items:center; }
.welcome-hero { padding-block:clamp(48px, 8vw, 100px) 44px; max-width:900px; }
.welcome-kicker { color:var(--green); font-weight:750; font-size:.875rem; letter-spacing:.07em; }
.welcome-hero h1 { font-size:clamp(2.25rem, calc(5vw * var(--a11y-text-scale, 1)), 4.5rem); line-height:1.15; letter-spacing:-.025em; margin:20px 0 24px; max-width:850px; text-wrap:balance; }
.welcome-intro { font-size:1.2em; max-width:760px; }
.welcome-actions { margin-top:32px; }
.welcome-actions .welcome-primary { padding:12px 24px; background:var(--green); color:#fff; border-radius:8px; font-weight:750; text-decoration:none; }
.welcome-notice { padding:18px 24px; border-inline-start:4px solid var(--green); background:var(--surface); max-width:900px; }
.welcome-guide { margin-top:70px; }
.welcome-wrap h2 { font-size:clamp(1.65rem, calc(3vw * var(--a11y-text-scale, 1)), 2.2rem); line-height:1.3; }
.welcome-wrap h3 { font-size:1.5rem; line-height:1.4; margin-top:0; }
.welcome-lesson { display:grid; grid-template-columns:70px minmax(0, 1fr); gap:30px; border-top:1px solid var(--line); padding-block:40px; margin-top:30px; }
.welcome-lesson > div { max-width:780px; }
.welcome-number { color:var(--green); font-size:2rem; font-weight:800; line-height:1.4; }
.welcome-exercise { padding:20px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.welcome-summary, .welcome-about { max-width:850px; margin-block:45px; }
.welcome-footer { justify-content:space-between; border-top:1px solid var(--line); padding-block:24px; margin-top:60px; font-size:.9em; }
@media(max-width:600px) { .welcome-wrap { width:calc(100% - 32px); } .welcome-header { gap:12px; } .welcome-lesson { grid-template-columns:1fr; gap:10px; } .welcome-header nav, .welcome-footer nav { gap:16px; } }