:root{--navy:#123f70;--blue:#087fa0;--cyan:#10a7c5;--gold:#f2b337;--ink:#17324d;--muted:#63778a;--line:#d6e4eb;--paper:#f6fafc;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#dce8ee;overflow:hidden}.app-shell{height:100vh;display:grid;grid-template-columns:290px 1fr}.sidebar{min-width:0;background:#f7fbfd;border-right:1px solid #c9dbe4;display:flex;flex-direction:column;transition:.25s;z-index:5}.sidebar.collapsed{width:66px}.lesson-list{overflow:auto;padding:12px 10px 30px}.lesson{width:100%;min-height:55px;display:grid;grid-template-columns:24px 1fr 22px;align-items:center;gap:7px;padding:7px;border:0;border-bottom:1px solid #dfeaf0;background:transparent;color:#496275;text-align:left;cursor:pointer}.lesson:hover:not(:disabled){background:#e9f4f7}.lesson.current{background:#dff2f6;color:#0b5e7c;border-radius:8px;border-bottom-color:transparent}.lesson .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.lesson .state{display:grid;place-items:center;width:15px;height:15px;border:1px solid #91a9b7;border-radius:50%;font-size:.55rem}.lesson.done .state{background:#1189a8;color:#fff;border-color:#1189a8}.sidebar.collapsed .lesson .label{display:none}.sidebar.collapsed .lesson{grid-template-columns:19px 19px;justify-content:center;padding:8px 0}.player-shell{min-width:0;height:100vh;display:grid;grid-template-rows:70px minmax(0,1fr) 54px 64px;background:#fff}.player-header{height:70px;padding:11px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff}.eyebrow{font-size:.61rem;letter-spacing:.14em;color:#9cdce8;font-weight:800}.progress-track{height:5px;background:#ffffff30;border-radius:5px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#64d7e4,#f3b23a);transition:.25s}.stage-wrap{min-height:0;position:relative;display:grid;place-items:stretch;background:#fff;overflow:hidden}.stage{position:absolute;inset:0;padding:28px 5.2%;overflow:hidden;background:linear-gradient(155deg,#fff 60%,#eef8fb)}.slide-head{height:72px;position:relative;z-index:2}.slide-head .section-tag{font-size:.68rem;color:var(--blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.slide-head h2{margin:7px 0 0;max-width:950px;color:var(--navy);font-size:clamp(1.55rem,2.6vw,2.65rem);line-height:1.04;letter-spacing:-.035em;text-transform:uppercase}.slide-head:after{content:"";display:block;width:72px;height:5px;margin-top:12px;background:var(--gold)}.visual{height:calc(100% - 83px);display:grid;place-items:center;position:relative}.reveal{opacity:0;transform:translateY(18px);animation:reveal .65s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:var(--delay,0s)}@keyframes reveal{to{opacity:1;transform:none}}.paused .reveal{animation-play-state:paused}.card{border:1px solid #cfe1e9;background:#fff;border-radius:14px;box-shadow:0 14px 35px #164a6b12}.icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#e0f6fa,#fff);color:var(--blue);font-weight:900;font-size:1.1rem;border:1px solid #bee3ea}.hero-net{width:min(900px,92%);height:70%;position:relative;display:grid;place-items:center}.hero-core{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#20bad2,#075886 72%);color:#fff;font-weight:900;font-size:1.25rem;box-shadow:0 0 0 18px #daf1f5,0 18px 50px #0a66813d;z-index:2}.orbit{position:absolute;inset:0}.orbit .node{position:absolute;min-width:120px;padding:13px 18px;border-radius:12px;background:#fff;border:1px solid #b7dbe6;color:#174f70;text-align:center;font-size:.78rem;font-weight:700;box-shadow:0 10px 25px #0c507019}.orbit .node:after{content:"";position:absolute;width:90px;height:2px;background:#38aec1;top:50%}.orbit .node:nth-child(1){left:4%;top:10%}.orbit .node:nth-child(1):after,.orbit .node:nth-child(2):after{left:100%;transform:rotate(22deg);transform-origin:left}.orbit .node:nth-child(2){left:2%;bottom:10%}.orbit .node:nth-child(2):after{transform:rotate(-18deg)}.orbit .node:nth-child(3){right:3%;top:8%}.orbit .node:nth-child(3):after,.orbit .node:nth-child(4):after{right:100%;transform:rotate(-22deg);transform-origin:right}.orbit .node:nth-child(4){right:0;bottom:9%}.orbit .node:nth-child(4):after{transform:rotate(18deg)}.orbit .node:nth-child(5){left:calc(50% - 70px);bottom:-2%}.orbit .node:nth-child(5):after{left:50%;bottom:100%;top:auto;width:2px;height:58px}.grid4{width:min(980px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid4 .card{min-height:185px;padding:25px 18px;display:flex;flex-direction:column;gap:20px;justify-content:center}.grid4 strong{font-size:1rem;color:#24516c}.compare{width:min(1000px,100%);display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;gap:18px}.compare-col{padding:25px}.compare-col.old{background:#f3f5f6}.compare-col.modern{background:#eaf8fb;border-color:#95d5df}.compare h3{margin:0 0 20px;color:#496577}.compare-col.modern h3{color:#087e9e}.chain{display:flex;align-items:center;gap:5px}.chip{flex:1;padding:18px 7px;text-align:center;border-radius:7px;background:#fff;border:1px solid #d0dce2;font-size:.74rem;font-weight:700}.modern .chip{border-color:#96d9e5;color:#096a87}.arrow-big{font-size:2.4rem;text-align:center;color:var(--gold)}.rings{width:380px;height:380px;position:relative}.ring{position:absolute;inset:var(--inset);border-radius:50%;border:18px solid color-mix(in srgb,var(--blue) var(--mix),#dff4f7);display:grid;place-items:start center;padding-top:8px;color:#0e607c;font-size:.7rem;font-weight:800}.ring:nth-child(1){--inset:0px;--mix:25%}.ring:nth-child(2){--inset:48px;--mix:45%}.ring:nth-child(3){--inset:96px;--mix:65%}.ring:nth-child(4){--inset:144px;--mix:90%;padding:0;place-items:center;color:#fff;background:var(--navy);border-color:var(--navy);text-align:center}.equation{width:min(980px,100%);display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center}.stack{display:grid;gap:10px}.stack .tile{padding:14px 20px;border-radius:9px;background:#edf2f4;color:#607485;font-weight:700}.stack.good .tile{background:#e2f5f8;color:#08718d;border-left:5px solid var(--cyan)}.neq{text-align:center;font-size:3rem;color:var(--gold);font-weight:900}.flow{width:min(1000px,100%);display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center}.flow .step{min-height:180px;padding:22px;display:flex;flex-direction:column;justify-content:center}.flow .step strong{font-size:1.35rem;color:var(--navy);margin-bottom:12px}.flow .connector{text-align:center;color:var(--cyan);font-size:2.2rem}.signal-panel{width:min(960px,100%);display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center}.signal-wave{height:260px;position:relative;background:linear-gradient(180deg,#0b365e,#0b4e71);border-radius:18px;overflow:hidden}.signal-wave:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff13 40px),repeating-linear-gradient(90deg,transparent 0 54px,#ffffff10 55px)}.pulse{position:absolute;left:5%;right:5%;top:48%;height:4px;background:var(--gold);clip-path:polygon(0 45%,12% 45%,15% 12%,18% 85%,22% 45%,40% 45%,44% 0,49% 100%,54% 45%,70% 45%,74% 20%,78% 70%,82% 45%,100% 45%,100% 55%,0 55%)}.pill-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pill-list span{padding:18px;border-radius:10px;background:#eaf7fa;color:#08738f;font-weight:800}.note{grid-column:1/-1;padding:13px 18px;border-left:4px solid var(--gold);background:#fff8e8;color:#5e6670;font-size:.85rem}.split-panel{width:min(1000px,100%);display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-side{min-height:270px;padding:35px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.split-side:first-child{background:#f1f4f6}.split-side:last-child{background:linear-gradient(145deg,#edfaff,#d9f1f5)}.split-side strong{font-size:1.45rem;color:var(--navy);margin-bottom:14px}.split-side span{font-size:1.1rem;line-height:1.4;color:#566d7e}.portfolio{width:min(1000px,100%);height:290px;display:flex;align-items:end;gap:12px}.portfolio .bar{flex:1;height:var(--h);padding:15px 8px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#10a7c5,#145a85);color:#fff;display:grid;place-items:center;text-align:center;font-size:.78rem;font-weight:750}.roles{width:min(1000px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.role{padding:18px 22px;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center}.role b{color:var(--navy)}.role span{font-size:.82rem;color:#64798a}.trail{width:min(1000px,100%);display:flex;align-items:center}.trail-item{flex:1;position:relative;min-height:140px;padding:22px 12px;background:#fff;border:1px solid #bcdce5;text-align:center;display:grid;place-items:center;font-weight:800;color:#155a78}.trail-item:not(:last-child):after{content:"";position:absolute;left:100%;z-index:2;border:18px solid transparent;border-left-color:#2faac0}.shift-scene{width:min(1000px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.shift-scene.right{grid-template-columns:.9fr 1.1fr}.pipeline{height:230px;padding:30px;display:flex;align-items:center;gap:7px;background:#f4f8fa;border-radius:16px}.pipeline span{flex:1;min-height:90px;display:grid;place-items:center;text-align:center;padding:7px;border-radius:8px;background:#fff;border:1px solid #c6dae3;font-size:.72rem;font-weight:700}.shift-accent{height:300px;display:grid;place-items:center;border-radius:45% 55% 55% 45%;background:linear-gradient(145deg,#0b4773,#10afc6);color:#fff;text-align:center;padding:30px;font-size:1.6rem;font-weight:850;box-shadow:0 24px 45px #0b78902f}.observe{width:min(1000px,100%);display:grid;gap:25px}.sources,.steps{display:flex;justify-content:center;gap:10px}.sources span{padding:20px 25px;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;background:#e3f6f9;border:1px solid #9ad6e1;color:#096b86;font-weight:800}.steps span{padding:14px 22px;background:var(--navy);color:#fff;position:relative;font-size:.78rem}.steps span:not(:last-child):after{content:"›";position:absolute;left:100%;width:15px;text-align:center;color:var(--gold);font-size:1.2rem}.automation{width:min(1000px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.gear{width:265px;height:265px;border:36px dashed #0b8dab;border-radius:50%;display:grid;place-items:center;animation:spin 18s linear infinite}.gear:after{content:"FEEDBACK";width:130px;height:130px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:50%;font-size:.86rem;font-weight:900}.paused .gear{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}.quote{padding:20px 23px;background:#fff7e3;border-left:5px solid var(--gold);font-size:1.12rem;font-weight:700;line-height:1.5}.ai-scene{width:min(1000px,100%);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ai-core{width:300px;height:260px;position:relative;display:grid;place-items:center;margin:auto}.ai-brain{width:190px;height:160px;border-radius:48%;background:radial-gradient(circle at 35% 30%,#31c5d5,#0a4a78);box-shadow:0 20px 45px #096c8a3d;display:grid;place-items:center;color:#fff;font-size:2.5rem;font-weight:900}.ai-node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px #f5bd4050}.loop{width:430px;height:330px;position:relative}.loop-center{position:absolute;inset:95px 130px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900;text-align:center}.loop-item{position:absolute;width:110px;padding:13px;text-align:center;border-radius:10px;background:#e5f6f9;color:#08718e;font-size:.75rem;font-weight:800}.questions{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px}.question{min-height:72px;padding:16px 20px;display:flex;align-items:center;gap:15px}.question:last-child{grid-column:1/-1;width:50%;justify-self:center}.question b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff}.summary{width:min(950px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.summary .card{min-height:100px;padding:20px;display:flex;align-items:center;gap:16px;font-weight:800;color:#155777}.options{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:center}.option{min-height:92px;padding:17px 18px;border:1px solid #c3d8e2;border-radius:12px;background:#fff;color:#264d63;text-align:left;font-size:.93rem;cursor:pointer;transition:.18s}.option:hover:not(:disabled){border-color:#18a2bb;transform:translateY(-2px)}.option.selected{border:2px solid var(--blue);background:#e6f6f9}.option.correct{border-color:#1c9a6a;background:#e6f6ed}.option b{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:10px;border-radius:50%;background:#e9f0f4}.feedback{font-weight:700;color:#35576a}.result{height:100%;display:grid;place-items:center;text-align:center}.caption-bar{min-height:54px;padding:9px 35px;display:flex;align-items:center;justify-content:center;background:#123f70;color:#fff;text-align:center;font-size:1rem;line-height:1.25}.controls{padding:9px 20px;display:flex;align-items:center;gap:9px;background:#eef5f8;border-top:1px solid #cbdde6}.control{height:38px;padding:0 14px;border:1px solid #aec7d3;border-radius:7px;background:#fff;color:#234e68;font-weight:700;cursor:pointer}.control:disabled{opacity:.4;cursor:not-allowed}.control.active{background:#dff3f7;color:#087792}.next{margin-left:auto;background:var(--navy);color:#fff}.time-area{flex:1;display:flex;align-items:center;gap:11px;margin-left:5px}.time-area input{flex:1;accent-color:var(--navy)}.time-area span{min-width:92px;font-size:.78rem;font-weight:400;color:#4a6375;white-space:nowrap}@media(max-width:900px){.app-shell{grid-template-columns:66px 1fr}.sidebar{width:66px}.sidebar .lesson .label{display:none}.sidebar .lesson{grid-template-columns:19px 19px;justify-content:center;padding:8px 0}.grid4{grid-template-columns:repeat(2,1fr)}.player-header{padding:10px 15px}}@media(max-width:650px){body{overflow:auto}.app-shell{min-height:100vh}.player-shell{grid-template-rows:70px 60vh 50px auto}.player-header{align-items:start}.stage{padding:18px}.slide-head h2{font-size:1.3rem}.compare,.equation,.shift-scene,.shift-scene.right,.automation,.ai-scene{grid-template-columns:1fr}.compare .arrow-big,.equation .neq{display:none}.visual{overflow:auto}.controls{flex-wrap:wrap}.time-area{order:2;flex-basis:100%}.caption-bar{font-size:.86rem}.options{grid-template-columns:1fr}}