:root{
  --navy:#0f1b2d; --navy-2:#0b1420; --charcoal:#1a2230; --line:#26344a;
  --ink:#e8eef7; --muted:#93a4bd; --brand:#3b82f6; --brand-2:#60a5fa;
  --ok:#22c55e; --warn:#f59e0b; --bad:#ef4444; --card:#132133; --chip:#1c2b41;
  --bg:#0b1420; --page:#0b1420; --panel:#132133; --shadow:0 12px 40px rgba(0,0,0,.35);
  --radius:16px;
}
[data-theme="light"]{
  --navy:#0f1b2d; --navy-2:#e9eef6; --charcoal:#f1f5fb; --line:#d6dfec;
  --ink:#12203a; --muted:#516079; --card:#ffffff; --chip:#eef3fb;
  --bg:#f4f7fc; --page:#f4f7fc; --panel:#ffffff; --shadow:0 12px 40px rgba(20,40,80,.10);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.5;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{margin:0 0 .4em;line-height:1.1;font-family:Georgia,"Times New Roman",serif}
.serif{font-family:Georgia,"Times New Roman",serif}
.tnum{font-variant-numeric:tabular-nums}
.price{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--navy) 92%, transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
[data-theme="light"] .hdr{background:color-mix(in srgb,#fff 90%, transparent)}
.hdr-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px 20px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:32px;width:auto}
.nav{display:flex;gap:6px;margin-left:auto;align-items:center;flex-wrap:wrap}
.nav a,.nav button.link{padding:9px 13px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;
  background:none;border:0;cursor:pointer;min-height:40px}
.nav a:hover,.nav a.active,.nav button.link:hover{color:var(--ink);background:var(--chip)}
.iconbtn{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);
  background:var(--card);color:var(--ink);cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;
  border:1px solid transparent;font-weight:700;cursor:pointer;font-size:15px;min-height:44px;transition:.15s}
.btn.primary{background:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand-2)}
.btn.ghost{background:var(--card);border-color:var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--brand)}
.btn.sm{padding:8px 12px;font-size:13px;min-height:38px}
.btn:disabled{opacity:.5;cursor:not-allowed}

.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.eyebrow{color:var(--brand-2);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:12px;margin-bottom:12px}
.lead{color:var(--muted);max-width:60ch}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(11,20,32,.94),rgba(15,27,45,.78)),url('/assets/stock-1.jpg');
  background-size:cover;background-position:center;filter:saturate(1.05)}
.hero-in{position:relative;max-width:1180px;margin:0 auto;padding:96px 20px 84px}
.hero h1{font-size:clamp(2.4rem,6vw,4rem);letter-spacing:-.5px;max-width:16ch;color:#fff}
.hero p{font-size:1.15rem;color:#c7d4e8;max-width:52ch;margin:18px 0 30px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.trustrow{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:#9fb2cc;font-size:14px}
.trustrow span{display:flex;align-items:center;gap:8px}

/* cards grid */
.grid{display:grid;gap:20px}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.svc-card{display:flex;flex-direction:column;gap:10px;min-height:220px}
.svc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.svc-head h3{font-size:1.15rem;margin:0}
.svc-price{background:var(--chip);border-radius:10px;padding:6px 12px;color:var(--brand-2);font-size:1.05rem}
.svc-card p{color:var(--muted);font-size:.95rem;margin:0;flex:1}
.chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--chip);color:var(--muted);text-transform:capitalize}
.chip.polygraph{color:var(--brand-2)}
.chip.fingerprint{color:#a78bfa}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.kpi .n{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}
.kpi .l{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}

/* booking wizard + confidential call-back aside — collapses to one column on tablet/mobile */
.book-grid{display:grid;gap:24px;grid-template-columns:1fr 320px;align-items:start}

/* forms */
label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}
input,select,textarea{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--line);
  background:var(--panel);color:var(--ink);font-size:15px;font-family:inherit;min-height:44px}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.consent{display:flex;gap:12px;align-items:flex-start;background:var(--chip);padding:14px;border-radius:12px;margin-top:16px}
.consent input{width:22px;height:22px;min-height:22px;margin-top:2px}

/* wizard steps */
.steps{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}
.step{flex:1;min-width:120px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:center;font-size:13px;color:var(--muted);font-weight:700}
.step.on{border-color:var(--brand);color:var(--ink)}
.step.done{border-color:var(--ok);color:var(--ink)}

