:root{--so-navy:#07111f;--so-blue:#155eef;--so-slate:#334155;--so-muted:#64748b;--so-line:#d8e0ea;--so-soft:#f5f8fc;--so-green:#12b76a}
.stationops-site{color:var(--so-slate);background:#fff}.stationops-site .container{max-width:1440px}.stationops-site .tmp-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--so-line);box-shadow:0 10px 30px rgba(15,23,42,.05)}
.stationops-nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.stationops-logo{display:inline-flex;align-items:center;gap:12px;color:var(--so-navy);font-weight:900;font-size:26px;letter-spacing:-.04em}.stationops-logo-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#155eef,#07111f);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px}.stationops-nav-links{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}.stationops-nav-links a{color:#0f172a;font-weight:800;font-size:14px}.stationops-nav-links a:hover,.stationops-nav-links a[aria-current=page]{color:var(--so-blue)}.stationops-header-actions{display:flex;gap:12px;flex-wrap:wrap}
.stationops-site .tmp-btn{border-radius:8px;padding:0 22px;height:48px;line-height:48px;font-weight:900;background:var(--so-blue);border-color:var(--so-blue);color:#fff}.stationops-site .tmp-btn.btn-border{background:transparent;color:var(--so-navy);border:1px solid var(--so-line)}.stationops-site .tmp-btn.btn-border:hover{background:var(--so-navy);color:#fff;border-color:var(--so-navy)}
.stationops-section{padding:100px 0}.stationops-band{background:var(--so-soft);border-top:1px solid var(--so-line);border-bottom:1px solid var(--so-line)}.stationops-dark{background:radial-gradient(circle at 85% 12%,rgba(21,94,239,.22),transparent 28%),linear-gradient(135deg,#07111f,#0b1b31 58%,#10213a);color:#dbeafe}.stationops-dark h1,.stationops-dark h2,.stationops-dark h3,.stationops-dark h4{color:#fff}.stationops-eyebrow{display:inline-flex;color:var(--so-blue);font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.stationops-dark .stationops-eyebrow{color:#93c5fd}.stationops-title{color:var(--so-navy);font-weight:900;letter-spacing:-.055em;line-height:1.04;margin-bottom:20px}h1.stationops-title{font-size:clamp(44px,5vw,82px)}h2.stationops-title{font-size:clamp(34px,3.4vw,56px)}h3.stationops-title{font-size:clamp(26px,2.5vw,38px)}.stationops-lead{font-size:19px;line-height:1.75;color:var(--so-slate);max-width:900px}.stationops-dark .stationops-lead{color:#cbd5e1}.stationops-hero,.page-hero{padding:150px 0 96px}.stationops-hero{min-height:760px;display:flex;align-items:center}.stationops-hero-actions,.stationops-cta-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.stationops-proof-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.stationops-proof-item{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:14px;padding:18px;font-weight:900;color:#fff}.dashboard-panel{background:rgba(255,255,255,.96);border:1px solid rgba(148,163,184,.35);border-radius:24px;box-shadow:0 28px 80px rgba(2,6,23,.35);overflow:hidden;color:#0f172a}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;background:#0f172a;color:#fff}.dashboard-title{font-size:20px;font-weight:900;color:#fff;margin:0}.status-pill,.small-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#dcfce7;color:#166534}.small-pill{background:#eff6ff;color:#0f3d91}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--so-line)}.dashboard-card{padding:18px;background:#fff;min-height:112px}.dashboard-label{display:block;color:var(--so-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.dashboard-value{color:var(--so-navy);font-weight:900;font-size:20px;line-height:1.25}
.proof-band-grid{display:grid;grid-template-columns:repeat(6,1fr)}.proof-band-item{padding:26px 18px;text-align:center;font-weight:900;color:var(--so-navy);border-right:1px solid var(--so-line)}.stationops-card{height:100%;background:#fff;border:1px solid var(--so-line);border-radius:18px;padding:30px;box-shadow:0 18px 50px rgba(15,23,42,.05)}.stationops-card h2,.stationops-card h3,.stationops-card h4{color:var(--so-navy);font-weight:900;letter-spacing:-.03em;margin-bottom:12px}.stationops-card p{line-height:1.7;margin-bottom:0}.numbered-card .number{font-size:13px;font-weight:900;color:var(--so-blue);letter-spacing:.12em;margin-bottom:22px;display:block}.numbered-card .label{display:inline-flex;margin-top:20px;padding-top:18px;border-top:1px solid var(--so-line);color:var(--so-muted);font-weight:800;font-size:13px}.formula-box{margin-top:32px;padding:28px;border-radius:18px;background:var(--so-navy);color:#cbd5e1}.formula-box strong{display:block;color:#fff;font-size:28px;letter-spacing:-.04em;margin-bottom:6px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.table-wrap{overflow-x:auto;border:1px solid var(--so-line);border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.05)}.stationops-table{width:100%;min-width:900px;border-collapse:collapse}.stationops-table th{background:var(--so-navy);color:#fff;padding:22px;font-size:15px;text-align:left}.stationops-table td{padding:22px;border-top:1px solid var(--so-line);vertical-align:top;line-height:1.55}.stationops-table td:first-child{font-weight:900;color:var(--so-navy)}.stationops-table strong{display:block;color:var(--so-navy);font-size:17px;margin-bottom:4px}.platform-card{border-top:5px solid var(--so-blue)}.case-side{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:28px}.case-side dt{color:#93c5fd;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-top:18px}.case-side dt:first-child{margin-top:0}.case-side dd{color:#fff;font-weight:800;margin:6px 0 0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pricing-card{position:relative;padding:34px;border-radius:22px;background:#fff;border:1px solid var(--so-line);box-shadow:0 20px 55px rgba(15,23,42,.07)}.pricing-card.featured{border:2px solid var(--so-blue);transform:translateY(-12px)}.pricing-badge{position:absolute;top:18px;right:18px;background:var(--so-blue);color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.price{color:var(--so-navy);font-size:42px;font-weight:900;letter-spacing:-.05em;margin:18px 0 4px}.implementation{color:var(--so-muted);font-weight:800;margin-bottom:20px}.check-list{margin:24px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:26px;margin:12px 0;line-height:1.55}.check-list li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--so-green)}
.cta-band{border-radius:28px;padding:56px;background:linear-gradient(135deg,#07111f,#0f3d91);color:#dbeafe}.cta-band h2,.cta-band h3{color:#fff}.testimonial-box{border-left:5px solid var(--so-blue);background:#fff;border-radius:18px;padding:38px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.testimonial-box blockquote{color:var(--so-navy);font-size:25px;line-height:1.55;font-weight:800;margin:0 0 22px}.faq-list{display:grid;gap:14px}.faq-item{border:1px solid var(--so-line);border-radius:16px;background:#fff;padding:24px}.faq-item h3{color:var(--so-navy);font-size:20px;font-weight:900;margin-bottom:10px}.timeline-grid,.kicker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.timeline-item{background:var(--so-soft);border:1px solid var(--so-line);border-radius:14px;padding:18px}
.footer-stationops{background:#07111f;color:#94a3b8;padding-top:74px}.footer-stationops h4{color:#fff;font-size:18px;font-weight:900;margin-bottom:18px}.footer-stationops p,.footer-stationops a{color:#94a3b8;line-height:1.7}.footer-stationops a:hover{color:#fff}.footer-stationops ul{margin:0;padding:0;list-style:none}.footer-stationops li{margin:10px 0}.footer-bottom{margin-top:52px;padding:24px 0;border-top:1px solid rgba(255,255,255,.1)}.contact-form{background:#fff;border:1px solid var(--so-line);border-radius:22px;padding:34px;box-shadow:0 20px 55px rgba(15,23,42,.07)}.contact-form label{display:block;font-weight:900;color:var(--so-navy);margin-bottom:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--so-line);border-radius:10px;padding:14px 16px;margin-bottom:18px;color:var(--so-navy);background:#fff}.contact-form textarea{min-height:150px}
@media(max-width:1199px){.stationops-nav{align-items:flex-start;flex-direction:column;padding:18px 0}.stationops-nav-links{flex-wrap:wrap;gap:14px 20px}.proof-band-grid{grid-template-columns:repeat(3,1fr)}.capability-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.stationops-proof-row,.kicker-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.stationops-section{padding:70px 0}.stationops-hero,.page-hero{padding:130px 0 70px;min-height:auto}.stationops-header-actions,.stationops-hero-actions,.stationops-cta-actions{width:100%}.stationops-site .tmp-btn{width:100%;text-align:center}.stationops-nav-links{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.dashboard-grid,.proof-band-grid,.capability-grid,.pricing-grid,.stationops-proof-row,.timeline-grid,.kicker-grid{grid-template-columns:1fr}.proof-band-item{border-right:0;border-bottom:1px solid var(--so-line)}.pricing-card.featured{transform:none}.cta-band{padding:34px 24px}.testimonial-box blockquote{font-size:20px}}
/* In-page anchors: sticky header + shadow + large H2 caps — pad scrollport and targets */
:root {
  --stationops-anchor-offset: max(11.25rem, 146px);
}

html {
  scroll-padding-top: var(--stationops-anchor-offset);
}

h2[id^='stationops-'],
#contact-us {
  scroll-margin-top: 1.75rem;
}

/*
 * Header: desktop inline nav at xl (≥1200px); hamburger + Corpox popup below that.
 * Theme sets .popup-mobile-menu { display: none } at ≥992px — re-enable for tablet widths.
 */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .stationops-popup-mobile-menu.popup-mobile-menu {
    display: block !important;
  }
}

.header-transparent-with-topbar .stationops-header-right {
  gap: 0.35rem;
}

.header-transparent-with-topbar .stationops-hamberger-button {
  background: transparent !important;
  color: #0f172a !important;
  border-radius: 0 !important;
  width: 44px !important;
  height: 44px !important;
}

.header-transparent-with-topbar .stationops-hamberger-button i,
.header-transparent-with-topbar .stationops-hamberger-button svg {
  color: #0f172a !important;
  stroke: #0f172a !important;
}

/* Corpox sticky header is dark — keep bars visible */
.header-transparent-with-topbar .tmp-header.sticky .stationops-hamberger-button {
  color: #fff !important;
}

.header-transparent-with-topbar .tmp-header.sticky .stationops-hamberger-button i,
.header-transparent-with-topbar .tmp-header.sticky .stationops-hamberger-button svg {
  color: #fff !important;
  stroke: #fff !important;
}

/*
 * Homepage over dark hero: white burger only when the bar is still transparent (≥992px).
 * Below 992px, Corpox sets .header-default to var(--color-card) — white strokes vanish on that light bar.
 */
@media only screen and (min-width: 992px) {
  .active-light-mode.stationops-home .header-transparent-with-topbar .tmp-header:not(.sticky) .stationops-hamberger-button {
    color: #fff !important;
  }

  .active-light-mode.stationops-home .header-transparent-with-topbar .tmp-header:not(.sticky) .stationops-hamberger-button i,
  .active-light-mode.stationops-home .header-transparent-with-topbar .tmp-header:not(.sticky) .stationops-hamberger-button svg {
    color: #fff !important;
    stroke: #fff !important;
  }
}

/* Match .popup-mobile-menu .mainmenu horizontal padding (20px); theme .tmp-btn uses width:max-content */
.popup-mobile-menu .stationops-mobile-drawer-cta {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  align-self: stretch;
  flex-shrink: 0;
  padding: 12px 20px 24px;
  margin-top: auto;
}

.popup-mobile-menu .stationops-mobile-drawer-cta .tmp-btn {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  margin: 0 !important;
}

.tmp-portfolio-area .tmp-section-title-border.text-center .title{margin-bottom:.2rem}.stationops-portfolio-lead{max-width:min(58rem,calc(100% - 2rem));margin-top:clamp(1.1rem,2.2vw,1.65rem)!important;margin-bottom:clamp(1.25rem,2.5vw,2rem)!important;line-height:1.82!important;padding:0 clamp(.75rem,4vw,1.75rem);color:var(--so-slate);letter-spacing:.015em}@media(min-width:992px){.stationops-portfolio-lead{font-size:1.125rem;line-height:1.85!important}}.stationops-portfolio-card-deck{line-height:1.68!important;opacity:.92}.tmp-portfolio-area .stationops-portfolio-tiles .inner-content-area a{min-width:0!important;max-width:100%;flex-wrap:wrap;align-items:center;row-gap:6px;column-gap:12px}.tmp-portfolio-area .stationops-portfolio-tiles .inner-content-area a .title{flex:1 1 100%;width:100%;min-width:0;margin:0!important;font-size:clamp(15px,1.05vw,18px)!important;line-height:1.2!important;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmp-portfolio-area .stationops-portfolio-tiles .inner-content-area a .stationops-portfolio-card-deck{flex:1 1 0;min-width:0;margin-top:0!important}.tmp-portfolio-area .stationops-portfolio-tiles .inner-content-area a .tmp-icon{flex-shrink:0}.tmp-portfolio-area .stationops-portfolio-tiles .inner-content-area .tags{font-size:13px;line-height:1.35;padding-left:16px;padding-right:16px}.tmp-portfolio-area .stationops-portfolio-feature .inner-content-area a{max-width:min(640px,calc(100% - 8px))!important}.tmp-portfolio-area .stationops-portfolio-tiles .single-modern-case-studies{height:100%;display:flex;flex-direction:column}.tmp-portfolio-area .stationops-portfolio-tiles .single-modern-case-studies .thumbnail{position:relative;display:block;overflow:hidden;flex:1;min-height:clamp(260px,32vw,420px);min-width:0;border:1px solid var(--so-line);border-radius:0;box-sizing:border-box}.tmp-portfolio-area .stationops-portfolio-tiles .single-modern-case-studies .thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(min-width:992px){.tmp-portfolio-area .stationops-portfolio-tiles.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;row-gap:1.5rem;margin-left:0;margin-right:0;--bs-gutter-x:0;--bs-gutter-y:0}.tmp-portfolio-area .stationops-portfolio-tiles.row>*{width:auto!important;max-width:none!important;padding-left:0!important;padding-right:0!important;margin:0!important}.tmp-portfolio-area .stationops-portfolio-tiles .col-lg-8:nth-child(1){grid-column:1/span 8}.tmp-portfolio-area .stationops-portfolio-tiles .col-lg-4:nth-child(2){grid-column:9/span 4}.tmp-portfolio-area .stationops-portfolio-tiles .col-lg-4:nth-child(3){grid-column:1/span 4}.tmp-portfolio-area .stationops-portfolio-tiles .col-lg-4:nth-child(4){grid-column:5/span 4}.tmp-portfolio-area .stationops-portfolio-tiles .col-lg-4:nth-child(5){grid-column:9/span 4}.tmp-portfolio-area .stationops-portfolio-tiles.row>*{min-height:0;align-self:stretch}.tmp-portfolio-area .stationops-portfolio-tiles .single-modern-case-studies{min-height:0}.tmp-portfolio-area .stationops-portfolio-tiles .single-modern-case-studies .thumbnail{flex:1 1 0%}}
@media(max-width:991px){.tmp-portfolio-area .stationops-portfolio-tiles .single-modern-case-studies .thumbnail{min-height:clamp(220px,48vw,360px);aspect-ratio:16/10;flex:none}.tmp-portfolio-area .stationops-portfolio-tiles .single-modern-case-studies .thumbnail img{position:absolute;inset:0}}

/* Case study portfolio: category chip contrast before hover */
.tmp-portfolio-area .stationops-portfolio-tiles .single-modern-case-studies .inner-content-area .tags {
  background: rgba(7, 17, 31, 0.35);
  border-color: rgba(255, 255, 255, 0.22);
  color: #fff !important;
  backdrop-filter: blur(10px);
}

/* Calendly discovery modal (shared across pages using #stationopsCalendlyModal) */
.stationops-calendly-modal{z-index:10060!important}
.stationops-calendly-modal.modal.show{display:flex!important;align-items:center;justify-content:center;padding:clamp(.75rem,4vw,1.75rem)}
@media(max-width:991.98px){.stationops-calendly-modal.modal.show{padding:0}}
.stationops-calendly-modal .modal-dialog{margin:0!important;flex-shrink:0;width:100%}
@media(min-width:992px){.stationops-calendly-modal .modal-dialog{width:min(1200px,calc(100vw - 5rem));max-width:min(1200px,calc(100vw - 5rem))!important}}
@media(min-width:1400px){.stationops-calendly-modal .modal-dialog{width:min(1240px,calc(100vw - 6rem));max-width:min(1240px,calc(100vw - 6rem))!important}}
.stationops-calendly-modal .stationops-calendly-modal-header{margin:0!important;padding:1rem 1.25rem!important;gap:.75rem}
.stationops-calendly-modal .stationops-calendly-modal-header .modal-title{flex:1;margin-right:.75rem}
.stationops-calendly-modal-body{min-height:min(680px,82vh)}
.stationops-calendly-iframe{display:block;width:100%;height:min(680px,82vh);border:0}

/* Pricing: keep tier badges aligned when only one column shows “Most teams choose this” */
.tmp-pricing-area .stationops-pricing-tier-caption--spacer .subtitle-text{visibility:hidden}
.tmp-pricing-area .stationops-pricing-tier-caption--spacer{user-select:none;pointer-events:none}

/* Pricing cards: footer CTAs span the card content width (.tmp-pricing defaults to width:max-content) */
.tmp-pricing-area .pricing-footer{display:block;text-align:inherit}
.tmp-pricing-area .pricing-footer .tmp-btn{width:100%;max-width:100%;box-sizing:border-box;justify-content:center}

/* Pricing: headline “Custom” matches numeric tier scale (.tmp-pricing from Corpox theme) */
.tmp-pricing-area .pricing-header .price-wrapper .price.stationops-pricing-custom-headline{font-size:46px;line-height:1.06;font-weight:700;margin-bottom:10px}
@media only screen and (max-width:767px){.tmp-pricing-area .pricing-header .price-wrapper .price.stationops-pricing-custom-headline{font-size:44px}}

/* Pricing compare table — theme tokens only (matches .bg-color-card borders + pricing highlights) */
.stationops-pkg-compare{font-family:var(--font-primary)}
.stationops-pkg-compare .tmp-section-title-border .title{font-family:var(--font-secondary)}
.stationops-pkg-shell{background:var(--color-card);border:1px solid var(--color-border);overflow:hidden;box-sizing:border-box}
.stationops-pkg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.stationops-pkg-grid{min-width:min(992px,max(680px,calc(100vw - 2rem)))}
.stationops-pkg-row{display:grid;grid-template-columns:minmax(10.5rem,1.42fr) repeat(3,minmax(6rem,1fr));align-items:stretch;margin:0;column-gap:0}
@media(max-width:575px){.stationops-pkg-grid{min-width:640px}}
.stationops-pkg-row--header{align-items:end;border-bottom:1px solid var(--color-border);background:var(--color-card)}
.stationops-pkg-row--body{min-height:50px;border-bottom:1px solid var(--color-border)}
.stationops-pkg-group:last-child .stationops-pkg-row--body:last-child{border-bottom:0}
.stationops-pkg-name{border-right:1px solid var(--color-border)}
.stationops-pkg-tier{padding:clamp(14px,.9vw + 10px,26px) 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:var(--color-card)}
.stationops-pkg-tier--featured{background:var(--color-primary-opacity-2);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}
.stationops-pkg-tier-name{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-heading)}
.stationops-pkg-tier-price{font-size:clamp(1.5rem,.8vw + 1.05rem,1.85rem);font-weight:800;line-height:1.06;letter-spacing:-.03em;color:var(--color-heading)}
.stationops-pkg-tier-price--custom{font-size:clamp(1.35rem,.7vw + 1rem,1.6rem)}
.stationops-pkg-tier-period{font-size:.8rem;font-weight:700;color:var(--color-body);margin-left:.1em}
.stationops-pkg-group{border-top:1px solid var(--color-border)}
.stationops-pkg-group:first-child{border-top:0}
.stationops-pkg-group-label{padding:12px 18px;background:var(--color-gray-light);border-bottom:1px solid var(--color-border)}
.stationops-pkg-group-label span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-heading)}
.stationops-pkg-name--corner{min-height:2.75rem;background:var(--color-card)}
.stationops-pkg-row--body .stationops-pkg-name{padding:14px 18px;font-size:15px;line-height:1.45;color:var(--color-body);position:sticky;left:0;z-index:3;background:var(--color-card);box-shadow:inset -1px 0 0 var(--color-border)}
.stationops-pkg-val{padding:12px 10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.35;color:var(--color-body);border-right:1px solid var(--color-border)}
@media(max-width:767px){.stationops-pkg-val{font-size:13px;padding-inline:8px}}
.stationops-pkg-tier:last-child,.stationops-pkg-val:last-child{border-right:0!important}
.stationops-pkg-val--featured{background:var(--color-primary-opacity-1)}
.active-light-mode .stationops-pkg-val--featured{background:var(--color-primary-light)}
.stationops-pkg-check{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary)}
.stationops-pkg-check i.feather{width:20px;height:20px;line-height:0}
.stationops-pkg-emdash{color:var(--color-body);opacity:.38;font-weight:500}
.stationops-pkg-val--dash .stationops-pkg-emdash{font-size:1rem}
.stationops-pkg-row--pricing{border-bottom:none}
.stationops-pkg-group--pricing .stationops-pkg-row--pricing .stationops-pkg-val{font-size:clamp(15px,.5vw + 13px,1.05rem);font-weight:700;color:var(--color-heading)}

/*
 * Inner pages: Corpox "light mode" forces white nav text while scrollTop ≤ 250 (header not .sticky)
 * so the bar reads over the dark homepage hero. On routes without that hero, text was white on white.
 * .stationops-home is set on body only for "/" in BaseLayout.astro.
 */
@media only screen and (min-width: 992px) {
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) {
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    border-bottom: 1px solid var(--so-line);
  }
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) .logo-light {
    display: none !important;
  }
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) .logo-dark {
    display: block !important;
  }
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) .mainmenu-nav .mainmenu > li > a {
    color: #0f172a !important;
  }
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) .mainmenu-nav .mainmenu > li > a:hover,
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) .mainmenu-nav .mainmenu > li > a.active {
    color: var(--so-blue) !important;
  }
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) .header-right.with-search .header-btn .search-area-btn i {
    color: #0f172a !important;
  }
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) .dot-btn .offcanvas-trigger .offcanvas-bars span::before,
  .active-light-mode:not(.stationops-home) .header-transparent-with-topbar .tmp-header:not(.sticky) .dot-btn .offcanvas-trigger .offcanvas-bars span::after {
    background-color: #0f172a !important;
  }
}

