.zichtbaarheid-band{gap:var(--space-12);background:var(--color-surface-high);border-radius:var(--radius-lg);padding:var(--space-12);margin-top:var(--space-20);grid-template-columns:minmax(0,1.5fr) minmax(14rem,.7fr);align-items:center;display:grid}@media (width<=860px){.zichtbaarheid-band{gap:var(--space-8);padding:var(--space-8);grid-template-columns:1fr}}.zichtbaarheid-band h3{font-size:var(--text-3xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);margin-top:var(--space-2)}.zb-lead{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-top:var(--space-4);text-wrap:balance;max-width:34ch}.zb-tekst{color:var(--color-on-surface-variant);line-height:var(--leading-relaxed);margin-top:var(--space-3);text-wrap:pretty;max-width:52ch}.zb-zij{align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.zb-prijs{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.zb-prijs .vanaf{color:var(--color-on-surface-variant);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}.zb-prijs .bedrag{color:var(--color-primary);font-size:var(--text-5xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-display)}.zb-prijs .per{color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:nowrap}.hero{padding-top:176px;padding-bottom:var(--space-24);position:relative}.hero-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (width<=1024px){.hero-grid{gap:var(--space-12);grid-template-columns:1fr}}.hero-badge{align-items:center;gap:var(--space-3);background:var(--color-surface-high);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-on-surface-variant);margin-bottom:var(--space-8);display:inline-flex}.hero-badge .dot{border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px;animation:pulse 2s var(--ease-standard) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero h1{font-size:clamp(2.75rem,6vw,4.5rem);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin-bottom:var(--space-8)}.hero h1 .accent{color:var(--color-primary)}@media (width<=359px){.hero h1{font-size:2.25rem}}.hero-sub{font-size:clamp(var(--text-lg), 2vw, var(--text-xl));color:var(--color-on-surface-variant);font-weight:var(--weight-medium);max-width:46ch;margin-bottom:var(--space-8);text-wrap:pretty}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.hero-stats{align-items:center;gap:var(--space-8);display:flex}.hero-stats .divider{background:#48484780;width:1px;height:36px}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display)}.stat-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-on-surface-variant);margin-top:var(--space-1)}.hero-visual{position:relative}.hero-visual .glow{border-radius:var(--radius-full);filter:blur(100px);pointer-events:none;width:260px;height:260px;position:absolute}.glow-a{background:#ff8f762e;top:-48px;right:0}.glow-b{background:#ff5c391a;bottom:-48px;left:0}.laptop{background:var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-ambient);transition:transform var(--duration-slow) var(--ease-standard);position:relative;transform:rotate(2deg)}.hero-visual:hover .laptop{transform:rotate(0)}.laptop-screen{background:var(--color-surface-lowest);border-radius:var(--radius-md);overflow:hidden}.browser-bar{align-items:center;gap:var(--space-3);background:var(--color-surface-high);padding:var(--space-2) var(--space-3);display:flex}.browser-dots{gap:6px;display:flex}.browser-dots i{border-radius:var(--radius-full);background:var(--color-surface-bright);width:9px;height:9px}.browser-url{background:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:11px;font-weight:var(--weight-medium);border-radius:var(--radius-sm);flex:1;padding:4px 10px}.mini-viewport{aspect-ratio:16/10;background:var(--color-inverse-surface);position:relative;overflow:hidden;container-type:size}.mini-nav{z-index:2;-webkit-backdrop-filter:blur(6px);background:#fcf9f8eb;align-items:center;gap:4cqw;padding:3.5cqh 7cqw;display:flex;position:absolute;top:0;left:0;right:0}.mini-logo{background:var(--color-inverse-on-surface);border-radius:3px;width:9cqw;height:3.6cqh;margin-right:auto}.mini-nav .bar{background:#d9d4d1;border-radius:3px;width:6cqw;height:1.8cqh}.mini-pill{border-radius:var(--radius-full);background:var(--color-primary-container);width:11cqw;height:5.4cqh}.mini-page{will-change:transform;width:100%;position:absolute;top:0;left:0}.mini-copy{flex-direction:column;flex:1.1;gap:4cqh;display:flex}.mini-copy .bar{background:var(--color-inverse-on-surface);border-radius:4px;height:5.4cqh}.mini-copy .bar.w1{width:92%}.mini-copy .bar.w2{width:70%}.mini-copy .bar.thin{background:#d9d4d1;width:84%;height:2.6cqh}.mini-copy .bar.thin2{background:#d9d4d1;width:60%;height:2.6cqh}.mini-btn{background:var(--color-primary-container);border-radius:5px;width:34%;height:7cqh;margin-top:1.5cqh}.mini-photo{background:repeating-linear-gradient(45deg,#e8e3df,#e8e3df 8px,#f3efec 8px 16px);border-radius:6px;flex:1}.mp-hero{align-items:center;gap:6cqw;padding:22cqh 7cqw 9cqh;display:flex}.mp-hero .mini-photo{align-self:stretch;min-height:42cqh}.mp-cards{gap:4cqw;padding:0 7cqw 9cqh;display:flex}.mp-cards i{background:#efeae6;border-radius:5px;flex:1;height:20cqh}.mp-split{align-items:center;gap:6cqw;padding:0 7cqw 9cqh;display:flex}.mp-split .mini-photo{align-self:stretch;min-height:34cqh}.mp-split .mini-copy{gap:3.2cqh}.mp-band{background:var(--color-inverse-on-surface);border-radius:6px;flex-direction:column;align-items:center;gap:3cqh;margin:0 7cqw 9cqh;padding:7cqh 7cqw;display:flex}.mp-band .bar{background:#4d4a48;border-radius:4px;width:46%;height:4.6cqh}.mp-band .bar.thin{background:#3a3836;width:30%;height:2.2cqh}.mp-band .mini-btn{width:20%;margin-top:1cqh}.mp-footer{background:var(--color-inverse-on-surface);gap:8cqw;padding:7cqh 7cqw;display:flex}.mp-footer .col{flex-direction:column;flex:1;gap:2.4cqh;display:flex}.mp-footer .col i{background:#3a3836;border-radius:3px;height:2.2cqh}.mp-footer .col i:first-child{background:#575351;width:60%}.laptop-base{height:22px;margin-top:var(--space-1);border-radius:0 0 var(--radius-md) var(--radius-md);background:linear-gradient(180deg, var(--color-surface-high) 0%, var(--color-surface-lowest) 100%);justify-content:center;align-items:center;display:flex}.laptop-base i{border-radius:var(--radius-full);background:#48484759;width:80px;height:4px}.chip{z-index:3;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:.02em;box-shadow:var(--shadow-float);display:flex;position:absolute}.chip-status{-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--color-on-surface);background:#2c2c2ce6;top:32%;left:-5%}.chip-status .dot{border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px;animation:pulse 2s var(--ease-standard) infinite}.chip-live{background:var(--color-primary);color:var(--color-on-primary);bottom:12%;right:-5%}@media (width<=1024px){.chip-status{left:var(--space-4)}.chip-live{right:var(--space-4)}}.usp-lead{padding:var(--space-8);flex-direction:column;justify-content:flex-end;display:flex}.usp-lead p{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em;max-width:24ch;line-height:1.4}.usp-lead p span{color:var(--color-primary)}.steps{gap:var(--space-4);counter-reset:step;grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.steps{grid-template-columns:1fr}}.step{counter-increment:step;background:var(--color-surface-low);border-radius:var(--radius-lg);padding:var(--space-8);transition:background var(--duration-fast) var(--ease-standard)}.step:hover{background:var(--color-surface-container)}.step:before{content:"0" counter(step);font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);color:var(--color-primary);margin-bottom:var(--space-6);display:block}.step h3{font-size:var(--text-lg);font-weight:var(--weight-extrabold);margin-bottom:var(--space-2)}.step p{color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.verschil-quote{font-size:clamp(var(--text-2xl), 3.2vw, var(--text-4xl));font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-display);max-width:30ch;margin-bottom:var(--space-12);text-wrap:balance;line-height:1.25}.verschil-quote .accent{color:var(--color-primary)}.voorwie-grid{gap:var(--space-16);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}@media (width<=860px){.voorwie-grid{gap:var(--space-12);grid-template-columns:1fr}}