:root{--ink:#13202d;--muted:#617080;--blue:#2169df;--blue-dark:#1555bd;--pale:#eff5ff;--line:#dfe8f4;--mint:#dff6ea;--green:#0a9d6d;--orange:#ffb82e;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.5}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{background:var(--blue);height:76px;color:#fff}.nav-wrap{height:100%;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1.1px}.brand>span:last-child span{color:#91d7ff}.brand-mark{display:grid;place-items:center;width:29px;height:29px;color:#fff}.brand-mark svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.main-nav{display:flex;align-items:stretch;height:100%;gap:29px}.main-nav a{color:#dceaff;text-decoration:none;font-size:14px;font-weight:600;display:flex;align-items:center;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{color:#fff;border-color:#ffcb3c}.account-link{margin-left:auto;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:700;text-decoration:none;display:flex;gap:7px;align-items:center}.account-link svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.hero{overflow:hidden;background:linear-gradient(115deg,#f5f8ff 0%,#edf4ff 55%,#fff 100%);padding:74px 0 68px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:55px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#3172d9;font-size:13px;font-weight:700}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#20b386;box-shadow:0 0 0 4px rgba(32,179,134,.14)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.5px}h1{font-size:51px;line-height:1.12;margin:14px 0 16px}h1 em{font-style:normal;color:var(--blue)}.hero-intro{max-width:510px;font-size:18px;line-height:1.55;color:#415063;margin-bottom:28px}.plate-form{max-width:557px}.plate-form label{font-size:14px;font-weight:700;display:block;margin-bottom:9px}.plate-row{display:flex;gap:10px}.plate-input{height:57px;flex:1;display:flex;align-items:center;background:#fff;border:1px solid #ccdae9;border-radius:8px;padding:0 13px;box-shadow:0 5px 13px rgba(31,75,125,.05)}.nl-badge{font-size:10px;font-weight:800;color:#fff;background:#1765d5;border-radius:4px;padding:8px 5px;margin-right:10px}.plate-input input{min-width:0;width:100%;border:0;outline:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;letter-spacing:1.3px;color:var(--ink);text-transform:uppercase}.plate-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(33,105,223,.12)}.plate-row button{border:0;border-radius:8px;background:#08a777;color:#fff;font:700 15px "DM Sans",sans-serif;padding:0 18px;cursor:pointer;white-space:nowrap;box-shadow:0 7px 15px rgba(8,167,119,.18);transition:.2s}.plate-row button:hover{background:#078d67;transform:translateY(-1px)}.plate-row button span{font-size:20px;margin-left:6px}.form-help{font-size:12px;color:#718093;margin:8px 0 0}.form-message{font-size:13px;font-weight:700;min-height:20px;margin:7px 0 0;color:#087e5e}.form-message.error{color:#c3463b}.trust-row{display:flex;align-items:center;gap:10px;margin-top:22px;color:#5b6b7d;font-size:13px}.trust-row p{margin:0}.trust-row strong{color:var(--ink)}.avatars{display:flex}.avatars span{width:23px;height:23px;border:2px solid #f4f8ff;border-radius:50%;margin-left:-5px;background:#f4a76d;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff}.avatars span:nth-child(2){background:#637bd5}.avatars span:nth-child(3){background:#57b08e}.avatars span:nth-child(4){background:#eef3fa;color:#65809d}.trust-divider{height:18px;width:1px;background:#c9d6e6;margin:0 2px}.no-card span{color:#10a77a;font-weight:800;margin-right:3px}.hero-visual{min-height:410px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:365px;height:365px;border-radius:50%;background:radial-gradient(circle,#d7e8ff 0%,#e5f0ff 50%,transparent 70%)}.report-card{position:relative;width:360px;background:#fff;border:1px solid #e4ebf4;border-radius:17px;padding:22px;box-shadow:0 24px 40px rgba(34,72,120,.15);transform:rotate(2deg)}.report-card:before{content:"";position:absolute;inset:9px -13px -12px 11px;border:1px solid #dce8f7;background:#f9fbff;border-radius:17px;z-index:-1;transform:rotate(-5deg)}.report-top{display:flex;justify-content:space-between}.report-label{font-size:9px;font-weight:800;color:#7890ad;letter-spacing:.7px}.report-top h2{font-size:18px;letter-spacing:-.7px;margin:4px 0 0}.report-top p{font-size:11px;color:#708095;margin:0}.score{display:grid;place-items:center;border:4px solid #1caf83;border-top-color:#d5f1e6;color:#087e5e;width:42px;height:42px;border-radius:50%;font-weight:800;font-size:13px}.mini-plate{display:inline-flex;gap:5px;align-items:center;background:#ffcc35;border:2px solid #1c2630;border-radius:3px;padding:3px 8px;margin:17px 0 5px;font-size:13px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:1px}.mini-plate span{font:700 8px Arial;color:#fff;background:#185bc2;padding:4px 2px}.vehicle-illustration{height:130px;background:linear-gradient(180deg,#f1f7ff,#fff);border-radius:10px;overflow:hidden}.vehicle-illustration svg{width:100%;height:100%}.road{stroke:#cddbeb;stroke-width:2}.car-body{fill:#2b73d9}.car-glass{fill:#d7eaff}.car-detail{fill:none;stroke:#1d559f;stroke-width:2}.car-light{fill:#f8dd68}.wheel{fill:#1c2f43}.wheel-center{fill:#b7c9df}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-top:1px solid #e7eef6;border-bottom:1px solid #e7eef6;padding:12px 0;margin:12px 0}.report-stats span,.report-status small{display:block;color:#7b8da2;font-size:9px}.report-stats strong{font-size:10px;letter-spacing:-.2px}.report-status{display:flex;align-items:center;gap:8px;color:#167b60;font-size:10px}.report-status>span{display:grid;place-items:center;width:23px;height:23px;background:#dff6ea;border-radius:50%;font-size:13px}.report-status small{margin-top:1px}.floating-tag{z-index:2;position:absolute;background:#fff;border-radius:7px;padding:9px 11px;font-size:11px;font-weight:700;box-shadow:0 8px 18px rgba(39,83,130,.12)}.tag-top{top:38px;right:20px;color:#177f61}.tag-bottom{bottom:32px;left:12px;color:#2469cf}.logos-section{padding:25px 0;border-bottom:1px solid #e9eef5;text-align:center}.logos-section p{color:#8795a6;font-size:12px;margin-bottom:12px}.data-logos{display:flex;justify-content:center;align-items:center;gap:38px;color:#7e8e9f;font-size:13px}.data-logos strong{color:#607387;letter-spacing:1px}.data-logos .shield{font-size:24px}.section{padding:98px 0}.section-heading{text-align:center;max-width:615px;margin:0 auto 42px}.section-heading h2,.how-grid h2{font-size:35px;line-height:1.2;margin:12px 0}.section-heading p,.how-grid>div>p{color:var(--muted);font-size:17px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-card{border:1px solid #e5edf5;border-radius:12px;padding:26px;transition:.2s}.benefit-card:hover{border-color:#bed2ec;box-shadow:0 12px 25px rgba(28,72,117,.08);transform:translateY(-3px)}.icon-circle{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;font-size:20px;font-weight:800}.blue{color:#286dd5;background:#e1edff}.green{color:#10966e;background:#ddf6e9}.orange{color:#d28610;background:#fff0d4}.benefit-card h3{font-size:19px;margin:18px 0 8px}.benefit-card p{color:var(--muted);font-size:14px;min-height:42px}.benefit-card a,.text-link{color:#1870d9;font-weight:700;font-size:14px;text-decoration:none}.benefit-card a span,.text-link span{font-size:18px;margin-left:4px}.how-it-works{background:#f5f8fc}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.how-grid h2{font-size:37px}.text-link{display:inline-block;margin-top:11px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #dce6f0}.steps li:last-child{border:0}.steps>li>span{color:#75a7e9;font-family:Manrope,sans-serif;font-size:14px;font-weight:800}.steps h3{font-size:17px;margin:0 0 4px}.steps p{margin:0;color:var(--muted);font-size:14px}footer{background:#162b48;color:#d3deeb;padding:30px 0}footer .container{display:flex;align-items:center;gap:25px}footer p{margin:0 auto 0 0;font-size:13px}footer div:last-child{display:flex;gap:20px}footer div:last-child a{color:#d3deeb;text-decoration:none;font-size:13px}.footer-brand{font-size:17px}.footer-brand .brand-mark{font-size:22px}
@media(max-width:820px){.site-header{height:65px}.nav-wrap{gap:12px}.main-nav{display:none}.account-link{font-size:0;padding:8px}.account-link svg{width:18px}.hero{padding:54px 0}.hero-grid,.how-grid{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.hero-intro{margin-left:auto;margin-right:auto}.plate-form{text-align:left;margin:auto}.trust-row{justify-content:center}.hero-visual{min-height:370px;order:-1}.section{padding:68px 0}.benefit-grid{grid-template-columns:1fr}.benefit-card p{min-height:0}.how-grid{gap:35px}.how-grid>div{text-align:center}.steps{text-align:left}}@media(max-width:500px){.container{width:min(100% - 32px,1160px)}.brand{font-size:19px}h1{font-size:39px}.hero-intro{font-size:16px}.plate-row{flex-direction:column}.plate-row button{height:52px}.trust-row{flex-wrap:wrap;font-size:12px}.trust-divider{display:none}.hero-visual{min-height:320px;transform:scale(.86);margin:-23px -30px}.data-logos{gap:15px;font-size:10px;flex-wrap:wrap}.section-heading h2,.how-grid h2{font-size:29px}footer .container{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%}}

/* Dutch license plate treatment and report checks */
.plate-input {
  background: #f8c828;
  border: 2px solid #17253b;
  border-radius: 5px;
  box-shadow: 0 5px 13px rgba(31, 75, 125, .08);
  padding: 0 10px 0 0;
}
.plate-input:focus-within {
  border-color: #17253b;
  box-shadow: 0 0 0 4px rgba(248, 200, 40, .32);
}
.nl-badge {
  align-self: stretch;
  border-radius: 3px 0 0 3px;
  display: grid;
  place-items: center;
  margin-right: 11px;
  padding: 0 8px;
  background: #185bc2;
}
.plate-input input { background: transparent; }
.report-preview {
  background: #f5f9fd;
  border: 1px solid #e1eaf3;
  border-radius: 10px;
  margin: 10px 0 12px;
  padding: 12px 13px 9px;
}
.report-preview p {
  color: #6e8195;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .45px;
  margin: 0 0 7px;
  text-transform: uppercase;
}
.report-preview ul { list-style: none; margin: 0; padding: 0; }
.report-preview li {
  border-top: 1px solid #e3ebf3;
  color: #40536a;
  font-size: 10px;
  font-weight: 600;
  padding: 6px 0 0;
}
.report-preview li + li { margin-top: 4px; }
.report-preview li span {
  color: #07986d;
  font-weight: 800;
  margin-right: 5px;
}

.page-report { background: #f5f8ff; }
.report-page { padding: 36px 0 88px; }
.crumb { font-size: 14px; color: #7b8da2; margin: 0 0 22px; }
.crumb a { color: #1870d9; font-weight: 700; text-decoration: none; }
.report-hero-card {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "copy plate"
    "flags flags";
  gap: 18px 28px;
  align-items: center;
  background: #fff;
  border: 1px solid #e4ebf4;
  border-radius: 22px;
  padding: 32px 34px;
  margin-bottom: 20px;
  box-shadow: 0 18px 40px rgba(34, 72, 120, .08);
}
.report-hero-copy { grid-area: copy; }
.report-hero-plate { grid-area: plate; }
.report-kicker {
  margin: 0 0 4px;
  color: #5d7390;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .2px;
}
.report-hero-copy h1 { font-size: 48px; letter-spacing: -1.8px; margin: 8px 0 6px; }
.report-model { margin: 0; color: #415063; font-size: 20px; }
.report-flags {
  grid-area: flags;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.report-flag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #f4f8fd;
  border: 1px solid #e1eaf3;
  border-radius: 999px;
  padding: 8px 12px 8px 8px;
  font-size: 13px;
  color: #4d6178;
  line-height: 1.2;
}
.report-flag > span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}
.report-flag strong { font-size: 12px; letter-spacing: .3px; text-transform: uppercase; }
.report-flag.ok { background: #f0faf5; border-color: #cfead9; }
.report-flag.ok > span { background: #dff6ea; color: #0a9d6d; }
.report-flag.warn { background: #fff8eb; border-color: #f3ddb0; }
.report-flag.warn > span { background: #fff0d4; color: #b77800; }
.icon-circle svg { width: 20px; height: 20px; display: block; }
.large-plate { font-size: 28px; padding: 10px 14px; margin: 0; }
.large-plate span { font-size: 13px; padding: 10px 7px; }
.status-banner { display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid #e4ebf4; border-radius: 16px; padding: 18px 20px; margin-bottom: 18px; }
.status-banner span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; font-weight: 800; font-size: 18px; flex-shrink: 0; }
.status-banner strong { font-size: 17px; }
.status-banner p { margin: 4px 0 0; color: var(--muted); font-size: 15px; }
.status-banner.ok span { background: #dff6ea; color: #0a9d6d; }
.status-banner.ok { border-color: #c8ead9; background: #f6fbf8; }
.status-banner.warn span, .status-banner.archive span { background: #fff0d4; color: #b77800; }
.status-banner.warn, .status-banner.archive { border-color: #f3ddb0; background: #fffaf0; }
.report-stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 22px; }
.report-stats-row div { background: #fff; border: 1px solid #e4ebf4; border-radius: 16px; padding: 20px 18px 18px; }
.report-stats-row .icon-circle { margin-bottom: 12px; }
.report-stats-row span { display: block; color: #7b8da2; font-size: 13px; font-weight: 700; }
.report-stats-row strong { display: block; margin-top: 4px; font-family: Manrope, sans-serif; font-size: 24px; letter-spacing: -.7px; line-height: 1.2; }
.report-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.data-card { background: #fff; border: 1px solid #e4ebf4; border-radius: 18px; padding: 24px; }
.data-card h2 { display: flex; align-items: center; gap: 10px; font-size: 22px; margin: 0 0 16px; }
.data-card h2 .icon-circle { width: 36px; height: 36px; font-size: 13px; }
.data-card dl { margin: 0; display: grid; gap: 0; }
.data-card dl > div { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: baseline; border-top: 1px solid #eef3f8; padding: 12px 0; }
.data-card dl > div:first-child { border: 0; padding-top: 0; }
.data-card dt { color: #6e8195; font-size: 14px; }
.data-card dd { margin: 0; font-weight: 700; font-size: 16px; text-align: right; color: var(--ink); }
.report-search { max-width: 560px; margin-top: 40px; }
.notice { border-radius: 12px; padding: 16px 18px; margin: 16px 0; }
.notice p { margin: 0 0 6px; }
.notice p:last-child { margin: 0; }
.notice.error { background: #fff1ef; border: 1px solid #f3c7c1; color: #9d2f27; }
.notice.ok { background: #e9f8f1; border: 1px solid #bde8d3; color: #0b7a56; }
.simple-page { padding: 56px 0 80px; }
.narrow { width: min(640px, calc(100% - 48px)); }
.req-list { list-style: none; padding: 0; margin: 0 0 24px; }
.req-list li { padding: 8px 0; font-weight: 700; font-size: 14px; }
.req-list .ok { color: #0a9d6d; }
.req-list .bad { color: #c3463b; }
.admin-form { display: grid; gap: 8px; }
.admin-form label { font-size: 14px; font-weight: 700; margin-top: 8px; }
.admin-form input[type="text"],
.admin-form input[type="password"] {
  height: 48px; border: 1px solid #ccdae9; border-radius: 8px; padding: 0 12px; font: 16px "DM Sans", sans-serif;
}
.admin-form input:focus { outline: 0; border-color: var(--blue); box-shadow: 0 0 0 4px rgba(33,105,223,.12); }
.admin-form button,
.admin-form button[type="submit"] {
  margin-top: 12px; height: 48px; border: 0; border-radius: 8px; background: #08a777; color: #fff;
  font: 700 15px "DM Sans", sans-serif; cursor: pointer;
}
.admin-form button:hover { background: #078d67; }
.admin-form button:disabled { opacity: .5; cursor: not-allowed; }
.admin-form small { font-weight: 500; color: #718093; }
.check-label { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.admin-body { background: #f4f7fb; min-height: 100vh; }
.admin-header .admin-badge {
  font-size: 12px; font-weight: 800; letter-spacing: .4px; border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px; padding: 4px 10px; color: #dceaff;
}
.admin-header .admin-user { margin-left: auto; font-size: 13px; color: #dceaff; }
.admin-header .account-link { margin-left: 12px; }
.admin-main { padding: 36px 0 64px; }
.admin-wrap { display: grid; gap: 18px; }
.admin-card, .admin-card-wrap .admin-card {
  background: #fff; border: 1px solid #e4ebf4; border-radius: 14px; padding: 28px;
}
.admin-card h1 { font-size: 32px; margin: 10px 0 8px; }
.admin-card h2 { font-size: 22px; margin: 0 0 14px; }
.admin-card p, .muted { color: var(--muted); }
.admin-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.admin-stats div { background: #fff; border: 1px solid #e4ebf4; border-radius: 12px; padding: 18px; }
.admin-stats span { display: block; color: #7b8da2; font-size: 12px; font-weight: 700; }
.admin-stats strong { font-family: Manrope, sans-serif; font-size: 22px; }
.admin-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.admin-table th { text-align: left; font-size: 12px; color: #7b8da2; border-bottom: 1px solid #e7eef6; padding: 0 8px 8px 0; }
.admin-table td { padding: 10px 8px 10px 0; border-bottom: 1px solid #eef3f8; }
code { font-size: 13px; background: #eef3fa; padding: 1px 5px; border-radius: 4px; }
.brand>span:last-child span { color: #ffcc35; }
.site-header:not(.admin-header) .account-link { display: none; }
@media (max-width: 820px) {
  .hero-visual { display: none; }
  .plate-form { max-width: none; }
  .plate-input { height: 64px; }
  .plate-input input { font-size: 22px; letter-spacing: 1.5px; }
  .nl-badge { font-size: 12px; padding: 0 12px; }
  .plate-row button { min-height: 56px; }
  .report-hero-card {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "plate"
      "flags";
    gap: 14px;
    padding: 22px 18px;
  }
  .report-hero-copy h1 { font-size: 34px; }
  .report-hero-plate { justify-self: start; }
  .report-flag { font-size: 12px; }
  .report-grid, .report-stats-row, .admin-stats { grid-template-columns: 1fr 1fr; }
  .data-card dl > div { grid-template-columns: 1fr; }
  .data-card dd { text-align: left; }
}
@media (max-width: 500px) {
  .plate-input { height: 70px; }
  .plate-input input { font-size: 24px; letter-spacing: 1.8px; }
  .nl-badge { font-size: 13px; padding: 0 14px; }
  .plate-row button { height: 56px; font-size: 16px; }
  .report-stats-row, .report-grid { grid-template-columns: 1fr; }
  .large-plate { font-size: 22px; }
  .brand { font-size: 16px; letter-spacing: -.6px; }
}
