:root {
  --cv-navy: #071d32;
  --cv-blue: #1769aa;
  --cv-blue-dark: #0f4d7a;
  --cv-red: #ed1c24;
  --cv-green: #078018;
  --cv-puzzle-blue: #0f17d5;
  --cv-black: #111111;
  --ink: #162331;
  --muted: #617181;
  --line: #dce5ec;
  --bg: #f5f8fb;
  --white: #ffffff;
}
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color:var(--ink); background:var(--bg); line-height:1.5; }
a { color:var(--cv-blue); text-decoration:none; }
a:hover { text-decoration:underline; }
.site-header { background:var(--white); border-bottom:1px solid var(--line); box-shadow:0 3px 18px rgba(7,29,50,.06); }
.brand-bar { max-width:1180px; min-height:96px; margin:0 auto; padding:14px 24px; display:grid; grid-template-columns:minmax(230px,330px) 1fr auto; align-items:center; gap:28px; }
.corporate-logo { display:block; width:100%; max-width:310px; height:auto; object-fit:contain; }
.product-lockup { display:flex; flex-direction:column; min-width:0; }
.product-kicker { color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.105em; text-transform:uppercase; }
.product-name { color:var(--cv-blue-dark); font-size:1.18rem; font-weight:850; line-height:1.2; margin-top:3px; }
.product-tagline { color:var(--muted); font-size:.82rem; margin-top:3px; }
.primary-nav { display:flex; align-items:center; justify-content:flex-end; gap:20px; white-space:nowrap; }
.primary-nav a { color:var(--cv-blue-dark); font-weight:750; font-size:.92rem; }
.brand-stripe { height:5px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; }
.stripe-black { background:var(--cv-black); }
.stripe-red { background:var(--cv-red); }
.stripe-green { background:var(--cv-green); }
.stripe-blue { background:var(--cv-puzzle-blue); }
.shell { max-width:1120px; margin:0 auto; padding:28px 24px 80px; min-height:calc(100vh - 300px); }
.hero-graphic-wrap { margin:8px 0 30px; background:var(--white); border:1px solid var(--line); border-radius:18px; padding:14px; box-shadow:0 12px 30px rgba(7,29,50,.07); }
.hero-graphic { width:100%; height:auto; display:block; border-radius:12px; }
.site-footer { background:var(--cv-blue-dark); color:rgba(255,255,255,.82); margin-top:40px; }
.footer-grid { max-width:1120px; margin:0 auto; padding:38px 24px 28px; display:grid; grid-template-columns:1.5fr .8fr 1.2fr; gap:42px; }
.footer-grid section { display:flex; flex-direction:column; gap:7px; }
.footer-grid strong { color:#fff; font-size:1rem; }
.footer-grid p { margin:0; max-width:430px; }
.footer-tagline { font-weight:800; color:#fff; }
.footer-grid a { color:rgba(255,255,255,.84); }
.footer-bottom { max-width:1120px; margin:0 auto; padding:18px 24px 24px; border-top:1px solid rgba(255,255,255,.13); display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; color:rgba(255,255,255,.64); font-size:.84rem; }
@media (max-width: 900px) {
  .brand-bar { grid-template-columns:1fr auto; gap:12px 22px; }
  .product-lockup { grid-column:1/-1; grid-row:2; }
  .primary-nav { grid-column:2; grid-row:1; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid section:first-child { grid-column:1/-1; }
}
@media (max-width: 700px) {
  .brand-bar { display:flex; flex-direction:column; align-items:stretch; padding:14px 18px; }
  .product-lockup { border-top:1px solid var(--line); padding-top:10px; }
  .primary-nav { justify-content:flex-start; gap:14px; flex-wrap:wrap; }
  .shell { padding:20px 18px 60px; }
  .hero-graphic-wrap { padding:8px; border-radius:14px; }
  .hero-graphic { border-radius:10px; }
  .footer-grid { grid-template-columns:1fr; gap:26px; }
}