body,html{overflow-x:hidden;max-width:100%}body,html,img{max-width:100%}.btn-primary,.section-title,body{position:relative}.nav,.nav-logo{align-items:center}.nav-logo,.nav-logo a{gap:.75rem}.nav-logo a,a{text-decoration:none}.container,.hero-container{max-width:var(--max-width);box-sizing:border-box}.btn-primary,.code-window,.hero,.hero::after{overflow:hidden}*,.code-window,.container,.hero-container,.hero-content{box-sizing:border-box}.about::before,.hero::after,.hero::before,.projects::before{content:'';pointer-events:none}.hero-title,.highlight-number{-webkit-text-fill-color:transparent}.linkedin-btn,.work-tag{backdrop-filter:blur(10px)}.btn,.cookie-btn,.tech-item{white-space:nowrap}:root{--color-black:#0A0A0A;--color-dark-gray:#1C1C1C;--color-charcoal:#2E2E2E;--color-steel:#4A4A4A;--color-silver:#707070;--color-white:#FFFFFF;--color-metallic-dark:#5A5A5A;--color-metallic-mid:#8C8C8C;--color-metallic-light:#B5B5B5;--color-metallic-shine:#D8D8D8;--color-chrome:#E8E8E8;--color-gray-light:#F5F5F5;--color-gray-medium:#ADADAD;--color-gray-dark:#3D3D3D;--color-dark:#1A1A1A;--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--spacing-xxl:8rem;--max-width:1200px;--border-radius:8px;--border-radius-large:16px;--transition-speed:0.3s;--transition-easing:cubic-bezier(0.4, 0, 0.2, 1);--shadow-sm:0 2px 8px rgba(10, 36, 99, 0.08);--shadow-md:0 4px 16px rgba(10, 36, 99, 0.12);--shadow-lg:0 8px 32px rgba(10, 36, 99, 0.16)}.btn,.header,.toggle-bar,a{transition:all var(--transition-speed) var(--transition-easing)}*{margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);line-height:1.6;color:var(--color-gray-dark);background-color:var(--color-white)}img{height:auto;display:block}a{color:inherit}ul{list-style:none}.container{margin:0 auto;padding:0 var(--spacing-md)}.section-title{font-size:clamp(2rem, 5vw, 3rem);font-weight:var(--font-weight-black);color:var(--color-black);text-align:center;margin-bottom:var(--spacing-lg)}.section-title::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--color-steel),var(--color-metallic-light),var(--color-chrome),var(--color-metallic-light),var(--color-steel));margin:var(--spacing-sm) auto 0;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.btn{display:inline-block;padding:.875rem 2rem;font-weight:var(--font-weight-semibold);font-size:1rem;text-align:center;border-radius:var(--border-radius);cursor:pointer;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--color-charcoal),var(--color-black),var(--color-charcoal));color:var(--color-white);box-shadow:0 4px 15px rgba(0,0,0,.4);border:1px solid var(--color-metallic-light)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.btn-primary:hover::before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,var(--color-steel),var(--color-metallic-mid),var(--color-steel));color:var(--color-white);box-shadow:0 6px 20px rgba(0,0,0,.5);transform:translateY(-2px);border-color:var(--color-chrome)}.btn-large{padding:1.25rem 3rem;font-size:1.125rem}.header{position:fixed;top:0;left:0;width:100%;background:var(--color-white);box-shadow:var(--shadow-sm);z-index:1000}.code-content,.hero,.hero-container,.nav-link{position:relative}.nav{display:grid;grid-template-columns:1fr auto 1fr;padding:1rem var(--spacing-md);height:80px}.nav-logo{display:flex;justify-self:start}.nav-logo a,.nav-menu{align-items:center;display:flex}.logo-image{height:50px;width:auto}.logo-text{font-size:1.5rem;font-weight:var(--font-weight-black);color:var(--color-charcoal);letter-spacing:-.5px}.nav-menu{justify-self:center}.nav-list{display:flex;gap:var(--spacing-md)}.nav-menu .nav-cta{display:none}.nav-cta-desktop{display:flex;align-items:center;justify-self:end}.nav-link{font-weight:var(--font-weight-semibold);color:var(--color-gray-dark);padding:.5rem 0}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-steel),var(--color-metallic-light),var(--color-chrome));transition:width var(--transition-speed) var(--transition-easing);box-shadow:0 1px 4px rgba(0,0,0,.2)}.cookie-link:hover,.nav-link:hover{color:var(--color-black)}.nav-link:hover::after,.work-overlay-content{width:100%}.nav-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:1001}.toggle-bar{width:28px;height:3px;background:var(--color-charcoal);border-radius:2px}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-black) 0,var(--color-charcoal) 50%,var(--color-dark-gray) 100%);padding-top:80px;width:100%}.hero::before{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.03) 0,transparent 50%)}.hero::after{position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(181,181,181,.04) 0,transparent 70%);border-radius:50%}.hero-container{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-xxl);align-items:center;z-index:1;padding:var(--spacing-xl) var(--spacing-md);margin:0 auto;width:100%}.hero-content{color:var(--color-white);max-width:100%}.hero-title{font-size:clamp(2.5rem, 6vw, 4rem);font-weight:var(--font-weight-black);line-height:1.1;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-white) 0,var(--color-chrome) 30%,var(--color-metallic-light) 60%,var(--color-chrome) 90%,var(--color-white) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(255, 255, 255, .1))}.hero-subtitle{font-size:clamp(1.125rem, 2vw, 1.5rem);font-weight:var(--font-weight-light);line-height:1.7;margin-bottom:var(--spacing-lg);color:rgba(255,255,255,.9)}.code-block,.window-title{font-size:.875rem}.keyword,.window-title{font-weight:var(--font-weight-semibold)}.service-icon svg,.window-title{color:var(--color-metallic-light)}.hero-visual{display:flex;justify-content:flex-end;align-items:center;width:100%;max-width:100%;padding:0}.code-window{width:100%;max-width:650px;background:var(--color-dark);border-radius:var(--border-radius-large);box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid var(--color-metallic-dark);margin:0 auto}.window-header{background:linear-gradient(180deg,var(--color-charcoal),var(--color-dark-gray));padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--color-metallic-dark)}.pagination-numbers,.window-controls{display:flex;gap:.5rem}.control-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.highlight-item,.service-card{border-radius:var(--border-radius-large)}.control-dot.red{background:linear-gradient(135deg,#ff5f57,#e0443e)}.control-dot.yellow{background:linear-gradient(135deg,#ffbd2e,#e5a823)}.control-dot.green{background:linear-gradient(135deg,#28c840,#20a034)}.code-content{padding:1.5rem;background:var(--color-black);overflow-x:auto}.tech-carousel,.work-image,.work-item{overflow:hidden;position:relative}.code-block{margin:0;font-family:Monaco,Menlo,Consolas,monospace;line-height:1.7;color:var(--color-chrome)}.code-block code{display:block;white-space:pre}.line-number{display:inline-block;width:2rem;color:var(--color-steel);user-select:none;text-align:right;margin-right:1rem}.footer,.form-message,.projects-content,.section-subtitle,.service-card{text-align:center}.keyword{color:#c792ea}.service-title,.tech-item{font-weight:var(--font-weight-bold)}.function,.variable{color:#82aaff}.string{color:#c3e88d}.comment{color:var(--color-steel);font-style:italic}.property{color:#f07178}.method{color:#89ddff}.number{color:#f78c6c}.boolean{color:#c792ea}.cursor-blink{position:absolute;bottom:1.5rem;right:1.5rem;width:10px;height:18px;background:var(--color-metallic-light);animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}.tech-carousel-wrapper{width:100%;margin-top:4rem;padding-top:2rem}.tech-carousel{width:100%;padding:3rem 0}.tech-carousel::after,.tech-carousel::before{content:'';position:absolute;top:0;width:150px;height:100%;z-index:2;pointer-events:none}.tech-carousel::before{left:0;background:linear-gradient(90deg,var(--color-gray-light) 0,transparent 100%)}.tech-carousel::after{right:0;background:linear-gradient(270deg,var(--color-gray-light) 0,transparent 100%)}.tech-carousel-track{display:flex;gap:3rem;animation:40s linear infinite scroll;width:fit-content}.tech-carousel-track:hover{animation-play-state:paused}.tech-item{font-size:1.5rem;color:rgba(0,0,0,.25);letter-spacing:.5px;transition:.3s;cursor:default;user-select:none}.service-card,.work-item{transition:all var(--transition-speed) var(--transition-easing)}.tech-item:hover{color:var(--color-charcoal);transform:translateY(-2px)}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.services{padding:var(--spacing-xxl) 0;background:var(--color-gray-light)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.service-card{background:var(--color-white);padding:var(--spacing-md) var(--spacing-sm);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center}.pagination-btn,.service-icon{border:2px solid var(--color-metallic-light)}.service-card:hover,.work-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.service-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--color-charcoal) 0,var(--color-black) 50%,var(--color-charcoal) 100%);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);box-shadow:0 4px 15px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}.service-icon svg{width:32px;height:32px}.service-title{font-size:1.125rem;color:var(--color-black);margin-bottom:var(--spacing-sm)}.service-description{color:var(--color-gray-dark);line-height:1.6;font-size:.95rem}.about,.pagination-btn:hover:not(:disabled) svg,.projects,.projects .section-title{color:var(--color-white)}.about,.projects{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--color-charcoal) 0,var(--color-black) 100%);position:relative}.about::before,.projects::before{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 50%,rgba(255,255,255,.02) 0,transparent 50%)}.projects-content{max-width:900px;margin:0 auto}.projects-text{font-size:1.25rem;line-height:1.8;margin-bottom:var(--spacing-lg);color:rgba(255,255,255,.9)}.projects-highlight{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.highlight-item{background:linear-gradient(135deg,rgba(46,46,46,.6),rgba(10,10,10,.8));padding:var(--spacing-md);border:2px solid var(--color-metallic-light);display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 15px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}.pagination-btn:hover:not(:disabled),.pagination-number.active{box-shadow:var(--shadow-md);border-color:var(--color-charcoal)}.highlight-number{font-size:3rem;font-weight:var(--font-weight-black);background:linear-gradient(135deg,var(--color-white),var(--color-chrome),var(--color-metallic-light),var(--color-chrome),var(--color-white));-webkit-background-clip:text;background-clip:text;line-height:1;filter:drop-shadow(0 2px 4px rgba(255, 255, 255, .2))}.highlight-label{font-size:1rem;font-weight:var(--font-weight-semibold);color:rgba(255,255,255,.8)}.contact,.our-work{padding:var(--spacing-xxl) 0;background:var(--color-white)}.section-subtitle{font-size:1.125rem;color:var(--color-gray-dark);max-width:700px;margin:-2rem auto var(--spacing-lg);line-height:1.6}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.work-item{border-radius:var(--border-radius-large);box-shadow:var(--shadow-md);background:var(--color-gray-light)}.work-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.work-image img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .5s var(--transition-easing)}.work-item:hover .work-image img{transform:scale(1.05)}.work-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.7) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-speed) var(--transition-easing);display:flex;align-items:flex-end;padding:var(--spacing-md)}.work-item:hover .work-overlay{opacity:1}.work-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:.5rem}.pagination-number,.work-tag{font-weight:var(--font-weight-semibold)}.work-description{font-size:.95rem;color:rgba(255,255,255,.9);line-height:1.5;margin-bottom:var(--spacing-sm)}.work-tags{display:flex;gap:.5rem;flex-wrap:wrap}.work-tag{display:inline-block;padding:.375rem .875rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);font-size:.875rem;color:var(--color-white);transition:.3s}.pagination-btn,.pagination-number{width:40px;height:40px;background:var(--color-white);display:flex;cursor:pointer}.form-input,.form-textarea,.linkedin-btn,.pagination-btn,.pagination-number,.payment-logo{transition:all var(--transition-speed) var(--transition-easing)}.work-tag:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.3)}.work-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.pagination-btn{border-radius:var(--border-radius);align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--color-charcoal);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn svg{width:20px;height:20px;color:var(--color-charcoal);transition:color var(--transition-speed) var(--transition-easing)}.pagination-number{border:2px solid var(--color-metallic-light);border-radius:var(--border-radius);align-items:center;justify-content:center;color:var(--color-charcoal)}.pagination-number:hover{background:var(--color-gray-light);border-color:var(--color-charcoal)}.pagination-number.active{background:linear-gradient(135deg,var(--color-charcoal),var(--color-black));color:var(--color-white)}.about .section-title{color:var(--color-white);margin-bottom:var(--spacing-xl)}.about .container{max-width:none;width:80%;margin:0 auto}.about-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center;position:relative;z-index:1}.about-content{padding-left:var(--spacing-lg)}.about-text{font-size:1.125rem;line-height:1.8;color:rgba(255,255,255,.9);margin-bottom:var(--spacing-md)}.about-text strong,.signature-name{font-weight:var(--font-weight-bold);color:var(--color-white)}.cookie-text p:first-child,.signature-name{margin-bottom:.25rem}.about-signature{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:2px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.signature-name{font-size:1.5rem}.signature-title{font-size:1rem;color:rgba(255,255,255,.7);font-weight:var(--font-weight-semibold)}.about-image{position:relative;display:flex;justify-content:center;align-items:center;margin-top:calc(var(--spacing-xl) * -1)}.image-wrapper{position:relative;border-radius:50%;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:450px;width:100%;aspect-ratio:1}.image-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.image-decoration{position:absolute;top:-25px;right:-25px;width:100%;height:100%;border:3px solid var(--color-metallic-light);border-radius:50%;z-index:-1}.linkedin-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50%;flex-shrink:0}.linkedin-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.linkedin-btn svg{width:20px;height:20px;flex-shrink:0;color:rgba(255,255,255,.9)}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-lg);max-width:1000px;margin:0 auto;align-items:start}.contact-info-title{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-black);margin-bottom:var(--spacing-sm)}.contact-label,.contact-value{font-weight:var(--font-weight-semibold)}.contact-form-title,.contact-info-text,.form-group{margin-bottom:var(--spacing-md)}.contact-info-text{color:var(--color-gray-dark);line-height:1.7}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-detail{display:flex;gap:var(--spacing-sm);align-items:flex-start}.contact-detail svg{width:24px;height:24px;color:var(--color-metallic-light);flex-shrink:0;margin-top:4px}.contact-detail div{display:flex;flex-direction:column}.contact-label{font-size:.875rem;color:var(--color-gray-medium);text-transform:uppercase;letter-spacing:.5px}.contact-value{font-size:1.125rem;color:var(--color-black)}.contact-form-title,.cookie-text p:first-child{font-weight:var(--font-weight-bold);color:var(--color-black)}.contact-value:hover{color:var(--color-metallic-mid)}.contact-form{background:0 0;padding:0;border-radius:0;display:flex;justify-content:flex-end}.contact-form-container{width:75%;margin-right:0}.contact-form-title{font-size:1.5rem}.cookie-btn,.cookie-link,.footer-link,.form-label,.form-message,.payment-methods-title{font-weight:var(--font-weight-semibold)}.form-label{display:block;color:var(--color-black);margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:1rem;border:2px solid transparent;background:var(--color-white);border-radius:var(--border-radius);font-family:var(--font-primary);font-size:1rem;color:var(--color-gray-dark)}.form-input:focus,.form-textarea:focus{outline:0;border-color:var(--color-metallic-light);box-shadow:0 0 0 4px rgba(181,181,181,.15)}.form-textarea{resize:vertical;min-height:120px}.form-message{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius);display:none}.form-message.success{display:block;background:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{display:block;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.footer{background:linear-gradient(180deg,var(--color-black) 0,var(--color-dark-gray) 100%);color:var(--color-white);padding:var(--spacing-md) 0;border-top:1px solid var(--color-steel)}.payment-methods-wrapper{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);max-width:100%;width:100%}.payment-methods-title{font-size:.875rem;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:var(--spacing-sm)}.payment-methods{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:nowrap;max-width:none;width:100%}.payment-logo{height:60px;width:auto;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, .3));cursor:default}.payment-logo:hover{transform:translateY(-4px);filter:drop-shadow(0 4px 12px rgba(0, 0, 0, .5))}.payment-logo-small{height:35px}.footer-links{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:var(--spacing-md);flex-wrap:wrap}.footer-link{color:rgba(255,255,255,.8);font-size:.95rem;transition:color var(--transition-speed) var(--transition-easing)}.footer-link:hover{color:var(--color-metallic-light)}.footer-divider{color:rgba(255,255,255,.4);font-size:.875rem}.footer-legal{margin-bottom:var(--spacing-sm)}.footer-text{color:rgba(255,255,255,.6);font-size:.875rem;line-height:1.6}.footer-copyright{color:rgba(255,255,255,.5);font-size:.875rem}.footer-copyright p{margin:0}.floating-buttons{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:999}.floating-btn{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:.3s;cursor:pointer}.floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(0,0,0,.4)}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.phone-btn{background:linear-gradient(135deg,var(--color-charcoal),var(--color-black));border:2px solid var(--color-metallic-light)}.phone-btn:hover{background:linear-gradient(135deg,var(--color-steel),var(--color-metallic-mid))}.floating-btn svg{width:28px;height:28px;color:#fff}@media screen and (max-width:1024px){:root{--spacing-lg:3rem;--spacing-xl:4rem;--spacing-xxl:5rem}.hero{padding:calc(80px + var(--spacing-xl)) 0 var(--spacing-xl) 0}.hero-container{gap:2rem;grid-template-columns:1fr;padding-left:2rem;padding-right:2rem}.services-grid,.work-grid{grid-template-columns:repeat(2,1fr)}.code-window{width:100%;max-width:600px}.work-grid{gap:var(--spacing-md)}.about .container{width:90%}.about-wrapper{gap:var(--spacing-lg)}.about-content{padding-left:var(--spacing-md)}.image-wrapper{max-width:350px}.contact-wrapper{grid-template-columns:1fr}.contact-form{justify-content:center}.contact-form-container{width:100%}}@media screen and (max-width:768px){.hero::after{width:400px;height:400px;right:-20%}.hero,body,html{overflow-x:hidden!important}.hero-visual,.nav-list{margin-bottom:var(--spacing-md)}.about-wrapper,.hero-container,.projects-highlight,.services-grid,.work-grid{grid-template-columns:1fr}.about-content,.about-signature,.hero-container,.nav-menu .btn,.signature-info{text-align:center}:root{--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem}body,html{max-width:100vw!important;position:relative}.nav{display:flex;justify-content:space-between;align-items:center;height:70px;padding:1rem 1.5rem}.nav-logo{display:flex;align-items:center}.logo-image{height:40px;width:auto}.footer-divider,.nav-cta-desktop{display:none}.nav-toggle{display:flex;order:3;position:relative;z-index:1001}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--color-white);flex-direction:column;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);transition:right var(--transition-speed) var(--transition-easing);box-shadow:var(--shadow-lg)}.nav-menu.active{right:0}.nav-list{flex-direction:column;gap:var(--spacing-sm)}.nav-link{color:var(--color-charcoal);font-size:1.125rem}.nav-link::after{background:linear-gradient(90deg,var(--color-steel),var(--color-metallic-light),var(--color-chrome))}.nav-menu .nav-cta{display:block;width:100%}.nav-menu .btn{width:100%}.nav-toggle.active .toggle-bar:first-child{transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active .toggle-bar:nth-child(2){opacity:0}.nav-toggle.active .toggle-bar:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.hero{padding:calc(70px + var(--spacing-lg)) 0 var(--spacing-lg) 0;min-height:auto;width:100vw;max-width:100vw}.code-window,.hero-visual{width:100%;box-sizing:border-box}.hero-container{padding-left:1rem;padding-right:1rem;gap:2rem;box-sizing:border-box;max-width:100%;overflow-x:hidden}.hero-visual{order:-1;max-width:calc(100vw - 2rem);justify-content:center;overflow:hidden;padding:0 .5rem}.code-window{max-width:min(480px,calc(100vw - 3rem));font-size:.75rem;margin:0 auto}.code-block code,.code-content{max-width:100%;overflow-x:auto}.code-content{padding:1rem;-webkit-overflow-scrolling:touch}.code-block{font-size:.75rem;word-wrap:break-word}.line-number{width:1.5rem;margin-right:.5rem}.tech-carousel{padding:1rem 0 2rem;margin-top:.5rem}.tech-carousel-wrapper{margin-top:2rem}.tech-item{font-size:1.125rem}.tech-carousel-track{gap:2rem}.services-grid{gap:var(--spacing-sm)}.service-card{padding:var(--spacing-md)}.work-grid{gap:var(--spacing-md)}.about .container{width:95%}.about-wrapper{gap:var(--spacing-lg)}.about-image{order:-1}.image-wrapper{max-width:300px;margin:0 auto}.about-content{padding-left:0}.about-signature{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.footer-links{flex-direction:column;gap:.5rem}.footer-text{font-size:.8rem}.payment-methods{gap:.5rem;flex-wrap:wrap;justify-content:center}.payment-logo{height:32px}.payment-logo-small{height:24px}.btn-large{padding:1rem 2rem;font-size:1rem;width:100%}.floating-buttons{bottom:1rem;right:1rem;gap:.75rem}.floating-btn{width:55px;height:55px}.floating-btn svg{width:26px;height:26px}}@media screen and (max-width:480px){.container{padding:0 var(--spacing-sm);max-width:100%;overflow-x:hidden}.hero{overflow-x:hidden!important;max-width:100vw!important}.hero-container{padding-left:.75rem;padding-right:.75rem;max-width:100%;overflow-x:hidden}.hero-visual{max-width:calc(100vw - 1.5rem);padding:0}.code-window{width:100%;max-width:min(380px,calc(100vw - 2rem))}.section-title{font-size:1.75rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.advantage-card,.service-card{padding:var(--spacing-md)}.contact-form{padding:0;justify-content:center}.contact-form-container{width:100%}.payment-methods{gap:.4rem;flex-wrap:wrap;justify-content:center}.payment-logo{height:26px}.payment-logo-small{height:20px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}a:focus,button:focus,input:focus,textarea:focus{outline:3px solid var(--color-metallic-light);outline-offset:2px}@media print{.btn,.header,.nav-toggle{display:none}body{font-size:12pt;color:#000}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-white);box-shadow:0 -4px 20px rgba(0,0,0,.15);border-top:1px solid var(--color-gray-light);padding:1.25rem 2rem;z-index:10000;transform:translateY(100%);transition:transform .4s var(--transition-easing)}.cookie-banner.show{transform:translateY(0)}.cookie-content{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cookie-text{flex:1}.cookie-text p{margin:0;font-size:.9rem;line-height:1.5;color:var(--color-gray-dark)}.cookie-link{color:var(--color-charcoal);text-decoration:underline}.cookie-buttons{display:flex;gap:.75rem;flex-shrink:0}.cookie-btn{padding:.65rem 1.5rem;font-size:.9rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);border:2px solid transparent}.cookie-btn-accept{background:linear-gradient(135deg,var(--color-charcoal),var(--color-black));color:var(--color-white);border-color:var(--color-charcoal)}.cookie-btn-accept:hover{background:linear-gradient(135deg,var(--color-steel),var(--color-metallic-mid));transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.cookie-btn-reject{background:0 0;color:var(--color-gray-dark);border-color:var(--color-gray-medium)}.cookie-btn-reject:hover{background:var(--color-gray-light);border-color:var(--color-charcoal);color:var(--color-charcoal)}@media screen and (max-width:768px){.cookie-banner{padding:1rem}.cookie-content{flex-direction:column;align-items:stretch;gap:1rem}.cookie-text p{font-size:.85rem}.cookie-buttons{flex-direction:column;gap:.5rem}.cookie-btn{width:100%;padding:.75rem 1rem;text-align:center}}
/* Mollie logo sizing */
.payment-logo-mollie {
height: 45px !important;
}
@media screen and (max-width: 768px) {
.payment-logo-mollie {
height: 25px !important;
}
}
@media screen and (max-width: 480px) {
.payment-logo-mollie {
height: 20px !important;
}
}