/* VEILWATCH SIGNET public pages. Palette: navy #003A5D, orange #F8951F (headings and rules only). */
:root { --navy:#003A5D; --navy-deep:#022B45; --orange:#F8951F; --ink:#1b2733; --muted:#5b6b7a; --line:#d9e1e8; --bg:#f5f7f9; --card:#ffffff; }
* { box-sizing:border-box; }
html,body { margin:0; padding:0; }
body { font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--ink); background:var(--bg); line-height:1.55; }
.sg-wrap { max-width: 1040px; margin: 0 auto; padding: 0 20px; }
.sg-header { background: linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%); color:#fff; border-bottom: 3px solid var(--orange); }
.sg-header__row { display:flex; align-items:center; justify-content:space-between; min-height:72px; gap:16px; flex-wrap:wrap; }
.sg-brand { display:flex; align-items:center; gap:14px; text-decoration:none; color:#fff; }
.sg-brand img { height:28px; width:auto; display:block; }
.sg-brand__product { font-weight:600; letter-spacing:.18em; font-size:.95rem; padding-left:14px; border-left:1px solid rgba(255,255,255,.35); }
.sg-nav a { color:#fff; text-decoration:none; font-weight:500; font-size:.95rem; opacity:.9; }
.sg-nav a:hover { opacity:1; text-decoration:underline; }
.sg-main { padding: 48px 20px 64px; }
.sg-kicker { margin:0 0 6px; text-transform:uppercase; letter-spacing:.14em; font-size:.8rem; color:var(--muted); font-weight:600; }
.sg-hero h1 { margin:0 0 14px; font-size: clamp(1.9rem, 4vw, 2.8rem); letter-spacing:.06em; color:var(--navy); }
.sg-hero h1::after { content:""; display:block; width:64px; height:4px; background:var(--orange); margin-top:14px; }
.sg-lead { font-size:1.12rem; max-width:46rem; margin:0 0 18px; }
.sg-status { display:inline-flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--line); border-radius:999px; padding:8px 14px; font-size:.92rem; color:var(--muted); }
.sg-dot { width:10px; height:10px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(248,149,31,.18); }
.sg-cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:20px; margin-top:40px; }
.sg-card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:24px; display:flex; flex-direction:column; gap:10px; }
.sg-card h2 { margin:0; font-size:1.2rem; color:var(--navy); }
.sg-card p { margin:0; color:var(--muted); flex:1; }
.sg-btn { display:inline-block; align-self:flex-start; background:var(--navy); color:#fff; text-decoration:none; padding:10px 18px; border-radius:8px; font-weight:600; font-size:.95rem; }
.sg-btn:hover { background:var(--navy-deep); }
.sg-btn--disabled { background:#e6ebf0; color:var(--muted); cursor:default; }
.sg-footer { border-top:1px solid var(--line); padding:24px 0 32px; color:var(--muted); font-size:.92rem; background:#fff; }
.sg-footer p { margin:0 0 4px; }
.sg-footer__small { font-size:.82rem; }
@media (max-width: 480px) { .sg-brand__product { display:none; } .sg-main { padding-top:32px; } }