.hero{padding:148px 0 112px;background:var(--white);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.04) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:0}.hero::after{content:'';position:absolute;top:0;right:0;width:3px;height:180px;background:linear-gradient(to bottom,var(--blue),transparent);pointer-events:none;z-index:2}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blue-light);border:1px solid var(--blue-mid);padding:6px 14px 6px 10px;border-radius:100px;font-size:0.8rem;font-weight:600;color:var(--blue);margin-bottom:24px}.hero-badge-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;flex-shrink:0;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.75)}}.hero-title{font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:700;line-height:1.1;letter-spacing:-0.04em;color:var(--navy);margin-bottom:22px}.hero-title .gradient-text{color:var(--blue)}.cursor-blink{display:inline-block;width:3px;height:0.78em;background:var(--blue);margin-left:5px;vertical-align:baseline;border-radius:1px;position:relative;top:0.04em;animation:cursorBlink 1.05s steps(2,end) infinite}@keyframes cursorBlink{50%{background:transparent}}.hero-sub{font-size:1.05rem;color:var(--text-secondary);line-height:1.75;margin-bottom:36px;max-width:460px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:56px}.hero-stats{display:flex;gap:32px;padding-top:28px;border-top:1px solid var(--border)}.hero-stat-num{display:block;font-size:1.6rem;font-weight:700;color:var(--navy);letter-spacing:-0.03em;line-height:1;margin-bottom:4px}.hero-stat-label{font-size:0.78rem;color:var(--text-muted);font-weight:500}.hero-trust{display:flex;flex-wrap:wrap;gap:20px;padding-top:28px;border-top:1px solid var(--border)}.hero-trust span{font-size:0.82rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:6px}.hero-trust span::before{content:'';width:6px;height:6px;background:#f97316;border-radius:50%;flex-shrink:0}.hero-visual{position:relative}.hero-img-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 32px 80px rgba(15,23,42,0.22),0 8px 24px rgba(37,99,235,0.12);border:1px solid rgba(255,255,255,0.6);transition:transform 0.4s ease,box-shadow 0.4s ease}.hero-img-card:hover{transform:translateY(-6px);box-shadow:0 48px 96px rgba(15,23,42,0.26),0 12px 32px rgba(37,99,235,0.18)}.hero-img-photo{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;object-position:center}.hero-badge-live{position:absolute;bottom:18px;left:18px;background:white;border:1px solid #e2e8f0;border-radius:100px;padding:6px 14px;font-size:0.75rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:7px;box-shadow:0 4px 16px rgba(0,0,0,0.10)}.hero-badge-dot{width:7px;height:7px;background:#16a34a;border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-badge-score{position:absolute;top:18px;right:18px;background:white;border:1px solid #e2e8f0;border-radius:100px;padding:6px 14px;font-size:0.75rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:6px;box-shadow:0 4px 16px rgba(0,0,0,0.10)}.hero-maker-badge{position:absolute;bottom:-16px;left:20px;display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:0;padding:10px 16px 10px 10px;box-shadow:0 8px 24px rgba(0,0,0,0.1);z-index:20}.hero-maker-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center top;flex-shrink:0;border:2px solid var(--blue-mid)}.hero-maker-text{display:flex;flex-direction:column;gap:2px}.hero-maker-name{font-size:0.82rem;font-weight:700;color:var(--navy);line-height:1.2}.hero-maker-status{display:flex;align-items:center;gap:5px;font-size:0.74rem;color:var(--text-muted);font-weight:500}.hero-browser{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 16px 56px rgba(0,0,0,0.14),0 4px 16px rgba(0,0,0,0.06);transition:box-shadow 0.4s ease,transform 0.4s ease}.hero-browser:hover{box-shadow:0 24px 64px rgba(0,0,0,0.18),0 6px 20px rgba(0,0,0,0.08);transform:translateY(-4px)}.browser-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border)}.browser-dots{display:flex;gap:6px}.browser-dots span{width:10px;height:10px;border-radius:50%}.browser-dots span:nth-child(1){background:#f87171}.browser-dots span:nth-child(2){background:#fbbf24}.browser-dots span:nth-child(3){background:#4ade80}.browser-url{flex:1;background:var(--white);border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-size:0.78rem;color:var(--text-muted);text-align:center}.browser-body{padding:0;overflow:hidden;display:flex;flex-direction:column}.bb-nav{height:40px;background:var(--navy);display:flex;align-items:center;gap:10px;padding:0 14px;flex-shrink:0}.bb-nav-logo{width:56px;height:11px;background:white;border-radius:3px;opacity:0.9}.bb-nav-links{display:flex;gap:8px;flex:1;justify-content:center}.bb-nav-links span{width:24px;height:6px;background:rgba(255,255,255,0.3);border-radius:2px}.bb-nav-cta{width:52px;height:22px;background:var(--blue);border-radius:2px;flex-shrink:0}.bb-hero{height:140px;background:linear-gradient(135deg,#0f172a 0%,#1a3a6b 65%,#2563eb 100%);display:flex;align-items:center;gap:16px;padding:20px 18px;flex-shrink:0;position:relative;overflow:hidden}.bb-hero::before{content:'';position:absolute;right:0;top:0;bottom:0;width:38%;background:rgba(37,99,235,0.2);clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%)}.bb-hero-left{display:flex;flex-direction:column;gap:6px;flex:1;z-index:1}.bb-tag{height:10px;width:72px;background:rgba(96,165,250,0.35);border-radius:10px;margin-bottom:2px}.bb-h1{height:13px;background:rgba(255,255,255,0.95);border-radius:3px;width:82%}.bb-h1b{height:13px;background:rgba(255,255,255,0.95);border-radius:3px;width:60%}.bb-h2{height:7px;background:rgba(255,255,255,0.38);border-radius:2px;width:72%;margin-top:1px}.bb-btns{display:flex;gap:6px;margin-top:4px}.bb-btn{height:20px;width:72px;background:var(--blue);border-radius:4px}.bb-btn-ghost{height:20px;width:56px;background:transparent;border:1px solid rgba(255,255,255,0.35);border-radius:4px}.bb-hero-card{width:82px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.18);border-radius:8px;padding:8px;flex-shrink:0;z-index:1;display:flex;flex-direction:column;gap:5px}.bb-card-top{height:28px;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:5px}.bb-card-line{height:5px;background:rgba(255,255,255,0.6);border-radius:2px}.bb-card-line.s{width:60%}.bb-card-bar{height:14px;background:rgba(255,255,255,0.2);border-radius:3px;margin-top:2px}.bb-stats{display:flex;gap:0;background:white;border-bottom:1px solid #e2e8f0}.bb-stat{flex:1;padding:6px 8px;display:flex;flex-direction:column;gap:3px;border-right:1px solid #e2e8f0}.bb-stat:last-child{border-right:none}.bb-stat-num{height:9px;width:44px;background:#0f172a;border-radius:2px}.bb-stat-num.accent{background:#2563eb}.bb-stat-num.green{background:#16a34a}.bb-stat-lbl{height:5px;width:32px;background:#e2e8f0;border-radius:2px}.bb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;background:#f8fafc}.bb-card{height:62px;background:white;border-radius:0;border:1px solid #e2e8f0;overflow:hidden;position:relative}.bb-card::before{content:'';position:absolute;top:0;left:0;right:0;height:22px}.bb-card:nth-child(1)::before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.bb-card:nth-child(2)::before{background:linear-gradient(90deg,#16a34a,#4ade80)}.bb-card:nth-child(3)::before{background:linear-gradient(90deg,#0f172a,#2563eb)}.bb-card::after{content:'';position:absolute;bottom:8px;left:8px;right:8px;height:6px;background:#e2e8f0;border-radius:3px}.hero-phone{position:absolute;bottom:-20px;right:-18px;width:96px;z-index:10;filter:drop-shadow(0 20px 40px rgba(37,99,235,0.25)) drop-shadow(0 8px 16px rgba(0,0,0,0.2));animation:floatPhone 4s ease-in-out infinite}@keyframes floatPhone{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(0deg)}}.phone-body{background:#0f172a;border-radius:16px;padding:5px;border:1px solid rgba(255,255,255,0.08)}.phone-notch{height:8px;display:flex;justify-content:center;align-items:center;margin-bottom:2px}.phone-notch::before{content:'';width:22px;height:4px;background:#1e293b;border-radius:2px}.phone-screen{background:white;border-radius:11px;overflow:hidden;height:178px}.ph-nav{height:26px;background:var(--navy)}.ph-hero-img{height:68px;background:linear-gradient(135deg,#1e3a5f,#2563eb);position:relative;overflow:hidden}.ph-hero-img::after{content:'';position:absolute;bottom:-10px;right:-8px;width:34px;height:34px;background:rgba(255,255,255,0.08);border-radius:50%}.ph-content{padding:9px;display:flex;flex-direction:column;gap:5px}.ph-line{height:5px;background:#e2e8f0;border-radius:2px}.ph-line.s{width:58%}.ph-btn{margin-top:5px;height:18px;background:var(--blue);border-radius:4px;width:65%}.hero-float{position:absolute;z-index:20;display:flex;align-items:center;gap:10px;background:#ffffff;border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:0;padding:10px 16px;box-shadow:0 4px 16px rgba(0,0,0,0.1);font-size:0.82rem}.hero-float-1{top:-16px;right:-20px}.hero-float-2{bottom:100px;left:-24px}.hero-float-3{top:50%;right:-28px;transform:translateY(-50%)}.float-label{color:var(--text-muted);font-size:0.72rem;display:block}.float-val{font-weight:700;color:var(--navy);font-size:0.9rem;display:block}.float-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:0.95rem;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.marquee-section{padding:22px 0;background:var(--navy);overflow:hidden;position:relative}.marquee-section::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,transparent 10%,transparent 90%,var(--navy) 100%);pointer-events:none;z-index:1}.marquee-track{display:flex;animation:marquee 30s linear infinite;white-space:nowrap}.marquee-item{padding:0 36px;font-size:0.78rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.45);flex-shrink:0;transition:color 0.3s}.marquee-item:hover{color:rgba(255,255,255,0.9)}.marquee-sep{color:rgba(37,99,235,0.6);padding:0 4px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.services-section{padding:112px 0}.services-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{padding:0;display:flex;flex-direction:column;overflow:hidden;position:relative;border-radius:12px;border:1px solid var(--border);background:white;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 0 0 1px rgba(37,99,235,0.12),0 20px 56px rgba(0,0,0,0.09);border-color:rgba(37,99,235,0.18)}.service-card-num{position:absolute;top:14px;right:14px;font-size:0.72rem;font-weight:700;color:var(--blue);background:var(--white);border:1px solid var(--border);padding:3px 9px;border-radius:4px;letter-spacing:0.08em;z-index:5;transition:background 0.2s,color 0.2s}.service-card:hover .service-card-num{background:var(--blue);color:white;border-color:var(--blue)}.service-visual{height:160px;position:relative;overflow:hidden;flex-shrink:0}.service-visual-photo{height:200px;background:#e2e8f0}.service-visual-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.service-card:hover .service-visual-photo img{transform:scale(1.05)}.service-visual-design{background:linear-gradient(135deg,#0f172a 0%,#1e3a6b 100%)}.service-visual-dev{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%)}.service-visual-seo{background:linear-gradient(135deg,#0c4a6e 0%,#075985 100%)}.service-visual-shop{background:linear-gradient(135deg,#0c1a3e 0%,#1e3a6b 100%)}.service-card:hover .service-visual::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.04);pointer-events:none}.sv-browser{position:absolute;bottom:-6px;left:14px;right:14px;background:white;border-radius:3px 3px 0 0;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.35)}.sv-bbar{height:20px;background:var(--bg);display:flex;align-items:center;gap:4px;padding:0 8px}.sv-bbar span{width:5px;height:5px;border-radius:50%}.sv-bbar span:nth-child(1){background:#f87171}.sv-bbar span:nth-child(2){background:#fbbf24}.sv-bbar span:nth-child(3){background:#4ade80}.sv-bcontent{padding:8px;display:flex;flex-direction:column;gap:4px}.sv-bh{height:7px;background:var(--navy);border-radius:2px;width:60%;opacity:0.5}.sv-bl{height:5px;background:#e2e8f0;border-radius:2px}.sv-bl.s{width:70%}.sv-code{position:absolute;inset:10px 14px;display:flex;flex-direction:column;gap:6px}.sv-code-line{height:7px;border-radius:2px;opacity:0.85;animation:codeFade 3s ease-in-out infinite}.sv-code-line:nth-child(2){animation-delay:0.4s}.sv-code-line:nth-child(3){animation-delay:0.8s}.sv-code-line:nth-child(4){animation-delay:1.2s}.sv-code-line:nth-child(5){animation-delay:1.6s}@keyframes codeFade{0%,100%{opacity:0.7}50%{opacity:1}}.sv-code-line.blue{background:#60a5fa;width:70%}.sv-code-line.green{background:#4ade80;width:50%;margin-left:14px}.sv-code-line.yellow{background:#fbbf24;width:85%;margin-left:7px}.sv-code-line.purple{background:#60a5fa;width:40%;margin-left:14px}.sv-code-line.white{background:rgba(255,255,255,0.4);width:60%}.sv-chart{position:absolute;bottom:0;left:14px;right:14px;display:flex;align-items:flex-end;gap:4px;height:90px}.sv-bar{flex:1;border-radius:4px 4px 0 0;background:rgba(255,255,255,0.15);transition:height 0.6s ease}.sv-bar.active{background:#60a5fa}.sv-bar.best{background:#60a5fa}.sv-products{position:absolute;inset:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.sv-prod{background:rgba(255,255,255,0.1);border-radius:0;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,0.08)}.sv-prod::before{content:'';position:absolute;top:0;left:0;right:0;height:55%;background:rgba(255,255,255,0.08)}.sv-prod::after{content:'';position:absolute;bottom:5px;left:5px;right:5px;height:5px;background:rgba(255,255,255,0.2);border-radius:2px}.service-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}.service-icon{width:40px;height:40px;background:var(--blue-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.service-card h3{font-size:1rem;font-weight:700;color:var(--navy);letter-spacing:-0.02em}.service-card p{font-size:0.875rem;color:var(--text-secondary);line-height:1.65;flex:1}.service-tags{display:flex;flex-wrap:wrap;gap:6px}.service-link{display:inline-flex;align-items:center;gap:5px;font-size:0.835rem;font-weight:600;color:var(--blue);text-decoration:none;transition:var(--transition);margin-top:4px}.service-link:hover{gap:10px}.process-section{padding:112px 0;background:var(--navy);border-top:none;border-bottom:none;position:relative;overflow:hidden}.process-section .section-label{color:var(--blue)}.process-section .section-title{color:var(--navy)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;position:relative;z-index:1}.process-grid::before{content:'';position:absolute;top:27px;left:12.5%;right:12.5%;height:1px;background:var(--border-dark);z-index:0}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;position:relative;z-index:1}.step-num{width:56px;height:56px;background:var(--white);border:2px solid var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:700;color:var(--blue);margin-bottom:24px;transition:background 0.25s ease,color 0.25s ease,transform 0.25s ease;letter-spacing:0.02em}.process-step:hover .step-num{background:var(--blue);color:white;transform:translateY(-3px)}.step-content h3{font-size:0.98rem;font-weight:700;color:var(--navy);margin-bottom:10px}.step-content p{font-size:0.84rem;color:var(--text-secondary);line-height:1.7}.results-strip{background:linear-gradient(135deg,#0f172a 0%,#0d1b3e 100%);padding:64px 0;position:relative;overflow:hidden}.results-strip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(37,99,235,0.2) 0%,transparent 60%);pointer-events:none}.results-inner{display:flex;align-items:center;justify-content:space-around;gap:20px;position:relative;z-index:1}.result-item{display:flex;flex-direction:column;align-items:center;text-align:center}.result-num{font-size:3rem;font-weight:700;color:white;letter-spacing:-0.05em;line-height:1;background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,0.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-num span{-webkit-text-fill-color:unset;color:#60a5fa}.result-label{font-size:0.8rem;color:rgba(255,255,255,0.4);margin-top:8px;font-weight:500;letter-spacing:0.03em}.result-div{width:1px;height:56px;background:rgba(255,255,255,0.08)}.work-section{padding:112px 0}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.work-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.work-item{overflow:hidden}.work-item.tall{grid-row:span 2}.work-thumb{border-radius:14px 14px 0 0;aspect-ratio:16/9;overflow:hidden;position:relative;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.work-item:hover .work-thumb{transform:scale(1.02)}.work-item.tall .work-thumb{aspect-ratio:auto;flex:1;min-height:200px}.work-mockup{padding:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.wm-fashion{}.wmf-nav{height:30px;background:white;border-bottom:1px solid rgba(0,0,0,0.08);display:flex;align-items:center;gap:8px;padding:0 10px;flex-shrink:0}.wmf-logo{width:44px;height:9px;background:#1e3a5f;border-radius:2px}.wmf-links{flex:1;display:flex;gap:6px;justify-content:center}.wmf-links span{width:22px;height:5px;background:#e2e8f0;border-radius:2px}.wmf-cart{width:18px;height:18px;background:#1e3a5f;border-radius:4px;opacity:0.7}.wmf-hero{height:110px;background:linear-gradient(135deg,#1e3a5f,#0f172a);display:flex;align-items:center;padding:12px;gap:12px;flex-shrink:0}.wmf-hero-text{flex:1;display:flex;flex-direction:column;gap:6px}.wmf-h1{height:12px;background:rgba(255,255,255,0.9);border-radius:3px;width:72%}.wmf-h2{height:7px;background:rgba(255,255,255,0.4);border-radius:2px;width:50%}.wmf-cta{margin-top:5px;height:20px;width:64px;background:#f59e0b;border-radius:4px}.wmf-hero-img{width:68px;height:88px;background:rgba(255,255,255,0.08);border-radius:6px;border:1px solid rgba(255,255,255,0.15);flex-shrink:0}.wmf-products{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;background:#fafafa}.wmf-prod{background:white;border-radius:6px;border:1px solid #f0f0f0;overflow:hidden;position:relative;min-height:60px}.wmf-prod::before{content:'';position:absolute;top:0;left:0;right:0;height:55%}.wmf-prod:nth-child(1)::before{background:linear-gradient(135deg,#1e3a5f44,#1e3a5faa)}.wmf-prod:nth-child(2)::before{background:linear-gradient(135deg,#92400e44,#92400eaa)}.wmf-prod:nth-child(3)::before{background:linear-gradient(135deg,#3b0764aa,#6b21a8aa)}.wmf-prod::after{content:'';position:absolute;bottom:5px;left:5px;right:5px;height:5px;background:#e2e8f0;border-radius:2px}.wm-dash{flex-direction:row !important}.wmd-sidebar{width:38px;background:#0f172a;display:flex;flex-direction:column;gap:7px;padding:10px 6px;flex-shrink:0}.wmd-sidebar div{height:18px;background:rgba(255,255,255,0.12);border-radius:4px}.wmd-sidebar div:first-child{background:var(--blue)}.wmd-sidebar div:nth-child(3){background:rgba(255,255,255,0.25)}.wmd-main{flex:1;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.wmd-header{height:30px;background:white;border-bottom:1px solid #e2e8f0;flex-shrink:0}.wmd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;flex-shrink:0}.wmd-stats div{height:26px;background:white;border-radius:4px;border:1px solid #e2e8f0}.wmd-stats div:first-child{border-top:3px solid #2563eb}.wmd-stats div:nth-child(2){border-top:3px solid #16a34a}.wmd-stats div:nth-child(3){border-top:3px solid #9333ea}.wmd-chart{display:flex;align-items:flex-end;gap:4px;padding:4px 6px 0;flex:1}.wmd-chart div{flex:1;border-radius:3px 3px 0 0;opacity:0.75;background:linear-gradient(to top,#2563eb,#60a5fa)}.wmd-chart div:nth-child(2){opacity:1}.wmd-chart div:nth-child(4){opacity:1;background:linear-gradient(to top,#16a34a,#4ade80)}.wm-green{}.wmg-nav{height:28px;background:white;border-bottom:1px solid rgba(0,0,0,0.08);flex-shrink:0}.wmg-hero{height:80px;background:linear-gradient(135deg,#14532d,#166534);display:flex;flex-direction:column;justify-content:center;padding:10px 12px;gap:6px;flex-shrink:0}.wmg-h1{height:12px;background:rgba(255,255,255,0.9);border-radius:3px;width:62%}.wmg-h2{height:7px;background:rgba(255,255,255,0.4);border-radius:2px;width:44%}.wmg-cta{margin-top:4px;height:18px;width:60px;background:#4ade80;border-radius:4px}.wmg-features{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;background:#f8fafc;flex:1}.wmg-features div{background:white;border-radius:5px;border:1px solid #e2e8f0;border-top:3px solid #16a34a}.work-info{padding:20px;display:flex;flex-direction:column;gap:8px}.work-tags{display:flex;gap:6px;flex-wrap:wrap}.work-info h3{font-size:0.97rem;font-weight:700;color:var(--navy);letter-spacing:-0.02em}.work-info p{font-size:0.835rem;color:var(--text-secondary);line-height:1.6}.work-result{font-size:0.78rem;font-weight:600;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;padding:3px 10px;border-radius:100px;width:fit-content}.portfolio-teaser{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:36px 40px;flex-wrap:wrap}.pt-left{display:flex;align-items:flex-start;gap:20px;flex:1;min-width:260px}.pt-icon{width:48px;height:48px;background:var(--white);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;color:var(--blue)}.pt-left h3{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:6px;letter-spacing:-0.02em}.pt-left p{font-size:0.875rem;color:var(--text-secondary);line-height:1.65;max-width:420px}.testimonials-section{padding:112px 0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.testimonial-card{padding:32px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:white}.testimonial-card::before{content:'\201C';position:absolute;top:16px;right:24px;font-size:7rem;line-height:1;color:var(--blue);opacity:0.06;font-family:Georgia,serif;pointer-events:none}.testimonial-card:hover::before{opacity:0.1}.stars{color:#fbbf24;font-size:0.85rem;letter-spacing:2px}.testimonial-card p{font-size:0.9rem;color:var(--text-secondary);line-height:1.8;flex:1;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;color:white;flex-shrink:0}.testimonial-author strong{display:block;font-size:0.875rem;font-weight:600;color:var(--navy)}.testimonial-author span{font-size:0.775rem;color:var(--text-muted)}.cta-section{padding:112px 0}.cta-banner{background:var(--navy);border-radius:var(--radius-xl);padding:80px 60px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0% 100%,rgba(37,99,235,0.2) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(37,99,235,0.12) 0%,transparent 50%);pointer-events:none}.cta-banner::after{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(37,99,235,0.12) 0%,transparent 70%);pointer-events:none}.cta-banner .section-label{color:rgba(255,255,255,0.45);justify-content:center;position:relative;z-index:1}.cta-banner .section-label::before{display:none}.cta-banner h2{color:white;font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:16px;position:relative;z-index:1}.cta-banner p{color:rgba(255,255,255,0.6);max-width:460px;line-height:1.7;font-size:1rem;margin-bottom:36px;position:relative;z-index:1}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.cta-banner .btn-primary{background:var(--blue);box-shadow:0 8px 32px rgba(37,99,235,0.4)}.cta-banner .btn-primary:hover{box-shadow:0 12px 40px rgba(37,99,235,0.5)}.cta-banner .btn-outline{border-color:rgba(255,255,255,0.18);color:white;background:rgba(255,255,255,0.06)}.cta-banner .btn-outline:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.3);color:white}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.hero-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,0.13) 0%,rgba(37,99,235,0.04) 45%,transparent 70%);top:-200px;right:-60px;animation:orbDrift1 20s ease-in-out infinite}.hero-orb-2{width:420px;height:420px;background:radial-gradient(circle,rgba(124,58,237,0.11) 0%,rgba(124,58,237,0.03) 45%,transparent 70%);bottom:-140px;left:-60px;animation:orbDrift2 26s ease-in-out infinite}.hero-orb-3{width:260px;height:260px;background:radial-gradient(circle,rgba(56,189,248,0.09) 0%,transparent 70%);top:35%;left:28%;animation:orbDrift3 16s ease-in-out infinite}@keyframes orbDrift1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(28px,-22px) scale(1.04)}66%{transform:translate(-14px,26px) scale(0.97)}}@keyframes orbDrift2{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(-22px,-28px) scale(1.06)}70%{transform:translate(24px,12px) scale(0.96)}}@keyframes orbDrift3{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-18px)}}.waarom-section{padding:112px 0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.waarom-header{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;align-items:start}.waarom-sticky{position:sticky;top:100px}.waarom-sticky h2{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.04em;line-height:1.1;margin-bottom:20px}.waarom-sticky p{font-size:0.95rem;color:var(--text-secondary);line-height:1.75;margin-bottom:28px}.waarom-list{display:flex;flex-direction:column}.waarom-item{display:grid;grid-template-columns:64px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--border);align-items:start;transition:var(--transition);cursor:default}.waarom-item:first-child{border-top:1px solid var(--border)}.waarom-item:hover .waarom-num{color:#f97316}.waarom-num{font-size:2.4rem;font-weight:800;color:#dde3ef;letter-spacing:-0.05em;line-height:1;padding-top:4px;transition:color 0.3s ease}.waarom-body h3{font-size:1.08rem;font-weight:700;color:var(--navy);margin-bottom:10px;letter-spacing:-0.02em}.waarom-body p{font-size:0.88rem;color:var(--text-secondary);line-height:1.75}@media (max-width:1100px){.hero::before{display:none}.hero-inner{grid-template-columns:1fr;gap:56px}.hero-visual{order:-1}.services-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr;gap:40px}.process-grid::before{display:none}.work-grid{grid-template-columns:1fr 1fr}.work-item.tall{grid-row:auto}.services-header{flex-direction:column;align-items:flex-start}.section-header-row{flex-direction:column;align-items:flex-start}.results-inner{flex-wrap:wrap;gap:32px}.result-div{display:none}.waarom-header{grid-template-columns:1fr;gap:40px}.waarom-sticky{position:static}}@media (max-width:768px){.hero{padding:100px 0 64px}.hero-stats{gap:20px;flex-wrap:wrap}.services-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-section{padding:80px 0}.work-grid{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr}.cta-banner{padding:48px 28px}.hero-float{display:none}.hero-phone{display:none}.waarom-item{grid-template-columns:48px 1fr;gap:20px;padding:24px 0}.waarom-num{font-size:1.8rem}}.accent-orange{color:#f97316}.hero-badge-dot{background:#f97316}@media (max-width:768px){.hero-trust{gap:14px}.hero-trust span{font-size:0.79rem}}.hero-portrait-wrap{position:relative;height:520px;overflow:hidden;border-radius:12px}.hero-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero-portrait-badge{position:absolute;bottom:24px;left:24px;display:inline-flex;align-items:center;gap:8px;background:white;border-left:3px solid var(--blue);padding:8px 16px;font-size:0.8rem;font-weight:600;color:var(--navy);box-shadow:0 4px 16px rgba(0,0,0,0.12)}.services-intro{margin-bottom:56px}.se-row{display:grid;grid-template-columns:3fr 2fr;min-height:420px;border-top:1px solid var(--border)}.se-row-rev{grid-template-columns:2fr 3fr}.se-row-rev .se-photo{order:2}.se-row-rev .se-text{order:1}.se-photo{position:relative;overflow:hidden;background:var(--navy)}.se-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease}.se-row:hover .se-photo img{transform:scale(1.03)}.se-num{position:absolute;top:20px;left:20px;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;color:white;background:rgba(0,0,0,0.4);padding:4px 10px;backdrop-filter:blur(4px)}.se-text{display:flex;flex-direction:column;justify-content:center;padding:56px 64px;background:var(--white)}.se-text h3{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:-0.03em;color:var(--navy);margin-bottom:16px}.se-text p{font-size:1rem;color:var(--text-secondary);line-height:1.75;margin-bottom:28px;max-width:340px}.se-text .service-link{font-size:0.9rem;font-weight:600;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-bottom:1.5px solid var(--navy);padding-bottom:2px;width:fit-content;transition:gap 0.2s ease,color 0.2s ease,border-color 0.2s ease}.se-text .service-link:hover{gap:14px;color:var(--blue);border-color:var(--blue)}.se-duo{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.se-half{border-right:1px solid var(--border);display:flex;flex-direction:column}.se-half:last-child{border-right:none}.se-half-photo{position:relative;height:280px;overflow:hidden;background:var(--navy)}.se-half-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease}.se-half:hover .se-half-photo img{transform:scale(1.04)}.se-half-photo .se-num{top:16px;left:16px}.se-half-text{padding:32px 40px 40px;background:var(--white);flex:1;display:flex;flex-direction:column}.se-half-text h3{font-size:1.2rem;font-weight:700;letter-spacing:-0.02em;color:var(--navy);margin-bottom:10px}.se-half-text p{font-size:0.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px;flex:1}.se-half-text .service-link{font-size:0.875rem;font-weight:600;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-bottom:1.5px solid var(--navy);padding-bottom:2px;width:fit-content;transition:gap 0.2s ease,color 0.2s ease,border-color 0.2s ease}.se-half-text .service-link:hover{gap:10px;color:var(--blue);border-color:var(--blue)}.process-header{margin-bottom:48px}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:16px}.pl-item{padding:48px 40px;display:flex;flex-direction:column;gap:24px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:16px;transition:transform 0.3s ease,background 0.3s ease,border-color 0.3s ease}.pl-item:hover{transform:translateY(-6px);background:rgba(37,99,235,0.25);border-color:rgba(96,165,250,0.4)}.pl-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--blue-light);border:1.5px solid var(--blue-mid);border-radius:50%;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;color:var(--blue);flex-shrink:0}.pl-icon{width:40px;height:40px;background:var(--blue-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.pl-body h3{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px;letter-spacing:-0.02em}.pl-body p{font-size:0.875rem;color:var(--text-secondary);line-height:1.7}.pl-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(37,99,235,0.15) !important;border-color:#93c5fd !important}@media (max-width:900px){.se-row,.se-row-rev{grid-template-columns:1fr;min-height:auto}.se-row-rev .se-photo{order:1}.se-row-rev .se-text{order:2}.se-photo{height:260px}.se-text{padding:36px 32px}.se-duo{grid-template-columns:1fr}.se-half{border-right:none;border-bottom:1px solid var(--border)}.process-list{grid-template-columns:1fr 1fr}.pl-item:nth-child(2){}.pl-item:nth-child(3){}.hero-portrait-wrap{height:360px}}@media (max-width:600px){.process-list{grid-template-columns:1fr}.pl-item{padding:24px 20px}}.ww-section{padding:112px 0;background:#f0f6ff}.ww-header{margin-bottom:56px}.ww-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ww-card{background:white;border-radius:16px;border:1px solid #dbeafe;padding:40px 36px 44px;display:flex;flex-direction:column;gap:20px;box-shadow:0 2px 16px rgba(37,99,235,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.ww-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px rgba(37,99,235,0.13);border-color:#93c5fd}.ww-top{display:flex;align-items:center;justify-content:space-between}.ww-num{font-size:0.72rem;font-weight:700;letter-spacing:0.1em;color:var(--blue);background:var(--blue-light);border:1.5px solid var(--blue-mid);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.ww-icon{width:42px;height:42px;background:var(--blue-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--blue)}.ww-card h3{font-size:1.05rem;font-weight:700;color:var(--navy);letter-spacing:-0.02em;margin:0}.ww-card p{font-size:0.875rem;color:var(--text-secondary);line-height:1.75;margin:0}@media (max-width:900px){.ww-grid{grid-template-columns:1fr 1fr}}@media (max-width:540px){.ww-grid{grid-template-columns:1fr}.ww-section{padding:72px 0}}.faq-section{padding:112px 0;background:white}.faq-header{margin-bottom:56px;max-width:560px}.faq-list{max-width:760px;display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border)}.faq-item:first-child{border-top:1px solid var(--border)}.faq-q{font-size:1rem;font-weight:600;color:var(--navy);padding:24px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color 0.2s}.faq-q::-webkit-details-marker{display:none}.faq-q::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--blue);flex-shrink:0;transition:transform 0.25s ease}.faq-item[open] .faq-q{color:var(--blue)}.faq-item[open] .faq-q::after{transform:rotate(45deg)}.faq-a{font-size:0.9rem;color:var(--text-secondary);line-height:1.8;padding-bottom:24px;margin:0}.service-visual-photo img{filter:brightness(0.97) saturate(1);transition:transform 0.6s cubic-bezier(0.4,0,0.2,1),filter 0.6s ease}.service-card:hover .service-visual-photo img{transform:scale(1.07);filter:brightness(1.03) saturate(1.08)}.service-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(15,23,42,0.18),transparent);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.service-card:hover .service-visual::after{opacity:1}.service-card:hover .service-card-num{transform:translateY(-2px);box-shadow:0 2px 8px rgba(37,99,235,0.3)}.service-icon{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.service-card:hover .service-icon{transform:translateY(-3px) scale(1.1)}.hero-title{text-shadow:0 2px 24px rgba(37,99,235,0.06)}.hero-browser::after{content:'';position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,0.06) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity 0.4s ease}.hero-browser:hover::after{opacity:1}.hero-float{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s ease}.hero-float:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,0.14)}.waarom-item{transition:transform 0.25s cubic-bezier(0.4,0,0.2,1)}.waarom-item:hover{transform:translateX(6px)}.ww-icon{transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),background 0.3s}.ww-card:hover .ww-icon{transform:rotate(8deg) scale(1.08);background:var(--blue);color:white}.ww-card:hover .ww-icon svg{stroke:white}.cta-banner{position:relative}.cta-banner::before{content:'';position:absolute;inset:-1px;border-radius:calc(var(--radius-xl)+1px);background:linear-gradient(135deg,rgba(37,99,235,0.4) 0%,rgba(96,165,250,0.15) 50%,rgba(124,58,237,0.2) 100%);z-index:-1;opacity:0.6;filter:blur(1px)}@media (max-width:480px){.section{padding:64px 0}.faq-section{padding:64px 0}.ww-section{padding:64px 0}.services-section{padding:64px 0}.waarom-section{padding:64px 0}.cta-section{padding:48px 0}.hero{padding:88px 0 48px}.hero-title{font-size:clamp(2rem,8vw,2.8rem)}.hero-sub{font-size:0.95rem}.hero-actions{flex-direction:column;gap:10px}.hero-actions .btn{width:100%;justify-content:center}.services-grid{grid-template-columns:1fr}.service-card{padding:24px 20px}.service-visual-photo{height:160px}.ww-grid{grid-template-columns:1fr}.ww-card{padding:28px 24px}.pf-grid{grid-template-columns:1fr}.steden-grid{grid-template-columns:1fr 1fr;gap:10px}.stad-card{padding:18px 14px}.stad-naam{font-size:0.9rem}.cta-banner{padding:36px 20px}.cta-banner .section-title{font-size:1.6rem}.cta-actions{flex-direction:column;gap:10px}.cta-actions .btn{width:100%;justify-content:center}.faq-q{font-size:0.92rem;padding:18px 0}.faq-a{font-size:0.88rem}.faq-header{margin-bottom:32px}.waarom-header{gap:32px}.waarom-item{padding:20px 0}.waarom-item h3{font-size:0.95rem}.waarom-item p{font-size:0.875rem}.pf-preview{height:140px}.pf-info{padding:16px}}@media (max-width:380px){.steden-grid{grid-template-columns:1fr 1fr;gap:8px}.stad-card{padding:14px 10px}.stad-naam{font-size:0.82rem}.stad-label{font-size:0.72rem}}
.hero-title .gradient-text[data-typing]{display:inline-block;text-align:left}
.cursor-blink{display:inline-block}
.service-visual-photo{min-height:200px}.service-visual-photo img{aspect-ratio:3/1}