@charset "utf-8";

/* =========================================================
   CBR STANDALONE MOBILE + TABLET FILE
   DOES NOT REQUIRE cbr-desktop-styles.css
========================================================= */

#cbr-page{
  --navy:#00235d;
  --navy-deep:#00183f;
  --blue:#164d88;
  --green:#8cc63f;
  --green-dark:#537e12;
  --ink:#14213a;
  --text:#536174;
  --line:#d9dee4;
  --white:#fff;
  --container:1180px;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
  font-family:Roboto,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

#cbr-page,
#cbr-page *,
#cbr-page *::before,
#cbr-page *::after{box-sizing:border-box}

#cbr-page a{color:inherit;text-decoration:none}
#cbr-page img{max-width:100%;height:auto;display:block}
#cbr-page button,
#cbr-page input,
#cbr-page select,
#cbr-page textarea{font:inherit}
#cbr-page button{cursor:pointer}

#cbr-page .container{
  width:min(calc(100% - 48px),var(--container));
  margin-left:auto!important;
  margin-right:auto!important;
}

#cbr-page .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  padding:0 22px;
  border:1px solid transparent;
  border-radius:999px;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:.78rem;
  font-weight:700;
  transition:.25s ease;
}

#cbr-page .button:hover{transform:translateY(-2px)}

#cbr-page .button-primary{
  background:var(--green);
  color:var(--navy-deep);
  box-shadow:0 10px 25px rgba(140,198,63,.24);
}

#cbr-page .button-light{
  background:#fff;
  color:var(--navy);
}

#cbr-page .button-outline{
  background:#fff;
  border-color:rgba(0,35,93,.18);
  color:var(--navy);
}

#cbr-page .button-small{
  min-height:42px;
  padding:0 17px;
  font-size:.7rem;
}

#cbr-page .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:15px;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(140,198,63,.14);
  box-shadow:inset 0 0 0 1px rgba(140,198,63,.22);
  color:var(--navy);
  font-size:.64rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}

#cbr-page .eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px rgba(140,198,63,.12);
}

#cbr-page .eyebrow span{display:none}

#cbr-page .cbr-text-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
}

#cbr-page .cbr-link-arrow{
  position:relative;
  width:15px;
  height:10px;
  display:inline-block;
}

#cbr-page .cbr-link-arrow::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:12px;
  height:2px;
  background:currentColor;
  transform:translateY(-50%);
}

#cbr-page .cbr-link-arrow::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:6px;
  height:6px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:translateY(-50%) rotate(45deg);
}

/* =========================================================
   HEADER
========================================================= */

#cbr-page .site-header{
  position:relative;
  z-index:60;
  width:100%;
  background:#fff;
  border-bottom:1px solid rgba(20,33,58,.08);
  box-shadow:0 3px 14px rgba(0,35,93,.1);
}

#cbr-page .header-inner{
  min-height:78px;
  display:flex;
  align-items:center;
  gap:16px;
}

#cbr-page .brand{flex:0 0 auto}

#cbr-page .brand img{
  width:190px;
}

#cbr-page .main-nav{
  display:flex;
  align-items:center;
  gap:12px;
  margin-left:auto;
}

#cbr-page .main-nav a{
  position:relative;
  padding:29px 0 25px;
  color:#435065;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:.64rem;
  font-weight:600;
  white-space:nowrap;
}

#cbr-page .main-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  height:3px;
  border-radius:3px;
  background:var(--green);
  transform:scaleX(0);
  transition:.2s ease;
}

#cbr-page .main-nav a:hover::after{
  transform:scaleX(1);
}

#cbr-page .header-actions{
  display:flex;
  align-items:center;
  gap:9px;
}

#cbr-page .header-login{
  display:grid;
  padding:9px 12px;
  border:1px solid #dce2e8;
  border-radius:999px;
  color:var(--navy);
  font-size:.67rem;
  font-weight:900;
  line-height:1.1;
}

#cbr-page .header-login span{
  margin-bottom:2px;
  color:#7a8492;
  font-size:.49rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.07em;
}

#cbr-page .menu-toggle{
  display:none;
  width:42px;
  height:42px;
  margin-left:auto;
  padding:0;
  border:0;
  background:transparent;
}

#cbr-page .menu-toggle span{
  display:block;
  width:23px;
  height:2px;
  margin:5px auto;
  background:var(--navy);
}

/* =========================================================
   HERO
========================================================= */

#cbr-page .hero{
  position:relative;
  width:100%;
  min-height:650px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 20%,rgba(140,198,63,.18),transparent 28%),
    var(--navy-deep);
}

#cbr-page .hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.52;
}

#cbr-page .hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,21,56,.76),
    rgba(0,25,66,.94)
  );
}

#cbr-page .hero-grid-pattern{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.38;
}

#cbr-page .hero-inner{
  position:relative;
  z-index:2;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:35px;
  padding:68px 0 50px;
  text-align:center;
}

#cbr-page .hero-copy{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
}

#cbr-page .hero-copy .eyebrow{
  background:rgba(255,255,255,.11);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}

#cbr-page .hero-copy h1{
  max-width:950px;
  margin:0 0 23px;
  color:#fff;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2.8rem,5vw,5rem);
  line-height:1.04;
  letter-spacing:-.025em;
}

#cbr-page .hero-copy h1 em{
  position:relative;
  color:#d8f0a2;
  font-style:normal;
}

#cbr-page .hero-copy h1 em::after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-5px;
  height:4px;
  border-radius:4px;
  background:linear-gradient(
    90deg,
    transparent,
    var(--green),
    transparent
  );
}

#cbr-page .hero-copy p{
  max-width:800px;
  margin:0 0 28px;
  color:#fff;
  font-size:1.05rem;
}

#cbr-page .hero-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}

#cbr-page .hero-actions .button{
  min-width:200px;
  min-height:54px;
}

#cbr-page .hero-points{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:22px;
  margin-top:24px;
}

#cbr-page .hero-points span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#dce4ef;
  font-size:.75rem;
  font-weight:800;
}

#cbr-page .hero-points i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px rgba(140,198,63,.15);
}

#cbr-page .hero-proof{
  width:min(900px,100%);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  overflow:hidden;
  border-radius:25px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.3);
  text-align:left;
}

#cbr-page .hero-proof>div{
  padding:23px 28px;
  border-right:1px solid var(--line);
}

#cbr-page .hero-proof>div:last-child{
  border-right:0;
}

#cbr-page .hero-proof strong,
#cbr-page .hero-proof span{
  display:block;
}

#cbr-page .hero-proof strong{
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:1.9rem;
}

#cbr-page .hero-proof span{
  margin-top:6px;
  color:#667388;
  font-size:.66rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

/* =========================================================
   BENEFIT STRIP
========================================================= */

#cbr-page .benefit-strip{
  padding:30px 0 38px;
  background:#fff;
}

#cbr-page .benefit-strip-grid{
  width:min(calc(100% - 48px),930px);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:0;
  overflow:hidden;
  border-radius:22px;
  background:var(--navy);
  box-shadow:0 18px 45px rgba(0,35,93,.14);
}

#cbr-page .benefit-strip-item{
  min-height:120px;
  display:flex;
  align-items:center;
  gap:15px;
  padding:24px;
  border-right:1px solid rgba(255,255,255,.16);
  color:#fff;
}

#cbr-page .benefit-strip-item:last-child{
  border-right:0;
}

#cbr-page .benefit-strip-icon{
  width:44px;
  flex:0 0 44px;
}

#cbr-page .benefit-strip-icon img{
  width:40px;
}

#cbr-page .benefit-strip-copy strong,
#cbr-page .benefit-strip-copy span{
  display:block;
}

#cbr-page .benefit-strip-copy strong{
  margin-bottom:5px;
  color:#fff;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:.95rem;
}

#cbr-page .benefit-strip-copy span{
  color:#d8e2ee;
  font-size:.7rem;
  line-height:1.45;
}

