/* Website Development responsive repair v14.17.3
   Scope: /website-development/, /web-development/, /website-design-development/
   Keeps desktop design intact and normalizes tablet/mobile layouts. */

@media (max-width:1100px){
  .mwwd-reference-page{overflow-x:hidden!important}
  .mwwd-reference-page *{box-sizing:border-box}
  .mwwd-reference-page .mws-container,
  .mwwd-reference-page .mwwd-ref-hero>.mws-container,
  .mwwd-reference-page .mwwd-ref-features-container,
  .mwwd-reference-page .mwwd-ref-process-container,
  .mwwd-reference-page .mwwd-ref-work-container,
  .mwwd-reference-page .mwwd-ref-tech-container,
  .mwwd-reference-page .mwwd-ref-pricing-container,
  .mwwd-reference-page .mwwd-ref-testimonials-container,
  .mwwd-reference-page .mwwd-ref-faq-container,
  .mwwd-reference-page .mwwd-ref-cta-wrap .mws-container{
    width:min(94%,860px)!important;
    max-width:860px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Hero */
  .mwwd-reference-page .mwwd-ref-hero{padding:44px 0 38px!important;overflow:visible!important}
  .mwwd-reference-page .mwwd-ref-grid{grid-template-columns:1fr!important;gap:38px!important;align-items:stretch!important}
  .mwwd-reference-page .mwwd-ref-copy{text-align:center!important;max-width:720px!important;margin:0 auto!important}
  .mwwd-reference-page .mwwd-ref-copy h1{max-width:720px!important;margin:12px auto 16px!important;font-size:clamp(38px,6vw,50px)!important;line-height:1.08!important}
  .mwwd-reference-page .mwwd-ref-copy>p{max-width:680px!important;margin-left:auto!important;margin-right:auto!important;font-size:15px!important;line-height:1.7!important}
  .mwwd-reference-page .mwwd-ref-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 14px!important;max-width:680px!important;margin:20px auto 24px!important;text-align:left!important;font-size:13px!important}
  .mwwd-reference-page .mwwd-ref-copy .mws-actions{justify-content:center!important;flex-wrap:wrap!important}

  .mwwd-reference-page .mwwd-browser{width:100%!important;max-width:760px!important;margin:0 auto!important;padding-top:34px!important}
  .mwwd-reference-page .mwwd-browser-body{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;min-height:330px!important}
  .mwwd-reference-page .mwwd-browser-copy{padding:54px 20px 28px!important}
  .mwwd-reference-page .mwwd-browser-copy h2{font-size:24px!important}
  .mwwd-reference-page .mwwd-browser-copy p{font-size:12px!important}
  .mwwd-reference-page .mwwd-browser-metrics{left:23%!important;right:14%!important;bottom:-18px!important}
  .mwwd-reference-page .mwwd-score{left:-10px!important;bottom:-52px!important}
  .mwwd-reference-page .mwwd-growth{right:-8px!important;bottom:-45px!important}

  .mwwd-reference-page .mwwd-ref-stats{width:min(94%,760px)!important;max-width:760px!important;margin:74px auto 0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mwwd-reference-page .mwwd-ref-stats>div{padding:15px 12px!important;min-width:0!important}

  /* Features */
  .mwwd-reference-page .mwwd-ref-features{padding:58px 0!important}
  .mwwd-reference-page .mwwd-ref-features-head{max-width:680px!important;margin-bottom:28px!important}
  .mwwd-reference-page .mwwd-ref-features-head h2{font-size:28px!important}
  .mwwd-reference-page .mwwd-ref-features-head p{font-size:13px!important}
  .mwwd-reference-page .mwwd-ref-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .mwwd-reference-page .mwwd-ref-feature-card{min-height:132px!important;padding:20px!important;gap:16px!important;align-items:center!important}
  .mwwd-reference-page .mwwd-ref-feature-copy h3{font-size:15px!important;line-height:1.3!important}
  .mwwd-reference-page .mwwd-ref-feature-copy p{font-size:12px!important;line-height:1.6!important}

  /* Process */
  .mwwd-reference-page .mwwd-ref-process{padding:58px 0!important}
  .mwwd-reference-page .mwwd-ref-process-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important;max-width:760px!important;margin:28px auto 0!important}
  .mwwd-reference-page .mwwd-ref-process-flow.has-connector:before{display:none!important}
  .mwwd-reference-page .mwwd-ref-process-step{padding:20px 16px!important;border:1px solid #e1e8f4!important;border-radius:14px!important;background:#fff!important;box-shadow:0 9px 26px rgba(23,56,105,.06)!important}
  .mwwd-reference-page .mwwd-ref-process-visual{min-height:68px!important}
  .mwwd-reference-page .mwwd-ref-process-badge{right:calc(50% - 47px)!important}
  .mwwd-reference-page .mwwd-ref-process-copy h3{font-size:15px!important}
  .mwwd-reference-page .mwwd-ref-process-copy p{max-width:280px!important;font-size:12px!important;line-height:1.6!important}

  /* Work */
  .mwwd-reference-page .mwwd-ref-work{padding:58px 0!important}
  .mwwd-reference-page .mwwd-ref-work-header{align-items:center!important;margin-bottom:26px!important}
  .mwwd-reference-page .mwwd-ref-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
  .mwwd-reference-page .mwwd-ref-work-card:last-child{grid-column:1/-1!important;max-width:420px!important;justify-self:center!important;width:100%!important}
  .mwwd-reference-page .mwwd-ref-work-image{height:190px!important}
  .mwwd-reference-page .mwwd-ref-work-content{padding:16px!important}
  .mwwd-reference-page .mwwd-ref-work-content h3{font-size:15px!important}
  .mwwd-reference-page .mwwd-ref-work-content p{font-size:12px!important;line-height:1.6!important}

  /* Technology */
  .mwwd-reference-page .mwwd-ref-tech{padding:42px 0!important}
  .mwwd-reference-page .mwwd-ref-tech-head h2{font-size:25px!important}
  .mwwd-reference-page .mwwd-ref-tech-row{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important}
  .mwwd-reference-page .mwwd-ref-tech-pill{flex:0 1 auto!important;min-width:104px!important;justify-content:center!important;padding:9px 12px!important}

  /* Pricing */
  .mwwd-reference-page .mwwd-ref-pricing{padding:58px 0!important}
  .mwwd-reference-page .mwwd-ref-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
  .mwwd-reference-page .mwwd-ref-plan{min-width:0!important;padding:22px 20px!important}
  .mwwd-reference-page .mwwd-ref-plan:last-child{grid-column:1/-1!important;max-width:370px!important;width:100%!important;justify-self:center!important}
  .mwwd-reference-page .mwwd-ref-plan-price{font-size:28px!important}
  .mwwd-reference-page .mwwd-ref-plan-features li{font-size:12px!important;line-height:1.55!important}
  .mwwd-reference-page .mwwd-ref-pricing-custom{flex-wrap:wrap!important;text-align:center!important;font-size:12px!important}

  /* Testimonials */
  .mwwd-reference-page .mwwd-ref-testimonials{padding:58px 0!important}
  .mwwd-reference-page .mwwd-ref-testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .mwwd-reference-page .mwwd-ref-testimonial-card:last-child{grid-column:1/-1!important;max-width:420px!important;width:100%!important;justify-self:center!important}
  .mwwd-reference-page .mwwd-ref-testimonial-text{font-size:12px!important;line-height:1.65!important}

  /* FAQ */
  .mwwd-reference-page .mwwd-ref-faq{padding:58px 0!important}
  .mwwd-reference-page .mwwd-ref-faq-grid{grid-template-columns:1fr!important;gap:24px!important;max-width:760px!important;margin:auto!important}
  .mwwd-reference-page .mwwd-ref-faq-visual{min-height:260px!important}
  .mwwd-reference-page .mwwd-ref-faq-question{font-size:13px!important;min-height:52px!important}
  .mwwd-reference-page .mwwd-ref-faq-answer{font-size:12px!important;line-height:1.65!important}
  .mwwd-reference-page .mwwd-ref-faq-visual-copy h3{font-size:18px!important}
  .mwwd-reference-page .mwwd-ref-faq-visual-copy p{font-size:12px!important;line-height:1.6!important}

  /* Final CTA */
  .mwwd-reference-page .mwwd-ref-cta-wrap{padding:22px 0!important}
  .mwwd-reference-page .mwwd-ref-cta{min-height:110px!important;padding:20px 28px!important;gap:20px!important}
  .mwwd-reference-page .mwwd-ref-cta-copy h2{font-size:18px!important;line-height:1.25!important}
  .mwwd-reference-page .mwwd-ref-cta-copy p{font-size:11px!important;line-height:1.5!important}
}

@media (max-width:767px){
  html,body{max-width:100%;overflow-x:hidden}
  .mwwd-reference-page{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .mwwd-reference-page .mws-container,
  .mwwd-reference-page .mwwd-ref-hero>.mws-container,
  .mwwd-reference-page .mwwd-ref-features-container,
  .mwwd-reference-page .mwwd-ref-process-container,
  .mwwd-reference-page .mwwd-ref-work-container,
  .mwwd-reference-page .mwwd-ref-tech-container,
  .mwwd-reference-page .mwwd-ref-pricing-container,
  .mwwd-reference-page .mwwd-ref-testimonials-container,
  .mwwd-reference-page .mwwd-ref-faq-container,
  .mwwd-reference-page .mwwd-ref-cta-wrap .mws-container{
    width:calc(100% - 30px)!important;
    max-width:none!important;
  }

  /* Hero */
  .mwwd-reference-page .mwwd-ref-hero{padding:30px 0 28px!important}
  .mwwd-reference-page .mwwd-ref-grid{gap:24px!important}
  .mwwd-reference-page .mwwd-ref-copy{text-align:left!important}
  .mwwd-reference-page .mwwd-ref-copy h1{font-size:clamp(32px,10.5vw,42px)!important;line-height:1.08!important;margin:10px 0 14px!important;letter-spacing:-.035em!important}
  .mwwd-reference-page .mwwd-ref-copy>p{font-size:14px!important;line-height:1.65!important;margin:0!important}
  .mwwd-reference-page .mwwd-ref-points{grid-template-columns:1fr!important;gap:8px!important;margin:18px 0 20px!important;font-size:13px!important;text-align:left!important}
  .mwwd-reference-page .mwwd-ref-copy .mws-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;justify-content:stretch!important}
  .mwwd-reference-page .mwwd-ref-copy .mws-btn{width:100%!important;min-height:46px!important;justify-content:center!important;text-align:center!important}

  .mwwd-reference-page .mwwd-browser{padding-top:30px!important;max-width:none!important}
  .mwwd-reference-page .mwwd-browser-bar{height:34px!important;padding:0 12px!important;border-radius:9px 9px 0 0!important}
  .mwwd-reference-page .mwwd-browser-bar span{display:none!important}
  .mwwd-reference-page .mwwd-browser-bar strong{margin-left:22px!important;font-size:9px!important}
  .mwwd-reference-page .mwwd-browser-body{display:block!important;min-height:0!important;border-radius:0 0 10px 10px!important}
  .mwwd-reference-page .mwwd-browser-copy{display:block!important;padding:22px 18px 16px!important;text-align:left!important}
  .mwwd-reference-page .mwwd-browser-copy h2{font-size:20px!important;line-height:1.12!important;margin-bottom:8px!important}
  .mwwd-reference-page .mwwd-browser-copy p{font-size:11px!important;line-height:1.55!important}
  .mwwd-reference-page .mwwd-browser-body>img{display:block!important;width:100%!important;height:auto!important;max-height:260px!important;object-fit:cover!important}
  .mwwd-reference-page .mwwd-browser-metrics{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;left:auto!important;right:auto!important;bottom:auto!important;margin:10px 0 0!important;padding:10px 6px!important;gap:4px!important;box-shadow:0 8px 24px rgba(24,59,109,.12)!important}
  .mwwd-reference-page .mwwd-browser-metrics strong{font-size:12px!important}
  .mwwd-reference-page .mwwd-browser-metrics small{font-size:8px!important;white-space:normal!important}
  .mwwd-reference-page .mwwd-score,.mwwd-reference-page .mwwd-growth{position:static!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:10px!important;width:100%!important;margin:10px 0 0!important;padding:12px 14px!important;text-align:left!important}
  .mwwd-reference-page .mwwd-score strong{grid-row:1/3!important;width:54px!important;height:54px!important;margin:0!important;border-width:5px!important;font-size:20px!important}
  .mwwd-reference-page .mwwd-growth strong{font-size:22px!important}
  .mwwd-reference-page .mwwd-growth i{display:none!important}

  .mwwd-reference-page .mwwd-ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 30px)!important;margin:18px auto 0!important;border-radius:10px!important}
  .mwwd-reference-page .mwwd-ref-stats>div{padding:13px 10px!important;border-bottom:1px solid #e8edf5!important}
  .mwwd-reference-page .mwwd-ref-stats i,.mwwd-reference-page .mwwd-ref-stats img{width:30px!important;height:30px!important;min-width:30px!important}
  .mwwd-reference-page .mwwd-ref-stats strong{font-size:15px!important}
  .mwwd-reference-page .mwwd-ref-stats small{font-size:8px!important}

  /* Common section spacing/headings */
  .mwwd-reference-page .mwwd-ref-features,
  .mwwd-reference-page .mwwd-ref-process,
  .mwwd-reference-page .mwwd-ref-work,
  .mwwd-reference-page .mwwd-ref-pricing,
  .mwwd-reference-page .mwwd-ref-testimonials,
  .mwwd-reference-page .mwwd-ref-faq{padding:42px 0!important}
  .mwwd-reference-page .mwwd-ref-features-head h2,
  .mwwd-reference-page .mwwd-ref-process-head h2,
  .mwwd-reference-page .mwwd-ref-work-heading h2,
  .mwwd-reference-page .mwwd-ref-pricing-head h2,
  .mwwd-reference-page .mwwd-ref-testimonials-head h2,
  .mwwd-reference-page .mwwd-ref-faq-head h2{font-size:24px!important;line-height:1.2!important;white-space:normal!important}

  /* Features */
  .mwwd-reference-page .mwwd-ref-features-head{margin-bottom:22px!important}
  .mwwd-reference-page .mwwd-ref-features-head p{font-size:12px!important;line-height:1.6!important}
  .mwwd-reference-page .mwwd-ref-features-grid{grid-template-columns:1fr!important;gap:12px!important}
  .mwwd-reference-page .mwwd-ref-feature-card{display:flex!important;min-height:0!important;padding:16px!important;gap:14px!important;border-radius:12px!important}
  .mwwd-reference-page .mwwd-ref-feature-icon-wrap{width:42px!important;height:42px!important;min-width:42px!important}
  .mwwd-reference-page .mwwd-ref-feature-copy h3{font-size:15px!important;margin-bottom:5px!important}
  .mwwd-reference-page .mwwd-ref-feature-copy p{font-size:12px!important;line-height:1.55!important}

  /* Process */
  .mwwd-reference-page .mwwd-ref-process-flow{grid-template-columns:1fr!important;gap:12px!important;margin-top:22px!important}
  .mwwd-reference-page .mwwd-ref-process-step{display:grid!important;grid-template-columns:64px 1fr!important;align-items:center!important;gap:12px!important;padding:15px!important;text-align:left!important}
  .mwwd-reference-page .mwwd-ref-process-visual{min-height:58px!important;justify-content:flex-start!important}
  .mwwd-reference-page .mwwd-ref-process-icon{width:54px!important;height:54px!important;margin:0!important}
  .mwwd-reference-page .mwwd-ref-process-badge{right:-3px!important;top:-2px!important;transform:none!important}
  .mwwd-reference-page .mwwd-ref-process-copy h3{font-size:15px!important;margin-bottom:4px!important}
  .mwwd-reference-page .mwwd-ref-process-copy p{max-width:none!important;margin:0!important;font-size:12px!important;line-height:1.55!important}

  /* Work */
  .mwwd-reference-page .mwwd-ref-work-header{display:block!important;margin-bottom:20px!important;text-align:center!important}
  .mwwd-reference-page .mwwd-ref-work-view{margin-top:12px!important;min-height:38px!important;padding:8px 14px!important}
  .mwwd-reference-page .mwwd-ref-work-grid{grid-template-columns:1fr!important;gap:14px!important}
  .mwwd-reference-page .mwwd-ref-work-card,.mwwd-reference-page .mwwd-ref-work-card:last-child{grid-column:auto!important;max-width:none!important;width:100%!important}
  .mwwd-reference-page .mwwd-ref-work-image{height:190px!important}
  .mwwd-reference-page .mwwd-ref-work-content{padding:15px!important}

  /* Tech */
  .mwwd-reference-page .mwwd-ref-tech{padding:34px 0!important}
  .mwwd-reference-page .mwwd-ref-tech-head h2{font-size:22px!important}
  .mwwd-reference-page .mwwd-ref-tech-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .mwwd-reference-page .mwwd-ref-tech-pill{width:100%!important;min-width:0!important;padding:9px 8px!important;font-size:10px!important;justify-content:center!important}
  .mwwd-reference-page .mwwd-ref-tech-pill img{width:20px!important;height:20px!important}

  /* Pricing */
  .mwwd-reference-page .mwwd-ref-pricing-grid{grid-template-columns:1fr!important;gap:14px!important;max-width:none!important}
  .mwwd-reference-page .mwwd-ref-plan,.mwwd-reference-page .mwwd-ref-plan:last-child{grid-column:auto!important;max-width:none!important;width:100%!important;padding:20px!important}
  .mwwd-reference-page .mwwd-ref-plan-price{font-size:28px!important}
  .mwwd-reference-page .mwwd-ref-plan-features li{font-size:12px!important}
  .mwwd-reference-page .mwwd-ref-plan-button{width:100%!important;min-height:44px!important}
  .mwwd-reference-page .mwwd-ref-pricing-custom{display:grid!important;gap:10px!important;margin-top:16px!important;font-size:12px!important}
  .mwwd-reference-page .mwwd-ref-pricing-custom-button{width:100%!important;min-height:42px!important}

  /* Testimonials */
  .mwwd-reference-page .mwwd-ref-testimonials-head,.mwwd-reference-page .mwwd-ref-faq-head{gap:8px!important}
  .mwwd-reference-page .mwwd-ref-testimonials-line,.mwwd-reference-page .mwwd-ref-faq-head>span{display:none!important}
  .mwwd-reference-page .mwwd-ref-testimonials-grid{grid-template-columns:1fr!important;gap:12px!important}
  .mwwd-reference-page .mwwd-ref-testimonial-card,.mwwd-reference-page .mwwd-ref-testimonial-card:last-child{grid-column:auto!important;max-width:none!important;width:100%!important;padding:18px!important}
  .mwwd-reference-page .mwwd-ref-testimonial-text{font-size:12px!important;line-height:1.6!important}
  .mwwd-reference-page .mwwd-ref-testimonial-avatar{width:44px!important;height:44px!important}

  /* FAQ */
  .mwwd-reference-page .mwwd-ref-faq-grid{grid-template-columns:1fr!important;gap:16px!important;max-width:none!important}
  .mwwd-reference-page .mwwd-ref-faq-question{font-size:12px!important;min-height:50px!important;padding:12px 14px!important}
  .mwwd-reference-page .mwwd-ref-faq-answer{font-size:12px!important;line-height:1.6!important;padding:0 14px 14px!important}
  .mwwd-reference-page .mwwd-ref-faq-visual{display:block!important;min-height:0!important;overflow:hidden!important}
  .mwwd-reference-page .mwwd-ref-faq-image{width:100%!important;min-height:0!important;height:200px!important}
  .mwwd-reference-page .mwwd-ref-faq-image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .mwwd-reference-page .mwwd-ref-faq-visual-copy{padding:18px!important}
  .mwwd-reference-page .mwwd-ref-faq-visual-copy h3{font-size:18px!important}
  .mwwd-reference-page .mwwd-ref-faq-button{width:100%!important;min-height:44px!important}

  /* Final CTA */
  .mwwd-reference-page .mwwd-ref-cta-wrap{padding:18px 0!important}
  .mwwd-reference-page .mwwd-ref-cta{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;min-height:0!important;padding:24px 18px!important;gap:14px!important;border-radius:12px!important}
  .mwwd-reference-page .mwwd-ref-cta-icon{width:58px!important;height:58px!important}
  .mwwd-reference-page .mwwd-ref-cta-copy h2{font-size:20px!important;line-height:1.25!important}
  .mwwd-reference-page .mwwd-ref-cta-copy p{font-size:12px!important;line-height:1.55!important}
  .mwwd-reference-page .mwwd-ref-cta-button{width:100%!important;min-width:0!important;min-height:44px!important}
}

@media (max-width:480px){
  .mwwd-reference-page .mwwd-ref-copy h1{font-size:32px!important}
  .mwwd-reference-page .mwwd-ref-stats{grid-template-columns:1fr!important}
  .mwwd-reference-page .mwwd-ref-stats>div{border-right:0!important}
  .mwwd-reference-page .mwwd-browser-metrics{grid-template-columns:1fr!important;gap:8px!important}
  .mwwd-reference-page .mwwd-browser-metrics div{padding:6px 0!important;border-bottom:1px solid #edf1f6!important}
  .mwwd-reference-page .mwwd-browser-metrics div:last-child{border-bottom:0!important}
  .mwwd-reference-page .mwwd-ref-tech-row{grid-template-columns:1fr!important}
  .mwwd-reference-page .mwwd-ref-process-step{grid-template-columns:56px 1fr!important}
  .mwwd-reference-page .mwwd-ref-process-icon{width:48px!important;height:48px!important}
}