@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-ext-wght-normal.1rz-p1o6z-sit.woff2?dpl=dpl_4skD373kN1eg4nsALWgo8nMBwvNV)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-wght-normal.2jdm38iyutowj.woff2?dpl=dpl_4skD373kN1eg4nsALWgo8nMBwvNV)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-vietnamese-wght-normal.3ez0azjih7ypa.woff2?dpl=dpl_4skD373kN1eg4nsALWgo8nMBwvNV)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-ext-wght-normal.2p5o-04xn4ahk.woff2?dpl=dpl_4skD373kN1eg4nsALWgo8nMBwvNV)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-wght-normal.175rzww1hghhr.woff2?dpl=dpl_4skD373kN1eg4nsALWgo8nMBwvNV)format("woff2-variations");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{--canvas:#f5f5f3;--card:#fff;--ink:#161615;--ink-2:#16161594;--ink-3:#1616155c;--fill-1:#16161509;--fill-2:#1616150f;--fill-3:#1616151f;--wire:#16161557;--unseen:#2f6bff;--r-control:8px;--r-card:12px;--r-panel:14px;--r-block:22px;--r-hero:32px;--r-round:999px;--shadow-rest:0 1px 2px #1212100f, 0 6px 16px #1212100f;--shadow-lift:0 2px 6px #12121014, 0 22px 44px #12121029;--shadow-high:0 4px 12px #1212101a, 0 36px 72px #12121038;--shadow-chrome:0 0 0 .5px #1616151a, 0 1px 2px #1212100f, 0 8px 24px #12121014;--shadow-control:0 0 0 .5px #1616151a, 0 1px 2px #12121012, 0 2px 5px #1212100a;--halo:0 0 4px 3px var(--canvas);--font:"Geist Variable", -apple-system, "SF Pro Text", system-ui, sans-serif;--font-app:"Geist Variable", -apple-system, "SF Pro Text", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--gutter:32px}@media (max-width:720px){:root{--gutter:16px}}*{box-sizing:border-box}html,body{overscroll-behavior:none}html{-webkit-text-size-adjust:100%;overflow-x:clip}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{color:var(--ink);background:var(--card);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;display:block}.d1{letter-spacing:-.035em;font-size:clamp(42px,5.2vw,72px);font-weight:700;line-height:1}.d2{letter-spacing:-.035em;font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1}
.nav{z-index:10;height:88px;padding:0 var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.nav:before{content:"";inset:0 0 calc(var(--nav-reach,24px) * -1);z-index:-1;background:linear-gradient(to bottom, rgb(var(--nav-bg,245, 245, 243)) 30%, rgba(var(--nav-bg,245, 245, 243), 0));opacity:var(--nav-on,0);pointer-events:none;position:absolute}.nav-name{letter-spacing:-.035em;grid-column:2;font-size:26px;font-weight:600}.nav-try{letter-spacing:-.02em;height:44px;color:var(--card);background:var(--ink);border-radius:var(--r-round);grid-column:3;justify-self:end;align-items:center;padding:0 20px;font-size:15px;font-weight:600;transition:opacity .15s;display:flex}.nav-try:hover{opacity:.82}.nav-try-labels{display:grid}.nav-try-labels>span{transition:opacity .2s ease, filter .2s ease, transform .25s var(--ease-out);grid-area:1/1;justify-self:center}.nav-try[data-done] .nav-try-label,.nav-try:not([data-done]) .nav-try-done{opacity:0;filter:blur(3px);transform:translateY(2px)}.hero{z-index:2;min-height:100svh;padding:104px var(--gutter) 72px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-card{z-index:1;text-align:center;background:var(--card);border-radius:var(--r-hero);width:100%;max-width:896px;box-shadow:var(--shadow-lift);animation:hero-in .9s var(--ease-out) backwards;flex-direction:column;align-items:center;padding:44px 40px 32px;display:flex;position:relative}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)scale(.985)}}.hero-kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.hero-title{margin-top:20px}.hero-line{display:block}.hero-brief{letter-spacing:-.015em;max-width:520px;color:var(--ink-2);text-wrap:pretty;margin-top:18px;font-size:17px;line-height:1.4}.cmd{background:var(--fill-1);border-radius:var(--r-round);align-items:center;gap:8px;width:100%;max-width:560px;margin-top:30px;padding:8px;display:flex;box-shadow:inset 0 0 0 .5px #16161514}.cmd-field{text-align:left;background:var(--card);border-radius:var(--r-round);min-width:0;height:52px;box-shadow:var(--shadow-control);-webkit-user-select:all;user-select:all;flex:1;align-items:center;gap:12px;padding:0 22px;display:flex}.cmd-prompt{font-family:var(--mono);color:var(--ink-3);-webkit-user-select:none;user-select:none;font-size:16px}.cmd-text{min-width:0;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;overflow:hidden}.cmd-state{color:var(--ink-2);opacity:0;-webkit-user-select:none;user-select:none;font-size:13px;transition:opacity .2s}.cmd-state[data-show]{opacity:1}.cmd-copy{background:var(--card);width:52px;height:52px;box-shadow:var(--shadow-control);transition:transform .2s var(--spring);border-radius:50%;flex:none;position:relative}.cmd-copy:hover{transform:scale(1.05)}.cmd-copy:active{transform:scale(.96)}.cmd-copy svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:opacity .2s ease, transform .25s var(--spring), filter .2s ease;position:absolute;top:16px;left:16px}.cmd-icon-done,.cmd-copy[data-done] .cmd-icon-copy{opacity:0;filter:blur(3px);transform:scale(.6)}.cmd-copy[data-done] .cmd-icon-done{opacity:1;filter:none;transform:none}.hero-repo{letter-spacing:-.01em;height:36px;color:var(--ink-2);border-radius:var(--r-round);align-items:center;gap:8px;margin-top:16px;padding:0 14px 0 8px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.hero-repo:hover{color:var(--ink);background:var(--fill-1)}.hero-repo-mark{width:22px;height:22px;color:var(--card);background:var(--ink);border-radius:6px;place-items:center;display:grid}@media (max-width:720px){.nav{height:72px}.nav-name{font-size:22px}.nav-try{height:38px;padding:0 14px;font-size:13px}.nav-try-more{display:none}.hero-card{border-radius:24px;padding:32px 18px 20px}.hero-brief{font-size:16px}.cmd{margin-top:24px}.cmd-field{height:46px;padding:0 16px}.cmd-copy{width:46px;height:46px}.cmd-copy svg{top:13px;left:13px}}@media (prefers-reduced-motion:reduce){.hero-card{animation:none}}
.board-run{background:var(--card);position:relative}.board-stick{z-index:1;position:sticky}.board{background:var(--canvas);transform-origin:0 0;position:relative;overflow:hidden}.board[data-framed]{will-change:transform;overflow:visible}.board-shadow{transform-origin:0 0;will-change:transform, opacity;opacity:0;pointer-events:none;border-radius:16px;position:absolute;box-shadow:0 0 0 .5px #1616151a,0 4px 12px #1212101a,0 36px 72px #12121038}.win-chrome{z-index:4;opacity:0;transform-origin:0 0;pointer-events:none;font-family:var(--font-app);position:absolute;top:0;left:0}.win-panel{border-radius:var(--r-panel);box-shadow:var(--shadow-chrome);background:#ffffffdb;align-items:center;display:flex;position:absolute;bottom:16px}.win-toolbar{gap:2px;padding:6px;left:50%;transform:translate(-50%)}.win-tool{width:36px;height:36px;color:var(--ink-2);border-radius:var(--r-control);place-items:center;display:grid}.win-tool svg{stroke-width:1.6px;width:18px;height:18px}.win-tool[data-active]{color:var(--card);background:var(--ink)}.win-rule{background:#16161514;width:1px;height:20px;margin:0 4px}.win-zoom{padding:4px;right:16px}.win-step{width:28px;height:28px;color:var(--ink-2);place-items:center;display:grid}.win-step svg{stroke-width:2px;width:14px;height:14px}.win-level{min-width:50px;font-family:var(--mono);text-align:center;color:var(--ink-2);padding:0 6px;font-size:11px;line-height:28px}.board-dots{background-color:var(--canvas);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='1' fill='rgb(20,20,18)' fill-opacity='.2'/%3E%3C/svg%3E");background-position:50% 0;background-size:32px 32px;position:absolute;inset:-480px -120vw}.board-canvas{z-index:1;pointer-events:none;position:absolute;top:0;left:0}.board[data-pulling],.board[data-pulling] *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.board[data-pulling] iframe{pointer-events:none}.hero-nodes{font-family:var(--font-app);--mid:calc(50% + 16px);--big:clamp(168px, 16.5vw, 240px);--note:clamp(176px, 17.5vw, 256px);position:absolute;inset:0}.hn{animation:.7s .5s backwards hn-in;position:absolute}@keyframes hn-in{0%{opacity:0}}.hc{width:var(--w);flex-direction:column;align-items:center;margin:0;display:flex}.hc-media{width:100%;height:var(--h);background:var(--card);border-radius:var(--r-control);box-shadow:var(--shadow-rest);transform:rotate(var(--turn));overflow:hidden}.hc-media img,.hc-media iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.card-title{color:var(--ink-2);background:var(--canvas);box-shadow:var(--halo);border-radius:6px;margin-top:8px;font-size:12px;line-height:16px}.hn.stack{--pile:var(--big)}.hn.hn-call{width:var(--note);top:104px;right:24px}.hn-call .bn-note{width:100%;transition:transform .32s var(--spring);position:relative;top:auto;left:auto}.hn-call .hn-sheet{transform:translate(var(--rx), var(--ry)) rotate(var(--rr));position:absolute;inset:0;overflow:hidden}.hn-sheet[data-pose="1"]{--rx:-8px;--ry:4px;--rr:-5deg;--fx:-34px;--fy:6px;--fr:-12deg}.hn-sheet[data-pose="2"]{--rx:9px;--ry:6px;--rr:6deg;--fx:34px;--fy:8px;--fr:12deg}.hn-call:hover .hn-sheet{transform:translate(var(--fx), var(--fy)) rotate(var(--fr))}.hn-call:hover .bn-note:not(.hn-sheet){transform:scale(1.02)}.hn-ai{top:calc(var(--mid) - var(--big) / 2);right:-56px}@media (min-width:1400px){.hn-ai{right:-24px}}.hn-ai .stack-card[data-pose="0"]{overflow:visible}.hn-ai .stack-card[data-pose="0"] img{border-radius:inherit}.hn-ai .stack-card[data-pose="0"]:after{content:"";background:var(--unseen);width:5px;height:5px;box-shadow:0 0 0 1.5px var(--canvas);border-radius:50%;position:absolute;top:-7.5px;left:calc(100% + 2.5px)}.hn-green{--w:208px;--h:208px;--turn:-6deg;top:-92px;left:calc(50% - 360px)}.hn-faces{--w:232px;--h:176px;--turn:5deg;top:-60px;left:calc(50% + 128px)}.hn-sketch{--w:clamp(176px, 16vw, 224px);--h:clamp(128px, 11.5vw, 160px);--turn:-4deg;bottom:8px;left:56px}.hn-proto{--w:clamp(192px, 18vw, 256px);--h:clamp(128px, 11.5vw, 160px);--turn:3deg;bottom:8px;right:56px}.hero-card{max-width:768px}@media (max-width:1199px){.hero-card{max-width:600px}}@media (max-width:899px){.hero-nodes{display:none}.hero-card{max-width:896px}}.board-fade{z-index:1;pointer-events:none;background:linear-gradient(#fff0,#fff);height:260px;position:absolute;bottom:0;left:0;right:0}.nodes{z-index:2;height:780px;font-family:var(--font-app);scroll-margin-top:200px;position:relative}.nodes>*{position:absolute}.bn-note{--w:256px;width:var(--w);background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-rest);will-change:transform;padding:16px 18px 18px;top:96px;left:calc(50% - 128px)}.bn-note h3{letter-spacing:-.01em;font-size:14px;font-weight:600}.bn-note p{color:var(--ink-2);margin-top:6px;font-size:13px;line-height:1.5}.stack{--pile:200px;width:var(--pile);flex-direction:column;align-items:center;display:flex}.bn-blue{top:48px;left:calc(50% + 368px)}.bn-ui{top:48px;left:calc(50% - 568px)}.stack-pile{width:var(--pile);height:var(--pile);place-items:center;display:grid}.stack-card{background:var(--card);border-radius:var(--r-control);box-shadow:var(--shadow-rest);transform:translate(var(--rx,0px), var(--ry,0px)) rotate(var(--rr,0deg));transition:transform .32s var(--spring), box-shadow .2s ease;will-change:transform;grid-area:1/1;position:relative;overflow:hidden}.stack-card img{max-width:calc(var(--pile) * .88);max-height:calc(var(--pile) * .88);display:block}.stack:hover .stack-card{transform:translate(var(--fx,0px), var(--fy,0px)) rotate(var(--fr,0deg)) scale(var(--fs,1))}.stack-card[data-pose="0"]{--fs:1.02}.stack-card[data-pose="1"]{--rx:-8px;--ry:4px;--rr:-5deg;--fx:-34px;--fy:6px;--fr:-12deg}.stack-card[data-pose="2"]{--rx:9px;--ry:6px;--rr:6deg;--fx:34px;--fy:8px;--fr:12deg}.stack-card[data-pose="3"]{--rx:2px;--ry:10px;--rr:-2deg;--fy:18px;--fr:-4deg}.stack-label{flex-direction:column;align-items:center;max-width:100%;margin-top:12px;display:flex}.stack-label-row{position:relative}.stack-title{letter-spacing:-.005em;text-align:center;white-space:nowrap;background:var(--canvas);box-shadow:var(--halo);border-radius:6px;font-size:13px;font-weight:500;line-height:17px}.stack-count{font-family:var(--mono);white-space:nowrap;color:var(--ink-3);background:var(--canvas);box-shadow:var(--halo);border-radius:6px;margin-left:8px;font-size:11px;line-height:17px;position:absolute;top:1px;left:100%}.stack-desc{white-space:nowrap;color:var(--ink-2);background:var(--canvas);box-shadow:var(--halo);border-radius:6px;margin-top:2px;font-size:12px;line-height:15px}.source-mark{background:var(--card);border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 1px 2px #1212101f,0 2px 6px #1212100f}.source-mark img{border-radius:4px;width:12px;height:12px}.bn-note[data-sourced] h3{padding-right:24px}.bn-live{--w:320px;--h:240px;--turn:0deg;top:400px;left:calc(50% - 128px)}.hc-media iframe{pointer-events:none}.card-title-live{letter-spacing:-.005em;color:var(--ink);white-space:nowrap;font-size:13px;font-weight:500;line-height:17px}.bn-end{width:0;height:0;bottom:0;left:50%}.wire-label{z-index:3;opacity:0;will-change:transform, opacity;position:absolute;transform:translate(-50%,-50%)}.wire-note,.wire-input{font-family:var(--font-app);border-radius:var(--r-round);white-space:nowrap;text-overflow:ellipsis;border:0;font-size:12px;line-height:16px;display:block;overflow:hidden}.wire-note{max-width:var(--room,240px);color:var(--ink-2);transition:padding .2s var(--ease-out), color .15s ease, background-color .15s ease, box-shadow .15s ease, scale .2s var(--spring);background:0 0;padding:2px 8px;scale:.94}.wire-label[data-hot] .wire-note,.wire-input{max-width:240px;color:var(--ink);background:var(--card);box-shadow:var(--shadow-control);padding:6px 12px;scale:1}.wire-input{outline:none;width:220px}.wire-input::placeholder{color:var(--ink-3)}.wire-add{width:24px;height:24px;color:var(--ink);background:var(--card);box-shadow:var(--shadow-control);opacity:0;transition:opacity .15s ease, transform .2s var(--spring), background-color .15s ease, color .15s ease;border-radius:50%;place-items:center;display:grid;transform:scale(.8)}.wire-add svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:10px;height:10px;display:block}.wire-add:hover{color:var(--card);background:var(--ink)}.wire-label[data-hot] .wire-add{opacity:1;transform:scale(1)}@media (max-width:900px){.nodes{height:1240px}.bn-note{--w:224px;top:56px;left:16px}.bn-blue{top:280px;left:auto;right:16px}.bn-ui{top:560px;left:16px}.bn-live{--w:min(280px, calc(100vw - 32px));--h:210px;top:860px;left:auto;right:16px}}
.features{background:var(--card);padding:176px 0 208px}.features h2{padding:0 var(--gutter)}.rail-wrap{margin-top:56px;position:relative}.rail{padding:0 var(--gutter);scroll-snap-type:x proximity;scroll-padding-left:var(--gutter);scrollbar-width:none;touch-action:pan-x pan-y;gap:24px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.feature{scroll-snap-align:start;flex:none;width:min(384px,26.5vw)}@media (min-width:1680px){.feature{width:20vw}}@media (max-width:1100px){.feature{width:40vw}}@media (max-width:720px){.feature{width:80vw}}.tile{aspect-ratio:1;background:var(--canvas);border-radius:var(--r-card);position:relative;overflow:hidden;container-type:inline-size}.tv{font-family:var(--font-app);font-size:2.60417cqw;position:absolute;inset:0}.feature-title{letter-spacing:-.035em;text-wrap:balance;margin-top:20px;font-size:26px;font-weight:500;line-height:1.15}.feature-body{letter-spacing:-.02em;color:var(--ink-2);text-wrap:pretty;margin-top:8px;font-size:16px;line-height:1.4}.rail-arrow{background:var(--card);width:44px;height:44px;box-shadow:var(--shadow-control);opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s var(--spring);border-radius:50%;place-items:center;margin-top:-22px;display:grid;position:absolute;top:calc(min(384px,26.5vw)/2)}.rail-arrow[data-side=back]{left:16px}.rail-arrow[data-side=on]{right:16px}.rail-arrow[data-show]{opacity:1;pointer-events:auto}.rail-arrow:hover{transform:scale(1.06)}.rail-arrow svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (hover:none){.rail-arrow{display:none}}@media (max-width:720px){.features{padding:96px 0 120px}}
.tv *{animation-play-state:paused}[data-playing] .tv *{animation-play-state:running}.tv b{font-weight:500}.t-cursor{z-index:5;filter:drop-shadow(0 .1em .18em #00000052);width:1.8em;height:2.52em;position:absolute;top:-.14em;left:-.26em;overflow:visible}.t-cursor path{fill:#0b0b0b;stroke:#fff;stroke-width:1.5px;stroke-linejoin:round;paint-order:stroke}.t-board{background-image:radial-gradient(circle at 1.6em 1.6em,#14141233 .1em,#0000 .11em);background-size:3.2em 3.2em}.t-note{background:var(--card);box-shadow:var(--shadow-rest);border-radius:1.2em;padding:1.6em 1.8em 1.8em;position:absolute}.t-note b{letter-spacing:-.01em;font-size:1.4em;font-weight:600;display:block}.t-note span{color:var(--ink-2);margin-top:.46em;font-size:1.3em;line-height:1.5;display:block}.t-name{letter-spacing:-.005em;white-space:nowrap;background:var(--canvas);box-shadow:0 0 .3em .2em var(--canvas);border-radius:.5em;font-size:1.3em;font-weight:500;line-height:1.3}.t-count{font-family:var(--mono);white-space:nowrap;color:var(--ink-3);margin-left:.7em;font-size:1.1em;font-style:normal}.t-pile{place-items:center;width:14em;height:14em;display:grid;position:relative}.t-pile-card{background:var(--card);box-shadow:var(--shadow-rest);border-radius:.8em;grid-area:1/1;overflow:hidden}.t-pile-card img{max-width:12.3em;max-height:12.3em;display:block}.t-pile-card[data-pose="1"]{transform:translate(-.8em,.4em)rotate(-5deg)}.t-pile-card[data-pose="2"]{transform:translate(.9em,.6em)rotate(6deg)}.t-pile-card[data-pose="3"]{transform:translate(.2em,1em)rotate(-2deg)}.t-typed{white-space:nowrap;animation-duration:var(--loop,9s);animation-iteration-count:infinite;display:inline-block}.t-seen{z-index:2;background:var(--unseen);width:.7em;height:.7em;box-shadow:0 0 0 .2em var(--canvas);border-radius:50%;position:absolute}.t-ai{--loop:9s;position:absolute;inset:0}.t-ai-dots{width:100%;height:100%;position:absolute;inset:0}.t-ai-clock{width:0;height:0;animation:9s linear infinite t-clock;position:absolute}@keyframes t-clock{to{opacity:.99}}.t-ai-note{background:var(--card);width:14.8em;box-shadow:var(--shadow-rest);animation:t-ai-note 9s var(--spring) infinite;border-radius:1.2em;flex-direction:column;gap:.5em;padding:1.3em 1.4em 1.4em;font-size:1em;display:flex;position:absolute;top:3.4em;left:2.8em}.t-ai-note b{letter-spacing:-.01em;font-size:1.3em;font-weight:600}.t-ai-note span{color:var(--ink-2);font-size:1.15em;line-height:1.4}.t-ai-note .t-seen{top:-.2em;right:-.2em}@keyframes t-ai-note{0%,35%{opacity:0;transform:scale(.9)translateY(.6em)}43%,92%{opacity:1;transform:none}98%,to{opacity:0;transform:none}}.t-ai-stack{width:10em;height:10em;animation:t-ai-stack 9s var(--spring) infinite;position:absolute;top:25em;left:25em}.t-ai-stack img{object-fit:cover;background:var(--card);width:100%;height:100%;box-shadow:var(--shadow-rest);border-radius:.8em;position:absolute;inset:0}.t-ai-stack img:first-of-type{transform:translate(.8em,.5em)rotate(6deg)}.t-ai-stack img:nth-of-type(2){transform:translate(-.7em,.4em)rotate(-5deg)}.t-ai-stack .t-seen{top:-.3em;right:-.3em}.t-ai-stack b{white-space:nowrap;font-size:1em;position:absolute;top:11.6em;left:50%;transform:translate(-50%)}@keyframes t-ai-stack{0%,42%{opacity:0;transform:scale(.88)translateY(.8em)}50%,92%{opacity:1;transform:none}98%,to{opacity:0;transform:none}}.t-ai-why{white-space:nowrap;color:var(--ink-2);padding:.2em .8em;font-size:1em;animation:9s infinite t-ai-why;position:absolute;transform:translate(-50%,-50%)scale(.94)}.t-ai-why span{font-size:1.2em}@keyframes t-ai-why{0%,58%{opacity:0}63%,92%{opacity:1}98%,to{opacity:0}}.t-ai-prompt{background:var(--card);height:4.8em;box-shadow:var(--shadow-chrome);animation:t-ai-prompt 9s var(--ease-out) infinite;border-radius:2.4em;justify-content:space-between;align-items:center;padding:0 .7em 0 1.8em;display:flex;position:absolute;bottom:3em;left:3.2em;right:3.2em}.t-ai-text{letter-spacing:-.01em;white-space:nowrap;font-size:1.35em}.t-ai-send{width:3.4em;height:3.4em;color:var(--card);background:var(--ink);animation:t-ai-send 9s var(--ease-out) infinite;border-radius:50%;flex:none;place-items:center;display:grid}.t-ai-send svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.6em;height:1.6em}@keyframes t-ai-prompt{0%{opacity:0;transform:translateY(1em)}4%,32%{opacity:1;transform:none}38%,to{opacity:0;transform:translateY(.6em)}}@keyframes t-ai-send{0%,28%{transform:none}30%{transform:scale(.86)}33%,to{transform:none}}@keyframes t-ai-type{0%,5%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(29,end)}27%,to{clip-path:inset(-10% 0)}}.t-reason{position:absolute;inset:0}.t-film{width:100%;height:100%;position:absolute;inset:0}.t-r-note{width:14em;height:11.6em;top:6em;left:-1.2em}.t-r-stack{flex-direction:column;align-items:center;width:14em;display:flex;position:absolute;top:20em;left:25em}.t-r-stack .t-name{margin-top:1.1em}.t-r-pointer{z-index:5;will-change:transform;position:absolute;top:0;left:0;transform:translate(15em,43em)}.t-r-why{z-index:3;white-space:nowrap;min-width:22em;color:var(--ink);background:var(--card);box-shadow:var(--shadow-control);transition:opacity .2s ease, padding .2s var(--ease-out), color .15s ease, background-color .15s ease, box-shadow .15s ease, transform .2s var(--spring);border-radius:2em;padding:.6em 1.2em;font-size:1em;display:grid;position:absolute;transform:translate(-50%,-50%)}.t-r-why>*{grid-area:1/1;justify-self:center;font-size:1.2em;font-style:normal;line-height:1.6em}.t-r-ask{color:var(--ink-3);opacity:0}.t-r-why[data-state=off]{opacity:0}.t-r-why[data-state=ask] .t-r-ask{opacity:1}.t-r-why[data-state=quiet] .t-r-ask{display:none}.t-r-why[data-state=quiet]{min-width:0;color:var(--ink-2);box-shadow:none;background:0 0;padding:.2em .8em;transform:translate(-50%,-50%)scale(.94)}.t-stacks{position:absolute;inset:0}.t-s-focus{-webkit-backdrop-filter:blur(28px)saturate(1.1);backdrop-filter:blur(28px)saturate(1.1);opacity:0;background:#f5f5f3e6;animation:8s infinite t-s-focus;position:absolute;inset:0}@keyframes t-s-focus{0%,22%{opacity:0}30%,68%{opacity:1}76%,to{opacity:0}}.t-s-pile{place-items:center;width:0;height:0;display:grid;position:absolute;top:16.6em;left:19.2em}.t-s-card{--rest:translate(var(--rx,0em), var(--ry,0em)) rotate(var(--rr,0deg));--fan:translate(var(--fx,0em), var(--fy,0em)) rotate(var(--fr,0deg));background:var(--card);box-shadow:var(--shadow-rest);transform:var(--rest);border-radius:.8em;grid-area:1/1;animation:8s cubic-bezier(.3,1.15,.5,1) infinite t-deal;overflow:hidden}.t-s-card img{max-width:14em;max-height:14em;display:block}.t-s-card[data-pose="0"]{z-index:5}.t-s-card[data-pose="1"]{--rx:-.8em;--ry:.4em;--rr:-5deg;--fx:-3.4em;--fy:.6em;--fr:-12deg;z-index:4}.t-s-card[data-pose="2"]{--rx:.9em;--ry:.6em;--rr:6deg;--fx:3.4em;--fy:.8em;--fr:12deg;z-index:3}.t-s-card[data-pose="3"]{--rx:.2em;--ry:1em;--rr:-2deg;--fy:1.8em;--fr:-4deg;z-index:2}.t-s-card[data-pose="4"]{z-index:1}@keyframes t-deal{0%,8%{transform:var(--rest)}14%,22%{transform:var(--fan)}32%,70%{transform:translate(var(--x), var(--y)) scale(.62)}82%,to{transform:var(--rest)}}.t-s-label{justify-content:center;align-items:baseline;animation:8s infinite t-s-label;display:flex;position:absolute;top:26em;left:0;right:0}@keyframes t-s-label{0%,23%{opacity:1}28%,74%{opacity:0}82%,to{opacity:1}}.t-s-cursor{animation:8s cubic-bezier(.45,0,.3,1) infinite t-s-cursor}@keyframes t-s-cursor{0%,2%{transform:translate(42em,40em)}14%,21%{transform:translate(21em,18em)}22.5%{transform:translate(21em,18em)scale(.86)}24%{transform:translate(21em,18em)}38%,to{transform:translate(44em,26em)}}
.t-live{position:absolute;inset:0}.t-l-wire{fill:none;width:100%;height:100%;stroke:var(--wire);stroke-width:1.5px;stroke-linecap:round;position:absolute;inset:0}.t-l-card{background:var(--card);width:24.6em;height:14.6em;box-shadow:var(--shadow-rest);border-radius:.8em;position:absolute;top:3.2em;left:10.2em;overflow:hidden}.t-l-fan{position:absolute;top:50%;left:50%}.t-l-fan img{object-fit:cover;width:6.8em;height:8.6em;box-shadow:var(--shadow-rest);border-radius:.6em;animation:9s cubic-bezier(.45,0,.3,1) infinite t-l-card;position:absolute;top:-4.3em;left:-3.4em}.t-l-fan img[data-c="0"]{--dir:-1}.t-l-fan img[data-c="1"]{--dir:1}.t-l-fan img[data-c="2"]{--dir:0}@keyframes t-l-card{0%,24%{transform:translateX(calc(var(--dir) * 5em)) rotate(calc(var(--dir) * 12deg))}40%,48%{transform:translateX(calc(var(--dir) * 1.6em)) rotate(calc(var(--dir) * 4deg))}62%,to{transform:translateX(calc(var(--dir) * 6.4em)) rotate(calc(var(--dir) * 15deg))}}.t-l-name{position:absolute;top:19em;left:22.5em;transform:translate(-50%)}.t-l-refs{flex-direction:column;align-items:center;width:12.8em;display:flex;position:absolute;top:22.4em;left:1.6em}.t-l-refs .t-pile{width:10em;height:10em}.t-l-refs .t-pile-card img{max-width:8.6em;max-height:8.6em}.t-l-refs .t-name{margin-top:.3em;font-size:1.2em}.t-l-dials{z-index:2;background:var(--card);width:20.4em;box-shadow:var(--shadow-chrome);border-radius:1.4em;flex-direction:column;gap:.4em;padding:1em;display:flex;position:absolute;top:22.4em;left:15.4em}.t-l-title{letter-spacing:-.01em;padding:.2em .4em .5em;font-size:1.3em;font-weight:600}.t-l-dial{background:var(--fill-1);border-radius:.8em;justify-content:space-between;align-items:center;height:3em;padding:0 1em;display:flex;position:relative;overflow:hidden}.t-l-dial span{color:var(--ink-2);font-size:1.2em;position:relative}.t-l-fill{background:var(--fill-2);transform-origin:0;position:absolute;inset:0}.t-l-fill[data-d=spread]{animation:9s cubic-bezier(.45,0,.3,1) infinite t-l-spread;transform:scaleX(.85)}.t-l-fill[data-d=tilt]{transform:scaleX(.42)}@keyframes t-l-spread{0%,24%{transform:scaleX(.68)}40%,48%{transform:scaleX(.2)}62%,to{transform:scaleX(.85)}}.t-l-value{font-family:var(--mono);font-size:1.1em;font-style:normal;display:grid;position:relative}.t-l-value u{grid-area:1/1;text-decoration:none}.t-l-value[data-d=spread] u:first-child{animation:9s step-end infinite t-l-v1}.t-l-value[data-d=spread] u:nth-child(2){opacity:0;animation:9s step-end infinite t-l-v2}.t-l-value[data-d=spread] u:nth-child(3){opacity:0;animation:9s step-end infinite t-l-v3}@keyframes t-l-v1{0%,31%{opacity:1}32%,to{opacity:0}}@keyframes t-l-v2{0%,31%{opacity:0}32%,53%{opacity:1}54%,to{opacity:0}}@keyframes t-l-v3{0%,53%{opacity:0}54%,to{opacity:1}}.t-l-cursor{animation:9s cubic-bezier(.45,0,.3,1) infinite t-l-cursor}@keyframes t-l-cursor{0%,5%{transform:translate(42em,40em)}20%,24%{transform:translate(28.9em,28.2em)}40%,48%{transform:translate(20.1em,28.2em)}62%,66%{transform:translate(32em,28.2em)}80%,to{transform:translate(42em,40em)}}.t-colour{position:absolute;inset:0}.t-c-set{opacity:0;animation:9s ease-in-out infinite t-c-set;position:absolute;inset:0}@keyframes t-c-set{0%{opacity:0}10%,31%{opacity:1}43%,to{opacity:0}}.t-c-pic{place-items:center;display:grid;position:absolute;inset:3em 3em 3em 8.4em}.t-c-pic img{max-width:100%;max-height:100%;box-shadow:var(--shadow-lift);border-radius:.8em;animation:9s ease-out infinite t-c-img;display:block}@keyframes t-c-img{0%{transform:scale(1.015)}20%,to{transform:none}}.t-c-swatches{flex-direction:column;gap:1.2em;display:flex;position:absolute;top:50%;left:3em;transform:translateY(-50%)}.t-c-swatches i{border-radius:50%;width:2.8em;height:2.8em;animation:9s infinite t-c-swatch;box-shadow:0 1px 2px #1212101f,0 2px 6px #1212100f}@keyframes t-c-swatch{0%,4%{opacity:0}14%,to{opacity:1}}.t-files{--loop:9s;position:absolute;inset:0}.t-f-panel{background:var(--card);width:28.4em;box-shadow:var(--shadow-chrome);border-radius:1.4em;padding:1.4em 1.2em;position:absolute;top:5.6em;left:5em}.t-f-row{height:3.2em;padding-left:calc(var(--d,0) * 1.8em + .6em);font-family:var(--mono);border-radius:.8em;align-items:center;gap:.7em;font-size:1.15em;display:flex;position:relative}.t-f-row[data-depth="0"]{--d:0;font-weight:600}.t-f-row[data-depth="1"]{--d:1}.t-f-row[data-depth="2"]{--d:2;color:var(--ink-2)}.t-f-row img{object-fit:cover;border-radius:.4em;width:2em;height:2em}.t-f-new{color:var(--ink);animation:t-f-new 9s var(--ease-out) infinite}.t-f-new img{animation:t-f-thumb 9s var(--spring) infinite}.t-f-new .t-seen{box-shadow:none;animation:t-f-seen 9s var(--spring) infinite;margin-left:.2em;position:static}@keyframes t-f-new{0%,20%{background:0 0}25%,70%{background:var(--fill-1)}80%,to{background:0 0}}@keyframes t-f-thumb{0%,22%{transform:scale(0)}26%,92%{transform:none}98%,to{transform:scale(0)}}@keyframes t-f-seen{0%,32%{transform:scale(0)}36%,92%{transform:none}98%,to{transform:scale(0)}}@keyframes t-f-type{0%,23%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(9,end)}32%,92%{clip-path:inset(-10% 0)}98%,to{clip-path:inset(0 100% 0 0)}}@media (prefers-reduced-motion:reduce){.tv *{animation:none!important}}
.finish{padding:96px var(--gutter) 28px;background:var(--canvas)}.finish-main{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.finish-lead{flex:1;max-width:560px}.finish-lead .cmd{margin-top:36px}.finish-note{letter-spacing:-.01em;color:var(--ink-2);margin-top:14px;padding-left:8px;font-size:14px}.finish-links{gap:72px;display:flex}.finish-links h3{letter-spacing:-.03em;color:var(--ink-2);margin-bottom:20px;font-size:18px;font-weight:500}.finish-links a{letter-spacing:-.03em;margin-top:14px;font-size:18px;font-weight:500;transition:opacity .15s;display:block}.finish-links a:hover{opacity:.55}.finish-line{letter-spacing:-.01em;color:var(--ink-2);align-items:center;gap:12px;margin-top:88px;font-size:13px;display:flex}.finish-line svg{color:var(--ink)}.finish-line span:last-child{margin-left:auto}@media (max-width:820px){.finish{padding-top:64px}.finish-main{flex-direction:column}.finish-lead{width:100%;max-width:none}.finish-links{gap:56px}.finish-line{margin-top:56px}}
