/* Bayward Growth — Concept B coastal glass makeover */
:root{
  --deep:#04182d;
  --glass:rgba(7,31,55,.70);
  --glass-soft:rgba(255,255,255,.075);
  --ice:#8edcff;
  --line-glass:rgba(190,230,244,.20);
}
html{background:#061a2e}
body{
  color:#eaf5fb;
  background:#061a2e!important;
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url("bgs-concept-b-background-v3.webp");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:translateZ(0);
  will-change:transform;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,18,35,.48),rgba(2,17,33,.68) 42%,rgba(2,17,33,.78));
}
body > *{
  position:relative;
  z-index:1;
}
.nav{
  background:rgba(3,24,45,.80)!important;
  border-bottom:1px solid var(--line-glass)!important;
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
}
.brand img{
  height:52px!important;
  max-height:52px!important;
  border-radius:12px;
  background:rgba(255,255,255,.94);
  padding:2px;
}
.navlinks{color:#d7e7f0!important}
.navlinks a:hover{color:var(--ice)!important}
.menu{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(12px);
}
.mobile{
  background:rgba(3,24,45,.97)!important;
  border-color:var(--line-glass)!important;
}
.mobile a{color:#d8e9f2!important}

.btn-primary,.btn-coral{
  background:linear-gradient(135deg,#9de6ff,#69c8f2)!important;
  color:#06264f!important;
  border-color:transparent!important;
  box-shadow:0 8px 30px rgba(91,196,240,.14)!important;
}
.btn-light,.btn-outline-pricing{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-color:rgba(200,231,243,.28)!important;
  backdrop-filter:blur(12px);
}
.btn-primary:hover,.btn-coral:hover,.btn-light:hover,.btn-outline-pricing:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}
.btn-light:hover,.btn-outline-pricing:hover{border-color:var(--ice)!important;color:var(--ice)!important}

.hero{background:linear-gradient(180deg,rgba(2,21,41,.25),rgba(3,26,48,.55))!important;
  border-bottom:1px solid var(--line-glass);
}
.hero::before,.hero::after{display:none!important}
.eyebrow,.kicker{color:var(--ice)!important}
.hero h1{
  font-family:Georgia,"Times New Roman",serif!important;
  color:#fff!important;
  text-shadow:0 4px 30px rgba(0,0,0,.24);
  letter-spacing:-.055em!important;
}
.hero h1 .accent{color:#d8f3ff!important}
.hero h1 .scribble::after{background:var(--ice)!important;height:7px!important}
.hero-copy{color:#d2e3ed!important}
.hero-price-note{color:#b9d1df!important}
.hero-price-note strong{color:#fff!important}
.hero-trust{color:#bdd3df!important}
.hero-trust span::before{color:#83dfd5!important}
/* The trust row already says this, so hide the repeated line marked in the mobile review. */
.hero-price-note .sep,.hero-price-note .sep + span{display:none!important}

.hero-conversation-stage{
  background:linear-gradient(145deg,rgba(18,76,111,.58),rgba(6,34,58,.64))!important;
  border:1px solid rgba(166,224,245,.25)!important;
  box-shadow:0 26px 75px rgba(0,12,30,.30)!important;
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
.hero-conversation-stage .phone-shell{
  background:rgba(241,249,252,.95)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 22px 55px rgba(0,15,35,.28)!important;
}
.hero-video-card{
  border-color:var(--line-glass)!important;
  background:rgba(7,31,55,.55)!important;
  box-shadow:0 26px 75px rgba(0,12,30,.30)!important;
}
.small-business-story{
  background:rgba(4,30,54,.72)!important;
  border-color:var(--line-glass)!important;
  box-shadow:0 26px 75px rgba(0,12,30,.30)!important;
  backdrop-filter:blur(18px);
}
.story-label{color:var(--ice)!important}
.small-business-story h2{color:#fff!important}
.story-body p{color:#c5d9e4!important}

.marquee-wrap{
  background:rgba(3,24,45,.80)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(14px);
}
.marquee{color:#b7ccd9!important}
.marquee span::after{color:var(--ice)!important}

.story,.texture,.report,.founder,.faq,.pricing-teaser,
.pricing-section,.compare,.pricing-faq,.privacy-content{
  background:rgba(4,27,50,.54)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}
h2,.story-left h2{
  font-family:Georgia,"Times New Roman",serif!important;
  color:#fff!important;
  letter-spacing:-.04em!important;
}
.lead,.story-left p,.texture-copy li,.pricing-teaser-card p{color:#c2d6e4!important}
.quote-line{
  border-left-color:var(--ice)!important;
  background:rgba(255,255,255,.07)!important;
  color:#d8e7ef!important;
}
.route::before{background:rgba(181,223,238,.18)!important}
.route-progress{background:linear-gradient(var(--coral),var(--ice))!important}
.route-step{
  background:rgba(255,255,255,.075)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(14px);
}
.route-step.on{
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 16px 40px rgba(0,18,38,.16)!important;
}
.route-step h3{color:#fff!important}
.route-step p{color:#bfd2de!important}
.route-step small{color:#9eb9c8!important}
.route-step.on::before{background:var(--ice)!important;box-shadow:0 0 0 2px rgba(142,220,255,.30)!important}

.process-card,.pilot-card,.assessment-intro-card,.pricing-teaser-card,.cta-box{
  background:linear-gradient(145deg,rgba(12,56,88,.74),rgba(6,34,58,.74))!important;
  border:1px solid rgba(166,224,245,.22)!important;
  box-shadow:0 26px 75px rgba(0,12,30,.25)!important;
  backdrop-filter:blur(18px);
}
.process-card strong,.pilot-label{color:var(--ice)!important}
.pilot-card h3{color:#fff!important}
.pilot-card p,.pilot-note{color:#c2d6e4!important}
.pilot-points span{
  background:rgba(255,255,255,.08)!important;
  color:#d5e7f0!important;
  border-color:var(--line-glass)!important;
}
.pilot-points span::before{color:var(--ice)!important}
.assessment-intro-card h2{color:#fff!important}
.assessment-intro-card p{color:#d2e2e9!important}
.assessment-promise{color:#83dfd5!important}
.assessment-risk{color:#c0d4df!important}
.assessment-risk span::before{color:var(--ice)!important}
.privacy-confidence{
  background:rgba(255,255,255,.075)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(14px);
}
.privacy-confidence strong{color:#fff!important}
.privacy-confidence p{color:#bdd2df!important}
.privacy-confidence a{color:var(--ice)!important}

.services{background:rgba(2,18,35,.78)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(16px);
}
.service{
  background:rgba(255,255,255,.075)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(16px);
}
.service:hover{background:rgba(255,255,255,.11)!important}
.service .icon{background:rgba(142,220,255,.12)!important}
.service b{color:#fff!important}
.service span{color:#bfd0de!important}
.payoff{
  background:rgba(142,220,255,.08)!important;
  border-color:rgba(142,220,255,.18)!important;
  color:#d7edf7!important;
}

.pricing-teaser-card .price,.pricing-teaser-card .price-start{color:#fff!important}
.pricing-teaser-card .price span{color:#b9d0dc!important}
.founder-photo{
  border-color:var(--line-glass)!important;
  box-shadow:0 26px 75px rgba(0,12,30,.26)!important;
}
.founder-label{
  background:rgba(3,24,45,.84)!important;
  color:#c0d6e3!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(14px);
}
.founder-label b{color:#fff!important}
.principle{
  background:rgba(255,255,255,.075)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(14px);
}
.principle b{color:#fff!important}
.principle span{color:#b5cbd8!important}

.faq-list details{
  background:rgba(255,255,255,.075)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(16px);
}
.faq-list summary{color:#fff!important}
.faq-list details p,.faq-list details ul,.fit-list{color:#bfd3df!important}
.faq-list .faq-price,.faq-list details p strong,.faq-list details p b{color:#fff!important;-webkit-text-fill-color:#fff!important}
.faq-pilot-note{
  border-left-color:var(--ice)!important;
  background:rgba(255,255,255,.07)!important;
  color:#d8e7ef!important;
}
.cta{background:rgba(1,14,29,.84)!important;backdrop-filter:blur(18px)}
.cta p{color:#c3d7e2!important}
.bottom-brand{background:rgba(2,18,35,.90)!important;
  border-color:var(--line-glass)!important;
}
.bottom-brand-lockup{background:#fff!important;border:1px solid rgba(255,255,255,.62);box-shadow:0 24px 65px rgba(0,12,30,.24)}
footer{background:rgba(1,12,26,.95)!important;
  border-color:var(--line-glass)!important;
  color:#a9c1cf!important;
}
.footer-grid b{color:#fff!important}

/* Pricing page: same glass template */
.pricing-page-hero{
  background:linear-gradient(180deg,rgba(2,21,41,.30),rgba(3,26,48,.58))!important;
  border-bottom:1px solid var(--line-glass)!important;
}
.pricing-page-hero h1{font-family:Georgia,"Times New Roman",serif!important;color:#fff!important}
.pricing-page-hero .lead{color:#c7dbe6!important}
.pricing-card{
  background:rgba(255,255,255,.075)!important;
  border-color:var(--line-glass)!important;
  box-shadow:0 18px 48px rgba(0,14,32,.20)!important;
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}
.pricing-card.popular{
  border-color:rgba(142,220,255,.72)!important;
  background:linear-gradient(155deg,rgba(20,76,108,.42),rgba(255,255,255,.08))!important;
}
.pricing-tier,.pricing-price{color:#fff!important}
.pricing-tag{color:#e8f5fb!important}
.pricing-price span,.pricing-fit,.pricing-feature,.pricing-micro{color:#bfd3df!important}
.pricing-rule{background:var(--line-glass)!important}
.pricing-check{background:rgba(142,220,255,.13)!important;color:var(--ice)!important}
.setup-note{
  background:rgba(255,255,255,.075)!important;
  border-color:var(--line-glass)!important;
  backdrop-filter:blur(16px);
}
.setup-note strong{color:#fff!important}
.setup-note p{color:#bfd3df!important}
.compare-wrap{
  background:rgba(5,28,50,.58)!important;
  border-color:var(--line-glass)!important;
  box-shadow:0 18px 48px rgba(0,14,32,.16)!important;
  backdrop-filter:blur(16px);
}
.compare table{background:transparent!important}
.compare th{
  background:rgba(142,220,255,.08)!important;
  color:#fff!important;
  border-color:var(--line-glass)!important;
}
.compare td{color:#c7dbe5!important;border-color:var(--line-glass)!important}
.yes{color:var(--ice)!important}.dash{color:#7392a5!important}
.pricing-final{background:rgba(1,14,29,.84)!important}

/* Privacy page: same background, navigation and glass language */
.privacy-hero{
  background:linear-gradient(180deg,rgba(2,21,41,.30),rgba(3,26,48,.58))!important;
  border-bottom:1px solid var(--line-glass)!important;
}
.privacy-hero h1{
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  text-shadow:0 4px 30px rgba(0,0,0,.20);
}
.privacy-intro{color:#c8dce7!important}
.privacy-effective{
  background:rgba(255,255,255,.07)!important;
  color:#bcd3df!important;
  border-color:var(--line-glass)!important;
}
.privacy-summary{
  background:rgba(255,255,255,.08)!important;
  border-color:var(--line-glass)!important;
  box-shadow:0 18px 48px rgba(0,14,32,.16)!important;
  backdrop-filter:blur(18px);
}
.privacy-summary strong{color:#fff!important}
.privacy-summary p{color:#bfd3df!important}
.privacy-summary a,.privacy-policy a{color:var(--ice)!important}
.privacy-policy{
  background:rgba(255,255,255,.075)!important;
  border:1px solid var(--line-glass)!important;
  border-radius:26px;
  padding:30px 32px;
  box-shadow:0 18px 48px rgba(0,14,32,.16)!important;
  backdrop-filter:blur(18px);
}
.privacy-policy section{background:transparent!important;border:0!important}
.privacy-policy h2{color:#fff!important}
.privacy-policy p,.privacy-policy li{color:#c5d9e4!important}
.privacy-policy li::marker{color:var(--ice)}
.privacy-policy .trust-statement{
  background:rgba(142,220,255,.09)!important;
  border-color:rgba(142,220,255,.20)!important;
  color:#e5f6fd!important;
}
.privacy-contact{border-color:var(--line-glass)!important}

@media(max-width:650px){
  .brand img{height:48px!important;max-height:48px!important;max-width:190px!important}
  .hero h1{font-size:48px!important;line-height:.96!important}
  .hero-price-note{font-size:12px!important}
  .privacy-policy{padding:24px 20px}
}

/* Navigation logo: match the approved mobile mockup proportions exactly. */
.brand{
  width:220px!important;
  height:62px!important;
  flex:0 0 220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:7px 12px!important;
}
.brand .brand-mark{
  width:58px!important;
  height:48px!important;
  flex:0 0 58px!important;
  display:block!important;
  background-image:url("bayward-growth-logo.jpg");
  background-repeat:no-repeat;
  background-size:154px 60px;
  background-position:left center;
}
.brand .brand-wordmark{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  width:126px!important;
  min-width:126px!important;
  margin-top:-1px!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-weight:950!important;
  font-size:26px!important;
  line-height:.84!important;
  letter-spacing:-1.25px!important;
  white-space:nowrap!important;
}
.brand .brand-wordmark .bayward{color:#05264f!important;}
.brand .brand-wordmark .growth{
  color:#138386!important;
  transform:scaleX(1.06);
  transform-origin:left center;
}
@media(min-width:651px){
  .brand{
    width:238px!important;
    height:64px!important;
    flex-basis:238px!important;
    padding:7px 13px!important;
    gap:11px!important;
  }
  .brand .brand-mark{
    width:61px!important;
    height:50px!important;
    flex-basis:61px!important;
    background-size:160px 62px;
  }
  .brand .brand-wordmark{
    width:136px!important;
    min-width:136px!important;
    font-size:28px!important;
  }
}