/* Ascend Business Consult — Commercial Decision Path Audit v1
   Pricing, Memberships, Managed IT and Website Development.
   Keeps pricing/application/payment logic intact while improving hierarchy and reducing heavy dark areas. */

:root{
  --commercial-ink:#17364d;
  --commercial-muted:#5d7283;
  --commercial-line:rgba(42,88,119,.14);
  --commercial-soft:#f4f8fb;
  --commercial-blue:#177eab;
  --commercial-teal:#1597a5;
  --commercial-violet:#6c67bd;
}

/* Shared commercial page rhythm. */
:is(.pricing-page,.managed-it-page,body:has(.membership-page-shell)) .page-hero{
  padding:56px 0 52px!important;
  background:linear-gradient(120deg,#eef6fa 0%,#e7f1f7 58%,#efedf7 100%)!important;
  border-bottom:1px solid var(--commercial-line)!important;
}
:is(.pricing-page,.managed-it-page,body:has(.membership-page-shell)) .page-hero h1{
  color:#14384f!important;
  font-size:clamp(2.15rem,4vw,3.55rem)!important;
  max-width:860px!important;
  line-height:1.04!important;
}
:is(.pricing-page,.managed-it-page,body:has(.membership-page-shell)) .page-hero p{
  color:#587082!important;
  max-width:780px!important;
  font-size:1rem!important;
  line-height:1.58!important;
}

/* Memberships: make it a choice/comparison experience, not another dark sales wall. */
body:has(.membership-page-shell) .membership-page-shell{gap:28px!important}
body:has(.membership-page-shell) .family-banner{
  padding:24px 26px!important;
  border-radius:22px!important;
  background:linear-gradient(120deg,#f9fcfe,#edf6fa)!important;
  color:var(--commercial-ink)!important;
  border:1px solid var(--commercial-line)!important;
  box-shadow:0 10px 28px rgba(24,65,91,.05)!important;
}
body:has(.membership-page-shell) .family-banner.pro{
  background:linear-gradient(120deg,#eaf5f9,#edf1fb 60%,#f3f0fb)!important;
  color:var(--commercial-ink)!important;
  border-color:rgba(64,101,147,.18)!important;
  box-shadow:0 12px 30px rgba(24,65,91,.06)!important;
}
body:has(.membership-page-shell) .family-banner h2,
body:has(.membership-page-shell) .family-banner.pro h2{color:#173a52!important}
body:has(.membership-page-shell) .family-banner p,
body:has(.membership-page-shell) .family-banner.pro p{color:#5e7485!important}
body:has(.membership-page-shell) .family-banner.pro .family-tag{
  background:#e7f4f8!important;
  color:#17768f!important;
  border-color:#cfe4eb!important;
}
body:has(.membership-page-shell) .membership-grid{gap:16px!important}
body:has(.membership-page-shell) .membership-card{
  padding:22px!important;
  border-radius:20px!important;
  box-shadow:0 8px 24px rgba(24,65,91,.045)!important;
}
body:has(.membership-page-shell) .membership-card>p{min-height:0!important;font-size:.92rem!important;line-height:1.5!important}
body:has(.membership-page-shell) .compact-list{font-size:.88rem!important;line-height:1.42!important;margin-bottom:17px!important}
body:has(.membership-page-shell) .compact-list li{padding:3px 0!important}
body:has(.membership-page-shell) .plan-price-tab{margin:10px 0 12px!important;padding:7px 12px!important;box-shadow:none!important}
body:has(.membership-page-shell) .plan-price-tab strong{font-size:1.5rem!important}
body:has(.membership-page-shell) .comparison-mini{margin-top:16px!important;padding:15px 17px!important;font-size:.9rem!important}
body:has(.membership-page-shell) .faq-section{padding:24px!important}

/* Managed IT: keep technical detail but shorten visual height. */
.managed-it-page .managed-shell{gap:26px!important}
.managed-it-page .managed-intro{padding:16px 18px!important;border-radius:16px!important}
.managed-it-page .membership-grid{gap:16px!important}
.managed-it-page .membership-card{padding:22px!important;border-radius:20px!important;box-shadow:0 9px 26px rgba(23,68,99,.05)!important}
.managed-it-page .membership-card>p{min-height:0!important;font-size:.92rem!important}
.managed-it-page .membership-card .compact-list{font-size:.88rem!important;line-height:1.42!important}
.managed-it-page .membership-card .compact-list li{padding:3px 0!important}
.managed-it-page .membership-price{margin:10px 0 13px!important;padding:7px 12px!important;box-shadow:none!important}
.managed-it-page .membership-price strong{font-size:1.5rem!important}
.managed-it-page .comparison-section,.managed-it-page .faq-section{padding:24px!important;border-radius:21px!important}
.managed-it-page .comparison-table th,.managed-it-page .comparison-table td{padding:12px 13px!important}
.managed-it-page .faq-grid details{padding:13px 15px!important}

/* Pricing: preserve the master reference but reduce visual bulk. */
.pricing-page .pricing-promise{padding:14px 17px!important;border-radius:15px!important}
.pricing-page .pricing-jump{margin:19px 0 27px!important;gap:7px!important}
.pricing-page .pricing-jump a{padding:7px 11px!important;font-size:.82rem!important}
.pricing-page .pricing-category{padding:24px!important;margin-bottom:20px!important;border-radius:21px!important;box-shadow:0 9px 28px rgba(23,68,99,.05)!important}
.pricing-page .pricing-card-grid{gap:14px!important}
.pricing-page .pricing-info-card{padding:18px!important;border-radius:16px!important}
.pricing-page .pricing-info-card p{font-size:.9rem!important;line-height:1.5!important}
.pricing-page .pricing-table th,.pricing-page .pricing-table td{padding:11px 14px!important}
.pricing-page .deposit-grid{gap:10px!important}
.pricing-page .deposit-grid>div{min-height:70px!important;padding:15px 17px!important}
.pricing-page .membership-quick-grid{gap:14px!important}
.pricing-page .membership-quick{padding:19px!important;border-radius:17px!important}
.pricing-page .faq-section{padding:24px!important}

/* Website Development: retain the premium builder but remove near-black heaviness. */
.wd-page .wd-hero{
  min-height:620px!important;
  background:linear-gradient(120deg,#123a55,#285b72 58%,#53698f)!important;
}
.wd-page .wd-hero-grid{min-height:620px!important;padding-top:50px!important;padding-bottom:50px!important}
.wd-page .wd-hero-shade{
  background:linear-gradient(90deg,rgba(13,48,70,.90) 0%,rgba(22,64,87,.78) 46%,rgba(51,83,107,.48) 72%,rgba(75,94,123,.28) 100%),radial-gradient(circle at 78% 40%,rgba(76,196,220,.16),transparent 32%)!important;
}
.wd-page .wd-hero h1{font-size:clamp(48px,5vw,76px)!important;line-height:1!important}
.wd-page .wd-hero-copy>p{font-size:18px!important;line-height:1.58!important;color:#e1edf3!important}
.wd-page .wd-trust span{background:rgba(255,255,255,.11)!important;color:#eef6f9!important}
.wd-page .wd-section{padding:72px 0!important}
.wd-page .wd-dark{
  background:linear-gradient(135deg,#23465e 0%,#2f5d76 55%,#4b5d87 100%)!important;
  color:#fff!important;
}
.wd-page .wd-builder-head h2{color:#fff!important}
.wd-page .wd-builder-head p{color:#e0ebf1!important}
.wd-page .wd-estimate{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important}
.wd-page .wd-estimate span{color:#e2edf2!important}
.wd-page .wd-builder-main,.wd-page .wd-summary{
  background:#f8fbfd!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:0 14px 36px rgba(12,42,60,.12)!important;
}
.wd-page .wd-option-grid button{min-height:96px!important;padding:16px!important}
.wd-page .wd-option-grid button.active{background:#eefafb!important}
.wd-page .wd-showcase{background:linear-gradient(135deg,#edf4f8,#f8fafc)!important}
.wd-page .wd-style-preview{background:linear-gradient(145deg,#284b63,#3e6680 58%,#59658e)!important;box-shadow:0 18px 44px rgba(20,55,82,.12)!important}
.wd-page .wd-request{
  padding:72px 0!important;
  background:linear-gradient(135deg,#24465d,#315c75 58%,#4c5c82)!important;
}
.wd-page .wd-request p{color:#e0ebf1!important}
.wd-page .wd-request form{box-shadow:0 16px 38px rgba(14,45,63,.10)!important}

@media(max-width:900px){
  body:has(.membership-page-shell) .family-banner{grid-template-columns:1fr!important}
  .wd-page .wd-hero,.wd-page .wd-hero-grid{min-height:auto!important}
}

@media(max-width:680px){
  :is(.pricing-page,.managed-it-page,body:has(.membership-page-shell)) .page-hero{padding:50px 0 46px!important}
  body:has(.membership-page-shell) .family-banner{padding:20px!important}
  .pricing-page .pricing-category,.managed-it-page .comparison-section,.managed-it-page .faq-section{padding:19px!important}
  .wd-page .wd-hero-grid{padding-top:52px!important;padding-bottom:52px!important}
  .wd-page .wd-hero h1{font-size:clamp(2.55rem,12vw,3.6rem)!important}
  .wd-page .wd-section,.wd-page .wd-request{padding:58px 0!important}
}