/* W08.3.14 — Web/CRM proof card polish: button spacing, Vietnamese typography, 3-view website thumbnails. */
.wcg-v2 .wcg-business-card__copy,
.wcg-v2 .wcg-business-card__copy h3,
.wcg-v2 .wcg-business-card__copy p,
.wcg-v2 .wcg-business-card__button,
.wcg-v2 .wcg-browser-frame,
.wcg-v2 .wcg-crm-preview--mockup{
  font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.wcg-v2 .wcg-business-card__copy{
  padding:21px 21px 20px!important;
  justify-content:center!important;
}
.wcg-v2 .wcg-business-card__copy h3{
  font-size:21px!important;
  line-height:1.18!important;
  font-weight:750!important;
  letter-spacing:-.018em!important;
  margin:7px 0 11px!important;
  max-width:320px!important;
}
.wcg-v2 .wcg-business-card__copy p{
  font-size:11px!important;
  line-height:1.58!important;
  letter-spacing:0!important;
  margin:0 0 15px!important;
  max-width:330px!important;
}
.wcg-v2 .wcg-business-card__button{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 15px!important;
  margin:2px 0 12px!important;
  line-height:1!important;
  font-size:10.5px!important;
  font-weight:750!important;
  letter-spacing:0!important;
}

/* Website proof visual: browser screenshot plus three compact preview tiles, matching the supplied mockup. */
.wcg-v2 .wcg-business-card__browser{
  margin:15px 18px 15px 0!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e5eaf2!important;
}
.wcg-v2 .wcg-browser-frame__bar{
  flex:0 0 24px!important;
  height:24px!important;
}
.wcg-v2 .wcg-browser-frame__viewport{
  flex:1 1 auto!important;
  height:151px!important;
  min-height:151px!important;
  aspect-ratio:auto!important;
  border-bottom:1px solid #e8edf5!important;
}
.wcg-v2 .wcg-browser-frame__viewport img{
  object-fit:cover!important;
  object-position:top center!important;
}
.wcg-v2 .wcg-browser-frame__thumbs{
  flex:0 0 55px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:7px;
  background:#fff;
}
.wcg-v2 .wcg-browser-frame__thumb{
  display:block;
  height:41px;
  min-width:0;
  overflow:hidden;
  border:1px solid #dfe6f0;
  border-radius:3px;
  background:#f1f5fb;
}
.wcg-v2 .wcg-browser-frame__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.03);
}
.wcg-v2 .wcg-browser-frame__thumb--top img{object-position:center 10%}
.wcg-v2 .wcg-browser-frame__thumb--middle img{object-position:center 48%}
.wcg-v2 .wcg-browser-frame__thumb--bottom img{object-position:center 88%}
.wcg-v2 .wcg-browser-frame__thumb--placeholder{
  background:linear-gradient(135deg,#f7f9fc 0%,#edf3fb 100%);
}

/* Keep both proof cards visually aligned after the website thumbnail strip is added. */
.wcg-v2 .wcg-crm-preview--mockup{
  margin:15px 18px 15px 0!important;
  min-height:221px!important;
}

@media (max-width:1023px){
  .wcg-v2 .wcg-business-card__browser,
  .wcg-v2 .wcg-crm-preview--mockup{margin:18px!important}
  .wcg-v2 .wcg-browser-frame__viewport{height:230px!important;min-height:230px!important}
  .wcg-v2 .wcg-browser-frame__thumbs{flex-basis:72px;padding:8px;gap:8px}
  .wcg-v2 .wcg-browser-frame__thumb{height:54px}
}
@media (max-width:767px){
  .wcg-v2 .wcg-business-card__copy{padding:20px 18px 16px!important}
  .wcg-v2 .wcg-business-card__copy h3{font-size:20px!important;max-width:none!important}
  .wcg-v2 .wcg-business-card__copy p{font-size:12px!important;max-width:none!important}
  .wcg-v2 .wcg-business-card__button{margin-bottom:6px!important}
  .wcg-v2 .wcg-business-card__browser,
  .wcg-v2 .wcg-crm-preview--mockup{margin:0 14px 14px!important}
  .wcg-v2 .wcg-browser-frame__viewport{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
  .wcg-v2 .wcg-browser-frame__thumbs{flex-basis:auto;padding:6px;gap:5px}
  .wcg-v2 .wcg-browser-frame__thumb{height:48px}
}