:root{--font-heading:"Sora", sans-serif;--font-body:"Public Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--navy:#03213b;--navy-2:#08345c;--blauw:#007cdc;--licht:#6cc0ff;--wit:#f2f7fc;--dim:#a7bed4;--ijs:#eaf2f9;--inkt:#06223b;--grijs:#44586c;--r-s:8px;--r-m:12px;--r-l:16px}[hidden]{display:none!important}html{background:var(--navy);scrollbar-color:#2d5278 var(--navy)}body{background:var(--navy);color:var(--wit)}::selection{background:var(--licht);color:var(--navy)}:focus-visible{outline:2px solid var(--licht);outline-offset:3px;border-radius:4px}h1,h2,h3,.knop,.nav,.merk-naam,label,.groot-nummer,.cijfer b{font-family:var(--font-heading)}h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,3vw,44px);font-weight:600;line-height:1.12}p{text-wrap:pretty}.overslaan{color:var(--navy);border-radius:var(--r-s);z-index:50;background:#fff;padding:12px 16px;position:absolute;top:-64px;left:16px}.overslaan:focus{top:16px}.knop{border-radius:var(--r-m);background:var(--blauw);color:#fff;min-height:48px;transition:background-color .2s, transform .15s var(--ease-uit), box-shadow .2s;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px -10px #007cdce6}.knop svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.knop:hover{background:#1a8cea}.knop:active{transform:scale(.97)}.knop-rustig{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff47}.knop-rustig:hover{background:#ffffff24}.knop-klein{min-height:44px;padding:0 16px;font-size:15px}.kop{z-index:20;transition:background-color .3s,box-shadow .3s;position:sticky;top:0}.kop.is-gescrold{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:#03213bdb;box-shadow:0 1px #ffffff14}.kop-in{align-items:center;gap:32px;height:72px;display:flex}.merk{align-items:center;gap:12px;margin-right:auto;text-decoration:none;display:flex}.merk-teken{fill:none;width:32px;height:32px;stroke:var(--licht);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.merk-naam{letter-spacing:-.02em;font-size:18px;font-weight:700}.merk-naam span{color:var(--dim);font-weight:300}.nav{gap:24px;font-size:15px;display:flex}.nav a{color:var(--dim);padding:8px 0;text-decoration:none;transition:color .15s}.nav a:hover{color:#fff}.hero{background:radial-gradient(80% 60% at 80% 20%,#0a4a82 0%,#0000 60%),radial-gradient(60% 50% at 10% 90%,#062e52 0%,#0000 70%);padding:48px 0 0;position:relative}.hero-in{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;display:grid}.hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:13ch;font-size:clamp(44px,5.6vw,84px);font-weight:600;line-height:1.02}.hero-intro{color:var(--dim);max-width:44ch;margin-top:24px;font-size:20px}.acties{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.beoordeling{color:var(--dim);align-items:center;gap:12px;margin-top:32px;font-size:16px;display:flex}.beoordeling b{color:#fff}.sterren{gap:2px;display:inline-flex}.sterren svg{fill:#f5b82e;width:16px;height:16px}.scope{border-radius:var(--r-l);aspect-ratio:4/5;position:relative;overflow:hidden;box-shadow:0 32px 64px -24px #0009,0 0 0 1px #ffffff14}.scope img{object-fit:cover;filter:saturate(.6)contrast(1.05);width:100%;height:100%}.scope:after{content:"";background:linear-gradient(#03213b00 35%,#03213bd9 100%);position:absolute;inset:0}.scope-lijn{z-index:1;width:100%;height:30%;position:absolute;bottom:64px;left:0;right:0}.scope-lijn .raster{stroke:#6cc0ff2e;stroke-width:1px;vector-effect:non-scaling-stroke;fill:none}.scope-lijn .golf{fill:none;stroke:var(--licht);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round;filter:drop-shadow(0 0 6px #6cc0ffb3);stroke-dasharray:1;stroke-dashoffset:1px;animation:trek 3.2s var(--ease-uit) .4s forwards, adem 4s ease-in-out 3.6s infinite}@keyframes trek{to{stroke-dashoffset:0}}@keyframes adem{50%{opacity:.55}}.scope figcaption{z-index:1;font-family:var(--font-mono);color:var(--dim);justify-content:space-between;gap:12px;font-size:13px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.scope [data-staat=open]{color:#7fe0a8}.specs{border-top:1px solid #ffffff1f;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:64px;padding:24px 0 32px;list-style:none;display:grid}.specs li{flex-direction:column;gap:4px;display:flex}.specs span{color:var(--dim);font-size:14px}.specs b{font-family:var(--font-mono);color:#fff;font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.kern{padding:96px 0}.kleurtekst{font-family:var(--font-heading);letter-spacing:-.03em;max-width:26ch;font-size:clamp(28px,3.4vw,48px);font-weight:500;line-height:1.2}.kleurtekst span{color:#f2f7fc61;transition:color .4s}.kleurtekst span.aan{color:var(--wit)}.aanbod{padding:32px 0 96px}.aanbod-kop{justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px;display:flex}.aanbod-kop p{color:var(--dim);max-width:36ch}.lijst{border-top:1px solid #ffffff24;margin:0;padding:0;list-style:none}.lijst li{border-bottom:1px solid #ffffff24}.lijst summary{cursor:pointer;transition:padding .3s var(--ease-uit), color .2s;grid-template-columns:1fr auto 24px;align-items:center;gap:24px;padding:24px 0;list-style:none;display:grid}.lijst summary::-webkit-details-marker{display:none}.lijst .naam{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(22px,2.4vw,32px);font-weight:500}.lijst .spec{font-family:var(--font-mono);color:var(--dim);text-align:right;font-size:14px}.lijst summary svg{fill:none;width:24px;height:24px;stroke:var(--licht);stroke-width:1.8px;transition:transform .3s var(--ease-uit)}.lijst details[open] summary svg{transform:rotate(45deg)}.lijst summary:hover{color:var(--licht);padding-left:12px}.lijst details p{color:var(--dim);max-width:60ch;padding:0 0 24px}.zweef{object-fit:cover;border-radius:var(--r-m);pointer-events:none;z-index:15;opacity:0;width:280px;height:210px;transition:opacity .25s, scale .3s var(--ease-uit);position:fixed;top:0;left:0;scale:.9;box-shadow:0 24px 48px -16px #0009}.zweef.aan{opacity:1;scale:1}.reviews{padding:32px 0 96px}.reviews-in{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.reviews-foto{border-radius:var(--r-l);aspect-ratio:4/3;overflow:hidden}.reviews-foto img{object-fit:cover;width:100%;height:100%}.cijfer{align-items:center;gap:16px;margin-bottom:16px;display:flex}.cijfer b{letter-spacing:-.04em;font-size:64px;font-weight:600;line-height:1}.cijfer .sterren svg{width:22px;height:22px}.reviews-tekst p:not(.cijfer){color:var(--dim);max-width:46ch;margin-top:16px}.tekstlink{min-height:44px;color:var(--licht);font-family:var(--font-heading);text-underline-offset:4px;align-items:center;gap:8px;margin-top:24px;font-size:16px;display:inline-flex}.tekstlink svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s var(--ease-uit)}.tekstlink:hover svg{transform:translate(4px)}.wissel{background:linear-gradient(180deg, var(--navy) 0%, #0d4a7e 38%, #8fbde2 72%, var(--ijs) 100%);height:240px}.licht{background:var(--ijs);color:var(--inkt)}.licht :focus-visible{outline-color:var(--blauw)}.duo{grid-template-columns:1fr 1fr;gap:64px;padding:48px 0 96px;display:grid}.duo-deel p{color:var(--grijs);max-width:52ch;margin-top:16px}.tags{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.tags li{border-radius:var(--r-s);background:#fff;padding:8px 12px;font-size:15px;box-shadow:0 1px 2px #06223b14}.contact{padding:0 0 96px}.contact-in{border-top:1px solid #cddbe8;grid-template-columns:1fr 1.1fr;align-items:start;gap:64px;padding-top:64px;display:grid}.groot-nummer{letter-spacing:-.04em;color:var(--blauw);font-variant-numeric:tabular-nums;margin-top:16px;font-size:clamp(40px,5vw,64px);font-weight:600;text-decoration:none;display:block}.groot-nummer:hover{color:#0062ad}.gegevens{gap:12px;margin:32px 0 0;display:grid}.gegevens div{grid-template-columns:72px 1fr;gap:16px;display:grid}.gegevens dt{font-family:var(--font-mono);color:var(--grijs);padding-top:4px;font-size:13px}.gegevens dd{margin:0}.gegevens a{color:var(--inkt);text-underline-offset:4px}.licht .tekstlink{color:#0062ad}.offerte{border-radius:var(--r-l);background:#fff;padding:32px;box-shadow:0 24px 48px -24px #06223b40}.offerte h3{font-family:var(--font-heading);letter-spacing:-.02em;font-size:24px;font-weight:600}.offerte>p{color:var(--grijs);margin-top:8px;font-size:16px}form{gap:16px;margin-top:24px;display:grid}.twee{grid-template-columns:1fr 1fr;gap:16px;display:grid}.veld{align-content:start;gap:8px;display:grid}label{font-size:14px;font-weight:500}.optioneel{color:var(--grijs);font-weight:400}input,textarea,select{font:inherit;color:var(--inkt);background:var(--ijs);border-radius:var(--r-s);width:100%;min-height:48px;caret-color:var(--blauw);border:1px solid #b4c6d8;padding:8px 12px;font-size:16px;transition:border-color .15s,box-shadow .15s,background-color .15s}textarea{resize:vertical;min-height:96px}::placeholder{color:#5f7488}input:hover,textarea:hover,select:hover{border-color:var(--grijs)}input:focus,textarea:focus,select:focus{border-color:var(--blauw);background:#fff;outline:none;box-shadow:0 0 0 3px #007cdc33}input[aria-invalid]{border-color:#b3261e}.fout{color:#b3261e;align-items:center;gap:8px;font-size:14px;display:flex}.fout svg,.klaar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:16px;height:16px}form .knop{justify-self:start}.klaar{border-radius:var(--r-s);color:#14532d;background:#e1f3e8;align-items:flex-start;gap:8px;padding:12px 16px;font-size:15px;display:flex}.klaar svg{margin-top:3px}.voet{background:var(--ijs);color:var(--grijs);padding:24px 0 112px;font-size:15px}.voet-in{border-top:1px solid #cddbe8;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;display:flex}.voet b,.voet a{color:var(--inkt)}.belbalk{display:none}@media (width<=1060px){.nav{display:none}.specs{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.kop-in{height:64px}.kop .knop-klein span{display:none}.kop .knop-klein{width:44px;padding:0}.hero{padding-top:16px}.hero-in{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(40px,11.5vw,56px)}.hero-intro{font-size:18px}.scope{aspect-ratio:4/3}.scope img{object-position:50% 35%}.scope-lijn{height:34%;bottom:72px}.scope figcaption{flex-direction:column;gap:4px;font-size:12px}.specs{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.kern{padding:64px 0}.aanbod{padding-bottom:64px}.aanbod-kop{flex-direction:column;align-items:start;gap:12px}.lijst summary{grid-template-columns:1fr 24px;gap:4px 16px;padding:16px 0}.lijst .spec{text-align:left;grid-row:2;font-size:13px}.lijst summary svg{grid-area:1/2/3}.reviews{padding-bottom:64px}.reviews-in{grid-template-columns:1fr;gap:32px}.wissel{height:160px}.duo{grid-template-columns:1fr;gap:48px;padding:32px 0 64px}.contact-in{grid-template-columns:1fr;gap:48px;padding-top:48px}.twee{grid-template-columns:1fr}.offerte{padding:24px}.belbalk{z-index:30;border-radius:var(--r-l);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:transform .3s var(--ease-uit), opacity .2s, visibility 0s .3s;background:#03213be6;grid-template-columns:1.4fr 1fr;gap:8px;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(140%);box-shadow:0 12px 32px -8px #00000073}.belbalk.is-zichtbaar{opacity:1;visibility:visible;transition:transform .3s var(--ease-uit), opacity .2s;transform:none}}@media (prefers-reduced-motion:reduce){.scope-lijn .golf{stroke-dashoffset:0;animation:none}}