.site{font:400 17px/1.6 var(--tekst);background:var(--bg);color:var(--fg);min-height:100vh}.site h1,.site h2,.site h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0}.site h1{font-size:clamp(36px,5.4vw,58px);font-weight:900;line-height:1.04}.site h2{font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.1}.site h3{font-size:20px;font-weight:800;line-height:1.25}.site p{margin:0}.site a{color:inherit}.site :focus-visible{outline:3px solid var(--oranje);outline-offset:2px}.site .wrap{max-width:1120px;margin:0 auto;padding-inline:24px}@media (max-width:480px){.site .wrap{padding-inline:16px}}.site .zacht{color:var(--fg-zacht)}.site .klein{font-size:14px;line-height:1.5}.site .oog{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--oranje-diep);font-size:13px;font-weight:700}.site .grid3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.site .sectie{padding-block:88px}.site .sectie--vlak{background:var(--vlak)}.site .kop{gap:14px;max-width:62ch;margin-bottom:44px;display:grid}.site .skip{position:absolute;left:-9999px}.site .skip:focus{z-index:50;background:var(--oranje);color:#000;padding:8px 12px;top:16px;left:16px}.site .til{transition:transform .28s var(--til), box-shadow .28s var(--til), border-color .28s var(--til)}@media (hover:hover){.site .til:hover{box-shadow:8px 8px 0 var(--oranje);border-color:var(--fg);transform:translateY(-6px)}.site .til:hover .ico{transform:scale(1.12)rotate(-6deg)}}.site .ico{transition:transform .28s var(--til)}.site .knop{font:700 16px/1 var(--display);cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .2s var(--til);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:16px 24px;text-decoration:none;display:inline-flex}.site .knop:hover{transform:translateY(-2px)}.site .knop--oranje{background:var(--oranje);color:var(--op-oranje)}.site .knop--oranje:hover{background:var(--oranje-diep)}.site .knop--rand{color:var(--fg);border-color:var(--fg)}.site .knop--rand:hover{background:var(--fg);color:var(--bg)}.site .knop .pijl{transition:transform .2s var(--til)}.site .knop:hover .pijl{transform:translate(4px)}.site .nav{top:env(safe-area-inset-top,0px);z-index:20;background:var(--balk);color:var(--balk-tekst);position:sticky}.site .nav .wrap{align-items:center;gap:28px;height:72px;display:flex}.site .logo{transition:transform .2s var(--til);flex:none;align-items:center;text-decoration:none;display:flex}.site .logo svg{aspect-ratio:600/208;width:auto;height:42px;display:block}.site .logo:hover{transform:translateY(-2px)}.site .logo--voet svg{height:52px}.site .nav-links{gap:24px;display:flex}.site .nav-links a{color:var(--balk-tekst);font:600 15px var(--display);border-bottom:3px solid #0000;padding:6px 0;text-decoration:none;transition:border-color .15s}.site .nav-links a:hover{border-bottom-color:var(--oranje)}.site .nav .vul{flex:1}.site .nav .inlog{color:var(--balk-tekst);font:600 15px var(--display);text-decoration:none}.site .nav .knop{padding:12px 18px;font-size:15px}@media (max-width:940px){.site .nav-links,.site .nav .inlog{display:none}}.site .hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding-block:72px 76px;display:grid}.site .hero h1 em{background:var(--oranje);color:var(--op-oranje);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em;font-style:normal}.site .hero .lead{max-width:46ch;margin-top:20px;font-size:20px}.site .rij{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.site .vinkjes{flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.site .vinkjes li:before{content:"";background:var(--oranje);width:10px;height:10px;margin-right:8px;display:inline-block}@media (max-width:860px){.site .hero{grid-template-columns:1fr;gap:36px;padding-block:44px 52px}}.site .gesprek{background:var(--kaart);border:2px solid var(--fg);box-shadow:10px 10px 0 var(--oranje);min-width:0;transition:transform .3s var(--til),box-shadow .3s var(--til);margin:0}@media (hover:hover){.site .gesprek:hover{box-shadow:14px 14px 0 var(--oranje);transform:translate(-4px,-4px)}}.site .gesprek-kop{background:var(--balk);color:var(--balk-tekst);font:600 14px var(--display);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.site .live{color:var(--oranje);align-items:center;gap:8px;display:inline-flex}.site .live:before{content:"";background:var(--oranje);border-radius:50%;width:9px;height:9px;animation:1.6s infinite puls}@keyframes puls{50%{opacity:.25}}.site .regels{gap:12px;padding:18px;display:grid}.site .regel{grid-template-columns:72px 1fr;gap:10px;font-size:15px;line-height:1.5;display:grid}.site .regel span{font:700 12px/1.9 var(--display);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-zacht)}.site .regel.ai span{color:var(--oranje-diep)}.site .speler{background:var(--vlak);border:1px solid var(--rand);align-items:center;gap:12px;margin:0 18px;padding:10px 12px;display:flex}.site .speel{background:var(--oranje);color:#000;cursor:pointer;border:0;flex:none;place-items:center;width:36px;height:36px;display:grid}.site .speel svg{fill:#000;width:14px;height:14px}.site .golf{flex:1;align-items:center;gap:3px;min-width:0;height:28px;display:flex;overflow:hidden}.site .golf i{background:var(--rand);flex:1;max-width:4px;transition:background .2s}.site .golf i.af{background:var(--oranje)}.site .speler time{font:600 13px var(--display);font-variant-numeric:tabular-nums;color:var(--fg-zacht)}.site .samenvatting{border-top:2px dashed var(--rand);margin:14px 18px 0;padding:14px 0 18px}.site .samenvatting dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:10px 0 0;font-size:14px;display:grid}.site .samenvatting dt{color:var(--fg-zacht)}.site .samenvatting dd{margin:0;font-weight:600}.site .urgent{background:var(--oranje);color:var(--op-oranje);font:700 12px var(--display);padding:2px 8px;display:inline-block}.site .band{background:var(--oranje);color:var(--op-oranje);padding-block:56px}.site .band .grid3>div{transition:transform .28s var(--til);border-left:3px solid #000;gap:8px;padding:6px 0 6px 18px;display:grid}@media (hover:hover){.site .band .grid3>div:hover{transform:translate(6px)}}.site .band b{font:900 22px/1.2 var(--display);letter-spacing:-.01em}.site .band p{max-width:34ch;font-size:16px}.site .stap{border:1px solid var(--rand);border-top:4px solid var(--fg);background:var(--kaart);align-content:start;gap:12px;padding:22px 22px 26px;display:grid}.site .stap .nr{font:900 15px var(--display);color:var(--oranje-diep)}.site .stap p,.site .functie p{color:var(--fg-zacht);font-size:16px}.site .functie{background:var(--kaart);border:1px solid var(--rand);align-content:start;gap:10px;padding:26px;display:grid}.site .functie svg{width:32px;height:32px}.site .functie svg *{stroke:var(--oranje-diep);fill:none;stroke-width:2.2px;stroke-linecap:square}.site .toon{border:2px solid var(--fg);flex-wrap:wrap;margin-bottom:28px;display:inline-flex}.site .toon button{font:700 15px var(--display);color:var(--fg);cursor:pointer;background:0 0;border:0;padding:12px 20px;transition:background .15s}.site .toon button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.site .toon button:hover:not([aria-pressed=true]){background:var(--oranje-zacht)}.site .stemmen{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:980px){.site .stemmen{grid-template-columns:1fr 1fr}}@media (max-width:520px){.site .stemmen{grid-template-columns:1fr}}.site .stem{background:var(--kaart);border:1px solid var(--rand);align-content:start;gap:12px;padding:22px;display:grid}.site .stem-kop{align-items:center;gap:12px;display:flex}.site .avatar{background:var(--oranje);color:#000;width:44px;height:44px;font:900 18px var(--display);flex:none;place-items:center;display:grid}.site .stem h3{font-size:19px}.site .stem .kenmerk{color:var(--fg-zacht);font-size:14px}.site .stem blockquote{background:var(--vlak);border-left:3px solid var(--oranje);min-height:5.6em;margin:0;padding:12px 14px;font-size:15px;line-height:1.5}.site .stem .knop{justify-content:flex-start;padding:11px 14px;font-size:14px}.site .stem.speelt{border-color:var(--fg);box-shadow:8px 8px 0 var(--oranje)}.site .donker{background:var(--balk);color:var(--balk-tekst);padding-block:80px}.site .donker h2,.site .donker h3{color:#fff}.site .donker .oog{color:var(--oranje)}.site .donker .duo{grid-template-columns:1fr 1fr;gap:28px;display:grid}.site .donker .doel{background:var(--balk-vlak);border:1px solid #2a2a2a;border-left:4px solid var(--oranje);align-content:start;gap:14px;padding:28px;display:grid}.site .donker .doel p{color:#cfc8c1}.site .donker ul{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.site .donker li{gap:12px;font-size:16px;display:flex}.site .donker li:before{content:"";background:var(--oranje);flex:none;width:10px;height:10px;margin-top:8px}.site .niet{color:#cfc8c1;border:1px dashed #444;margin-top:28px;padding:20px 24px;font-size:16px}.site .niet strong{color:#fff;font-family:var(--display)}@media (max-width:780px){.site .donker .duo{grid-template-columns:1fr}}.site .pakketten{grid-template-columns:repeat(4,1fr);gap:20px;padding-top:14px;display:grid}@media (max-width:980px){.site .pakketten{grid-template-columns:1fr 1fr}}@media (max-width:560px){.site .pakketten{grid-template-columns:1fr}}.site .pakket{background:var(--kaart);border:2px solid var(--fg);grid-template-rows:auto auto auto 1fr auto;gap:14px;padding:28px 24px;display:grid;position:relative}.site .pakket .naam{font:800 22px var(--display)}.site .pakket .prijs{font:900 44px/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.site .pakket .prijs small{font:600 15px var(--tekst);letter-spacing:0;color:var(--fg-zacht)}.site .minuten{font:800 18px var(--display);background:var(--oranje-zacht);font-variant-numeric:tabular-nums;padding:10px 12px}.site .minuten span{font:400 14px var(--tekst);color:var(--fg-zacht);margin-top:2px;display:block}.site .pakket ul{color:var(--fg-zacht);align-content:start;gap:6px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.site .pakket .knop{width:100%}.site .pakket--top{background:var(--oranje);color:var(--op-oranje)}.site .pakket--top .prijs small,.site .pakket--top ul,.site .pakket--top .minuten span{color:var(--op-oranje)}.site .pakket--top .minuten{background:#ffffff8c}.site .pakket--top .knop--oranje{background:var(--balk);color:#fff}@media (hover:hover){.site .pakket--top.til:hover{box-shadow:8px 8px 0 var(--fg)}}.site .vlag{background:var(--balk);color:#fff;font:700 12px var(--display);text-transform:uppercase;letter-spacing:.06em;padding:5px 10px;position:absolute;top:-14px;left:22px}.site .pakket.advies:after{content:"Past bij jouw verbruik";background:var(--fg);color:var(--bg);font:700 12px var(--display);padding:5px 10px;position:absolute;top:-14px;right:22px}.site .pakket--top.advies .vlag{display:none}.site .inbegrepen{flex-wrap:wrap;gap:8px 26px;margin-top:28px;font-size:15px;display:flex}.site .inbegrepen strong{font-family:var(--display);width:100%}.site .inbegrepen span:before{content:"✓";color:var(--oranje-diep);margin-right:8px;font-weight:800}.site .uitleg{grid-template-columns:1fr 1fr;gap:44px;margin-top:64px;display:grid}@media (max-width:860px){.site .uitleg{grid-template-columns:1fr}}.site .reken{background:var(--balk);color:#fff;align-content:start;gap:18px;padding:30px;display:grid}.site .reken h3{color:#fff}.site .reken>p{color:#cfc8c1;font-size:15px}.site .reken label{font:600 15px var(--display);justify-content:space-between;gap:12px;display:flex}.site .reken output{color:var(--oranje);font-variant-numeric:tabular-nums;white-space:nowrap}.site .reken input[type=range]{width:100%;accent-color:var(--oranje)}.site .uitkomst{border-top:1px solid #3a3a3a;grid-template-columns:1fr 1fr;gap:16px;padding-top:18px;display:grid}.site .uitkomst div{gap:4px;display:grid}.site .uitkomst b{font:900 30px/1.05 var(--display);color:var(--oranje);font-variant-numeric:tabular-nums}.site .uitkomst p{color:#cfc8c1;font-size:14px}.site .uitkomst .advies-tekst{color:#fff;grid-column:1/-1;font-size:16px}.site .regels-uitleg{align-content:start;gap:20px;display:grid}.site .regels-uitleg div{border-bottom:1px solid var(--rand);gap:4px;padding-bottom:18px;display:grid}.site .regels-uitleg div:last-child{border-bottom:0}.site .regels-uitleg h3{font-size:18px}.site .regels-uitleg p{color:var(--fg-zacht);font-size:16px}.site .kort{border:2px solid var(--fg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;margin:0;display:grid}.site .kort div{border-right:1px solid var(--rand);border-bottom:1px solid var(--rand);background:var(--kaart);padding:18px 20px;transition:background .2s}.site .kort div:hover{background:var(--oranje-zacht)}.site .kort dt{font:700 13px var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--oranje-diep)}.site .kort dd{margin:6px 0 0;font-size:16px}.site .faq{grid-template-columns:.8fr 1.2fr;gap:48px;display:grid}@media (max-width:860px){.site .faq{grid-template-columns:1fr;gap:24px}}.site details{border-top:2px solid var(--fg)}.site details:last-child{border-bottom:2px solid var(--fg)}.site summary{cursor:pointer;font:700 18px/1.35 var(--display);transition:padding .2s var(--til);justify-content:space-between;gap:16px;padding:20px 0;list-style:none;display:flex}.site summary:hover{padding-left:8px}.site summary::-webkit-details-marker{display:none}.site summary:after{content:"+";background:var(--oranje);width:30px;height:30px;color:var(--op-oranje);font:800 20px/1 var(--display);transition:transform .2s var(--til);flex:none;place-items:center;display:grid}.site details[open] summary:after{content:"–";transform:rotate(180deg)}.site details p{color:var(--fg-zacht);padding:0 46px 22px 0}.site .cta{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (max-width:860px){.site .cta{grid-template-columns:1fr}}.site form{background:var(--kaart);border:2px solid var(--fg);grid-template-columns:1fr 1fr;gap:14px;padding:26px;display:grid}.site form .heel{grid-column:1/-1}@media (max-width:520px){.site form{grid-template-columns:1fr}}.site form label{font:600 14px var(--display);gap:6px;min-width:0;display:grid}.site form input,.site form select{font:400 16px var(--tekst);color:var(--fg);background:var(--bg);border:1px solid var(--rand);border-bottom:2px solid var(--fg);border-radius:0;width:100%;padding:12px}.site form input:focus,.site form select:focus{outline:3px solid var(--oranje);outline-offset:0}.site .melding{background:var(--oranje-zacht);padding:12px 14px;font-size:15px}.site footer{background:var(--balk);color:var(--balk-tekst)}.site .voet{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-block:52px;display:grid}@media (max-width:760px){.site .voet{grid-template-columns:1fr 1fr}.site .voet>div:first-child{grid-column:1/-1}}.site .voet strong{font:700 14px var(--display);color:var(--oranje);margin-bottom:10px;display:block}.site .voet a{color:#d6d0ca;transition:color .15s,transform .2s var(--til);padding:4px 0;font-size:15px;text-decoration:none;display:block}.site .voet a:hover{color:#fff;transform:translate(4px)}.site .voet p{color:var(--balk-zacht);max-width:32ch;margin-top:14px;font-size:15px}.site .onder{border-top:1px solid #2b2b2b}.site .onder .wrap{color:var(--balk-zacht);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:18px;font-size:14px;display:flex}.site .logo img{width:auto;height:42px;display:block}.site .logo--voet img{height:52px}.site .verloop{border:2px solid var(--fg);background:var(--kaart);gap:0;margin:0;padding:0;list-style:none;display:grid}.site .verloop li{border-bottom:1px solid var(--rand);grid-template-columns:48px 1fr;gap:14px;padding:18px 20px;display:grid}.site .verloop li:last-child{border-bottom:0}.site .verloop .nr{background:var(--oranje);width:36px;height:36px;color:var(--op-oranje);font:900 16px var(--display);place-items:center;display:grid}.site .verloop b{font:800 17px var(--display);display:block}.site .verloop p{color:var(--fg-zacht);font-size:15px}.site .stem .knop[disabled]{opacity:.5;cursor:not-allowed;transform:none}.site .juridisch{max-width:760px;padding-block:56px 88px}.site .juridisch h1{margin-bottom:10px;font-size:clamp(30px,4vw,42px)}.site .juridisch h2{margin:40px 0 12px;font-size:24px}.site .juridisch h3{margin:24px 0 8px;font-size:18px}.site .juridisch p,.site .juridisch li{color:var(--fg);font-size:16px;line-height:1.65}.site .juridisch p+p{margin-top:12px}.site .juridisch ul,.site .juridisch ol{margin:10px 0;padding-left:22px}.site .juridisch li+li{margin-top:6px}.site .juridisch .meta{color:var(--fg-zacht);font-size:15px}.site .juridisch table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}.site .juridisch th,.site .juridisch td{text-align:left;vertical-align:top;border:1px solid var(--rand);padding:10px 12px}.site .juridisch th{background:var(--vlak);font-family:var(--display)}.site .juridisch .let-op{border-left:4px solid var(--oranje);background:var(--oranje-zacht);margin:20px 0;padding:14px 16px}.site .juridisch .inhoud{border:2px solid var(--fg);margin:24px 0;padding:16px 20px}.site .juridisch .inhoud ol{margin:6px 0 0}.site .juridisch .leeg{background:var(--oranje-zacht);padding:0 4px}.site .juridisch-nav{font:600 14px var(--display);flex-wrap:wrap;gap:8px 18px;margin:0 0 28px;padding:0;list-style:none;display:flex}.site .juridisch-nav a{border-bottom:3px solid #0000;text-decoration:none}.site .juridisch-nav a[aria-current=page],.site .juridisch-nav a:hover{border-bottom-color:var(--oranje)}@media print{.site .nav,.site footer,.site .juridisch-nav{display:none}}