.elementor-3928 .elementor-element.elementor-element-aa51e1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3928 .elementor-element.elementor-element-0c76cf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3928 .elementor-element.elementor-element-ec783d7{width:100%;max-width:100%;}.elementor-3928 .elementor-element.elementor-element-afa66a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-e767a24 */@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap");

/* =========================================================
   OmniHub — Performance & Risk Review (Tier-A, Premium)
   Scoped to .oh-review
   - Same font profiles + spacing rhythm as Advisory page
   - Adds tasteful hover + depth + micro-interactions
   ========================================================= */

.oh-review{
  --brand:#23bdff;
  --navy:#001226;
  --ink:#111827;
  --muted:#374151;
  --line:#e5e7eb;
  --bg:#f4f6f9;

  background:var(--bg);
  color:var(--ink);
  font-family:"Montserrat",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.oh-review,
.oh-review *{ box-sizing:border-box; }

.oh-review a{ color:inherit; text-decoration:none; }

.oh-review-container{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

/* ================= HERO ================= */

.oh-review-hero{
  background:
    radial-gradient(circle at top left, rgba(35,189,255,.28), transparent 60%),
    linear-gradient(135deg,#020617,#0b1726);
  color:#f9fafb;
  padding:96px 0 64px;
  border-bottom:1px solid rgba(15,23,42,.65);
  position:relative;
  overflow:hidden;
}

.oh-review-hero:after{
  /* subtle shimmer layer (premium) */
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(closest-side at 20% 25%, rgba(255,255,255,.08), transparent 60%),
    radial-gradient(closest-side at 75% 65%, rgba(35,189,255,.10), transparent 55%);
  transform: rotate(-8deg);
  pointer-events:none;
  opacity:.9;
}

.oh-review-hero .oh-review-container{ position:relative; z-index:1; }

.oh-review-eyebrow{
  font-size:.7rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(209,213,219,.9);
  margin:0 0 10px;
}

.oh-review-title{
  font-size:clamp(2.1rem,3.6vw,2.7rem);
  font-weight:900;
  letter-spacing:.03em;
  margin:0 0 12px;
}

.oh-review-lead{
  max-width:860px;
  font-size:.98rem;
  color:rgba(229,231,235,.92);
  margin:0 0 12px;
  line-height:1.65;
  font-weight:400;
}

.oh-review-note{
  max-width:860px;
  font-size:.9rem;
  color:rgba(191,219,254,.9);
  margin:0;
  line-height:1.6;
  font-weight:400;
}

/* ================= TOP BAR / CHIPS (creative + premium) ================= */

.oh-review-topbar{
  background:var(--bg);
  padding:18px 0 0;
}

.oh-review-rail{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 12px;
  border-radius:16px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78)),
    radial-gradient(1200px 180px at 50% 0%, rgba(35,189,255,.10), transparent 70%);

  border:1px solid rgba(15,23,42,.08);
  box-shadow:
    0 18px 50px rgba(2,6,23,.10),
    0 2px 0 rgba(255,255,255,.7) inset;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.oh-review-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:10px 14px;
  border-radius:999px;

  font-weight:800;
  font-size:.84rem;
  letter-spacing:.01em;

  color:rgba(15,23,42,.90);

  background: rgba(2,6,23,.02);
  border:1px solid rgba(15,23,42,.10);

  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 10px 26px rgba(2,6,23,.05);

  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.oh-review-chip span{ color:var(--brand); }

.oh-review-chip:hover{
  transform: translateY(-1px);
  background: rgba(35,189,255,.08);
  border-color: rgba(35,189,255,.35);
  box-shadow:
    0 1px 0 rgba(255,255,255,.92) inset,
    0 18px 38px rgba(2,6,23,.08);
}

.oh-review-arrow{
  width:18px;
  height:10px;
  position:relative;
  opacity:.55;
}

.oh-review-arrow:before{
  content:"";
  position:absolute;
  left:0; right:0; top:50%;
  height:2px;
  transform:translateY(-50%);
  background: linear-gradient(90deg, rgba(100,116,139,.0), rgba(100,116,139,.9), rgba(100,116,139,.0));
  border-radius:99px;
}

.oh-review-arrow:after{
  content:"";
  position:absolute;
  right:1px;
  top:50%;
  width:8px;
  height:8px;
  transform:translateY(-50%) rotate(45deg);
  border-right:2px solid rgba(100,116,139,.9);
  border-top:2px solid rgba(100,116,139,.9);
}

/* ================= MAIN CONTENT ================= */

.oh-review-main{
  padding:28px 0 72px;
}

.oh-review-content{
  background:#ffffff;
  border-radius:14px;
  box-shadow:
    0 18px 50px rgba(15,23,42,.08),
    0 0 0 1px rgba(209,213,219,.5);
  padding:28px 26px 32px;
}

/* ================= SECTIONS ================= */

.oh-review-section + .oh-review-section{
  border-top:1px solid var(--line);
  margin-top:28px;
  padding-top:28px;
}

.oh-review-section-title{
  font-size:1.15rem;
  font-weight:800;
  margin:0 0 8px;
  color:var(--ink);
  position:relative;
  padding-bottom:4px;
}

.oh-review-section-title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:84px;
  height:2px;
  background:linear-gradient(90deg,var(--brand),transparent);
  transition: width .18s ease;
}

.oh-review-section:hover .oh-review-section-title:after{
  width:118px; /* subtle “alive” feel */
}

.oh-review-section-lead{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.6;
  font-weight:400;
}

/* ================= MODULES (hover depth + polish) ================= */

.oh-review-module{
  margin-top:18px;
  border-radius:12px;
  border:1px solid var(--line);
  background:linear-gradient(135deg,#ffffff,#f9fafb);
  overflow:hidden;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.oh-review-module:hover{
  transform: translateY(-3px);
  border-color: rgba(35,189,255,.35);
  box-shadow:
    0 22px 60px rgba(15,23,42,.10),
    0 0 0 1px rgba(35,189,255,.10);
}

.oh-review-module-head{
  padding:16px;
  display:flex;
  gap:16px;
  align-items:flex-start;
}

.oh-review-module-num{
  width:42px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:.91rem;
  color:var(--brand);
  border:1px solid rgba(35,189,255,.35);
  background:rgba(35,189,255,.10);
  flex:0 0 auto;
  transition: transform .18s ease, filter .18s ease;
}

.oh-review-module:hover .oh-review-module-num{
  transform: translateY(-1px);
  filter: brightness(1.06);
}

.oh-review-module-title{
  font-weight:800;
  color:#0f172a;
  font-size:.95rem;
  line-height:1.45;
  margin:0;
}

.oh-review-module-text{
  padding:0 16px;
  margin:0 0 10px;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.55;
  font-weight:400;
}

/* Bullet styling (premium but subtle) */
.oh-review-module ul,
.oh-review-section ul{
  margin:0 0 14px 32px;
  padding:0;
}

.oh-review-module li,
.oh-review-section li{
  font-size:.88rem;
  line-height:1.55;
  color:var(--muted);
  margin-bottom:6px;
  font-weight:400;
}

.oh-review-module li::marker,
.oh-review-section li::marker{
  color: rgba(35,189,255,.85);
}

/* ================= DELIVERABLE / GOAL ================= */

.oh-review-meta{
  border-top:1px solid rgba(229,231,235,.9);
  padding:14px 16px 16px;
  display:grid;
  gap:12px;
  background: linear-gradient(180deg, rgba(255,255,255,.0), rgba(35,189,255,.03));
}

.oh-review-meta-row{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:28px;
  align-items:start;
}

.oh-review-meta-label{
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--brand);
  font-weight:800;
  position:relative;
}

.oh-review-meta-label:after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:7px;
  background:linear-gradient(90deg,var(--brand),transparent);
  opacity:.9;
}

.oh-review-meta-value{
  font-size:.88rem;
  line-height:1.55;
  color:var(--muted);
  font-weight:400;
}

/* ================= CTA ================= */

.oh-review-cta{
  margin-top:32px;
}

.oh-review-cta-card{
  border-radius:16px;
  padding:22px 18px;
  background:
    radial-gradient(circle at top left, rgba(35,189,255,.18), transparent 60%),
    linear-gradient(135deg,#020617,#0b1726);
  color:#e5e7eb;
  border:1px solid rgba(148,163,184,.55);
  box-shadow:0 22px 70px rgba(0,0,0,.25);
  position:relative;
  overflow:hidden;
}

.oh-review-cta-card:before{
  /* subtle moving highlight */
  content:"";
  position:absolute;
  top:-60%;
  left:-40%;
  width:60%;
  height:220%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform: rotate(18deg);
  opacity:.45;
}

.oh-review-cta-title{
  font-size:1.4rem;
  font-weight:800;
  color:#ffffff;
  margin:0 0 8px;
  position:relative;
  z-index:1;
}

.oh-review-cta-text{
  margin:0;
  color:rgba(229,231,235,.9);
  font-size:.9rem;
  line-height:1.55;
  font-weight:400;
  position:relative;
  z-index:1;
}

.oh-review-cta-btn{
  margin-top:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.55rem 1.2rem;
  border-radius:999px;

  /* keep your system color */
  background:var(--brand);
  color:var(--navy) !important;

  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;

  border:1px solid rgba(0,0,0,.18);
  box-shadow: 0 12px 28px rgba(0,0,0,.25);

  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  position:relative;
  z-index:1;
}

.oh-review-cta-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.30);
  filter: brightness(1.03);
}

