.light{--background:0 0% 98%;--foreground:0 0% 7%;--card:0 0% 100%;--card-foreground:0 0% 7%;--popover:0 0% 100%;--popover-foreground:0 0% 7%;--muted:0 0% 96.9%;--muted-foreground:0 0% 33%;--border:0 0% 0%/.06;--input:0 0% 0%/.08}.portfolio,.case-page{--page-gutter:max(clamp(24px,5vw,64px),calc((100vw - 1400px)/2));--surface:#0c0e0e;--surface-2:#111414;--soft-surface:#090b0b;--hairline:#ffffff16;--muted-copy:#a3a7a7;--card-shadow:0 28px 100px #00000047;--ease-premium:cubic-bezier(.22,.61,.36,1);background-color:var(--background);background-image:radial-gradient(circle at 8% 9%,#0054551a,#0000 25%),radial-gradient(circle at 92% 32%,#00384e14,#0000 29%),linear-gradient(#0000,#020e0d14 45%,#0000 80%);background-image:radial-gradient(circle at 8% 9%,lab(31.3458% -29.4802 -8.76104/.1),#0000 25%),radial-gradient(circle at 92% 32%,lab(21.2386% -11.3482 -19.379/.08),#0000 29%),linear-gradient(#0000,lab(3.16983% -3.32254 -.761434/.08) 45%,#0000 80%)}.light .portfolio,.light .case-page{--background:#fafafa;--foreground:#111;--surface:#fff;--surface-2:#f7f7f7;--soft-surface:#f4f5f5;--hairline:#0000000f;--primary:#009e9e;--mint:#37b78a;--muted-copy:#555;--card-shadow:0 20px 80px #121c1b0f;background-image:radial-gradient(circle at 8% 6%,#aee4df57,#0000 24%),radial-gradient(circle at 91% 27%,#cbe6f473,#0000 27%),linear-gradient(#fafafa 0%,#ffffffe6 22%,#f7f7f7 56%,#fafafa 100%);background-image:radial-gradient(circle at 8% 6%,lab(86.7079% -18.4011 -3.76327/.34),#0000 24%),radial-gradient(circle at 91% 27%,lab(89.6871% -7.23302 -10.1265/.45),#0000 27%),linear-gradient(#fafafa 0%,#ffffffe6 22%,#f7f7f7 56%,#fafafa 100%)}@supports (color:lab(0% 0 0)){.light .portfolio,.light .case-page{--primary:lab(58.4489% -42.5658 -12.693);--mint:lab(66.925% -44.4831 12.6271)}}.portfolio:before,.case-page:before{content:"";z-index:90;pointer-events:none;opacity:.025;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.light .portfolio:before,.light .case-page:before{opacity:.022;mix-blend-mode:multiply}.section-shell{width:auto;max-width:1400px;margin-inline:auto;padding-inline:clamp(24px,5vw,64px)}.portfolio section[id],.portfolio #projects{scroll-margin-top:90px}.glass{background:linear-gradient(145deg,#ffffff13,#ffffff06);box-shadow:0 16px 60px #0000001f}.light .glass{background:linear-gradient(145deg,#ffffffe6,#fafafaad);box-shadow:0 16px 60px #121c1b0e}.portfolio .site-header{border-color:var(--hairline);background:color-mix(in srgb,var(--background) 74%,transparent);width:min(1400px,100% - 40px);height:58px;transition:background .35s,border-color .35s,box-shadow .35s;left:50%;right:auto;transform:translate(-50%);box-shadow:0 16px 60px #0000001a}.light .portfolio .site-header{box-shadow:0 14px 50px #121c1b0f}.header-tools{align-items:center;gap:9px;display:flex}.theme-toggle{border:1px solid var(--hairline);background:var(--surface);width:40px;height:40px;color:var(--foreground);cursor:pointer;transition:transform .45s var(--ease-premium),box-shadow .45s var(--ease-premium),background .3s;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.theme-toggle:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 10px 30px #0000001f}.theme-toggle svg{width:16px;height:16px;transition:opacity .25s,transform .45s var(--ease-premium);position:absolute}.dark .theme-sun{opacity:1;transform:rotate(0)scale(1)}.dark .theme-moon{opacity:0;transform:rotate(-35deg)scale(.6)}.light .theme-sun{opacity:0;transform:rotate(35deg)scale(.6)}.light .theme-moon{opacity:1;transform:rotate(0)scale(1)}.portfolio .site-header .wordmark{color:var(--foreground)}.light .portfolio .site-header .wordmark i{color:#fff;background:#111;box-shadow:0 0 28px #22c8be38}.light .portfolio .site-header nav{border-color:var(--hairline);color:#777;background:#ffffffb3;box-shadow:0 10px 40px #121c1b09}.portfolio .header-cta,.portfolio .hero-actions a,.finale-reference>div>button{transition:transform .5s var(--ease-premium),box-shadow .5s var(--ease-premium),background .3s}.portfolio .header-cta:hover,.portfolio .hero-actions a:hover,.finale-reference>div>button:hover{transform:translateY(-3px)scale(1.015);box-shadow:0 16px 38px #00000026}.portfolio .hero{background:radial-gradient(circle at 50% 47%,#0023277a,transparent 31%),radial-gradient(circle at 9% 17%,#00291e2e,transparent 28%),linear-gradient(180deg,var(--background),color-mix(in srgb,var(--background) 93%,var(--surface-2)));min-height:900px}@supports (color:lab(0% 0 0)){.portfolio .hero{background:radial-gradient(circle at 50% 47%,lab(11.1809% -17.199 -9.30035/.48),transparent 31%),radial-gradient(circle at 9% 17%,lab(13.6581% -17.5226 3.18968/.18),transparent 28%),linear-gradient(180deg,var(--background),color-mix(in srgb,var(--background) 93%,var(--surface-2)))}}.light .portfolio .hero{background:radial-gradient(circle at 50% 44%,#50dad026,#0000 28%),radial-gradient(circle at 4% 13%,#83e0d52b,#0000 26%),radial-gradient(circle at 94% 75%,#a0b4dc1f,#0000 28%),linear-gradient(#fafafa 0%,#fff 58%,#fafafa 100%)}.light .portfolio .hero:before{opacity:.45;background-image:radial-gradient(circle,#1111111f .55px,#0000 .75px),linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:110px 110px,72px 72px,72px 72px;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}.light .portfolio .hero h1{color:#111}.light .portfolio .hero h1 em{color:#202222}.light .portfolio .hero-summary{color:#555}.light .portfolio .hero-status{color:#666;border-color:var(--hairline);background:#ffffffb8;box-shadow:0 12px 42px #121c1b0d}.light .portfolio .hero-actions a{color:#111;border-color:var(--hairline);background:#ffffffb8;box-shadow:0 12px 35px #121c1b0a}.light .portfolio .hero-actions a:first-child{color:#fff;background:#111;box-shadow:0 16px 36px #00000024}.light .portfolio .text-accent-gradient{background:linear-gradient(135deg,#02aeb5,#22cbb4);-webkit-background-clip:text;background-clip:text}.brand-strip{height:auto;min-height:360px;padding:120px var(--page-gutter);background:color-mix(in srgb,var(--surface) 70%,transparent)}.brand-strip>div{gap:35px;width:100%;max-width:1400px;margin-inline:auto;padding:0}.light .brand-strip>span{color:#aaa}.light .brand-strip>p,.light .reference-heading>span,.light .faq-intro>span{color:#777}.portfolio .projects-intro{min-height:470px;padding:clamp(140px,11vw,180px) var(--page-gutter);background:linear-gradient(180deg,var(--background),var(--surface-2));flex-direction:column;justify-content:center;display:flex}.portfolio .projects-intro>*{width:min(1400px,100%);margin-left:auto;margin-right:auto}.light .portfolio .projects-intro>span{color:#777}.light .portfolio .projects-intro p{color:#555}.reference-section,.about-reference,.stats-section,.testimonials,.faq-section{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.reference-section{padding-top:clamp(140px,11vw,180px);padding-bottom:clamp(140px,11vw,180px)}.reference-heading{max-width:1400px;margin-left:auto;margin-right:auto}.reference-heading h2{letter-spacing:-.05em;font-size:clamp(54px,6vw,88px);line-height:.95}.reference-heading>p{color:var(--muted-copy);font-size:15px;line-height:1.7}.light .reference-heading h2 em,.light .faq-intro h2 em,.light .about-reference h2 em{color:#555}.projects-showcase{border-top:1px solid var(--hairline)}.projects-showcase-sticky{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.light .projects-showcase-sticky{background:radial-gradient(circle at 80% 36%,color-mix(in srgb,var(--project-accent) 18%,transparent),transparent 35%),radial-gradient(circle at 13% 70%,color-mix(in srgb,var(--project-accent) 8%,transparent),transparent 28%),linear-gradient(135deg,#fff,#f7f7f7)!important}.light .projects-showcase-sticky:after{background:linear-gradient(90deg,#fafafafa,#fafafac2 48%,#0000 80%)}.light .project-summary h3{color:#111}.light .project-summary p{color:#555}.light .projects-showcase-top{color:#777}.light .project-switcher button.active{color:#111}.light .project-switcher button i{background:#0000001f}.device-wrap{transition:filter .4s}.light .device-wrap{filter:drop-shadow(0 38px 70px #1f333133)}.light .browser{border-color:#ffffff38}.responsive-showcase{min-height:900px;padding:clamp(120px,9vw,160px) var(--page-gutter) 0;background:radial-gradient(circle at 50% 82%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 33%),var(--surface-2)}.services-reference{background:var(--background)}.services-reference .services-grid{gap:18px;max-width:1400px;margin:70px auto 0}.services-reference .service-card,.stats-section article,.testimonials article{border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--card-shadow);transition:transform .5s var(--ease-premium),box-shadow .5s var(--ease-premium),border-color .4s,background .4s;border-radius:28px}.services-reference .service-card{height:310px;padding:27px}.services-reference .service-card:hover,.stats-section article:hover,.testimonials article:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--hairline));transform:translateY(-8px);box-shadow:0 30px 100px #121c1b1c}.light .services-reference .service-card:hover{background:#fff}.light .services-reference .service-card>i{color:#444;background:#f7f7f7}.light .services-reference .service-card h3{color:#111}.light .services-reference .service-card p{color:#555}.light .services-reference .service-card a{color:#777}.process-reference{background:linear-gradient(180deg,var(--surface-2),var(--background))}.process-timeline{max-width:900px}.light .process-timeline article>span{color:#777}.light .process-timeline p{color:#555}.light .process-timeline article>b{color:#555;background:#fff;box-shadow:0 8px 28px #121c1b0d}.about-reference{background:var(--surface);padding-top:clamp(140px,11vw,180px);padding-bottom:clamp(140px,11vw,180px)}.light .about-reference>span,.light .about-reference>p{color:#555}.light .about-reference>div span{color:#555;background:#fafafa}.tech-reference{background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 34%),var(--background);min-height:760px}.tech-pills{max-width:1400px}.tech-pills span{border-color:var(--hairline);background:var(--surface);transition:transform .45s var(--ease-premium),box-shadow .45s var(--ease-premium);box-shadow:0 8px 30px #00000009}.tech-pills span:hover{box-shadow:0 18px 45px #121c1b17;transform:translateY(-5px)!important}.light .tech-pills span{color:#555}.stats-section{background:var(--surface-2);gap:20px;padding-top:150px;padding-bottom:150px}.stats-section article{height:175px;padding:28px}.light .stats-section span{color:#555}.testimonials{background:var(--background);padding-top:clamp(140px,11vw,180px);padding-bottom:clamp(140px,11vw,180px)}.testimonials>div:last-child{gap:20px}.testimonials article{min-height:310px;padding:34px}.light .testimonials article p{color:#222}.light .testimonials article span{color:#777}.faq-section{background:var(--surface);padding-top:clamp(140px,11vw,180px);padding-bottom:clamp(140px,11vw,180px)}.light .faq-intro>p,.light .faq-list p{color:#555}.light .faq-list button{color:#111}.light .faq-list button i{color:#555;background:#fafafa}.finale-reference{background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 31%),linear-gradient(180deg,var(--background),var(--surface-2));border-bottom-color:var(--foreground);min-height:850px}.light .finale-reference>div>span,.light .finale-reference>div>p,.light .finale-reference footer{color:#666}.light .finale-reference>div>button{color:#fff;background:#111;box-shadow:0 22px 60px #00000024}.light .finale-reference>div>button i{color:#111;background:#fff}.contact-dialog{background:var(--surface);border-color:var(--hairline);box-shadow:0 35px 110px #00000047}.light .contact-dialog-backdrop{background:#171d1d57}.light .contact-dialog label{color:#666}.light .contact-dialog input,.light .contact-dialog select,.light .contact-dialog textarea{color:#111;background:#fafafa;border-color:#00000014}.light .mobile-menu-toggle{background:#fff}.light .mobile-navigation{background:#fafafafa!important}.light .case-hero{background:linear-gradient(#fafafa,#fff)}.light .case-title>p,.light .flow-grid p,.light .sticky-copy>p,.light .step-list p,.light .tech-split article>p{color:#555}.light .case-kpis article,.light .wireframe-mock,.light .tech-split article,.light .admin-mock,.light .case-finale-inner{box-shadow:var(--card-shadow);background:#fff;border-color:#0000000f}.light .palette,.light .type-specimen,.light .highlight-list{box-shadow:var(--card-shadow);background:#fff}.light .tech-row i,.light .tech-split article div i{background:#fff}.light .case-nav{background:#fafafac7;box-shadow:0 14px 45px #121c1b0f}@keyframes premium-reveal{0%{opacity:.2;transform:translateY(44px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){.brand-strip,.projects-intro,.responsive-showcase,.reference-section,.about-reference,.stats-section,.testimonials,.faq-section{animation:linear both premium-reveal;animation-timeline:view();animation-range:entry cover 26%}}@media (max-width:900px){.portfolio .site-header{width:auto;top:14px;left:14px;right:14px;transform:none}.header-tools{margin-left:auto;margin-right:8px}.portfolio .header-tools .header-cta{display:none}.projects-showcase-sticky{padding-left:24px;padding-right:24px}.light .projects-showcase-sticky:after{background:linear-gradient(#fafafae0,#fafafa73 55%,#0000)}}@media (max-width:560px){.portfolio,.case-page{--page-gutter:18px}.portfolio .site-header{padding-left:14px}.portfolio .hero{min-height:780px}.brand-strip{min-height:320px;padding-block:100px}.portfolio .projects-intro{min-height:390px;padding-top:110px;padding-bottom:110px}.reference-section,.about-reference,.testimonials,.faq-section{padding-top:110px;padding-bottom:110px}.services-reference .service-card{border-radius:24px;height:250px}.stats-section{padding-top:100px;padding-bottom:100px}.stats-section article{border-radius:22px}}@media (prefers-reduced-motion:reduce){.brand-strip,.projects-intro,.responsive-showcase,.reference-section,.about-reference,.stats-section,.testimonials,.faq-section{animation:none!important}.theme-toggle,.service-card,.stats-section article,.testimonials article,.tech-pills span{transition-duration:.01ms!important}}