:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c0c;--raised:#111313;--card:#151818;--line:#1f2223;--line-2:#2c3031;--fg:#f5f5f7;--fg-2:#c7cacc;--dim:#8f9496;--accent:#6ee7d0;--accent-bg:#6ee7d017;--accent-line:#6ee7d06b;--agent:#d946ef;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:var(--bg);color:var(--fg);font-family:var(--sans);letter-spacing:-.015em;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p,pre{margin:0}h1,h2,h3{text-wrap:balance;font-weight:600}img{width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:1040px;padding:0 max(20px, env(safe-area-inset-left,0px));margin:0 auto}.wide{max-width:1240px}.mono{font-family:var(--mono);letter-spacing:0}.more{color:var(--accent)}.more:after{content:" →"}.more:hover{text-underline-offset:3px;text-decoration:underline}.nav{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);background:#0b0c0cb8;position:sticky;top:0}.nav .wrap{align-items:center;gap:26px;height:52px;font-size:13px;display:flex}.brand{font-family:var(--mono);letter-spacing:0;align-items:center;gap:8px;margin-right:auto;font-size:15px;display:flex}.nav a:not(.brand):not(.pill){color:var(--dim);transition:color .2s}.nav a:not(.brand):not(.pill):hover{color:var(--fg)}.pill{color:#0b0c0c;white-space:nowrap;background:#ececec;border-radius:980px;justify-content:center;align-items:center;padding:5px 13px;font-size:12px;font-weight:500;transition:background .2s;display:inline-flex}.pill:hover{background:#fff}.pill.big{padding:12px 24px;font-size:16px}.eyebrow{font-family:var(--mono);letter-spacing:0;color:var(--accent);font-size:13px}.display{letter-spacing:-.045em;font-size:clamp(52px,10vw,112px);line-height:1.02}.display .soft{color:var(--dim)}.headline{letter-spacing:-.04em;font-size:clamp(38px,6.4vw,72px);line-height:1.05}.sub{letter-spacing:-.02em;color:var(--dim);max-width:660px;font-size:clamp(19px,2.3vw,24px);line-height:1.35}.sub b{color:var(--fg);font-weight:500}.center{text-align:center}.center .sub{margin-left:auto;margin-right:auto}.stack>*+*{margin-top:20px}.hero{padding:clamp(64px,10vw,120px) 0 0}.ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex;margin-top:30px!important}.fine{color:var(--dim);font-size:13px}.shot{perspective:1600px;margin-top:clamp(44px,7vw,76px)}.window{border:1px solid var(--line-2);background:#000;border-radius:clamp(8px,1.1vw,14px);overflow:hidden;box-shadow:0 40px 120px -30px #6ee7d021,0 30px 80px -20px #000000e6}.hero .window{transform:rotateX(var(--tilt,0deg)) scale(var(--scale,1));transform-origin:50% 0;will-change:transform}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:clamp(56px,8vw,96px);display:grid}.stat{text-align:center;padding:30px 8px}.stat+.stat{border-left:1px solid var(--line)}.stat b{letter-spacing:-.035em;font-size:clamp(30px,4.4vw,46px);font-weight:600;line-height:1.1;display:block}.stat span{color:var(--dim);font-size:13px}.statement{padding:clamp(84px,13vw,160px) 0 0}.statement .shot{margin-top:clamp(36px,6vw,64px)}.keys{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:36px;font-size:14px;display:flex}kbd{font-family:var(--sans);color:var(--fg-2);background:var(--card);border:1px solid var(--line-2);border-radius:6px;margin-right:6px;padding:2px 7px;font-size:13px}.bento{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:clamp(36px,6vw,60px);display:grid}.tile{background:var(--raised);border:1px solid var(--line);border-radius:20px;flex-direction:column;grid-column:span 2;min-height:260px;padding:26px;display:flex;overflow:hidden}.tile.w3{grid-column:span 3}.tile h3{letter-spacing:-.025em;font-size:21px;line-height:1.2}.tile p{color:var(--dim);margin-top:8px;font-size:15px;line-height:1.42}.tile .art{font-family:var(--mono);letter-spacing:0;margin-top:auto;padding-top:22px;font-size:12.5px}.box{border:1px solid var(--line-2);background:var(--bg);border-radius:9px;padding:9px 12px}.chip{font-family:var(--mono);letter-spacing:0;color:#17150a;background:#f5d90a;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:600;line-height:1;display:inline-block}.hints{color:var(--dim);line-height:2.3}.hints u{color:var(--fg-2);text-underline-offset:3px}.bang b{color:var(--accent);font-weight:400}.cursor{background:var(--accent);vertical-align:-2px;width:1.5px;height:1em;animation:1.1s steps(2,end) infinite blink;display:inline-block}.rows{gap:6px;display:grid}.row{color:var(--fg-2);align-items:center;gap:9px;display:flex}.row .dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.row .dot.off{background:var(--line-2)}.row small{color:var(--dim);margin-left:auto;font-size:11.5px}.peek{height:104px;position:relative}.peek .under{border:1px solid var(--line);background:repeating-linear-gradient(180deg, transparent 0 15px, var(--line) 15px 16px);border-radius:9px;position:absolute;inset:0}.peek .over{border:1px solid var(--accent-line);background:var(--card);animation:peek 5s var(--ease) infinite;color:var(--fg-2);border-radius:9px;padding:9px 12px;position:absolute;inset:14px 13% -14px;box-shadow:0 16px 40px #0009}.devices{justify-content:center;align-items:flex-end;gap:12px;height:104px;display:flex}.devices i{border:1px solid var(--line-2);background:var(--bg);border-radius:6px;display:block}.devices i:first-child{border-color:var(--accent-line);background:var(--accent-bg);width:36px;height:70px}.devices i:nth-child(2){width:66px;height:88px}.devices i:nth-child(3){width:138px;height:92px}.step{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,72px);padding:clamp(56px,8vw,88px) 0;display:grid}.step.flip>:first-child{order:2}.step h3{letter-spacing:-.03em;font-size:clamp(25px,3vw,32px);line-height:1.15}.step p{color:var(--dim);margin-top:12px;line-height:1.5}.step p code,.spec code{font-family:var(--mono);letter-spacing:0;color:var(--fg-2);font-size:.9em}.step .more{margin-top:16px;font-size:15px;display:inline-block}.art{font-family:var(--mono);letter-spacing:0;min-width:0;font-size:13px}.ask{border:1px solid var(--line-2);width:fit-content;color:var(--fg);border-radius:999px;margin-bottom:18px;margin-left:auto;padding:8px 16px}.call{border:1px solid var(--line);background:var(--raised);color:var(--fg);opacity:0;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:9px 12px;display:flex;transform:translateY(8px)}.call .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.call span{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call em{color:var(--dim);border:1px solid var(--line-2);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:11.5px;font-style:normal}.reply{border:1px solid var(--accent-line);background:var(--accent-bg);color:var(--accent);opacity:0;border-radius:12px;margin-top:12px;padding:12px 16px;line-height:1.5;transform:translateY(8px)}.in .call,.in .reply{animation:rise .6s var(--ease) forwards}.in .call:nth-of-type(2){animation-delay:.1s}.in .call:nth-of-type(3){animation-delay:.5s}.in .call:nth-of-type(4){animation-delay:.9s}.in .call:nth-of-type(5){animation-delay:1.3s}.in .reply{animation-delay:1.8s}.driven{border:1.5px solid var(--agent);background:var(--raised);box-shadow:0 0 44px -12px var(--agent);border-radius:12px;padding:40px 22px 22px;position:relative}.driven .tag{background:var(--agent);color:#fff;font-family:var(--sans);white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:500;position:absolute;top:-1px;left:50%;transform:translate(-50%,-50%)}.field{border:1px solid var(--line-2);color:var(--fg-2);border-radius:7px;gap:12px;margin-bottom:9px;padding:8px 11px;display:flex}.field i{color:var(--dim);font-style:normal}.field b{color:var(--agent);margin-left:auto;font-size:12px;font-weight:400}.term{border:1px solid var(--line);background:var(--raised);font-family:var(--mono);letter-spacing:0;color:var(--fg-2);text-align:left;border-radius:12px;padding:20px 22px;font-size:13px;line-height:1.75;overflow-x:auto}.term .p{color:var(--dim);-webkit-user-select:none;user-select:none}.term .c{color:var(--dim)}.term .k{color:var(--accent)}.term .s{color:#e8b27d}.url{border:1px solid var(--line-2);background:var(--raised);overflow-wrap:anywhere;color:var(--fg);border-radius:9px;padding:10px 13px}.url s{color:var(--dim);text-decoration-color:#e5604f}.blocks{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.blocks div{border:1px solid var(--line);color:var(--dim);border-radius:8px;justify-content:space-between;gap:8px;padding:9px 12px;display:flex}.blocks em{color:#e5604f;font-style:normal}.blocks .ok{border-color:var(--accent-line);color:var(--fg-2);background:var(--accent-bg)}.blocks .ok em{color:var(--accent)}.tabs{gap:6px;display:grid}.tabrow{border:1px solid var(--line);color:var(--dim);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.tabrow.on{color:var(--fg);border-color:var(--accent-line);background:var(--accent-bg)}.tabrow small{margin-left:auto;font-size:11.5px}.tabrow.on small{color:var(--accent)}.spec{border-top:1px solid var(--line);grid-template-columns:200px 1fr;gap:20px;padding:24px 0;display:grid}.spec h3{letter-spacing:-.02em;font-size:17px}.spec p{color:var(--dim)}.specs{margin-top:44px}.get{padding:clamp(84px,13vw,160px) 0}.get .term{max-width:560px;margin:36px auto 0;position:relative}.copy{background:var(--card);border:1px solid var(--line-2);color:var(--fg-2);font-family:var(--sans);cursor:pointer;border-radius:7px;padding:4px 10px;font-size:12px;position:absolute;top:12px;right:12px}.copy:hover{color:var(--fg)}footer{border-top:1px solid var(--line);color:var(--dim);padding:28px 0 40px;font-size:13px}footer .wrap{flex-wrap:wrap;align-items:center;gap:8px 22px;display:flex}footer a:hover{color:var(--fg)}footer .sp{flex:1}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(26px)}.reveal.in,.no-js .reveal,.no-js .call,.no-js .reply{opacity:1;transform:none}@keyframes rise{to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes peek{0%,12%{opacity:0;transform:translateY(12px)scale(.96)}24%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.call,.reply{transition:none;opacity:1!important;animation:none!important;transform:none!important}.peek .over,.cursor{animation:none}.hero .window{transform:none}}@media (width<=860px){.tile,.tile.w3{grid-column:span 6;min-height:0}.tile .art{margin-top:0}.step{grid-template-columns:minmax(0,1fr)}.step.flip>:first-child{order:0}}@media (width<=640px){.nav .hide-s{display:none}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}.spec{grid-template-columns:minmax(0,1fr);gap:6px}.blocks{grid-template-columns:minmax(0,1fr)}.field b{display:none}}