:root{--bg: #04060c;--fg: #f2f4f8;--muted: #9aa3b2;--line: rgba(255, 255, 255, .12);--ti: #f6e9b4;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}.ti,.hero-label.ti{color:var(--ti)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:24px;padding:18px 24px;font-size:14px;background:linear-gradient(to bottom,#04060cd9,#04060c00)}.nav a{color:var(--fg);text-decoration:none;opacity:.85}.nav a:hover{opacity:1}.nav-brand{font-weight:600;letter-spacing:-.01em}.nav-links{display:flex;gap:20px;margin-left:8px}.nav-cta{margin-left:auto;padding:8px 14px;border:1px solid var(--line);border-radius:999px}.nav-link{padding:0;border:0;background:none;color:var(--fg);font:inherit;opacity:.85;cursor:pointer}.nav-link:hover{opacity:1}.about{width:min(640px,calc(100vw - 32px));max-height:min(90vh,820px);padding:0;border:1px solid var(--line);border-radius:16px;background:#0d1017;color:var(--fg);box-shadow:0 30px 80px #0009;overflow:auto}.about::backdrop{background:#020306b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.about[open]{animation:about-in .22s ease-out}@keyframes about-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.about-body{position:relative;padding:32px 32px 28px;font-size:16px;line-height:1.6}.about-body h2{margin:0 40px 20px 0;font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.2}.about-body p{margin:0 0 16px;color:#d5d9e1}.about-body p:last-child{margin-bottom:0}.about-player{position:relative;margin-top:20px;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:12px;background:#000;overflow:hidden}.about-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.about-body p.about-video-source{margin:10px 0 0;font-size:13px;color:var(--muted)}.about-body p.about-contact{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.about-contact a{color:var(--fg);text-underline-offset:2px}.about-video-source a{color:inherit;text-underline-offset:2px}.about-video-source a:hover{color:var(--fg)}.about-close{position:absolute;top:20px;right:20px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--fg);cursor:pointer}.about-close:hover{background:#ffffff14}@media(prefers-reduced-motion:reduce){.about[open]{animation:none}}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--bg)}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-chrome{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,6vw,96px);pointer-events:none}.hero-label{margin:0;font-size:clamp(22px,5.6vw,92px);font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--fg);text-shadow:0 0 40px rgba(0,0,0,.8);animation:label-in 1.6s cubic-bezier(.2,.7,.2,1) both;animation-delay:1.4s}.hero-label-right{animation-delay:1.7s}@keyframes label-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero-drag{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.hero-drag[data-dragging=true]{cursor:grabbing}.hero[data-touch=true] .hero-drag{inset:auto;left:var(--comb-left, 0);top:var(--comb-top, 0);width:var(--comb-width, 100%);height:var(--comb-height, 50%);max-width:100%}.hero[data-touch-debug=true] .hero-drag{outline:1px dashed rgba(255,255,255,.5)}.hero-drag:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:-6px}.hero-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);margin:0;font-size:13px;color:var(--muted);pointer-events:none;opacity:0;animation:label-in 1.2s ease-out 4.6s both}@media(prefers-reduced-motion:reduce){.hero-label,.hero-hint{animation:none;opacity:1}}.prose{max-width:720px;margin:0 auto;padding:96px 24px 160px;font-size:18px;line-height:1.6}.prose h2{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin:0 0 32px}.prose p{margin:0 0 24px}.prose p.prose-lead{margin:44px 0 28px;font-size:clamp(26px,3.2vw,36px);font-weight:500;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.prose-key{font-size:1.15em;font-weight:500;letter-spacing:-.01em}.prose-note{padding:12px 16px;border-left:2px solid var(--line);color:var(--muted);font-size:15px}.prose-wide{max-width:880px}.table-figure{margin:40px 0 0}.era-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4;font-feature-settings:"tnum" 1,"ss01" 1}.era-table th,.era-table td{padding:16px 12px 16px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.era-table th{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.01em}.era-table td:first-child{color:var(--muted);white-space:nowrap;width:22%}.era-table td:last-child{white-space:nowrap}.era-table tr[data-featured=true] td{color:var(--fg);font-weight:500}.era-table tr[data-featured=true] td:first-child{color:var(--fg)}.era-table figcaption,.table-figure figcaption{margin-top:12px;font-size:13px;color:var(--muted)}@media(max-width:560px){.hands{--w: calc(var(--spread, 0) * .55em);font-size:17px}.era-table{font-size:14px}.era-table th,.era-table td{padding:12px 8px 12px 0}.era-table td:first-child{width:auto}}.hands{--w: calc(var(--spread, 0) * 1.1em);--delay: calc(var(--row, 0) * .16s + .15s);display:inline-flex;align-items:center;font-size:20px;line-height:1}.hand{display:inline-block;transform-origin:50% 80%}.hand-l{transform:rotate(24deg)}.hand-r{transform:rotate(-24deg)}.hands-gap{position:relative;display:inline-block;height:1em;width:var(--w)}.hands-gap[data-connected=true]:before{content:"";position:absolute;left:.2em;right:.2em;top:50%;border-top:1.5px solid var(--muted)}.hands-arrow{display:none;position:absolute;top:50%;width:.3em;height:.3em;border-left:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted)}.hands-gap[data-connected=true] .hands-arrow{display:block}.hands-arrow-l{left:.2em;transform:translateY(-50%) rotate(45deg);transform-origin:25% 75%}.hands-arrow-r{right:.2em;transform:translateY(-50%) rotate(-135deg);transform-origin:25% 75%}.hand{will-change:transform}.era-table[data-inview=false] .hand-l{transform:translate(calc(var(--w) * .5)) rotate(24deg)}.era-table[data-inview=false] .hand-r{transform:translate(calc(var(--w) * -.5)) rotate(-24deg)}.era-table[data-inview=false] .hands-gap:before,.era-table[data-inview=false] .hands-arrow{opacity:0}.era-table[data-inview=true] .hand-l{animation:hand-pump-l 2s cubic-bezier(.35,.6,.35,1) var(--delay) both}.era-table[data-inview=true] .hand-r{animation:hand-pump-r 2s cubic-bezier(.35,.6,.35,1) var(--delay) both}.era-table[data-inview=true] .hands-gap:before,.era-table[data-inview=true] .hands-arrow{animation:hands-arrow-in .45s ease-out calc(var(--delay) + 1.7s) both}@keyframes hand-pump-l{0%{transform:translate(calc(var(--w) * .5)) rotate(24deg)}14%{transform:translate(calc(var(--w) * -.1 - .28em)) rotate(6deg)}28%{transform:translate(calc(var(--w) * .25)) rotate(36deg)}42%{transform:translate(calc(var(--w) * -.075 - .2em)) rotate(9deg)}56%{transform:translate(calc(var(--w) * .16)) rotate(33deg)}70%{transform:translate(calc(var(--w) * -.04 - .11em)) rotate(15deg)}84%{transform:translate(calc(var(--w) * .04)) rotate(28deg)}to{transform:translate(0) rotate(24deg)}}@keyframes hand-pump-r{0%{transform:translate(calc(var(--w) * -.5)) rotate(-24deg)}14%{transform:translate(calc(var(--w) * .1 + .28em)) rotate(-6deg)}28%{transform:translate(calc(var(--w) * -.25)) rotate(-36deg)}42%{transform:translate(calc(var(--w) * .075 + .2em)) rotate(-9deg)}56%{transform:translate(calc(var(--w) * -.16)) rotate(-33deg)}70%{transform:translate(calc(var(--w) * .04 + .11em)) rotate(-15deg)}84%{transform:translate(calc(var(--w) * -.04)) rotate(-28deg)}to{transform:translate(0) rotate(-24deg)}}@keyframes hands-arrow-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.era-table .hand,.era-table .hands-gap:before,.era-table .hands-arrow{animation:none!important;opacity:1!important}.era-table .hand-l{transform:rotate(24deg)!important}.era-table .hand-r{transform:rotate(-24deg)!important}}.try{padding-bottom:120px}.chat{display:flex;flex-direction:column;gap:28px;margin:40px 0 24px}.turn{display:flex;flex-direction:column;gap:18px}.bubble-user{align-self:flex-end;max-width:70%;padding:12px 18px;border-radius:22px;background:#2a2d35;color:var(--fg);font-size:16px;line-height:1.5;white-space:pre-wrap}.bubble-ai{align-self:flex-start;width:100%}.bubble-ai-label{margin-bottom:10px;font-size:13px;color:var(--muted)}.sharpie{display:block;width:100%;max-width:860px;height:auto;border-radius:6px;box-shadow:0 12px 40px #00000080;transform:rotate(-.4deg)}.thinking{font-size:15px;color:var(--muted);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.bubble-actions,.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg);font:inherit;font-size:14px;line-height:1.2;text-decoration:none;cursor:pointer}.chip:hover{background:#ffffff0f}.chip:disabled{opacity:.5;cursor:default}.composer{display:flex;align-items:flex-end;gap:10px;padding:10px 10px 10px 20px;border:1px solid var(--line);border-radius:28px;background:#15171d;box-shadow:0 8px 30px #00000059}.composer:focus-within{border-color:#ffffff4d}.composer-input{flex:1;min-height:24px;max-height:200px;padding:8px 0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:16px;line-height:1.5;resize:none;outline:none;field-sizing:content}.composer-input::placeholder{color:var(--muted)}.composer-send{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:var(--fg);color:#0b0d12;display:grid;place-items:center;cursor:pointer}.composer-send:disabled{opacity:.35;cursor:default}.prose p.composer-note{max-width:620px;margin:22px auto 0;font-size:12px;line-height:1.5;color:var(--muted);text-align:center;text-wrap:pretty}.composer-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.composer-note a:hover{color:var(--fg)}