:root{color-scheme:dark;--bg:#070b15;--card:#14152e;--line:#303751;--text:#f0f2ff;--muted:#a4bad1;--accent:#59d7b7}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#0d2827 0,transparent 35%),linear-gradient(110deg,#080916,#10102b);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:var(--accent)}.shell{max-width:1220px;margin:auto;padding:0 26px}.brandbar{min-height:270px;position:relative;padding:65px 12px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:50px}.brand{display:flex;align-items:center;gap:20px;z-index:1}.monogram{height:64px;min-width:64px;border:1px solid #4b426f;border-radius:18px;background:#1c1934;display:grid;place-items:center;color:#00e5ae;font-size:22px;font-weight:800}.brand-name{font-size:32px;font-weight:750;color:#fff;text-decoration:none}.tagline{color:#a4bad1;display:block;font-size:14px}.detective{position:absolute;right:10px;top:10px;width:180px;height:185px;object-fit:contain}.brandbar nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}.brandbar nav a{color:#eaf1fe;text-decoration:none;padding:10px 19px;border:1px solid #31415b;border-radius:13px;background:#0b1521;font-weight:600}.brandbar nav a:hover,.brandbar nav a[aria-current]{border-color:#48ac99;background:#1c403d;color:#6fe7c6}.page-card{padding:42px 48px 60px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(130deg,#13182d,#1c173c);min-height:340px}.eyebrow{font-size:13px;color:#95b4d9;font-weight:750;letter-spacing:.2em}.page-card h1{font-size:clamp(30px,4vw,52px);line-height:1.18;margin:18px 0 25px}.content{max-width:850px;font-size:17px;color:#d9e4f7}.content h2{color:white;margin-top:36px}.content img{max-width:100%;border-radius:12px}.content a{font-weight:600}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:38px 4px;color:#8da7c2;font-size:13px}@media(max-width:600px){.shell{padding:0 12px}.brandbar{min-height:230px;padding-top:48px}.brand-name{font-size:23px}.detective{width:92px;opacity:.45}.brandbar nav{justify-content:flex-start}.brandbar nav a{padding:8px 11px}.page-card{padding:24px 19px}}