:root{--bg: #f6f2ea;--surface: #fffdf8;--surface-strong: #ffffff;--text: #243044;--text-muted: #5f6c80;--accent: #1f6e8c;--accent-strong: #175a73;--accent-soft: #dff2f8;--success: #297f4c;--border: #d4dde8;--shadow: 0 20px 45px rgba(27, 41, 61, .09);--radius: 18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Source Sans 3",sans-serif;color:var(--text);background:radial-gradient(circle at 12% 5%,rgba(31,110,140,.1),transparent 40%),radial-gradient(circle at 90% 18%,rgba(223,242,248,.75),transparent 35%),var(--bg);line-height:1.6}main{min-height:72vh}h1,h2,h3,h4{font-family:Sora,sans-serif;letter-spacing:-.02em;line-height:1.2}p,ul,ol{margin-top:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}.container{width:min(1120px,92vw);margin:0 auto}.container-wide{width:min(1380px,96vw)}.section{padding:3.8rem 0}.muted{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.grid{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);animation:fadeInUp .45s ease both}.card:hover{transform:translateY(-3px);transition:transform .2s ease}.btn{border:0;border-radius:999px;padding:.65rem 1rem;cursor:pointer;font-family:inherit;font-weight:600;display:inline-flex;align-items:center;gap:.45rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-subtle{background:var(--accent-soft);color:var(--accent-strong)}.btn-success{background:#e5f6ec;color:var(--success)}.hero{padding:4.2rem 0 2.8rem}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.hero h1{font-size:clamp(2rem,4vw,3.25rem);margin-bottom:1rem}.hero p{font-size:1.15rem;color:var(--text-muted)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.badge-row{display:flex;gap:.65rem;flex-wrap:wrap;margin:1rem 0 1.5rem}.badge{background:#fff;border:1px solid var(--border);border-radius:999px;padding:.3rem .65rem;font-size:.9rem}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(8px);background:#f6f2eae0;border-bottom:1px solid rgba(212,221,232,.9)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.brand{font-family:Sora,sans-serif;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:.5rem}.brand img{width:26px;height:26px;flex:0 0 auto;border-radius:8px;box-shadow:0 5px 14px #1e536c40}.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:1rem}.nav-list a{color:var(--text-muted);font-weight:600}.nav-cta{white-space:nowrap}.site-footer{border-top:1px solid var(--border);margin-top:4rem;padding-top:2rem;background:#ffffff73}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1.25rem}.footer-heading{font-weight:700}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:.45rem}.footer-link-btn{border:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit;padding:0}.footer-bottom{padding:1.2rem 0 2rem}.legal-page{width:min(980px,94vw)}.legal-page h1{margin-bottom:.4rem}.legal-card{margin-top:.95rem}.legal-card ul{padding-left:1.15rem}.legal-card li{margin-bottom:.35rem}.legal-pre{white-space:pre-wrap;border-radius:12px;background:#f4f7fb;border:1px solid #dce5ef;padding:.8rem;font-family:"Source Sans 3",sans-serif}.legal-note{margin-top:1rem}.cookie-banner{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(980px,calc(100vw - 1.4rem));z-index:260}.cookie-banner-inner{background:#fffffff5;border:1px solid #c6d4e6;border-radius:16px;box-shadow:0 24px 45px #1a293f29;padding:.9rem 1rem}.cookie-banner-title{margin:0 0 .25rem;font-family:Sora,sans-serif;font-size:1rem}.cookie-banner-text{margin:0;color:var(--text-muted)}.cookie-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.cookie-preferences{margin-top:.8rem;padding-top:.75rem;border-top:1px solid #d7e2ef;display:grid;gap:.7rem}.cookie-pref-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.cookie-pref-row input[type=checkbox]{margin-top:.18rem}.progress-track{width:100%;height:10px;border-radius:999px;background:#e7edf4}.progress-fill{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#1f6e8c,#3fa0c8);transition:width .3s ease}.lesson-shell{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:1.25rem;align-items:start}.lesson-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;align-items:start}.lesson-main{min-width:0;max-width:860px;width:100%;justify-self:center}.step-nav{position:sticky;top:88px;padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background:#fff}.step-nav ol{margin:1rem 0 0;padding:0;list-style:none}.step-nav li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px dashed #e0e7f0}.step-nav li.is-active a{font-weight:700;color:var(--text)}.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.step-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong);padding:1.1rem;margin-bottom:1rem;box-shadow:var(--shadow);animation:fadeInUp .4s ease both}.step-card.is-complete{border-color:#8ac9a1;background:#f4fcf7}.step-chip{display:inline-block;margin-bottom:.5rem;font-size:.84rem;color:#225a73;background:#e8f4fa;padding:.18rem .55rem;border-radius:999px}.step-content pre{white-space:pre-wrap;border-radius:12px;background:#f2f5f9;border:1px solid #dce4ef;padding:.85rem}.step-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;color:#5b6f87}.workflow-flow{display:grid;gap:1rem}.workflow-flow-header{border-color:#c7d8e9;background:linear-gradient(180deg,#fffffff5,#fafdfffa),var(--surface)}.workflow-flow-header h2{margin:.2rem 0 .5rem}.workflow-reward{margin:.85rem 0 .4rem;padding:.45rem .65rem;border-radius:10px;border:1px solid #b8e1c8;background:#ecf9f1;color:#1f6d41;font-weight:600}.workflow-nav-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.45rem}.workflow-nav-list li{border-radius:12px;border:1px solid #d8e3ef;background:#fff;transition:border-color .2s ease,background .2s ease}.workflow-nav-list li button{width:100%;padding:.52rem .65rem;border:0;background:transparent;text-align:left;color:var(--text);font:inherit;cursor:pointer;border-radius:12px}.workflow-nav-list li button span{color:#41657f;font-weight:700}.workflow-nav-list li.is-active{border-color:#8ec2da;background:#f3f9fd}.workflow-nav-list li.is-done{border-color:#92d0ad;background:#f1fbf5}.workflow-nav-list li.is-done button span{color:#1f6d41}.workflow-nav-list li.is-locked{background:#f5f8fb;border-style:dashed}.workflow-nav-list li button:disabled{opacity:.58;cursor:not-allowed}.workflow-step{border-color:#c9d9e9;background:#fff}.workflow-step h3{margin:.35rem 0 .55rem}.workflow-input-grid{margin:.95rem 0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.workflow-input-label{display:grid;gap:.3rem;font-weight:600;color:#41566e}.workflow-input-label textarea,.workflow-summary-grid textarea,.workflow-summary-grid input{width:100%;border:1px solid #c8d7e8;border-radius:12px;padding:.58rem .65rem;font:inherit;resize:vertical}.workflow-provider-row{margin:.7rem 0}.workflow-provider-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.workflow-provider-tabs button{border:1px solid #c9d7e8;background:#fff;color:var(--text);border-radius:999px;padding:.35rem .8rem;font:inherit;cursor:pointer}.workflow-provider-tabs button.is-active{border-color:#6ea8c3;background:#e8f4fa;color:#174f66;font-weight:700}.workflow-columns{margin-top:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.workflow-columns ol{margin:0;padding-left:1.1rem}.workflow-columns li{margin-bottom:.3rem}.workflow-fails{margin-top:.8rem;padding:.65rem .75rem;border:1px dashed #cad8e8;border-radius:12px;background:#f9fbfd}.workflow-fails summary{cursor:pointer;font-weight:700}.workflow-fails ul{margin:.55rem 0 0;padding-left:1.05rem}.workflow-controls{margin-top:1rem;display:flex;gap:.55rem;flex-wrap:wrap}.workflow-unlock{margin-top:.65rem;border-left:3px solid #6fb1d2;padding-left:.55rem;color:#33526a;font-weight:600}.workflow-summary{border-color:#bcd2e6}.workflow-summary h3{margin-top:.2rem}.workflow-summary-grid{display:grid;gap:.75rem;margin-top:.85rem}.workflow-summary-grid label{display:grid;gap:.35rem;color:#40586f;font-weight:600}.workflow-summary-output{margin-top:.8rem;padding:.65rem .75rem;border-radius:12px;border:1px solid #c0d8e8;background:#eef8fd}.lesson-header{margin-bottom:1rem}.lesson-header h1{font-size:clamp(2.1rem,3.2vw,3.2rem);margin-bottom:.65rem}.lesson-main>.card:first-of-type{border-color:#c8d5e6;box-shadow:0 26px 55px #1c2c421c}.feature-checks{padding-left:1.1rem}.feature-checks li{margin-bottom:.4rem}.faq-grid details{border:1px solid var(--border);background:#fff;border-radius:14px;padding:.75rem .95rem}.faq-grid summary{cursor:pointer;font-weight:700}.ribbon{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .4rem;color:#2d607d;font-size:.9rem;font-weight:700;letter-spacing:.01em;background:transparent}.ribbon:before{content:"";width:22px;height:2px;border-radius:999px;background:linear-gradient(90deg,#3f96bb,#8bc2db)}.ribbon+h1,.ribbon+h2,.ribbon+h3{margin-top:.15rem}.pricing-box{max-width:550px}.lesson-assistant-column{position:sticky;top:88px}.lesson-assistant{padding:0;overflow:hidden;border-color:#c7d3e4;background:#fcfdff}.lesson-assistant-header{padding:.95rem 1rem .65rem;border-bottom:1px solid var(--border);background:#fbfdff}.lesson-assistant-header h2{margin:0 0 .35rem;font-size:1.02rem}.lesson-assistant-messages{max-height:360px;overflow-y:auto;padding:.75rem;background:#fafbfd}.lesson-assistant-message{margin-bottom:.65rem}.lesson-assistant-message p{margin:0;padding:.55rem .7rem;border-radius:12px}.lesson-assistant-message-user p{background:#e7f4fb}.lesson-assistant-message-bot p{background:#f0f2f7}.lesson-assistant-form{display:grid;gap:.55rem;padding:.75rem;border-top:1px solid var(--border);background:#fff}.lesson-assistant-form textarea{width:100%;border-radius:12px;border:1px solid var(--border);padding:.6rem;resize:vertical;font-family:inherit}.auth-box{max-width:520px}.form-field{margin-bottom:.8rem}.form-field label{display:block;margin-bottom:.35rem;font-weight:700}.form-field input,.form-field select{width:100%;border:1px solid var(--border);border-radius:12px;padding:.65rem;font:inherit}.inline-banner{border-radius:14px;border:1px solid #f1d7a0;background:#fff4dc;padding:.65rem .9rem;margin-bottom:.9rem}.cta-row{display:flex;flex-wrap:wrap;gap:.7rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero-grid,.lesson-shell,.lesson-content-layout,.footer-grid{grid-template-columns:1fr}.step-nav,.lesson-assistant-column{position:static}.nav-wrap,.nav-list{flex-wrap:wrap}.cookie-banner{width:calc(100vw - 1rem);bottom:max(.6rem,env(safe-area-inset-bottom))}}@media(max-width:1280px){.lesson-shell{grid-template-columns:minmax(0,1fr) 320px}.lesson-shell>.step-nav{grid-column:1 / -1;position:static}}