:root{--nav-h:60px;--board:#1d2623;--board-edge:#2a3531;--chalk:#efece3;--chalk-2:#efece3bd;--chalk-3:#efece399;--chalk-faint:#efece31a;--chalk-accent:#f2a688;--surface-line:var(--ink);--surface-accent:var(--accent);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-ink:cubic-bezier(.65, 0, .35, 1);--ease-stamp:cubic-bezier(.2, 1.5, .35, 1);--graph-line:#466ea51a;--graph-strong:#466ea533}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--board:#1c2724;--board-edge:#2c3834;--graph-line:#ebe7dc0b;--graph-strong:#ebe7dc17}}:root[data-theme=dark]{--board:#18211f;--board-edge:#26302d;--graph-line:#ebe7dc0b;--graph-strong:#ebe7dc17}html{scroll-padding-top:calc(var(--nav-h) + 12px)}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}.landing{overflow-x:clip}.landing main:focus{outline:none}.l-wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:16px}.l-section{padding-block:clamp(64px,8.5vw,116px)}.l-h2{letter-spacing:-.024em;max-width:16em;font-size:clamp(2.05rem,4.6vw,3.5rem);font-weight:500;line-height:1.04}.l-h3{letter-spacing:-.015em;font-size:clamp(1.45rem,2.6vw,1.9rem);font-weight:500}.l-text{color:var(--ink-2);max-width:36em;font-size:1.075rem;line-height:1.62}.sheet{--margin-x:34px;min-width:0;padding:22px 16px 22px calc(var(--margin-x) + 12px);border:1px solid var(--rule);background-color:var(--sheet);background-image:linear-gradient(to right, transparent calc(var(--margin-x) - 1px), var(--seyes-margin) calc(var(--margin-x) - 1px), var(--seyes-margin) var(--margin-x), transparent var(--margin-x)), repeating-linear-gradient(to bottom, transparent 0 31px, var(--seyes-strong) 31px 32px), repeating-linear-gradient(to bottom, transparent 0 7px, var(--seyes-line) 7px 8px), repeating-linear-gradient(to right, transparent 0 31px, var(--seyes-line) 31px 32px);border-radius:4px;margin:0;position:relative;box-shadow:0 1px #1b21300a,0 24px 48px -28px #1b213052,0 4px 12px -8px #1b213024}.board{isolation:isolate;color:var(--chalk);background-color:var(--board);border:1px solid var(--board-edge);background-image:radial-gradient(60% 45% at 18% 12%,#ffffff0e,#0000 70%),radial-gradient(50% 40% at 85% 88%,#ffffff0a,#0000 70%),linear-gradient(104deg,#0000 32%,#ffffff06 44%,#0000 58%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:18px;position:relative;box-shadow:inset 0 1px #ffffff0a,inset 0 -14px 30px -18px #00000080,0 30px 60px -36px #1018168c}.board ::selection{color:var(--chalk);background:#f2a68859}.board :focus-visible{outline-color:var(--chalk-accent)}.l-nav{z-index:30;height:var(--nav-h);background:color-mix(in oklab, var(--paper) 90%, transparent);border-bottom:1px solid color-mix(in oklab, var(--rule) 70%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);position:sticky;top:0}.l-nav-in{align-items:center;gap:12px;height:100%;display:flex}.l-nav .brand{margin-right:auto;font-size:1.22rem}.l-nav-links{gap:4px;display:none}.l-nav-links a,.l-nav-login{min-height:44px;color:var(--ink-2);border-radius:var(--radius-s);transition:color .16s var(--ease);align-items:center;padding:0 10px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.l-nav-links a:hover,.l-nav-login:hover{color:var(--ink)}.l-nav-links a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}.l-nav-tools{align-items:center;gap:2px;display:flex}.l-lang{border:1px solid var(--rule-strong);border-radius:999px;padding:2px;display:inline-flex}.l-lang button{min-width:34px;min-height:30px;color:var(--ink-3);letter-spacing:.06em;background:0 0;border:0;border-radius:999px;font-size:.75rem;font-weight:700}.l-lang button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}@media (max-width:419px){.l-nav .brand-beta,.l-nav .l-brand-name{display:none}}.l-nav-cta{min-height:40px;padding:0 14px;font-size:.9rem;display:none}.hero{padding-top:12px}.hero-board{grid-template-areas:"art""text";align-content:center;gap:4px;padding:14px 20px 28px;display:grid}.board-ghosts{border-radius:inherit;pointer-events:none;z-index:-1;font-family:var(--font-text);color:var(--chalk);font-style:italic;position:absolute;inset:0;overflow:hidden}.board-ghosts span{white-space:nowrap;opacity:.07;filter:blur(.6px);font-size:clamp(1.6rem,3.2vw,2.6rem);position:absolute}.board-ghosts span:first-child{top:7%;right:6%;rotate:-4deg}.board-ghosts span:last-child{bottom:6%;left:5%;rotate:3deg}@media (max-width:899px){.board-ghosts span:first-child{display:none}}.hero-text{grid-area:text;align-content:center;gap:16px;min-width:0;display:grid}.hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-accent);font-size:.78rem;font-weight:700}.hero-title{letter-spacing:-.028em;color:var(--chalk);text-wrap:balance;text-shadow:0 0 1px #efece340;font-size:clamp(2.3rem,10.4vw,5rem);font-weight:460;line-height:1.04}.h-em{color:var(--chalk-accent);white-space:nowrap;padding-bottom:.06em;font-style:italic;font-weight:500;position:relative}.h-underline{width:104%;height:.32em;position:absolute;bottom:-.16em;left:-2%;overflow:visible}.h-underline path{fill:none;stroke:var(--chalk-accent);stroke-width:2.4px;stroke-linecap:round;opacity:.85}.hero-lead{color:var(--chalk-2);max-width:31em;font-size:1.02rem;line-height:1.58}.hero-ctas{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.hero-art{grid-area:art;grid-template-rows:auto auto;min-width:0;display:grid}.hero-art-frame{height:180px;position:relative}.hero-axes,.hero-static,.hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-static path{fill:none;stroke:var(--chalk);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hero-axes path{fill:none;stroke:var(--chalk);stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.16}.hero-canvas{opacity:0;transition:opacity .6s var(--ease)}.hero-board[data-live] .hero-canvas{opacity:1}.hero-caption{display:none}.btn-lg{border-radius:var(--radius-m);min-height:52px;padding:0 22px;font-size:1rem}.btn-chalk{background:var(--chalk);color:#18201d;transition:background-color .16s var(--ease), transform .42s var(--ease-out), box-shadow .2s var(--ease);box-shadow:0 10px 24px -14px #0009}.btn-chalk:hover{background:#fff}.btn-chalk[data-magnet=on]{transition:background-color .16s var(--ease), transform .14s linear}.btn-chalk svg{transition:transform .22s var(--ease-out)}.btn-chalk:hover svg{transform:translate(3px)}.btn-chalk-quiet{color:var(--chalk);background:0 0;border-color:#efece34d}.btn-chalk-quiet:hover{background:#efece30f;border-color:#efece399}.chalk-chip{min-height:40px;color:var(--chalk-2);transition:border-color .16s var(--ease), color .16s var(--ease);background:0 0;border:1px solid #efece338;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}.chalk-chip:hover{color:var(--chalk);border-color:#efece380}.chalk-chip svg{transition:transform .5s var(--ease-out)}.chalk-chip:hover svg{transform:rotate(-200deg)}.story{padding-top:clamp(64px,8.5vw,116px)}.story-track{position:relative}.story-sentinel{width:1px;left:0;top:calc(var(--i) * 70vh);top:calc(var(--i) * 70svh);pointer-events:none;height:70svh;position:absolute}.story-sentinel[data-index="3"]{height:110svh}.story-stage{gap:28px;display:grid}.story[data-anim] .story-track{height:320svh}.story[data-anim] .story-stage{top:var(--nav-h);height:calc(100vh - var(--nav-h));height:calc(100svh - var(--nav-h));grid-template-rows:auto 1fr;align-content:start;gap:14px;padding-block:14px;position:sticky}.story-copy{align-content:start;gap:22px;min-width:0;display:grid}.story-steps{--p:1;--q:1;isolation:isolate;gap:6px;margin:0;padding:0;list-style:none;display:grid;position:relative}.story-step-btn{text-align:left;width:100%;color:inherit;border-radius:var(--radius-s);background:0 0;border:0;grid-template-columns:34px 1fr;gap:12px;padding:8px 10px 8px 0;display:grid}button.story-step-btn{cursor:pointer}.story-num{border:1px solid var(--rule-strong);background:var(--paper);width:34px;height:34px;font-family:var(--font-text);color:var(--ink-2);transition:background-color .24s var(--ease), color .24s var(--ease), border-color .24s var(--ease);border-radius:50%;place-items:center;font-size:1.15rem;font-weight:600;display:grid}.story-step-text{gap:2px;padding-top:5px;display:grid}.story-step-text strong{font-family:var(--font-text);font-size:1.28rem;font-weight:600;line-height:1.2}.story-step-text span{color:var(--ink-2);font-size:.96rem;line-height:1.5}.story[data-anim] .story-step{transition:opacity .3s var(--ease)}.story[data-anim] .story-step:not([data-active]) .story-step-text,.story[data-anim] .story-step:not([data-active]) .story-step-text span{color:var(--ink-3)}.story-step-text,.story-step-text span{transition:color .3s var(--ease)}.story[data-anim] .story-step[data-done] .story-num,.story[data-anim] .story-step[data-active] .story-num{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.story[data-anim] .story-step[data-active] .story-num{background:var(--accent);border-color:var(--accent);color:#fff}.story-steps:before,.story-steps:after{content:"";background:var(--rule-strong);z-index:-1;width:1px;position:absolute;top:26px;bottom:26px;left:16.5px}.story-steps:after{background:var(--accent);transform-origin:top;transform:scaleY(var(--p));transition:transform .6s var(--ease-out)}.story-stage[data-step="-1"] .story-steps{--p:0;--q:0}.story-stage[data-step="0"] .story-steps{--p:0;--q:.25}.story-stage[data-step="1"] .story-steps{--p:.34;--q:.5}.story-stage[data-step="2"] .story-steps{--p:.67;--q:.75}.story-sheet{align-content:start;align-self:start;gap:14px;font-size:.95rem;display:grid;overflow:hidden}.st-composer{border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--paper);transition:opacity .4s var(--ease), transform .4s var(--ease);grid-template-columns:1fr auto;grid-template-areas:"label label""code send";align-items:center;gap:4px 10px;padding:8px 8px 8px 12px;display:grid}.st-composer-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);grid-area:label;font-size:.72rem;font-weight:700}.st-source{min-height:1.5em;font-family:var(--font-mono);color:var(--ink);white-space:pre;grid-area:code;font-size:.92rem;overflow:hidden}.st-send{background:var(--ink);width:34px;height:34px;color:var(--on-ink);transition:transform .3s var(--ease-stamp);border-radius:50%;grid-area:send;place-items:center;display:grid}.caret{vertical-align:-.15em;background:var(--accent);width:2px;height:1.05em;margin-left:1px;animation:1s step-end infinite caret-blink;display:inline-block}.caret-ink{height:1.3em;margin-left:6px}.st-question{transition:opacity .45s var(--ease), transform .45s var(--ease-out);font-size:1.02rem;font-weight:700}.st-answer{font-family:var(--font-text);gap:2px;font-size:1.12rem;line-height:1.5;display:grid;position:relative}.st-display{scrollbar-width:none;font-size:.86em;overflow:auto hidden}.st-display .katex-display{text-align:left;margin:.35em 0}.st-display .katex-display>.katex{text-align:left}.st-end{flex-wrap:wrap;align-items:center;gap:6px;font-size:.95em;display:flex}.st-final{margin-left:.3em;padding:0 .35em;display:inline-block;position:relative}.pen-circle{pointer-events:none;width:160%;height:196%;position:absolute;top:-48%;left:-30%;overflow:visible}.pen-circle path,.pen-tick path{fill:none;stroke:var(--accent);stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.pen-tick{left:calc(-1 * var(--margin-x) - 4px);width:26px;height:26px;position:absolute;bottom:2px}.st-line{transition:clip-path .9s var(--ease-ink), opacity .24s var(--ease);transition-delay:calc(var(--k) * .52s)}.st-check{border:1px solid var(--rule);border-radius:var(--radius-m);background:color-mix(in oklab, var(--paper) 70%, var(--sheet));transition:opacity .4s var(--ease), transform .5s var(--ease-out);gap:6px;padding:10px 12px;display:grid}.st-check-head{color:var(--ink-2);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.st-check{position:relative}.st-running{color:var(--ink-3);opacity:0;transition:opacity .2s var(--ease);align-items:center;gap:6px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:12px}.st-check[data-running] .st-running{opacity:1}.tool-spinner{border:2px solid var(--rule-strong);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin-soft}.st-code{font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;min-height:2.6em;font-size:.8rem}.st-prompt{color:var(--accent-ink);font-weight:700}.st-result{transition:opacity .3s var(--ease);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.st-out{font-family:var(--font-mono);font-size:.95rem;font-weight:700}.st-equal{min-height:24px;font-size:.75rem}.st-role{color:var(--ink-3);flex-basis:100%;font-size:.78rem}.st-role code{font-family:var(--font-mono);color:var(--ink-2);overflow-wrap:anywhere;font-size:.95em}.st-stamp-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.st-stamp{min-height:40px;box-shadow:0 0 0 3px color-mix(in oklab, var(--ok) 14%, transparent);margin:0;padding:4px 16px 4px 12px;font-size:1.02rem;position:relative;transform:rotate(-4deg)}.st-stamp:after{content:"";border-radius:inherit;border:2px solid var(--ok);opacity:0;pointer-events:none;position:absolute;inset:-3px}.st-replay{border:1px solid var(--rule-strong);background:var(--paper);min-height:36px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.82rem;font-weight:600;display:inline-flex}.story[data-anim] .st-composer:not([data-sent])~.st-question{opacity:0;transform:translateY(8px)}.story[data-anim] .st-composer[data-sent]{opacity:.55}.story[data-anim] .st-composer[data-sent] .st-send{transform:scale(.86)}.story[data-anim] .story-stage:not([data-s0]) .st-composer{opacity:.4}.story[data-anim] .story-stage:not([data-s1]) .st-line{clip-path:inset(-40px 100% -40px 0);opacity:0;transition-delay:0s}.story[data-anim] .story-stage[data-s1] .st-line{clip-path:inset(-40px -40px -40px 0)}.story[data-anim] .story-stage:not([data-s2]) .st-check{opacity:0;transform:translateY(14px)}.story[data-anim] .st-check:not([data-done]) .st-result{opacity:0}.story[data-anim] .story-stage:not([data-s3]) .st-stamp{opacity:0;transform:scale(1.6)rotate(-12deg)}.story[data-anim] .story-stage:not([data-s3]) .pen-circle path,.story[data-anim] .story-stage:not([data-s3]) .pen-tick path{stroke-dashoffset:1px}.story[data-anim] .pen-circle path{transition:stroke-dashoffset .7s var(--ease-ink) 80ms}.story[data-anim] .pen-tick path{transition:stroke-dashoffset .38s var(--ease-ink) .7s}html[data-motion] .story[data-anim] .story-stage[data-s3] .st-stamp{animation:stamp .56s var(--ease-stamp) .52s both}html[data-motion=full] .story[data-anim] .story-stage[data-s3] .st-stamp:after{animation:ink-ring .7s var(--ease-out) .76s both}.story-legend{gap:26px;padding-top:clamp(56px,8vw,96px);display:grid}.story[data-anim] .story-legend{padding-top:24px}.legend-list{gap:20px;margin:0;display:grid}.legend-list>div{border-top:1px solid var(--rule);gap:8px;padding-top:16px;display:grid}.legend-list dt{margin:0}.legend-list dd{color:var(--ink-2);max-width:34em;margin:0;line-height:1.55}.modes-grid{gap:28px;display:grid}.modes-side{align-content:start;gap:24px;display:grid}.modes-tabs{gap:8px;display:grid}.mode-tab{--mx:50%;--my:50%;border-radius:var(--radius-l);text-align:left;width:100%;color:var(--ink-2);transition:background-color .22s var(--ease), border-color .22s var(--ease), color .22s var(--ease);background:0 0;border:1px solid #0000;grid-template-columns:42px 1fr;align-items:start;gap:12px;padding:12px 14px;display:grid;position:relative;overflow:hidden}.mode-tab:before{content:"";background:radial-gradient(260px circle at var(--mx) var(--my), color-mix(in oklab, var(--mode) 12%, transparent), transparent 70%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none;position:absolute;inset:0}.mode-tab:hover:before{opacity:1}.mode-tab:hover{color:var(--ink)}.mode-tab[aria-selected=true]{background:var(--sheet);border-color:var(--rule);color:var(--ink);box-shadow:var(--shadow)}.mode-tab-icon{border:1px solid color-mix(in oklab, var(--mode) 40%, transparent);width:42px;height:42px;color:var(--mode);transition:background-color .22s var(--ease), color .22s var(--ease);border-radius:50%;place-items:center;display:grid}.mode-tab[aria-selected=true] .mode-tab-icon{background:var(--mode);color:var(--sheet)}.mode-tab-text{gap:3px;display:grid}.mode-tab-text strong{font-family:var(--font-text);font-size:1.32rem;font-weight:600;line-height:1.2}.mode-tab-text span{font-size:.93rem;line-height:1.5}.modes-sheet{view-transition-name:modes-sheet;min-height:400px}.modes-sheet:focus-visible{outline-offset:4px}.panel{align-content:start;gap:16px;display:grid}.panel-title{font-family:var(--font-text);font-size:1.4rem;font-weight:600}.scheme{gap:8px;display:grid}.scheme-head{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);justify-content:flex-end;font-size:.72rem;font-weight:700;display:flex}.scheme-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.scheme-row{font-family:var(--font-text);grid-template-columns:1fr auto;align-items:baseline;gap:12px;font-size:1.1rem;line-height:1.45;display:grid}.scheme-n{font-weight:700}.scheme-pts{font-family:var(--font-ui);color:var(--accent-ink);white-space:nowrap;border:1.5px solid;border-radius:999px;padding:1px 9px;font-size:.85rem;font-weight:700}.scheme-total{border-top:2px solid var(--accent);font-family:var(--font-text);justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:10px;font-size:1.2rem;font-weight:600;display:flex}.scheme-total strong{color:var(--accent-ink);font-size:1.9rem}.panel-q{font-weight:700}.solve-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.solve-row{align-items:center;gap:10px;min-width:0;font-size:1.05rem;display:flex}.solve-math{scrollbar-width:none;min-width:0;padding-block:4px;overflow:auto hidden}.solve-check{background:var(--ok-wash);width:24px;height:24px;color:var(--ok);border-radius:50%;flex:none;place-items:center;display:grid}.solve-badge{justify-self:start;margin:4px 0 0}.tutor-student{background:var(--ink);max-width:85%;color:var(--on-ink);border-radius:14px 14px 4px;justify-self:end;padding:10px 14px;font-size:.98rem}.hint-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hint{border-left:3px solid var(--ok);background:color-mix(in oklab, var(--ok-wash) 60%, transparent);border-radius:0 var(--radius-m) var(--radius-m) 0;gap:2px;padding:10px 14px;display:grid}.hint-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ok);font-size:.72rem;font-weight:700}.hint-text{font-family:var(--font-text);font-size:1.1rem;line-height:1.45}.hint-foot{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hint-meter{color:var(--ink-3);font-size:.8rem}.hint-done{color:var(--ink-2);font-style:italic}.annales-grid{gap:40px;display:grid}.annales-stage{height:400px;position:relative}.papers{place-items:center;display:grid;position:absolute;inset:0}.paper{--margin-x:26px;aspect-ratio:.74;width:min(56%,290px);padding:16px 14px 14px calc(var(--margin-x) + 10px);border:1px solid var(--rule);background-color:var(--sheet);background-image:linear-gradient(to right, transparent calc(var(--margin-x) - 1px), var(--seyes-margin) calc(var(--margin-x) - 1px), var(--seyes-margin) var(--margin-x), transparent var(--margin-x)), repeating-linear-gradient(to bottom, transparent 0 23px, var(--seyes-strong) 23px 24px), repeating-linear-gradient(to bottom, transparent 0 5px, var(--seyes-line) 5px 6px);transform-origin:50% 90%;translate:var(--tx) var(--ty);rotate:var(--r);border-radius:4px;grid-area:1/1;grid-template-rows:auto auto 1fr;align-content:start;gap:10px;display:grid;box-shadow:0 1px #1b21300a,0 18px 36px -22px #1b213066}.paper:first-child{--tx:-44%;--ty:7%;--r:-15deg}.paper:nth-child(2){--tx:-15%;--ty:-2%;--r:-5deg}.paper:nth-child(3){--tx:15%;--ty:-1%;--r:5deg}.paper:nth-child(4){--tx:44%;--ty:8%;--r:15deg}.paper-head{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;gap:4px 10px;font-size:.66rem;font-weight:700;display:flex}.paper-head span:first-child{color:var(--accent-ink)}.paper-ex{font-family:var(--font-text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;font-size:1rem;font-weight:700}.paper-math{font-size:.98rem;overflow:hidden}.chips{pointer-events:none;display:none;position:absolute;inset:0}.chip-fly{border:1.5px solid var(--accent);background:var(--sheet);color:var(--accent-ink);white-space:nowrap;will-change:transform, opacity;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:700;position:absolute;box-shadow:0 8px 18px -10px #1b213073}.chip-fly:first-child{top:14%;left:4%}.chip-fly:nth-child(2){top:8%;left:52%}.chip-fly:nth-child(3){top:40%;left:14%}.chip-fly:nth-child(4){top:34%;left:58%}.chip-fly:nth-child(5){top:66%;left:6%}.chip-fly:nth-child(6){top:60%;left:50%}.chip-fly:nth-child(7){top:86%;left:22%}.chip-fly:nth-child(8){top:84%;left:60%}.annales-copy{align-content:start;gap:18px;min-width:0;display:grid}.annales-note{font-style:italic}.annales-cta{justify-self:start}.annales-cta svg{transition:transform .22s var(--ease-out)}.annales-cta:hover svg{transform:translate(3px)}.index-title{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:18px;font-size:.75rem;font-weight:700}.index{gap:2px;margin:0;padding:0;list-style:none;display:grid}.index li{border-radius:var(--radius-s);font-family:var(--font-text);align-items:baseline;gap:8px;margin-inline:-6px;padding:4px 6px;font-size:1.04rem;line-height:1.35;display:flex}.index-dots{border-bottom:1.5px dotted var(--rule-strong);flex:1;min-width:18px;transform:translateY(-4px)}.index-count{color:var(--accent-ink);font-weight:700}.marquee{border-block:1px solid var(--rule);margin-top:clamp(64px,9vw,110px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{width:max-content;display:flex}.marquee-row{flex:none;margin:0;padding:18px 0;list-style:none;display:flex}.marquee-row li{white-space:nowrap;font-family:var(--font-text);color:var(--ink-2);align-items:center;font-size:clamp(1.25rem,2.4vw,1.75rem);font-style:italic;display:flex}.marquee-row li:after{content:"/";color:var(--accent);opacity:.7;margin-inline:22px;font-style:normal}.marquee-toggle{background:var(--paper);border:1px solid var(--rule-strong);z-index:1;border-radius:999px;position:absolute;top:50%;right:10px;translate:0 -50%}.light-grid{align-items:center;gap:32px;display:grid}.light-copy{gap:18px;display:grid}.surface{gap:12px;min-width:0;margin:0;display:grid}.surface-frame{aspect-ratio:10/8.4;border:1px solid var(--rule);background-color:var(--sheet);background-image:repeating-linear-gradient(to bottom, transparent 0 39px, var(--graph-strong) 39px 40px), repeating-linear-gradient(to right, transparent 0 39px, var(--graph-strong) 39px 40px), repeating-linear-gradient(to bottom, transparent 0 7px, var(--graph-line) 7px 8px), repeating-linear-gradient(to right, transparent 0 7px, var(--graph-line) 7px 8px);border-radius:4px;position:relative;overflow:hidden}.surface-static,.surface-canvas{width:100%;height:100%;position:absolute;inset:0}.surface-static path{fill:none;stroke:var(--surface-line);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.55}.surface-canvas{cursor:grab;touch-action:pan-y;border-radius:4px}.surface-canvas:active{cursor:grabbing}.surface-canvas:focus-visible{outline-offset:-3px}.surface[data-live] .surface-static{opacity:0;transition:opacity .3s var(--ease)}.surface-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.surface-choices{flex-wrap:wrap;gap:6px;display:flex}.surface-choice{border:1px solid var(--rule-strong);min-height:40px;color:var(--ink-2);transition:background-color .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);background:0 0;border-radius:999px;padding:0 12px;font-size:.92rem}.surface-choice:hover{border-color:var(--ink-3);color:var(--ink)}.surface-choice[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.surface-hint{color:var(--ink-3);font-size:.85rem}.offer{padding-bottom:clamp(56px,8vw,96px)}.offer-board{gap:30px;padding:34px 20px;display:grid}.offer-copy{align-content:start;gap:16px;display:grid}.offer-title{letter-spacing:-.026em;color:var(--chalk);font-size:clamp(2.2rem,5.6vw,4.2rem);font-weight:460;line-height:1.04}.offer-text{color:var(--chalk-2);max-width:32em;line-height:1.6}.credits{align-items:flex-end;gap:clamp(24px,5vw,56px);margin:0;display:flex}.credits dd{gap:2px;margin:0;display:grid}.credit-n{font-family:var(--font-text);color:var(--chalk);font-size:clamp(4.4rem,12vw,7.5rem);font-weight:400;line-height:.9}.credits div:first-child .credit-n{color:var(--chalk-accent)}.credits dd span{color:var(--chalk-2);font-size:.95rem;font-weight:600}.facts{border-top:1px solid var(--chalk-faint);gap:12px;margin:0;padding:18px 0 0;list-style:none;display:grid}.facts li{color:var(--chalk-2);align-items:center;gap:10px;font-size:.97rem;display:flex}.facts svg{color:var(--chalk-accent);flex:none}.offer-pricing{color:var(--chalk-2);flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.offer-pricing .chalk-chip{color:var(--chalk);text-decoration:none}.offer-pricing .chalk-chip:hover svg{transform:translate(3px)}.l-foot{padding:28px 0 calc(36px + var(--safe-bottom));border-top:1px solid var(--rule);color:var(--ink-3);font-size:.9rem}.l-foot-in{gap:14px;display:grid}.l-foot .brand{font-size:1.1rem}.l-foot p{max-width:46em;line-height:1.55}.l-foot-links{flex-wrap:wrap;gap:6px 18px;display:flex}.l-foot-links a{min-height:40px;color:var(--ink-2);align-items:center;font-weight:600;display:inline-flex}.l-foot-legal{border-top:1px solid var(--rule);gap:6px;margin-top:16px;padding-top:14px;display:grid}.l-foot-legal a:not(.legal-links a){color:var(--ink-2)}html[data-motion] .hw{animation:word-in .9s var(--ease-out) both;animation-delay:calc(90ms + var(--i) * 52ms);display:inline-block}html[data-motion=lite] .hw{animation-name:word-in-lite;animation-duration:.6s}html[data-motion] .h-underline path{stroke-dasharray:1;animation:draw .8s var(--ease-ink) both;animation-delay:calc(.5s + var(--i) * 52ms)}html[data-motion] .hero-eyebrow{animation:fade-up .7s var(--ease-out) 20ms both}html[data-motion] .hero-lead{animation:fade-up .8s var(--ease-out) .56s both}html[data-motion] .hero-ctas{animation:fade-up .8s var(--ease-out) .68s both}html[data-motion=lite] .hero-static{animation:wipe 1.8s var(--ease-ink) .3s both}html[data-motion=full] .hero-static{opacity:.16;transition:opacity 4s var(--ease)}html[data-motion=full] .hero-board[data-live] .hero-static{opacity:0}html[data-motion] .hero-caption{animation:fade-up .6s var(--ease-out) both}@supports (animation-timeline:view()){html[data-motion=full] .l-h2,html[data-motion=full] .l-text{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 70%}html[data-motion=full] .annales-stage{view-timeline-name:--papers}html[data-motion=full] .paper{animation:linear both paper-fan;animation-timeline:--papers;animation-range:entry 15% cover 48%}html[data-motion=full] .hero-board{animation:linear both recede;animation-timeline:view();animation-range:exit 5% exit 85%}}html[data-motion=lite] .paper{transition:translate .9s var(--ease-out), rotate .9s var(--ease-out);transition-delay:calc(var(--n) * 80ms)}html[data-motion=lite] .annales-stage:not([data-in]) .paper{translate:0 12%;rotate:none}@supports not (animation-timeline:view()){html[data-motion=full] .paper{transition:translate 1s var(--ease-out), rotate 1s var(--ease-out);transition-delay:calc(var(--n) * 90ms)}html[data-motion=full] .annales-stage:not([data-in]) .paper{translate:0 12%;rotate:none}}html[data-motion=full] .annales-stage[data-in] .chip-fly{animation:chip-pop .42s var(--ease-stamp) both;animation-delay:calc(var(--n) * 55ms)}html[data-motion=full] .annales-stage:not([data-in]) .chip-fly{opacity:0}html[data-motion] .marquee-track{animation:150s linear infinite paused marquee}html[data-motion] .marquee[data-run] .marquee-track{animation-play-state:running}html[data-motion] .marquee:hover .marquee-track,html[data-motion] .marquee:focus-within .marquee-track{animation-play-state:paused}html[data-motion] .scheme-row,html[data-motion] .solve-row{animation:ink-in .56s var(--ease-out) both;animation-delay:calc(60ms + var(--k) * .11s)}html[data-motion] .scheme-pts{animation:chip-pop .38s var(--ease-stamp) both;animation-delay:calc(.18s + var(--k) * .11s)}html[data-motion] .solve-check{animation:chip-pop .38s var(--ease-stamp) both;animation-delay:calc(.36s + var(--k) * .14s)}html[data-motion] .solve-badge{animation:stamp .52s var(--ease-stamp) .7s both}html[data-motion] .hint{animation:hint-in .48s var(--ease-out) both}html[data-motion] .tutor-student{animation:fade-up .42s var(--ease-out) both}::view-transition-group(modes-sheet){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(modes-sheet){object-fit:none;object-position:50% 0;width:100%;height:100%}::view-transition-new(modes-sheet){object-fit:none;object-position:50% 0;width:100%;height:100%}::view-transition-old(modes-sheet){animation:.15s ease-in both vt-out}::view-transition-new(modes-sheet){animation:.28s ease-out 90ms both vt-in}@keyframes word-in{0%{opacity:0;filter:blur(8px);transform:translateY(.4em)rotate(2.5deg)}to{opacity:1;filter:blur();transform:none}}@keyframes word-in-lite{0%{opacity:0;transform:translateY(.25em)}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes reveal{0%{opacity:0;transform:translateY(26px)}}@keyframes recede{to{opacity:.55;border-radius:26px;transform:scale(.94)translateY(4%)}}@keyframes paper-fan{0%{translate:0 16%;rotate:none}}@keyframes chip-pop{0%{opacity:0;transform:scale(.6)}}@keyframes ink-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 -10px 0 0)}}@keyframes hint-in{0%{opacity:0;border-left-width:12px;transform:translate(-12px)}}@keyframes stamp{0%{opacity:0;transform:scale(1.7)rotate(-14deg)}55%{opacity:1;transform:scale(.93)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}@keyframes ink-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes caret-blink{50%{opacity:0}}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}@keyframes spin-soft{to{transform:rotate(360deg)}}@media (min-width:640px){.hero-art-frame{height:210px}.legend-list{grid-template-columns:repeat(3,1fr);gap:32px}}@media (min-width:900px){:root{--nav-h:66px}.l-wrap{padding-inline:32px}.l-nav-links{margin-right:12px;display:flex}.l-nav-tools{gap:6px}.l-nav-cta{margin-left:6px;display:inline-flex}.hero{padding-top:16px}.hero-board{min-height:min(820px, calc(100svh - var(--nav-h) - 32px));grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"text art";gap:24px;padding:clamp(36px,5vw,72px)}.hero-title{font-size:clamp(3rem,4.9vw,4.9rem)}.hero-lead{font-size:1.12rem}.hero-art{grid-template-rows:1fr auto;gap:10px}.hero-art-frame{height:auto;min-height:420px}.hero-caption{color:var(--chalk-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;font-size:.85rem;line-height:1.45;display:flex}.hero-caption span{max-width:30em}.story-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:64px}.story[data-anim] .story-stage{grid-template-rows:none;align-content:center;align-items:center;padding-block:24px}.story-sheet{--margin-x:50px;padding:30px 30px 26px calc(var(--margin-x) + 16px);gap:18px;font-size:1rem}.st-answer{font-size:1.28rem}.st-display{font-size:.92em}.st-code{min-height:0;font-size:.86rem}.modes-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:64px}.modes-sheet{--margin-x:50px;padding:32px 34px 30px calc(var(--margin-x) + 18px);min-height:460px}.annales-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:72px}.annales-stage{height:560px;top:calc(var(--nav-h) + 40px);position:sticky}.paper{padding:22px 18px 18px calc(var(--margin-x) + 14px)}.paper-math{font-size:1.12rem}.light-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px}.offer-board{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"copy credits""facts facts";align-items:end;gap:40px 56px;padding:clamp(40px,6vw,80px)}.offer-copy{grid-area:copy}.credits{grid-area:credits;justify-content:flex-end}.facts{grid-area:facts;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px}.l-foot-in{grid-template-columns:auto 1fr auto;align-items:center;gap:28px}}@media (min-width:960px){.chips{display:block}}@media (min-width:1200px){.story-steps{gap:12px}}@media (min-width:900px) and (max-height:760px){.story-sheet{gap:12px;padding-top:20px;padding-bottom:18px}.st-answer{font-size:1.12rem}.story-step-text span{display:none}}@media (max-width:899px){.story[data-anim] .story-copy{gap:10px}.story[data-anim] .story-copy .l-h2{font-size:1.5rem}.story[data-anim] .story-steps{padding-top:14px}.story[data-anim] .story-step{grid-area:1/1;transition-duration:.18s}.story[data-anim] .story-step:not([data-active]){opacity:0;pointer-events:none}.story[data-anim] .story-step[data-active],.story[data-anim] .story-step:focus-within{opacity:1;pointer-events:auto}.story[data-anim] .story-stage[data-step="-1"] .story-step:first-child{opacity:.5}.story[data-anim] .story-steps:before,.story[data-anim] .story-steps:after{border-radius:2px;width:auto;height:3px;inset:0 0 auto}.story[data-anim] .story-steps:after{transform-origin:0;transform:scaleX(var(--q))}.story[data-anim] .story-num{width:30px;height:30px;font-size:1rem}.story[data-anim] .story-step-text{padding-top:3px}.story[data-anim] .story-step-text strong{font-size:1.12rem}.story[data-anim] .story-step-text span{font-size:.88rem;line-height:1.4}.story[data-anim] .story-sheet{gap:10px;padding-top:16px;padding-bottom:16px;font-size:.9rem}.story[data-anim] .st-answer{font-size:1.02rem}.story[data-anim] .st-role,.story[data-anim] .st-composer-label{display:none}}@media (max-width:899px) and (max-height:740px){.story[data-anim] .story-copy .l-h2{display:none}}@media (max-width:519px){.hero .btn-chalk-quiet{display:none}.paper{width:min(48%,220px)}.paper:first-child{--tx:-36%}.paper:nth-child(4){--tx:36%}.annales-stage{height:340px}}.hero-board,.offer-board{--chalk:#1b2130;--chalk-2:#1b2130b8;--chalk-3:#1b21308c;--chalk-faint:#1b21301f;--chalk-accent:#a3412a;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;padding:18px 4px 36px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-board,:root:not([data-theme=light]) .offer-board{--chalk:#ebe7dc;--chalk-2:#ebe7dcbd;--chalk-3:#ebe7dc8f;--chalk-faint:#ebe7dc1f;--chalk-accent:#e48b6b}}:root[data-theme=dark] .hero-board,:root[data-theme=dark] .offer-board{--chalk:#ebe7dc;--chalk-2:#ebe7dcbd;--chalk-3:#ebe7dc8f;--chalk-faint:#ebe7dc1f;--chalk-accent:#e48b6b}.hero-board .board-ghosts{display:none}.hero-board ::selection,.offer-board ::selection{background:var(--accent-wash);color:var(--ink)}.hero-board :focus-visible,.offer-board :focus-visible{outline-color:var(--accent)}.hero-eyebrow{letter-spacing:.08em;color:var(--ink-3);justify-self:start;align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.hero-title{letter-spacing:-.032em;text-shadow:none;font-weight:500}.h-underline path{stroke-width:2px;opacity:.7}.hero-lead{color:var(--ink-2);text-wrap:pretty}.hero-static path{stroke-width:2px}.hero-axes path{opacity:.22}.hero-board .btn-chalk,.offer-board .btn-chalk{background:var(--ink);color:var(--on-ink);box-shadow:0 8px 20px -12px color-mix(in oklab, var(--ink) 75%, transparent)}.hero-board .btn-chalk:hover,.offer-board .btn-chalk:hover{background:color-mix(in oklab, var(--ink) 90%, var(--paper))}.hero-board .btn-chalk-quiet,.offer-board .btn-chalk-quiet{color:var(--ink);border-color:var(--rule);background:0 0}.hero-board .btn-chalk-quiet:hover,.offer-board .btn-chalk-quiet:hover{border-color:var(--rule-strong);background:color-mix(in oklab, var(--sunken) 45%, transparent)}.hero-board .chalk-chip{color:var(--ink-2);border-color:var(--rule)}.hero-board .chalk-chip:hover{color:var(--ink);border-color:var(--rule-strong)}@media (min-width:900px){.hero-board{min-height:min(760px, calc(100svh - var(--nav-h) - 24px));padding:clamp(28px,4vw,56px) 0}}.offer-board{color:var(--ink);background:var(--sheet);box-shadow:0 0 0 1px var(--rule) inset;border:0;border-radius:24px}
