/* Ascend Service Focus Audit v36 — concise non-virus service experience.
   Virus Protection is intentionally excluded because its triage/live-support workflow has a separate validated visual stack. */

body.service-focus-page[data-service]:not([data-service="virus-protection"]){
  --sf-audit-ink:#17364d;
  --sf-audit-muted:#5d7283;
  --sf-audit-line:rgba(41,87,116,.14);
}

/* Shorter service hero. Real service media can remain on the right; generic telemetry is removed. */
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-hero{
  min-height:520px!important;
  background:linear-gradient(112deg,#f8fbfd 0%,#eef6fa 55%,#e8f1f6 100%)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-hero:before{
  background:linear-gradient(90deg,rgba(249,252,254,.995) 0%,rgba(249,252,254,.98) 38%,rgba(249,252,254,.84) 54%,rgba(249,252,254,.30) 72%,rgba(249,252,254,.04) 100%)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-hero-grid{
  min-height:520px!important;
  grid-template-columns:minmax(0,760px)!important;
  gap:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-hero-copy{max-width:730px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-hero h1{
  max-width:760px!important;
  font-size:clamp(2.45rem,5vw,4.45rem)!important;
  line-height:.99!important;
  margin:11px 0 15px!important;
  text-shadow:none!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-lead{
  max-width:650px!important;
  font-size:1.02rem!important;
  line-height:1.58!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-actions{margin-top:23px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-status{display:none!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-media-stage{width:52%!important;opacity:.90!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-scene{opacity:.08!important}

/* Remove the V7 injected duplicate explanation block. Benefits + interactive tool + scope already tell the story. */
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-practical-audit{display:none!important}

/* Main content: shorter rhythm and fewer decorative blocks. */
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-body{
  padding:62px 0 70px!important;
  background:linear-gradient(180deg,#f8fbfd,#f2f7fa)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-body>.container{gap:20px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-heading{max-width:760px!important;margin-bottom:0!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-heading h2{
  font-size:clamp(1.85rem,3.2vw,2.75rem)!important;
  margin:8px 0 4px!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-benefits{gap:13px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-benefit{
  min-height:0!important;
  padding:19px!important;
  border-radius:17px!important;
  box-shadow:0 7px 22px rgba(31,70,95,.04)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-benefit:before{margin-bottom:12px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-benefit span{font-size:.9rem!important;line-height:1.48!important}

/* Keep one interactive service-specific tool, but make it compact. */
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-experience{
  padding:23px!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(29,69,95,.05)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-exp-head{margin-bottom:16px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-exp-head h3{font-size:1.4rem!important;line-height:1.15!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-exp-head p{font-size:.92rem!important;line-height:1.5!important}

/* Scope chips remain the practical checklist. */
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-specific{
  padding:22px!important;
  border-radius:19px!important;
  box-shadow:0 7px 24px rgba(29,69,95,.04)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-specific h3{font-size:1.3rem!important;margin-bottom:13px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-specific-grid{gap:9px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-specific-chip{padding:12px!important;border-radius:13px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-specific-chip span{font-size:.83rem!important;line-height:1.4!important}

/* Hero media already provides context; suppress the second large media story on ordinary service pages. */
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-story-strip{display:none!important}

/* Service options are the final decision block, not another dark pricing slab. */
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offers-wrap{padding-top:0!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offers-title{margin-bottom:11px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offers-title h3{font-size:1.45rem!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offers-title p{font-size:.88rem!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offers{gap:12px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offer{
  padding:18px!important;
  border-radius:16px!important;
  box-shadow:0 7px 22px rgba(31,70,95,.04)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offer strong{font-size:1.02rem!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offer span{font-size:.88rem!important;line-height:1.4!important}

/* Request section: professional, readable and shorter. */
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-request{
  padding:66px 0!important;
  background:linear-gradient(135deg,#eaf3f7,#f7fafc)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-request-grid{
  grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr)!important;
  gap:38px!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-request h2{
  font-size:clamp(1.8rem,3vw,2.55rem)!important;
  margin:8px 0 12px!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-request p{font-size:.93rem!important;line-height:1.5!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) #sfForm{
  padding:23px!important;
  border-radius:21px!important;
  box-shadow:0 10px 32px rgba(20,64,97,.055)!important;
}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-fields{gap:13px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-specific-fields{gap:13px!important}
body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-form-note{font-size:.82rem!important;line-height:1.45!important}

@media(max-width:900px){
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-hero{min-height:auto!important}
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-hero-grid{min-height:0!important;padding-top:50px!important;padding-bottom:50px!important}
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-media-stage{width:100%!important;opacity:.20!important}
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-request-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-body{padding:50px 0 56px!important}
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-benefits,
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-offers,
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-specific-grid{grid-template-columns:1fr!important}
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-request{padding:52px 0!important}
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-fields,
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-specific-fields{grid-template-columns:1fr!important}
  body.service-focus-page[data-service]:not([data-service="virus-protection"]) .sf-wide{grid-column:auto!important}
}