/* =========================================================
   OVERVIEW
========================================================= */

#cbr-page .overview-section{
  padding:95px 0 105px;
  overflow:hidden;
  background:
    radial-gradient(circle at 95% 30%,rgba(140,198,63,.1),transparent 24%),
    #fff;
}

#cbr-page .overview-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:60px;
}

#cbr-page .overview-copy h2{
  max-width:590px;
  margin:0 0 22px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2.15rem,3.2vw,3.2rem);
  line-height:1.08;
}

#cbr-page .overview-copy p{
  max-width:610px;
  margin:0 0 18px;
  color:#425066;
  font-size:.95rem;
}

#cbr-page .overview-copy .lead{
  font-size:1.1rem;
}

#cbr-page .text-link-row{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-top:26px;
}

#cbr-page .text-link-row a{
  color:var(--blue);
  font-size:.75rem;
  font-weight:900;
}

#cbr-page .overview-collage{
  position:relative;
  min-height:500px;
}

#cbr-page .overview-photo{
  position:absolute;
  overflow:hidden;
  background:#eef2f5;
  box-shadow:0 28px 80px rgba(0,25,65,.14);
}

#cbr-page .overview-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

#cbr-page .main-photo{
  right:0;
  top:0;
  width:88%;
  height:390px;
  border-radius:25px;
}

#cbr-page .small-photo{
  left:0;
  bottom:0;
  width:48%;
  height:205px;
  border:9px solid #fff;
  border-radius:22px;
  transform:rotate(-2deg);
}

#cbr-page .overview-stat-card{
  position:absolute;
  right:0;
  bottom:8px;
  min-width:175px;
  padding:20px;
  border-radius:18px;
  background:var(--navy);
  color:#fff;
}

#cbr-page .overview-stat-card span,
#cbr-page .overview-stat-card strong,
#cbr-page .overview-stat-card small{
  display:block;
}

#cbr-page .overview-stat-card span{
  color:#cbd7e5;
  font-size:.6rem;
  text-transform:uppercase;
}

#cbr-page .overview-stat-card strong{
  color:#fff;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:2.1rem;
}

#cbr-page .overview-stat-card small{
  color:#cbd7e5;
  font-size:.64rem;
}

#cbr-page .overview-badge{
  position:absolute;
  left:33%;
  top:-5px;
  padding:10px 15px;
  border-radius:999px;
  background:var(--green);
  color:var(--navy-deep);
  font-size:.64rem;
  font-weight:900;
}

/* =========================================================
   BENEFITS SLIDER
========================================================= */

#cbr-page .benefits-section{
  padding:90px 0 100px;
  overflow:hidden;
  background:linear-gradient(180deg,#f1f4ee,#f7f8f5);
}

#cbr-page .benefits-section>.container{
  width:min(calc(100% - 48px),1200px);
}

#cbr-page .section-heading{
  max-width:760px;
  margin-bottom:38px;
}

#cbr-page .section-heading h2{
  margin:0 0 18px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2.15rem,3.2vw,3.25rem);
  line-height:1.08;
}

#cbr-page .section-heading p{
  margin:0;
  color:#425066;
  font-size:.95rem;
}

#cbr-page .slider-shell{width:100%}

#cbr-page .slider-viewport{
  width:100%;
  overflow:hidden;
  border-radius:22px;
}

#cbr-page .slider-track{
  width:500%;
  display:flex;
  transition:margin-left .45s cubic-bezier(.22,.61,.36,1);
}

#cbr-page .feature-slide{
  width:20%;
  flex:0 0 20%;
  min-height:410px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  overflow:hidden;
  border-radius:22px;
}

#cbr-page .feature-slide:nth-child(1){
  background:linear-gradient(135deg,#fffaf0,#eef5e7);
}

#cbr-page .feature-slide:nth-child(2){
  background:linear-gradient(135deg,#001438,#07366d 60%,#3e713b 140%);
}

#cbr-page .feature-slide:nth-child(3){
  background:linear-gradient(135deg,#e5f0dd,#f7f4e8);
}

#cbr-page .feature-slide:nth-child(4){
  background:linear-gradient(135deg,#e8f0f6,#edf5e7);
}

#cbr-page .feature-slide:nth-child(5){
  background:linear-gradient(135deg,#00122f,#07366d 58%,#527f2f 145%);
}

#cbr-page .feature-slide-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:44px 46px;
}

#cbr-page .slide-label{
  align-self:flex-start;
  padding:7px 11px;
  margin-bottom:17px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  color:var(--navy);
  font-size:.64rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .feature-slide-copy h3{
  max-width:600px;
  margin:0 0 17px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(1.75rem,2.6vw,2.7rem);
  line-height:1.13;
}

#cbr-page .feature-slide-copy p{
  margin:0 0 22px;
  color:#425066;
  font-size:.9rem;
}

#cbr-page .feature-slide-copy>a{
  color:var(--navy);
  font-size:.75rem;
  font-weight:900;
}

#cbr-page .feature-slide-dark .feature-slide-copy h3,
#cbr-page .feature-slide-dark .feature-slide-copy p,
#cbr-page .feature-slide-dark .feature-slide-copy>a{
  color:#fff;
}

#cbr-page .feature-slide-dark .slide-label{
  background:rgba(255,255,255,.14);
  color:#fff;
}

#cbr-page .feature-slide-visual{
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:22px 22px 22px 0;
  padding:35px;
  border-radius:18px;
  background:rgba(255,255,255,.68);
}

#cbr-page .feature-slide-dark .feature-slide-visual{
  background:rgba(255,255,255,.13);
}

#cbr-page .role-list{
  width:min(390px,100%);
  display:grid;
  gap:9px;
  padding:16px;
  border-radius:15px;
  background:#fff;
}

#cbr-page .role-list a{
  display:block;
  padding:13px 14px;
  border-radius:9px;
  background:#f4f7fb;
  color:#31415a;
  font-size:.75rem;
  font-weight:800;
}

#cbr-page .role-list a:nth-child(2){
  background:#eaf0ff;
  color:var(--blue);
}

#cbr-page .role-list a:nth-child(3){
  background:#f1f8da;
  color:var(--green-dark);
}

#cbr-page .gauge-visual{
  flex-direction:column;
}

#cbr-page .gauge-ring{
  position:relative;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(
    var(--green) 0 72%,
    rgba(255,255,255,.24) 72% 100%
  );
}

#cbr-page .gauge-ring::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  background:#fff;
}

#cbr-page .gauge-ring span{
  position:relative;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:2.1rem;
  font-weight:700;
}

#cbr-page .gauge-visual small{
  margin-top:16px;
  color:#fff;
  font-size:.62rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .planning-visual{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}

#cbr-page .planning-card{
  padding:16px;
  border-radius:13px;
  background:#fff;
}

#cbr-page .planning-card span,
#cbr-page .planning-card strong{
  display:block;
}

#cbr-page .planning-card span{
  color:#718095;
  font-size:.62rem;
}

#cbr-page .planning-card strong{
  color:var(--navy);
  font-size:1.25rem;
}

#cbr-page .planning-card.active{
  background:var(--green);
}

#cbr-page .retention-visual{
  flex-direction:column;
  gap:9px;
}

#cbr-page .retention-meter{
  width:80%;
  height:17px;
  border-radius:999px;
  overflow:hidden;
  background:#dce2e8;
}

#cbr-page .retention-meter-fill{
  display:block;
  width:82%;
  height:100%;
  background:linear-gradient(90deg,var(--navy),var(--green));
}

#cbr-page .retention-visual strong{
  color:var(--navy);
}

#cbr-page .retention-visual small{
  color:#68768a;
  font-size:.62rem;
  text-transform:uppercase;
}

#cbr-page .equity-visual{
  flex-direction:column;
  align-items:stretch;
  gap:16px;
}

#cbr-page .equity-heading{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

#cbr-page .equity-heading span{
  color:#fff;
  font-size:.65rem;
  font-weight:900;
}

