/* Shared final call to action for public marketing pages. */
.business-banner{margin-top:76px;padding:32px 0 72px;background:#fff}
.home-page .business-banner-inner{position:relative;display:flex;align-items:center;width:var(--public-layout-width);min-height:430px;padding:64px clamp(36px,5vw,78px);overflow:hidden;border-radius:32px;background:#171613;color:#fff;box-shadow:0 24px 60px rgba(40,31,20,.16)}
.home-page .business-banner-inner::before{content:"";position:absolute;inset:0 0 0 42%;background:url('/visito-v39/assets/promo/visito-salon-showcase.webp') center / cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}
.business-banner-copy{position:relative;z-index:1;max-width:630px;text-align:left}
.business-banner-copy h2{max-width:610px;margin:0;color:#fff;font-size:clamp(36px,3.3vw,52px);line-height:1.06;letter-spacing:-.045em;font-weight:800}
.business-banner-copy>p{max-width:510px;margin:18px 0 0;color:#e7e1d7;font-size:16px;line-height:1.6}
.business-banner-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:28px}
.business-banner-bottom .primary{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;gap:14px;border-radius:13px;background:#ad7a35;color:#fff;font-size:14px;font-weight:800;box-shadow:0 12px 24px rgba(0,0,0,.2);transition:background .18s ease,transform .18s ease}
.business-banner-bottom .primary:hover{background:#c08b43;transform:translateY(-2px)}
.business-banner-bottom .primary span{font-size:20px;line-height:1}
.business-banner-note{color:#ded5c7;font-size:12px;font-weight:600}
@media(max-width:760px){
  .business-banner{margin-top:48px;padding:20px 0 46px}
  .home-page .business-banner-inner{width:var(--public-layout-width);min-height:540px;align-items:flex-end;padding:32px 24px;border-radius:26px}
  .home-page .business-banner-inner::before{inset:0 0 auto;height:56%;background-position:center top;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 28%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,#000 28%,transparent 72%)}
  .business-banner-copy h2{font-size:clamp(32px,8vw,40px)}
  .business-banner-copy>p{font-size:14px;line-height:1.5}
  .business-banner-bottom{gap:12px;margin-top:22px}
  .business-banner-note{width:100%}
}

/* Inner landing CTAs follow the free-times landing reference. */
.marketing-final{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:0;padding:60px 24px;border:0;border-radius:30px;background:#1d1b17;color:#fffdf9;box-shadow:none;text-align:center}
.marketing-final .marketing-final-kicker,.marketing-final .promo-final-eyebrow{display:block;margin:0 0 18px;color:#d8bc8a;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.13em}
.marketing-final h2,.marketing-final h3{max-width:720px;margin:0 auto;color:#fffdf9;font-size:clamp(38px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
.marketing-final p{max-width:700px;margin:24px auto 0;color:#c3b9aa;font-size:16px;line-height:1.7;font-weight:400}
.marketing-final .business-v31-final-actions,.marketing-final .inner-final-actions{display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:30px}
.marketing-final .ui-primary,.marketing-final .pricing-final-button,.marketing-final .promo-final-button,.marketing-final .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;max-width:100%;padding:14px 23px;border:0;border-radius:99px;background:#ecd2a2;color:#1d1b17;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;box-shadow:none;white-space:normal}
.marketing-final .solo-final-action,.marketing-final .pricing-final-button,.marketing-final .promo-final-button,.marketing-final .primary-button{margin-top:30px}
.marketing-final .ui-primary:hover,.marketing-final .pricing-final-button:hover,.marketing-final .promo-final-button:hover,.marketing-final .primary-button:hover{background:#e3c38c;color:#1d1b17;box-shadow:none}
.marketing-final .ui-secondary{display:inline-flex;min-height:0;padding:0;border:0;background:transparent;color:#d9c6a7;font-size:13px;font-weight:500;box-shadow:none}
.marketing-final .ui-secondary:hover{background:transparent;color:#fffdf9}
.marketing-final a:focus-visible{outline:2px solid #ecd2a2;outline-offset:5px}
@media(max-width:760px){
 .marketing-final{padding:40px 20px;border-radius:24px}
 .marketing-final h2,.marketing-final h3{font-size:clamp(32px,9vw,40px)}
 .marketing-final p{font-size:15px}
 .marketing-final .business-v31-final-actions,.marketing-final .inner-final-actions{width:100%}
 .marketing-final .ui-primary,.marketing-final .pricing-final-button,.marketing-final .promo-final-button,.marketing-final .primary-button{width:100%;gap:12px}
}