*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: #EFF6FF;--primary: #0F172A;--text: #334155;--text-muted: #64748B;--surface: #FFFFFF;--surface-warm: #F8FAFC;--bg-warm: #EFF6FF;--border: #E2E8F0;--radius: 12px;--max-w: 1200px;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1)}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:var(--max-w);margin:0 auto;padding:0 clamp(16px,5vw,40px)}section{padding:clamp(72px,10vw,120px) 0}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.15;color:var(--primary)}h1{font-size:clamp(2.2rem,5vw,3.8rem)}h2{font-size:clamp(1.8rem,3.5vw,2.8rem)}h3{font-size:clamp(1.2rem,2vw,1.6rem)}h4{font-size:1.1rem}p{line-height:1.7;color:var(--text)}.accent{color:var(--accent);font-style:italic}.section-label{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:16px}.section-header{max-width:640px;margin-bottom:clamp(40px,6vw,64px)}.section-header p{color:var(--text-muted);margin-top:12px;font-size:1.05rem}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;padding:14px 28px;border-radius:var(--radius);transition:background .2s,transform .15s,box-shadow .2s;border:none;cursor:pointer;font-family:var(--font-body)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--primary);font-weight:600;font-size:.95rem;padding:13px 27px;border-radius:var(--radius);border:2px solid var(--border);transition:border-color .2s,background .2s,transform .15s;cursor:pointer;font-family:var(--font-body)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.btn-ghost-white{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;font-weight:600;font-size:.95rem;padding:13px 27px;border-radius:var(--radius);border:2px solid rgba(255,255,255,.5);transition:border-color .2s,background .2s,transform .15s;cursor:pointer;font-family:var(--font-body)}.btn-ghost-white:hover{border-color:#fff;background:#ffffff1f;transform:translateY(-1px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:background .3s,backdrop-filter .3s,border-color .3s,box-shadow .3s}.navbar.scrolled{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:12px 0}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.navbar-logo{display:flex;flex-direction:column;line-height:1.1;text-decoration:none}.navbar-logo-main{font-family:var(--font-heading);font-weight:700;font-size:1.45rem;color:#fff;transition:color .2s}.navbar.scrolled .navbar-logo-main{color:var(--primary)}.navbar-logo-sub{font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.navbar-nav{display:flex;align-items:center;gap:4px}.navbar-nav a{font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:8px;transition:color .2s,background .2s;color:#ffffffe6}.navbar.scrolled .navbar-nav a{color:var(--primary)}.navbar-nav a:hover,.navbar-nav a.active{color:var(--accent);background:var(--accent-light)}.navbar.transparent .navbar-nav a:hover,.navbar.transparent .navbar-nav a.active{color:var(--accent);background:#2563eb1a}.navbar-cta{font-size:.88rem;padding:10px 20px}.navbar-hamburger{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer}.navbar-hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:background .2s}.navbar.scrolled .navbar-hamburger span{background:var(--primary)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.mobile-menu-overlay a{color:#fff;font-size:1.6rem;font-family:var(--font-heading);font-weight:700;padding:12px 32px;border-radius:var(--radius);transition:color .2s,background .2s}.mobile-menu-overlay a:hover,.mobile-menu-overlay a.active{color:var(--accent);background:#2563eb1a}.mobile-close{position:absolute;top:20px;right:20px;color:#ffffffb3;background:none;border:none;cursor:pointer;padding:8px}.footer{background:var(--primary);color:#fffc;padding:72px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:56px}.footer-logo-main{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:#fff}.footer-tagline{margin-top:10px;font-size:.88rem;line-height:1.6;color:#fff9}.footer-col h4{color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font-family:var(--font-body)}.footer-col ul{display:flex;flex-direction:column;gap:10px}.footer-col ul li a{color:#ffffffa6;font-size:.9rem;transition:color .2s}.footer-col ul li a:hover{color:var(--accent)}.footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.9rem;color:#ffffffa6}.footer-contact-item svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.footer-contact-item a{transition:color .2s}.footer-contact-item a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-bottom p{font-size:.82rem;color:#fff6}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.service-card-icon{width:52px;height:52px;background:var(--accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--accent)}.service-card h3{margin-bottom:10px;font-size:1.15rem}.service-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.service-card-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:600;font-size:.88rem;margin-top:16px;transition:gap .2s}.service-card-link:hover{gap:8px}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:box-shadow .25s}.testimonial-card:hover{box-shadow:var(--shadow-md)}.testimonial-stars{display:flex;gap:3px;margin-bottom:14px;color:#f59e0b}.testimonial-text{font-size:.95rem;color:var(--text);line-height:1.7;margin-bottom:18px;font-style:italic}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;color:var(--accent);font-size:1rem;overflow:hidden}.testimonial-name{font-weight:600;font-size:.92rem;color:var(--primary)}.testimonial-location{font-size:.8rem;color:var(--text-muted)}.portfolio-card{border-radius:var(--radius);overflow:hidden;position:relative;background:var(--primary);transition:transform .25s,box-shadow .25s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.portfolio-card img{width:100%;height:260px;object-fit:cover;transition:transform .4s}.portfolio-card:hover img{transform:scale(1.04)}.portfolio-card-info{padding:20px;background:var(--surface)}.portfolio-card-badge{display:inline-block;background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:100px;margin-bottom:8px}.portfolio-card h3{font-size:1.05rem;margin-bottom:6px}.portfolio-card p{font-size:.85rem;color:var(--text-muted)}.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;padding-top:100px}.hero-inner{position:relative;z-index:2}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease-in-out;z-index:0}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,#000c,#00000080);z-index:1}.hero-dots{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.hero-dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;background:#ffffff80;transition:background .3s ease,transform .3s ease;padding:0}.hero-dot:hover{background:#fffc}.hero-dot.active{background:var(--accent);transform:scale(1.3)}.hero-content{position:relative;z-index:2;max-width:720px}.hero-content .section-label{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero h1{color:#fff;margin-bottom:20px;text-shadow:0 2px 16px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.4)}.hero-subtitle,.hero-sub{color:#fffffff2;font-size:1.15rem;margin-bottom:36px;max-width:540px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.hero-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.3) 0%,transparent 70%);top:-100px;right:-100px}.hero-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(26,26,46,.5) 0%,transparent 70%);bottom:100px;right:200px}.trust-strip{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;color:#ffffffeb;font-size:.88rem;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.5)}.trust-item svg{color:var(--accent)}.page-hero{background:var(--primary);padding:clamp(100px,14vw,160px) 0 clamp(60px,8vw,100px);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 50%,rgba(37,99,235,.15) 0%,transparent 60%)}.page-hero .container{position:relative;z-index:1}.page-hero .section-label{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-hero h1{color:#fff;margin-bottom:16px}.page-hero p,.page-hero-sub{color:#ffffffb8;font-size:1.1rem;max-width:560px}.stats-section{background:var(--surface-warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(48px,6vw,80px) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.stat-item{padding:24px 16px}.stat-value{font-family:var(--font-heading);font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;color:var(--accent);line-height:1;margin-bottom:8px}.stat-label{font-size:.88rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bento-card{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:box-shadow .25s}.bento-card:hover{box-shadow:var(--shadow-md)}.bento-card:first-child{background:var(--primary);color:#fff}.bento-card:first-child h3{color:#fff}.bento-card:first-child p{color:#ffffffb3}.bento-icon{width:48px;height:48px;background:var(--accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent)}.bento-card:first-child .bento-icon{background:#2563eb26;color:var(--accent)}.bento-card h3{margin-bottom:10px;font-size:1.1rem}.bento-card p{font-size:.9rem;color:var(--text-muted);line-height:1.65}.portfolio-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cta-section{background:linear-gradient(135deg,var(--primary) 0%,#2a1a3e 100%);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(37,99,235,.15) 0%,transparent 70%)}.cta-section .container{position:relative;z-index:1}.cta-section h2{color:#fff;margin-bottom:16px}.cta-section p{color:#ffffffb8;font-size:1.05rem;margin-bottom:36px;max-width:520px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.cta-meta{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.cta-meta a{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.9rem;font-weight:500;transition:color .2s}.cta-meta a:hover{color:var(--accent)}.stat-counter{text-align:center;padding:20px}.stat-counter .value{font-family:var(--font-heading);font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;color:var(--accent);line-height:1}.stat-counter .label{font-size:.88rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:8px}.faq-section{padding:clamp(64px,8vw,120px) 0;background:var(--surface-warm)}.faq-list{max-width:720px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;background:var(--surface)}.faq-question{width:100%;text-align:left;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.98rem;color:var(--primary);transition:color .2s}.faq-question:hover,.faq-question.open{color:var(--accent)}.faq-chevron{flex-shrink:0;color:var(--accent);transition:transform .3s}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{padding:0 24px 20px;font-size:.93rem;color:var(--text-muted);line-height:1.7;overflow:hidden}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(28px,4vw,48px)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--primary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:10px;font-family:var(--font-body);font-size:.93rem;color:var(--text);background:var(--surface);transition:border-color .2s,box-shadow .2s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-error{color:#ef4444;font-size:.8rem;margin-top:4px;display:block}.form-group textarea{resize:vertical;min-height:120px}.form-success{text-align:center;padding:48px 32px}.form-success-icon{width:64px;height:64px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#16a34a}.form-success h3{color:var(--primary);margin-bottom:10px}.form-success p{color:var(--text-muted);font-size:.93rem}.before-after-slider{position:relative;overflow:hidden;border-radius:var(--radius);-webkit-user-select:none;user-select:none;cursor:col-resize}.before-after-slider img{width:100%;height:100%;object-fit:cover;display:block}.before-after-before{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.before-after-before img{position:absolute;top:0;left:0;width:100%;height:100%}.before-after-handle{position:absolute;top:0;bottom:0;width:2px;background:#fff;cursor:col-resize;transform:translate(-50%)}.before-after-handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000040;color:var(--primary)}.before-after-label{position:absolute;bottom:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:100px;background:#0000008c;color:#fff}.before-after-label.left{left:12px}.before-after-label.right{right:12px}.floating-cta{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:800;display:none}.floating-cta.visible{display:block}.floating-cta-btn{background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;padding:14px 32px;border-radius:100px;border:none;cursor:pointer;box-shadow:0 4px 24px #2563eb66;transition:background .2s,transform .15s;white-space:nowrap;font-family:var(--font-body)}.floating-cta-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.dienst-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px;transition:box-shadow .25s}.dienst-card:hover{box-shadow:var(--shadow-md)}.dienst-card-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.dienst-icon{width:56px;height:56px;background:var(--accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.dienst-card h3{margin-bottom:6px}.dienst-card>p{color:var(--text-muted);font-size:.93rem;line-height:1.7;margin-bottom:18px}.dienst-bullets{display:flex;flex-direction:column;gap:8px}.dienst-bullet{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-muted)}.dienst-bullet svg{color:var(--accent);flex-shrink:0}.diensten-main-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.diensten-detail-section{padding:80px 0}.diensten-detail-list{display:flex;flex-direction:column;gap:64px}.dienst-detail-card{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px;transition:box-shadow .25s}.dienst-detail-card:hover{box-shadow:var(--shadow-md)}.dienst-detail-card.reverse{direction:rtl}.dienst-detail-card.reverse>*{direction:ltr}.dienst-detail-img{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:3/2}.dienst-detail-img img{width:100%;height:100%;object-fit:cover}.dienst-detail-icon-badge{position:absolute;top:16px;left:16px;width:52px;height:52px;background:var(--accent);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.dienst-detail-card.reverse .dienst-detail-icon-badge{left:auto;right:16px}.dienst-detail-content h2{font-family:var(--font-heading);font-size:1.6rem;color:var(--primary);margin-bottom:12px}.dienst-detail-content>p{color:var(--text-muted);font-size:.95rem;line-height:1.7;margin-bottom:20px}.dienst-detail-content .dienst-bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.dienst-detail-content .dienst-bullets li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text)}.dienst-detail-content .dienst-bullets li svg{color:var(--accent);flex-shrink:0}.werkproces{background:var(--surface-warm)}.werkproces-section{padding:80px 0;background:#fff;position:relative;overflow:hidden}.werkproces-section:before{content:"";position:absolute;top:-120px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.werkproces-section:after{content:"";position:absolute;bottom:-80px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(37,99,235,.04) 0%,transparent 70%);border-radius:50%;pointer-events:none}.werkproces-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.werkproces-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}.werkproces-stap{text-align:center;position:relative}.stap-nummer{width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.stap-lijn{position:absolute;top:30px;right:-16px;width:32px;height:2px;background:var(--border)}.werkproces-stap:last-child .stap-lijn{display:none}.stap-content h3{font-size:1rem;margin-bottom:8px}.process-steps{margin-top:48px}.process-desktop{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.process-mobile{display:none;flex-direction:column}.process-tabs{display:flex;flex-direction:column}.process-tab{display:flex;align-items:flex-start;gap:16px;padding:20px 0;background:none;border:none;cursor:pointer;text-align:left;width:100%;border-bottom:1px solid var(--border);position:relative}.process-tab:first-child{border-top:1px solid var(--border)}.process-tab-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border);border-radius:2px;overflow:hidden}.process-tab-fill{position:absolute;top:0;left:0;width:100%;background:var(--accent);border-radius:2px}.process-tab-number{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--text-muted);min-width:28px;padding-left:16px;transition:color .3s ease}.process-tab.active .process-tab-number,.process-tab.done .process-tab-number{color:var(--accent)}.process-tab-content{flex:1}.process-tab-content h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-muted);margin:0 0 4px;transition:color .3s ease}.process-tab.active .process-tab-content h3{color:var(--text)}.process-tab-content p{color:var(--text-muted);font-size:.95rem;line-height:1.7;margin:0;overflow:hidden}.process-image-wrap{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3;background:var(--surface-warm);box-shadow:0 8px 40px #00000014}.process-image-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.process-image-overlay{position:absolute;bottom:16px;left:16px;z-index:1;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 2px 12px #00000014}.process-image-num{font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:.05em}.process-image-title{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--text)}.process-paused{position:absolute;top:12px;right:12px;padding:4px 10px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;font-size:.75rem;color:var(--text-muted);font-weight:500}.process-mobile-expand{overflow:hidden}.process-mobile-expand p{margin:0 0 12px}.process-mobile-img{border-radius:12px;overflow:hidden;aspect-ratio:16 / 10;margin-bottom:4px}.process-mobile-img img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.process-desktop{display:none!important}.process-mobile{display:flex!important}}.stap-content p{font-size:.85rem;color:var(--text-muted)}.stap{text-align:center;position:relative}.stap:after{content:"";position:absolute;top:30px;right:-16px;width:32px;height:2px;background:var(--border)}.stap:last-child:after{display:none}.stap-num{width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.stap h4{font-size:1rem;margin-bottom:8px}.stap p{font-size:.85rem;color:var(--text-muted)}.merken-section{padding:80px 0}.merken-grid{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.merk-badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 32px;font-family:var(--font-heading);font-weight:700;font-size:1.3rem;color:var(--primary)}.verhaal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}.verhaal-img{border-radius:var(--radius);overflow:hidden;aspect-ratio:3/4}.verhaal-img img{width:100%;height:100%;object-fit:cover}.verhaal-content .section-label{margin-bottom:16px}.verhaal-content h2{margin-bottom:20px}.verhaal-content p{color:var(--text-muted);margin-bottom:16px;font-size:.95rem}.waarden-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.waarde-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center}.waarde-icon{width:56px;height:56px;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--accent)}.waarde-card h3{margin-bottom:10px;font-size:1.05rem}.waarde-card p{font-size:.88rem;color:var(--text-muted)}.werkgebied-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.werkgebied-tag{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:100px}.rating-overview{display:flex;align-items:center;gap:32px;background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius);padding:36px 48px;margin-bottom:48px;flex-wrap:wrap}.rating-big{font-family:var(--font-heading);font-size:5rem;font-weight:700;color:var(--accent);line-height:1}.rating-stars-big{display:flex;gap:4px;color:#f59e0b;margin-bottom:8px}.rating-count{font-size:.88rem;color:var(--text-muted)}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}.contact-info-box{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius);padding:36px}.contact-info-box h3{margin-bottom:24px}.contact-info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.contact-info-item-icon{width:44px;height:44px;background:var(--accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.contact-info-item h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;margin-bottom:4px}.contact-info-item p,.contact-info-item a{font-size:.93rem;color:var(--text);font-weight:500;transition:color .2s}.contact-info-item a:hover{color:var(--accent)}.beheer-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-warm)}.beheer-login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:48px;width:100%;max-width:400px;text-align:center}.beheer-login-logo{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--primary);margin-bottom:8px}.beheer-login-box p{color:var(--text-muted);font-size:.9rem;margin-bottom:32px}.beheer-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.beheer-sidebar{background:var(--primary);color:#fff;padding:24px 0;display:flex;flex-direction:column}.beheer-sidebar-logo{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:#fff;padding:0 24px 24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.beheer-sidebar-logo small{display:block;font-family:var(--font-body);font-size:.72rem;color:#ffffff80;font-weight:400;margin-top:2px}.beheer-nav-btn{width:100%;text-align:left;padding:11px 24px;background:none;border:none;color:#ffffffa6;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;font-family:var(--font-body);border-radius:0}.beheer-nav-btn:hover,.beheer-nav-btn.active{background:#2563eb1f;color:var(--accent)}.beheer-content{padding:40px;background:var(--surface-warm);overflow-y:auto}.beheer-section-title{font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:28px;font-family:var(--font-heading)}.beheer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px}.beheer-card h4{font-size:.9rem;font-weight:700;color:var(--primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.beheer-field{margin-bottom:16px}.beheer-field label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.beheer-field input,.beheer-field textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-family:var(--font-body);font-size:.9rem;color:var(--text);background:var(--surface);outline:none;transition:border-color .2s}.beheer-field input:focus,.beheer-field textarea:focus{border-color:var(--accent)}.beheer-field textarea{min-height:90px;resize:vertical}.beheer-save-btn{background:var(--accent);color:#fff;font-weight:600;padding:12px 28px;border-radius:var(--radius);border:none;cursor:pointer;font-size:.93rem;font-family:var(--font-body);transition:background .2s;display:inline-flex;align-items:center;gap:8px}.beheer-save-btn:hover{background:var(--accent-hover)}.beheer-saved{display:inline-flex;align-items:center;gap:6px;color:#16a34a;font-size:.9rem;font-weight:600;margin-left:12px}.beheer-logout{margin-top:auto;padding:16px 24px 0;border-top:1px solid rgba(255,255,255,.1)}.beheer-logout button{width:100%;text-align:left;padding:10px 0;background:none;border:none;color:#ffffff73;font-size:.85rem;cursor:pointer;transition:color .2s;font-family:var(--font-body)}.beheer-logout button:hover{color:#fff}.section-more-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;font-size:.95rem;margin-top:36px;transition:gap .2s}.section-more-link:hover{gap:10px}.diensten-preview-section{padding:clamp(64px,8vw,120px) 0;background:#fff}.diensten-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.service-icon{width:52px;height:52px;border-radius:14px;background:var(--surface-warm);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:16px;flex-shrink:0}.waarom-section{padding:clamp(64px,8vw,120px) 0;background:var(--bg-warm);position:relative;overflow:hidden}.waarom-section:before{content:"";position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);pointer-events:none}.waarom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.waarom-card{background:#fff;border-radius:16px;padding:32px 28px;border:1px solid var(--border);transition:box-shadow .25s,transform .25s}.waarom-card:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-4px)}.waarom-icon{width:52px;height:52px;border-radius:14px;background:var(--surface-warm);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:18px}.waarom-card h3{font-size:1.05rem;margin-bottom:10px;color:var(--primary)}.waarom-card p{color:var(--text-muted);font-size:.92rem;line-height:1.65}.portfolio-preview-section{padding:clamp(64px,8vw,120px) 0;background:#fff}.portfolio-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.portfolio-img-wrap{position:relative;overflow:hidden;border-radius:12px 12px 0 0;aspect-ratio:4/3}.portfolio-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-card:hover .portfolio-img-wrap img{transform:scale(1.06)}.portfolio-type{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;letter-spacing:.03em}.portfolio-info{padding:20px 0 4px}.portfolio-info h3{font-size:1rem;color:var(--primary);margin-bottom:6px}.portfolio-info p{font-size:.88rem;color:var(--text-muted);line-height:1.55}.testimonials-section{padding:clamp(64px,8vw,120px) 0;background:var(--bg-warm)}.btn-lg{padding:16px 36px;font-size:1.05rem}.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.hero-sub{color:#ffffffeb;font-size:1.1rem;margin-bottom:32px;max-width:540px;line-height:1.65;text-shadow:0 1px 8px rgba(0,0,0,.5)}.section-sub{color:var(--text-muted);font-size:1rem;max-width:520px;margin:12px auto 0;line-height:1.65}.cta-box{padding:clamp(48px,6vw,80px) 0}.cta-box h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:16px}.cta-box p{margin-bottom:36px}.cta-alt{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:24px}.cta-alt a{display:flex;align-items:center;gap:8px;color:#ffffffb8;font-size:.92rem;text-decoration:none;transition:color .2s}.cta-alt a:hover{color:#fff}.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.stars{display:flex;gap:3px;color:#f59e0b;margin-bottom:14px}.hero .btn-ghost{color:#fff;border-color:#ffffff80}.hero .btn-ghost:hover{border-color:#fff;background:#ffffff1f;color:#fff}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-author strong{display:block;font-size:.92rem;color:var(--primary)}.testimonial-author span{font-size:.8rem;color:var(--text-muted)}.portfolio-section{padding:clamp(64px,8vw,120px) 0;background:#fff}.portfolio-full-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .25s,transform .25s}.portfolio-full-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.portfolio-full-img{aspect-ratio:16/10;overflow:hidden}.portfolio-full-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.portfolio-full-card:hover .portfolio-full-img img{transform:scale(1.04)}.portfolio-slider-wrap{position:relative}.slider-labels{display:flex;justify-content:space-between;padding:8px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.portfolio-full-info{padding:24px 28px 28px}.portfolio-type-badge{display:inline-block;background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:100px;margin-bottom:10px}.portfolio-full-info h3{font-size:1.15rem;color:var(--primary);margin-bottom:8px}.portfolio-full-info p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:12px}.portfolio-location{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted)}.portfolio-location svg{color:var(--accent);flex-shrink:0}.verhaal-section{padding:clamp(64px,8vw,120px) 0;background:#fff}.verhaal-tekst .section-label{margin-bottom:16px}.verhaal-tekst h2{margin-bottom:20px}.verhaal-tekst p{color:var(--text-muted);margin-bottom:16px;font-size:.95rem;line-height:1.7}.waardes-section{padding:clamp(64px,8vw,120px) 0;background:var(--surface-warm)}.waardes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.werkgebied-section{padding:clamp(64px,8vw,120px) 0;background:#fff}.werkgebied-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.werkgebied-item{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);font-size:.88rem;font-weight:600;padding:10px 18px;border-radius:100px}.werkgebied-item svg{flex-shrink:0}.rating-overview-section{padding:clamp(48px,6vw,80px) 0;background:#fff}.rating-score{font-family:var(--font-heading);font-size:5rem;font-weight:700;color:var(--accent);line-height:1}.rating-stars{display:flex;flex-direction:column;gap:6px}.rating-stars span{font-size:.88rem;color:var(--text-muted)}.reviews-section{padding:clamp(48px,6vw,80px) 0;background:var(--surface-warm)}.review-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:box-shadow .25s;height:100%;display:flex;flex-direction:column}.review-card:hover{box-shadow:var(--shadow-md)}.review-text{font-size:.95rem;color:var(--text);line-height:1.7;font-style:italic;margin-bottom:18px;flex:1}.review-footer{display:flex;align-items:center;gap:12px;margin-top:auto}.review-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.review-author strong{display:block;font-size:.92rem;color:var(--primary)}.review-author span{font-size:.8rem;color:var(--text-muted)}.contact-main-section{padding:clamp(64px,8vw,120px) 0;background:#fff}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}.contact-info-side .footer-contact-item{color:var(--text-muted)}.contact-info-side .footer-contact-item a{color:var(--text)}.contact-info-side .footer-contact-item a:hover{color:var(--accent)}.contact-form-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(28px,4vw,48px)}.contact-form-wrap h2{margin-bottom:8px}.contact-form-intro{color:var(--text-muted);font-size:.93rem;margin-bottom:28px}.contact-info-wrap{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(28px,4vw,48px)}.contact-info-wrap h2{margin-bottom:24px}.contact-info-items{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.contact-info-item{display:flex;align-items:flex-start;gap:16px}.contact-info-icon{width:44px;height:44px;background:var(--accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.contact-info-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;margin-bottom:2px}.contact-info-value{font-size:.93rem;color:var(--text);font-weight:500;transition:color .2s}a.contact-info-value:hover{color:var(--accent)}.contact-address-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-top:8px}.contact-address-box strong{display:block;font-size:.95rem;color:var(--primary);margin-bottom:6px}.contact-address-box p{font-size:.88rem;color:var(--text-muted);line-height:1.6}@media (max-width: 1024px){.diensten-grid,.waarom-grid,.portfolio-preview-grid,.stats-grid,.testimonials-grid,.reviews-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.diensten-main-grid{grid-template-columns:1fr}.dienst-detail-card{grid-template-columns:1fr;gap:24px;padding:28px}.dienst-detail-card.reverse{direction:ltr}.werkproces-steps,.werkproces-timeline{grid-template-columns:repeat(2,1fr);gap:24px}.stap:after,.stap-lijn{display:none}.verhaal-grid{grid-template-columns:1fr;gap:40px}.verhaal-img{max-height:400px;aspect-ratio:16/9}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.contact-layout,.contact-grid{grid-template-columns:1fr}.waardes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.diensten-grid,.waarom-grid,.portfolio-preview-grid{grid-template-columns:1fr}.cta-alt{flex-direction:column;gap:14px}.hero{min-height:70vh}.navbar-nav,.navbar-cta{display:none}.navbar-hamburger{display:flex}.floating-cta{display:block}.bento-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.testimonials-grid,.reviews-grid,.portfolio-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:flex-start}.waarden-grid,.waardes-grid{grid-template-columns:1fr}.rating-overview{flex-direction:column;align-items:flex-start;padding:28px}.rating-score{font-size:3.5rem}.contact-grid{grid-template-columns:1fr;gap:32px}.hero-btns{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:32px}.beheer-layout{grid-template-columns:1fr}.beheer-sidebar{display:none}.werkproces-steps,.werkproces-timeline{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:16px}.hero-buttons{gap:10px}.trust-strip{gap:14px}.footer-bottom{flex-direction:column;text-align:center}.rating-big,.rating-score{font-size:3.5rem}.merken-grid{gap:12px}.merk-badge{padding:14px 22px;font-size:1.1rem}}.diensten-pricing-section{padding:clamp(64px,10vw,100px) 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--surface-warm) 100%)}.diensten-pricing-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,rgba(37,99,235,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(37,99,235,.04) 0%,transparent 50%)}.diensten-pricing-section .section-header{text-align:center;margin-bottom:48px}.diensten-pricing-section .section-sub{color:var(--text-muted);font-size:1.05rem;margin-top:8px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:720px;margin:0 auto}.pricing-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:40px 32px;text-align:center;transition:border-color .2s,box-shadow .2s}.pricing-card.highlighted{border-color:var(--accent);box-shadow:var(--shadow-lg);position:relative}.pricing-card.highlighted:before{content:"Populair";position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;padding:6px 20px;border-radius:20px;text-transform:uppercase;letter-spacing:.08em;z-index:10;box-shadow:0 2px 12px #2563eb66}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:20px 0 8px}.pricing-price .currency{font-size:1.25rem;font-weight:600;color:var(--accent)}.pricing-price .amount{font-size:3rem;font-weight:800;font-family:var(--font-heading);color:var(--primary);line-height:1}.pricing-period{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.pricing-card h3{font-family:var(--font-heading);font-size:1.5rem;color:var(--primary)}.pricing-card p{color:var(--text-muted);margin-bottom:24px}.pricing-features{list-style:none;padding:0;margin:0 0 32px;text-align:left}.pricing-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.95rem;color:var(--text)}.pricing-features li svg{color:var(--accent);flex-shrink:0}.portfolio-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.portfolio-case-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s}.portfolio-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.portfolio-case-img{width:100%;aspect-ratio:3/2;overflow:hidden}.portfolio-case-img img{width:100%;height:100%;object-fit:cover}.portfolio-case-info{padding:24px}.portfolio-case-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:20px;margin-bottom:12px}.portfolio-case-info h3{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:8px;color:var(--primary)}.portfolio-case-info p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center}.skill-icon{width:56px;height:56px;border-radius:14px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.skill-card h3{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:8px;color:var(--primary)}.skill-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto;align-items:stretch}.usp-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px 24px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);border-top:3px solid var(--accent);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease}.usp-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.usp-icon{width:48px;height:48px;border-radius:12px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:16px}.usp-card__number{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--accent);line-height:1;margin-bottom:4px}.usp-card h3{font-family:var(--font-heading);font-size:1.05rem;margin-bottom:8px;color:var(--primary)}.usp-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6;flex:1}@media (max-width: 768px){.usp-grid{grid-template-columns:1fr}}.whatsapp-btn{display:inline-flex;align-items:center;gap:10px;background:#25d366;color:#fff;padding:14px 28px;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;transition:background .2s}.whatsapp-btn:hover{background:#1da851}.contact-item-link{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:.95rem;transition:border-color .2s,background .2s}.contact-item-link:hover{border-color:var(--accent);background:var(--surface-warm)}.portfolio-scroll-wrap{overflow-x:auto;overflow-y:visible;margin:0 -20px;padding:20px 20px 32px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.portfolio-scroll-wrap::-webkit-scrollbar{height:6px}.portfolio-scroll-wrap::-webkit-scrollbar-track{background:transparent}.portfolio-scroll-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.portfolio-scroll{display:flex;gap:28px;width:max-content}.portfolio-scroll-card{width:360px;flex-shrink:0}@media (max-width: 768px){.portfolio-scroll-card{width:300px}}.pricing-card{position:relative;overflow:visible}.pricing-card.highlighted:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius);background:linear-gradient(135deg,transparent 30%,rgba(37,99,235,.15) 50%,transparent 70%);background-size:200% 200%;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:0}.pricing-card>*{position:relative;z-index:1}.pricing-card:hover{border-color:var(--accent);box-shadow:0 0 30px #2563eb26,var(--shadow-lg)}.pricing-card:hover:after{opacity:1;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pricing-card.highlighted:after{clip-path:inset(0 round var(--radius))}.section-label-light{color:#fff9;border-color:#ffffff26}.mockup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;cursor:pointer}.mockup-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;pointer-events:none}.mockup-close-fixed{position:fixed;top:16px;right:16px;z-index:1002;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mockup-close-fixed:hover{background:#ef4444b3}.mockup-container{width:min(80vw,960px);pointer-events:auto}.mockup-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;margin-bottom:8px}.mockup-title{color:#fff;font-weight:600;font-size:.9rem;font-family:var(--font-heading)}.mockup-buttons{display:flex;gap:8px}.mockup-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.mockup-btn:hover{background:#ffffff40}.mockup-close:hover{background:#ef444499}.mockup-bezel{background:#2a2a2e;border-radius:14px 14px 0 0;padding:10px 10px 0;position:relative}.mockup-webcam{width:6px;height:6px;border-radius:50%;background:#4a4a50;margin:0 auto 6px}.mockup-screen{aspect-ratio:16 / 10;border-radius:3px;overflow:hidden;background:#fff}.mockup-iframe{width:100%;height:100%;border:none}.mockup-base{background:linear-gradient(to bottom,#3a3a3e,#2e2e32);height:18px;border-radius:0 0 8px 8px;display:flex;justify-content:center;align-items:center;box-shadow:0 6px 24px #00000059}.mockup-notch{width:80px;height:4px;background:#4a4a50;border-radius:2px}.portfolio-case-img{position:relative;overflow:hidden}.portfolio-case-play{position:absolute;top:0;right:0;bottom:0;left:0;background:#2563ebd9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:var(--radius) var(--radius) 0 0}.portfolio-case-card:hover .portfolio-case-play{opacity:1}.portfolio-case-play span{color:#fff;font-weight:600;font-size:1rem;letter-spacing:.02em}@media (max-width: 768px){.mockup-container{width:94vw}.mockup-bezel{border-radius:8px 8px 0 0;padding:6px 6px 0}.mockup-base{height:12px;border-radius:0 0 6px 6px}}.dot-wave{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:radial-gradient(circle,rgba(96,165,250,.45) 1.5px,transparent 1.5px);background-size:30px 30px;mask-image:radial-gradient(ellipse 90% 70% at 50% 60%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 60%,black 30%,transparent 100%)}.dot-wave--a{animation:dotwave-a 14s ease-in-out infinite}.dot-wave--b{background-size:50px 50px;opacity:.3;animation:dotwave-b 20s ease-in-out infinite}@keyframes dotwave-a{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-18px) translate(6px)}50%{transform:translateY(-8px) translate(-4px)}75%{transform:translateY(12px) translate(8px)}}@keyframes dotwave-b{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-24px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@media (prefers-reduced-motion: reduce){.dot-wave{animation:none}}