@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-ext-400-normal-C_uLvvQ5.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-400-normal-Bh0R7Dhr.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-greek-400-normal-C190GLew.woff2)format("woff2"),url(/assets/jetbrains-mono-greek-400-normal-B9oWc5Lo.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-vietnamese-400-normal-ByoDsISC.woff2)format("woff2"),url(/assets/jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#121317;--surface:#191b1f;--surface-2:#202227;--line:#2a2c32;--line-strong:#3a3c43;--text:#f2f2f2;--text-2:#bec0c6;--text-muted:#94979e;--text-faint:#6b6e75;--accent:#f8f53a;--accent-hover:#fbf97a;--on-accent:#121317;--ok:#4ade80;--guide:#ff5a36;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-display:clamp(48px, 7vw, 104px);--fs-h2:clamp(32px, 4vw, 56px);--fs-h3:clamp(22px, 2.2vw, 32px);--fs-lead:18px;--fs-body:16px;--fs-small:14px;--fs-meta:13px;--fs-label:12px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:40px;--s-8:48px;--s-9:64px;--s-10:96px;--s-11:120px;--container:1240px;--gutter:40px;--nav-h:64px;--r-chip:6px;--r-input:10px;--r-card:16px;--r-feature:20px;--r-pill:999px;--dur-fast:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (width<=767px){:root{--gutter:16px;--s-11:48px;--fs-display:44px;--fs-h2:34px;--fs-h3:20px;--fs-lead:16px;--fs-body:15px;--fs-label:11px}}*,:before,:after{box-sizing:border-box}*{margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:var(--nav-h);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55;overflow-x:clip}img,svg,video{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:500}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--bg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--s-11);border-top:1px solid var(--line)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);line-height:1.4}.h2{font-size:var(--fs-h2);letter-spacing:-.02em;line-height:1.05}.h3{font-size:var(--fs-h3);line-height:1.1}.lead{font-size:var(--fs-lead);color:var(--text-2);line-height:1.55}.muted{color:var(--text-muted)}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4) var(--s-6);margin-bottom:var(--s-8);flex-wrap:wrap;display:flex}.section-head .eyebrow{margin-bottom:var(--s-4)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--s-4);z-index:100;padding:var(--s-3) var(--s-4);background:var(--text);color:var(--bg);border-radius:var(--r-pill);font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:var(--s-4)}.link-arrow{align-items:center;gap:var(--s-2);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);transition:text-decoration-color var(--dur-fast);font-weight:500;display:inline-flex}.link-arrow:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.link-arrow svg{transition:transform var(--dur-fast) var(--ease-out)}.link-arrow:hover svg{transform:translate(4px)}.js [data-static]{visibility:hidden}main:focus{outline:none}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-pill);min-height:48px;font-size:var(--fs-body);transition:background-color var(--dur-fast), border-color var(--dur-fast), transform .12s;border:1px solid #0000;padding:14px 22px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.6;cursor:progress}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text);border-color:var(--line-strong);background:0 0}.btn-secondary:hover{border-color:var(--text-muted)}.btn-block{width:100%}.nav{z-index:50;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);--ease-in-out-menu:cubic-bezier(.76, 0, .24, 1);position:fixed;inset:0 0 auto}.nav-inner{align-items:center;gap:var(--s-6);height:var(--nav-h);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;margin-right:auto;font-size:20px;font-weight:500;text-decoration:none}.nav-links{gap:var(--s-6);padding:0;list-style:none;display:flex}.nav-link{font-size:var(--fs-small);padding-block:var(--s-2);transition:background-size var(--dur-fast) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}.nav-link:hover{background-size:100% 1px}.nav-link[aria-current]{background-image:linear-gradient(var(--accent), var(--accent));background-size:100% 2px}.status{align-items:center;gap:var(--s-2);font-size:var(--fs-meta);color:var(--text-muted);white-space:nowrap;display:inline-flex}.status-dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 18%, transparent);border-radius:50%}.nav-toggle{border-radius:var(--r-input);background:0 0;border:0;place-items:center;width:44px;height:44px;margin-right:-10px;display:none}.nav-toggle-icon{width:22px;height:14px;position:relative}.nav-toggle-icon span{width:100%;height:2px;transition:transform .45s var(--ease-in-out-menu), top .45s var(--ease-in-out-menu);background:currentColor;border-radius:2px;position:absolute;left:0}.nav-toggle-icon span:first-child{top:2px}.nav-toggle-icon span:last-child{top:10px}.nav-toggle[aria-expanded=true] .nav-toggle-icon span{top:6px}.nav-toggle[aria-expanded=true] .nav-toggle-icon span:first-child{transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-icon span:last-child{transform:rotate(-45deg)}.nav-menu-foot{display:none}@media (width<=767px){.nav{transition:background-color .4s}.nav:has(.nav-menu.is-open){background:var(--bg)}.nav-toggle{display:grid}.nav-status{display:none}.nav-menu{height:calc(100dvh - var(--nav-h));padding:var(--s-6) var(--gutter) var(--s-8);background:var(--bg);visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path .5s var(--ease-in-out-menu) .12s, visibility 0s linear .62s;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.nav-menu.is-open{visibility:visible;clip-path:inset(0);transition:clip-path .65s var(--ease-in-out-menu), visibility 0s}.nav-links{flex-direction:column;gap:0}.nav-links li,.nav-menu-foot{opacity:0;transition:opacity .25s ease, transform .35s var(--ease-in-out-menu);transform:translateY(28px)}.nav-menu.is-open :is(.nav-links li,.nav-menu-foot){opacity:1;transition:opacity .5s ease calc(.22s + var(--i) * 60ms), transform .7s var(--ease-out) calc(.22s + var(--i) * 60ms);transform:none}.nav-links li{border-bottom:1px solid var(--line)}.nav-link{padding-block:var(--s-4);font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;display:block}.nav-link[aria-current]{color:var(--accent);background-size:0 0}.nav-menu-foot{gap:var(--s-4);padding-top:var(--s-8);flex-direction:column;margin-top:auto;display:flex}.nav-menu-socials{gap:var(--s-5);padding:0;list-style:none;display:flex}.nav-menu-socials a{color:var(--text-muted);text-decoration:none}.nav-menu-socials a:hover{color:var(--text)}}:root.menu-open{overflow:hidden}.hero{padding-top:calc(var(--nav-h) + var(--s-10));padding-bottom:var(--s-8);flex-direction:column;justify-content:center;min-height:100svh;display:flex}.hero-inner{align-items:flex-end;gap:var(--s-9);flex-wrap:wrap;display:flex}.hero-copy{flex:560px;min-width:0}.hero-copy>.eyebrow{margin-bottom:var(--s-6)}.hero-title{font-size:var(--fs-display);letter-spacing:-.035em;margin-bottom:var(--s-6);max-width:12ch;line-height:.98}.hero-intro{max-width:56ch;margin-bottom:var(--s-6)}.hero-ctas{gap:var(--s-3);flex-wrap:wrap;display:flex}.hero-visual{transform-origin:50% 100%;flex:360px;max-width:480px;text-decoration:none}.frame{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.frame-bar{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);gap:6px;display:flex}.frame-bar span{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.frame img{aspect-ratio:5/4;object-fit:cover;width:100%}.hero-visual-caption{margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);display:block}.hero-visual:hover .hero-visual-caption{color:var(--text)}.scroll-cue{align-items:center;gap:var(--s-3);margin-top:var(--s-9);font-size:var(--fs-meta);color:var(--text-muted);text-decoration:none;display:inline-flex}.scroll-cue-track{background:var(--line);width:1px;height:40px;overflow:hidden}.scroll-cue-line{background:var(--text-muted);transform-origin:50% 0;width:100%;height:100%;display:block}:is(.motion-on span:has(>[data-char]),.motion-on span:has(>[data-word]),.motion-on span:has(>[data-line])){overflow-clip-margin:.08em;overflow:clip}.hero-title,.contact-title{font-kerning:normal}@media (width<=767px){.hero{padding-top:calc(var(--nav-h) + var(--s-6));min-height:auto}.hero-inner{gap:var(--s-6)}.hero-copy>.eyebrow{margin-bottom:var(--s-4)}.hero-title{max-width:none;margin-bottom:var(--s-5);font-size:min(var(--fs-display), 10.2vw)}.hero-intro{margin-bottom:var(--s-5)}.hero-visual{max-width:none}.scroll-cue{display:none}}.marquee{border-top:1px solid var(--line);padding-block:var(--s-6);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{width:max-content;animation:40s linear infinite marquee;display:flex}.marquee-list{gap:var(--s-9);padding-right:var(--s-9);padding-left:0;list-style:none;display:flex}.marquee-list li{font-family:var(--font-display);color:var(--text-faint);white-space:nowrap;font-size:28px}@keyframes marquee{to{transform:translate(-50%)}}.tags{gap:var(--s-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag{font-family:var(--font-mono);font-size:var(--fs-label);padding:6px var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text-2)}.featured{align-items:center;gap:var(--s-7);padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-feature);flex-wrap:wrap;display:flex}.featured-media{border-radius:var(--r-card);background:var(--surface-2);flex:3 420px;display:block;overflow:hidden}.featured-media-inner{overflow:hidden}.featured-media img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .6s var(--ease-out)}.featured:hover .featured-media img{transform:scale(1.03)}.featured-copy{gap:var(--s-4);flex-direction:column;flex:2 300px;display:flex}.featured-title{letter-spacing:-.01em;font-size:clamp(26px,2.6vw,36px);line-height:1.1}.featured-summary{color:var(--text-2)}@media (width<=767px){.featured{padding:var(--s-4);gap:var(--s-5)}}.project-card-link{gap:var(--s-3);flex-direction:column;text-decoration:none;display:flex}.project-card-media{border-radius:var(--r-card);background:var(--surface-2);border:1px solid var(--line);margin-bottom:var(--s-2);overflow:hidden}.project-card-media img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .6s var(--ease-out)}.project-card-title{align-items:center;gap:var(--s-2);display:flex}.project-card-title svg{transition:transform var(--dur-fast) var(--ease-out);color:var(--text-muted)}.project-card-meta{font-size:var(--fs-small);color:var(--text-muted)}.project-card-link:hover img{transform:scale(1.03)}.project-card-link:hover .project-card-title svg{color:var(--text);transform:translate(4px,-4px)}.gallery{padding-bottom:var(--s-11)}.gallery-head{margin-bottom:var(--s-6);justify-content:space-between;display:flex}.gallery-track{gap:var(--s-5);scroll-snap-type:x mandatory;padding-inline:max(var(--gutter), calc((100vw - var(--container)) / 2));padding-bottom:var(--s-4);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;display:flex;overflow-x:auto}.gallery-card{scroll-snap-align:start;flex:0 0 min(72vw,640px)}.gallery-cta{flex:0 0 min(60vw,420px);display:flex}.gallery-cta-link{justify-content:flex-end;gap:var(--s-4);padding:var(--s-6);aspect-ratio:4/5;border:1px dashed var(--line-strong);border-radius:var(--r-card);max-height:440px;transition:border-color var(--dur-fast), background-color var(--dur-fast);flex-direction:column;flex:1;text-decoration:none;display:flex}.gallery-cta-link:hover{border-color:var(--text-muted);background:var(--surface)}.gallery-cta-link .link-arrow{margin-top:var(--s-2)}.gallery.is-pinned{padding-bottom:0}.gallery.is-pinned .gallery-sticky{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.gallery.is-pinned .gallery-track{scroll-snap-type:none;will-change:transform;overflow:visible}@media (width<=767px){.gallery-track{padding-inline:var(--gutter);gap:var(--s-8);flex-direction:column;overflow:visible}.gallery-card,.gallery-cta{flex-basis:auto}.gallery-cta-link{aspect-ratio:auto;min-height:220px}.gallery-counter{display:none}}.about-inner{gap:var(--s-9);flex-wrap:wrap;align-items:flex-start;display:flex}.portrait{aspect-ratio:4/5;border-radius:var(--r-card);background:var(--surface-2);border:1px solid var(--line);flex:300px;max-width:400px;overflow:hidden}.portrait img{object-fit:cover;object-position:60% 30%;filter:grayscale(.2)brightness(.92);width:100%;height:calc(100% + 80px);margin-top:-40px}.about-copy{flex:2 480px;min-width:0}.about-copy>.eyebrow{margin-bottom:var(--s-4)}.about-title{margin-bottom:var(--s-6)}.about-copy .lead{margin-bottom:var(--s-8);max-width:62ch}.stats-block{margin-top:var(--s-10);padding-top:var(--s-9);border-top:1px solid var(--line)}.stats-head{margin-bottom:var(--s-8)}.stats-title{letter-spacing:-.02em;margin-bottom:var(--s-3);font-size:clamp(28px,3.2vw,44px);line-height:1.1}.stats{flex-wrap:wrap;padding:0;list-style:none;display:flex}.stat{gap:var(--s-3);padding:var(--s-2) var(--s-6);border-left:1px solid var(--line);flex-direction:column;flex:220px;display:flex}.stat:first-child{border-left:0;padding-left:0}.stat-value{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(48px,5.6vw,84px);font-weight:500;line-height:1}.stat-suffix{color:var(--accent);margin-left:.04em}.stat-label{font-size:var(--fs-small);color:var(--text-muted)}@media (width<=767px){.stats{gap:var(--s-6) 0}.stat{padding:0 var(--s-4);flex-basis:50%}.stat-value{font-size:34px}.stat:nth-child(odd){border-left:0;padding-left:0}.portrait{max-width:none}.portrait img{height:100%;margin-top:0}}.services{gap:var(--s-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.service-card{gap:var(--s-3);padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);transition:border-color var(--dur-fast);flex-direction:column;flex:340px;display:flex}.service-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.service-index{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--accent);margin-bottom:var(--s-2);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast)}.service-card:hover .service-index{color:var(--accent);transform:translate(4px)}.process-list{padding:0 0 0 var(--s-7);gap:var(--s-8);flex-direction:column;max-width:720px;list-style:none;display:flex;position:relative}.process-svg{width:2px;height:100%;position:absolute;top:0;left:0;overflow:visible}.process-svg:before{content:none}.process-list:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:.5px}.process-line{stroke:var(--accent);stroke-width:2px}.process-step{gap:var(--s-3);flex-direction:column;display:flex}.process-step .eyebrow{margin-bottom:var(--s-1)}.faq-inner{gap:var(--s-8) var(--s-9);flex-wrap:wrap;display:flex}.faq-head{flex:280px}.faq-head .eyebrow{margin-bottom:var(--s-4)}.faq-list{border-top:1px solid var(--line);flex:2 520px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{font:inherit}.faq-q button{justify-content:space-between;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-5) 0;text-align:left;font-family:var(--font-display);color:var(--text);background:0 0;border:0;font-size:20px;font-weight:500;display:flex}.faq-q svg{color:var(--text-muted);transition:transform .45s var(--ease-out), color .45s var(--ease-out);flex:none}.faq-item.is-open .faq-q svg{color:var(--accent);transform:rotate(45deg)}.faq-panel{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.65,0,.35,1),visibility 0s linear .55s;display:grid}.faq-item.is-open .faq-panel{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .55s cubic-bezier(.65,0,.35,1),visibility}.faq-panel-inner{min-height:0;overflow:hidden}.faq-panel p{padding-bottom:var(--s-5);opacity:0;max-width:62ch;transition:opacity .3s ease, transform .45s var(--ease-out);transform:translateY(-8px)}.faq-item.is-open .faq-panel p{opacity:1;transition:opacity .45s ease .12s, transform .55s var(--ease-out) 80ms;transform:none}.contact-inner{gap:var(--s-9);flex-wrap:wrap;align-items:flex-start;display:flex}.contact-copy{flex:420px}.contact-copy>.eyebrow{margin-bottom:var(--s-4)}.contact-title{letter-spacing:-.035em;margin-bottom:var(--s-6);font-size:clamp(56px,8vw,112px);line-height:.98}.contact-copy .lead{margin-bottom:var(--s-5);max-width:44ch}.contact-email{text-underline-offset:6px;margin-bottom:var(--s-5);font-size:clamp(20px,2.4vw,28px);display:inline-block}.contact-socials{gap:var(--s-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.contact-socials a{font-size:var(--fs-small);text-underline-offset:4px}.contact-socials a:hover{color:var(--accent)}.form-panel{padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);flex:380px}.form-panel form{gap:var(--s-5);flex-direction:column;display:flex}.field{gap:var(--s-2);flex-direction:column;display:flex}.field label{font-size:var(--fs-small);color:var(--text-2)}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:var(--s-3) var(--s-4);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-input);transition:border-color var(--dur-fast), background-color var(--dur-fast)}.field textarea{resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{background:var(--surface-2)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:1px}.field [aria-invalid=true]{border-color:#f87171}.field-error{font-size:var(--fs-meta);color:#fca5a5}.field-error:before{content:"! ";font-weight:600}.turnstile:empty{display:none}.form-success{gap:var(--s-4);flex-direction:column;align-items:flex-start;display:flex}@media (width<=767px){.form-panel{padding:var(--s-5)}}.footer{border-top:1px solid var(--line);padding-top:var(--s-10);overflow:hidden}.footer-top{justify-content:space-between;align-items:flex-end;gap:var(--s-8);padding-bottom:var(--s-9);flex-wrap:wrap;display:flex}.footer-cta{align-items:flex-start;gap:var(--s-5);flex-direction:column;display:flex}.footer-cta-line{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,3vw,44px);line-height:1.1}.footer-nav{gap:var(--s-10);margin-left:auto;display:flex}.footer-nav .eyebrow{margin-bottom:var(--s-4)}.footer-nav ul{gap:var(--s-2);flex-direction:column;padding:0;list-style:none;display:flex}.footer-nav a{align-items:center;gap:var(--s-1);color:var(--text-2);transition:color var(--dur-fast);text-decoration:none;display:inline-flex}.footer-nav a:hover{color:var(--accent)}.footer-base{justify-content:space-between;gap:var(--s-3);padding-block:var(--s-5);border-top:1px solid var(--line);font-size:var(--fs-meta);color:var(--text-muted);flex-wrap:wrap;display:flex}.footer-top-link{align-items:center;gap:var(--s-1);font-size:var(--fs-meta);color:var(--text-muted);background:0 0;border:0;padding:0;display:inline-flex}.footer-top-link svg{transform:rotate(-45deg)}.footer-top-link:hover{color:var(--text)}.footer-mark-wrap{padding-top:var(--s-6)}.footer-mark{font-family:var(--font-display);letter-spacing:-.055em;white-space:nowrap;-webkit-user-select:none;user-select:none;padding-block:.04em .06em;font-size:min(17.2vw,248px);font-weight:500;line-height:.74;display:flex;overflow:hidden}.footer-mark span span,.footer-mark>span:not(.footer-mark-outline){transition:transform 1.4s var(--ease-out) calc(var(--i) * 90ms);display:inline-block;transform:translateY(105%)}.footer.is-shown .footer-mark span span,.footer.is-shown .footer-mark>span:not(.footer-mark-outline){transform:none}.footer-mark-outline{color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--text) 45%, transparent);display:inline-flex}.footer-mark-dot{color:var(--accent)}@media (width<=767px){.footer-nav{gap:var(--s-8);margin-left:0}.footer-mark-outline{-webkit-text-stroke-width:1px}}.accent-text{color:var(--accent)}:is(.section-head,.about-copy,.faq-head,.contact-copy,.story-intro,.page-head)>.eyebrow,.section-head>div>.eyebrow{align-items:center;gap:var(--s-2);color:var(--accent);display:inline-flex}:is(.section-head,.about-copy,.faq-head,.contact-copy,.story-intro,.page-head)>.eyebrow:before,.section-head>div>.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.featured:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.featured-links{gap:var(--s-3) var(--s-6);flex-wrap:wrap;display:flex}.page{padding-bottom:var(--s-6)}.page-head{padding-top:calc(var(--nav-h) + var(--s-10));padding-bottom:var(--s-8);align-items:flex-start;gap:var(--s-5);flex-direction:column;display:flex}.page-title{letter-spacing:-.035em;max-width:16ch;font-size:clamp(44px,6vw,88px);line-height:1}.back-link{font-size:var(--fs-small);color:var(--text-muted)}.flip{transform:scaleX(-1)}.link-arrow:hover .flip{transform:scaleX(-1)translate(4px)}.work-grid{gap:var(--s-8) var(--s-5);flex-wrap:wrap;display:flex}.work-grid>*{flex:360px}.case-tagline{max-width:48ch}.case-hero{border-radius:var(--r-feature);border:1px solid var(--line);background:var(--surface-2);overflow:hidden}.case-hero img{width:100%}.case-layout{gap:var(--s-8) var(--s-10);padding-block:var(--s-10);flex-wrap:wrap;display:flex}.case-aside{flex:0 240px}.case-aside-inner{top:calc(var(--nav-h) + var(--s-6));gap:var(--s-6);flex-direction:column;display:flex;position:sticky}.case-main{gap:var(--s-10);flex-direction:column;flex:560px;min-width:0;display:flex}.case-meta{gap:var(--s-5);flex-direction:column;display:flex}.case-meta dt{margin-bottom:var(--s-2)}.case-meta dd{font-family:var(--font-display);font-size:17px;line-height:1.5}.case-visit{align-self:flex-start}.case-toc{padding-top:var(--s-5);border-top:1px solid var(--line)}.case-toc .eyebrow{margin-bottom:var(--s-3)}.case-toc ol{flex-direction:column;padding:0;list-style:none;display:flex}.case-toc a{padding:6px 0 6px var(--s-4);border-left:2px solid var(--line);font-size:var(--fs-small);color:var(--text-muted);transition:color var(--dur-fast), border-color var(--dur-fast);text-decoration:none;display:block}.case-toc a:hover{color:var(--text)}.case-toc a[aria-current]{color:var(--text);border-left-color:var(--accent)}.case-section{scroll-margin-top:calc(var(--nav-h) + var(--s-6))}.case-h2{letter-spacing:-.02em;margin-bottom:var(--s-5);font-size:clamp(30px,3vw,44px);line-height:1.1}.case-text{font-size:var(--fs-lead);color:var(--text-2);max-width:68ch;line-height:1.7}.metrics{padding:var(--s-7) 0;border-block:1px solid var(--line);flex-wrap:wrap;list-style:none;display:flex}.metric{gap:var(--s-2);padding:0 var(--s-5);border-left:1px solid var(--line);flex-direction:column;flex:160px;display:flex}.metric:first-child{border-left:0;padding-left:0}.metric-value{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(40px,4.4vw,64px);font-weight:500;line-height:1}.metric-label{font-size:var(--fs-small);color:var(--text-muted)}.case-gallery{gap:var(--s-4);grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.case-gallery li{border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface-2);overflow:hidden}.case-gallery li.is-wide{grid-column:1/-1}.case-gallery img{object-fit:cover;aspect-ratio:4/5;width:100%;height:100%}.case-gallery li.is-wide img{aspect-ratio:16/9}.brand{gap:var(--s-9);flex-direction:column;display:flex}.brand-block-title{margin-bottom:var(--s-5)}.palette{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0;list-style:none;display:grid}.swatch-card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);overflow:hidden}.swatch-fill{border-bottom:1px solid var(--line);height:88px;display:block}.swatch-info{padding:var(--s-4);flex-direction:column;gap:2px;display:flex}.swatch-name{font-family:var(--font-display);font-size:17px}.swatch-hex{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-2);-webkit-text-decoration:underline dotted var(--line-strong);text-decoration:underline dotted var(--line-strong);text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:0}.swatch-hex:hover{color:var(--accent)}.swatch-role{font-size:var(--fs-meta);color:var(--text-muted);margin-top:var(--s-1)}.typefaces{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.typeface{gap:var(--s-3);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);flex-direction:column;display:flex}.typeface-name{font-size:clamp(34px,3.4vw,48px);font-weight:600;line-height:1.05}.typeface-sample{color:var(--text-2);font-size:18px;font-style:italic}.typeface-note{font-size:var(--fs-small);color:var(--text-muted)}.weights{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.weights li{padding:4px var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-pill);font-size:14px}.type-scale{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-card);width:100%;overflow:hidden}.type-scale th,.type-scale td{padding:var(--s-4) var(--s-5);border-top:1px solid var(--line);text-align:left}.type-scale tr:first-child :is(th,td){border-top:0}.type-scale th{width:90px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:400}.type-scale td{font-size:17px}.type-scale-use{color:var(--text-muted);font-size:var(--fs-small)!important;text-align:right!important}.type-scale-size{font-family:var(--font-mono);white-space:nowrap;width:1%;font-size:var(--fs-meta)!important;text-align:right!important}.specimens{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.specimen{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);overflow:hidden}.specimen>.eyebrow{padding:var(--s-4) var(--s-5)}.specimen-stage{min-height:120px;padding:var(--s-5);place-items:center;display:grid}.specimen-note{padding:var(--s-4) var(--s-5);font-size:var(--fs-meta);color:var(--text-muted)}.specimen-button{border-radius:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-block}.specimen-badge{border-radius:var(--r-pill);padding:4px 14px;font-size:14px;font-weight:700;display:inline-block}.radii{gap:var(--s-4);text-align:center;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:0;list-style:none;display:grid}.radii li{flex-direction:column;gap:2px;display:flex}.radius-chip{height:72px;margin-bottom:var(--s-3)}.radius-name{font-family:var(--font-display)}.radius-px{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-2)}.radius-use{font-size:var(--fs-meta);color:var(--text-muted)}.shadows{gap:var(--s-6) var(--s-5);padding:var(--s-7);border-radius:var(--r-card);text-align:center;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));list-style:none;display:grid}.shadows li{flex-direction:column;gap:2px;display:flex}.shadow-card{height:88px;margin-bottom:var(--s-4);border-radius:12px}.shadow-name{font-family:var(--font-display);color:#1c1714}.shadow-use{font-size:var(--fs-meta);color:#5f574f}@media (width<=767px){.case-aside{flex-basis:100%}.case-aside-inner{position:static}.case-toc{display:none}.metric{padding:var(--s-4) 0;border-left:0;border-top:1px solid var(--line);flex-basis:100%}.metric:first-child{border-top:0}.case-gallery{scroll-snap-type:x mandatory;gap:var(--s-3);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}.case-gallery li{scroll-snap-align:start;flex:0 0 82%}.case-gallery li.is-wide img,.case-gallery img{aspect-ratio:4/5}.type-scale-use{display:none}.type-scale th,.type-scale td{padding:var(--s-3) var(--s-2)}.type-scale th{padding-left:var(--s-4)}.type-scale td{font-size:15px}.type-scale-size{padding-right:var(--s-4)!important;font-size:11px!important}}.not-found{justify-content:center;min-height:70vh}.scroll-cue-line{animation:1.4s cubic-bezier(.87,0,.13,1) infinite alternate cue}@keyframes cue{0%{transform:scaleY(0)}to{transform:scaleY(1)}}html.story-active [data-nav]{visibility:hidden;transform:translateY(-100%)!important}html.story-active [data-nav]:has(:focus-visible){visibility:visible;transform:none!important}html:not(.story-active) .vp-nav{visibility:hidden}.story-sticky{flex-direction:column;display:flex}.story:not(.motion-on .story) :is(.story-stage,.device-zoom,.device-cam,.device-tilt,.device,.device-bezel,.device-screen,.vp){display:contents}.story:not(.motion-on .story) .hero{order:-1}.story:not(.motion-on .story) :is(.device-blueprint,.browser-bar,.vp-grid,.vp-cols,.vp-nav,.vp-skel,.vp-audit,.device-neck,.device-foot,.phone,.specs,.story-rail,.story-hint){display:none}.story:not(.motion-on .story) .story-copy{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding:var(--s-11) var(--gutter);border-top:1px solid var(--line);margin-inline:auto}.story:not(.motion-on .story) .story-intro{margin-bottom:var(--s-8);max-width:720px}.story:not(.motion-on .story) .story-steps{gap:var(--s-5);flex-wrap:wrap;display:flex}.story:not(.motion-on .story) .story-step{padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);flex:300px}.story:not(.motion-on .story) .story-step-title{font-size:var(--fs-h3);margin-block:var(--s-3)}.story-intro>.eyebrow{margin-bottom:var(--s-5)}.story-title{letter-spacing:-.035em;margin-bottom:var(--s-6);font-size:clamp(44px,5.4vw,96px);line-height:.98}.story-intro .lead{max-width:42ch}.story-steps{padding:0;list-style:none}.story-step-kicker{gap:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);display:flex}.story-step-kicker span{color:var(--accent)}.story-step-title{font-family:var(--font-display);letter-spacing:-.04em;font-weight:500;line-height:.95}.story-step-body{color:var(--text-2);max-width:34ch}.motion-on .story{--edge:clamp(24px, 5vw, 96px);height:1100vh;position:relative}.motion-on .story-sticky{height:100dvh;display:block;position:sticky;top:0;overflow:hidden}.motion-on .story-stage{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.motion-on .story-copy{z-index:2;pointer-events:none;position:absolute;inset:0}.motion-on .story-intro,.motion-on .story-step{flex-direction:column;justify-content:center;display:flex;position:absolute;inset-block:0}.motion-on .story-intro{left:var(--edge);width:min(44vw,640px)}.motion-on .story-step{gap:var(--s-5);width:min(36vw,580px)}.motion-on .story-step[data-side=left]{left:var(--edge)}.motion-on .story-step[data-side=right]{right:var(--edge)}.motion-on .story-step:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--bg) 45%, transparent);position:absolute;inset:0 -14vw}.motion-on .story-step[data-side=left]:before{left:calc(var(--edge) * -1)}.motion-on .story-step[data-side=right]:before{right:calc(var(--edge) * -1);background:linear-gradient(270deg, var(--bg) 45%, transparent)}.motion-on .story-step-title{font-size:clamp(56px,7.4vw,136px)}.motion-on .story-step-body{font-size:var(--fs-lead)}.story-rail{left:var(--edge);bottom:var(--s-7);align-items:center;gap:var(--s-4);display:flex;position:absolute}.story-rail-count{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;color:var(--text-muted);font-variant-numeric:tabular-nums}.story-rail ol{gap:6px;padding:0;list-style:none;display:flex}.story-rail li{background:var(--line-strong);width:28px;height:2px;transition:background-color var(--dur-fast);border-radius:2px}.story-rail li.is-done{background:var(--text-muted)}.story-rail li.is-active{background:var(--accent)}.story-hint{left:50%;bottom:var(--s-6);align-items:center;gap:var(--s-2);width:48px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);flex-direction:column;margin-left:-24px;font-size:10px;display:flex;position:absolute}.story-hint-mouse{border:1.5px solid var(--line-strong);border-radius:10px;justify-content:center;width:20px;height:30px;padding-top:5px;display:flex}.story-hint-mouse span{background:var(--accent);border-radius:2px;width:2px;height:6px;animation:1.6s cubic-bezier(.65,0,.35,1) infinite wheel}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(10px)}to{opacity:0}}.device-zoom{transform-origin:0 0;perspective:1800px}.device-cam{transform-origin:50%}.device-tilt{transform-style:preserve-3d;position:relative}.device{flex-direction:column;align-items:center;display:flex;position:relative}.device-bezel{padding:var(--pad);border:1px solid var(--line-strong);background:#191b23;border-radius:18px;position:relative;box-shadow:0 60px 120px -40px #000000e6}.browser-bar{width:var(--sw);align-items:center;gap:var(--s-3);height:var(--bar);padding-inline:var(--s-2) var(--s-1);display:flex}.browser-dots{gap:6px;display:flex}.browser-dots span{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.browser-url{min-width:0;height:20px;padding-inline:var(--s-3);border-radius:var(--r-pill);background:var(--bg);color:var(--text-2);font-family:var(--font-mono);white-space:nowrap;flex:0 46%;align-items:center;gap:6px;margin-inline:auto;font-size:11px;display:flex;overflow:hidden}.browser-url-text{text-overflow:ellipsis;overflow:hidden}.browser-caret{background:var(--accent);flex:none;width:1px;height:12px;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.browser-live{color:var(--ok);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.browser-live .status-dot{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent)}.sparks{position:absolute;top:50%;left:3px}.spark{background:var(--ok);border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px}.spark:nth-child(3n){background:var(--accent)}.spark:nth-child(3n+1){background:var(--text)}.device-screen{width:var(--sw);height:var(--sh);background:#06070a;border-radius:6px;position:relative;overflow:hidden}.vp{width:var(--vpw);height:var(--vph);transform:scale(var(--s));transform-origin:0 0;background:var(--bg);position:absolute;top:0;left:0;overflow:hidden}.motion-on .vp .hero{z-index:1;height:100%;min-height:0;position:absolute;inset:0}.motion-on .vp .scroll-cue{display:none}.device-neck{width:calc(var(--sw) * .1);height:calc(var(--sw) * .11);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);background:linear-gradient(#0009 0%,#0000 30%),linear-gradient(90deg,#18191d 0%,#2b2d33 20%,#393b42 46%,#30323a 60%,#22242a 82%,#18191d 100%);margin-top:-1px}.device-foot{width:calc(var(--sw) * .3);height:calc(var(--sw) * .03);border-radius:calc(var(--sw) * .012);background:linear-gradient(#3a3c43 0%,#2c2e34 40%,#222329 100%);margin-top:-2px;position:relative;box-shadow:inset 0 1px #ffffff17,0 2px #17181c,0 3px #0c0d10}.device-foot:after{content:"";z-index:-1;background:radial-gradient(closest-side,#000000a6,#0000);border-radius:50%;height:16px;position:absolute;bottom:-12px;left:4%;right:4%}.device-blueprint{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0 0 auto}.bp-screen{width:calc(var(--sw) + var(--pad) * 2 + 2px);height:calc(var(--sh) + var(--bar) + var(--pad) * 2 + 2px);border:1.5px dashed color-mix(in srgb, var(--guide) 45%, var(--line-strong));background-image:linear-gradient(color-mix(in srgb, var(--guide) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--guide) 14%, transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:40px 40px;border-radius:18px;position:relative}.bp-label{top:calc(100% + var(--s-3));font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-faint);font-size:11px;position:absolute;left:0}.vp-grid{background-image:linear-gradient(color-mix(in srgb, var(--guide) 16%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--guide) 16%, transparent) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0}.vp-cols{pointer-events:none;gap:24px;display:flex;position:absolute;inset:0}.vp-cols span{background:color-mix(in srgb, var(--guide) 10%, transparent);border-inline:1px solid color-mix(in srgb, var(--guide) 30%, transparent);transform-origin:50% 0;flex:1}.vp-nav{z-index:2;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 85%, transparent);position:absolute;inset:0 0 auto}.vp-nav .nav-inner{height:var(--nav-h)}.vp-nav .nav-links{display:flex}.vp-skel{z-index:2;pointer-events:none;position:absolute;inset:0}.skel{border:2px dashed var(--line-strong);transform-origin:0;background:linear-gradient(var(--fill,transparent), var(--fill,transparent)) no-repeat 0 0 / 0% 100%;background-origin:border-box;background-clip:border-box;border-radius:8px;display:block;position:absolute}.skel-eyebrow{--fill:#f8f53a;border-radius:4px}.skel-title .skel{--fill:#f2f2f2;border-radius:12px}.skel-title .skel-accent,.skel-btn-primary{--fill:#f8f53a}.skel-text .skel{--fill:#94979e;border-width:1.5px;border-radius:4px}.skel-btn{--fill:var(--bg);border-radius:var(--r-pill)}.skel-btn-primary{--fill:#f8f53a}.skel-visual{--fill:#202227;border-radius:var(--r-card)}.vp-audit{z-index:3;width:420px;padding:var(--s-6);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-card);transform-origin:100% 100%;font-size:22px;position:absolute;bottom:10%;right:6%;box-shadow:0 30px 60px -20px #000000b3}.vp-audit-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s-4);font-size:13px}.vp-audit-row{align-items:center;gap:var(--s-4);padding-block:var(--s-3);display:flex}.vp-audit-row+.vp-audit-row{border-top:1px solid var(--line)}.vp-audit-pass{color:var(--ok);margin-left:auto;font-size:16px}.vp-ring{flex:none;width:48px;height:48px}.vp-ring circle,.vp-ring path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.vp-ring-track{stroke:var(--line-strong)}.vp-ring-fill{stroke:var(--ok);transform-origin:50%;transform:rotate(-90deg)}.vp-ring-check{stroke:var(--ok)}.specs{pointer-events:none;position:absolute;top:46%;left:50%}.spec{padding:var(--s-4);background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);white-space:nowrap;border-radius:14px;position:absolute;translate:-50% -50%;box-shadow:0 30px 60px -20px #000000d9}.spec *{white-space:nowrap}.spec-type{width:210px}.spec-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s-3);font-size:10px}.spec-chips{gap:var(--s-3);padding:0;list-style:none;display:flex}.spec-chips li{flex-direction:column;gap:3px;display:flex}.spec-chip{border:1px solid var(--line-strong);border-radius:8px;width:44px;height:44px;margin-bottom:4px}.spec-hex{font-family:var(--font-mono);color:var(--text-2);font-size:9px}.spec-name{color:var(--text-faint);font-size:9px}.spec-aa{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--s-3);font-size:56px;font-weight:500;line-height:1}.spec-font{font-family:var(--font-display);color:var(--text);font-size:13px}.spec-font span{font-family:var(--font-mono);color:var(--text-muted);margin-left:6px;font-size:9px}.spec-font-body{font-family:var(--font-body);margin-top:2px}.spec-btns{gap:var(--s-2);display:flex}.spec-btns .btn{min-height:0;padding:8px 14px;font-size:12px}.paint-drop{border:2px solid #ffffff2e;border-radius:50%;width:20px;height:20px;position:absolute;top:-10px;left:-10px;box-shadow:0 10px 24px -6px #000000e6}.phone{z-index:3;right:calc(var(--sw) * -.12);bottom:calc(var(--sw) * .02);width:calc(var(--sw) * .22);aspect-ratio:9/19;border:1px solid var(--line-strong);background:#191b23;border-radius:22px;padding:6px;position:absolute;box-shadow:0 30px 60px -20px #000c}.phone-screen{background:var(--bg);border-radius:16px;height:100%;position:relative;overflow:hidden}.pm{width:375px;transform:scale(var(--ps,.5));transform-origin:0 0;font-size:15px;position:absolute;top:0;left:0}.pm-nav{height:var(--nav-h);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-inline:16px;display:flex}.pm-nav .brand{font-size:20px}.pm-menu{flex-direction:column;gap:5px;width:22px;display:flex}.pm-menu span{background:var(--text);border-radius:2px;height:2px}.pm-hero{padding:48px 16px 0}.pm-hero .eyebrow{margin-bottom:24px;font-size:11px}.pm-title{font-family:var(--font-display);letter-spacing:-.035em;margin-bottom:24px;font-size:44px;font-weight:500;line-height:.98}.pm-intro{color:var(--text-2);margin-bottom:24px;font-size:16px;line-height:1.55}.pm-ctas{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.pm-visual img{aspect-ratio:5/4;object-fit:cover;width:100%}.motion-on .story.is-phone .story-stage{inset:0 0 var(--copy-room,40%) 0;padding-top:var(--s-5);align-items:start}.motion-on .story.is-phone :is(.story-intro,.story-step){inset:auto var(--gutter) calc(var(--s-9) + var(--s-4));justify-content:flex-end;gap:var(--s-3);width:auto}.motion-on .story.is-phone .story-title{margin-bottom:var(--s-1);font-size:34px;line-height:1.02}.motion-on .story.is-phone .story-intro .lead{font-size:15px;line-height:1.5}.motion-on .story.is-phone .story-intro>.eyebrow{margin-bottom:var(--s-1)}.motion-on .story.is-phone .story-step-title{font-size:44px}.motion-on .story.is-phone .story-step-body{font-size:15px}.motion-on .story.is-phone .story-rail{bottom:var(--s-5);left:var(--gutter)}.motion-on .story.is-phone .story-rail li{width:18px}.motion-on .story.is-phone .story-hint{bottom:var(--s-4);left:auto;right:var(--gutter);margin:0}.motion-on .story.is-phone .story-step:before{content:"";z-index:-1;inset:-24px calc(var(--gutter) * -1) -200px;background:linear-gradient(transparent, var(--bg) 24px);position:absolute}.story.is-phone .device-bezel{border-radius:28px}.story.is-phone .device-screen{border-radius:18px}.story.is-phone .bp-screen{border-radius:28px}.story.is-phone :is(.device-neck,.device-foot,.bp-label,.phone,.browser-dots,.browser-live){display:none}.story.is-phone .browser-url{flex-basis:86%;height:16px;font-size:10px}.story.is-phone .vp-audit{width:auto;bottom:6%;left:5%;right:5%}.story.is-phone .spec{padding:var(--s-3);border-radius:10px}.story.is-phone .spec-type{width:150px}.story.is-phone .spec-font span{display:none}.story.is-phone .spec-chip{border-radius:6px;width:26px;height:26px}.story.is-phone :is(.spec-hex,.spec-name){display:none}.story.is-phone .spec-aa{margin-bottom:var(--s-2);font-size:34px}.motion-on .story.is-phone .vp .hero{padding-bottom:var(--s-6);justify-content:flex-start}.motion-on .story.is-phone .vp .hero-inner{align-items:stretch;gap:var(--s-6);flex-flow:column;flex:1;min-height:0}.motion-on .story.is-phone .vp .hero-copy{flex:none}.motion-on .story.is-phone .vp .hero-visual{flex-direction:column;flex:1 1 0;min-height:0;max-height:340px;display:flex}.motion-on .story.is-phone .vp .frame{flex-direction:column;flex:1;min-height:0;display:flex}.motion-on .story.is-phone .vp .frame img{aspect-ratio:auto;object-position:50% 0;flex:1;min-height:0}.motion-on .story.hero-no-caption .vp .hero-visual-caption,.motion-on .story.hero-no-visual .vp .hero-visual,.story.is-phone .vp-nav .nav-links,.story.is-phone .vp-nav .status{display:none}
