@font-face{font-family:Crease Grotesk;src:url(/ai-web-experience-collection/dose/assets/fonts/space-grotesk-latin-variable.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--ground:#e8ecf3;--ink:#0d1433;--quiet:#47516f;--cobalt:#1c39c9;--broken:#b92812;--hair:#0d143329;--gutter:clamp(20px,3.2vw,72px);--title-fold:0;--ear:9px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--ground)}body{background:var(--ground);color:var(--ink);font-synthesis:none;margin:0;font-family:Crease Grotesk,Segoe UI,system-ui,sans-serif;font-size:clamp(15px,1.06vw,24px);line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p,dl,dd,ul{margin:0;padding:0}::selection{background:var(--cobalt);color:#fff}:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}#scroll-track{height:1000svh}#scene{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.skip-link{z-index:30;left:var(--gutter);background:var(--ink);color:#fff;padding:10px 14px;position:fixed;top:-80px}.skip-link:focus{top:12px}.title{z-index:1;left:var(--gutter);right:var(--gutter);height:.8em;font-size:min(calc((100vw - 2 * var(--gutter)) / 3.34),44svh);letter-spacing:-.05em;white-space:nowrap;perspective:1600px;pointer-events:none;margin-left:-.03em;font-weight:600;line-height:.8;position:fixed;top:clamp(58px,9svh,110px)}.half{color:var(--ink);display:block;position:absolute;top:0;left:0}.half.top{clip-path:inset(-10% -5% 50%);transform-origin:50%;transform:rotateX(calc(var(--title-fold) * 100deg));opacity:calc(1 - var(--title-fold) * var(--title-fold));filter:brightness(calc(1 + var(--title-fold) * 1.1))}.half.bottom{clip-path:inset(50% -5% -10%);transform-origin:50%;opacity:calc(1 - var(--title-fold) * var(--title-fold))}.bar{z-index:20;padding:clamp(8px,1.4svh,18px) var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.mark{letter-spacing:.04em;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:0;font-size:.94em;font-weight:500;display:flex}.mark svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:22px;height:22px}.bar nav{align-items:center;gap:clamp(10px,1.6vw,26px);display:flex}.bar nav button{min-height:44px;color:var(--quiet);background:0 0;border:0;padding:0 6px}.bar nav button:hover,.collection-return{color:var(--ink)}.chapter{z-index:10;opacity:0;visibility:hidden;position:fixed}.chapter.is-visible{visibility:visible}.hero{left:var(--gutter);opacity:1;bottom:clamp(64px,10svh,110px)}.lead{letter-spacing:-.02em;font-size:clamp(20px,2vw,46px);font-weight:400}.cue{min-height:44px;color:var(--quiet);background:0 0;border:0;align-items:center;gap:12px;margin-top:4px;padding:0;display:flex}.cue svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:12px;height:24px}.panel{left:var(--gutter);width:min(25rem,calc(100vw - 2 * var(--gutter)));overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100svh - 150px);top:50%;overflow:auto;translate:0 -50%}h2{letter-spacing:-.045em;margin-bottom:.38em;font-size:clamp(38px,3.9vw,92px);font-weight:500;line-height:.98}.panel>p{max-width:60ch}.answer{color:var(--cobalt);min-height:1.5em;margin-top:1em;font-weight:500}.answer.is-broken{color:var(--broken)}.sliders{gap:12px;margin-top:1.2em;display:grid}.sliders label{grid-template-columns:1fr auto;grid-template-areas:"name value""track track";align-items:baseline;gap:0 12px;display:grid}.sliders label>span{color:var(--quiet);grid-area:name;font-size:.94em}.sliders label>output{font-variant-numeric:tabular-nums;grid-area:value;font-weight:500}.sliders label>input{grid-area:track}input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:30px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--ink);height:1px}input[type=range]::-moz-range-track{background:var(--ink);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cobalt);border:0;border-radius:0;width:15px;height:15px;margin-top:-7px;transform:rotate(45deg)}input[type=range]::-moz-range-thumb{background:var(--cobalt);border:0;border-radius:0;width:15px;height:15px;transform:rotate(45deg)}.readings{border-top:1px solid var(--hair);gap:5px;margin-top:1.1em;padding-top:.9em;display:grid}.readings div{justify-content:space-between;gap:16px;display:flex}.readings dt{color:var(--quiet);font-size:.94em}.readings dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:1.3em;display:flex}.action{background:var(--cobalt);color:#fff;min-height:46px;clip-path:polygon(0 0,calc(100% - var(--ear)) 0,100% var(--ear),100% 100%,0 100%);border:0;padding:0 20px;font-weight:500}.action:hover{background:#142ba3}.link{text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline;text-decoration-thickness:1px}.status{min-height:1.4em;color:var(--quiet);margin-top:.5em;font-size:.94em}.handle{z-index:9;opacity:0;cursor:grab;touch-action:none;background:#fff;border:0;border-radius:50%;width:48px;height:48px;padding:0;position:fixed;top:-24px;left:-24px;box-shadow:0 2px 14px #0d143359}.handle span{color:var(--ink);font-size:13px;font-weight:600}.handle.is-held{cursor:grabbing;background:#fff;scale:1.12}.chapters{z-index:15;right:calc(var(--gutter) - 8px);gap:2px;display:flex;position:fixed;bottom:clamp(8px,1.6svh,22px)}.chapters button{min-width:44px;min-height:44px;color:var(--quiet);background:0 0;border:0}.chapters button:hover{color:var(--ink)}.chapters button[aria-current]{color:var(--ink);text-underline-offset:6px;font-weight:500;text-decoration:underline}dialog{border:1px solid var(--hair);width:min(44rem,100vw - 32px);max-height:min(86svh,900px);color:var(--ink);background:#f6f8fb;padding:clamp(20px,3vw,44px)}dialog::backdrop{background:#0d143366}.dialog-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}dialog h2{margin:0 0 .5em;font-size:clamp(30px,3vw,60px)}dialog h3{margin:1.5em 0 .5em;font-size:1em;font-weight:600}dialog ul{gap:.6em;list-style:none;display:grid}dialog a{text-underline-offset:3px}#notes-close{border:1px solid var(--hair);background:0 0;min-height:44px;padding:0 12px}.noscript{z-index:30;left:var(--gutter);max-width:32rem;position:fixed;bottom:20px}.still{z-index:3;object-fit:cover;width:100%;height:100%;position:fixed;inset:0}@media (width<=760px){#scroll-track{height:1100svh}.title{font-size:calc((100vw - 2 * var(--gutter)) / 3.34);top:64px}.hero{bottom:70px}.panel{width:100vw;max-height:calc(100svh - 280px);padding:14px var(--gutter) 8px;background:var(--ground);box-shadow:0 -14px 18px -4px var(--ground);top:auto;bottom:52px;left:0;translate:none}h2{font-size:32px}.panel>p{font-size:14px;line-height:1.42}.sliders{gap:4px;margin-top:.7em}input[type=range]{height:26px}.readings{gap:1px;margin-top:.6em;padding-top:.5em;font-size:14px}.answer{margin-top:.5em}.chapters{right:6px}.chapters button{min-width:38px}}@media (height<=560px){.panel{max-height:calc(100svh - 112px)}h2{font-size:30px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
