/* Services evaluation draft: keep the existing brand and reduce repeated explanation. */
.page-hero { padding-top: clamp(64px, 8vw, 108px); padding-bottom: 54px; }
.page-subnav { gap: 12px 26px; padding-top: 18px; padding-bottom: 18px; }
.content-section { padding-top: clamp(60px, 7vw, 94px); padding-bottom: clamp(56px, 6vw, 84px); }
.receptionist-setup-note { margin-top: 24px; scroll-margin-top: 110px; }
.receptionist-setup-note p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.setup-anchor, .integration-anchor { display: block; height: 0; scroll-margin-top: 110px; }
#integrations { padding-top: clamp(58px, 6vw, 86px); }
#integrations .integration-scope { margin-top: 24px; font-size: 14px; line-height: 1.8; }
@media (max-width: 720px) {
  .page-hero { padding-top: 55px; padding-bottom: 34px; }
  .page-subnav { gap: 10px 17px; }
  .content-section { padding-top: 54px; padding-bottom: 52px; }
}
/* The real VCP project supplies the website proof; omit the second generic website illustration. */
.content-section{padding-top:60px;padding-bottom:56px}
.page-hero{padding-top:68px;padding-bottom:40px}
#integrations{padding-top:60px}
#web-presence .website-foundations{font-size:14px;line-height:1.85;margin-top:22px;max-width:900px}
#web-presence .website-scope-note{font-size:14px;line-height:1.85}
#web-presence .project-related{margin-top:28px}
@media(max-width:720px){.content-section{padding-top:45px;padding-bottom:42px}.page-hero{padding-top:48px;padding-bottom:32px}#integrations{padding-top:45px}}