body{font-family:DM Sans,sans-serif;color:var(--text);line-height:1.6;font-size:18px}nav{position:fixed;top:0;width:100%;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e0;z-index:100;padding:0 24px}nav .inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:70px}nav .logo img{height:40px}nav .brand-link{display:flex;align-items:center;gap:12px;text-decoration:none}nav .brand-name{font-size:17px;font-weight:700;color:var(--dark);letter-spacing:-.2px}nav .cta-mobile-wrap{display:none}nav .cta-secondary{color:var(--dark);font-weight:700;padding:8px 22px;border:2px solid var(--dark);border-radius:6px;text-decoration:none;font-size:15px;line-height:1.4;transition:background .2s,color .2s}nav .cta-secondary:hover{background:var(--dark);color:#fff}nav .nav-links{display:flex;align-items:center;gap:24px}nav .nav-links a{text-decoration:none;color:var(--dark);font-weight:500;font-size:15px;transition:color .2s}nav .nav-links a:hover{color:var(--primary)}nav .nav-links .dropdown{position:relative}nav .nav-links .dropdown>a:after{content:"";display:inline-block;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid;vertical-align:middle;transition:transform .15s}nav .nav-links .dropdown:focus-within>a:after,nav .nav-links .dropdown:hover>a:after{transform:rotate(180deg)}nav .nav-links .dropdown-menu{position:absolute;top:calc(100% + 8px);left:-16px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:8px 0;min-width:260px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}nav .nav-links .dropdown:focus-within .dropdown-menu,nav .nav-links .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}nav .nav-links .dropdown-menu a{display:block;padding:10px 20px;white-space:nowrap;color:var(--dark);font-weight:500;font-size:15px}nav .nav-links .dropdown-menu a:hover{background:var(--bg-light);color:var(--primary)}nav a.cta{background:var(--primary);color:#fff;padding:8px 22px;border:2px solid var(--primary);border-radius:6px;text-decoration:none;font-weight:700;font-size:15px;line-height:1.4;transition:background .2s,border-color .2s}nav a.cta:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.hero{padding:140px 24px 80px;background:linear-gradient(135deg,#1a1a2e,#2d2d5e);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-160px;right:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(248,204,35,.15) 0,rgba(248,204,35,0) 65%);border-radius:50%;z-index:0}.hero .hero-container{max-width:1100px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:56px;gap:56px;align-items:center}@media (max-width:860px){.hero .hero-container{grid-template-columns:1fr;gap:40px}.hero{padding:120px 20px 60px}}.hero .tag{display:inline-block;background:rgba(248,204,35,.15);color:var(--yellow);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;border:1px solid rgba(248,204,35,.3);margin-bottom:20px}.hero h1{font-size:48px;font-weight:700;line-height:1.1;color:#fff;letter-spacing:-1px;margin-bottom:18px}@media (max-width:860px){.hero h1{font-size:36px}}.hero h1 span{color:var(--yellow)}.hero p{font-size:18px;color:#d0d0d8;max-width:520px;margin:0 0 28px;line-height:1.55}.hero .buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-mock{border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.4);display:grid;grid-template-columns:168px 1fr;min-height:400px;background:#1a1a2e}.hero-mock .dash-sidebar{background:#1a1a2e;color:#d0d0d8;padding:16px 0;display:flex;flex-direction:column;border-radius:12px 0 0 14px}.hero-mock .dash-main{border-radius:0 14px 14px 0}.hero-mock .dash-brand{padding:0 14px 14px;font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-mock .dash-brand .mark{width:24px;height:24px;border-radius:6px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.hero-mock .dash-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.6px;padding:6px 16px;font-weight:600}.hero-mock .dash-item{display:flex;align-items:center;gap:9px;padding:7px 16px;font-size:12.5px;color:#999;border-left:3px solid transparent}.hero-mock .dash-item.active{background:rgba(248,96,17,.08);color:#fff;border-left-color:var(--primary);font-weight:600}.hero-mock .dash-item svg{flex-shrink:0;opacity:.85}.hero-mock .dash-main{background:#fafafa;padding:18px 20px;color:#1a1a2e;overflow:hidden}.hero-mock .dash-title{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:6px}.hero-mock .dash-title .statusdot{width:8px;height:8px;border-radius:50%;background:var(--green)}.hero-mock .stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:14px}.hero-mock .stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px}.hero-mock .stat-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.4px;font-weight:600;margin-bottom:3px}.hero-mock .stat-value{font-size:17px;font-weight:700;color:#1a1a2e}.hero-mock .stat-value.green{color:var(--green);font-size:13px}.hero-mock .progress-label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:5px;color:#333}.hero-mock .progress-bar{height:7px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:16px}.hero-mock .progress-bar>div{height:100%;width:13%;background:linear-gradient(90deg,var(--green),var(--yellow));border-radius:6px}.hero-mock .status-list{display:flex;flex-direction:column;gap:7px}.hero-mock .status-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#333}.hero-mock .status-item .check{width:16px;height:16px;border-radius:50%;background:rgba(59,199,123,.15);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;flex-shrink:0}.hero-mock .status-item b{font-weight:600;color:#1a1a2e}@media (max-width:520px){.hero-mock{grid-template-columns:1fr}.hero-mock .dash-sidebar{display:none}}.btn-hero{padding:16px 36px;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;font-family:DM Sans,sans-serif}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px rgba(248,96,17,.3)}.btn-outline{background:#fff;color:var(--dark);border:2px solid #e0e0e0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.hero-badges{display:flex;gap:28px;justify-content:center;margin-top:44px;flex-wrap:wrap}.hero-badge{gap:8px;font-size:15px;color:var(--text-light);font-weight:500}.hero-badge,.hero-badge .check{display:flex;align-items:center}.hero-badge .check{width:22px;height:22px;background:var(--green);border-radius:50%;justify-content:center;flex-shrink:0}.hero-badge .check svg{width:13px;height:13px}.trust-bar{display:flex;gap:48px;justify-content:center;align-items:center;flex-wrap:wrap;padding:48px 24px;background:var(--dark);color:#fff}.trust-item{text-align:center}.trust-num{font-size:32px;font-weight:700;color:var(--yellow)}.trust-label{font-size:14px;color:#999;margin-top:2px}section{padding:80px 24px}section.alt{background:var(--bg-light)}.container{max-width:1100px;margin:0 auto}.section-title{text-align:center;margin-bottom:48px}.section-title h2{font-size:36px;font-weight:700;color:var(--dark);margin-bottom:12px}.section-title p{font-size:18px;color:var(--text-light);max-width:540px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.step{text-align:center;padding:32px 20px;background:#fff;border-radius:12px;border:1px solid #e0e0e0;position:relative}.step-num{width:48px;height:48px;background:var(--yellow);color:var(--dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin:0 auto 16px}.step h3{font-size:17px;margin-bottom:8px;color:var(--dark)}.step p{font-size:15px;color:var(--text-light)}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.feature{padding:28px;background:#fff;border-radius:12px;border:1px solid #e0e0e0;transition:all .2s}.feature:hover{border-color:var(--yellow);box-shadow:0 4px 20px rgba(248,204,35,.15)}.feature-icon{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-icon svg{width:24px;height:24px}.feature h3{font-size:17px;margin-bottom:8px;color:var(--dark);font-weight:700}.feature p{font-size:15px;color:var(--text-light);line-height:1.6}.feature p code{background:#f5f5f5;color:var(--dark);padding:1px 6px;border-radius:4px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.feature.checked{border-left:3px solid var(--green)}.feature.checked h3:after{content:" ✓";color:var(--green);font-weight:700;margin-left:4px}.pricing-v2{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:980px){.pricing-v2{grid-template-columns:1fr 1fr}}@media (max-width:560px){.pricing-v2{grid-template-columns:1fr}}.plan-v2{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:28px 22px 22px;position:relative;display:flex;flex-direction:column;transition:all .2s}.plan-v2 .ribbon-v2{position:absolute;top:0;left:0;right:0;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;text-align:center;border-radius:12px 13px 0 0}.plan-v2 .ribbon-v2.yellow{background:#f8cc23;color:#1a1a2e}.plan-v2 .ribbon-v2.green{background:#3bc77b;color:#fff}.plan-v2.has-ribbon-v2{padding-top:50px}.plan-v2 .plan-name{font-size:11px;font-weight:700;color:#999;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.plan-v2 .price-block{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.plan-v2 .price-block .p{font-size:38px;font-weight:800;color:#1a1a2e;letter-spacing:-1.4px;line-height:1}.plan-v2 .price-block .per{font-size:14px;color:#999;font-weight:500}.plan-v2 .specs{font-size:13px;color:#666;margin-bottom:18px;line-height:1.4}.plan-v2 .specs b{color:#1a1a2e;font-weight:700}.plan-v2 .features-v2{list-style:none;margin:0 0 18px;padding:16px 0 0;border-top:1px solid #f0f0f0;flex:1 1}.plan-v2 .features-v2 li{font-size:13px;color:#333;padding:5px 0;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.plan-v2 .features-v2 li:before{content:"";width:14px;height:14px;border-radius:50%;background:#e8f5e9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat 50%;background-size:auto,9px 9px;flex-shrink:0;margin-top:2px}.plan-v2 .features-v2 li.bold{font-weight:700;color:#1a6c34}.plan-v2 .features-v2 li.bold:before{background-color:#c8e6c9}.plan-v2 .promo-info-v2{background:#e8f5e9;color:#2e7d32;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:600;margin-bottom:14px;line-height:1.4}.plan-v2 .btn-cta-v2{display:block;width:100%;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;border:2px solid #1a1a2e;color:#1a1a2e;background:#fff;transition:all .15s}.plan-v2 .btn-cta-v2:hover{background:#1a1a2e;color:#fff}.pricing{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;max-width:1180px;margin:0 auto}@media (max-width:960px){.pricing{grid-template-columns:repeat(2,1fr)}}.plan{padding:36px 28px;background:#fff;border-radius:12px;border:2px solid #e0e0e0;text-align:center;transition:all .2s}.plan.popular{border-color:var(--primary);transform:scale(1.03);box-shadow:0 8px 30px rgba(248,96,17,.12)}.plan-badge{background:var(--primary);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700;display:inline-block;margin-bottom:12px}.plan.has-ribbon{position:relative;padding-top:60px}.plan-ribbon{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#f8cc23,#e6b81d);color:#1a1a2e;padding:11px 14px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;text-align:center;border-radius:10px 10px 0 0;z-index:2;box-shadow:0 2px 8px rgba(248,204,35,.25)}.plan-ribbon.green{background:linear-gradient(135deg,#3bc77b,#2a9b5d);color:#fff;box-shadow:0 2px 8px rgba(59,199,123,.3)}.plan-trial-info{background:#e8f5e9;color:#2e7d32;border-radius:8px;padding:10px 12px;margin:0 0 16px;font-size:12px;line-height:1.45;font-weight:600;text-align:left}.plan ul li.addon{font-size:12px;color:#333;border-top:1px dashed #e0e0e0;padding-top:10px;margin-top:4px}.plan h3{font-size:22px}.plan .price,.plan h3{color:var(--dark);font-weight:700}.plan .price{font-size:48px;margin:12px 0 4px}.plan .price span{font-size:18px;font-weight:400;color:var(--text-light)}.plan .desc{font-size:15px;color:var(--text-light);margin-bottom:24px}.plan ul{list-style:none;text-align:left;margin-bottom:28px}.plan li{padding:8px 0;font-size:15px;display:flex;align-items:center;gap:10px}.plan li.separator{font-weight:600;color:var(--dark);font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;padding-top:12px;border-top:1px solid #e0e0e0}.plan li.separator:before{display:none}.plan li:before{content:"";width:20px;height:20px;background:#e8f8ee;border-radius:50%;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%233bc77b'%3E%3Cpath d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:50%}.plan .btn-plan{display:block;padding:14px 24px;border-radius:8px;text-decoration:none;font-weight:700;font-size:15px;transition:all .2s;font-family:DM Sans,sans-serif}.plan .btn-plan.primary{background:var(--primary);color:#fff}.plan .btn-plan.primary:hover{background:var(--primary-hover)}.plan .btn-plan.outline{background:#fff;color:var(--dark);border:2px solid #e0e0e0}.plan .btn-plan.outline:hover{border-color:var(--primary);color:var(--primary)}.faq{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid #e0e0e0;padding:24px 0}.faq-item h3{font-size:17px;color:var(--dark);margin-bottom:8px;font-weight:700}.faq-item p{font-size:15px;color:var(--text-light);line-height:1.7}.cta-section{background:var(--dark);color:#fff;text-align:center;padding:80px 24px}.cta-section h2{font-size:36px;font-weight:700;margin-bottom:16px}.cta-section p{font-size:18px;color:#999;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}footer{background:#1a1a2e;color:#999;padding:40px 24px 30px;font-size:14px}footer .footer-cols{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}footer h4{color:#fff;font-size:13px;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700}footer ul{list-style:none;margin:0;padding:0}footer ul li{margin-bottom:6px}footer a{color:#999;text-decoration:none;transition:color .2s}footer a:hover{color:#fff}footer .footer-legal{max-width:1100px;margin:24px auto 0;border-top:1px solid #333;padding-top:18px;text-align:center;font-size:12px;color:#999}footer .footer-legal a{color:#999}@media (max-width:768px){.hero h1{font-size:32px}.hero p{font-size:17px}.features,.pricing,.steps{grid-template-columns:1fr}.plan.popular{transform:none}.trust-bar{gap:32px}nav{padding:0 12px}nav .inner{height:60px}nav .logo img{height:32px;width:32px}nav .brand-name{font-size:14px}nav .brand-link{gap:8px}nav .nav-links{display:none}nav .nav-hamburger{display:flex}nav .cta-demo-mobile{display:none}nav .cta-mobile-wrap{display:flex;align-items:center;gap:6px}nav .cta-demo-mobile{color:var(--dark);background:transparent;border:1.5px solid var(--dark);border-radius:6px}nav .cta-demo-mobile,nav .cta-mobile{padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1.4}nav .cta-mobile{display:inline-block;background:var(--primary);color:#fff;border:1.5px solid var(--primary);border-radius:6px}}@media (max-width:380px){nav .brand-name{display:none}}.slider-wrap{max-width:960px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12);border:1px solid #e0e0e0;background:#fff;position:relative}.slides{display:flex;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.slide{flex:0 0 100%;min-height:520px;position:relative;background:#f5f7fa}.caption{position:absolute;left:24px;bottom:48px;right:24px;max-width:500px;background:rgba(26,26,46,.95);color:#fff;padding:18px 22px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.caption .tag{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#f8cc23;font-weight:700;margin-bottom:5px;display:inline-block;padding:2px 8px;background:rgba(248,204,35,.12);border-radius:6px}.caption .title{font-size:17px;font-weight:700;margin:6px 0 4px}.caption .sub{font-size:13px;color:#e0e0e0;line-height:1.55}.dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center;z-index:10}.dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.4);border:0;cursor:pointer;transition:background .2s,width .2s}.dot.active{background:#f8cc23;width:24px;border-radius:6px}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:hsla(0,0%,100%,.9);border-radius:50%;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:opacity .2s;color:#1a1a2e}.arrow.prev{left:14px}.arrow.next{right:14px}.arrow:hover{background:#fff}.slide-content{padding:36px 40px 100px;height:100%;display:flex;flex-direction:column}.chrome-bar{height:28px;background:linear-gradient(180deg,#e0e0e0,#e0e0e0);display:flex;align-items:center;padding:0 12px;gap:6px}.chrome-bar .dot-sm{width:10px;height:10px;border-radius:50%}.chrome-bar .url{flex:1 1;background:#fff;border-radius:6px;padding:3px 10px;font-size:11px;color:#666;margin:0 14px}.mini-dash{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;flex:1 1}.mini-side{background:#1a1a2e;color:#fff;border-radius:10px;padding:14px 0}.mini-side .brand{padding:0 14px 12px;border-bottom:1px solid hsla(0,0%,100%,.1);font-size:14px;font-weight:700}.mini-side .brand .yellow{color:#f8cc23}.mini-side .mi{padding:7px 14px;font-size:12px;color:#999;display:flex;align-items:center;gap:8px}.mini-side .mi.active{color:#f8cc23;background:rgba(248,204,35,.08);border-right:3px solid #f8cc23}.mini-side .sec{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#333;padding:10px 14px 3px;font-weight:600}.mini-side .proj{padding:6px 14px;gap:6px;color:#e0e0e0}.mini-side .proj,.mini-side .proj .pico{font-size:11px;display:flex;align-items:center}.mini-side .proj .pico{width:12px;height:12px;border-radius:6px;background:#95bf47;flex-shrink:0;justify-content:center;color:#fff;font-weight:700}.mini-side .proj .pdot{width:6px;height:6px;border-radius:50%;margin-left:auto;flex-shrink:0}.mini-side .proj .pdot.ok{background:#3bc77b}.mini-side .proj .pdot.warn{background:#f8cc23}.mini-content{padding-right:10px}.mini-content h2{font-size:22px;font-weight:700;margin-bottom:18px;letter-spacing:-.3px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.stat-card{background:#fff;border-radius:12px;padding:16px 18px;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.stat-card .label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-weight:600}.stat-card .value{font-size:22px;font-weight:700;line-height:1.2}.mini-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px 20px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.mini-card .ctitle{font-size:13px;font-weight:700;margin-bottom:4px}.mini-card .csub{font-size:12px;color:#666}.progress-bar{height:7px;background:#e0e0e0;border-radius:6px;margin-top:10px;overflow:hidden}.progress-bar>div{height:100%;width:42%;background:linear-gradient(90deg,#3bc77b,#f8cc23);border-radius:6px}.badge-actief{background:#e8f5e9;color:#2e7d32}.badge-actief,.badge-open-gtm{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.badge-open-gtm{background:#e3f2fd;color:#1565c0;margin-right:6px}.tracker-wrap{display:flex;gap:4px;margin:10px 0 16px}.tracker-wrap .step{flex:1 1;text-align:center}.tracker-wrap .bar{height:6px;border-radius:6px;background:#e0e0e0}.tracker-wrap .bar.done{background:#1a73e8}.tracker-wrap .bar.active{background:linear-gradient(90deg,#1a73e8 30%,#90caf9 50%,#1a73e8 70%);background-size:200% 100%;animation:sst-progress 1.5s ease-in-out infinite}.tracker-wrap .label{font-size:11px;margin-top:4px;color:#999}.tracker-wrap .label.done{color:#1a73e8;font-weight:500}.tracker-wrap .label.active{color:#f86011;font-weight:700;animation:sst-pulse 1.5s ease-in-out infinite}@keyframes sst-progress{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sst-pulse{0%,to{opacity:1}50%{opacity:.4}}.reassure{padding:10px 14px;background:#fff8f2;border:1px solid #ffe4d1;border-radius:8px;color:#b84d00;font-size:13px;display:flex;align-items:center;gap:10px}.reassure .spinner{width:14px;height:14px;border:2px solid #ffd0ad;border-top-color:#f86011;border-radius:50%;animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.shopify-card{border:1px solid #e0e0e0;border-radius:10px;padding:16px 20px;background:#fff}.shopify-card h3{font-size:16px;font-weight:700;margin-bottom:10px}.shopify-step{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f0f0f0}.shopify-step:last-child{border-bottom:0}.shopify-step .num{width:24px;height:24px;background:#f8cc23;color:#1a1a2e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.shopify-step .txt{font-size:12px;color:#333;flex:1 1}.code-block{background:#1a1a2e;color:#e0e0e0;padding:10px 14px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;line-height:1.5;margin-top:6px;overflow:hidden;white-space:pre}.chat-demo{position:relative;flex:1 1;background:linear-gradient(180deg,#f4f4f6,#ebecf0);border-radius:10px;padding:30px}.chat-demo-content{color:#999;font-size:12px;line-height:1.6}.chat-demo-content h4{color:#1a1a2e;font-size:15px;margin-bottom:6px}.chat-bar-demo{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:calc(100% - 48px);max-width:620px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.08);overflow:hidden}.cbd-msgs{padding:14px 18px 6px;max-height:180px;overflow-y:auto}.cbd-msg{padding:9px 13px;border-radius:12px;font-size:12px;line-height:1.5;margin-bottom:6px;max-width:85%}.cbd-msg.user{background:#f86011;color:#fff;margin-left:auto;border-bottom-right-radius:3px}.cbd-msg.bot{background:#f4f4f6;color:#1a1a2e;border-bottom-left-radius:3px}.cbd-input{gap:10px;padding:10px 12px 10px 16px;border-top:1px solid #f0f0f0}.cbd-input,.cbd-input .avatar{display:flex;align-items:center}.cbd-input .avatar{width:28px;height:28px;background:#f86011;border-radius:50%;flex-shrink:0;justify-content:center;color:#fff;font-weight:700;font-size:12px}.cbd-input .inp{flex:1 1;color:#999;font-size:12px}.cbd-input .send{width:30px;height:30px;background:#f86011;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.docs-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.docs-tab{padding:8px 14px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:#666}.docs-tab.active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.docs-step{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0}.docs-step:last-child{border-bottom:0}.docs-step .num{width:22px;height:22px;background:#f8cc23;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;color:#1a1a2e}.docs-step .info{font-size:11px;color:#333;flex:1 1}.docs-step .info b{color:#1a1a2e;font-size:12px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:12px}.settings-row:last-child{border-bottom:0}.settings-row .slabel{font-weight:600;color:#1a1a2e}.settings-row .sdesc{color:#666;font-size:11px;margin-top:1px}.orange-border{background:#fff;border-radius:6px;padding:12px;border:1px solid #e0e0e0;border-left:3px solid #f86011}.slides{width:100%}.slide{min-width:0;overflow:hidden}.slide *{max-width:100%;box-sizing:border-box}.slider-wrap{touch-action:pan-y}@media (max-width:767px){.slider-wrap{border-radius:10px}.slide{min-height:auto;padding-bottom:140px}.slide-content{padding:16px 14px 20px;min-height:260px}.chrome-bar{height:22px;padding:0 8px}.chrome-bar .dot-sm{width:7px;height:7px}.chrome-bar .url{font-size:11px;padding:2px 6px;margin:0 8px}.mini-dash{grid-template-columns:1fr;gap:10px}.mini-side{display:none}.mini-content{padding:0}.mini-content h2{font-size:15px;margin-bottom:10px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.stat-card{padding:10px 12px}.stat-card .value{font-size:15px}.mini-card{padding:10px 12px;margin-bottom:8px}.mini-card .ctitle{font-size:12px}.mini-card .csub{font-size:11px}.caption{left:10px;right:10px;bottom:38px;padding:12px 14px;max-width:none;border-radius:10px}.caption .tag{font-size:11px;padding:1px 6px}.caption .title{font-size:14px}.caption .sub{font-size:12px;line-height:1.45}.arrow{width:32px;height:32px}.arrow.prev{left:6px}.arrow.next{right:6px}.dots{bottom:12px}.tracker-wrap{gap:2px}.tracker-wrap .label{font-size:11px}.docs-tabs{gap:4px}.docs-tab{padding:5px 8px;font-size:12px}.code-block{font-size:11px;padding:8px 10px;white-space:pre-wrap;word-break:break-all}.shopify-step{padding:6px 0;gap:8px}.shopify-step .num{width:20px;height:20px;font-size:12px}.shopify-step .txt{font-size:11px}.shopify-card{padding:10px 12px}.shopify-card h3{font-size:13px}.chat-demo{padding:14px}.chat-bar-demo{position:static;transform:none;width:100%;margin-top:14px}.cbd-msgs{max-height:130px;padding:10px 12px 4px}.cbd-msg{font-size:11px;padding:7px 10px}.cbd-input{padding:8px 10px 8px 12px}.cbd-input .avatar{width:24px;height:24px}.cbd-input .send{width:26px;height:26px}.slide [style*="grid-template-columns: 1fr 1fr"],.slide [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:10px!important}}.migrate-banner{background:linear-gradient(135deg,#f86011,#d94f06);border-radius:16px;padding:28px 32px;color:#fff;margin-bottom:40px;display:flex;align-items:center;gap:24px;box-shadow:0 10px 30px rgba(248,96,17,.25);position:relative;overflow:hidden}.migrate-banner:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;background:radial-gradient(circle,hsla(0,0%,100%,.12) 0,transparent 70%);border-radius:50%;pointer-events:none}.migrate-banner-icon{width:64px;height:64px;border-radius:12px;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.migrate-banner-body{flex:1 1;position:relative;z-index:1}.migrate-banner-kicker{display:inline-block;background:hsla(0,0%,100%,.2);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.migrate-banner-title{font-size:22px;font-weight:700;margin:0 0 6px;line-height:1.3}.migrate-banner-text{font-size:15px;margin:0;opacity:.95;line-height:1.5}.migrate-banner-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#f86011;padding:14px 22px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;flex-shrink:0;transition:transform .15s,box-shadow .15s;position:relative;z-index:1}.migrate-banner-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}@media (max-width:820px){.migrate-banner{flex-direction:column;align-items:flex-start;padding:22px}.migrate-banner-cta{width:100%;justify-content:center}}.addon-banner{background:linear-gradient(135deg,#1a1a2e,#2d2d5e);border-radius:16px;padding:28px 32px;color:#fff;margin-top:40px;display:flex;align-items:center;gap:24px;box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative;overflow:hidden}.addon-banner,.addon-banner:hover{text-decoration:none}.addon-banner:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;background:radial-gradient(circle,rgba(248,204,35,.15) 0,transparent 70%);border-radius:50%;pointer-events:none}.addon-banner-icon{width:64px;height:64px;border-radius:12px;background:rgba(248,204,35,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#f8cc23;position:relative;z-index:1}.addon-banner-body{flex:1 1;position:relative;z-index:1}.addon-banner-kicker{display:inline-block;background:#f8cc23;color:#1a1a2e;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.addon-banner-title{font-size:22px;font-weight:700;margin:0 0 6px;line-height:1.3;color:#fff}.addon-banner-text{font-size:15px;margin:0 0 14px;color:#d4d4dc;line-height:1.5}.addon-banner-pills{display:flex;gap:8px;flex-wrap:wrap}.addon-banner-pill{display:inline-flex;align-items:center;gap:7px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.14);padding:5px 12px;border-radius:20px;font-size:13px;font-weight:600;color:#fff}.addon-banner-pill .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.addon-banner-pill.ga4 .dot{background:#5fa3ff}.addon-banner-pill.ads .dot{background:#f86011}.addon-banner-pill.sc .dot{background:#3bc77b}.addon-banner-pill.combi{background:rgba(124,58,237,.2);border-color:rgba(167,139,250,.45)}.addon-banner-pill.combi .dot{background:#a78bfa}.addon-banner-cta{display:inline-flex;align-items:center;gap:8px;background:#f8cc23;color:#1a1a2e;padding:14px 22px;border-radius:10px;font-size:15px;font-weight:700;flex-shrink:0;transition:transform .15s,box-shadow .15s;position:relative;z-index:1}.addon-banner:hover .addon-banner-cta{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}@media (max-width:820px){.addon-banner{flex-direction:column;align-items:flex-start;padding:22px}.addon-banner-cta{width:100%;justify-content:center}}@media (max-width:480px){.migrate-banner-title{font-size:18px}.migrate-banner-text{font-size:14px}.migrate-banner-icon{width:52px;height:52px}}nav .nav-hamburger{display:none;width:40px;height:40px;padding:0;margin:0;background:transparent;border:0;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;position:relative;z-index:2}nav .nav-hamburger:focus{outline:none}nav .nav-hamburger:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}nav .nav-hamburger span{display:block;width:22px;height:2px;background:var(--dark);border-radius:6px;transition:transform .2s,opacity .2s}nav .nav-hamburger[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}nav .nav-hamburger[aria-expanded=true] span:nth-child(2){opacity:0}nav .nav-hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;z-index:99;overflow-y:auto;padding:16px 20px 32px}.nav-mobile.is-open{display:block}.nav-mobile-list{list-style:none;margin:0;padding:0}.nav-mobile-list li{border-bottom:1px solid #e0e0e0;margin:0}.nav-mobile-list a{display:block;padding:14px 8px;text-decoration:none;color:var(--dark);font-weight:600;font-size:16px}.nav-mobile-list>li>a{font-size:17px}.nav-mobile-list .sub-menu{list-style:none;margin:0;padding:0 0 0 12px}.nav-mobile-list .sub-menu li{border-bottom:1px dashed #e0e0e0}.nav-mobile-list .sub-menu li:last-child{border-bottom:0}.nav-mobile-list .sub-menu a{font-size:15px;font-weight:500;padding:12px 8px}.nav-mobile-list>li.menu-item-has-children>a{pointer-events:none;cursor:default;color:#999;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:16px 8px 6px}.nav-mobile-list .btn-primary{border-bottom:0!important;margin-top:16px}.nav-mobile-list .btn-primary>a{background:var(--primary);color:#fff;border-radius:8px;text-align:center;padding:14px 16px}.nav-mobile-list .btn-primary>a:hover{background:var(--primary-hover)}.nav-mobile-list a:hover{color:var(--primary)}body.nav-open{overflow:hidden}@media (max-width:768px){nav .nav-hamburger{display:flex}}@media (min-width:769px){nav .cta-mobile-wrap,nav .nav-hamburger{display:none}}.faq details{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:16px 20px;margin-bottom:10px;transition:border-color .15s}.faq details[open]{border-color:#f86011}.faq summary{cursor:pointer;font-weight:700;color:#1a1a2e;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;color:#f86011;font-weight:400;line-height:1;flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq details p{margin-top:12px;color:#333;line-height:1.6;font-size:14px}.faq details p a{color:#f86011}.steps-tl{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;position:relative;padding-top:12px;margin-top:16px}.steps-tl:before{content:"";position:absolute;top:39px;left:12.5%;right:12.5%;height:3px;background:#f8cc23;z-index:0}.step-tl{text-align:center;padding:0 14px;position:relative;z-index:1}.step-tl .num{width:56px;height:56px;border-radius:50%;background:#f8cc23;color:#1a1a2e;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;border:4px solid #fff;box-shadow:0 2px 8px rgba(248,204,35,.3);margin-bottom:18px}.step-tl h3{font-size:17px;font-weight:700;margin-bottom:8px;color:#1a1a2e}.step-tl p{font-size:14px;color:#666;line-height:1.5}@media (max-width:760px){.steps-tl{grid-template-columns:1fr;gap:28px}.steps-tl:before{display:none}}.wa-floating-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.45),0 0 0 0 rgba(248,96,17,.15);cursor:pointer;z-index:9999;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.wa-floating-btn:hover{transform:scale(1.08);box-shadow:0 8px 26px rgba(37,211,102,.55),0 0 0 6px rgba(248,96,17,.12)}.wa-floating-btn:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:wa-pulse 2.2s ease-out infinite;pointer-events:none}@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}to{box-shadow:0 0 0 0 rgba(37,211,102,0)}}.wa-floating-btn svg{width:30px;height:30px;display:block}@media (max-width:640px){.wa-floating-btn{width:52px;height:52px;bottom:18px;right:18px}.wa-floating-btn svg{width:28px;height:28px}}:root{--yellow:#f8cc23;--green:#3bc77b;--red:#e23b3b;--orange-warn:#f59e0b;--primary:#f86011;--primary-hover:#d94f06;--blue:#307fe2;--dark:#1a1a2e;--text:#333;--text-light:#666;--bg-light:#f4f4f6;--border:#e0e0e0;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);line-height:1.6;font-size:17px;background:var(--bg-light)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.checker-shell{max-width:760px;margin:0 auto;padding:48px 24px 80px}.checker-hero h1{font-size:36px;line-height:1.15;color:var(--dark);margin-bottom:12px;font-weight:700}.checker-hero p.lede{color:var(--text-light);font-size:18px;margin-bottom:28px}.checker-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:0 4px 18px rgba(0,0,0,.04)}.checker-form{display:flex;gap:12px;flex-wrap:wrap}.checker-form input[type=text]{flex:1 1;min-width:220px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-family:inherit}.checker-form input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(248,96,17,.15)}.checker-form button{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:14px 22px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}.checker-form button:hover:not(:disabled){background:var(--primary-hover)}.checker-form button:disabled{opacity:.6;cursor:progress}.checker-form .fine{flex-basis:100%;color:var(--text-light);font-size:13px;margin-top:4px}.checker-form .error{flex-basis:100%;color:var(--red);font-size:14px;margin-top:4px}.processing-list{list-style:none;margin:18px 0 0;padding:0}.processing-list li{padding:10px 0;color:var(--text-light);display:flex;align-items:center;gap:10px}.processing-list li:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--border)}.processing-list li.active{color:var(--dark);font-weight:600}.processing-list li.active:before{background:var(--primary);box-shadow:0 0 0 4px rgba(248,96,17,.18)}.processing-list li.done{color:var(--text)}.processing-list li.done:before{background:var(--green)}.result-banner{border-radius:14px;padding:24px 28px;margin-bottom:24px;color:#fff}.result-banner.outcome-client_side{background:linear-gradient(135deg,#e23b3b,#b91c1c)}.result-banner.outcome-cloaked{background:linear-gradient(135deg,#f59e0b,#d97706)}.result-banner.outcome-first_party{background:linear-gradient(135deg,#3bc77b,#16a34a)}.result-banner h1{font-size:26px;margin-bottom:8px}.result-banner p{opacity:.95}.signal-loss{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.signal-loss .label{color:var(--text-light);font-size:14px}.signal-loss .value{font-size:32px;font-weight:700;color:var(--dark)}.signal-loss button.explain{margin-left:auto;background:transparent;border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;font-family:inherit;color:var(--text)}.signal-loss .explainer,.signal-loss button.explain:hover{background:var(--bg-light)}.signal-loss .explainer{flex-basis:100%;padding:16px 18px;border-radius:8px;font-size:14px;color:var(--text)}.signal-loss .explainer ul{margin:8px 0 8px 18px}.reasons{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:20px}.reasons h2{font-size:16px;margin-bottom:10px;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.reasons ul{list-style:none;padding:0}.reasons li{padding:10px 0 10px 22px;position:relative;border-bottom:1px solid var(--border)}.reasons li:last-child{border-bottom:0}.reasons li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.cta-row .btn-primary{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none}.cta-row .btn-primary:hover{background:var(--primary-hover);color:#fff;text-decoration:none}.cta-row .btn-secondary{background:transparent;color:var(--dark);border:2px solid var(--dark);border-radius:8px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none}.cta-row .btn-secondary:hover{background:var(--dark);color:#fff;text-decoration:none}.disclaimer{color:var(--text-light);font-size:12px;line-height:1.6;margin-top:16px;padding-top:16px;border-top:1px dashed var(--border)}.detected-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.detected-chips span{background:var(--bg-light);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--text)}@media (max-width:767px){.checker-shell{padding:24px 16px 60px}.checker-hero h1{font-size:28px}.checker-form button{width:100%}}.checker-page{padding:64px 24px 96px;max-width:980px;margin:0 auto}.checker-page .checker-shell{padding:0}nav.site-nav{position:fixed;top:0;width:100%;background:hsla(0,0%,100%,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e0;z-index:100;padding:0 24px}:root{--success-bg:#e8f5e9;--success-text:#1a6c34;--warn-bg:#fff8e1;--warn-text:#b84d00;--error-bg:#fde8e8;--error-text:#c62828}.checker-page .checker-shell{max-width:880px;margin:0 auto}.checker-page .checker-card,.checker-page .section{margin-bottom:56px}.checker-page .section-title{text-align:center;margin-bottom:24px}.checker-page .section-title h2{font-size:26px;font-weight:700;color:var(--dark);letter-spacing:-.4px;margin-bottom:8px}.checker-page .section-title p{font-size:15px;color:var(--text-light);max-width:640px;margin:0 auto}.result-preview{background:#fff;border-radius:14px;padding:28px 32px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid var(--border);position:relative}.result-preview:before{content:"Voorbeeld-rapport";position:absolute;top:-10px;left:24px;background:var(--yellow);color:var(--dark);padding:3px 10px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.result-preview.is-real:before{content:none}.result-score .fill-ring.score-ring-green{stroke:var(--green)}.result-score .fill-ring.score-ring-yellow{stroke:var(--yellow)}.result-score .fill-ring.score-ring-red{stroke:var(--red)}.result-head{display:grid;grid-template-columns:130px 1fr;grid-gap:28px;gap:28px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.result-score{width:130px;height:130px;position:relative}.result-score svg{width:100%;height:100%;transform:rotate(-90deg)}.result-score .bg-ring{stroke:#f0f0f0}.result-score .fill-ring{stroke:var(--green);transition:stroke-dashoffset .8s ease}.result-score .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;color:var(--dark)}.result-score .num .big{font-size:36px;letter-spacing:-1.5px;line-height:1}.result-score .num .small{font-size:12px;color:var(--text-light);font-weight:600}.result-summary h3{font-size:18px;color:var(--dark);margin-bottom:6px;font-weight:700}.result-summary p{font-size:14px;color:var(--text-light);margin-bottom:12px;line-height:1.55}.result-summary .meta{display:flex;gap:12px;font-size:12px;flex-wrap:wrap}.result-summary .meta span{padding:3px 9px;border-radius:10px;font-weight:700}.result-summary .meta .ok{background:var(--success-bg);color:var(--success-text)}.result-summary .meta .warn{background:var(--warn-bg);color:var(--warn-text)}.result-summary .meta .fail{background:var(--error-bg);color:var(--error-text)}.checks-list{display:grid;grid-gap:8px;gap:8px}.check-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;grid-gap:14px;gap:14px;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:8px}.check-row .ico{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.check-row .ico.ok{background:var(--success-bg);color:var(--success-text)}.check-row .ico.warn{background:var(--warn-bg);color:var(--warn-text)}.check-row .ico.fail{background:var(--error-bg);color:var(--error-text)}.check-row .ico svg{width:16px;height:16px}.check-row .body{display:flex;flex-direction:column;min-width:0}.check-row .body .name{font-size:14px;font-weight:700;color:var(--dark)}.check-row .body .sub{font-size:12px;color:var(--text-light);margin-top:2px;line-height:1.4}.check-row .body code{background:var(--bg-light);padding:1px 5px;border-radius:3px;font-size:11px;font-family:ui-monospace,SF Mono,Menlo,monospace}.check-row .status{font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 10px;border-radius:12px;text-transform:uppercase}.check-row .status.ok{background:var(--success-bg);color:var(--success-text)}.check-row .status.warn{background:var(--warn-bg);color:var(--warn-text)}.check-row .status.fail{background:var(--error-bg);color:var(--error-text)}.actions-block{margin-top:22px;padding:16px 20px;background:#fff8f2;border-left:4px solid var(--primary);border-radius:0 8px 8px 0}.actions-block h4{font-size:14px;color:var(--dark);margin-bottom:6px;font-weight:700}.actions-block ul{margin:0 0 0 18px;font-size:13px;color:var(--text)}.actions-block ul li{margin-bottom:4px;line-height:1.5}.actions-block code{background:#fff;padding:1px 6px;border-radius:3px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;border:1px solid #ffe4d1}.what-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:720px){.what-grid{grid-template-columns:1fr 1fr}}@media (max-width:500px){.what-grid{grid-template-columns:1fr}}.what-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 22px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.what-card .ico{width:40px;height:40px;border-radius:10px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.what-card .ico svg{width:22px;height:22px}.what-card h3{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:5px;line-height:1.3}.what-card p{font-size:13px;color:var(--text-light);line-height:1.5}.what-card p code{background:var(--bg-light);padding:1px 5px;border-radius:3px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:720px){.why-grid{grid-template-columns:1fr}}.why-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px 24px}.why-card .badge{display:inline-block;background:var(--bg-light);color:var(--dark);padding:3px 9px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.4px;margin-bottom:10px}.why-card h3{font-size:16px;color:var(--dark);margin-bottom:6px;font-weight:700}.why-card p{font-size:13px;color:var(--text-light);line-height:1.5}.why-card p code{background:var(--bg-light);padding:1px 5px;border-radius:3px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace}.checker-page .faq{max-width:none;margin:0}.checker-page .faq details{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:10px;transition:border-color .15s}.checker-page .faq details[open]{border-color:var(--primary)}.checker-page .faq summary{cursor:pointer;font-weight:700;color:var(--dark);font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.checker-page .faq summary::-webkit-details-marker{display:none}.checker-page .faq summary:after{content:"+";font-size:22px;color:var(--primary);font-weight:400;line-height:1;flex-shrink:0}.checker-page .faq details[open] summary:after{content:"−"}.checker-page .faq details p{margin-top:12px;color:var(--text);line-height:1.6;font-size:14px}.checker-page .faq details p a{color:var(--primary);font-weight:600}.post-cta{background:linear-gradient(135deg,var(--dark) 0,#2d2d5e 100%);color:#fff;border-radius:14px;padding:36px 40px;text-align:center;margin-bottom:32px}.post-cta h2{color:#fff;font-size:24px;margin-bottom:10px;letter-spacing:-.3px;font-weight:700}.post-cta p{color:hsla(0,0%,100%,.85);font-size:15px;margin-bottom:22px;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.55}.post-cta .btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.post-cta .btn{display:inline-block;padding:12px 22px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.post-cta .btn-primary{background:var(--primary);color:#fff}.post-cta .btn-primary:hover{background:var(--primary-hover);color:#fff;text-decoration:none}.post-cta .btn-ghost{color:var(--yellow);border:2px solid var(--yellow);padding:10px 20px}.post-cta .btn-ghost:hover{background:var(--yellow);color:var(--dark);text-decoration:none}@media (max-width:600px){.result-preview{padding:22px 18px}.result-head{grid-template-columns:100px 1fr;gap:18px}.result-score{width:100px;height:100px}.result-score .num .big{font-size:28px}.post-cta{padding:28px 22px}.post-cta h2{font-size:20px}}.report-v2{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.06);border:1px solid var(--border);margin-bottom:24px}.report-hero{padding:32px 36px 28px;border-bottom:1px solid var(--border)}.hero-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--text-light);margin-bottom:18px}.hero-meta .domain{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg-light);color:var(--dark);padding:3px 9px;border-radius:5px;font-size:12px;font-weight:600}.hero-meta .dot{color:#ccc}.hero-meta .badge-outcome{padding:3px 9px;border-radius:12px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.badge-outcome.is-firstparty{background:#fff8e1;color:#b84d00}.badge-outcome.is-clientside{background:#fde8e8;color:#c62828}.hero-grid{display:grid;grid-template-columns:1fr 180px;grid-gap:36px;gap:36px;align-items:center}.pain-block .label{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.pain-block .headline{font-size:30px;line-height:1.18;color:var(--dark);font-weight:700;letter-spacing:-.6px}.pain-block .headline .num{color:var(--primary);font-size:56px;font-weight:900;letter-spacing:-2px;display:inline-block;line-height:1;vertical-align:-4px;margin-right:6px}.pain-block .vs-typical{margin-top:14px;font-size:13px;color:var(--text-light);line-height:1.55}.pain-block .vs-typical b{color:var(--dark)}.score-side-wrap{text-align:center}.result-score-v2 .circle-wrap{width:120px;height:120px;margin:0 auto;position:relative}.result-score-v2 svg{width:100%;height:100%;transform:rotate(-90deg)}.result-score-v2 .bg-ring{stroke:#f0f0f0}.result-score-v2 .fill-ring{transition:stroke-dashoffset .8s ease}.result-score-v2 .fill-ring.is-green{stroke:var(--success-text,#3bc77b)}.result-score-v2 .fill-ring.is-amber{stroke:#f59e0b}.result-score-v2 .fill-ring.is-red{stroke:#c62828}.result-score-v2 .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;color:var(--dark)}.result-score-v2 .num .big{font-size:32px;letter-spacing:-1.2px;line-height:1}.result-score-v2 .num .small{font-size:11px;color:var(--text-light);font-weight:600}.score-side-wrap .coverage{margin-top:8px;font-size:11px;color:var(--text-light);line-height:1.4}.score-side-wrap .coverage strong{color:var(--dark);font-weight:700}@media (max-width:720px){.hero-grid{grid-template-columns:1fr;gap:24px}.pain-block .headline{font-size:24px}.pain-block .headline .num{font-size:44px}}.cost-panel{background:linear-gradient(135deg,#1a1a2e,#2d2d5e);color:#fff;padding:22px 36px;display:grid;grid-template-columns:1fr auto;grid-gap:32px;gap:32px;align-items:center}.cost-panel .cost-line{font-size:15px;color:hsla(0,0%,100%,.92);line-height:1.5}.cost-panel .cost-line .cost-small{display:block;font-size:11px;color:hsla(0,0%,100%,.55);margin-top:4px;letter-spacing:.2px}.cost-panel .urgency{display:flex;gap:10px;align-items:center;background:hsla(0,0%,100%,.08);padding:10px 14px;border-left:3px solid #f8cc23;border-radius:0 6px 6px 0;font-size:12px;color:hsla(0,0%,100%,.85);max-width:280px}.cost-panel .urgency svg{flex-shrink:0;color:#f8cc23}.cost-panel .urgency b{color:#fff}@media (max-width:760px){.cost-panel{grid-template-columns:1fr;gap:16px;padding:22px 24px}.cost-panel .urgency{max-width:none}}.report-section{padding:32px 36px;border-bottom:1px solid var(--border)}.report-section h2{font-size:16px;color:var(--dark);text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:8px}.report-section .lede{font-size:13px;color:var(--text-light);margin-bottom:22px;line-height:1.6}.arch-diagram{display:grid;grid-template-columns:1fr 200px;grid-column-gap:24px;column-gap:24px}.arch-pipeline{display:flex;flex-direction:column;align-items:center}.arch-node{width:100%;max-width:380px;border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;text-align:center;background:#fff}.arch-node.is-visitor{background:var(--bg-light);border-style:dashed;max-width:200px}.arch-node.is-ok{border-color:#b8e5cb;background:#f4fbf6}.arch-node.is-unknown{border-color:#ffe5b4;background:#fffaf0}.arch-node.is-missing{border-style:dashed;background:#fafafa;opacity:.7}.arch-node .label{font-size:10px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}.arch-node .name{font-size:13px;font-weight:700;color:var(--dark)}.arch-node .id,.arch-node.is-missing .name{color:var(--text-light)}.arch-node .id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;margin-top:2px}.arch-node .tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}.arch-node .tag-pill{font-size:10px;font-weight:600;background:var(--bg-light);color:var(--dark);padding:2px 7px;border-radius:10px}.arch-node.is-ok .tag-pill{background:#e8f5e9;color:#1a6c34}.arch-node .tag-pill.is-unknown-pill{background:#fff4e0;color:#b76e00}.arch-node .tag-pill.is-missing-pill{background:#fde8e8;color:#c62828}.arch-arrow{width:2px;height:18px;background:var(--border);position:relative}.arch-arrow.is-dashed{background:transparent;border-left:2px dashed var(--border);width:0;margin-left:-1px}.arch-arrow:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--border)}.arch-arrow.is-dashed:after{opacity:.5}.arch-platforms{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.arch-platform{background:#f4fbf6;border:1.5px solid #b8e5cb;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--dark);min-width:84px;text-align:center}.arch-platform .pf-label{font-size:9px;font-weight:700;color:#1a6c34;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.arch-platform.is-empty{background:var(--bg-light);border-style:dashed;border-color:var(--border);color:var(--text-light)}.arch-platform.is-empty .pf-label{color:var(--text-light)}.arch-side{display:flex;flex-direction:column;gap:7px;justify-content:center;padding-left:16px;border-left:1.5px dashed var(--border);position:relative}.arch-side:before{content:"loopt om je server heen";position:absolute;top:4px;left:50%;transform:translateX(-50%);background:#fff;font-size:9px;font-weight:700;color:#c62828;text-transform:uppercase;letter-spacing:.5px;padding:0 6px}.arch-side.is-only:before{content:"alles loopt client-side"}.arch-side .side-pill{background:#fff5f5;border:1.5px dashed #f5b5b5;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:600;color:var(--dark);text-align:center}.arch-side .side-pill .impact{display:block;font-size:10px;color:#c62828;font-weight:700;margin-top:2px}@media (max-width:760px){.arch-diagram{grid-template-columns:1fr}.arch-side{border-left:0;border-top:1.5px dashed var(--border);padding-left:0;padding-top:22px;margin-top:16px}.arch-side:before{top:-8px}}.report-v2 .check-row{border-radius:10px;padding:14px 16px}.report-v2 .check-row.is-unknown{border-color:#ffe5b4;background:#fffaf0}.report-v2 .check-row.is-missing{border-style:dashed;background:#fafafa}.report-v2 .check-row .ico.ok{background:#e8f5e9;color:#1a6c34}.report-v2 .check-row .ico.unknown{background:#fff4e0;color:#b76e00}.report-v2 .check-row .ico.missing{background:#fde8e8;color:#c62828}.report-v2 .check-row .body .name{font-size:14px;font-weight:700;color:var(--dark)}.report-v2 .check-row .body .sub{font-size:12px;color:var(--text);margin-top:3px;line-height:1.5}.report-v2 .check-row.is-missing .body .name{color:var(--text-light)}.report-v2 .check-row .status.ok{background:#e8f5e9;color:#1a6c34}.report-v2 .check-row .status.unknown{background:#fff4e0;color:#b76e00}.report-v2 .check-row .status.missing{background:#fde8e8;color:#c62828}.report-v2 .actions-block{margin-top:18px;padding:16px 20px;background:#fff8f2;border-left:4px solid var(--primary);border-radius:0 8px 8px 0}.report-v2 .actions-block h4{font-size:13px;color:var(--dark);margin-bottom:8px;text-transform:uppercase;letter-spacing:.6px}.report-v2 .actions-block ul{margin:0 0 0 18px;font-size:13px;color:var(--text);line-height:1.65}.report-v2 .actions-block ul li{margin-bottom:4px}.report-v2 .actions-block .src{font-size:10px;background:var(--bg-light);color:var(--text-light);padding:1px 6px;border-radius:3px;margin-left:6px;font-weight:600;white-space:nowrap}.report-v2 .premium-cta{padding:32px 36px;background:linear-gradient(135deg,#fff8f2,#ffeede);display:grid;grid-template-columns:1fr auto;grid-gap:28px;gap:28px;align-items:center}.report-v2 .premium-cta .cta-left h3{font-size:19px;font-weight:700;color:var(--dark);letter-spacing:-.3px;margin-bottom:6px}.report-v2 .premium-cta .cta-left p{font-size:13px;color:var(--text);line-height:1.55;max-width:540px}.report-v2 .premium-cta .cta-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.report-v2 .premium-cta .cta-chips .chip{background:#fff;border:1px solid #ffd9b8;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:var(--dark)}.report-v2 .premium-cta .cta-btn{display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:var(--primary);color:#fff;padding:14px 22px;border-radius:10px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s,transform .15s;white-space:nowrap}.report-v2 .premium-cta .cta-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.report-v2 .premium-cta .cta-btn .sub{font-size:10px;font-weight:600;opacity:.85;text-transform:uppercase;letter-spacing:.5px}@media (max-width:700px){.report-v2 .premium-cta{grid-template-columns:1fr;padding:28px 24px}}.report-v2.is-preview{position:relative}.report-v2.is-preview:before{content:"Voorbeeld-rapport";position:absolute;top:-10px;left:24px;background:var(--yellow,#f8cc23);color:var(--dark,#1a1a2e);padding:3px 10px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;z-index:2}.report-v2.is-preview .hero-meta>span:first-child,.report-v2.is-preview .hero-meta>span:first-child+.dot{display:none}