/* ================= REDUCED MOTION ================= */
@media (prefers-reduced-motion: reduce){
  .oh-review *{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
  }
}

/* ================= RESPONSIVE ================= */

@media (max-width: 960px){
  .oh-review-content{ padding:22px 18px 26px; }
  .oh-review-meta-row{ grid-template-columns:1fr; gap:6px; }
}

@media (max-width: 640px){
  .oh-review-hero{ padding:72px 0 56px; }
  .oh-review-title{ font-size:2rem; }
}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-ec783d7 */@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

.ohx-comp {
  --ink: #0b1324;
  --muted: #64748b;
  --line: rgba(11, 19, 36, 0.08);
  --brand: #23bdff;
  --brand-glow: rgba(35, 189, 255, 0.3);
  --navy: #020617;
  --glass: rgba(255, 255, 255, 0.03);
  --glass-border: rgba(255, 255, 255, 0.1);
  
  font-family: "Manrope", sans-serif;
  color: var(--ink);
  background: #f8fafc;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.ohx-comp__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* --- HERO SECTION --- */
.ohx-comp__hero {
  padding: 100px 0 80px;
  background: radial-gradient(circle at 0% 0%, rgba(35, 189, 255, 0.15) 0%, transparent 50%),
              radial-gradient(circle at 100% 100%, rgba(35, 189, 255, 0.05) 0%, transparent 50%),
              var(--navy);
  color: #fff;
  position: relative;
  overflow: hidden;
}

.ohx-comp__heroCard {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 40px;
  align-items: center;
}

.ohx-comp__kicker {
  display: inline-block;
  padding: 6px 14px;
  background: var(--brand);
  color: var(--navy);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.ohx-comp__h1 {
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.04em;
  margin-bottom: 20px;
  background: linear-gradient(to right, #fff, #94a3b8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ohx-comp__sub {
  font-size: 18px;
  color: #94a3b8;
  max-width: 600px;
  margin-bottom: 30px;
}

/* --- PILL LINKS --- */
.ohx-comp__pillRow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ohx-comp__pill {
  padding: 8px 16px;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  border-radius: 100px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.ohx-comp__pill:hover {
  background: var(--brand);
  color: var(--navy);
  transform: translateY(-2px);
}

/* --- DOCUMENT ASIDE (The Glass Box) --- */
.ohx-comp__heroAside {
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(10px);
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.ohx-comp__doc {
  display: block;
  text-decoration: none;
  padding: 16px;
  border-bottom: 1px solid var(--glass-border);
  transition: background 0.2s;
}

.ohx-comp__doc:last-child { border: none; }

.ohx-comp__docName {
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 4px;
}

.ohx-comp__docMeta {
  color: #64748b;
  font-size: 12px;
}

.ohx-comp__doc:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* --- MAIN CONTENT LAYOUT --- */
.ohx-comp__layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 60px;
  padding: 80px 24px;
}

.ohx-comp__navCard {
  position: sticky;
  top: 100px;
}

.ohx-comp__navList {
  list-style: none;
  padding: 0;
}

.ohx-comp__navList li { margin-bottom: 12px; }

.ohx-comp__navList a {
  text-decoration: none;
  color: var(--muted);
  font-weight: 600;
  font-size: 15px;
  transition: 0.3s;
  display: flex;
  align-items: center;
}

.ohx-comp__navList a::before {
  content: '';
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 50%;
  margin-right: 12px;
  transition: 0.3s;
}

/* --- SECTIONS --- */
.ohx-comp__section {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 40px;
  margin-bottom: 40px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
  transition: transform 0.3s ease;
}

.ohx-comp__section:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05);
}

.ohx-comp__h2 {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}

.ohx-comp__bullets {
  padding-left: 20px;
  margin: 24px 0;
}

.ohx-comp__bullets li {
  margin-bottom: 12px;
  color: #475569;
}

/* --- POLICY GRID --- */
.ohx-comp__policyGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin: 30px 0;
}

.ohx-comp__policy {
  padding: 20px;
  background: #f1f5f9;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: all 0.3s;
}

.ohx-comp__policy:hover {
  background: #fff;
  border-color: var(--brand);
  box-shadow: 0 10px 15px -3px var(--brand-glow);
}

.ohx-comp__policyTitle {
  color: var(--navy);
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
}

/* --- CTA BAND --- */
.ohx-comp__band {
  background: var(--navy);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  margin-top: 40px;
}

.ohx-comp__btn {
  display: inline-block;
  padding: 12px 24px;
  background: var(--brand);
  color: var(--navy);
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  transition: 0.3s;
}

.ohx-comp__btn:hover {
  filter: brightness(1.1);
  transform: scale(1.02);
}

@media (max-width: 992px) {
  .ohx-comp__heroCard, .ohx-comp__layout, .ohx-comp__band {
    grid-template-columns: 1fr;
    flex-direction: column;
    gap: 30px;
  }
  .ohx-comp__nav { display: none; }
}
/* --- FIXING THE PANEL SPACING (Image 1) --- */
.ohx-comp__split {
  display: grid;
  grid-template-columns: 1fr 320px; /* Gives the CTA card its own space */
  gap: 32px;
  align-items: start;
  margin-top: 24px;
}

.ohx-comp__panel {
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  border: 1px solid var(--line);
}

.ohx-comp__note {
  margin-top: 20px;
  padding: 15px;
  border-left: 4px solid var(--brand);
  background: rgba(35, 189, 255, 0.05);
  font-style: italic;
  font-size: 13px;
  color: var(--muted);
}

/* --- FIXING THE BUTTON MESS & BAND (Image 2) --- */
.ohx-comp__band {
  background: var(--navy);
  border-radius: 24px;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px; /* Prevents text and buttons from touching */
  margin: 40px 0;
}

.ohx-comp__bandCopy {
  flex: 1;
}

.ohx-comp__bandTitle {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 8px;
}

.ohx-comp__bandText {
  color: #94a3b8;
  font-size: 15px;
}

/* Grid-based button container to prevent overlapping */
.ohx-comp__bandActions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 240px;
}

