/* Desktop views (2026-10-07): a section with data-dv-only is shown only in the listed views; the FAQ shows the view's own set. */
@media (min-width:941px){
  html[data-dv="refs"] [data-dv-only]:not([data-dv-only~="refs"]),
  html[data-dv="concepts"] [data-dv-only]:not([data-dv-only~="concepts"]),
  html[data-dv="marketing"] [data-dv-only]:not([data-dv-only~="marketing"]),
  html[data-dv="websites"] [data-dv-only]:not([data-dv-only~="websites"]),
  html[data-dv="seo"] [data-dv-only]:not([data-dv-only~="seo"]),
  html[data-dv="ads"] [data-dv-only]:not([data-dv-only~="ads"]),
  html[data-dv="web"] [data-dv-only]:not([data-dv-only~="web"]),
  html[data-dv="mkt"] [data-dv-only]:not([data-dv-only~="mkt"]){display:none!important}
  /* FAQ: the per-view question sets (shared with the phone), not the generic desktop set */
  html[data-dv] #faq .pg-dt{display:none!important}
  html[data-dv="refs"] #faq .pg-ph[data-pv="refs"],html[data-dv="concepts"] #faq .pg-ph[data-pv="concepts"],html[data-dv="marketing"] #faq .pg-ph[data-pv="marketing"],
  html[data-dv="websites"] #faq .pg-ph[data-pv="websites"],html[data-dv="seo"] #faq .pg-ph[data-pv="seo"],html[data-dv="ads"] #faq .pg-ph[data-pv="ads"],
  html[data-dv="web"] #faq .pg-ph[data-pv="web"],html[data-dv="mkt"] #faq .pg-ph[data-pv="mkt"]{display:block!important}
  html[data-dv] #faq .sec-lead{display:none}
  .nav-dd-m a.is-here{background:#F2F2F4}
  /* shared blocks of the views */
  .dv-intro{width:var(--dw);margin:0 auto calc(10*var(--u))}
  .dv-intro .dsub-sub{margin-top:calc(3.2*var(--u))}
  .dv-sec{padding:calc(10*var(--u)) 0 0}
  .dv-h2{font-size:calc(4.6*var(--u));line-height:1.04;font-weight:500;letter-spacing:-.02em;margin:0;max-width:24ch}
  .dv-lead{font-size:calc(2*var(--u));line-height:1.45;color:#3a3a40;margin:calc(2.4*var(--u)) 0 0;max-width:62ch}
}

@media (min-width:941px){
  .dsub-dv .dsub-vg{margin-top:calc(9*var(--u))}
  .dsub-dv .dsub-vg .dwork-col.-offset{padding-top:calc(16.1*var(--u))}
  .dv-sub{text-align:center}
  .seo-lv{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(3*var(--u));align-items:end;margin-top:calc(7*var(--u))}
  .seo-lv-c{display:flex;flex-direction:column;justify-content:flex-end}
  .seo-lv-bar{height:calc((5 + 7 * var(--h)) * var(--u));border-radius:calc(1.6*var(--u)) calc(1.6*var(--u)) 0 0;background:linear-gradient(180deg,#0B0B0F,#2a2a32);margin-bottom:calc(2.6*var(--u));position:relative}
  .seo-lv-c:first-child .seo-lv-bar{background:linear-gradient(180deg,#d9d9de,#c4c4cb)}
  .seo-lv-bar::after{content:"";position:absolute;left:calc(2*var(--u));top:calc(2*var(--u));width:calc(1.2*var(--u));height:calc(1.2*var(--u));border-radius:50%;background:var(--brand,#ED0019)}
  .seo-lv-c:first-child .seo-lv-bar::after{background:#0B0B0F}
  .seo-lv-k{margin:0;font-size:calc(1.4*var(--u));letter-spacing:.02em;color:#6b6b72}
  .seo-lv-c h3{margin:calc(.8*var(--u)) 0 0;font-size:calc(3*var(--u));font-weight:500;letter-spacing:-.01em}
  .seo-lv-p{margin:calc(1.6*var(--u)) 0 0;font-size:calc(1.7*var(--u));line-height:1.5;color:#3a3a40}
  .seo-lv-o{margin:calc(1.6*var(--u)) 0 0;padding-top:calc(1.4*var(--u));border-top:1px solid rgba(0,0,0,.12);font-size:calc(1.6*var(--u));line-height:1.45;font-weight:500}
}

/* Pricing views (2026-10-07): smaller heading + prices on the Websites view (Max), the SEO / Advertising blocks */
@media (min-width:941px){
  .dpri .dpri-fig{font-size:calc(8.6*var(--u))!important}
  .dsv{padding:calc(9*var(--u)) 0 0}
  .dsv .dprz-h2{width:var(--pw)}
  .dsv .dpri-trows{width:var(--pw);margin:calc(6*var(--u)) auto 0}
  .sv-lvs{width:var(--pw);margin:calc(10*var(--u)) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(2.4*var(--u))}
  .sv-lv{border-radius:calc(2*var(--u));background:#F4F4F6;padding:calc(3.6*var(--u));display:flex;flex-direction:column}
  .sv-lv:nth-child(2){background:#E9E9EE}.sv-lv:nth-child(3){background:#0B0B0F;color:#fff}
  .sv-k{margin:0;font-size:calc(1.4*var(--u));letter-spacing:.02em;opacity:.65}
  .sv-lv h3,.sv-fee-c h3,.sv-cta h3{margin:calc(.8*var(--u)) 0 0;font-size:calc(3*var(--u));line-height:1.1;font-weight:500;letter-spacing:-.01em}
  .sv-price{margin:calc(1.2*var(--u)) 0 0;font-size:calc(1.8*var(--u));font-weight:500}
  .sv-lv ul{list-style:none;margin:calc(2.4*var(--u)) 0 0;padding:0;display:grid;gap:calc(1.1*var(--u));font-size:calc(1.6*var(--u));line-height:1.4}
  .sv-lv li{padding-left:calc(2.2*var(--u));position:relative}.sv-lv li::before{content:"";position:absolute;left:0;top:.55em;width:calc(1*var(--u));height:calc(1*var(--u));border-radius:50%;background:currentColor;opacity:.4}
  .sv-out{margin:auto 0 0;padding-top:calc(2.4*var(--u));font-size:calc(1.6*var(--u));line-height:1.45;font-weight:500}
  .sv-note{width:var(--pw);margin:calc(2.4*var(--u)) auto 0;font-size:calc(1.5*var(--u));color:#6b6b72}
  .sv-fee{width:var(--pw);margin:calc(8*var(--u)) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:calc(2.4*var(--u))}
  .sv-fee-c{border-radius:calc(2*var(--u));background:#F4F4F6;padding:calc(3.6*var(--u))}.sv-fee-c:last-child{background:#0B0B0F;color:#fff}
  .sv-fee-c p:last-child{margin:calc(1.6*var(--u)) 0 0;font-size:calc(1.7*var(--u));line-height:1.5;opacity:.85}
  .sv-cta{width:var(--pw);margin:calc(8*var(--u)) auto calc(4*var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(4*var(--u));padding-top:calc(4*var(--u));border-top:1px solid rgba(0,0,0,.12)}
  .sv-cta p{margin:calc(1*var(--u)) 0 0;font-size:calc(1.8*var(--u));color:#3a3a40}
}
@media (min-width:941px){
  html[data-dv="refs"] #faq [data-pv]:not([data-pv="refs"]),html[data-dv="concepts"] #faq [data-pv]:not([data-pv="concepts"]),html[data-dv="marketing"] #faq [data-pv]:not([data-pv="marketing"]),
  html[data-dv="websites"] #faq [data-pv]:not([data-pv="websites"]),html[data-dv="seo"] #faq [data-pv]:not([data-pv="seo"]),html[data-dv="ads"] #faq [data-pv]:not([data-pv="ads"]),
  html[data-dv="web"] #faq [data-pv]:not([data-pv="web"]),html[data-dv="mkt"] #faq [data-pv]:not([data-pv="mkt"]){display:none!important}
}
/* Marketing view: the e-mail / ads rows follow the SEO levels without a double gap, and breathe before the FAQ */
@media (min-width:941px){
  .dv-sec .dpri-trows{margin:calc(2*var(--u)) auto calc(8*var(--u))}
}
@media (min-width:941px){ html[data-dv="mkt"] .dprz-channels{padding-bottom:calc(10*var(--u))} }
@media (min-width:941px){ html[data-dv="web"] #pz-steps{padding-bottom:calc(10*var(--u))} }
@media (min-width:941px){ .dsub-dv[data-dv-only="refs"],.dsub-dv[data-dv-only="concepts"]{padding-bottom:calc(10*var(--u))} }