@font-face{font-family:Geist;src:url(/assets/geist-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:NewCM;src:url(/assets/newcm-book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NewCM;src:url(/assets/newcm-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--fast: .11s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.2, 1.5, .35, 1);--gutter: clamp(12px, 2.2vw, 30px);--sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light;--page: #d9f0ff;--ink: #12324d;--muted: #3f6480;--soft: #6b8ba3;--hair: rgba(18, 50, 77, .1);--line: #c9e5f7;--accent-ink: #0676bd;--head: linear-gradient(rgb(48, 97, 132), rgb(18, 50, 77));--btn: linear-gradient(#0676bd, #055f9b);--btn-edge: #075e99;--btn-shadow: 0 3px 7px rgba(0, 107, 189, .14), 0 12px 24px -8px rgba(0, 107, 189, .22), 0 24px 40px -20px rgba(0, 107, 189, .15), inset 0 0 0 3px rgba(124, 201, 255, .16), inset 0 2px 1px rgba(195, 233, 255, .27);--nav-bg: linear-gradient(140deg, rgba(255, 255, 255, .88), rgba(232, 246, 255, .74));--nav-edge: rgba(255, 255, 255, .85);--nav-shadow: 0 2px 5px rgba(1, 65, 99, .016), 0 10px 30px rgba(1, 65, 99, .08), 0 0 0 5px rgba(255, 255, 255, .16);--lab-bg: linear-gradient(165deg, rgba(255, 255, 255, .86), rgba(241, 250, 255, .78));--lab-shadow: inset 0 0 0 1px rgba(255, 255, 255, .92), 0 0 0 6px rgba(255, 255, 255, .26), 0 2px 6px rgba(1, 65, 99, .06), 0 22px 50px -18px rgba(1, 65, 99, .3), 0 50px 90px -40px rgba(1, 65, 99, .26);--tab-on: #fff;--tab-on-shadow: 0 1px 2px rgba(1, 65, 99, .1), 0 4px 12px rgba(1, 65, 99, .08), inset 0 0 0 1px rgba(18, 50, 77, .04);--tile-bg: rgba(255, 255, 255, .72);--tile-edge: rgba(255, 255, 255, .9);--tile-shadow: 0 1.5px 4.5px rgba(1, 65, 99, .04), 4px 8px 20px rgba(1, 65, 99, .06);--key-bg: linear-gradient(#fff, #edf8ff);--key-edge: #c9e5f7;--img-bg: #fff;--halo: rgba(255, 255, 255, .72)}:root[data-theme=dark]{color-scheme:dark;--page: #070f1a;--ink: #eef5ff;--muted: #a3b8ce;--soft: #7e96ae;--hair: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .12);--accent-ink: #79ccff;--head: linear-gradient(#ffffff, #b9c7e8);--btn: linear-gradient(#3a96ff, #1d6ee6);--btn-edge: #1a5fc4;--btn-shadow: 0 3px 7px rgba(10, 80, 200, .3), 0 12px 24px -8px rgba(29, 110, 230, .45), 0 24px 40px -20px rgba(29, 110, 230, .3), inset 0 0 0 3px rgba(150, 205, 255, .14), inset 0 2px 1px rgba(205, 232, 255, .28);--nav-bg: linear-gradient(140deg, rgba(24, 40, 60, .82), rgba(13, 25, 42, .74));--nav-edge: rgba(255, 255, 255, .1);--nav-shadow: 0 2px 5px rgba(0, 0, 0, .2), 0 10px 30px rgba(0, 0, 0, .35), 0 0 0 5px rgba(255, 255, 255, .025);--lab-bg: linear-gradient(165deg, #10263b 0%, #0b1d2f 55%, #0a1929 100%);--lab-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 0 0 6px rgba(255, 255, 255, .025), 0 22px 60px -18px rgba(0, 0, 0, .7), 0 50px 90px -40px rgba(20, 90, 190, .3);--tab-on: rgba(255, 255, 255, .1);--tab-on-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 14px rgba(0, 0, 0, .3);--tile-bg: rgba(16, 32, 52, .72);--tile-edge: rgba(255, 255, 255, .08);--tile-shadow: 0 2px 6px rgba(0, 0, 0, .3), 4px 10px 26px rgba(0, 0, 0, .3);--key-bg: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));--key-edge: rgba(255, 255, 255, .14);--img-bg: #0e2336;--halo: rgba(24, 60, 110, .5)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;background:var(--page)}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-weight:500;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}h1,h2,h3,p,ol,ul{margin:0;padding:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:10px}[hidden]{display:none!important}#wall{position:fixed;inset:0;width:100%;height:100%;z-index:-3;display:block}#wall-lines{position:fixed;inset:0;width:100%;height:100%;z-index:-2;display:none;opacity:.5;-webkit-mask:url(/doodles.svg) 0 0 / 720px 720px;mask:url(/doodles.svg) 0 0 / 720px 720px}.doodles{position:fixed;inset:0;z-index:-2;pointer-events:none;background:url(/doodles.svg) 0 0 / 720px 720px;opacity:.095}[data-theme=dark] #wall-lines{display:block}[data-theme=dark] .doodles{display:none}.only-dark{display:none!important}[data-theme=dark] .only-dark{display:block!important}[data-theme=dark] .only-light{display:none!important}#reveal-ring{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none;display:none;view-transition-name:reveal-ring}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2;clip-path:var(--reveal, none)}::view-transition-group(reveal-ring){z-index:5;animation:none}::view-transition-old(reveal-ring){display:none}::view-transition-new(reveal-ring){animation:none}.theme{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:transform var(--fast) var(--ease-out),background var(--fast)}.theme:hover{background:var(--hair)}.theme:active{transform:scale(.88)}.theme svg{width:22px;height:22px;display:block;overflow:visible}.t-core{transition:r .26s var(--ease-spring)}.t-bite{transition:cx .26s var(--ease-out),cy .26s var(--ease-out)}.t-rays{transform-origin:12px 12px;transition:transform .28s var(--ease-spring),opacity .16s}[data-theme=dark] .t-core{r:8.5px}[data-theme=dark] .t-bite{cx:16.5px;cy:7.5px}[data-theme=dark] .t-rays{transform:rotate(50deg) scale(.4);opacity:0}h1,h2,h3{font-weight:700;color:var(--ink);text-wrap:balance}h1,h2{background:var(--head);-webkit-background-clip:text;background-clip:text;color:transparent}.m{font-family:NewCM,Georgia,serif;font-style:italic;font-weight:400;font-size:1.1em;line-height:0}.nb{white-space:nowrap}.nav{position:fixed;z-index:20;top:10px;left:50%;transform:translate(-50%);width:min(1560px,calc(100% - 2 * var(--gutter)));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 8px 7px 16px;border-radius:20px;background:var(--nav-bg);border:1px solid var(--nav-edge);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:21px;letter-spacing:-.045em;color:var(--ink)}.mark{width:26px;height:26px;display:block}.nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(16px,2.6vw,34px);font-size:15px}.nav-links a{text-decoration:none;color:var(--ink);opacity:.84;transition:opacity var(--fast),color var(--fast)}.nav-links a:hover{opacity:1;color:var(--accent-ink)}.nav-right{display:flex;align-items:center;gap:6px}.btn{display:inline-flex;align-items:center;gap:12px;padding:12px 12px 12px 22px;border-radius:999px;border:1px solid var(--btn-edge);background:var(--btn);color:#fff;font-weight:700;font-size:17px;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:var(--btn-shadow);transition:transform var(--fast) var(--ease-out),filter var(--fast)}.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.btn:active{transform:scale(.965);filter:brightness(.96)}.btn i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff1f;box-shadow:inset 0 1px #ffffff1a;transition:transform var(--fast) var(--ease-out)}.btn:hover i{transform:translate(1px,-1px)}.btn svg{width:15px;height:15px;display:block}.btn.small{padding:8px 8px 8px 16px;font-size:15px;gap:9px}.btn.small i{width:24px;height:24px}.btn.small svg{width:13px;height:13px}.btn.big{font-size:clamp(17px,min(1.45vw,2.7svh),21px);padding:14px 14px 14px 26px}.btn.big i{width:32px;height:32px}.hero{height:100svh;min-height:560px;max-width:1680px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(10px,1.6vw,28px);padding:70px var(--gutter) clamp(8px,1.4svh,14px)}.hero-copy{align-self:center;padding:0 0 2svh clamp(4px,1.5vw,26px)}.hero h1{font-size:clamp(40px,min(5.3vw,10.8svh),96px);line-height:.98;letter-spacing:-.056em}.lead{margin-top:clamp(12px,2.4svh,24px);font-size:clamp(18px,min(1.55vw,3svh),25px);line-height:1.26;letter-spacing:-.012em;color:var(--muted);max-width:21em}.picker{margin-top:clamp(16px,3.2svh,34px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(0px,.5svh,4px)}.picker button{position:relative;display:inline-flex;align-items:center;gap:12px;padding:clamp(3px,.7svh,6px) 0;font-size:clamp(17px,min(1.45vw,2.85svh),23px);font-weight:600;letter-spacing:-.024em;white-space:nowrap;color:var(--soft);transition:color var(--fast),transform .14s var(--ease-out)}.picker button i{flex:none;width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.35;transition:transform .18s var(--ease-spring),opacity var(--fast),background var(--fast)}.picker button:hover{color:var(--ink);transform:translate(3px)}.picker button:active{transform:translate(3px) scale(.98)}.picker button[aria-selected=true]{color:var(--ink);font-weight:700}.picker button[aria-selected=true] i{opacity:1;transform:scale(1.5);background:var(--accent-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-ink) 22%,transparent)}.lab{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;container-type:inline-size}.lab.no-gl .lab-stage,.lab.no-gl .lab-foot{display:none}.lab-stage{position:relative;flex:1;min-height:0;touch-action:pan-y;user-select:none;-webkit-user-select:none}.lab-stage:before{content:"";position:absolute;inset:-3% -2%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,var(--halo),transparent)}.lab-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.lab-stage .type{pointer-events:none}.lab-foot{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:4px;text-align:center}.stepper{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.steps{list-style:none;display:flex;align-items:center;justify-content:center}.steps li{display:flex;align-items:center}.steps li+li:before{content:"";flex:none;width:12px;height:1px;background:var(--soft);opacity:.5}.steps button{display:block;padding:6px 5px;font-size:clamp(13px,min(1vw,2svh),15px);font-weight:550;letter-spacing:-.012em;white-space:nowrap;color:var(--soft);transition:color var(--fast),transform var(--fast) var(--ease-out)}.steps button:hover{color:var(--ink)}.steps button:active{transform:scale(.94)}.steps .done button{color:var(--muted)}.steps .done+li:before,.steps .done:before{background:var(--accent-ink);opacity:1}.steps button[aria-current=step]{color:var(--accent-ink);font-weight:700}.round{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:transform var(--fast) var(--ease-out),background var(--fast),opacity var(--fast),filter var(--fast)}.round svg{width:17px;height:17px;display:block}.round:hover{background:var(--hair)}.round:active{transform:scale(.86)}.round:disabled{opacity:.25;cursor:default;background:none;transform:none}.round.next{color:#fff;background:var(--btn);box-shadow:var(--btn-shadow)}.round.next:hover{filter:brightness(1.1);background:var(--btn)}.say{max-width:46em;font-size:clamp(15.5px,min(1.2vw,2.4svh),19px);line-height:1.26;letter-spacing:-.016em;color:var(--ink);text-wrap:balance}.act{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,18px);min-height:34px}.do{font-size:clamp(14px,min(1.02vw,2.1svh),16px);line-height:1.25;font-weight:650;color:var(--accent-ink)}.ctl{flex:none}.ctl-notes{display:flex;align-items:center;gap:10px}.keys{display:flex;gap:4px}.key{width:30px;height:30px;border-radius:50%;font-weight:700;font-size:14px;color:var(--muted);background:var(--key-bg);border:1px solid var(--key-edge);transition:transform var(--fast) var(--ease-out),color var(--fast)}.key:hover{color:var(--ink);transform:translateY(-1px)}.key:active{transform:scale(.88)}.key[aria-pressed=true]{color:#fff;border-color:var(--btn-edge);background:var(--btn)}.hear{font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.hear:hover{filter:brightness(1.2)}.ctl-circles{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--muted)}.ctl-circles input{width:clamp(110px,16vw,240px);accent-color:var(--accent-ink)}.ctl-circles output{min-width:2.4em;text-align:left;font-variant-numeric:tabular-nums;color:var(--ink)}@container (max-width: 680px){.steps li+li:before{width:6px}.steps button{font-size:0;padding:7px 3px}.steps button:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:var(--soft);opacity:.5}.steps .done button:before{background:var(--accent-ink);opacity:.75}.steps button[aria-current=step]{font-size:13.5px;padding:6px 5px}.steps button[aria-current=step]:before{display:none}.say{min-height:2.52em}}.section{width:min(1240px,100%);margin:0 auto;padding:clamp(60px,10svh,100px) var(--gutter) 0}.heading{text-align:center;max-width:780px;margin:0 auto clamp(24px,4.4svh,42px)}.heading h2,.closer h2{font-size:clamp(32px,3.9vw,54px);line-height:1.04;letter-spacing:-.044em}.heading p{margin-top:12px;font-size:clamp(17px,1.4vw,20px);line-height:1.38;color:var(--muted);text-wrap:balance}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px)}.card h3{margin-top:18px;padding:0 4px;font-size:23px;line-height:1.14;letter-spacing:-.04em}.card p{margin-top:7px;padding:0 4px;font-size:16px;line-height:1.45;color:var(--muted)}.card-visual{border-radius:26px;overflow:hidden;background:var(--img-bg);box-shadow:0 0 0 5px color-mix(in srgb,var(--tile-edge) 40%,transparent),var(--tile-shadow)}.card-visual img{width:100%;aspect-ratio:720 / 460;object-fit:cover}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.3vw,18px)}.tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:8px 8px 14px;border-radius:24px;background:var(--tile-bg);border:1px solid var(--tile-edge);box-shadow:var(--tile-shadow);transition:transform .14s var(--ease-out),box-shadow .14s}.tile:hover{transform:translateY(-3px)}.tile:active{transform:scale(.975)}.tile-visual{display:block;width:100%;border-radius:17px;overflow:hidden;background:var(--img-bg)}.tile-visual img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.tile strong{display:block;margin:12px 7px 0;font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.tile-line{display:block;margin:4px 7px 0;font-size:14px;line-height:1.36;color:var(--muted)}.closer{min-height:62svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px var(--gutter) 30px}.closer h2{max-width:15em}.closer .btn{margin-top:clamp(22px,3.6svh,34px)}.foot{width:min(1240px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px var(--gutter) 22px;color:var(--muted);font-size:14px}.foot .logo{font-size:18px}.foot .mark{width:22px;height:22px}@media(max-width:899px),(orientation:portrait){.nav{top:8px;padding:5px 6px 5px 12px;border-radius:17px}.nav-links{display:none}.logo{font-size:19px;gap:7px}.mark{width:22px;height:22px}.theme{width:34px;height:34px}.btn.small{font-size:14px;padding:6px 6px 6px 13px;gap:8px}.hero{height:100svh;min-height:520px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:4px;padding:58px var(--gutter) 6px}.hero-copy{padding:0 2px;align-self:start}.hero h1{font-size:clamp(27px,min(8vw,5.4svh),62px);line-height:1.02;letter-spacing:-.05em}.hero-copy .lead{display:none}.picker{margin-top:8px;flex-direction:row;gap:14px;overflow-x:auto;scrollbar-width:none;margin-inline:-2px;padding:2px;max-width:100vw}.picker::-webkit-scrollbar{display:none}.picker button{font-size:15px;gap:7px}.picker button i{width:7px;height:7px}.picker button:hover{transform:none}.lab-foot{gap:2px;padding-top:2px}.say{font-size:clamp(14px,2.2svh,16.5px);line-height:1.22}.do{font-size:clamp(13px,2svh,15px)}.act{flex-direction:column;gap:3px;min-height:52px;justify-content:flex-start}.key{width:28px;height:28px;font-size:13px}.hear{font-size:12.5px}.round{width:32px;height:32px}.ctl-notes{gap:8px}.cards{grid-template-columns:1fr;gap:24px}.tiles{grid-template-columns:repeat(2,1fr)}.tile:last-child{grid-column:1 / -1}.section{padding-top:56px}}@media(prefers-reduced-motion:reduce){.btn,.btn i,.key,.round,.tile,.theme,.t-core,.t-bite,.t-rays{transition:none}}