:root{--bg:#061218;--panel:#0b2029;--panel2:#102d38;--line:#24424d;--text:#edf7f8;--muted:#8faab3;--cyan:#47dfd4;--blue:#0b77d5;--orange:#ff6b35;--green:#50d487}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif}button,a{font:inherit}button{color:inherit}.hidden{display:none!important}.eyebrow{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.19em}.site-header{position:sticky;top:0;z-index:20;height:74px;display:flex;align-items:center;padding:0 clamp(22px,5vw,82px);border-bottom:1px solid var(--line);background:rgba(5,17,23,.93);backdrop-filter:blur(18px)}.site-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.site-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:4px;color:#052027;background:linear-gradient(145deg,#69f0e5,#29bab0);font-size:22px;font-weight:1000}.site-brand strong,.site-brand small{display:block}.site-brand strong{font-size:12px;letter-spacing:.08em}.site-brand small{margin-top:3px;color:var(--muted);font-size:8px}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{color:#b5c9cf;text-decoration:none;font-size:10px;font-weight:700}.site-header nav a:hover{color:var(--cyan)}.account-actions{display:flex;gap:8px;margin-left:34px}.quiet-button,.cyan-button{padding:10px 15px;border:1px solid var(--line);border-radius:4px;background:#0b1e26;cursor:pointer;font-size:10px;font-weight:800}.cyan-button{border-color:var(--cyan);color:#062127;background:var(--cyan)}.profile-button{display:flex;align-items:center;gap:9px;border:1px solid #31616c;border-radius:5px;background:#0b232c;padding:5px 10px;cursor:pointer;text-align:left}.profile-button i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#062126;background:var(--cyan);font-style:normal;font-weight:900}.profile-button strong,.profile-button small{display:block}.profile-button strong{font-size:9px}.profile-button small{margin-top:2px;color:var(--muted);font-size:7px}.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(420px,.8fr) minmax(620px,1.2fr);align-items:center;gap:5vw;padding:70px clamp(28px,6vw,100px);overflow:hidden;background:radial-gradient(circle at 72% 44%,#0d4050 0,transparent 33%),linear-gradient(140deg,#061218,#081c24)}.hero-copy{position:relative;z-index:2}.hero h1{margin:14px 0 22px;font-size:clamp(44px,5.1vw,78px);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--cyan);font-style:normal}.hero-copy>p{max-width:650px;color:#a9bec4;font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:30px}.primary-cta,.secondary-cta{padding:15px 21px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:900}.primary-cta{border:1px solid var(--orange);color:white;background:var(--orange);box-shadow:0 12px 30px #ff6b352b}.primary-cta span{margin-left:20px}.secondary-cta{border:1px solid #385760;color:#d8e9ed;background:#0b2029}.hero-facts{display:flex;gap:30px;margin-top:45px;color:#78939c;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-facts span{display:flex;align-items:center;gap:7px}.hero-facts b{color:white;font-size:18px}.dispatch-preview{position:relative;border:1px solid #37606b;border-radius:8px;background:#09202a;box-shadow:0 45px 110px #000a;transform:perspective(1100px) rotateY(-5deg) rotateX(1deg)}.dispatch-preview:after{content:"";position:absolute;inset:auto 8% -60px;height:70px;background:#1bd5cb2b;filter:blur(45px)}.preview-bar{height:48px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #37606b;background:#0d2d39}.preview-bar>span{display:flex;gap:5px}.preview-bar>span i{width:7px;height:7px;border-radius:50%;background:#ff5d67}.preview-bar>span i:nth-child(2){background:#ffd15b}.preview-bar>span i:nth-child(3){background:#51d588}.preview-bar strong{margin-left:18px;font-size:9px;letter-spacing:.1em}.preview-bar em{margin-left:auto;color:var(--cyan);font:700 10px ui-monospace,monospace}.preview-grid{height:500px;display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:.9fr 1.1fr;gap:1px;background:#2b4a55}.preview-grid section{background:#0b2632}.preview-grid header{height:40px;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid #2c4b57}.preview-grid header span{font-size:7px;font-weight:900;letter-spacing:.14em}.preview-grid header b{margin-left:auto;color:var(--orange)}.call-preview{grid-row:1/3}.caller{display:flex;align-items:center;gap:10px;padding:13px;background:#103746}.caller>i{display:grid;place-items:center;width:38px;height:38px;border-radius:4px;color:#052217;background:#50d487;font-style:normal}.caller small,.caller strong{display:block}.caller small{color:var(--green);font-size:6px}.caller strong{margin-top:4px;font-size:10px}.dialogue{display:flex;flex-direction:column;gap:12px;padding:18px 12px}.dialogue p{max-width:86%;margin:0;padding:10px;border-radius:9px;color:#102831;background:#f1f5f6;font-size:8px;line-height:1.4}.dialogue p.operator{align-self:flex-end;color:white;background:#087bdc}.incident-preview{padding-bottom:12px}.incident-preview h3{margin:14px 14px 3px;font-size:16px}.incident-preview>p{margin:0 14px 12px;color:var(--muted);font-size:8px}.unit-line{display:grid;grid-template-columns:29px 1fr auto;align-items:center;margin:4px 12px;background:#123743}.unit-line i{display:grid;place-items:center;height:30px;color:#1d1805;background:#f4a23b;font-style:normal;font-weight:900}.unit-line strong{padding-left:8px;font-size:8px}.unit-line span{padding-right:7px;color:#ffb057;font-size:6px}.route{display:flex;align-items:center;margin:13px 12px 0}.route span{height:3px;flex:1;background:linear-gradient(90deg,var(--orange) 72%,#314e58 72%)}.route b{margin-left:8px;color:var(--orange);font-size:7px}.map-preview{position:relative;overflow:hidden;background-color:#162d32!important;background-image:linear-gradient(30deg,transparent 47%,#2e4e50 48%,#2e4e50 51%,transparent 52%),linear-gradient(-20deg,transparent 45%,#263f43 46%,#263f43 49%,transparent 50%)}.map-preview:before,.map-preview:after{content:"";position:absolute;width:130%;height:6px;background:#46706d;transform:rotate(-22deg);left:-10%;top:48%}.map-preview:after{width:90%;top:25%;left:25%;transform:rotate(42deg)}.incident-pin{position:absolute;z-index:2;top:45%;left:64%;display:grid;place-items:center;width:30px;height:30px;border:4px solid #80351e;border-radius:50%;color:white;background:var(--orange);font-style:normal}.vehicle-marker{position:absolute;z-index:3;top:23%;left:25%;padding:7px 9px;border-left:5px solid #e31e2d;color:#101719;background:#f0f3f3;font-size:9px;box-shadow:0 4px 12px #0008}.vehicle-marker b{margin-left:5px}.map-place{position:absolute;color:#8ba5a4;font-size:7px;font-weight:900}.map-place.p1{left:9%;bottom:14%}.map-place.p2{right:8%;top:12%}.account-dashboard,.how-it-works,.ranks-section{padding:90px clamp(28px,7vw,120px)}.account-dashboard{border-top:1px solid #29444d;background:#081a21}.dashboard-heading,.sessions-heading{display:flex;align-items:end;justify-content:space-between}.dashboard-heading h2{margin:7px 0 0;font-size:31px}.career-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:12px;margin-top:28px}.career-grid article{min-height:170px;padding:22px;border:1px solid var(--line);border-radius:6px;background:#0b242d}.career-grid article>span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.14em}.rank-card>div{display:flex;align-items:center;gap:14px;margin-top:16px}.rank-card i{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-style:normal;font-size:12px;font-weight:900}.rank-card h3{margin:0;font-size:20px}.rank-progress{height:5px!important;margin-top:18px!important;background:#213d46}.rank-progress b{display:block;width:0;height:100%;background:var(--cyan)}.rank-card p,.time-card p,.save-card p{color:var(--muted);font-size:8px}.time-card strong,.save-card strong{display:block;margin-top:25px;font:800 34px ui-monospace,monospace}.save-card strong{color:var(--cyan)}.sessions-heading{margin-top:45px}.sessions-heading h3{margin:6px 0 0}.saved-sessions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.session-card,.empty-sessions{padding:18px;border:1px solid var(--line);border-radius:6px;background:#0b222b}.session-card>span{color:var(--orange);font-size:7px;font-weight:900;letter-spacing:.12em}.session-card h4{margin:8px 0 5px}.session-card p{min-height:32px;margin:0;color:var(--muted);font-size:8px;line-height:1.5}.session-meta{display:flex;gap:13px;margin:16px 0;color:#bad0d6;font-size:7px}.session-actions{display:flex;gap:7px}.session-actions button{flex:1;padding:9px;border:1px solid #35545e;border-radius:3px;background:#102d36;cursor:pointer;font-size:8px;font-weight:900}.session-actions button:first-child{border-color:var(--cyan);color:#062128;background:var(--cyan)}.session-actions button:last-child{flex:0 0 auto;color:#ff9096}.empty-sessions{grid-column:1/-1;text-align:center;color:var(--muted)}.how-it-works{background:#0a1d25}.section-title{max-width:800px}.section-title h2{margin:10px 0 8px;font-size:40px;line-height:1.08}.section-title>p{color:var(--muted)}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.role-cards article{position:relative;min-height:340px;padding:27px;border:1px solid var(--line);background:linear-gradient(145deg,#0e2a34,#0a2028)}.role-cards article>i{position:absolute;right:20px;top:17px;color:#1d414b;font:900 58px ui-monospace,monospace;font-style:normal}.role-cards article>span{position:relative;color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.16em}.role-cards h3{position:relative;margin:54px 0 13px;font-size:23px}.role-cards p{color:#9bb2b9;font-size:10px;line-height:1.65}.role-cards ul{margin:25px 0 0;padding:0;list-style:none}.role-cards li{padding:8px 0;border-top:1px solid #29434b;color:#c4d7dc;font-size:8px}.role-cards li:before{content:"✓";margin-right:8px;color:var(--green)}.ranks-section{background:#06161c}.rank-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:36px;border:1px solid var(--line);background:var(--line)}.rank-step{position:relative;min-height:145px;padding:19px;background:#0a2129}.rank-step i{display:grid;place-items:center;width:40px;height:40px;border:1px solid #315762;border-radius:50%;color:var(--cyan);font-style:normal;font-size:8px;font-weight:900}.rank-step strong,.rank-step span{display:block}.rank-step strong{margin-top:15px;font-size:11px}.rank-step span{margin-top:5px;color:var(--muted);font-size:7px}.rank-step:last-child{background:linear-gradient(145deg,#143c45,#0d272f)}.final-cta{display:flex;align-items:center;gap:28px;padding:45px clamp(28px,7vw,120px);border-block:1px solid #31505a;background:linear-gradient(90deg,#0c2c37,#0a1c24)}.final-cta h2{margin:7px 0 0;font-size:25px}.final-cta button{margin-left:auto}.signal{display:grid;grid-template-columns:repeat(4,1fr);width:60px;height:26px;padding:4px;border:3px solid #132b33;border-radius:3px;background:#172d35}.signal i:nth-child(1){background:#e83e43}.signal i:nth-child(2){background:#f6c832}.signal i:nth-child(3){background:#52ce57}.signal i:nth-child(4){background:#3bbcea}footer{display:flex;align-items:center;justify-content:space-between;padding:28px clamp(28px,7vw,120px);color:var(--muted);background:#040d11}footer p{font-size:8px}.portal-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#02090dcc;backdrop-filter:blur(12px)}.auth-card{position:relative;width:min(440px,100%);padding:32px;border:1px solid #3b626d;border-radius:8px;background:#0b252e;box-shadow:0 40px 100px #000}.modal-close{position:absolute;right:14px;top:11px;border:0;color:#8cabb3;background:transparent;cursor:pointer;font-size:24px}.auth-card h2{margin:8px 0}.auth-card>p{color:var(--muted);font-size:9px;line-height:1.5}.auth-card label{display:block;margin-top:14px;color:#b8cdd2;font-size:8px;font-weight:800}.auth-card input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #3d6069;border-radius:4px;color:white;background:#102f39;outline:0}.auth-card input:focus{border-color:var(--cyan)}.auth-card .primary-cta{width:100%;margin-top:18px}.auth-switch{width:100%;margin-top:9px;border:0;color:var(--cyan);background:transparent;cursor:pointer;font-size:8px}.auth-error{padding:9px;border:1px solid #9d3a43;color:#ffb6bb!important;background:#3b171b}@media(max-width:1100px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.dispatch-preview{transform:none}.career-grid{grid-template-columns:1fr 1fr}.rank-card{grid-column:1/-1}.rank-timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.site-header{padding:0 14px}.account-actions .quiet-button{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:45px 18px}.hero h1{font-size:43px}.dispatch-preview{display:none}.hero-actions{flex-direction:column}.hero-facts{gap:12px}.account-dashboard,.how-it-works,.ranks-section{padding:60px 18px}.career-grid,.saved-sessions,.role-cards{grid-template-columns:1fr}.rank-card{grid-column:auto}.rank-timeline{grid-template-columns:1fr}.section-title h2{font-size:31px}.final-cta{align-items:flex-start;padding:35px 18px}.final-cta button{margin-left:0}.signal{display:none}footer{padding:25px 18px}footer p{display:none}}
/* Het volledige accountblok rechtsboven is een vaste link naar persoonlijke instellingen. */
.profile-button{color:inherit;text-decoration:none}
.profile-button:hover,.profile-button:focus-visible{border-color:var(--cyan);background:#10323d;box-shadow:0 0 0 3px rgba(71,223,212,.1);outline:0}