@media(max-width:700px){
body.mobile-story .section-shell{width:calc(100% - 40px)!important}
body.mobile-story #top{padding-top:118px!important;padding-bottom:26px!important}
body.mobile-story #hero-title{font-size:clamp(30px,8.4vw,36px)!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-1px!important}
body.mobile-story #top .s-intro{font-size:16px!important;line-height:1.5!important;margin:0!important}
body.mobile-story #top .customer-entry{display:grid!important;grid-template-columns:minmax(0,1fr) 90px;gap:10px!important;margin:24px 0 0!important}
body.mobile-story #top .customer-entry a{height:46px!important;font-size:13px!important;border-radius:8px!important}
body.mobile-story #top .customer-entry a:first-child{background:#006e49!important;border-color:#12966e!important;color:#fff!important}
body.mobile-story #top .customer-entry a:last-child{display:flex!important;background:#101617b8!important}
body.mobile-story .ref-summary-head{margin-bottom:18px!important;font-size:20px!important}
body.mobile-story .ms-metrics{gap:12px!important}
body.mobile-story .ms-metrics small{font-size:10px!important;line-height:1.3!important;min-height:26px!important}
body.mobile-story .ms-metrics strong{font-size:21px!important}
body.mobile-story .ms-metrics em,body.mobile-story .ms-metrics em+small{display:none!important}
body.mobile-story .ms-preview>svg{height:150px!important;width:100%!important;margin:18px 0 10px!important}
body.mobile-story #demo .demo-compact{background:#101619f5!important;border-color:#333c40!important;padding:18px 15px!important}
body.mobile-story #marketplaces{padding:8px 0 0!important;margin:0!important}
body.mobile-story #marketplaces .section-shell{width:100%!important}
body.mobile-story #marketplaces img{filter:grayscale(1)!important;max-height:23px!important;max-width:100%!important}
body.mobile-story #marketplaces .s-marketplace-logos{gap:12px!important;margin:0!important}
body.mobile-story #marketplaces .ms-more-markets>summary{padding:15px 0 0!important;min-height:44px!important;font-size:12px!important}
body.mobile-story #use-cases{padding-top:36px!important;padding-bottom:22px!important}
body.mobile-story #use-cases h2{font-size:28px!important;line-height:1.12!important;font-weight:600!important}
body.mobile-story #use-cases .brand-step{background:#101416!important;border-color:#343a3e!important}
body.mobile-story #use-cases .brand-step h3{font-size:18px!important;line-height:1.3!important}
body.mobile-story #use-cases .brand-step>p{font-size:13px!important}
body.mobile-story #pricing .ms-format,body.mobile-story #pricing .pricing-groups,body.mobile-story #pricing .ms-helper,body.mobile-story #pricing>.pricing-common,body.mobile-story #pricing .plan-helper{display:none!important}
body.mobile-story #pricing .four-pricing{display:block!important}
body.mobile-story #pricing .four-groups{display:none!important}
body.mobile-story #pricing .four-grid{display:grid;grid-template-columns:1fr;gap:10px}
body.mobile-story #pricing .four-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:16px!important;background:#101517;border:1px solid #343d40;border-radius:12px;min-width:0}
body.mobile-story #pricing .four-card h3{font-size:17px!important;line-height:1.25!important;font-weight:600!important;margin:0!important;min-width:0;letter-spacing:-.3px}
body.mobile-story #pricing .four-price{grid-column:2;grid-row:1;display:flex;align-items:baseline;gap:2px;margin:0!important;white-space:nowrap}
body.mobile-story #pricing .four-price strong{font-size:19px!important;font-weight:600!important;letter-spacing:-.6px}
body.mobile-story #pricing .four-price span{font-size:10px!important;color:#aab3b9}
body.mobile-story #pricing .plan-value{grid-column:1/-1;font-size:12px!important;margin:0 0 3px!important;min-height:0;line-height:1.45!important;color:#b8bec3!important}
body.mobile-story #pricing .four-card ul{display:none!important}
body.mobile-story #pricing .four-card dl{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 12px;margin:0!important;padding:0!important;background:none!important;border:0!important;font-size:10px;color:#aab3b9}
body.mobile-story #pricing .four-card dl>div{display:flex;gap:4px;align-items:baseline}
body.mobile-story #pricing .four-card dd{margin:0;white-space:nowrap}
body.mobile-story #pricing .four-card dl>div:last-child{flex-basis:100%;font-size:12px;font-weight:500;color:#e8ebed}
body.mobile-story #pricing .four-card:nth-child(-n+2) dl>div:last-child{display:none}
body.mobile-story #pricing .four-card .button{grid-column:2;justify-self:end;background:transparent!important;border:0!important;border-bottom:1px solid #697775!important;border-radius:0!important;padding:3px 0!important;min-height:30px!important;font-size:12px!important;font-weight:400!important;box-shadow:none!important;color:#e5e9e8!important}
body.mobile-story #pricing .pricing-more{margin-top:14px!important}
body.mobile-story #pricing h2{font-size:28px!important;font-weight:600!important}
body.mobile-story #connect{margin:10px 20px 28px!important;width:calc(100% - 40px)!important;padding:20px!important;background:#111719!important;border:1px solid #343d40;border-radius:12px}
body.mobile-story #connect h2{font-size:25px!important;line-height:1.2!important;font-weight:600!important;margin-bottom:20px!important}
body.mobile-story #connect .final-value{display:none!important}
body.mobile-story #faq h2{font-size:26px!important;font-weight:600!important}
body.mobile-story #faq summary{font-size:14px!important}
}
@media(max-width:350px){body.mobile-story .section-shell{width:calc(100% - 32px)!important}body.mobile-story #pricing .four-card{padding:13px!important;gap:8px}body.mobile-story #pricing .four-card h3{font-size:15px!important}body.mobile-story #pricing .four-price strong{font-size:17px!important}body.mobile-story .ms-metrics strong{font-size:18px!important}}

@media(max-width:700px){
body.mobile-story #use-cases .brand-card{display:flex;flex-direction:column;padding:17px!important;background:#101416!important;border-color:#343a3e!important}
body.mobile-story #use-cases .brand-step{order:0;background:none!important;border:0!important;margin-bottom:14px!important}
body.mobile-story #use-cases .brand-card>h3{order:1;font-size:18px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 18px!important}
body.mobile-story #use-cases .brand-widget{order:2;min-height:0!important;height:auto!important;padding:0!important;border:0!important;background:none!important}
body.mobile-story #use-cases .brand-card>p{display:none!important}
body.mobile-story #use-cases .brand-task+.brand-task{margin-top:14px;padding-top:14px}
body.mobile-story #use-cases .brand-assignee{margin-top:8px}
body.mobile-story #pricing .four-card:nth-child(-n+2) dl{grid-column:1;grid-row:3;display:block;line-height:1.5}
body.mobile-story #pricing .four-card:nth-child(-n+2) .button{grid-row:3;align-self:end}
body.mobile-story #pricing .four-card:nth-child(n+3) .button{margin-top:-4px}
body.mobile-story .ms-preview>svg{height:170px!important}
}

@media(max-width:700px){body.mobile-story #use-cases .brand-card{display:flex!important}body.mobile-story #marketplaces,body.mobile-story #marketplaces .section-shell{background:transparent!important;min-height:0!important}body.mobile-story #marketplaces .s-marketplace-logos li{min-height:36px!important;height:36px!important}body.mobile-story #marketplaces .ms-more-markets>summary{text-align:left!important;justify-content:flex-start!important;padding:12px 0!important}}