#cbr-page .equity-heading strong{
  padding:5px 8px;
  border-radius:999px;
  background:var(--green);
  color:var(--navy);
  font-size:.58rem;
}

#cbr-page .equity-band{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:10px;
  align-items:center;
}

#cbr-page .equity-band>span{
  color:#fff;
  font-size:.62rem;
  font-weight:900;
}

#cbr-page .equity-band>div{
  position:relative;
  height:35px;
  overflow:hidden;
  border-radius:8px;
  background:rgba(255,255,255,.13);
}

#cbr-page .equity-fill{
  position:absolute;
  top:0;
  height:100%;
  background:linear-gradient(90deg,#8cc63f,#c1e479);
}

#cbr-page .equity-fill-one{left:8%;width:47%}
#cbr-page .equity-fill-two{left:25%;width:52%}
#cbr-page .equity-fill-three{left:48%;width:45%}

#cbr-page .equity-band b{
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  font-size:.58rem;
}

#cbr-page .equity-scale{
  display:flex;
  justify-content:space-between;
  padding-left:62px;
}

#cbr-page .equity-scale span{
  color:rgba(255,255,255,.75);
  font-size:.55rem;
}

#cbr-page .slider-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-top:22px;
}

#cbr-page .slider-arrow{
  position:relative;
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:var(--navy);
}

#cbr-page .slider-arrow::before{
  content:"";
  position:absolute;
  top:50%;
  width:9px;
  height:9px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
}

#cbr-page .slider-arrow-prev::before{
  left:52%;
  transform:translate(-50%,-50%) rotate(-135deg);
}

#cbr-page .slider-arrow-next::before{
  left:48%;
  transform:translate(-50%,-50%) rotate(45deg);
}

#cbr-page .slider-dots{
  display:flex;
  align-items:center;
  gap:7px;
}

#cbr-page .slider-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#b8c2ce;
}

#cbr-page .slider-dots button.active{
  width:26px;
  background:var(--green);
}

/* =========================================================
   MID DEMO
========================================================= */

#cbr-page .mid-demo-section{
  position:relative;
  padding:74px 0;
  background:
    radial-gradient(circle at 12% 20%,rgba(140,198,63,.2),transparent 28%),
    linear-gradient(120deg,#00183f,#07366d);
}

#cbr-page .mid-demo-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:55px;
  align-items:center;
}

#cbr-page .mid-demo-copy{
  color:#fff;
}

#cbr-page .mid-demo-copy .eyebrow{
  background:rgba(255,255,255,.1);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}

#cbr-page .mid-demo-copy h2{
  margin:0 0 17px;
  color:#fff;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.1;
}

#cbr-page .mid-demo-copy p{
  color:#d3deeb;
  font-size:.9rem;
}

#cbr-page .mid-demo-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

#cbr-page .mid-demo-points span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#fff;
  font-size:.62rem;
  font-weight:800;
}

#cbr-page .mid-demo-form{
  padding:27px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 28px 70px rgba(0,0,0,.25);
}

#cbr-page .mid-demo-form-heading>span{
  display:block;
  color:var(--blue);
  font-size:.62rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .mid-demo-form-heading h3{
  margin:5px 0 18px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:1.65rem;
}

#cbr-page .mid-demo-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}

#cbr-page .mid-demo-form label{
  display:grid;
  gap:6px;
  margin-bottom:12px;
}

#cbr-page .mid-demo-form label span{
  color:#4d5c70;
  font-size:.66rem;
  font-weight:900;
}

#cbr-page .mid-demo-form input{
  width:100%;
  min-height:44px;
  padding:10px 11px;
  border:1px solid #d9e1e9;
  border-radius:9px;
  outline:none;
  background:#f9fbfc;
}

#cbr-page .mid-demo-submit-row{
  display:flex;
  align-items:center;
  gap:16px;
}

#cbr-page .mid-demo-submit-row p{
  margin:0;
  color:#8792a1;
  font-size:.59rem;
}

/* =========================================================
   DATA PREVIEW
========================================================= */

#cbr-page .data-section{
  padding:88px 0 98px;
  background:linear-gradient(180deg,#fff,#eef3ec);
}

#cbr-page .data-section-heading{
  max-width:730px;
  margin:0 auto 34px;
  text-align:center;
}

#cbr-page .data-section-heading h2{
  margin:0 0 16px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2.1rem,3.2vw,3.2rem);
  line-height:1.08;
}

#cbr-page .data-section-heading p{
  margin:0;
  color:#425066;
  font-size:.93rem;
}

#cbr-page .data-preview{
  overflow:hidden;
  border:1px solid rgba(0,35,93,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 65px rgba(0,25,65,.13);
}

#cbr-page .data-preview-header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:22px 25px;
  background:linear-gradient(120deg,#00235d,#0d417c);
  color:#fff;
}

#cbr-page .overline{
  display:block;
  margin-bottom:7px;
  color:#b9c8dc;
  font-size:.59rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .role-picker{
  display:grid;
  gap:5px;
}

#cbr-page .role-picker>span{
  color:#b9c8dc;
  font-size:.56rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .role-picker select{
  min-width:250px;
  padding:8px 10px;
  border:0;
  border-radius:7px;
  background:#fff;
  color:var(--navy);
  font-size:.72rem;
  font-weight:700;
}

#cbr-page .dashboard-tabs{
  display:flex;
  gap:4px;
  padding:4px;
  border-radius:10px;
  background:rgba(0,18,48,.55);
}

#cbr-page .tab{
  padding:9px 12px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#dfe7f1;
  font-size:.66rem;
  font-weight:900;
}

#cbr-page .tab.active{
  background:var(--green);
  color:var(--navy);
}

#cbr-page .dashboard-filterbar{
  display:flex;
  align-items:flex-end;
  gap:12px;
  padding:13px 20px;
  border-bottom:1px solid var(--line);
  background:#f7f9fa;
}

#cbr-page .dashboard-filterbar label{
  display:grid;
  gap:4px;
}

#cbr-page .dashboard-filterbar label span{
  color:#637185;
  font-size:.55rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .dashboard-filterbar select{
  min-width:150px;
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#fff;
  color:var(--navy);
  font-size:.65rem;
}

#cbr-page .dashboard-status{
  margin-left:auto;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 8px;
}

#cbr-page .dashboard-status i{
  grid-row:1/3;
  width:8px;
  height:8px;
  margin-top:4px;
  border-radius:50%;
  background:var(--green);
}

#cbr-page .dashboard-status span{
  color:#78869a;
  font-size:.55rem;
}

#cbr-page .dashboard-status strong{
  color:var(--navy);
  font-size:.59rem;
}

#cbr-page .data-preview-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
}

#cbr-page .chart-panel{
  padding:26px;
  border-right:1px solid var(--line);
}

#cbr-page .chart-topline{
  display:flex;
  justify-content:space-between;
  gap:15px;
}

#cbr-page .chart-topline span,
#cbr-page .chart-topline strong{
  display:block;
}

#cbr-page .chart-topline span{
  color:#798696;
  font-size:.61rem;
}

#cbr-page .chart-topline strong{
  color:var(--navy);
  font-size:.82rem;
}

#cbr-page .sample-badge{
  align-self:flex-start;
  padding:5px 8px;
  border-radius:999px;
  background:#f1f8da;
  color:var(--green-dark)!important;
  font-size:.54rem!important;
  font-weight:900;
}

#cbr-page .bar-chart{
  height:280px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:end;
  gap:16px;
  margin-top:8px;
  padding:30px 8px 0;
  border-bottom:1px solid var(--line);
  background:
    repeating-linear-gradient(
      to top,
      transparent 0,
      transparent 54px,
      #e7ecef 55px
    );
}

#cbr-page .chart-bar{
  position:relative;
  width:min(90px,70%);
  justify-self:center;
  height:46%;
  border-radius:9px 9px 2px 2px;
  background:linear-gradient(180deg,var(--green),#639625);
  transform-origin:center bottom;
  transition:height .65s ease,opacity .25s ease,transform .65s ease;
}