/* table */
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.tbl tr:hover td{background:var(--chip)}
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;white-space:nowrap;background:var(--chip);color:var(--muted)}
.badge.requested,.badge.pending,.badge.ordered,.badge.unpaid,.badge.in_progress,.badge.quoted,.badge.queued,.badge.awaiting_settlement{background:#3a2f10;color:#f5c451}
.badge.confirmed,.badge.vetting,.badge.awaiting_report,.badge.quote,.badge.view,.badge.download{background:#10314a;color:#7cc0ff}
.badge.completed,.badge.approved,.badge.cleared,.badge.paid,.badge.delivered,.badge.commissioned,.badge.sent,.badge.settle_deposit,.badge.deliver_report,.badge.commission,.badge.settled{background:#0f2f1c;color:#6ee7a0}
.badge.cancelled,.badge.flagged,.badge.failed,.badge.download_denied_expired{background:#3a1416;color:#ff9ea3}
[data-theme="light"] .badge.requested,[data-theme="light"] .badge.pending,[data-theme="light"] .badge.ordered,[data-theme="light"] .badge.unpaid,[data-theme="light"] .badge.in_progress,[data-theme="light"] .badge.quoted,[data-theme="light"] .badge.queued,[data-theme="light"] .badge.awaiting_settlement{background:#fdf1d6;color:#946200}
[data-theme="light"] .badge.confirmed,[data-theme="light"] .badge.vetting,[data-theme="light"] .badge.awaiting_report,[data-theme="light"] .badge.quote,[data-theme="light"] .badge.view,[data-theme="light"] .badge.download{background:#dcecfb;color:#1857a8}
[data-theme="light"] .badge.completed,[data-theme="light"] .badge.approved,[data-theme="light"] .badge.cleared,[data-theme="light"] .badge.paid,[data-theme="light"] .badge.delivered,[data-theme="light"] .badge.commissioned,[data-theme="light"] .badge.sent,[data-theme="light"] .badge.settled{background:#d8f3e2;color:#0d7a41}
[data-theme="light"] .badge.cancelled,[data-theme="light"] .badge.flagged,[data-theme="light"] .badge.failed{background:#fbe0e1;color:#b0272d}

/* footer */
.ftr{border-top:1px solid var(--line);background:var(--navy);margin-top:40px}
[data-theme="light"] .ftr{background:var(--navy-2)}
.ftr-in{max-width:1180px;margin:0 auto;padding:44px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.ftr h4{color:var(--ink);font-family:system-ui;font-size:13px;text-transform:uppercase;letter-spacing:1px}
.ftr p,.ftr a{color:var(--muted);font-size:14px;margin:6px 0;display:block}
.credits{max-width:1180px;margin:0 auto;padding:0 20px 30px;color:var(--muted);font-size:12px}

/* admin layout */
.admin{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.aside{background:var(--navy);border-right:1px solid var(--line);padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto}
[data-theme="light"] .aside{background:var(--panel)}
.aside .brand{margin-bottom:22px;padding:4px}
.aside nav{display:flex;flex-direction:column;gap:4px}
.aside nav a{padding:11px 13px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;min-height:44px;display:flex;align-items:center}
.aside nav a:hover,.aside nav a.active{background:var(--chip);color:var(--ink)}
.amain{padding:26px 30px;overflow:auto}
.atop{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.atop h1{font-size:1.6rem;margin:0}
.spacer{flex:1}

.modal-bg{position:fixed;inset:0;background:rgba(4,10,20,.6);display:grid;place-items:center;padding:20px;z-index:100}
.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;max-width:560px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow)}
.row-actions{display:flex;gap:8px;flex-wrap:wrap}
.muted{color:var(--muted)}
.notice{background:var(--chip);border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0;color:var(--muted);font-size:14px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;z-index:200;box-shadow:var(--shadow)}

@media(max-width:900px){
  .g-3,.g-4{grid-template-columns:repeat(2,1fr)}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .ftr-in{grid-template-columns:1fr}
  .admin{grid-template-columns:1fr}
  .aside{position:static;height:auto;display:flex;flex-direction:column}
  .aside nav{flex-direction:row;flex-wrap:wrap;overflow-x:auto}
  .book-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .g-3,.g-4,.g-2,.kpis{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .nav a,.nav button.link{padding:8px 10px}
  .hero-in{padding:64px 20px 56px}
  .amain{padding:18px 16px}
}
