.hero{isolation:isolate;padding:calc(var(--header-h) + clamp(24px, 4vw, 56px)) 0 clamp(110px, 12vw, 150px);position:relative;overflow:clip}.hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--mx,72%) var(--my,30%), #ffd49761, transparent 62%);position:absolute;inset:0}.hero__bg{z-index:-2;pointer-events:none;position:absolute;inset:0}.blob{aspect-ratio:1;display:block;position:absolute}.blob--sand{background:var(--color-sand);border-radius:43% 57% 62% 38%/46% 38% 62% 54%;width:max(620px,62vw);animation:38s linear infinite blob-turn;top:-14%;right:-16%}.blob--glass{background:color-mix(in srgb, var(--color-glass) 70%, transparent);border-radius:58% 42% 38% 62%/52% 60% 40% 48%;width:max(360px,34vw);animation:46s linear infinite reverse blob-turn;bottom:-18%;left:-14%}@keyframes blob-turn{to{rotate:360deg}}.hero__grid-lines{opacity:.55;width:min(54vw,720px);position:absolute;top:8%;left:-8%}.hero__grid-lines path{fill:none;stroke:var(--color-line);stroke-width:1.5px;stroke-dasharray:3 9}.hero__grid{align-items:center;gap:clamp(40px,6vw,64px);display:grid}@media (min-width:1024px){.hero__grid{grid-template-columns:1.08fr .92fr}}.hero__title{margin:22px 0 24px}.hero__lead{max-width:34rem;font-size:clamp(1rem,.3vw + .95rem,1.125rem);line-height:1.65}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero__checks{flex-wrap:wrap;gap:10px 22px;margin-top:30px;display:flex}.hero__checks li{color:var(--color-primary);align-items:center;gap:8px;font-size:.9375rem;font-weight:650;display:inline-flex}.hero__checks svg{background:color-mix(in srgb, var(--color-leaf) 14%, transparent);width:22px;height:22px;color:var(--color-leaf);stroke-width:2.6px;border-radius:50%;padding:3px}.hero__visual{width:100%;max-width:540px;margin-inline:auto;position:relative}.hero-scene{width:100%;height:auto;position:relative}.hero__visual:after{content:"";z-index:-1;background:radial-gradient(closest-side,#143a5c3d,#0000);border-radius:50%;height:12%;position:absolute;bottom:-3%;left:8%;right:8%}.hero__sun{z-index:-1;aspect-ratio:1;background:radial-gradient(circle at 36% 34%, #fff1d2, var(--color-accent-300) 40%, var(--color-accent) 78%);border-radius:50%;width:44%;position:absolute;top:-5%;right:-10%;box-shadow:0 0 120px 30px #f5a83a52}.hero__orbit{z-index:-1;aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--color-primary) 16%, transparent);border-radius:50%;width:72%;animation:70s linear infinite blob-turn;position:absolute;top:-12%;right:-22%}.chip{border-radius:var(--radius-pill);background:var(--color-white);box-shadow:var(--shadow-float);align-items:center;gap:12px;padding:10px 18px 10px 10px;line-height:1.25;animation:6s ease-in-out infinite alternate float;display:flex;position:absolute}.chip strong{color:var(--color-primary);font-size:.9375rem;display:block}.chip small{color:var(--color-muted);font-size:.8125rem;display:block}.chip__icon{background:var(--color-accent-300);width:42px;height:42px;color:var(--color-ink);border-radius:50%;flex:none;place-items:center;display:grid}.chip__icon svg{width:22px;height:22px}.chip__icon--glass{background:var(--color-glass);color:var(--color-primary)}.chip--a{top:30%;left:-9%}.chip--b{animation-delay:-2s;bottom:20%;right:-7%}.chip--c{gap:6px;padding:10px 16px;animation-delay:-4s;bottom:-2%;left:8%}.chip--c small{color:var(--color-primary);margin-left:4px;font-weight:700}@keyframes float{to{translate:0 -10px}}@media not (min-width:640px){.chip{gap:8px;padding:7px 12px 7px 7px}.chip__icon{width:32px;height:32px}.chip__icon svg{width:18px;height:18px}.chip strong{font-size:.8125rem}.chip small{font-size:.6875rem}.chip--a{top:26%;left:-2%}.chip--b{right:-2%}.chip--c{left:4%}.chip--c .swatch{width:16px;height:16px}}.hs-sash{transform-box:fill-box}.hs-sash--open-right{transform-origin:100%}.hs-sash--tilt{transform-origin:bottom}.hs-frame{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){.js:not(.no-motion) .hs-frame{stroke-dashoffset:1px}.js:not(.no-motion) [data-sun]{opacity:.3;transform:translateY(90px)}.js:not(.no-motion) [data-beam],.js:not(.no-motion) [data-warm],.js:not(.no-motion) [data-chip],.js:not(.no-motion) [data-hero-in]{opacity:0}.js:not(.no-motion) [data-sunmark]{stroke-dasharray:1;stroke-dashoffset:1px}}.materials{background:var(--color-sand);color:var(--color-ink);margin-block:clamp(36px,6vw,92px);padding-block:clamp(40px,5vw,72px)}.materials .wave{color:var(--color-sand)}.materials__grid{gap:clamp(16px,2vw,24px);display:grid}@media (min-width:960px){.materials__grid{grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr}.material--kunststof{grid-row:span 2}}.material{border-radius:calc(var(--radius-lg) + 12px);background:var(--color-white);box-shadow:var(--shadow-card);gap:24px;padding:clamp(14px,1.6vw,18px);display:grid}@media (min-width:640px){.material:not(.material--kunststof){grid-template-columns:.85fr 1fr;align-items:center}}.material__art{border-radius:999px 999px var(--radius-lg) var(--radius-lg);background:radial-gradient(circle at 78% 24%, #ffd497b3, transparent 34%), var(--color-cream);place-items:end center;padding:clamp(20px,3vw,36px) clamp(16px,2.4vw,28px) 0;display:grid;overflow:hidden}.material--kunststof .material__art{background:radial-gradient(circle at 74% 26%, #ffd497f2, transparent 30%), linear-gradient(180deg, #e6f2f9, var(--color-glass));padding-top:clamp(48px,6vw,80px)}.material__svg{width:100%;max-width:340px;height:auto}.material--kunststof .material__svg{max-width:420px}.material__body{align-content:start;gap:14px;padding:4px clamp(8px,1.6vw,18px) clamp(10px,1.6vw,18px);display:grid}.material__badge{border-radius:var(--radius-pill);background:var(--color-accent-300);color:var(--color-ink);justify-self:start;padding:5px 14px;font-size:.8125rem;font-weight:750}.material__text{color:var(--color-muted)}.material__points{gap:8px;display:grid}@media (min-width:640px){.material--kunststof .material__points{grid-template-columns:1fr 1fr}}.material__points li{gap:10px;font-size:.9375rem;font-weight:600;line-height:1.45;display:flex}.material__points svg{width:20px;height:20px;color:var(--color-leaf);stroke-width:2.6px;flex:none;margin-top:1px}.material__body>.textlink{justify-self:start}.material__swatches{gap:8px;padding:4px 0;display:flex}.contrast{background:radial-gradient(60% 70% at 100% 0%, #ffd49729, transparent 70%), radial-gradient(50% 60% at 0% 100%, #d6eaf51f, transparent 70%), var(--color-primary);color:var(--color-white);border-radius:clamp(32px,5vw,72px);margin-inline:clamp(8px,1.6vw,24px);overflow:clip}.contrast .h2{color:var(--color-white)}.contrast .lead{color:color-mix(in srgb, var(--color-white) 76%, transparent)}.contrast__grid{align-items:center;gap:48px;display:grid}@media (min-width:1024px){.contrast__grid{grid-template-columns:.95fr 1.05fr;gap:64px}}.benefits{gap:12px;display:grid}@media (min-width:560px){.benefits{grid-template-columns:1fr 1fr}}.benefit{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-white) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-white) 10%, transparent);gap:14px;padding:18px;line-height:1.4;display:flex}.benefit strong{color:var(--color-white);margin-bottom:4px;display:block}.benefit span span{color:color-mix(in srgb, var(--color-white) 72%, transparent);font-size:.9375rem;display:block}.benefit__icon{background:var(--color-accent);width:44px;height:44px;color:var(--color-ink);border-radius:50%;flex:none;place-items:center;display:grid}.benefit__icon svg{width:22px;height:22px}.ba__stage{aspect-ratio:520/380;border:clamp(6px, 1vw, 12px) solid var(--color-white);border-radius:999px 999px var(--radius-lg) var(--radius-lg) / 62% 62% var(--radius-lg) var(--radius-lg);background:var(--color-white);position:relative;overflow:hidden;box-shadow:0 40px 70px -30px #0000008c}.ba__svg{width:100%;height:100%;position:absolute;inset:0}.ba__after{clip-path:inset(0 0 0 var(--pos));position:absolute;inset:0}.ba__handle{top:0;bottom:0;left:var(--pos);background:var(--color-white);pointer-events:none;width:4px;margin-left:-2px;position:absolute;box-shadow:0 0 18px #00000040}.ba__knob{background:var(--color-accent);width:54px;height:54px;color:var(--color-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:58%;left:50%;translate:-50% -50%;box-shadow:0 8px 22px #0000004d}.ba__knob svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.ba__range{opacity:0;cursor:ew-resize;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba__stage:has(.ba__range:focus-visible) .ba__knob{outline:3px solid var(--color-accent-300);outline-offset:4px}.ba__tag{border-radius:var(--radius-pill);pointer-events:none;padding:6px 14px;font-size:.8125rem;font-weight:750;position:absolute;top:34%}.ba__tag--before{color:var(--color-white);background:#18212cbf;left:16px}.ba__tag--after{background:var(--color-white);color:var(--color-primary);right:16px}.ba__legend{color:color-mix(in srgb, var(--color-white) 70%, transparent);justify-content:space-between;gap:16px;margin-top:16px;font-size:.875rem;display:flex}.ba__legend span:last-child{text-align:right}.ba-draft{animation:3.2s ease-in-out infinite draft}.ba-draft--2{animation-delay:-1.1s}.ba-draft--3{animation-delay:-2.2s}@keyframes draft{0%,to{opacity:.2;translate:-10px}50%{opacity:1;translate:14px}}.reviews__grid{gap:clamp(16px,2vw,24px);display:grid}@media (min-width:900px){.reviews__grid{grid-template-columns:repeat(3,1fr)}}.review{border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:30px 28px 26px;display:flex;position:relative}.review:before{content:"";background:var(--color-accent);content:"“";width:44px;height:44px;font-family:var(--font-display);color:var(--color-ink);border-radius:50% 50% 50% 6px;place-items:center;padding-top:14px;font-size:2.75rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-14px;left:26px}.review__flag{border-radius:var(--radius-pill);background:var(--color-sand);color:var(--color-muted);padding:3px 10px;font-size:.75rem;font-weight:700;position:absolute;top:18px;right:18px}.review__stars{color:var(--color-accent);gap:2px;margin-top:14px;display:flex}.review__stars svg{fill:currentColor;width:20px;height:20px}.review__text{flex:1;font-size:1.0625rem;line-height:1.6}.review__who{border-top:1px solid var(--color-line);padding-top:16px;line-height:1.4;display:grid}.review__who strong{color:var(--color-primary)}.review__who span{color:var(--color-muted);font-size:.875rem}
