@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-bg:#f5f5f0;--color-surface:#fff;--color-dark:#0a0a0a;--color-text:#0a0a0a;--color-muted:#525252;--color-border:#d4d4d0;--color-accent:#c6ff00;--color-accent-dark:#8fb800;--color-dark-surface:#111;--color-white:#fafafa;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--container-width:1200px;--page-gutter:clamp(1.25rem, 4vw, 4rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-body);text-rendering:optimizelegibility}body{background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-body);margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img,picture,svg,video,canvas{max-width:100%;display:block}img{height:auto}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1}p{color:var(--color-muted)}#root{min-height:100vh}.site-shell{width:min(100% - (var(--page-gutter) * 2), var(--container-width));margin-inline:auto}@media (width<=640px){:root{--page-gutter:1rem}}.navbar{z-index:10;border-bottom:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0}.navbar__inner{width:min(100% - (var(--page-gutter) * 2), var(--container-width));grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;margin-inline:auto;display:grid}.navbar__logo,.navbar__links,.navbar__availability,.navbar__cta,.navbar__mobile-menu a{font-family:var(--font-mono);letter-spacing:.08em;font-size:.6875rem;font-weight:500;line-height:1}.navbar__logo{color:var(--color-dark);font-family:var(--font-display);letter-spacing:.02em;justify-self:start;font-size:1.05rem;font-weight:600}.navbar__links{color:var(--color-muted);align-items:center;gap:clamp(1rem,2.5vw,2rem);display:flex}.navbar__links a,.navbar__cta,.navbar__mobile-menu a{transition:color var(--transition-fast), opacity var(--transition-fast), background-color var(--transition-fast)}.navbar__links a{padding-block:.5rem;position:relative}.navbar__links a:after{background:var(--color-dark);content:"";transform-origin:100%;height:1px;transition:transform var(--transition-fast);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.navbar__links a:hover,.navbar__links a:focus-visible,.navbar__cta:hover,.navbar__cta:focus-visible,.navbar__mobile-menu a:hover,.navbar__mobile-menu a:focus-visible{color:var(--color-dark)}.navbar__links a:hover:after,.navbar__links a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.navbar__actions{justify-self:end;align-items:center;gap:clamp(.75rem,2vw,1.5rem);display:flex}.navbar__availability{color:var(--color-muted);align-items:center;gap:.4rem;display:inline-flex}.navbar__availability-dot{background:var(--color-accent);border-radius:50%;width:.4rem;height:.4rem}.navbar__cta{border-radius:var(--radius-sm);color:var(--color-dark);border:1px solid #0000;align-items:center;gap:.35rem;padding:.6rem .7rem;display:inline-flex}.navbar__cta:hover,.navbar__cta:focus-visible{border-color:var(--color-accent);background:var(--color-accent)}.navbar__cta span,.navbar__mobile-cta span{transition:transform var(--transition-fast);font-size:.9rem}.navbar__cta:hover span,.navbar__cta:focus-visible span,.navbar__mobile-cta:hover span,.navbar__mobile-cta:focus-visible span{transform:translate(2px,-2px)}.navbar__menu-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-dark);transition:border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:none}.navbar__menu-toggle:hover,.navbar__menu-toggle:focus-visible{border-color:var(--color-dark);background:var(--color-surface)}.navbar__mobile-menu{display:none}@media (width<=768px){.navbar__inner{justify-content:space-between;min-height:64px;padding-inline:0;display:flex}.navbar__links,.navbar__availability,.navbar__cta{display:none}.navbar__actions{justify-self:auto;align-items:center;gap:0;display:flex}.navbar__menu-toggle{display:inline-flex}.navbar__mobile-menu{opacity:0;transition:grid-template-rows var(--transition-base), opacity var(--transition-base), border-color var(--transition-base);border-top:0 solid #0000;grid-template-rows:0fr;display:grid;overflow:hidden}.navbar__mobile-menu.is-open{border-top:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);opacity:1;grid-template-rows:1fr}.navbar__mobile-menu nav{min-height:0;padding:0 var(--page-gutter)}.navbar__mobile-menu.is-open nav{padding-top:.5rem;padding-bottom:.75rem}.navbar__mobile-menu a{border-bottom:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;align-items:center;padding:.9rem 0;display:flex}.navbar__mobile-menu a:last-child{border-bottom:0}.navbar__mobile-cta{color:var(--color-dark)!important}}@media (width>=769px){.navbar__mobile-menu{visibility:hidden}}.hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:100svh;padding-top:clamp(7rem,14vh,10rem);padding-bottom:clamp(4rem,10vh,7rem);display:grid}.hero__content{z-index:1;position:relative}.hero__copy{flex-direction:column;align-items:flex-start;max-width:740px;display:flex}.hero__eyebrow,.hero__status{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;font-size:.6875rem;font-weight:500;line-height:1.4}.hero__eyebrow{margin-bottom:clamp(1.5rem,4vh,3rem)}.hero__title{max-width:760px;color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.65rem,5.6vw,5.4rem);font-weight:600;line-height:.91}.hero__title span{display:block}.hero__title em{color:var(--color-accent-dark);font-style:normal}.hero__description{max-width:490px;color:var(--color-muted);margin-top:clamp(1.75rem,4vh,2.75rem);font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.65}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.75rem,4vh,2.5rem);display:flex}.hero__button{border:1px solid var(--color-dark);border-radius:var(--radius-sm);min-height:3rem;font-family:var(--font-mono);letter-spacing:.08em;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:.8rem 1rem;font-size:.6875rem;font-weight:500;line-height:1;display:inline-flex}.hero__button span{transition:transform var(--transition-fast);margin-left:.45rem;font-size:.95rem}.hero__button:hover span,.hero__button:focus-visible span{transform:translate(2px,-2px)}.hero__button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-dark)}.hero__button--primary:hover,.hero__button--primary:focus-visible{border-color:var(--color-accent-dark);background:var(--color-accent-dark)}.hero__button--secondary{color:var(--color-dark);background:0 0}.hero__button--secondary:hover,.hero__button--secondary:focus-visible{background:var(--color-surface)}.hero__status{align-items:center;gap:.5rem;margin-top:clamp(3rem,8vh,6rem);display:inline-flex}.hero__status-dot{background:var(--color-accent);border-radius:50%;width:.4rem;height:.4rem}.hero__visual{width:100%;height:clamp(320px,48vw,560px);min-height:300px}.hero__visual canvas{width:100%!important;height:100%!important}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:2rem}.hero__title{font-size:clamp(2.5rem,6vw,4rem)}}@media (width<=700px){.hero{grid-template-columns:1fr;gap:1rem;padding-top:8rem}.hero__title{font-size:clamp(2.25rem,10.5vw,3.5rem);line-height:.94}.hero__description{max-width:38rem}.hero__status{margin-top:2.5rem}.hero__visual{height:min(72vw,340px);min-height:240px;margin-top:1rem}}@media (prefers-reduced-motion:reduce){.hero__button,.hero__button span{transition:none}}.selected-work{padding:clamp(6rem,13vw,11rem) 0 clamp(6rem,14vw,12rem);position:relative}.selected-work__header{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);align-items:end;column-gap:clamp(2rem,8vw,8rem);margin-bottom:clamp(4rem,9vw,8rem);display:grid}.section-kicker,.work-project__meta,.work-project__tags,.work-project__link,.project-media-placeholder__label,.project-media-placeholder__status,.project-media-system span{font-family:var(--font-mono);letter-spacing:.09em;font-size:.625rem;font-weight:500;line-height:1.4}.section-kicker{color:var(--color-muted);align-self:start}.selected-work__header h2{max-width:850px;color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2.65rem,5.7vw,5.6rem);font-weight:500;line-height:.94}.selected-work__intro{max-width:510px;color:var(--color-muted);grid-column:2;margin-top:1.75rem;font-size:1rem;line-height:1.65}.selected-work__projects{flex-direction:column;gap:clamp(1rem,3vw,2.5rem);display:flex}.work-project{border-top:1px solid var(--color-border);position:relative;overflow:hidden}.work-project__meta{color:var(--color-muted);justify-content:space-between;padding:1.1rem 0;display:flex}.work-project__body{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding:clamp(1rem,3vw,2rem) 0 clamp(4rem,8vw,7rem);display:grid}.work-project__copy h3{color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.3rem,4vw,4.5rem);font-weight:500;line-height:.95}.work-project__copy p{max-width:390px;color:var(--color-muted);margin-top:1.5rem;font-size:.95rem;font-weight:400;line-height:1.65}.work-project__tags{flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;display:flex}.work-project__tags span{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);padding:.38rem .5rem}.work-project__link{border-bottom:1px solid var(--color-dark);color:var(--color-dark);transition:color var(--transition-fast), border-color var(--transition-fast), gap var(--transition-fast);align-items:center;gap:.45rem;margin-top:2rem;padding-bottom:.45rem;display:inline-flex}.work-project__link:hover,.work-project__link:focus-visible{border-color:var(--color-accent-dark);color:var(--color-accent-dark);gap:.75rem}.work-visual{border-radius:var(--radius-md);min-height:390px;position:relative;overflow:hidden}.work-visual--featured{min-height:510px}.project-media-placeholder{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:absolute;inset:0}.project-media-image{object-fit:contain;object-position:center;background:var(--color-surface);width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:absolute;inset:0}.project-media-placeholder:before{border:1px solid var(--color-border);content:"";width:2.4rem;height:1.7rem}.project-media-placeholder__status{color:var(--color-muted);opacity:.7;font-size:.55rem}.project-media-system{border-radius:var(--radius-sm);background:var(--color-dark-surface);border:1px solid #2c2c2c;width:min(42%,220px);height:120px;position:absolute;bottom:1rem;right:1rem;overflow:hidden}.project-media-system canvas{width:100%!important;height:100%!important}.project-media-system span{color:#999994;font-size:.48rem;position:absolute;bottom:.4rem;right:.5rem}.automation-visual{border:1px solid var(--color-border);border-radius:var(--radius-md);background:radial-gradient(circle at 22% 22%, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 28%), linear-gradient(145deg, var(--color-surface), color-mix(in srgb, var(--color-bg) 78%, var(--color-surface)));color:var(--color-muted);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0;overflow:hidden}.automation-visual__header,.automation-visual__footer{font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;font-size:.58rem;font-weight:500;line-height:1.4;display:flex}.automation-visual__header{border-bottom:1px solid var(--color-border)}.automation-visual__header span:last-child{color:var(--color-accent-dark);align-items:center;gap:.4rem;display:inline-flex}.automation-visual__header i{background:var(--color-accent);border-radius:50%;width:.4rem;height:.4rem}.automation-flow{justify-content:center;align-items:center;gap:clamp(.35rem,1.5vw,1rem);padding:1rem 1.2rem;display:flex}.automation-flow__stage{min-width:0;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.07em;text-align:center;flex-direction:column;align-items:center;gap:.65rem;font-size:.54rem;line-height:1;display:flex;position:relative}.automation-flow__node{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 85%, transparent);width:3.2rem;height:3.2rem;color:var(--color-dark);box-shadow:inset 0 1px 0 var(--color-white);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);border-radius:50%;place-items:center;display:grid}.automation-flow__stage:nth-child(3) .automation-flow__node{border-color:color-mix(in srgb, var(--color-accent-dark) 55%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 14%, var(--color-surface))}.automation-flow__connector{background:var(--color-border);width:clamp(.35rem,1.5vw,1rem);height:1px;position:absolute;top:1.6rem;left:calc(100% + .2rem);overflow:hidden}.automation-flow__connector i{background:var(--color-accent);width:30%;height:100%;animation:2.8s ease-in-out infinite automation-flow;display:block}.automation-flow__stage:nth-child(2) .automation-flow__connector i{animation-delay:-.7s}.automation-flow__stage:nth-child(3) .automation-flow__connector i{animation-delay:-1.4s}.automation-flow__stage:nth-child(4) .automation-flow__connector i{animation-delay:-2.1s}.automation-visual__footer{border-top:1px solid var(--color-border);color:var(--color-muted);opacity:.8}.automation-visual.is-reduced-motion .automation-flow__connector i{animation:none}@keyframes automation-flow{0%,to{opacity:0;transform:translate(-120%)}20%,75%{opacity:1}90%{opacity:0;transform:translate(360%)}}.work-project--dark{margin-right:calc(var(--page-gutter) * -1);margin-left:calc(var(--page-gutter) * -1);padding-right:var(--page-gutter);padding-left:var(--page-gutter);background:var(--color-dark);color:var(--color-white)}.work-project--dark .work-project__meta,.work-project--dark .work-project__copy p,.work-project--dark .work-project__tags span{color:#9b9b97}.work-project--dark .work-project__copy h3,.work-project--dark .work-project__link{color:var(--color-white)}.work-project--dark .work-project__tags span{border-color:#373737}.work-project--dark .work-project__link{border-color:var(--color-accent)}.work-project--dark .project-media-placeholder{background:var(--color-dark-surface);color:#9b9b97;border-color:#383838}.work-project--dark .project-media-placeholder:before{border-color:#4b4b4b}.work-project--bright{border-top-color:#0000;padding-bottom:1rem}.work-project--bright .work-project__meta{padding-top:0}.work-project--bright .project-media-placeholder{background:#fffaf0;border-color:#ded7c6}.work-project--editorial .work-project__body,.work-project--large .work-project__body{grid-template-columns:.8fr 1.2fr}.work-project--split .work-project__body{grid-template-columns:1fr 1fr}.work-project--technical .work-project__body{grid-template-columns:1.1fr .9fr}.work-project--split .project-media-placeholder{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface))}.work-project--technical .project-media-placeholder{background:var(--color-dark-surface);color:var(--color-white);border-color:#3d3d3d}.work-project--technical .project-media-placeholder:before{border-color:#777773}.work-project--large .work-visual{min-height:410px}.work-project--large .project-media-placeholder{background:color-mix(in srgb, #a9d7ff 22%, var(--color-surface))}@media (width<=900px){.selected-work__header{grid-template-columns:1fr;gap:1.5rem}.selected-work__intro{grid-column:auto;margin-top:0}.work-project__body{grid-template-columns:.8fr 1.2fr;gap:2rem}.work-visual--featured{min-height:450px}}@media (width<=680px){.selected-work{padding-top:5rem}.selected-work__header h2{font-size:clamp(2.5rem,12vw,4rem)}.work-project__body,.work-project--editorial .work-project__body,.work-project--large .work-project__body,.work-project--split .work-project__body,.work-project--technical .work-project__body{grid-template-columns:1fr;gap:2.25rem}.work-project__copy h3{font-size:clamp(2.3rem,13vw,4rem)}.work-visual--featured,.work-project--large .work-visual{min-height:390px}.project-media-system{width:52%;height:100px}.work-project--dark{margin-right:calc(var(--page-gutter) * -1);margin-left:calc(var(--page-gutter) * -1)}.automation-flow{gap:.2rem;padding-inline:.65rem}.automation-flow__node{width:2.55rem;height:2.55rem}.automation-flow__connector{width:.55rem;top:1.28rem}.automation-visual__header,.automation-visual__footer{padding-inline:.8rem;font-size:.5rem}}.systems{padding:clamp(6rem,13vw,11rem) 0 clamp(7rem,15vw,13rem);position:relative}.systems__header{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);align-items:end;column-gap:clamp(2rem,8vw,8rem);margin-bottom:clamp(3rem,7vw,6rem);display:grid}.systems__kicker,.system-stage__topline,.system-stage__orb small,.systems__output,.system-stage__panel span,.system-stage__panel p,.system-stage__panel small,.systems__core-label{font-family:var(--font-mono);letter-spacing:.09em;font-size:.625rem;font-weight:500;line-height:1.4}.systems__kicker{color:var(--color-muted);align-self:start}.systems__header h2{max-width:800px;color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2.65rem,5.5vw,5.4rem);font-weight:500;line-height:.94}.systems__intro{max-width:510px;color:var(--color-muted);grid-column:2;margin-top:1.75rem;font-size:1rem;line-height:1.65}.systems__architecture{--systems-pointer-x:0px;--systems-pointer-y:0px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--color-accent) 9%, transparent), transparent 34%);min-height:clamp(580px,62vw,760px);position:relative;overflow:hidden}.systems__scene{pointer-events:auto;position:absolute;inset:0}.systems__scene canvas{width:100%!important;height:100%!important}.systems__core-label{z-index:2;border:1px solid color-mix(in srgb, var(--color-accent) 30%, var(--color-border));background:color-mix(in srgb, var(--color-dark-surface) 90%, transparent);min-width:178px;box-shadow:0 12px 32px color-mix(in srgb, var(--color-dark) 17%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 14%, transparent);color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;text-align:center;aspect-ratio:1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.8rem 1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.systems__core-label strong{color:var(--color-white);font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1rem,2vw,1.4rem);font-weight:500}.systems__core-label small{color:#aaa9a1;letter-spacing:.05em;font-size:.45rem}.systems__core-eyebrow{color:var(--color-accent);font-size:.48rem}.systems__stages{z-index:3;position:absolute;inset:0}.system-stage{aspect-ratio:1;isolation:isolate;cursor:default;width:clamp(108px,12vw,150px);transform:translate3d(var(--card-x,0px), var(--card-y,0px), 0);animation:system-orb-breathe var(--breathe-duration,9s) ease-in-out var(--breathe-delay,0s) infinite;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute}.system-stage--frontend{--orb-accent:#c6ff00;--card-x:calc(var(--systems-pointer-x) * .5);--card-y:calc(var(--systems-pointer-y) * .5);--breathe-delay:-1s;--breathe-duration:8.4s;top:15%;left:10%}.system-stage--backend{--orb-accent:#7db6a9;--card-x:calc(var(--systems-pointer-x) * -.35);--card-y:calc(var(--systems-pointer-y) * .35);--breathe-delay:-4.2s;--breathe-duration:9.6s;top:20%;right:9%}.system-stage--data{--orb-accent:#b9a873;--card-x:calc(var(--systems-pointer-x) * .35);--card-y:calc(var(--systems-pointer-y) * -.3);--breathe-delay:-2.4s;--breathe-duration:8.9s;bottom:14%;left:9%}.system-stage--ai{--orb-accent:#c6ff00;--card-x:calc(var(--systems-pointer-x) * -.45);--card-y:calc(var(--systems-pointer-y) * -.4);--breathe-delay:-5.3s;--breathe-duration:10.2s;bottom:12%;right:13%}.system-stage--automation{--orb-accent:#8fb800;--card-x:calc(var(--systems-pointer-x) * .2);--card-y:calc(var(--systems-pointer-y) * .25);--breathe-delay:-3.5s;--breathe-duration:9.1s;top:7%;left:50%;transform:translate(-50%)}.system-stage:before{z-index:-2;background:radial-gradient(circle, color-mix(in srgb, var(--orb-accent) 14%, transparent), transparent 66%);content:"";opacity:.32;border-radius:50%;transition:opacity .5s,transform .7s;position:absolute;inset:-8%}.system-stage:after{z-index:-1;border:1px solid color-mix(in srgb, var(--orb-accent) 28%, var(--color-border));background:radial-gradient(circle at 32% 22%, color-mix(in srgb, var(--color-white) 52%, transparent), transparent 28%), radial-gradient(circle at 65% 75%, color-mix(in srgb, var(--orb-accent) 9%, transparent), transparent 55%), linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 94%, transparent), color-mix(in srgb, var(--color-bg) 68%, transparent));box-shadow:0 16px 34px color-mix(in srgb, var(--color-dark) 9%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 80%, transparent);content:"";-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:50%;transition:border-color .5s,box-shadow .5s,background .5s;position:absolute;inset:0}.system-stage:hover,.system-stage:focus-visible,.system-stage.is-active{transform:translate3d(var(--card-x,0px), calc(var(--card-y,0px) - 5px), 0) scale(1.035)}.system-stage--automation:hover,.system-stage--automation:focus-visible,.system-stage--automation.is-active{transform:translate3d(calc(-50% + var(--card-x,0px)), calc(var(--card-y,0px) - 5px), 0) scale(1.035)}.system-stage:hover:before,.system-stage:focus-visible:before,.system-stage.is-active:before{opacity:.72;transform:scale(1.12)}.system-stage:hover:after,.system-stage:focus-visible:after,.system-stage.is-active:after{border-color:color-mix(in srgb, var(--orb-accent) 64%, var(--color-border));box-shadow:0 20px 44px color-mix(in srgb, var(--color-dark) 13%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 90%, transparent)}.system-stage__orb{z-index:1;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;height:100%;display:flex;position:relative}.system-stage__topline{color:var(--color-muted);position:absolute;top:19%}.system-stage__signal{background:var(--color-border);border-radius:50%;width:.35rem;height:.35rem;transition:background-color .3s,box-shadow .3s;position:absolute;top:20%;right:20%}.system-stage:hover .system-stage__signal,.system-stage:focus-visible .system-stage__signal,.system-stage.is-active .system-stage__signal{background:var(--orb-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--orb-accent) 18%, transparent)}.system-stage h3{color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(.85rem,1.5vw,1.15rem);font-weight:500;line-height:1}.system-stage__orb small{color:var(--color-muted);letter-spacing:.05em;font-size:.48rem}.system-stage__orbit-mark{background:var(--orb-accent);opacity:.7;border-radius:50%;width:.3rem;height:.3rem;position:absolute;bottom:20%;right:18%}.system-stage__panel{z-index:5;border:1px solid color-mix(in srgb, var(--orb-accent) 50%, var(--color-border));background:color-mix(in srgb, var(--color-surface) 88%, transparent);width:220px;box-shadow:0 16px 38px color-mix(in srgb, var(--color-dark) 13%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;border-radius:20px;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.system-stage__panel:before{border-bottom:1px solid color-mix(in srgb, var(--orb-accent) 50%, var(--color-border));border-left:1px solid color-mix(in srgb, var(--orb-accent) 50%, var(--color-border));background:var(--color-surface);content:"";width:.8rem;height:.8rem;position:absolute;top:50%;left:-.45rem;transform:translateY(-50%)rotate(45deg)}.system-stage__panel span{color:var(--orb-accent);font-size:.52rem}.system-stage__panel strong{color:var(--color-dark);font-family:var(--font-display);margin-top:.5rem;font-size:1.2rem;font-weight:500;display:block}.system-stage__panel p{color:var(--color-dark);letter-spacing:.02em;margin:.45rem 0 0}.system-stage__panel small{color:var(--color-muted);font-family:var(--font-body);letter-spacing:0;margin-top:.7rem;font-size:.72rem;line-height:1.45;display:block}.systems__output{z-index:4;border-top:1px solid var(--color-dark);color:var(--color-muted);grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding-top:.8rem;display:grid;position:absolute;bottom:1.25rem;left:1.5rem;right:1.5rem}.systems__output-line{background:var(--color-accent);width:24%;height:1px;position:absolute;top:-1px;left:0}.systems__output strong{color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1rem,2vw,1.5rem);font-weight:500}.systems__output-status{align-items:center;gap:.45rem;display:inline-flex}.systems__output-status i{background:var(--color-accent);border-radius:50%;width:.4rem;height:.4rem}@media (width<=900px){.systems__header{grid-template-columns:1fr;gap:1.5rem}.systems__intro{grid-column:auto;margin-top:0}.systems__architecture{min-height:620px}.system-stage{width:122px}.system-stage--frontend{left:3%}.system-stage--backend{right:3%}.system-stage--data{left:3%}.system-stage--ai{right:3%}}@media (width<=680px){.systems{padding-top:5rem}.systems__header h2{font-size:clamp(2.5rem,12vw,4rem)}.systems__architecture{min-height:760px;overflow:visible}.systems__scene{opacity:.75;height:760px}.systems__core-label{min-width:142px;top:50%}.systems__core-label strong{font-size:1rem}.systems__stages{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 1rem 5rem;display:flex;position:relative}.system-stage,.system-stage--frontend,.system-stage--backend,.system-stage--data,.system-stage--ai,.system-stage--automation{width:116px;animation:none;position:relative;inset:auto;transform:none}.system-stage:hover,.system-stage:focus-visible,.system-stage.is-active,.system-stage--automation:hover,.system-stage--automation:focus-visible,.system-stage--automation.is-active{transform:translateY(-4px)scale(1.025)}.system-stage__panel{width:auto;position:fixed;inset:auto 1rem 4.5rem;transform:none}.system-stage__panel:before{display:none}.systems__output{grid-template-columns:1fr;gap:.6rem;bottom:1rem;left:1rem;right:1rem}}@keyframes system-orb-breathe{0%,to{margin-top:0}50%{margin-top:-2px}}@media (prefers-reduced-motion:reduce){.system-stage{transition:none;animation:none}}.system-orb{border:1px solid color-mix(in srgb, var(--orb-accent,var(--color-accent)) 34%, var(--color-border));background:radial-gradient(circle at 30% 22%, color-mix(in srgb, var(--color-white) 52%, transparent), transparent 28%), radial-gradient(circle at 68% 76%, color-mix(in srgb, var(--orb-accent,var(--color-accent)) 10%, transparent), transparent 58%), color-mix(in srgb, var(--color-surface) 91%, transparent);width:112px;height:112px;box-shadow:0 12px 28px color-mix(in srgb, var(--color-dark) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 80%, transparent);color:var(--color-dark);cursor:pointer;border-radius:50%;outline:none;place-items:center;transition:width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s;display:grid;position:relative}.system-orb--frontend{--orb-accent:#c6ff00}.system-orb--backend{--orb-accent:#7db6a9}.system-orb--data{--orb-accent:#b9a873}.system-orb--ai{--orb-accent:#c6ff00}.system-orb--automation{--orb-accent:#8fb800}.system-orb.is-active,.system-orb:hover,.system-orb:focus-visible{border-color:color-mix(in srgb, var(--orb-accent) 72%, var(--color-border));width:124px;height:124px;box-shadow:0 18px 38px color-mix(in srgb, var(--color-dark) 14%, transparent), 0 0 28px color-mix(in srgb, var(--orb-accent) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 92%, transparent)}.system-orb__number,.system-orb__signal,.system-orb>strong,.system-orb>small{position:absolute}.system-orb__number{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:.56rem;top:20px;left:24px}.system-orb__signal{background:var(--color-border);border-radius:50%;width:6px;height:6px;transition:background-color .3s,box-shadow .3s;top:21px;right:24px}.system-orb.is-active .system-orb__signal,.system-orb:hover .system-orb__signal,.system-orb:focus-visible .system-orb__signal{background:var(--orb-accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--orb-accent) 18%, transparent)}.system-orb>strong{color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.035em;font-size:.92rem;font-weight:500;top:47px}.system-orb>small{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.06em;font-size:.46rem;top:66px}.system-orb__panel{z-index:5;border:1px solid color-mix(in srgb, var(--orb-accent) 52%, var(--color-border));background:color-mix(in srgb, var(--color-surface) 90%, transparent);width:250px;box-shadow:0 18px 38px color-mix(in srgb, var(--color-dark) 13%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;text-align:left;transform-origin:0;border-radius:22px;padding:1rem 1.1rem;animation:.45s cubic-bezier(.22,1,.36,1) both system-panel-in;position:absolute;top:50%;left:calc(100% + 16px);transform:translateY(-50%)}.system-orb__panel:before{border-bottom:1px solid color-mix(in srgb, var(--orb-accent) 52%, var(--color-border));border-left:1px solid color-mix(in srgb, var(--orb-accent) 52%, var(--color-border));background:var(--color-surface);content:"";width:10px;height:10px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}.system-orb__panel span,.system-orb__panel p,.system-orb__panel em{font-family:var(--font-mono);letter-spacing:.04em;font-size:.56rem;line-height:1.45;display:block}.system-orb__panel span,.system-orb__panel em{color:var(--orb-accent);font-style:normal}.system-orb__panel strong{color:var(--color-dark);font-family:var(--font-display);margin-top:.42rem;font-size:1.2rem;font-weight:500;display:block}.system-orb__panel p{color:var(--color-muted);margin:.45rem 0 .8rem}.system-orb__panel em{margin-top:.7rem;font-size:.5rem}@keyframes system-panel-in{0%{opacity:0;transform:translate(-8px,-50%)scale(.94)}to{opacity:1;transform:translateY(-50%)scale(1)}}@media (width<=680px){.system-orb{width:96px;height:96px}.system-orb.is-active,.system-orb:hover,.system-orb:focus-visible{width:104px;height:104px}.system-orb__number{top:16px;left:19px}.system-orb__signal{top:17px;right:19px}.system-orb>strong{font-size:.8rem;top:39px}.system-orb>small{font-size:.4rem;top:57px}.system-orb__panel{transform-origin:top;width:min(220px,100vw - 2rem);top:calc(100% + 14px);left:50%;transform:translate(-50%)}.system-orb__panel:before{border-top:1px solid color-mix(in srgb, var(--orb-accent) 52%, var(--color-border));border-right:1px solid color-mix(in srgb, var(--orb-accent) 52%, var(--color-border));border-bottom:0;border-left:0;top:-6px;left:50%;transform:translate(-50%)rotate(-45deg)}@keyframes system-panel-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}}.about{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(3rem,9vw,9rem);padding:clamp(6rem,13vw,11rem) 0;display:grid}.about__media-wrap{perspective:900px;justify-self:center;width:100%;max-width:480px}.about__media{border:1px solid var(--color-border);border-radius:var(--radius-md);background:radial-gradient(circle at 70% 24%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 34%), linear-gradient(145deg, var(--color-surface), color-mix(in srgb, var(--color-bg) 72%, var(--color-surface)));min-height:clamp(420px,52vw,630px);box-shadow:14px 18px 0 color-mix(in srgb, var(--color-accent) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 80%, transparent);transition:box-shadow var(--transition-slow), transform var(--transition-slow);place-items:center;display:grid;position:relative;overflow:hidden}.about__media:before{border:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);border-radius:calc(var(--radius-md) - 2px);content:"";position:absolute;inset:1rem}.about__media:after{background:linear-gradient(transparent, var(--color-border), transparent);content:"";opacity:.65;width:1px;position:absolute;top:18%;bottom:18%;left:50%}.about__profile-image{object-fit:cover;object-position:center;width:100%;max-width:100%;height:100%;position:absolute;inset:0}.about__media:hover{box-shadow:16px 22px 0 color-mix(in srgb, var(--color-accent) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 90%, transparent)}.about__media-index,.about__media-label,.about__media-note,.about__kicker,.about__signals{font-family:var(--font-mono);letter-spacing:.09em;font-size:.625rem;font-weight:450;line-height:1.4}.about__media-index{color:var(--color-muted);position:absolute;top:1.5rem;left:1.5rem}.about__media-label{z-index:1;color:var(--color-muted);position:relative}.about__media-note{color:var(--color-muted);opacity:.75;font-size:.52rem;position:absolute;bottom:1.5rem;right:1.5rem}.about__media-accent{background:var(--color-accent);width:.45rem;height:.45rem;box-shadow:0 0 0 5px color-mix(in srgb, var(--color-accent) 16%, transparent);border-radius:50%;position:absolute;top:1.5rem;right:1.5rem}.about__content{max-width:650px}.about__kicker{color:var(--color-muted)}.about__content h2{max-width:650px;color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.05em;margin-top:clamp(1.5rem,3vw,2.5rem);font-size:clamp(2.7rem,5.2vw,5.4rem);font-weight:450;line-height:.94}.about__copy{max-width:580px;margin-top:clamp(2rem,4vw,3.5rem)}.about__copy p{color:var(--color-muted);font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.75}.about__copy p+p{margin-top:1.25rem}.about__signals{border-top:1px solid var(--color-border);color:var(--color-dark);flex-wrap:wrap;gap:.65rem 1.5rem;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.1rem;display:flex}.about__signals span{align-items:center;gap:.45rem;display:inline-flex}.about__signals span:before{background:var(--color-accent);content:"";border-radius:50%;width:.35rem;height:.35rem}@media (width<=900px){.about{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem)}.about__media{min-height:480px}.about__content h2{font-size:clamp(2.4rem,5.2vw,4.2rem)}}@media (width<=680px){.about{grid-template-columns:1fr;gap:3rem;padding:5rem 0 6rem}.about__media-wrap{max-width:420px}.about__media{min-height:min(125vw,560px)}.about__content h2{font-size:clamp(2.5rem,12vw,4rem)}.about__signals{flex-direction:column;gap:.75rem}}@media (prefers-reduced-motion:reduce){.about__media{transition:none}}.contact{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:clamp(3rem,10vw,10rem);padding:clamp(6rem,13vw,11rem) 0 clamp(7rem,14vw,12rem);display:grid}.contact__kicker,.contact__field label,.contact__submit,.contact__alternative,.footer__brand span,.footer__nav,.footer__bottom{font-family:var(--font-mono);letter-spacing:.09em;font-size:.625rem;font-weight:500;line-height:1.4}.contact__kicker{color:var(--color-muted)}.contact__intro h2{max-width:700px;color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.055em;margin-top:clamp(1.5rem,3vw,2.5rem);font-size:clamp(2.8rem,6vw,6rem);font-weight:500;line-height:.92}.contact__description{max-width:470px;color:var(--color-muted);margin-top:clamp(2rem,5vw,4rem);font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.7}.contact__form-wrap{align-self:end}.contact__form{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:10px 12px 0 color-mix(in srgb, var(--color-accent) 12%, transparent), inset 0 1px 0 var(--color-white);padding:clamp(1.25rem,3vw,2rem)}.contact__field+.contact__field{margin-top:1.5rem}.contact__field label{color:var(--color-muted);margin-bottom:.6rem;display:block}.contact__field input,.contact__field textarea{border:0;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-dark);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border-radius:0;outline:0;font-size:.95rem;line-height:1.5;display:block}.contact__field input{min-height:2.5rem}.contact__field textarea{resize:vertical;min-height:8rem}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--color-muted);opacity:.65}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--color-accent-dark);box-shadow:0 2px 0 var(--color-accent)}.contact__submit{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);min-height:3rem;color:var(--color-dark);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;margin-top:2rem;padding:.85rem 1rem;display:inline-flex}.contact__submit:hover:not(:disabled),.contact__submit:focus-visible:not(:disabled){border-color:var(--color-accent-dark);background:var(--color-accent-dark)}.contact__submit:disabled{cursor:wait;opacity:.65}.contact__feedback{min-height:1.25rem;color:var(--color-muted);margin-top:1rem;font-size:.78rem}.contact__alternative{color:var(--color-muted);align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.contact__alternative a{color:var(--color-dark);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-dark);text-decoration-color:var(--color-accent-dark);text-underline-offset:.25rem}.contact__alternative a:hover,.contact__alternative a:focus-visible{color:var(--color-accent-dark)}.footer{width:min(100% - (var(--page-gutter) * 2), var(--container-width));border-top:1px solid var(--color-border);margin-inline:auto;padding:2rem 0 1.5rem}.footer__back-to-top{color:var(--color-muted);font:inherit;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;align-items:center;gap:.45rem;padding:0;display:inline-flex}.footer__back-to-top:hover,.footer__back-to-top:focus-visible{color:var(--color-dark);transform:translateY(-2px)}.footer__closing{max-width:720px;color:var(--color-dark);font-family:var(--font-display);letter-spacing:-.05em;margin-bottom:clamp(3rem,7vw,6rem);font-size:clamp(2.4rem,5.5vw,5.5rem);font-weight:450;line-height:.94}.footer__main{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.footer__brand{flex-direction:column;gap:.6rem;display:flex}.footer__logo{color:var(--color-dark);font-family:var(--font-display);letter-spacing:.12em;font-size:1.3rem;font-weight:600}.footer__brand span,.footer__contact,.footer__bottom{color:var(--color-muted)}.footer__contact{font-family:var(--font-mono);letter-spacing:.09em;text-align:right;flex-direction:column;gap:.6rem;font-size:.625rem;font-weight:500;line-height:1.4;display:flex}.footer__contact a{color:var(--color-dark);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-dark);text-decoration-color:var(--color-accent-dark);text-underline-offset:.25rem;transition:color var(--transition-fast)}.footer__contact a:hover,.footer__contact a:focus-visible{color:var(--color-dark)}.footer__bottom{border-top:1px solid var(--color-border);justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:1rem;display:flex}@media (width<=800px){.contact{grid-template-columns:1fr;gap:3rem}.contact__form-wrap{max-width:620px}}@media (width<=560px){.contact{padding-top:5rem;padding-bottom:6rem}.contact__intro h2{font-size:clamp(2.6rem,13vw,4.3rem)}.contact__form{padding:1rem}.contact__alternative,.footer__main,.footer__bottom{flex-direction:column;align-items:flex-start}.footer__contact{text-align:left;align-items:flex-start}.footer__bottom{gap:.65rem;margin-top:3rem}}