@layer reset,base,layout,components,utilities;@layer reset{*{box-sizing:border-box;margin:0;padding:0}}@layer base{:root{--color-blue: #2563EB;--color-white: #ffffff;--color-dark: #111111;--color-cyan: #04D9FF;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:var(--color-blue);color:var(--color-white)}html.theme-transition{transition:none}html.light{background-color:var(--color-dark);color:var(--color-cyan)}body{min-width:320px;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}}@layer layout{.page{display:flex;flex-direction:column;min-height:100vh;padding:2rem;position:relative;z-index:1}.page.inverted-theme{background-color:var(--color-white);color:var(--color-dark)}html.light .page.inverted-theme{background-color:var(--color-blue);color:var(--color-white)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;position:relative;gap:1rem}.main{flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}.footer{margin-top:auto;padding-top:4rem;font-size:.875rem;text-align:center}}@layer components{.logo{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.logo.clickable,.logo-back.clickable{cursor:pointer;transition:opacity .2s ease}.logo.clickable:hover,.logo-back.clickable:hover{opacity:.7}.logo-back{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;background:none;border:none;padding:0;font-family:inherit;color:inherit}.logo-back:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.back-arrow{display:flex;align-items:center}.back-arrow svg{stroke:currentColor}.wave-container{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);height:200px}.wave-logo{width:100%;height:100%;color:currentColor}.social-links{position:absolute;top:calc(50% + 200px);left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:20}.social-link{width:32px;color:currentColor;opacity:.6;transition:opacity .2s ease,transform .2s ease}.social-link:hover{opacity:1;transform:scale(1.15)}.social-link svg{width:100%;height:100%}.social-link--small{width:26px}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;color:currentColor}.theme-toggle svg{stroke:currentColor}.theme-toggle:hover{opacity:.7}.expertise-section{position:relative;z-index:10;padding-top:1rem}.expertise-circles{display:flex;justify-content:center;gap:20px}.circle-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;z-index:1;margin:0;background:none;border:none;padding:0;font:inherit;color:inherit}.circle-wrapper:hover,.circle-wrapper:focus-visible{z-index:10}.circle-wrapper:nth-child(2){transform:translateY(-20px)}.circle-wrapper:hover .circle,.circle-wrapper:focus-visible .circle{opacity:1;transform:scale(1.05) rotate(45deg)}.circle-wrapper:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.circle{width:65px;aspect-ratio:1 / 1;opacity:.8;transition:opacity .2s ease,transform .2s ease;transform:rotate(45deg);background-color:var(--color-white);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.circle:before{content:"";position:absolute;inset:0;background-image:var(--hover-bg);background-size:cover;background-position:center;opacity:0;transition:opacity .3s ease}.circle-wrapper:hover .circle:before,.circle-wrapper:focus-visible .circle:before{opacity:1}html.light .circle{background-color:var(--color-cyan)}.circle-label{font-size:1.3rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transform:rotate(-45deg);color:var(--color-blue);transition:color .2s ease,transform .2s ease}html.light .circle-label{color:var(--color-dark)}.circle-wrapper:hover .circle-label,.circle-wrapper:focus-visible .circle-label{color:var(--color-blue);mix-blend-mode:difference;transform:rotate(-45deg) scale(1.15)}html.light .circle-wrapper:hover .circle-label,html.light .circle-wrapper:focus-visible .circle-label{color:var(--color-cyan);mix-blend-mode:difference;transform:rotate(-45deg) scale(1.15)}.clients-section{position:relative;z-index:10;padding-bottom:2rem;text-align:center}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;font-weight:500;color:var(--color-white)}html.light .section-title{color:var(--color-cyan)}.clients-grid{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;justify-content:center;align-items:center}.client{font-size:1rem;cursor:default;transition:opacity .2s ease}.client:hover{opacity:.7}.detail-page{display:flex;align-items:flex-start;justify-content:center;padding-top:0}.detail-content{max-width:800px;margin:0 auto}.detail-image-block{float:left;width:350px;margin:.25rem 1.5rem 1rem 0;shape-outside:inset(0);position:relative}.detail-image{width:100%;aspect-ratio:1 / 1;border-radius:.5rem;background-size:cover;background-position:center}.detail-title{position:absolute;top:-.5rem;right:.75rem;font-size:4rem;font-weight:700;letter-spacing:.05em;margin:0;color:inherit;mix-blend-mode:difference}.detail-description{font-size:1.125rem;opacity:.9;margin-bottom:1rem;line-height:1.6}.detail-text{font-size:1rem;opacity:.7;line-height:1.6}.detail-text-container{display:block}.vt-placeholders{position:absolute;bottom:30%;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;max-width:600px;text-align:center}.vt-wave-placeholder{position:absolute;top:50%;left:0;right:0;height:200px;transform:translateY(-50%);opacity:0;pointer-events:none}.vt-clients-placeholder{position:absolute;bottom:2rem;left:0;right:0;height:100px;opacity:0;pointer-events:none}}@layer utilities{::view-transition-group(root){animation:none}::view-transition-old(root){animation:.3s ease-out both fade-out;mix-blend-mode:normal;object-fit:cover}::view-transition-new(root){animation:.3s ease-in both fade-in;mix-blend-mode:normal;object-fit:cover}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}html.theme-transition::view-transition-old(root),html.theme-transition::view-transition-new(root){animation:none;mix-blend-mode:normal}html.theme-transition.contracting::view-transition-old(root){z-index:9999}::view-transition-group(ai-image),::view-transition-group(web-image),::view-transition-group(xr-image){z-index:100;animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(ai-title),::view-transition-group(web-title),::view-transition-group(xr-title){z-index:101;animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(ai-title),::view-transition-old(web-title),::view-transition-old(xr-title),::view-transition-new(ai-title),::view-transition-new(web-title),::view-transition-new(xr-title){height:100%;width:100%;object-fit:none}@keyframes slide-up-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}::view-transition-group(ai-description),::view-transition-group(web-description),::view-transition-group(xr-description){z-index:102}::view-transition-group(ai-text),::view-transition-group(web-text),::view-transition-group(xr-text){z-index:102}::view-transition-new(ai-description),::view-transition-new(web-description),::view-transition-new(xr-description){animation:slide-up-in .4s cubic-bezier(.16,1,.3,1) .25s both}::view-transition-new(ai-text),::view-transition-new(web-text),::view-transition-new(xr-text){animation:slide-up-in .4s cubic-bezier(.16,1,.3,1) .35s both}::view-transition-old(ai-description),::view-transition-old(web-description),::view-transition-old(xr-description),::view-transition-old(ai-text),::view-transition-old(web-text),::view-transition-old(xr-text){animation:slide-down-out .2s ease-out both}@keyframes slide-down-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}::view-transition-group(main-wave){z-index:50}::view-transition-old(main-wave){animation:slide-down-fade-out .3s ease-out both}::view-transition-new(main-wave){animation:slide-up-fade-in .4s ease-out .1s both}::view-transition-group(clients-section){z-index:50}::view-transition-old(clients-section){animation:slide-down-fade-out .3s ease-out both}::view-transition-new(clients-section){animation:slide-up-fade-in .4s ease-out .1s both}@keyframes slide-right-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slide-left-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}::view-transition-group(logo-text){z-index:200}::view-transition-old(logo-text),::view-transition-new(logo-text){height:100%;width:auto}::view-transition-group(back-arrow){z-index:201}::view-transition-old(back-arrow){animation:slide-left-out .2s ease-out both}::view-transition-new(back-arrow){animation:slide-right-in .3s ease-out .1s both}@media (max-width: 768px){.page{padding:1.5rem}.header{margin-bottom:2rem}.expertise-section{padding-top:4rem}.expertise-circles{gap:15px}.circle{width:50px}.circle-wrapper:nth-child(2){transform:translateY(-15px)}.circle-label{font-size:1rem}.clients-section{padding-top:2rem}.section-title{font-size:.65rem;margin-bottom:1rem}.clients-grid{gap:1rem 1.5rem}.client{font-size:.875rem}.wave-container{height:120px}.detail-image-block{float:none;width:100%;margin:0 0 1.5rem}.detail-description,.detail-text{text-align:left}}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.circle,.theme-toggle,.logo.clickable,.logo-back.clickable,.client{transition:none!important}}}