@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");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:#050608;--bg-2:#0a0c11;--surface:rgba(var(--fg-rgb), .035);--surface-2:rgba(var(--fg-rgb), .06);--hairline:rgba(var(--fg-rgb), .08);--hairline-2:rgba(var(--fg-rgb), .14);--text:#edeff3;--muted:#8d95a7;--dim:#7a8295;--cyan:#7cf4ff;--violet:#9d7bff;--hot:#ff6b35;--ok:#6ef2a7;--err:#ff7a7a;--grad:linear-gradient(115deg, var(--cyan), var(--violet) 55%, var(--hot));--font:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, "SFMono-Regular", monospace;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--radius:2rem;--gutter:clamp(1rem, 4vw, 3rem);--section:clamp(6rem, 14vw, 11rem);--header-h:4.25rem;--fg-rgb:255, 255, 255;--bg-rgb:5, 6, 8;--cyan-rgb:124, 244, 255;--violet-rgb:157, 123, 255;--panel:#0b0d12;--body:#c3c8d3;--grain:.045;--shadow:#000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f3f2ee;--bg-2:#e9e8e3;--text:#0b0d12;--muted:#4f5666;--dim:#5f6574;--cyan:#007488;--violet:#6a46f5;--hot:#c2410c;--ok:#0f7a48;--err:#c73636;--fg-rgb:11, 13, 18;--bg-rgb:243, 242, 238;--cyan-rgb:0, 116, 136;--violet-rgb:106, 70, 245;--panel:#fbfaf7;--body:#333a47;--grain:.03;--shadow:#181c3047;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .bezel{background:#ffffff80}:root[data-theme=light] .bezel-core{box-shadow:inset 0 1px 0 #fff, 0 30px 60px -40px var(--shadow);background:linear-gradient(#fff,#ffffffb8)}:root[data-theme=light] .bento-d .bezel-core{background:radial-gradient(120% 120% at 100% 0%, rgba(var(--violet-rgb), .12), transparent 55%), #fff}:root[data-theme=light] .quote-featured .bezel-core{background:radial-gradient(120% 100% at 50% 0%, rgba(var(--cyan-rgb), .1), transparent 60%), #fff}:root[data-theme=light] .insight:hover{background:#fff}:root[data-theme=light] .glare{mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), #ffffffb3, transparent 55%)}:root[data-theme=light] .marquee{background:rgba(var(--bg-rgb), .7)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{transition:background-color .6s var(--ease), color .6s var(--ease);background:var(--bg);color:var(--text);font-family:var(--font);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.6;overflow-x:clip}body.menu-open{overflow:hidden}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:500;line-height:1.02}p{text-wrap:pretty;margin:0}em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}::selection{background:rgba(var(--cyan-rgb), .28);color:var(--text)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.container{width:min(1320px,100%);padding-inline:var(--gutter);margin-inline-start:auto;margin-inline-end:auto}.section{padding-block:var(--section);position:relative}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--text);color:var(--bg);transition:top .4s var(--ease);border-radius:999px;padding:.75rem 1.1rem;font-weight:600;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.grain{z-index:60;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:-50%;bottom:-50%;left:-50%;right:-50%}.eyebrow{border:1px solid var(--hairline-2);background:var(--surface);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;gap:.6rem;margin-bottom:1.6rem;padding:.35rem .85rem;font-size:.68rem;display:inline-flex}.eyebrow:before{content:"";background:var(--grad);width:6px;height:6px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.hero-eyebrow:before{display:none}.pulse{background:var(--ok);border-radius:50%;width:7px;height:7px;position:relative}.pulse:after{content:"";border:1px solid var(--ok);animation:pulse 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}@keyframes pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}h2{font-size:clamp(2.3rem,1.2rem + 3.6vw,4.6rem)}.large-copy{color:var(--text);letter-spacing:-.015em;font-size:clamp(1.2rem,1rem + .8vw,1.6rem);line-height:1.4}.index{font-family:var(--mono);letter-spacing:.15em;color:var(--dim);font-size:.72rem}.kicker{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-size:.68rem}.text-link{color:var(--cyan);transition:color .4s var(--ease);border-bottom:1px solid}.text-link:hover{color:var(--text)}.section-head{grid-template-columns:1.7fr 1fr;align-items:end;gap:2rem 4rem;margin-bottom:clamp(3rem,6vw,5.5rem);display:grid}.section-head>p{color:var(--muted);max-width:34rem}.section-head.centered{text-align:center;grid-template-columns:1fr;justify-items:center}.button{letter-spacing:-.01em;min-height:3.4rem;transition:transform .6s var(--ease), background .6s var(--ease), box-shadow .6s var(--ease), color .6s var(--ease);border-radius:999px;align-items:center;gap:.9rem;padding:.4rem .45rem .4rem 1.6rem;font-weight:500;display:inline-flex;position:relative}.button:active{transform:scale(.98)}.button>i{width:2.6rem;height:2.6rem;transition:transform .6s var(--ease);border-radius:50%;place-items:center;font-style:normal;display:grid}.button:hover>i{transform:translate(3px,-2px)scale(1.06)}.button-primary{background:var(--text);color:var(--bg);box-shadow:0 0 0 1px rgba(var(--fg-rgb), .2), 0 20px 60px -20px rgba(var(--cyan-rgb), .55)}.button-primary>i{background:var(--bg);color:var(--text)}.button-primary:hover{box-shadow:0 0 0 1px rgba(var(--fg-rgb), .4), 0 24px 80px -16px rgba(var(--violet-rgb), .75)}.button-ghost{border:1px solid var(--hairline-2);background:rgba(var(--fg-rgb), .02);padding-right:1.6rem}.button-ghost:hover{background:var(--surface-2);border-color:rgba(var(--fg-rgb), .28)}.bezel{border-radius:var(--radius);background:rgba(var(--fg-rgb), .025);border:1px solid var(--hairline);padding:.4rem}.bezel-core{border-radius:calc(var(--radius) - .4rem);background:linear-gradient(180deg, rgba(var(--fg-rgb), .045), rgba(var(--fg-rgb), .012));height:100%;box-shadow:inset 0 1px 0 rgba(var(--fg-rgb), .07);padding:clamp(1.4rem,2.5vw,2.2rem);position:relative}.spotlight{isolation:isolate;position:relative}.spotlight:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(var(--cyan-rgb), .12), transparent 60%);transition:opacity .6s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}.spotlight:hover:after{opacity:1}.chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--hairline);color:var(--muted);border-radius:999px;padding:.28rem .7rem;font-size:.75rem}.js .reveal{opacity:0;filter:blur(10px);transition:opacity 1.1s var(--ease-out), transform 1.1s var(--ease-out), filter 1.1s var(--ease-out);transform:translateY(3rem)}.js .reveal.visible{opacity:1;filter:none;transform:none}.principles .reveal:nth-child(2),.stats-grid .reveal:nth-child(2),.bento .reveal:nth-child(2),.insight-grid .reveal:nth-child(3n+2),.quote-stack .reveal:nth-child(2){transition-delay:80ms}.principles .reveal:nth-child(3),.stats-grid .reveal:nth-child(3),.bento .reveal:nth-child(3),.insight-grid .reveal:nth-child(3n),.quote-stack .reveal:nth-child(3){transition-delay:.16s}.stats-grid .reveal:nth-child(4),.bento .reveal:nth-child(4){transition-delay:.24s}.bento .reveal:nth-child(5){transition-delay:80ms}.bento .reveal:nth-child(6){transition-delay:.16s}.bento .reveal:nth-child(7){transition-delay:.24s}.site-header{z-index:40;pointer-events:none;justify-content:center;padding-inline-start:1rem;padding-inline-end:1rem;display:flex;position:fixed;top:1rem;bottom:auto;left:0;right:0}.nav-island{pointer-events:auto;min-height:var(--header-h);border:1px solid var(--hairline-2);background:rgba(var(--bg-rgb), .55);-webkit-backdrop-filter:blur(22px)saturate(1.4);box-shadow:0 20px 60px -30px var(--shadow);transition:background .6s var(--ease), border-color .6s var(--ease);border-radius:999px;align-items:center;gap:1.5rem;padding:.45rem .45rem .45rem .6rem;display:flex}.site-header.scrolled .nav-island{background:rgba(var(--bg-rgb), .78)}.brand{align-items:center;gap:.7rem;display:inline-flex}.brand-name{letter-spacing:-.02em;white-space:nowrap;font-weight:500}.desktop-nav{gap:.2rem;display:flex}.desktop-nav a{color:var(--muted);transition:color .4s var(--ease), background .4s var(--ease);border-radius:999px;padding:.5rem .9rem;font-size:.92rem;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text);background:rgba(var(--fg-rgb), .05)}.nav-cta{background:var(--text);min-height:2.9rem;color:var(--bg);border-radius:999px;align-items:center;padding:0 1.3rem;font-size:.92rem;font-weight:500;display:inline-flex}.menu-toggle{background:var(--surface-2);border-radius:50%;width:2.9rem;height:2.9rem;display:none;position:relative}.menu-toggle i{background:var(--text);width:1.1rem;height:1.5px;transition:transform .6s var(--ease);position:absolute;top:50%;left:50%}.menu-toggle i:first-of-type{transform:translate(-50%,-4px)}.menu-toggle i:last-of-type{transform:translate(-50%,4px)}.menu-toggle[aria-expanded=true] i:first-of-type{transform:translate(-50%)rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-of-type{transform:translate(-50%)rotate(-45deg)}.menu-overlay{z-index:35;padding:7rem var(--gutter) 3rem;background:rgba(var(--bg-rgb), .86);-webkit-backdrop-filter:blur(40px);opacity:0;transition:opacity .6s var(--ease);flex-direction:column;justify-content:center;gap:3rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.menu-overlay[hidden]{display:none}.menu-overlay:not(.open){pointer-events:none}.menu-overlay.open{opacity:1}.menu-overlay ol{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.menu-overlay li{overflow:hidden}.menu-overlay ol a{letter-spacing:-.04em;transition:transform .9s var(--ease);align-items:baseline;gap:1rem;font-size:clamp(2.2rem,10vw,3.6rem);font-weight:500;line-height:1.15;display:flex;transform:translateY(110%)}.menu-overlay small{font-family:var(--mono);color:var(--dim);letter-spacing:.1em;font-size:.75rem}.menu-overlay.open ol a{transform:none}.menu-overlay.open li:nth-child(2) a{transition-delay:50ms}.menu-overlay.open li:nth-child(3) a{transition-delay:.1s}.menu-overlay.open li:nth-child(4) a{transition-delay:.15s}.menu-overlay.open li:nth-child(5) a{transition-delay:.2s}.menu-overlay.open li:nth-child(6) a{transition-delay:.25s}.menu-contact{color:var(--muted);gap:.4rem;display:grid}.theme-toggle{border:1px solid var(--hairline-2);background:var(--surface);width:2.9rem;height:2.9rem;transition:background .5s var(--ease);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--surface-2)}.theme-toggle svg{fill:none;width:1.15rem;height:1.15rem;stroke:var(--text);stroke-width:1.5px;stroke-linecap:round;transition:transform .7s var(--ease), opacity .5s var(--ease);position:absolute}.theme-toggle .icon-sun{opacity:0;transform:translateY(140%)rotate(-90deg)}:root[data-theme=light] .theme-toggle .icon-sun{opacity:1;transform:none}:root[data-theme=light] .theme-toggle .icon-moon{opacity:0;transform:translateY(-140%)rotate(90deg)}.logo{--logo-size:2.75rem;width:var(--logo-size);height:var(--logo-size);perspective:calc(var(--logo-size) * 5);flex:none;display:inline-block;position:relative}.logo-stack{transform-style:preserve-3d;transition:transform 1.1s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}.logo-layer{width:100%;height:100%;transition:transform 1.1s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.logo-grid{--z:0}.logo-main{--z:1}.logo-pen{--z:2}.logo-code{--z:3}.logo-layer{transform:translateZ(calc(var(--logo-size) * .07 * var(--z)))}.logo-grid circle{fill:var(--dim)}.logo-dots{opacity:.5}.logo-plate{fill:rgba(var(--fg-rgb), .03);stroke:var(--hairline-2);stroke-width:1.5px}.logo-stroke{fill:none;stroke-width:11px;stroke-linecap:round;stroke-linejoin:round}.stop-a{stop-color:var(--cyan)}.stop-b{stop-color:var(--violet)}.stop-c{stop-color:var(--hot)}.logo-handle{fill:none;stroke:var(--text);stroke-width:1.6px;opacity:.75}.logo-pen circle{fill:var(--bg);stroke:var(--text);stroke-width:1.8px}.logo-pen rect{fill:var(--bg);stroke:var(--cyan);stroke-width:2px}.logo-slash{fill:none;stroke:var(--text);stroke-width:7px;stroke-linecap:round}.brand .logo-stack{animation:7s ease-in-out infinite alternate logo-sway}@keyframes logo-sway{0%{transform:rotateY(-22deg)rotateX(10deg)}to{transform:rotateY(22deg)rotateX(-8deg)}}.brand:hover .logo-stack{animation-play-state:paused;transform:rotateX(52deg)rotate(-32deg)}.brand:focus-visible .logo-stack{animation-play-state:paused;transform:rotateX(52deg)rotate(-32deg)}.brand:hover .logo-layer{transform:translateZ(calc(var(--logo-size) * .22 * var(--z)))}.brand:focus-visible .logo-layer{transform:translateZ(calc(var(--logo-size) * .22 * var(--z)))}.intro{z-index:90;background:var(--bg);visibility:hidden;opacity:0;pointer-events:none;place-content:center;justify-items:center;gap:1.6rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.intro-on .intro{visibility:visible;opacity:1;pointer-events:auto;animation:intro-out .9s var(--ease) 2.2s forwards}@keyframes intro-out{to{opacity:0;visibility:hidden;pointer-events:none}}.intro:before{content:"";background:radial-gradient(closest-side, rgba(var(--violet-rgb), .22), transparent);border-radius:50%;width:60vmin;height:60vmin;position:absolute}.logo-intro{--logo-size:clamp(7rem, 22vw, 11rem)}.intro-on .logo-intro .logo-stack{animation:intro-assemble 1.9s var(--ease-out) both}.intro-on .logo-intro .logo-layer{animation:intro-layer 1.9s var(--ease-out) both}.intro-on .logo-intro .logo-stroke{stroke-dasharray:100;animation:1.3s cubic-bezier(.65,0,.35,1) .35s both intro-draw}@keyframes intro-assemble{0%{transform:rotateX(64deg)rotate(-42deg)scale(.75)}to{transform:none}}@keyframes intro-layer{0%{transform:translateZ(calc(var(--logo-size) * .6 * var(--z)));opacity:0}30%{opacity:1}to{transform:translateZ(0)}}@keyframes intro-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.intro-word{letter-spacing:-.02em;justify-items:center;gap:.35rem;font-size:1.15rem;font-weight:500;display:grid;position:relative}.intro-word small{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.intro-on .intro-word{animation:intro-word 1s 1s var(--ease-out) both}@keyframes intro-word{0%{opacity:0;filter:blur(6px);transform:translateY(1rem)}}.hero{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:100dvh;padding:9rem 0 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(60% 50% at 72% 38%, rgba(var(--violet-rgb), .16), transparent 70%), radial-gradient(40% 40% at 20% 80%, rgba(var(--cyan-rgb), .08), transparent 70%), var(--bg);position:absolute;top:0;bottom:0;left:0;right:0}.hero:after{content:"";z-index:-1;background:linear-gradient(transparent, var(--bg));pointer-events:none;height:30%;position:absolute;top:auto;bottom:0;left:0;right:0}.hero-canvas{z-index:-1;opacity:0;width:100%;height:100%;transition:opacity 1.8s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0}.webgl-ready .hero-canvas{opacity:1}.hero-fallback{z-index:-1;pointer-events:none;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.no-webgl .hero-fallback{display:block}.hero-fallback span{filter:blur(60px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.hero-fallback span:first-child{background:radial-gradient(circle, var(--violet), transparent 65%);width:38vmax;height:38vmax;top:6vh;right:-6vmax}.hero-fallback span:nth-child(2){background:radial-gradient(circle, var(--cyan), transparent 65%);width:26vmax;height:26vmax;animation-duration:22s;top:30vh;right:18vmax}.hero-fallback span:nth-child(3){background:radial-gradient(circle, var(--hot), transparent 65%);opacity:.35;width:18vmax;height:18vmax;animation-duration:26s;top:48vh;right:4vmax}@keyframes drift{to{transform:translate(-4vmax,3vmax)scale(1.1)}}.hero-inner{padding-bottom:clamp(6rem,12vh,9rem);position:relative}.hero-title{letter-spacing:-.055em;max-width:12ch;font-size:clamp(3.2rem,1rem + 9.4vw,10.5rem);font-weight:500;line-height:.92}.hero-title .line{margin:0 -.08em -.08em;padding:0 .08em .08em;display:block;overflow:hidden}.hero-title .line>span{will-change:transform;display:inline-block}.shine{background:var(--grad);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:400;animation:8s linear infinite shine}@keyframes shine{to{background-position:-200% 0}}.hero-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:clamp(2rem,4vw,3.5rem);display:flex}.hero-lead{max-width:30rem;color:var(--muted);font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.scroll-cue{right:var(--gutter);border:1px solid var(--hairline-2);border-radius:999px;width:1.6rem;height:2.6rem;position:absolute;bottom:5.5rem}.scroll-cue span{background:var(--text);width:3px;height:.5rem;animation:cue 2s var(--ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:.5rem;left:50%}@keyframes cue{0%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(1rem)}to{opacity:0}}.marquee{border-block:1px solid var(--hairline);background:rgba(var(--bg-rgb), .6);padding-block-start:1.1rem;padding-block-end:1.1rem;position:relative;overflow:hidden}.marquee-track{width:max-content;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;gap:2.2rem;font-size:.8rem;animation:38s linear infinite marquee;display:flex}.marquee b{color:var(--cyan);font-weight:400}@keyframes marquee{to{transform:translate(-50%)}}.about-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);display:grid}.about-side{align-self:start;position:sticky;top:8rem}.scrub-text{letter-spacing:-.03em;font-size:clamp(1.55rem,1rem + 1.9vw,2.75rem);font-weight:450;line-height:1.25}.scrub-text .word{transition:opacity .2s linear}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:clamp(3rem,6vw,5rem);display:grid}.principles h3{letter-spacing:-.02em;margin:2.4rem 0 .6rem;font-size:1.15rem;line-height:1.2}.principles p{color:var(--muted);font-size:.95rem}.stats{padding-block:0 var(--section)}.stats-grid{border-top:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{border-right:1px solid var(--hairline);padding:2.2rem 1.2rem 0 0}.stat+.stat{padding-left:1.6rem}.stat:last-child{border-right:0}.stat strong{letter-spacing:-.06em;background:linear-gradient(180deg, var(--text), rgba(var(--fg-rgb), .45));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,2rem + 4vw,6rem);font-weight:400;line-height:1;display:block}.stat>span{color:var(--muted);margin-top:.8rem;font-size:.9rem;display:block}.design-dev-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.layers-stage{--tilt-x:0deg;--tilt-y:0deg;perspective:1600px;place-items:center;min-height:clamp(26rem,48vw,36rem);display:grid}.layers{--text:#edeff3;--muted:#8d95a7;--dim:#7a8295;--cyan:#7cf4ff;--violet:#9d7bff;--hot:#ff6b35;--ok:#6ef2a7;--hairline-2:#ffffff24;color:var(--text)}.layers-tilt{width:min(100%,30rem);transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.layers{aspect-ratio:4/3;width:100%;transform-style:preserve-3d;position:relative}.layer{transform-style:preserve-3d;border:1px solid var(--hairline-2);box-shadow:0 40px 80px -40px var(--shadow), inset 0 1px 0 rgba(var(--fg-rgb), .06);background:#0c0e14d1;border-radius:1.4rem;padding:1.4rem;position:absolute;top:0;bottom:0;left:0;right:0}.layer-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.62rem;position:absolute;top:1rem;right:1.1rem}.layer-wire{background:#0a0c11cc;border-style:dashed}.wire-block{border:1px dashed #7cf4ff59;border-radius:.5rem;margin-bottom:.7rem}.w-title{width:62%;height:2rem;margin-top:1.6rem}.w-line{width:82%;height:.7rem}.w-line.short{width:48%}.wire-row{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.4rem;display:grid}.w-card{height:4.8rem;margin:0}.layer-ui{background:linear-gradient(140deg,#9d7bff47,#0c0e14eb 55%)}.ui-hero{gap:.6rem;margin-top:1.6rem;display:grid}.ui-hero b{background:linear-gradient(90deg,#fff,#ffffff80);border-radius:.5rem;width:70%;height:1.9rem}.ui-hero i{background:#fff3;border-radius:999px;width:86%;height:.6rem}.ui-hero i.short{width:55%}.ui-button{background:var(--grad);border-radius:999px;width:8rem;height:2.2rem;margin-top:.6rem}.ui-swatches{gap:.5rem;display:flex;position:absolute;bottom:1.4rem;left:1.4rem}.ui-swatches b{background:var(--cyan);border-radius:50%;width:1.6rem;height:1.6rem}.ui-swatches b:nth-child(2){background:var(--violet)}.ui-swatches b:nth-child(3){background:var(--hot)}.ui-swatches b:nth-child(4){background:var(--text)}.layer-code{background:#06070af0}.layer-code pre{font-family:var(--mono);color:var(--text);white-space:pre-wrap;margin:2rem 0 0;font-size:clamp(.75rem,.6rem + .5vw,.95rem);line-height:1.75}.tk-k{color:var(--violet)}.tk-s{color:var(--ok)}.tk-n{color:var(--hot)}.tk-c{color:var(--dim)}.design-dev-copy>p{color:var(--muted);margin-top:1.2rem}.design-dev-copy>.large-copy{color:var(--text);margin-top:2rem}.stack-list{flex-wrap:wrap;gap:.45rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.stack-list li{border:1px solid var(--hairline-2);font-family:var(--mono);color:var(--muted);border-radius:999px;padding:.4rem .85rem;font-size:.72rem}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:.9rem;display:grid}.bento-a{grid-column:span 7}.bento-b,.bento-c{grid-column:span 5}.bento-d{grid-column:span 7}.bento-e,.bento-f,.bento-g{grid-column:span 4}.bento .bezel-core{flex-direction:column;gap:1rem;min-height:21rem;display:flex}.bento h3{margin-top:auto;font-size:clamp(1.5rem,1.1rem + 1vw,2.1rem)}.bento p{color:var(--muted);max-width:32rem}.service-glyph{border:1px solid var(--hairline-2);background:rgba(var(--fg-rgb), .03);border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;display:grid}.service-glyph svg{fill:none;width:1.6rem;height:1.6rem;stroke:var(--cyan);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.bento .index{position:absolute;top:1.6rem;right:1.6rem}.bento-d .bezel-core{background:radial-gradient(120% 120% at 100% 0%, rgba(var(--violet-rgb), .18), transparent 55%), linear-gradient(180deg, rgba(var(--fg-rgb), .045), rgba(var(--fg-rgb), .012))}.service-details{border-top:1px solid var(--hairline);grid-template-columns:1fr 1.6fr;gap:clamp(2rem,5vw,5rem);margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(3rem,5vw,4rem);display:grid}.service-details h3{margin-bottom:1rem;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.4rem)}.service-details-intro>p:last-child{color:var(--muted)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 2rem;display:grid}.detail-grid span{font-family:var(--mono);color:var(--cyan);font-size:.72rem}.detail-grid h4{letter-spacing:-.02em;margin:.6rem 0;font-size:1.15rem}.detail-grid p{color:var(--muted);font-size:.95rem}.dev-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.dev-tabs{border-top:1px solid var(--hairline);display:grid}.dev-tab{text-align:left;border-bottom:1px solid var(--hairline);transition:opacity .5s var(--ease);opacity:.55;grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem 1rem 1.4rem 0;display:grid;position:relative}.dev-tab:before{content:"";background:var(--grad);transform-origin:0;width:100%;height:1px;transition:transform .8s var(--ease);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.dev-tab:hover{opacity:.85}.dev-tab.active{opacity:1}.dev-tab.active:before{transform:scaleX(1)}.dev-tab .index{color:var(--cyan);padding-top:.25rem}.dev-tab strong{letter-spacing:-.02em;font-size:1.2rem;font-weight:500;line-height:1.25;display:block}.dev-tab small{color:var(--muted);transition:grid-template-rows .7s var(--ease), margin .7s var(--ease);grid-template-rows:0fr;font-size:.95rem;line-height:1.55;display:grid;overflow:hidden}.dev-tab.active small{grid-template-rows:1fr;margin-top:.5rem}.dev-cta{justify-self:start;margin-top:2.2rem}.dev-stage{perspective:1600px;min-height:clamp(26rem,42vw,34rem);transform-style:preserve-3d;position:relative}.js .dev-stage.reveal{filter:none}.dev-scene{transform-style:preserve-3d;position:absolute;top:0;bottom:0;left:0;right:0}.dev-scene[hidden]{visibility:hidden;display:block}.dev-scene .mock{transition:transform 1s var(--ease), opacity .7s var(--ease)}.dev-scene:not(.active) .mock{opacity:0;transform:translateZ(-260px)rotateY(-30deg)!important}.mock{--text:#edeff3;--muted:#8d95a7;--dim:#7a8295;--cyan:#7cf4ff;--violet:#9d7bff;--hot:#ff6b35;--ok:#6ef2a7;color:var(--text);box-shadow:0 50px 100px -40px var(--shadow), 0 0 0 1px #0003;background:#0b0d12;border:1px solid #ffffff1f;border-radius:1.2rem;position:absolute;overflow:hidden}.mock-bar{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.mock-bar i{background:#ffffff29;border-radius:50%;width:.55rem;height:.55rem}.mock-bar small{font-family:var(--mono);color:var(--muted);margin-left:.5rem;font-size:.68rem}.code{font-family:var(--mono);white-space:pre;margin:0;padding:1.1rem 1.2rem 1.3rem;font-size:clamp(.66rem,.55rem + .3vw,.8rem);line-height:1.75;overflow:hidden}.code .l{display:block}.code .k{color:var(--violet)}.code .s{color:var(--ok)}.code .f{color:var(--cyan)}.code .n{color:var(--hot)}.caret{vertical-align:-.2em;background:var(--cyan);width:.55em;height:1.1em;margin-left:.2em;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.mock-ui{width:68%;top:4%;left:0;transform:rotateY(18deg)rotateX(6deg)translateZ(-40px)}.mock-editor{z-index:1;width:78%;bottom:4%;right:0;transform:rotateY(-14deg)rotateX(4deg)translateZ(60px)}.ui-dash{grid-template-columns:1fr 1fr;gap:.7rem;padding:1rem;display:grid}.ui-kpi{background:#ffffff0a;border:1px solid #ffffff12;border-radius:.8rem;padding:.8rem .9rem}.ui-kpi small{color:var(--muted);font-size:.66rem;display:block}.ui-kpi b{letter-spacing:-.04em;font-size:1.5rem;font-weight:500}.ui-bars{background:#ffffff08;border-radius:.8rem;grid-column:1/-1;align-items:flex-end;gap:.45rem;height:7rem;padding:.6rem;display:flex}.ui-bars i{height:var(--h);background:linear-gradient(var(--cyan), var(--violet));transform-origin:bottom;border-radius:.3rem .3rem 0 0;flex:1}.dev-scene.play .ui-bars i{animation:bar-up 1s var(--ease-out) both}.dev-scene.play .ui-bars i:nth-child(2){animation-delay:80ms}.dev-scene.play .ui-bars i:nth-child(3){animation-delay:.16s}.dev-scene.play .ui-bars i:nth-child(4){animation-delay:.24s}.dev-scene.play .ui-bars i:nth-child(5){animation-delay:.32s}.dev-scene.play .ui-bars i:nth-child(6){animation-delay:.4s}@keyframes bar-up{0%{transform:scaleY(0)}}.mock-phone{aspect-ratio:9/19;z-index:1;background:#050608;border:1px solid #ffffff2e;border-radius:2.4rem;width:clamp(12rem,17vw,15rem);padding:.55rem;top:0;left:8%;transform:rotateY(22deg)rotateX(6deg)translateZ(50px)}.phone-notch{z-index:2;background:#000;border-radius:999px;width:30%;height:1.1rem;position:absolute;top:.9rem;left:50%;translate:-50%}.phone-screen{background:linear-gradient(#11131b,#0b0d12);border-radius:1.9rem;align-content:start;gap:.55rem;height:100%;padding:2.6rem .8rem 0;display:grid;position:relative;overflow:hidden}.app-top small{color:var(--muted);font-size:.62rem;display:block}.app-top b{letter-spacing:-.02em;font-size:1rem;font-weight:500}.app-card{background:#ffffff0d;border:1px solid #ffffff12;border-radius:.9rem;gap:.1rem;padding:.65rem .75rem;display:grid}.app-card span{color:var(--muted);font-size:.58rem}.app-card b{font-size:.78rem;font-weight:500}.app-card i{color:var(--ok);background:#6ef2a724;border-radius:999px;justify-self:start;padding:.1rem .45rem;font-size:.55rem;font-style:normal}.app-card.a2 i{color:var(--hot);background:#ff6b3526}.app-toast{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#7cf4ff29;border:1px solid #7cf4ff4d;border-radius:.9rem;padding:.55rem .7rem;font-size:.62rem;position:absolute;top:.6rem;left:.6rem;right:.6rem}.app-tabs{background:#050608e6;border-top:1px solid #ffffff14;justify-content:space-around;padding:.8rem 0 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.app-tabs i{background:#ffffff24;border-radius:.35rem;width:1rem;height:1rem}.app-tabs i.on{background:var(--cyan)}.dev-scene.play .app-card{animation:cell-in .6s var(--ease-out) both}.dev-scene.play .app-card.a1{animation-delay:.3s}.dev-scene.play .app-card.a2{animation-delay:.45s}.dev-scene.play .app-card.a3{animation-delay:.6s}.dev-scene.play .app-toast{animation:toast 4s 1.2s var(--ease) both}@keyframes toast{0%{transform:translateY(-160%)}12%,80%{transform:none}to{transform:translateY(-160%)}}.mock-kotlin{width:66%;bottom:8%;right:0;transform:rotateY(-16deg)rotateX(4deg)translateZ(-20px)}.mock-sheet{width:80%;top:0;left:0;transform:rotateY(16deg)rotateX(6deg)translateZ(-30px)}.mock-vba{z-index:1;width:82%;bottom:0;right:0;transform:rotateY(-12deg)rotateX(4deg)translateZ(70px)}.sheet-formula{font-family:var(--mono);border-bottom:1px solid #ffffff14;align-items:center;gap:.8rem;padding:.55rem .9rem;font-size:.72rem;display:flex}.sheet-formula b{color:var(--ok);font-style:italic;font-weight:500}.sheet-formula span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sheet{font-family:var(--mono);grid-template-columns:1.6rem 1fr .8fr 1.2fr .6fr;font-size:.72rem;display:grid}.sheet span{white-space:nowrap;border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff0f;padding:.5rem .6rem}.sheet .h{color:var(--dim);text-align:center;background:#ffffff06}.sheet .th{color:var(--cyan)}.sheet .ok{color:var(--ok);text-align:center}.sheet .sum{background:#7cf4ff14;font-weight:600}.flow{position:absolute;top:6%;bottom:6%;left:0;right:0}.flow-lines{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.flow-lines path{fill:none;stroke:var(--cyan);stroke-width:1.5px;stroke-dasharray:6 8;opacity:.7;vector-effect:non-scaling-stroke;animation:1.6s linear infinite flow-dash}@keyframes flow-dash{to{stroke-dashoffset:-28px}}.flow-node{border-radius:1rem;gap:.2rem;min-width:9rem;padding:1rem 1.2rem;display:grid;translate:-50% -50%}.flow-node small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.flow-node b{font-size:1.05rem;font-weight:500}.flow .n1{top:23%;left:22%}.flow .n2{border-color:#7cf4ff73;top:50%;left:50%;box-shadow:0 0 60px -10px #7cf4ff66}.flow .n3{top:23%;left:78%}.flow .n4{top:77%;left:78%}.flow .n5{top:77%;left:22%}.dev-scene.play .flow-node{animation:cell-in .7s var(--ease-out) both}.dev-scene.play .flow .n2{animation-delay:.15s}.dev-scene.play .flow .n3{animation-delay:.3s}.dev-scene.play .flow .n4{animation-delay:.45s}.dev-scene.play .flow .n5{animation-delay:.6s}.js .dev-scene .code .l{clip-path:inset(0 100% 0 0)}.dev-scene.play .code .l{animation:.45s steps(22,end) both type-line}.js .dev-scene .sheet span:not(.h){opacity:0}.dev-scene.play .sheet span:not(.h){animation:cell-in .4s var(--ease-out) both}.dev-scene.play .code .l:first-child{animation-delay:.35s}.dev-scene.play .code .l:nth-child(2){animation-delay:.67s}.dev-scene.play .code .l:nth-child(3){animation-delay:.99s}.dev-scene.play .code .l:nth-child(4){animation-delay:1.31s}.dev-scene.play .code .l:nth-child(5){animation-delay:1.63s}.dev-scene.play .code .l:nth-child(6){animation-delay:1.95s}.dev-scene.play .code .l:nth-child(7){animation-delay:2.27s}.dev-scene.play .code .l:nth-child(8){animation-delay:2.59s}.dev-scene.play .sheet span:not(.h):nth-child(7){animation-delay:.15s}.dev-scene.play .sheet span:not(.h):nth-child(8){animation-delay:.19s}.dev-scene.play .sheet span:not(.h):nth-child(9){animation-delay:.23s}.dev-scene.play .sheet span:not(.h):nth-child(10){animation-delay:.27s}.dev-scene.play .sheet span:not(.h):nth-child(12){animation-delay:.31s}.dev-scene.play .sheet span:not(.h):nth-child(13){animation-delay:.35s}.dev-scene.play .sheet span:not(.h):nth-child(14){animation-delay:.39s}.dev-scene.play .sheet span:not(.h):nth-child(15){animation-delay:.43s}.dev-scene.play .sheet span:not(.h):nth-child(17){animation-delay:.47s}.dev-scene.play .sheet span:not(.h):nth-child(18){animation-delay:.51s}.dev-scene.play .sheet span:not(.h):nth-child(19){animation-delay:.55s}.dev-scene.play .sheet span:not(.h):nth-child(20){animation-delay:.59s}.dev-scene.play .sheet span:not(.h):nth-child(22){animation-delay:.63s}.dev-scene.play .sheet span:not(.h):nth-child(23){animation-delay:.67s}.dev-scene.play .sheet span:not(.h):nth-child(24){animation-delay:.71s}.dev-scene.play .sheet span:not(.h):nth-child(25){animation-delay:.75s}.dev-scene.play .sheet span:not(.h):nth-child(27){animation-delay:.79s}.dev-scene.play .sheet span:not(.h):nth-child(28){animation-delay:.83s}.dev-scene.play .sheet span:not(.h):nth-child(29){animation-delay:.87s}.dev-scene.play .sheet span:not(.h):nth-child(30){animation-delay:.91s}@keyframes type-line{to{clip-path:inset(0)}}@keyframes cell-in{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:none}}.showcase{perspective:1400px;padding-block-start:1rem;padding-block-end:3rem;position:relative;overflow:hidden}.showcase-track{padding-inline:var(--gutter);width:max-content;transform-style:preserve-3d;gap:clamp(1rem,3vw,2.5rem);display:flex}.showcase:not(.pinned){scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.showcase:not(.pinned)::-webkit-scrollbar{display:none}.showcase.pinned{align-items:center;min-height:100dvh;display:flex}.showcase.pinned .showcase-track{padding-inline-start:12vw;padding-inline-end:12vw}.show-card{--ry:0deg;--tz:0px;--dim:0;scroll-snap-align:center;width:clamp(18rem,78vw,44rem);transform:translateZ(var(--tz)) rotateY(var(--ry));transform-style:preserve-3d;flex:none}.show-link{display:block}.showcase-controls{z-index:2;justify-content:center;align-items:center;gap:1rem;margin-top:1.6rem;display:flex;position:relative}.showcase.pinned .showcase-controls{margin:0;position:absolute;bottom:6vh;left:0;right:0}.showcase:not(.pinned) .showcase-controls{width:100%;position:sticky;left:0}.showcase-status{text-align:center;min-width:5.5rem;font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:.8rem}.round-button{border:1px solid var(--hairline-2);background:rgba(var(--bg-rgb), .7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:3.2rem;height:3.2rem;transition:background .5s var(--ease), color .5s var(--ease), transform .5s var(--ease);border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.round-button:hover:not(:disabled){background:var(--text);color:var(--bg)}.round-button:active:not(:disabled){transform:scale(.94)}.round-button:disabled{opacity:.35;cursor:default}.show-frame{border:1px solid var(--hairline-2);background:var(--bg-2);box-shadow:0 60px 120px -50px var(--shadow), 0 0 0 1px rgba(var(--fg-rgb), .02);border-radius:1.4rem;position:relative;overflow:hidden}.show-frame:after{content:"";background:var(--bg);opacity:var(--dim);pointer-events:none;transition:opacity .3s linear;position:absolute;top:0;bottom:0;left:0;right:0}.show-bar{border-bottom:1px solid var(--hairline);align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.show-bar i{background:rgba(var(--fg-rgb), .14);border-radius:50%;width:.6rem;height:.6rem}.show-bar small{font-family:var(--mono);color:var(--dim);margin-left:.6rem;font-size:.7rem}.show-media{aspect-ratio:16/10;overflow:hidden}.show-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform 1.4s var(--ease)}.show-link:hover .show-media img{transform:scale(1.04)}.show-meta{grid-template-columns:auto 1fr;align-items:baseline;gap:.5rem 1rem;padding:1.4rem .4rem 0;display:grid}.show-meta h3{grid-column:1/-1;font-size:clamp(1.5rem,1rem + 1.6vw,2.6rem)}.show-meta .chips{grid-column:1/-1}.show-count{font-family:var(--mono);color:var(--dim);font-size:.72rem}.portfolio-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(3rem,6vw,5rem);display:flex}.filter-group{border:1px solid var(--hairline);background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:.4rem;padding:.3rem;display:flex}.filter-button{color:var(--muted);transition:background .5s var(--ease), color .5s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;display:inline-flex}.filter-button span{font-family:var(--mono);color:var(--dim);font-size:.7rem}.filter-button:hover{color:var(--text)}.filter-button.active{background:var(--text);color:var(--bg)}.filter-button.active span{color:var(--bg);opacity:.6}.project-search{border:1px solid var(--hairline);background:var(--surface);border-radius:999px;align-items:center;gap:.6rem;min-width:min(100%,18rem);min-height:3rem;padding:0 1.1rem;display:flex}.project-search svg{fill:none;width:1.1rem;height:1.1rem;stroke:var(--muted);stroke-width:1.4px}.project-search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.project-search:focus-within{border-color:var(--cyan)}.project-summary{font-family:var(--mono);color:var(--dim);letter-spacing:.08em;margin:1.6rem 0 1.4rem;font-size:.75rem}.project-grid{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.project-card{border:1px solid var(--hairline);background:rgba(var(--fg-rgb), .02);transform-style:preserve-3d;will-change:transform;transition:border-color .5s var(--ease);border-radius:1.5rem}.project-card:hover{border-color:rgba(var(--cyan-rgb), .35)}.project-link{flex-direction:column;height:100%;display:flex}.project-media{aspect-ratio:16/10;background:var(--bg-2);border-radius:1.1rem;margin:.4rem;position:relative;overflow:hidden}.project-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform 1.2s var(--ease)}.project-card:hover .project-media img{transform:scale(1.05)}.glare{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), rgba(var(--fg-rgb), .22), transparent 55%);transition:opacity .5s var(--ease);mix-blend-mode:overlay;position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover .glare{opacity:1}.project-body{flex-direction:column;flex:1;gap:.7rem;padding:1.1rem 1.4rem 1.5rem;display:flex;transform:translateZ(30px)}.project-body h3{letter-spacing:-.025em;font-size:1.35rem}.project-body p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.project-more{color:var(--cyan);align-items:center;gap:.4rem;margin-top:auto;padding-top:.6rem;font-size:.9rem;display:inline-flex}.project-more i{transition:transform .5s var(--ease);font-style:normal}.project-card:hover .project-more i{transform:translate(3px,-3px)}.loading-card{background:linear-gradient(100deg, rgba(var(--fg-rgb), .02) 30%, rgba(var(--fg-rgb), .07) 50%, rgba(var(--fg-rgb), .02) 70%);background-size:300% 100%;border-radius:1.5rem;flex:none;width:clamp(18rem,30vw,26rem);min-height:18rem;animation:1.6s linear infinite shimmer}.project-grid .loading-card{width:auto}@keyframes shimmer{to{background-position:-150% 0}}.empty-state,.error-state{text-align:center;color:var(--muted);border:1px dashed var(--hairline-2);border-radius:1.5rem;grid-column:1/-1;padding:3rem}.error-state{color:var(--err)}.showcase .error-state{margin-inline:var(--gutter);width:calc(100vw - 2 * var(--gutter))}.process-grid{grid-template-columns:1fr 1.2fr;gap:clamp(2rem,6vw,6rem);display:grid}.process-head{align-self:start;display:block;position:sticky;top:8rem}.process-head>p{margin-top:1.4rem}.timeline{gap:clamp(3rem,7vw,6rem);margin:0;padding:0 0 0 3.2rem;list-style:none;display:grid;position:relative}.timeline-rail{background:var(--hairline-2);width:1px;position:absolute;top:.6rem;bottom:.6rem;left:.75rem}.timeline-progress{transform-origin:top;background:linear-gradient(var(--cyan), var(--violet));box-shadow:0 0 18px var(--cyan);position:absolute;top:0;bottom:0;left:0;right:0}.step{position:relative}.step-node{border:1px solid var(--hairline-2);background:var(--bg);width:1.55rem;height:1.55rem;transition:border-color .6s var(--ease), box-shadow .6s var(--ease);border-radius:50%;position:absolute;top:.25rem;left:-3.2rem}.step-node:after{content:"";background:var(--dim);transition:background .6s var(--ease);border-radius:50%;position:absolute;top:.4rem;bottom:.4rem;left:.4rem;right:.4rem}.step.lit .step-node{border-color:var(--cyan);box-shadow:0 0 24px rgba(var(--cyan-rgb), .5)}.step.lit .step-node:after{background:var(--cyan)}.step h3{color:var(--dim);transition:color .8s var(--ease);margin:.6rem 0 .8rem;font-size:clamp(2rem,1.4rem + 2.4vw,3.6rem)}.step.lit h3{color:var(--text)}.step p{color:var(--muted);max-width:28rem}.quote-stack{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:1rem;display:grid}.quote:first-child{rotate:-2deg}.quote:nth-child(3){rotate:2deg}.quote-featured{z-index:1;position:relative;scale:1.06}.quote-featured .bezel-core{background:radial-gradient(120% 100% at 50% 0%, rgba(var(--cyan-rgb), .12), transparent 60%), linear-gradient(180deg, rgba(var(--fg-rgb), .06), rgba(var(--fg-rgb), .015))}.quote{margin:0}.stars{color:var(--hot);letter-spacing:.2em;font-size:.85rem}.quote blockquote{letter-spacing:-.01em;margin:1.4rem 0 2rem;font-size:1.12rem;line-height:1.5}.quote figcaption{align-items:center;gap:.9rem;display:flex}.quote figcaption>span{border:1px solid var(--hairline-2);width:2.8rem;height:2.8rem;font-family:var(--mono);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.quote figcaption small{color:var(--muted);display:block}.insight-grid{border:1px solid var(--hairline);border-radius:var(--radius);border-width:1px 0 0 1px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.insight{background:var(--bg);min-height:19rem;box-shadow:inset -1px -1px 0 var(--hairline);transition:background .6s var(--ease);flex-direction:column;gap:.9rem;padding:2rem;display:flex}.insight:hover{background:var(--bg-2)}.insight-meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-size:.7rem}.insight h3{letter-spacing:-.025em;font-size:1.4rem;line-height:1.15}.insight p{color:var(--muted);font-size:.95rem}.insight button{border:1px solid var(--hairline-2);transition:background .5s var(--ease), color .5s var(--ease);border-radius:999px;align-self:flex-start;gap:.5rem;margin-top:auto;padding:.6rem 1.1rem;font-size:.88rem;display:inline-flex}.insight button i{font-style:normal}.insight button:hover{background:var(--text);color:var(--bg)}.article-dialog{border:1px solid var(--hairline-2);background:var(--panel);width:min(46rem,100vw - 2rem);max-height:min(86dvh,54rem);color:var(--text);box-shadow:0 60px 160px -40px var(--shadow);border-radius:1.6rem;padding:0}.article-dialog[open]{animation:dialog-in .7s var(--ease-out)}.article-dialog::backdrop{background:rgba(var(--bg-rgb), .72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes dialog-in{0%{opacity:0;transform:translateY(2rem)scale(.97)}}.dialog-top{z-index:1;background:rgba(var(--bg-rgb), .92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:1rem 1rem 1rem 1.6rem;display:flex;position:sticky;top:0}.dialog-meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.dialog-top button{border:1px solid var(--hairline-2);border-radius:50%;width:2.4rem;height:2.4rem;font-size:1.3rem;line-height:1}.article-dialog article{padding:2rem clamp(1.4rem,4vw,3rem) 3rem}.article-dialog article .eyebrow span{display:none}.article-dialog h2{margin-bottom:1.2rem;font-size:clamp(1.9rem,1.4rem + 2vw,2.8rem)}.article-dialog h3{letter-spacing:-.02em;margin:2rem 0 .6rem;font-size:1.25rem}.article-dialog p,.article-dialog li{color:var(--body)}.article-lead{font-size:1.15rem;color:var(--text)!important}.article-dialog ul{padding-left:1.2rem}.faq-grid{grid-template-columns:1fr 1.3fr;gap:clamp(2rem,6vw,6rem);display:grid}.faq-grid .section-head{align-self:start;display:block;position:sticky;top:8rem}.faq-grid .section-head>p{margin-top:1.4rem}.faq-list{border-top:1px solid var(--hairline)}.faq-list details{border-bottom:1px solid var(--hairline)}.faq-list summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;gap:1rem;padding:1.6rem 0;font-size:clamp(1.1rem,1rem + .4vw,1.35rem);list-style:none;display:flex;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{border:1px solid var(--hairline-2);width:2.2rem;height:2.2rem;transition:transform .6s var(--ease), background .6s var(--ease);border-radius:50%;flex:none;position:relative}.faq-list summary span:before,.faq-list summary span:after{content:"";background:currentColor;width:.75rem;height:1px;position:absolute;top:50%;left:50%;translate:-50% -50%}.faq-list summary span:after{rotate:90deg}.faq-list details[open] summary span{background:var(--text);color:var(--bg);transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding:0 3rem 1.8rem 0}.faq-list details[open] p{animation:faq-in .7s var(--ease-out)}@keyframes faq-in{0%{opacity:0;transform:translateY(-.6rem)}}.contact{overflow:hidden}.contact-glow{background:radial-gradient(closest-side, rgba(var(--violet-rgb), .16), transparent);pointer-events:none;width:70rem;height:40rem;position:absolute;top:30%;left:50%;translate:-50%}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(2rem,6vw,6rem);display:grid;position:relative}.contact-copy>p{color:var(--muted);max-width:30rem;margin-top:1.6rem}.contact-direct{gap:.6rem;margin-top:2.6rem;display:grid}.contact-direct a{border:1px solid var(--hairline);background:var(--surface);transition:border-color .5s var(--ease);border-radius:1.2rem;justify-self:start;min-width:min(100%,22rem);padding:1.1rem 1.4rem;display:grid}.contact-direct a:hover{border-color:rgba(var(--cyan-rgb), .4)}.contact-direct small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:.68rem}.contact-direct strong{font-size:1.1rem;font-weight:500}.contact-form{gap:1.1rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.field{color:var(--muted);gap:.5rem;font-size:.85rem;display:grid}.field b{color:var(--cyan);font-weight:400}.field input,.field select,.field textarea,.captcha-row input{border:1px solid var(--hairline-2);background:rgba(var(--bg-rgb), .6);width:100%;min-height:3.2rem;color:var(--text);transition:border-color .4s var(--ease), box-shadow .4s var(--ease);border-radius:.9rem;outline:0;padding:.85rem 1.1rem}.field select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 1.3rem),calc(100% - .95rem);background-repeat:no-repeat;background-size:.35rem .35rem}.field select option{background:var(--panel)}.field textarea{resize:vertical;min-height:9rem}.field input:focus,.field select:focus,.field textarea:focus,.captcha-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(var(--cyan-rgb), .12)}[aria-invalid=true]{border-color:var(--err)!important}.honeypot{width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute!important}.captcha-row{border:1px dashed var(--hairline-2);border-radius:1rem;grid-template-columns:1fr 8rem auto;align-items:center;gap:.7rem;padding:.8rem;display:grid}.captcha-row small{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:.66rem;display:block}.captcha-row strong{font-weight:500}.captcha-row button{border:1px solid var(--hairline-2);width:3rem;height:3rem;transition:transform .6s var(--ease);border-radius:50%;font-size:1.1rem}.captcha-row button:hover{transform:rotate(180deg)}.checkbox-label{color:var(--muted);align-items:flex-start;gap:.7rem;font-size:.88rem;display:flex}.checkbox-label input{width:1.15rem;height:1.15rem;accent-color:var(--cyan);margin-top:.2rem}.checkbox-label a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.checkbox-label b{color:var(--cyan);font-weight:400}.form-status{min-height:1.4rem;color:var(--muted);font-size:.92rem}.form-status.success{color:var(--ok)}.form-status.error{color:var(--err)}.submit-button{justify-self:start}.submit-button:disabled{opacity:.6;cursor:progress}.site-footer{padding:var(--section) 0 2rem;border-top:1px solid var(--hairline);position:relative;overflow:hidden}.footer-cta{letter-spacing:-.065em;justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(3.4rem,1rem + 12vw,13rem);font-weight:500;line-height:.9;display:flex}.footer-cta span{background:linear-gradient(180deg, var(--text) 30%, rgba(var(--fg-rgb), .25));color:#0000;transition:letter-spacing .9s var(--ease);-webkit-background-clip:text;background-clip:text}.footer-cta:hover span{letter-spacing:-.04em}.footer-cta i{background:var(--grad);width:clamp(4rem,9vw,9rem);height:clamp(4rem,9vw,9rem);color:var(--bg);transition:transform .9s var(--ease);border-radius:50%;flex:none;place-items:center;font-size:clamp(1.6rem,3vw,3.2rem);font-style:normal;display:grid}.footer-cta:hover i{transform:rotate(45deg)}.footer-main{border-top:1px solid var(--hairline);grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;margin-top:clamp(4rem,8vw,7rem);padding-top:3rem;display:grid}.footer-main>div:first-child p{color:var(--muted);max-width:20rem;margin-top:1rem}.footer-main h3{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:1rem;font-size:.7rem;font-weight:400}.footer-main a:not(.brand),.footer-main button{color:var(--muted);text-align:left;transition:color .4s var(--ease);padding:.3rem 0;display:block}.footer-main a:not(.brand):hover,.footer-main button:hover{color:var(--text)}.footer-bottom{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:4rem;font-size:.82rem;display:flex}.back-to-top{z-index:30;border:1px solid var(--hairline-2);background:rgba(var(--bg-rgb), .7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;width:3rem;height:3rem;transition:opacity .6s var(--ease), transform .6s var(--ease);border-radius:50%;position:fixed;bottom:1.2rem;right:1.2rem;transform:translateY(1rem)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:none}.cursor{display:none}.has-cursor .cursor{z-index:70;pointer-events:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.cursor-dot,.cursor-ring{opacity:0;transition:opacity .4s var(--ease);border-radius:50%;position:fixed;top:0;left:0}.cursor.active .cursor-dot,.cursor.active .cursor-ring{opacity:1}.cursor-dot{background:var(--text);mix-blend-mode:difference;width:6px;height:6px;margin:-3px 0 0 -3px}.cursor-ring{border:1px solid rgba(var(--fg-rgb), .45);width:2.4rem;height:2.4rem;transition:width .5s var(--ease), height .5s var(--ease), margin .5s var(--ease), background .5s var(--ease), border-color .5s var(--ease), opacity .4s var(--ease);place-items:center;margin:-1.2rem 0 0 -1.2rem;display:grid}.cursor.hover .cursor-ring{border-color:var(--cyan);background:rgba(var(--cyan-rgb), .06);width:3.6rem;height:3.6rem;margin:-1.8rem 0 0 -1.8rem}.cursor.labelled .cursor-ring{background:var(--text);border-color:#0000;width:5.6rem;height:5.6rem;margin:-2.8rem 0 0 -2.8rem}.cursor-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bg);opacity:0;transition:opacity .3s var(--ease);font-size:.68rem;font-weight:500}.cursor.labelled .cursor-label{opacity:1}@media (max-width:1240px){.desktop-nav a:nth-child(6){display:none}}@media (max-width:1100px){.desktop-nav a:nth-child(5){display:none}.project-grid,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.nav-island{justify-content:space-between;width:100%}.section-head,.about-grid,.design-dev-grid,.process-grid,.faq-grid,.contact-grid,.service-details{grid-template-columns:1fr}.about-side,.process-head,.faq-grid .section-head{position:static}.bento-a,.bento-b,.bento-c,.bento-d,.bento-e,.bento-f,.bento-g{grid-column:1/-1}.dev-grid{grid-template-columns:1fr}.dev-stage{min-height:28rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:0}.stat:nth-child(3){padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--hairline);margin-top:1.5rem}.quote-stack{grid-template-columns:1fr}.quote:nth-child(n){rotate:none;scale:none}.footer-main{grid-template-columns:1fr 1fr}.layers-stage{order:2}}@media (max-width:760px){.principles,.project-grid,.insight-grid,.detail-grid,.form-row{grid-template-columns:1fr}.hero{padding-top:7rem}.hero-actions{width:100%}.hero-actions .button{flex:auto;justify-content:space-between}.scroll-cue{display:none}.captcha-row{grid-template-columns:1fr auto}.captcha-row>div{grid-column:1/-1}.faq-list details p{padding-right:0}.footer-main{grid-template-columns:1fr}.brand-name{font-size:.95rem}.hide-sm{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;filter:none;transform:none}.marquee-track{animation:none}}
