:root{--bg:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#e8e8ed;--label:#1d1d1f;--label-secondary:#1d1d1f9e;--label-tertiary:#1d1d1f52;--separator:#1d1d1f1f;--separator-strong:#1d1d1f38;--fill:#7878801a;--fill-strong:#7878802e;--accent:#06c;--accent-soft:#0066cc1a;--accent-strong:#004fa3;--green:#34c759;--green-strong:#248a3d;--red:#ff3b30;--red-strong:#c41e1e;--orange:#ff9500;--orange-strong:#c93400;--yellow:#fc0;--purple:#af52de;--pink:#ff2d55;--indigo:#5856d6;--teal:#5ac8fa;--radius:14px;--radius-lg:22px;--radius-sm:10px;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000d;--shadow-lg:0 1px 3px #0000000f, 0 24px 56px #00000014;--shadow-pop:0 1px 2px #0000000f, 0 12px 30px #00000014}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--label);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}button{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.h-display{letter-spacing:-3px;font:900 88px/.96 Inter,sans-serif}.h-1{letter-spacing:-2px;font:800 56px/1.04 Inter,sans-serif}.h-2{letter-spacing:-1.2px;font:800 40px/1.1 Inter,sans-serif}.h-3{letter-spacing:-.5px;font:700 28px/1.2 Inter,sans-serif}.h-4{letter-spacing:-.3px;font:600 22px/1.25 Inter,sans-serif}.h-5{font:600 17px/1.3 Inter,sans-serif}.body{font:400 17px/1.5 Inter,sans-serif}.body-l{color:var(--label-secondary);font:400 21px/1.45 Inter,sans-serif}.foot{color:var(--label-secondary);font:400 14px/1.4 Inter,sans-serif}.cap{text-transform:uppercase;letter-spacing:.6px;color:var(--label-secondary);font:600 12px/1.3 Inter,sans-serif}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.text-c{text-align:center}.muted{color:var(--label-secondary)}.tertiary{color:var(--label-tertiary)}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--fill);color:var(--label);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font:600 15px Inter,sans-serif;transition:transform 80ms,background .12s,box-shadow .12s;display:inline-flex}.btn:hover{background:var(--fill-strong)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong)}.btn.tinted{background:var(--accent-soft);color:var(--accent)}.btn.ghost{color:var(--accent);background:0 0}.btn.lg{padding:14px 28px;font-size:16px}.btn.xl{padding:18px 36px;font-size:17px}.btn.full{width:100%}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.card{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card.lg{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.card.flat{box-shadow:none;border:.5px solid var(--separator)}.card.outlined{box-shadow:none;border:1.5px solid var(--accent)}.input,textarea.input{resize:vertical;background:var(--bg-secondary);border:.5px solid var(--separator);width:100%;color:var(--label);border-radius:12px;outline:none;padding:14px 16px;font:400 15px/1.45 Inter,sans-serif;transition:border .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.input.error{border-color:var(--orange);box-shadow:0 0 0 4px #ff95001f}.input.ok{border-color:var(--green)}textarea.input{min-height:80px}.chip{background:var(--fill);color:var(--label-secondary);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font:600 12px Inter,sans-serif;display:inline-flex}.chip.tinted{background:var(--accent-soft);color:var(--accent)}.chip.green{color:var(--green-strong);background:#34c75924}.chip.orange{color:var(--orange-strong);background:#ff950024}.chip.red{color:var(--red-strong);background:#ff3b3024}.chip.purple{color:#6e27a3;background:#af52de24}.chip.dark{background:var(--label);color:#fff}.progress{background:var(--bg-tertiary);border-radius:3px;width:100%;height:5px;overflow:hidden}.progress>.fill{background:var(--accent);border-radius:3px;height:100%;transition:width .35s}.dots{align-items:center;gap:6px;display:flex}.dot{background:var(--bg-tertiary);border-radius:50%;width:7px;height:7px;transition:all .2s}.dot.active{background:var(--accent);border-radius:4px;width:28px}.dot.done{background:var(--accent)}.row{display:flex}.col{flex-direction:column;display:flex}.center{justify-content:center;align-items:center}.between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:28px}.gap-8{gap:36px}.grow{flex:1}.container{max-width:1180px;margin:0 auto;padding:0 36px}.section{padding:100px 0}.section.tight{padding:70px 0}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--separator);background:#f5f5f7b8;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.nav-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.nav-mark{background:var(--label);color:#fff;letter-spacing:-.5px;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font:800 13px Inter,sans-serif;display:flex}.nav-name{font:600 16px Inter,sans-serif}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--label);cursor:pointer;opacity:.85;padding:6px 0;font:500 14px Inter,sans-serif}.nav-link:hover{opacity:1}.caret{vertical-align:-.1em;background:currentColor;width:3px;height:.85em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes l3Fade{0%{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes howtoRing{0%{opacity:.5;transform:scale(.4)}to{opacity:0;transform:scale(2)}}@keyframes howtoBob{0%,to{transform:translate(0)}50%{transform:translate(-2px,-2px)}}@keyframes howtoFly{0%{opacity:0;transform:translate(95px,-46px)scale(.7)rotate(-7deg)}22%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(-46px,58px)scale(.96)rotate(0)}}@keyframes howtoDot{0%,64%,to{opacity:.4;transform:translateY(0)}32%{opacity:1;transform:translateY(-4px)}}@keyframes howtoProgress{0%{width:0%}to{width:100%}}@keyframes howtoPop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lesson-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.lesson-bar{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:.5px solid var(--separator);background:#f5f5f7d9;position:sticky;top:0}.lesson-bar-inner{align-items:center;gap:16px;height:56px;display:flex}.lesson-step{padding:60px 0 80px}.lesson-step .stage{max-width:760px;margin:0 auto;padding:0 36px}.frag{border:.5px solid var(--separator);box-shadow:var(--shadow);cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;padding:12px 14px;font:500 14px/1.45 Inter,sans-serif;transition:transform .12s,box-shadow .15s}.frag:hover{box-shadow:var(--shadow-pop);transform:translateY(-1px)}.frag.dragging{opacity:.35;transform:rotate(-1deg)}.frag.placed{background:var(--accent-soft);border-color:var(--accent);cursor:default}.drop{border:1.5px dashed var(--separator-strong);background:#ffffff80;border-radius:14px;min-height:68px;padding:14px;transition:all .15s}.drop.over{border-color:var(--accent);background:var(--accent-soft);border-style:solid}.drop.filled{border-style:solid;border-color:var(--accent);background:var(--bg-secondary)}.drop.wrong{border-color:var(--red);background:#ff3b300f}.seg{background:var(--fill);border-radius:12px;gap:3px;padding:3px;display:flex}.seg .opt{text-align:center;color:var(--label-secondary);cursor:pointer;border-radius:9px;flex:1;padding:10px 12px;font:600 14px Inter,sans-serif;transition:all .15s}.seg .opt:hover{color:var(--label)}.seg .opt.active{color:var(--label);background:#fff;box-shadow:0 1px 3px #0000000f}.reveal{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}.reveal.in{opacity:1;transform:none}.phone{aspect-ratio:9/19;background:#1d1d1f;border-radius:42px;width:320px;padding:9px;box-shadow:0 30px 80px #00000038,0 0 0 1px #0000000f}.phone-screen{background:var(--bg);border-radius:34px;flex-direction:column;gap:12px;width:100%;height:100%;padding:18px;display:flex;position:relative;overflow:hidden}.stars{gap:3px;display:flex}.grad-accent{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scenario{background:var(--bg-secondary);border:.5px solid var(--separator);cursor:pointer;border-radius:16px;padding:18px;transition:all .15s}.scenario:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.scenario.selected{border-color:var(--accent);background:var(--accent-soft)}.scenario.correct{border-color:var(--green);background:#34c7590f}.scenario.wrong{border-color:var(--red);background:#ff3b300a}@media (width<=768px){.h-display{letter-spacing:-2px;font-size:56px}.h-1{letter-spacing:-1.2px;font-size:36px}.h-2{font-size:28px}.body-l{font-size:17px}.section{padding:64px 0}.nav-links>.nav-link:not(:last-child){display:none}.container{padding:0 22px}}.rotator-line{flex-direction:column;gap:4px;min-height:2.1em;display:flex}.rotator-fixed{color:var(--label)}.rotator-changing{color:var(--accent);min-height:1em}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:22px;padding:32px}.footer{border-top:.5px solid var(--separator);background:var(--bg-secondary);padding:60px 0 40px}.pillar-icon{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.mpa-page{padding:40px 0 80px}.input{border:1px solid var(--separator,#e3e3e6);width:100%;font:inherit;box-sizing:border-box;background:#fff;border-radius:12px;padding:12px 14px}.input:focus{outline:2px solid var(--accent,#06c);border-color:#0000}.label{color:var(--label-secondary,#6b7280);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mpa-table{border-collapse:collapse;width:100%;font-size:13.5px}.mpa-table th,.mpa-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ededf0;padding:9px 10px}.mpa-table th{color:var(--label-secondary,#6b7280);font-weight:600}.badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.green{color:#166534;background:#dcfce7}.badge.gray{color:#555;background:#f1f1f4}.badge.amber{color:#92400e;background:#fef3c7}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.btn.danger{color:#dc2626;background:#fef2f2}.btn.danger:hover{background:#fde3e3}select.input{appearance:auto;background-image:none}code{background:#f1f1f4;border-radius:5px;padding:1px 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.92em}.acct{display:inline-flex;position:relative}.acct-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent,#06c), #4f46e5);color:#fff;letter-spacing:.3px;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 2px 6px #00000029}.acct-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0000003d}.acct-btn:active{transform:translateY(0)}.acct-menu{z-index:200;background:#fff;border:1px solid #ececf0;border-radius:14px;width:250px;padding:8px;animation:.13s acct-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 44px #00000029}@keyframes acct-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.acct-head{border-bottom:1px solid #f0f0f3;margin-bottom:6px;padding:10px 12px 12px}.acct-name{color:#111827;font-size:14px;font-weight:700}.acct-email{color:#6b7280;word-break:break-all;margin-top:2px;font-size:12px}.acct-plan{color:#555;background:#f1f1f4;border-radius:999px;margin-top:8px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.acct-plan.is-premium{color:#166534;background:#dcfce7}.acct-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:#1f2937;background:0 0;border:none;border-radius:9px;padding:10px 12px;font-size:14px;display:block}.acct-item:hover{background:#f5f5f8}.acct-item.danger{color:#dc2626}.acct-item.danger:hover{background:#fef2f2}.acct-sep{background:#f0f0f3;height:1px;margin:6px 4px}