:root{--dark:#102b22;--deep:#0c201a;--lime:#c8ff60;--bg:#f5f6f0;--line:#dfe6dd;--ink:#122b22;--dim:#60746b;--rad:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body.large-text{font-size:20px}button,a{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #3ca9f5;outline-offset:4px}.skip{position:absolute;top:-100px;left:8px;background:#fff;padding:8px;z-index:100}.skip:focus{top:8px}.site-head{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(24px,calc((100vw - 1250px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-symbol{display:grid;place-items:center;width:45px;height:45px;background:#123d2c;color:var(--lime);font-size:29px;border-radius:13px}.brand strong{display:block;letter-spacing:.17em;font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:.14em;color:var(--dim)}.site-head nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.site-head nav a{font-weight:700;font-size:.82em;text-decoration:none}.site-head nav a:hover{text-decoration:underline}.hero{background:radial-gradient(circle at 83% 43%,#265b41 0%,#103528 33%,#0c241d 75%);color:#fff;min-height:455px;padding:74px max(24px,calc((100vw - 1250px)/2));display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;gap:28px}.kicker,.eyebrow{font-size:.7em;letter-spacing:.21em;font-weight:850;color:#698e80;text-transform:uppercase}.hero .kicker{color:#cffc84}.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #b4ff5030;margin-right:7px}.hero h1{font-weight:850;letter-spacing:-.055em;line-height:1.08;font-size:clamp(2.4rem,5.3vw,4.7rem);margin:23px 0}.hero em{font-style:normal;color:var(--lime)}.hero-copy{font-size:1.06em;color:#cde1d4;max-width:640px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{border:1px solid transparent;padding:13px 20px;border-radius:14px;font-weight:750;display:inline-flex;gap:15px;align-items:center;justify-content:center;text-decoration:none;min-height:48px}.btn.primary{background:var(--lime);color:#12291f}.btn.secondary{background:#e9f2e6;color:#123e2c}.hero .btn.secondary{background:#234b3d;color:white;border-color:#5c826f}.btn:hover{filter:brightness(.96)}.btn:disabled{opacity:.47;cursor:not-allowed}.trust{display:flex;flex-wrap:wrap;gap:10px 21px;color:#cce8d1;font-size:.78em;margin-top:28px}.hero-art{position:relative;min-height:325px;display:grid;place-items:center}.hero-ring{width:310px;height:310px;border:1px solid #b5eab52c;border-radius:50%;box-shadow:0 0 0 50px #a2c89a09,0 0 0 100px #a2c89a05}.hero-center{position:absolute;color:var(--lime);font-size:120px;transform:rotate(45deg);animation:float 7s ease-in-out infinite}.hero-tile{position:absolute;padding:16px 20px;min-width:145px;background:#f5f9f1;color:#1c3d29;border-radius:18px;transform:rotate(-7deg);font-size:1.35em;font-weight:850;box-shadow:0 16px 45px #051b1190;animation:float 5s ease-in-out infinite}.hero-tile small{display:block;font-size:.49em;font-weight:600;color:#61806d}.t1{left:2%;top:10%}.t2{right:-3%;top:28%;transform:rotate(8deg);animation-delay:-2s}.t3{bottom:5%;left:15%;transform:rotate(5deg);animation-delay:-3s}.section-wrap{max-width:1296px;margin:0 auto;padding:64px 24px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.section-head h2,.faq h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em;line-height:1.15;margin:7px 0}.section-head p{color:var(--dim);margin:8px 0}.pill{background:#e8efdf;padding:7px 13px;border-radius:100px;font-weight:750;white-space:nowrap;font-size:.8em}.course-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}.course{border:1px solid var(--line);border-radius:var(--rad);background:#fff;padding:20px;text-align:left;display:flex;flex-direction:column;gap:9px;min-width:0;min-height:226px;transition:transform .2s,border-color .2s,box-shadow .2s}.course:hover{transform:translateY(-3px);box-shadow:0 12px 30px #133c2919}.course.selected{border:2px solid #267e42;box-shadow:0 0 0 3px #c7f7b4}.course-emoji{width:48px;height:48px;background:var(--course-accent);display:grid;place-items:center;border-radius:14px;font-size:25px}.course-tag{color:#668573;font-size:.59em;font-weight:850;letter-spacing:.12em}.course strong{font-size:1.12em;line-height:1.25;overflow-wrap:anywhere}.course-kind{color:var(--dim);font-size:.85em}.course-footer{margin-top:auto;padding-top:14px;font-size:.78em;font-weight:800;color:#21663d}.lesson{padding-top:27px;scroll-margin-top:15px}.lesson-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.lesson-head h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.045em;margin:5px 0}.lesson-head p:not(.eyebrow){color:var(--dim);max-width:850px}.lesson-count{border:1px solid var(--line);padding:12px 18px;border-radius:15px;white-space:nowrap}.lesson-count strong{display:block;font-size:1.55em}.lesson-count small{font-size:.57em;letter-spacing:.12em;color:var(--dim)}.progress{height:7px;background:#dfe9db;border-radius:10px;margin:24px 0}.progress span{display:block;height:100%;background:#65a944;border-radius:10px;transition:width .3s}.lesson-columns{display:grid;grid-template-columns:minmax(190px,.77fr) minmax(0,1.33fr) minmax(260px,.93fr);gap:15px;align-items:stretch}.step-sidebar,.lesson-card,.demo{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:20px;min-width:0}.step-list{display:grid;gap:7px}.step-nav{display:flex;gap:12px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:9px;font-size:.83em;color:#426053;line-height:1.4;overflow-wrap:anywhere}.step-nav:hover{background:#f3f7ee}.step-nav.current{background:#e6f8d4;border-color:#89c96d;color:#123a26;font-weight:750}.step-nav .num{color:#537f52;font-weight:850;flex:none}.aside-note{background:#f1f6ea;border-radius:14px;padding:13px;margin-top:20px;font-size:.8em}.aside-note p{margin-bottom:0;color:#4b6754}.lesson-card{padding:29px}.step-tag{color:#388050;letter-spacing:.16em;font-weight:850;font-size:.68em}.lesson-card h3{font-size:clamp(1.55rem,2.5vw,2.15rem);letter-spacing:-.035em;line-height:1.18;margin:12px 0}.lesson-card>p{font-size:1.05em;line-height:1.75}.tip{display:flex;gap:12px;background:#f0f8e8;border-radius:16px;padding:17px;margin:26px 0}.tip span{font-size:24px}.tip p{color:#496650;font-size:.9em;margin:5px 0 0}.done{font-weight:750;color:#226441}.step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:25px;flex-wrap:wrap}.demo{background:#f9fbf8}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-top p{margin:0}.demo-top strong{font-size:1.15em}.motion-label{color:#688777;font-size:.5em;font-weight:850;letter-spacing:.08em;text-align:right}.phone{background:#121d1b;color:#f3fbf5;width:min(100%,244px);height:388px;border-radius:32px;border:6px solid #18221f;box-shadow:0 16px 34px #18382b29;margin:19px auto;position:relative;padding:9px 8px}.phone-speaker{height:5px;width:53px;background:#303f3a;border-radius:50px;margin:0 auto 12px}.phone-app{background:#fff;color:#163b2a;border-radius:15px;height:325px;overflow:hidden;display:flex;flex-direction:column}.phone-header{display:flex;justify-content:space-between;padding:11px 12px;font-size:.83em;font-weight:800;background:#e9f7e7}.phone-dots{color:#759f84;font-size:.55em}.phone-search{margin:9px;background:#f0f3ee;padding:8px;border-radius:11px;font-size:.6em;color:#72867a}.phone-screen{display:flex;flex-direction:column;align-items:center;padding:8px;flex:1;gap:10px;position:relative}.phone-visual{height:71px;width:83px;background:#eff7e8;border-radius:16px;display:grid;place-items:center;color:#419763;font-size:2em}.phone-actions{display:flex;gap:5px}.phone-chip{font-size:.53em;background:#edf2e7;padding:7px 9px;border-radius:8px}.phone-tap{border:0;border-radius:11px;background:#caff66;color:#173627;max-width:100%;min-height:49px;padding:9px 13px;position:relative;font-size:.65em;font-weight:850;display:flex;align-items:center;gap:7px;box-shadow:0 0 0 2px #a9db54}.phone-tap .hand{font-size:1.7em;animation:tap 1.7s ease-in-out infinite}.tap-ring{position:absolute;inset:-7px;border:2px solid #9aca51;border-radius:16px;animation:ring 1.8s ease-out infinite}.phone-tap.tapped .tap-ring,.phone-tap.tapped .hand{animation:none}.phone-after{background:#e2f8d4;padding:7px;border-radius:8px;font-size:.55em;text-align:center;line-height:1.3}.phone-bottom{background:#f5f8f1;color:#98b3a0;padding:10px;display:flex;justify-content:space-around;font-size:.8em}.phone-home{background:#384f43;width:73px;height:4px;border-radius:30px;margin:9px auto}.demo-note{color:#597368;font-size:.74em;margin:0}.lesson-bottom{margin-top:18px;padding:22px;border-radius:20px;border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;gap:15px;align-items:center}.lesson-bottom p{margin:3px 0 9px;color:var(--dim);font-size:.85em}.source-links{display:flex;gap:12px;flex-wrap:wrap}.source-links a{font-size:.84em;color:#17683c;font-weight:750}.faq{padding-top:45px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.faq-grid article{background:#eaf1e5;border-radius:20px;padding:23px}.faq-grid article span{font-size:27px}.faq-grid h3{margin:8px 0}.faq-grid p{color:#526b5d;margin:6px 0}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;background:#0f2b21;color:#c8dfd0;padding:30px max(24px,calc((100vw - 1250px)/2));font-size:.78em}footer a{color:var(--lime)}@keyframes ring{from{transform:scale(.94);opacity:1}to{transform:scale(1.15);opacity:0}}@keyframes tap{0%,50%,100%{transform:translateY(0)}20%,33%{transform:translateY(-7px)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -11px}}@media(max-width:1050px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-columns{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)}.demo{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.demo .phone{margin:0}.lesson-bottom{align-items:start}}@media(max-width:700px){.site-head{padding:12px 16px}.brand small{display:none}.site-head nav{gap:10px}.site-head nav a{font-size:.7em}.hero{padding:38px 20px;display:block;min-height:0}.hero h1{font-size:2.55rem}.hero-art{display:none}.section-wrap{padding:38px 15px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.course{min-height:203px;padding:14px;border-radius:17px}.course-emoji{width:43px;height:43px}.section-head{align-items:start}.section-head .pill{display:none}.lesson-head{align-items:start}.lesson-count{padding:8px;font-size:.75em}.lesson-columns{grid-template-columns:1fr}.step-sidebar{order:1}.lesson-card{order:2;padding:22px}.demo{order:3;display:block}.demo .phone{margin:17px auto}.lesson-bottom{flex-direction:column}.faq-grid{grid-template-columns:1fr}footer{padding:28px 18px}}@media(max-width:390px){.course-grid{grid-template-columns:1fr 1fr}.course strong{font-size:.96em}.course-kind{font-size:.76em}.hero h1{font-size:2.18rem}.hero-actions{display:grid}.step-actions .btn{flex:1;padding:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}