/* SENTR v2 — commercial UX layer. Preserves the production theme. */
:root {
  --sentr-navy: #0a1f44;
  --sentr-blue: #3b82f6;
  --sentr-blue-soft: #ebebeb;
  --sentr-ink: #25324a;
  --sentr-muted: #6b7280;
  --sentr-line: #e5eaf2;
  --sentr-shadow: 0 16px 42px rgba(10,31,68,.09);
}
html { scroll-padding-top: 96px; }
body { text-rendering: optimizeLegibility; }
.skip-link { position:fixed; left:12px; top:-60px; z-index:999999999; background:#fff; color:var(--sentr-navy); padding:12px 18px; border-radius:8px; box-shadow:var(--sentr-shadow); font-weight:700; }
.skip-link:focus { top:12px; }
.hero-1-txt .sentr-hero-proof { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:26px; }
.sentr-hero-proof span { border:1px solid rgba(255,255,255,.28); background:rgba(10,31,68,.28); backdrop-filter:blur(6px); color:#fff; border-radius:999px; padding:8px 14px; font-size:.88rem; font-weight:600; }
.sentr-secondary-btn { margin-left:8px; background:transparent!important; border:1px solid rgba(255,255,255,.72)!important; color:#fff!important; }
.sentr-secondary-btn:hover { background:#fff!important; color:var(--sentr-navy)!important; }

#outcome-navigator { background:linear-gradient(180deg,#fff 0%,#f7f9fd 100%); }
.sentr-outcome-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:38px; }
.sentr-outcome-card { padding:18px; appearance:none; width:100%; text-align:left; border:1px solid transparent; cursor:pointer; color:var(--sentr-ink); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; min-height:190px; }
.sentr-outcome-card:hover, .sentr-outcome-card:focus-visible { transform:translateY(-4px); border-color:#f74780 !important; outline:none; }
.sentr-outcome-card[aria-selected="true"] { border-color:#f74780 !important; box-shadow:0 0 0 3px #ebebeb,var(--sentr-shadow); }
.sentr-outcome-no { display:inline-grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--sentr-blue-soft); color:#f74780 !important; font-weight:800; margin-bottom:18px; }
.sentr-outcome-card h3 { /*color:var(--sentr-navy);*/ font-size:1.15rem; font-weight:700; line-height:1.3; margin-bottom:9px; }
.sentr-outcome-card p { color:var(--sentr-muted); line-height:1.55; margin:0; }
.sentr-outcome-detail { margin-top:22px; display:grid; grid-template-columns:1.1fr .9fr; gap:34px; align-items:center; padding:34px 38px; background:var(--sentr-navy); color:#fff; border-radius:16px; box-shadow:var(--sentr-shadow); }
.sentr-outcome-detail .eyebrow { color:#ffffff; text-transform:uppercase; font-size:.78rem; /*font-weight:800;*/ letter-spacing:.06em; margin-bottom:10px; }
.sentr-outcome-detail h3 { color:#fff; font-size:1.65rem; font-weight:700; line-height:1.25; margin-bottom:12px; }
.sentr-outcome-detail p { margin:0; line-height:1.65; }
.sentr-outcome-detail ul { margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.sentr-outcome-detail li { position:relative; padding-left:28px; color:#f4f7fc; }
.sentr-outcome-detail li:before { content:'✓'; position:absolute; left:0; top:0; color:#f74780 !important; font-weight:900; }
.sentr-outcome-action { margin-top:22px; display:inline-flex; min-height:46px; align-items:center; padding:0 20px; border-radius:4px; background:#fff; color:var(--sentr-navy)!important; font-weight:700; }
.sentr-outcome-action:hover { background:#eaf2ff; }


.sentr-partner-cta { margin-top:26px; display:flex; gap:10px; flex-wrap:wrap; }
.sentr-inline-cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 17px; border-radius:4px; font-weight:700; background:var(--sentr-navy); color:#fff!important; }
.sentr-inline-cta.secondary { background:#fff; color:var(--sentr-navy)!important; border:1px solid var(--sentr-line); }
.footer .bottom-footer-socials { display:none; }

@media (max-width: 991px) {
  .sentr-outcome-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sentr-outcome-detail { grid-template-columns:1fr; }
}
@media (max-width: 767px) {
  .sentr-outcome-grid, .sentr-proof-grid { grid-template-columns:1fr; }
  .sentr-outcome-card { min-height:auto; padding:20px; }
  .sentr-outcome-detail { padding:28px 22px; border-radius:12px; }
  .sentr-secondary-btn { margin-left:0; margin-top:10px; }
  .hero-1-txt .sentr-hero-proof { margin-top:22px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}


/* Capability section uses the theme's existing fbox-12 block family. */
.sentr-capability-tags { display:flex; flex-wrap:wrap; gap:10px; }
.sentr-capability-tags span { display:inline-flex; align-items:center; min-height:38px; padding:7px 13px; border:1px solid #d7e0ed; border-radius:999px; background:#fff; color:var(--sentr-navy); font-size:.82rem; font-weight:700; line-height:1; }
.sentr-capability-grid { align-items:stretch; }
.sentr-capability-card { padding: 18px; border:1px solid #e2e8f1; box-shadow:none!important; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.sentr-capability-card:hover { border-color:#f74780 !important; transform:translateY(-2px); box-shadow:0 10px 28px rgba(10,31,68,.07)!important; }
.sentr-capability-card .fbox-txt p { line-height:1.65; }
@media (max-width: 767px) {
  #integrations-2 .txt-block { text-align:left; }
  .sentr-capability-tags { gap:8px; }
  .sentr-capability-tags span { min-height:36px; padding:7px 11px; font-size:.78rem; }
  .sentr-capability-card { min-height:auto; }
}