#loading-screen{opacity:1;visibility:visible;transform:translateY(0);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s ease;will-change:transform}.loading-icon{position:relative;opacity:0;transform:scale(.85);transform-origin:center;transition:transform .25s ease,opacity .25s ease;will-change:transform,opacity}.loading-icon.active{opacity:1;transform:scale(1)}.loading-icon.stacking{animation-duration:1s;animation-fill-mode:forwards;position:relative;z-index:10}.loading-icon.stacking:nth-child(1){animation-name:move;animation-delay:0ms;z-index:14}.loading-icon.stacking:nth-child(2){animation-name:move2;animation-delay:.12s;z-index:13}.loading-icon.stacking:nth-child(3){animation-name:move3;animation-delay:80ms;z-index:12}.loading-icon.stacking:nth-child(4){animation-name:move4;animation-delay:20ms;z-index:11}@keyframes move{0%{left:0%}to{left:30%}}@keyframes move2{0%{left:0%}to{left:7%}}@keyframes move3{0%{left:0%}to{left:-14%}}@keyframes move4{0%{left:0%}to{left:-38%}}#loading-screen.exiting{transform:translateY(-100%);opacity:1}@media (max-width: 768px){.loading-icons{gap:1.1rem;padding-inline:1.5rem}}:root{--height: x;--primary-dark: #1f3d25;--primary: #2D5D34;--primary-light: #56A55C;--accent: #ADE4AD;--accent-v2: #b3ff60;--super-light: #E6F5E6;--bg-color: #F1E3DA;--card-bg: #FFFDFC;--page-bg: #F1E3DA;--text-dark: #1A1A1A;--text-light: #555555;--focus-ring: #1a73e8;--focus-ring-offset: 3px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .1);--shadow-md: 0 6px 15px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .2);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-full: 999px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--transition-fast: .3s ease}*{margin:0;padding:0;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}html{scrollbar-gutter:stable}body{font-family:Inter,sans-serif;color:var(--text-dark);background-color:var(--primary-dark);line-height:1.6}main{background:var(--page-bg);padding-top:.75rem;border-radius:0 0 4rem 4rem}@media screen and (max-width: 480px){main{border-radius:0 0 3rem 3rem}}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}main a[href]:not(.btn):not(.nav-link):not(.mobile-nav-link):not(.logo):not(.section-label){color:var(--primary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em}main a[href]:not(.btn):not(.nav-link):not(.mobile-nav-link):not(.logo):not(.section-label):hover{color:var(--primary-dark)}:where(button,input,textarea,select){font:inherit}:where(button,input,textarea,select):disabled{cursor:not-allowed}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:0;left:0;transform:translateY(-120%);background:#111;color:#fff;padding:.75rem 1rem;border-radius:0 0 var(--radius-sm) 0;z-index:10000}.skip-link:focus-visible{transform:translateY(0)}:target{scroll-margin-top:7rem}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media screen and (max-width: 480px){.container{padding:0 var(--space-sm)}.header .container{padding:0 var(--space-md)}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.header{padding:var(--space-sm) 0;position:fixed;top:14px;left:0;right:0;z-index:20;transition:max-width var(--transition-fast),background var(--transition-fast);width:100%;max-width:850px;border-radius:var(--radius-md);margin-inline:auto}.header.scrolled{background:#f5f5f5ab;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 4px 20px #0000001a;max-width:800px;transition:max-width var(--transition-fast),background var(--transition-fast)}@media screen and (max-width: 848px){.header.scrolled{max-width:calc(100% - 48px)}}.logo{display:flex;align-items:center;gap:var(--space-xs);font-size:1.8rem;font-weight:700;color:#000;font-family:Space Grotesk}.logo-icon{width:36px;height:36px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,var(--accent),var(--primary-light));opacity:.8;border-radius:inherit}.nav-list{display:flex;list-style:none;gap:var(--space-md)}.nav-link{font-weight:500;color:#000;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--accent);transition:width var(--transition-fast)}.nav-link:hover:after{width:100%}.nav-link.active{font-weight:700}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--accent)}#liquidCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none;opacity:0;transition:none}#liquidCanvas.active{opacity:1;will-change:transform,opacity}body.preload *{transition:none!important;animation:none!important}.section-header{text-align:center;position:relative;z-index:2}.section-label{display:inline-block;padding:.5rem 1rem;background-color:var(--super-light);color:var(--primary);border-radius:var(--radius-full);font-weight:600;font-size:.875rem;margin-bottom:var(--space-sm)}a.section-label:hover{margin-left:.75rem}.section-header h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-sm)}.section-header p{max-width:600px;margin:0 auto;color:var(--text-light)}.loading>*:not(#loading-screen,.loading-container){opacity:0}.hero{margin:0 .75rem .75rem;border-radius:2rem;color:#fff;padding:calc(var(--space-xl) * 2) 0 var(--space-xl);position:relative;overflow:visible;background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.hero-content{position:relative;z-index:5;text-align:center}.hero-heading{font-size:clamp(3rem,5vw,4.4rem);line-height:1.2;margin-bottom:1.5rem;font-kerning:none;text-rendering:optimizeSpeed}.hero-heading span.highlight{position:relative;display:inline-block;color:var(--accent);--width: 0%}.hero-heading span.highlight:after{content:"";position:absolute;left:0;bottom:.3125rem;width:var(--width);height:.75rem;background-color:var(--primary-light);opacity:.7;z-index:-1}.hero-subheading{font-size:clamp(1.1rem,2vw,1.3rem);margin-bottom:var(--space-lg);color:#ffffffe6}.hero-buttons{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);justify-content:center;align-items:center}.hero canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden;border-radius:2rem;z-index:1;pointer-events:none;display:block;opacity:1}@media (max-width: 768px){.waves-container canvas{opacity:1}}@media (prefers-reduced-motion: reduce){.waves-container canvas{display:none}}.hero-floating-icons{position:absolute;bottom:-40px;display:flex;justify-content:center;width:100%;z-index:10}.floating-icon{display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s ease;flex-shrink:0;scale:.7}@media screen and (max-width: 430px){.floating-icon{margin-inline:-6%}}.floating-icon img{height:123px;width:auto}.bento-section{padding:calc(var(--space-xl)*1.5) 0 var(--space-xl);position:relative;overflow:hidden}.bento-section .section-header>*{opacity:0}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);gap:var(--space-sm);margin:var(--space-xl) auto 0;grid-template-areas:"ux     webdev  webdev" "ux     pixelwave   webdesign" "ux     seo     webdesign" "wave   seo  webdesign"}@media screen and (max-width: 480px){.bento-section{padding:calc(var(--space-lg)*1.5) 0 var(--space-lg)}.bento-grid{margin:var(--space-lg) auto 0}}.bento-item{background-color:var(--card-bg);position:relative;padding:2rem 1.8rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--primary-dark);display:flex;flex-direction:column;gap:var(--space-md)}.bento-content{position:relative;z-index:2}.bento-content h3{font-size:1.6rem;color:var(--primary-dark);margin-bottom:var(--space-sm);line-height:1.3}.bento-content p{color:var(--text-light);font-size:1rem;line-height:1.6}.bento-image-container{width:auto;height:auto;border-radius:var(--radius-lg);overflow:hidden;z-index:1}.bento-image-container img{height:123px;width:auto}.ux-ui{grid-area:ux}.web-design{grid-area:webdesign}.web-development{grid-area:webdev;flex-flow:row}.web-development .bento-image-container{flex-shrink:0}.seo{grid-area:seo}.pixelwave-text{grid-area:pixelwave;justify-content:center;align-items:center;font-size:2.8rem;font-family:Space Grotesk;font-weight:700;color:#fff;background-color:var(--primary-dark)}.wave-logo{grid-area:wave;background-color:#f8f9fa;padding:10px;display:flex;justify-content:center;align-items:center}.wave-logo img{max-width:60%;height:auto;display:block}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"ux" "webdev" "pixelwave" "seo" "webdesign" "wave"}.bento-item{flex-flow:column}.pixelwave-text{font-size:2em}.item-wave img{width:65%;margin:auto}}.service-icon-placeholder{filter:brightness(0) saturate(100%) invert(83%) sepia(21%) saturate(1%) hue-rotate(327deg) contrast(91%);position:relative;overflow:hidden;-webkit-mask:linear-gradient(-60deg,#000 30%,rgba(0,0,0,.3) 50%,#000 70%) right/300% 100%;mask:linear-gradient(-60deg,#000 30%,rgba(0,0,0,.3) 50%,#000 70%) right/300% 100%;animation:shimmer-mask 2s infinite alternate}@keyframes shimmer-mask{to{-webkit-mask-position:left;mask-position:left}}.process{padding:var(--space-xl) 0;background-color:var(--page-bg);position:relative;overflow:hidden}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;margin-top:var(--space-xl)}@media screen and (max-width: 480px){.process{padding:var(--space-lg) 0}.process-grid{margin-top:var(--space-lg)}}.process-card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;border:1px solid var(--primary-dark);display:flex;flex-flow:column}.process-number{position:absolute;right:24px;top:13px;font-size:76px;line-height:normal;font-weight:700;color:#eee4dad4;font-family:Space Grotesk}.process-content{padding:var(--space-md);height:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.process-icon{height:60px;margin-top:0}.process-icon img{filter:brightness(1.4);height:100%}.process-card:nth-child(n+4) .process-icon img{filter:brightness(1.5)}.process-title{font-size:1.5rem;margin-top:var(--space-sm)}.btn.btn-nav{padding:.8rem 1.2rem .8rem 1.1rem;border:none;color:#fff;background:var(--primary-dark);overflow:hidden;transition:color .99s ease;gap:var(--space-xs)}.btn.btn-nav:hover,.footer-buttons .btn-white:hover,.brand-card .mobile-nav-contact:hover,.hero-buttons .btn-primary:hover{color:var(--primary-dark);transition:color .8s ease,scale .3s ease-out}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--radius-full);transition:background var(--transition-fast),box-shadow var(--transition-fast),color .99s ease,scale .3s ease-out;cursor:pointer}.btn:active{scale:.965 .975!important}.btn-primary{background-color:var(--accent);color:var(--primary-dark);box-shadow:0 4px 15px #2d5d3440}.btn-primary:hover{box-shadow:0 8px 25px #2d5d344d}.btn-outline{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}.btn-outline:hover{background-color:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.btn-large{padding:1em 1.5em 1em 1.625em;font-size:1.1rem}.btn-white{background-color:#fff;color:var(--primary);transform:translate(0)}.btn-white:hover{background-color:var(--super-light);color:var(--primary-dark);box-shadow:0 8px 30px #fff3}.hero-buttons .btn-primary,.footer-buttons .btn-white{position:relative;overflow:hidden;gap:var(--space-xs)}.btn-dot{z-index:0;border-radius:var(--radius-full);width:.6em;height:.6em;background:var(--primary);left:0;transition:background .5s cubic-bezier(.35,0,0,1),transform .8s cubic-bezier(.35,0,0,1)}.footer-buttons .btn-white .btn-dot,.mobile-nav-contact .btn-dot{background:var(--accent)}.btn.btn-nav .btn-dot{background:var(--accent);height:.45em;width:.45em}.hero-buttons .btn-primary:hover .btn-dot,.btn.btn-nav:hover .btn-dot,.footer-buttons .btn-white:hover .btn-dot,.mobile-nav-contact:hover .btn-dot{transform:translate3d(3em,0,0) scale(50)}.mobile-nav-contact:hover .btn-dot{transform:translate3d(5em,0,0) scale(120)}.hero-buttons .btn-primary .btn-text,.btn.btn-nav .btn-text,.footer-buttons .btn-text,.mobile-nav-contact .btn-text{transition:transform .8s ease;z-index:1}.hero-buttons .btn-primary:hover .btn-text,.footer-buttons .btn-white:hover .btn-text{transform:translate(-10px)}.mobile-nav-contact:hover .btn-text{transform:translate(-1.5rem)}.btn.btn-nav:hover .btn-text{transform:translate(-7px)}.hero-buttons .btn-primary:hover{color:#fff}.liquid-button{background:transparent;position:relative;overflow:hidden;transition:color .4s cubic-bezier(.25,.46,.45,.94),scale .3s ease-out;outline:2px solid #ffffff9c}.liquid-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#ffffff1a;border-radius:50px;transition:left .4s cubic-bezier(.25,.46,.45,.94);z-index:-1}.liquid-button:hover:before{left:0}.liquid-button:hover{color:#fff}.dark-liquid.liquid-button{border:2px solid var(--primary-dark)}.dark-liquid.liquid-button:before{background-color:var(--primary-dark)}.footer{position:relative;background-color:var(--primary-dark);color:#fff;padding:var(--space-xl) 0 0 0;min-height:300px;overflow:hidden;width:100%}.footer .container{position:relative;z-index:2}.footer-grid{display:flex;gap:var(--space-lg);margin-bottom:var(--space-sm);position:relative;z-index:2}.footer-grid>div:not(:nth-child(2)){flex-shrink:0}@media (max-width:992px){.footer-grid{flex-wrap:wrap}.footer-grid>div:not(:nth-child(2)){flex-shrink:unset}.footer-grid>div{flex:1 1 350px}}.footer-logo-container{position:relative;width:100%;height:clamp(140px,22vw,220px);overflow:hidden}.footer-logo{--footer-logo-cut: 28%;position:absolute;bottom:0;left:0;width:100%;height:auto;clip-path:inset(0 0 var(--footer-logo-cut) 0);transform:translateY(var(--footer-logo-cut));padding-inline:var(--space-sm)}.footer-contact{width:50%}.footer-contact h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1}.footer-buttons{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding-top:var(--space-md)}.footer-buttons .btn-large{width:max-content}.footer-buttons>div{display:inline-flex;gap:var(--space-md)}.footer-email-copy{display:inline-flex;align-items:center;gap:.35rem;position:relative;cursor:pointer;background:transparent;border:0;padding:0;color:inherit}.tooltip{position:absolute;bottom:120%;left:25%;background:#1e1e1e;color:#fff;padding:.325rem var(--space-xs);border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;pointer-events:none}.footer-description{color:#ffffffb3}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a,.footer-links button{color:#ffffffb3;transition:transform var(--transition-fast),color var(--transition-fast);display:inline-block}.footer-links a:hover,.footer-links button:hover{color:#fff;transform:translate(5px)}.footer-cookie-settings{background:transparent;border:0;padding:0;font-size:1rem;cursor:pointer}.footer-bottom{position:relative;z-index:2;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-md);padding-top:var(--space-md);margin-bottom:var(--space-md)}.copyright{color:#ffffffb3;font-size:.9rem}.case-study{padding:var(--space-xl) 0 calc(var(--space-xl)*1.5);position:relative}.case-preview{display:grid;grid-template-columns:1fr 1fr;margin-top:var(--space-xl);background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--primary-dark);position:relative;z-index:2}@media screen and (max-width: 480px){.case-study{padding:var(--space-lg) 0 calc(var(--space-lg)*1.5)}.case-preview{margin-top:var(--space-lg)}}.case-image{position:relative;height:100%;min-height:400px;padding:12px}.case-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.case-overview{padding:var(--space-lg)}.case-overview h3{font-size:1.8rem;margin-bottom:var(--space-sm);color:var(--text-dark)}.case-tag{display:inline-block;padding:.3125rem .75rem;background-color:var(--super-light);color:var(--primary);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;margin-bottom:var(--space-md)}.case-summary{margin-bottom:var(--space-md);color:var(--text-light);font-size:1.1rem;line-height:1.6}.case-highlights{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.highlight-item{display:flex;flex-direction:column;align-items:center;text-align:center}.highlight-icon{width:50px;height:50px;background-color:var(--super-light);color:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:var(--space-xs)}@media (max-width: 768px){.hero-buttons{max-width:280px;margin:auto;align-items:stretch}.case-preview{grid-template-columns:1fr}.case-overview{padding:var(--space-md)}.case-image{min-height:250px}.case-highlights{flex-wrap:wrap;justify-content:center}}@media (max-width: 1240px){.svg-path{position:absolute;left:-155px}}@media (max-width: 992px){.case-challenge,.case-results{grid-template-columns:1fr}.case-results{display:flex;flex-direction:column-reverse}}@media (max-width: 768px){.hero-buttons{flex-direction:column;gap:var(--space-sm)}.process-grid{grid-template-columns:1fr}.timeline-item{margin-top:var(--space-md)}}.hamburger-btn{background:none;border:none;cursor:pointer;padding:.7rem;display:flex;flex-direction:column;gap:.3rem;z-index:20;position:relative;display:none}.hamburger-line{width:1.75rem;height:.2rem;background-color:var(--text-dark);border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,5px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.menu-overlay{position:fixed;display:none;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:19;opacity:0;visibility:hidden;pointer-events:none}.menu-overlay[aria-hidden=false]{pointer-events:auto}.menu-container{margin-top:6.25rem;max-width:calc(100% - 48px);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-xs);pointer-events:auto}.header:not(.scrolled) .menu-container{max-width:calc(100% - 48px);margin-inline:auto}.menu-card{background:var(--card-bg);border-radius:var(--radius-md);padding:.9rem .3125rem;box-shadow:var(--shadow-lg);border:1px solid var(--primary-dark);overflow:hidden;transform:rotate(3deg);opacity:0}.navigation-card{flex:1}.mobile-nav-list{list-style:none;padding:0;margin:0}.mobile-nav-link{display:block;font-size:1.2rem;font-weight:600;color:var(--text-dark);text-decoration:none;padding:1rem 1.625rem}.mobile-nav-list li:last-child .mobile-nav-link{border-bottom:none}.mobile-nav-link:hover{color:var(--primary);padding-left:2rem}.brand-card{background:var(--primary-dark);transform:rotate(-2deg);border-color:#555}.brand-card .mobile-nav-contact{color:#fff;font-size:1.2rem;font-weight:600;padding:1rem 1.625rem;display:flex;align-items:center;gap:var(--space-xs)}.brand-card .mobile-nav-contact{transition:color 1.55s ease}@media (max-width: 768px){.menu-overlay{display:block}.hamburger-btn,.menu-container{display:flex}.nav-list,.nav-cta{display:none}}@media (prefers-reduced-motion: reduce){.menu-card,.floating-icon,.hero-heading *{animation:none!important;transition:none!important}}.cookie-consent{position:fixed;bottom:2rem;right:2rem;width:420px;max-width:calc(100vw - 2rem);background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000026;border:1px solid var(--primary-dark);z-index:18;font-family:Inter,sans-serif;animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.cookie-content{padding:1.5rem}.cookie-header{display:flex;align-items:center;margin-bottom:1rem}.cookie-header h3{margin:0;font-size:1.25rem;color:var(--text-dark);font-weight:600}.cookie-content p{color:var(--text-light);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.cookie-categories{margin-bottom:1.5rem}.cookie-category{margin-bottom:1rem}.cookie-toggle{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.cookie-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-slider{position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:24px;transition:background .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.cookie-toggle input:checked+.toggle-slider{background:var(--primary)}.cookie-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.cookie-toggle input:focus-visible+.toggle-slider{outline:3px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.cookie-toggle input:disabled+.toggle-slider{background:var(--primary);opacity:.7}.category-info{flex:1}.category-info strong{display:block;color:var(--text-dark);font-size:.95rem;margin-bottom:.25rem}.category-info small{color:var(--text-light);font-size:.85rem}.cookie-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.cookie-btn{padding:.75rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .3s ease;flex:1;min-width:100px;font-family:inherit}.cookie-btn:disabled{opacity:.6}.cookie-btn:disabled:hover{transform:none}.cookie-btn.primary{background:var(--primary);color:#fff;font-weight:600}.cookie-btn.primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.cookie-btn.secondary{background:#f3f4f6;color:var(--text-dark);border:1px solid #e5e7eb;font-weight:400}.cookie-btn.secondary:hover{background:#e5e7eb;transform:translateY(-2px)}@media (max-width: 480px){.cookie-consent{bottom:1rem;right:1rem;left:1rem;width:auto}.cookie-buttons{flex-direction:column}.cookie-btn{flex:none}}#footer-placeholder{position:fixed;bottom:0;left:0;width:100%;height:auto;pointer-events:auto}#footer-spacer{display:block;width:100%;pointer-events:none}#smooth-wrapper{z-index:2;position:relative;background-color:transparent;pointer-events:none}#smooth-content{background-color:transparent;z-index:2;position:relative;pointer-events:none}[data-router-wrapper]{pointer-events:auto}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}a.section-label:hover{margin-left:0}.mobile-nav-link:hover{padding-left:1.625rem}.btn-outline:hover,.cookie-btn.primary:hover,.cookie-btn.secondary:hover,.footer-links a:hover,.footer-links button:hover{transform:none}}@media (prefers-contrast: more){:root{--focus-ring-offset: 4px}.header.scrolled{background:#f5f5f5eb}.nav-link:after{height:3px}.footer-links a,.footer-links button{color:#fff}}@media (forced-colors: active){:where(a,button,input,textarea,select,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid Highlight;outline-offset:2px}.toggle-slider{border:1px solid ButtonText;background:Canvas}.toggle-slider:before{background:ButtonText;box-shadow:none}}.case-hero{padding-top:calc(var(--space-xl)*2.1)}section:not([data-page=home]) .hero-subheading{color:var(--text-dark)}.case-labels{display:flex;gap:.5rem}[data-page=case-study] .section-label{display:inline-flex;align-items:center;gap:.4rem}.case-hero-image{background-color:var(--primary-dark);border-radius:var(--radius-md);overflow:hidden;max-height:35rem;display:flex;flex-flow:column;gap:var(--space-sm);justify-content:center;align-items:center;padding-top:var(--space-sm)}.case-hero-image img{max-width:unset;height:auto;object-fit:cover}.case-hero-row-3{min-width:106%}.image-container{transform:rotate(-8.54deg);-webkit-user-select:none;user-select:none;pointer-events:none}.case-hero-image .image-container:nth-child(2){transform:rotate(-8.54deg) translate(-40px)}.case-hero-image .image-container:nth-child(3){transform:rotate(-8.54deg) translate(-12px)}.case-study-content{display:flex;flex-direction:column;margin-top:var(--space-md);overflow:hidden;background-color:var(--card-bg);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--primary-dark);gap:var(--space-sm)}.case-study-content h2{color:var(--text-dark)}.case-study-content p{line-height:1.7}.case-study-content svg{width:2rem;height:auto;margin-bottom:var(--space-sm)}.case-study-content svg path{fill:#51764d}.redesign-showcase{padding-block:calc(var(--space-xl)*2)}@media screen and (max-width: 480px){.redesign-showcase{padding-block:var(--space-xl)}}.showcase-header{display:flex;justify-content:center;margin-bottom:var(--space-md)}.tab-buttons{position:relative;background-color:var(--card-bg);border-radius:12px;padding:4px;margin-bottom:2rem;box-shadow:inset 2px 4px 12px -3px #e5e5e5,inset -3px -5px 2px #fff;overflow:hidden;display:flex;border:1px solid var(--primary-dark)}.tab-slider{position:absolute;top:4px;bottom:4px;background-color:var(--accent);border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 2px 6px #ccc}.tab-btn{font-family:inherit;font-weight:500;color:#6b7280;font-size:1rem;flex:1;padding:.75rem 1.5rem;cursor:pointer;border-radius:8px;transition:color .3s ease;background-color:transparent;border:none;position:relative;z-index:2}.tab-btn:hover:not(.active){color:#374151}.tab-btn.active{color:var(--primary-dark);font-weight:600}.tab-panel{display:none;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.tab-panel.active{display:block;opacity:1;transform:translateY(0);animation:slideIn .5s ease-in-out}@keyframes slideIn{0%{opacity:.7;transform:translateY(40px)}to{transform:translateY(0) opacity(1)}}.browser-mockup{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.browser-header{background:var(--card-bg);padding:.75rem 1.2rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #e2e8f0;min-height:3rem}.browser-dots{position:absolute;display:flex;gap:.5rem}.browser-dots span{width:12px;height:12px;border-radius:50%}.browser-dots span:nth-child(1){background:#ff5f57}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#28ca42}.address-bar{background:#fff;padding:.15rem 1rem;border-radius:6px;color:var(--text-light);font-size:.875rem;border:1px solid #e2e8f0;margin:auto;width:70%;text-align:center}.browser-content{background:#fff;padding-top:.5rem}.browser-content img{width:100%;height:auto;display:block}@media (max-width:480px){.browser-header .address-bar{display:none}}.legal-content p{margin-bottom:1rem;color:var(--text-dark)}.legal-content ul{margin-bottom:1rem;padding-left:1.5rem}.legal-content li{margin-bottom:.5rem}.legal-content strong{font-weight:600}.error-page .container{min-height:100vh;align-content:center}.error-page--lighthouse{--beam-angle: -2deg;--beam-intensity: 1;--flicker-strength: .032;overflow-x:hidden;overflow-x:clip}.error-page__grid{display:grid;grid-template-columns:minmax(260px,520px) minmax(260px,520px);align-items:center;justify-content:space-between;gap:clamp(18px,4vw,64px);padding-block:var(--space-xl)}.error-page__art{position:relative;display:grid;place-items:end start}.error-page__lighthouse-wrap{position:relative;width:min(520px,42vw);overflow:visible;--beam-origin-x: 50.52%;--beam-origin-y: 26.24%}.error-page__lighthouse{width:100%;height:auto;display:block;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.error-page__content{position:relative;z-index:2;max-width:520px}.error-page__beam-orbit{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:var(--beam-origin-x) var(--beam-origin-y);transform:rotate(var(--beam-angle)) translateZ(0);pointer-events:none;z-index:3}.error-page__beam{position:absolute;left:var(--beam-origin-x);top:var(--beam-origin-y);transform:translateY(-50%);width:min(900px,74vw);height:min(170px,18vw);clip-path:polygon(0 50%,100% 0,100% 100%);background:radial-gradient(120px 100px at 0% 50%,rgba(255,255,255,.55),transparent 70%),linear-gradient(90deg,#7eff8899,#7eff8857 22%,#7eff8800);opacity:calc(.95 * var(--beam-intensity));filter:blur(1px) saturate(1.14) brightness(calc(1.02 * var(--beam-intensity)));mix-blend-mode:screen}.error-page__beam:before{content:"";position:absolute;top:-18%;right:-6%;bottom:-18%;left:-6%;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,#7eff8829,#7eff8800);filter:blur(18px);opacity:calc(.75 * var(--beam-intensity))}.error-page__lens{position:absolute;left:var(--beam-origin-x);top:var(--beam-origin-y);width:18px;height:18px;transform:translate(-50%,-50%);border-radius:999px;background:#ffffffd9;opacity:calc(.85 * var(--beam-intensity));box-shadow:0 0 22px #7eff888c,0 0 64px #7eff8838;mix-blend-mode:screen}@media (max-width: 920px){.error-page__grid{grid-template-columns:1fr;justify-items:center;text-align:center}.error-page__content{text-align:center}}@media screen and (max-width: 480px){.error-page__grid{padding-block:var(--space-lg)}}@media (prefers-reduced-motion: reduce){.error-page--lighthouse{--beam-intensity: 1}}