:root{
  color-scheme:light;
  --bg:#f4f8ff;
  --card:#ffffff;
  --text:#0e1a32;
  --muted:#62718a;
  --line:#dce7f7;
  --blue:#1268ff;
  --blue-dark:#0b2d68;
  --blue-soft:#eaf2ff;
  --shadow:0 24px 70px rgba(15,31,65,.11);
  --radius:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 8%,rgba(18,104,255,.16),transparent 32%),radial-gradient(circle at 92% 18%,rgba(18,104,255,.12),transparent 30%),linear-gradient(180deg,#fff 0%,var(--bg) 100%);min-height:100vh}
a{color:inherit}.page{width:min(1220px,calc(100% - 40px));margin:0 auto}.site-shell{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.site-shell-visible,.splash-done .site-shell{opacity:1;transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,230,244,.9);box-shadow:0 12px 34px rgba(15,31,65,.05)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:max-content}.brand-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(18,104,255,.2))}.brand-copy strong{display:block;font-size:24px;letter-spacing:-.045em;line-height:1}.brand-copy strong span{color:var(--blue)}.brand-copy small{display:block;margin-top:5px;color:var(--muted);font-size:12px;white-space:nowrap}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.main-nav a{text-decoration:none;color:var(--muted);font-weight:800;font-size:13px;padding:10px 13px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.main-nav a:hover{background:var(--blue-soft);color:var(--blue-dark)}.main-nav a.active{background:#fff;color:var(--blue);border-color:#cfe0ff;box-shadow:0 8px 20px rgba(18,104,255,.1)}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch;padding:42px 0 26px}.hero-card,.visual-card,.content-card,.status-card,.info-panel,.contact-panel>.content-card{background:rgba(255,255,255,.88);border:1px solid rgba(220,230,244,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:50px;overflow:hidden;position:relative}.hero-card:before{content:"";position:absolute;right:-160px;bottom:-190px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(18,104,255,.18),transparent 70%)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue-dark);background:var(--blue-soft);border:1px solid #cfe0ff;padding:9px 13px;border-radius:999px;font-size:13px;font-weight:850;margin-bottom:22px}.eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(18,104,255,.12)}h1{margin:0;color:var(--blue-dark);font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.065em}h2{margin:0 0 12px;color:var(--blue-dark);font-size:25px;letter-spacing:-.03em}p{line-height:1.65}.lead{max-width:760px;color:var(--muted);font-size:19px;margin:24px 0 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:15px;text-decoration:none;font-weight:850;border:1px solid #cfe0ff;color:var(--blue-dark);background:#fff;cursor:pointer;font:inherit}.btn.primary{background:linear-gradient(135deg,var(--blue),#074ed6);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(18,104,255,.24)}.status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;position:relative}.status-row div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.status-row strong{display:block;color:var(--blue-dark);font-size:18px}.status-row span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.visual-card{padding:32px;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;position:relative;overflow:hidden}.visual-card:before{content:"";position:absolute;inset:22px;border:1px solid rgba(18,104,255,.12);border-radius:24px;background:linear-gradient(135deg,rgba(234,242,255,.78),rgba(255,255,255,.22));z-index:0}.visual-orbit{position:absolute;width:360px;height:360px;border:1px solid rgba(18,104,255,.16);border-radius:50%;top:50px;right:-80px}.api-visual{position:relative;z-index:1;width:min(260px,70%);align-self:center;filter:drop-shadow(0 26px 45px rgba(18,104,255,.18));margin:auto 0}.visual-card h2,.visual-card p{position:relative;z-index:1}.visual-card p{color:var(--muted);margin-bottom:0}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 0 48px}.cards-grid.compact{grid-template-columns:repeat(2,1fr);padding-top:0}.feature-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 32px rgba(15,31,65,.07)}.feature-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(15,31,65,.1)}.feature-card span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:14px;background:var(--blue-soft);color:var(--blue);font-weight:900;margin-bottom:16px}.feature-card strong{display:block;color:var(--blue-dark);font-size:20px;margin-bottom:10px}.feature-card p{color:var(--muted);margin:0}.section-hero{padding:54px 0 26px}.workflow-list{display:grid;gap:16px;padding-bottom:50px}.workflow-step{display:grid;grid-template-columns:88px 1fr;gap:22px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 32px rgba(15,31,65,.06)}.workflow-step>span{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:var(--blue-soft);color:var(--blue);font-weight:950}.workflow-step p{color:var(--muted);margin:0}.info-panel{padding:28px;margin-bottom:50px}.info-panel p{color:var(--muted)}.warning-panel{border-color:#ffe0a8;background:#fffaf1}.contact-panel{display:grid;grid-template-columns:1.5fr .9fr;gap:22px;padding-bottom:54px}.content-card,.status-card{padding:30px}.split-layout{display:grid;grid-template-columns:340px 1fr;gap:24px}.section-gap{padding:48px 0}.sticky-card{position:sticky;top:94px;height:max-content}.phase-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;font-weight:850;font-size:13px;border:1px solid #cfe0ff;background:var(--blue-soft);color:var(--blue);white-space:nowrap}.phase-development{background:#eef5ff;color:#1268ff;border-color:#cfe0ff}.phase-alpha{background:#fff7e8;color:#cc7600;border-color:#ffd79a}.phase-beta{background:#f4efff;color:#6b35d5;border-color:#d7c7ff}.phase-release{background:#eafaf2;color:#168251;border-color:#bdebd1}.notice{border-radius:16px;padding:13px 15px;margin:18px 0;font-weight:800}.notice.success{background:#eafaf2;color:#168251;border:1px solid #bdebd1}.backend-form{display:grid;gap:18px;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:8px;color:var(--blue-dark);font-weight:850}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;color:var(--text);background:#fff;outline:none}textarea{min-height:110px;resize:vertical}.hardware-edit-list{display:grid;gap:10px}.hardware-edit-row{display:grid;grid-template-columns:84px 1fr 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#f9fbff}.site-footer{border-top:1px solid var(--line);background:rgba(255,255,255,.78)}.footer-inner{display:flex;justify-content:space-between;gap:16px;padding:24px 0;color:var(--muted);font-size:13px}.landing-splash{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#f7fbff;overflow:hidden}.landing-backdrop{position:absolute;inset:0;background:url("../../opdravaq_landing_wallpaper.png") center/cover no-repeat;opacity:.55}.landing-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(244,248,255,.96))}.landing-content{position:relative;text-align:center;animation:splashIn .8s ease both}.landing-logo{width:96px;height:96px;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 18px 32px rgba(18,104,255,.18))}.landing-title{font-size:46px;font-weight:900;letter-spacing:-.05em;color:var(--blue-dark)}.landing-title span{color:var(--blue)}.landing-line{height:3px;width:130px;margin:18px auto 0;border-radius:99px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:linePulse 1.3s ease infinite}.splash-active .landing-splash{animation:splashOut .8s ease 2.6s forwards}@keyframes splashIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes linePulse{0%,100%{opacity:.35;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}@keyframes splashOut{to{opacity:0;visibility:hidden}}code{background:#eef4ff;border:1px solid #d8e6ff;border-radius:8px;padding:2px 6px;color:var(--blue-dark)}

.update-signup{display:grid;grid-template-columns:1.45fr .85fr;gap:22px;padding:18px 0 54px;align-items:start}.update-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:22px}.update-form .btn{min-height:51px;margin-top:0}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.small-note{color:var(--muted);font-size:13px;margin:14px 0 0}.notice.error{background:#fff1f1;color:#9f1239;border:1px solid #fecdd3}.notice.success{background:#eafaf2;color:#168251;border:1px solid #bdebd1}.contact-panel+.update-signup{padding-top:0}.update-signup .status-card p{color:var(--muted)}
@media (max-width:980px){.hero,.split-layout,.contact-panel,.update-signup{grid-template-columns:1fr}.cards-grid,.cards-grid.compact{grid-template-columns:1fr 1fr}.visual-card{min-height:380px}.sticky-card{position:static}.header-inner{align-items:flex-start;flex-direction:column}.main-nav{justify-content:flex-start}.status-row{grid-template-columns:1fr}.hero-card{padding:34px}.workflow-step{grid-template-columns:64px 1fr}.hardware-edit-row,.form-grid{grid-template-columns:1fr}}
@media (max-width:620px){.page{width:min(100% - 24px,1220px)}.cards-grid,.cards-grid.compact{grid-template-columns:1fr}.brand-copy small{white-space:normal}.hero{padding-top:24px}.workflow-step{grid-template-columns:1fr}.workflow-step>span{width:48px;height:48px}.footer-inner{flex-direction:column}.main-nav a{font-size:12px;padding:9px 10px}h1{font-size:38px}}

/* v56: uitgebreidere publieke uitleg zonder gevoelige technische details */
.section-block{padding:26px 0 54px}.section-heading{max-width:790px;margin-bottom:22px}.section-heading h2{font-size:clamp(30px,3.4vw,48px);line-height:1.05;letter-spacing:-.05em}.section-heading p{color:var(--muted);font-size:18px;margin:14px 0 0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 32px rgba(15,31,65,.055)}.mini-card strong{display:block;color:var(--blue-dark);font-size:19px;margin-bottom:8px}.mini-card p{color:var(--muted);margin:0}.intro-grid{grid-template-columns:repeat(3,1fr)!important}.safety-strip{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#eef5ff);border:1px solid #cfe0ff;border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;margin-bottom:54px}.safety-strip h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin-bottom:10px}.safety-strip p{color:var(--muted);margin:0;max-width:780px}.two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.stack-list{display:grid;gap:14px;margin-top:12px}.stack-list article{border:1px solid var(--line);border-radius:18px;padding:18px;background:#f9fbff}.stack-list strong{display:block;color:var(--blue-dark);margin-bottom:6px}.stack-list p{color:var(--muted);margin:0}.safe-card{background:linear-gradient(180deg,#fff,#f7fbff)}.safe-card p{color:var(--muted)}.safety-grid .mini-card{border-color:#cfe0ff;background:linear-gradient(180deg,#fff,#f7fbff)}.section-hero+.cards-grid.compact{padding-bottom:30px}
@media (max-width:980px){.update-form{grid-template-columns:1fr}.module-grid,.intro-grid{grid-template-columns:1fr 1fr!important}.safety-strip,.two-column{grid-template-columns:1fr}.safety-strip{align-items:start}.safety-strip .btn{width:max-content}}
@media (max-width:620px){.module-grid,.intro-grid{grid-template-columns:1fr!important}.safety-strip{padding:24px}.safety-strip .btn{width:100%}.section-block{padding-bottom:38px}}