@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/08328e320c8f68d1-s.068q2mbkdvzxv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ce5b45ab00236ec9-s.0e2v01fdnfw~o.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ca31d6821328a4e9-s.p.0w8w9q576xw20.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend Fallback;src:local(Arial);ascent-override:90.98%;descent-override:22.74%;line-gap-override:0.0%;size-adjust:109.91%}.lexend_6df2ac08-module__3Za5Uq__className{font-family:Lexend,Lexend Fallback;font-style:normal}.lexend_6df2ac08-module__3Za5Uq__variable{--font-heading:"Lexend", "Lexend Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_f5bdfc26-module__0yGzRW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_f5bdfc26-module__0yGzRW__variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/4a439e1ba971da1a-s.0ldnolnishmjo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b3b0afff8ab38d95-s.0_6z8bw5fnpp2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b12ef0642bbc5f5f-s.0wesrn-n.ko7v.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/83a6e70a3a81dd9f-s.0q090~kxs1xcn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/99ac5753282bcf05-s.14-35mipncksh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/2f13ad8e538108e0-s.p.0o52u8sd-fo14.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono Fallback;src:local(Arial);ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.0%;size-adjust:134.61%}.roboto_mono_d1697495-module__EIw_XG__className{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal}.roboto_mono_d1697495-module__EIw_XG__variable{--font-mono:"Roboto Mono", "Roboto Mono Fallback"}
:root{--primary:#0369a1;--primary-light:#e0f2fe;--primary-glow:#0369a14d;--secondary:#92400e;--accent:#7c3aed;--accent-glow:#7c3aed4d;--text:#0c0a09;--text-muted:#64748b;--text-dark:#1e3a5f;--bg:#f8fafc;--bg-surface:#e0f2fe;--card-bg:#fff;--card-border:#bae6fd;--pvc:#3b82f6;--alu:#6b7280;--hout:#a16207;--glas:#67e8f9;--premie:#16a34a;--eco:#22c55e;--warm:#ef4444}*{box-sizing:border-box}body{color:var(--text);background-color:var(--bg);font-family:var(--font-body), "Inter", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading), "Lexend", sans-serif;color:var(--secondary);margin-top:0}a{color:var(--primary);transition:color .2s}a:hover{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.section-alt{background-color:var(--bg-surface)}.section-glass{background:linear-gradient(135deg,#0369a10f 0%,#67e8f90a 100%)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-top:3px solid #0000;border-image:linear-gradient(90deg, var(--primary), var(--accent)) 1;border-image-slice:1 1 0;border-radius:16px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0369a114}.card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0369a126,0 4px 15px #0000000d}.card-simple{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0369a114}.card-simple:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0369a126}.btn{cursor:pointer;font-weight:600;font-family:var(--font-body), "Inter", sans-serif;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #0284c7 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg, var(--accent) 0%, #6d28d9 100%);box-shadow:0 4px 20px var(--accent-glow);color:#fff}.btn-secondary{color:var(--primary);border:2px solid var(--card-border);background-color:#fff}.btn-secondary:hover{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background-color:var(--primary);color:#fff}.badge{letter-spacing:.02em;border-radius:9999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-pvc{background-color:var(--pvc);color:#fff}.badge-alu{background-color:var(--alu);color:#fff}.badge-hout{background-color:var(--hout);color:#fff}.badge-hout-alu{background:linear-gradient(90deg, var(--hout) 50%, var(--alu) 50%);color:#fff}.badge-glas{background-color:var(--glas);color:#0c4a6e}.badge-premie{background-color:var(--premie);color:#fff}.badge-eco{background-color:var(--eco);color:#fff}.badge-rc2{background-color:var(--warm);color:#fff}.badge-triple{background-color:var(--glas);color:#0c4a6e}.badge-dubbel{background-color:var(--primary-light);color:var(--primary)}.badge-raam{background-color:var(--primary);color:#fff}.price-font{font-family:var(--font-mono), "Roboto Mono", monospace;font-weight:600}.grid-2,.grid-3{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-5{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:768px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4,.grid-5{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:50;background-color:#fffffff2;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:4rem;display:flex}.nav-links{align-items:center;gap:2rem;font-weight:500;display:none}.nav-links a{color:var(--text-muted);font-size:.95rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}@media (min-width:768px){.nav-links{display:flex}}.footer{color:#94a3b8;border-top:3px solid var(--primary);background:linear-gradient(#0c4a6e 0%,#082f49 100%);padding:4rem 0 2rem}.footer a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer a:hover{color:var(--glas)}.footer h4{color:#fff}.breadcrumbs{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.breadcrumbs a{color:var(--primary);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.content-wrapper h2{color:var(--secondary);margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.875rem}.content-wrapper h3{color:var(--text-dark);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.content-wrapper p{color:var(--text-muted);margin-bottom:1.25rem;line-height:1.8}.content-wrapper ul{margin-bottom:1.5rem;padding-left:1.5rem;list-style-type:disc}.content-wrapper li{color:var(--text-muted);margin-bottom:.5rem;line-height:1.7}.content-wrapper a{color:var(--primary);text-decoration:underline}.content-wrapper strong{color:var(--text)}.content-wrapper table{border-collapse:collapse;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:100%;margin:2rem 0;overflow:hidden}.content-wrapper th,.content-wrapper td{text-align:left;border-bottom:1px solid var(--card-border);padding:1rem}.content-wrapper th{color:var(--secondary);background-color:#0369a11a;font-weight:600}.content-wrapper td{color:var(--text-muted)}.form-step{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-option{border:2px solid var(--card-border);cursor:pointer;background:#fff;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.form-option:hover{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background-color:#0369a10a}.form-option.selected{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);background:linear-gradient(135deg,#0369a114 0%,#67e8f908 100%)}.form-emoji{font-size:2rem;line-height:1}.input-field{border:1px solid var(--card-border);box-sizing:border-box;width:100%;color:var(--text);background-color:#fff;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.input-field::placeholder{color:var(--text-muted)}label{color:var(--text-muted);margin-bottom:.5rem;font-weight:500;display:block}.form-group{margin-bottom:1.5rem}.hover-card{cursor:pointer;transition:transform .3s,box-shadow .3s}.hover-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0369a126,0 4px 15px #0000000d}.price-table{border-collapse:separate;border-spacing:0;border:1px solid var(--card-border);border-radius:16px;width:100%;overflow:hidden}.price-table th{color:var(--secondary);text-align:left;background:linear-gradient(135deg,#0369a126 0%,#67e8f914 100%);padding:1rem;font-weight:600}.price-table td{border-bottom:1px solid var(--card-border);color:var(--text-muted);background:#fff;padding:.875rem 1rem}.price-table tr:last-child td{border-bottom:none}.price-table tbody tr:hover td{background-color:#0369a10a}.info-box{border-left:4px solid var(--primary);background:#0369a10f;border-radius:0 16px 16px 0;margin:2rem 0;padding:1.5rem}.info-box h3{color:var(--secondary);margin:0 0 .5rem}.info-box p{color:var(--text-muted);margin:0;line-height:1.7}.savings-box{border-left:4px solid var(--eco);background:#22c55e0f;border-radius:0 16px 16px 0;margin:2rem 0;padding:1.5rem}.glass-divider{opacity:.6;background-image:url("data:image/svg+xml,%3Csvg width='200' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='8' width='30' height='24' rx='2' fill='none' stroke='%230369A1' stroke-width='1' opacity='0.2'/%3E%3Cline x1='25' y1='8' x2='25' y2='32' stroke='%230369A1' stroke-width='0.5' opacity='0.15'/%3E%3Cline x1='10' y1='20' x2='40' y2='20' stroke='%230369A1' stroke-width='0.5' opacity='0.15'/%3E%3Crect x='85' y='10' width='30' height='20' rx='2' fill='none' stroke='%2367E8F9' stroke-width='1' opacity='0.25'/%3E%3Cline x1='100' y1='10' x2='100' y2='30' stroke='%2367E8F9' stroke-width='0.5' opacity='0.15'/%3E%3Crect x='160' y='6' width='28' height='28' rx='2' fill='none' stroke='%230369A1' stroke-width='1' opacity='0.15'/%3E%3Cline x1='174' y1='6' x2='174' y2='34' stroke='%230369A1' stroke-width='0.5' opacity='0.1'/%3E%3Cline x1='160' y1='20' x2='188' y2='20' stroke='%230369A1' stroke-width='0.5' opacity='0.1'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-x;width:100%;height:40px}@keyframes pulse{0%{box-shadow:0 0 #0369a1b3}70%{box-shadow:0 0 0 12px #0369a100}to{box-shadow:0 0 #0369a100}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 35px var(--primary-glow), 0 0 60px #0369a126}}.pulse-glow{animation:3s ease-in-out infinite glow-pulse}.mat-pvc{color:var(--pvc);font-weight:700}.mat-alu{color:var(--alu);font-weight:700}.mat-hout{color:var(--hout);font-weight:700}.ug-bar{background:linear-gradient(90deg, var(--eco) 0%, var(--glas) 30%, var(--pvc) 70%, var(--warm) 100%);border-radius:3px;height:6px}.mobile-sticky-cta{background:linear-gradient(135deg, var(--primary) 0%, #0284c7 100%);text-align:center;z-index:100;padding:1rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0369a166}.mobile-sticky-cta p{color:#fff;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.mobile-sticky-cta a.btn{width:100%;color:var(--primary);background-color:#fff;border-radius:12px;font-weight:700;animation:2s infinite pulse;display:block}@media (max-width:768px){.mobile-sticky-cta{display:block}body{padding-bottom:120px}}@media (max-width:1023px){.span-2{grid-column:span 1!important}}@media (min-width:1024px){.span-2{grid-column:span 2}}.scenario-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;padding:1.5rem;transition:all .3s}.scenario-card:hover{border-color:var(--primary);box-shadow:0 0 25px var(--primary-glow)}.scenario-icon{margin-bottom:.75rem;font-size:2.5rem}