/* Glasmorfisme: matglas over de nachtlucht en de kleuren van het wiel */
:root{--gl-bg:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.03) 55%,rgba(255,255,255,.015));--gl-line:rgba(255,255,255,.14);--gl-hi:inset 0 1px 0 rgba(255,255,255,.14);--gl-sh:0 24px 60px -28px rgba(0,0,0,.7)}
/* secties doorzichtig, zodat de lucht en de kleuren erdoor schijnen */
.team,.pricing,.partners,footer,.demo,section.faq,.os{background-color:transparent!important}
.team,.pricing,.partners,footer{background:transparent!important}
.os{background:radial-gradient(900px 700px at 50% 45%,rgba(59,130,246,.10),transparent 65%)!important}
.demo{background:linear-gradient(180deg,transparent,rgba(6,11,26,.35))!important}
/* glazen kaarten */
.panel,.tier,.hb,.scl,.pcols div,.rings li,.people .facts div,.cap-t,.card,.ch,.box,.legal>p,.legal>ul,.legal>dl,.steps li,.xp-card,.xp-ent,.xp-xi,.xp-trust li,.pt-steps li,.pt-t,.wid,.wid-stats div,.bd-ex,.wl-c{background:var(--gl-bg)!important;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--gl-line)!important;box-shadow:var(--gl-hi),var(--gl-sh)}
.tier,.hb,.scl,.card,.rings li,.xp-card,.pt-t,.steps li{transition:transform .3s,border-color .3s,box-shadow .3s}
.tier:hover,.hb:hover,.scl:hover,.card:hover,.rings li:hover,.xp-card:hover,.pt-t:hover,.steps li:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.26)!important;box-shadow:var(--gl-hi),var(--gl-sh),0 0 40px -14px rgba(34,211,238,.45)}
.tier.egg{background:linear-gradient(135deg,rgba(245,200,76,.16),rgba(255,255,255,.02) 60%)!important;border-color:rgba(245,200,76,.5)!important}
.legal>p,.legal>ul,.legal>dl{padding:16px 20px;border-radius:16px}
/* knoppen en chips als glas */
.btn.ghost,.chip,.sbtn,.chap button,.osnav button,.arrows button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
/* navigatie: helder matglas */
.nav,.nav.solid{background:rgba(6,9,18,.42)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;backdrop-filter:blur(20px) saturate(160%)!important;border-bottom:1px solid rgba(255,255,255,.1)}
@media (prefers-reduced-transparency:reduce){.panel,.tier,.hb,.scl,.pcols div,.rings li,.people .facts div,.cap-t,.card,.ch,.box{background:rgba(12,16,28,.92)!important;backdrop-filter:none}}

.pt-t.taken{opacity:.6}
.wl-c{background:rgba(12,17,30,.72)!important}

/* logo: badge + woordmerk */
.xlb{width:30px;height:30px;flex:none;display:inline-block;vertical-align:middle;filter:drop-shadow(0 0 8px rgba(34,211,238,.35))}
.xlw{height:17px;width:auto;display:block}
.logo{display:inline-flex!important;align-items:center;gap:10px}
.lgw{display:grid!important;gap:4px}
.scr .top .xlb{width:18px;height:18px;filter:none}
@media print{.xlw{filter:invert(1)}}
.logo{flex:none!important;min-width:0}.lgw small{white-space:nowrap}.xlw{min-width:96px}
@media(max-width:560px){.lgw small{display:none!important}.xlb{width:28px;height:28px}.xlw{height:15px;min-width:84px}}
@media(max-width:440px){.nav .wrap{gap:8px!important}.nav .xlw{min-width:0;height:13px}.nav .xlb{width:24px;height:24px}.nav .btn,.nav a.btn{padding-inline:12px!important;font-size:13px!important;min-height:38px}.top .pill{display:none}}
/* groter icoon */
.xlb{width:44px!important;height:44px!important}
footer .xlb{width:48px!important;height:48px!important}
@media(max-width:560px){.xlb{width:36px!important;height:36px!important}}
@media(max-width:440px){.nav .xlb{width:34px!important;height:34px!important}}
.scr .top .xlb{width:22px!important;height:22px!important}

