:root{--bg:#eef3f1;--bg-2:#e4ebe8;--paper:#fff;--fg:#0f1814;--fg-2:#4a5852;--fg-3:#8a9893;--rule:#d5dfda;--green:#008450;--green-soft:#d8eee3;--ins:#e3f4ea;--on-green:#fff;--night:#0b100e;--night-2:#141b18;--night-rule:#232e2a;--night-fg:#eef3f1;--night-fg-2:#a1b1aa;--night-green:#4dc588;--claude:#d97757;--gemini:#8e75b2;--shadow:0 1px 2px #0f18140f, 0 28px 60px -26px #0f181461;--shadow-sm:0 1px 2px #0f18140f, 0 8px 22px -12px #0f181440;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--serif:"New York", ui-serif, "Iowan Old Style", Georgia, serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--wrap:1180px;--gutter:clamp(16px, 4vw, 40px);--sec:clamp(80px, 10vw, 128px);--ease:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg:#0c1210;--bg-2:#121a17;--paper:#151d1a;--fg:#eef3f1;--fg-2:#a7b6b0;--fg-3:#6f7e78;--rule:#24302b;--green:#4dc588;--green-soft:#173528;--ins:#173a2a;--on-green:#0c1210;--night:#060908;--night-2:#0f1513;--shadow:0 1px 2px #0006, 0 28px 60px -26px #000000d9;--shadow-sm:0 1px 2px #0006, 0 8px 22px -12px #000000b3}}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0}*,:before,:after{box-sizing:border-box}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit}h1,h2,h3,h4{overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.skip{z-index:100;background:var(--fg);color:var(--bg);padding:10px 14px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.sec{padding:var(--sec) 0 0}.t2{letter-spacing:-.035em;max-width:20ch;font-size:clamp(32px,4vw,50px);font-weight:600;line-height:1.08}.t2 .m{color:var(--fg-3)}.t2 .g{color:var(--green)}.lede{color:var(--fg-2);max-width:56ch;font-size:clamp(17px,1.35vw,19px)}.head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px 56px;margin-bottom:clamp(36px,5vw,60px);display:grid}kbd{min-width:1.8em;height:1.8em;font:600 12px/1 var(--mono);background:var(--paper);color:var(--fg);border:1px solid var(--rule);vertical-align:.1em;border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 .42em;display:inline-grid}.btn{min-height:46px;font:600 15px/1.2 var(--font);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:border-color .2s;display:inline-flex}.btn-dark{background:var(--fg);color:var(--bg);transition:transform .2s var(--ease), box-shadow .2s, background .2s}.btn-dark:hover{background:var(--green);color:var(--on-green);transform:translateY(-1px);box-shadow:0 10px 24px -10px #0f18148c}.btn-dark svg{transition:transform .25s var(--ease)}.btn-dark:hover svg{transform:translate(3px)}.btn-dark:active{transform:translateY(0)}.btn-line{border-color:var(--rule);background:var(--paper);color:var(--fg)}.btn-line:hover{border-color:var(--fg)}.btn-line svg{transition:transform .25s var(--ease)}.btn-line:hover svg{transform:translateY(2px)}.btn-sm{min-height:36px;padding:0 14px;font-size:14px}.nav{z-index:40;background:color-mix(in oklab, var(--bg) 97%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(12px);border-bottom:1px solid var(--rule);position:sticky;top:0}.nav .wrap{align-items:center;gap:28px;height:64px;display:flex}.brand{letter-spacing:-.015em;white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{width:28px;height:28px}.wm span{color:var(--green)}.nav-links{gap:22px;display:flex}.nav-links a{color:var(--fg-2);white-space:nowrap;padding:8px 0;font-size:15px;text-decoration:none;transition:color .15s;position:relative}.nav-links a:after{content:"";background:var(--green);transform-origin:0;height:1.5px;transition:transform .25s var(--ease);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--fg)}.nav-links a:hover:after{transform:scaleX(1)}.nav-end{align-items:center;gap:8px;margin-left:auto;display:flex}.menu-btn{border:1px solid var(--rule);background:var(--paper);cursor:pointer;border-radius:8px;place-items:center;width:42px;height:42px;display:none}.menu{border-top:1px solid var(--rule);display:none}.menu a{padding:14px var(--gutter);border-bottom:1px solid var(--rule);font-size:16px;text-decoration:none;display:block}.hero-text{text-align:center;padding:clamp(56px,8vw,96px) 0 0}.eyebrow{color:var(--green);margin-bottom:16px;font-size:15px;font-weight:600}.h1{letter-spacing:-.048em;font-size:clamp(42px,6.6vw,86px);font-weight:800;line-height:1}.h1 .l2{display:block}.old,.new{display:inline-block;position:relative}.old{color:var(--fg-2);vertical-align:bottom;white-space:nowrap;max-width:4.2em;animation:collapse .5s 3s var(--ease) forwards;margin-right:.22em;overflow:hidden}.old:before{content:"wrote."}.old:after{content:"";background:var(--green);transform-origin:0;height:.07em;animation:grow .4s .8s var(--ease) forwards;position:absolute;top:55%;left:0;right:0;transform:scaleX(0)}.new{color:var(--green)}.new i{opacity:0;font-style:normal;animation:10ms forwards show;display:inline-block}.new:before{content:"";background:var(--green-soft);z-index:-1;transform-origin:0;animation:grow .45s 1.25s var(--ease) forwards, hide .7s 3.2s forwards;position:absolute;inset:.1em -.06em .04em;transform:scaleX(0)}@keyframes grow{to{transform:scaleX(1)}}@keyframes show{to{opacity:1}}@keyframes hide{to{opacity:0}}@keyframes collapse{to{opacity:0;max-width:0;margin-right:0}}.hero-text .lede{max-width:620px;margin:22px auto 0}.cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.fine{color:var(--fg-2);margin-top:14px;font-size:14px}.fine a{color:inherit;text-underline-offset:3px}.scene{aspect-ratio:100/56;max-width:1120px;margin:clamp(44px,6vw,72px) auto 0;position:relative}.scene img{box-shadow:var(--shadow);--x:0px;--y:0px;transform:translate3d(calc(var(--px,0) * var(--d) * 1px + var(--x)), calc(var(--py,0) * var(--d) * 1px + var(--y)), 0) scale(var(--s,1));opacity:var(--o,1);transition:transform .9s var(--ease), opacity .9s var(--ease);position:absolute}.scene .l-night{--d:4;border-radius:12px;width:50%;top:0;right:1%}.scene .l-main{--d:8;z-index:2;border-radius:14px;width:74%;top:9%;left:9%}.scene .l-pal{--d:16;z-index:3;border-radius:14px;width:31%;top:30%;left:0}.scene .l-com{--d:22;z-index:3;border-radius:14px;width:20%;bottom:3%;right:4%}.js .scene:not(.on) img{--o:0;--s:.94}.js .scene:not(.on) .l-night{--x:-40px;--y:30px}.js .scene:not(.on) .l-pal{--x:60px;--y:10px}.js .scene:not(.on) .l-com{--x:-50px;--y:-20px}.scene.on .l-main{transition-delay:.1s}.scene.on .l-night{transition-delay:.35s}.scene.on .l-pal{transition-delay:.6s}.scene.on .l-com{transition-delay:.8s}.scene.settled img{transition:transform .5s var(--ease), opacity .9s var(--ease);transition-delay:0s}.frag{height:300px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000 98%);mask-image:linear-gradient(#000 62%,#0000 98%)}.frag-in{position:absolute;inset:22px 0 auto}.ui{background:var(--paper);border:1px solid var(--rule);box-shadow:var(--shadow-sm);border-radius:12px}.problem .t2{max-width:22ch;font-size:clamp(34px,4.6vw,60px)}.problem .lede{margin-top:24px}.shot{background:radial-gradient(120% 100% at 30% 0%, var(--green-soft), transparent 60%), var(--bg-2);border-radius:16px;height:300px;margin:0;position:relative;overflow:hidden}.shot img{box-shadow:var(--shadow);transition:transform .6s var(--ease);position:absolute}.sh-a img{border-radius:10px 0 0;width:calc(100% + 30px);max-width:none;top:26px;left:22px}.sh-b img{border-radius:12px 12px 0 0;width:auto;max-width:none;height:380px;top:26px;left:50%;transform:translate(-50%)}.sh-c .send{border-radius:10px 0 0;width:calc(100% + 40px);max-width:none;top:74px;left:18px}.sh-c .cmt2{z-index:1;border-radius:12px;width:56%;top:18px;right:16px}.feat:hover .sh-a img,.feat:hover .sh-c .send{transform:translateY(-6px)}.feat:hover .sh-b img{transform:translate(-50%,-6px)}.feat:hover .sh-c .cmt2{transform:translate(-6px,-4px)rotate(-1.5deg)}.how{padding-top:clamp(48px,6vw,72px)}.feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px);display:grid}.feat h3{letter-spacing:-.02em;margin:26px 0 10px;font-size:20px;font-weight:600}.feat h3 .m{color:var(--fg-3)}.feat p{color:var(--fg-2);font-size:16px;line-height:1.6}.feat-wide{border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,44px);padding-top:clamp(48px,5vw,72px);display:grid}.feat-wide h3{letter-spacing:-.035em;max-width:14ch;margin:0;font-size:clamp(32px,4vw,50px);line-height:1.08}.feat-wide p{max-width:52ch;font-size:clamp(17px,1.35vw,19px)}.frag-in{transition:transform .5s var(--ease)}.feat:hover .frag-in{transform:translateY(-6px)}.feat .ui{transition:box-shadow .4s}.feat:hover .ui{box-shadow:var(--shadow)}.doc{font-family:var(--serif);padding:18px 20px}.chip{white-space:nowrap;background:var(--green-soft);font:500 12px var(--font);color:var(--fg-2);border-radius:8px;flex-wrap:nowrap;align-items:center;gap:4px 10px;padding:5px 10px;display:inline-flex}.chip b{color:var(--green);font-weight:600}.chip .nx{color:var(--green);align-items:center;gap:4px;font-weight:600;display:inline-flex}.chip kbd{min-width:1.6em;height:1.6em;font-size:10px}.doc h4{font:700 23px/1.15 var(--serif);letter-spacing:-.01em;margin:12px 0 8px}.doc p{color:var(--fg);font-size:15px;line-height:1.6}.doc ul{gap:6px;margin:10px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.doc li{align-items:center;gap:8px;display:flex}.doc .bx{border:1.5px solid var(--fg-3);border-radius:4px;flex:none;width:14px;height:14px}.doc .bx.on{background:var(--fg);border-color:var(--fg)}.doc code{font:500 12px var(--mono);background:var(--bg);border-radius:4px;padding:1px 5px}.cut,.add{position:relative}.cut{color:var(--fg-3)}.cut:after{content:"";background:var(--green);transform-origin:0;height:1.5px;transition:transform .5s var(--ease);transition-delay:var(--t);position:absolute;top:55%;left:0;right:0;transform:scaleX(0)}.add{color:var(--green);background:linear-gradient(var(--ins), var(--ins)) no-repeat left / 0% 100%;transition:background-size .6s var(--ease);transition-delay:calc(var(--t) + .35s)}.in .cut:after{transform:scaleX(1)}.in .add{background-size:100% 100%}.tag-cut{font:600 10px var(--font);color:var(--green);border:1px solid var(--green);opacity:0;border-radius:999px;margin-left:-4px;padding:0 6px;transition:opacity .4s 1.8s;display:inline-block}.in .tag-cut{opacity:1}.files{padding:10px 8px;font-size:14px}.fr{white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:6px 10px;display:flex}.fr svg{color:var(--fg-3);flex:none}.fr.d1{padding-left:28px}.fr.d2{padding-left:46px}.fr .repo{font-weight:600}.fr .br{font:400 12px var(--mono);color:var(--fg-3)}.fr .n{font:600 11px var(--font);color:var(--fg-2);background:var(--bg);border-radius:999px;margin-left:auto;padding:1px 7px}.fr.w{background:var(--green-soft);font-weight:600}.fr .pen{color:var(--green);margin-left:auto;animation:.9s ease-in-out infinite alternate wig}@keyframes wig{0%{transform:translate(-2px,1px)rotate(-10deg)}to{transform:translate(2px,-1px)rotate(8deg)}}.fr .dot{background:var(--green);width:8px;height:8px;transition:transform .4s cubic-bezier(.3,1.6,.5,1);transition-delay:var(--t);border-radius:50%;margin-left:auto;transform:scale(0)}.in .fr .dot{transform:scale(1)}.fr.new{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transition-delay:var(--t);transform:translateY(-6px)}.in .fr.new{opacity:1;transform:none}.talk{gap:12px;padding:4px 0 0;display:grid}.cmt{margin-left:18%;padding:12px 14px;font-size:13px;line-height:1.45}.cmt .who{align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.cmt .av{color:#fff;background:#b08b72;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.cmt .when{color:var(--fg-3);margin-left:auto;font-weight:400}.cmt .acts{color:var(--fg-3);gap:12px;margin-top:6px;font-weight:500;display:flex}.cmt .acts b{color:var(--green)}.prompt{font:500 12px/1.65 var(--mono);color:var(--fg-2);background:var(--bg);padding:12px 14px}.prompt .ln{white-space:nowrap;width:0;transition:width .9s steps(36,end);transition-delay:var(--t);display:block;overflow:hidden}.prompt .q{color:var(--green)}.in .prompt .ln{width:100%}.sendrow{justify-content:flex-end;display:flex}.send{background:var(--green);color:var(--on-green);font:600 12px var(--font);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.in .send{animation:2.4s ease-out 2.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #00845073}70%,to{box-shadow:0 0 0 10px #00845000}}.render{background:var(--night);color:var(--night-fg);margin-top:var(--sec);padding:var(--sec) 0}.render .t2{color:var(--night-fg)}.render .t2 .m{color:#5f6f69}.render .t2 .g{color:var(--night-green)}.render .lede{color:var(--night-fg-2)}.pal{max-width:460px;margin:0 auto;font-size:14px;overflow:hidden}.pal .q{border-bottom:1px solid var(--rule);color:var(--fg);align-items:center;gap:10px;padding:12px 14px;display:flex}.pal .q svg{color:var(--fg-3);flex:none}.pal .typed{white-space:nowrap;vertical-align:bottom;width:0;transition:width .6s steps(4,end) .3s;display:inline-block;overflow:hidden}.pal .caret{background:var(--green);width:1.5px;height:16px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.pal .grp{color:var(--fg-3);padding:10px 14px 4px;font-size:12px;font-weight:600}.pal .r{border-radius:8px;align-items:center;gap:10px;margin:0 6px;padding:8px 10px;display:flex}.pal .r svg{color:var(--fg-3);flex:none}.pal .r .rp{font:400 12px var(--mono);color:var(--fg-3)}.pal .r .st{color:var(--fg-3);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.pal .r .st i{background:var(--green);border-radius:50%;width:6px;height:6px}.pal .r.sel{background:var(--green-soft)}.pal .hide-q{transition:opacity .3s .9s}.ql{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;height:100%;padding:10px 6px;display:grid;position:relative}.mdfile{font:500 12px var(--font);color:var(--fg-2);justify-items:center;gap:8px;display:grid}.mdfile .doc-ic{background:var(--paper);border:1px solid var(--rule);width:64px;height:80px;box-shadow:var(--shadow-sm);font:700 13px var(--mono);color:var(--green);border-radius:8px 18px 8px 8px;place-items:end center;padding-bottom:10px;display:grid}.mdfile kbd{height:28px;padding:0 16px;font-size:12px}@keyframes press{0%,60%,to{transform:none}66%{background:var(--green);color:var(--on-green);border-bottom-width:1px;transform:translateY(2px)}}.preview{font-family:var(--serif);opacity:0;transition:transform .5s var(--ease) 1.25s, opacity .4s 1.25s;padding:16px 18px;transform:scale(.92)}.preview h5{font:700 17px var(--serif);margin:0 0 6px}.preview p{color:var(--fg);font-size:13px;line-height:1.5}.preview .bar{background:var(--bg-2);border-radius:4px;height:7px;margin-top:8px}.p2{text-align:center}.p2 .t2{max-width:16ch;margin:0 auto;font-size:clamp(38px,5.6vw,76px)}.p2 .lede{margin:24px auto 0}.mq{gap:14px;margin-top:52px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.mq-row{gap:14px;width:max-content;animation:46s linear infinite mq;display:flex}.mq-row.rev{animation-duration:54s;animation-direction:reverse}.mq:hover .mq-row{animation-play-state:paused}@keyframes mq{to{transform:translate(-50%)}}.fchip{background:var(--paper);border:1px solid var(--rule);box-shadow:var(--shadow-sm);white-space:nowrap;font:500 15px var(--mono);transition:transform .25s var(--ease), border-color .25s;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.fchip:hover{border-color:var(--green);transform:translateY(-3px)}.fchip svg{color:var(--fg-3);flex:none}.fchip .repo{font:400 13px var(--font);color:var(--fg-3)}.fchip .dot{background:var(--green);border-radius:50%;width:8px;height:8px}.fchip .pen{color:var(--green);animation:.9s ease-in-out infinite alternate wig}.rgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.rgrid .lede{margin-top:22px}.cmp{--xn:.5;user-select:none;background:#191d1b;border:1px solid #232e2a;border-radius:16px;height:560px;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #000000e6;container-type:inline-size}.cmp .raw{font:500 13px/1.8 var(--mono);color:#b9c6c0;white-space:pre-wrap;background:#101614;margin:0;padding:26px 28px;position:absolute;inset:0;overflow:hidden}.cmp .raw .h{color:#eef3f1}.cmp .raw .mk{color:#6c7d76}.cmp .raw .gr{color:#4dc588}.cmp .ren{transform:translate3d(calc(var(--xn) * 100%), 0, 0);will-change:transform;background:#191d1b;position:absolute;inset:0;overflow:hidden}.cmp .ren img{object-fit:cover;object-position:left top;width:100%;height:100%;transform:translate3d(calc(var(--xn) * -100%), 0, 0);will-change:transform;position:absolute;top:0;left:0}.cmp .handle{width:2px;transform:translate3d(calc(var(--xn) * 100cqw), 0, 0);will-change:transform;pointer-events:none;background:#4dc588;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.cmp .handle:after{content:"";width:40px;height:40px;box-shadow:var(--shadow-sm);background:#0b100e;border:2px solid #4dc588;border-radius:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.cmp .handle i{z-index:1;color:#4dc588;font:700 14px var(--font);white-space:nowrap;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cmp input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp .lab{z-index:2;font:600 12px var(--font);color:#a1b1aa;pointer-events:none;background:#1c2421;border-radius:999px;padding:4px 10px;position:absolute;top:14px}.cmp .lab.l{left:14px}.cmp .lab.r{color:#4dc588;background:#173528;right:14px}.cmp .ren,.cmp .ren img,.cmp .handle{transition:transform .9s var(--ease)}.cmp.live .ren,.cmp.live .ren img,.cmp.live .handle{transition:none}.g1{gap:12px;height:clamp(420px,52vw,600px);display:flex}.pan{cursor:pointer;background:var(--paper);min-width:0;box-shadow:var(--shadow-sm);transition:flex .7s var(--ease), box-shadow .3s;text-align:left;border:0;border-radius:16px;flex:1;padding:0;position:relative;overflow:hidden}.pan img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:transform 1s var(--ease), filter .5s;filter:saturate(.6);position:absolute;inset:0}.pan.on{box-shadow:var(--shadow);flex:7}.pan.on img{filter:none}.pan:not(.on):hover img{filter:saturate();transform:scale(1.04)}.pan .cap{color:#fff;opacity:0;transition:opacity .4s .2s, transform .5s .2s var(--ease);background:linear-gradient(#0000,#0a100dc7);padding:60px 22px 20px;font-size:15px;line-height:1.45;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.pan.on .cap{opacity:1;transform:none}.pan .num{width:30px;height:30px;color:var(--fg);font:700 13px var(--font);background:#ffffffe6;border-radius:50%;place-items:center;transition:opacity .3s;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pan.on .num{opacity:0}.m1{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.orbit{aspect-ratio:1;width:100%;max-width:520px;margin:0 auto;position:relative}.ring{inset:var(--in);border:1px dashed var(--rule);animation:spin var(--t) linear infinite;border-radius:50%;position:absolute;container-type:size}.ring.rev{animation-direction:reverse}.orbit:hover .ring,.orbit:hover .ochip{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}.ochip{transform:rotate(var(--a)) translate(50cqw) rotate(calc(-1 * var(--a)));position:absolute;top:50%;left:50%}.ochip span{background:var(--paper);border:1px solid var(--rule);box-shadow:var(--shadow-sm);font:600 13px var(--font);white-space:nowrap;animation:unspin var(--t) linear infinite;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .2s,color .2s;display:inline-flex;transform:translate(-50%,-50%)}.ring.rev .ochip span{animation-direction:reverse}@keyframes unspin{to{rotate:-360deg}}.ochip span svg{color:var(--green)}.ochip span.hot{border-color:var(--green);color:var(--green)}.core{width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.core img{filter:drop-shadow(0 18px 30px #0084504d);width:120px}.mlist{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 28px;margin-top:28px;display:grid}.mlist div{border-top:1px solid var(--rule);padding:12px 0;transition:color .2s}.mlist h4{font-size:15px;font-weight:600}.mlist p{color:var(--fg-2);margin-top:2px;font-size:14px;line-height:1.5}.mlist code{font:500 .92em var(--mono);color:var(--fg)}.mlist div.hot h4{color:var(--green)}.m1 a.more{color:var(--green);text-underline-offset:5px;margin-top:20px;padding:6px 0;font-weight:600;display:inline-block}.pan.on{cursor:zoom-in}.pan .zoom{width:38px;height:38px;color:var(--fg);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .3s, transform .3s var(--ease);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;transform:scale(.8)}.pan.on .zoom{opacity:1;transform:none}.pan.on:hover .zoom{transform:scale(1.08)}.lb{color:#eef3f1;background:#080c0ae6;border:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:clamp(16px,4vw,48px)}.lb::backdrop{background:0 0}.lb[open]{animation:lbin .25s var(--ease);place-items:center;display:grid}@keyframes lbin{0%{opacity:0}}.lb figure{justify-items:center;gap:14px;max-width:min(1400px,100%);margin:0;display:grid}.lb img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 140px);animation:lbimg .35s var(--ease);border-radius:12px;box-shadow:0 40px 100px -30px #000c}@keyframes lbimg{0%{opacity:0;transform:scale(.97)}}.lb figcaption{color:#c3cfca;text-align:center;max-width:70ch;font-size:15px}.lb-x,.lb-n{color:#fff;cursor:pointer;width:46px;height:46px;transition:background .2s, transform .2s var(--ease);background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid;position:fixed}.lb-x:hover,.lb-n:hover{background:#ffffff2e;transform:scale(1.06)}.lb-x{top:18px;right:18px}.lb-prev{margin-top:-23px;top:50%;left:18px}.lb-next{margin-top:-23px;top:50%;right:18px}.lb-count{font:600 13px var(--font);color:#a1b1aa;position:fixed;top:30px;left:50%;transform:translate(-50%)}.plane-wrap{perspective:1400px;place-items:center;padding:10px 0 30px;display:grid;overflow:hidden;-webkit-mask-image:radial-gradient(70% 80%,#000 55%,#0000 100%);mask-image:radial-gradient(70% 80%,#000 55%,#0000 100%)}.plane{transform-style:preserve-3d;grid-template-columns:repeat(7,108px);grid-auto-rows:108px;gap:16px;margin:-60px 0 -90px;display:grid;transform:rotateX(52deg)rotate(-8deg)}.tile{background:var(--paper);border:1px solid var(--rule);box-shadow:0 1px 0 var(--rule), 0 18px 30px -18px #0f181459;transition:transform .5s var(--ease), box-shadow .5s, border-color .3s;transform-style:preserve-3d;border-radius:22px;align-content:center;place-items:center;gap:8px;display:grid;position:relative;transform:translateZ(0)}.tile.blank{background:color-mix(in oklab, var(--paper) 45%, transparent);box-shadow:none}.tile svg{width:36px;height:36px;color:var(--fg);transition:color .3s}.tile .nm{font:600 14px/1.25 var(--font);color:var(--fg);text-align:center;padding:0 8px}.tile.ag{animation:5s ease-in-out infinite bob;animation-delay:var(--dl)}@keyframes bob{50%{transform:translateZ(14px)}}.tile.ag:hover{border-color:var(--green);animation:none;transform:translateZ(40px);box-shadow:0 40px 50px -24px #0f181473}.tile.dm{box-shadow:none;background:0 0;border:0;transform:translateZ(46px)}.tile.dm img{filter:drop-shadow(0 30px 30px #00845073);width:108px;height:108px}.tile.dm:before{content:"";border:1.5px solid var(--green);opacity:.5;border-radius:34px;animation:2.8s ease-out infinite ring;position:absolute;inset:-18px}.beam-box{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(40px,8vw,120px);max-width:860px;margin:0 auto;padding:20px 0;display:grid;position:relative}.beam-box svg.beams{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.beams .base{fill:none;stroke:var(--rule);stroke-width:1.5px}.beams .base.hot{stroke:var(--green);stroke-opacity:.5}.beams .flow{fill:none;stroke:url(#bg);stroke-width:2px;stroke-linecap:round;stroke-dasharray:60 600;animation:2.8s linear infinite flow}@keyframes flow{0%{stroke-dashoffset:660px}to{stroke-dashoffset:0}}.side{gap:28px;display:grid}.side.l{justify-items:end}.side.r{justify-items:start}.node{z-index:1;background:var(--paper);border:1px solid var(--rule);box-shadow:var(--shadow-sm);white-space:nowrap;transition:transform .3s var(--ease), border-color .3s;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-size:15px;font-weight:600;display:flex;position:relative}.node .lg{background:var(--bg);width:34px;height:34px;color:var(--fg);border-radius:50%;place-items:center;transition:color .3s;display:grid}.node .lg svg{width:18px;height:18px}.node:hover{border-color:var(--fg-3);transform:translateY(-2px)}.node.claude:hover .lg{color:var(--claude)}.node.gemini:hover .lg{color:var(--gemini)}.hub{z-index:1;width:112px;height:112px;position:relative}.hub img{filter:drop-shadow(0 18px 30px #0084504d);width:112px;height:112px}.hub:after{content:"";border:1px solid var(--green);opacity:0;border-radius:40px;animation:2.8s ease-out infinite ring;position:absolute;inset:-14px}@keyframes ring{0%{opacity:.55;transform:scale(.88)}to{opacity:0;transform:scale(1.22)}}.priv{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.priv .lede{margin-top:22px}.priv a.more{color:var(--green);text-underline-offset:5px;margin-top:22px;padding:6px 0;font-weight:600;display:inline-block}.watch{width:100%;max-width:480px;margin-left:auto;font-size:14px;overflow:hidden}.watch .hd{border-bottom:1px solid var(--rule);justify-content:space-between;padding:12px 16px;font-weight:600;display:flex}.watch .hd span{color:var(--fg-3);font-size:13px;font-weight:500}.wr{border-bottom:1px solid var(--rule);font:500 13px var(--mono);align-items:center;gap:10px;padding:11px 16px;display:flex}.wr:last-child{border-bottom:0}.wr svg{color:var(--fg-3);flex:none}.wr.off{color:var(--fg-3)}.tg:before{content:"";position:absolute;inset:-12px -8px}.tg{cursor:pointer;background:var(--rule);border:0;border-radius:999px;flex:none;width:34px;height:20px;margin-left:auto;padding:0;transition:background .3s;position:relative}.tg:after{content:"";width:16px;height:16px;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.tg[aria-checked=true]{background:var(--green)}.tg[aria-checked=true]:after{transform:translate(14px)}.wr:has(.tg[aria-checked=false]){color:var(--fg-3)}.watch .ft{background:var(--bg);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.pill{font:500 12px var(--font);color:var(--fg-2);background:var(--paper);border:1px solid var(--rule);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pill i{background:var(--green);border-radius:50%;width:6px;height:6px}.faq{max-width:820px;margin:0 auto}.faq .t2{text-align:center;max-width:none;margin:0 auto clamp(28px,4vw,44px)}.faq details{border-bottom:1px solid var(--rule)}.faq details:first-of-type{border-top:1px solid var(--rule)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:17px;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq summary:hover{color:var(--green)}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--fg-3);transition:transform .25s var(--ease);flex:none}.faq details[open] summary svg{color:var(--green);transform:rotate(45deg)}.faq details p{color:var(--fg-2);max-width:68ch;padding:0 4px 22px}.closing{margin-top:var(--sec);text-align:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper);padding:clamp(96px,12vw,150px) 0;position:relative;overflow:hidden}.stream{padding:0 var(--gutter);pointer-events:none;opacity:.4;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 70%,#0000 52%,#000 92%);mask-image:radial-gradient(62% 70%,#0000 52%,#000 92%)}.col{overflow:hidden}.col-in{font:400 15px/2.1 var(--serif);color:var(--fg-3);text-align:left;animation:40s linear infinite up}.col:nth-child(2) .col-in{animation-duration:52s;animation-direction:reverse}.col:nth-child(3) .col-in{animation-duration:46s}.col-in .h{color:var(--fg-2);font-weight:700}.col-in .g{color:var(--green)}@keyframes up{to{transform:translateY(-50%)}}.closing .inner{position:relative}.closing .t2{text-align:center;max-width:14ch;margin:0 auto;font-size:clamp(36px,5vw,64px)}.closing .cta{margin-top:30px}.foot{padding:0}.foot-bot{color:var(--fg-2);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px 24px;padding:26px 0 30px;font-size:14px;display:grid}.foot-bot>span a{padding:4px 0;text-decoration:none;display:inline-block}.foot-bot>span a:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.foot-links{flex-wrap:wrap;justify-content:center;gap:4px 26px;display:flex}.foot-links a{color:var(--fg-2);white-space:nowrap;padding:6px 0;font-size:14px;text-decoration:none;transition:color .2s;position:relative}.foot-links a:after{content:"";background:var(--green);transform-origin:0;height:1.5px;transition:transform .25s var(--ease);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.foot-links a:hover{color:var(--fg)}.foot-links a:hover:after{transform:scaleX(1)}.foot-bot .social{justify-self:end}.social{gap:2px;margin-right:-8px;display:flex}.social a{width:38px;height:38px;color:var(--fg-2);place-items:center;transition:color .2s;display:grid}.social a:hover{color:var(--green)}.js .rv{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(16px)}.rv.in{opacity:1;transform:none}@media (width<=980px){.nav-links,.nav-end .btn{display:none}.menu-btn{display:grid}.menu.open{display:block}.head,.priv,.m1,.rgrid{grid-template-columns:minmax(0,1fr)}.g1{flex-direction:column;height:auto}.pan{flex:none;height:64px}.pan.on{height:min(70vw,460px)}.cmp{height:480px}.feats{grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto}.feat-wide{display:block}.feat-wide h3{margin:0 0 10px}.watch{margin:0}}@media (width<=640px){.foot-bot{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.foot-bot .social{justify-self:center;margin-right:0}.foot-bot>span{order:3}.mlist{grid-template-columns:minmax(0,1fr)}.ochip span{padding:6px 9px;font-size:11px}.core,.core img{width:84px;height:84px}.cmp{height:420px}.cmp .raw{padding:18px;font-size:11.5px}.scene{aspect-ratio:100/70}.scene .l-main{width:100%;top:4%;left:0}.scene .l-night,.scene .l-pal{display:none}.scene .l-com{width:46%;bottom:0;right:2%}.cta .btn{flex:100%}.cta .btn-dark{font-size:14px}.plane{grid-template-columns:repeat(3,96px);grid-auto-rows:96px;gap:12px;margin:0;transform:none}.tile.blank{display:none}.tile.dm{grid-area:1/2;transform:none}.tile.dm img{width:84px;height:84px}.plane-wrap{-webkit-mask-image:none;mask-image:none}.stream{grid-template-columns:minmax(0,1fr)}.stream .col:nth-child(n+2){display:none}.stream{opacity:.22}.ql{grid-template-columns:minmax(0,1fr);justify-items:center}}@media (width<=400px){.plane{grid-template-columns:repeat(3,84px);grid-auto-rows:84px;gap:10px}.tile svg{width:28px;height:28px}.tile .nm{font-size:12px}.tile.dm img{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.js .rv{opacity:1;transform:none}}
