/* ==== 00-tokens.css ==== */
/* E26 surface tiers (point 8). OWNER: RS1. Only the warm palette tokens + tonal mixes of them; no new hues.
   Light sections: bg = ivory or cream (alternating, as today), card = white, raised = white + shadow-2, inset = cream.
   Dark sections:  bg = dark band, card/raised = dark lifted toward ivory, inset = dark pushed toward text brown.
   Use the --e26-* names below in every part; never hard-code a hex in a part. */
:root{
  --e26-ivory:var(--mcv-ivory,#FDF8F0); --e26-cream:var(--mcv-cream,#FBEFDF); --e26-white:#FFFFFF;
  --e26-dark:var(--mcv-dark,#3B0D11); --e26-brown:var(--mcv-text,#2B1A10); --e26-umber:var(--mcv-umber,#6B4F3A);
  --e26-gold:var(--mcv-gold,#D4A017); --e26-gold-l:var(--mcv-gold-light,#E3B341); --e26-gold-d:var(--mcv-gold-deep,#A16207);
  --e26-saffron:var(--mcv-saffron,#C2410C); --e26-saffron-h:var(--mcv-saffron-hover,#9A3412); --e26-maroon:var(--mcv-maroon,#9F1239);

  /* light tiers */
  --e26-l-bg:var(--e26-ivory); --e26-l-bg2:var(--e26-cream);
  --e26-l-card:var(--e26-white); --e26-l-raised:var(--e26-white); --e26-l-inset:var(--e26-cream);
  --e26-l-line:var(--mcv-line,#E9D9C4); --e26-l-head:var(--e26-brown); --e26-l-body:var(--e26-umber);
  /* dark tiers */
  --e26-d-bg:var(--e26-dark);
  --e26-d-card:color-mix(in srgb,var(--e26-dark) 91%,var(--e26-ivory));
  --e26-d-raised:color-mix(in srgb,var(--e26-dark) 84%,var(--e26-ivory));
  --e26-d-inset:color-mix(in srgb,var(--e26-dark) 55%,var(--e26-brown));
  --e26-d-line:color-mix(in srgb,var(--e26-ivory) 14%,transparent);
  --e26-d-head:var(--e26-ivory); --e26-d-body:color-mix(in srgb,var(--e26-ivory) 80%,var(--e26-dark));

  /* depth: offset + soft blur, tinted from the dark band (never a zero-offset halo) */
  --e26-sh-1:0 1px 2px color-mix(in srgb,var(--e26-dark) 7%,transparent),0 6px 16px -6px color-mix(in srgb,var(--e26-dark) 14%,transparent);
  --e26-sh-2:0 2px 4px color-mix(in srgb,var(--e26-dark) 8%,transparent),0 16px 32px -12px color-mix(in srgb,var(--e26-dark) 24%,transparent);
  --e26-sh-d:0 2px 4px color-mix(in srgb,var(--e26-brown) 70%,transparent),0 16px 32px -14px var(--e26-brown);
  --e26-r-card:14px; --e26-r-inset:10px; --e26-r-pill:999px;
  --e26-focus:0 0 0 3px color-mix(in srgb,var(--e26-gold) 70%,transparent);
  --e26-ease:cubic-bezier(.16,1,.3,1);
}

/* ==== 20-demo.css ==== */
/* E26 point 1 - compact demo cards (section.dm-sec). OWNER: helper B. Layout only; surfaces belong to 10-tiers.
   Grid: 4 across >=1280, 2x2 768-1279, 1 column <768. Cards equal height, one primary button pinned to the bottom,
   the second link demoted to a text link, 3-step list hidden, description clamped to one line, login as a copy chip
   (the button is added by 20-demo.js; the <code> login text is untouched). Template-level: keys on V3 classes only. */
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dms{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-items:stretch!important}
@media (min-width:768px){.pg:is(.pg,#mcv-v3-x) section.dm-sec .dms{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:1280px){
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dms{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  /* hubs with 3 or 6 demo cards: 3 across, so no lone card in the last row */
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dms:not(:has(>.dm:nth-child(4))),
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dms:has(>.dm:nth-child(6)):not(:has(>.dm:nth-child(7))){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm{border-radius:var(--e26-r-card)!important;min-width:0}

/* thumbnail: fixed ratio, cover, top-aligned; no float/tilt offsets */
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-shot{height:auto!important;aspect-ratio:16/10;padding:0!important;display:block!important;flex:0 0 auto}
@media (min-width:768px) and (max-width:1279.98px){.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-shot{aspect-ratio:2/1}}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-br{width:100%!important;height:100%!important;border-radius:0!important;transform:none!important;display:flex!important;flex-direction:column}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-br img{flex:1 1 0;min-height:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:left top!important}
/* Android card: its two phone screens side by side, tops visible, bottoms cropped by the frame */
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-ph{transform:none!important;height:100%;display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:10px!important;padding:16px 12px 0!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-ph img,.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-ph img+img{width:34%!important;max-width:150px;height:auto!important;aspect-ratio:9/19;object-fit:cover!important;object-position:top!important;margin:0!important;opacity:1!important;border-width:4px!important;border-radius:14px!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm:hover .dm-br,.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm:hover .dm-ph{transform:none!important}

/* body */
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-b{gap:10px!important;padding:18px 18px 20px!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-ic{width:34px!important;height:34px!important;border-radius:10px!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm h3{font-size:17px!important;line-height:1.3!important;margin:2px 0 0!important;text-wrap:balance}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-b>p{font-size:14px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-steps{display:none!important}

/* login chip */
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-cred{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:4px 8px!important;padding:6px 6px 6px 12px!important;border-radius:var(--e26-r-inset)!important;margin-top:auto}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-cred code{flex:1 1 0;min-width:0;font-size:12.5px!important;line-height:1.45!important;word-break:normal!important;overflow-wrap:anywhere}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:0;border-radius:8px;cursor:pointer;font:600 12.5px/1 inherit;font-family:inherit;color:inherit;background:color-mix(in srgb,currentColor 14%,transparent);transition:background .2s var(--e26-ease)}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy:hover{background:color-mix(in srgb,currentColor 24%,transparent)}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy:focus-visible{outline:0;box-shadow:var(--e26-focus)}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy svg{width:14px;height:14px;flex:0 0 auto}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy .e26-ok{display:none}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy.is-done{background:color-mix(in srgb,var(--e26-gold) 30%,transparent)}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy.is-done .e26-ok{display:block}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy.is-done .e26-cp{display:none}
.e26-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* one primary button, full width, pinned to the card bottom; the second link becomes a text link */
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns{margin-top:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns .btn:not(.ghost-d){width:100%;justify-content:center!important;height:44px!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns .btn.ghost-d{align-self:center;height:auto!important;min-height:24px;padding:0!important;background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font-weight:600!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;display:inline-flex!important;align-items:center;gap:6px}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns .btn.ghost-d::after{content:"";width:14px;height:14px;flex:0 0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s var(--e26-ease)}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns .btn.ghost-d:hover::after{transform:translateX(3px)}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns .btn.ghost-d:hover{text-decoration-thickness:2px!important;transform:none!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns .btn.ghost-d:focus-visible,.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns .btn:focus-visible{outline:0!important;box-shadow:var(--e26-focus)!important;border-radius:6px!important}

/* video block: tighter */
.pg:is(.pg,#mcv-v3-x) section.dm-sec .video{margin-top:20px!important;gap:32px!important;padding:18px 32px 18px 18px!important;border-radius:var(--e26-r-card)!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .video-media{border-radius:var(--e26-r-inset)!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .video-media img{padding:12px 16px!important;display:block}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .video-txt{gap:12px!important}
.pg:is(.pg,#mcv-v3-x) section.dm-sec .video-txt h2{font-size:clamp(22px,1.2rem + .8vw,30px)!important;line-height:1.2!important}
@media (max-width:860px){
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .video{grid-template-columns:1fr!important;gap:18px!important;padding:14px 14px 20px!important}
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .video-txt{padding:0 6px}
}
@media (prefers-reduced-motion:reduce){
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dm,.pg:is(.pg,#mcv-v3-x) section.dm-sec .dm:hover{transform:none!important;transition:none!important}
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns .btn.ghost-d::after,.pg:is(.pg,#mcv-v3-x) section.dm-sec .e26-copy{transition:none!important}
}

/* The warm palette ships its rules in @layer nv with !important; layered !important beats unlayered !important,
   so the overrides that collide with palette paint go in the earlier layer nv-state (wins over nv). */
@layer nv-state{
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns a.btn.ghost-d{box-shadow:none!important;background:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dm-btns a.btn.ghost-d:focus-visible{box-shadow:var(--e26-focus)!important}
}

/* ==== 21-dm-live.css ==== */
/* E26 W4: demo section surfaces as live (CEO likes it as it is), scoped to dm-sec only (was spread over 10-tiers/58/60). */
@layer nv-state{
  .pg section.dm-sec :is(.dm,.video):not(#e26):not(#e26):not(#e26):not(#e26){background:var(--e26-d-card)!important;background-image:none!important;border:1px solid var(--e26-d-line)!important;border-radius:var(--e26-r-card)!important;box-shadow:var(--e26-sh-d)!important;color:var(--e26-d-body)!important}
  .pg section.dm-sec :is(.dm-b h3,.video-txt h2):not(#e26):not(#e26):not(#e26):not(#e26){color:var(--e26-d-head)!important;-webkit-text-fill-color:var(--e26-d-head)!important}
  .pg section.dm-sec :is(.dm-b>p,.video-txt p):not(#e26):not(#e26):not(#e26):not(#e26){color:var(--e26-d-body)!important;-webkit-text-fill-color:var(--e26-d-body)!important}
  .pg section.dm-sec :is(.dm-tag,.dm-ic,.dm-cred,.dm-cred code,.dm-shot,.dm-br):not(#e26):not(#e26):not(#e26):not(#e26){background:var(--e26-d-inset)!important;background-image:none!important;box-shadow:none!important;color:var(--e26-d-head)!important;-webkit-text-fill-color:var(--e26-d-head)!important}
  .pg section.dm-sec .dm-tag:not(#e26):not(#e26):not(#e26):not(#e26){border:1px solid transparent!important;border-radius:999px!important;padding:5px 10px!important;font:600 13px/1.2 inherit!important;font-family:inherit!important;letter-spacing:0!important;text-transform:none!important}
  .pg section.dm-sec .dm-ic:not(#e26):not(#e26):not(#e26):not(#e26),.pg section.dm-sec .dm-cred:not(#e26):not(#e26):not(#e26):not(#e26){border-radius:var(--e26-r-inset)!important;border-color:transparent!important}
  .pg section.dm-sec .dm-cred code:not(#e26):not(#e26):not(#e26):not(#e26){background:transparent!important}
  .pg section.dm-sec :is(.dm-shot,.dm-br):not(#e26):not(#e26):not(#e26):not(#e26){border-radius:calc(var(--e26-r-card) - 1px) calc(var(--e26-r-card) - 1px) 0 0!important;overflow:hidden!important}
  .pg section.dm-sec .e26-copy:not(#e26):not(#e26):not(#e26):not(#e26){background:color-mix(in srgb,var(--e26-ivory) 14%,transparent)!important;color:var(--e26-d-head)!important;-webkit-text-fill-color:var(--e26-d-head)!important;border-radius:8px!important}
  .pg section.dm-sec a.btn:not(.ghost-d):not(#e26):not(#e26):not(#e26):not(#e26){background:var(--e26-saffron)!important;border-color:var(--e26-saffron)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:999px!important}
  .pg section.dm-sec a.btn:not(.ghost-d):is(:hover,:focus-visible):not(#e26):not(#e26):not(#e26):not(#e26){background:var(--e26-saffron-h)!important;border-color:var(--e26-saffron-h)!important}
  .pg section.dm-sec a.btn *{color:inherit!important;-webkit-text-fill-color:inherit!important}
  .pg section.dm-sec a.ghost-d:not(#e26):not(#e26):not(#e26):not(#e26){color:var(--e26-d-body)!important;-webkit-text-fill-color:var(--e26-d-body)!important;background:transparent!important}
}

/* ==== 22-dm-grid.css ==== */
/* E26 rollout: demo grids by card count (template-safe). 4 -> 4 across; 3 / 5 / 6 -> 3 across at >=1280; 8 -> 4 across;
   2 across at 768-1279; 1 on phones. A single card left alone in a last row spans the row (desktop and tablet). */
/* V3 page-level span rules for 5/6-card demo grids (dms5, nth-child spans on a 6-track grid) do not apply to this grid */
.pg:is(.pg,#mcv-v3-x) section.dm-sec .dms > .dm{grid-column:auto!important;grid-row:auto!important}
@media (min-width:1280px){
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dms:has(>.dm:nth-child(5)):not(:has(>.dm:nth-child(6))){grid-template-columns:repeat(3,minmax(0,1fr))!important}
  /* 3 across: a 7th/10th/... lone card (count = 3n+1) spans the last row */
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dms:not(:has(>.dm:nth-child(4))) > .dm:last-child:nth-child(3n+1),
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dms:has(>.dm:nth-child(5)):not(:has(>.dm:nth-child(7))) > .dm:last-child:nth-child(3n+1){grid-column:1 / -1!important}
  /* 4 across (4, 8, 9+): a lone card in the last row spans it */
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dms:has(>.dm:nth-child(7)) > .dm:last-child:nth-child(4n+1){grid-column:1 / -1!important}
}
@media (min-width:768px) and (max-width:1279px){
  .pg:is(.pg,#mcv-v3-x) section.dm-sec .dms > .dm:last-child:nth-child(odd){grid-column:1 / -1!important}
}

/* ==== 31-ax2.css ==== */
/* E26 W4: add-ons as the V3 two-row drift slider at ALL widths. V3 already drives .ax-row (drift: continuous, opposite
   directions via data-dir, pause on hover/focus, static under reduced motion). The E10 block turned the rows into a static
   2-column grid at >=1180: this restores the V3 row (flex track, edge fade, 340px cards) there too. */
@media (min-width:1180px){
  .pg:is(.pg,#mcv-v3-x) section.ax-sec .ax-rows{margin-right:0}
  .pg:is(.pg,#mcv-v3-x) section.ax-sec .ax-row{display:flex!important;gap:14px;overflow-x:auto;scrollbar-width:none;cursor:grab;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 70px),transparent)}
  .pg:is(.pg,#mcv-v3-x) section.ax-sec .ax-row::-webkit-scrollbar{display:none}
  .pg:is(.pg,#mcv-v3-x) section.ax-sec .ax-c{flex:0 0 340px!important;min-height:300px}
}
.pg section.ax-sec .ax-row:focus-visible{outline:2px solid var(--e26-gold);outline-offset:4px;border-radius:20px}
@media (prefers-reduced-motion:reduce){.pg section.ax-sec .ax-row{scroll-behavior:auto}}
/* the first card starts clear of the left fade (V3 rows fade both edges) */
@media (min-width:1180px){.pg:is(.pg,#mcv-v3-x) section.ax-sec .ax-row{padding-left:18px!important;padding-right:70px!important;scroll-padding-inline:18px 70px}}

/* ==== 35-tables.css ==== */
/* E26 point 10 (helper C): below 860px the comparison tables (cmp-sec, cx-sec "vs Others") stack into cards:
   criterion = card title, then one labelled line per option (labels = the table's own headers via data-label, 35-tables.py),
   Miracuves' line raised with a gold accent. >=860px is untouched. The rvt take-rate table (.rvt-t) is excluded.
   The palette pins these cells with #why-us>...>td:nth-of-type() chains, so the prefix carries 3 ids (:not(#e26-a)...). */
/* The warm palette paints td.mx etc. as LAYERED !important (@layer nv), which beats unlayered !important,
   so this block lives in the earlier layer nv-state (wins over nv) and wins inside it on the 3-id prefix. */
@layer nv-state{@media (max-width:859.98px){
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]){
    overflow:visible!important; padding:0!important; background:none!important; box-shadow:none!important; border-radius:0!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) table{display:block!important; min-width:0!important; width:100%!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) thead{
    position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]){--e26-lw:8.6em}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) tbody{display:grid!important; gap:12px!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) tr{
    display:block!important; padding:18px 18px 10px!important; border-radius:var(--e26-r-card)!important;
    background:var(--e26-l-bg)!important; border:1px solid var(--e26-l-line)!important; box-shadow:var(--e26-sh-d)!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) tr>*{
    display:block!important; position:relative!important; width:auto!important; border:0!important;
    background:none!important; background-image:none!important; box-shadow:none!important; text-align:left!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) tbody th{
    padding:0 0 10px!important; font-size:17px!important; line-height:1.3!important; font-weight:700!important; color:var(--e26-l-head)!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td{
    box-sizing:border-box!important; padding:10px 0 10px calc(var(--e26-lw) + 40px)!important; min-height:56px; font-size:14.5px!important; line-height:1.5!important;
    font-weight:500!important; color:var(--e26-l-body)!important; border-top:1px solid var(--e26-l-line)!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td::before{
    content:attr(data-label)!important; position:absolute!important; left:0!important; top:10px!important; width:var(--e26-lw)!important;
    height:auto!important; background:none!important; border-radius:0!important; box-shadow:none!important;
    font-size:13px!important; line-height:1.35!important; font-weight:600!important; letter-spacing:0!important; text-transform:none!important; color:var(--e26-l-head)!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td::after{content:none!important; display:none!important}
  /* Miracuves line: raised tier + gold accent */
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td.mx{
    margin:2px -8px 6px!important; padding:12px 10px 12px calc(var(--e26-lw) + 48px)!important; min-height:58px; border-top:0!important;
    border-radius:var(--e26-r-inset)!important; background:var(--e26-l-raised)!important; box-shadow:var(--e26-sh-2)!important;
    border:1px solid color-mix(in srgb,var(--e26-gold) 55%,var(--e26-l-line))!important; color:var(--e26-l-head)!important; font-weight:600!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td.mx::before{left:8px!important; top:12px!important; color:var(--e26-saffron)!important; font-weight:700!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td.mx+td{border-top:0!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td.mx :is(span,bdi){color:inherit!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td.mx .cm.y{background:var(--e26-saffron)!important; color:var(--e26-white)!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) .cm{position:absolute!important; left:calc(var(--e26-lw) + 12px)!important; top:11px!important; margin:0!important; vertical-align:0!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td.mx .cm{left:calc(var(--e26-lw) + 20px)!important; top:13px!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .cx-sec .cx-t:not(.rvt-t):has(td[data-label]) td.mx .cm.y svg{stroke:var(--e26-white)!important; color:var(--e26-white)!important}
}}

/* ==== 36-tables2.css ==== */
/* E26 point 10b (helper C, CEO 11-10 "why is it a scroll?"): no table scrolls or shows a scrollbar at any width. CSS only.
   Cause on live: the table wrappers are overflow-x:auto (which forces overflow-y:auto too). The rvt / terms tables'
   Miracuves column caps (td.mx::after, bottom:-48px) overflow the wrapper by 48px vertically, so any browser that draws
   scrollbars (macOS "always", Windows, some Safari) shows a scroll box on every comparison table, even though nothing
   overflows sideways. Fix: every table wrapper overflow:visible (the caps hang out of the card, as cmp-sec's already do);
   tables lose their 760px min-width and wrap inside the container (auto layout keeps today's column ratios).
   In nv-state so it beats the palette's layered !important; the 3-id prefix beats the page's own (1,x,x) rules. */
@layer nv-state{
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) :is(.cx-t,.rvt-t,.ig-t,.int-t):has(table),
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) :has(> table){
    overflow:visible!important; overflow-x:visible!important; overflow-y:visible!important;
    -webkit-mask-image:none!important; mask-image:none!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) table{min-width:0!important; max-width:100%!important}
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) :is(th,td){overflow-wrap:break-word}
  /* rvt/terms: the bottom cap hangs 48px below the card; keep it clear of the source note under the table */
  .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) .rvt-t:has(td.mx){margin-bottom:48px}
}
@media (min-width:860px){
  @layer nv-state{
    .pg:is(.pg,#mcv-v3-x):not(#e26-a):not(#e26-b) :is(.cx-t,.rvt-t) > table{width:100%!important}
  }
}
/* journey (flw-sec): the 3-column grid that E10 gives >=1180 now starts at 1024, so it is not a sideways row there */
@media (min-width:1024px) and (max-width:1179.98px){
  .pg:is(.pg,#mcv-v3-x) .journey{display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; overflow:visible!important; scroll-snap-type:none!important; margin-right:0!important; padding-right:0!important}
  .pg:is(.pg,#mcv-v3-x) .journey>*{flex:none!important; min-width:0!important; width:auto!important}
  .pg:is(.pg,#mcv-v3-x) .journey::scroll-button(*){display:none}
  .pg:is(.pg,#mcv-v3-x) .sw-hint:has(+.journey){display:none!important}
}

/* ==== 55-blocks.css ==== */
/* E26 point 5 (RS1) v2, CEO 11-10 "make them look like a wow": the 4 retired-subpage topics as editorial feature blocks.
   CSS only (live markup: div.e26-blk > .e26-blk-side(.e26-blk-ic + .e26-blk-l) + .e26-blk-main(h3.e26-blk-h + p)).
   >=1024: two balanced columns on the section's content grid: left = icon mark + large H3, right = the body (64ch),
   opened by a first-line lead-in. A 2px accent rule along the top edge ties it to its band. The label repeats the H3,
   so it is kept for assistive tech only. Light band: white raised + saffron rule. Dark band: raised tier + gold hairline + gold rule. */

.pg .e26-blk:not(#e26):not(#e26){
  position:relative; box-sizing:border-box; width:100%; max-width:none;
  display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); grid-template-rows:1fr auto auto 1fr;
  column-gap:clamp(40px,5vw,80px); row-gap:20px;
  margin:56px 0!important; padding:clamp(40px,3.6vw,56px) clamp(40px,4vw,64px)!important;
  border-radius:var(--e26-r-card)!important; text-align:left; overflow:hidden}
/* the main column dissolves so the H3 and the body become cells of the block grid */
.pg .e26-blk .e26-blk-main{display:contents}
.pg .e26-blk .e26-blk-side{grid-column:1; grid-row:2; display:flex; align-items:center; gap:0; padding:0}
.pg .e26-blk .e26-blk-ic{display:inline-flex; width:48px; height:48px; align-items:center; justify-content:center; border-radius:12px; flex:none}
.pg .e26-blk .e26-blk-ic svg{width:22px; height:22px}
/* label = the H3's own words: visually hidden, still read out */
.pg .e26-blk .e26-blk-l{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap}
.pg .e26-blk .e26-blk-h:not(#e26):not(#e26){
  grid-column:1; grid-row:3; align-self:start; margin:0!important; max-width:16ch;
  font-size:clamp(26px,1.1rem + 1.35vw,38px)!important; line-height:1.14!important; letter-spacing:-.018em!important;
  font-weight:700!important; text-wrap:balance}
.pg .e26-blk .e26-blk-main>p:not(#e26):not(#e26){
  grid-column:2; grid-row:1 / -1; align-self:center; margin:0!important; max-width:64ch;
  font-size:17px!important; line-height:1.72!important; text-wrap:pretty}
.pg .e26-blk .e26-blk-main>p::first-line{font-weight:600}
/* accent rule along the top edge */
.pg .e26-blk::before{content:""; position:absolute; left:0; right:0; top:0; height:2px}

@media (max-width:1023px){
  .pg .e26-blk:not(#e26):not(#e26){grid-template-columns:1fr; grid-template-rows:none; row-gap:16px; margin:40px 0!important; padding:36px 32px!important}
  .pg .e26-blk .e26-blk-side,.pg .e26-blk .e26-blk-h:not(#e26):not(#e26),.pg .e26-blk .e26-blk-main>p:not(#e26):not(#e26){grid-column:1; grid-row:auto}
  .pg .e26-blk .e26-blk-h:not(#e26):not(#e26){max-width:24ch; font-size:clamp(24px,1rem + 1.6vw,30px)!important}
  .pg .e26-blk .e26-blk-main>p:not(#e26):not(#e26){max-width:68ch; align-self:start}
}
@media (max-width:599px){
  .pg .e26-blk:not(#e26):not(#e26){margin:32px 0!important; padding:28px 22px 26px!important; row-gap:14px}
  .pg .e26-blk .e26-blk-ic{width:40px; height:40px; border-radius:10px}
  .pg .e26-blk .e26-blk-h:not(#e26):not(#e26){font-size:23px!important; max-width:none}
  .pg .e26-blk .e26-blk-main>p:not(#e26):not(#e26){font-size:16px!important; line-height:1.66!important}
}

@layer nv-state{
  /* light bands */
  .pg .e26-blk:not(#e26):not(#e26):not(#e26){background:var(--e26-l-raised)!important; border:1px solid var(--e26-l-line)!important; box-shadow:var(--e26-sh-2)!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26)::before{background:var(--e26-saffron)}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-ic{background:var(--e26-l-inset)!important; color:var(--e26-saffron)!important; box-shadow:inset 0 0 0 1px var(--e26-l-line)}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-ic svg *{stroke:currentColor!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-h{color:var(--e26-l-head)!important; -webkit-text-fill-color:var(--e26-l-head)!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-main>p{color:var(--e26-l-body)!important; -webkit-text-fill-color:var(--e26-l-body)!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-main>p::first-line{color:var(--e26-l-head); -webkit-text-fill-color:var(--e26-l-head)}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26) :is(bdi,.woocommerce-Price-amount,.woocommerce-Price-currencySymbol){color:inherit!important; -webkit-text-fill-color:inherit!important; font-weight:700}
  /* dark bands (.dark, g-ink, g-crimson, cw, ln): raised tier, gold hairline, gold rule */
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26){
    background:linear-gradient(180deg,var(--e26-d-raised),var(--e26-d-card) 72%)!important; background-color:var(--e26-d-card)!important;
    border:1px solid color-mix(in srgb,var(--e26-gold) 42%,transparent)!important; box-shadow:var(--e26-sh-d)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26)::before{background:var(--e26-gold)}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-ic{background:var(--e26-d-inset)!important; color:var(--e26-gold-l)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--e26-gold) 35%,transparent)}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-h{color:var(--e26-d-head)!important; -webkit-text-fill-color:var(--e26-d-head)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-main>p{color:var(--e26-d-body)!important; -webkit-text-fill-color:var(--e26-d-body)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26) .e26-blk-main>p::first-line{color:var(--e26-d-head); -webkit-text-fill-color:var(--e26-d-head)}
}

/* ==== 56-blocks-struct.css ==== */
/* E26 CEO 11-10 (A): structured subpage blocks (markup from 51-blocks-struct.py), on top of the 55 block shell.
   Header = icon + H3 (left) | lead (right); below, full width: 3 editorial columns divided by hairlines (business / revenue),
   a fact strip + "outside the invoice" list (cost), a look-for checklist + walk-away list (company); then a foot line.
   No nested cards: everything inside the block is set on hairlines, not on boxes. */
.pg .e26-blks:not(#e26):not(#e26){grid-template-rows:auto 1fr; row-gap:0}
.pg .e26-blks .e26-blk-side{grid-row:1}
.pg .e26-blks .e26-blk-h:not(#e26):not(#e26){grid-row:2; margin-top:18px!important}
.pg .e26-blks .e26-blk-main>p.e26-lead:not(#e26):not(#e26){grid-column:2; grid-row:1 / 3; align-self:center; max-width:60ch;
  font-size:clamp(17px,.95rem + .3vw,19px)!important; line-height:1.62!important}
.pg .e26-blks .e26-blk-main>p.e26-lead::first-line{font-weight:inherit}
.pg .e26-blks>:is(.e26-bs,.e26-bf){grid-column:1 / -1}
.pg .e26-blks>.e26-bs{margin-top:36px}
.pg .e26-blks>.e26-bs+.e26-bs{margin-top:28px}
.pg .e26-blks>.e26-bf:not(#e26):not(#e26){margin:28px 0 0!important; padding-top:18px; font-size:15.5px!important; line-height:1.6!important; font-weight:500; max-width:none}

/* 3 editorial columns */
.pg .e26-bs-cols{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid; padding-top:4px}
.pg .e26-bc{padding:22px 28px 4px 0}
.pg .e26-bc+.e26-bc{padding-left:28px; border-left:1px solid}
.pg .e26-bc-t:not(#e26):not(#e26){display:flex; align-items:center; gap:10px; margin:0 0 10px!important; font-size:17px!important; font-weight:700!important; line-height:1.3!important}
.pg .e26-bc-t .e26-bi{flex:none}
.pg .e26-bc-d:not(#e26):not(#e26){margin:0!important; font-size:15.5px!important; line-height:1.65!important}

/* fact strip */
.pg .e26-bs-facts{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid; border-bottom:1px solid}
.pg .e26-bt{display:flex; flex-direction:column; gap:6px; padding:24px 28px 22px 0}
.pg .e26-bt+.e26-bt{padding-left:28px; border-left:1px solid}
.pg .e26-bt b:not(#e26):not(#e26){font-size:clamp(26px,1.1rem + 1vw,34px)!important; line-height:1.1!important; font-weight:700!important; letter-spacing:-.015em; font-variant-numeric:tabular-nums}
.pg .e26-bt b *{font:inherit!important; letter-spacing:inherit}
.pg .e26-bt span{font-size:14px; font-weight:500}
/* "outside the invoice" + walk-away lists */
.pg .e26-bo-h:not(#e26):not(#e26){margin:0 0 14px!important; font-size:15.5px!important; font-weight:700!important}
.pg :is(.e26-bo,.e26-wa){display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 40px; margin:0!important; padding:0!important; list-style:none!important}
.pg :is(.e26-bo,.e26-wa)>li:not(#e26):not(#e26){position:relative; margin:0!important; padding:0 0 0 24px!important; font-size:15px!important; line-height:1.55!important; list-style:none!important}
.pg .e26-bo>li::before{content:""; position:absolute; left:4px; top:.62em; width:7px; height:7px; border-radius:50%}
.pg .e26-wa>li .e26-bi{position:absolute; left:0; top:.2em; width:16px; height:16px}
/* look-for checklist on the block's own 5fr | 7fr grid */
.pg .e26-ck-h:not(#e26):not(#e26){display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); column-gap:clamp(40px,5vw,80px); margin:0!important; padding-bottom:10px; font-size:13px!important; font-weight:600!important; letter-spacing:.01em}
.pg .e26-ck{margin:0!important; padding:0!important; list-style:none!important; border-top:1px solid}
.pg .e26-ck>li:not(#e26):not(#e26){display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); column-gap:clamp(40px,5vw,80px); align-items:baseline; margin:0!important; padding:14px 0!important; border-bottom:1px solid; list-style:none!important}
.pg .e26-ck>li>b:not(#e26):not(#e26){display:flex; gap:10px; align-items:center; font-size:15.5px!important; font-weight:700!important}
.pg .e26-ck>li>span:not(#e26):not(#e26){font-size:15.5px!important; line-height:1.55!important}
.pg .e26-ck .e26-bi{flex:none; width:18px; height:18px; padding:3px; border-radius:50%; box-sizing:content-box}

@media (max-width:1023px){
  .pg .e26-blks:not(#e26):not(#e26){grid-template-rows:none; row-gap:14px}
  .pg .e26-blks>.e26-bs{margin-top:18px}
  .pg .e26-blks>.e26-bf:not(#e26):not(#e26){margin-top:8px!important}
  .pg .e26-blks .e26-blk-h:not(#e26):not(#e26){margin-top:0!important}
  .pg .e26-blks .e26-blk-main>p.e26-lead:not(#e26):not(#e26){grid-column:1; grid-row:auto; align-self:start}
  .pg .e26-bs-cols{grid-template-columns:1fr; padding-top:0}
  .pg .e26-bc,.pg .e26-bc+.e26-bc{padding:20px 0; border-left:0}
  .pg .e26-bc+.e26-bc{border-top:1px solid}
  .pg .e26-ck-h:not(#e26):not(#e26){display:none!important}
  .pg .e26-ck>li:not(#e26):not(#e26){grid-template-columns:1fr; row-gap:4px}
  .pg .e26-ck>li>span:not(#e26):not(#e26){padding-left:28px}
}
@media (max-width:599px){
  .pg .e26-blks>.e26-bs{margin-top:26px}
  .pg .e26-bs-facts{grid-template-columns:1fr}
  .pg .e26-bt,.pg .e26-bt+.e26-bt{padding:16px 0; border-left:0}
  .pg .e26-bt+.e26-bt{border-top:1px solid}
  .pg :is(.e26-bo,.e26-wa){grid-template-columns:1fr}
}

/* colour: light bands, then dark bands */
@layer nv-state{
  .pg .e26-blks :is(.e26-bs-cols,.e26-bc,.e26-bs-facts,.e26-bt,.e26-ck,.e26-ck>li){border-color:var(--e26-l-line)!important}
  .pg .e26-blks>.e26-bf:not(#e26):not(#e26):not(#e26){border-top:1px solid var(--e26-l-line); color:var(--e26-l-head)!important; -webkit-text-fill-color:var(--e26-l-head)!important}
  .pg .e26-blks .e26-blk-main>p.e26-lead:not(#e26):not(#e26):not(#e26){color:var(--e26-l-head)!important; -webkit-text-fill-color:var(--e26-l-head)!important}
  .pg .e26-blks :is(.e26-bc-t,.e26-bo-h,.e26-ck>li>b,.e26-bt b):not(#e26):not(#e26):not(#e26){color:var(--e26-l-head)!important; -webkit-text-fill-color:var(--e26-l-head)!important}
  .pg .e26-blks :is(.e26-bc-d,.e26-bt span,.e26-bo>li,.e26-wa>li,.e26-ck>li>span,.e26-ck-h):not(#e26):not(#e26):not(#e26){color:var(--e26-l-body)!important; -webkit-text-fill-color:var(--e26-l-body)!important}
  .pg .e26-blks :is(.e26-bc-t .e26-bi,.e26-ck .e26-bi){color:var(--e26-saffron)!important}
  .pg .e26-blks .e26-ck .e26-bi{background:var(--e26-l-inset)}
  .pg .e26-blks .e26-wa .e26-bi{color:var(--e26-maroon)!important}
  .pg .e26-blks .e26-bo>li::before{background:var(--e26-saffron)}
  .pg .e26-blks .e26-bt:first-child b:not(#e26):not(#e26):not(#e26){color:var(--e26-saffron)!important; -webkit-text-fill-color:var(--e26-saffron)!important}
  .pg .e26-blks .e26-bt b :is(span,bdi):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){color:inherit!important; -webkit-text-fill-color:inherit!important; background:none!important}

  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks :is(.e26-bs-cols,.e26-bc,.e26-bs-facts,.e26-bt,.e26-ck,.e26-ck>li){border-color:color-mix(in srgb,var(--e26-gold) 26%,transparent)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks>.e26-bf:not(#e26):not(#e26):not(#e26){border-top-color:color-mix(in srgb,var(--e26-gold) 26%,transparent); color:var(--e26-d-head)!important; -webkit-text-fill-color:var(--e26-d-head)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks .e26-blk-main>p.e26-lead:not(#e26):not(#e26):not(#e26),
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks :is(.e26-bc-t,.e26-bo-h,.e26-ck>li>b,.e26-bt b):not(#e26):not(#e26):not(#e26){color:var(--e26-d-head)!important; -webkit-text-fill-color:var(--e26-d-head)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks :is(.e26-bc-d,.e26-bt span,.e26-bo>li,.e26-wa>li,.e26-ck>li>span,.e26-ck-h):not(#e26):not(#e26):not(#e26){color:var(--e26-d-body)!important; -webkit-text-fill-color:var(--e26-d-body)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks :is(.e26-bc-t .e26-bi,.e26-ck .e26-bi){color:var(--e26-gold-l)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks .e26-ck .e26-bi{background:var(--e26-d-inset)}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks .e26-wa .e26-bi{color:color-mix(in srgb,var(--e26-gold-l) 70%,transparent)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks .e26-bo>li::before{background:var(--e26-gold)}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blks .e26-bt:first-child b:not(#e26):not(#e26):not(#e26):not(#e26){color:var(--e26-gold-l)!important; -webkit-text-fill-color:var(--e26-gold-l)!important}
}

/* ==== 57-blocks-v3.css ==== */
/* E26 W4: the 4 subpage blocks in the V3 card language (measured on the V3 page itself):
   - light band (cream ground): the wbx-p card: ivory #FDF8F0, inset dark 7% ring, soft drop, radius 22, 800-weight title, 17px body;
   - dark band: the cx .rs card: flat dark, inset ivory-line top highlight + ring, crimson-tinted drop, radius 22, ivory 84% body;
   - icon tile as V3: cream tile + maroon icon on light, translucent ivory tile on dark (rs-ic); no extra accent rule. */
@layer nv-state{
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26){
    background:#FDF8F0!important;background-image:none!important;border:0!important;border-radius:22px!important;
    box-shadow:inset 0 0 0 1px rgba(59,13,17,.07),0 1px 2px rgba(59,13,17,.05),0 20px 44px -24px rgba(59,13,17,.32)!important}
  .pg .e26-blk::before{display:none!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) .e26-blk-ic{background:#FBEFDF!important;color:#9F1239!important;box-shadow:none!important;border-radius:13px!important;width:44px!important;height:44px!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) .e26-blk-h{color:#2B1A10!important;-webkit-text-fill-color:#2B1A10!important;font-weight:800!important;letter-spacing:-.035em!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) :is(.e26-blk-main>p,.e26-bc-d,.e26-bo>li,.e26-wa>li,.e26-ck>li>span,.e26-bt span,.e26-ck-h){color:#2B1A10!important;-webkit-text-fill-color:#2B1A10!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) :is(.e26-bc-t,.e26-bo-h,.e26-ck>li>b,.e26-bt b,.e26-bf,.e26-lead){color:#2B1A10!important;-webkit-text-fill-color:#2B1A10!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) :is(.e26-bs-cols,.e26-bc,.e26-bs-facts,.e26-bt,.e26-ck,.e26-ck>li){border-color:rgba(59,13,17,.1)!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26)>.e26-bf{border-top-color:rgba(59,13,17,.1)!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) :is(.e26-bc-t .e26-bi,.e26-ck .e26-bi){color:#9F1239!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) .e26-ck .e26-bi{background:#FBEFDF!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) .e26-bo>li::before{background:#9F1239!important}
  .pg .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26) .e26-bt:first-child b{color:#9F1239!important;-webkit-text-fill-color:#9F1239!important}

  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){
    background:#3B0D11!important;
    box-shadow:inset 0 1px 0 rgba(233,217,196,.24),inset 0 0 0 1px rgba(233,217,196,.07),0 2px 6px -2px rgba(59,13,17,.45),0 34px 64px -34px rgba(194,65,12,.25)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26) .e26-blk-ic{
    background:linear-gradient(145deg,rgba(251,239,223,.26),rgba(251,239,223,.08))!important;color:#FDF8F0!important;box-shadow:inset 0 1px 0 rgba(233,217,196,.35)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26) :is(.e26-blk-h,.e26-bc-t,.e26-bo-h,.e26-ck>li>b,.e26-bt b,.e26-bf,.e26-lead){color:#FDF8F0!important;-webkit-text-fill-color:#FDF8F0!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26) :is(.e26-blk-main>p,.e26-bc-d,.e26-bo>li,.e26-wa>li,.e26-ck>li>span,.e26-bt span,.e26-ck-h){color:rgba(253,248,240,.84)!important;-webkit-text-fill-color:rgba(253,248,240,.84)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26) :is(.e26-bs-cols,.e26-bc,.e26-bs-facts,.e26-bt,.e26-ck,.e26-ck>li){border-color:rgba(233,217,196,.14)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26)>.e26-bf{border-top-color:rgba(233,217,196,.14)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26) :is(.e26-bc-t .e26-bi,.e26-ck .e26-bi,.e26-wa .e26-bi){color:#E3B341!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26) .e26-ck .e26-bi{background:rgba(251,239,223,.12)!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26) .e26-bo>li::before{background:#D4A017!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26) .e26-bt:first-child b{color:#E3B341!important;-webkit-text-fill-color:#E3B341!important}
}
@layer nv-state{
  /* the price in the cost tile carries the tile colour (Woo spans keep their own palette colour otherwise) */
  .pg .e26-blk .e26-bt b :is(span,bdi):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){color:inherit!important;-webkit-text-fill-color:inherit!important;background:none!important}
  .pg section.sec:is(.dark,.g-ink,.g-crimson,.cw-sec,.ln-sec) .e26-blk .e26-bt:first-child b:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){color:#E3B341!important;-webkit-text-fill-color:#E3B341!important}
  .pg .e26-blk .e26-bt:first-child b:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){color:#9F1239!important;-webkit-text-fill-color:#9F1239!important}
}

/* ==== 90-w4-safety.css ==== */
/* E26 W4: light radius safety net = only the elements that are square in V3 itself (probe on the V3 page, 1440 + 390):
   card media images, the disclaimer panel, content-rights cards, featured-blog image, benchmark cards (paint only), wx strip.
   Nothing else is restyled. */
:root{--e26-r-md:14px;--e26-r-lg:20px}
@layer nv-state{
  .pg section.sec:not(.hf) :is(.dz-l,.wx-strip):not(#e26):not(#e26):not(#e26):not(#e26){border-radius:var(--e26-r-lg)!important}
  /* joined panels (pv benchmarks, content-rights 4-up): straight seams, the radius only on the outer container (RS3 W4 P1) */
  .pg section.sec:not(.hf) :is(.pv,.split4):not(#e26):not(#e26):not(#e26):not(#e26){border-radius:var(--e26-r-lg)!important;overflow:hidden!important}
  .pg section.sec:not(.hf) :is(.pv-c,.split4>div):not(#e26):not(#e26):not(#e26):not(#e26){border-radius:0!important}
  .pg section.sec:not(.hf) .nw-im:not(#e26):not(#e26):not(#e26):not(#e26){border-radius:var(--e26-r-md)!important}
  .pg section.sec:not(.hf) .nw-im{overflow:hidden!important}
  .pg section.sec:is(.adx-sec,.cw-sec,.dm-sec,.g-ink,.cross-g,.ibx-sec,.wx-sec,.flx-sec) img:not([class*=logo]):not(#e26):not(#e26):not(#e26){border-radius:var(--e26-r-md)!important}
  .pg section.dm-sec :is(.dm-shot,.dm-br) img:not(#e26):not(#e26):not(#e26){border-radius:calc(var(--e26-r-card) - 1px) calc(var(--e26-r-card) - 1px) 0 0!important}
}
/* W4 removes wbx: its empty widget container never takes space */
.e-con.mcv-v3:has(> .elementor-element > .elementor-widget-container > .pg:empty){display:none!important}
/* the one dark-after-dark junction W4 creates (cmp-sec now meets Use Cases): a 1px divider on the band's own .wrap,
   inset to the content grid; the bands keep their V3 backgrounds and glows. V3's own adjacent dark bands are left as V3. */
@layer nv-state{
  .e-con.mcv-v3:has(section.cmp-sec) + .e-con.mcv-v3:has(.pg:empty) + .e-con.mcv-v3 section.sec:is(.dark,.g-ink):first-of-type:not(#e26):not(#e26):not(#e26):not(#e26),
  .e-con.mcv-v3:has(section.cmp-sec) + .e-con.mcv-v3 section.sec:is(.dark,.g-ink):first-of-type:not(#e26):not(#e26):not(#e26):not(#e26){padding-top:0!important}
  .e-con.mcv-v3:has(section.cmp-sec) + .e-con.mcv-v3:has(.pg:empty) + .e-con.mcv-v3 section.sec:is(.dark,.g-ink):first-of-type > .wrap:not(#e26):not(#e26):not(#e26):not(#e26),
  .e-con.mcv-v3:has(section.cmp-sec) + .e-con.mcv-v3 section.sec:is(.dark,.g-ink):first-of-type > .wrap:not(#e26):not(#e26):not(#e26):not(#e26){border-top:1px solid rgba(253,248,240,.14)!important;padding-top:clamp(48px,5vw,72px)!important}
}

/* RS3 W4 P2 (template-safe, replaces the 10-tiers list): the reveal script's transient .mcv-in class collides with the
   palette rule div.mcv-in{cream}, so for ~1.4 s every revealing wrapper flashed cream (Use Cases tab labels 1.06:1, cmp family
   line, sx closing box, ln). During .mcv-in each wrapper now shows its OWN V3 ground (measured at rest on the V3 page):
   transparent by default; ivory for the light panels; the dark ground for the dark panels. */
@layer nv-state{
  .pg:is(.pg,#mcv-v3-x) section.sec div.mcv-in:not(#e26):not(#e26):not(#e26):not(#e26){background-color:transparent!important;box-shadow:none!important}
  .pg:is(.pg,#mcv-v3-x) section.sec div.mcv-in:is(.video,.strip,.adx-sum,.tp-sh,.wbx-strip,.pt-seo,.flowline,.pv-src):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){background-color:#FDF8F0!important}
  /* RS3 revalidation 4b: the demo video card is a dark card in W4 (21-dm-live), so it keeps that ground while it reveals */
  .pg:is(.pg,#mcv-v3-x) section.dm-sec div.video.mcv-in:not(#e26):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){background-color:var(--e26-d-card)!important}
  /* content-rights 4-up (.comp .split4): V3 paints the cells by position (1-2 light, 3-4 dark); they keep it while revealing */
  .pg:is(.pg,#mcv-v3-x) section.sec .comp .split4>div.mcv-in:is(:nth-child(1),:nth-child(2)):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){background-color:#FDF8F0!important}
  .pg:is(.pg,#mcv-v3-x) section.sec .comp .split4>div.mcv-in:is(:nth-child(3),:nth-child(4)):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){background-color:#3B0D11!important}
  .pg:is(.pg,#mcv-v3-x) section.sec div.mcv-in:is(.fx-buyer,.flw,.ms,.bv-eng,[class="mcv-rv mcv-in"],[class="mcv-in mcv-rv"]):not(#e26):not(#e26):not(#e26):not(#e26):not(#e26){background-color:#3B0D11!important}
}