/* v4.0 white label + admin */
.mb-wl{border-style:dashed!important;border-color:rgba(245,200,76,.75)!important;box-shadow:0 0 3cqw rgba(245,200,76,.25)!important}.mb-wl b{color:#f5c84c!important}
.mb-adm i{outline:.5cqw solid #f5c84c;outline-offset:.3cqw}.mb-admb{display:inline-block;margin-top:.4cqw;font:700 1.25cqw "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#140f02;background:#f5c84c;border-radius:99px;padding:.15cqw .8cqw}

/* claim: sector > niche > categorie > launch */
.xa-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.xa-chip{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:inherit;border-radius:99px;padding:6px 11px;font:500 13px var(--body,Inter);cursor:pointer;backdrop-filter:blur(10px)}
.xa-chip:hover:not([disabled]){border-color:#22d3ee;background:rgba(34,211,238,.12)}.xa-chip[disabled]{opacity:.4;cursor:default}.xa-chip.on{opacity:1;border-color:#f5c84c;background:rgba(245,200,76,.15);color:#f5c84c}
.xa-steps{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 2px}.xa-steps i{font:600 10px var(--mono,monospace);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:99px;border:1px solid rgba(255,255,255,.15);color:#8b97ad}.xa-steps i.d{color:#2ee6a8;border-color:rgba(46,230,168,.45)}.xa-steps i.on{color:#f5c84c;border-color:rgba(245,200,76,.6)}
.xa-sum{display:grid;gap:2px;margin:8px 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(245,200,76,.45);background:rgba(245,200,76,.06)}.xa-sum b{color:#f5c84c}
.xa-price{display:block;margin-top:6px;font-size:13px;color:#c3cddd}.xa-price b{color:#2ee6a8;font-size:16px}.xa-sum small{color:#8b97ad;font-size:12px}

/* commercieel: bundels */
.xp-recc{border-color:rgba(245,200,76,.7)!important;box-shadow:var(--gl-hi),var(--gl-sh),0 0 46px -12px rgba(245,200,76,.55)!important;position:relative}
.xp-rec{position:absolute;top:-12px;left:18px;font:700 11px var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:#140f02;background:#f5c84c;border-radius:99px;padding:5px 11px;box-shadow:0 0 18px -4px #f5c84c}
.xp-stars{font-size:15px;letter-spacing:2px;color:#f5c84c;text-shadow:0 0 10px rgba(245,200,76,.6);white-space:nowrap}.xp-stars i{font-style:normal;color:rgba(255,255,255,.18);text-shadow:none}
.xp-row{justify-content:space-between;align-items:center}
.xp-day{font:500 12px var(--mono,monospace);color:#2ee6a8;letter-spacing:.04em;margin-top:-4px}
.xp-btn-rec{background:#f5c84c!important;color:#140f02!important;border-color:#f5c84c!important;box-shadow:0 0 24px -6px #f5c84c}
.xp-sub{font-size:12px;color:var(--xp-mut,#8b97ad);text-align:center;margin-top:-4px}
.xp-trust-top{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;list-style:none;padding:0;margin:4px 0 22px}
.xp-trust-top li{display:grid;gap:2px;padding:12px 14px 12px 40px!important;border-radius:14px;position:relative;background:var(--gl-bg);border:1px solid var(--gl-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.xp-trust-top li:before{content:"✓";position:absolute;left:13px;top:12px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 11px sans-serif;color:#04060b;background:#2ee6a8;box-shadow:0 0 10px rgba(46,230,168,.6)}
.xp-trust-top b{font-size:14px}.xp-trust-top span{font-size:12.5px;color:var(--xp-mut,#8b97ad)}
@media(min-width:1000px){.xp-trust-top{grid-template-columns:repeat(5,1fr)!important}}