:root{--white:#fff;--off-white:#f9f9fb;--light-gray:#f2f2f5;--indigo-soft:#eef0ff;--cyan-soft:#ecfeff;--text-dark:#26272a;--text-mid:#60646a;--text-light:#9095a0;--indigo:#6366f1;--indigo-dark:#4f46e5;--cyan:#06b6d4;--gradient:linear-gradient(135deg, #6366f1, #06b6d4);--border:#00000012;--shadow-sm:0 2px 12px #0000000f;--shadow-md:0 8px 32px #0000001a;--shadow-lg:0 20px 60px #00000024;--nav-height:72px;--radius:16px;--radius-lg:24px;--transition:.3s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{background:var(--white);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}h1{color:#26272a;letter-spacing:-.025em;font-family:Syne,sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:800;line-height:1.05}h2{color:#26272a;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:clamp(1.8rem,4vw,4rem);font-weight:700;line-height:1.1}h3{color:#26272a;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}h4{color:#26272a;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}h5{color:#26272a;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700}.grad-text{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-text-white{background:linear-gradient(135deg,#fff 0%,#ecfeff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--indigo);margin-bottom:16px;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700;display:block}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--indigo);background:#6366f114;border:1px solid #6366f133;border-radius:999px;margin-bottom:16px;padding:4px 12px;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.section-inner{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}#scroll-progress-bar{z-index:9999;background:#6366f11a;height:3px;position:fixed;top:0;left:0;right:0}#scroll-progress{background:linear-gradient(90deg,#6366f1,#06b6d4);width:0%;height:100%;transition:width .1s linear}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)scale(1.02)}@keyframes pulse-indigo{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);animation:2.5s ease-out infinite pulse-indigo}.btn-primary:hover{animation:none;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 32px #6366f166}.btn-ghost{color:var(--text-dark);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--white);box-shadow:0 4px 16px #00000014}.btn-gradient{letter-spacing:.01em;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-gradient:hover{animation:none;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 32px #6366f166}.pulse{animation:2.5s ease-out infinite pulse-indigo}.pulse:hover{animation:none}.btn-widget,.btn-widget-cta,.nav-cta{animation:2.5s ease-out infinite pulse-indigo}.btn-widget:hover,.btn-widget-cta:hover,.nav-cta:hover{animation:none;transform:translateY(-2px)scale(1.03)}.nav{height:var(--nav-height);z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#fffffff2;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:#fffffff2;box-shadow:0 1px #0000000f}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1400px;height:100%;margin:0 auto;padding:0 clamp(16px,3vw,48px);display:flex}.logo{flex-shrink:0;align-items:baseline;gap:2px;text-decoration:none;display:flex}.logo-dives{color:var(--text-dark);letter-spacing:-.03em;font-family:Syne,sans-serif;font-size:1.35rem;font-weight:700}.logo-studio{color:var(--text-mid);font-family:DM Sans,sans-serif;font-size:1rem;font-style:italic}.nav-links{align-items:center;gap:clamp(12px,2vw,28px);display:flex}.nav-links a{color:var(--text-mid);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-dark)}.nav-cta{padding:10px 20px;color:#fff!important;font-size:.85rem!important}.nav-dropdown{position:relative}.nav-dropdown-trigger{color:var(--text-mid);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:.9rem;font-weight:500;transition:color .2s;display:flex}.nav-dropdown-trigger:hover{color:var(--text-dark)}.nav-dropdown-menu{background:var(--white);border:1px solid var(--border);min-width:260px;box-shadow:var(--shadow-lg);z-index:100;border-radius:16px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.nav-dropdown-menu:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.nav-dropdown-menu a{color:var(--text-dark);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:.875rem;transition:background .15s;display:flex}.nav-dropdown-menu a:hover{background:var(--off-white)}.dropdown-icon{text-align:center;width:28px;font-size:1.1rem}.nav-dropdown-menu strong{font-size:.875rem;font-weight:600;display:block}.nav-dropdown-menu small{color:var(--text-light);font-size:.75rem;display:block}.lang-switcher{gap:4px;display:flex}.lang-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:color .2s,background .2s}.lang-btn.active{color:var(--indigo);background:#6366f114}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-dark);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}@media (max-width:768px){.hamburger{display:flex}.nav-links{display:none}}.mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9998;background:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.mobile-menu-overlay.open{display:block}.mobile-menu-panel{z-index:9999;background:#fff;flex-direction:column;width:75%;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.mobile-menu-panel.open{transform:translate(0)}.mobile-menu-close{cursor:pointer;color:var(--text-dark);background:0 0;border:none;padding:4px 8px;font-size:1.6rem;line-height:1;position:absolute;top:16px;left:16px}.mobile-menu-nav{flex-direction:column;flex:1;padding:64px 24px 24px;display:flex}.mobile-menu-link{color:var(--text-dark);border-bottom:1px solid var(--border);padding:14px 0;font-size:1.05rem;font-weight:600;text-decoration:none;display:block}.mobile-menu-accordion{border-bottom:1px solid var(--border)}.mobile-menu-accordion-trigger{width:100%;color:var(--text-dark);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 0;font-family:inherit;font-size:1.05rem;font-weight:600;display:flex}.mobile-menu-chevron{color:#6366f1;font-size:.7em}.mobile-menu-sub{background:#f9f9fc;border-radius:6px;flex-direction:column;margin-bottom:4px;padding:4px 0 8px 16px;display:flex}.mobile-menu-sub-link{color:var(--text-mid);border-bottom:1px solid #0000000d;padding:9px 0;font-size:.95rem;font-weight:500;text-decoration:none;display:block}.mobile-menu-sub-link:last-child{border-bottom:none}.mobile-menu-footer{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 24px 32px;display:flex}.mobile-lang-switch{align-items:center;gap:6px;display:flex}.mobile-lang-sep{color:var(--border);font-size:.9rem}.mobile-lang-option{cursor:pointer;color:var(--text-mid);letter-spacing:.04em;background:0 0;border:none;padding:2px 0;font-family:Syne,sans-serif;font-size:.85rem;font-weight:400;transition:color .15s}.mobile-lang-option.active{color:var(--text-dark);font-weight:600}.webgl-bg{z-index:0;pointer-events:none;width:70vw;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.hero-blob{display:none}@media (max-width:767px){.hero-blob{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-blob-1{opacity:.25;filter:blur(80px);background:#6366f1;width:280px;height:280px;display:block;top:-40px;left:-60px}.hero-blob-2{opacity:.2;filter:blur(90px);background:#06b6d4;width:220px;height:220px;display:block;top:180px;right:-60px}.hero-blob-3{opacity:.25;filter:blur(80px);background:#6366f1;width:400px;height:200px;display:block;bottom:-60px;left:50%;transform:translate(-50%)}}.hero{z-index:1;isolation:isolate;contain:layout paint;background:0 0;align-items:center;min-height:75vh;max-height:75vh;display:flex;position:relative;overflow:hidden}.hero-inner{z-index:10;width:100%;padding-top:calc(var(--nav-height) + 20px);grid-template-columns:1fr 460px;align-items:center;gap:clamp(40px,5vw,80px);padding-bottom:40px;display:grid;position:relative}.hero-left{min-width:0}.hero-badge{letter-spacing:.05em;color:var(--indigo);background:#6366f114;border:1px solid #6366f133;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-left h1{letter-spacing:-.03em;word-break:keep-all;-webkit-hyphens:none;hyphens:none;text-wrap:balance;margin:16px 0 20px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.08}.hero-left p{color:var(--text-mid);max-width:48ch;margin-bottom:32px;font-size:clamp(1rem,1.5vw,1.125rem)}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.hero-stats{flex-wrap:wrap;gap:32px;display:flex}.hero-stats div{flex-direction:column;gap:2px;display:flex}.stat-num{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800}.hero-stats span:last-child{color:var(--text-light);font-size:.8rem}.contact-widget-hero{border:1px solid var(--border);width:100%;max-width:460px;box-shadow:var(--shadow-lg);background:#ebebef;border-radius:20px;flex-shrink:0;align-self:center;padding:28px}.widget-title{margin-bottom:6px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.widget-sub{color:var(--text-light);margin-bottom:16px;font-size:.82rem}.widget-tabs{background:var(--off-white);border-radius:10px;gap:6px;margin-bottom:18px;padding:4px;display:flex}.widget-tab{color:var(--text-mid);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 10px;font-size:.8rem;font-weight:500;transition:all .2s}.widget-tab.active{background:var(--white);color:var(--indigo);box-shadow:var(--shadow-sm)}.widget-content{color:var(--text-mid);font-size:.875rem}.widget-content p{margin-bottom:12px}.widget-content ul{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.widget-content li{color:var(--text-dark);font-size:.82rem}.widget-content .btn-gradient{text-align:center;box-sizing:border-box;width:100%;display:block}.btn-widget{text-align:center;color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:10px;padding:12px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.btn-widget:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}@media (min-width:1024px){.hero-inner{grid-template-columns:60% 40%}}@media (max-width:900px){.hero{min-height:auto;max-height:none}.hero-inner{padding-top:calc(var(--nav-height) + 40px);grid-template-columns:1fr;padding-bottom:60px}.contact-widget-hero{max-width:100%}.hero-cta{display:none}}@media (max-width:768px){.hero{background:#f4f4ff!important}.hero:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000,#6366f10d);height:180px;position:absolute;bottom:0;left:0;right:0}.hero-inner{padding-top:calc(var(--nav-height) + 16px);padding-bottom:28px}}section:not(.hero){z-index:1;position:relative}.stats-ticker{z-index:2}.stats-block{background:var(--white);z-index:2}.stats-strook{z-index:2;background:#ebebef}.wie-we-zijn{background:var(--white);z-index:2}.diensten-preview{background:var(--off-white);z-index:2}.device-section{z-index:2;background:#1a1a1f}.reviews-section{background:var(--off-white);z-index:2}.waarom-section{z-index:2;background:#f9f9fb}.faq-section{background:var(--white);z-index:2}.stats-ticker{background:var(--text-dark);border-top:1px solid #ffffff0d;padding:14px 0;overflow:hidden}.ticker-track{align-items:center;gap:48px;width:max-content;animation:30s linear infinite tickerScroll;display:flex}.ticker-track:hover{animation-play-state:paused}.ticker-item{white-space:nowrap;color:#ffffffb3;align-items:center;gap:10px;font-size:.85rem;font-weight:500;display:flex}.ticker-dot{background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:50%;flex-shrink:0;width:6px;height:6px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats-block{background:var(--indigo-soft);padding:clamp(60px,8vw,100px) 0}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform var(--transition), box-shadow var(--transition);padding:clamp(28px,3.5vw,44px) clamp(20px,2.5vw,32px)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-emoji{margin-bottom:12px;font-size:1.75rem;display:block}.stat-card-num{margin-bottom:8px;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1}.stat-card-label{color:var(--text-mid);font-size:.875rem}.stat-label{color:var(--text-mid);margin-top:4px;font-size:.875rem}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.stats-strook{background:#ebebef;padding:clamp(80px,8vw,100px) 0}.stats-strook-inner{flex-flow:row;justify-content:center;align-items:center;display:flex}.stats-strook-item{flex-direction:row;align-items:center;gap:8px;padding:0 clamp(32px,5vw,60px);display:flex}.stats-strook-num{flex-shrink:0;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.stats-strook-label{color:var(--text-mid);text-align:left;white-space:nowrap;font-size:.875rem}.stats-strook-divider{background:var(--border);flex-shrink:0;width:1px;height:60px}@media (max-width:768px){.stats-strook-item{text-align:center;flex-direction:column;gap:4px}.stats-strook-label{text-align:center;white-space:normal}}@media (max-width:640px){.stats-strook-inner{flex-flow:column wrap;gap:0}.stats-strook-item{padding:24px 0}.stats-strook-divider{background:#b0b0b0;width:30%;height:1px;margin:0 auto;display:block}.stats-strook-divider:nth-of-type(3){display:none}}@keyframes btn-pulse{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 12px #6366f100}to{box-shadow:0 0 #6366f100}}.btn-gradient-outline{cursor:pointer;color:#6366f1;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .3s,color .3s;animation:2s infinite btn-pulse;display:inline-flex;position:relative}.btn-gradient-outline:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:999px;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-gradient-outline:hover{color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4)}.btn-gradient-outline:hover:before{opacity:0}.wie-we-zijn{background:var(--white);padding:0}.wie-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,80px);display:grid}@media (max-width:768px){.wie-grid{grid-template-columns:1fr}}.wie-visual{border-radius:var(--radius-lg);aspect-ratio:4/3;background:linear-gradient(135deg,#eef0ff,#ecfeff);justify-content:center;align-items:center;display:flex}.wie-vinkjes{flex-direction:column;gap:12px;margin-top:24px;display:flex}.wie-vinkje{color:var(--text-mid);align-items:flex-start;gap:12px;font-size:.9rem;display:flex}.wie-vinkje:before{content:"✓";color:var(--indigo);flex-shrink:0;margin-top:2px;font-weight:700}.wie-outer{height:200vh;margin:0;padding:0;position:relative;overflow:hidden}.wie-sticky{background:var(--white);justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.wie-col-left{z-index:1;flex:1;align-items:center;padding:clamp(40px,6vw,80px) 0;display:flex;position:relative}.wie-col-right{flex:1;justify-content:center;align-items:center;padding:clamp(24px,4vw,48px) 0;display:flex;position:relative}.wie-inner{align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:flex}.wie-mobile-text,.wie-btn-mobile{display:none}.wie-photos-desktop{display:block}.wie-photos-mobile-wrapper{display:none}@media (max-width:767px){.wie-outer{background:#fff;height:auto}.wie-sticky{height:auto;position:relative}.wie-inner{flex-direction:column;gap:0}.wie-col-left{order:1;width:100%;padding:32px clamp(16px,5vw,32px)}.wie-col-right{order:2;width:100%}.wie-photos-desktop{display:none}.wie-photos-mobile-wrapper{flex-direction:column;width:100%;display:flex}.wie-photos-mobile{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;display:flex;overflow:auto hidden}.wie-photos-mobile::-webkit-scrollbar{display:none}.wie-photo-slide{aspect-ratio:1;scroll-snap-align:start;border-radius:12px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.wie-carousel-arrows{justify-content:center;gap:16px;margin-top:16px;display:flex}.wie-carousel-arrow{color:#6366f1;cursor:pointer;background:#6366f114;border:1.5px solid #6366f166;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:background .2s,border-color .2s,opacity .2s;display:flex}.wie-carousel-arrow:hover:not(:disabled){background:#6366f12e;border-color:#6366f1b3}.wie-carousel-arrow:disabled{opacity:.25;cursor:default}.wie-btn-mobile{order:3;justify-content:center;width:100%;padding:24px clamp(16px,5vw,32px) 32px;display:flex}.wie-desktop-text{display:none}.wie-mobile-text{color:var(--text-mid);margin-top:16px;margin-bottom:28px;line-height:1.7;display:block}.wie-btn-desktop{display:none}}.diensten-preview{background:var(--off-white);padding:clamp(120px,12vw,160px) 0 clamp(160px,16vw,200px)}.diensten-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;margin-top:48px;display:grid}.diensten-row{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-flow:row;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.diensten-row .service-card{scroll-snap-align:start;flex:1 1 0;min-width:180px}@media (max-width:768px){.diensten-row .service-card{min-width:220px;box-shadow:0 4px 24px #6366f126}}@media (max-width:640px){.diensten-row .service-card{min-width:220px}}.diensten-row{scrollbar-width:none;-ms-overflow-style:none}.diensten-row::-webkit-scrollbar{display:none}.diensten-nav-arrows{justify-content:center;gap:12px;margin-top:16px;display:none}@media (max-width:768px){.diensten-nav-arrows{display:flex}}.diensten-title{text-align:center}@media (max-width:768px){.diensten-title{text-align:left}}.diensten-arrow{color:#6366f1;cursor:pointer;background:#6366f114;border:1.5px solid #6366f166;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:background .2s,border-color .2s,opacity .2s;display:flex}.diensten-arrow:hover:not(:disabled){background:#6366f114;border-color:#6366f199}.diensten-arrow:disabled{opacity:.25;cursor:default}.dienst-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);color:inherit;padding:clamp(24px,3vw,32px);text-decoration:none;display:block}.dienst-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.dienst-icon{margin-bottom:16px;font-size:2rem}.dienst-card h3{margin-bottom:8px}.dienst-card p{color:var(--text-mid);font-size:.875rem}.dienst-card-arrow{color:var(--indigo);align-items:center;gap:6px;margin-top:16px;font-size:.8rem;font-weight:600;transition:transform .25s;display:flex}.service-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .25s;display:flex;overflow:hidden}.service-card:hover{background:#eef0ff;border-color:#6366f11a;transform:translateY(-4px);box-shadow:0 8px 32px #6366f11f}.service-card:hover .dienst-card-arrow{transform:translate(4px)}.service-card-icon{background:var(--indigo-soft);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;transition:background .25s,box-shadow .25s,transform .25s;display:flex}.service-card-icon svg{width:24px;height:24px;stroke:var(--indigo);transition:stroke .25s}.service-card:hover .service-card-icon{background:linear-gradient(135deg,#6366f1,#06b6d4);transform:scale(1.08);box-shadow:0 6px 20px #6366f159}.service-card:hover .service-card-icon svg{stroke:#fff}.service-card h3{margin-bottom:8px}.service-card p{color:var(--text-mid);font-size:.875rem}.service-card-photo{flex-shrink:0;height:160px;position:relative;overflow:hidden}.device-section{background:#1a1a1f;padding:clamp(120px,12vw,160px) 0;overflow:hidden}.device-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.device-text h2{color:#fff}.device-text p{color:#fff9;margin-top:20px;line-height:1.7}.carousel-3d-container{height:520px;position:relative}.carousel-3d-scene{place-items:center;width:100%;height:100%;display:grid}.carousel-3d-item{cursor:pointer;will-change:transform, opacity;grid-area:1/1}.device-stepper{flex-wrap:nowrap;align-items:center;margin-top:40px;display:flex}.device-stepper-item{align-items:center;display:flex}.device-stepper-icon{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:6px;transition:all .2s;display:flex}.device-stepper-icon svg{stroke:#ffffff40;width:24px;height:24px;transition:stroke .3s}.device-stepper-icon span{color:#ffffff40;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:.65rem;transition:color .3s}.device-stepper-icon.active svg{stroke:#6366f1}.device-stepper-icon.active span{color:#ffffffe6}.device-stepper-icon:hover svg{stroke:#fff9}.device-stepper-icon:hover span{color:#fff9}.device-stepper-line{background:#ffffff1f;border-radius:999px;width:32px;height:2px;margin:0 2px 20px;transition:background .4s}.device-stepper-line.filled{background:linear-gradient(90deg,#6366f1,#06b6d4)}@media (max-width:900px){.device-inner{grid-template-columns:1fr;gap:40px}.carousel-3d-container{height:380px}}.carousel-device-wrapper{justify-content:center;align-items:center;width:100%;height:360px;display:flex}.carousel-mobile-view{flex-direction:column;align-items:center;gap:24px;padding:16px 0 8px;display:none}@media (max-width:900px){.carousel-3d-container{display:none}.carousel-mobile-view{display:flex}}.carousel-arrows{justify-content:center;gap:16px;margin-top:20px;display:flex}.carousel-arrow{color:#6366f1;cursor:pointer;background:#6366f114;border:1.5px solid #6366f166;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:background .2s,border-color .2s,opacity .2s;display:flex}.carousel-arrow:hover:not(:disabled){background:#6366f12e;border-color:#6366f1b3}.carousel-arrow:disabled{opacity:.25;cursor:default}.reviews-section{background:var(--white);padding:clamp(80px,10vw,120px) 0;overflow:hidden}.reviews-section .section-inner{margin-bottom:48px}.review-card{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;width:320px;margin-right:20px;padding:24px}.review-stars{color:#f59e0b;margin-bottom:12px;font-size:.9rem}.review-card p{color:var(--text-mid);margin-bottom:16px;font-size:.875rem;line-height:1.6}.review-author{color:var(--text-dark);font-size:.8rem;font-weight:600}.faq-section{background:var(--off-white);padding:clamp(80px,10vw,120px) 0}.faq-section h2{margin-top:8px;margin-bottom:40px}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-two-col{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (max-width:768px){.faq-two-col{grid-template-columns:1fr;gap:48px}.faq-photo-col{order:-1}}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);overflow:hidden}.faq-q{width:100%;color:var(--text-dark);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-family:Syne,sans-serif;font-size:.95rem;font-weight:600;display:flex}.faq-icon{color:#fff;text-align:center;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:50%;flex-shrink:0;width:24px;height:24px;font-size:1rem;line-height:24px;display:inline-block}.faq-a{overflow:hidden}.faq-a p{color:var(--text-mid);padding:0 24px 20px;font-size:.875rem}.dienst-hero{text-align:center;justify-content:center;align-items:center;height:50vh;min-height:400px;max-height:560px;display:flex;position:relative;overflow:hidden}.dienst-hero-overlay{z-index:1;background:linear-gradient(135deg,#0f0f14e0 0%,#4f46e5a6 45%,#06b6d466 100%);position:absolute;inset:0}.dienst-hero-overlay:after{content:"";z-index:2;background:linear-gradient(#0000,#f9f9fb73);height:120px;position:absolute;bottom:0;left:0;right:0}.dienst-hero-content{z-index:3;color:#fff;padding:calc(var(--nav-height) + 24px) clamp(16px, 4vw, 48px) 24px;width:100%;position:relative}.dienst-hero-content h1{color:#fff;margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:800;line-height:1.08}.dienst-hero-content p{color:#fff;max-width:52ch;margin:0 auto;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}.dienst-hero-label{color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.diensten-nav-bar-wrapper{z-index:20;justify-content:center;width:100%;margin-top:-70px;margin-bottom:80px;padding:0 clamp(16px,4vw,48px);display:flex;position:relative}.diensten-nav-bar{background:#eef0ff;border:1px solid #6366f11a;border-radius:20px;gap:8px;width:fit-content;padding:12px;display:flex;box-shadow:0 20px 60px #6366f11f}.diensten-nav-card{color:var(--text-mid);text-align:center;cursor:pointer;background:#ffffffb3;border:1px solid #6366f114;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:160px;padding:20px 24px;font-size:.8rem;text-decoration:none;transition:all .25s;display:flex}.diensten-nav-card:hover{color:var(--text-dark);background:#fffffff2;box-shadow:0 4px 20px #6366f11f}.diensten-nav-card.active{color:var(--text-dark);background:#fff;box-shadow:0 4px 20px #6366f126}.diensten-nav-card strong{color:inherit;margin-bottom:4px;font-family:Syne,sans-serif;font-size:.875rem;font-weight:700;display:block}.diensten-nav-card small{color:var(--text-light);font-size:.75rem;display:block}.diensten-nav-icon{background:#6366f114;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;transition:background .25s,box-shadow .25s;display:flex}.diensten-nav-icon svg{width:20px;height:20px;stroke:var(--text-light);transition:stroke .25s}.diensten-nav-card:hover .diensten-nav-icon,.diensten-nav-card.active .diensten-nav-icon{background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 4px 16px #6366f159}.diensten-nav-card:hover .diensten-nav-icon svg,.diensten-nav-card.active .diensten-nav-icon svg{stroke:#fff}.diensten-nav-mobile-controls{display:none}@media (max-width:768px){.dienst-hero{min-height:320px}.diensten-nav-bar-wrapper{flex-direction:column;align-items:center}.diensten-nav-mobile-controls{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:12px;padding:0 16px;display:flex}.diensten-nav-mobile-arrow{color:#6366f1;cursor:pointer;background:#ffffffd9;border:1.5px solid #6366f166;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s;display:flex}.diensten-nav-mobile-arrow svg{width:16px;height:16px}.diensten-nav-mobile-arrow:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);border-color:#0000;box-shadow:0 4px 12px #6366f159}.diensten-nav-mobile-arrow:hover:not(:disabled) svg{stroke:#fff}.diensten-nav-mobile-arrow:disabled{opacity:.3;cursor:not-allowed}.diensten-nav-mobile-dots{align-items:center;gap:6px;display:flex}.diensten-nav-mobile-dot{cursor:pointer;background:#6366f140;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.diensten-nav-mobile-dot.active{background:#6366f1;transform:scale(1.35)}}.dienst-intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(40px,6vw,80px);display:grid}@media (max-width:768px){.dienst-intro-grid{grid-template-columns:1fr}}.dienst-vinkjes{flex-direction:column;gap:10px;margin-top:16px;display:flex}.dienst-vinkjes li{color:var(--text-mid);background:var(--off-white);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;display:flex}.dienst-vinkjes li:before{content:"✓";color:var(--indigo);flex-shrink:0;font-weight:700}.dienst-features-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;margin-top:56px;display:grid}.dienst-feature-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);padding:clamp(20px,2.5vw,32px)}.dienst-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.dienst-feature-icon{margin-bottom:14px;font-size:1.8rem}.dienst-feature-card h3{margin-bottom:10px}.dienst-feature-card p{color:var(--text-mid);font-size:.875rem}.dienst-steps{flex-direction:column;gap:0;margin-top:48px;display:flex}.dienst-step{border-bottom:1px solid #6366f126;align-items:flex-start;gap:24px;padding:28px 0;display:flex}.dienst-step:last-child{border-bottom:none}.dienst-step-num{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:60px;font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800;line-height:1}.dienst-step-content h4{margin-bottom:6px;font-family:Syne,sans-serif;font-weight:700}.dienst-step-content p{color:var(--text-mid);font-size:.875rem}.cta-full{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 40%,#06b6d4 100%);width:100%;padding:clamp(60px,8vw,100px) 0;position:relative;overflow:hidden}.cta-full:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.cta-full-inner{grid-template-columns:40% 50%;align-items:center;gap:10%;display:grid}.cta-full-text h2{color:#fff;margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;line-height:1.15}.cta-full-text p{color:#ffffffbf;font-size:1rem}.contact-widget-cta{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:28px}.contact-widget-cta .widget-title{color:#fff;margin-bottom:6px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.contact-widget-cta .widget-sub{color:#ffffffb3;margin-bottom:16px;font-size:.85rem}.contact-widget-cta .widget-tabs{background:0 0;border-radius:0;gap:8px;margin-bottom:16px;padding:0;display:flex}.contact-widget-cta .widget-tab{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:.8rem;transition:all .2s}.contact-widget-cta .widget-tab.active{color:#fff;background:#fff3;border-color:#fff6}.contact-widget-cta .widget-content ul{margin:0 0 16px;padding:0;list-style:none}.contact-widget-cta .widget-content li{color:#fffc;padding:4px 0;font-size:.85rem}.btn-widget-cta{color:#6366f1;text-align:center;background:#fff;border-radius:999px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}footer{isolation:isolate;background:#26272a;overflow:hidden}.site-footer{color:#fff9;isolation:isolate;box-sizing:border-box;background:#26272a;max-width:100%;padding-top:clamp(60px,8vw,100px);padding-bottom:0;overflow:hidden}.site-footer .footer-inner{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.site-footer .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.site-footer .logo-dives{color:#fff}.site-footer .logo-studio{color:#ffffff80}.footer-brand p{color:#ffffff80;margin:16px 0 20px;font-size:.875rem;line-height:1.6}.footer-social{gap:8px;display:flex}.social-icon{color:#ffffff80;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:flex}.social-icon:hover{color:#fff;background:#6366f126;border-color:#6366f1}.site-footer .footer-col h5{color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700}.site-footer .footer-col a{color:#ffffff80;padding:4px 0;font-size:.875rem;transition:color .2s;display:block}.site-footer .footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 0;display:flex}.footer-bottom p{color:#ffffff4d;font-size:.8rem}.footer-legal{gap:20px;display:flex}.footer-legal a{color:#ffffff4d;font-size:.8rem;transition:color .2s}.footer-legal a:hover{color:#ffffffb3}[data-reveal],[data-reveal].revealed{opacity:1;transform:none}.legal-hero{padding:calc(var(--nav-height) + 60px) 0 clamp(48px, 6vw, 80px);background:linear-gradient(135deg, var(--indigo-soft), var(--cyan-soft));text-align:center}.legal-hero-inner{max-width:700px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.legal-hero h1{margin-bottom:16px;font-size:clamp(2rem,5vw,3.5rem)}.legal-hero p{color:var(--text-mid);font-size:1rem}.back-link{color:var(--indigo);align-items:center;gap:8px;margin-bottom:32px;font-size:.875rem;font-weight:600;transition:gap .2s;display:inline-flex}.back-link:hover{gap:12px}.legal-content-section{background:var(--white);padding:clamp(48px,6vw,80px) 0 clamp(80px,10vw,120px)}.legal-content{max-width:760px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.legal-content h2{border-bottom:1px solid var(--border);margin:40px 0 14px;padding-bottom:10px;font-size:clamp(1.2rem,2.5vw,1.6rem)}.legal-content h2:first-of-type{margin-top:0}.legal-content p{color:var(--text-mid);margin-bottom:16px;font-size:.95rem;line-height:1.7}.legal-content ul{flex-direction:column;gap:8px;margin:0 0 20px;display:flex}.legal-content li{color:var(--text-mid);background:var(--off-white);border-radius:8px;padding:8px 12px 8px 32px;font-size:.95rem;position:relative}.legal-content li:before{content:"→";color:var(--indigo);font-weight:700;position:absolute;left:12px}.legal-content strong{color:var(--text-dark);font-weight:600}.legal-table-wrap{border-radius:var(--radius);border:1px solid var(--border);margin:0 0 24px;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;font-size:.875rem}.legal-table th{background:var(--indigo-soft);color:var(--indigo);text-align:left;padding:12px 16px;font-weight:700}.legal-table td{border-top:1px solid var(--border);color:var(--text-mid);vertical-align:top;padding:12px 16px}.legal-table tr:nth-child(2n) td{background:var(--off-white)}.legal-page{padding:calc(var(--nav-height) + 60px) 0 clamp(80px, 10vw, 120px);background:var(--white);min-height:100vh}.contact-grid{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);margin-top:48px;display:grid}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-dark);font-size:.8rem;font-weight:600}.form-input,.form-textarea,.form-select{border:1px solid var(--border);color:var(--text-dark);background:var(--white);border-radius:10px;outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:120px}.form-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#06b6d4);border:none;border-radius:999px;align-self:flex-start;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.contact-info{flex-direction:column;gap:20px;display:flex}.contact-info-item{background:var(--off-white);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:18px;display:flex}.contact-info-icon{flex-shrink:0;font-size:1.3rem}.contact-info-text h4{margin-bottom:4px;font-size:.85rem;font-weight:700}.contact-info-text a,.contact-info-text p{color:var(--text-mid);font-size:.875rem}@media (max-width:1024px){.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:768px){.cta-full-inner{grid-template-columns:1fr;gap:40px}.site-footer{padding-top:60px}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom{text-align:center;flex-direction:column}.diensten-nav-bar-wrapper{margin-bottom:24px;padding:0;overflow:hidden}.diensten-nav-bar{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:0;flex-wrap:nowrap;justify-content:flex-start;gap:0;width:100%;overflow-x:scroll}.diensten-nav-bar::-webkit-scrollbar{display:none}.diensten-nav-card{scroll-snap-align:start;flex:0 0 100%;min-width:0}.site-footer .footer-grid{text-align:center;grid-template-columns:1fr}.footer-brand{flex-direction:column;align-items:center;display:flex}.footer-social,.site-footer .footer-col{display:none}.footer-bottom{text-align:center;flex-direction:column;align-items:center}.footer-legal{flex-wrap:wrap;justify-content:center}.cta-buttons{flex-direction:column}.cta-btn-primary,.cta-btn-secondary{text-align:center}}svg{max-width:100%}.contact-widget{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:20px;max-width:100%;display:grid;overflow:hidden}@media (max-width:768px){.contact-widget{grid-template-columns:1fr}}.contact-option{text-align:center;background:var(--off-white);border-radius:var(--radius-lg);border:1px solid var(--border);color:inherit;flex-direction:column;align-items:center;gap:6px;padding:32px 24px;text-decoration:none;display:flex}.contact-option-icon{background:var(--indigo-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:8px;display:flex;overflow:hidden}.contact-option-icon svg{stroke:var(--indigo);color:var(--indigo);flex-shrink:0;width:22px!important;height:22px!important}.contact-option h4{margin-bottom:4px;font-size:1rem;font-weight:700}.contact-option>p{color:var(--text-mid);font-size:.8rem}.contact-option-link{color:var(--indigo);margin-top:8px;font-size:.875rem;font-weight:600;display:inline-block}.contact-form-section{background:var(--off-white);box-sizing:border-box;max-width:100%;padding:clamp(60px,8vw,100px) 0;overflow:hidden}.contact-form-wrapper{background:#f2f2f5;border:1px solid #0000000f;border-radius:24px;max-width:760px;margin:0 auto;padding:clamp(32px,5vw,56px);box-shadow:0 4px 24px #0000000f}.contact-form-section .contact-form{max-width:100%}.contact-form input,.contact-form select{box-sizing:border-box;width:100%;color:var(--text-dark);background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.contact-form textarea{box-sizing:border-box;width:100%;color:var(--text-dark);resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-height:120px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.contact-form input:not(:placeholder-shown),.contact-form textarea:not(:placeholder-shown){border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.process-timeline{flex-direction:column;max-width:800px;margin:0 auto;display:flex}.timeline-item{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr;align-items:flex-start;gap:32px;padding:40px 0;display:grid}.timeline-item:last-child{border-bottom:none}.timeline-num{font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;line-height:1}.timeline-content h3{margin-bottom:8px}.timeline-tag{background:var(--indigo-soft);color:var(--indigo);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.duration-chip{background:var(--text-dark);color:#fffc;border-radius:999px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}@media (max-width:640px){.timeline-item{grid-template-columns:1fr;gap:8px;padding:24px 0}.timeline-num{font-size:2.5rem}}.dienst-feature-icon-svg{background:var(--indigo-soft);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;transition:background .25s,box-shadow .25s;display:flex}.dienst-feature-icon-svg svg{width:24px;height:24px;stroke:var(--indigo);transition:stroke .25s}.dienst-feature-card:hover .dienst-feature-icon-svg{background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 6px 20px #6366f159}.dienst-feature-card:hover .dienst-feature-icon-svg svg{stroke:#fff}.dienst-features-2col{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:56px;display:grid}@media (max-width:640px){.dienst-features-2col{grid-template-columns:1fr}}.dienst-timeline{flex-direction:column;margin-top:48px;padding-left:60px;display:flex;position:relative}.dienst-timeline:before{content:"";background:linear-gradient(#6366f1,#06b6d4);border-radius:2px;width:2px;position:absolute;top:20px;bottom:20px;left:18px}.dienst-tl-item{padding-bottom:40px;position:relative}.dienst-tl-item:last-child{padding-bottom:0}.dienst-tl-num{color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:2px;left:-48px;box-shadow:0 4px 12px #6366f159}.dienst-tl-title{color:var(--text-dark);margin-bottom:6px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.dienst-tl-desc{color:var(--text-mid);font-size:.875rem;line-height:1.6}@media (max-width:640px){.dienst-timeline{padding-left:48px}.dienst-tl-num{width:32px;height:32px;font-size:.72rem;left:-40px}}.h-stepper{gap:0;margin-top:48px;display:flex;position:relative}.h-stepper:before{content:"";background:linear-gradient(90deg,#6366f1,#06b6d4);height:2px;position:absolute;top:19px;left:19px;right:19px}.h-step{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;padding:0 12px;display:flex;position:relative}.h-step-num{color:#fff;background:#c8c8d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:800;transition:background .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.h-step-num.is-active{background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 4px 12px #6366f159}.h-step h4{margin-bottom:6px;font-size:.9rem}.h-step p{color:var(--text-mid);font-size:.8rem;line-height:1.5}@media (max-width:640px){.h-stepper{flex-direction:column;gap:24px}.h-stepper:before{display:none}.h-step{text-align:left;flex-direction:row;align-items:flex-start;gap:16px}.h-step-num{flex-shrink:0;margin-bottom:0}}.check-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.check-list li{color:var(--text-mid);background:var(--off-white);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;display:flex}.check-list li:before{content:"✓";color:var(--indigo);flex-shrink:0;font-weight:700}@media (max-width:768px){.waarom-cols{grid-template-columns:1fr!important}.waarom-decor-1{width:clamp(100px,40vw,212px)!important;height:clamp(120px,48vw,252px)!important}.waarom-decor-2{width:clamp(60px,25vw,120px)!important;height:clamp(60px,25vw,120px)!important}}@media (max-width:640px){.dienst-intro-grid,.device-inner,.contact-grid,.stats-grid,.wie-grid,.site-footer .footer-grid,.form-row{grid-template-columns:1fr!important}}.timeline-v2{flex-direction:column;margin-top:48px;padding-left:56px;display:flex;position:relative}.timeline-track{background:var(--border);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:15px}.timeline-progress{background:linear-gradient(#6366f1,#06b6d4);border-radius:2px;width:2px;height:0%;position:absolute;top:8px;left:15px}.timeline-step{padding-bottom:40px;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-num-v2{color:#fff;z-index:1;background:#c8c8d0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:Syne,sans-serif;font-size:.72rem;font-weight:800;transition:background .4s,box-shadow .4s;display:flex;position:absolute;top:2px;left:-44px;overflow:hidden}.timeline-num-v2.is-active{background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 4px 12px #6366f159}.dot-fill{z-index:1;pointer-events:none;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:50%;position:absolute;inset:0;transform:scale(0)}.timeline-content-v2 h3{margin-bottom:8px;font-size:1rem}.timeline-content-v2 p{color:var(--text-mid);font-size:.875rem;line-height:1.6}@media (max-width:640px){.timeline-v2{padding-left:44px}.timeline-num-v2{width:28px;height:28px;font-size:.68rem;left:-36px}}.slide-panel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#00000073;transition:opacity .35s;position:fixed;inset:0}.slide-panel-overlay.open{opacity:1;pointer-events:all}.slide-panel{top:var(--nav-height);width:75vw;max-width:820px;height:calc(100vh - var(--nav-height));background:var(--white);z-index:101;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-20px 0 60px #00000026}.slide-panel.open{transform:translate(0)}.slide-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:36px 40px 24px;display:flex}.slide-panel-header h2{background:linear-gradient(135deg,#6366f1,#06b6d4);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.15}.slide-panel-body{flex:1;padding:40px}.slide-panel-close{background:var(--off-white);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:1.4rem;line-height:1;transition:background .2s;display:flex}.slide-panel-close:hover{background:var(--light-gray)}.slide-panel-detail{flex-direction:column;gap:24px;display:flex}.slide-panel-detail p{color:var(--text-mid);line-height:1.7}.slide-panel-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.slide-panel-list li{color:var(--text-mid);background:var(--off-white);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.9rem;display:flex}.slide-panel-list li:before{content:"→";color:var(--indigo);flex-shrink:0;margin-top:1px;font-weight:700}@media (max-width:768px){.slide-panel{border-radius:20px 20px 0 0;width:100%;max-width:100%;height:66vh;transition:transform .3s;inset:auto auto 0 0;transform:translateY(100%);box-shadow:0 -10px 40px #0003}.slide-panel.open{transform:translateY(0)}.strategie-proces-section,.strategie-doen-section,.maatwerk-doen-section,.webdesign-proces-section,.doorontwikkeling-cards-section{margin-bottom:48px}.hero .contact-widget-hero{background:#fff}}.diensten-kaarten-desktop{gap:24px;display:grid}.diensten-kaarten-mobile{display:none}@media (max-width:768px){.diensten-kaarten-desktop{display:none}.diensten-kaarten-mobile{display:block}.diensten-carousel-overflow{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;scroll-padding-left:0;display:flex;overflow-x:scroll}.diensten-carousel-overflow::-webkit-scrollbar{display:none}.diensten-carousel-slide{scroll-snap-align:start;box-sizing:border-box;flex-shrink:0;width:100%;min-width:100%}.diensten-carousel-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.diensten-carousel-dot{cursor:pointer;background:#6366f140;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.diensten-carousel-dot.active{background:#6366f1;transform:scale(1.3)}}@keyframes swipe-hint-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes avatar-pulse{0%,to{opacity:.5}50%{opacity:1}}.team-avatar-placeholder{animation:2.5s ease-in-out infinite avatar-pulse}.diensten-swipe-hint,.swipe-hint-text{display:none}@media (max-width:767px){.diensten-swipe-hint,.swipe-hint-text{text-align:center;color:var(--text-light);letter-spacing:.05em;margin-top:10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;animation:2.5s ease-in-out infinite swipe-hint-pulse;display:block}}.photo-intro-grid{grid-template-columns:45% 55%;align-items:center;gap:64px;display:grid}@media (max-width:768px){.photo-intro-grid{grid-template-columns:1fr;gap:40px}.photo-intro-grid>:first-child{order:2}.photo-intro-grid>:nth-child(2){order:1}.ecommerce-intro-grid{flex-direction:column;gap:32px;display:flex}.ecommerce-intro-grid>:first-child{order:1}.ecommerce-intro-grid>:nth-child(2){order:2;width:100%}}.panel-cards-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.panel-card{background:var(--white);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;padding:28px 24px;transition:all .25s;display:flex;box-shadow:0 4px 24px #6366f126}.panel-card:hover{background:var(--indigo-soft);box-shadow:var(--shadow-md);border-color:#6366f133;transform:translateY(-4px)}.panel-card h3{margin-bottom:10px}.panel-card>p{color:var(--text-mid);flex:1;font-size:.875rem}.panel-card-icon{background:var(--indigo-soft);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;transition:background .25s;display:flex}.panel-card-icon svg{width:22px;height:22px;stroke:var(--indigo);transition:stroke .25s}.panel-card:hover .panel-card-icon{background:linear-gradient(135deg,#6366f1,#06b6d4)}.panel-card:hover .panel-card-icon svg{stroke:#fff}.panel-card:hover .panel-card-icon svg *{stroke:#fff!important;fill:none!important}.panel-card-cta{color:var(--indigo);align-items:center;gap:6px;margin-top:20px;font-size:.8rem;font-weight:600;transition:gap .2s;display:flex}.panel-card:hover .panel-card-cta{gap:10px}.panel-cards-arrows{justify-content:center;gap:12px;margin-top:20px;display:none}.panel-cards-arrow{color:#6366f1;cursor:pointer;background:#6366f114;border:1.5px solid #6366f166;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:background .2s,border-color .2s,opacity .2s;display:flex}.panel-cards-arrow:hover:not(:disabled){background:#6366f12e;border-color:#6366f1b3}.panel-cards-arrow:disabled{opacity:.25;cursor:default}@media (max-width:768px){.panel-cards-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:16px;margin-top:32px;padding-bottom:4px;display:flex;overflow:auto visible}.panel-cards-grid::-webkit-scrollbar{display:none}.panel-card{scroll-snap-align:start;flex-shrink:0;width:100%;min-width:100%}.panel-cards-arrows{display:flex}}.dark-diagonal{z-index:1;background:#26272a;margin-top:0;padding:clamp(100px,12vw,140px) 0 clamp(80px,10vw,120px);position:relative}.dark-two-col{grid-template-columns:1fr 1fr;gap:32px;margin-top:48px;display:grid}.dark-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:40px 32px;box-shadow:0 0 20px #6366f140}.dark-card h3{color:#fff;margin-bottom:14px}.dark-card p{color:#ffffffa6;font-size:.875rem;line-height:1.75}.dark-card-label{text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Syne,sans-serif;font-size:.7rem;font-weight:700;display:block}@media (max-width:640px){.dark-two-col{grid-template-columns:1fr}}.dark-stats-section{background:#26272a;padding:clamp(40px,5vw,60px) 0}.dark-stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.dark-stat-item{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:32px 16px}.dark-stat-num{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1;display:block}.dark-stat-label{color:#fff9;font-size:.875rem;line-height:1.5}@media (max-width:768px){.dark-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dark-stats-grid{grid-template-columns:1fr}}.ecom-stat-item{text-align:left;flex-direction:column;flex:1;max-width:300px;padding:0 clamp(24px,4vw,48px);display:flex}.ecom-stat-num{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;flex-shrink:0;margin-bottom:8px;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.ecom-stat-label{color:var(--text-mid);white-space:pre-line;font-size:.875rem;line-height:1.5}@media (min-width:768px){.ecom-stat-item{flex-direction:row;align-items:center;gap:16px}.ecom-stat-num{margin-bottom:0}}input,textarea,select{transition:border-color .2s,background .2s}input:focus,textarea:focus,select:focus,input:not(:placeholder-shown),textarea:not(:placeholder-shown){background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#6366f1,#06b6d4) border-box!important;border:2px solid #0000!important;outline:none!important}@keyframes pulse-calendly{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 12px #6366f100}}.prijzen-hero{text-align:center;justify-content:center;align-items:center;height:50vh;min-height:400px;max-height:560px;display:flex;position:relative;overflow:hidden}.prijzen-hero h1{color:#fff;margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:800;line-height:1.08}.prijzen-hero-sub{color:#fff;max-width:52ch;margin:0 auto;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}.pakket-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (max-width:900px){.pakket-grid{grid-template-columns:1fr;gap:48px}}.pakket-block-title{color:var(--text-dark);margin-bottom:20px;font-family:Syne,sans-serif;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800}.pakket-tabs-row{background:#0000000d;border-radius:12px;gap:0;margin-bottom:24px;padding:4px;display:flex}.pakket-tab{cursor:pointer;color:var(--text-mid);white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.pakket-tab.active{background:var(--white);color:var(--indigo);box-shadow:0 2px 8px #6366f124}.pakket-card{background:var(--white);border:1px solid var(--border);border-radius:16px;min-height:260px;padding:32px;transition:box-shadow .2s;position:relative;box-shadow:0 4px 24px #6366f11f}.pakket-card.featured{border-color:#6366f147;box-shadow:0 0 0 1px #6366f11f,0 8px 32px #6366f11a}.pakket-badge{color:#fff;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:999px;padding:4px 18px;font-family:Syne,sans-serif;font-size:.7rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pakket-price{margin-bottom:24px;font-family:Syne,sans-serif;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;line-height:1}.pakket-services{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pakket-services li{color:var(--indigo);align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;display:flex}.pakket-divider{border:none;border-top:1px solid var(--border);margin:18px 0}.pakket-features{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pakket-features li{color:var(--text-dark);align-items:flex-start;gap:10px;font-family:DM Sans,sans-serif;font-size:.9rem;line-height:1.5;display:flex}.ecom-card-wrapper{max-width:820px;margin:0 auto}.ecom-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:40px 48px;box-shadow:0 4px 28px #6366f112}.ecom-card-inner{justify-content:space-between;align-items:center;gap:48px;display:flex}.ecom-card-left{flex:1}.ecom-price-side{flex-direction:column;flex-shrink:0;align-items:center;gap:20px;display:flex}.ecom-aanvraag{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;white-space:nowrap;text-align:center;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800}.ecom-cta{color:#fff;white-space:nowrap;border-radius:40px;padding:13px 28px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none}@media (max-width:700px){.ecom-card{padding:28px 24px}.ecom-card-inner{flex-direction:column;gap:28px}.ecom-price-side{width:100%}.ecom-cta{justify-content:center;width:100%}}.onderhoud-header{text-align:center;margin-bottom:40px}.onderhoud-sub{color:var(--text-mid);max-width:52ch;margin:12px auto 0;font-size:1rem;line-height:1.7}.onderhoud-wrapper{max-width:680px;margin:0 auto}.onderhoud-toggle-row{background:#0000000d;border-radius:12px;gap:0;margin-bottom:28px;padding:4px;display:flex}.onderhoud-toggle-btn{cursor:pointer;color:var(--text-mid);background:0 0;border:none;border-radius:9px;flex:1;padding:11px 12px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.onderhoud-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 2px 10px #6366f147}.onderhoud-cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:600px){.onderhoud-cols{grid-template-columns:1fr}.onderhoud-toggle-btn{padding:10px 8px;font-size:.82rem}}.onderhoud-col{background:var(--white);border:1px solid var(--border);text-align:center;border-radius:16px;padding:28px 24px;box-shadow:0 2px 12px #0000000a}.onderhoud-col-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-mid);margin-bottom:14px;font-family:Syne,sans-serif;font-size:.78rem;font-weight:700}.onderhoud-col-price{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:2.8rem;font-weight:800;line-height:1}.onderhoud-col-unit{font-size:1.1rem;font-weight:600}.onderhoud-col-note{color:var(--indigo);margin-top:8px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600}.calendly-popup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#06b6d4);border:none;border-radius:10px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:opacity .2s;animation:2s infinite pulse-calendly;display:inline-block}.calendly-popup-btn:hover{opacity:.9}.calendly-badge-widget,.calendly-badge-content{display:none!important}.calendly-popup-content iframe,.calendly-overlay iframe{border:none}.alt-features{flex-direction:column;gap:80px;margin-top:56px;display:flex}.alt-feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.alt-feature-row.reversed{direction:rtl}.alt-feature-row.reversed>*{direction:ltr}.alt-feature-photo{aspect-ratio:4/3;border-radius:12px;position:relative;overflow:hidden}.alt-feature-text h3{margin-bottom:16px;font-size:clamp(1.2rem,2.5vw,1.6rem)}.alt-feature-text p{color:var(--text-mid);font-size:.95rem;line-height:1.75}.alt-feature-text .label{margin-top:0;margin-bottom:12px}@media (max-width:768px){.alt-feature-row,.alt-feature-row.reversed{direction:ltr;grid-template-columns:1fr;gap:32px}}.faq-two-col.photo-left{direction:rtl}.faq-two-col.photo-left>*{direction:ltr}@media (max-width:640px){.h-stepper-anim>div:last-child{flex-direction:column!important;gap:24px!important}.h-stepper-anim>div:last-child .h-step{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important}.h-stepper-anim>div:last-child .h-step-num{flex-shrink:0!important;margin-bottom:0!important}.h-stepper-anim>div:first-child,.h-stepper-anim>div:nth-child(2){display:none!important}}@media (min-width:1024px){.section-inner,.section-inner>h1,.section-inner>h2,.section-inner>h3,.section-inner>p,.section-inner>span{text-align:left!important}.page-hero .section-inner,.page-hero .section-inner>h1,.page-hero .section-inner>h2,.page-hero .section-inner>h3,.page-hero .section-inner>p,.page-hero .section-inner>span{text-align:center!important}}