:root{--ink-900:#0b0c0e;--ink-800:#181b20;--ink-700:#23272e;--green:#00d5ae;--green-soft:#62ffe2;--blue:#007ae2;--blue-soft:#60b6ff;--warning:#e98305;--muted:#9aa7b6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ink-900);color:#fff;-webkit-font-smoothing:antialiased;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.shortcuts-hint{color:var(--muted);margin:0 0 10px;font-size:13px}kbd{background:var(--ink-700);border-radius:4px;padding:1px 6px;font-size:12px}.watch{grid-template-columns:minmax(0,1fr) 380px;gap:24px;max-width:1700px;margin:0 auto;padding:24px;display:grid}@media (width<=1100px){.watch{grid-template-columns:1fr}}.primary h1{margin:16px 0 6px;font-size:22px}.primary h2{margin:24px 0 8px;font-size:16px}.description{color:var(--muted);max-width:70ch;margin:0;line-height:1.5}.chapters{gap:4px;max-width:520px;margin:0;padding:0;list-style:none;display:grid}.chapters button,.transcript p button{color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;gap:12px;width:100%;padding:6px 8px;display:flex}.chapters button:hover{background:var(--ink-700)}.chapter-time,.transcript p button{color:var(--blue-soft);font-variant-numeric:tabular-nums}.transcript{max-width:70ch;margin-top:20px}.transcript summary{cursor:pointer;font-weight:600}.transcript p{color:#d6dde6;gap:8px;line-height:1.5;display:flex}.transcript p button{flex:none;width:auto;padding:0}.sidebar h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:12px}.sidebar>div{margin-bottom:20px}.playlist-item{text-align:left;background:0 0;border:0;border-radius:10px;gap:12px;width:100%;margin-bottom:4px;padding:6px;display:flex}.playlist-item:hover{background:var(--ink-800)}.playlist-item.current{background:var(--ink-700)}.playlist-text{align-content:start;gap:4px;font-size:14px;display:grid}.playlist-text span{color:var(--muted);font-size:12px}.thumb{aspect-ratio:16/9;border:1px solid var(--ink-700);background:#0b0c0e;border-radius:8px;flex:none;width:140px;position:relative;overflow:hidden}.thumb-art{pointer-events:none;position:absolute;inset:0;overflow:hidden}.thumb em{background:#000000bf;border-radius:4px;padding:1px 5px;font-size:11px;font-style:normal;font-weight:600;position:absolute;bottom:4px;right:4px}.player{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;cursor:pointer;background:#000;border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.player.is-fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh}.player.idle{cursor:none}.stage-frame{position:absolute;inset:0;overflow:hidden}.stage-canvas{transform-origin:50%;position:absolute;top:50%;left:50%}.stage-page{background:#000;position:fixed;inset:0}.captions{pointer-events:none;justify-content:center;padding:0 8%;transition:bottom .2s;display:flex;position:absolute;bottom:4.5%;left:0;right:0}.captions.lifted{bottom:14%}.captions span{text-align:center;background:#080808c7;border-radius:6px;max-width:90%;padding:.25em .6em;font-size:clamp(12px,2.2cqw,40px);line-height:1.35}.is-fullscreen .captions span{font-size:clamp(22px,2.3cqw,44px)}.osd{pointer-events:none;background:#000000b3;border-radius:999px;padding:10px 20px;font-size:20px;font-weight:600;animation:.9s ease-out forwards osd;position:absolute;top:14%;left:50%;transform:translate(-50%)}@keyframes osd{0%{opacity:0;transform:translate(-50%)scale(.9)}15%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.start-card,.up-next,.help{text-align:center;background:radial-gradient(circle at 50% 40%,#0b0c0e8c,#0b0c0ee6);place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.start-card h2,.up-next h3{max-width:20ch;margin:0;font-size:clamp(20px,3.4vw,44px)}.start-meta{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.big-play{color:#04201b;background:var(--green);border:0;border-radius:50%;width:84px;height:84px;font-size:32px;box-shadow:0 0 0 12px #00d5ae2e}.big-play:hover{transform:scale(1.06)}.preview-badge{color:var(--muted);font-size:13px}.up-next-actions{gap:10px;display:flex}.pill-btn{background:var(--ink-700);border:0;border-radius:999px;padding:10px 20px;font-weight:600}.pill-btn.primary{background:var(--green);color:#04201b}.help{cursor:default;background:#0b0c0ef0}.help h3{margin:0}.help dl{text-align:left;grid-template-columns:repeat(2,minmax(180px,280px));gap:6px 24px;margin:0;font-size:14px;display:grid}.help dl>div{gap:10px;display:flex}.help dt{color:var(--green-soft);min-width:110px;font-weight:700}.help dd{color:#d6dde6;margin:0}.controls-wrap{opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000bf);padding:40px 14px 8px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.controls-wrap.visible{opacity:1;pointer-events:auto}.controls{cursor:default}.seekbar{cursor:pointer;touch-action:none;height:18px;position:relative}.seek-track{background:#ffffff47;border-radius:2px;height:4px;margin-top:-2px;transition:height .12s,margin-top .12s;position:absolute;top:50%;left:0;right:0;overflow:hidden}.seekbar:hover .seek-track,.seekbar.scrubbing .seek-track{height:7px;margin-top:-3.5px}.seek-fill{background:var(--green);height:100%}.seek-gap{background:#000000d9;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.seek-thumb{background:var(--green);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:transform .12s;position:absolute;top:50%;transform:scale(0)}.seekbar:hover .seek-thumb,.seekbar.scrubbing .seek-thumb{transform:scale(1)}.seek-tooltip{text-align:center;white-space:nowrap;pointer-events:none;background:#000000d9;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;bottom:26px;transform:translate(-50%)}.controls-row{align-items:center;gap:4px;font-size:14px;display:flex}.spacer{flex:1}.icon-btn{opacity:.92;background:0 0;border:0;border-radius:8px;place-items:center;padding:8px;display:grid}.icon-btn:hover{opacity:1;background:#ffffff24}.icon-btn.on{color:var(--green)}.time{font-variant-numeric:tabular-nums;margin:0 8px}.chapter-title{color:#d6dde6}.volume{align-items:center;display:flex}.volume input{opacity:0;width:0;accent-color:var(--green);transition:width .2s,opacity .2s}.volume:hover input,.volume input:focus{opacity:1;width:80px;margin-right:8px}.speed{color:inherit;font:inherit;background:0 0;border:0;border-radius:8px;padding:6px}.speed:hover{background:#ffffff24}.speed option{color:#000}.autonext{cursor:pointer;align-items:center;gap:8px;margin-right:8px;font-size:13px;display:flex;position:relative}.autonext input{opacity:0;cursor:pointer;z-index:1;width:30px;height:16px;margin:0;position:absolute}.autonext input:focus-visible+.switch{outline-offset:3px;outline:2px solid #fff}.switch{background:#ffffff59;border-radius:999px;width:30px;height:16px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.autonext input:checked+.switch{background:var(--green)}.autonext input:checked+.switch:after{transform:translate(14px)}.scene{background:linear-gradient(160deg,#101319,#0b0c0e 70%);position:absolute;inset:0;overflow:hidden}.orb{filter:blur(110px);opacity:.5;border-radius:50%;position:absolute}.orb-a{background:var(--green);opacity:.28;width:560px;height:560px;top:-160px;left:-120px}.orb-b{background:var(--blue);opacity:.32;width:620px;height:620px;bottom:-220px;right:-180px}.scene-logo{opacity:.9;height:34px;position:absolute;top:36px;left:44px}.scene-content{place-items:center;padding:100px 90px 70px;display:grid;position:absolute;inset:0}.headline{text-align:center}.headline-line{letter-spacing:-.03em;font-size:104px;font-weight:800;line-height:1.04}.headline-line.accent{background:linear-gradient(90deg, var(--green), var(--blue-soft));color:#0000;-webkit-background-clip:text;background-clip:text}.headline-sub{color:#cdd6e0;margin-top:28px;font-size:34px}.phone-layout{justify-content:center;align-items:center;gap:90px;width:100%;display:flex}.phone-copy{flex:1;max-width:500px}.eyebrow{letter-spacing:-.02em;font-size:66px;font-weight:800;line-height:1.08}.phone-note{color:var(--green-soft);margin-top:24px;font-size:28px}.phone{background:#1a1d22;border:3px solid #2d333c;border-radius:46px;padding:10px;box-shadow:0 30px 80px #0000008c,0 0 90px #00d5ae1f}.phone-screen{background:#fff;border-radius:36px;overflow:hidden}.steps{width:100%}.steps-title{text-align:center;margin-bottom:56px;font-size:54px;font-weight:800}.steps-row{justify-content:center;align-items:center;width:100%;display:flex}.step-wrap{flex:1 1 0;align-items:center;min-width:0;max-width:340px;display:flex}.step-card{background:#1c2027;border:2px solid #2d333c;border-radius:26px;flex:1;min-width:0;min-height:180px;padding:26px 22px}.step-card.green{border-color:var(--green);box-shadow:0 0 50px #00d5ae29}.step-card.blue{border-color:var(--blue);box-shadow:0 0 50px #007ae22e}.step-card.warning{border-color:var(--warning)}.step-index{background:#2d333c;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:16px;font-weight:800;display:grid}.step-card.green .step-index{background:var(--green);color:#04201b}.step-card.blue .step-index{background:var(--blue)}.step-label{font-size:26px;font-weight:700;line-height:1.15}.step-detail{color:var(--muted);margin-top:10px;font-size:18px}.step-arrow{background:#2d333c;border-radius:2px;flex:none;width:36px;height:4px;margin:0 4px;overflow:hidden}.step-arrow div{background:linear-gradient(90deg, var(--green), var(--blue));transform-origin:0;height:100%}.split{gap:40px;width:100%;display:flex}.split-col{background:#1c2027;border:2px solid #2d333c;border-radius:28px;flex:1;padding:36px}.split-col.green{border-color:#00d5ae99}.split-col.blue{border-color:#007ae2b3}.split-title{margin-bottom:22px;font-size:40px;font-weight:800}.split-col.green .split-title{color:var(--green-soft)}.split-col.blue .split-title{color:var(--blue-soft)}.split-point{gap:14px;margin-bottom:16px;font-size:25px;line-height:1.3;display:flex}.check{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:grid}.split-col.green .check{background:var(--green);color:#04201b}.split-col.blue .check{background:var(--blue)}@font-face{font-family:Space Grotesk;font-weight:400;src:url(/learn/fonts/SpaceGrotesk-Regular.ttf)}@font-face{font-family:Space Grotesk;font-weight:500;src:url(/learn/fonts/SpaceGrotesk-Medium.ttf)}@font-face{font-family:Space Grotesk;font-weight:600;src:url(/learn/fonts/SpaceGrotesk-SemiBold.ttf)}@font-face{font-family:Space Grotesk;font-weight:700;src:url(/learn/fonts/SpaceGrotesk-Bold.ttf)}.scene-content.wide{padding:90px 40px 50px}.journey{position:relative}.journey-lane{border:1px solid;border-radius:22px;position:absolute;left:0;right:0}.journey-lane-label{gap:2px;width:100px;display:grid;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.journey-lane-label b{font-size:24px}.journey-lane-label span{color:var(--muted);font-size:14px}.journey-svg{position:absolute;inset:0;overflow:visible}.journey-node{text-align:left;background:#1c2027;border:2px solid;border-radius:16px;align-content:start;gap:6px;padding:10px 8px 8px;font-size:14px;font-weight:600;line-height:1.2;display:grid;position:absolute}.journey-node span{color:#04201b;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.journey-via{color:var(--green-soft);white-space:nowrap;z-index:2;background:#0b0c0e;border:1px solid #2d333c;border-radius:999px;padding:2px 10px;font-size:12px;position:absolute;transform:translate(-50%,-50%)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{background:var(--ink-700);border:0;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600}.chip:hover{background:#2d333c}.chip.active{color:#121212;background:#fff}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212f2;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.site-header-bar{justify-content:space-between;align-items:center;gap:24px;max-width:1700px;height:64px;margin:0 auto;padding:0 24px;display:flex}.site-logo img{width:auto;height:36px;display:block}.site-nav{align-items:center;gap:40px;display:none}.site-link,.site-mobile-link{color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:color .15s}.site-link:hover,.site-mobile-link:hover,.site-link.current,.site-mobile-link.current{color:var(--green-soft)}.site-auth{align-items:center;gap:12px;display:none}.btn-outline,.btn-solid{text-align:center;border-radius:999px;min-width:110px;padding:10px 24px;font-size:16px;font-weight:600;text-decoration:none}.btn-outline{color:#fff;border:1px solid #ffffff4d}.btn-outline:hover{background:#ffffff1a}.btn-solid{color:#121212;background:#fff}.btn-solid:hover{background:#f3f4f6}.site-menu-btn{background:0 0;border:0;padding:8px}.site-menu-btn:hover{color:var(--green-soft)}.site-mobile{border-top:1px solid #ffffff14;gap:4px;padding:16px 24px 20px;display:grid}.site-mobile-link{padding:10px 0}.site-mobile-auth{border-top:1px solid #ffffff14;gap:12px;padding-top:12px;display:grid}@media (width>=1024px){.site-header-bar{height:80px}.site-logo img{height:48px}.site-nav,.site-auth{display:flex}.site-menu-btn,.site-mobile{display:none}}.time{white-space:nowrap}@container (width<=560px){.chapter-title,.volume input,.autonext,.speed{display:none}.time{margin:0 4px;font-size:13px}}