#cbr-page .chart-bar:nth-child(even){
  background:linear-gradient(180deg,#174f8e,var(--navy));
}

#cbr-page .chart-bar.chart-bar-muted{
  opacity:.32;
}

#cbr-page .chart-value{
  position:absolute;
  left:50%;
  top:-25px;
  transform:translateX(-50%);
  color:var(--navy);
  font-size:.62rem;
  font-weight:900;
}

#cbr-page .chart-labels{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  padding:12px 8px 0;
  text-align:center;
  color:#7a8798;
  font-size:.58rem;
}

#cbr-page .chart-labels span{
  display:grid;
}

#cbr-page .chart-labels b{
  color:var(--navy);
  font-size:.75rem;
}

#cbr-page .data-summary{
  display:grid;
  gap:10px;
  padding:17px;
  background:#eef2ed;
}

#cbr-page .summary-card,
#cbr-page .trend-card,
#cbr-page .insight-card{
  padding:15px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
}

#cbr-page .summary-card span,
#cbr-page .summary-card strong,
#cbr-page .summary-card small,
#cbr-page .trend-card span,
#cbr-page .trend-card strong,
#cbr-page .trend-card small{
  display:block;
}

#cbr-page .summary-card span,
#cbr-page .trend-card span,
#cbr-page .insight-card span{
  color:#7b8798;
  font-size:.55rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .summary-card strong{
  margin:5px 0;
  color:var(--navy);
  font-size:1.4rem;
}

#cbr-page .median-card{
  background:var(--navy);
}

#cbr-page .median-card span,
#cbr-page .median-card strong,
#cbr-page .median-card small{
  color:#fff;
}

#cbr-page .trend-card strong{
  color:var(--green-dark);
  font-size:1.2rem;
}

#cbr-page .insight-card{
  background:var(--navy);
}

#cbr-page .insight-card span{
  color:var(--green);
}

#cbr-page .insight-card p{
  margin:8px 0 0;
  color:#d6dfeb;
  font-size:.68rem;
}

/* Graph animation reset */
#cbr-page.cbr-data-animation-ready
#cbr-data-preview:not(.cbr-data-active)
.chart-bar{
  transform:scaleY(.02);
  opacity:.22;
}

#cbr-page.cbr-data-animation-ready
#cbr-data-preview:not(.cbr-data-active)
.chart-value{
  opacity:0;
}

#cbr-page.cbr-data-animation-ready
#cbr-data-preview.cbr-data-active
.chart-bar{
  transform:scaleY(1);
}

#cbr-page.cbr-data-animation-ready
#cbr-data-preview.cbr-data-active
.chart-value{
  opacity:1;
}

/* =========================================================
   COVERAGE
========================================================= */

#cbr-page .coverage-section{
  padding:88px 0 92px;
  background:
    radial-gradient(circle at 50% 18%,#174b82,var(--navy) 44%,var(--navy-deep));
  color:#fff;
}

#cbr-page .coverage-heading{
  display:grid;
  grid-template-columns:1fr .75fr;
  gap:45px;
  align-items:end;
  margin-bottom:32px;
}

#cbr-page .coverage-heading .eyebrow{
  background:rgba(255,255,255,.1);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}

#cbr-page .coverage-heading h2{
  margin:0;
  color:#fff;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2.1rem,3vw,3.2rem);
  line-height:1.08;
}

#cbr-page .coverage-heading>p{
  margin:0;
  color:#c9d6e5;
  font-size:.9rem;
}

#cbr-page .coverage-grid{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
  overflow:hidden;
  border-radius:24px;
}

#cbr-page .market-panel{
  padding:25px;
  background:linear-gradient(145deg,#fff,#eef3ef);
}

#cbr-page .market-label{
  display:flex;
  align-items:center;
  gap:12px;
}

#cbr-page .market-label>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--green);
  color:var(--navy);
  font-weight:900;
}

#cbr-page .market-label small{
  display:block;
  color:#718094;
  font-size:.55rem;
  text-transform:uppercase;
}

#cbr-page .market-label h3{
  margin:0;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:1.45rem;
}

#cbr-page .market-panel>img{
  width:100%;
  height:225px;
  object-fit:contain;
  margin:15px auto 10px;
}

#cbr-page .coverage-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}

#cbr-page .coverage-stats>div{
  padding:15px;
  border-radius:12px;
  background:#fff;
}

#cbr-page .coverage-stats strong,
#cbr-page .coverage-stats span{
  display:block;
}

#cbr-page .coverage-stats strong{
  color:var(--navy);
  font-size:1.5rem;
}

#cbr-page .coverage-stats span{
  margin-top:4px;
  color:#768499;
  font-size:.58rem;
  font-weight:800;
  text-transform:uppercase;
}

#cbr-page .market-survey-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:14px;
}

#cbr-page .market-survey-links a{
  position:relative;
  min-height:68px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:11px 35px 11px 13px;
  border-radius:10px;
  background:#fff;
  color:var(--navy);
}

#cbr-page .market-survey-links a span{
  color:#738095;
  font-size:.53rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .market-survey-links a strong{
  color:var(--navy);
  font-size:.66rem;
}

#cbr-page .market-link-arrow{
  position:absolute;
  right:12px;
  top:50%;
  width:17px;
  height:17px;
  border-radius:50%;
  background:var(--green);
  transform:translateY(-50%);
}

#cbr-page .market-connector{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:90px;
  height:90px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border:5px solid #fff;
  border-radius:50%;
  background:var(--navy);
  text-align:center;
}

#cbr-page .market-connector span{
  color:#fff;
  font-size:.54rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .coverage-action{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  margin-top:22px;
}

#cbr-page .coverage-action p{
  margin:0;
  color:#d4dfeb;
  font-size:.82rem;
}

/* =========================================================
   DECISIONS
========================================================= */

#cbr-page .decisions-section{
  padding:90px 0 98px;
  background:linear-gradient(135deg,#f7f4ed,#eef3ec);
}

#cbr-page .decisions-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:55px;
  align-items:center;
}

#cbr-page .decisions-copy h2{
  margin:0 0 20px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2.05rem,3vw,3.15rem);
  line-height:1.08;
}

#cbr-page .decisions-copy>p{
  color:#425066;
  font-size:.92rem;
}

#cbr-page .decision-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}

#cbr-page .decision-tags button{
  padding:8px 11px;
  border:1px solid rgba(0,35,93,.13);
  border-radius:999px;
  background:#fff;
  color:var(--navy);
  font-size:.62rem;
  font-weight:900;
}

#cbr-page .decision-tags button.active{
  background:var(--navy);
  color:#fff;
}

#cbr-page .decision-dashboard{
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 70px rgba(0,25,65,.14);
}

#cbr-page .decision-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:18px 21px;
  background:var(--navy);
  color:#fff;
}

#cbr-page .decision-toolbar span,
#cbr-page .decision-toolbar strong{
  display:block;
}

#cbr-page .decision-toolbar span{
  color:#b8c7da;
  font-size:.55rem;
  text-transform:uppercase;
}

#cbr-page .decision-toolbar strong{
  font-size:.82rem;
}

#cbr-page .decision-toolbar>button{
  padding:8px 11px;
  border:0;
  border-radius:7px;
  background:var(--green);
  color:var(--navy);
  font-size:.6rem;
  font-weight:900;
}

#cbr-page .decision-body{
  display:grid;
  grid-template-columns:225px 1fr;
}

#cbr-page .filter-column{
  display:grid;
  gap:12px;
  padding:20px;
  background:#e9eee8;
}

#cbr-page .filter-column label{
  display:grid;
  gap:5px;
  color:#647286;
  font-size:.55rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .filter-column select{
  width:100%;
  padding:8px;
  border:1px solid #d3dae2;
  border-radius:7px;
  background:#fff;
  color:#405067;
  font-size:.64rem;
}

