@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/source-serif-4.woff2)format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-italic.woff2)format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/archivo.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500.woff2)format("woff2")}:root{--ground:#e7e4dd;--paper:#f7f4ee;--card:#fffdf8;--ink:#1c1a17;--ink2:#45413a;--ink3:#5a554b;--muted:#6b6454;--line:#e0dacd;--line2:#d8d0bf;--accent:#b2472b;--pad:56px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:32px 16px 64px;font-family:Archivo,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{height:auto}a:hover{color:var(--accent)}button{font:inherit;color:inherit}.serif{font-family:"Source Serif 4",Georgia,serif}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.muted{color:var(--muted)}.accent{color:var(--accent)}.strong{font-weight:600}.right{text-align:right}.small{font-size:14px;line-height:1.5}.tiny{letter-spacing:.04em;font-size:12px}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px}.sheet{background:var(--paper);max-width:1180px;margin:0 auto;overflow:hidden;box-shadow:0 24px 60px #1c1a1724}.bar{padding:22px var(--pad);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand-name{letter-spacing:-.01em;font-family:"Source Serif 4",Georgia,serif;font-size:26px;font-weight:600}.crumb{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right;font-size:11px}.bar-right{align-items:center;gap:20px;display:flex}.langs{border:1px solid var(--line2);background:var(--card);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.langs a{letter-spacing:.12em;text-align:center;min-width:34px;color:var(--muted);border-radius:999px;padding:6px 10px 5px;font-size:11px;font-weight:500;line-height:1;transition:background-color .15s,color .15s;display:block}.langs a:hover{color:var(--ink);background:var(--ground)}.langs a.is-on{background:var(--ink);color:var(--paper);pointer-events:none}.langs a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero{padding:72px var(--pad) 64px;grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.hero-copy{flex-direction:column;gap:26px;display:flex}h1{letter-spacing:-.02em;text-wrap:pretty;margin:0;font-weight:500}.hero h1{font-size:clamp(40px,6vw,68px);line-height:1.02}h1.big{font-size:clamp(36px,5vw,52px);line-height:1.05}h1.mid{font-size:clamp(32px,4.5vw,42px);line-height:1.06}h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:500}h3{margin:0;font-size:24px;font-weight:500}.lead{max-width:56ch;color:var(--ink2);text-wrap:pretty;margin:0;font-size:17px;line-height:1.6}.hero .lead{max-width:46ch;font-size:18px}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn{background:var(--ink);color:var(--paper);border-radius:2px;padding:15px 26px;font-size:16px;font-weight:600}.btn:hover{background:var(--accent);color:var(--paper)}.btn-outline{border:1px solid var(--ink);white-space:nowrap;padding:11px 18px;font-size:14px;font-weight:600}.btn-outline:hover{background:var(--ink);color:var(--paper)}.hero-covers{height:460px;position:relative}.hero-covers img{aspect-ratio:1600/2560;object-fit:cover;border:1px solid var(--line);width:52%;left:calc(4% + var(--i)*14%);top:calc(2% + var(--i)*5%);transform:rotate(calc(-6deg + var(--i)*4deg));position:absolute;box-shadow:0 14px 30px #1c1a1738}.block{border-top:1px solid var(--line);padding:56px var(--pad);flex-direction:column;gap:28px;display:flex}.block-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.block-head.pad{padding:28px var(--pad) 12px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.series-card{background:var(--card);border:1px solid var(--line);grid-template-columns:116px 1fr;align-items:start;gap:22px;padding:22px;display:grid}.series-card:hover{border-color:var(--ink);color:inherit}.series-cover{aspect-ratio:1600/2560;object-fit:cover;border:1px solid var(--line);width:116px}.series-text{flex-direction:column;gap:9px;display:flex}.series-title{font-size:25px;font-weight:600;line-height:1.1}.chips{flex-wrap:wrap;gap:8px;padding-top:3px;display:flex}.chip{border:1px solid var(--line2);padding:6px 10px;font-size:12px}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;display:grid}.features>div{flex-direction:column;gap:10px;display:flex}.features p{color:var(--ink2);margin:0;font-size:15px;line-height:1.6}.foot{border-top:1px solid var(--line);padding:34px var(--pad);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.foot-name{color:var(--ink);font-size:18px}.intro{padding:52px var(--pad) 40px;flex-direction:column;gap:18px;display:flex}.back{color:var(--ink3)}.rows{border-top:1px solid var(--line)}.level-row{padding:22px var(--pad);border-bottom:1px solid var(--line);grid-template-columns:74px 1fr 150px 130px;align-items:center;gap:24px;display:grid}.level-row:hover{background:var(--card);color:inherit}.level-code{font-size:30px;font-weight:600}.level-name{flex-direction:column;gap:4px;font-size:16px;display:flex}.buy{border-top:1px solid var(--line);padding:34px var(--pad);background:var(--card);align-items:center;gap:16px;display:flex}.buy-cover{aspect-ratio:1600/2560;object-fit:cover;border:1px solid var(--line);width:74px}.buy-text{flex-direction:column;gap:4px;font-size:15px;display:flex}.buy .btn-outline{margin-left:auto}.book-head{padding:44px var(--pad) 36px;grid-template-columns:150px 1fr;align-items:start;gap:32px;display:grid}.book-head .back{grid-column:1/-1;margin-bottom:-14px}.book-cover{aspect-ratio:1600/2560;object-fit:cover;border:1px solid var(--line);width:150px;box-shadow:0 10px 24px #1c1a1724}.book-copy{flex-direction:column;gap:14px;display:flex}.units{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.unit{padding:18px var(--pad);border-top:1px solid var(--line);align-items:flex-start;gap:14px;display:flex}.unit:hover{background:var(--card);color:inherit}.unit-text{flex-direction:column;gap:6px;font-size:15px;display:flex}.pager{padding:26px var(--pad);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:15px;display:flex}.player{background:var(--card);border:1px solid var(--line);flex-direction:column;gap:16px;padding:22px 24px;display:flex}.player-top{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.play{background:var(--ink);width:54px;height:54px;color:var(--paper);cursor:pointer;border:none;border-radius:50%;flex:none;font-size:17px}.play:hover,.play:focus-visible{background:var(--accent)}.player-title{flex-direction:column;flex:1;gap:6px;min-width:200px;font-size:16px;display:flex}.speeds{gap:8px;display:flex}.speeds button{border:1px solid var(--line2);color:var(--ink2);cursor:pointer;background:0 0;padding:7px 10px;font-size:12px}.speeds button.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.player-wave{align-items:center;gap:14px;display:flex}.wave{cursor:pointer;outline-offset:4px;flex:1;align-items:center;gap:3px;height:40px;display:flex}.wave span{height:calc(var(--h)*40px);background:var(--line2);transform-origin:50%;border-radius:1px;flex:1}.wave span.is-done{background:var(--accent)}.player.is-playing .wave span.is-now{animation:.7s ease-in-out infinite vbpulse}@keyframes vbpulse{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.player.is-playing .wave span.is-now{animation:none}}.player-links{color:var(--ink3);flex-wrap:wrap;gap:20px;display:flex}.linkish{cursor:pointer;color:var(--ink3);background:0 0;border:none;padding:0}.linkish:hover{color:var(--accent)}.tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.track{border:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer;flex-direction:column;gap:5px;padding:14px 16px;font-size:14px;display:flex}.track:hover{border-color:var(--ink)}.track.is-active{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}.track.is-off{cursor:default;opacity:.55}.track.is-off:hover{border-color:var(--line)}@media (width<=900px){:root{--pad:24px}body{padding:0}.hero{grid-template-columns:1fr;gap:32px;padding-top:48px}.hero-covers{max-width:420px;height:340px}.series-grid,.features,.units{grid-template-columns:1fr}.level-row{grid-template-columns:52px 1fr;gap:6px 16px}.level-row>.mono,.level-row>.right{text-align:left;grid-column:2}.book-head{grid-template-columns:96px 1fr;gap:20px}.book-cover{width:96px}.tracks{grid-template-columns:1fr}.buy{flex-wrap:wrap}.buy .btn-outline{margin-left:0}.crumb{display:none}}