/* Compliant infra page: left-aligned blocks (homepage-style), not narrow centered columns */
.stationops-compliant-page .signle-fun-facts-one.text-start {
  text-align: left;
}

/* Footer: Corpox .footer-link li a sets text-transform:capitalize — breaks lowercase emails */
.tmp-footer.footer-style-default .footer-link li a[href^='mailto:'] {
  text-transform: none;
}

.tmp-footer.footer-style-default .footer-link li a.stationops-footer-cta-link {
  text-transform: none;
}

/* Case studies overview (/case-studies): logo row + deep-dive grid */
.stationops-cs-overview .stationops-cs-hero-lead {
  max-width: 46rem;
}
.stationops-cs-logo-bento {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(0.65rem, 1.5vw, 1rem);
  margin-top: clamp(1rem, 2.5vw, 1.75rem);
}
.stationops-cs-logo-bento__tile {
  position: relative;
  display: block;
  aspect-ratio: 1;
  min-height: clamp(92px, 16vw, 132px);
  min-width: 0;
  padding: 0;
  overflow: hidden;
  /* Fallback if asset fails; customer PNGs are already full-bleed brand tiles */
  background: var(--stationops-cs-tile-bg, var(--so-navy));
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-sizing: border-box;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.stationops-cs-logo-bento__tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}
.stationops-cs-logo-bento__tile img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 575px) {
  .stationops-cs-logo-bento {
    grid-template-columns: repeat(6, minmax(68px, 1fr));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 0.35rem;
    scrollbar-gutter: stable;
  }
}
.stationops-cs-deep-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2.5vw, 1.75rem);
  align-items: stretch;
}
.stationops-cs-deep-feature {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: stretch;
  border: 1px solid var(--so-line);
  border-radius: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #f3efe6;
}
.stationops-cs-deep-feature__media {
  position: relative;
  display: block;
  min-height: clamp(220px, 36vw, 380px);
  background: var(--so-soft);
}
.stationops-cs-deep-feature__media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  transition: transform 0.35s ease;
}
.stationops-cs-deep-feature:hover .stationops-cs-deep-feature__media img {
  transform: scale(1.02);
}
.stationops-cs-deep-feature__body {
  padding: clamp(1.35rem, 2.8vw, 2rem);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  min-width: 0;
}
/* Featured block: title 30% smaller than theme h3; body + bullets 2× prior overview sizes */
.stationops-cs-overview .stationops-cs-deep-feature__body h3.title {
  font-size: calc(var(--h3) * 0.7) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em;
}
.stationops-cs-overview .stationops-cs-deep-feature__body h3.title .theme-gradient {
  font-size: inherit !important;
  line-height: inherit !important;
}
.stationops-cs-overview .stationops-cs-deep-feature__body .case-study-hero-lead {
  font-size: 1.5rem !important;
  line-height: 1.62;
}
.stationops-cs-overview .stationops-cs-feature-bullets li {
  font-size: 1.5rem;
  line-height: 1.58;
}
.stationops-cs-overview .stationops-cs-feature-bullets li:not(:last-child) {
  margin-bottom: 0.55rem;
}
.stationops-cs-deep-text-card__cta {
  align-self: flex-start;
}
.stationops-cs-deep-media-card {
  background: var(--color-card, #fff);
  border: 1px solid var(--so-line);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.stationops-cs-deep-media-card__thumb {
  display: block;
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--so-soft);
}
.stationops-cs-deep-media-card__thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.35s ease;
}
.stationops-cs-deep-media-card:hover .stationops-cs-deep-media-card__thumb img {
  transform: scale(1.03);
}
.stationops-cs-deep-media-card__body {
  padding: clamp(1.25rem, 2.2vw, 1.65rem);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.stationops-cs-deep-media-card__body .subtitle-text {
  letter-spacing: 0.1em;
}
.stationops-cs-deep-media-card__body .title {
  font-size: clamp(1.35rem, 0.85vw + 1.1rem, 1.65rem);
  line-height: 1.22;
  letter-spacing: -0.02em;
}
.stationops-cs-media-title-link {
  color: var(--color-heading, var(--so-navy));
  text-decoration: none;
}
.stationops-cs-media-title-link:hover {
  color: var(--color-primary, var(--so-blue));
}
.stationops-cs-deep-media-card__excerpt {
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: clamp(1.0625rem, 0.45vw + 1rem, 1.25rem) !important;
  line-height: 1.72 !important;
  opacity: 0.95;
}
.stationops-cs-deep-media-card__cta {
  align-self: flex-start;
  margin-top: auto;
}
@media (max-width: 991px) {
  .stationops-cs-deep-grid {
    grid-template-columns: 1fr;
  }
  .stationops-cs-deep-feature {
    grid-template-columns: 1fr;
  }
  .stationops-cs-deep-feature__media {
    min-height: 0;
    aspect-ratio: 16 / 10;
    order: -1;
  }
}

/* Discovery CTA strip (shared: homepage, case studies, etc.) */
.stationops-discovery-cta {
  width: 100%;
  max-width: 100%;
  margin-top: clamp(2.5rem, 5vw, 4rem);
  padding: clamp(2rem, 4.5vw, 3.25rem) 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  background: color-mix(in srgb, var(--color-heading) 5%, var(--color-card));
  box-sizing: border-box;
}

.stationops-discovery-cta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  max-width: min(52rem, 100%);
  margin-inline: auto;
}

.stationops-discovery-cta-leading {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 40rem;
  margin-inline: auto;
  text-align: center;
}

.stationops-discovery-cta-title {
  margin: 0 0 1rem;
  font-size: clamp(1.75rem, 1.1rem + 2.2vw, 3.25rem);
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-heading);
  letter-spacing: -0.02em;
}

.stationops-discovery-cta-desc {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  color: var(--color-body);
}

.stationops-discovery-cta-action {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  width: 100%;
}

@media only screen and (max-width: 575px) {
  .stationops-discovery-cta-action .tmp-btn {
    width: 100%;
    max-width: 22rem;
    justify-content: center;
  }
}