#cbr-page .reset-filters{
  min-height:38px;
  border:1px solid rgba(0,35,93,.2);
  border-radius:7px;
  background:transparent;
  color:var(--navy);
  font-size:.61rem;
  font-weight:900;
}

#cbr-page .report-column{
  min-height:350px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px;
  background:#f8faf9;
}

#cbr-page .report-context{
  margin-bottom:20px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  color:#6f7d8e;
  font-size:.61rem;
}

#cbr-page .report-stat span,
#cbr-page .report-stat strong,
#cbr-page .report-stat small{
  display:block;
}

#cbr-page .report-stat span{
  color:#7a8798;
  font-size:.56rem;
  text-transform:uppercase;
}

#cbr-page .report-stat strong{
  color:var(--navy);
  font-size:2rem;
}

#cbr-page .report-stat small{
  color:#8490a0;
  font-size:.6rem;
}

#cbr-page .report-bars{
  display:grid;
  gap:11px;
  margin-top:27px;
}

#cbr-page .report-bars i{
  display:block;
  width:var(--w);
  height:13px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),#7da0ed);
}

#cbr-page .report-bars i:nth-child(2){
  background:linear-gradient(90deg,var(--green-dark),var(--green));
}

#cbr-page .report-bars i:nth-child(3){
  background:linear-gradient(90deg,#315b91,#7fa3c9);
}

#cbr-page .report-bars i:nth-child(4){
  background:linear-gradient(90deg,var(--navy),#315f9d);
}

#cbr-page .report-legend{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  margin-top:12px;
  color:#7a8798;
  font-size:.51rem;
  text-align:center;
}

/* =========================================================
   PROCESS
========================================================= */

#cbr-page .process-section{
  padding:86px 0 92px;
  background:#fff;
}

#cbr-page .process-section-heading{
  max-width:720px;
  margin:0 auto 46px;
  text-align:center;
}

#cbr-page .process-section-heading h2{
  margin:0 0 16px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2.1rem,3vw,3.2rem);
  line-height:1.08;
}

#cbr-page .process-section-heading p{
  color:#526176;
  font-size:.92rem;
}

#cbr-page .process-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

#cbr-page .process-grid::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:50px;
  height:3px;
  background:linear-gradient(90deg,var(--green),#dce6d6);
}

#cbr-page .process-card{
  position:relative;
  z-index:2;
  text-align:center;
}

#cbr-page .process-number{
  position:absolute;
  top:-16px;
  left:50%;
  transform:translateX(-50%);
  color:var(--green-dark);
  font-size:.72rem;
  font-weight:900;
}

#cbr-page .process-icon{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  margin:0 auto 22px;
  border:6px solid #fff;
  border-radius:50%;
  background:var(--navy);
  box-shadow:0 10px 28px rgba(0,35,93,.18);
}

#cbr-page .process-icon img{
  width:26px;
  filter:brightness(0) invert(1);
}

#cbr-page .process-card h3{
  margin:0 0 9px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:1rem;
}

#cbr-page .process-card p{
  margin:0;
  color:#667388;
  font-size:.71rem;
}

#cbr-page .process-action{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  margin-top:45px;
  padding:21px 24px;
  border-radius:17px;
  background:#f2f6f0;
}

#cbr-page .process-action-copy strong,
#cbr-page .process-action-copy span{
  display:block;
}

#cbr-page .process-action-copy strong{
  color:var(--navy);
  font-size:.92rem;
}

#cbr-page .process-action-copy span{
  color:#667388;
  font-size:.71rem;
}

/* =========================================================
   FAQ
========================================================= */

#cbr-page .faq-section{
  padding:82px 0 88px;
  background:linear-gradient(180deg,#f1f4ef,#fff);
}

#cbr-page .faq-section>.container{
  width:min(calc(100% - 40px),900px);
}

#cbr-page .faq-section-heading{
  max-width:680px;
  margin:0 auto 34px;
  text-align:center;
}

#cbr-page .faq-section-heading h2{
  margin:0 0 14px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2rem,3vw,3.1rem);
  line-height:1.08;
}

#cbr-page .faq-section-heading p{
  color:#5d6a7c;
  font-size:.88rem;
}

#cbr-page .accordion{
  display:grid;
  gap:9px;
}

#cbr-page .accordion-item{
  overflow:hidden;
  border:1px solid rgba(0,35,93,.1);
  border-radius:14px;
  background:#fff;
}

#cbr-page .accordion-button{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:16px 18px;
  border:0;
  background:transparent;
  color:var(--navy);
  text-align:left;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:.88rem;
  font-weight:700;
}

#cbr-page .accordion-button i{
  position:relative;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  background:#f7f9f6;
}

#cbr-page .accordion-button i::before,
#cbr-page .accordion-button i::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:var(--green-dark);
  transform:translate(-50%,-50%);
}

#cbr-page .accordion-button i::before{
  width:11px;
  height:2px;
}

#cbr-page .accordion-button i::after{
  width:2px;
  height:11px;
}

#cbr-page .accordion-item.active .accordion-button i{
  background:var(--green);
}

#cbr-page .accordion-item.active .accordion-button i::after{
  display:none;
}

#cbr-page .accordion-panel{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease;
}

#cbr-page .accordion-panel>div{
  overflow:hidden;
}

#cbr-page .accordion-item.active .accordion-panel{
  grid-template-rows:1fr;
}

#cbr-page .accordion-panel p{
  margin:0 52px 18px 18px;
  color:#5c697b;
  font-size:.76rem;
}

#cbr-page .faq-video{
  position:relative;
  width:calc(100% - 70px);
  aspect-ratio:16/9;
  margin:0 52px 20px 18px;
  overflow:hidden;
  border-radius:12px;
  background:var(--navy);
}

#cbr-page .faq-video iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

#cbr-page .faq-contact-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  margin-top:22px;
  padding:16px;
  border-radius:13px;
  background:#fff;
}

#cbr-page .faq-contact-row p{
  margin:0;
  color:var(--navy);
  font-size:.8rem;
  font-weight:900;
}

/* =========================================================
   CONTACT
========================================================= */

#cbr-page .contact-section{
  position:relative;
  padding:90px 0;
  overflow:hidden;
  background:var(--navy-deep);
}

#cbr-page .contact-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 20%,rgba(140,198,63,.2),transparent 28%),
    linear-gradient(90deg,rgba(0,19,52,.98),rgba(0,35,93,.88)),
    url("creative/assets/backgrounds/people-background.png") center/cover;
}

#cbr-page .contact-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:55px;
  align-items:center;
}

#cbr-page .contact-copy{
  color:#fff;
}

#cbr-page .contact-copy .eyebrow{
  background:rgba(255,255,255,.1);
  color:#fff;
}

#cbr-page .contact-copy h2{
  margin:0 0 18px;
  color:#fff;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(2.1rem,3.2vw,3.3rem);
  line-height:1.08;
}

#cbr-page .contact-copy>p{
  color:#cbd7e5;
  font-size:.88rem;
}

#cbr-page .contact-points{
  display:grid;
  gap:9px;
  margin:22px 0;
}

#cbr-page .contact-points span{
  display:flex;
  align-items:center;
  color:#e0e7f0;
  font-size:.73rem;
  font-weight:800;
}

#cbr-page .contact-points b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  margin-right:9px;
  border-radius:50%;
  background:rgba(140,198,63,.14);
  color:var(--green);
  font-size:.58rem;
}

#cbr-page .contact-email{
  color:var(--green);
  font-size:.82rem;
  font-weight:900;
}

#cbr-page .demo-form{
  padding:30px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 30px 80px rgba(0,0,0,.3);
}

#cbr-page .form-heading span{
  color:var(--blue);
  font-size:.61rem;
  font-weight:900;
  text-transform:uppercase;
}

