:root {
  --cyber-ink: #0d1523;
  --cyber-ink-soft: #141d2e;
  --cyber-blue: #1a49e5;
  --cyber-blue-dark: #1338b4;
  --cyber-paper: #f4f4f2;
  --cyber-white: #fbfbfa;
  --cyber-muted: #5a6474;
  --cyber-line: rgba(13, 21, 35, .12);
}

body { margin: 0; }
.cyber-page { font-family: "Instrument Sans", system-ui, sans-serif; }
.cyber-page .site-header { position: sticky; top: 0; z-index: 20; }
.cyber-page .primary-nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: flex-end; align-items: center; gap: 26px; font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.cyber-page .primary-nav a { color: #3c4657; text-decoration: none; }
.cyber-page .primary-nav a.is-current { color: var(--cyber-blue); }
.cyber-page .header-cta { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 44px; padding: 10px 18px; border-radius: 5px; background: var(--cyber-blue); color: #fff; font-size: 14.5px; text-decoration: none; white-space: nowrap; }
.cyber-page .nav-inner { display: flex; align-items: center; gap: 24px; }
.cyber-page main section > div { max-width: 1320px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
.section-kicker { margin: 0; color: var(--cyber-blue); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cyber-page h1,
.cyber-page h2,
.cyber-page h3 { font-family: "Schibsted Grotesk", system-ui, sans-serif; }

.cyber-hero { background: var(--cyber-paper); }
.cyber-hero-grid { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(360px, .78fr); gap: clamp(42px, 6vw, 84px); align-items: center; padding-top: clamp(64px, 8vw, 112px); padding-bottom: clamp(64px, 8vw, 112px); }
.cyber-hero h1 { max-width: 12ch; margin: 24px 0 0; color: var(--cyber-ink); font-size: clamp(48px, 6.4vw, 88px); font-weight: 500; letter-spacing: -.06em; line-height: .98; }
.cyber-hero-lead { max-width: 58ch; margin: 28px 0 0; color: #3c4657; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.56; }
.cyber-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.cyber-actions a { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 13px 20px; border: 1px solid var(--cyber-ink); border-radius: 5px; font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; }
.cyber-actions .cyber-primary { border-color: var(--cyber-blue); background: var(--cyber-blue); color: #fff; }
.cyber-actions .cyber-primary:hover { border-color: var(--cyber-blue-dark); background: var(--cyber-blue-dark); color: #fff; }
.cyber-actions .cyber-secondary { color: var(--cyber-ink); }
.cyber-actions .cyber-secondary:hover { background: var(--cyber-ink); color: #fff; }
.cyber-risk-card { border: 1px solid var(--cyber-line); background: var(--cyber-white); box-shadow: 12px 12px 0 #e7e6e2; }
.cyber-risk-card > p { margin: 0; padding: 26px; border-bottom: 1px solid var(--cyber-line); color: var(--cyber-ink); font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 23px; font-weight: 500; line-height: 1.15; }
.cyber-risk-card ol { margin: 0; padding: 0; list-style: none; }
.cyber-risk-card li { display: grid; grid-template-columns: 32px minmax(0, 1fr); padding: 18px 26px; border-bottom: 1px solid var(--cyber-line); }
.cyber-risk-card li:last-child { border-bottom: 0; background: var(--cyber-ink); color: #fff; }
.cyber-risk-card li > span { grid-row: 1 / 3; padding-top: 2px; color: var(--cyber-blue); font-size: 11px; font-weight: 700; }
.cyber-risk-card li:last-child > span { color: #5c7bff; }
.cyber-risk-card strong { font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 16px; font-weight: 600; }
.cyber-risk-card small { margin-top: 3px; color: var(--cyber-muted); font-size: 13.5px; line-height: 1.4; }
.cyber-risk-card li:last-child small { color: #b8bfca; }

.cyber-coverage { background: var(--cyber-ink); color: #fff; }
.cyber-exposure { background: var(--cyber-white); }
.cyber-exposure > div { padding-top: clamp(58px, 7vw, 96px); padding-bottom: clamp(58px, 7vw, 96px); }
.cyber-exposure .section-intro > p { color: var(--cyber-muted); }
.exposure-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 42px; }
.exposure-grid article { min-height: 250px; padding: 25px; border: 1px solid var(--cyber-line); background: var(--cyber-paper); }
.exposure-grid article > span { color: var(--cyber-blue); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.exposure-grid h3 { max-width: 18ch; margin: 54px 0 12px; color: var(--cyber-ink); font-size: 22px; font-weight: 500; line-height: 1.1; }
.exposure-grid p { margin: 0; color: var(--cyber-muted); font-size: 15px; line-height: 1.5; }
.cyber-coverage > div,
.cyber-gaps > div,
.cyber-method > div,
.cyber-faq > div { padding-top: clamp(58px, 7vw, 96px); padding-bottom: clamp(58px, 7vw, 96px); }
.cyber-coverage .section-kicker,
.cyber-case .section-kicker { color: #5c7bff; }
.section-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: clamp(30px, 6vw, 88px); align-items: end; }
.section-intro h2,
.cyber-gaps h2,
.cyber-method h2,
.cyber-faq h2,
.cyber-final-cta h2 { max-width: 18ch; margin: 14px 0 0; font-size: clamp(34px, 4.4vw, 58px); font-weight: 500; letter-spacing: -.045em; line-height: 1.04; }
.section-intro > p { margin: 0; color: #a7adb9; font-size: 16px; line-height: 1.55; }
.cyber-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 42px; border: 1px solid rgba(255,255,255,.14); }
.cyber-card-grid article { min-height: 260px; padding: 24px; border-right: 1px solid rgba(255,255,255,.14); background: var(--cyber-ink-soft); }
.cyber-card-grid article:last-child { border-right: 0; }
.cyber-card-grid article > span { color: #7e88a0; font-size: 12px; font-weight: 700; }
.cyber-card-grid h3 { margin: 54px 0 12px; color: #fff; font-size: 21px; font-weight: 500; line-height: 1.12; }
.cyber-card-grid p { margin: 0; color: #b8bfca; font-size: 15px; line-height: 1.5; }

.cyber-gaps { background: var(--cyber-white); }
.cyber-gaps h2 { color: var(--cyber-ink); }
.gap-list { margin-top: 38px; border-top: 1px solid var(--cyber-line); }
.gap-list article { display: grid; grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr); gap: clamp(24px, 5vw, 72px); padding: 24px 0; border-bottom: 1px solid var(--cyber-line); }
.gap-list span { color: var(--cyber-ink); font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 21px; font-weight: 600; }
.gap-list p { max-width: 68ch; margin: 0; color: var(--cyber-muted); font-size: 16px; line-height: 1.55; }

.cyber-case { background: var(--cyber-blue); color: #fff; }
.cyber-case-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(40px, 7vw, 96px); padding-top: clamp(58px, 7vw, 96px); padding-bottom: clamp(58px, 7vw, 96px); }
.cyber-case h2 { max-width: 15ch; margin: 14px 0 0; font-size: clamp(34px, 4.4vw, 58px); font-weight: 500; letter-spacing: -.045em; line-height: 1.04; }
.cyber-case-copy { padding-top: 25px; border-top: 1px solid rgba(255,255,255,.3); }
.cyber-case-copy p { margin: 0 0 18px; color: rgba(255,255,255,.84); font-size: 17px; line-height: 1.65; }
.cyber-case-copy p:last-child { margin-bottom: 0; }

.cyber-method { background: var(--cyber-paper); }
.cyber-path-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 38px; }
.cyber-path-grid article { display: grid; min-height: 300px; grid-template-rows: auto auto 1fr auto; padding: 28px; border: 1px solid var(--cyber-line); background: var(--cyber-white); }
.cyber-path-grid article > span { color: var(--cyber-blue); font-size: 12px; font-weight: 700; }
.cyber-path-grid h3 { max-width: 18ch; margin: 42px 0 12px; font-size: 30px; font-weight: 500; line-height: 1.05; }
.cyber-path-grid p { max-width: 52ch; margin: 0 0 28px; color: var(--cyber-muted); font-size: 15.5px; line-height: 1.55; }
.cyber-path-grid a { display: inline-flex; width: fit-content; min-height: 50px; align-items: center; padding: 12px 17px; border: 1px solid currentColor; border-radius: 5px; color: var(--cyber-ink); font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; }
.cyber-path-grid .cyber-path-primary { border-color: var(--cyber-blue); background: var(--cyber-blue); color: #fff; }
.cyber-path-grid .cyber-path-primary > span,
.cyber-path-grid .cyber-path-primary p { color: rgba(255,255,255,.75); }
.cyber-path-grid .cyber-path-primary a { background: #fff; color: var(--cyber-blue); }

.cyber-faq { background: var(--cyber-white); }
.cyber-faq-list { margin-top: 38px; border-top: 1px solid var(--cyber-line); }
.cyber-faq details { border-bottom: 1px solid var(--cyber-line); }
.cyber-faq summary { display: flex; justify-content: space-between; gap: 24px; padding: 20px 4px; color: var(--cyber-ink); font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 19px; font-weight: 500; }
.cyber-faq summary i { color: var(--cyber-blue); font-style: normal; font-size: 22px; transition: transform .2s ease; }
.cyber-faq details[open] summary i { transform: rotate(45deg); }
.cyber-faq details p { max-width: 76ch; margin: 0 0 24px; color: var(--cyber-muted); font-size: 16px; line-height: 1.6; }

.cyber-final-cta { background: var(--cyber-ink); color: #fff; }
.cyber-final-cta > div { padding-top: clamp(64px, 8vw, 112px); padding-bottom: clamp(64px, 8vw, 112px); }
.cyber-final-cta .section-kicker { color: #5c7bff; }
.cyber-final-cta .cyber-actions .cyber-secondary { border-color: rgba(255,255,255,.45); color: #fff; }
.cyber-final-cta .cyber-actions .cyber-secondary:hover { background: #fff; color: var(--cyber-ink); }

.cyber-page footer { background: var(--cyber-ink); color: #a7adb9; border-top: 1px solid rgba(255,255,255,.12); }
.cyber-page footer > div { display: flex; max-width: 1320px; margin: 0 auto; padding: 38px 40px; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 22px; font-size: 14px; }
.cyber-page .footer-links { display: flex; flex-wrap: wrap; gap: 22px; }
.cyber-page footer a { color: #a7adb9; }

@media (max-width: 960px) {
  .cyber-hero-grid { grid-template-columns: 1fr; }
  .cyber-risk-card { max-width: 680px; }
  .cyber-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .exposure-grid { grid-template-columns: 1fr; }
  .exposure-grid article { min-height: 0; }
  .exposure-grid h3 { margin-top: 30px; }
  .cyber-card-grid article { border-bottom: 1px solid rgba(255,255,255,.14); }
  .cyber-card-grid article:nth-child(even) { border-right: 0; }
  .cyber-card-grid article:nth-child(n+3) { border-bottom: 0; }
}

@media (max-width: 760px) {
  .cyber-page main section > div { padding-left: 20px; padding-right: 20px; }
  .cyber-page .primary-nav { position: absolute; top: 100%; left: 0; right: 0; display: none; padding: 8px 16px 18px; flex-direction: column; align-items: stretch; gap: 0; background: rgba(244,244,242,.98); border-top: 1px solid var(--cyber-line); border-bottom: 1px solid var(--cyber-line); box-shadow: 0 18px 36px rgba(13,21,35,.08); white-space: normal; }
  .cyber-page .primary-nav.is-open { display: flex; }
  .cyber-page .primary-nav a { min-height: 48px; padding: 13px 4px; border-bottom: 1px solid var(--cyber-line); font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 17px; }
  .cyber-page .header-cta { padding: 10px 14px; font-size: 13px; }
  .cyber-hero h1 { font-size: clamp(44px, 13vw, 62px); }
  .section-intro,
  .cyber-case-grid { grid-template-columns: 1fr; }
  .section-intro > p { margin-top: 4px; }
  .gap-list article { grid-template-columns: 1fr; gap: 8px; }
  .cyber-path-grid { grid-template-columns: 1fr; }
  .cyber-page footer > div { padding-inline: 20px; }
}

@media (max-width: 540px) {
  .cyber-page .header-cta { max-width: 94px; line-height: 1.15; white-space: normal; }
  .cyber-card-grid { grid-template-columns: 1fr; }
  .cyber-card-grid article { min-height: 220px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14) !important; }
  .cyber-card-grid article:last-child { border-bottom: 0 !important; }
  .cyber-actions { align-items: stretch; flex-direction: column; }
  .cyber-actions a { width: 100%; }
}