@layer reset,base,layout,components,utilities;@layer reset{*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color-scheme:dark;background-color:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden;width:100%}body{min-height:100vh;overflow-x:hidden;position:relative;background-color:var(--bg);width:100%}}@layer base{:root{--bg:#06080b;--bg-card:rgba(13,17,23,0.65);--bg-card-hover:rgba(22,28,38,0.8);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#f97316;--accent-secondary:#ea580c;--accent-glow:rgba(249,115,22,0.15);--border-color:rgba(255,255,255,0.08);--border-color-hover:rgba(249,115,22,0.25);--gradient-accent:linear-gradient(135deg,#f97316 0%,#ea580c 100%);--gradient-text:linear-gradient(135deg,#ffffff 30%,#a5b4fc 100%);--gradient-orange-text:linear-gradient(135deg,#ff9e59 0%,#ff6b00 100%);--font-sans:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;--transition-duration:0.4s;--transition-timing:cubic-bezier(0.16,1,0.3,1)}}@layer layout{.glow-container{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.glow-bubble{position:absolute;border-radius:50%;filter:blur(140px);opacity:0.08;mix-blend-mode:screen;will-change:transform}.bubble-1{top:-10%;left:20%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(249,115,22,0.2) 0%,transparent 70%);animation:drift-slow 20s infinite alternate var(--transition-timing)}.bubble-2{bottom:10%;right:10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(99,102,241,0.15) 0%,transparent 70%);animation:drift-slow-reverse 25s infinite alternate var(--transition-timing)}.page-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;z-index:1;position:relative}.header-sticky{position:sticky;top:0;width:100%;z-index:100;background:rgba(6,8,11,0.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.03);transition:background-color var(--transition-duration) var(--transition-timing)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;max-width:1200px;margin:0 auto;width:100%}.header-controls{display:flex;align-items:center;gap:1.25rem;order:3}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;z-index:101;padding:0}.hamburger-bar{width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:transform var(--transition-duration) var(--transition-timing),opacity var(--transition-duration) var(--transition-timing),background-color var(--transition-duration) var(--transition-timing)}.nav-links{display:flex;gap:2rem;order:2}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:0.95rem;transition:color var(--transition-duration) var(--transition-timing);position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-accent);transition:width var(--transition-duration) var(--transition-timing)}.nav-link:hover::after{width:100%}section{padding:6rem 0;border-bottom:1px solid rgba(255,255,255,0.03)}section:last-of-type{border-bottom:none}}@layer components{.brand-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 0 6rem}.logo-container{border:1px solid var(--border-color);padding:2.5rem 4rem;border-radius:24px;background:rgba(12,14,17,0.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 30px 70px rgba(0,0,0,0.75),inset 0 1px 0 rgba(255,255,255,0.05);transition:border-color var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing),transform var(--transition-duration) var(--transition-timing);animation:scale-up 1s var(--transition-timing) forwards;margin-bottom:3rem}.logo-container:hover{border-color:var(--border-color-hover);box-shadow:0 40px 80px rgba(249,115,22,0.06),0 30px 70px rgba(0,0,0,0.75);transform:translateY(-2px)}.brand{display:flex;align-items:center;gap:0.15em;font-size:clamp(3rem,10vw,5.5rem);user-select:none}.logo-text{font-family:var(--font-sans);font-weight:800;font-size:1em;letter-spacing:0.08em;line-height:1;color:var(--text-primary)}.brand .accent-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.soundwave-icon{width:0.85em;height:0.85em;color:var(--accent-primary);display:flex;align-items:center;flex-shrink:0;margin-bottom:0.05em}.soundwave-icon .bar{transform-origin:50% 50%;will-change:transform;animation:soundwave-pulse 1.4s ease-in-out infinite alternate}.soundwave-icon .bar-1{animation-delay:0.15s;animation-duration:1.1s}.soundwave-icon .bar-2{animation-delay:0.4s;animation-duration:1.4s}.soundwave-icon .bar-3{animation-delay:0.0s;animation-duration:1.2s}.soundwave-icon .bar-4{animation-delay:0.3s;animation-duration:1.3s}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:800px}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-secondary);max-width:650px;margin-bottom:3rem}.cta-button{display:inline-flex;align-items:center;gap:0.75rem;background:var(--gradient-accent);color:var(--text-primary);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing);box-shadow:0 10px 30px rgba(249,115,22,0.2)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(249,115,22,0.35)}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:1rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto 4rem}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05);transition:border-color var(--transition-duration) var(--transition-timing),background-color var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing),transform var(--transition-duration) var(--transition-timing)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-4px);box-shadow:0 30px 60px rgba(249,115,22,0.05),0 20px 40px rgba(0,0,0,0.4)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;margin-top:2rem}.product-icon{width:56px;height:56px;background:rgba(249,115,22,0.1);border:1px solid rgba(249,115,22,0.2);color:var(--accent-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.product-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.product-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.product-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:0.95rem;transition:color var(--transition-duration) var(--transition-timing)}.product-link:hover{color:var(--text-primary)}.product-link svg{transition:transform var(--transition-duration) var(--transition-timing)}.product-link:hover svg{transform:translateX(4px)}.schematic-container{display:flex;flex-direction:column;gap:3rem;align-items:center;margin-top:3rem}.flow-nodes{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:1050px}.flow-node{flex:1 1 200px;min-width:180px;max-width:260px;padding:1.5rem;text-align:center;border-radius:16px;background:rgba(13,17,23,0.45);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.3);position:relative;z-index:2}.flow-node.highlight{border-color:rgba(249,115,22,0.4);background:rgba(249,115,22,0.03);box-shadow:0 15px 35px rgba(249,115,22,0.05)}.flow-node-icon{font-size:1.8rem;margin-bottom:0.75rem;display:inline-block}.flow-node-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:0.35rem}.flow-node-subtitle{font-size:0.8rem;color:var(--text-secondary);line-height:1.3}.flow-arrow-svg{width:48px;height:24px;color:var(--accent-primary);flex-shrink:0;align-self:center}.flow-branch{display:flex;flex-direction:column;gap:1.5rem;min-width:180px;max-width:260px;flex:1 1 200px}.flow-branch .flow-node{max-width:100%}.svg-diagram-wrapper{width:100%;background:rgba(10,12,16,0.3);border:1px solid var(--border-color);border-radius:20px;padding:3rem 1.5rem;box-shadow:inset 0 0 40px rgba(0,0,0,0.5)}.svg-flow-path{stroke-dasharray:8,8;animation:flow-dash 30s linear infinite}.pulse-dot{animation:pulse-glow 2s infinite ease-in-out}.contact-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:start}.form-group{position:relative;margin-bottom:1.8rem}.form-group label{display:block;margin-bottom:0.5rem;color:var(--text-secondary);font-size:0.9rem;font-weight:500;transition:color var(--transition-duration) var(--transition-timing)}.form-control{width:100%;background:rgba(8,10,14,0.7);border:1px solid var(--border-color);border-radius:10px;padding:0.85rem 1rem;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;min-height:48px;transition:border-color var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing)}.form-control:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(249,115,22,0.15)}textarea.form-control{min-height:140px;resize:vertical}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;background:var(--gradient-accent);color:var(--text-primary);border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1.05rem;cursor:pointer;transition:transform var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing);box-shadow:0 10px 25px rgba(249,115,22,0.15)}.submit-button:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(249,115,22,0.3)}.submit-button:disabled{opacity:0.6;cursor:not-allowed;transform:none}.form-status{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:8px;font-size:0.95rem;display:none;animation:fade-in 0.4s var(--transition-timing) forwards}.form-status.success{display:block;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:#10b981}.form-status.error{display:block;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:#ef4444}.spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:var(--text-primary);animation:spin 0.8s linear infinite}.submitting .spinner{display:inline-block}.info-column{display:flex;flex-direction:column;gap:2rem}.info-card{padding:2rem;background:rgba(13,17,23,0.4);border:1px solid var(--border-color);border-radius:16px}.info-header{display:flex;align-items:center;gap:0.75rem;font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.info-header-icon{color:var(--accent-primary)}.info-content{color:var(--text-secondary);font-size:1rem;line-height:1.6}.info-content a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-duration) var(--transition-timing)}.info-content a:hover{color:var(--accent-primary)}.footer-bar{text-align:center;padding:3rem 0;color:var(--text-muted);font-size:0.9rem;border-top:1px solid rgba(255,255,255,0.03)}}@layer utilities{@keyframes scale-up{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes drift-slow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(8%,10%) scale(1.1)}}@keyframes drift-slow-reverse{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-10%,-8%) scale(1.05)}}@keyframes soundwave-pulse{0%{transform:scaleY(0.65)}100%{transform:scaleY(1.35)}}@keyframes flow-dash{to{stroke-dashoffset:-1000}}@keyframes pulse-glow{0%,100%{opacity:0.8;filter:drop-shadow(0 0 2px var(--accent-primary))}50%{opacity:1;filter:drop-shadow(0 0 10px var(--accent-primary))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}}@media (max-width:968px){.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.header-inner{padding:1rem 1.5rem}.menu-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:rgba(10,12,16,0.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:3rem;z-index:100;transition:right var(--transition-duration) var(--transition-timing)}.nav-links.open{right:0}.nav-link{font-size:1.2rem}.menu-toggle.open .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open .hamburger-bar:nth-child(2){opacity:0}.menu-toggle.open .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.logo-container{padding:1.5rem 2.5rem;margin-bottom:2rem}section{padding:4rem 0}.flow-nodes{flex-direction:column;gap:2rem}.flow-node{width:100%;max-width:320px}.flow-branch{width:100%;max-width:320px}.flow-arrow-svg{transform:rotate(90deg);height:32px}}html[lang="en"] [lang="nl"]{display:none !important}html[lang="nl"] [lang="en"]{display:none !important}.lang-switcher{display:inline-flex;align-items:center;gap:0.25rem;background:rgba(255,255,255,0.03);border:1px solid var(--border-color);padding:0.3rem 0.6rem;border-radius:20px;margin-left:1rem}.lang-btn{background:none;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:0.8rem;font-weight:700;cursor:pointer;padding:0.1rem 0.35rem;border-radius:12px;transition:color var(--transition-duration) var(--transition-timing),background-color var(--transition-duration) var(--transition-timing)}.lang-btn:hover{color:var(--text-primary)}.lang-btn.active{color:var(--text-primary);background:rgba(249,115,22,0.2);border:1px solid rgba(249,115,22,0.3)}.lang-divider{color:var(--text-muted);font-size:0.8rem;user-select:none}@media (max-width:768px){.lang-switcher{margin-left:0;margin-top:0.5rem}}.brand.brand-vertical{flex-direction:column !important;align-items:center !important;gap:1.5rem !important;font-size:clamp(1.8rem,5vw,2.5rem) !important}.soundwave-icon.hero-soundwave-svg{width:80px !important;height:80px !important;overflow:visible !important;margin-bottom:0.25rem;color:var(--accent-primary);display:block !important}.brand-text-wrap{display:flex;align-items:center;justify-content:center}.brand-lang-group{display:inline-flex;align-items:center;justify-content:center;gap:0.25em}