/* Vue Customer App sales section - scoped, no impact on quote form or customer app */
#vue-app-feature{scroll-margin-top:5rem}
.va-section{background:linear-gradient(145deg,#fff 0%,#fff8fc 55%,#fff0f7 100%);padding:clamp(64px,7vw,108px) 24px;color:#1a0a12}
.va-container{max-width:1160px;margin:0 auto}
.va-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);align-items:center;gap:clamp(30px,5.5vw,78px)}
.va-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:700 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#9f195d;margin-bottom:20px}
.va-coming{font:700 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.08em;background:#fce0ee;color:#9e125b;border-radius:25px;padding:6px 10px}
.va-heading{margin:0 0 18px;font:800 clamp(29px,3.6vw,48px)/1.16 Montserrat,Inter,Arial,sans-serif;letter-spacing:-.038em;color:#251c26}
.va-heading span{color:#e5007d}
.va-lead{font:400 clamp(15px,1.45vw,18px)/1.65 Inter,Arial,sans-serif;color:#5d4654;max-width:625px;margin:0 0 28px}
.va-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.va-benefit{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid #f3dbe8;border-radius:17px;padding:19px 16px;box-shadow:0 6px 20px rgba(133,20,77,.035)}
.va-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#fff0f7;color:#e5007d}
.va-benefit h3{font:700 14px/1.3 Inter,Arial,sans-serif;color:#271a25;margin:0 0 6px}
.va-benefit p{font:400 13px/1.55 Inter,Arial,sans-serif;color:#6e5968;margin:0}
.va-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:27px 0 14px}
.va-primary{display:inline-flex;justify-content:center;align-items:center;gap:13px;padding:15px 22px;border-radius:99px;background:#e5007d;color:#fff!important;font:700 14px/1.4 Inter,Arial,sans-serif;text-decoration:none;box-shadow:0 9px 26px rgba(229,0,125,.2);transition:transform .2s,background-color .2s}
.va-primary:hover{background:#b80064;transform:translateY(-2px)}
.va-secondary{display:inline-flex;align-items:center;gap:7px;color:#aa105d!important;font:700 13px/1.4 Inter,Arial,sans-serif;text-decoration:underline;text-decoration-color:#efb5d4;text-underline-offset:4px}
.va-secondary:hover{color:#7b0e47!important}
.va-smallprint{font:400 12px/1.6 Inter,Arial,sans-serif;color:#766474;margin:0;max-width:590px}
.va-smallprint strong{color:#3a2935}
.va-media{display:flex;justify-content:center}
.va-video-box{width:min(100%,335px);background:#fff;border:1px solid #f4d7e7;border-radius:26px;box-shadow:0 20px 58px rgba(104,25,70,.13);padding:13px;overflow:hidden}
.va-video-head{display:flex;align-items:center;gap:9px;padding:4px 4px 11px;font:700 12px/1.3 Inter,Arial,sans-serif;color:#352331}
.va-play-dot{display:grid;place-items:center;background:#fbe0ee;color:#df0079;width:26px;height:26px;border-radius:50%;font-size:10px}
.va-duration{margin-left:auto;font:500 11px/1.3 Inter,Arial,sans-serif;color:#8d7c89}
.va-video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:16px;background:#fff0f7;object-fit:contain}
.va-video-foot{text-align:center;margin:10px 4px 2px;font:400 11px/1.5 Inter,Arial,sans-serif;color:#80717c}
.va-app-page{margin:0;background:#fff7fb;font-family:Inter,Arial,sans-serif;color:#221824}
.va-app-top{display:flex;justify-content:space-between;align-items:center;gap:18px;max-width:1160px;padding:20px 24px;margin:0 auto}
.va-app-logo{width:119px;height:auto;display:block}
.va-app-nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600}
.va-app-nav a{color:#3c2938;text-decoration:none}
.va-app-nav a:hover{color:#e5007d}
.va-app-bottom{padding:30px 24px;text-align:center;background:#fff;color:#7b6e78;font-size:12px}
.va-app-bottom a{color:#c70070}
@media (max-width:900px){
 .va-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);gap:28px}
 .va-benefits{grid-template-columns:1fr}
 .va-heading{font-size:clamp(27px,4vw,36px)}
}
@media (max-width:670px){
 .va-section{padding:60px 20px}
 .va-layout{grid-template-columns:1fr;gap:34px}
 .va-kicker{justify-content:center}
 .va-heading{text-align:center;font-size:clamp(28px,8vw,39px)}
 .va-lead{text-align:center;margin-left:auto;margin-right:auto}
 .va-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .va-benefit{padding:14px 11px;display:block}
 .va-icon{margin-bottom:10px}
 .va-benefit h3{font-size:13px}
 .va-benefit p{font-size:12px}
 .va-actions{justify-content:center}
 .va-smallprint{text-align:center;margin:0 auto}
 .va-video-box{width:min(100%,300px)}
 .va-app-top{padding:17px 20px}
 .va-app-nav{gap:12px;font-size:12px}
}
@media (max-width:360px){.va-benefits{grid-template-columns:1fr}.va-benefit{display:flex}.va-icon{margin:0;flex:0 0 40px}.va-app-nav{gap:9px;font-size:11px}.va-app-logo{width:95px}}
@media(prefers-reduced-motion:reduce){.va-primary{transition:none}}