/* =========================================================
   CPCS COMMERCIAL GLASS SYSTEM V1 | 20261007glassplatform1
   ========================================================= */
body{
  color:#102d50;
  background:
    radial-gradient(ellipse at 5% 10%,rgba(66,133,233,.20),transparent 35%),
    radial-gradient(ellipse at 98% 24%,rgba(38,185,221,.18),transparent 38%),
    linear-gradient(150deg,#edf5ff,#e3f0ff 48%,#f4f8ff);
}
.site-header{
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(241,248,255,.63));
  border-bottom-color:rgba(255,255,255,.86);
  box-shadow:0 9px 30px rgba(30,65,116,.06),inset 0 1px rgba(255,255,255,.92);
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.hero,.page-hero{
  background:
    radial-gradient(ellipse at 5% 10%,rgba(66,133,233,.27),transparent 35%),
    radial-gradient(ellipse at 98% 24%,rgba(38,185,221,.22),transparent 38%),
    radial-gradient(ellipse at 67% 63%,rgba(103,122,228,.15),transparent 42%),
    linear-gradient(150deg,#e8f2ff,#dcecff 48%,#edf5ff);
}
.section,.section-sm,.detail-band{background:transparent;}
.button-primary{
  background:#1b62ce;
  border-color:#1b62ce;
  box-shadow:0 7px 20px rgba(27,98,206,.18),inset 0 1px rgba(255,255,255,.16);
}
.button-primary:hover{
  background:#164fa8;
  border-color:#164fa8;
  box-shadow:0 10px 26px rgba(27,98,206,.23),inset 0 1px rgba(255,255,255,.14);
}
.button-secondary{
  color:#234c7d;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(248,252,255,.58));
  border-color:rgba(255,255,255,.95);
  box-shadow:inset 0 1px #fff,0 6px 18px rgba(30,65,116,.045);
}
.button-secondary:hover{
  color:#164f9e;
  background:rgba(255,255,255,.94);
  border-color:#fff;
}
.feature-block,.control-card,.audience-card,.price-card,.resource-card,.principle,
.detail-item,.form-card,.pilot-panel,.pilot-metric,.compare-panel,.quality-ui,
.atlas-ui,.cta-panel,.commercial-shot,.problem-card,.trust-strip,.flow-card{
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.48));
  border-color:rgba(255,255,255,.86);
  box-shadow:0 10px 32px rgba(30,65,116,.075),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
}
.form-card .field :where(input,select,textarea){
  color:#102d50;
  background:rgba(255,255,255,.70);
  border-color:rgba(255,255,255,.94);
  box-shadow:inset 0 1px #fff;
}
.form-card .field :where(input,select,textarea):focus{
  border-color:rgba(78,145,230,.64);
  box-shadow:0 0 0 4px rgba(30,101,206,.07),inset 0 1px #fff;
}
.app-shell{
  background:linear-gradient(140deg,rgba(248,252,255,.96),rgba(227,241,255,.90));
  border-color:rgba(255,255,255,.94);
  box-shadow:0 30px 72px rgba(21,54,96,.18),inset 0 1px #fff;
}
.app-top,.app-content,.phone,.phone-screen,.phone-tile,.phone-nav,.mini-card,.panel{
  background:rgba(255,255,255,.58);
  border-color:rgba(255,255,255,.82);
}
.site-footer{background:linear-gradient(145deg,#0b2d5c,#143f79 58%,#1d5ca9);}
@media(max-width:1050px){
  .site-nav{
    background:rgba(242,249,255,.96);
    border-bottom-color:rgba(255,255,255,.88);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .feature-block,.control-card,.audience-card,.price-card,.resource-card,.principle,
  .detail-item,.form-card,.pilot-panel,.pilot-metric,.cta-panel{background:#eef6ff;}
}
@media(prefers-reduced-transparency:reduce){
  .feature-block,.control-card,.audience-card,.price-card,.resource-card,.principle,
  .detail-item,.form-card,.pilot-panel,.pilot-metric,.cta-panel{
    background:#eef6ff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}

/* =========================================================
   CPCS COMMERCIAL GLASS TRANSPARENCY REFINEMENT V1
   ========================================================= */

.site-header{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.58),
    rgba(241,248,255,.30)
  )!important;
  border-bottom-color:rgba(255,255,255,.68)!important;
}

.feature-block,
.control-card,
.audience-card,
.price-card,
.resource-card,
.principle,
.detail-item,
.form-card,
.pilot-panel,
.pilot-metric,
.compare-panel,
.quality-ui,
.atlas-ui,
.cta-panel,
.commercial-shot,
.problem-card,
.trust-strip,
.flow-card{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.48),
    rgba(255,255,255,.24)
  )!important;
  border-color:rgba(255,255,255,.70)!important;
  box-shadow:
    0 8px 26px rgba(30,65,116,.055),
    inset 0 1px rgba(255,255,255,.78)!important;
}

.button-secondary{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.46),
    rgba(248,252,255,.22)
  )!important;
  border-color:rgba(255,255,255,.70)!important;
}

.form-card .field :where(input,select,textarea){
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(255,255,255,.72)!important;
}

.app-shell{
  background:linear-gradient(
    140deg,
    rgba(248,252,255,.70),
    rgba(227,241,255,.48)
  )!important;
  border-color:rgba(255,255,255,.76)!important;
  backdrop-filter:blur(28px) saturate(132%);
  -webkit-backdrop-filter:blur(28px) saturate(132%);
}

.app-top,
.app-content,
.phone,
.phone-screen,
.phone-tile,
.phone-nav,
.mini-card,
.panel{
  background:rgba(255,255,255,.30)!important;
  border-color:rgba(255,255,255,.62)!important;
}

.site-footer{
  background:linear-gradient(
    145deg,
    rgba(11,45,92,.88),
    rgba(20,63,121,.76) 58%,
    rgba(29,92,169,.68)
  )!important;
  backdrop-filter:blur(20px) saturate(125%);
  -webkit-backdrop-filter:blur(20px) saturate(125%);
}

/* Primary calls-to-action remain solid by design. */

/* =========================================================
   CPCS COMMERCIAL ZERO-SOLID SURFACES V1
   ========================================================= */

.site-header{
  background:rgba(255,255,255,.12)!important;
  border-bottom-color:rgba(255,255,255,.30)!important;
  box-shadow:0 6px 20px rgba(30,65,116,.025)!important;
}

.feature-block,
.control-card,
.audience-card,
.price-card,
.resource-card,
.principle,
.detail-item,
.form-card,
.pilot-panel,
.pilot-metric,
.compare-panel,
.quality-ui,
.atlas-ui,
.cta-panel,
.commercial-shot,
.problem-card,
.trust-strip,
.flow-card{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:
    0 7px 24px rgba(30,65,116,.03),
    inset 0 1px rgba(255,255,255,.30)!important;
}

.button-secondary{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.30)!important;
}

.form-card .field :where(input,select,textarea){
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.36)!important;
}

.app-shell{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:0 18px 48px rgba(21,54,96,.07),inset 0 1px rgba(255,255,255,.34)!important;
}

.app-top,
.app-content,
.phone,
.phone-screen,
.phone-tile,
.phone-nav,
.mini-card,
.panel{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.24)!important;
}

.site-footer{
  background:linear-gradient(
    145deg,
    rgba(11,45,92,.56),
    rgba(20,63,121,.42) 58%,
    rgba(29,92,169,.34)
  )!important;
}