.learn { padding: clamp(40px, 6vw, 80px) 0 clamp(60px, 8vw, 120px); }
.learn__h1 { margin-top: 18px; font-weight: 900; font-stretch: 118%; font-size: clamp(34px, 5vw, 64px); line-height: 1; letter-spacing: -0.025em; text-wrap: balance; }
.learn .lede { margin-top: 26px; font-size: clamp(18px, 1.4vw, 21px); color: var(--paper); }
.learn h2 { margin-top: 40px; font-weight: 800; font-stretch: 112%; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.1; letter-spacing: -0.015em; }
.learn p { margin-top: 16px; font-size: clamp(17px, 1.2vw, 19px); line-height: 1.65; color: var(--paper); max-width: 68ch; }
.learn a:not(.btn):not(.textlink) { color: var(--blue); text-decoration-thickness: 1px; text-underline-offset: 3px; } .learn a:not(.btn):not(.textlink):hover { color: var(--accent); }
.steps-plain { margin-top: 16px; display: grid; gap: 12px; counter-reset: s; } .steps-plain li { position: relative; padding: 14px 16px 14px 54px; border-radius: 12px; background: var(--panel); box-shadow: 0 0 0 1px var(--line); font-size: 17px; line-height: 1.55; counter-increment: s; }
.steps-plain li::before { content: counter(s, decimal-leading-zero); position: absolute; left: 16px; top: 14px; font: 500 12px/1.6 var(--mono); letter-spacing: .12em; color: var(--accent); }
.learn .qa { margin-top: 18px; } .learn .cta-line { margin-top: 48px; }