@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/ai-web-experience-collection/odds/fonts/manrope-cyrillic-ext-wght-normal.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/ai-web-experience-collection/odds/fonts/manrope-cyrillic-wght-normal.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/ai-web-experience-collection/odds/fonts/manrope-greek-wght-normal.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/ai-web-experience-collection/odds/fonts/manrope-vietnamese-wght-normal.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/ai-web-experience-collection/interval/fonts/manrope-latin-ext-variable.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/ai-web-experience-collection/atlas/fonts/manrope-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#252827;font-synthesis:none;--cream:#f2eddf;--blue:#244ab8;--orange:#e87942;--ink:#252827;--sage:#879a88;--muted:#5d625a;--rule:#d1ccbf;--header:94px;--gutter:clamp(24px,4vw,92px);--stage-width:59%;--stage-top:96px;--stage-height:calc(100svh - 158px);--focus:#b0461d;background:#f2eddf;scroll-padding-top:100px;font-family:Manrope Variable,Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.44}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{color:#252827;background:#e87942}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{border:2px solid var(--cream);background:#acb3bb;border-radius:4px}svg{display:block}svg path{vector-effect:non-scaling-stroke}button svg,a svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:21px;height:21px}button,a,select{touch-action:manipulation}.skip-link{background:var(--blue);color:#fff;z-index:100;padding:14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:40;height:var(--header);padding:0 var(--gutter);background:var(--cream);border-bottom:1px solid #2528271f;align-items:center;gap:28px;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{letter-spacing:-.04em;align-items:baseline;gap:3px;font-size:39px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.brand-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;margin-left:1px;display:inline-block}.site-note{letter-spacing:.015em;color:var(--muted);font-size:12px}.site-header nav{align-items:center;gap:28px;margin-left:auto;font-size:13px;display:flex}.workbench-link{align-items:center;gap:12px;text-decoration:none;display:flex}.quiet-button{color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;padding:12px 0;font-size:12px;display:flex}.quiet-button svg{width:17px;height:17px}.menu-lines{border-top:1px solid;border-bottom:1px solid;width:18px;height:8px;margin-left:5px;display:block}#story{max-width:1900px;min-height:100svh;margin:0 auto;position:relative}.stage-rail{width:var(--stage-width);pointer-events:none;z-index:2;position:absolute;inset:0 0 0 auto}.stage-wrap{top:var(--stage-top);height:var(--stage-height);flex-direction:column;justify-content:center;padding:28px 24px 26px 0;display:flex;position:sticky}.stage-caption{color:#5d625a;font-variant-numeric:tabular-nums;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:20px;min-height:24px;padding:0 6% 0 4%;font-size:11px;font-weight:500;display:flex}.stage-art{isolation:isolate;pointer-events:auto;flex:1;width:100%;min-height:0;position:relative}.stage-art>svg,.stage-art>canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.stage-art>canvas{pointer-events:none;opacity:0}.stage-art.portrait-active>canvas{opacity:1;pointer-events:auto;cursor:pointer}.stage-art svg text{font-family:Manrope Variable,Arial,sans-serif}.stage-foot{letter-spacing:.02em;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;min-height:20px;margin:10px 6% 0 4%;font-size:10px;display:flex}.material-note{color:#697269;text-align:right;max-width:40%}.chapters{z-index:3;width:43%;padding-left:var(--gutter);pointer-events:none;position:relative}.chapter{pointer-events:none;min-height:125svh;padding:clamp(160px,20svh,240px) 0 34svh;scroll-margin-top:0}.chapter-copy{pointer-events:auto;max-width:470px;padding-right:34px}.chapter-hero{min-height:128svh;padding-top:clamp(180px,24svh,280px)}.chapter-hero .chapter-copy{max-width:510px}.chapter h1,.chapter h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 28px;font-weight:600;line-height:1.055}.chapter h1{font-size:clamp(52px,5.35vw,86px)}.chapter h2{font-size:clamp(40px,3.8vw,64px)}.serif-word{letter-spacing:-.04em;color:var(--blue);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.chapter p{color:#4f554e;max-width:39ch;margin:0 0 22px;font-size:16px;line-height:1.7}.chapter .lede{margin-bottom:30px;font-size:17px;line-height:1.8}.chapter .aside{color:#5a6358;margin:24px 0;font-size:14px;line-height:1.65}.chapter .micro{color:#61665e;max-width:49ch;margin-top:24px;font-size:11px;line-height:1.65}.chapter .model-intro{margin-top:34px}.chapter strong{color:var(--ink);font-weight:700}.actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.primary{background:var(--blue);color:var(--cream);letter-spacing:.01em;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:30px;min-height:54px;padding:15px 20px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 5px 12px #244ab81a}.primary:hover{background:#17388f;transform:translateY(-2px)}.primary:active{transform:translateY(0)}.button-ball{background:radial-gradient(circle at 32% 28%,#ffc897,#e87942 55%,#b54b26 100%);border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:2px 3px 3px #172d75}.secondary{min-height:44px;color:var(--ink);background:0 0;border:1px solid #b8beb4;border-radius:5px;justify-content:space-between;align-items:center;gap:14px;padding:11px 16px;font-size:12px;display:inline-flex}.secondary:hover{border-color:var(--blue);color:var(--blue)}.text-button{text-align:left;text-underline-offset:5px;color:#404840;background:0 0;border:0;align-items:center;gap:12px;padding:10px 0;font-size:12px;-webkit-text-decoration:underline #b1b3aa;text-decoration:underline #b1b3aa;display:inline-flex}.text-button:hover{color:var(--blue);-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.result-note{color:#596157;max-width:45ch;min-height:38px;margin:19px 0 0;font-size:12px;line-height:1.65}.result-note strong{font-weight:700}.continue-link{align-items:center;gap:16px;width:fit-content;margin-top:30px;font-size:12px;text-decoration:none;display:flex}.continue-link svg{width:18px;height:18px}.rule-line{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);gap:24px;margin:26px 0;padding:18px 0;font-size:13px;display:flex}.rule-line span{gap:20px;display:flex}.rule-line strong{font-size:18px}.sequence-example{margin:24px 0}.sequence-example>span{color:var(--muted);font-size:11px}.path-tokens{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.path-tokens b{color:#445746;background:#ececde;border:1px solid #c9ccbf;border-radius:3px;place-items:center;width:27px;height:29px;font-size:11px;font-weight:600;display:grid}.path-tokens b.right{color:var(--blue);background:#e1e6ed;border-color:#b8c3db}.path-tokens b.current{outline:2px solid var(--orange);outline-offset:2px}.path-tokens b.unknown{color:var(--blue);background:0 0;border-style:dashed}.path-readout{color:var(--muted);margin-top:13px;font-size:11px}.path-caption{justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;display:flex}.playbar{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;padding-top:10px;display:flex}.playbar[hidden]{display:none}.playbar button{text-underline-offset:4px;color:var(--blue);background:0 0;border:0;padding:9px 0;font-size:11px;text-decoration:underline}.play-progress{color:var(--muted);min-width:72px;font-size:10px}.control-label{color:var(--muted);margin:18px 0 7px;font-size:11px;font-weight:600;display:block}select{color:#354039;outline-offset:4px;background:#f6f2e8;border:1px solid #c8cbbf;border-radius:4px;width:100%;max-width:100%;min-height:44px;padding:12px 30px 12px 12px;font-size:12px}.route-list{flex-wrap:wrap;gap:7px;margin:18px 0;font-size:12px;display:flex}.route-list>p{width:100%;margin:0 0 4px;font-size:12px}.route-button{color:var(--blue);letter-spacing:.12em;background:0 0;border:1px solid #bcc6d4;border-radius:3px;min-height:34px;padding:8px 9px;font-size:11px}.route-button.active{background:var(--blue);color:var(--cream);border-color:var(--blue)}.equation-note{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--muted);flex-direction:column;gap:7px;margin:28px 0;padding:22px 0;font-size:11px;display:flex}.equation-note strong{letter-spacing:-.03em;color:var(--blue);font-variant-numeric:tabular-nums;font-size:34px;font-weight:500}.data-details,.model-details{border-top:1px solid var(--rule);max-width:100%;margin-top:22px;padding-top:12px;font-size:12px}.data-details summary,.model-details summary{cursor:pointer;color:#3c493f;min-height:30px;padding:5px 0;line-height:1.5}.model-details p{margin:12px 0;font-size:12px;line-height:1.65}.model-details .formula{overflow-wrap:anywhere;font-size:12px}.data-scroll{max-width:100%;padding-bottom:10px;overflow:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:10px;line-height:1.5}table caption{text-align:left;color:var(--muted);padding:12px 0;font-size:10px}th,td{text-align:right;border-bottom:1px solid #d6d6c8;padding:7px 5px}th{color:#455245;font-weight:600}th:first-child,td:first-child{text-align:left}.legend{color:var(--muted);flex-wrap:wrap;gap:18px;margin:25px 0;font-size:10px;display:flex}.legend>span{align-items:center;gap:7px;display:flex}.legend i.observed{background:var(--orange);border-radius:50%;width:9px;height:9px}.legend i.expected{border-top:2px dashed #6b806e;width:16px;height:1px}.segmented{border:0;margin:28px 0;padding:0}.segmented legend{color:var(--muted);margin-bottom:10px;font-size:11px;line-height:1.5}.segmented>div{gap:8px;display:flex}.segmented button{min-width:73px;min-height:48px;color:var(--blue);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #b7bfba;border-radius:4px;flex:1;font-size:14px}.segmented button[aria-pressed=true]{background:var(--blue);color:var(--cream);border-color:var(--blue)}.ball-selection{grid-template-columns:1fr 1fr;gap:8px 12px;margin:24px 0 14px;display:grid}.ball-selection label{color:var(--muted);font-size:11px}.ball-selection label[for=ball-select]{grid-area:1/2}.ball-selection select{grid-row:2;font-size:11px}.journey-ticket{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:24px;padding:18px 0}.journey-ticket .ticket-title{color:var(--blue);justify-content:space-between;gap:12px;font-size:12px;font-weight:600;display:flex}.journey-ticket .sample-id{overflow-wrap:anywhere;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:12px;font-size:9px}.parameter-row{border-bottom:1px solid var(--rule);grid-template-columns:1fr 120px;align-items:center;gap:12px;padding:12px 0;display:grid}.parameter-row label{color:#485146;font-size:12px;line-height:1.5}.parameter-row label>span{color:#5e6d5e;margin-left:5px;font-family:Georgia,serif;font-style:italic}.parameter-row select{width:120px;min-height:42px;padding:10px 22px 10px 10px;font-size:12px}.chapter .draft-note{color:var(--muted);margin:14px 0 17px;font-size:10px}.workbench-actions{flex-wrap:wrap;gap:0 18px;margin:13px 0 18px;display:flex}.workbench-actions .text-button{font-size:11px}.download{width:100%;max-width:360px;margin-top:8px}.download>span{align-items:center;gap:10px;font-size:10px;display:flex}.closing-line{font-size:18px!important;line-height:1.7!important}.ending-links{flex-direction:column;gap:16px;margin-top:30px;display:flex}.ending-links a{align-items:center;gap:12px;font-size:12px;text-decoration:none;display:flex}.end-note{border-top:1px solid var(--rule);align-items:center;gap:22px;margin-top:64px;padding-top:24px;display:flex}.end-note .wordmark{font-size:30px}.end-note p{color:var(--muted);margin:0;font-size:10px}.bottom-rail{z-index:30;height:54px;padding:0 var(--gutter);background:var(--cream);color:var(--muted);border-top:1px solid #2528271a;justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.chapter-dots{align-items:center;gap:7px;display:flex}.chapter-dots a{place-items:center;width:19px;height:34px;display:grid}.chapter-dots a span{background:#a9ad9f;border-radius:50%;width:4px;height:4px;transition:transform .2s,background .2s}.chapter-dots a[aria-current] span{background:var(--blue);transform:scale(1.7)}#motion-toggle{color:inherit;text-underline-offset:4px;background:0 0;border:0;padding:12px 0;font-size:10px;text-decoration:underline}.storage-notice{z-index:50;background:var(--cream);color:#633e2b;border-radius:5px;max-width:360px;padding:12px 18px;font-size:12px;position:fixed;bottom:64px;left:24px;box-shadow:0 5px 25px #25282721}.storage-notice[hidden]{display:none}dialog{background:var(--cream);color:var(--ink);border:0;border-radius:8px;width:calc(100% - 32px);max-width:620px;max-height:calc(100svh - 60px);padding:36px 40px;overflow:auto;box-shadow:18px 32px 90px #25282744}dialog::backdrop{background:#25282759}.menu-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.menu-head h2{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:500}dialog nav{display:grid}dialog nav a{border-bottom:1px solid var(--rule);align-items:center;gap:20px;padding:15px 0;font-size:14px;text-decoration:none;display:flex}dialog nav a>span{color:var(--muted);width:22px;font-size:10px}dialog nav a>svg{width:16px;margin-left:auto}dialog p{color:var(--muted);margin:24px 0 0;font-size:11px;line-height:1.7}.no-script{max-width:900px;margin:auto;padding:40px;font-family:Arial,sans-serif}.no-script li{margin-bottom:30px;line-height:1.6}@media (width>=1800px){:root{--gutter:70px;--stage-width:60%}.chapter-copy{max-width:520px}.chapter p{font-size:18px}.chapter h1{font-size:92px}.chapter h2{font-size:68px}.stage-wrap{max-height:1120px;top:max(100px,50svh - 560px)}.chapter{padding-top:25svh}.chapter-hero{padding-top:29svh}.result-note{font-size:13px}}@media (width<=1100px) and (width>=761px){:root{--gutter:30px;--stage-width:56%}.chapters{width:47%}.site-note{display:none}.site-header nav{gap:23px}.chapter-copy{padding-right:20px}.chapter h1{font-size:58px}.chapter h2{font-size:44px}.chapter p{font-size:15px}.stage-caption{padding:0 4%;font-size:9px}.material-note{display:none}}@media (width<=760px){:root{--header:66px;--gutter:24px;--stage-top:66px;--stage-height:40svh;--stage-width:100%;scroll-padding-top:calc(40svh + 85px)}.site-header{gap:18px}.wordmark{font-size:31px}.brand-dot{width:6px;height:6px}.site-note,.workbench-link{display:none!important}.site-header nav{gap:20px}.quiet-button{gap:7px;font-size:11px}.quiet-button svg{width:15px;height:15px}.site-header #sound-toggle span{display:none}.stage-rail{z-index:5;pointer-events:none;width:100%}.stage-wrap{background:var(--cream);height:var(--stage-height);border-bottom:1px solid #2528271a;justify-content:stretch;padding:8px 12px 3px}.stage-caption{min-height:18px;padding:0 14px;font-size:8px}.stage-foot{min-height:17px;margin:0 14px;font-size:8px}.material-note{display:none}.chapters{width:100%;padding:0 var(--gutter);z-index:3}.chapter,.chapter-hero{padding-top:calc(var(--header) + var(--stage-height) + 28px);min-height:165svh;padding-bottom:35svh;scroll-margin-top:0}.chapter-copy,.chapter-hero .chapter-copy{max-width:560px;margin:auto;padding:0}.chapter h1{max-width:460px;margin-bottom:19px;font-size:clamp(42px,11vw,62px);line-height:1.04}.chapter h2{margin-bottom:22px;font-size:clamp(36px,9vw,54px)}.chapter .lede{margin-bottom:20px;font-size:14px;line-height:1.7}.chapter p{max-width:45ch;margin-bottom:18px;font-size:14px;line-height:1.7}.chapter .aside{font-size:13px}.chapter .micro{font-size:10px}.primary{gap:24px;min-height:50px;padding:14px 18px;font-size:12px}.result-note{max-width:49ch;margin-top:15px;font-size:11px}.continue-link{margin-top:20px;font-size:11px}.chapter .model-intro{margin-top:24px}.bottom-rail{gap:10px;height:42px;padding:0 17px;font-size:8px}.bottom-rail>span{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.chapter-dots{gap:2px}.chapter-dots a{width:12px;height:32px}.chapter-dots a span{width:3px;height:3px}#motion-toggle{font-size:8px}.parameter-row{grid-template-columns:1fr 120px}.ball-selection{max-width:440px}.equation-note{margin:22px 0}.chapter-portrait h2{max-width:440px}.end-note{margin-top:44px}.menu-head h2{font-size:22px}dialog{padding:26px 24px}dialog nav a{padding:12px 0;font-size:12px}.chapter-workbench,.chapter-theory{min-height:185svh}}@media (width<=360px){:root{--gutter:18px;--stage-height:37svh}.site-header nav{gap:16px}.chapter h1{font-size:42px}.chapter h2{font-size:36px}.primary{gap:20px}.stage-caption{font-size:7px}.bottom-rail>span{max-width:78px}.chapter-dots{gap:1px}.chapter-dots a{width:11px}.segmented button{min-width:60px}}@media (width<=760px){.stage-rail{top:var(--mobile-art-start,210px)}.chapter-hero{padding-top:calc(var(--header) + 28px)}.chapter-hero h1{margin-bottom:calc(var(--stage-height) + 48px)}.stage-art svg .scene-number{font-size:30px}.stage-art svg .scene-caption{font-size:23px}.stage-art svg .scene-fine{font-size:18px}.stage-art svg [data-tray-slot] text{font-size:26px}}@media (height<=620px) and (width>=761px){:root{--header:64px;--stage-top:67px;--stage-height:calc(100svh - 111px)}.site-header{height:64px}.stage-wrap{padding-top:8px;padding-bottom:8px}.chapter,.chapter-hero{min-height:155svh;padding-top:110px}.chapter h1{font-size:50px}.chapter h2{font-size:40px}.chapter .lede{font-size:14px}.bottom-rail{height:38px}.model-intro{margin-top:20px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.lenis .data-scroll,.data-scroll{overscroll-behavior-y:auto}html:has(#chapter-menu[open]){overflow:clip}