/* RCB2 Flow — Landing contrast refresh 2026-09-18 */
:root{
  --landing-navy:#07182c;
  --landing-navy-2:#0b2540;
  --landing-cyan:#69d7df;
  --landing-cyan-2:#8be7ea;
  --landing-ink:#102033;
  --landing-muted:#4f6276;
  --landing-soft:#6c7e91;
  --landing-paper:#f3f7fa;
  --landing-line:#d5e0e9;
  --landing-surface:#ffffff;
}
body{
  color:var(--landing-ink)!important;
  background:#fff!important;
}
.site-header{
  background:rgba(7,24,44,.985)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 34px rgba(5,18,34,.16);
}
.site-header .brand img,
.footer .brand img{
  content:url('/assets/rcb2-flow-logo-light-2026.svg?v=20260918-index-1')!important;
  filter:none!important;
  opacity:1!important;
}
.site-header .brand{width:150px!important}
.nav{color:#e1eaf3!important}
.nav>a:not(.button){color:#dbe7f1!important}
.nav>a:not(.button):hover,.nav>a:not(.button):focus-visible{color:#8be7ea!important}
.nav-login{border-left-color:rgba(255,255,255,.28)!important}
.button{
  background:linear-gradient(135deg,#71e0e5,#56cbd7)!important;
  color:#08243d!important;
  box-shadow:0 14px 34px rgba(43,190,204,.22)!important;
}
.button:hover{box-shadow:0 18px 40px rgba(43,190,204,.30)!important}
.button-ghost{color:#f6fbff!important}
.button-outline{
  color:#123f63!important;
  border-color:#9fc2d6!important;
  background:#fff!important;
}
.hero{
  background:
    radial-gradient(circle at 86% 8%,rgba(22,126,182,.25),transparent 30%),
    linear-gradient(145deg,#06172a,#0a2542 72%,#0d3451)!important;
}
.hero .eyebrow.light{color:#9aebed!important}
.hero h1{color:#fff!important;text-shadow:0 3px 28px rgba(0,0,0,.14)}
.hero h1 em{color:#8de6e9!important}
.hero .lead{color:#d6e4f0!important}
.hero-proof{color:#c7d8e6!important}
.hero-proof span{border-left-color:#71dbe1!important}
.scroll-cue{color:#c3d7e5!important}
.product-window{
  border-color:rgba(126,211,224,.46)!important;
  background:#f7fbfd!important;
  box-shadow:0 44px 90px rgba(0,0,0,.38)!important;
}
.window-bar{background:#dce8ef!important;color:#405a70!important}
.window-body{color:#17324a!important}
.mock-content>small,.mock-stats span,.mock-feature-top{color:#52748c!important}
.mock-stats div,.mock-feature{background:#fff!important;border-color:#d4e2ea!important}
.mock-stats small{color:#5f7485!important}
.float-card{background:#fff!important;color:#153047!important}
.float-card small{color:#536b7f!important}
.mock-caption{color:#b4cad9!important}

.problem,.roles,.faq{background:var(--landing-paper)!important}
.section-intro h2,
.showcase-copy h2,
.faq-grid h2,
.pricing h2{color:#102033!important}
.section-intro>p,.section-intro>div+p,
.showcase-copy>p:not(.eyebrow),
.faq-grid>div>p:not(.eyebrow){color:var(--landing-muted)!important}
.eyebrow{color:#176e9f!important}
.pain-grid article{
  background:#fff!important;
  border-top-color:#88b9ca!important;
  box-shadow:0 12px 30px rgba(16,32,51,.055);
}
.pain-grid h3,.role-grid h3,.price-card h3{color:#14293d!important}
.pain-grid p,.role-grid p{color:#526579!important}
.pain-grid article>span,.role-index,.plan-kicker{color:#176b9a!important}

.solution{
  background:
    radial-gradient(circle at 92% 5%,rgba(39,159,189,.20),transparent 28%),
    linear-gradient(145deg,#0a223c,#0d3656)!important;
}
.solution h2,.feature-card h3{color:#fff!important}
.solution .section-intro>p,.feature-card p{color:#d0dee9!important}
.feature-card{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.feature-card:hover{background:rgba(255,255,255,.12)!important}
.feature-num,.feature-icon{color:#83e5e6!important}

.showcase{background:#fff!important}
.tabs{border-top-color:#d2dee7!important}
.tabs button{
  color:#4f6274!important;
  border-bottom-color:#d2dee7!important;
}
.tabs button span{color:#247da9!important}
.tabs button[aria-selected=true]{
  color:#123e63!important;
  background:#edf8fa!important;
  border-left-color:#31bec8!important;
}
.showcase-display{
  background:linear-gradient(145deg,#0a2442,#0c3857)!important;
  box-shadow:0 28px 55px rgba(10,36,66,.18)!important;
}
.showcase-display h3{color:#fff!important}
.tab-panel p{color:#d4e2ed!important}
.display-overline{color:#8be8e9!important}
.display-chips span{color:#eff8fb!important;border-color:rgba(151,201,216,.55)!important}
.display-disclaimer{color:#bdd0dc!important}

.role-grid article{
  background:#fff!important;
  border-color:var(--landing-line)!important;
  box-shadow:0 12px 26px rgba(16,32,51,.045);
}
.benefits{
  background:
    radial-gradient(circle at 8% 10%,rgba(33,148,180,.21),transparent 28%),
    linear-gradient(145deg,#0a3150,#0c4668)!important;
}
.benefits h2{color:#fff!important}
.benefits li{color:#edf6fb!important;border-color:rgba(255,255,255,.28)!important}
.benefits ul{border-top-color:rgba(255,255,255,.28)!important}
.benefits li span{color:#90e8eb!important}

.app-platform-card{
  background:#fff!important;
  border:1px solid var(--landing-line)!important;
  box-shadow:0 12px 28px rgba(16,32,51,.055)!important;
}
.app-platform-card h3{color:#132a3e!important}
.app-platform-card p{color:#55697c!important}
.app-platform-card a{color:#176b9a!important;font-weight:800!important}
.app-platform-note{color:#5c7083!important}

.pricing{background:#fff!important}
.price-card{
  background:#fff!important;
  border-color:var(--landing-line)!important;
  box-shadow:0 12px 28px rgba(16,32,51,.045);
}
.price-card.featured{
  background:#eef9fa!important;
  border-color:#49aeca!important;
  box-shadow:0 20px 40px rgba(22,103,139,.10)!important;
}
.price-card>p,.price small,.price-note{color:#526579!important}
.price-card li{color:#263b4e!important}
.price-card li:before{color:#128596!important}
.faq-list{border-top-color:#c5d4df!important}
.faq details{border-bottom-color:#c5d4df!important}
.faq summary{color:#172d41!important}
.faq details p{color:#526579!important}
.faq summary:after{color:#176f9b!important}

.contact{
  background:
    radial-gradient(circle at 50% -10%,rgba(31,153,185,.24),transparent 38%),
    linear-gradient(145deg,#06172a,#0a2945)!important;
}
.contact h2{color:#fff!important}
.contact-inner>p:not(.eyebrow){color:#d1e0ec!important}
.contact .contact-status{color:#b8cad8!important}
.footer{background:#051526!important;color:#c9d8e5!important}
.footer-main{border-bottom-color:rgba(255,255,255,.13)!important}
.footer-main p,.footer nav,.footer-bottom{color:#c3d3df!important}
.footer a:hover{color:#8be7ea!important}

/* Mobile */
@media(max-width:900px){
  .site-header .brand{width:138px!important}
  .nav{background:#071b32!important}
  .nav a{color:#e5eef6!important}
  .hero .lead{font-size:1rem!important}
  .product-window{transform:none!important}
  .float-card{right:4px!important}
}
@media(max-width:640px){
  .wrap{width:min(100% - 28px,1180px)!important}
  .hero-layout{padding-top:88px!important}
  .hero h1{font-size:clamp(2.7rem,13vw,4rem)!important}
  .section{padding:78px 0!important}
  .pain-grid article,.feature-card,.role-grid article,.price-card{min-height:auto!important}
}