@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f7f8fa)var(--lightningcss-dark,#14171d);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e222a);--soft:var(--lightningcss-light,#eef1f5)var(--lightningcss-dark,#282e38);--text:var(--lightningcss-light,#202631)var(--lightningcss-dark,#eef1f6);--muted:var(--lightningcss-light,#5d6877)var(--lightningcss-dark,#b0bac9);--border:var(--lightningcss-light,#dce2ea)var(--lightningcss-dark,#39414d);--accent-fill:#1552c4;--accent-hover:#1044a6;--accent-text:var(--lightningcss-light,#1552c4)var(--lightningcss-dark,#9bbfff);--accent-soft:var(--lightningcss-light,#e8efff)var(--lightningcss-dark,#24354e);--on-accent:#fff;--shadow:var(--lightningcss-light,#12294a12)var(--lightningcss-dark,#00000038);--success:var(--lightningcss-light,#3e6823)var(--lightningcss-dark,#b8d49b);--success-bg:var(--lightningcss-light,#eef4e7)var(--lightningcss-dark,#283523);--danger:var(--lightningcss-light,#a52737)var(--lightningcss-dark,#ffb2b9);--danger-bg:var(--lightningcss-light,#fbecef)var(--lightningcss-dark,#42272e);--warning:var(--lightningcss-light,#83580a)var(--lightningcss-dark,#efd18a);--warning-bg:var(--lightningcss-light,#faf1da)var(--lightningcss-dark,#393122);--display:Archivo,Geist,system-ui,sans-serif;--sans:Geist,system-ui,sans-serif;--mono:"Geist Mono",monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-appearance=light]{--bg:#f7f8fa;--surface:#fff;--soft:#eef1f5;--text:#202631;--muted:#5d6877;--border:#dce2ea;--accent-text:#1552c4;--accent-soft:#e8efff;--shadow:#12294a12;--success:#3e6823;--success-bg:#eef4e7;--danger:#a52737;--danger-bg:#fbecef;--warning:#83580a;--warning-bg:#faf1da}:root[data-appearance=dark]{--bg:#14171d;--surface:#1e222a;--soft:#282e38;--text:#eef1f6;--muted:#b0bac9;--border:#39414d;--accent-text:#9bbfff;--accent-soft:#24354e;--shadow:#00000038;--success:#b8d49b;--success-bg:#283523;--danger:#ffb2b9;--danger-bg:#42272e;--warning:#efd18a;--warning-bg:#393122}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:14px/1.6 var(--sans);margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;line-height:1.2}h1{font-size:36px}h2{font-size:25px}h3{font-size:17px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}svg{vertical-align:middle;flex-shrink:0}button,input,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}.button{background:var(--surface);border:1px solid var(--border);min-height:42px;color:var(--text);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:transform .1s cubic-bezier(.2,0,0,1),background-color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1);display:inline-flex;position:relative;overflow:hidden}.button:hover{background:var(--soft);border-color:var(--accent-text)}.button:active{transform:scale(.96)}.button.primary{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill);box-shadow:0 1px 2px var(--shadow),0 8px 20px -10px var(--accent-fill)}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:35%;position:absolute;inset:0 auto 0 -40%;transform:skew(-18deg)}.button.primary:hover:after{animation:.65s ease-out button-shine}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.brand{font:700 21px/1 var(--display);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.brand-number{color:var(--muted);font-weight:500}.brand-mark{background:var(--accent-fill);width:32px;height:32px;color:var(--on-accent);border-radius:9px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff30}.row,.spread{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.stack{flex-direction:column;gap:18px;display:flex}.muted{color:var(--muted);font-size:13px}.eyebrow{color:var(--muted);font:11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}.badge{background:var(--surface);border:1px solid var(--border);border-radius:30px;align-items:center;gap:8px;padding:6px 11px;font-size:11px;display:inline-flex}.status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-bg);border-radius:50%;display:inline-block}.site-header{z-index:10;background:color-mix(in oklab,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:auto;padding:18px 30px;display:flex}.nav-links{color:var(--muted);align-items:center;gap:24px;font-size:13px;display:flex}.nav-links a:hover{color:var(--text)}.hero{isolation:isolate;text-align:center;padding:85px 24px 58px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 10%,color-mix(in oklab,var(--accent-text) 14%,transparent),transparent 66%);pointer-events:none;position:absolute;inset:-40px 0 0}.hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:850px;margin:24px auto 20px;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.04}.hero>p{max-width:570px;color:var(--muted);text-wrap:pretty;margin:auto;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:29px 0 18px;display:flex}.hero .caption{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.showcase{border:1px solid var(--border);background:var(--surface);max-width:1100px;box-shadow:0 25px 70px -35px var(--shadow);border-radius:16px;margin:0 auto 30px;overflow:hidden}.window-bar{background:var(--soft);border-bottom:1px solid var(--border);color:var(--muted);font:11px var(--mono);justify-content:space-between;gap:12px;padding:10px 18px;display:flex}.window-dots{opacity:.5;letter-spacing:2px}.showcase-body{padding:32px}.showcase h2{margin:7px 0 24px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.feature-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:24px;transition:transform .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1);position:relative}.feature-card:hover{border-color:var(--accent-text);transform:translateY(-2px)}.tile-icon{background:var(--accent-soft);color:var(--accent-text);border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:transform .18s cubic-bezier(.2,0,0,1);display:inline-flex}.feature-card:hover .tile-icon{transform:translateY(-3px)}.feature-card h3{margin:18px 0 8px}.feature-card p{color:var(--muted);font-size:13px}.feature-arrow{color:var(--accent-text);margin-top:20px;display:block}.tenant-feature{background:var(--bg);border-radius:12px;align-items:center;gap:18px;margin-top:20px;padding:22px;display:flex}.tenant-feature p{color:var(--muted);margin-top:6px;font-size:13px}.tenant-feature .badge{flex-shrink:0;margin-left:auto}.site-bottom{max-width:900px;color:var(--muted);align-items:flex-start;gap:12px;margin:36px auto 60px;padding:0 24px;font-size:13px;display:flex}.site-footer{border-top:1px solid var(--border);max-width:1160px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:auto;padding:25px 30px;font-size:12px;display:flex}.auth-page{place-items:center;min-height:100svh;padding:32px 20px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);width:min(100%,460px);box-shadow:0 18px 60px -25px var(--shadow);border-radius:18px;flex-direction:column;gap:20px;padding:32px;display:flex}.auth-card h1{margin-top:12px;font-size:29px}.auth-foot{color:var(--accent-text);font-size:13px}.text-link{color:var(--muted);font-size:12px}label{flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:600;display:flex}input,select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;width:100%;min-height:42px;padding:10px 12px;font-size:14px}input::placeholder{color:var(--muted);opacity:1}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.fields .full{grid-column:1/-1}.notice{background:var(--accent-soft);color:var(--text);border-radius:9px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.notice.error{background:var(--danger-bg);color:var(--danger)}.notice.compact{padding:12px;font-size:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:25px}.panel>h2,.panel>h3{margin-bottom:12px}.panel>.muted{margin-bottom:22px}.narrow{max-width:560px}.workspace-page{max-width:1220px;margin:0 auto;padding:40px 30px 70px}.page-intro{margin-bottom:32px}.page-intro h1{margin:7px 0 12px;font-size:32px}.workspace-picker{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.workspace-picker [aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.tenant-heading{margin-bottom:20px}.tenant-heading h2{margin-top:5px}.count{font:500 13px var(--mono);background:var(--soft);vertical-align:middle;border-radius:8px;margin-left:7px;padding:4px 8px}.tenant-toolbar{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex}.tenant-toolbar label{width:min(100%,430px)}.tenant-toolbar p{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.tenant-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:22px;display:grid}.tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.tenant-card{border:1px solid var(--border);background:var(--surface);text-align:left;color:var(--text);border-radius:14px;min-width:0;padding:22px;transition:transform .15s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1)}.tenant-card:hover{border-color:var(--accent-text);transform:translateY(-2px)}.tenant-card.selected{border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text)}.tenant-card .spread{color:var(--accent-text)}.tenant-card h3{overflow-wrap:anywhere;margin:18px 0 6px}.tenant-card p{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.connection{background:var(--soft);color:var(--muted);border-radius:6px;margin-top:18px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.connection.ready{background:var(--success-bg);color:var(--success)}.tenant-summary h3{overflow-wrap:anywhere;margin-top:7px;font-size:21px}.tenant-summary .muted{overflow-wrap:anywhere;margin-bottom:0}.tenant-summary hr{border:0;border-top:1px solid var(--border);margin:20px 0}.tenant-summary dl{gap:20px;margin:0 0 22px;font-size:13px;display:grid}.tenant-summary dt,.detail-list dt{color:var(--muted);margin-bottom:5px;font-size:11px}.tenant-summary dd,.detail-list dd{overflow-wrap:anywhere;margin:0}.mono{font-family:var(--mono);font-size:11px}.tenant-summary .button{width:100%}.add-tenant{margin-top:22px}.add-tenant .row .muted{font-size:12px}.demo-banner{background:var(--warning-bg);color:var(--warning);border-radius:9px;margin-bottom:28px;padding:12px 16px;font-size:12px}.empty{text-align:center;color:var(--muted);padding:45px 20px}.empty h3{color:var(--text);margin:15px 0 8px}.empty p{font-size:13px}.detail-list{gap:15px;margin:25px 0 0;display:grid}.migration-note{margin-top:22px}.scope-list{margin:0;padding:0;list-style:none}.scope-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-size:13px;display:flex}.scope-list li:last-child{border:0}.scope-list .connection{flex-shrink:0;margin:0}.skip-link{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 20px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}@keyframes button-shine{0%{left:-40%}to{left:120%}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.choice-options{border:1px solid var(--border);border-radius:10px;min-width:0;margin:0;padding:12px 16px}.choice-options legend{padding-inline:6px;font-size:12px;font-weight:600}@media (max-width:600px){.account-table,.account-table tbody,.account-table tr,.account-table td{width:100%;display:block}.account-table thead{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.account-table tbody{gap:16px;display:grid}.account-table tr{border:1px solid var(--border);border-radius:10px;padding:10px}.account-table td{border:0;padding:8px;min-width:0!important}.account-table td:before{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.account-table td:nth-child(2):before{content:"Status"}.account-table td:nth-child(3):before{content:"Abonnement"}.account-table td:nth-child(4):before{content:"Tenants"}.account-table td:nth-child(5):before{content:"Laatste activiteit"}.account-table td:last-child .button{width:100%}}textarea{resize:vertical;background:var(--surface);border:1px solid var(--border);width:100%;min-height:80px;color:var(--text);font:inherit;border-radius:9px;padding:10px 12px}textarea:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent-fill)}.check-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;min-height:44px}.account-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.account-stats strong{font:600 32px var(--display);color:var(--accent-text)}.account-stats .muted{margin-bottom:10px}.table-scroll{overflow:auto}.account-table{border-collapse:collapse;text-align:start;width:100%;font-size:13px}.account-table th{color:var(--muted);font-size:11px;font-weight:600}.account-table td,.account-table th{vertical-align:top;border-bottom:1px solid var(--border);padding:16px 12px}.account-table td:first-child{min-width:180px}.account-table .connection{margin:0}.account-table td p{overflow-wrap:anywhere}.plan-badge{background:var(--soft);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;display:inline-flex}.plan-badge.trial,.plan-badge.ready{background:var(--success-bg);color:var(--success)}.plan-badge.expired{background:var(--danger-bg);color:var(--danger)}.plan-badge.requested{background:var(--warning-bg);color:var(--warning)}.template-list{flex-direction:column;gap:10px;display:flex}.template-list .tenant-card{padding:16px}.template-list h3{margin:0}.template-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-rows:auto auto minmax(220px,1fr) auto;min-height:600px;max-height:calc(100svh - 110px);display:grid;overflow:hidden}.editor-title{padding:22px 24px}.section-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:0 24px 18px;display:flex}.section-nav [aria-current=step],.button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-text)}.editor-content{border:0;min-width:0;min-height:0;margin:0;padding:24px;overflow:auto}.editor-actions{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;gap:12px;padding:18px 24px;display:flex}.setting-group{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:18px;padding:20px;display:flex}.setting-group.spread{flex-direction:row}.field-rule{border-bottom:1px solid var(--border);grid-template-columns:minmax(110px,1fr) minmax(150px,1.5fr) minmax(220px,1fr);align-items:center;gap:16px;padding-block:16px;display:grid}.field-rule.heading{color:var(--muted);font-size:11px}.rule-flags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.rule-flags label{align-items:center;gap:5px;font-size:11px}.upload-label{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;min-height:42px;padding:9px 16px;display:inline-flex;position:relative}.upload-label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-label:focus-within{outline:3px solid var(--accent-text);outline-offset:3px}@media (max-width:1000px){.field-rule{grid-template-columns:1fr 1.5fr}.rule-flags{grid-column:1/-1}.field-rule.heading{display:none}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.template-form{min-height:0;max-height:none}.editor-content{overflow:visible}.editor-title,.editor-actions{padding:18px}.section-nav{flex-wrap:nowrap;padding-inline:18px;overflow:auto}.section-nav .button{flex-shrink:0}.field-rule{grid-template-columns:1fr}.rule-flags{justify-content:flex-start}.editor-actions .spread{gap:16px}.editor-actions .button{flex:1}.account-stats{gap:10px}.account-stats .panel{padding:15px}.account-stats strong{font-size:28px}}@media (max-width:1150px){.showcase{margin-left:25px;margin-right:25px}.tenant-layout{grid-template-columns:minmax(0,1fr) 230px}.tenant-summary,.feature-card{padding:20px}}@media (max-width:850px){.tenant-layout{grid-template-columns:1fr}.tenant-summary{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tenant-summary hr{display:none}.tenant-summary dl{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.tenant-summary .notice,.tenant-summary .button{grid-column:1/-1}.nav-links{display:none}.hero{padding-top:62px}.feature-grid{gap:12px}.feature-card{padding:16px}.tenant-feature{flex-wrap:wrap}.tenant-feature .badge{margin:0}}@media (max-width:600px){.site-nav{flex-wrap:wrap;gap:12px;padding:14px 18px}.site-nav>.row{margin-left:auto}.brand{font-size:19px}.site-nav .button{padding:8px 11px}.hero{padding:44px 20px 36px}.hero h1{font-size:39px}.hero>p{font-size:15px}.hero .caption{font-size:10px}.showcase{margin:0 16px 20px}.window-bar{padding:10px;font-size:10px}.window-dots{display:none}.showcase-body{padding:22px 18px}.showcase h2{font-size:24px}.feature-grid{grid-template-columns:1fr}.feature-card{grid-template-columns:auto 1fr auto;column-gap:14px;padding:18px;display:grid}.feature-card .tile-icon{grid-row:1/3;align-self:center}.feature-card h3{margin:0 0 5px;font-size:16px}.feature-card p{grid-column:2;font-size:12px}.feature-arrow{grid-area:1/3/3;align-self:center;margin:0}.tenant-feature{gap:12px;padding:18px}.tenant-feature>.tile-icon{display:none}.tenant-feature h3{font-size:16px}.site-footer{padding:24px 20px}.workspace-page{padding:28px 18px 45px}.page-intro h1{font-size:29px}.tenant-heading h2{font-size:23px}.tenant-heading{gap:18px}.tenant-grid{grid-template-columns:1fr}.tenant-card{padding:20px}.tenant-card h3{margin-top:13px}.tenant-summary dl,.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}input,select{font-size:16px}.panel{padding:20px}.auth-card{padding:24px}.auth-page{padding:20px}.scope-list li{flex-direction:column;align-items:flex-start;gap:8px}.site-header{position:static}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.feature-card:hover,.feature-card:hover .tile-icon,.tenant-card:hover,.button:active{transform:none}}@media (prefers-reduced-transparency:reduce){.site-header{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.hero:before{display:none}}.site-nav{flex-wrap:wrap;gap:16px;min-height:66px;padding:12px 24px}.header-actions{flex-flow:row;align-items:center;gap:8px;min-width:0;margin-inline-start:auto;display:flex}.site-nav .button{white-space:nowrap;min-height:40px;padding:8px 12px;font-size:12px;line-height:1.5}.site-nav .header-actions>form{margin:0;display:flex}@media (max-width:760px){.site-nav{flex-wrap:wrap;gap:10px;padding:10px 16px}.header-actions{gap:6px}.site-nav .button{min-height:44px;padding:8px;font-size:12px}}@media (pointer:coarse){.site-nav .button{min-height:44px}}