/* Firewall Support Center — dark Gutenberg homepage */
:root {
  --fsc-bg: #080d18;
  --fsc-panel: #101827;
  --fsc-card: #151f30;
  --fsc-border: #26364b;
  --fsc-blue: #00a8ff;
  --fsc-cyan: #00d6c9;
  --fsc-text: #f4f7fc;
  --fsc-muted: #a5b2c5;
}
body:has(.fsc-site-shell) { background: var(--fsc-bg); color: var(--fsc-text); }
.fsc-site-shell { background: var(--fsc-bg); color: var(--fsc-text); max-width: none !important; overflow: hidden; }
.fsc-site-shell a { color: var(--fsc-cyan); text-decoration: none; }
.fsc-site-shell a:hover { color: #fff; }
.fsc-hero { background: radial-gradient(ellipse at 82% 22%, rgba(0,168,255,.17), transparent 34%), linear-gradient(135deg,#080d18 0%,#0c1728 60%,#0b1d2b 100%); padding: 24px clamp(20px,5vw,76px) 54px; color: var(--fsc-text); }
.fsc-topline { max-width: 1280px; margin: 0 auto; }
.fsc-brand { gap: 12px; }
.fsc-brand-mark { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:0; border-radius:12px; background:linear-gradient(135deg,var(--fsc-blue),#075b9b); color:white; font-weight:900; letter-spacing:-1px; }
.fsc-brand-copy { gap:0; }
.fsc-brand-title { margin:0; color:#fff; font-size:15px; letter-spacing:.08em; }
.fsc-brand-subtitle { margin:3px 0 0; color:var(--fsc-muted); font-size:9px; letter-spacing:.16em; }
.fsc-divider { max-width:1280px; margin:22px auto 42px; border-color:var(--fsc-border); opacity:1; }
.fsc-hero-columns, .fsc-search-panel { max-width:1280px; margin-left:auto; margin-right:auto; }
.fsc-eyebrow { color:var(--fsc-cyan) !important; font-size:11px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.fsc-main-title { max-width:780px; margin:14px 0 18px; color:#fff; font-size:clamp(38px,5.4vw,72px); line-height:1.04; letter-spacing:-.045em; }
.fsc-lead { max-width:650px; color:#b7c5d8; font-size:18px; line-height:1.7; }
.fsc-hero-buttons { margin-top:28px; gap:12px; }
.fsc-button-primary .wp-block-button__link { border:1px solid var(--fsc-blue); border-radius:7px; background:var(--fsc-blue); color:#03111e; font-weight:800; padding:13px 20px; }
.fsc-button-primary .wp-block-button__link:hover { background:var(--fsc-cyan); border-color:var(--fsc-cyan); color:#06121d; }
.fsc-button-secondary .wp-block-button__link, .fsc-nav-button .wp-block-button__link { border:1px solid #52677f; border-radius:7px; background:transparent; color:#eaf2fb; padding:12px 18px; }
.fsc-hero-visual { min-height:340px; display:flex; flex-direction:column; justify-content:center; padding:32px; border:1px solid rgba(71,174,232,.32); border-radius:22px; background:radial-gradient(circle at 70% 30%,rgba(0,214,201,.17),transparent 36%),linear-gradient(145deg,rgba(22,43,67,.96),rgba(9,19,34,.98)); box-shadow:0 24px 80px rgba(0,0,0,.28); position:relative; }
.fsc-visual-kicker,.fsc-visual-caption,.fsc-orbit-label { color:var(--fsc-muted); font-size:10px; letter-spacing:.13em; }
.fsc-visual-title { color:#fff; font-size:clamp(38px,4vw,58px); line-height:.98; letter-spacing:-.04em; }
.fsc-visual-title span { color:var(--fsc-cyan); }
.fsc-visual-caption { font-size:13px; letter-spacing:0; line-height:1.6; }
.fsc-orbit-label { color:var(--fsc-cyan); margin-top:24px; }
.fsc-search-panel { margin-top:42px; padding:22px 24px; border:1px solid var(--fsc-border); border-radius:14px; background:rgba(16,24,39,.88); }
.fsc-search-title { color:#fff; font-size:15px; margin:0 0 12px; }
.fsc-search .wp-block-search__inside-wrapper { border:1px solid #34475f; border-radius:8px; padding:5px; background:#0b1422; }
.fsc-search input { min-width:0; border:0; background:transparent; color:#fff; padding:10px 12px; }
.fsc-search button { border:0; border-radius:6px; background:var(--fsc-blue); color:#06121d; font-weight:800; padding:10px 18px; }
.fsc-section { max-width:1280px; margin:0 auto; padding:82px 24px; }
.fsc-section-title { color:#fff; font-size:clamp(28px,3.2vw,42px); line-height:1.13; letter-spacing:-.03em; margin:8px 0 14px; }
.fsc-section-intro { max-width:720px; color:var(--fsc-muted); line-height:1.7; }
.fsc-card-grid { gap:18px; margin-top:22px; }
.fsc-card,.fsc-vendor-card { height:100%; padding:25px; border:1px solid var(--fsc-border); border-radius:13px; background:linear-gradient(145deg,#151f30,#101827); transition:transform .2s ease,border-color .2s ease; }
.fsc-card:hover,.fsc-vendor-card:hover { transform:translateY(-4px); border-color:var(--fsc-blue); }
.fsc-card h3,.fsc-vendor-card h3 { color:#fff; font-size:20px; margin:12px 0; }
.fsc-card p:not(.fsc-card-icon):not(.fsc-card-link),.fsc-vendor-card p:not(.fsc-vendor-label):not(.fsc-card-link) { color:var(--fsc-muted); font-size:14px; line-height:1.7; }
.fsc-card-icon,.fsc-vendor-label { color:var(--fsc-cyan); font-size:11px; font-weight:800; letter-spacing:.12em; }
.fsc-card-link { font-size:13px; font-weight:800; margin-top:18px; }
.fsc-vendors { padding:76px clamp(20px,5vw,76px); background:#0d1523; border-top:1px solid #1c2b3e; border-bottom:1px solid #1c2b3e; }
.fsc-vendors > * { max-width:1280px; margin-left:auto; margin-right:auto; }
.fsc-vendor-grid { gap:18px; margin-top:24px; }
.fsc-vendor-card { background:#111d2d; }
.fsc-latest-posts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:28px; }
.fsc-latest-posts li { min-width:0; padding:0 0 20px; overflow:hidden; border:1px solid var(--fsc-border); border-radius:13px; background:var(--fsc-card); color:var(--fsc-muted); }
.fsc-latest-posts .wp-block-latest-posts__featured-image { margin:0 0 18px; }
.fsc-latest-posts .wp-block-latest-posts__featured-image img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.fsc-latest-posts a { display:block; padding:0 18px; color:#fff; font-size:18px; font-weight:750; line-height:1.35; }
.fsc-latest-posts time { display:block; padding:10px 18px 0; color:var(--fsc-muted); font-size:12px; }
.fsc-learning-band { padding:58px clamp(20px,5vw,76px); background:linear-gradient(110deg,#0c263c,#102034); border-top:1px solid #1c4966; border-bottom:1px solid #1c4966; }
.fsc-learning-band > .wp-block-columns { max-width:1280px; margin:auto; }
.fsc-learning-band .fsc-section-title { max-width:760px; }
.fsc-learning-band .fsc-section-intro { margin-bottom:0; }
.fsc-video { text-align:left; }
.fsc-footer-cta { padding:70px 24px; text-align:center; background:radial-gradient(ellipse at 50% 0%,rgba(0,168,255,.18),transparent 55%),#080d18; border-top:1px solid var(--fsc-border); }
.fsc-cta-title { color:#fff; font-size:clamp(28px,3.5vw,44px); }
.fsc-cta-copy { color:var(--fsc-muted); }
@media (max-width: 781px) {
  .fsc-hero { padding:20px 20px 38px; }
  .fsc-divider { margin:20px auto 30px; }
  .fsc-hero-columns { gap:30px; }
  .fsc-hero-visual { min-height:260px; }
  .fsc-section { padding:58px 20px; }
  .fsc-vendors { padding:58px 20px; }
  .fsc-card-grid,.fsc-vendor-grid { gap:14px; }
  .fsc-latest-posts { grid-template-columns:1fr; }
  .fsc-learning-band { padding:46px 20px; }
  .fsc-learning-band .wp-block-buttons { justify-content:flex-start !important; margin-top:22px; }
}