*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.right-2{right:.5rem}.top-0{top:0}.isolate{isolation:isolate}.z-0{z-index:0}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.h-1\.5{height:.375rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1\.15rem\]{height:1.15rem}.h-\[clamp\(15rem\,42vw\,24rem\)\]{height:clamp(15rem,42vw,24rem)}.h-\[min\(72vh\,560px\)\]{height:min(72vh,560px)}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[2\.75rem\]{min-height:2.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[1\.15rem\]{width:1.15rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-\[min\(100\%\,300px\)\]{max-width:min(100%,300px)}.max-w-lg{max-width:32rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.translate-x-\[1px\]{--tw-translate-x:1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.98\]{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-\[0fr\]{grid-template-columns:0fr}.grid-cols-\[1fr\]{grid-template-columns:1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border-0{border-width:0}.border-t{border-top-width:1px}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/85{background-color:#ffffffd9}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-black\/85{--tw-gradient-from:#000000d9 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/50{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #00000080 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0\.5{padding:.125rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pl-1{padding-left:.25rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-serif{font-family:Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:hsl(var(--foreground) / var(--tw-text-opacity,1))}.text-foreground\/\[0\.06\]{color:hsl(var(--foreground) / .06)}.text-muted-foreground{--tw-text-opacity:1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/45{color:#ffffff73}.text-white\/55{color:#ffffff8c}.text-white\/75{color:#ffffffbf}.text-white\/90{color:#ffffffe6}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-offset-0{--tw-ring-offset-width:0px}.blur-0{--tw-blur:blur(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[transform\,background-color\,color\]{transition-property:transform,background-color,color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-400{transition-duration:.4s}.duration-500{transition-duration:.5s}.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-webkit-appearance\:none\]{-webkit-appearance:none}.\[appearance\:none\]{appearance:none}.\[aspect-ratio\:9\/16\]{aspect-ratio:9/16}.\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable}:root{--background:0 0% 11.8%;--foreground:0 0% 100%;--muted:0 0% 22%;--muted-foreground:0 0% 71%;--bg:#1e1e1e;--bg-panel:#2c2c2c;--bg-hover:#383838;--text-main:#fff;--text-muted:#b3b3b3;--text-subtlest:gray;--accent-blue:#0d99ff;--accent-blue-hover:#0b8ae6;--accent-green:#14ae5c;--accent-purple:#9747ff;--accent-orange:#ff7262;--accent-pink:#f24e1e;--accent-cyan:#22d3ee;--accent-amber:#f59e0b;--accent-violet:#8b5cf6;--accent-rose:#f43f5e;--border:#444;--border-hover:#555;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--ease:cubic-bezier(.16, 1, .3, 1);--dev-outline-color:#0d99ff66;--dev-hover-outline:#0d99ff;--dev-spacing-color:#f24e1e26;--dot-size:.8px;--dot-spacing:10px;--dot-color:#f24e1e73;--easter-ticker-height:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::selection{background:#0d99ff4d}.container{max-width:1120px;margin-inline:auto;padding-inline:48px}.rule{background:var(--border);width:100vw;height:1px;display:block;position:relative;left:50%;transform:translate(-50%)}.eyebrow{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:8px;font-size:11px;font-weight:500;display:inline-block}.tech-tag{background:var(--bg-hover);color:var(--text-muted);font-family:var(--font-mono);border:1px solid #0000;border-radius:4px;align-items:center;margin-bottom:6px;margin-right:6px;padding:4px 8px;font-size:11px;transition:all .2s;display:inline-flex}.tech-tag:hover{border-color:var(--border);color:var(--text-main)}.btn{font-family:var(--font-ui);cursor:pointer;white-space:nowrap;height:36px;transition:all .15s var(--ease);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:var(--accent-blue-hover)}.btn-ghost{color:var(--text-main);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-icon{padding:0 8px}:root{--nav-control-height:40px;--dev-toggle-track-pad:3px;--dev-toggle-track-border:1px;--dev-toggle-inner-h:calc(var(--nav-control-height) - 2 * (var(--dev-toggle-track-pad) + var(--dev-toggle-track-border)));--dev-toggle-segment-radius:calc(var(--dev-toggle-inner-h) / 2)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.dev-mode-control{height:var(--nav-control-height);box-sizing:border-box;padding:var(--dev-toggle-track-pad);background:var(--bg-panel);border:var(--dev-toggle-track-border) solid var(--border);border-radius:calc(var(--nav-control-height) / 2);white-space:nowrap;align-items:stretch;gap:4px;font-size:13px;font-weight:500;display:flex;box-shadow:0 2px 12px #00000059}.dev-toggle-btn{border-radius:var(--dev-toggle-segment-radius);cursor:pointer;min-height:0;color:var(--text-muted);font:inherit;appearance:none;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.dev-toggle-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.dev-toggle-btn.active{background:var(--bg-hover);color:var(--text-main)}.dev-toggle-btn.active .icon-design{color:var(--text-main)}.dev-toggle-btn.active .icon-dev{color:var(--accent-green)}.dev-toggle-compact{display:none}.dev-toggle-wide{display:inline}@media (width<=520px){.dev-toggle-wide{display:none}.dev-toggle-compact{display:inline}.dev-mode-control{font-size:12px}.dev-toggle-btn{gap:5px;padding:0 10px}}.nav{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#1e1e1ed9;position:sticky;top:0}.nav-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px 16px;max-width:1120px;min-height:64px;margin-inline:auto;padding-inline:48px;display:grid}.nav-wordmark{letter-spacing:-.01em;min-width:0;color:var(--text-main);grid-column:1;justify-self:start;align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-wordmark-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=680px){.nav-wordmark-text{display:none}.nav-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;display:flex}.nav-wordmark,.nav-center,.nav-cta{grid-column:unset;justify-self:unset;flex-shrink:0}}.nav-avatar{width:var(--nav-control-height);height:var(--nav-control-height);-o-object-fit:contain;object-fit:contain;box-sizing:border-box;border-radius:50%;flex-shrink:0;display:block}.nav-center{grid-column:2;justify-content:center;justify-self:center;align-items:center;display:flex}.nav-cta{grid-column:3;justify-self:end;align-items:center;display:flex}.nav-bar-btn{height:var(--nav-control-height);min-height:var(--nav-control-height);box-sizing:border-box;padding-inline:16px}.nav-wordmark svg{width:14px;height:14px;color:var(--accent-blue)}.hero{padding-top:96px;padding-bottom:44px;position:relative}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.hero-name{letter-spacing:-.03em;color:var(--text-main);margin-bottom:18px;font-size:clamp(48px,6vw,72px);font-weight:700;line-height:1.05}@keyframes stripeMesh{0%{background-position:0 0,100% 0,100% 100%,0 100%,50%}25%{background-position:100% 0,100% 100%,0 100%,0 0,50%}50%{background-position:100% 100%,0 100%,0 0,100% 0,50%}75%{background-position:0 100%,0 0,100% 0,100% 100%,50%}to{background-position:0 0,100% 0,100% 100%,0 100%,50%}}.hero-name{z-index:10;position:relative}.hero-name .highlight{-webkit-text-fill-color:transparent;background-image:radial-gradient(circle,#ff0f7bcc 0%,#0000 50%),radial-gradient(circle,#f89b29e6 0%,#0000 60%),radial-gradient(circle,#833ab4e6 0%,#0000 50%),radial-gradient(circle,#1e90ffcc 0%,#0000 60%),linear-gradient(135deg,#111 0%,#222 100%);background-size:250% 250%,250% 250%,200% 200%,250% 250%,100% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.1em;animation:20s cubic-bezier(.4,0,.6,1) infinite stripeMesh;display:inline-block}.hero-tagline{letter-spacing:-.01em;color:var(--text-muted);max-width:48ch;margin-bottom:22px;font-size:clamp(16px,1.8vw,18px);font-weight:400;line-height:1.6}.hero-tagline strong{color:var(--text-main);font-weight:600}.hero-right{background:var(--border);isolation:isolate;border-radius:12px;padding:32px;position:relative;overflow:hidden;box-shadow:0 12px 48px #0000004d}.hero-right-glow-spin{background:conic-gradient(from 0deg, transparent 70%, var(--accent-blue) 100%);z-index:-2;transform-origin:50%;width:250%;height:250%;animation:5s linear infinite spin;position:absolute;top:50%;left:50%}.hero-right-glow-mask{background:var(--bg-panel);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.hero-right:before{content:"";border-bottom:1px solid var(--border);z-index:0;background:#0003;border-top-left-radius:11px;border-top-right-radius:11px;height:32px;position:absolute;top:1px;left:1px;right:1px}.hero-right:after{content:"";background-color:#0000;background-image:radial-gradient(circle at 5px 5px,#ff5f56 5px,#0000 5px),radial-gradient(circle at 21px 5px,#ffbd2e 5px,#0000 5px),radial-gradient(circle at 37px 5px,#27c93f 5px,#0000 5px);background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:42px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:42px;height:10px;position:absolute;top:13px;left:17px}.terminal-text{font-family:var(--font-mono);color:var(--text-muted);margin-top:24px;font-size:13px;line-height:1.6}.terminal-text .token-keyword{color:var(--accent-purple)}.terminal-text .token-string{color:var(--accent-green)}.terminal-text .token-function{color:var(--accent-blue)}.terminal-text .token-comment{color:var(--text-subtlest)}.hero-intro-step{opacity:0;transition:opacity .55s var(--ease), transform .55s var(--ease);pointer-events:none;transform:translateY(10px)}.hero-intro-step--on{opacity:1;pointer-events:auto;transform:translateY(0)}.terminal-text.hero-terminal-type{white-space:pre-wrap;word-break:break-word;min-height:13rem}@keyframes hero-terminal-cursor-blink{0%,45%{opacity:1}50%,to{opacity:0}}.hero-terminal-cursor{vertical-align:text-bottom;background:var(--accent-blue);width:.5ch;height:1.15em;margin-left:2px;animation:1s step-end infinite hero-terminal-cursor-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.hero-intro-step{opacity:1;pointer-events:auto;transition:none;transform:none}.hero-terminal-cursor{display:none}.scroll-fade,.scroll-fade--visible{opacity:1;pointer-events:auto;animation:none;transform:none}}@keyframes scroll-fade-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.scroll-fade{opacity:0;pointer-events:none;transform:translateY(14px)}.scroll-fade--visible{pointer-events:auto;animation:scroll-fade-reveal .7s var(--ease) forwards}.logo-ticker-section{padding-top:24px;padding-bottom:36px}.logo-ticker-viewport{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.logo-ticker-track{align-items:center;gap:clamp(2.5rem,7.5vw,5.25rem);width:max-content;animation:72s linear infinite logo-ticker-scroll;display:flex}.logo-ticker-set{flex-shrink:0;align-items:center;gap:clamp(2.5rem,7.5vw,5.25rem);display:flex}.logo-ticker-item{--logo-h:clamp(26px, 4.8vw, 42px);--logo-mw:min(152px, 36vw);flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-ticker-item img{height:var(--logo-h);width:auto;max-width:var(--logo-mw);-o-object-fit:contain;object-fit:contain;opacity:.9;display:block}.logo-ticker-item--bwell img{height:calc(var(--logo-h) * .9);max-width:calc(var(--logo-mw) * .9)}.logo-ticker-item--dun img{height:calc(var(--logo-h) * 1.2);max-width:calc(var(--logo-mw) * 1.2)}.logo-ticker-item--rex img{height:calc(var(--logo-h) * .8);max-width:calc(var(--logo-mw) * .8)}@keyframes logo-ticker-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.logo-ticker-track{-moz-column-gap:clamp(2rem, 5vw, 3.25rem);flex-wrap:wrap;justify-content:center;gap:1.25rem clamp(2rem,5vw,3.25rem);width:100%;max-width:68rem;margin-inline:auto;animation:none}.logo-ticker-set--duplicate{display:none}.logo-ticker-viewport{-webkit-mask-image:none;mask-image:none}}.section{padding-block:100px}.testimonials-section{isolation:isolate;background-color:#121514;position:relative;overflow:hidden}.testimonials-section:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#ffffff1c 1px,#0000 1.5px),radial-gradient(circle,#48c8ba24 .65px,#0000 1.5px),radial-gradient(95% 75% at 50% 42%,#2d7d7647 0%,#0000 58%),radial-gradient(55% 40% at 50% 36%,#0d99ff17 0%,#0000 52%);background-position:0 0,14px 14px,50%,50%;background-size:28px 28px,28px 28px,100% 100%,100% 100%;position:absolute;inset:0}.testimonials-section:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 90%,#0000 40%,#0006 100%);position:absolute;inset:0}.testimonials-section-inner{z-index:1;position:relative}.section-header{margin-bottom:48px}.section-title{letter-spacing:-.02em;color:var(--text-main);max-width:28ch;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.3}.section-title span.dim{color:var(--text-subtlest)}.layout-option-title{font-family:var(--font-mono);color:var(--accent-pink);border-bottom:1px dashed var(--border);margin-top:100px;margin-bottom:24px;padding-bottom:8px;font-size:14px}.split-stack{flex-direction:column;gap:120px;display:flex}.split-project{flex-direction:row;align-items:stretch;gap:64px;display:flex}.split-project.reverse{flex-direction:row-reverse}.split-image-slot{flex:1 1 0;align-items:flex-start;min-width:0;display:flex}.split-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1 1 0;justify-content:center;min-width:0;padding:48px;display:flex;box-shadow:0 4px 24px #0003}.split-image-container{border:1px solid var(--border);background:var(--bg-panel);aspect-ratio:1;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 12px 48px #0006}.split-image-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.editorial-stack{flex-direction:column;gap:64px;display:flex}.editorial-card{background:var(--bg-panel);border:1px solid var(--border);transition:all .3s var(--ease);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.editorial-image-container{aspect-ratio:21/9;background:#111;width:100%}.editorial-image-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.editorial-content{grid-template-columns:1fr 2fr;gap:40px;padding:40px;display:grid}.filmstrip-container{scroll-snap-type:x mandatory;scrollbar-width:none;gap:32px;padding-bottom:48px;display:flex;overflow-x:auto}.filmstrip-container::-webkit-scrollbar{display:none}.filmstrip-card{scroll-snap-align:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:32px;min-width:85vw;max-width:900px;padding:24px;display:flex}.filmstrip-image{aspect-ratio:16/9;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.filmstrip-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.project-card{text-decoration:none;position:relative}.project-domain{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:12px;font-size:11px;font-weight:500}.project-name{letter-spacing:-.02em;color:var(--text-main);margin-bottom:16px;font-size:28px;font-weight:600;line-height:1.2}.project-outcome{color:var(--text-muted);margin-bottom:24px;font-size:15px;line-height:1.6}.approach-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.approach-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:32px}.approach-icon{width:40px;height:40px;color:var(--accent-blue);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.approach-title{letter-spacing:-.01em;color:var(--text-main);margin-bottom:12px;font-size:16px;font-weight:600}.approach-desc{color:var(--text-muted);font-size:14px;line-height:1.6}.dev-mode-active .dev-inspect{outline:1px dashed var(--dev-outline-color);transition:outline .1s;position:relative}@keyframes dotsMove{0%{background-position:0 0}to{background-position:var(--dot-spacing) var(--dot-spacing)}}.dev-mode-active .dev-inspect:hover{outline:1px solid var(--dev-hover-outline);background-color:var(--dev-spacing-color);background-image:radial-gradient(var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-spacing) var(--dot-spacing);animation:8s linear infinite dotsMove}.dev-tooltip{background:var(--accent-blue);color:#fff;font-family:var(--font-mono);pointer-events:none;opacity:0;z-index:100;white-space:nowrap;border-radius:4px 4px 4px 0;padding:4px 8px;font-size:10px;transition:all .1s;position:absolute;bottom:100%;left:0;transform:translateY(4px)}.dev-mode-active .dev-inspect:hover>.dev-tooltip{opacity:1;transform:translateY(-2px)}.dev-only{display:none}.dev-mode-active .dev-only{display:block}.dev-mode-active .design-only{display:none}.cta-section{text-align:center;padding-block:80px}.cta-h{letter-spacing:-.03em;color:var(--text-main);margin-bottom:24px;font-size:clamp(32px,4vw,48px);font-weight:700}.cta-btns{justify-content:center;gap:12px;display:flex}footer{border-top:1px solid var(--border);padding-block:48px}.footer-inner{color:var(--text-subtlest);justify-content:space-between;align-items:center;font-size:13px;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--text-main)}.footer-resume-link,.footer-linkedin-link,.footer-email-link,.footer-styleguide-link{align-items:center;gap:6px;display:inline-flex}@media (width<=900px){.container{padding-inline:24px}.nav-inner{gap:10px 12px;padding-inline:24px}.hero-inner{grid-template-columns:1fr;gap:40px}.work-grid,.approach-grid{grid-template-columns:1fr}.split-stack{gap:72px}.split-project,.split-project.reverse{flex-direction:column;gap:28px}.split-content{padding:32px 28px}}@media (width<=640px){.footer-inner{text-align:center;flex-direction:column;justify-content:center;gap:20px}.footer-links{justify-content:center}}@media (width<=480px){.container,.nav-inner{padding-inline:16px}.logo-ticker-section{padding-top:20px;padding-bottom:32px}}.easter-egg-ticker{width:100%;height:var(--easter-ticker-height);z-index:100;font-size:11px;font-family:var(--font-mono);color:#fff6;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px)saturate(1.05);background:#00000061;border-top:1px solid #ffffff0d;position:fixed;bottom:0;left:0}.easter-egg-ticker-inner{width:100%;height:100%;line-height:var(--easter-ticker-height);white-space:nowrap;align-items:center;display:flex;position:relative;overflow:hidden}@media (width>=768px){html{scroll-padding-bottom:var(--easter-ticker-height)}body{padding-bottom:var(--easter-ticker-height)}.easter-egg-ticker{-webkit-backdrop-filter:blur(18px)saturate(1.08);background:#00000052}}.ticker-track{white-space:nowrap;align-items:center;width:max-content;animation:45s linear infinite ticker-scroll;display:flex}.ticker-track:hover{cursor:crosshair;animation-play-state:paused}.ticker-track:hover .ticker-item{color:#ffffffe6}.ticker-track:hover .ticker-dot{opacity:.95}.ticker-segment{flex-shrink:0;align-items:center;gap:7px;padding-inline:0 2.25rem;display:inline-flex}.ticker-item{padding:0;transition:color .2s;display:inline-block}.ticker-dot{background:var(--accent-orange);opacity:.55;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}@keyframes ticker-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.voice-agent-section{padding-top:clamp(48px,7vw,72px);padding-bottom:100px;overflow-x:clip}.voice-agent-well{-moz-column-gap:64px;box-shadow:none;background:#191919;border:none;border-radius:16px;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;align-items:start;gap:28px 64px;padding:96px 48px;display:grid}.voice-agent-well .section-header{grid-area:1/1;margin-bottom:0}.voice-agent-copy{grid-area:2/1;align-self:start;min-width:0}.voice-agent-desc{color:var(--text-muted);max-width:42ch;font-size:16px;line-height:1.65}.voice-agent-controls{flex-direction:column;flex-shrink:0;grid-area:1/2/-1;justify-content:center;place-self:center;align-items:center;gap:16px;min-width:0;display:flex}@media (width<=1024px){.voice-agent-well{-moz-column-gap:0;grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;gap:24px 0;padding:64px 28px}.voice-agent-well .section-header{grid-area:1/1}.voice-agent-copy{text-align:center;grid-area:2/1;max-width:36rem}.voice-agent-controls{grid-area:3/1}.voice-agent-desc{max-width:none}}.voice-orb{cursor:pointer;background:var(--bg-panel);width:88px;height:88px;color:var(--text-muted);transition:background .2s var(--ease), color .2s var(--ease), transform .15s var(--ease), box-shadow .2s var(--ease);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.voice-orb:hover:not(:disabled){background:var(--bg-hover);color:var(--text-main);transform:scale(1.05)}.voice-orb:active:not(:disabled){transform:scale(.97)}.voice-orb:focus-visible{outline:2px solid var(--accent-blue);outline-offset:4px}.voice-orb:disabled{cursor:default;opacity:.8}.voice-orb--connecting{background:var(--bg-hover);color:var(--text-muted)}.voice-orb--active{background:var(--accent-blue);color:#fff;box-shadow:0 0 #0d99ff66}.voice-orb-rings{pointer-events:none;border-radius:50%;position:absolute;inset:0}.voice-orb-ring{opacity:0;border:1.5px solid #0d99ff00;border-radius:50%;transition:none;position:absolute;inset:0}.voice-orb--active .voice-orb-ring:first-child{animation:2s ease-out infinite orb-pulse}.voice-orb--active .voice-orb-ring:nth-child(2){animation:2s ease-out .7s infinite orb-pulse}@keyframes orb-pulse{0%{opacity:.7;border-color:#0d99ff99;transform:scale(1)}to{opacity:0;border-color:#0d99ff00;transform:scale(2)}}.voice-orb--active{box-shadow:0 0 calc(8px + var(--vol,0) * 40px) calc(var(--vol,0) * 12px) #0d99ff59}.voice-orb-icon{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.voice-spinner{animation:1s linear infinite spin-slow}@keyframes spin-slow{to{transform:rotate(360deg)}}.voice-status{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-subtlest);text-align:center;font-size:11px}.voice-status--live{color:var(--accent-blue)}.voice-status--pulse{animation:1.2s ease-in-out infinite text-pulse}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.4}}.voice-mute-btn{border:1px solid var(--border);height:28px;color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;transition:all .15s var(--ease);background:0 0;border-radius:14px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.voice-mute-btn:hover{background:var(--bg-hover);color:var(--text-main)}.voice-mute-btn--muted{border-color:var(--accent-orange);color:var(--accent-orange)}@media (width<=720px){.voice-agent-desc{font-size:15px;line-height:1.6}.voice-status{white-space:normal;max-width:min(18rem,88vw);margin-inline:auto;line-height:1.5}.voice-mute-btn{border-radius:22px;min-height:44px;padding:0 18px}}@media (width<=480px){.voice-agent-well{row-gap:20px}}.style-guide-page{background:var(--bg);min-height:100vh;color:var(--text-main);flex-direction:column;display:flex}.style-guide-header{border-bottom:1px solid var(--border);padding-top:96px;padding-bottom:48px}.style-guide-header-inner{max-width:720px}.style-guide-back{font-family:var(--font-mono);color:var(--accent-blue);margin-bottom:24px;font-size:12px;font-weight:500;text-decoration:none;display:inline-block}.style-guide-back:hover{color:var(--accent-blue-hover)}.style-guide-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(36px,5vw,48px);font-weight:700;line-height:1.1}.style-guide-lede{color:var(--text-muted);max-width:52ch;font-size:17px;line-height:1.6}.style-guide-main{flex:1;padding-block:64px 96px}.style-guide-section{margin-bottom:80px}.style-guide-section:last-child{margin-bottom:0}.style-guide-h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(22px,2.5vw,28px);font-weight:600}.style-guide-h3{font-size:14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtlest);border-bottom:1px dashed var(--border);margin-top:40px;margin-bottom:20px;padding-bottom:8px;font-weight:500}.style-guide-section-desc{color:var(--text-muted);max-width:62ch;margin-bottom:28px;font-size:15px;line-height:1.65}.style-guide-inline-code{font-family:var(--font-mono);color:var(--accent-green);font-size:.9em}.style-guide-weight-block{margin-bottom:40px}.style-guide-weight-block:last-of-type{margin-bottom:32px}.style-guide-weight-family{font-family:var(--font-mono);color:var(--accent-blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:12px;font-weight:500}.style-guide-weight-rows{flex-direction:column;gap:12px;display:flex}.style-guide-weight-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(140px,180px) 1fr;align-items:baseline;gap:20px;padding:12px 0;display:grid}.style-guide-weight-meta{font-family:var(--font-mono);color:var(--text-subtlest);font-size:11px}.style-guide-weight-sample{color:var(--text-main);font-size:17px;line-height:1.45}.style-guide-type-samples{flex-direction:column;gap:32px;display:flex}.style-guide-sample{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:28px}.style-guide-sample-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-pink);margin-bottom:16px;font-size:10px;font-weight:500;display:block}.style-guide-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.style-guide-swatch{flex-direction:column;gap:12px;display:flex}.style-guide-swatch-chip{border:1px solid var(--border);border-radius:10px;height:72px}.style-guide-swatch-chip--ring{box-shadow:inset 0 0 0 1px #ffffff14}.style-guide-swatch-meta{flex-direction:column;gap:4px;display:flex}.style-guide-swatch-label{color:var(--text-main);font-size:14px;font-weight:600}.style-guide-swatch-code{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.style-guide-swatch-note{color:var(--text-subtlest);font-size:12px;line-height:1.4}.style-guide-footer{border-top:1px solid var(--border);padding-block:32px 48px}@media (width<=640px){.style-guide-weight-row{grid-template-columns:1fr;gap:8px}}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-black\/45:focus-visible{outline-color:#00000073}.focus-visible\:outline-white\/55:focus-visible{outline-color:#ffffff8c}.focus-visible\:outline-white\/70:focus-visible{outline-color:#ffffffb3}.hover\:focus-visible\:outline-black\/50:focus-visible:hover{outline-color:#00000080}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (width>=640px){.sm\:left-4{left:1rem}.sm\:right-4{right:1rem}.sm\:h-\[min\(68vh\,520px\)\]{height:min(68vh,520px)}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-\[11px\]{font-size:11px}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (width>=768px){.md\:-bottom-2{bottom:-.5rem}.md\:-left-2{left:-.5rem}.md\:-right-2{right:-.5rem}.md\:-top-2{top:-.5rem}.md\:h-\[clamp\(17rem\,38vh\,28rem\)\]{height:clamp(17rem,38vh,28rem)}.md\:pb-4{padding-bottom:1rem}.md\:pt-8{padding-top:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}
