/* Marketing MM V15.1 — Utility Everywhere: Mobile + Desktop */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overscroll-behavior-y:none}
button,.btn,.utility-card,.modulebtn,.social-launch,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:active,.btn:active,.utility-card:active,.modulebtn:active,.social-launch:active{transform:scale(.985)}
button:focus-visible,.btn:focus-visible,.utility-card:focus-visible,.modulebtn:focus-visible,.social-launch:focus-visible{outline:3px solid rgba(107,13,43,.20);outline-offset:2px}
.v151-device-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.v151-device-strip span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid #e1e4ea;border-radius:999px;background:#fff;font-size:11px;font-weight:800;color:#5b2639}
.utility-card{min-height:132px;width:100%;appearance:none;-webkit-appearance:none}
.utility-card>*{pointer-events:none}
.utility-card i{align-self:end}
.browserbar .grow{flex:1}
.social-launch{width:100%}
.asset-actions,.form-actions{align-items:stretch}
.asset-actions .btn,.form-actions .btn{min-height:42px}
input,select,textarea{max-width:100%}
.tablewrap{max-width:100%;overscroll-behavior-x:contain}
@media (hover:none){.utility-card:hover,.social-launch:hover,.modulebtn:hover,.btn:hover{transform:none}}
@media(max-width:760px){
 body{overflow-x:hidden}
 .main{width:100%;min-width:0;padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right));padding-bottom:calc(98px + env(safe-area-inset-bottom))}
 .page-hero{width:100%;overflow:hidden}
 .page-hero .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
 .page-hero .hero-actions .btn{width:100%;min-height:46px}
 .v151-device-strip{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .v151-device-strip span{justify-content:center;text-align:center;border-radius:12px;min-height:42px}
 .utility-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%}
 .utility-card{grid-template-columns:46px minmax(0,1fr)!important;min-height:118px;padding:14px!important;border-radius:16px!important}
 .utility-icon{width:46px!important;height:46px!important}
 .utility-card b{font-size:16px}.utility-card small{font-size:12px}.utility-card i{font-size:12px}
 .toolbar{width:100%}
 .toolbar>input.btn,.toolbar>select.btn{flex:1 1 180px;min-width:0;width:100%}
 .toolbar>.btn{min-height:44px}
 .browserbar{flex-wrap:wrap}.browserbar .grow{display:none}.browserbar>.btn{width:100%}
 .social-tabs{grid-template-columns:1fr 1fr!important;padding:12px!important;gap:10px!important}
 .social-launch{min-height:120px!important;padding:13px!important}
 .form-list{grid-template-columns:1fr!important}
 .form-tile{width:100%;min-width:0}
 .form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;justify-content:stretch!important}
 .form-actions .btn{width:100%}
 .asset-grid{grid-template-columns:1fr!important}
 .asset-card{min-width:0;width:100%}
 .asset-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
 .asset-actions .btn{width:100%;white-space:normal}
 .tablewrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:13px;box-shadow:inset -18px 0 16px -18px rgba(0,0,0,.18)}
 .table{min-width:720px!important}
 .modalbox{padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}
 .modalbody,.modalbox{overscroll-behavior:contain}
 .bottomnav{padding-bottom:env(safe-area-inset-bottom)}
 .bottomnav button{min-height:58px}
 .fab{bottom:calc(78px + env(safe-area-inset-bottom));right:14px}
}
@media(max-width:430px){
 .page-hero .hero-actions{grid-template-columns:1fr!important}
 .v151-device-strip{grid-template-columns:1fr 1fr}
 .social-tabs{grid-template-columns:1fr!important}
 .form-actions,.asset-actions{grid-template-columns:1fr!important}
 .toolbar>input.btn,.toolbar>select.btn,.toolbar>.btn{flex:1 1 100%;width:100%}
 .utility-card{min-height:112px}
}
@media(min-width:761px) and (max-width:1180px){
 .utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .utility-card{min-height:140px}
}