/* mobile */
  @media (max-width:1180px){
    .pricing .plans{grid-template-columns:repeat(2,1fr);gap:16px}
    .plan.featured{margin:0;padding:30px}
  }
  @media (max-width:880px){
    .wrap{padding:0 20px}
    section{padding:64px 0}
    .feat-band{padding:64px 0}
    .feat-band .row,
    .feat-band.flip .row{grid-template-columns:1fr;gap:40px}
    .feat-band.flip .text-side{order:1}
    .feat-band.flip .visual-side{order:2}
    .visual-side{min-height:auto}
    .v-stage{padding:20px;min-height:auto}
    .v-layout-a,.v-layout-b,.v-layout-c{height:auto;min-height:300px}
    .v-layout-a .v-shot.desk{position:relative;top:0;width:100%}
    .v-layout-a .v-shot.phone{position:absolute;right:0;left:auto;bottom:-12px;width:38%}
    .v-layout-b .v-shot.desk{position:relative;width:100%;margin-bottom:12px}
    .v-layout-b .v-shot.desk.bot{margin-top:-30px;margin-right:0}
    .v-layout-c .v-shot.desk{position:relative;top:0;width:100%}
    .v-layout-c .v-win{position:relative;top:0;width:100%}
    .v-layout-c .v-win .vw-screen{height:auto}
    .v-layout-c .v-shot.phone{position:absolute;right:8px;top:-12px;width:32%}
    .v-grid-3{grid-template-columns:1fr 1fr;gap:10px}
    .v-grid-3 > *:nth-child(3){grid-column:span 2}
    .auto-card{padding:32px 24px}
    .auto-card .ac-list{grid-template-columns:1fr}
    .small-feats .grid3{grid-template-columns:1fr}
    .small-feats .head-row{flex-direction:column;align-items:flex-start}
    .recommender{padding:32px 24px}
    .rec-grid{grid-template-columns:1fr 1fr;gap:8px}
    .rec-result{flex-direction:column;align-items:flex-start}
    .hero{padding:36px 0 64px}
    .hero .grid{grid-template-columns:1fr;gap:48px}
    .mock{margin:0 auto;max-width:520px}
    .phone-mini{width:132px;height:274px;right:-10px;bottom:-18px}
    .webwin .wscreen{height:300px}
    .float-tag{display:none}
    .problem .cols,.compare .cgrid{grid-template-columns:1fr}
    .product .pgrid{grid-template-columns:1fr}
    .pcard.shot,.pcard.wide{grid-column:auto}
    .blog-grid,.help-cats{grid-template-columns:1fr 1fr}
    .post-card.feat{grid-column:span 2}
    .help-grid{grid-template-columns:1fr}
    footer .ftop{grid-template-columns:1fr 1fr;gap:32px}
    nav .links{display:none}
    .matrix .mhead,.matrix .mrow{grid-template-columns:1.4fr repeat(4,.5fr);font-size:11.5px;padding:10px 14px}
    .matrix .mcat{padding:14px 14px 4px}
    .cta-banner{padding:56px 24px;margin:0}
    .post-detail h1{font-size:30px}
  }
  @media (max-width:560px){
    .pricing .plans{grid-template-columns:1fr;gap:14px}
    .blog-grid{grid-template-columns:1fr}
    .post-card.feat{grid-column:auto;grid-template-columns:1fr}
    .help-cats{grid-template-columns:1fr}
  }