#cbr-page .form-heading h3{
  margin:5px 0 20px;
  color:var(--navy);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:1.7rem;
}

#cbr-page .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

#cbr-page .demo-form label{
  display:grid;
  gap:6px;
  margin-bottom:12px;
  color:#4e5c70;
  font-size:.64rem;
  font-weight:900;
}

#cbr-page .demo-form input{
  width:100%;
  min-height:44px;
  padding:10px 11px;
  border:1px solid #d8e0e8;
  border-radius:8px;
  outline:none;
  background:#f9fbfc;
}

#cbr-page .form-submit{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

#cbr-page .form-submit p{
  max-width:230px;
  margin:0;
  color:#8792a1;
  font-size:.58rem;
}

/* =========================================================
   FLOATING BUTTONS
========================================================= */

#cbr-page .sticky-center-action{
  position:fixed;
  z-index:90;
  right:15px;
  bottom:15px;
}

#cbr-page .sticky-center-action a{
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 19px 10px 10px;
  border:2px solid #fff;
  border-radius:999px;
  background:var(--green);
  color:var(--navy-deep);
  box-shadow:0 18px 45px rgba(12,30,60,.25);
}

#cbr-page .sticky-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-size:1.5rem;
}

#cbr-page .sticky-center-action strong,
#cbr-page .sticky-center-action small,
#cbr-page .sticky-demo-action strong,
#cbr-page .sticky-demo-action small{
  display:block;
}

#cbr-page .sticky-center-action strong,
#cbr-page .sticky-demo-action strong{
  font-size:.72rem;
}

#cbr-page .sticky-center-action small,
#cbr-page .sticky-demo-action small{
  font-size:.55rem;
  opacity:.72;
}

#cbr-page .sticky-demo-action{
  position:fixed;
  z-index:90;
  left:15px;
  bottom:15px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--navy);
  box-shadow:0 18px 45px rgba(12,30,60,.22);
}

#cbr-page .sticky-demo-action svg{
  width:23px;
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:980px){

  #cbr-page .container{
    width:min(calc(100% - 36px),var(--container));
  }

  #cbr-page .menu-toggle{
    display:block;
  }

  #cbr-page .main-nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:grid;
    gap:0;
    margin:0;
    padding:16px 22px;
    background:#fff;
    box-shadow:0 20px 35px rgba(12,30,60,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:.25s ease;
  }

  #cbr-page .main-nav.open{
    opacity:1;
    visibility:visible;
    transform:none;
  }

  #cbr-page .main-nav a{
    padding:12px 0;
    border-bottom:1px solid var(--line);
    font-size:.78rem;
  }

  #cbr-page .main-nav a::after{
    display:none;
  }

  #cbr-page .header-actions{
    display:none;
  }

  #cbr-page .hero-copy h1{
    font-size:clamp(2.6rem,7vw,4.1rem);
  }

  #cbr-page .hero-proof{
    max-width:600px;
  }

  #cbr-page .benefit-strip-grid{
    width:min(calc(100% - 36px),600px);
    grid-template-columns:1fr;
  }

  #cbr-page .benefit-strip-item{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.16);
  }

  #cbr-page .overview-grid{
    grid-template-columns:1fr;
    gap:45px;
  }

  #cbr-page .overview-collage{
    max-width:700px;
  }

  #cbr-page .feature-slide{
    grid-template-columns:1fr;
  }

  #cbr-page .feature-slide-copy{
    padding:35px;
  }

  #cbr-page .feature-slide-visual{
    min-height:240px;
    margin:0 20px 20px;
  }

  #cbr-page .mid-demo-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  #cbr-page .data-preview-grid{
    grid-template-columns:1fr;
  }

  #cbr-page .chart-panel{
    border-right:0;
  }

  #cbr-page .data-summary{
    grid-template-columns:repeat(3,1fr);
  }

  #cbr-page .insight-card{
    grid-column:1/-1;
  }

  #cbr-page .coverage-heading{
    grid-template-columns:1fr;
    gap:18px;
  }

  #cbr-page .coverage-grid{
    grid-template-columns:1fr;
  }

  #cbr-page .market-connector{
    display:none;
  }

  #cbr-page .decisions-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  #cbr-page .decision-dashboard{
    max-width:800px;
    width:100%;
    margin:auto;
  }

  #cbr-page .process-grid{
    grid-template-columns:1fr 1fr;
    gap:36px 20px;
  }

  #cbr-page .process-grid::before{
    display:none;
  }

  #cbr-page .contact-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
}

/* =========================================================
   SMALL TABLET
========================================================= */

