:root{--color-bg: #0a0c10;--color-surface: #10131a;--color-surface-raised: #151a23;--color-text: #f8fafc;--color-text-muted: #a4adbd;--color-line: rgba(248, 250, 252, .13);--color-cyan: #00f0ff;--color-violet: #7000ff;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--content-max: 1440px;--content-narrow: 880px;--navbar-height: 76px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-card: 0 20px 70px rgba(0, 0, 0, .25)}.container{width:min(100% - clamp(2rem,5vw,5rem),var(--content-max));margin-inline:auto}.section{padding-block:clamp(4.5rem,9vw,9rem)}.section[id]{scroll-margin-top:calc(var(--navbar-height) + 1rem)}.section-heading{max-width:780px;margin:0;font-family:var(--font-heading);font-size:clamp(2rem,4.7vw,4.6rem);line-height:.98;letter-spacing:-.065em}.section-intro{max-width:640px;margin:1.35rem 0 0;color:var(--color-text-muted);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.7}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;color:var(--color-cyan);font-family:var(--font-mono);font-size:.69rem;font-weight:700;letter-spacing:.09em;line-height:1.4}.eyebrow:before{width:.55rem;height:.55rem;border:1px solid currentColor;border-radius:50%;content:""}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.78rem 1.1rem;border:1px solid var(--color-line);border-radius:999px;font-size:.88rem;font-weight:700;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.button--primary{border-color:var(--color-cyan);background:var(--color-cyan);color:#061217}.button--primary:hover{background:#7cf7ff}.button--ghost:hover{border-color:#f8fafc73;background:#f8fafc0d}.reveal{animation:reveal .65s both ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-motion:no-preference){body.motion-enabled:before{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(0,240,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(112,0,255,.025) 1px,transparent 1px);background-size:90px 90px;content:"";animation:technical-grid-drift 24s linear infinite}.motion-observed:not(.is-visible){opacity:0;transform:translate3d(0,32px,0) scale(.985)}.motion-observed.is-visible{animation:system-reveal .85s cubic-bezier(.16,1,.3,1) both}.section,.work-intro,.contact,.static-page{position:relative;isolation:isolate}.section:before,.work-intro:before,.contact:before,.static-page:before{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background:linear-gradient(90deg,transparent 0 49.94%,rgba(0,240,255,.16) 50%,transparent 50.06%) 0 0/112px 112px,linear-gradient(0deg,transparent 0 49.94%,rgba(112,0,255,.11) 50%,transparent 50.06%) 0 0/112px 112px;-webkit-mask-image:linear-gradient(100deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(100deg,transparent,#000 20%,#000 80%,transparent);content:"";animation:section-grid-shift 18s linear infinite}.eyebrow:before{animation:node-beacon 2.4s ease-in-out infinite}.button{position:relative;overflow:hidden}.button:before{position:absolute;inset:0;width:40%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.48),transparent);content:"";transform:translate(-180%) skew(-20deg);transition:transform .6s cubic-bezier(.16,1,.3,1)}.button:hover:before,.button:focus-visible:before{transform:translate(380%) skew(-20deg)}.button span{position:relative;z-index:1}}@keyframes technical-grid-drift{to{background-position:90px 90px,-90px 90px}}@keyframes section-grid-shift{50%{background-position:56px 56px,-56px 56px;opacity:.38}}@keyframes system-reveal{0%{opacity:0;transform:translate3d(0,32px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes node-beacon{0%,to{box-shadow:0 0 #00f0ff0d;transform:scale(1)}50%{box-shadow:0 0 0 7px #00f0ff00;transform:scale(1.14)}}@keyframes about-path-signal{0%{transform:translate3d(-18%,0,0)}83.333%,to{transform:translate3d(100%,0,0)}}@keyframes about-path-signal-vertical{0%{transform:translate3d(0,-18%,0)}83.333%,to{transform:translate3d(0,100%,0)}}@keyframes about-story-node-glow{0%,2%,13%,to{transform:scale(1);filter:brightness(1)}4%,7%{transform:scale(1.1);filter:brightness(1.45) drop-shadow(0 0 6px var(--story-node-color))}}.work-intro,.differentiator,.about,.final-cta{position:relative;isolation:isolate}.work-intro__grid,.differentiator__grid,.about__grid,.final-cta__inner{position:relative;z-index:1}.work-page>.container,.contact__grid,.services>.container,.process>.container,.technology>.container{position:relative;z-index:1}.work-page{--section-wave-top: clamp(180px, 34vh, 420px)}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}app-home app-services-section .service-card div,app-home app-featured-work-section .project-card__tags,app-home app-featured-work-section .featured-work__note,app-home app-technology-section .technology__stacks p,app-home app-process-section .process__list strong,app-home app-process-section .process__list p,app-home app-about-section .about__copy>p:nth-of-type(2){display:none}app-home app-services-section .service-card{min-height:245px}app-home app-services-section .service-card p{min-height:0}app-home app-process-section .process__list li{min-height:180px}app-home app-process-section .process__list li div{margin-top:2rem}app-home app-technology-section .technology__stacks>div{min-height:100px}