@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(../assets/fonts/bricolage-grotesque-latin-ext-a4fe79.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(../assets/fonts/bricolage-grotesque-latin-a97232.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/figtree-latin-ext-c15953.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/figtree-latin-dab710.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/figtree-latin-ext-c15953.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/figtree-latin-dab710.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/figtree-latin-ext-c15953.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/figtree-latin-dab710.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jetbrains-mono-latin-ext-ba1653.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jetbrains-mono-latin-480c06.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/jetbrains-mono-latin-ext-ba1653.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/jetbrains-mono-latin-480c06.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#111514;--bg-2:#161b1a;--surface:#1c2221;--surface-2:#232b29;--line:#2e3836;--fg:#eaf0ed;--muted:#94a39d;--accent:#62d6a4;--accent-ink:#0b241a;--sand:#e6b877;--glow:rgba(98,214,164,.16);--shadow:0 30px 80px -30px rgba(0,0,0,.65);--display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--body:"Figtree", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--step--1:clamp(.8rem,.77rem + .15vw,.875rem);--step-0:clamp(1rem,.96rem + .2vw,1.125rem);--step-1:clamp(1.2rem,1.1rem + .5vw,1.5rem);--step-2:clamp(1.5rem,1.3rem + 1vw,2.1rem);--step-3:clamp(2rem,1.6rem + 2vw,3.2rem);--step-4:clamp(2.6rem,1.8rem + 4vw,5.4rem);--gutter:clamp(16px,4vw,48px);--max:1240px;--radius:22px;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg:#f2f4f1;--bg-2:#eaeee9;--surface:#ffffff;--surface-2:#f6f8f5;--line:#d9e0db;--fg:#13201a;--muted:#59695f;--accent:#0d8a5c;--accent-ink:#ffffff;--sand:#a8711f;--glow:rgba(13,138,92,.12);--shadow:0 30px 70px -35px rgba(20,40,30,.35);color-scheme:light}}:root[data-theme=light]{--bg:#f2f4f1;--bg-2:#eaeee9;--surface:#ffffff;--surface-2:#f6f8f5;--line:#d9e0db;--fg:#13201a;--muted:#59695f;--accent:#0d8a5c;--accent-ink:#ffffff;--sand:#a8711f;--glow:rgba(13,138,92,.12);--shadow:0 30px 70px -35px rgba(20,40,30,.35);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--step-0)/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}html{overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0;text-wrap:balance}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font:500 var(--step--1)/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--muted)}section{padding-block:clamp(72px,10vw,140px)}.sec-head{display:grid;gap:18px;margin-bottom:clamp(36px,5vw,64px);max-width:760px}.sec-head h2{font-size:var(--step-3)}.sec-head p{color:var(--muted);max-width:60ch}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.28;mask-image:radial-gradient(ellipse 80% 60% at 70% 10%,#000 10%,transparent 70%)}.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}.blob.a{width:46vw;height:46vw;background:var(--glow);top:-12vw;right:-8vw;animation:drift 18s ease-in-out infinite alternate}.blob.b{width:30vw;height:30vw;background:color-mix(in srgb,var(--sand) 18%,transparent);top:40vh;left:-12vw;animation:drift 22s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translate(-6vw,8vh) scale(1.15)}}.spot{position:fixed;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%);transform:translate(-50%,-50%);left:var(--mx,50%);top:var(--my,30%);z-index:-1;pointer-events:none;transition:opacity .4s}.progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(var(--p,0));z-index:60}.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid transparent;transition:border-color .3s}.nav.scrolled{border-bottom-color:var(--line)}.nav .wrap{display:flex;align-items:center;gap:16px;height:68px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.05rem/1 var(--display)}.logo .mono{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:var(--accent-ink);font-size:.95rem;letter-spacing:-.04em;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.logo{transition:opacity .35s,transform .35s,visibility .35s}.logo.off{opacity:0;visibility:hidden;transform:translateY(-6px)}.logo:hover .mono{transform:rotate(-12deg) scale(1.06)}.nav-links{display:flex;gap:4px;margin-left:auto}.nav-links a{text-decoration:none;color:var(--muted);font-weight:500;font-size:.95rem;padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--fg);background:var(--surface)}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;transition:transform .2s,border-color .2s}.icon-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font:600 .98rem/1 var(--body);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .2s,border-color .2s;will-change:transform}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -10px var(--accent)}.btn-primary:hover{box-shadow:0 16px 40px -10px var(--accent)}.btn-ghost{border-color:var(--line);background:var(--surface);color:var(--fg)}.btn-ghost:hover{border-color:var(--accent)}.btn .arr{transition:transform .25s}.btn:hover .arr{transform:translate(4px)}.nav .btn{padding:10px 18px;font-size:.9rem}.hero{padding-block:clamp(40px,6vw,80px) clamp(48px,7vw,96px)}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}.hello{display:flex;align-items:center;gap:14px;margin-bottom:28px}.avatar{position:relative;width:64px;height:64px;flex:none}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff}.avatar:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px dashed var(--accent)}.hello b{display:block;font:600 1.05rem/1.2 var(--display)}.hello span{font-size:.92rem;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:8px;font:500 .78rem/1 var(--mono);color:var(--muted);margin-top:6px}.status i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:ping 2s infinite}@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 10px transparent}}.hero h1{font-size:clamp(2.4rem,1.5rem + 2.4vw,3.75rem);font-weight:750;letter-spacing:-.035em;line-height:.98}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em}.hero h1 .line>span{display:inline-block;animation:rise 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.11s + .15s)}.hero h1 em{font-style:normal;color:var(--accent);position:relative;white-space:nowrap}.hero h1 em svg{position:absolute;left:0;right:0;bottom:-.08em;width:100%;height:.28em;overflow:visible}.hero h1 em path{stroke:var(--sand);stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.2s .9s cubic-bezier(.6,0,.2,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes rise{0%{transform:translateY(105%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}}.hero .lede{margin-top:26px;font-size:var(--step-1);line-height:1.5;color:var(--muted);max-width:34ch;animation:fadeUp .9s .55s both}.hero .lede strong{color:var(--fg);font-weight:600}.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;animation:fadeUp .9s .7s both}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(36px,5vw,56px);animation:fadeUp .9s .85s both}.stat{border-top:1px solid var(--line);padding-top:14px}.stat b{display:block;font:700 var(--step-2)/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat>span{display:block;margin-top:6px;font-size:.82rem;line-height:1.35;color:var(--muted)}.showcase{position:relative;margin:0;aspect-ratio:1/.92;max-width:100%;perspective:1200px;animation:fadeUp 1.1s .35s both}.showcase .stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.showcase .float{position:absolute;left:0;top:2%;width:100%;height:87.6%;animation:bob 7s ease-in-out infinite}.showcase .phone{position:absolute;left:0;top:0;width:82%;filter:drop-shadow(0 40px 50px rgba(0,0,0,.45))}@keyframes bob{50%{transform:translateY(-12px)}}.showcase .halo{position:absolute;left:4%;top:10%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 70%);filter:blur(10px)}.note{position:absolute;left:calc(var(--x)*.82%);right:0;top:calc(var(--y)*1%);display:flex;align-items:center;gap:0;transform:translateY(-50%);pointer-events:none}.note .dot{flex:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--accent);background:var(--bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent);transform:scale(0);animation:pop .4s cubic-bezier(.3,1.6,.5,1) forwards;animation-delay:calc(var(--d)*1ms + 1.1s)}.note .ln{flex:1;height:1.5px;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);animation:grow .5s cubic-bezier(.6,0,.2,1) forwards;animation-delay:calc(var(--d)*1ms + 1.25s);min-width:16px}.note .lb{flex:none;max-width:11em;font-size:.82rem;line-height:1.3;color:var(--fg);background:var(--surface);border:1px solid var(--line);padding:7px 11px;border-radius:10px;opacity:0;animation:fadeIn .4s forwards;animation-delay:calc(var(--d)*1ms + 1.55s);pointer-events:auto;transition:border-color .2s,transform .2s}.note .lb:hover{border-color:var(--accent);transform:translate(-3px)}@keyframes pop{to{transform:scale(1)}}@keyframes grow{to{transform:scaleX(1)}}@keyframes fadeIn{to{opacity:1}}.showcase .grid3d{position:absolute;inset:-12% -8%;pointer-events:none;background-size:60px 60px;background-image:linear-gradient(to right,color-mix(in srgb,var(--fg) 6%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--fg) 6%,transparent) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse at 40% 50%,#000 0%,transparent 65%);mask-image:radial-gradient(ellipse at 40% 50%,#000 0%,transparent 65%)}.showcase .enter{position:absolute;inset:0;transform-style:preserve-3d}.showcase.gs{animation:none}.showcase.gs .stage{transition:none;transform:none}.showcase.pending .enter{visibility:hidden;animation:showLate 0s 2.5s forwards}@keyframes showLate{to{visibility:visible}}.showcase .sheen{position:absolute;left:0;top:0;width:82%;aspect-ratio:645/634;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(420px circle at var(--mouse-x,30%) var(--mouse-y,20%),rgba(255,255,255,.22) 0%,transparent 45%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.showcase .pfloor{position:absolute;left:9%;top:88%;width:46%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);filter:blur(6px);animation:floorBob 7s ease-in-out infinite}@keyframes floorBob{50%{scale:.88}}@media (prefers-reduced-motion:reduce){.showcase.pending .enter{visibility:visible;animation:none}}.showcase.hs{aspect-ratio:auto;perspective:none;display:block;padding-bottom:28px}.hs .shot.p3d{position:relative;z-index:1;display:grid;place-items:center;perspective:1400px;padding:clamp(16px,2vw,28px) 0 clamp(44px,5vw,60px)}.hs .p3d .iphone{--w:clamp(250px,24vw,330px)}.hs .hs-fallback{display:block;width:100%;height:auto}.hs .p3d .iphone .pdot{width:34px;height:34px;margin:-17px 0 0 -17px;font-size:15px;border-width:2.5px}.showcase figcaption{position:absolute;left:0;bottom:-6px;font:500 .74rem/1.3 var(--mono);color:var(--muted);letter-spacing:.04em}.marquee{border-block:1px solid var(--line);padding-block:22px;overflow:hidden;background:var(--bg-2)}.marquee .track{display:flex;gap:48px;width:max-content;animation:scroll 95s linear infinite}.marquee .t2{display:none}.marquee.rk{padding-block:6px}.marquee.rk .track,.marquee .mq-host{display:none}.marquee.rk .mq-host{display:block}.relative{position:relative}.z-10{z-index:10}.mt-0{margin-top:0}.mt-10{margin-top:2.5rem}.flex{display:flex}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-\[90vw\]{max-width:90vw}@keyframes marquee{to{transform:translate(-50%)}}.animate-marquee{animation:marquee var(--duration,30s) linear infinite}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee-reverse{animation:marquee-reverse var(--duration,30s) linear infinite}.overflow-hidden{overflow:hidden}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.dark,:root{--sky-400:#38bdf8;--sky-500:#0ea5e9}.hover\:\[animation-play-state\:paused\]:hover{animation-play-state:paused}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:mt-24{margin-top:6rem}}.mq-host .max-w-\[90vw\]{margin-inline:auto;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.mq-host .py-5{padding-block:14px}.marquee .mq-item{padding-inline-end:28px;gap:28px}@media (max-width:760px){.marquee .mq-item{font-size:12px;padding-inline-end:22px;gap:22px}}.marquee .mq-item:after{display:none}.marquee .mq-item svg{color:var(--accent);opacity:.7;flex:none}@media (prefers-reduced-motion:reduce){.mq-host .animate-marquee{animation:none}}.marquee:hover .track{animation-play-state:paused}.marquee span{font:600 14px/1 var(--display);color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:48px;transition:color .2s}.marquee span:hover{color:var(--fg)}.marquee span:after{content:"";width:7px;height:7px;border-radius:2px;background:var(--accent);transform:rotate(45deg);opacity:.7}@keyframes scroll{to{transform:translate(-50%)}}.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.fcard{position:relative;padding:clamp(24px,3vw,36px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s}.fcard:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(400px circle at var(--cx,50%) var(--cy,50%),var(--glow),transparent 60%);opacity:0;transition:opacity .3s}.fcard:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.fcard:hover:before{opacity:1}.fcard .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--accent);margin-bottom:26px}.fcard .ic svg{width:26px;height:26px}.fcard h3{font-size:var(--step-2);margin-bottom:12px}.fcard p{color:var(--muted);max-width:52ch}.fcard{cursor:pointer;padding-bottom:calc(clamp(24px,3vw,36px) + 34px)}.fcard:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.fcard .fx{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1)}.fcard .fx>div{overflow:hidden;min-height:0}.fcard.open .fx{grid-template-rows:1fr}.fcard .fx h4{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font:500 var(--step--1)/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.fcard .fx ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;max-width:52ch}.fcard .fx li{position:relative;padding-left:22px;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1)}.fcard .fx li:before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}.fcard.open .fx li{opacity:1;transform:none;transition-delay:calc(var(--i)*70ms + .16s)}.fcard .fplus{position:absolute;right:clamp(18px,2.4vw,26px);bottom:clamp(18px,2.4vw,26px);width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}.fcard .fplus:before,.fcard .fplus:after{content:"";position:absolute;width:12px;height:1.7px;border-radius:2px;background:var(--fg);transition:background .3s}.fcard .fplus:after{transform:rotate(90deg)}.fcard:hover .fplus{border-color:var(--accent)}.fcard.open .fplus{transform:rotate(135deg);background:var(--accent);border-color:var(--accent)}.fcard.open .fplus:before,.fcard.open .fplus:after{background:var(--accent-ink)}.fcard .tag{position:absolute;top:24px;right:24px;font:500 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sand);border:1px solid color-mix(in srgb,var(--sand) 40%,transparent);padding:6px 9px;border-radius:999px}.now{background:var(--bg-2);border-block:1px solid var(--line)}.now .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}.now h2{font-size:var(--step-3);margin-block:18px 18px}.role{display:flex;flex-wrap:wrap;gap:8px 16px;font:500 .85rem/1.3 var(--mono);color:var(--muted);margin-bottom:24px}.role b{color:var(--fg);font-weight:500}.ticks{list-style:none;margin:0;padding:0;display:grid;gap:14px}.ticks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;color:var(--muted)}.ticks li:before{content:"";width:14px;height:14px;margin-top:6px;border-radius:4px;border:1.5px solid var(--accent);background:linear-gradient(135deg,var(--accent) 0 50%,transparent 50%)}.ticks strong{color:var(--fg);font-weight:600}.flow{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);padding:clamp(18px,2.5vw,28px);box-shadow:var(--shadow)}.flow svg{width:100%;height:auto;display:block;overflow:visible}.flow .wire{fill:none;stroke:var(--line);stroke-width:1.5}.flow .pulse{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:14 400;animation:travel 3.2s linear infinite}.flow .pulse.p2{animation-delay:-1.1s}.flow .pulse.p3{animation-delay:-2.2s}.flow .pulse.o{stroke:var(--sand)}@keyframes travel{0%{stroke-dashoffset:414}to{stroke-dashoffset:0}}.flow .node rect{fill:var(--surface-2);stroke:var(--line)}.flow .node text{fill:var(--fg);font:500 13px var(--body)}.flow .node .sub{fill:var(--muted);font:400 10.5px var(--mono);letter-spacing:.06em}.flow .core circle.r{fill:none;stroke:var(--accent);opacity:.5;transform-origin:center;transform-box:fill-box;animation:ripple 3s ease-out infinite}.flow .core circle.r2{animation-delay:1.5s}@keyframes ripple{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.5);opacity:0}}.flow .core circle.c{fill:var(--accent)}.flow .core text{fill:var(--accent-ink);font:700 15px var(--display)}.flow .core .s{font:500 9.5px var(--mono);letter-spacing:.08em}.flow .out text{fill:var(--fg);font:500 13px var(--body)}.flow .out circle{fill:var(--sand)}.flow-cap{margin-top:14px;font:500 .75rem/1.4 var(--mono);color:var(--muted);letter-spacing:.03em}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project{--tint:var(--accent);position:relative;display:flex;flex-direction:column;border-radius:calc(var(--radius) + 6px);border:1px solid var(--line);background:var(--surface);overflow:hidden;cursor:pointer;text-align:left;color:inherit;font:inherit;padding:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .5s}.project:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--tint) 60%,var(--line));box-shadow:var(--shadow)}.project .media{position:relative;aspect-ratio:16/11;overflow:hidden;background:radial-gradient(120% 90% at 70% 20%,color-mix(in srgb,var(--tint) 30%,var(--surface-2)),var(--surface-2) 70%)}.project .media:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--fg) 12%,transparent) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 80%);opacity:.6}.project .media img{position:absolute;z-index:1;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.project:hover .media img.m1{transform:translate(var(--hx,0),var(--hy,-10px)) rotate(var(--hr,0deg)) scale(1.04)}.project:hover .media img.m2{transform:translateY(-18px) scale(1.04)}.project .body{display:grid;gap:10px;padding:clamp(20px,2.4vw,30px)}.project .meta{display:flex;flex-wrap:wrap;gap:8px}.chip{font:500 .72rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.project h3{font-size:var(--step-2)}.project p{color:var(--muted)}.project .more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:600;color:var(--fg)}.project .more i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tint);color:#fff;font-style:normal;transition:transform .3s}.project:hover .more i{transform:rotate(-45deg)}.p-kfhb{--tint:#1f8a5b}.p-friendi{--tint:#1fb8c4}.p-getin{--tint:#22b04f}.p-hebe{--tint:#d4197e}.p-kfhb .m1{width:74%;left:14%;top:6%}.p-friendi .m1{width:30%;left:12%;top:8%}.p-friendi .m2{width:34%;left:46%;top:16%;--x:0}.p-getin .m1{width:72%;left:28%;top:10%;border-radius:14px;box-shadow:var(--shadow)}.p-getin .m2{width:26%;left:6%;top:14%}.p-hebe .m1{width:86%;left:18%;top:6%;border-radius:14px}.p-hebe .m2{width:22%;left:8%;top:12%}.ind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ind{padding:24px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.ind h3{font-size:var(--step-1);margin-bottom:6px}.ind .ind-label{font:500 .75rem/1 var(--mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.ind ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}.ind li{font-size:.95rem;line-height:1.35}.ind li b{display:block;font-weight:600}.ind li span{color:var(--muted);font-size:.86rem}.tl{position:relative;display:grid;gap:clamp(28px,4vw,44px);padding-left:clamp(28px,4vw,48px)}.tl:before,.tl .fill{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--line);border-radius:2px}.tl .fill{background:linear-gradient(var(--accent),var(--sand));transform-origin:top;transform:scaleY(var(--tp,1))}.job{position:relative;display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:clamp(16px,3vw,48px)}.job:before{content:"";position:absolute;left:calc(-1*clamp(28px,4vw,48px) + 1px);top:6px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.job.current:before{background:var(--accent);box-shadow:0 0 0 6px var(--glow)}.job .when{font:500 .82rem/1.5 var(--mono);color:var(--muted)}.job .when b{display:block;color:var(--fg);font:600 1.05rem/1.3 var(--display);letter-spacing:-.01em}.job h3{font-size:var(--step-1);margin-bottom:4px}.job .co{color:var(--accent);font-weight:600;margin-bottom:12px;display:block}.job ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px;max-width:68ch}.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sk{padding:26px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.sk h3{font-size:var(--step-1);margin-bottom:16px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:8px 13px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.88rem;transition:border-color .2s,color .2s,transform .2s}.pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}button.pill{font-family:inherit;color:inherit;cursor:pointer}.pill[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skpop{position:fixed;z-index:60;width:min(320px,calc(100vw - 32px));padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);animation:skIn .28s cubic-bezier(.2,.8,.2,1)}.skpop b{display:block;font:600 1rem/1.3 var(--display);margin-bottom:6px}.skpop p{font-size:.92rem;line-height:1.5;color:var(--muted)}@keyframes skIn{0%{opacity:0;transform:translateY(-6px)}}@media (max-width:760px){.skpop{left:16px!important;right:16px;width:auto}}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.fact{padding:22px 26px;border-radius:var(--radius);border:1px dashed var(--line)}.fact .eyebrow{color:var(--muted);margin-bottom:10px;display:block}.fact p{font-weight:500}.fact p span{color:var(--muted);font-weight:400}.contact{text-align:left}.contact .card{position:relative;overflow:hidden;border-radius:calc(var(--radius) + 10px);padding:clamp(32px,6vw,80px);background:var(--surface);border:1px solid var(--line)}.contact .card:before{content:"";position:absolute;width:60%;aspect-ratio:1;right:-15%;top:-40%;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%)}.contact h2{font-size:var(--step-4);letter-spacing:-.04em;max-width:12ch;position:relative}.contact h2 span{color:var(--accent)}.contact .lede{margin-top:20px;color:var(--muted);max-width:46ch;font-size:var(--step-1);position:relative}.channels{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px}.ch{display:grid;gap:6px;padding:18px 20px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);text-decoration:none;min-width:0;transition:border-color .2s,transform .2s}.ch:hover{border-color:var(--accent);transform:translateY(-2px)}.ch .eyebrow{color:var(--muted)}.ch .v{font-weight:600;overflow-wrap:anywhere;user-select:all}.ch button{justify-self:start;margin-top:6px;font:600 .8rem/1 var(--body);padding:8px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);border:0;cursor:pointer}footer{padding-block:36px 48px;color:var(--muted);font-size:.85rem}footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}dialog.case{width:min(1100px,100%);max-width:100%;max-height:100%;height:100%;margin:0 auto;padding:0;border:0;background:var(--bg);color:var(--fg);overflow:hidden}@media (min-width:900px){dialog.case{height:calc(100% - 32px);margin:16px auto;border-radius:28px;border:1px solid var(--line)}}dialog.case::backdrop{background:#050a088c;backdrop-filter:blur(6px)}dialog.case[open]{animation:slideIn .55s cubic-bezier(.2,.8,.2,1)}dialog.case[open]::backdrop{animation:fadeIn2 .4s}@keyframes slideIn{0%{transform:translateY(28px) scale(.985);opacity:0}}@keyframes fadeIn2{0%{opacity:0}}.case .scroller{height:100%;overflow-y:auto;overscroll-behavior:contain}.case .bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px clamp(16px,3vw,32px);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.case .bar .t{font:700 1.05rem/1 var(--display);white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.case .bar .t.on{opacity:1;transform:none}.case .bar .icon-btn{flex:none;order:3}.case .bar nav{display:flex;gap:4px;margin-left:auto;min-width:0;overflow-x:auto;scrollbar-width:none}.case .bar nav a{white-space:nowrap;text-decoration:none;font-size:.85rem;color:var(--muted);padding:7px 11px;border-radius:999px}.case .bar nav a:hover,.case .bar nav a.on{color:var(--fg);background:var(--surface)}@media (max-width:760px){.case .bar nav{flex:1;margin-left:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%)}.case .bar .t{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0 40px 0 clamp(16px,3vw,32px);pointer-events:none;background:linear-gradient(to right,var(--bg) 0,var(--bg) calc(100% - 40px),transparent)}}.case .inner{padding:clamp(20px,4vw,48px) clamp(16px,4vw,56px) 64px;display:grid;gap:clamp(40px,6vw,72px)}.case .intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,4vw,48px);align-items:center}.case .intro h2{font-size:var(--step-4);letter-spacing:-.04em}.case .intro .kind{color:var(--accent);font-weight:600;margin-top:10px;display:block}.case .intro p{margin-top:20px;color:var(--muted);font-size:var(--step-1);line-height:1.5}.case .hero-img{border-radius:22px;background:radial-gradient(100% 80% at 60% 30%,color-mix(in srgb,var(--tint) 32%,var(--surface)),var(--surface) 70%);padding:clamp(12px,2vw,24px);display:grid;place-items:center;min-height:240px}.case .hero-img img{max-height:440px;width:auto;border-radius:12px;animation:fadeUp .8s .15s both}.case .blk{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:clamp(16px,4vw,56px);scroll-margin-top:80px}.case .blk>h3{font:500 var(--step--1)/1.3 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);padding-top:6px}.case .blk .c{display:grid;gap:16px;max-width:70ch}.case .blk .c p{color:var(--muted)}.case .blk .c p strong{color:var(--fg)}.case .blk .c h4{font-size:var(--step-1)}.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.team{padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.team b{display:block;font:600 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--sand);margin-bottom:10px}.team ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:.92rem}.team li.me{color:var(--accent);font-weight:600}.steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.steps span{padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.85rem}.steps i{color:var(--muted);font-style:normal}.exec{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}.exec .shot{border-radius:22px;background:var(--surface);border:1px solid var(--line);padding:clamp(16px,2.5vw,28px);display:grid;place-items:center}.exec .shot img{max-height:520px;width:auto}.annos{list-style:none;margin:0;padding:0;display:grid;gap:10px}.annos li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s}.annos li:hover{border-color:var(--accent);transform:translate(4px)}.annos.static li:hover{border-color:var(--line);transform:none}.annos li:before{content:"";width:12px;height:12px;margin:5px 0 0 6px;border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.quote{position:relative;padding:28px 28px 24px;border-radius:20px;background:var(--surface);border:1px solid var(--line);font:500 var(--step-1)/1.45 var(--display)}.quote:before{content:"\201c";position:absolute;top:-18px;left:20px;font:800 4rem/1 var(--display);color:var(--accent)}.quote cite{display:block;margin-top:12px;font:500 .8rem/1 var(--mono);color:var(--muted);font-style:normal;letter-spacing:.06em;text-transform:uppercase}.gallery{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding:clamp(16px,3vw,32px);border-radius:22px;background:var(--surface);border:1px solid var(--line)}.gallery img{max-height:420px;width:auto;flex:0 1 auto;min-width:0}.case .next{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--line)}@supports (animation-timeline: view()){.rv{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}.rv-l{animation:revealL linear both;animation-timeline:view();animation-range:entry 0% entry 45%}.tl .fill{animation:fillUp linear both;animation-timeline:view();animation-range:entry 30% cover 70%}.progress{animation:prog linear both;animation-timeline:scroll(root)}}@keyframes reveal{0%{opacity:.35;transform:translateY(48px) scale(.97)}}@keyframes revealL{0%{opacity:.35;transform:translate(-36px)}}@keyframes fillUp{0%{transform:scaleY(0)}}@keyframes prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.note .dot{appearance:none;padding:0;cursor:pointer;position:relative}.note .dot:before{content:"";position:absolute;inset:-14px;border-radius:50%}.note .dot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.note .lb{cursor:pointer}.iphone{--w:250px;--bz:calc(var(--w)*.04);position:relative;width:var(--w);padding:var(--bz);border-radius:calc(var(--w)*.17);background:#030404;transform-style:preserve-3d;box-shadow:inset 0 0 0 1px #ffffff12}.iphone .rim,.iphone .ed{position:absolute;inset:calc(var(--w)*-.016);border-radius:calc(var(--w)*.186);pointer-events:none}.iphone .rim{background:linear-gradient(135deg,#a3aba8,#3d4442 13%,#1b201f 30%,#79827f 50%,#232827 69%,#525a58 86%,#b7bfbc);transform:translateZ(-.4px);box-shadow:inset 0 0 0 1px #ffffff47,inset 0 0 6px #000000b3}.iphone .ed{background:linear-gradient(90deg,#363d3b,#939c99 50%,#363d3b);transform:translateZ(calc(var(--z)*-1.05px))}.iphone .ed.back{background:linear-gradient(160deg,#2c3231,#0e1211);box-shadow:0 60px 90px -30px #000000b3}.iphone .key{position:absolute;width:calc(var(--w)*.018);border-radius:2px;background:linear-gradient(90deg,#4f5755,#b3bbb8 55%,#454c4a);transform:translateZ(-6px);pointer-events:none}.iphone .k1{left:calc(var(--w)*-.032);top:15%;height:4.5%}.iphone .k2{left:calc(var(--w)*-.032);top:23%;height:8.5%}.iphone .k3{left:calc(var(--w)*-.032);top:34%;height:8.5%}.iphone .k4{right:calc(var(--w)*-.032);top:25%;height:13%}.iphone .scr{position:relative;border-radius:calc(var(--w)*.13);overflow:hidden;aspect-ratio:var(--ar,777/1680);background:#efeee9;transform:translateZ(.6px)}.iphone .scr img{display:block;width:100%;height:100%;max-height:none!important;object-fit:cover;object-position:top}.iphone .isl{position:absolute;top:1.9%;left:50%;width:30%;height:3.4%;transform:translate(-50%);border-radius:99px;background:#050606;box-shadow:inset 0 0 0 1px #ffffff0d}.iphone .glare{position:absolute;inset:-50%;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.34) 47%,rgba(255,255,255,.08) 52%,transparent 60%);transform:translate(var(--gx,-30%));pointer-events:none}.iphone .ovl{position:absolute;inset:var(--bz);transform:translateZ(1.4px);pointer-events:none}.iphone .hl{position:absolute;left:calc(var(--l,0%) - 24px);top:calc(var(--t,0%) - 12px);width:calc(var(--wd,0%) + 48px);height:calc(var(--h,0%) + 24px);border:2px solid var(--accent);border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent),0 0 30px color-mix(in srgb,var(--accent) 55%,transparent);opacity:0;transform:scale(1.06);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1),top .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1),left .5s cubic-bezier(.2,.8,.2,1),width .5s cubic-bezier(.2,.8,.2,1)}.iphone .hl.on{opacity:1;transform:none}.iphone .pdot{position:absolute;left:var(--l);top:var(--t);width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;display:grid;place-items:center;font:700 11px/1 var(--mono);color:#e9f5ef;border-radius:50%;border:2px solid var(--accent);background:#0b1110;cursor:pointer;pointer-events:auto;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}.iphone .pdot:before{content:"";position:absolute;inset:-14px;border-radius:50%}.iphone .pdot:after,.note .dot:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent);opacity:0;animation:reson 2.2s cubic-bezier(.2,.6,.3,1) infinite;animation-delay:calc(var(--d,0)*1ms + 1.2s);pointer-events:none}.iphone .pdot.on{background:var(--accent);color:#06130d}.spin>.iphone .pdot{width:30px;height:30px;margin:-15px 0 0 -15px;font-size:14px}.rk-host .iphone .pdot{width:46px;height:46px;margin:-23px 0 0 -23px;font-size:21px;border-width:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 28%,transparent),0 6px 16px #00000059}.rk-host .iphone .pdot:after{border-width:3px}.iphone .pdot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.exec .shot.spin{position:relative;padding:0;border:0;background:none;overflow:visible}.spin .rk-host{display:none;width:100%;aspect-ratio:700/1000}@media (min-width:1001px){.exec:has(>.shot.spin){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.exec .spin .rk-host{width:124%;margin:-10% -12% -8%}.exec .spin>.iphone{--w:clamp(240px,24vw,300px)}}.spin.rk .rk-host{display:block}.spin.rk>.iphone,.spin.rk>.floor{display:none}.spin>.iphone{--w:clamp(200px,21vw,250px);margin:32px auto 56px}.spin .floor,.duo .floor,.rfloor{position:absolute;left:50%;bottom:4%;width:46%;height:28px;margin-left:-23%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(8px);pointer-events:none}.rfloor{bottom:3%}.annos li[data-hl]{cursor:pointer;outline:none}.annos li[data-hl].act,.annos li[data-hl]:focus-visible,.annos li[data-hl]:hover{border-color:var(--accent);transform:translate(-4px);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.annos li[data-hl].act:before{background:var(--accent)}.annos.num{counter-reset:an}.annos.num li{counter-increment:an}.annos.num li:before{content:counter(an);width:22px;height:22px;margin:1px 0 0 3px;display:grid;place-items:center;font:700 .72rem/1 var(--mono);color:var(--accent);background:var(--bg)}.annos.num li[data-hl].act:before{color:var(--accent-ink);background:var(--accent)}.case .hero-img.p3d,.exec .shot.p3d{position:relative;background:none;border:0;padding:clamp(20px,3vw,32px) 0 clamp(44px,5vw,60px);min-height:0;perspective:1400px;display:grid;place-items:center}.p3d .sw{transform-style:preserve-3d;transform:translateZ(0) rotateX(8deg) rotateY(-18deg) rotate(-3deg)}.p3d:not(.go) .sw{opacity:0}.p3d .hov{transform-style:preserve-3d}.p3d.landed .hov{animation:hover3d var(--hv,5.5s) ease-in-out infinite}@keyframes hover3d{50%{transform:translateY(var(--hy,-16px))}}.iphone .scr .bf{position:absolute;inset:0;z-index:1;clip-path:inset(0 calc(100% - var(--x,0%)) 0 0)}.iphone .ba{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s;touch-action:pan-y;-webkit-user-select:none;user-select:none}.p3d.ba-on .ba{opacity:1;pointer-events:auto;cursor:ew-resize}.ba-line{position:absolute;top:0;bottom:0;left:var(--x,0%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #0000001f,0 0 14px #00000059}.ba-knob{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;color:#0b1110;display:grid;place-items:center;box-shadow:0 6px 18px #00000059;transition:transform .25s}.ba:active .ba-knob{transform:scale(1.1)}.ba:focus-within .ba-knob{outline:2px solid var(--accent);outline-offset:3px}.ba-range{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}.exec .shot.duo{position:relative;padding:clamp(24px,3vw,40px) 0 clamp(52px,5vw,68px);border:0;background:none;overflow:visible;perspective:1500px}.duo-st{position:relative;display:grid;place-items:center;width:100%;transform-style:preserve-3d;pointer-events:none}.duo .iphone{--w:clamp(160px,14vw,196px);grid-area:1/1;will-change:transform;pointer-events:auto;cursor:pointer}.duo .iphone .scr:after{content:"";position:absolute;inset:0;z-index:2;background:#0b1110;opacity:var(--dim,0);pointer-events:none}.duo .iphone .pdot{width:28px;height:28px;margin:-14px 0 0 -14px;font-size:13px}.p3d .iphone{--w:clamp(180px,18vw,230px)}.p3d .pfl{position:absolute;left:50%;bottom:clamp(8px,1.5vw,16px);width:min(46%,200px);height:24px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);filter:blur(6px);opacity:0;transition:opacity 1.2s}.p3d.go .pfl{opacity:1}.p3d.landed .pfl{animation:pflBob 5.5s ease-in-out infinite}@keyframes pflBob{50%{transform:translate(-50%) scale(.84);opacity:.65}}@media (prefers-reduced-motion:reduce){.p3d.landed .hov,.p3d.landed .pfl{animation:none}}.case .hero-img.levitate{position:relative;padding-bottom:clamp(28px,4vw,44px)}.case .hero-img.levitate img{position:relative;z-index:1;animation:fadeUp .8s .15s both,levitate 6s 1s ease-in-out infinite}.case .hero-img.levitate:after{content:"";position:absolute;left:28%;right:28%;bottom:clamp(10px,2vw,18px);height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);animation:levShadow 6s 1s ease-in-out infinite}@keyframes levitate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(-1.2deg)}}@keyframes levShadow{50%{transform:scaleX(.72);opacity:.5}}dialog.sdl{width:min(430px,100%);max-width:100%;max-height:100%;height:100%;margin:0 auto;padding:0;border:0;background:color-mix(in srgb,var(--bg) 94%,transparent);color:var(--fg);overflow:hidden}dialog.sdl::backdrop{background:#050a0899;backdrop-filter:blur(6px)}dialog.sdl[open]{animation:fadeIn2 .35s}@media (min-width:600px){dialog.sdl{height:min(820px,calc(100% - 32px));margin:auto;border-radius:28px;border:1px solid var(--line)}}.sdl .in{position:relative;height:100%;display:flex;flex-direction:column;padding:20px}.sdl .top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:44px 0 16px}.sdl .top .t{font:500 .78rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sdl .x{border-radius:50%}.sdl .card{position:relative;flex:none;height:min(400px,52vh);border-radius:22px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.sdl .card .iphone{position:absolute;left:50%;top:0;transform:translate(-50%);transition:top .7s cubic-bezier(.2,.8,.2,1)}.sdl .line{position:absolute;width:2px;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent);transform-origin:50% 0;transition:left .5s cubic-bezier(.2,.8,.2,1),top .5s cubic-bezier(.2,.8,.2,1),height .5s}.sdl .co{position:relative;z-index:2;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;margin:-140px 2px 0;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px #00000059;font-size:1.15rem;line-height:1.5}.sdl .co:before{content:"";width:12px;height:12px;margin:7px 0 0 6px;border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.sdl .co.show{animation:fadeUp .55s cubic-bezier(.2,.8,.2,1) both}.sdl .pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:auto;padding-top:20px}.sdl .pager span{font:500 .8rem/1 var(--mono);color:var(--muted);min-width:4em;text-align:center}@media (max-width:1000px){.hero .wrap,.now .wrap{grid-template-columns:minmax(0,1fr)}.showcase{max-width:620px;width:100%;justify-self:center}.ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills,.facts,.case .intro,.exec{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.nav-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;padding:12px var(--gutter) 20px;background:var(--bg);border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-btn{display:grid;margin-left:auto}.nav .btn{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.focus-grid,.work-grid,.channels{grid-template-columns:minmax(0,1fr)}.job,.case .blk{grid-template-columns:minmax(0,1fr);gap:8px}.note .lb{font-size:.7rem;max-width:8.5em;padding:5px 7px}}@media (max-width:760px){.marquee{display:grid;gap:14px;padding-block:16px}.marquee .track .b{display:none}.marquee .track{animation-duration:60s}.marquee .t2{display:flex;animation-direction:reverse;animation-duration:54s}}@media (max-width:480px){.ind-grid{grid-template-columns:minmax(0,1fr)}.note .lb{display:none}.note{right:auto;width:12px}.note .ln{display:none}}@media (max-width:480px){.note{pointer-events:auto}.note .dot{width:14px;height:14px}.note .lb{display:block;position:absolute;left:50%;bottom:calc(100% + 12px);max-width:none;white-space:nowrap;font-size:.78rem;padding:7px 11px;opacity:0;animation:none;transform:translate(-50%,8px) scale(.9);transform-origin:50% 100%;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none;box-shadow:0 10px 24px #00000059}.note.peek .lb{opacity:1;transform:translate(-50%) scale(1)}.note.edge .lb{left:auto;right:-10px;transform:translateY(8px) scale(.9);transform-origin:100% 100%}.note.edge.peek .lb{transform:none}}@keyframes reson{0%{transform:scale(1);opacity:.9}75%,to{transform:scale(3.6);opacity:0}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.rv,.rv-l{animation:none!important}.marquee .track{animation:none!important;flex-wrap:wrap;width:auto}}.skip{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none;transition:top .2s}.skip:focus{top:12px}