@media(max-width:760px){

  #cbr-page .decision-body{
    grid-template-columns:1fr;
  }

  #cbr-page .filter-column{
    grid-template-columns:1fr 1fr;
  }

  #cbr-page .report-column{
    min-height:300px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:680px){

  #cbr-page .container{
    width:min(calc(100% - 28px),var(--container));
  }

  #cbr-page .header-inner{
    min-height:68px;
  }

  #cbr-page .brand img{
    width:165px;
  }

  #cbr-page .hero{
    min-height:auto;
  }

  #cbr-page .hero-inner{
    padding:50px 0 35px;
  }

  #cbr-page .hero-copy h1{
    font-size:2.35rem;
  }

  #cbr-page .hero-copy p{
    font-size:.94rem;
  }

  #cbr-page .hero-actions{
    width:100%;
  }

  #cbr-page .hero-actions .button{
    width:100%;
    min-width:0;
  }

  #cbr-page .hero-points{
    gap:12px;
  }

  #cbr-page .hero-proof{
    grid-template-columns:1fr;
    border-radius:18px;
    text-align:center;
  }

  #cbr-page .hero-proof>div{
    padding:14px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  #cbr-page .hero-proof>div:last-child{
    border-bottom:0;
  }

  #cbr-page .benefit-strip{
    padding:22px 0 28px;
  }

  #cbr-page .benefit-strip-grid{
    width:min(calc(100% - 28px),600px);
  }

  #cbr-page .benefit-strip-item{
    min-height:92px;
    padding:19px;
  }

  #cbr-page .overview-section{
    padding:68px 0 74px;
  }

  #cbr-page .overview-copy h2{
    font-size:2rem;
  }

  #cbr-page .overview-copy .lead{
    font-size:1rem;
  }

  #cbr-page .text-link-row{
    display:grid;
    gap:10px;
  }

  #cbr-page .overview-collage{
    min-height:380px;
  }

  #cbr-page .main-photo{
    height:285px;
    border-radius:18px;
  }

  #cbr-page .small-photo{
    height:155px;
    border-width:6px;
    border-radius:16px;
  }

  #cbr-page .overview-stat-card{
    min-width:140px;
    padding:15px;
  }

  #cbr-page .overview-badge{
    left:20%;
    font-size:.56rem;
  }

  #cbr-page .benefits-section{
    padding:66px 0 72px;
  }

  #cbr-page .section-heading h2{
    font-size:2rem;
  }

  #cbr-page .feature-slide{
    border-radius:18px;
  }

  #cbr-page .feature-slide-copy{
    padding:29px 22px;
  }

  #cbr-page .feature-slide-copy h3{
    font-size:1.6rem;
  }

  #cbr-page .feature-slide-visual{
    min-height:205px;
    margin:0 13px 13px;
    padding:20px;
  }

  #cbr-page .role-list{
    padding:12px;
  }

  #cbr-page .role-list a{
    padding:11px;
  }

  #cbr-page .gauge-ring{
    width:130px;
    height:130px;
  }

  #cbr-page .equity-heading{
    flex-direction:column;
  }

  #cbr-page .equity-band{
    grid-template-columns:45px 1fr;
  }

  #cbr-page .equity-band b{
    font-size:.51rem;
  }

  #cbr-page .mid-demo-section{
    padding:58px 0;
  }

  #cbr-page .mid-demo-copy h2{
    font-size:2rem;
  }

  #cbr-page .mid-demo-points{
    display:grid;
  }

  #cbr-page .mid-demo-points span{
    text-align:center;
  }

  #cbr-page .mid-demo-form{
    padding:22px 18px;
  }

  #cbr-page .mid-demo-form-row{
    grid-template-columns:1fr;
  }

  #cbr-page .mid-demo-submit-row{
    flex-direction:column;
    align-items:stretch;
  }

  #cbr-page .mid-demo-submit-row .button{
    width:100%;
  }

  #cbr-page .data-section{
    padding:66px 0 72px;
  }

  #cbr-page .data-section-heading h2{
    font-size:2rem;
  }

  #cbr-page .data-preview{
    border-radius:18px;
  }

  #cbr-page .data-preview-header{
    flex-direction:column;
    padding:18px;
  }

  #cbr-page .role-picker,
  #cbr-page .role-picker select{
    width:100%;
    min-width:0;
  }

  #cbr-page .dashboard-tabs{
    width:100%;
  }

  #cbr-page .dashboard-tabs .tab{
    flex:1;
  }

  #cbr-page .dashboard-filterbar{
    display:grid;
    padding:14px 17px;
  }

  #cbr-page .dashboard-filterbar select{
    width:100%;
    min-width:0;
  }

  #cbr-page .dashboard-status{
    margin-left:0;
  }

  #cbr-page .chart-panel{
    padding:20px 10px;
  }

  #cbr-page .chart-topline{
    flex-direction:column;
  }

  #cbr-page .bar-chart{
    height:225px;
    gap:6px;
    padding:26px 3px 0;
  }

  #cbr-page .chart-bar{
    width:min(48px,72%);
  }

  #cbr-page .chart-labels{
    gap:4px;
    padding:10px 2px 0;
    font-size:.49rem;
  }

  #cbr-page .chart-labels b{
    font-size:.65rem;
  }

  #cbr-page .chart-value{
    font-size:.51rem;
  }

  #cbr-page .data-summary{
    grid-template-columns:1fr;
  }

  #cbr-page .insight-card{
    grid-column:auto;
  }

  #cbr-page .coverage-section{
    padding:64px 0 70px;
  }

  #cbr-page .coverage-heading h2{
    font-size:2rem;
  }

  #cbr-page .coverage-grid{
    border-radius:18px;
  }

  #cbr-page .market-panel{
    padding:20px 15px;
  }

  #cbr-page .market-panel>img{
    height:185px;
  }

  #cbr-page .coverage-stats{
    grid-template-columns:1fr;
  }

  #cbr-page .market-survey-links{
    grid-template-columns:1fr;
  }

  #cbr-page .coverage-action{
    flex-direction:column;
    align-items:stretch;
  }

  #cbr-page .coverage-action .button{
    width:100%;
  }

  #cbr-page .decisions-section{
    padding:66px 0 72px;
  }

  #cbr-page .decisions-copy h2{
    font-size:2rem;
  }

  #cbr-page .decision-dashboard{
    border-radius:18px;
  }

  #cbr-page .decision-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  #cbr-page .decision-toolbar>button{
    width:100%;
  }

  #cbr-page .filter-column{
    grid-template-columns:1fr;
    padding:17px;
  }

  #cbr-page .report-column{
    min-height:290px;
    padding:25px 18px;
  }

  #cbr-page .report-stat strong{
    font-size:1.8rem;
  }

  #cbr-page .report-legend{
    font-size:.45rem;
  }

  #cbr-page .process-section{
    padding:64px 0 70px;
  }

  #cbr-page .process-section-heading{
    margin-bottom:34px;
  }

  #cbr-page .process-section-heading h2{
    font-size:2rem;
  }

  #cbr-page .process-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  #cbr-page .process-card{
    display:grid;
    grid-template-columns:68px 1fr;
    gap:15px;
    align-items:center;
    padding:14px;
    border:1px solid rgba(0,35,93,.08);
    border-radius:14px;
    text-align:left;
  }

  #cbr-page .process-number{
    left:38px;
    top:0;
    transform:none;
  }

  #cbr-page .process-icon{
    width:55px;
    height:55px;
    margin:0;
  }

  #cbr-page .process-icon img{
    width:22px;
  }

  #cbr-page .process-card h3{
    font-size:.94rem;
  }

  #cbr-page .process-card p{
    font-size:.68rem;
  }

  #cbr-page .process-action{
    flex-direction:column;
    align-items:stretch;
    margin-top:30px;
    padding:18px;
  }

  #cbr-page .process-action .button{
    width:100%;
  }

  #cbr-page .faq-section{
    padding:64px 0 68px;
  }

  #cbr-page .faq-section>.container{
    width:min(calc(100% - 24px),900px);
  }

  #cbr-page .faq-section-heading h2{
    font-size:2rem;
  }

  #cbr-page .accordion-button{
    min-height:58px;
    padding:14px;
    font-size:.81rem;
  }

  #cbr-page .accordion-panel p{
    margin-left:14px;
    margin-right:14px;
    font-size:.72rem;
  }

  #cbr-page .faq-video{
    width:calc(100% - 28px);
    margin:0 14px 17px;
  }

  #cbr-page .faq-contact-row{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }

  #cbr-page .faq-contact-row .button{
    width:100%;
  }

  #cbr-page .contact-section{
    padding:68px 0 80px;
  }

  #cbr-page .contact-copy h2{
    font-size:2rem;
  }

  #cbr-page .demo-form{
    padding:22px 18px;
  }

  #cbr-page .form-row{
    grid-template-columns:1fr;
    gap:0;
  }

  #cbr-page .form-submit{
    flex-direction:column;
    align-items:stretch;
  }

  #cbr-page .form-submit .button{
    width:100%;
  }

  #cbr-page .form-submit p{
    max-width:none;
    text-align:center;
  }

  #cbr-page .sticky-center-action{
    right:10px;
    bottom:10px;
  }

  #cbr-page .sticky-center-action a{
    padding:8px 11px 8px 8px;
  }

  #cbr-page .sticky-icon{
    width:38px;
    height:38px;
  }

  #cbr-page .sticky-center-action small{
    display:none;
  }

  #cbr-page .sticky-demo-action{
    left:10px;
    bottom:10px;
    width:48px;
    height:48px;
    justify-content:center;
    padding:0;
    border-radius:50%;
  }

  #cbr-page .sticky-demo-action>span{
    display:none;
  }
}

/* =========================================================
   EXTRA SMALL
========================================================= */

@media(max-width:420px){

  #cbr-page .brand img{
    width:150px;
  }

  #cbr-page .hero-copy h1{
    font-size:2.1rem;
  }

  #cbr-page .overview-copy h2,
  #cbr-page .section-heading h2,
  #cbr-page .data-section-heading h2,
  #cbr-page .coverage-heading h2,
  #cbr-page .decisions-copy h2,
  #cbr-page .process-section-heading h2,
  #cbr-page .faq-section-heading h2,
  #cbr-page .contact-copy h2{
    font-size:1.85rem;
  }

  #cbr-page .feature-slide-copy h3{
    font-size:1.48rem;
  }

  #cbr-page .chart-labels{
    font-size:.44rem;
  }

  #cbr-page .decision-tags button{
    font-size:.58rem;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  #cbr-page *,
  #cbr-page *::before,
  #cbr-page *::after{
    animation:none!important;
    transition:none!important;
  }

  #cbr-page .chart-bar{
    transform:scaleY(1)!important;
    opacity:1!important;
  }

  #cbr-page .chart-value{
    opacity:1!important;
  }
}

