/* Complete-set command-center pages (2026-10-04 batch: EstateOps, MortgageOps, PropertyOps, WealthOps, DentalOps, HealthOps,
   RetailOps, and BuildOps, FitnessOps, HospitalityOps when released). Loaded after four-ops.css. Launch purple CTAs; the product
   colour only tints the headline accent (--niche, generated per page from tools/ops-products.json at >= 6:1 on #090613).
   The hero is the product's own sales art (calm dark left) behind the copy. */
body.ops.ops--set{--btn:#842dea;--btn-hover:#9a3cf5;--btn-ink:#fff}
body.ops.ops--set .op-main .op-btn--primary,body.ops.ops--set .op-main .op-subnav__cta{background:linear-gradient(115deg,#9f42f4,#6419bf);border-color:#bd72ff;color:#fff;box-shadow:0 10px 25px rgba(122,38,213,.3)}
body.ops.ops--set .op-main .op-btn--primary:hover{background:linear-gradient(115deg,#b85fff,#7a28dd)}
body.ops.ops--set .op-main .op-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
body.ops.ops--set .op-main .op-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
body.ops.ops--set .op-main .op-roletab__ico{background:#6d28d9;color:#fff}

/* hero: art behind, split headline on the calm left */
body.ops.ops--set .op-main .op-hero--art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(560px,78vh,820px);padding:clamp(72px,9vw,120px) 0 clamp(64px,7vw,96px);background:#090613}
.op-hero--art .op-hero__art{position:absolute;inset:0;z-index:-2;display:block}
.op-hero--art .op-hero__art img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.op-hero--art::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(9,6,19,.94) 0%,rgba(9,6,19,.86) 34%,rgba(9,6,19,.38) 58%,rgba(9,6,19,0) 76%),linear-gradient(0deg,#090613 0%,rgba(9,6,19,0) 22%)}
body.ops.ops--set .op-main .op-hero__grid--art{display:block;width:100%}
.op-hero--art .op-hero__copy{max-width:640px}
body.ops.ops--set .op-main .op-hero--art h1{font-size:clamp(40px,4.4vw,66px);line-height:1.07;letter-spacing:-.025em;margin:0 0 22px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45)}
body.ops.ops--set .op-main .op-hero--art .op-lead{color:#e6dcf3;font-size:1.12rem;line-height:1.65;max-width:56ch}
.op-actions--three{margin-top:30px}
/* Three actions as a designed block: the primary spans the row, the two secondary actions share the row below. */
body.ops.ops--set .op-main .op-actions--three{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;max-width:520px}
body.ops.ops--set .op-main .op-actions--three>.op-btn--primary{grid-column:1/-1}
body.ops.ops--set .op-main .op-actions--three>.op-btn{width:100%;white-space:nowrap}
@media(max-width:520px){body.ops.ops--set .op-main .op-actions--three{grid-template-columns:minmax(0,1fr);max-width:none}}
@media(max-width:760px){
  body.ops.ops--set .op-main .op-hero--art{display:block;min-height:0;padding:0 0 48px}
  .op-hero--art .op-hero__art{position:relative;inset:auto;height:clamp(260px,72vw,400px);z-index:0}
  .op-hero--art .op-hero__art img{object-position:86% center}
  .op-hero--art::before{inset:auto 0 0 0;top:clamp(140px,40vw,240px);height:clamp(100px,24vw,130px);background:linear-gradient(0deg,#090613,rgba(9,6,19,0))}
  .op-hero--art .op-hero__copy{position:relative;margin-top:-28px}
  body.ops.ops--set .op-main .op-hero--art h1{font-size:clamp(34px,9vw,44px)}
}


/* the eight modules and four tools */
.op-kit{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px;margin-top:34px}
.op-kit__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.op-kit__list--tools{grid-template-columns:minmax(0,1fr)}
.op-kit__list li{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-height:100%}
.op-kit__list--tools li{border-color:rgba(189,114,255,.45)}
.op-kit__list a{color:#fff;text-decoration:none}
.op-kit__list a:hover b,.op-kit__list a:focus-visible b{text-decoration:underline;text-underline-offset:3px}
.op-kit__list b{font-size:1.02rem}
.op-kit__list span{color:var(--ink-2);font-size:.94rem;line-height:1.5}
@media(max-width:900px){.op-kit{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.op-kit__list{grid-template-columns:minmax(0,1fr)}}

/* complete set */
.op-split--set{align-items:center;margin-top:30px}
.op-h3{font-size:1.15rem;margin:0 0 14px;color:#fff}
.op-split--set .op-h3+ul+.op-h3{margin-top:30px}
.op-split--set p{color:var(--ink-2);line-height:1.65}
.op-ticks--big li{font-size:1.05rem;color:#f1eafb}
.op-setshots{display:grid;gap:18px}
.op-setshots .op-frame:nth-child(2){width:82%;margin-left:auto}
@media(max-width:900px){.op-split--set{grid-template-columns:minmax(0,1fr)}.op-setshots .op-frame:nth-child(2){width:100%}}

/* four even cards / steps (no label above any card heading) */
body.ops.ops--set .op-main .op-more--four{grid-template-columns:repeat(4,minmax(0,1fr))}
body.ops.ops--set .op-main .op-steps--four{grid-template-columns:repeat(4,minmax(0,1fr))}
body.ops.ops--set .op-main .op-answer b{color:var(--niche)}
@media(max-width:1000px){body.ops.ops--set .op-main :is(.op-more--four,.op-steps--four){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.ops.ops--set .op-main :is(.op-more--four,.op-steps--four){grid-template-columns:minmax(0,1fr)}}