.free-lesson-page{--ink:#161b25;--muted:#69717e;--line:#dfe3ea;--paper:#f5f4f0;--blue:#3156d9;--white:#fff;--night:#172033}.free-lesson-page *{box-sizing:border-box}html:has(.free-lesson-page){scroll-behavior:smooth}.free-lesson-page{margin:0;color:var(--ink);background:#fff;font-family:var(--brand-font)}.free-lesson-page .fl-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.free-lesson-page .fl-skip{position:fixed;left:12px;top:-70px;background:#111;color:#fff;padding:12px 16px;z-index:100}.free-lesson-page .fl-skip:focus{top:12px}.free-lesson-page .fl-header{height:78px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));margin:auto}.free-lesson-page .fl-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.free-lesson-page .fl-brand>span{display:grid;place-items:center;width:30px;height:30px;background:var(--blue);color:#fff;border-radius:50%}.free-lesson-page .fl-brand b{font-size:1.05rem}.free-lesson-page .fl-header-actions{display:flex;align-items:center;gap:24px}.free-lesson-page .fl-header-actions>span{color:var(--muted);font-size:.8rem}.free-lesson-page .fl-header-link{color:inherit;text-underline-offset:4px}.free-lesson-page .fl-kicker{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:var(--blue)}

.free-lesson-page .fl-hero{overflow:hidden;padding:82px 0 76px;background:var(--paper);border-block:1px solid var(--line)}.free-lesson-page .fl-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:64px;align-items:center}.free-lesson-page .fl-hero h1,.free-lesson-page .fl-section-head h2,.free-lesson-page .fl-course h2{font-size:clamp(2.9rem,6.6vw,6.1rem);line-height:.94;letter-spacing:-.065em;margin:24px 0}.free-lesson-page .fl-hero h1 em{display:block;color:var(--blue);font-style:normal}.free-lesson-page .fl-hero-copy>p{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:680px}.free-lesson-page .fl-hero-actions{display:flex;align-items:center;gap:20px;margin-top:26px}.free-lesson-page .fl-hero-actions>span{font-size:.82rem;color:var(--muted)}.free-lesson-page .fl-hero-proof{display:flex;flex-wrap:wrap;gap:10px 21px;list-style:none;padding:0;margin:30px 0 0;color:#4d5664;font-size:.82rem}.free-lesson-page .fl-hero-proof li:before{content:'✓';color:var(--blue);font-weight:800;margin-right:7px}
.free-lesson-page .fl-hero-stage{position:relative;min-height:525px;display:grid;place-items:center;isolation:isolate}.free-lesson-page .fl-stage-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(49,86,217,.28),rgba(49,86,217,0) 70%);filter:blur(8px);z-index:-2;animation:fl-breathe 6s ease-in-out infinite}.free-lesson-page .fl-stage-orbit{position:absolute;border:1px solid rgba(49,86,217,.2);border-radius:50%;z-index:-1}.free-lesson-page .fl-stage-orbit:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);top:11%;left:15%;box-shadow:0 0 0 7px rgba(49,86,217,.1)}.free-lesson-page .fl-stage-orbit-one{width:480px;height:480px;animation:fl-spin 22s linear infinite}.free-lesson-page .fl-stage-orbit-two{width:365px;height:365px;animation:fl-spin 16s linear infinite reverse}.free-lesson-page .fl-stage-window{position:relative;width:min(100%,470px);background:#fff;box-shadow:0 34px 90px rgba(25,33,52,.16);border:1px solid rgba(23,32,51,.12);animation:fl-float 7s ease-in-out infinite}.free-lesson-page .fl-stage-bar{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px;color:#87909d;font-size:.63rem}.free-lesson-page .fl-stage-bar i{width:6px;height:6px;border-radius:50%;background:#c3c9d2}.free-lesson-page .fl-stage-bar span{margin-left:5px}.free-lesson-page .fl-stage-site{position:relative;min-height:410px;padding:25px 28px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#fff 0 69%,#eef1ff 69%)}.free-lesson-page .fl-stage-site:after{content:'';position:absolute;width:190px;height:190px;border-radius:50%;right:-52px;bottom:-48px;background:var(--blue);opacity:.12}.free-lesson-page .fl-stage-site nav{display:flex;gap:18px;align-items:center;font-size:.65rem}.free-lesson-page .fl-stage-site nav b{margin-right:auto;font-size:.8rem}.free-lesson-page .fl-stage-site>div{margin:auto 0;max-width:355px;position:relative;z-index:1}.free-lesson-page .fl-stage-site small{color:var(--blue);font-weight:750;letter-spacing:.1em;font-size:.58rem}.free-lesson-page .fl-stage-site strong{display:block;font-size:clamp(2.2rem,4vw,3.25rem);line-height:.92;letter-spacing:-.055em;margin:15px 0}.free-lesson-page .fl-stage-site p{color:var(--muted);font-size:.78rem;line-height:1.55;max-width:300px}.free-lesson-page .fl-stage-site button{border:0;background:var(--blue);color:#fff;padding:11px 14px;font:650 .68rem var(--brand-font);margin-top:7px}.free-lesson-page .fl-stage-site footer{display:flex;justify-content:space-between;color:#7e8794;font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;position:relative;z-index:1}.free-lesson-page .fl-stage-badge{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 16px 35px rgba(25,33,52,.12);padding:12px 15px;font-size:.72rem;font-weight:650}.free-lesson-page .fl-stage-badge:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#eaf0ff;color:var(--blue)}.free-lesson-page .fl-stage-badge-one{top:37px;right:-12px;animation:fl-float 6s ease-in-out infinite reverse}.free-lesson-page .fl-stage-badge-two{left:-22px;bottom:38px;animation:fl-float 8s ease-in-out infinite 1s}

.free-lesson-page .fl-button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 20px;border:1px solid transparent;border-radius:2px;font:650 .92rem/1 var(--brand-font);text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.free-lesson-page .fl-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,24,37,.14)}.free-lesson-page .fl-button:disabled{opacity:.55;cursor:not-allowed}.free-lesson-page .fl-button-dark{background:var(--ink);color:#fff}.free-lesson-page .fl-button-light{background:#fff;border-color:var(--ink);color:var(--ink)}.free-lesson-page .fl-button-white{background:#fff;color:var(--ink)}.free-lesson-page .fl-hero .fl-button{min-width:230px}.free-lesson-page .fl-steps{display:grid;grid-template-columns:repeat(4,1fr);padding-block:34px;border-bottom:1px solid var(--line)}.free-lesson-page .fl-steps div{display:flex;align-items:center;gap:12px}.free-lesson-page .fl-steps b{color:var(--blue)}.free-lesson-page .fl-steps span{font-weight:650;font-size:.9rem}

.free-lesson-page .fl-practice,.free-lesson-page .fl-ai,.free-lesson-page .fl-result{padding-block:110px}.free-lesson-page .fl-ai,.free-lesson-page .fl-result{border-top:1px solid var(--line)}.free-lesson-page .fl-section-head{display:grid;grid-template-columns:1.15fr .85fr;column-gap:70px;align-items:end;margin-bottom:58px}.free-lesson-page .fl-section-head .fl-kicker{grid-column:1/-1}.free-lesson-page .fl-section-head h2{font-size:clamp(2.55rem,5.4vw,5rem);margin-bottom:0}.free-lesson-page .fl-section-head p{color:var(--muted);line-height:1.65;margin:0 0 4px}.free-lesson-page .fl-text-button{border:0;background:transparent;color:var(--blue);padding:11px 0 0;font:650 .88rem var(--brand-font);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.free-lesson-page .fl-builder{display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid var(--line);background:#fff}.free-lesson-page .fl-fields{padding:34px;background:#f8f8f6;border-right:1px solid var(--line)}.free-lesson-page .fl-fields>label{display:grid;gap:6px;margin-bottom:19px}.free-lesson-page .fl-fields label>span,.free-lesson-page .fl-fields legend{font-weight:700}.free-lesson-page .fl-fields small{color:var(--muted);font-size:.76rem}.free-lesson-page .fl-fields input,.free-lesson-page .fl-fields textarea,.free-lesson-page .fl-ai-editor textarea,.free-lesson-page .fl-result textarea{width:100%;border:1px solid #cdd2dc;background:#fff;padding:12px 13px;font:inherit;line-height:1.45;border-radius:2px;outline:none;resize:vertical}.free-lesson-page .fl-fields input:focus,.free-lesson-page .fl-fields textarea:focus,.free-lesson-page .fl-ai-editor textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,86,217,.12)}.free-lesson-page .fl-fields fieldset{border:0;padding:0;margin:0 0 21px}.free-lesson-page .fl-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.free-lesson-page .fl-options label{cursor:pointer}.free-lesson-page .fl-options input,.free-lesson-page .fl-colors input{position:absolute;opacity:0;width:1px;height:1px}.free-lesson-page .fl-options span{display:block;text-align:center;padding:10px 6px;border:1px solid var(--line);background:#fff;font-size:.76rem}.free-lesson-page .fl-options label:has(input:checked) span{border-color:var(--ink);box-shadow:inset 0 -2px var(--ink)}.free-lesson-page .fl-colors{display:flex;gap:10px;margin-top:11px}.free-lesson-page .fl-colors label{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:#fff;cursor:pointer}.free-lesson-page .fl-colors label>span{width:18px;height:18px;border-radius:50%}.free-lesson-page .fl-colors label:has(input:checked){border-color:var(--ink)}.free-lesson-page .fl-options label:has(input:focus-visible),.free-lesson-page .fl-colors label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.free-lesson-page .fl-fields>.fl-button{width:100%}.free-lesson-page .fl-form-error{color:#b42318;font-size:.82rem;min-height:20px;margin-bottom:0}
.free-lesson-page .fl-preview-shell{padding:28px;background:#e9ebf0;min-width:0;overflow:hidden}.free-lesson-page .fl-preview-tools{height:43px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.free-lesson-page .fl-browser{display:flex;align-items:center;gap:6px;padding:0 14px;color:var(--muted);font-size:.7rem}.free-lesson-page .fl-browser i{width:7px;height:7px;border-radius:50%;background:#c7ccd5}.free-lesson-page .fl-browser span{margin-left:6px}.free-lesson-page .fl-devices{display:flex;align-self:stretch}.free-lesson-page .fl-devices button{border:0;border-left:1px solid var(--line);background:#fff;padding:0 12px;color:var(--muted);font:600 .67rem var(--brand-font);cursor:pointer}.free-lesson-page .fl-devices button.active{background:#eef1ff;color:var(--blue)}.free-lesson-page .fl-preview-frame{width:100%;margin:auto;transition:width .35s}.free-lesson-page .fl-preview-frame.mobile{width:min(100%,375px);box-shadow:0 16px 40px rgba(23,32,51,.15)}.free-lesson-page .fl-preview{--accent:#3156d9;position:relative;isolation:isolate;overflow:hidden;min-height:570px;background:#fff;padding:28px 36px;display:flex;flex-direction:column;transition:background .3s}.free-lesson-page .fl-preview.mood-calm{background:#f7f3ed}.free-lesson-page .fl-preview.mood-minimal{background:#fff}.free-lesson-page .fl-preview:after{content:'';position:absolute;inset:auto -13% -24% auto;width:54%;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.1;z-index:-1}.free-lesson-page .fl-site-shape{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.free-lesson-page .fl-site-shape-one{right:12%;top:22%;width:125px;height:125px;border:1px solid var(--accent);opacity:.28;animation:fl-spin 14s linear infinite}.free-lesson-page .fl-site-shape-one:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);top:8px;left:18px}.free-lesson-page .fl-site-shape-two{right:27%;top:42%;width:65px;height:65px;background:var(--accent);opacity:.09;animation:fl-float 5s ease-in-out infinite}.free-lesson-page .mood-calm .fl-site-shape-one{border-radius:38% 62% 67% 33%;border:0;background:var(--accent);opacity:.12}.free-lesson-page .mood-minimal .fl-site-shape-two{display:none}.free-lesson-page .fl-preview nav{display:flex;align-items:center;gap:25px;font-size:.78rem;position:relative;z-index:2}.free-lesson-page .fl-preview nav b{margin-right:auto;font-size:.92rem;max-width:60%;overflow-wrap:anywhere}.free-lesson-page .fl-preview-main{margin:auto 0;padding:58px 0;max-width:76%;position:relative;z-index:2}.free-lesson-page .fl-preview-main small{color:var(--accent);font-weight:750;letter-spacing:.12em}.free-lesson-page .fl-preview-main h3{font-size:clamp(2.7rem,5vw,5.35rem);letter-spacing:-.06em;line-height:.93;margin:19px 0;overflow-wrap:anywhere}.free-lesson-page .mood-calm .fl-preview-main h3{font-family:Georgia,serif;letter-spacing:-.045em}.free-lesson-page .mood-minimal .fl-preview-main h3{font-weight:500}.free-lesson-page .fl-preview-main p{max-width:520px;color:#67707d;line-height:1.58;overflow-wrap:anywhere}.free-lesson-page .fl-preview-main button{max-width:100%;margin-top:17px;background:var(--accent);color:#fff;border:0;padding:15px 19px;font:650 .84rem var(--brand-font);pointer-events:none;overflow-wrap:anywhere}.free-lesson-page .mood-minimal .fl-preview-main button{background:transparent;color:var(--ink);border:1px solid var(--ink)}.free-lesson-page .fl-preview footer{display:flex;justify-content:space-between;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#8a919c}.free-lesson-page .fl-preview.is-ready .fl-preview-main>*{animation:fl-reveal .6s both}.free-lesson-page .fl-preview.is-ready .fl-preview-main h3{animation-delay:.08s}.free-lesson-page .fl-preview.is-ready .fl-preview-main p{animation-delay:.16s}.free-lesson-page .fl-preview.is-ready .fl-preview-main button{animation-delay:.24s}.free-lesson-page .fl-preview-frame.mobile .fl-preview{padding:22px 18px;min-height:565px}.free-lesson-page .fl-preview-frame.mobile .fl-preview nav span{display:none}.free-lesson-page .fl-preview-frame.mobile .fl-preview-main{max-width:100%}.free-lesson-page .fl-preview-frame.mobile .fl-preview-main h3{font-size:2.8rem}.free-lesson-page .fl-preview-frame.mobile .fl-site-shape-one{right:-30px;top:19%}

.free-lesson-page .fl-ai{background:#fff}.free-lesson-page .fl-ai-grid{display:grid;grid-template-columns:.78fr 1.22fr;border:1px solid var(--line)}.free-lesson-page .fl-ai-grid article{padding:36px}.free-lesson-page .fl-ai-guide{background:var(--night);color:#fff}.free-lesson-page .fl-ai-number{display:inline-block;padding:8px 11px;background:var(--blue);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.free-lesson-page .fl-ai-guide h3,.free-lesson-page .fl-ai-editor>label{font-size:1.45rem;margin:25px 0 18px}.free-lesson-page .fl-presets{display:grid;gap:8px}.free-lesson-page .fl-presets button{border:1px solid #4d586d;background:transparent;color:#fff;text-align:left;padding:13px 14px;font:600 .83rem var(--brand-font);cursor:pointer}.free-lesson-page .fl-presets button:hover,.free-lesson-page .fl-presets button.active{border-color:#fff;background:#222c40}.free-lesson-page .fl-ai-guide ul{list-style:none;padding:22px 0 0;margin:24px 0 0;border-top:1px solid #3e475a;display:grid;gap:10px;color:#bdc5d2;font-size:.79rem;line-height:1.5}.free-lesson-page .fl-ai-guide li:before{content:'✓';color:#8da6ff;margin-right:8px}.free-lesson-page .fl-ai-editor{display:flex;flex-direction:column;justify-content:center;background:#f8f8f6}.free-lesson-page .fl-ai-editor>label{font-weight:750}.free-lesson-page .fl-ai-editor textarea{min-height:125px}.free-lesson-page .fl-ai-action{display:flex;align-items:center;gap:18px;margin-top:18px}.free-lesson-page .fl-ai-action>span{color:var(--muted);font-size:.73rem;line-height:1.4}.free-lesson-page .fl-ai-status{min-height:24px;margin:16px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.free-lesson-page .fl-ai-status.success{color:#167345}.free-lesson-page .fl-ai-status.error{color:#b42318}.free-lesson-page .fl-ai-editor.loading .fl-button span{animation:fl-spin 1s linear infinite}.free-lesson-page .fl-ai-skip{align-self:flex-start;margin-top:10px;color:var(--muted);font-size:.78rem;text-underline-offset:4px}.free-lesson-page .fl-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.free-lesson-page .fl-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.free-lesson-page .fl-result article{padding:34px;border:1px solid var(--line);background:#f8f8f6}.free-lesson-page .fl-result article>span{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.free-lesson-page .fl-result article h3{font-size:1.65rem;margin:13px 0 8px}.free-lesson-page .fl-result article p{color:var(--muted);line-height:1.6}.free-lesson-page .fl-download-card{background:#eef1ff!important}.free-lesson-page .fl-download-card>.fl-button{margin-top:18px}.free-lesson-page .fl-file-list{display:flex;gap:8px;margin-top:20px}.free-lesson-page .fl-file-list span{padding:7px 9px;background:#fff;border:1px solid #d3daef;font:650 .7rem ui-monospace,monospace}.free-lesson-page .fl-result textarea{margin-top:18px;min-height:135px;font:11px/1.5 ui-monospace,monospace}.free-lesson-page .fl-check{display:flex;gap:18px;flex-wrap:wrap;padding:24px;margin-top:18px;background:#edf1ff}.free-lesson-page .fl-check span:before{content:'✓';margin-right:7px;color:var(--blue)}.free-lesson-page .fl-result-note{max-width:780px;margin:22px 0 0;color:var(--muted);font-size:.86rem;line-height:1.7}.free-lesson-page .fl-result-next{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:46px;padding:28px 30px;border:1px solid var(--line)}.free-lesson-page .fl-result-next span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.free-lesson-page .fl-result-next strong{display:block;margin-top:7px;font-size:1.15rem}.free-lesson-page .fl-result-next .fl-button{flex-shrink:0}

.free-lesson-page .fl-course{background:var(--night);color:#fff;padding:100px 0}.free-lesson-page .fl-course-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:50px}.free-lesson-page .fl-course-intro .fl-kicker{grid-column:1/-1}.free-lesson-page .fl-course h2{font-size:clamp(2.7rem,5.7vw,5.2rem);margin:0}.free-lesson-page .fl-course-intro p{color:#bec5d1;line-height:1.7;margin:0}.free-lesson-page .fl-course-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:20px;align-items:stretch}.free-lesson-page .fl-compare{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.free-lesson-page .fl-compare article,.free-lesson-page .fl-course aside{border:1px solid #3e475a;padding:28px}.free-lesson-page .fl-compare article.featured{background:#212b40}.free-lesson-page .fl-compare article>span{color:#aeb7c6;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.free-lesson-page .fl-compare strong{display:block;font-size:1.45rem;margin:12px 0 18px}.free-lesson-page .fl-compare ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#bdc5d2;font-size:.83rem}.free-lesson-page .fl-compare li:before{content:'✓';color:#8da6ff;margin-right:7px}.free-lesson-page .fl-course aside{display:flex;flex-direction:column}.free-lesson-page .fl-course aside>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #3e475a}.free-lesson-page .fl-course aside strong{font-size:1.25rem}.free-lesson-page .fl-course aside .fl-button{width:100%;margin-top:auto;min-height:60px}.free-lesson-page .fl-course aside small{display:block;text-align:center;color:#aeb6c4;margin-top:12px}.free-lesson-page .fl-footer{min-height:100px;display:flex;align-items:center;justify-content:space-between}.free-lesson-page .fl-footer a{color:inherit}.free-lesson-page .fl-footer div{display:flex;gap:24px}.free-lesson-page .fl-toast{position:fixed;right:20px;bottom:20px;z-index:50;max-width:340px;background:var(--night);color:#fff;padding:14px 18px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.free-lesson-page .fl-toast.show{opacity:1;transform:none}

@keyframes fl-spin{to{transform:rotate(360deg)}}@keyframes fl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fl-breathe{0%,100%{transform:scale(.92);opacity:.72}50%{transform:scale(1.08);opacity:1}}@keyframes fl-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:980px){.free-lesson-page .fl-hero-grid{grid-template-columns:1fr}.free-lesson-page .fl-hero-copy{max-width:760px}.free-lesson-page .fl-hero-stage{min-height:500px}.free-lesson-page .fl-stage-badge-one{right:6%}.free-lesson-page .fl-stage-badge-two{left:4%}.free-lesson-page .fl-builder{grid-template-columns:.82fr 1.18fr}.free-lesson-page .fl-course-grid{grid-template-columns:1fr}.free-lesson-page .fl-course aside .fl-button{margin-top:28px}}
@media(max-width:850px){.free-lesson-page .fl-section-head,.free-lesson-page .fl-builder,.free-lesson-page .fl-ai-grid,.free-lesson-page .fl-course-intro{grid-template-columns:1fr}.free-lesson-page .fl-section-head,.free-lesson-page .fl-course-intro{gap:24px}.free-lesson-page .fl-fields{border-right:0;border-bottom:1px solid var(--line)}.free-lesson-page .fl-preview-shell{padding:18px}.free-lesson-page .fl-result-grid{grid-template-columns:1fr}.free-lesson-page .fl-course aside{min-height:250px}}
@media(max-width:680px){.free-lesson-page .fl-header-actions>span{display:none}.free-lesson-page .fl-steps{grid-template-columns:1fr 1fr;gap:18px}.free-lesson-page .fl-hero-stage{min-height:430px}.free-lesson-page .fl-stage-window{width:90%}.free-lesson-page .fl-stage-site{min-height:345px}.free-lesson-page .fl-stage-badge{font-size:.65rem}.free-lesson-page .fl-stage-badge-one{right:0}.free-lesson-page .fl-stage-badge-two{left:0}.free-lesson-page .fl-compare{grid-template-columns:1fr}.free-lesson-page .fl-ai-action{align-items:stretch;flex-direction:column}.free-lesson-page .fl-ai-action .fl-button{width:100%}.free-lesson-page .fl-result-next{align-items:stretch;flex-direction:column}.free-lesson-page .fl-result-next .fl-button{width:100%}}
@media(max-width:560px){.free-lesson-page .fl-wrap,.free-lesson-page .fl-header{width:min(100% - 28px,1180px)}.free-lesson-page .fl-header{height:66px}.free-lesson-page .fl-header-actions{gap:14px}.free-lesson-page .fl-hero{padding:58px 0 48px}.free-lesson-page .fl-hero h1{font-size:clamp(2.7rem,14vw,4rem)}.free-lesson-page .fl-hero-actions{align-items:flex-start;flex-direction:column}.free-lesson-page .fl-hero-actions .fl-button{width:100%}.free-lesson-page .fl-hero-proof{display:grid}.free-lesson-page .fl-hero-stage{min-height:390px;margin-inline:-8px}.free-lesson-page .fl-stage-window{width:94%}.free-lesson-page .fl-stage-site{min-height:330px;padding:21px}.free-lesson-page .fl-stage-site strong{font-size:2.25rem}.free-lesson-page .fl-stage-orbit-one{width:390px;height:390px}.free-lesson-page .fl-stage-orbit-two{width:310px;height:310px}.free-lesson-page .fl-stage-badge-two{bottom:0}.free-lesson-page .fl-stage-badge-one{top:5px}.free-lesson-page .fl-steps{font-size:.82rem}.free-lesson-page .fl-practice,.free-lesson-page .fl-ai,.free-lesson-page .fl-result{padding-block:72px}.free-lesson-page .fl-section-head h2,.free-lesson-page .fl-course h2{font-size:clamp(2.5rem,12vw,3.7rem)}.free-lesson-page .fl-fields,.free-lesson-page .fl-ai-grid article{padding:24px 18px}.free-lesson-page .fl-options{grid-template-columns:1fr}.free-lesson-page .fl-preview-shell{padding:8px}.free-lesson-page .fl-preview{padding:22px 18px;min-height:500px}.free-lesson-page .fl-preview nav span{display:none}.free-lesson-page .fl-preview-main{max-width:100%}.free-lesson-page .fl-preview-main h3{font-size:2.7rem}.free-lesson-page .fl-devices button{padding:0 8px}.free-lesson-page .fl-result article,.free-lesson-page .fl-course aside,.free-lesson-page .fl-compare article{padding:24px 18px}.free-lesson-page .fl-check{display:grid}.free-lesson-page .fl-course{padding:72px 0}.free-lesson-page .fl-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:16px;padding-block:24px}}
@media(prefers-reduced-motion:reduce){html:has(.free-lesson-page){scroll-behavior:auto}.free-lesson-page *,.free-lesson-page *:before,.free-lesson-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.free-lesson-page .fl-toast{transition:none}}

/* Состояния практикума: отмечаем только выполненные действия. */
.free-lesson-page .fl-steps div{color:var(--muted)}
.free-lesson-page .fl-steps b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #cfd5df;border-radius:50%;color:#8992a0}
.free-lesson-page .fl-steps div.done{color:var(--ink)}
.free-lesson-page .fl-steps div.done b{border-color:var(--blue);background:var(--blue);color:#fff}
.free-lesson-page .fl-preview-ready{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:#fff;border-top:1px solid var(--line)}
.free-lesson-page .fl-preview-ready[hidden],.free-lesson-page .fl-ai-comparison[hidden],.free-lesson-page .fl-check [hidden]{display:none}
.free-lesson-page .fl-preview-ready>div:first-child{max-width:480px}
.free-lesson-page .fl-preview-ready span{display:block;color:var(--blue);font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.free-lesson-page .fl-preview-ready strong{display:block;margin-top:6px;font-size:.92rem;line-height:1.5}
.free-lesson-page .fl-preview-ready>div:last-child{display:flex;flex-direction:column;align-items:flex-end}
.free-lesson-page .fl-preview-ready .fl-button{min-height:46px}
.free-lesson-page .fl-preview-ready .fl-text-button{font-size:.76rem}
.free-lesson-page .fl-ai-comparison{margin-top:18px;padding:24px;background:#fff;border:1px solid #cfd6e8}
.free-lesson-page .fl-comparison-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.free-lesson-page .fl-comparison-head span{color:var(--blue);font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.free-lesson-page .fl-comparison-head strong{max-width:580px;font-size:.82rem;line-height:1.5}
.free-lesson-page .fl-comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.free-lesson-page .fl-comparison-grid article{padding:18px;background:#f5f5f3;border:1px solid var(--line)}
.free-lesson-page .fl-comparison-grid article.after{background:#edf1ff;border-color:#cad4f5}
.free-lesson-page .fl-comparison-grid>i{align-self:center;color:var(--blue);font-style:normal;font-size:1.4rem}
.free-lesson-page .fl-comparison-grid article>span{font-size:.65rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.free-lesson-page .fl-comparison-grid h4{margin:10px 0 8px;font-size:1rem;line-height:1.25}
.free-lesson-page .fl-comparison-grid p{margin:0 0 12px;color:var(--muted);font-size:.76rem;line-height:1.5}
.free-lesson-page .fl-comparison-grid small{display:inline-block;padding:7px 9px;background:#fff;border:1px solid var(--line);font-weight:700}
.free-lesson-page .fl-ai-skip{padding:0;border:0;background:transparent;font:inherit;font-size:.78rem;text-decoration:underline;cursor:pointer}

/* Три доказуемых состояния: бесплатный экран → полный сайт → проверка. */
.free-lesson-page .fl-course-states{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin-bottom:20px}
.free-lesson-page .fl-course-states article{padding:25px;border:1px solid #3e475a;background:#1c2639}
.free-lesson-page .fl-course-states article.featured{background:#24314b;border-color:#60719a}
.free-lesson-page .fl-course-states>i{align-self:center;color:#8da6ff;font-style:normal;font-size:1.5rem}
.free-lesson-page .fl-course-states span{display:block;color:#8da6ff;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}
.free-lesson-page .fl-course-states strong{display:block;margin:12px 0;font-size:1.15rem}
.free-lesson-page .fl-course-states p{margin:0;color:#bdc5d2;font-size:.8rem;line-height:1.55}
.free-lesson-page .fl-course-states small{display:block;margin-top:12px;color:#8f99aa;font-size:.68rem;line-height:1.45}
.free-lesson-page .fl-course-price-link{display:block;margin-top:14px;color:#fff;text-align:center;text-underline-offset:4px}

@media(max-width:850px){
  .free-lesson-page .fl-course-states{grid-template-columns:1fr}
  .free-lesson-page .fl-course-states>i{transform:rotate(90deg);justify-self:center}
  .free-lesson-page .fl-preview-ready{align-items:flex-start;flex-direction:column}
  .free-lesson-page .fl-preview-ready>div:last-child{align-items:flex-start}
}
@media(max-width:680px){
  .free-lesson-page .fl-comparison-grid{grid-template-columns:1fr}
  .free-lesson-page .fl-comparison-grid>i{transform:rotate(90deg);justify-self:center}
  .free-lesson-page .fl-comparison-head{flex-direction:column;gap:7px}
}

/* Визуальная полировка практикума без изменения его состояний и логики. */
.free-lesson-page{--ink:#151923;--muted:#596273;--line:#d8dde7;--paper:#f4f6fb;--blue:#2556de;--blue-dark:#1845c7;--white:#fff;--night:#121a2b;--blue-soft:#eaf0ff}
.free-lesson-page{background:#f7f8fb;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
.free-lesson-page .fl-header{border-bottom:1px solid var(--line)}
.free-lesson-page .fl-brand>span{background:var(--blue);box-shadow:0 8px 20px #2556de2e}
.free-lesson-page .fl-header-link{font-weight:650;color:#3f4a5b}
.free-lesson-page .fl-header-link:hover{color:var(--blue)}
.free-lesson-page .fl-hero{background:#f1f4fa;border-color:var(--line)}
.free-lesson-page .fl-hero-copy>p{color:#505a69}
.free-lesson-page .fl-stage-window{border-radius:18px;overflow:hidden;box-shadow:0 32px 78px #19213429}
.free-lesson-page .fl-stage-site button{border-radius:8px}
.free-lesson-page .fl-stage-badge{border-radius:12px;box-shadow:0 14px 35px #1921341f}
.free-lesson-page .fl-button{min-height:54px;border-radius:10px;font-weight:700}
.free-lesson-page .fl-button-dark{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 24px #2556de2b}
.free-lesson-page .fl-button-dark:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark);box-shadow:0 14px 30px #2556de38}
.free-lesson-page .fl-button-light{background:#fff;border-color:#b9c3d2;color:var(--ink)}
.free-lesson-page .fl-button-white{background:#fff;color:var(--ink);box-shadow:0 10px 28px #090e1b24}
.free-lesson-page .fl-text-button,.free-lesson-page .fl-ai-skip{font-weight:650}
.free-lesson-page .fl-button:focus-visible,.free-lesson-page .fl-text-button:focus-visible,.free-lesson-page .fl-ai-skip:focus-visible,.free-lesson-page .fl-header-link:focus-visible,.free-lesson-page .fl-course-price-link:focus-visible,.free-lesson-page .fl-devices button:focus-visible,.free-lesson-page .fl-presets button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.free-lesson-page .fl-steps{background:#fff;border:1px solid var(--line);border-top:0;padding-inline:24px}
.free-lesson-page .fl-steps b{background:#f5f7fb}
.free-lesson-page .fl-steps div.done b{background:var(--blue);border-color:var(--blue);box-shadow:0 7px 16px #2556de29}
.free-lesson-page .fl-practice,.free-lesson-page .fl-result{background:#f7f8fb}
.free-lesson-page .fl-builder{overflow:hidden;border-color:#d4dae5;border-radius:20px;box-shadow:0 20px 55px #18233d18}
.free-lesson-page .fl-fields{background:#f0f3f8}
.free-lesson-page .fl-fields input,.free-lesson-page .fl-fields textarea,.free-lesson-page .fl-ai-editor textarea,.free-lesson-page .fl-result textarea{border-color:#c7cfdb;border-radius:8px}
.free-lesson-page .fl-options span,.free-lesson-page .fl-colors label{border-radius:8px}
.free-lesson-page .fl-preview-shell{background:#dfe4ee}
.free-lesson-page .fl-preview-tools{border-radius:10px 10px 0 0}
.free-lesson-page .fl-preview{border-radius:0 0 10px 10px}
.free-lesson-page .fl-preview-main button{border-radius:8px}
.free-lesson-page .fl-preview-ready{margin-top:12px;border:1px solid #cfd8eb;border-radius:14px;box-shadow:0 10px 26px #18233d10}
.free-lesson-page .fl-ai-comparison{border-color:#c7d3ee;border-radius:16px;box-shadow:0 12px 30px #18233d12}
.free-lesson-page .fl-comparison-grid article{border-radius:12px}
.free-lesson-page .fl-comparison-grid article.after{background:var(--blue-soft);border-color:#bdcaf0}
.free-lesson-page .fl-ai{background:#fff}
.free-lesson-page .fl-ai-grid{overflow:hidden;border-radius:20px;box-shadow:0 20px 50px #18233d17}
.free-lesson-page .fl-ai-guide{background:var(--night)}
.free-lesson-page .fl-ai-editor{background:#f1f3f7}
.free-lesson-page .fl-presets button{border-radius:8px}
.free-lesson-page .fl-result article{background:#fff;border-color:#d4dae5;border-radius:16px;box-shadow:0 10px 28px #18233d10}
.free-lesson-page .fl-download-card{background:var(--blue-soft)!important;border-color:#c5d1f2!important}
.free-lesson-page .fl-file-list span{border-radius:7px}
.free-lesson-page .fl-check{background:var(--blue-soft);border:1px solid #c5d1f2;border-radius:14px}
.free-lesson-page .fl-result-next{background:#fff;border-color:#ccd5e4;border-radius:18px;box-shadow:0 12px 32px #18233d12}
.free-lesson-page .fl-course{background:var(--night)}
.free-lesson-page .fl-course-states article,.free-lesson-page .fl-compare article,.free-lesson-page .fl-course aside{border-radius:15px}
.free-lesson-page .fl-course-states article{background:#1b263b;border-color:#35445f}
.free-lesson-page .fl-course-states article.featured,.free-lesson-page .fl-compare article.featured{background:#202e48;border-color:#6178af}
.free-lesson-page .fl-course aside{background:#182339}
.free-lesson-page .fl-course-price-link{font-weight:650}
.free-lesson-page .fl-toast{border-radius:10px;box-shadow:0 14px 35px #11182730}
@media(max-width:850px){
  .free-lesson-page .fl-steps{padding-inline:18px}
  .free-lesson-page .fl-preview-ready>div:last-child{width:100%;align-items:stretch}
  .free-lesson-page .fl-preview-ready .fl-button{width:100%}
}
@media(max-width:560px){
  .free-lesson-page .fl-steps{border-inline:0;padding-inline:0}
  .free-lesson-page .fl-builder,.free-lesson-page .fl-ai-grid{border-radius:15px}
  .free-lesson-page .fl-preview-ready{padding:19px 17px;border-radius:12px}
  .free-lesson-page .fl-ai-comparison{padding:19px 15px;border-radius:13px}
  .free-lesson-page .fl-result article,.free-lesson-page .fl-result-next{border-radius:14px}
  .free-lesson-page .fl-result-next .fl-button,.free-lesson-page .fl-course aside .fl-button{min-height:58px}
  .free-lesson-page .fl-course-states article,.free-lesson-page .fl-compare article,.free-lesson-page .fl-course aside{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.free-lesson-page .fl-button:hover:not(:disabled){transform:none}}

/* Прокрутка после сборки должна перемещать страницу, а не содержимое формы. */
.free-lesson-page .fl-builder{overflow:clip}
.free-lesson-page .fl-preview-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:12px;padding:24px;background:#fff;border:1px solid #cfd8eb;border-radius:14px}
.free-lesson-page .fl-preview-cta[hidden],.free-lesson-page .fl-post-download[hidden]{display:none}
.free-lesson-page .fl-preview-cta h3{margin:0 0 8px;font-size:1.13rem;line-height:1.3}
.free-lesson-page .fl-preview-cta p{max-width:570px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.6}
.free-lesson-page .fl-preview-cta>div:last-child{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0}
.free-lesson-page .fl-preview-cta .fl-button{white-space:nowrap}
.free-lesson-page .fl-preview-cta small{color:var(--muted);font-size:.78rem}
.free-lesson-page .fl-post-download{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #c5d1f2;font-size:.82rem;line-height:1.5}
.free-lesson-page .fl-post-download strong{font-weight:700}
.free-lesson-page .fl-post-download a{color:var(--blue);font-weight:700;text-underline-offset:4px}
.free-lesson-page .fl-post-download a.fl-button-dark{color:#fff}
.free-lesson-page .fl-post-download a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:850px){.free-lesson-page .fl-preview-cta{align-items:stretch;flex-direction:column}.free-lesson-page .fl-preview-cta>div:last-child{align-items:flex-start}.free-lesson-page .fl-preview-cta .fl-button{white-space:normal}}
@media(max-width:560px){.free-lesson-page .fl-preview-cta{padding:19px 17px;border-radius:12px}.free-lesson-page .fl-preview-cta>div:last-child,.free-lesson-page .fl-preview-cta .fl-button{width:100%}}

/* После результата: покупка → бесплатная правка → файлы. */
.free-lesson-page .fl-preview-cta{display:grid;gap:18px;border-color:#b9c9ed;box-shadow:0 12px 30px #18233d12}
.free-lesson-page .fl-preview-cta h3{font-size:1.2rem}
.free-lesson-page .fl-preview-cta>div:last-child{width:100%;align-items:stretch}
.free-lesson-page .fl-preview-cta .fl-button{width:100%;min-height:60px;justify-content:center;line-height:1.3;text-align:center;white-space:normal}
.free-lesson-page .fl-preview-ready{margin-top:10px;padding:18px 22px;background:#f7f8fb;border-color:#d8dde7;box-shadow:none}
.free-lesson-page .fl-preview-ready span{color:var(--muted)}
.free-lesson-page .fl-preview-ready strong{color:var(--muted);font-size:.8rem;font-weight:500}
.free-lesson-page .fl-preview-ready .fl-button{min-height:46px;background:transparent;border-color:#b9c3d2;color:var(--ink);box-shadow:none}
.free-lesson-page .fl-preview-ready .fl-button:hover:not(:disabled){background:#fff;box-shadow:none}
.free-lesson-page .fl-preview-ready .fl-text-button{color:var(--muted);font-weight:500}
.free-lesson-page .fl-download-card>#fl-download-zip{background:transparent;border-color:#b9c3d2;color:var(--ink);box-shadow:none}
@media(max-width:560px){.free-lesson-page .fl-preview-cta{gap:16px}.free-lesson-page .fl-preview-ready{padding:17px}.free-lesson-page .fl-preview-ready>div:last-child{gap:4px}}

.free-lesson-page .fl-course .fl-special-offer{position:fixed;right:20px;bottom:20px;z-index:90;display:block;width:min(460px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow-y:auto;margin:0;padding:24px;border:1px solid #b9c9ed;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 20px 55px #17233d30;line-height:1.5}
.free-lesson-page .fl-course .fl-special-offer[hidden]{display:none}
.free-lesson-page .fl-special-offer .fl-special-label{display:block;margin-bottom:7px;color:var(--blue);font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.free-lesson-page .fl-special-offer h3{margin:0 35px 8px 0;font-size:1.4rem;line-height:1.2;letter-spacing:-.035em}
.free-lesson-page .fl-special-offer p{margin:0 0 16px;color:var(--muted);font-size:.84rem}
.free-lesson-page .fl-special-offer .fl-special-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce2ed;border-radius:8px;background:#fff;color:var(--ink);font-size:1.45rem;line-height:1;cursor:pointer}
.free-lesson-page .fl-special-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.free-lesson-page .fl-course .fl-special-offer .fl-special-plans{padding:0;border:0}
.free-lesson-page .fl-special-plans button{min-width:0;padding:15px 12px;border:1px solid #bdccee;border-radius:10px;background:#f6f8fc;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.free-lesson-page .fl-special-plans button:hover,.free-lesson-page .fl-special-plans button:focus-visible{border-color:var(--blue);background:#eaf0ff}
.free-lesson-page .fl-special-plans button:disabled{opacity:.55;cursor:wait}
.free-lesson-page .fl-special-plans button span,.free-lesson-page .fl-special-plans button small{display:block;font-size:.76rem}
.free-lesson-page .fl-special-plans button strong{display:block;margin:8px 0;color:var(--blue);font-size:1.34rem;line-height:1.25;white-space:normal}
.free-lesson-page .fl-special-plans button s{color:var(--muted);font-size:.8rem;font-weight:500;white-space:nowrap}
.free-lesson-page .fl-course .fl-special-offer .fl-special-plans button small{margin:0;color:var(--ink);text-align:left;font-weight:650}
.free-lesson-page .fl-course .fl-special-offer .fl-special-time{margin:14px 0 5px;color:var(--ink);font-weight:600}
.free-lesson-page .fl-special-offer>small{display:block;margin-top:6px;color:var(--muted);font-size:.72rem;text-align:left;line-height:1.45}
.free-lesson-page .fl-course .fl-special-offer .fl-special-error{margin:10px 0 0;color:#9f2424}
.free-lesson-page .fl-special-offer :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:700px){.free-lesson-page .fl-course .fl-special-offer{position:relative;inset:auto;width:100%;max-height:none;margin:0 0 26px;padding:20px 16px;box-shadow:none}}
@media(max-width:359px){.free-lesson-page .fl-special-plans{grid-template-columns:1fr}.free-lesson-page .fl-special-plans button{display:grid;grid-template-columns:1fr auto;column-gap:8px}.free-lesson-page .fl-special-plans button strong{grid-row:1/3;grid-column:2;margin:0;text-align:right}.free-lesson-page .fl-special-plans button small{grid-column:1}.free-lesson-page .fl-special-plans button s{display:block}}
@media(prefers-reduced-motion:reduce){.free-lesson-page .fl-special-plans button{transition:none}}

/* The public practical lesson shares the landing's typography and surfaces. */
.free-lesson-page {
  --ink: #172033;
  --muted: #596477;
  --line: #dce2ed;
  --paper: #f6f8fc;
  --blue: #2556de;
  --night: #17233d;
  min-width: 0;
  min-height: 100vh;
  background: var(--brand-bg);
  color: var(--ink);
  font-family: var(--brand-font);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.free-lesson-page .fl-header { width: min(1320px, calc(100% - 48px)); min-height: 86px; height: auto; border-color: var(--line); }
.free-lesson-page .fl-brand { letter-spacing: -.025em; }
.free-lesson-page .fl-hero { width: calc(100% - 28px); min-height: min(790px, calc(100svh - 100px)); margin-inline: auto; padding-block: 64px; overflow: hidden; border: 0; border-radius: var(--brand-radius-xl); background: var(--blue); color: #fff; }
.free-lesson-page .fl-hero-grid { width: min(1320px, calc(100% - 72px)); gap: clamp(24px, 4vw, 64px); }
.free-lesson-page .fl-hero h1 { max-width: 750px; font-weight: 700; letter-spacing: -.035em; line-height: 1.06; }
.free-lesson-page .fl-hero h1 em { color: #dce7ff; }
.free-lesson-page .fl-hero-copy>p, .free-lesson-page .fl-hero-proof { color: #edf2ff; }
.free-lesson-page .fl-hero .fl-kicker { color: #dce7ff; }
.free-lesson-page .fl-hero-proof { border-color: #ffffff55; }
.free-lesson-page .fl-hero-actions .fl-button { border-color: #fff; background: #fff; color: #18367f; box-shadow: none; }
.free-lesson-page .fl-hero-actions .fl-button:hover { background: #eef3ff; }
.free-lesson-page .fl-hero-actions>span { color: #edf2ff; }
.free-lesson-page .fl-hero-stage { min-width: 0; min-height: 490px; }
.free-lesson-page .fl-stage-glow, .free-lesson-page .fl-stage-orbit { display: none; }
.free-lesson-page .fl-stage-window { width: min(100%, 500px); border: 7px solid #fff; border-radius: 16px; box-shadow: 0 24px 54px #09266966; animation: none; }
.free-lesson-page .fl-stage-site { background: #f7f9f7; color: #213026; }
.free-lesson-page .fl-stage-site strong { letter-spacing: -.035em; line-height: 1.04; }
.free-lesson-page .fl-stage-site button { font-family: var(--brand-font); }
.free-lesson-page .fl-stage-badge { animation: none; box-shadow: 0 8px 20px #0b246e3b; }
.free-lesson-page .fl-stage-badge-one { top: 1%; right: 0; }
.free-lesson-page .fl-stage-badge-two { bottom: 1%; left: 0; }
.free-lesson-page .fl-steps { margin-block: 24px 0; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.free-lesson-page .fl-practice, .free-lesson-page .fl-ai, .free-lesson-page .fl-result { padding-block: clamp(72px, 8vw, 110px); }
.free-lesson-page .fl-section-head h2 { font-weight: 700; letter-spacing: -.035em; line-height: 1.08; }
.free-lesson-page .fl-builder { border-color: var(--line); border-radius: 24px; box-shadow: 0 18px 48px #15254a14; }
.free-lesson-page .fl-fields { background: #f2f5fa; }
.free-lesson-page .fl-preview-shell { min-width: 0; background: #e6ebf5; }
.free-lesson-page .fl-preview-tools { min-width: 0; }
.free-lesson-page .fl-preview-frame { max-width: 100%; min-width: 0; }
.free-lesson-page .fl-preview-cta { border-color: #a8bcea; box-shadow: 0 12px 30px #183a8c1c; }
.free-lesson-page .fl-ai-grid, .free-lesson-page .fl-result-grid article, .free-lesson-page .fl-course-states article { border-radius: 18px; }
.free-lesson-page .fl-ai-comparison { border-color: #b7c7e9; }
.free-lesson-page .fl-button { border-radius: var(--brand-radius-control); font-family: var(--brand-font); }
.free-lesson-page .fl-button-dark { background: var(--blue); border-color: var(--blue); }
.free-lesson-page .fl-button-dark:hover:not(:disabled) { background: #1847c4; border-color: #1847c4; }
.free-lesson-page .fl-result-next { border-radius: 18px; }
.free-lesson-page .fl-course { background: var(--night); }
.free-lesson-page :is(a, button, input, textarea):focus-visible { outline: 3px solid #8eaaff; outline-offset: 3px; }
@media (max-width: 980px) {
  .free-lesson-page .fl-hero { min-height: 0; }
  .free-lesson-page .fl-hero-grid { width: min(760px, calc(100% - 64px)); }
  .free-lesson-page .fl-hero-stage { min-height: 440px; }
}
@media (max-width: 560px) {
  .free-lesson-page .fl-header { width: calc(100% - 28px); min-height: 68px; }
  .free-lesson-page .fl-wrap { width: calc(100% - 28px); }
  .free-lesson-page .fl-hero { width: calc(100% - 12px); padding-block: 44px; border-radius: 20px; }
  .free-lesson-page .fl-hero-grid { width: calc(100% - 32px); }
  .free-lesson-page .fl-hero h1 { font-size: clamp(2.35rem, 11vw, 3.8rem); overflow-wrap: anywhere; }
  .free-lesson-page .fl-hero-stage { min-height: 340px; }
  .free-lesson-page .fl-stage-window { width: calc(100% - 14px); }
  .free-lesson-page .fl-stage-site { min-height: 315px; padding: 18px; }
  .free-lesson-page .fl-stage-site strong { font-size: clamp(1.8rem, 9vw, 2.4rem); }
  .free-lesson-page .fl-stage-badge { padding: 7px 9px; font-size: .62rem; }
  .free-lesson-page .fl-stage-badge-one { top: -2%; right: 0; }
  .free-lesson-page .fl-stage-badge-two { bottom: -2%; left: 0; }
  .free-lesson-page .fl-steps { border-radius: 14px; }
  .free-lesson-page .fl-preview-tools { gap: 4px; }
  .free-lesson-page .fl-browser { min-width: 0; }
  .free-lesson-page .fl-devices { flex: none; }
  .free-lesson-page .fl-devices button { padding-inline: 6px; }
  .free-lesson-page .fl-file-list { flex-wrap: wrap; }
  .free-lesson-page .fl-preview-cta .fl-button { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .free-lesson-page .fl-header-actions { gap: 7px; }
  .free-lesson-page .fl-hero h1 { font-size: 2.32rem; }
  .free-lesson-page .fl-stage-badge { font-size: .54rem; }
  .free-lesson-page .fl-browser span { display: none; }
  .free-lesson-page .fl-devices button { padding-inline: 5px; font-size: .62rem; }
}
@media (max-width: 560px) {
  .free-lesson-page .fl-hero { padding-block: 32px 30px; }
  .free-lesson-page .fl-hero-grid { gap: 17px; }
  .free-lesson-page .fl-hero h1 { margin: 16px 0 12px; font-size: clamp(2.2rem, 10vw, 3.4rem); line-height: 1.07; }
  .free-lesson-page .fl-hero-copy>p { font-size: .98rem; line-height: 1.55; }
  .free-lesson-page .fl-hero-actions { margin-top: 19px; gap: 8px; }
  .free-lesson-page .fl-hero-proof { gap: 5px; margin-top: 17px; font-size: .76rem; }
  .free-lesson-page .fl-hero-stage { min-height: 270px; height: 270px; margin-inline: 0; overflow: hidden; }
  .free-lesson-page .fl-stage-window { width: 100%; border-width: 5px; }
  .free-lesson-page .fl-stage-site { min-height: 220px; padding: 14px; }
  .free-lesson-page .fl-stage-site>div { max-width: 100%; }
  .free-lesson-page .fl-stage-site strong { margin: 8px 0; font-size: clamp(1.45rem, 7vw, 1.9rem); line-height: 1.07; }
  .free-lesson-page .fl-stage-site p { margin: 4px 0; font-size: .65rem; }
  .free-lesson-page .fl-stage-site button { padding: 7px 10px; font-size: .59rem; }
  .free-lesson-page .fl-stage-site footer, .free-lesson-page .fl-stage-badge { display: none; }
  .free-lesson-page .fl-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; padding: 18px; border: 1px solid var(--line); }
  .free-lesson-page .fl-steps div { min-width: 0; align-items: flex-start; gap: 8px; }
  .free-lesson-page .fl-steps b { flex: none; width: 27px; height: 27px; }
  .free-lesson-page .fl-steps span { min-width: 0; font-size: .8rem; line-height: 1.3; overflow-wrap: anywhere; }
  .free-lesson-page .fl-steps div:not(.done):is(:first-child, .done + div) { color: var(--ink); font-weight: 700; }
  .free-lesson-page .fl-steps div:not(.done):is(:first-child, .done + div) b { border-color: var(--blue); color: var(--blue); background: #eef3ff; }
}
@media (max-width: 360px) {
  .free-lesson-page .fl-hero h1 { font-size: 2.16rem; }
  .free-lesson-page .fl-steps { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  .free-lesson-page .fl-steps div { display: grid; grid-template-columns: 27px minmax(0, 1fr); align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
  .free-lesson-page .fl-stage-window, .free-lesson-page .fl-stage-badge { animation: none; transform: none; }
}

/* Start with a result and a single question; refine after the draft. */
.free-lesson-page .fl-practice { padding-block: 30px 64px; }
.free-lesson-page .fl-start-heading { max-width: 780px; margin-bottom: 26px; }
.free-lesson-page .fl-start-heading h1 { font-size: clamp(2rem, 3.3vw, 3.25rem); line-height: 1.08; letter-spacing: -.035em; margin: 12px 0 14px; }
.free-lesson-page .fl-start-heading p { margin: 0; color: var(--muted); line-height: 1.6; }
.free-lesson-page .fl-start-grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); align-items: start; border: 1px solid var(--line); border-radius: 18px; background: #fff; overflow: hidden; }
.free-lesson-page .fl-start-panel { padding: 28px; display: grid; gap: 16px; min-width: 0; }
.free-lesson-page .fl-start-panel .fl-button { width: 100%; font-size: .9rem; min-height: 54px; line-height: 1.35; padding-block: 12px; }
.free-lesson-page .fl-start-panel label { font-size: 1.03rem; font-weight: 700; line-height: 1.4; }
.free-lesson-page .fl-start-panel input { width: 100%; min-width: 0; border: 1px solid #b7c3d8; border-radius: 6px; padding: 13px; font: inherit; font-size: 16px; background: #fff; }
.free-lesson-page .fl-start-panel p { margin: 0; font-size: .8rem; color: var(--muted); line-height: 1.6; }
.free-lesson-page .fl-start-panel #fl-quick-error { color: #b42318; }
.free-lesson-page .fl-start-divider { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: .76rem; margin: 2px 0; }
.free-lesson-page .fl-start-divider::before, .free-lesson-page .fl-start-divider::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.free-lesson-page .fl-service-options { display: flex; flex-wrap: wrap; gap: 7px; }
.free-lesson-page .fl-service-options button { border: 1px solid #c5d0e3; background: #f7f9fd; padding: 9px 10px; border-radius: 6px; color: var(--ink); font: inherit; font-size: .79rem; cursor: pointer; }
.free-lesson-page .fl-service-options button[aria-pressed=true] { border-color: var(--blue); background: #edf2ff; color: var(--blue); }
.free-lesson-page .fl-preview-shell { padding: 20px; }
.free-lesson-page .fl-preview-label { margin: 0 0 12px; font-size: .78rem; color: #465570; font-weight: 650; }
.free-lesson-page .fl-preview { min-height: 390px; padding: 23px 28px; }
.free-lesson-page .fl-preview-main { max-width: 85%; padding: 35px 0; }
.free-lesson-page .fl-preview-main h3 { font-size: clamp(2.1rem, 3.8vw, 3.9rem); line-height: 1.04; }
.free-lesson-page .fl-preview-main p { font-size: .91rem; }
.free-lesson-page .fl-preview-cta { padding: 20px; margin-top: 16px; }
.free-lesson-page .fl-preview-cta h3 { font-size: 1.2rem; line-height: 1.3; letter-spacing: -.02em; }
.free-lesson-page .fl-preview-cta p { font-size: .9rem; line-height: 1.6; }
.free-lesson-page .fl-preview-cta .fl-button { line-height: 1.35; padding-block: 12px; }
.free-lesson-page .fl-preview-ready { display: grid; gap: 15px; }
.free-lesson-page .fl-preview-ready>div:last-child { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.free-lesson-page .fl-preview-ready .fl-text-button { padding: 8px 0; }
.free-lesson-page .fl-customize { margin-top: 25px; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 22px; }
.free-lesson-page .fl-customize summary { font-weight: 700; cursor: pointer; font-size: 1rem; }
.free-lesson-page .fl-customize>p { font-size: .9rem; color: var(--muted); }
.free-lesson-page .fl-customize .fl-builder { display: block; border: 0; box-shadow: none; background: transparent; }
.free-lesson-page .fl-customize .fl-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 26px; border: 0; background: transparent; padding: 10px 0 0; }
.free-lesson-page .fl-customize .fl-fields>label { margin: 0; align-content: start; }
.free-lesson-page .fl-customize .fl-fields input, .free-lesson-page .fl-customize .fl-fields textarea { font-size: 16px; }
.free-lesson-page .fl-customize .fl-form-error { margin: 0; }
.free-lesson-page [hidden] { display: none !important; }
@media (max-width: 820px) {
  .free-lesson-page .fl-start-grid { grid-template-columns: minmax(0, 1fr); }
  .free-lesson-page .fl-start-panel { gap: 12px; padding: 24px; }
  .free-lesson-page .fl-preview-main h3 { font-size: clamp(2.1rem, 7vw, 3.7rem); }
}
@media (max-width: 560px) {
  .free-lesson-page .fl-practice { padding-top: 88px; padding-bottom: 45px; }
  .free-lesson-page .fl-start-heading { margin-bottom: 20px; }
  .free-lesson-page .fl-start-heading h1 { font-size: clamp(1.8rem, 7.6vw, 2.5rem); }
  .free-lesson-page .fl-start-heading p { font-size: .92rem; }
  .free-lesson-page .fl-start-panel { padding: 20px; }
  .free-lesson-page .fl-preview-shell { padding: 12px; }
  .free-lesson-page .fl-preview { min-height: 330px; padding: 20px 18px; }
  .free-lesson-page .fl-preview-main { max-width: 100%; padding: 30px 0; }
  .free-lesson-page .fl-preview nav span { display: none; }
  .free-lesson-page .fl-preview nav b { max-width: 100%; }
  .free-lesson-page .fl-preview-main h3 { font-size: clamp(2rem, 9vw, 3rem); }
  .free-lesson-page .fl-preview-frame.mobile .fl-preview { min-height: 330px; }
  .free-lesson-page .fl-customize { padding: 18px; }
  .free-lesson-page .fl-customize .fl-fields { grid-template-columns: minmax(0, 1fr); }
  .free-lesson-page .fl-preview-cta { padding: 16px; }
  .free-lesson-page .fl-preview-cta h3 { font-size: 1.13rem; }
}
@media (prefers-reduced-motion: reduce) {
  .free-lesson-page *, .free-lesson-page *::before, .free-lesson-page *::after { animation: none !important; transition: none !important; }
}
.free-lesson-page .fl-start-thumbnail { display: none; }
@media (max-width: 560px) {
  .free-lesson-page .fl-practice { padding-top: 24px; }
  .free-lesson-page .fl-start-heading h1 { font-size: 1.75rem; margin-bottom: 10px; }
  .free-lesson-page .fl-start-heading p { font-size: .88rem; }
  .free-lesson-page .fl-start-panel { gap: 10px; }
  .free-lesson-page .fl-start-thumbnail { display: block; width: 100%; height: 118px; object-fit: contain; background: #fff; border: 1px solid var(--line); border-radius: 6px; }
}