/* Dr.Site Maintenance page v0.2.19: inherits global type, colors and cards.
   Page sections remain native Gutenberg blocks editable in Pages > Mentenanta. */

.ds-maint-page {overflow:clip; background:#fff}
.ds-maint-page .wp-block-button__link {display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 21px;border:1px solid var(--ds-cyan);border-radius:7px;background:var(--ds-cyan);color:#07243b;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:650;line-height:1.3;text-align:center}
.ds-maint-page .wp-block-button.is-style-outline .wp-block-button__link {background:transparent;border-color:#839aad;color:var(--ds-ink)}
.ds-maint-page .wp-block-button__link:hover {filter:brightness(.97)}
.ds-maint-page .wp-block-button__link:focus-visible {outline:3px solid #ff9b42;outline-offset:3px}
.ds-maint-page .ds-price-card--featured .wp-block-button__link {background:var(--ds-cyan);color:var(--ds-ink);border-color:var(--ds-cyan)}
.ds-maint-page .ds-price-card:not(.ds-price-card--featured) .wp-block-button__link {background:transparent;border-color:#94a9b7;color:var(--ds-ink)}
.ds-maint-page .ds-custom-plan .wp-block-button__link {background:var(--ds-navy);border-color:var(--ds-navy);color:#fff}
.ds-maint-page .ds-urgent .ds-danger-button .wp-block-button__link {background:var(--ds-danger);color:#fff;border-color:var(--ds-danger)}
.ds-maint-page,.ds-maint-page .wp-block-post-content {max-width:none;margin:0;padding:0}
.ds-maint-page .wp-block-post-content > *,
.ds-maint-page .wp-block-group {margin-block-start:0;margin-block-end:0}
.ds-maint-page :where(.wp-block-group) {max-width:none}
.ds-maint-page .ds-maint-hero,
.ds-maint-page .ds-urgent,
.ds-maint-page .ds-maint-why,
.ds-maint-page .ds-maint-offers,
.ds-maint-page .ds-maint-process,
.ds-maint-page .ds-maint-proof {width:100%;}
.ds-maint-hero {background:#fff;isolation:isolate}
.ds-maint-hero__grid {position:relative;min-height:466px;width:min(calc(100% - 2 * var(--ds-gutter)),var(--ds-wide));margin:0 auto;overflow:hidden;isolation:isolate}
.ds-maint-hero__copy {position:relative;z-index:3;width:56%;min-height:466px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:27px 38px 28px 0}
.ds-maint-hero__image {position:absolute;inset:0 0 0 36%;height:100%;width:64%;z-index:1;overflow:hidden;pointer-events:none}
.ds-maint-hero__image .wp-block-shortcode,.ds-maint-hero__image .ds-maint-hero__media {width:100%;height:100%;display:block}
.ds-maint-hero__image img {display:block;width:100%;height:100%;object-fit:cover;object-position:58% center}
.ds-maint-hero__image::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 5%,rgba(255,255,255,.88) 16%,rgba(255,255,255,.42) 33%,transparent 52%)}
.ds-maint-breadcrumb {font-size:13px;font-weight:500;color:#526b8b;line-height:1.35;margin:0 0 27px!important}
.ds-maint-breadcrumb a:hover {color:var(--ds-cyan-dark)}
.ds-maint-breadcrumb span {color:#8da0ad;padding-inline:6px}
.ds-maint-kicker {font-size:13px;line-height:1.3;letter-spacing:.07em;color:#647b97;font-weight:700;margin:0 0 8px!important}
.ds-maint-hero h1 {font-size:clamp(40px,3.32vw,49px);font-weight:700;letter-spacing:-.034em;line-height:1.09;margin:0 0 17px;color:var(--ds-ink)}
.ds-maint-hero h1 mark {background:none;color:var(--ds-cyan);padding:0}
.ds-maint-hero__lead {font-size:16.5px;color:#253d59;line-height:1.5;max-width:610px;margin:0 0 22px!important}
.ds-maint-hero__copy .wp-block-buttons {display:flex;gap:14px!important;flex-wrap:wrap}
.ds-maint-hero__copy .wp-block-button__link {min-width:205px}
.ds-maint-hero__copy .wp-block-button.is-style-outline .wp-block-button__link {background:#fff;border-color:#839aad;color:var(--ds-ink)}
.ds-maint-hero__meta {display:flex;flex-wrap:wrap;align-items:center;gap:13px 24px;margin-top:20px!important}
.ds-maint-hero__meta p {position:relative;font-size:14px;font-weight:600;color:#2c4869;line-height:1.35;padding-left:24px;white-space:nowrap}
.ds-maint-hero__meta p::before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:19px;height:19px;background:var(--ds-cyan);-webkit-mask:center/contain no-repeat url('../icons/check-circle.svg');mask:center/contain no-repeat url('../icons/check-circle.svg')}
.ds-maint-hero__meta p:nth-child(3)::before {-webkit-mask-image:url('../icons/users.svg');mask-image:url('../icons/users.svg')}

/* Distinctive maintenance benefits: same two-column language as Home. */
.ds-maint-why {background:#fff;padding-block:47px 50px}
.ds-maint-why__grid,.ds-maint-offers__inner,.ds-maint-process__inner,.ds-maint-proof__inner {width:min(calc(100% - 2 * var(--ds-gutter)),var(--ds-wide));margin:0 auto}
.ds-maint-why__grid {grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(44px,7vw,104px)}
.ds-maint-why h2 {font-size:clamp(32px,3vw,41px);line-height:1.105;margin:0 0 15px;letter-spacing:-.03em;color:var(--ds-ink)}
.ds-maint-why .ds-maint-why__intro > p:not(.ds-kicker) {max-width:580px;font-size:15.5px;color:var(--ds-muted);line-height:1.52;margin:0 0 20px}
.ds-maint-why .ds-kicker {margin-bottom:10px}
.ds-maint-why .is-style-outline .wp-block-button__link {background:#fff;border-color:#93a9bb;color:var(--ds-ink)}

/* Eight-item service catalogue & reused maintenance price cards. */
.ds-maint-offers {background:var(--ds-pricing-bg);padding:40px 0 42px}
.ds-maint-services {text-align:center}
.ds-maint-services .ds-kicker,.ds-maint-pricing .ds-kicker {margin:0 0 8px}
.ds-maint-services h2,.ds-maint-pricing h2 {font-size:clamp(31px,2.8vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.03em;color:var(--ds-ink);margin:0 0 8px}
.ds-maint-section-lead {font-size:15px;color:var(--ds-muted);line-height:1.45;max-width:990px;margin:0 auto 25px!important}
.ds-maint-service-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ds-maint-service-card {position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:144px;padding:19px 17px 19px 82px;background:#fff;border:1px solid #e8f0f4;border-radius:9px;box-shadow:0 5px 17px rgba(7,37,66,.034)}
.ds-maint-service-card::before {content:"";position:absolute;left:16px;top:22px;width:44px;height:44px;background:#e7fafd;border-radius:50%}
.ds-maint-service-card::after {content:"";position:absolute;left:26px;top:32px;width:24px;height:24px;background:#07c2d5;-webkit-mask:center/contain no-repeat url('../icons/compatibility.svg');mask:center/contain no-repeat url('../icons/compatibility.svg')}
.ds-maint-service-card--backup::after {-webkit-mask-image:url('../icons/backup.svg');mask-image:url('../icons/backup.svg')}
.ds-maint-service-card--monitor::after {-webkit-mask-image:url('../icons/monitor.svg');mask-image:url('../icons/monitor.svg')}
.ds-maint-service-card--speed::after {-webkit-mask-image:url('../icons/speed.svg');mask-image:url('../icons/speed.svg')}
.ds-maint-service-card--shield::after {-webkit-mask-image:url('../icons/shield.svg');mask-image:url('../icons/shield.svg')}
.ds-maint-service-card--tools::after {-webkit-mask-image:url('../icons/tools.svg');mask-image:url('../icons/tools.svg')}
.ds-maint-service-card--changes::after {-webkit-mask-image:url('../icons/changes.svg');mask-image:url('../icons/changes.svg')}
.ds-maint-service-card--consult::after {-webkit-mask-image:url('../icons/consult.svg');mask-image:url('../icons/consult.svg')}
.ds-maint-service-card h3 {font-size:15px;line-height:1.21;letter-spacing:-.013em;font-weight:700;color:var(--ds-ink);margin:0 0 7px;min-height:38px}
.ds-maint-service-card p {font-size:12.6px;line-height:1.39;color:var(--ds-muted)}
.ds-maint-pricing {text-align:center;padding-top:43px}
.ds-maint-pricing .ds-pricing-grid {text-align:left;margin-top:27px!important}
.ds-maint-pricing .ds-price-card {min-height:374px}
.ds-maint-pricing .ds-custom-plan {text-align:left;margin-top:15px!important}
.ds-maint-pricing .ds-custom-plan h3 {font-size:17px}
.ds-maint-pricing .ds-custom-plan p {max-width:780px}

/* Onboarding process */
.ds-maint-process {background:#fff;padding:39px 0 29px}
.ds-maint-process h2 {font-size:clamp(30px,2.7vw,39px);line-height:1.13;margin:0 0 23px;letter-spacing:-.029em}
.ds-maint-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:25px}
.ds-maint-step {display:flex;align-items:flex-start;gap:14px;min-width:0}
.ds-maint-step__number {display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;border-radius:50%;background:#e3fafd;color:#048ba7;font-size:24px;font-weight:700;line-height:1}
.ds-maint-step h3 {font-size:15.5px;line-height:1.22;margin:3px 0 4px;letter-spacing:-.012em}
.ds-maint-step p {font-size:12.8px;color:var(--ds-muted);line-height:1.4}
.ds-maint-proof {background:#fff;padding:23px 0 44px}
.ds-maint-proof h2 {font-size:clamp(29px,2.6vw,37px);line-height:1.12;letter-spacing:-.03em}
.ds-maint-proof .ds-testimonials {margin-top:17px!important}
.ds-maint-testimonial {min-height:176px}
.ds-maint-proof .ds-testimonial > p:not(.ds-quote) {font-size:14px}
.ds-maint-proof .ds-testimonial .ds-quote {font-size:39px}

@media(max-width:1130px) {
  .ds-maint-hero__grid,.ds-maint-hero__copy {min-height:432px}
  .ds-maint-hero h1 {font-size:clamp(36px,3.9vw,43px)}
  .ds-maint-service-card {padding:66px 15px 17px;min-height:167px;justify-content:flex-start}
  .ds-maint-service-card::before {left:15px;top:15px}
  .ds-maint-service-card::after {left:25px;top:25px}
  .ds-maint-why__grid {column-gap:38px}
  .ds-maint-steps {column-gap:12px}
  .ds-maint-step {gap:9px}
  .ds-maint-step__number {width:46px;height:46px;flex-basis:46px;font-size:21px}
}
@media(max-width:900px) {
  .ds-maint-hero__grid,.ds-maint-hero__copy {min-height:0}
  .ds-maint-hero__copy {width:100%;padding:37px 0 33px}
  .ds-maint-hero__image {display:none!important}
  .ds-maint-hero h1 {font-size:clamp(36px,4.8vw,45px)}
  .ds-maint-hero__lead {max-width:650px}
  .ds-maint-why__grid {grid-template-columns:1fr;gap:25px}
  .ds-maint-service-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ds-maint-service-card {min-height:128px;padding:20px 18px 20px 76px;justify-content:center}
  .ds-maint-service-card::before {left:17px;top:24px}
  .ds-maint-service-card::after {left:27px;top:34px}
  .ds-maint-steps {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:23px}
}
@media(max-width:680px) {
  .ds-maint-hero__copy {padding-block:29px 29px}
  .ds-maint-breadcrumb {margin:0 0 20px!important}
  .ds-maint-hero h1 {font-size:clamp(30px,7.9vw,43px);letter-spacing:-.034em}
  .ds-maint-hero__lead {font-size:15px;line-height:1.48}
  .ds-maint-hero__copy .wp-block-buttons {display:grid;grid-template-columns:1fr;gap:10px!important;width:100%}
  .ds-maint-hero__copy .wp-block-button,.ds-maint-hero__copy .wp-block-button__link {width:100%}
  .ds-maint-hero__meta {gap:13px 14px;margin-top:17px!important}
  .ds-maint-hero__meta p {font-size:12.5px;padding-left:22px}
  .ds-maint-hero__meta p::before {width:18px;height:18px}
  .ds-maint-why {padding:42px 0}
  .ds-maint-why h2 {font-size:clamp(28px,7vw,37px)}
  .ds-maint-why .ds-maint-why__intro > p:not(.ds-kicker) {font-size:14px}
  .ds-maint-offers {padding:38px 0}
  .ds-maint-services h2,.ds-maint-pricing h2 {font-size:clamp(29px,7vw,37px)}
  .ds-maint-section-lead {font-size:13.7px}
  .ds-maint-service-grid {grid-template-columns:1fr;gap:10px}
  .ds-maint-service-card {min-height:100px;padding:17px 16px 17px 75px}
  .ds-maint-service-card::before {left:16px;top:25px}
  .ds-maint-service-card::after {left:26px;top:35px}
  .ds-maint-pricing {padding-top:36px}
  .ds-maint-pricing .ds-price-card {min-height:0}
  .ds-maint-pricing .ds-custom-plan {padding-top:78px}
  .ds-maint-process {padding-top:38px}
  .ds-maint-process h2 {font-size:clamp(28px,7vw,37px)}
  .ds-maint-steps {grid-template-columns:1fr;row-gap:17px}
  .ds-maint-step__number {width:45px;height:45px;flex-basis:45px}
  .ds-maint-proof {padding-block:25px 40px}
  .ds-maint-proof h2 {font-size:clamp(28px,7vw,36px)}
}

/* v0.2.33 — Maintenance page visual QA: shared rhythm, legibility and clear hierarchy.
   Existing Gutenberg paragraphs, titles, prices and links remain editable/unchanged. */
.ds-maint-page .ds-maint-why {padding-block:clamp(42px,4.4vw,62px)}
.ds-maint-page .ds-maint-why__grid {align-items:center}
.ds-maint-page .ds-maint-offers {padding-block:clamp(40px,4.4vw,60px)}
.ds-maint-page .ds-maint-services .ds-maint-section-lead {margin-bottom:26px!important}
.ds-maint-page .ds-maint-service-grid {gap:12px}
.ds-maint-page .ds-maint-service-card {
  border-radius:12px;
  border-color:var(--ds-border);
  box-shadow:0 7px 19px rgba(6,31,53,.045);
}
.ds-maint-page .ds-maint-service-card h3 {font-size:15.5px;line-height:1.3}
.ds-maint-page .ds-maint-service-card p {font-size:13.2px;line-height:1.48}
.ds-maint-page .ds-maint-pricing {padding-top:clamp(38px,4vw,56px)}
.ds-maint-page .ds-maint-pricing .ds-pricing-grid {margin-top:26px!important}
.ds-maint-page .ds-maint-pricing .ds-price-card {
  border-radius:13px;
  display:flex;
  flex-direction:column;
}
.ds-maint-page .ds-maint-pricing .ds-price-card .wp-block-buttons {margin-top:auto!important}
.ds-maint-page .ds-maint-pricing .ds-price-card .wp-block-button__link {
  min-height:44px;
  font-size:13.5px;
}
.ds-maint-page .ds-maint-pricing .ds-price-card--featured {
  box-shadow:0 14px 32px rgba(19,203,211,.14);
}
.ds-maint-page .ds-maint-process {padding-block:clamp(38px,3.6vw,49px) 28px}
.ds-maint-page .ds-maint-proof {padding-block:25px 54px}
.ds-maint-page .ds-maint-proof .ds-testimonials {gap:16px;margin-top:22px!important}
.ds-maint-page .ds-maint-proof .ds-testimonial {
  min-height:0;
  display:flex;
  flex-direction:column;
  height:100%;
  padding:23px 22px 21px;
  border:1px solid var(--ds-border);
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(6,31,53,.075);
}
.ds-maint-page .ds-maint-proof .ds-testimonial .ds-quote {
  font-size:43px;line-height:.8;margin-bottom:15px!important;
}
.ds-maint-page .ds-maint-proof .ds-testimonial > p:not(.ds-quote) {
  font-size:14px;line-height:1.55;color:#405b6f;
}
.ds-maint-page .ds-maint-proof .ds-testimonial > p:last-child {margin-top:auto!important;color:var(--ds-ink)}

@media(max-width:900px) {
  .ds-maint-page .ds-maint-why__grid {gap:25px}
  .ds-maint-page .ds-maint-service-grid {gap:12px}
  .ds-maint-page .ds-maint-service-card {min-height:0;align-items:flex-start}
  .ds-maint-page .ds-maint-service-card h3 {font-size:15px}
  .ds-maint-page .ds-maint-step {gap:12px}
}
@media(max-width:680px) {
  .ds-maint-page .ds-maint-hero__copy {padding-block:29px 30px}
  .ds-maint-page .ds-maint-hero__lead {margin-bottom:18px!important}
  .ds-maint-page .ds-maint-why {padding-block:38px 41px}
  .ds-maint-page .ds-maint-offers {padding-block:38px 40px}
  .ds-maint-page .ds-maint-services .ds-maint-section-lead {margin-bottom:22px!important}
  .ds-maint-page .ds-maint-service-grid {gap:10px}
  .ds-maint-page .ds-maint-service-card {
    min-height:0;
    padding:16px 16px 16px 78px;
    justify-content:center;
    border-radius:11px;
  }
  .ds-maint-page .ds-maint-service-card::before {
    left:16px;top:50%;transform:translateY(-50%);
    width:46px;height:46px;
    border-radius:13px;
  }
  .ds-maint-page .ds-maint-service-card::after {
    left:27px;top:50%;transform:translateY(-50%);
    width:24px;height:24px;
  }
  .ds-maint-page .ds-maint-service-card h3 {font-size:15.2px;line-height:1.26;margin-bottom:4px}
  .ds-maint-page .ds-maint-service-card p {font-size:13.2px;line-height:1.43}
  .ds-maint-page .ds-maint-pricing {padding-top:37px}
  .ds-maint-page .ds-maint-pricing .ds-pricing-grid {gap:26px;margin-top:29px!important}
  .ds-maint-page .ds-maint-pricing .ds-price-card {
    min-height:0;
    padding:24px 21px 21px;
  }
  .ds-maint-page .ds-maint-pricing .ds-price-card--featured {padding-top:30px}
  .ds-maint-page .ds-maint-pricing .ds-card-title {min-height:0}
  .ds-maint-page .ds-maint-pricing .ds-price-card .wp-block-button__link {min-height:47px}
  .ds-maint-page .ds-maint-process {padding:37px 0 25px}
  .ds-maint-page .ds-maint-steps {row-gap:16px}
  .ds-maint-page .ds-maint-step__number {width:45px;height:45px;flex-basis:45px}
  .ds-maint-page .ds-maint-proof {padding:25px 0 44px}
  .ds-maint-page .ds-maint-proof .ds-testimonials {
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-auto-rows:1fr;align-items:stretch;gap:13px;
  }
  .ds-maint-page .ds-maint-proof .ds-testimonial {padding:20px 19px 19px;min-height:0;height:100%}
}

/* Keep the service catalogue readable at mid-sized desktop/tablet widths:
   four narrow columns with top-stacked symbols caused oversized empty cards. */
@media(min-width:681px) and (max-width:1130px) {
  .ds-maint-page .ds-maint-service-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .ds-maint-page .ds-maint-service-card {min-height:112px;padding:19px 20px 19px 80px;justify-content:center}
  .ds-maint-page .ds-maint-service-card::before {left:18px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:13px}
  .ds-maint-page .ds-maint-service-card::after {left:29px;top:50%;transform:translateY(-50%);width:24px;height:24px}
}

/* v0.2.34 — maintenance catalogue alignment + pricing surface parity with Home. */
.ds-maint-page .ds-maint-service-grid {align-items:stretch}
.ds-maint-page .ds-maint-service-card {justify-content:flex-start}
@media(max-width:900px) {
  .ds-maint-page .ds-maint-service-card h3 {min-height:0}
}