.ohx-comp__btn {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 20px;
  background: var(--brand);
  color: var(--navy);
  font-weight: 700;
  border-radius: 10px;
  text-decoration: none;
  transition: 0.3s;
  border: 1px solid var(--brand);
}

.ohx-comp__btn--ghost {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.ohx-comp__btn--ghost:hover {
  background: #FFF;
  border-color: #fff;
}

/* --- THE BOTTOM LINKS --- */
.ohx-comp__links {
  margin-top: 24px;
  display: flex;
  gap: 20px;
  border-top: 1px solid var(--line);
  padding-top: 20px;
}

.ohx-comp__link {
  color: var(--brand);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7484a17 *//* SECTION: make it feel like part of the white content stack */

.footer-cta{
  padding: 72px 0 64px;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  color: #111827;
}

.footer-cta .container{
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}

/* HEADER: slightly calmer than hero */

.footer-cta__head{
  text-align: center;
  margin-bottom: 28px;
}

.footer-cta__title{
  margin: 0 0 8px;
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
  font-weight: 800;
  text-transform: uppercase;
  color: #111827;
}

.footer-cta__sub{
  margin: 0 auto;
  max-width: 640px;
  font-size: 0.97rem;
  line-height: 1.6;
  color: #4b5563;
}

/* FORM */

.footer-cta .form-wrapper{
  max-width: 720px;
  margin: 26px auto 32px;
}

/* CARD WRAP: flat, light, not neon */

.footer-cta__navWrap{
  margin-top: 4px;
  padding: 18px 18px 20px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

/* PRIMARY CTA: copy your hero button behaviour */

.footer-cta__primaryLink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  width: 100%;
  min-height: 48px;
  padding: 11px 20px;

  border-radius: 999px;
  background: #02a0e8;          /* use your exact hero blue */
  border: 1px solid #02a0e8;
  color: #ffffff;

  font-weight: 600;
  font-size: 0.98rem;
  line-height: 1.2;
  text-decoration: none;

  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.15);
  transition:
    background-color .12s ease,
    border-color .12s ease,
    color .12s ease,
    box-shadow .12s ease,
    transform .12s ease;
}

.footer-cta__primaryLink:hover{
  background: #0292d3;
  border-color: #0292d3;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
  transform: translateY(-1px);
}

.footer-cta__primaryLink:focus-visible{
  outline: 2px solid #0ea5e9;
  outline-offset: 3px;
}

/* RULE */

.footer-cta__rule{
  height: 1px;
  background: #e5e7eb;
  margin: 18px 0 14px;
}

/* NAV TITLE */

.footer-cta__navTitle{
  font-weight: 500;
  font-size: 0.84rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 12px;
  text-align: center;
}

/* NAV GRID */

.footer-cta__nav{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px 12px;
}

/* SECONDARY LINKS: tags, not CTAs */

.footer-cta__navBtn{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  min-height: 42px;
  padding: 8px 14px;
  border-radius: 999px;

  background: #ffffff;
  border: 1px solid #d1d5db;
  color: #111827;

  font-weight: 500;
  font-size: 0.88rem;
  line-height: 1.3;
  text-decoration: none;

  box-shadow: none;
  transition:
    background-color .12s ease,
    border-color .12s ease,
    color .12s ease;
}

.footer-cta__navBtn:hover{
  background: #f9fafb;
  border-color: #9ca3af;
  color: #111827;
}

.footer-cta__navBtn:focus-visible{
  outline: 2px solid #0ea5e9;
  outline-offset: 3px;
}

/* RESPONSIVE */

@media (max-width: 768px){
  .footer-cta{
    padding: 56px 0 48px;
  }

  .footer-cta__title{
    font-size: 1.45rem;
  }

  .footer-cta__nav{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */