:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;right:0;background:#f4f1eaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.dashboard-container .navbar{opacity:0;transform:translateY(-50px)}.navbar-content{max-width:1400px;margin:0 auto;padding:1rem 3rem;height:4rem}.navbar-left{flex-shrink:0}.company-logo-btn{background:none;border:none;font-size:1.5rem;font-weight:700;color:#e36f4e;cursor:pointer;transition:all .3s ease;padding-left:0}.company-logo-btn:hover{transform:scale(1.05)}.navbar-desktop{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.navbar-center{display:flex;gap:2rem;justify-content:center;flex:1;margin:0 2rem}.nav-link{background:none;border:none;color:#000;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 0;position:relative;transition:all .3s ease}.nav-link:hover,.nav-link.active{color:#e36f4e}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#e36f4e}.navbar-right{display:flex;gap:1rem;flex-shrink:0}.nav-btn{padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;outline:none;white-space:nowrap}.nav-btn.primary{background:#f4f1ea;color:#e36f4e;border-color:#e36f4e}.nav-btn.primary:hover{transform:translateY(-2px);box-shadow:0 3px 20px #8b460e}.nav-btn.primary:focus,.nav-btn.primary:active{border-color:#e36f4e;outline:none}.nav-btn.secondary{background:#e36f4e;color:#fff;border-color:#e36f4e}.nav-btn.secondary:hover{transform:translateY(-2px);background:#e36f4e;border-color:#e36f4e;box-shadow:0 3px 20px #8b460e}.nav-btn.secondary:focus,.nav-btn.secondary:active{border-color:#e36f4e;outline:none}.navbar-mobile{display:none;align-items:center;justify-content:space-between;width:100%;height:100%}.burger-menu{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px}.burger-line{width:25px;height:3px;background:#e36f4e;margin:3px 0;transition:all .3s ease;transform-origin:center}.burger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#f4f1eafa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-menu.open{max-height:500px}.mobile-menu-content{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:0}.mobile-nav-link{background:none;border:none;color:#000;text-align:left;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer;transition:color .3s ease;font-size:1rem;font-weight:500}.mobile-nav-link:hover,.mobile-nav-link.active{color:#e36f4e}.mobile-nav-link:last-of-type{border-bottom:none}.mobile-menu-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}@media (max-width: 1024px){.navbar-center{gap:1.5rem}}@media (max-width: 768px){.navbar-desktop{display:none}.navbar-mobile{display:flex}.navbar-content{padding:.3rem 1.5rem}}@media (max-width: 480px){.navbar-center{gap:.5rem}}.dashboard-container{min-height:100vh;background:#f4f1ea;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.logo-display{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.center-dot{position:absolute;width:40px;height:40px;background:#000;border-radius:50%;z-index:10;box-shadow:0 0 20px #0009;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center}.logo-svg{position:absolute;z-index:1;width:100%;height:100%;max-width:50vh;max-height:50vh;background:transparent}.logo-svg *{background:transparent}.outer-ring{opacity:0;transform-origin:center}.arcs-group path{opacity:0;stroke-dasharray:0;stroke-dashoffset:0}.nodes-group circle{opacity:0;transform-origin:center}.logo-text{position:absolute;bottom:20%;left:0;right:0;z-index:10;opacity:0;text-align:center}.company-name{font-size:6rem;font-weight:700;color:#000;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:-1rem}.company-tagline{font-size:2.4rem;font-weight:400;color:#000;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:.5rem}.company-subtitle{font-size:1.4rem;font-weight:300;color:#666;letter-spacing:.05em;display:block;font-style:italic}.highlighted-word{position:relative;display:inline-block}.highlighted-word:after{content:"";position:absolute;bottom:0;left:110px;right:-4px;height:20px;background:#e36f4e;border-radius:12px;opacity:.4;z-index:-1}@media (max-width: 768px){.center-dot{width:30px;height:30px}.company-name{margin-bottom:0;font-size:4rem}.company-tagline{font-size:2rem;margin-bottom:10px}.company-subtitle{font-size:1.2rem}.highlighted-word:after{bottom:0;left:90px;right:-3px;height:16px;border-radius:10px}.logo-svg{max-width:42vh;max-height:42vh}}@media (max-width: 480px){.center-dot{width:25px;height:25px}.company-name{margin-bottom:0;font-size:3rem;letter-spacing:.1em}.company-tagline{font-size:1.6rem;margin-bottom:8px}.company-subtitle{font-size:1rem}.highlighted-word:after{bottom:0;left:68px;right:-2px;height:12px;border-radius:8px}.logo-text{bottom:25%}.navbar-center{gap:.5rem}.nav-link{font-size:.9rem}.nav-btn{padding:.6rem 1.2rem;font-size:.8rem}}.contact-container{min-height:100vh;background:#f4f1ea;font-family:system-ui,-apple-system,sans-serif}.contact-main{padding-top:6rem;padding-bottom:4rem}.contact-content{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{font-size:3.5rem;font-weight:700;color:#000;margin-bottom:1.5rem;letter-spacing:-.02em}.contact-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-card,.why-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000d}.info-title,.form-title{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:1.5rem}.info-items{display:flex;flex-direction:column}.info-item{display:flex;align-items:flex-start;gap:1rem;position:relative}.info-item:not(:last-child){margin-bottom:0;padding-bottom:2rem}.info-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:2px}.info-item:not(:last-child) .info-icon{margin-bottom:.5rem}.info-icon svg{background:transparent;border-radius:0}.email-icon{background:linear-gradient(135deg,#e36f4e,#d4634a)}.phone-icon{background:linear-gradient(135deg,#e36f4e,#f07d5c)}.location-icon{background:linear-gradient(135deg,#e36f4e,#d4634a)}.clock-icon{background:linear-gradient(135deg,#f07d5c,#e36f4e)}.info-content h3{font-weight:600;color:#000;margin:0 0 .125rem;line-height:1.2}.info-content p{color:#666;line-height:1.4;margin:0}.email-link{color:#e36f4e;text-decoration:none;transition:all .3s ease;font-weight:500}.email-link:hover{color:#d4634a;text-decoration:underline}.phone-link{color:#e36f4e;text-decoration:none;transition:all .3s ease;font-weight:500}.phone-link:hover{color:#d4634a;text-decoration:underline}.why-title{font-size:1.25rem;font-weight:700;color:#000;margin-bottom:1rem}.why-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.why-item{display:flex;align-items:center;gap:.75rem;color:#666}.why-bullet{width:8px;height:8px;background:#e36f4e;border-radius:50%;flex-shrink:0}.contact-form-container{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000d}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-field label{font-weight:600;color:#000;font-size:.9rem}.form-field input,.form-field textarea{padding:.75rem 1rem;border:2px solid rgba(227,111,78,.2);border-radius:8px;font-size:1rem;background:#fffc;transition:all .3s ease;outline:none}.form-field input:focus,.form-field textarea:focus{border-color:#e36f4e;background:#fff;box-shadow:0 0 0 3px #e36f4e1a}.form-field textarea{resize:vertical;min-height:120px}.gdpr-field{display:flex;align-items:flex-start;gap:.75rem}.submit-btn{background:#e36f4e;color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover{background:#d4634a;transform:translateY(-2px);box-shadow:0 4px 20px #e36f4e4d}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-title{font-size:2.5rem}}@media (max-width: 768px){.contact-content{padding:0 1rem}.contact-title{font-size:2rem}.contact-subtitle{font-size:1.1rem}.form-row{grid-template-columns:1fr}.info-card,.why-card,.contact-form-container{padding:1.5rem}}@media (max-width: 480px){.contact-main{padding-top:5rem}.contact-header{margin-bottom:2rem}.contact-title{font-size:1.75rem}.contact-grid{gap:2rem}.info-card,.why-card,.contact-form-container{padding:1rem}}.team-container{min-height:100vh;background:#f4f1ea;font-family:system-ui,-apple-system,sans-serif}.team-main{padding-top:6rem;padding-bottom:8rem}.team-content{max-width:1200px;margin:0 auto;padding:0 2rem}.team-header{text-align:center;margin-bottom:4rem}.team-title{font-size:3.5rem;font-weight:700;color:#000;margin-bottom:1.5rem;letter-spacing:-.02em}.about-section{max-width:1200px;margin:0 auto 5rem}.about-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:16px;padding:3rem;box-shadow:0 4px 20px #0000000d}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-content p{font-size:1.1rem;line-height:1.7;color:#666;margin:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.team-card-wrapper{display:flex;justify-content:center}.team-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #0000000d;text-align:center;transition:all .3s ease;height:90%;width:100%;max-width:360px}.team-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #e36f4e26;background:#ffffffe6}.team-image-container{width:240px;height:240px;margin:0 auto 1.5rem;border-radius:16px;overflow:hidden;border:3px solid #E36F4E;transition:all .3s ease}.team-card:hover .team-image-container{transform:scale(1.05);border-color:#d4634a}.team-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.team-card:hover .team-image{transform:scale(1.1)}.team-member-name{font-size:1.25rem;font-weight:700;color:#000;margin:0 0 .5rem}.team-member-role{font-size:1rem;font-weight:600;color:#e36f4e;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.team-member-tagline{font-size:1rem;line-height:1.4;color:#666;font-style:italic;margin:0;margin-bottom:-.5rem}@media (max-width: 1024px){.team-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.team-title{font-size:2.5rem}}@media (max-width: 768px){.team-content{padding:0 1rem}.team-title{font-size:2rem}.about-card{padding:2rem}.about-content p{font-size:1rem}.team-grid{grid-template-columns:1fr;gap:2rem}.team-card{max-width:100%;padding:1.5rem}.team-image-container{width:200px;height:200px}}@media (max-width: 480px){.team-main{padding-top:5rem}.team-header{margin-bottom:2rem}.team-title{font-size:1.75rem}.about-section{margin-bottom:3rem}.about-card{padding:1.5rem}.team-card{padding:1rem}.team-image-container{width:160px;height:160px;margin-bottom:1rem}.team-member-name{font-size:1.1rem}.team-member-role,.team-member-tagline{font-size:.9rem}}.aanpak-container{min-height:100vh;background:#f4f1ea;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.aanpak-main{padding-top:5.4rem;padding-bottom:4rem}.aanpak-content{max-width:1200px;margin:0 auto;padding:0 1rem}.aanpak-header{text-align:center;margin-bottom:2rem}.aanpak-title{margin-top:.25rem;font-size:3.5rem;font-weight:700;color:#000;margin-bottom:.75rem;letter-spacing:-.02em}.aanpak-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.progress-bar-container{margin:2rem 0;position:relative;padding:2rem;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:20px;overflow:hidden;width:100%;box-sizing:border-box}.progress-bar-3d{margin-bottom:1rem;position:relative;padding:3rem 0;perspective:1200px;display:flex;justify-content:center;align-items:center;overflow:hidden;width:96%}.progress-cube-container{width:90%;max-width:800px;height:80px;position:relative;transform-style:preserve-3d;transform:rotateX(15deg) rotateY(-10deg)}.progress-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d}.cube-face{position:absolute;border:2px solid rgba(227,111,78,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cube-front{width:100%;height:100%;background:#ffffff1a;transform:translateZ(40px)}.cube-back{width:100%;height:100%;background:#ffffff0d;transform:translateZ(-40px) rotateY(180deg)}.cube-right{width:80px;height:100%;background:#ffffff14;right:0;transform:rotateY(90deg) translateZ(40px)}.cube-left{width:80px;height:100%;background:#ffffff14;left:0;transform:rotateY(-90deg) translateZ(40px)}.cube-top{width:100%;height:80px;background:#ffffff1f;top:0;transform:rotateX(90deg) translateZ(40px)}.cube-bottom{width:100%;height:80px;background:#ffffff0f;bottom:0;transform:rotateX(-90deg) translateZ(40px)}.progress-fill{position:absolute;left:0;top:0;bottom:0;width:16.67%;background:linear-gradient(45deg,#e36f4ecc,#d4634ae6,#c55a46cc);transition:width 1s cubic-bezier(.4,0,.2,1),background .6s ease,box-shadow .6s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 0 20px #e36f4e4d,0 0 30px #e36f4e66;transform:translateZ(2px)}.progress-fill.complete{background:linear-gradient(45deg,#22c55ecc,#16a34ae6,#15803dcc);box-shadow:inset 0 0 20px #22c55e4d,0 0 30px #22c55e66,0 0 50px #22c55e33}.progress-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:fillShimmer 2s ease-in-out infinite}@keyframes fillShimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.progress-bar-label{position:absolute;top:50%;left:30px;transform:translateY(-50%) translateZ(50px);display:flex;align-items:center;gap:1rem;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:10}.progress-text{font-size:1rem;letter-spacing:.5px}.progress-percentage{font-size:1.5rem;font-weight:800}.step-numbers-container{position:relative}.step-numbers-row{display:flex;justify-content:space-between;align-items:flex-start;padding:0 2rem;height:80px}.step-numbers-desktop{display:none}.step-numbers-mobile{display:block}.step-numbers-top{margin-bottom:1rem}.step-numbers-bottom{margin-top:1rem}@media (min-width: 769px){.step-numbers-desktop{display:flex;margin-top:1rem}.step-numbers-mobile{display:none}.step-numbers-row{padding:0 2rem}}.step-number-item{cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}.step-number-item:hover{transform:translateY(-5px)}.step-number-circle{width:40px;height:40px;border-radius:50%;background:#f0f0f0;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#666;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;margin-bottom:.5rem}.step-number-item.completed .step-number-circle{background:#e36f4e;color:#fff;border-color:#e36f4e;box-shadow:0 4px 12px #e36f4e4d}.step-number-item.active .step-number-circle{background:#e36f4e;color:#fff;border-color:#e36f4e;transform:scale(1.2);box-shadow:0 6px 20px #e36f4e99}.step-number-label{font-size:.8rem;font-weight:600;color:#666;white-space:nowrap;transition:all .3s ease}.step-number-item.active .step-number-label{color:#e36f4e;font-weight:700}.cta-button svg{background:transparent}.step-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.control-btn{width:50px;height:50px;border-radius:50%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(227,111,78,.2);color:#e36f4e;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.prev-next-btn{padding:0}.prev-next-btn svg{background:transparent;width:34px;height:34px}.control-btn:hover{background:#e36f4e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #e36f4e4d}.play-btn{width:60px;height:60px;background:#e36f4e;color:#fff;border-color:#e36f4e}.play-btn svg{background:transparent}.prev-next-btn svg{width:24px;height:24px}.play-btn:hover{background:#d4634a;border-color:#d4634a;box-shadow:0 6px 25px #e36f4e66}.step-content-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:16px;padding:3rem;box-shadow:0 8px 30px #00000014;margin-top:1.9rem}.step-content{text-align:center}.content-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.content-number{width:80px;height:80px;border-radius:50%;background:#e36f4e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 6px 20px #e36f4e4d;transition:all .3s ease}.content-title{font-size:2.5rem;font-weight:700;color:#000;margin:0;line-height:1.2}.content-description{font-size:1.1rem;line-height:1.7;color:#666;max-width:700px;margin:0 auto 2rem}.content-action{margin-top:2rem}.cta-button{background:#e36f4e;color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}@media (max-width: 1024px){.aanpak-title{font-size:2.5rem}.content-title{font-size:2rem}.progress-bar-container{padding:1.5rem}.progress-bar-track{height:50px}.progress-bar-label{left:15px}.progress-text{font-size:.9rem}.progress-percentage{font-size:1.3rem}}@media (max-width: 768px){.aanpak-content{padding:0 1rem;max-width:100%;overflow-x:hidden}.aanpak-title{font-size:2rem}.aanpak-subtitle{font-size:1.1rem}.progress-bar-container{margin:2rem 0;padding:1rem;max-width:100%;overflow:hidden}.progress-bar-3d{padding:2rem 0;overflow:hidden}.progress-cube-container{height:60px;width:85%;max-width:none;transform:rotateX(12deg) rotateY(-8deg)}.progress-bar-label{left:20px;gap:.4rem;transform:translateY(-50%) translateZ(45px);z-index:30;color:#fff!important;text-shadow:0 3px 8px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.8);font-weight:800}.progress-text{font-size:.8rem;line-height:1.2;font-weight:800!important;color:#fff!important;text-shadow:inherit}.progress-percentage{font-size:1.1rem;font-weight:900!important;line-height:1.2;color:#fff!important;text-shadow:inherit}.step-numbers-row{padding:0 .5rem;height:70px}.step-number-circle{width:35px;height:35px;font-size:.9rem}.step-number-label{font-size:.75rem}.step-content-card{padding:2rem;max-width:100%;overflow:hidden}.content-number{width:60px;height:60px;font-size:1.5rem}.content-title{font-size:1.75rem}.content-description{font-size:1rem}}@media (max-width: 480px){.aanpak-main{padding-top:5rem}.aanpak-header{margin-bottom:2rem}.aanpak-title{font-size:1.75rem}.progress-bar-container{padding:.75rem}.progress-cube-container{height:50px;width:90%;transform:rotateX(10deg) rotateY(-6deg)}.progress-bar-label{left:12px;gap:.2rem;transform:translateY(-50%) translateZ(40px);z-index:25;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8)}.progress-text{font-size:.7rem;line-height:1.1;font-weight:900!important;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,1),0 1px 3px rgba(0,0,0,.8)}.progress-percentage{font-size:.95rem;font-weight:900!important;line-height:1.1;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,1),0 1px 3px rgba(0,0,0,.8)}.step-number-circle{width:30px;height:30px;font-size:.8rem}.step-number-label{font-size:.7rem}.step-content-card{padding:1.5rem}.content-title{font-size:1.5rem}.control-btn{width:40px;height:40px}.play-btn{width:50px;height:50px;padding:0}.play-btn svg{width:30px;height:30px}}.oplossingen-container{min-height:100vh;background:#f4f1ea;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.oplossingen-main{padding-top:5.4rem;padding-bottom:4rem}.oplossingen-content{max-width:1200px;margin:0 auto;padding:0 1rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3.5rem;font-weight:700;color:#000;margin-bottom:1.5rem;letter-spacing:-.02em}.section-subtitle{font-size:1.25rem;color:#666;max-width:700px;margin:0 auto;line-height:1.6}.services-section{margin-bottom:6rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}.service-card{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:20px;padding:2.5rem;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.service-card:hover{background:#fffc;transform:translateY(-5px);box-shadow:0 8px 30px #0000001a;border-color:#e36f4e33}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,#e36f4e,#d4634a);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;transition:all .3s ease}.service-card:hover .service-icon{transform:scale(1.1);box-shadow:0 6px 20px #e36f4e4d}.icon-emoji{font-size:2.5rem}.service-title{font-size:1.75rem;font-weight:700;color:#000;margin-bottom:1rem}.service-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem}.service-features{list-style:none;padding:0;margin:0 0 2.5rem}.feature-item{display:flex;align-items:center;color:#555;margin-bottom:.75rem;font-size:1rem}.feature-bullet{width:8px;height:8px;background:#e36f4e;border-radius:50%;margin-right:1rem;flex-shrink:0}.service-card svg{background:transparent}.service-btn{width:100%;background:transparent;color:#e36f4e;border:2px solid rgba(227,111,78,.3);padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.service-btn:hover{background:#e36f4e;color:#fff;border-color:#e36f4e;transform:translateY(-1px);box-shadow:0 4px 15px #e36f4e4d}.service-btn svg{transition:transform .3s ease}.service-btn:hover svg{transform:translate(3px)}.courses-section{margin-bottom:4rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1100px;margin:0 auto 3rem}.course-card{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:20px;padding:2.5rem;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.course-card:hover{background:#fffc;transform:translateY(-5px);box-shadow:0 8px 30px #0000001a;border-color:#e36f4e33}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.course-level{background:#e36f4e1a;color:#e36f4e;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.course-badge{color:#d4634a}.course-title{font-size:1.75rem;font-weight:700;color:#000;margin-bottom:1rem}.course-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem}.course-meta{display:flex;gap:2rem;margin-bottom:2rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#555;font-size:.9rem}.meta-item svg{color:#e36f4e}.course-highlights{margin-bottom:2.5rem}.highlight-item{display:flex;align-items:center;color:#555;margin-bottom:.75rem;font-size:1rem}.highlight-bullet{width:8px;height:8px;background:#e36f4e;border-radius:50%;margin-right:1rem;flex-shrink:0}.course-btn{width:100%;background:transparent;color:#e36f4e;border:2px solid rgba(227,111,78,.3);padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.course-btn:hover{background:#e36f4e;color:#fff;border-color:#e36f4e;transform:translateY(-1px);box-shadow:0 4px 15px #e36f4e4d}.section-cta{text-align:center;margin-top:3rem}@media (max-width: 1024px){.section-title{font-size:2.5rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.service-card,.course-card{padding:2rem}}@media (max-width: 768px){.oplossingen-content{padding:0 1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem}.section-header{margin-bottom:3rem}.services-section{margin-bottom:4rem}.services-grid,.courses-grid{grid-template-columns:1fr;gap:1.25rem}.service-card,.course-card{padding:1.5rem}.service-icon{width:60px;height:60px;margin-bottom:1.5rem}.icon-emoji{font-size:2rem}.service-title,.course-title{font-size:1.5rem}.service-description,.course-description{font-size:1rem}.course-meta{gap:1.5rem}.cta-button{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.oplossingen-main{padding-top:5rem}.section-header{margin-bottom:2rem}.section-title{font-size:1.75rem}.service-card,.course-card{padding:1.25rem}.service-icon{width:50px;height:50px;margin-bottom:1rem}.icon-emoji{font-size:1.5rem}.service-title,.course-title{font-size:1.25rem}.course-meta{flex-direction:column;gap:.75rem}.cta-button{padding:.875rem 1.5rem;font-size:.9rem}}.projecten-container{min-height:100vh;background:#f4f1ea;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.projecten-main{padding-top:5.4rem;padding-bottom:4rem}.projecten-content{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header{text-align:center;margin-bottom:4rem}.page-title{font-size:3.5rem;font-weight:700;color:#000;margin-bottom:1.5rem;letter-spacing:-.02em}.page-subtitle{font-size:1.25rem;color:#666;max-width:700px;margin:0 auto;line-height:1.6}.projects-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.project-card{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:20px;padding:1.5rem 2rem;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.project-card:hover{background:#fffc;transform:translateY(-5px);box-shadow:0 8px 30px #0000001a;border-color:#e36f4e33}.project-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.project-main{display:flex;flex-direction:column}.project-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.project-category{background:#e36f4e1a;color:#e36f4e;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;width:fit-content}.project-details{display:flex;gap:1.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.detail-item svg{color:#e36f4e;flex-shrink:0}.project-title{margin-top:0;font-size:1.75rem;font-weight:700;color:#000;margin-bottom:0rem;line-height:1.2}.project-client{font-size:1rem;color:#e36f4e;font-weight:600;margin-bottom:0}.project-description{font-size:1rem;color:#666;line-height:1.5;margin-bottom:1.5rem}.project-btn{background:transparent;color:#e36f4e;border:2px solid rgba(227,111,78,.3);padding:.75rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;width:fit-content}.project-btn:hover{background:#e36f4e;color:#fff;border-color:#e36f4e;transform:translateY(-1px);box-shadow:0 4px 15px #e36f4e4d}.project-btn svg{transition:transform .3s ease}.project-btn:hover svg{transform:translate(3px)}.project-results{background:#e36f4e0d;border-radius:16px;padding:1.25rem;border:1px solid rgba(227,111,78,.1)}.results-title{font-size:1.1rem;font-weight:700;color:#000;margin-bottom:1rem;margin-top:0}.results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.result-item{display:flex;align-items:flex-start;gap:.75rem;color:#555;line-height:1.4;font-size:.9rem}.result-bullet{width:6px;height:6px;background:#e36f4e;border-radius:50%;margin-top:.4rem;flex-shrink:0}.cta-section{text-align:center;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(227,111,78,.1);border-radius:20px;padding:3rem 2rem;box-shadow:0 4px 20px #0000000d}.cta-text{font-size:1.25rem;color:#666;margin-bottom:2rem;line-height:1.6}.cta-button{background:#e36f4e;color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.cta-button:hover{background:#d4634a;transform:translateY(-2px);box-shadow:0 6px 25px #e36f4e66}.cta-button:hover svg{transform:translate(3px)}@media (max-width: 1024px){.page-title{font-size:2.5rem}.project-content{gap:2rem}.project-card{padding:1.25rem 1.5rem}.project-results{padding:1rem}}@media (max-width: 768px){.projecten-content{padding:0 1rem}.page-title{font-size:2rem}.page-subtitle{font-size:1.1rem}.page-header{margin-bottom:3rem}.projects-list{gap:1.5rem;margin-bottom:3rem}.project-card{padding:1.25rem}.project-content{grid-template-columns:1fr;gap:1.5rem}.project-meta{gap:.5rem;margin-bottom:.75rem}.project-details{flex-direction:column;gap:.5rem}.project-title{font-size:1.4rem}.project-description{font-size:.95rem;margin-bottom:1.25rem}.project-results{padding:1rem}.results-title{font-size:1.1rem;margin-bottom:1rem}.results-list{gap:.5rem}.result-item{font-size:.85rem}.cta-section{padding:2rem 1.5rem}.cta-text{font-size:1.1rem;margin-bottom:1.5rem}.cta-button{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.projecten-main{padding-top:5rem}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem}.project-card{padding:1rem}.project-title{font-size:1.2rem}.project-client{font-size:.9rem}.project-description{font-size:.85rem}.project-btn{padding:.75rem 1rem;font-size:.85rem}.project-results{padding:.875rem}.results-title{font-size:1rem}.result-item{font-size:.8rem}.cta-section{padding:1.5rem 1rem}.cta-text{font-size:1rem}.cta-button{padding:.875rem 1.5rem;font-size:.9rem}}.blog-container{min-height:100vh;background-color:#f5f2eb}.blog-main{padding-top:120px;padding-bottom:80px;background-color:#f5f2eb}.blog-content{max-width:1200px;margin:0 auto;padding:0 20px}.blog-header{text-align:center;margin-bottom:64px}.blog-title{font-size:3.5rem;font-weight:700;color:#333;margin:0 0 24px;line-height:1.1}.blog-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.featured-post-section{margin-bottom:64px}.featured-post-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:48px;transition:all .3s ease;box-shadow:0 4px 20px #00000014}.featured-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;background:#fffffff2}.post-badges{display:flex;gap:12px;margin-bottom:24px}.featured-badge{background:#e36f4e33;color:#e36f4e}.category-badge{background:#6464641a;color:#666}.featured-post-title{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 24px;line-height:1.2;transition:color .3s ease}.featured-post-card:hover .featured-post-title{color:#e36f4e}.featured-post-excerpt{font-size:1.125rem;color:#666;line-height:1.7;margin:0 0 32px}.post-meta{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#888}.featured-post-btn{background:#e36f4e;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease}.featured-post-btn svg{background:transparent}.featured-post-btn:hover{background:#d4634a;transform:translateY(-2px);box-shadow:0 6px 20px #e36f4e4d}.featured-post-btn svg{transition:transform .3s ease}.featured-post-btn:hover svg{transform:translate(4px)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-bottom:64px}.post-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #00000014}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;background:#fffffff2}.post-card-content{padding:32px}.post-category{margin-bottom:16px}.post-title{font-size:1.25rem;font-weight:700;color:#333;margin:0 0 16px;line-height:1.3;transition:color .3s ease}.post-card:hover .post-title{color:#e36f4e}.post-excerpt{color:#666;line-height:1.6;margin:0 0 24px;font-size:15px}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1)}.post-date{font-size:14px;color:#888}.post-btn{background:transparent;color:#e36f4e;border:2px solid #E36F4E;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.post-btn:hover{background:#e36f4e;color:#fff;transform:translateY(-1px)}.blog-cta{text-align:center}.cta-button{background:transparent;color:#e36f4e;border:2px solid #E36F4E;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease}.cta-button:hover{background:#e36f4e;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #e36f4e4d}.cta-button svg{transition:transform .3s ease}@media (max-width: 768px){.blog-main{padding-top:100px;padding-bottom:60px}.blog-content{padding:0 16px}.blog-header{margin-bottom:48px}.blog-title{font-size:2.5rem}.blog-subtitle{font-size:1.125rem}.featured-post-section{margin-bottom:48px}.featured-post-card{padding:32px 24px}.featured-post-title{font-size:2rem}.featured-post-excerpt{font-size:1rem}.post-meta{gap:16px}.posts-grid{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.post-card-content{padding:24px}.post-title{font-size:1.125rem}}@media (max-width: 480px){.blog-title{font-size:2rem}.featured-post-title{font-size:1.75rem}.featured-post-card{padding:24px 20px}.post-card-content{padding:20px}.post-meta{flex-direction:column;gap:8px}.post-footer{flex-direction:column;gap:16px;align-items:stretch}.post-btn{text-align:center}}@media (prefers-color-scheme: dark){.blog-container{background-color:#1a1a1a}.blog-title{color:#e0e0e0}.blog-subtitle{color:#b0b0b0}.featured-post-card,.post-card{background:#282828e6;border-color:#ffffff1a}.featured-post-card:hover,.post-card:hover{background:#323232f2}.featured-post-title,.post-title{color:#e0e0e0}.featured-post-excerpt,.post-excerpt{color:#b0b0b0}.meta-item,.post-date{color:#888}.category-badge{background:#c8c8c81a;color:#b0b0b0}.post-footer{border-top-color:#ffffff1a}}.blog-detail-container{min-height:100vh;background-color:#f5f2eb}.blog-detail-main{padding-top:120px;padding-bottom:80px;background-color:#f5f2eb}.blog-detail-content{max-width:800px;margin:0 auto;padding:0 20px}.back-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#e36f4e;border:none;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:32px;padding:8px 0;transition:all .3s ease}.back-btn:hover{color:#d4634a;transform:translate(-4px)}.back-btn svg{transition:transform .3s ease}.back-btn:hover svg{transform:translate(-2px)}.article-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(0,0,0,.1)}.article-meta{margin-bottom:24px}.badge{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.category-badge{background:#e36f4e33;color:#e36f4e}.article-title{font-size:3rem;font-weight:700;color:#333;line-height:1.2;margin:0 0 32px}.article-info{display:flex;align-items:center}.author-info{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:2px solid #E36F4E}.author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.author-details{display:flex;flex-direction:column;gap:4px}.author-name{font-weight:600;color:#333;font-size:16px}.article-meta-items{display:flex;gap:16px}.meta-item{display:flex;align-items:center;gap:4px;font-size:14px;color:#888}.meta-item svg{color:#e36f4e;flex-shrink:0}.article-content{margin-bottom:64px}.article-body{font-size:1.125rem;line-height:1.8;color:#333}.article-body .lead{font-size:1.25rem;font-weight:500;color:#555;margin-bottom:32px}.article-body h2{font-size:2rem;font-weight:700;color:#333;margin:48px 0 24px;line-height:1.3}.article-body h3{font-size:1.5rem;font-weight:600;color:#333;margin:36px 0 20px;line-height:1.4}.article-body p{margin-bottom:24px;color:#444}.article-body strong{font-weight:600;color:#333}.article-body em{font-style:italic;color:#666}.article-body blockquote{background:#e36f4e1a;border-left:4px solid #E36F4E;margin:32px 0;padding:24px 32px;font-style:italic;font-size:1.2rem;color:#555;border-radius:0 8px 8px 0}.article-body blockquote p{margin:0;font-weight:500}.article-body ul{margin:24px 0;padding-left:0;list-style:none}.article-body ul li{position:relative;margin-bottom:12px;padding-left:32px;color:#444}.article-body ul li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:#e36f4e;border-radius:50%}.article-body ol{margin:24px 0;padding-left:24px;counter-reset:item}.article-body ol li{position:relative;margin-bottom:12px;padding-left:8px;color:#444;list-style:none;counter-increment:item}.article-body ol li:before{content:counter(item);position:absolute;left:-24px;top:0;width:20px;height:20px;background:#e36f4e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.article-body blockquote footer{margin-top:12px;font-size:14px;color:#888;font-style:normal}.article-body hr{margin:48px 0;border:none;height:1px;background:#0000001a}.article-cta{margin-bottom:48px}.cta-card{background:#e36f4e0d;border:1px solid rgba(227,111,78,.2);border-radius:16px;padding:40px;text-align:center}.cta-card h3{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 16px}.cta-card p{font-size:1.125rem;color:#666;margin:0 0 32px}.cta-button{background:#e36f4e;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease}.cta-button:hover{background:#d4634a;transform:translateY(-2px);box-shadow:0 6px 20px #e36f4e4d}.cta-button svg{transition:transform .3s ease;background:transparent}.cta-button:hover svg{transform:translate(4px)}.article-navigation{text-align:center;padding-top:32px;border-top:1px solid rgba(0,0,0,.1)}.article-navigation .nav-btn{background:#e36f4e;color:#fff;border:2px solid #E36F4E;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 12px #e36f4e4d}.article-navigation .nav-btn svg{background:transparent}.article-navigation .nav-btn:hover{background:#d4634a;border-color:#d4634a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #e36f4e66}.nav-btn svg{transition:transform .3s ease}.nav-btn:hover svg{transform:translate(-2px)}.not-found{text-align:center;padding:80px 20px}.not-found h1{font-size:2.5rem;color:#333;margin-bottom:16px}.not-found p{font-size:1.125rem;color:#666;margin-bottom:32px}@media (max-width: 768px){.blog-detail-main{padding-top:100px;padding-bottom:60px}.blog-detail-content{padding:0 16px}.article-title{font-size:2.25rem}.article-body{font-size:1rem}.article-body .lead{font-size:1.125rem}.article-body h2{font-size:1.75rem;margin:36px 0 20px}.article-body h3{font-size:1.25rem;margin:28px 0 16px}.article-body blockquote{padding:20px 24px;font-size:1.125rem}.author-info{gap:12px}.author-avatar{width:40px;height:40px;font-size:14px}.article-meta-items{flex-direction:column;gap:4px}.cta-card{padding:32px 24px}.cta-card h3{font-size:1.25rem}.cta-card p{font-size:1rem}}@media (max-width: 480px){.article-title{font-size:1.875rem}.article-body blockquote{padding:16px 20px;font-size:1rem}.cta-card{padding:24px 20px}.back-btn{font-size:14px}}@media (prefers-color-scheme: dark){.blog-detail-container,.blog-detail-main{background-color:#1a1a1a}.article-header{border-bottom-color:#ffffff1a}.article-title,.author-name,.article-body h2,.article-body h3,.cta-card h3{color:#e0e0e0}.article-body,.article-body p,.article-body strong,.article-body ol li{color:#b0b0b0}.article-body blockquote{background:#e36f4e26;color:#d0d0d0}.article-body blockquote footer{color:#888}.cta-card{background:#e36f4e1a;border-color:#e36f4e4d}.cta-card p{color:#b0b0b0}.article-navigation{border-top-color:#ffffff1a}.article-body hr{background:#ffffff1a}.not-found h1{color:#e0e0e0}.not-found p{color:#b0b0b0}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d;animation:modalSlideIn .3s ease-out;margin:auto;box-sizing:border-box}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #f0f0f0}.modal-title{font-size:1.5rem;font-weight:700;color:#000;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f5f5f5;color:#e36f4e}.modal-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:600;color:#333;font-size:.9rem}.form-field input{padding:.75rem 1rem;border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;background:#fffc;transition:all .3s ease;outline:none}.form-field input:focus{border-color:#e36f4e;background:#fff;box-shadow:0 0 0 3px #e36f4e1a}.gdpr-field{display:flex;align-items:flex-start;gap:.75rem;margin-top:.5rem}.gdpr-field input[type=checkbox]{margin-top:.25rem;width:16px;height:16px;accent-color:#E36F4E;flex-shrink:0}.gdpr-label{font-size:.9rem;line-height:1.5;color:#666}.privacy-link{color:#e36f4e;text-decoration:none}.privacy-link:hover{text-decoration:underline}.modal-buttons{display:flex;gap:1rem;margin-top:1rem}.modal-btn{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.modal-btn.secondary{background:#f5f5f5;color:#666;border:2px solid #e5e5e5}.modal-btn.secondary:hover{background:#e5e5e5;color:#333}.modal-btn.primary{background:#e36f4e;color:#fff}.modal-btn.primary:hover{background:#d4634a;transform:translateY(-1px);box-shadow:0 4px 12px #e36f4e4d}@media (max-width: 768px){.modal-overlay{padding:1rem;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.modal-content{max-height:85vh;max-height:85dvh;width:calc(100% - 2rem);max-width:400px;margin:0;position:relative}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-title{font-size:1.25rem}.modal-form{padding:1.5rem;gap:1.25rem}.form-row{grid-template-columns:1fr;gap:1.25rem}.form-field input{padding:.625rem .875rem}.modal-buttons{flex-direction:column}}@media (max-width: 480px){.modal-overlay{padding:.75rem;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.modal-content{max-height:90vh;max-height:90dvh;width:calc(100% - 1.5rem);max-width:350px;margin:0}.modal-header{padding:1rem 1rem .75rem}.modal-form{padding:1rem;gap:.8rem}.form-row{gap:.8rem}.modal-title{font-size:1.125rem}}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto;padding:60px 0 20px;color:#333}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:40px}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:30px;text-align:center}}.footer-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.footer-title{position:relative;padding-bottom:10px}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:#e36f4e}@media (max-width: 768px){.footer-title:after{left:50%;transform:translate(-50%)}}.company-section .footer-logo{margin-bottom:16px}.company-section .company-name{display:block;font-size:24px;font-weight:700;color:#333;letter-spacing:1px}.company-section .company-tagline{display:block;font-size:14px;font-weight:500;color:#e36f4e;margin-top:8px;letter-spacing:.5px}.company-description{font-size:14px;line-height:1.6;color:#666;margin:0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#666;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#e36f4e}.locations{display:flex;flex-direction:row;gap:24px}@media (max-width: 768px){.locations{flex-direction:column;gap:20px}}.location-item{padding:0}.location-name{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.location-address{font-size:14px;line-height:1.5;color:#666;margin:0}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#666}.contact-item svg{flex-shrink:0;color:#e36f4e}.contact-info svg{background:transparent;border-radius:0}.contact-item a{color:#666;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#e36f4e}.footer-bottom{border-top:1px solid #e9ecef;padding-top:20px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.footer-bottom-content{flex-direction:column;text-align:center;gap:10px}}.copyright{font-size:14px;color:#666;margin:0}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{font-size:14px;color:#666;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#e36f4e}@media (max-width: 480px){.footer-bottom-links{flex-direction:column;gap:10px}}@media (prefers-color-scheme: dark){.footer{background-color:#1a1a1a;border-top-color:#333;color:#e0e0e0}.footer-section h3,.company-section .company-name,.location-name{color:#e0e0e0}.company-description,.footer-links a,.contact-item,.contact-item a,.copyright,.footer-bottom-links a,.location-address{color:#b0b0b0}.footer-links a:hover,.contact-item a:hover,.footer-bottom-links a:hover{color:#e36f4e}.footer-bottom{border-top-color:#333}}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{text-align:center;margin-bottom:3rem;color:#fff}.header h1{font-size:3rem;margin-bottom:.5rem;font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.3)}.header p{font-size:1.2rem;opacity:.9;margin:0}.nav-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.page-navigation{display:flex;gap:1rem;margin-top:1rem}.nav-btn{padding:.8rem 1.5rem;border:none;border-radius:25px;background:#fff3;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.nav-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.nav-btn.active{background:#fff6;box-shadow:0 4px 15px #ffffff4d}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.demo-section{background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.demo-section.full-width{grid-column:1 / -1}.demo-section h2{margin:0 0 1rem;color:#333;font-size:1.5rem;font-weight:600}.demo-container{min-height:200px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:15px;margin:1rem 0;position:relative;overflow:hidden}.demo-container.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:20px}.square{width:60px;height:60px;background:linear-gradient(45deg,#ff6b6b,#feca57);border-radius:10px;box-shadow:0 4px 15px #ff6b6b66}.circle{width:40px;height:40px;background:linear-gradient(45deg,#4ecdc4,#44a08d);border-radius:50%;margin:5px;box-shadow:0 4px 15px #4ecdc466}.dot{width:20px;height:20px;background:#ddd;border-radius:50%;transition:all .3s ease}.draggable{width:80px;height:80px;background:linear-gradient(45deg,#a8edea,#fed6e3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#333;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 4px 15px #a8edea66;transition:transform .2s ease}.draggable:active{cursor:grabbing;transform:scale(1.1)}.controls{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.controls button{padding:.7rem 1.5rem;border:none;border-radius:25px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.controls button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.controls button:active{transform:translateY(0)}.code-example{background:#2d3748;border-radius:15px;padding:1.5rem;margin:1rem 0;overflow-x:auto}.code-example pre{margin:0;color:#e2e8f0;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6}.code-example code{color:#e2e8f0}.demo-section p{margin:1rem 0 0;color:#666;font-size:.9rem;text-align:center}.demo-section p a{color:#667eea;text-decoration:none;font-weight:600}.demo-section p a:hover{text-decoration:underline}@media (max-width: 768px){.app{padding:1rem}.header h1{font-size:2rem}.demo-grid{grid-template-columns:1fr;gap:1.5rem}.demo-section{padding:1.5rem}.controls{flex-direction:column;align-items:center}}svg{background:#fffc;border-radius:10px}