@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-wdth-normal-BMVx8nn_.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2")}:root{color-scheme:light;--night: #07080b;--night-2: #0e1015;--night-3: #171a21;--on-night: #f3f5f8;--on-night-2: #a4adbb;--night-line: rgb(255 255 255 / .1);--paper: #fafaf8;--tint: #f1f1ee;--surface: #ffffff;--ink: #0c0e13;--ink-2: #363d4a;--muted: #5d6574;--line: #e2e3df;--line-2: #cbcdc7;--mint: #34d399;--mint-2: #6ee7b7;--mint-deep: #0b7a57;--on-mint: #04150e;--wrap: 1200px;--gutter: clamp(20px, 4vw, 40px);--section: clamp(80px, 11vw, 150px);--top: 68px;--sans: "Mona Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--top) + 12px);overflow-x:clip}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg,picture{display:block}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}::-moz-selection{background:#34d39959}::selection{background:#34d39959}:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}h1,h2,h3{font-weight:650;text-wrap:balance}h2{font-size:clamp(2.1rem,3.4vw + 1rem,3.9rem);line-height:1.02;letter-spacing:-.04em;font-stretch:104%}h2 span{display:block;color:var(--muted)}h3{font-size:1.375rem;line-height:1.2;letter-spacing:-.022em}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;left:16px;top:-64px;z-index:200;padding:10px 16px;border-radius:8px;background:var(--mint);color:var(--on-mint);font-weight:650;transition:top .15s}.skip:focus{top:12px}.eyebrow{margin-bottom:20px;color:var(--muted);font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.eyebrow span{margin-right:12px;color:var(--mint-deep)}.head{max-width:50rem;margin-bottom:clamp(44px,6vw,80px)}.head-sub{max-width:38rem;margin-top:24px;color:var(--muted);font-size:1.125rem}.head--dark .eyebrow,.head--dark h2 span,.head--dark .head-sub{color:var(--on-night-2)}.head--dark .eyebrow span{color:var(--mint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.9875rem;font-weight:650;letter-spacing:-.005em;transition:background-color .2s,color .2s,transform .25s var(--ease),box-shadow .25s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn svg{transition:transform .25s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn--small{min-height:40px;padding:0 18px;font-size:.875rem}.btn--light{background:var(--on-night);color:var(--night)}.btn--light:hover{background:#fff}.btn--mint{background:var(--mint);color:var(--on-mint);box-shadow:0 10px 30px -10px #34d39999}.btn--mint:hover{background:var(--mint-2);box-shadow:0 16px 36px -10px #34d399b3}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags li{padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-family:var(--mono);font-size:.6875rem;white-space:nowrap}.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:#ffffff29}.top{position:fixed;inset:0 0 auto;z-index:100;color:var(--on-night);border-bottom:1px solid transparent;transition:background-color .3s,color .3s,border-color .3s}.top.is-scrolled{background:#07080bb8;border-bottom-color:var(--night-line);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}.top.is-light{color:var(--ink);background:#fafaf8cc;border-bottom-color:var(--line)}.top-inner{display:flex;align-items:center;justify-content:space-between;height:var(--top)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:650;letter-spacing:-.015em}.nav{display:flex;align-items:center;gap:2px}.nav a:not(.btn){padding:8px 12px;border-radius:999px;font-size:.9375rem;font-weight:500;opacity:.78;transition:opacity .15s,background-color .15s}.nav a:not(.btn):hover{opacity:1;background:color-mix(in srgb,currentColor 9%,transparent)}.nav .btn{margin-left:12px}.top.is-light .btn--light{background:var(--ink);color:var(--paper)}.nav-toggle{display:none;align-items:center;gap:10px;min-height:40px;padding:0 2px 0 10px;border:0;background:none;font-size:.9375rem;font-weight:600}.nav-toggle i{position:relative;width:20px;height:12px;border-block:2px solid currentColor;transition:transform .25s var(--ease),height .25s var(--ease)}.nav-toggle[aria-expanded=true] i{height:2px;border-bottom:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] i:after{content:"";position:absolute;inset:-2px 0 auto;height:2px;background:currentColor;transform:rotate(90deg)}.stage{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(96vh,900px);overflow:clip;padding:calc(var(--top) + 40px) 0 72px;background:var(--night);color:var(--on-night);--gx: 50%;--gy: 30%}.stage-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(42% 34% at var(--gx, 50%) var(--gy, 30%),rgb(52 211 153 / .16),transparent 70%),radial-gradient(60% 46% at 50% 0%,rgb(52 211 153 / .2),transparent 70%),radial-gradient(38% 34% at 86% 18%,rgb(56 189 248 / .13),transparent 70%),radial-gradient(34% 30% at 12% 24%,rgb(129 140 248 / .12),transparent 70%)}.stage-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 85%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 85%)}.stage>.wrap{pointer-events:none}.stage-copy{position:relative;max-width:37rem;pointer-events:auto}.kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;padding:6px 15px;border:1px solid var(--night-line);border-radius:999px;background:#07080b80;color:var(--on-night-2);font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kicker i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #34d3992e}h1{font-size:clamp(2.6rem,4.6vw + .8rem,5.1rem);line-height:.99;letter-spacing:-.045em;font-stretch:105%}h1 em,h2 em{font-style:normal;background:linear-gradient(100deg,#34d399 5%,#7df0c6,#67e8f9 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.line{display:block;overflow:hidden;padding-bottom:.1em}.line>span{display:block}.stage-sub{max-width:33rem;margin-top:24px;color:var(--on-night-2);font-size:clamp(1.0625rem,.4vw + 1rem,1.1875rem)}.stage-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn--ghost{border:1px solid rgb(255 255 255 / .22);background:#07080b66;color:var(--on-night);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{border-color:var(--mint);color:var(--mint)}.stage-facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:40px;color:var(--on-night-2);font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.stage-facts li{display:inline-flex;align-items:center;gap:9px}.stage-facts li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px #34d3992e}.wall-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;perspective:1700px;-webkit-mask-image:linear-gradient(90deg,transparent 36%,#000 70%),linear-gradient(180deg,transparent 2%,#000 24%,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 36%,#000 70%),linear-gradient(180deg,transparent 2%,#000 24%,#000 78%,transparent 100%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.wall{position:absolute;right:-9%;top:52%;display:flex;gap:18px;width:-moz-max-content;width:max-content;transform:translateY(-50%) rotateX(var(--rx, 24deg)) rotateY(var(--ry, -19deg)) rotate(8deg) scale(1.06);transform-style:preserve-3d;transition:transform .7s var(--ease)}.wall-col{display:flex;flex-direction:column;gap:18px;width:340px;animation:wallUp 78s linear infinite}.wall-col--phone{width:172px;animation-duration:62s}.wall-col:nth-child(2n){animation-name:wallDown}.wall-col:nth-child(3){animation-duration:92s}.wall:hover .wall-col{animation-play-state:paused}.tile{display:block;overflow:hidden;border:1px solid rgb(255 255 255 / .14);border-radius:12px;background:var(--night-3);box-shadow:0 30px 60px -30px #000;filter:saturate(.92) brightness(.86);transition:transform .4s var(--ease),filter .4s,box-shadow .4s}.tile--phone{border-radius:22px}.tile img{width:100%;height:auto}.tile:hover{transform:translateZ(46px) scale(1.04);filter:none;box-shadow:0 40px 80px -30px #34d3998c}@keyframes wallUp{to{transform:translateY(calc(-50% - 9px))}}@keyframes wallDown{0%{transform:translateY(calc(-50% - 9px))}}.proof{background:var(--paper);border-bottom:1px solid var(--line)}.proof-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 40px;padding-block:26px}.proof-clients{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 32px;font-size:1.0625rem;letter-spacing:-.015em}.label{color:var(--muted);font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.proof-clients b{font-weight:650}.proof-speed{display:flex;align-items:center;gap:12px;color:var(--ink-2);font-size:.9375rem}.proof-speed[hidden]{display:none}.proof-speed b{color:var(--mint-deep);font-variant-numeric:tabular-nums}.proof-speed i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--mint)}.proof-speed i:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--mint);opacity:0;animation:ping 2.2s ease-out infinite}@keyframes ping{0%{opacity:.7;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.work{padding-top:var(--section);background:var(--paper)}.work-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:start;gap:clamp(32px,5vw,88px)}.work-stage{position:sticky;top:clamp(88px,calc(50vh - 300px),220px)}.browser{overflow:hidden;border:1px solid rgb(0 0 0 / .16);border-radius:12px;background:#fff;box-shadow:0 0 0 .5px #00000014,0 14px 28px -12px #0c0e1338,0 44px 90px -30px #0c0e1380}.browser-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%) minmax(0,1fr);align-items:center;gap:12px;height:52px;padding:0 14px 0 13px;border-bottom:1px solid #d2d2d4;background:linear-gradient(#f8f8f8,#efeff0);color:#6c6c70;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}.bar-side{display:flex;align-items:center;gap:15px;min-width:0}.bar-side--end{justify-content:flex-end;gap:16px}.bar-nav{display:flex;gap:9px}.bar-nav svg:last-child{opacity:.38}.lights{display:flex;flex:none;gap:8px;margin-right:5px}.lights i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 .5px #0003}.lights i:nth-child(1){background:#ff5f57}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.address{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 30px;overflow:hidden;border-radius:8px;background:#0001;color:#1d1d1f;font-size:13px;letter-spacing:-.005em;white-space:nowrap}.address .lock{flex:none;color:#77777b}.address .reload{position:absolute;right:9px;top:50%;color:#6c6c70;transform:translateY(-50%)}.browser-view{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--tint)}.shot{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .55s var(--ease)}.shot.is-active{opacity:1}.shot-move{position:relative;will-change:transform}.shot-move img{width:100%;height:auto}.spot{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:0;height:0;opacity:0;transition:opacity .35s}.shot.is-active .spot{opacity:1}.spot i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--mint-deep);box-shadow:0 2px 10px #0006;transition:transform .3s var(--ease),background-color .3s}.spot i:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:2px solid var(--mint);border-radius:50%;opacity:0}.spot.is-on i{background:var(--mint);transform:scale(1.15)}.spot.is-on i:after{animation:ping 1.8s ease-out infinite}.spot b{position:absolute;left:20px;top:0;width:-moz-max-content;width:max-content;max-width:250px;padding:8px 13px;border-radius:11px;background:#07080bf0;box-shadow:0 12px 28px -10px #0009;color:#fff;font-size:.8125rem;font-weight:600;line-height:1.3;letter-spacing:-.005em;opacity:0;transform:translate(-8px,-50%);transition:opacity .3s,transform .4s var(--ease);pointer-events:none}.spot[data-side=left] b{left:auto;right:20px;transform:translate(8px,-50%)}.spot.is-on b{opacity:1;transform:translateY(-50%)}.live{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;background:#fff}.live[hidden]{display:none}.live iframe{display:block;width:1280px;border:0;background:#fff;transform-origin:0 0}.live-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--tint);color:var(--muted);font-family:var(--mono);font-size:.8125rem;pointer-events:none;transition:opacity .3s}.live.is-loaded .live-loading{opacity:0}.live-toggle{position:absolute;left:50%;bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 18px 0 15px;border:1px solid rgb(255 255 255 / .18);border-radius:999px;background:#07080be6;box-shadow:0 14px 30px -10px #0009;color:#fff;font-size:.875rem;font-weight:650;transform:translate(-50%);transition:background-color .2s,transform .25s var(--ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-toggle[hidden]{display:none}.live-toggle svg{color:var(--mint)}.live-toggle:hover{background:var(--ink);transform:translate(-50%) translateY(-2px)}.browser.is-live .address:before{content:"";flex:none;width:7px;height:7px;margin-right:2px;border-radius:50%;background:#28c840;box-shadow:0 0 0 3px #28c84033}.points{display:grid;gap:0;width:100%;margin-top:22px;border-top:1px solid var(--line)}.points li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:.9375rem;line-height:1.4;transition:color .3s}.points li:before{content:"";position:absolute;left:2px;top:1.05em;width:8px;height:8px;border-radius:50%;background:var(--line-2);transition:background-color .3s,box-shadow .3s}.points li.is-on{color:var(--ink)}.points li.is-on:before{background:var(--mint-deep);box-shadow:0 0 0 4px #34d39940}.work-progress{display:flex;align-items:center;gap:14px;margin-top:20px;color:var(--muted);font-family:var(--mono);font-size:.75rem}.work-progress i{flex:1;height:2px;background:var(--line)}.work-progress b{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}.work-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:88vh;padding-block:6vh;opacity:.28;transition:opacity .45s}.work-item.is-active{opacity:1}.work-item-shot{display:none}.meta{display:flex;justify-content:space-between;gap:16px;width:100%;color:var(--muted);font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.work-item h3{margin-top:12px;font-size:clamp(2.2rem,2.6vw + 1rem,3.2rem);line-height:1;letter-spacing:-.04em;font-stretch:104%}.work-item>p:not(.meta){margin-top:16px;color:var(--ink-2)}.work-item .tags{margin-top:20px}.more{display:inline-flex;align-items:center;gap:7px;margin-top:24px;padding-bottom:3px;border-bottom:1px solid var(--line-2);font-size:.9375rem;font-weight:650;transition:color .2s,border-color .2s}.more svg{transition:transform .25s var(--ease)}.more:hover{color:var(--mint-deep);border-color:var(--mint-deep)}.more:hover svg{transform:translate(2px,-2px)}.phones{position:relative;height:270vh;background:var(--night);color:var(--on-night)}.phones-pin{position:sticky;top:0;display:flex;align-items:center;height:100vh;overflow:hidden;isolation:isolate}.phones-pin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(46% 50% at 72% 55%,rgb(52 211 153 / .2),transparent 70%),radial-gradient(30% 36% at 96% 16%,rgb(129 140 248 / .16),transparent 70%)}.phones-inner{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(28px,4vw,72px);padding-top:var(--top)}.phones .head{margin:0}.phones-row{display:flex;align-items:flex-start;justify-content:center;gap:clamp(14px,2vw,28px)}.phone{flex:1 1 0;max-width:min(250px,calc((100vh - 270px) * 9 / 18.6))}.phone:nth-child(2){margin-top:52px}.phone-frame{position:relative;aspect-ratio:9 / 18.6;overflow:hidden;border:6px solid #1d212b;border-radius:34px;background:#000;box-shadow:0 0 0 1px #ffffff24,0 40px 80px -30px #000000e6,0 40px 100px -40px #34d39966;container-type:size}.phone-frame img{width:100%;height:auto;will-change:transform}.phone-cap{display:grid;justify-items:center;gap:2px;margin-top:16px;text-align:center}.phone-cap b{font-size:1.0625rem;font-weight:650;letter-spacing:-.015em}.phone-cap a{display:inline-flex;align-items:center;gap:5px;color:var(--on-night-2);font-family:var(--mono);font-size:.75rem;transition:color .2s}.phone-cap a:hover{color:var(--mint)}@keyframes phonePan{to{transform:translateY(calc(-100% + 100cqh))}}.statement{padding-block:clamp(72px,10vw,140px) var(--section);background:var(--paper)}.statement p{max-width:62rem;font-size:clamp(1.8rem,3.6vw + .6rem,4rem);font-weight:650;line-height:1.08;letter-spacing:-.04em;font-stretch:104%;text-wrap:balance}.js .statement span{color:#0c0e1329;transition:color .35s}.js .statement span.is-lit{color:var(--ink)}.flow{padding-block:var(--section);background:var(--night);color:var(--on-night)}.board{position:relative;padding:78px clamp(16px,3vw,40px) clamp(16px,3vw,32px);border:1px solid var(--night-line);border-radius:24px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);--step: 0}.nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.node{display:grid;justify-items:center;gap:4px;text-align:center}.node-dot{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px;margin-bottom:14px;border:2px solid rgb(255 255 255 / .25);border-radius:50%;background:var(--night-2);transition:border-color .3s,background-color .3s,box-shadow .3s}.node-dot:after{content:"";width:9px;height:5px;border-left:2px solid var(--on-mint);border-bottom:2px solid var(--on-mint);opacity:0;transform:translateY(-1px) rotate(-45deg) scale(.4);transition:opacity .25s,transform .3s var(--ease)}.node.is-done .node-dot{border-color:var(--mint);background:var(--mint)}.node.is-done .node-dot:after{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}.node.is-now .node-dot{box-shadow:0 0 0 6px #34d3992e,0 0 26px 4px #34d3998c}.node b{font-size:1.0625rem;font-weight:650;letter-spacing:-.015em}.node em{color:var(--on-night-2);font-family:var(--mono);font-size:.6875rem;font-style:normal}.node:not(.is-done) b{opacity:.55;transition:opacity .3s}.track{position:absolute;left:calc(clamp(16px,3vw,40px) + (100% - (2*clamp(16px,3vw,40px)))*.1);right:calc(clamp(16px,3vw,40px) + (100% - (2*clamp(16px,3vw,40px)))*.1);top:88px;height:2px;background:#ffffff24}.track-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--step) / 4 * 100%);background:var(--mint);box-shadow:0 0 12px #34d399cc;transition:width .9s var(--ease)}.packet{position:absolute;left:calc(var(--step) / 4 * 100%);top:-46px;padding:4px 11px;border-radius:999px;background:var(--mint);color:var(--on-mint);font-family:var(--mono);font-size:.6875rem;font-weight:600;white-space:nowrap;opacity:0;transform:translate(-50%);transition:left .9s var(--ease),opacity .3s}.packet:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:var(--mint);transform:translate(-50%) rotate(45deg)}.board.is-running .packet{opacity:1}.log{min-height:224px;margin-top:clamp(28px,4vw,44px);padding:18px 20px;border:1px solid var(--night-line);border-radius:14px;background:#0006;font-family:var(--mono);font-size:.8125rem}.log li{display:flex;align-items:baseline;gap:14px;padding:7px 0;animation:logIn .4s var(--ease) both}.log li+li{border-top:1px solid rgb(255 255 255 / .06)}.log time{color:#a4adbb99}.log span{flex:1;min-width:0;color:var(--on-night)}.log b{padding:1px 8px;border-radius:6px;background:#34d39924;color:var(--mint);font-weight:500}@keyframes logIn{0%{opacity:0;transform:translateY(6px)}}.flow-note{margin-top:18px;color:#a4adbbbf;font-size:.8125rem}.services{padding-block:var(--section);background:var(--paper)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{padding:clamp(26px,3vw,40px);border:1px solid var(--line);border-radius:22px;background:var(--surface);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}.card:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 30px 60px -34px #0c0e1359}.card svg{box-sizing:content-box;margin-bottom:clamp(28px,4vw,52px);padding:12px;border-radius:14px;background:#34d39929;color:var(--mint-deep)}.card h3{margin-bottom:12px;font-size:1.5rem}.card p{color:var(--ink-2)}.card .get{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.9375rem}.card .get b{color:var(--ink);font-weight:650}.process{padding-block:var(--section);background:var(--tint);border-block:1px solid var(--line)}.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:34px;--p: 0}.steps:before,.steps:after{content:"";position:absolute;left:0;top:0;height:2px}.steps:before{right:0;background:var(--line-2)}.steps:after{width:calc(var(--p) * 100%);background:var(--mint-deep);transition:width .2s linear}.steps>li{position:relative}.steps>li:before{content:"";position:absolute;left:0;top:-41px;width:16px;height:16px;border:2px solid var(--line-2);border-radius:50%;background:var(--tint);transition:border-color .3s,background-color .3s,transform .4s var(--ease)}.steps>li.is-on:before{border-color:var(--mint-deep);background:var(--mint-deep);transform:scale(1.12)}.step-nr{color:var(--muted);font-family:var(--mono);font-size:.8125rem;transition:color .3s}.is-on .step-nr{color:var(--mint-deep)}.steps h3{margin-top:18px}.steps ul{margin-top:14px;color:var(--ink-2);font-size:.9875rem}.steps ul li{position:relative;padding:7px 0 7px 18px;border-top:1px solid var(--line)}.steps ul li:first-child{border-top:0}.steps ul li:before{content:"";position:absolute;left:0;top:1.05em;width:6px;height:6px;border-radius:50%;background:var(--mint-deep)}.about{padding-block:var(--section);background:var(--paper)}.about-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(40px,6vw,88px)}.about h2{margin-bottom:28px}.about p:not(.eyebrow){max-width:35rem;color:var(--ink-2)}.facts{overflow:hidden;border:1px solid var(--line-2);border-radius:18px;background:var(--surface)}.facts div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:16px 22px;border-top:1px solid var(--line)}.facts div:first-child{border-top:0}.facts dt{color:var(--muted);font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.facts dd{font-size:.9875rem;font-weight:600;text-align:right}.facts a{border-bottom:1px solid var(--line-2)}.facts a:hover{color:var(--mint-deep);border-color:var(--mint-deep)}.contact{position:relative;isolation:isolate;overflow:clip;padding-block:var(--section);background:var(--night);color:var(--on-night)}.contact:before{content:"";position:absolute;inset:auto 0 -40% 0;height:80%;z-index:-1;background:radial-gradient(50% 60% at 30% 100%,rgb(52 211 153 / .2),transparent 70%),radial-gradient(40% 50% at 80% 100%,rgb(56 189 248 / .12),transparent 70%)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,7vw,96px)}.contact .eyebrow{color:var(--on-night-2)}.contact .eyebrow span{color:var(--mint)}.contact h2{font-size:clamp(2.3rem,3.6vw + 1rem,4.2rem)}.contact-sub{max-width:28rem;margin-top:24px;color:var(--on-night-2)}.contact-mail{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:36px}.contact-mail a{padding-bottom:2px;border-bottom:1px solid rgb(255 255 255 / .28);font-size:clamp(1.25rem,1.2vw + 1rem,1.625rem);font-weight:650;letter-spacing:-.02em;transition:color .2s,border-color .2s}.contact-mail a:hover{color:var(--mint);border-color:var(--mint)}.copy{padding:4px 12px;border:1px solid var(--night-line);border-radius:999px;background:none;color:var(--on-night-2);font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;transition:color .2s,border-color .2s}.copy:hover,.copy.is-done{border-color:var(--mint);color:var(--mint)}.form{position:relative;display:grid;gap:18px;padding:clamp(20px,3vw,32px);border:1px solid var(--night-line);border-radius:22px;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.field{display:grid;gap:8px}.field label{color:var(--on-night-2);font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.field input,.field textarea{width:100%;padding:14px 16px;border:1px solid rgb(255 255 255 / .14);border-radius:12px;background:#0000004d;color:var(--on-night);font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:132px;resize:vertical}.field input::-moz-placeholder,.field textarea::-moz-placeholder{color:#a4adbb8c}.field input::placeholder,.field textarea::placeholder{color:#a4adbb8c}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--mint);outline:0;box-shadow:0 0 0 4px #34d39933;border-radius:12px}.field.is-invalid input,.field.is-invalid textarea{border-color:#ff9b8a}.field--trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:6px}.form-foot p{color:var(--on-night-2);font-size:.8125rem}.form-foot a{border-bottom:1px solid rgb(255 255 255 / .28);color:var(--on-night)}.form-foot a:hover{color:var(--mint);border-color:var(--mint)}.form-status{min-height:1.6em;font-size:.9375rem;font-weight:500}.form-status.is-ok{color:var(--mint)}.form-status.is-error{color:#ff9b8a}.page{padding:calc(var(--top) + clamp(40px,6vw,80px)) 0 var(--section);background:var(--paper)}body:has(.page--short){display:flex;flex-direction:column;min-height:100svh}.page--short{flex:1}.prose{max-width:44rem}.prose h1{margin-bottom:20px;font-size:clamp(2.4rem,3.6vw + 1rem,3.8rem);line-height:1.02;letter-spacing:-.04em;font-stretch:104%}.prose .lead{color:var(--ink-2);font-size:1.1875rem}.prose h2{margin:48px 0 12px;font-size:1.5rem;line-height:1.2;letter-spacing:-.025em;font-stretch:100%}.prose p,.prose li{color:var(--ink-2)}.prose p+p{margin-top:14px}.prose ul{margin-top:12px}.prose li{position:relative;padding:4px 0 4px 20px}.prose li:before{content:"";position:absolute;left:2px;top:.95em;width:6px;height:6px;border-radius:50%;background:var(--mint-deep)}.prose a{border-bottom:1px solid var(--line-2);color:var(--ink);font-weight:600}.prose a:hover{color:var(--mint-deep);border-color:var(--mint-deep)}.prose .updated{margin-top:48px;color:var(--muted);font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.foot{border-top:1px solid var(--night-line);background:var(--night);color:var(--on-night-2);font-size:.8125rem}.foot-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-block:26px}.foot p:first-child,.foot nav{display:flex;flex-wrap:wrap;gap:4px 22px}.foot a:hover{color:var(--on-night)}.foot-note{font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px;padding-top:0}.steps:before,.steps:after,.steps>li:before{display:none}.steps>li{padding-top:18px;border-top:2px solid var(--line-2);transition:border-color .3s}.steps>li.is-on{border-top-color:var(--mint-deep)}}@media (max-width: 900px){.work-grid,.about-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}.work-stage{display:none}.work-list{display:grid;gap:56px}.work-item{min-height:0;padding-block:0;opacity:1}.work-item-shot{display:block;width:100%;margin-bottom:22px;overflow:hidden;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 24px 50px -30px #0c0e1366}.work-item-shot img{width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.nav-toggle{display:inline-flex}.nav{position:absolute;inset:100% 0 auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 24px;border-bottom:1px solid var(--night-line);background:var(--night);color:var(--on-night)}.nav.is-open{display:flex}.nav a:not(.btn){padding:14px 0;border-bottom:1px solid var(--night-line);border-radius:0;font-size:1.0625rem;opacity:1}.nav .btn{margin:20px 0 0;min-height:48px}.top.is-light .nav{background:var(--paper);color:var(--ink);border-bottom-color:var(--line)}.top.is-light .nav a:not(.btn){border-bottom-color:var(--line)}.stage{flex-direction:column;align-items:stretch;min-height:0;padding-bottom:0}.stage-copy{max-width:none}.wall-wrap{position:relative;inset:auto;order:2;height:400px;margin-top:28px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 78%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.wall{right:auto;left:50%;transform:translate(-50%,-50%) rotateX(22deg) rotate(7deg) scale(.72)}.stage-actions .btn{flex:1 1 100%}.phones{height:auto;padding-block:var(--section)}.phones-pin{position:static;display:block;height:auto;overflow:visible}.phones-inner{grid-template-columns:minmax(0,1fr);padding-top:0}.phones-row{justify-content:flex-start;gap:18px;margin-inline:calc(-1 * var(--gutter));padding:8px var(--gutter) 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.phones-row::-webkit-scrollbar{display:none}.phone{flex:0 0 min(64vw,260px);max-width:none;scroll-snap-align:center}.phone:nth-child(2){margin-top:0}.phone-frame img{animation:phonePan 30s ease-in-out infinite alternate}}@media (max-width: 760px){.cards{grid-template-columns:minmax(0,1fr)}.node em{display:none}.node b{font-size:.75rem;letter-spacing:0}.packet{top:-40px;font-size:.625rem}.log{min-height:250px;font-size:.75rem}.log time{display:none}}@media (max-width: 560px){.steps{grid-template-columns:minmax(0,1fr)}.foot-inner{flex-direction:column;align-items:flex-start}}.line>span{animation:lineUp 1s var(--ease) both}.line:nth-child(2)>span{animation-delay:.12s}.line:nth-child(3)>span{animation-delay:.24s}.kicker,.stage-sub,.stage-actions,.stage-facts{animation:rise .9s var(--ease) .35s both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.wall-wrap{animation:wallIn 1.6s var(--ease) .1s both}@keyframes lineUp{0%{transform:translateY(105%)}}@keyframes wallIn{0%{opacity:0}}.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js [data-reveal].is-in{opacity:1;transform:none}.cards .card:nth-child(2){transition-delay:.08s}.cards .card:nth-child(3){transition-delay:.04s}.cards .card:nth-child(4){transition-delay:.12s}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:none}.phone-frame img,.wall-col{animation:none}}