/* =========================================================
   CBR MOBILE FIX PASS
   Add this at the VERY BOTTOM of cbr-mobile-styles.css
========================================================= */
@media(max-width:680px){
  /* =======================================================
     TRUE FULL WIDTH / REMOVE SIDE WHITE BORDERS
  ======================================================= */
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }
  #shell{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }
  #cbr-page{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }
  #cbr-page > main,
  #cbr-page > .site-header,
  #cbr-page section{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  /* =======================================================
     KEEP CONTENT PADDING WITHOUT SHRINKING SECTION WIDTH
  ======================================================= */
  #cbr-page .container{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  /* =======================================================
     FONT FIX
  ======================================================= */
  #cbr-page{
    font-family:
      "Roboto",
      Arial,
      Helvetica,
      sans-serif !important;
  }
  #cbr-page h1,
  #cbr-page h2,
  #cbr-page h3,
  #cbr-page .feature-slide-copy h3,
  #cbr-page .overview-copy h2,
  #cbr-page .section-heading h2,
  #cbr-page .data-section-heading h2,
  #cbr-page .coverage-heading h2,
  #cbr-page .decisions-copy h2,
  #cbr-page .process-section-heading h2,
  #cbr-page .faq-section-heading h2,
  #cbr-page .contact-copy h2,
  #cbr-page .hero-copy h1{
    font-family:
      "Roboto Slab",
      Georgia,
      "Times New Roman",
      serif !important;
  }
  #cbr-page .hero-copy h1{
    font-weight:700 !important;
    letter-spacing:-.025em !important;
    line-height:1.06 !important;
  }
  #cbr-page .hero-copy h1 em{
    font-family:
      "Roboto Slab",
      Georgia,
      "Times New Roman",
      serif !important;
    font-weight:700 !important;
  }
  /* =======================================================
     HEADER MOBILE CLEANUP
  ======================================================= */
  #cbr-page .site-header{
    width:100% !important;
  }
  #cbr-page .header-inner{
    width:100% !important;
    min-height:68px !important;
    padding-left:16px !important;
    padding-right:12px !important;
  }
  #cbr-page .brand img{
    width:165px !important;
    max-width:165px !important;
  }
  #cbr-page .main-nav{
    left:0 !important;
    right:0 !important;
    width:100% !important;
  }
  /* =======================================================
     HERO FULL BLEED
  ======================================================= */
  #cbr-page .hero{
    width:100% !important;
    min-width:100% !important;
  }
  #cbr-page .hero-inner{
    width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  #cbr-page .hero-video,
  #cbr-page .hero-overlay,
  #cbr-page .hero-grid-pattern{
    width:100% !important;
    left:0 !important;
    right:0 !important;
  }
  /* =======================================================
     PURPOSE BUILT / CONFIDENTIAL / ACTIONABLE
     HIDE BROKEN ICONS ON MOBILE
  ======================================================= */
  #cbr-page .benefit-strip{
    width:100% !important;
  }
  #cbr-page .benefit-strip-grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 !important;
  }
  #cbr-page .benefit-strip-icon{
    display:none !important;
  }
  #cbr-page .benefit-strip-item{
    width:100% !important;
    min-height:auto !important;
    padding:20px 22px !important;
    gap:0 !important;
  }
  #cbr-page .benefit-strip-copy{
    width:100% !important;
  }
  #cbr-page .benefit-strip-copy strong{
    font-size:1rem !important;
  }
  #cbr-page .benefit-strip-copy span{
    font-size:.74rem !important;
  }
  /* =======================================================
     OVERVIEW / WHAT IS THE CBR IMAGE FIX
  ======================================================= */
  #cbr-page .overview-section{
    overflow:visible !important;
  }
  #cbr-page .overview-collage{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:395px !important;
    height:395px !important;
    overflow:visible !important;
  }
  #cbr-page .overview-photo{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  #cbr-page .main-photo{
    position:absolute !important;
    display:block !important;
    top:0 !important;
    right:0 !important;
    width:92% !important;
    height:295px !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:#e8edf0 !important;
  }
  #cbr-page .main-photo img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  #cbr-page .small-photo{
    position:absolute !important;
    display:block !important;
    left:0 !important;
    bottom:0 !important;
    width:52% !important;
    height:155px !important;
    overflow:hidden !important;
    border:6px solid #fff !important;
    border-radius:16px !important;
    background:#e8edf0 !important;
  }
  #cbr-page .small-photo img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  #cbr-page .overview-badge{
    z-index:6 !important;
    left:22% !important;
    top:-8px !important;
  }
  #cbr-page .overview-stat-card{
    z-index:6 !important;
    right:0 !important;
    bottom:0 !important;
  }
  /* =======================================================
     FULL WIDTH SECTIONS
  ======================================================= */
  #cbr-page .benefits-section,
  #cbr-page .mid-demo-section,
  #cbr-page .data-section,
  #cbr-page .coverage-section,
  #cbr-page .decisions-section,
  #cbr-page .process-section,
  #cbr-page .faq-section,
  #cbr-page .contact-section{
    width:100% !important;
    max-width:100% !important;
  }
  /* =======================================================
     KEEP CARDS WITH INNER PADDING
  ======================================================= */
  #cbr-page .benefits-section > .container,
  #cbr-page .data-section > .container,
  #cbr-page .coverage-section > .container,
  #cbr-page .decisions-section > .container,
  #cbr-page .process-section > .container,
  #cbr-page .faq-section > .container{
    width:100% !important;
    max-width:none !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  /* =======================================================
     HIDE FLOATING PURCHASE / PARTICIPATE + DEMO BUTTONS
  ======================================================= */
  #cbr-page .sticky-center-action,
  #cbr-page .sticky-demo-action{
    display:none !important;
  }
}

/* =========================================================
   FINAL MOBILE FULL-WIDTH BREAKOUT FIX
   MUST BE LAST IN cbr-mobile-styles.css
========================================================= */
@media(max-width:680px){
  html,
  body{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  /*
   * The AgCareers mobile shell is constraining this page.
   * Break the CBR page out to the actual viewport width.
   */
  #shell #cbr-page,
  #cbr-page{
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }
  /* Every major CBR section now reaches screen edges */
  #cbr-page > .site-header,
  #cbr-page > main,
  #cbr-page main,
  #cbr-page section,
  #cbr-page .hero,
  #cbr-page .benefit-strip,
  #cbr-page .overview-section,
  #cbr-page .benefits-section,
  #cbr-page .mid-demo-section,
  #cbr-page .data-section,
  #cbr-page .coverage-section,
  #cbr-page .decisions-section,
  #cbr-page .process-section,
  #cbr-page .faq-section,
  #cbr-page .contact-section{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  /*
   * Containers should NOT create the outer white border.
   * They only provide internal text spacing.
   */
  #cbr-page .container{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  /*
   * Elements that SHOULD visually touch both edges.
   */
  #cbr-page .hero > .container{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  #cbr-page .benefit-strip-grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 !important;
  }
  /*
   * Backgrounds themselves must always span viewport.
   */
  #cbr-page .hero,
  #cbr-page .mid-demo-section,
  #cbr-page .coverage-section,
  #cbr-page .contact-section{
    background-clip:border-box !important;
  }
}

/* HERO TYPOGRAPHY IMPROVEMENTS */
@media (max-width:680px){
  #cbr-page .hero-copy h1{
    font-family:"Roboto Slab", Georgia, serif !important;
    font-size:2.55rem !important;
    line-height:1.08 !important;
    font-weight:700 !important;
    letter-spacing:-0.03em !important;
    text-wrap:balance;
    margin:18px 0 18px !important;
    max-width:11ch;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
  }
  #cbr-page .hero-copy h1 em{
    font-style:normal !important;
    font-weight:700 !important;
    color:#d7ef9a;
  }
  #cbr-page .hero-copy p{
    font-size:1.08rem !important;
    line-height:1.65 !important;
    max-width:30ch;
    color:rgba(255,255,255,.92);
    margin-bottom:28px !important;
  }
  #cbr-page .eyebrow{
    font-size:.72rem !important;
    letter-spacing:.16em !important;
  }
}
/* Mobile hero heading color fix */

@media (max-width:680px){

  #cbr-page .hero-copy h1{
    color:#ffffff !important;
  }

  #cbr-page .hero-copy h1 em{
    color:#d7ef9a !important;
  }

}