@font-face{font-family:"General Sans";src:url(/assets/media/2b65af1fa23d.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url(/assets/media/60bade557d3c.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
/* ProcureCortex marketing site, redesign preview.
   Layout: a 12-column editorial grid with fluid 16 to 80px margins. Headings left, paragraph right.
   Personality: the vernacular of the documents the product reads. Typeset pages, clause numbers,
   a highlighter in the client's own purple tints, citations on claims, and diagrams on the hexagon of the mark.
   Single light look by decision 11 of the brief (no dark scheme on derived values); one ink band per page. */
:root{
  color-scheme:light;
  /* brand colour, from .brand/tokens.json, verbatim or measured */
  --pc-purple:#5834F5; --pc-purple-700:#4615D0; --pc-purple-400:#8A8DFC; --pc-purple-500:#6B62F9;
  --pc-tint-100:#F4F2FC; --pc-tint-200:#E5E0FA;
  --pc-ink:#0D061A; --pc-ink-2:#181126; --pc-ink-3:#1F172E; --pc-ink-line:#322C3F; --pc-ink-muted:#A6A1B5;
  --pc-muted:#656972; --pc-band:#F5F6F7; --pc-line:#E2E4E7; --pc-white:#FFFFFF;
  --pc-danger:#DD2530; --pc-danger-dk:#F3625D; --pc-success:#00A365; --pc-warning:#734C00;
  /* type */
  --f-display:"General Sans","Inter",ui-sans-serif,system-ui,sans-serif;
  --f-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  /* shape and depth */
  --r-sm:6px; --r-md:8px; --r-lg:10px; --r-xl:14px;
  --sh-sm:0 1px 2px 0 rgba(13,15,26,.04);
  --sh-md:0 1px 2px 0 oklch(0.15 0.03 265 / 0.04),0 8px 24px -12px oklch(0.15 0.03 265 / 0.12);
  --sh-lg:0 2px 6px 0 oklch(0.15 0.03 265 / 0.05),0 32px 64px -32px oklch(0.15 0.03 265 / 0.28);
  /* motion */
  --d-fast:150ms; --d-base:200ms; --d-reveal:620ms;
  --e-std:cubic-bezier(0.4,0,0.2,1); --e-reveal:cubic-bezier(0.22,0.61,0.36,1);
  /* layout */
  --gut:clamp(16px,5.5vw,80px); --maxw:1600px; --hd-h:72px;

  /* site layer, recorded in .brand/tokens.json color.site */
  --pc-doc-text:#3B3F47; --pc-reading-text:#2A2D33; --pc-sev-high-bg:#FCE9EA; --pc-sev-high-fg:#B01C25; --pc-danger-ink:#7E141B; --pc-sev-med-bg:#FBF1DC; --pc-heat-0:#241B37; --pc-heat-1:#3A2C6E; --pc-heat-2:#5145B8; --pc-heat-3:#7C6CF6; --pc-heat-4:#C9C2FD; --pc-ink-unread:#B9BCC3; --pc-ink-unread-mark:#BFB3FB;
}
body{margin:0;background:var(--pc-white);color:var(--pc-ink);font-family:var(--f-sans);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--pc-white)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--pc-purple);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:600;letter-spacing:-0.02em;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ic.s16{width:16px;height:16px}.ic.s14{width:14px;height:14px}.ic.s24{width:24px;height:24px}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- grid ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.band{padding-block:clamp(64px,7vw,112px)}
.band.tight{padding-block:clamp(56px,6vw,96px)}
.band.sunk{background:var(--pc-band)}
.band.ink{background:var(--pc-ink);color:var(--pc-white)}
.band + .band:not(.sunk):not(.ink){border-top:1px solid var(--pc-line)}
.band.sunk + .band, .band.ink + .band{border-top:0}

/* section header: heading left, paragraph right, CTA under the paragraph. No eyebrows. */
.sh{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:20px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.sh h2{grid-column:1 / span 6;font-size:clamp(30px,3.1vw,44px);line-height:1.08}
.sh .sh-p{grid-column:8 / span 5;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.sh .sh-p p{font-size:18px;line-height:29px;color:var(--pc-muted)}
.band.ink .sh .sh-p p{color:var(--pc-ink-muted)}
@media (max-width:960px){.sh h2,.sh .sh-p{grid-column:1 / -1}.sh .sh-p p{font-size:16px;line-height:26px}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--r-md);font-weight:500;font-size:15px;white-space:nowrap;flex-shrink:0;transition:background var(--d-fast) var(--e-std),border-color var(--d-fast) var(--e-std),color var(--d-fast) var(--e-std),transform var(--d-fast) var(--e-std)}
.btn:active{transform:translateY(1px)}
.btn-p{background:var(--pc-purple);color:var(--pc-white)}
.btn-p:hover{background:var(--pc-purple-700)}
.btn-s{background:var(--pc-white);color:var(--pc-ink);box-shadow:inset 0 0 0 1px var(--pc-line)}
.btn-s:hover{box-shadow:inset 0 0 0 1px var(--pc-muted)}
.band.ink .btn-s{background:transparent;color:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-ink-line)}
.btn-sm{height:40px;padding:0 16px;font-size:14px}
.lnk{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--pc-purple);white-space:nowrap;min-height:24px}
.lnk .ic{transition:transform var(--d-base) var(--e-std)}
.lnk:hover .ic{transform:translateX(3px)}
.band.ink .lnk{color:var(--pc-purple-400)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (max-width:560px){.btn-row.stack{flex-direction:column;align-items:stretch}.btn-row.stack .btn{width:100%}}

/* ---------- citation chips: numbers and claims carry their source ---------- */

/* highlighter: the client's 200 tint, swept left to right */
.hl{background-image:linear-gradient(var(--pc-tint-200),var(--pc-tint-200));background-repeat:no-repeat;background-size:0% 100%;background-position:0 0;border-radius:2px;padding:0 2px;margin:0 -2px;transition:background-size 900ms var(--e-reveal);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl.on{background-size:100% 100%}

/* ---------- header ---------- */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--pc-white);transition:box-shadow var(--d-base) var(--e-std)}
.hd.scrolled{box-shadow:0 1px 0 var(--pc-line)}
.hd-in{display:flex;align-items:center;gap:32px;height:var(--hd-h)}
.hd-logo{display:flex;align-items:center;height:44px;flex-shrink:0}
.hd-logo svg{height:28px;width:auto;display:block}
.hd-nav{display:flex;align-items:center;gap:2px;height:100%}
.hd-item{position:relative;height:100%;display:flex;align-items:center}
.hd-tl{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-radius:var(--r-md);font-size:15px;font-weight:500;color:var(--pc-ink);white-space:nowrap;transition:background var(--d-fast)}
.hd-tl .ic{width:16px;height:16px;color:var(--pc-muted);transition:transform var(--d-base) var(--e-std)}
.hd-tl:hover,.hd-tl[aria-expanded="true"]{background:var(--pc-band)}
.hd-tl[aria-expanded="true"] .ic{transform:rotate(180deg)}
.hd-tl.cur::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--pc-ink);border-radius:2px}
.hd-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.hd-sign{display:inline-flex;align-items:center;height:40px;padding:0 12px;font-weight:500;font-size:15px;white-space:nowrap;border-radius:var(--r-md)}
.hd-sign:hover{background:var(--pc-band)}
.hd-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--r-md)}
.hd-burger:hover{background:var(--pc-band)}
@media (max-width:1100px){.hd-nav,.hd-sign{display:none}.hd-burger{display:inline-flex}}
@media (max-width:440px){.hd-right .btn-s{display:none}}

/* mega menu: a full-width panel under the bar. Left-aligned items: icon tile, title, one line. A feature and one useful fact. */
.mm{position:absolute;left:0;right:0;top:var(--hd-h);background:var(--pc-white);box-shadow:0 1px 0 var(--pc-line),0 24px 48px -24px rgba(13,6,26,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--d-base) var(--e-std),transform var(--d-base) var(--e-std),visibility 0s linear var(--d-base)}
.mm.on{opacity:1;visibility:visible;transform:none;transition:opacity var(--d-base) var(--e-std),transform var(--d-base) var(--e-std)}
.mm-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-block:32px 28px}
.mm-cols{grid-column:1 / span 8;display:grid;grid-template-columns:repeat(var(--mm-c,2),minmax(0,1fr));column-gap:24px;row-gap:4px}
.mm-g{display:flex;flex-direction:column;gap:2px}
.mm-gh{font-size:13px;font-weight:500;color:var(--pc-muted);padding:0 12px 10px}
.mm-a{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:start;padding:12px;border-radius:var(--r-lg);transition:background var(--d-fast)}
.mm-a:hover,.mm-a:focus-visible{background:var(--pc-band)}
.mm-a .tile{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pc-tint-100);color:var(--pc-purple)}
.mm-a b{display:flex;align-items:center;gap:6px;font-weight:500;font-size:15px;line-height:22px}
.mm-a b .ic{width:14px;height:14px;opacity:0;transform:translate(-4px,0);transition:opacity var(--d-fast),transform var(--d-base) var(--e-std);color:var(--pc-purple)}
.mm-a:hover b .ic{opacity:1;transform:none}
.mm-a span{display:block;font-size:14px;line-height:20px;color:var(--pc-muted)}
.mm-a .new{font-style:normal;font-size:12px;font-weight:600;color:var(--pc-purple);background:var(--pc-tint-100);border-radius:999px;padding:2px 8px}
.mm-feat{grid-column:9 / span 4;display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--r-xl);background:var(--pc-band)}
.mm-feat h4{font-size:18px;line-height:24px}
.mm-feat p{font-size:14px;line-height:20px;color:var(--pc-muted)}
.mm-facts{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-block:1px solid var(--pc-line)}
.mm-facts span{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--pc-ink)}
.mm-facts .ic{width:16px;height:16px;color:var(--pc-purple)}
.mm-post{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:8px;border-radius:var(--r-lg)}
.mm-post:hover{background:var(--pc-white)}
.mm-post .cv{border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3}
.mm-post b{font-weight:500;font-size:14px;line-height:20px;display:block}
.mm-post span{font-size:12px;color:var(--pc-muted)}
.mm-scrim{position:fixed;inset:0;top:calc(var(--hd-h) + env(safe-area-inset-top,0px));background:rgba(13,6,26,.18);opacity:0;visibility:hidden;transition:opacity var(--d-base),visibility 0s linear var(--d-base);z-index:40}
.mm-scrim.on{opacity:1;visibility:visible;transition:opacity var(--d-base)}
@media (max-width:1100px){.mm,.mm-scrim{display:none}}

/* mobile menu: full screen, drill-down sub-levels */
.mob{position:fixed;inset:0;z-index:98;background:var(--pc-white);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);transform:translateX(100%);visibility:hidden;transition:transform 320ms var(--e-reveal),visibility 0s linear 320ms}
.mob.on{transform:none;visibility:visible;transition:transform 320ms var(--e-reveal)}
.mob-top{display:flex;align-items:center;justify-content:space-between;height:var(--hd-h);flex-shrink:0;border-bottom:1px solid var(--pc-line)}
.mob-x{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-md)}
.mob-body{position:relative;flex:1;overflow:hidden}
.mob-lv{position:absolute;inset:0;overflow-y:auto;padding-block:12px 24px;transition:transform 300ms var(--e-reveal),opacity 300ms var(--e-reveal)}
.mob-lv.off-r{transform:translateX(100%);opacity:0;visibility:hidden}
.mob-lv.off-l{transform:translateX(-30%);opacity:0;visibility:hidden}
.mob-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;padding-block:8px;border-bottom:1px solid var(--pc-line);font-family:var(--f-display);font-weight:600;font-size:24px;letter-spacing:-0.02em;text-align:left}
.mob-row .ic{color:var(--pc-muted)}
.mob-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:500;color:var(--pc-muted);margin-bottom:4px}
.mob-lv h3{font-size:28px;margin:4px 0 12px}
.mob-sub{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;padding-block:12px;border-bottom:1px solid var(--pc-line)}
.mob-sub .tile{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pc-tint-100);color:var(--pc-purple)}
.mob-sub b{font-weight:500;display:block}
.mob-sub span{font-size:14px;line-height:20px;color:var(--pc-muted)}
.mob-gh{font-size:13px;font-weight:500;color:var(--pc-muted);margin:20px 0 4px}
.mob-foot{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding-block:16px;border-top:1px solid var(--pc-line)}
.mob-foot .btn{width:100%}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding-block:clamp(40px,6vw,88px) clamp(56px,7vw,104px)}
.hero .g12{position:relative;row-gap:48px;align-items:center}
.hero-t{grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px;min-width:0}
.hero h1{font-size:clamp(42px,5.4vw,80px);line-height:1;letter-spacing:-0.025em}
.hero-lead{font-size:18px;line-height:29px;color:var(--pc-muted);max-width:56ch}
.hero-lead strong{color:var(--pc-ink);font-weight:500}
.hero-v{grid-column:7 / span 6;min-width:0}
.fw{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;font-size:14px;color:var(--pc-muted)}
.fw-l{font-weight:500;color:var(--pc-ink)}
.fw ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.fwb{display:block;width:44px;height:44px;color:var(--pc-ink)}
.fwb-r{stroke:var(--pc-line);stroke-width:1.5}
@media (max-width:1100px){.hero-t,.hero-v{grid-column:1 / -1}}
@media (max-width:560px){.hero-lead{font-size:16px;line-height:26px}}

/* evidence stage: a typeset vendor page, a highlighted clause, a leader line and the finding it produced */
.ev{position:relative}
.ev-stage{position:relative;aspect-ratio:1.45/1;min-height:380px}
.ev-paper{position:absolute;left:0;top:0;width:72%;height:92%;background:var(--pc-white);border-radius:var(--r-sm);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line);padding:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:opacity 400ms var(--e-std),transform 600ms var(--e-reveal)}
.ev-paper.swap{opacity:0;transform:translateY(10px)}
.ev-ph{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:16px;color:var(--pc-muted);padding-bottom:10px;border-bottom:1px solid var(--pc-line)}
.ev-ph b{color:var(--pc-ink);font-weight:500}
.ev-ph > span:last-child{white-space:nowrap;flex-shrink:0}
.ev-sec{font-family:var(--f-display);font-weight:600;font-size:15px;line-height:20px;letter-spacing:-0.01em}
.ev-ln{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;font-size:12.5px;line-height:19px;color:var(--pc-doc-text)}
.ev-ln .n{font-variant-numeric:tabular-nums;color:var(--pc-muted);font-weight:500}
.ev-ln.hit .t{color:var(--pc-ink)}
@media (min-width:561px){.ev-stage .ev-ln.hit .t{max-width:64%}}
.ev-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.ev-svg path{fill:none;stroke:var(--pc-purple);stroke-width:1.5;stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 600ms var(--e-reveal)}
.ev-svg path.on{stroke-dashoffset:0}
.ev-svg circle{fill:var(--pc-purple);opacity:0;transition:opacity 300ms}
.ev-svg circle.on{opacity:1}
.ev-card{position:absolute;right:0;bottom:16%;width:min(50%,320px);background:var(--pc-white);border-radius:var(--r-xl);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line);padding:18px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(12px);transition:opacity 400ms var(--e-std),transform 600ms var(--e-reveal)}
.ev-card.on{opacity:1;transform:none}
.ev-card .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.ev-k{font-size:13px;font-weight:500;color:var(--pc-muted)}
.ev-card h4{font-size:16px;line-height:22px;letter-spacing:-0.01em}
.ev-rule{font-size:13px;line-height:19px;color:var(--pc-muted)}
.ev-rule b{color:var(--pc-ink);font-weight:500}
.ev-conf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12px;color:var(--pc-muted)}
.ev-bar{height:4px;border-radius:4px;background:var(--pc-band);overflow:hidden}
.ev-bar i{display:block;height:100%;width:var(--w,0%);background:var(--pc-purple);border-radius:4px;transform-origin:left;transform:scaleX(0);transition:transform 900ms var(--e-reveal)}
.ev-card.on .ev-bar i{transform:scaleX(1)}
.ev-ref{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:var(--pc-purple);font-weight:500}
.ev-dec{position:absolute;right:6%;bottom:0;width:min(58%,330px);background:var(--pc-ink);color:var(--pc-white);border-radius:var(--r-lg);padding:12px 14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:12.5px;line-height:18px;opacity:0;transform:translateY(10px);transition:opacity 400ms var(--e-std),transform 600ms var(--e-reveal)}
.ev-dec.on{opacity:1;transform:none}
.ev-dec .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pc-ink-3);color:var(--pc-purple-400);font-weight:600;font-size:12px}
.ev-dec b{font-weight:500}
.ev-dec span{color:var(--pc-ink-muted)}
.ev-ctl{display:flex;align-items:center;gap:8px;margin-top:16px}
.ev-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-width:0}
.ev-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:48px;padding:8px 0 0;text-align:left;font-size:13px;line-height:18px;color:var(--pc-muted);border-top:2px solid var(--pc-line)}
.ev-tab b{font-weight:500;color:var(--pc-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ev-tab i{position:absolute;left:0;top:-2px;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--pc-purple)}
.ev-tab[aria-pressed="true"] b{color:var(--pc-purple)}
@media (max-width:560px){.ev-stage{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-end}.ev-paper{position:relative;width:100%;height:auto}.ev-card{position:relative;inset:auto;width:92%;margin-top:-28px}.ev-dec{position:relative;inset:auto;width:86%;margin:-10px 4% 0 0}.ev-ln{font-size:12px;grid-template-columns:28px minmax(0,1fr)}.ev-tab b{font-size:12px}}

/* severity, status */
.sev{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}
.sev .ic{width:13px;height:13px}
.sev-crit,.sev-high{background:var(--pc-sev-high-bg);color:var(--pc-sev-high-fg)}
.sev-med{background:var(--pc-sev-med-bg);color:var(--pc-warning)}
.sev-low{background:var(--pc-band);color:var(--pc-muted)}
.st{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--pc-muted);white-space:nowrap}
.st .ic{width:14px;height:14px}
.st-ok .ic{color:var(--pc-success)}
.st-part .ic{color:var(--pc-warning)}
.st-miss .ic{color:var(--pc-danger)}

/* ---------- problem: scroll-inked statement ---------- */
.pb-q{grid-column:1 / span 11;font-family:var(--f-display);font-weight:600;font-size:clamp(26px,3.3vw,50px);line-height:1.14;letter-spacing:-0.02em;text-wrap:pretty}
.pb-q .w{color:var(--pc-ink-unread);transition:color 240ms linear}
.pb-q .w.on{color:var(--pc-ink)}
.pb-q .w.mk{color:var(--pc-purple)}
.pb-q .w.mk:not(.on){color:var(--pc-ink-unread-mark)}
.pb-pts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(48px,6vw,88px);border-top:1px solid var(--pc-line)}
.pb-pt{padding-top:24px;display:flex;flex-direction:column;gap:10px}
.pb-pt .ic{color:var(--pc-purple)}
.pb-pt h3{font-size:20px;line-height:28px}
.pb-pt p{color:var(--pc-muted)}
@media (max-width:860px){.pb-q{grid-column:1 / -1}.pb-pts{grid-template-columns:1fr;gap:0}.pb-pt{padding-block:20px;border-bottom:1px solid var(--pc-line)}}

/* ---------- document explorer ---------- */
.dx{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px}
.dx-tabs{grid-column:1 / -1;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.dx-tabs::-webkit-scrollbar{display:none}
.dx-tab{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;font-weight:500;font-size:14px;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--pc-line);background:var(--pc-white);transition:background var(--d-fast),color var(--d-fast),box-shadow var(--d-fast)}
.dx-tab .ic{width:16px;height:16px;color:var(--pc-muted)}
.dx-tab:hover{box-shadow:inset 0 0 0 1px var(--pc-muted)}
.dx-tab[aria-pressed="true"]{background:var(--pc-ink);color:var(--pc-white);box-shadow:none}
.dx-tab[aria-pressed="true"] .ic{color:var(--pc-purple-400)}
.dx-page{grid-column:1 / span 7;min-width:0;background:var(--pc-white);border-radius:var(--r-sm);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line);padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:14px;min-height:520px}
.dx-page .ev-ph{font-size:12px}
.dx-page h4{font-size:18px;line-height:24px;letter-spacing:-0.01em}
.dx-p{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;font-size:14px;line-height:22px;color:var(--pc-doc-text)}
.dx-p .n{color:var(--pc-muted);font-weight:500;font-variant-numeric:tabular-nums}
.dx-p mark{background:var(--pc-tint-100);color:inherit;border-radius:2px;padding:1px 2px;box-shadow:0 1px 0 var(--pc-purple-400);transition:background var(--d-base)}
.dx-p mark.on{background:var(--pc-tint-200);box-shadow:0 2px 0 var(--pc-purple)}
.dx-p mark sup{font:600 10px/1 var(--f-sans);color:var(--pc-purple);margin-left:3px}
.dx-miss{flex:1;display:grid;place-items:center;text-align:center;border:1px dashed var(--pc-muted);border-radius:var(--r-lg);padding:32px;color:var(--pc-muted)}
.dx-miss div{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:36ch}
.dx-miss b{color:var(--pc-ink);font-family:var(--f-display);font-weight:600;font-size:18px}
.dx-side{grid-column:8 / span 5;min-width:0;display:flex;flex-direction:column;gap:12px}
.dx-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--pc-muted);padding-bottom:12px;border-bottom:1px solid var(--pc-line)}
.dx-meta b{color:var(--pc-ink);font-weight:500}
.dx-f{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;padding:16px;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line);transition:box-shadow var(--d-base),background var(--d-base)}
.dx-f.on{box-shadow:inset 0 0 0 1.5px var(--pc-purple),var(--sh-md)}
.dx-f .row{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.dx-f .ref{margin-left:auto}
.dx-f h4{font-size:16px;line-height:22px;letter-spacing:-0.01em;font-family:var(--f-display)}
.dx-f p{font-size:13px;line-height:19px;color:var(--pc-muted)}
.dx-f .ref{font-size:12px;font-weight:500;color:var(--pc-purple)}
.dx-hex{display:inline-grid;place-items:center;width:22px;height:24px;flex-shrink:0;font:600 12px/1 var(--f-sans);color:var(--pc-white);background:var(--pc-purple);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
@media (max-width:960px){.dx-page,.dx-side{grid-column:1 / -1}.dx-page{min-height:0}}

/* ---------- pipeline (how it works) ---------- */
.pl{position:relative}
.pl-track{position:relative;display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:0}
.pl-rail{position:absolute;height:1.5px;background:var(--pc-line);z-index:0;pointer-events:none}
.pl-rail i{display:block;height:100%;width:0;background:var(--pc-purple);transition:width 700ms var(--e-reveal)}
.pl-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 6px;background:none}
.pl-hex{position:relative;width:76px;height:86px;display:grid;place-items:center;color:var(--pc-muted);transition:color var(--d-base)}
.pl-hex svg.hx{position:absolute;inset:0;width:100%;height:100%}
.pl-hex svg.hx path{fill:var(--pc-white);stroke:var(--pc-line);stroke-width:1.5;transition:fill 300ms,stroke 300ms}
.pl-hex .ic{position:relative;width:24px;height:24px}
.pl-node.on .pl-hex{color:var(--pc-white)}
.pl-node.on .pl-hex svg.hx path{fill:var(--pc-purple);stroke:var(--pc-purple)}
.pl-node.done .pl-hex{color:var(--pc-purple)}
.pl-node.done .pl-hex svg.hx path{stroke:var(--pc-purple-400);fill:var(--pc-tint-100)}
.pl-node.dash .pl-hex svg.hx path{stroke-dasharray:4 4}
.pl-node b{font-family:var(--f-display);font-weight:600;font-size:16px;line-height:22px;white-space:nowrap}
.pl-node span{font-size:13px;line-height:18px;color:var(--pc-muted);max-width:18ch}
.pl-line{stroke:var(--pc-line);stroke-width:1.5;fill:none}
.pl-prog{stroke:var(--pc-purple);stroke-width:1.5;fill:none}
.pl-dot{fill:var(--pc-purple)}
.pl-detail{margin-top:40px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:stretch}
.pl-card{grid-column:1 / span 8;background:var(--pc-band);border-radius:var(--r-xl);padding:24px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;min-height:132px}
.pl-card h3{font-size:20px;line-height:28px;margin-bottom:6px}
.pl-card p{color:var(--pc-muted)}
.pl-card .out{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.pl-ctl{grid-column:10 / span 3;display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:14px;color:var(--pc-muted)}
.pl-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line);font-size:12px;font-weight:500;white-space:nowrap}
.pl-chip .ic{width:14px;height:14px;color:var(--pc-purple)}
@media (max-width:1100px){.pl-track{grid-template-columns:1fr;gap:0}.pl-node{flex-direction:row;text-align:left;align-items:center;gap:16px;padding:6px 0;position:relative}.pl-node::before{content:"";position:absolute;left:37px;top:-6px;bottom:-6px;width:1.5px;background:var(--pc-line);z-index:-1}.pl-node:first-child::before{top:50%}.pl-node:last-child::before{bottom:50%}.pl-node.done::before,.pl-node.on::before{background:var(--pc-purple-400)}.pl-node .txt{display:flex;flex-direction:column}.pl-node span{max-width:none}.pl-hex{width:76px;height:86px}.pl-card,.pl-ctl{grid-column:1 / -1}.pl-ctl{justify-content:flex-start;margin-top:12px;order:-1;margin-bottom:12px}.pl-card{grid-template-columns:1fr}.pl-card .out{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}
@media (min-width:1101px){.pl-node .txt{display:flex;flex-direction:column;align-items:center;gap:4px}}

/* ---------- tiering ---------- */
.tr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:start}
.tr-q{grid-column:1 / span 6;display:flex;flex-direction:column;border-top:1px solid var(--pc-line)}
.tr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding-block:16px;border-bottom:1px solid var(--pc-line)}
.tr-row p{font-size:16px;line-height:24px}
.tr-row small{display:block;font-size:13px;line-height:18px;color:var(--pc-muted)}
.seg{display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:var(--pc-band);flex-shrink:0}
.seg span{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:38px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--pc-muted);transition:background var(--d-fast),color var(--d-fast),box-shadow var(--d-fast)}
.seg span[data-on]{background:var(--pc-white);color:var(--pc-ink);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.tr-out{grid-column:8 / span 5;position:sticky;top:calc(var(--hd-h) + 24px);background:var(--pc-white);border-radius:var(--r-xl);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line);padding:24px;display:flex;flex-direction:column;gap:18px}
.tr-tier{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tr-tier .big{font-family:var(--f-display);font-weight:600;font-size:40px;line-height:44px;letter-spacing:-0.02em}
.tr-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.tr-scale i{height:6px;border-radius:3px;background:var(--pc-band);transition:background 300ms}
.tr-scale i.on{background:var(--pc-purple)}
.tr-scale-l{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:12px;color:var(--pc-muted)}
.tr-k{font-size:13px;font-weight:500;color:var(--pc-muted);margin-bottom:8px}
.tr-vn{display:flex;align-items:baseline;gap:12px;padding-block:14px;border-bottom:1px solid var(--pc-line)}
.tr-vn .tr-k{margin:0}
.tr-vn b{font-family:var(--f-display);font-weight:600;font-size:18px;line-height:24px}
.tr-docs{display:flex;flex-direction:column}
.tr-doc{display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;padding-block:7px;border-bottom:1px solid var(--pc-band);animation:trIn 360ms var(--e-reveal) both}
.tr-doc .ic{width:16px;height:16px;color:var(--pc-purple)}
.tr-doc em{font-style:normal;margin-left:auto;font-size:12px;color:var(--pc-muted);white-space:nowrap}
@keyframes trIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.tr-fw{display:flex;flex-wrap:wrap;gap:6px}
.tr-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;border-top:1px solid var(--pc-line)}
.tr-meta b{display:block;font-family:var(--f-display);font-weight:600;font-size:22px;line-height:28px}
.tr-meta span{font-size:13px;color:var(--pc-muted)}
@media (max-width:960px){.tr-q,.tr-out{grid-column:1 / -1}.tr-out{position:static}}
@media (max-width:420px){.tr-row{grid-template-columns:1fr}.seg{justify-self:start}}

/* ---------- findings inspector ---------- */
.fi{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:16px;align-items:start}
.fi-list{grid-column:1 / span 5;display:flex;flex-direction:column;gap:8px}
.fi-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--pc-muted);padding:0 4px 8px}
.fi-hd b{color:var(--pc-ink);font-weight:500}
.fi-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;width:100%;text-align:left;padding:14px 16px;border-radius:var(--r-lg);background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line);transition:box-shadow var(--d-base)}
.fi-it[data-on]{box-shadow:inset 0 0 0 1.5px var(--pc-ink)}
.fi-it b{font-weight:500;font-size:14px;line-height:20px}
.fi-it > span:last-child{grid-column:1 / -1;font-size:12px;color:var(--pc-muted);display:flex;gap:12px;flex-wrap:wrap}
.fi-d{grid-column:6 / span 7;background:var(--pc-white);border-radius:var(--r-xl);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line);overflow:hidden}
.fi-dh{padding:24px 24px 18px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--pc-line)}
.fi-dh h3{font-size:22px;line-height:28px}
.fi-dh .row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.fi-sec{padding:18px 24px;border-bottom:1px solid var(--pc-line);display:flex;flex-direction:column;gap:8px}
.fi-k{font-size:13px;font-weight:500;color:var(--pc-muted)}
.fi-quote{font-size:15px;line-height:24px;color:var(--pc-doc-text);padding:12px 14px;border-radius:var(--r-md);background:var(--pc-band)}
.fi-quote .hl{background-size:100% 100%}
.fi-src{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--pc-purple);font-weight:500}
.fi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fi-grid b{display:block;font-family:var(--f-display);font-weight:600;font-size:20px;line-height:26px}
.fi-hist{display:flex;flex-direction:column;gap:10px}
.fi-h{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;font-size:13px;line-height:19px;animation:trIn 360ms var(--e-reveal) both}
.fi-h .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pc-tint-100);color:var(--pc-purple);font-weight:600;font-size:12px}
.fi-h span{color:var(--pc-muted)}
.fi-h.new{background:var(--pc-tint-100);border-radius:var(--r-md);padding:8px;margin:-8px;animation-duration:620ms}
textarea.inp,input.inp,select.inp{width:100%;font:inherit;font-size:15px;line-height:22px;color:var(--pc-ink);background:var(--pc-white);border:1px solid var(--pc-muted);border-radius:var(--r-md);padding:11px 14px;min-height:46px;transition:border-color var(--d-fast),box-shadow var(--d-fast)}
textarea.inp{resize:vertical;min-height:84px}
.inp:focus{outline:2px solid var(--pc-purple);outline-offset:2px;border-color:var(--pc-purple)}
.inp[aria-invalid="true"]{border-color:var(--pc-danger)}
.hint{font-size:13px;line-height:18px;color:var(--pc-muted)}
.err{display:flex;gap:6px;align-items:flex-start;font-size:13px;line-height:18px;color:var(--pc-sev-high-fg)}
.err .ic{width:16px;height:16px;margin-top:1px}
@media (max-width:960px){.fi-list,.fi-d{grid-column:1 / -1}.fi-grid{grid-template-columns:1fr 1fr}}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);z-index:90;display:flex;align-items:center;gap:14px;background:var(--pc-ink);color:var(--pc-white);border-radius:var(--r-lg);padding:12px 12px 12px 16px;font-size:14px;box-shadow:var(--sh-lg);opacity:0;pointer-events:none;transition:opacity var(--d-base),transform 300ms var(--e-reveal);max-width:calc(100vw - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast .ic{color:var(--pc-purple-400)}
.toast button{color:var(--pc-purple-400);font-weight:500;height:36px;padding:0 10px;border-radius:var(--r-sm);white-space:nowrap}

/* ---------- ink band: risk, portfolio, remediation ---------- */
.rk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px}
.rk-v{grid-column:1 / span 5;background:var(--pc-ink-2);border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--pc-ink-line);padding:24px;display:flex;flex-direction:column;gap:20px;min-width:0}
.rk-vs{display:flex;gap:6px;flex-wrap:wrap}
.rk-vs span{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;color:var(--pc-ink-muted);box-shadow:inset 0 0 0 1px var(--pc-ink-line);white-space:nowrap;transition:background var(--d-fast),color var(--d-fast)}
.rk-vs span[data-on]{background:var(--pc-white);color:var(--pc-ink);box-shadow:none}
.rk-name{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.rk-name h3{font-size:22px;line-height:28px}
.rk-name .rk-sub{font-size:13px;color:var(--pc-ink-muted)}
.rk-score{font-family:var(--f-display);font-weight:600;font-size:44px;line-height:44px;letter-spacing:-0.02em;text-align:right}
.rk-score small{display:block;font:500 13px/16px var(--f-sans);color:var(--pc-ink-muted)}
.rk-bars{display:flex;flex-direction:column;gap:14px}
.rk-bar{display:grid;grid-template-columns:110px minmax(0,1fr) 36px;gap:12px;align-items:center;font-size:14px}
.rk-bar span{color:var(--pc-ink-muted)}
.rk-bar em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}
.rk-tr{height:8px;border-radius:4px;background:var(--pc-ink-3);overflow:hidden}
.rk-tr i{display:block;height:100%;border-radius:4px;background:var(--pc-purple-400);transform-origin:left;transform:scaleX(var(--v,0));transition:transform 900ms var(--e-reveal)}
.rk-tr i.hi{background:var(--pc-danger-dk)}
.rk-sev{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:16px;border-top:1px solid var(--pc-ink-line)}
.rk-sev b{display:block;font-family:var(--f-display);font-weight:600;font-size:22px;line-height:28px}
.rk-sev span{font-size:12px;color:var(--pc-ink-muted)}
.rk-p{grid-column:6 / span 7;background:var(--pc-ink-2);border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--pc-ink-line);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.rk-ph{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.rk-ph h3{font-size:18px;line-height:24px}
.rk-ph p{font-size:13px;color:var(--pc-ink-muted)}
.rk-leg{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--pc-ink-muted)}
.rk-leg i{width:16px;height:10px;border-radius:2px}
.rk-scroll{overflow-x:auto;min-width:0;max-width:100%}
.rk-hm{display:grid;grid-template-columns:minmax(150px,1.6fr) 56px repeat(5,minmax(48px,1fr));gap:4px;min-width:560px;font-size:13px}
.rk-hm .h{font-size:13px;font-weight:500;color:var(--pc-ink-muted);padding:4px 0}
.rk-hm .vn{display:flex;align-items:center;min-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-hm .t{display:flex;align-items:center;color:var(--pc-ink-muted);font-size:12px}
.rk-hm .c{border-radius:4px;min-height:34px;display:grid;place-items:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--pc-white);transition:background 500ms,outline-color 300ms;outline:1.5px solid transparent;outline-offset:-1.5px}
.rk-hm .c.l0{background:var(--pc-heat-0)}.rk-hm .c.l1{background:var(--pc-heat-1)}.rk-hm .c.l2{background:var(--pc-heat-2);}.rk-hm .c.l3{background:var(--pc-heat-3);color:var(--pc-ink)}.rk-hm .c.l4{background:var(--pc-heat-4);color:var(--pc-ink)}
.rk-hm .row-on .c,.rk-hm .c.on{outline-color:var(--pc-white)}
.rk-bm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-top:14px;border-top:1px solid var(--pc-ink-line)}
.rk-bm b{display:block;font-family:var(--f-display);font-weight:600;font-size:22px;line-height:28px}
.rk-bm span{font-size:13px;color:var(--pc-ink-muted)}
.rk-j{position:relative;grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:0;align-items:center;margin-top:24px;padding:24px;border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--pc-ink-line)}
.rk-jc{background:var(--pc-ink-2);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 0 1px var(--pc-ink-line);min-width:0;transition:box-shadow 300ms,transform 400ms var(--e-reveal),opacity 400ms}
.rk-jc.on{box-shadow:inset 0 0 0 1.5px var(--pc-purple-400)}
.rk-jc.wait{opacity:.82;transform:translateX(-8px)}
.rk-jc h4{font-size:15px;line-height:21px;font-family:var(--f-display)}
.rk-jc p{font-size:13px;line-height:19px;color:var(--pc-ink-muted)}
.rk-jc .row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.rk-jk{font-size:13px;font-weight:500;color:var(--pc-ink-muted)}
.rk-arrow{position:relative;height:46px;display:grid;place-items:center}
.rk-arrow svg{position:absolute;inset:0;width:100%;height:100%}
.rk-arrow svg line{stroke:var(--pc-ink-line);stroke-width:1.5}
.rk-arrow svg line.p{stroke:var(--pc-purple-400);stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 700ms var(--e-reveal)}
.rk-arrow svg line.p.on{stroke-dashoffset:0}
.rk-arrow .btn{position:relative;height:36px;padding:0 12px;font-size:13px;background:var(--pc-tint-200);color:var(--pc-purple-700);transition:transform 200ms,background 200ms}
.rk-arrow .btn.press{transform:scale(.94);background:var(--pc-tint-100)}
@media (max-width:1100px){.rk-v,.rk-p{grid-column:1 / -1}}
.rk-j.vert{grid-template-columns:1fr;gap:12px;margin:0;padding:0;box-shadow:none}
.rk-j.vert .rk-arrow,.rk-j.vert + x{height:56px}
.rk-j.vert .rk-arrow svg{display:none}
.rk-j.vert .rk-arrow::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:var(--pc-purple-400)}
@media (max-width:760px){.rk-j{grid-template-columns:1fr;gap:12px}.rk-arrow{height:56px}.rk-arrow svg{display:none}.rk-arrow::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:var(--pc-purple-400)}.rk-bar{grid-template-columns:96px minmax(0,1fr) 32px}.rk-sev{grid-template-columns:repeat(2,1fr)}}

/* ---------- audience ---------- */
.au-tabs{display:inline-flex;padding:4px;border-radius:999px;background:var(--pc-band);margin-bottom:24px}
.au-tabs button{height:40px;padding:0 18px;border-radius:999px;font-weight:500;font-size:14px;color:var(--pc-muted);white-space:nowrap}
.au-tabs button[aria-pressed="true"]{background:var(--pc-white);color:var(--pc-ink);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.au-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;grid-auto-rows:1fr}
.au-c{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line);transition:box-shadow var(--d-base),transform var(--d-base) var(--e-std);height:100%;animation:trIn 420ms var(--e-reveal) both}
.au-c:hover{box-shadow:inset 0 0 0 1px var(--pc-muted),var(--sh-md);transform:translateY(-2px)}
.au-c .tile{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--pc-tint-100);color:var(--pc-purple)}
.au-c h3{font-size:20px;line-height:26px}
.au-c p{font-size:15px;line-height:23px;color:var(--pc-muted);flex:1}
.au-c .lnk{margin-top:auto}
.au-c .docs{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:1100px){.au-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.au-g{grid-template-columns:1fr;grid-auto-rows:auto}}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--pc-band);font-size:12px;font-weight:500;color:var(--pc-ink);white-space:nowrap}
.band.sunk .tag{background:var(--pc-white)}
.band.ink .tag{background:var(--pc-ink-3);color:var(--pc-white)}

/* ---------- security (still) ---------- */
.sc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--pc-line)}
.sc-i{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;padding:28px 28px 28px 0;border-bottom:1px solid var(--pc-line)}
.sc-i:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--pc-line)}
.sc-i .ic{color:var(--pc-purple);margin-top:3px}
.sc-i h3{font-size:18px;line-height:26px;margin-bottom:6px}
.sc-i p{color:var(--pc-muted);font-size:15px;line-height:23px}
@media (max-width:960px){.sc{grid-template-columns:1fr 1fr}.sc-i:not(:nth-child(3n+1)){padding-left:0;border-left:0}.sc-i:nth-child(2n){padding-left:28px;border-left:1px solid var(--pc-line)}}
@media (max-width:600px){.sc{grid-template-columns:1fr}.sc-i:nth-child(2n){padding-left:0;border-left:0}.sc-i{padding-right:0}}

/* ---------- pricing ---------- */
.pr-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-auto-rows:1fr}
.pr-c{display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line);height:100%}
.pr-c.pop{box-shadow:inset 0 0 0 1.5px var(--pc-ink),var(--sh-lg)}
.pr-c .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pr-c h3,.pr-c .pr-h{font-size:22px;line-height:28px}
.pr-badge{font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--pc-ink);color:var(--pc-white);white-space:nowrap}
.pr-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pr-price b{font-family:var(--f-display);font-weight:600;font-size:44px;line-height:48px;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.pr-price span{color:var(--pc-muted);font-size:14px}
.pr-sales{font-family:var(--f-display);font-weight:600;font-size:26px;line-height:32px;letter-spacing:-0.01em}
.pr-c > p{color:var(--pc-muted);font-size:15px;line-height:23px;min-height:46px}
.pr-ul{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--pc-line);flex:1}
.pr-ul li{display:flex;gap:10px;font-size:14px;line-height:20px}
.pr-ul .ic{width:16px;height:16px;color:var(--pc-purple);margin-top:2px}
.pr-c .btn{width:100%}
.pr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:56px;border-top:1px solid var(--pc-line)}
.pr-step{padding-top:20px;display:flex;flex-direction:column;gap:8px}
.pr-step .n{display:inline-grid;place-items:center;width:26px;height:28px;font:600 12px/1 var(--f-sans);color:var(--pc-purple);background:var(--pc-tint-100);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.pr-step h3{font-size:18px;line-height:24px}
.pr-step p{font-size:15px;line-height:23px;color:var(--pc-muted)}
.pr-tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.pr-tbl th,.pr-tbl td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--pc-line);vertical-align:top}
.pr-tbl thead th{font-family:var(--f-display);font-weight:600;font-size:18px}
.pr-tbl td:not(:first-child),.pr-tbl th:not(:first-child){text-align:center}
.pr-tbl .ic{width:18px;height:18px;color:var(--pc-purple)}
@media (max-width:1000px){.pr-g{grid-template-columns:1fr;grid-auto-rows:auto}.pr-steps{grid-template-columns:1fr 1fr}.pr-c > p{min-height:0}}
@media (max-width:560px){.pr-steps{grid-template-columns:1fr}}

/* ---------- resources and covers ---------- */
.rs-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;grid-auto-rows:auto}
.rs-c{display:flex;flex-direction:column;gap:14px}
.rs-c .cv{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;box-shadow:0 0 0 1px var(--pc-line);transition:transform 400ms var(--e-reveal)}
.rs-c:hover .cv{transform:translateY(-3px)}
.rs-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--pc-muted);flex-wrap:wrap}
.rs-c h3{font-size:20px;line-height:27px}
.rs-c p{font-size:15px;line-height:23px;color:var(--pc-muted)}
.cv svg{display:block;width:100%;height:100%}
@media (max-width:1000px){.rs-g{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.rs-g{grid-template-columns:1fr}}
.flt{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}
.flt button{height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:inset 0 0 0 1px var(--pc-line);white-space:nowrap}
.flt button[aria-pressed="true"]{background:var(--pc-ink);color:var(--pc-white);box-shadow:none}
.flt .cnt{color:var(--pc-muted);margin-left:4px;font-variant-numeric:tabular-nums}
.flt button[aria-pressed="true"] .cnt{color:var(--pc-ink-muted)}

/* ---------- FAQ (opens in place) ---------- */
.fq{border-top:1px solid var(--pc-line)}
.fq-i{border-bottom:1px solid var(--pc-line)}
.fq-q{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:72px;padding-block:18px;text-align:left;font-family:var(--f-display);font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.01em}
.fq-q .fq-pm{position:relative;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--pc-line);flex-shrink:0;display:grid;place-items:center;transition:background var(--d-fast),transform 300ms var(--e-reveal)}
.fq-q[aria-expanded="true"] .fq-pm{background:var(--pc-ink);color:var(--pc-white);transform:rotate(45deg);box-shadow:none}
.fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows 220ms var(--e-reveal)}
.fq-a > div{overflow:hidden}
.fq-a p{padding:0 72px 24px 0;color:var(--pc-muted);font-size:16px;line-height:26px;max-width:72ch}
.fq-q[aria-expanded="true"] + .fq-a{grid-template-rows:1fr}
@media (max-width:600px){.fq-q{font-size:18px;line-height:25px}.fq-a p{padding-right:0}}

/* ---------- closing CTA ---------- */
.cl{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;align-items:center}
.cl h2{grid-column:1 / span 8;font-size:clamp(30px,3.6vw,52px);line-height:1.06}
.cl .btn-row{grid-column:9 / span 4;justify-content:flex-end}
.cl-mark{width:56px;height:64px;margin-bottom:24px}
.cl-mark path{fill:none;stroke:var(--pc-purple);stroke-width:14;stroke-dasharray:3200;stroke-dashoffset:3200;transition:stroke-dashoffset 1800ms var(--e-reveal)}
.cl-mark path.core{fill:var(--pc-purple);stroke:none;opacity:0;transition:opacity 600ms var(--e-std) 1200ms}
.cl-mark.on path{stroke-dashoffset:0}
.cl-mark.on path.core{opacity:1}
@media (max-width:960px){.cl h2,.cl .btn-row{grid-column:1 / -1;justify-content:flex-start}}

/* ---------- footer ---------- */
.ft{background:var(--pc-band);padding-block:72px 32px}
.ft-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px}
.ft-brand{grid-column:1 / span 4;display:flex;flex-direction:column;gap:20px}
.ft-brand .lk{display:flex;flex-direction:column;gap:8px}
.ft-brand .lk svg{height:30px;width:auto;align-self:flex-start}
.ft-brand .lk span{font-size:12px;font-weight:500;color:var(--pc-muted)}
.ft-news{display:flex;flex-direction:column;gap:10px;max-width:380px}
.ft-news label{font-weight:500;font-size:15px}
.ft-news .hint{margin-top:-4px}
.ft-news form{display:flex;gap:8px}
.ft-news input{flex:1;min-width:0}
.ft-cols{grid-column:6 / span 7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ft-col .ft-h{font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;margin-bottom:14px}
.ft-col a{display:block;font-size:14px;line-height:20px;color:var(--pc-muted);padding-block:5px}
.ft-col a:hover{color:var(--pc-ink)}
.ft-base{margin-top:56px;padding-top:20px;border-top:1px solid var(--pc-line);display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:13px;color:var(--pc-muted)}
.ft-base a:hover,.ft-base button:hover{color:var(--pc-ink)}
.ft-base button{font-size:13px;color:var(--pc-muted);min-height:24px}
.ft-base .g2{margin-left:auto;display:inline-flex;gap:6px;align-items:center}
@media (max-width:768px){.ft-base a,.ft-base button,.crumb a{display:inline-flex;align-items:center;min-height:44px}.rvb button{height:44px}.ev-ctl{margin-top:28px}}
@media (max-width:1100px){.ft-brand,.ft-cols{grid-column:1 / -1}}
@media (max-width:640px){.ft-cols{grid-template-columns:1fr 1fr}.ft-base .g2{margin-left:0}}

/* ---------- inner page templates ---------- */
.pg-hero{padding-block:clamp(40px,6vw,96px) clamp(48px,6vw,88px)}
.crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--pc-muted);margin-bottom:28px}
.crumb a:hover{color:var(--pc-ink)}
.crumb .ic{width:14px;height:14px}
.pg-hero .g12{row-gap:40px;align-items:center}
.pg-t{grid-column:1 / span 6;display:flex;flex-direction:column;gap:24px;min-width:0}
.pg-t h1{font-size:clamp(36px,4.4vw,64px);line-height:1.04;letter-spacing:-0.025em}
.pg-t .hero-lead{max-width:52ch}
.pg-v{grid-column:7 / span 6;min-width:0}
.pg-hero.solo .pg-t{grid-column:1 / span 9}
@media (max-width:1100px){.pg-t,.pg-v,.pg-hero.solo .pg-t{grid-column:1 / -1}}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--pc-line)}
.steps3 > div{padding-top:24px;display:flex;flex-direction:column;gap:10px}
.steps3 .n{display:inline-grid;place-items:center;width:26px;height:28px;font:600 12px/1 var(--f-sans);color:var(--pc-purple);background:var(--pc-tint-100);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.steps3 h3{font-size:20px;line-height:27px}
.steps3 p{color:var(--pc-muted)}
@media (max-width:860px){.steps3{grid-template-columns:1fr;gap:0}.steps3 > div{padding-block:20px;border-bottom:1px solid var(--pc-line)}}
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;align-items:center}
.split > .a{grid-column:1 / span 5;display:flex;flex-direction:column;gap:20px;min-width:0}
.split > .b{grid-column:7 / span 6;min-width:0}
.split.rev > .a{grid-column:8 / span 5;order:2}
.split.rev > .b{grid-column:1 / span 6;order:1}
.split h2{font-size:clamp(28px,2.8vw,40px);line-height:1.1}
.split .a > p{font-size:17px;line-height:27px;color:var(--pc-muted)}
@media (max-width:960px){.split > .a,.split > .b,.split.rev > .a,.split.rev > .b{grid-column:1 / -1;order:0}}
.ck{display:flex;flex-direction:column;gap:12px}
.ck li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:15px;line-height:23px}
.ck .ic{width:18px;height:18px;color:var(--pc-purple);margin-top:2px}
.ck b{font-weight:500}
.ck span{color:var(--pc-muted)}
.related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;grid-auto-rows:1fr}
.related a{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--pc-line);background:var(--pc-white);height:100%;transition:box-shadow var(--d-base)}
.related a:hover{box-shadow:inset 0 0 0 1px var(--pc-muted)}
.related a.cur{box-shadow:inset 0 0 0 1.5px var(--pc-purple)}
.related .tile{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pc-tint-100);color:var(--pc-purple)}
.related b{font-weight:500;font-size:15px}
.related span{font-size:14px;line-height:20px;color:var(--pc-muted)}
@media (max-width:1100px){.related{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.related{grid-template-columns:1fr;grid-auto-rows:auto}}

/* before / after toggle on role pages */
.ba-t{display:inline-flex;padding:4px;border-radius:999px;background:var(--pc-band);margin-bottom:20px}
.ba-t button{height:40px;padding:0 16px;border-radius:999px;font-weight:500;font-size:14px;color:var(--pc-muted);white-space:nowrap}
.ba-t button[aria-pressed="true"]{background:var(--pc-white);color:var(--pc-ink);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.band.sunk .ba-t{background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line)}
.band.sunk .ba-t button[aria-pressed="true"]{background:var(--pc-ink);color:var(--pc-white);box-shadow:none}
.ba{--node:44px;position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:12px;list-style:none;margin:8px 0 0;padding:0}
.ba::before{content:"";position:absolute;top:calc(var(--node) / 2);left:calc(100% / var(--n) / 2);right:calc(100% / var(--n) / 2);height:0;border-top:1.5px dashed var(--pc-ink-muted);transform-origin:left;animation:baLine 700ms var(--e-reveal) both}
.ba.after::before{border-top-style:solid;border-color:var(--pc-purple-400)}
.ba-s{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:trIn 380ms var(--e-reveal) var(--d,0ms) both}
.ba-n{display:grid;place-items:center;width:var(--node);height:calc(var(--node) * 1.12);background:var(--pc-white);color:var(--pc-muted);font-weight:600;font-size:15px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.ba.after .ba-n{background:var(--pc-tint-200);color:var(--pc-purple)}
.ba-s b{font-family:var(--f-display);font-weight:600;font-size:17px;line-height:22px}
.ba.before .ba-s b{color:var(--pc-muted)}
@keyframes baLine{from{transform:scaleX(0)}to{transform:none}}
@media (max-width:768px){.ba{grid-template-columns:1fr;gap:16px}.ba::before{top:calc(var(--node) / 2);bottom:calc(var(--node) / 2);left:calc(var(--node) / 2);right:auto;width:0;height:auto;border-top:0;border-left:1.5px dashed var(--pc-ink-muted);transform-origin:top;animation-name:baLineV}.ba.after::before{border-left-style:solid;border-color:var(--pc-purple-400)}.ba-s{flex-direction:row;text-align:left}.ba-t button{height:44px}}
@keyframes baLineV{from{transform:scaleY(0)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.ba::before,.ba-s{animation:none}}
.or{display:flex;flex-direction:column;align-items:center}
.or-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding-bottom:48px}
.or-c::after{content:"";position:absolute;bottom:0;left:50%;height:48px;border-left:1.5px solid var(--pc-line)}
.or-hx{display:grid;place-items:center;width:64px;height:72px;margin-bottom:10px;background:var(--pc-ink);color:var(--pc-white);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.or-c b{font-family:var(--f-display);font-weight:600;font-size:18px;line-height:24px}
.or-c > span:last-child{font-size:14px;color:var(--pc-muted)}
.or-g{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;list-style:none;margin:0;padding:28px 0 0}
.or-g::before{content:"";position:absolute;top:0;left:12.5%;right:12.5%;border-top:1.5px solid var(--pc-line)}
.or-t{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line);transition:box-shadow var(--d-base)}
.or-t::before{content:"";position:absolute;top:-28px;left:50%;height:28px;border-left:1.5px solid var(--pc-line);transition:border-color var(--d-base)}
.or-t .tile{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pc-tint-100);color:var(--pc-purple)}
.or-t b{font-weight:500;font-size:15px;line-height:20px}
.or-t .chips{display:flex;flex-wrap:wrap;gap:6px}
.or .or-t .tag{background:var(--pc-band)}
.or-t.on{box-shadow:var(--sh-md),0 0 0 1.5px var(--pc-ink)}
.or-t.on::before{border-color:var(--pc-ink)}
@media (max-width:960px){.or-g{grid-template-columns:1fr 1fr;padding-top:16px}.or-g::before,.or-t::before{display:none}.or-c{padding-bottom:16px}.or-c::after{display:none}}
@media (max-width:560px){.or-g{grid-template-columns:1fr}}
.ba-s h3{font-size:16px;line-height:22px;font-family:var(--f-display)}
@media (max-width:1000px){.ba{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ba{grid-template-columns:1fr}}

/* module visuals */
.mv{position:relative;background:var(--pc-band);border-radius:var(--r-xl);padding:clamp(18px,2.4vw,32px);min-height:420px;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.mv-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mv-top .ev-k{color:var(--pc-muted)}
.mv-card{background:var(--pc-white);border-radius:var(--r-lg);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line);padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:opacity 400ms var(--e-std),transform 500ms var(--e-reveal),box-shadow 300ms}
.mv-card.dim{opacity:1}
.mv-card.dim, .mv-card.dim *{color:var(--pc-muted)}
.mv-card.dim .tile{opacity:.5}
.mv-card.hide{opacity:0;transform:translateY(8px)}
.mv-card.on{box-shadow:var(--sh-md),0 0 0 1.5px var(--pc-purple)}
.mv-card h4{font-size:14px;line-height:20px;font-family:var(--f-sans);font-weight:500;letter-spacing:0}
.mv-card p{font-size:12.5px;line-height:18px;color:var(--pc-muted)}
.mv-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;flex:1}
.mv-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.mv-ex{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:0;align-items:stretch;flex:1}
.mv-mid{position:relative;display:grid;place-items:center}
.mv-mid svg{width:100%;height:100%;position:absolute;inset:0}
.mv-diff{display:flex;flex-direction:column;gap:8px}
.mv-dl{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--pc-white);border-radius:var(--r-md);padding:10px 12px;font-size:13px;box-shadow:0 0 0 1px var(--pc-line);transition:box-shadow 300ms,background 300ms}
.mv-dl .v{font-variant-numeric:tabular-nums;color:var(--pc-muted);font-size:12px}
.mv-dl.chg{box-shadow:0 0 0 1.5px var(--pc-purple)}
.mv-dl.chg .v{color:var(--pc-purple);font-weight:500}
.mv-dl.new{background:var(--pc-tint-100)}
@media (max-width:560px){.mv-2,.mv-ex{grid-template-columns:1fr}.mv-mid{height:28px}.mv-mid svg{display:none}.mv-mid::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1.5px dashed var(--pc-purple-400)}.mv{min-height:0}}

/* platform map: the hexagon architecture */
.pm{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pm-h .hx6{width:28px;height:32px}
.pm-col.here .pm-h{color:var(--pc-ink)}
.band .pm-h .hx6{background:var(--pc-ink);color:var(--pc-white)}
.band .pm-col.here .pm-h .hx6{background:var(--pc-tint-200);color:var(--pc-purple)}
.pm-a b{color:var(--pc-ink)}
.mv-sk{width:100%}
.pm.compact .pm-a{grid-template-columns:36px minmax(0,1fr)}
.ba.flow .ba-n{--node:52px}
.ba.flow{--node:52px}
.pr-flow{margin-top:56px}
.nl{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}
.nl li{display:flex;align-items:center;gap:14px;font-size:17px;line-height:24px}
.nl b{font-weight:500}
.nl-n{display:grid;place-items:center;width:32px;height:36px;flex-shrink:0;font:600 14px/1 var(--f-sans);color:var(--pc-purple);background:var(--pc-tint-100);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.rl{display:flex;flex-wrap:wrap;gap:10px}
.rl-c{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line);font-size:15px;transition:box-shadow var(--d-base)}
.rl-c b{font-weight:500}
.rl-c .ic{width:18px;height:18px;color:var(--pc-muted)}
.rl-c:hover{box-shadow:inset 0 0 0 1px var(--pc-muted)}
.rl-c.cur{box-shadow:inset 0 0 0 1.5px var(--pc-ink)}
.rl-c.cur .ic{color:var(--pc-ink)}
.pm-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.pm-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--pc-muted);padding-bottom:10px;border-bottom:1px solid var(--pc-line)}
.pm-h .dx-hex{background:var(--pc-ink)}
.pm-a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:var(--r-lg);background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line);transition:box-shadow var(--d-base),background var(--d-base)}
.pm-a .tile{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--pc-band);color:var(--pc-muted);transition:background var(--d-base),color var(--d-base)}
.pm-a b{font-weight:500;font-size:14px;line-height:20px;display:block}
.pm-a span{font-size:12.5px;line-height:18px;color:var(--pc-muted)}
.pm-a:hover{box-shadow:inset 0 0 0 1px var(--pc-muted)}
.pm-a.on{box-shadow:inset 0 0 0 1.5px var(--pc-purple),var(--sh-md)}
.pm-a.on .tile{background:var(--pc-purple);color:var(--pc-white)}
.pm-a.pulse .tile{background:var(--pc-tint-200);color:var(--pc-purple)}
@media (max-width:1000px){.pm{grid-template-columns:1fr}}
@media (max-width:560px){.pm{grid-template-columns:1fr}}

/* forms and gateway pages */
.gw{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;align-items:center;min-height:calc(100vh - var(--hd-h) - 40px);min-height:calc(100dvh - var(--hd-h) - 40px);padding-block:clamp(24px,4vw,48px)}
.gw-f{grid-column:1 / span 5;display:flex;flex-direction:column;gap:20px;min-width:0}
.gw-f h1{font-size:clamp(30px,3.4vw,48px);line-height:1.06}
.gw-f > p{color:var(--pc-muted);font-size:17px;line-height:27px}
.gw-v{grid-column:7 / span 6;min-width:0}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label{font-size:14px;font-weight:500}
.frm{display:flex;flex-direction:column;gap:16px}
.frm .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stepl{font-size:13px;font-weight:500;color:var(--pc-muted)}
.alert{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:12px 14px;border-radius:var(--r-md);font-size:14px;line-height:20px;background:var(--pc-sev-high-bg);color:var(--pc-danger-ink)}
.alert .ic{width:18px;height:18px;margin-top:1px}
.okbox{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:var(--r-xl);background:var(--pc-tint-100)}
.okbox .ic{width:28px;height:28px;color:var(--pc-purple)}
.okbox h2{font-size:26px;line-height:32px}
.okbox p{color:var(--pc-muted)}
.small-print{font-size:13px;line-height:18px;color:var(--pc-muted)}
.small-print a{text-decoration:underline;text-underline-offset:2px}
@media (max-width:1000px){.gw{min-height:0}.gw-f,.gw-v{grid-column:1 / -1}}
@media (max-width:560px){.frm .two{grid-template-columns:1fr}}
.addr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}
.addr h3{font-size:16px;line-height:22px;margin-bottom:8px}
.addr p{display:flex;gap:8px;align-items:center;font-size:14px;line-height:20px;color:var(--pc-muted);padding-block:4px}
.addr .ic{width:16px;height:16px}
@media (max-width:560px){.addr{grid-template-columns:1fr}}

/* article */
.ar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px}
.ar-h{grid-column:1 / span 9;display:flex;flex-direction:column;gap:20px}
.ar-h h1{font-size:clamp(34px,4vw,58px);line-height:1.06}
.ar-h .dek{font-size:20px;line-height:31px;color:var(--pc-muted);max-width:60ch}
.ar-cv{grid-column:1 / -1;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:21/8;box-shadow:0 0 0 1px var(--pc-line)}
.ar-toc{grid-column:1 / span 3;align-self:start;position:sticky;top:calc(var(--hd-h) + 32px);display:flex;flex-direction:column;gap:4px}
.ar-toc b{font-size:13px;font-weight:500;color:var(--pc-muted);margin-bottom:8px}
.ar-toc a{font-size:14px;line-height:20px;color:var(--pc-muted);padding:8px 12px;border-radius:var(--r-md);transition:color var(--d-fast),background var(--d-fast)}
.ar-toc a:hover{color:var(--pc-ink);background:var(--pc-band)}
.ar-toc a.on{color:var(--pc-ink);font-weight:500;background:var(--pc-tint-100)}
.ar-b{grid-column:4 / span 7;display:flex;flex-direction:column;gap:22px;font-size:18px;line-height:30px;color:var(--pc-reading-text);min-width:0}
.ar-b h2{font-size:30px;line-height:36px;color:var(--pc-ink);margin-top:20px;scroll-margin-top:calc(var(--hd-h) + 24px)}
.ar-b ul{display:flex;flex-direction:column;gap:10px;padding-left:22px;list-style:disc}
.ar-fig{margin:8px 0;padding:20px;border-radius:var(--r-xl);background:var(--pc-band);display:flex;flex-direction:column;gap:12px}
.ar-fig figcaption{font-size:14px;line-height:20px;color:var(--pc-muted)}
.ar-pb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px;border-radius:var(--r-xl);background:var(--pc-ink);color:var(--pc-white)}
.ar-pb h3{font-size:22px;line-height:28px;margin-bottom:6px}
.ar-pb p{color:var(--pc-ink-muted);font-size:15px;line-height:22px}
.ar-pb form{display:flex;gap:8px;grid-column:1 / -1}
.ar-pb input{flex:1;min-width:0;background:var(--pc-ink-2);color:var(--pc-white);border-color:var(--pc-ink-muted)}
.ar-au{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--pc-muted)}
@media (max-width:1100px){.ar-h,.ar-b{grid-column:1 / -1}.ar-toc{display:none}.ar-cv{aspect-ratio:16/9}}
@media (max-width:560px){.ar-b{font-size:17px;line-height:28px}.ar-h .dek{font-size:18px;line-height:28px}.ar-pb{grid-template-columns:1fr}.ar-pb form{flex-direction:column}}

/* legal */
.lg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.lg nav{grid-column:1 / span 3;position:sticky;top:calc(var(--hd-h) + 32px);align-self:start;display:flex;flex-direction:column;gap:2px}
.lg nav a{font-size:14px;color:var(--pc-muted);padding:6px 0}
.lg nav a:hover{color:var(--pc-ink)}
.lg article{grid-column:4 / span 7;display:flex;flex-direction:column;gap:16px;font-size:16px;line-height:27px;color:var(--pc-reading-text)}
.lg article h2{font-size:24px;line-height:30px;color:var(--pc-ink);margin-top:20px;scroll-margin-top:calc(var(--hd-h) + 24px)}
@media (max-width:960px){.lg nav{display:none}.lg article{grid-column:1 / -1}}

/* reveal on scroll: only applied to elements below the fold at load, so the first frame is complete */
.rv-pend{opacity:0;transform:translateY(18px)}
.rv-in{opacity:1;transform:none;transition:opacity var(--d-reveal) var(--e-reveal),transform var(--d-reveal) var(--e-reveal)}
.rh .ln{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.rh .ln > span{display:inline-block}
.rh.rv-pend{opacity:1;transform:none}
.rh.rv-pend .ln > span{transform:translateY(105%)}
.rh.rv-in .ln > span{transform:none;transition:transform 760ms var(--e-reveal);transition-delay:calc(var(--i,0) * 80ms)}

/* ---------- round 1: show it, don't write it ---------- */
/* document skeleton: lines stand in for the text around the clause that matters */
.sk{display:block;height:7px;border-radius:4px;background:var(--pc-line);margin:7px 0}
.ev-ln{align-items:start}
.ev-ln .t .sk{margin:6px 0}
.dx-t{display:block;min-width:0}
.dx-p .sk{margin:8px 0}
.dx-p mark:not(.on) > span{visibility:hidden}

/* hero: the three stages, lit as the sample plays */
.ev-steps{display:flex;align-items:center;margin-bottom:16px;font-size:15px;line-height:20px;font-weight:500;color:var(--pc-muted)}
.ev-steps li{display:flex;align-items:center;gap:10px;transition:color var(--d-base)}
.ev-steps li + li::before{content:"";width:clamp(20px,3.4vw,56px);height:1.5px;border-radius:1px;background:var(--pc-line);margin-inline:12px;transition:background var(--d-base)}
.ev-steps li.done,.ev-steps li.on{color:var(--pc-ink)}
.ev-steps li.done::before,.ev-steps li.on::before{background:var(--pc-purple-400)}
.hx6{display:grid;place-items:center;width:32px;height:36px;flex-shrink:0;background:var(--pc-band);color:var(--pc-muted);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background var(--d-base),color var(--d-base)}
.ev-steps li.done .hx6{background:var(--pc-tint-200);color:var(--pc-purple)}
.ev-steps li.on .hx6{background:var(--pc-purple);color:var(--pc-white)}
@media (max-width:560px){.ev-steps{font-size:14px}.ev-steps li{gap:8px}.ev-steps li + li::before{margin-inline:8px}}

/* facts strip: clause by clause, lifted out of the hero */
.cx-b{padding-block:clamp(40px,4.5vw,64px)}
.cx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 32px}
.cx > div{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:2px;align-content:start}
.cx .tile{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--pc-ink-3);color:var(--pc-purple-400)}
.cx b{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:26px;letter-spacing:-0.01em}
.cx > div > span:last-child{font-size:14px;line-height:20px;color:var(--pc-ink-muted)}
@media (max-width:1100px){.cx{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cx{grid-template-columns:1fr}}

/* problem: one vendor's pages, one page lit */
.bc{margin:clamp(48px,6vw,88px) 0 0}
.bc-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:60px}
.bc-top b{font-family:var(--f-display);font-weight:600;font-size:clamp(32px,3.4vw,48px);line-height:1;letter-spacing:-0.02em}
.bc-top span{color:var(--pc-muted)}
.bc-bars{display:flex;gap:clamp(8px,1.4vw,20px);align-items:flex-end}
.bc-doc{position:relative;min-width:0}
.bc-doc svg{display:block;width:100%;height:72px}
.bc-doc rect{fill:var(--pc-ink-muted)}
.bc-doc rect.hit{fill:var(--pc-purple);transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.8);transition:transform 600ms var(--e-reveal) 200ms}
.bc.on rect.hit{transform:none}
.bc-hit{position:absolute;bottom:calc(100% + 10px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;font-size:13px;line-height:18px;color:var(--pc-muted);white-space:nowrap;opacity:0;transition:opacity 400ms var(--e-std) 500ms}
.bc-hit b{font-family:var(--f-display);font-weight:600;font-size:18px;line-height:22px;color:var(--pc-purple)}
.bc.on .bc-hit{opacity:1}
.bc-l{display:block;margin-top:12px;font-size:14px;line-height:20px;color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-lg{display:none;margin-top:14px;font-size:14px;line-height:20px;color:var(--pc-muted)}
@media (max-width:1100px){.bc-l{display:none}.bc-lg{display:block}}
.pb-pt{flex-direction:row;gap:14px;align-items:flex-start}
.pb-pt .tile{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--pc-tint-100)}
.pb-pt h3{font-size:18px;line-height:24px;margin-bottom:2px}
.pb-pt p{font-size:15px;line-height:22px}

/* Read, Decide, Act: three nodes on one line, each connector running hexagon to hexagon */
.rda{--rg:clamp(24px,3vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--rg)}
.rda-n{display:flex;flex-direction:column;align-items:stretch;gap:18px;text-align:left;padding:12px;margin:-12px;border-radius:var(--r-xl);transition:background var(--d-base)}
.rda-n:hover{background:var(--pc-white)}
.rda-top{display:flex;align-items:center}
.rda-hx{position:relative;width:84px;height:96px;flex-shrink:0;display:grid;place-items:center;color:var(--pc-muted);transition:color 400ms var(--e-std)}
.rda-hx svg.hx{position:absolute;inset:0;width:100%;height:100%}
.rda-hx svg.hx path{fill:var(--pc-white);stroke:var(--pc-line);stroke-width:1.5;transition:fill 400ms var(--e-std),stroke 400ms var(--e-std)}
.rda-hx .ic{position:relative}
.rda-n.lit .rda-hx{color:var(--pc-purple)}
.rda-n.lit .rda-hx svg.hx path{fill:var(--pc-tint-100);stroke:var(--pc-purple-400)}
.rda-n.on .rda-hx{color:var(--pc-white)}
.rda-n.on .rda-hx svg.hx path{fill:var(--pc-purple);stroke:var(--pc-purple)}
.rda-tx{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.rda-tx b{font-family:var(--f-display);font-weight:600;font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-0.02em}
.rda-p{font-size:16px;line-height:24px;color:var(--pc-muted)}
.rda-s{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.rda-s em{font-style:normal;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--pc-white);box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line);font-size:13px;font-weight:500;white-space:nowrap}
.rda-c{flex:1;min-width:24px;height:40px;margin:0 calc(16px - var(--rg)) 0 16px}
.rda-c svg{display:block;width:100%;height:100%;overflow:visible}
.rda-c path{fill:none;stroke:var(--pc-purple-400);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 600ms var(--e-reveal)}
.rda-c.on path{stroke-dashoffset:0}
@media (max-width:860px){.rda{grid-template-columns:1fr;row-gap:32px}.rda-n{flex-direction:row;align-items:flex-start}.rda-hx{width:64px;height:72px}.rda-c{display:none}.rda-n:not(:last-child) .rda-hx::after{content:"";position:absolute;left:50%;top:calc(100% + 6px);width:1.5px;height:28px;background:var(--pc-purple-400)}}

/* the step number on the Read, Decide and Act bands */
.sh .sh-h{grid-column:1 / span 6;display:flex;gap:18px;align-items:flex-start}
.stp{flex-shrink:0;display:grid;place-items:center;width:42px;height:48px;font:600 18px/1 var(--f-display);color:var(--pc-purple);background:var(--pc-tint-100);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.band.ink .stp{background:var(--pc-ink-3);color:var(--pc-purple-400)}
@media (max-width:960px){.sh .sh-h{grid-column:1 / -1}}
@media (max-width:560px){.sh .sh-h{gap:12px}.stp{width:32px;height:36px;font-size:15px}}
[data-sec]{scroll-margin-top:var(--hd-h)}

/* stage: a grey ground that lifts the white cards of a visual */
.stage{background:var(--pc-band);border-radius:var(--r-xl);padding:clamp(16px,2.4vw,32px)}
.stage .dx-page{box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line);min-height:0}
.stage .dx-f{box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line)}
.stage .dx-f.on{box-shadow:var(--sh-md),0 0 0 1.5px var(--pc-purple)}

/* findings: title and severity in the list, the rest in the detail */
.fi-it{box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line)}
.fi-it[data-on]{box-shadow:var(--sh-md),0 0 0 1.5px var(--pc-ink)}
.fi-it > span:last-child{grid-column:auto;display:inline-flex}
.fi-quote{background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line)}
.fi-none{display:flex;gap:8px;align-items:center;color:var(--pc-muted)}
.fi-grid .fi-k{display:block;margin-bottom:6px}
.ring{display:inline-flex;align-items:center;gap:10px}
.ring svg{width:40px;height:40px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke:var(--pc-band);stroke-width:4}
.ring circle.a{stroke:var(--pc-purple);stroke-linecap:round}

/* portfolio: circles sized by risk, not a grid of squares */
.rk-hm .c{background:none;outline:none;min-height:36px}
.rk-hm .c i,.rk-leg i{display:block;border-radius:50%;flex-shrink:0;transition:box-shadow 300ms}
.rk-hm .c i.l0,.rk-leg i.l0{width:8px;height:8px;background:var(--pc-ink-line)}
.rk-hm .c i.l1,.rk-leg i.l1{width:13px;height:13px;background:var(--pc-heat-1)}
.rk-hm .c i.l2,.rk-leg i.l2{width:17px;height:17px;background:var(--pc-heat-2)}
.rk-hm .c i.l3,.rk-leg i.l3{width:21px;height:21px;background:var(--pc-heat-3)}
.rk-hm .c i.l4,.rk-leg i.l4{width:25px;height:25px;background:var(--pc-heat-4)}
.rk-hm .c.on i{box-shadow:0 0 0 2px var(--pc-ink-2),0 0 0 3.5px var(--pc-white)}

/* Jira hand-off beside the portfolio */
.rk-j.side{grid-column:1 / span 5;grid-template-columns:1fr;align-content:center;margin-top:0;padding:68px 24px 24px}
.rk-j.side .rk-arrow{height:72px}
.rk-j.side .rk-arrow svg{display:none}
.rk-j.side .rk-arrow::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:var(--pc-purple-400)}
.rk-jc .chips{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:1100px){.rk-j.side{grid-column:1 / -1}}

/* audience cards: lifted, and the whole card is the link */
.au-c{position:relative;box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.au-c:hover{box-shadow:var(--sh-lg),0 0 0 1px var(--pc-muted)}
.au-go{position:absolute;top:24px;right:24px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--pc-purple);background:var(--pc-tint-100);transition:transform var(--d-base) var(--e-std)}
.au-c:hover .au-go{transform:translateX(3px)}

/* security on home: icons and names; the detail lives on Security & Data */
.sc2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.sc2 > div{display:flex;flex-direction:column;gap:14px}
.sc2 .tile{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--pc-white);color:var(--pc-purple);box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line)}
.sc2 h3{font-size:17px;line-height:23px}
@media (max-width:1100px){.sc2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.sc2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* touch: every control reaches 44px where a finger is the pointer (F-2, H-11); fields read at 16px so iOS does not zoom */
@media (max-width:768px){.btn-sm{height:44px}.lnk{min-height:44px}.au-tabs button{height:44px}.ft-col a{display:flex;align-items:center;min-height:44px}textarea.inp,input.inp,select.inp{font-size:16px}}

/* ---------- review layer (not part of the site) ---------- */
.rvb{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:95;display:flex;gap:6px;padding:6px;border-radius:999px;background:#2B2533;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.rvb button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;color:#fff;white-space:nowrap}
.rvb button:hover{background:#3D3547}
@media (max-width:600px){.rvb button .t{display:none}.rvb button{width:44px;height:44px;padding:0;justify-content:center}}
.rvb button .ic{width:16px;height:16px;color:var(--pc-heat-4)}
.rvd{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);z-index:96;background:#FBFBFC;box-shadow:-24px 0 48px rgba(13,6,26,.18);transform:translateX(100%);visibility:hidden;transition:transform 320ms var(--e-reveal),visibility 0s linear 320ms;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}
.rvd.on{transform:none;visibility:visible;transition:transform 320ms var(--e-reveal)}
.rvd-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--pc-line)}
.rvd-h h2{font-size:18px;line-height:24px}
.rvd-h small{display:block;font-size:12px;color:var(--pc-muted);font-family:var(--f-sans);font-weight:400;letter-spacing:0}
.rvd-tabs{display:flex;gap:4px;padding:10px 20px 0;border-bottom:1px solid var(--pc-line);overflow-x:auto}
.rvd-tabs button{height:40px;padding:0 12px;font-size:13px;font-weight:500;color:var(--pc-muted);border-bottom:2px solid transparent;white-space:nowrap}
.rvd-tabs button[aria-selected="true"]{color:var(--pc-ink);border-bottom-color:var(--pc-ink)}
.rvd-b{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:18px;font-size:14px;line-height:21px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.rvd-b > *{flex-shrink:0}
.rvd-b h3{font-size:15px;line-height:21px;margin-top:6px}
.rvd-b p,.rvd-b li{color:var(--pc-doc-text)}
.rvd-b ul{display:flex;flex-direction:column;gap:8px}
.rvd-b li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px}
.rvd-b li .ic{width:16px;height:16px;margin-top:2px;color:var(--pc-purple)}
.rvd-b code{font-size:12px;background:var(--pc-band);padding:1px 5px;border-radius:4px}
.rvd-tbl{width:100%;border-collapse:collapse;font-size:13px}
.rvd-tbl td,.rvd-tbl th{padding:8px 6px;border-bottom:1px solid var(--pc-line);text-align:left;vertical-align:top}
.rvd-tbl th{font-weight:500;color:var(--pc-muted);font-size:12px}
.serp{padding:16px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--pc-line);font-family:Arial,var(--f-sans)}
.serp .u{font-size:12px;color:#4D5156;display:flex;align-items:center;gap:8px}
.serp .u i{width:26px;height:26px;border-radius:50%;background:var(--pc-band);display:grid;place-items:center}
.serp .t{font-size:20px;line-height:26px;color:#1A0DAB;margin:6px 0 4px}
.serp .d{font-size:14px;line-height:22px;color:#4D5156}
.serp .bc{font-size:12px;color:#4D5156}
.meter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pc-muted)}
.meter i{display:block;height:4px;border-radius:2px;background:var(--pc-band);flex:1;position:relative;overflow:hidden}
.meter i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--c,var(--pc-success))}
.ogc{border-radius:var(--r-lg);overflow:hidden;box-shadow:0 0 0 1px var(--pc-line);background:#fff}
.ogc .img{aspect-ratio:1200/630;background:var(--pc-ink);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.ogc .img h4{font-size:22px;line-height:26px;max-width:16ch}
.ogc .img .lg2 svg{height:18px;width:auto}
.ogc .meta{padding:10px 12px;font-size:12px;color:var(--pc-muted)}
.ogc .meta b{display:block;color:var(--pc-ink);font-size:13px}
.outl{display:flex;flex-direction:column;gap:4px;font-size:13px}
.outl div{display:flex;gap:8px}
.outl em{font-style:normal;font-size:11px;font-weight:600;color:var(--pc-purple);background:var(--pc-tint-100);border-radius:4px;padding:1px 5px;flex-shrink:0;height:18px}
.outl .h2{padding-left:14px}.outl .h3{padding-left:28px;color:var(--pc-muted)}
pre.ld{font-size:11px;line-height:16px;background:var(--pc-ink);color:#E5E0FA;padding:14px;border-radius:var(--r-md);overflow:auto;max-height:280px;white-space:pre}
.rv-tog{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:#fff;box-shadow:0 0 0 1px var(--pc-line)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}
  .rv-pend,.rh.rv-pend .ln > span{opacity:1;transform:none}
}
/* gateway rule: step 2 of the demo and contact forms fits a 375x667 phone without scrolling */
@media (max-width:560px){.gw-f:has([data-step="2"]:not([hidden])) > p{display:none}.gw textarea.inp{height:76px;min-height:0}}

/* 1 featured post: 12-column placement on desktop only */
@media (min-width:961px){.split.feat > .b{grid-column:1 / span 7}.split.feat > .a{grid-column:9 / span 4}}
.split.feat .lnk{white-space:normal}
/* 3 portfolio on phones: domains as five labelled columns, each vendor a name line and a dot row */
@media (max-width:560px){.rk-scroll{overflow:visible}.rk-hm{grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;row-gap:6px}.rk-hm > .h:nth-child(1),.rk-hm > .h:nth-child(2){display:none}.rk-hm > .h{font-size:12px;text-align:center}.rk-hm .vn{grid-column:1 / span 4;padding-top:10px}.rk-hm .t{grid-column:5;padding-top:10px;text-align:right}}
/* 4 */
@media (max-width:400px){.ba-t{display:flex;width:100%}.ba-t button{flex:1 1 0;padding:0 8px;font-size:13px}}
/* 7 */
.btn.mock{background:var(--pc-ink);color:var(--pc-white);pointer-events:none}
/* 8 */
@media (max-width:768px){.flt button{height:44px}.addr a{display:inline-flex;align-items:center;min-height:44px}.crumb a{min-width:44px;justify-content:center}}
/* 11 */
.skip{position:fixed;left:16px;top:-80px;z-index:100;height:44px;padding:0 16px;border-radius:var(--r-md);background:var(--pc-ink);color:var(--pc-white);font-weight:500}
.skip:focus{top:12px}
/* 22 */
.mv[data-mvtc]{justify-content:center}
/* M1 */
@media (hover:none){.lnk:hover .ic,.au-c:hover,.au-c:hover .au-go,.rs-c:hover .cv,.mm-a:hover b .ic{transform:none}}
/* N6 */
.hd-sign[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.hd-right .btn[aria-current="page"]{box-shadow:inset 0 0 0 1.5px var(--pc-ink)}
h1[tabindex="-1"]:focus{outline:none}
/* ===== round 3 · phase 1 ===== */
/* R-01 logo: larger in the header and the phone menu; the header keeps its 72px */
.hd-logo svg{height:36px}
@media (max-width:560px){.hd-logo svg{height:32px}}
/* narrow desktop (1101 to 1279px): the larger logo, the five menus and the actions fit without sideways scroll */
@media (min-width:1101px) and (max-width:1279px){.hd-in{gap:20px}.hd-logo svg{height:32px}.hd-right .hd-sign[href="#demo"]{display:none}}

/* R-03 one icon tile for menus and the home top: a Lucide icon on the logo's hexagon, ramp-100 with a ramp-200 frame */
.p1-tile,.mm-a .p1-tile,.mob-sub .p1-tile{position:relative;display:grid;place-items:center;width:40px;height:45px;flex-shrink:0;color:var(--pc-purple)}
.p1-tile svg.hx{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.p1-tile svg.hx path{fill:var(--pc-tint-100);stroke:var(--pc-tint-200);stroke-width:3;transition:fill var(--d-base) var(--e-std),stroke var(--d-base) var(--e-std)}
.p1-tile .ic{position:relative;width:18px;height:18px;stroke-width:1.75}
.mm-a:hover .p1-tile svg.hx path,.mm-a:focus-visible .p1-tile svg.hx path,.mob-sub:hover .p1-tile svg.hx path{fill:var(--pc-tint-200);stroke:var(--pc-purple-400)}
.p1-tile.ink{color:var(--pc-purple-400)}
.p1-tile.ink svg.hx path{fill:var(--pc-ink-3);stroke:var(--pc-ink-line)}
.cx .p1-tile{grid-row:span 2;width:40px;height:45px}
.pb-pt .p1-tile{width:40px;height:45px}

/* R-02 mega menus: more air, one short line per row, numbered groups, one featured panel from the site's own parts */
.p1-mm .mm-in{padding-block:36px 40px}
.p1-mm .mm-cols{column-gap:28px;row-gap:0;align-content:start}
.p1-mm .mm-g{gap:2px}
.p1-mm .mm-gh{display:flex;align-items:center;gap:8px;padding:0 12px 12px;margin:0 0 8px;border-bottom:1px solid var(--pc-line);color:var(--pc-ink)}
.p1-gn{display:grid;place-items:center;width:20px;height:22px;font:600 12px/1 var(--f-display);color:var(--pc-purple);background:var(--pc-tint-100);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.p1-mm .mm-a{align-items:center;column-gap:12px;padding:10px 12px}
.p1-c3 .mm-cols{grid-column:1 / span 9}
.p1-c3 .p1-feat{grid-column:10 / span 3}
.p1-c3 .p1-pg{right:20px}
.p1-c3 .p1-fc{left:44px;right:12px;bottom:12px;width:auto}
.p1-c3 .p1-art{height:220px}
.p1-c3 .p1-pg-l:nth-child(3),.p1-c3 .p1-fc-ref{display:none}
.p1-mm .mm-a b{display:block}
.p1-mm .mm-a b .ic{position:absolute;margin:4px 0 0 6px}
.p1-mm .mm-a .new{margin-left:4px}
@media (max-width:1280px){.p1-c3 .p1-art{display:none}.p1-mm .mm-cols{column-gap:16px}.p1-mm .mm-a{padding-inline:8px}}
.p1-c2 .mm-cols{grid-column:1 / span 7}
.p1-c2 .p1-feat{grid-column:8 / span 5}
.p1-c1 .mm-cols{grid-column:1 / span 4}
.p1-c1 .p1-feat{grid-column:5 / span 8;flex-direction:row}
.p1-feat{padding:0;gap:0;overflow:hidden;align-self:stretch}
.p1-feat-t{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 24px 24px;min-width:0}
.p1-c1 .p1-feat-t{flex:1;justify-content:center;padding:24px 28px}
.p1-feat-t h4{font-size:18px;line-height:24px}
.p1-feat-t p{font-size:14px;line-height:20px;color:var(--pc-muted);margin-bottom:6px}
.p1-feat-k{font-size:13px;font-weight:500;color:var(--pc-muted)}
.p1-feat-m{font-size:13px;line-height:18px;color:var(--pc-muted)}
.p1-art{position:relative;display:block;height:176px;overflow:hidden;flex-shrink:0}
.p1-c1 .p1-art{height:auto;min-height:216px;width:54%}
.p1-pg{position:absolute;left:24px;top:24px;right:72px;bottom:-16px;display:flex;flex-direction:column;gap:7px;padding:14px 16px;background:var(--pc-white);border-radius:var(--r-sm);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.p1-pg-h{display:flex;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid var(--pc-line);font-size:12px;line-height:16px;color:var(--pc-muted);white-space:nowrap}
.p1-pg-h b{color:var(--pc-ink);font-weight:500}
.p1-pg-s{font:600 12px/16px var(--f-display);color:var(--pc-ink)}
.p1-pg-l{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;font-size:12px;line-height:16px;color:var(--pc-ink)}
.p1-pg-l em{font-style:normal;color:var(--pc-muted);font-variant-numeric:tabular-nums}
.p1-pg-l i{display:block;height:6px;border-radius:3px;background:var(--pc-line)}
.p1-pg-l mark,.p1-vg-l mark{color:var(--pc-ink);background:var(--pc-tint-200);border-radius:2px;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.p1-fc{position:absolute;right:16px;bottom:16px;width:196px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--pc-white);border-radius:var(--r-lg);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line)}
.p1-fc-r{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--pc-muted)}
.p1-fc .sev{height:22px;padding:0 8px;font-size:12px}
.p1-fc b{font:600 13px/17px var(--f-display);letter-spacing:-0.01em;color:var(--pc-ink)}
.p1-fc-ref{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--pc-muted)}
.p1-dc{position:absolute;right:16px;bottom:16px;width:216px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:10px 12px;background:var(--pc-ink);color:var(--pc-white);border-radius:var(--r-lg);box-shadow:var(--sh-lg);font-size:12px;line-height:16px}
.p1-dc .av,.p1-vg-dc .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--pc-ink-3);color:var(--pc-purple-400);font-weight:600;font-size:12px}
.p1-dc b{font-weight:500}
.p1-dc span span{color:var(--pc-ink-muted)}
.p1-art-t::before{content:"";position:absolute;inset:44px 22%;border:1.5px solid var(--pc-tint-200);border-radius:var(--r-xl)}
.p1-or{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;width:148px;padding:12px 10px;background:var(--pc-white);border-radius:var(--r-lg);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line);font-size:12px;line-height:16px;color:var(--pc-muted);text-align:center}
.p1-or .p1-tile{width:30px;height:34px;margin-bottom:4px}
.p1-or .p1-tile .ic{width:15px;height:15px}
.p1-or b{font:600 13px/17px var(--f-display);color:var(--pc-ink)}
.p1-or-t{position:absolute;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--pc-white);box-shadow:0 0 0 1px var(--pc-line),var(--sh-sm);font-size:12px;font-weight:500;color:var(--pc-ink);white-space:nowrap}
.p1-or-t .ic{color:var(--pc-purple)}
.p1-or-t:nth-of-type(2){left:16px;top:22px}
.p1-or-t:nth-of-type(3){right:16px;top:22px}
.p1-or-t:nth-of-type(4){left:16px;bottom:22px}
.p1-or-t:nth-of-type(5){right:16px;bottom:22px}
.p1-post{display:grid;grid-template-columns:54% minmax(0,1fr);width:100%;transition:background var(--d-fast)}
.p1-post .cv{display:block;min-height:216px;overflow:hidden}
.p1-post .cv svg{display:block;width:100%;height:100%;transition:transform 400ms var(--e-std)}
.p1-post .p1-feat-t{justify-content:center;padding:24px 28px}
.p1-post h4{font-size:17px;line-height:23px}
.p1-post:hover .cv svg{transform:scale(1.03)}
.p1-post:hover h4{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}

/* R-04 hero: a layered stack (vendor pages, the tier from intake, the finding with its clause, the decision) that drifts gently */
.hero{padding-block:clamp(40px,5vw,72px) clamp(28px,3vw,44px)}
.p1-sh{position:absolute;display:block;background:var(--pc-white);border-radius:var(--r-sm);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line);transform-origin:0 100%}
.p1-sh1{transform:rotate(-2.4deg)}
.p1-sh2{transform:rotate(-4.8deg);background:var(--pc-band)}
.p1-tier{position:absolute;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:12px 14px;background:var(--pc-white);border-radius:var(--r-lg);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line);transition:opacity 400ms var(--e-std),transform 600ms var(--e-reveal)}
.p1-tier.swap{opacity:0;transform:translateY(-8px)}
.p1-tier .ev-k{font-size:12px}
.p1-tier-v{font:600 15px/1 var(--f-display);letter-spacing:-0.01em;text-align:right}
.p1-tier-h{grid-column:1 / -1;display:flex;gap:5px}
.p1-tier-h svg{width:20px;height:23px;overflow:visible}
.p1-tier-h path{fill:var(--pc-band);stroke:var(--pc-line);stroke-width:5;stroke-linejoin:round}
.p1-tier-h svg.f path{fill:var(--pc-tint-200);stroke:var(--pc-tint-200)}
.p1-tier-h svg.c path{fill:var(--pc-purple-400);stroke:var(--pc-purple-400)}
.p1-tier-s{grid-column:1 / -1;font-size:12px;line-height:16px;color:var(--pc-muted);padding-top:8px;border-top:1px solid var(--pc-line);white-space:nowrap}
@media (min-width:561px){
  .p1-slot{aspect-ratio:1.4/1}
  .p1-slot .ev-paper,.p1-sh{left:4%;top:9%;width:66%;height:86%}
  .p1-tier{right:0;top:0;width:min(34%,204px)}
}
@keyframes p1f{from{translate:0 0}to{translate:0 -6px}}
.p1-live .p1-sh1{animation:p1f 7s ease-in-out 8 alternate}
.p1-live .p1-sh2{animation:p1f 9s ease-in-out 6 alternate-reverse}
.p1-live .p1-tier{animation:p1f 6s ease-in-out 9 alternate}
.p1-live .ev-dec{animation:p1f 8s ease-in-out 7 alternate-reverse}
.ev:hover .p1-sh,.ev:hover .p1-tier,.ev:hover .ev-dec,.ev:focus-within .p1-sh,.ev:focus-within .p1-tier,.ev:focus-within .ev-dec{animation-play-state:paused}
@media (max-width:560px){.p1-tier{display:none}.p1-sh{left:0;top:0;width:100%;height:220px;transform-origin:50% 0}.p1-sh1{transform:translateY(-8px) scale(.96)}.p1-sh2{transform:translateY(-16px) scale(.92)}}

/* R-05 framework marquee under the hero: nine badges in one ring family, names beside them */
.p1-fw{display:flex;align-items:center;gap:24px;margin-top:clamp(36px,4vw,56px);padding-top:20px;border-top:1px solid var(--pc-line)}
.p1-fw .fw-l{flex-shrink:0;font-size:14px;line-height:20px}
.p1-fw-v{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.p1-fw-tr{display:flex;width:max-content}
.p1-fw-tr ul{display:flex;align-items:center;gap:36px;padding-right:36px}
.p1-fwi{display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;font-weight:500;color:var(--pc-muted);white-space:nowrap}
.p1-fw .fwb{width:40px;height:40px}
@keyframes p1mq{to{transform:translateX(-50%)}}
.p1-fw.run .p1-fw-tr{animation:p1mq 32s linear 2}
.p1-fw:hover .p1-fw-tr,.p1-fw:focus-within .p1-fw-tr{animation-play-state:paused}
@media (max-width:560px){.p1-fw{flex-direction:column;align-items:flex-start;gap:12px}.p1-fw-v{width:100%;flex:none}}
@media (prefers-reduced-motion:reduce){.p1-fw-v{-webkit-mask-image:none;mask-image:none}.p1-fw-tr{width:auto}.p1-fw-tr ul{flex-wrap:wrap;row-gap:12px;padding-right:0}.p1-fw-tr ul[aria-hidden]{display:none}}

/* R-06 value highlight: a ramp-100 marker runs ahead of the reading and the ramp-200 highlight lands on the value */
.pb-q .w{border-radius:4px;transition:color 240ms linear,background-color 320ms var(--e-std)}
.pb-q .w.sw{background-color:var(--pc-tint-100)}
.pb-q .w.v{border-radius:0;background:linear-gradient(var(--pc-tint-200),var(--pc-tint-200)) no-repeat 0 60% / var(--hl,0%) 86%;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* R-07 Read, Decide, Act: a small scene per stage, the stage hexagon pinned to its corner */
.p1-rda .rda-top{align-items:center}
.p1-vgw{position:relative;display:block;flex:0 0 auto;width:min(78%,268px);padding:14px 0 0 14px}
.p1-rda .rda-hx{position:absolute;left:0;top:0;z-index:1;width:36px;height:41px}
.p1-rda .rda-hx .ic{width:16px;height:16px}
.p1-vg{display:flex;flex-direction:column;gap:8px;height:132px;padding:14px 16px;background:var(--pc-white);border-radius:var(--r-lg);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line);overflow:hidden;font-size:12px;line-height:17px;color:var(--pc-doc-text)}
.p1-vg-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-left:18px;font-size:12px;line-height:16px;color:var(--pc-muted);white-space:nowrap}
.p1-vg-h b{color:var(--pc-ink);font-weight:500}
.p1-vg-h .sev{height:22px;padding:0 8px;font-size:12px}
.p1-vg-l{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px;align-items:start}
.p1-vg-l em{font-style:normal;color:var(--pc-muted);font-variant-numeric:tabular-nums}
.p1-vg-l i{display:block;height:6px;margin-top:5px;border-radius:3px;background:var(--pc-line)}
.p1-vg-l mark{background:linear-gradient(var(--pc-tint-200),var(--pc-tint-200)) no-repeat 0 0 / 0% 100%;transition:background-size 900ms var(--e-reveal)}
.rda-n.on .p1-vg-l mark,.rda-n.lit .p1-vg-l mark{background-size:100% 100%}
.p1-vg-t{font:600 14px/18px var(--f-display);letter-spacing:-0.01em;color:var(--pc-ink)}
.p1-vg-dc{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:center;margin-top:auto;padding:6px 8px;border-radius:var(--r-md);background:var(--pc-ink);color:var(--pc-ink-muted);font-size:12px;line-height:16px;opacity:0;transform:translateY(8px);transition:opacity 400ms var(--e-std),transform 600ms var(--e-reveal)}
.p1-vg-dc b{color:var(--pc-white);font-weight:500}
.rda-n.on .p1-vg-dc,.rda-n.lit .p1-vg-dc{opacity:1;transform:none}
.p1-vg-key{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:var(--pc-ink)}
.p1-vg-st{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;background:var(--pc-band);font-size:12px;font-weight:600;color:var(--pc-muted);transition:background 400ms,color 400ms}
.rda-n.on .p1-vg-st,.rda-n.lit .p1-vg-st{background:var(--pc-tint-200);color:var(--pc-purple-700)}
.p1-vg-ev{display:inline-flex;align-items:center;gap:5px;margin-top:auto;font-size:12px;font-weight:500;color:var(--pc-muted)}
.p1-vg-a{transform:translateY(6px);transition:transform 600ms var(--e-reveal)}
.rda-n.on .p1-vg-a,.rda-n.lit .p1-vg-a{transform:none}
@media (max-width:860px){.p1-rda .rda-n{flex-direction:column;align-items:stretch}.p1-rda .rda-hx::after{display:none}.p1-vgw{width:min(100%,320px)}}

/* ===== round 3 · phase 2 ===== */
/* Home lower half (R-08..R-14). Only existing --pc-* values; hexagons use the logo's shape. */
@keyframes p2pull{from{opacity:0;transform:translateX(-24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes p2pop{from{opacity:.3;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes p2fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes p2flip{from{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:none}}
@keyframes p2pk{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
@keyframes p2pkv{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:calc(100% - 13px);opacity:0}}
@keyframes p2flash{0%{box-shadow:inset 0 0 0 1.5px var(--pc-white)}100%{box-shadow:inset 0 0 0 1.5px transparent}}

/* R-08 Read: a live reader. Document cards in a queue, the page with a scan line, findings pulled out to the side */
.p2r{display:flex;flex-direction:column;gap:24px;background:var(--pc-band);border-radius:var(--r-xl);padding:clamp(16px,2.4vw,32px);box-shadow:inset 0 0 0 1px var(--pc-line)}
.p2r-docs{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:6px;margin-top:-6px}
.p2r-doc{position:relative;display:flex;flex-direction:column;gap:14px;align-items:stretch;min-width:0;text-align:left;padding:16px 16px 14px;border-radius:var(--r-lg);background:var(--pc-white);box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line);transition:box-shadow var(--d-base) var(--e-std),transform var(--d-base) var(--e-std),background var(--d-base) var(--e-std),color var(--d-base) var(--e-std)}
.p2r-doc:hover{box-shadow:var(--sh-md),0 0 0 1px var(--pc-muted)}
.p2r-doc[aria-pressed="true"]{background:var(--pc-ink);color:var(--pc-white);box-shadow:var(--sh-lg);transform:translateY(-4px)}
.p2r-dh{display:flex;align-items:center;gap:10px;min-width:0}
.p2r-dh b{font-family:var(--f-display);font-weight:600;font-size:16px;line-height:20px;white-space:nowrap}
.p2r-di{display:grid;place-items:center;width:30px;height:34px;flex-shrink:0;background:var(--pc-tint-100);color:var(--pc-ink);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background var(--d-base),color var(--d-base)}
.p2r-doc[aria-pressed="true"] .p2r-di{background:var(--pc-ink-3);color:var(--pc-purple-400)}
.p2r-for{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:18px;color:var(--pc-doc-text)}
.p2r-for > span{display:grid;grid-template-columns:46px minmax(0,1fr);gap:6px;white-space:nowrap}
.p2r-for em{font-style:normal;font-weight:500;color:var(--pc-muted)}
.p2r-doc[aria-pressed="true"] .p2r-for{color:var(--pc-white)}
.p2r-doc[aria-pressed="true"] .p2r-for em{color:var(--pc-ink-muted)}
.p2r-st{display:flex;flex-direction:column;gap:6px;margin-top:auto;font-size:12px;line-height:16px;font-weight:500;color:var(--pc-muted)}
.p2r-pg{display:block;height:3px;border-radius:2px;background:var(--pc-line);overflow:hidden}
.p2r-pg > i{display:block;height:100%;border-radius:2px;background:var(--pc-ink);transform-origin:left;transform:scaleX(var(--p,0));transition:transform 600ms var(--e-reveal)}
.p2r-doc[data-s="done"] .p2r-st{color:var(--pc-ink)}
.p2r-doc[aria-pressed="true"] .p2r-st{color:var(--pc-ink-muted)}
.p2r-doc[aria-pressed="true"] .p2r-pg{background:var(--pc-ink-line)}
.p2r-doc[aria-pressed="true"] .p2r-pg > i{background:var(--pc-purple-400)}
.p2r-desk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 24px;align-items:stretch}
.p2r-page{grid-column:1 / span 7;position:relative;min-width:0;min-height:440px;background:var(--pc-white);border-radius:var(--r-sm);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line);padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:14px;overflow:hidden}
.p2r-page mark.rd{background:var(--pc-tint-200)}
.p2r-page mark.rd > span{visibility:visible}
.p2r-scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--pc-purple);opacity:0;pointer-events:none;transition:transform 700ms var(--e-std),opacity 300ms var(--e-std)}
.p2r-scan::before{content:"";position:absolute;left:0;right:0;bottom:2px;height:48px;background:linear-gradient(to bottom,transparent,var(--pc-tint-100));mix-blend-mode:multiply}
.p2r-scan.on{opacity:1}
.p2r-side{grid-column:8 / span 5;min-width:0;display:flex;flex-direction:column;gap:12px}
.p2r-sh{display:flex;align-items:center;gap:8px;min-height:32px;padding-bottom:12px;border-bottom:1px solid var(--pc-line);font-size:14px;color:var(--pc-muted)}
.p2r-sh b{color:var(--pc-ink);font-weight:600}
.p2r-v{margin-left:auto;font-weight:500;color:var(--pc-ink)}
.p2r-fs{display:flex;flex-direction:column;gap:12px;min-height:312px}
.p2r .p2r-f{box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line)}
.p2r .p2r-f:last-child{box-shadow:var(--sh-md),0 0 0 1.5px var(--pc-ink)}
.p2r-in{animation:p2pull 520ms var(--e-reveal) 200ms both}
@media (max-width:1100px){.p2r-docs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(196px,1fr);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:6px 2px 4px;margin:-6px -2px 0}.p2r-docs::-webkit-scrollbar{display:none}.p2r-doc{scroll-snap-align:start}}
@media (max-width:960px){.p2r-page,.p2r-side{grid-column:1 / -1}.p2r-page{min-height:400px}.p2r-fs{min-height:0}}

/* R-09 Decide: a stepper that advances by itself; later steps wait as outlines so the band never changes height */
.p2d{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.p2d-steps{grid-column:1 / span 4;display:flex;flex-direction:column;gap:12px}
.p2d-steps li{position:relative}
.p2d-steps li:not(:last-child)::after{content:"";position:absolute;left:36px;top:calc(100% - 10px);height:32px;width:1.5px;background:var(--pc-line)}
.p2d-s{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:center;width:100%;min-height:80px;text-align:left;padding:16px;border-radius:var(--r-lg);overflow:hidden;transition:background var(--d-base) var(--e-std),box-shadow var(--d-base) var(--e-std)}
.p2d-s[aria-pressed="true"]{background:var(--pc-white);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.p2d-n{display:grid;place-items:center;width:42px;height:48px;font:600 17px/1 var(--f-display);background:var(--pc-white);color:var(--pc-muted);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background var(--d-base),color var(--d-base)}
.p2d-s.done .p2d-n{background:var(--pc-tint-200);color:var(--pc-ink)}
.p2d-s[aria-pressed="true"] .p2d-n{background:var(--pc-purple);color:var(--pc-white)}
.p2d-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.p2d-tx b{font-family:var(--f-display);font-weight:600;font-size:18px;line-height:24px;color:var(--pc-muted);transition:color var(--d-base)}
.p2d-s[aria-pressed="true"] b,.p2d-s.done b{color:var(--pc-ink)}
.p2d-sl{display:none}
.p2d-p{font-size:14px;line-height:20px;color:var(--pc-muted)}
.p2d-bar{position:absolute;left:0;right:0;bottom:0;height:3px;opacity:0}
.p2d-s[aria-pressed="true"] .p2d-bar{opacity:1}
.p2d-bar > i{display:block;height:100%;background:var(--pc-ink);transform-origin:left;transform:scaleX(0)}
.p2d-st{grid-column:5 / span 8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}
.p2d-y{min-width:0;transition:background 300ms var(--e-std),box-shadow 300ms var(--e-std)}
.p2d-y > *{transition:opacity 360ms var(--e-std),transform 420ms var(--e-reveal)}
.p2d-y:not(.on){background:transparent;box-shadow:none;outline:1.5px dashed var(--pc-ink-unread);outline-offset:-1.5px}
.p2d-y:not(.on) > *{opacity:0;transform:translateY(6px)}
.p2d-fd{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.p2d-fd .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;perspective:400px}
.p2d-fd h3{font-size:20px;line-height:26px}
.p2d-fd .flip .sev{animation:p2flip 520ms var(--e-reveal) both}
.p2d-src{display:flex;align-items:center;gap:6px;margin-top:auto;font-size:13px;line-height:18px;font-weight:500;color:var(--pc-muted)}
.p2d-doc{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:var(--r-sm);background:var(--pc-white);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line)}
.p2d-doc .dx-p{grid-template-columns:34px minmax(0,1fr);font-size:13.5px;line-height:21px}
.p2d-doc .dx-p .sk{margin:7px 0}
.p2d-ev{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.p2d-c{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--r-lg);background:var(--pc-white);box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line)}
.p2d-c b{font-weight:500;font-size:15px;line-height:21px}
.p2d-c > span:last-child:not(.ring){font-size:13px;line-height:19px;color:var(--pc-muted)}
.p2d-c .fi-k{margin-bottom:4px}
.p2d-ev > .p2d-y:nth-child(2){transition-delay:120ms}.p2d-ev > .p2d-y:nth-child(2) > *{transition-delay:120ms}
.p2d-ev > .p2d-y:nth-child(3) > *{transition-delay:240ms}
.p2d-dec{grid-column:1 / -1;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 20px;border-radius:var(--r-xl);background:var(--pc-ink);color:var(--pc-white);font-size:14px;line-height:20px}
.p2d-dec .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--pc-ink-3);color:var(--pc-purple-400);font-weight:600;font-size:13px}
.p2d-dec b{font-weight:500}
.p2d-why{display:block;color:var(--pc-ink-muted)}
.p2d-rec{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:500;color:var(--pc-ink-muted)}
@media (max-width:960px){.p2d-steps,.p2d-st{grid-column:1 / -1}.p2d-steps{flex-direction:row;gap:8px}.p2d-steps li{flex:1 1 0;min-width:0}.p2d-steps li:not(:last-child)::after{display:none}.p2d-s{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px;min-height:64px}.p2d-n{width:36px;height:40px;font-size:15px}.p2d-p{display:none}.p2d-tx b{font-size:15px;line-height:20px}}
@media (max-width:600px){.p2d-s{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;padding:10px 6px}.p2d-l{display:none}.p2d-sl{display:inline}.p2d-st{grid-template-columns:1fr}.p2d-ev{grid-template-columns:1fr 1fr}.p2d-ev > :last-child{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}.p2d-dec{grid-template-columns:36px minmax(0,1fr)}.p2d-rec{grid-column:2}}

/* R-10 Act: findings, the Jira ticket and the portfolio as one moving line on the ink band */
.p2a{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1.15fr);align-items:stretch}
.p2a-col{display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px;border-radius:var(--r-xl);background:var(--pc-ink-2);box-shadow:inset 0 0 0 1px var(--pc-ink-line)}
.p2a-h{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--pc-ink-line);font-size:14px;line-height:20px;color:var(--pc-ink-muted)}
.p2a-h b{font-weight:500;color:var(--pc-white)}
.p2a-h .ic{color:var(--pc-purple-400)}
.p2a-h > span{margin-left:auto}
.p2a-rs{display:flex;flex-direction:column;gap:10px}
.p2a-r{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--pc-ink-3);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow 300ms var(--e-std)}
.p2a-r.on{box-shadow:inset 0 0 0 1.5px var(--pc-purple-400)}
.p2a-r b{font-weight:500;font-size:14px;line-height:20px}
.p2a-r .row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.p2a-st{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;color:var(--pc-ink-muted);box-shadow:inset 0 0 0 1px var(--pc-ink-line);transition:background 300ms,color 300ms}
.p2a-st > *{animation:p2pop 360ms var(--e-reveal) both}
.p2a-st[data-st="jira"]{background:var(--pc-heat-1);color:var(--pc-white);box-shadow:none}
.p2a-st[data-st="done"]{background:var(--pc-white);color:var(--pc-ink);box-shadow:none}
.p2a-st[data-st="done"] .ic{color:var(--pc-success)}
.p2a-ln{position:relative;align-self:center;height:2px;margin:0 10px;background:var(--pc-ink-line)}
.p2a-ln::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-top:2px solid var(--pc-ink-line);border-right:2px solid var(--pc-ink-line);transform:translateY(-50%) rotate(45deg)}
.p2a-ln > i{position:absolute;left:0;top:50%;width:12px;height:13px;margin-top:-6.5px;background:var(--pc-purple-400);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0}
.p2a-ln.go > i{animation:p2pk 900ms var(--e-std) both}
.p2a-tk{position:relative;flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--pc-white);color:var(--pc-ink);box-shadow:0 24px 48px -24px rgba(0,0,0,.6);transition:background 300ms var(--e-std),box-shadow 300ms var(--e-std)}
.p2a-tk > *{transition:opacity 300ms var(--e-std)}
.p2a-tk:not(.made){background:transparent;box-shadow:none;outline:1.5px dashed var(--pc-ink-line);outline-offset:-1.5px}
.p2a-tk:not(.made) > *{opacity:0}
.p2a-tk .row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.p2a-key{font-size:13px;font-weight:600;color:var(--pc-muted)}
.p2a-ts{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--pc-band);font-size:12px;font-weight:500;transition:background 300ms,color 300ms}
.p2a-tk.done .p2a-ts{background:var(--pc-ink);color:var(--pc-white)}
.p2a-tk h4{font-size:17px;line-height:23px}
.p2a-evk{font-size:12px;line-height:16px;font-weight:500;color:var(--pc-muted)}
.p2a-tk .chips{display:flex;flex-wrap:wrap;gap:6px}
.band.ink .p2a-tk .tag{background:var(--pc-tint-100);color:var(--pc-ink)}
.p2a-tk.made .tag{animation:p2pull 420ms var(--e-reveal) both;animation-delay:calc(400ms + var(--k,0) * 260ms)}
.p2a-as{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--pc-line);font-size:13px;color:var(--pc-muted)}
.p2a-as .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--pc-ink);color:var(--pc-white);font-weight:600;font-size:12px}
.p2a-g{display:flex;flex-direction:column;gap:4px}
.p2a-t{display:grid;grid-template-columns:28px minmax(0,1fr) auto 30px;gap:10px;align-items:center;min-height:42px;padding:4px 10px;border-radius:var(--r-md);font-size:13px;line-height:18px}
.p2a-t b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p2a-tt{font-size:12px;color:var(--pc-ink-muted)}
.p2a-sc{font-family:var(--f-display);font-weight:600;font-size:16px;text-align:right}
.p2a-t.me{background:var(--pc-ink-3)}
.p2a-t.upd{animation:p2flash 1600ms var(--e-std) both}
.p2a-dw{display:grid;place-items:center;width:28px;height:28px}
.p2a-d{display:block;border-radius:50%;transition:width 700ms var(--e-reveal),height 700ms var(--e-reveal),background 700ms var(--e-std)}
.p2a-d.l1{width:13px;height:13px;background:var(--pc-heat-1)}
.p2a-d.l2{width:17px;height:17px;background:var(--pc-heat-2)}
.p2a-d.l3{width:21px;height:21px;background:var(--pc-heat-3)}
.p2a-d.l4{width:25px;height:25px;background:var(--pc-heat-4)}
@media (max-width:1100px){.p2a{grid-template-columns:minmax(0,1fr)}.p2a-ln{justify-self:center;width:2px;height:44px;margin:6px 0}.p2a-ln::after{right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%) rotate(135deg)}.p2a-ln > i{left:50%;top:0;margin:0 0 0 -6px}.p2a-ln.go > i{animation-name:p2pkv}}

/* R-11 Same evidence: the handoffs that one assessment removes */
.p2h{display:grid;grid-template-columns:minmax(0,1fr) 168px minmax(0,1.2fr);gap:24px;align-items:stretch;margin-bottom:48px;padding:clamp(16px,2.4vw,32px);border-radius:var(--r-xl);background:var(--pc-band);box-shadow:inset 0 0 0 1px var(--pc-line)}
.p2h-p{display:flex;flex-direction:column;gap:20px;min-width:0;padding:24px;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.p2h-k{font-family:var(--f-display);font-weight:600;font-size:18px;line-height:24px}
.p2h-wo .p2h-k{color:var(--pc-muted)}
.p2h-ch{display:flex;flex-direction:column;align-items:flex-start}
.p2h-tm{display:inline-flex;align-items:center;gap:10px;font-size:15px;line-height:20px}
.p2h-tm b{font-weight:500}
.p2h-tm .tile{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--pc-band);color:var(--pc-ink)}
.p2h-ho{display:flex;align-items:center;gap:8px;margin:2px 0 2px 17px;padding:10px 0 10px 27px;border-left:1.5px dashed var(--pc-ink-unread);font-size:13px;line-height:18px;color:var(--pc-muted);transition:color 300ms var(--e-std)}
.p2h-ho > span{border-radius:4px;padding:1px 6px;margin-left:-6px;transition:background 300ms var(--e-std)}
.p2h-ho.lit{color:var(--pc-warning)}
.p2h-ho.lit > span{background:var(--pc-sev-med-bg)}
.p2h-ho.x > span{text-decoration:line-through;text-decoration-thickness:1.5px}
.p2h-ho.x .ic{opacity:.45}
.p2h-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.p2h-arr{display:grid;place-items:center;width:44px;height:44px;margin-bottom:10px;border-radius:50%;background:var(--pc-white);box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line)}
.p2h-mid b{font-family:var(--f-display);font-weight:600;font-size:64px;line-height:60px;letter-spacing:-0.03em}
.p2h-mid > span:last-child{max-width:12ch;font-size:15px;line-height:20px;font-weight:500;color:var(--pc-muted)}
.p2h-hw{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:28px 16px;align-content:space-between}
.p2h-sv{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.p2h-sv line{stroke:var(--pc-line);stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke 500ms var(--e-std)}
.p2h.with .p2h-sv line{stroke:var(--pc-purple-400)}
.p2h-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:var(--r-lg);background:var(--pc-white);box-shadow:0 0 0 1px var(--pc-line);transition:box-shadow 300ms var(--e-std)}
.p2h.with .p2h-t{box-shadow:var(--sh-md),0 0 0 1.5px var(--pc-ink)}
.p2h-t .tag{background:var(--pc-band);opacity:.35;transition:opacity 300ms var(--e-std)}
.p2h.with .p2h-t .tag{opacity:1}
.p2h-hub{grid-column:1 / -1;justify-self:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 22px;text-align:center;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line)}
.p2h-hx{display:grid;place-items:center;width:52px;height:58px;margin-bottom:8px;background:var(--pc-ink);color:var(--pc-white);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background 400ms var(--e-std)}
.p2h.with .p2h-hx{background:var(--pc-purple)}
.p2h-hub b{font-family:var(--f-display);font-weight:600;font-size:17px;line-height:22px}
.p2h-hub > span:last-child{font-size:13px;line-height:18px;color:var(--pc-muted)}
@media (max-width:1100px){.p2h{grid-template-columns:minmax(0,1fr)}.p2h-mid{flex-direction:row;gap:14px}.p2h-arr{margin:0;transform:rotate(90deg)}.p2h-mid b{font-size:44px;line-height:44px}.p2h-mid > span:last-child{text-align:left}}
@media (max-width:600px){.p2h-p{padding:18px}.p2h-hw{gap:24px 10px}.p2h-t{padding:10px 12px}.p2h-tm{font-size:14px;gap:8px}.p2h-tm .tile{width:32px;height:32px}.p2h-t .p2h-tm .tile{display:none}}

/* R-12 Security: tidy cards with equal heights instead of round items (also tidies the Platform page's .sc2) */
.sc2 > div{gap:12px;padding:24px;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.sc2 .tile{width:44px;height:44px;background:var(--pc-tint-100);color:var(--pc-ink);box-shadow:none}
.sc2 p{font-size:14px;line-height:21px;color:var(--pc-muted)}
.sc2{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.sc2 h3{font-size:18px;line-height:24px}
@media (max-width:1100px){.sc2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.sc2{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.sc2 > div{padding:20px}}

/* R-13 FAQ: heading and contact left, numbered accordion right; works with 2 items or the home list */
.p2-fq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;align-items:start}
.p2-fq-l{grid-column:1 / span 5;position:sticky;top:calc(var(--hd-h) + 32px);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.p2-fq-ic{display:grid;place-items:center;width:48px;height:54px;background:var(--pc-ink);color:var(--pc-white);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.p2-fq-l h2{font-size:clamp(30px,3.1vw,44px);line-height:1.08}
.p2-fq-l p{font-size:17px;line-height:27px;color:var(--pc-muted)}
.fq.p2-fq-r{grid-column:7 / span 6;display:flex;flex-direction:column;gap:12px;border-top:0}
.p2-fq-r .fq-i{border-bottom:0;border-radius:var(--r-lg);background:var(--pc-band);transition:background var(--d-base) var(--e-std),box-shadow var(--d-base) var(--e-std)}
.p2-fq-r .fq-i:has(.fq-q[aria-expanded="true"]){background:var(--pc-white);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.p2-fq-h{font:inherit;letter-spacing:normal}
.p2-fq-r .fq-q{min-height:68px;padding:18px 20px;gap:16px;font-size:18px;line-height:25px;border-radius:var(--r-lg)}
.p2-fq-n{flex-shrink:0;width:28px;font:500 14px/25px var(--f-sans);color:var(--pc-muted)}
.p2-fq-t{flex:1;min-width:0}
.p2-fq-r .fq-q[aria-expanded="false"] .fq-pm{background:var(--pc-white)}
.p2-fq-r .fq-i:has(.fq-q[aria-expanded="true"]) .fq-a{grid-template-rows:1fr}
.p2-fq-r .fq-a p{padding:0 72px 22px 64px;font-size:16px;line-height:26px}
@media (max-width:960px){.p2-fq-l,.fq.p2-fq-r{grid-column:1 / -1}.p2-fq-l{position:static}}
@media (max-width:600px){.p2-fq-r .fq-q{padding:14px 16px;gap:12px;font-size:17px;line-height:24px}.p2-fq-n{display:none}.p2-fq-r .fq-a p{padding:0 16px 20px}}

/* R-14 Closing: depth from the brand's own pieces; the primary button is the one purple element */
.p2-clb{position:relative;overflow:hidden}
.p2-cl{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:center}
.p2-cl-t{grid-column:1 / span 6;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.p2-cl-t h2{max-width:17ch;font-size:clamp(30px,3.6vw,52px);line-height:1.06}
.p2-cl .btn{height:52px;padding:0 24px;font-size:16px}
.p2-cl .btn-p{box-shadow:0 12px 32px -12px color-mix(in srgb,var(--pc-purple) 70%,transparent)}
.p2-cl .btn-p .ic{transition:transform var(--d-base) var(--e-std)}
.p2-cl .btn-p:hover .ic{transform:translateX(3px)}
.band.ink .p2-cl .btn-s{background:transparent;color:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-ink-muted)}
.band.ink .p2-cl .btn-s:hover{background:var(--pc-ink-3)}
.p2-cl-v{grid-column:7 / span 6;position:relative;height:300px}
.p2-cl-v .cl-mark{position:absolute;right:0;top:50%;width:auto;height:140%;margin:0;transform:translateY(-50%)}
.p2-cl-v .cl-mark path{stroke:var(--pc-ink-line);stroke-width:5}
.p2-cl-v .cl-mark path.core{fill:var(--pc-ink-3)}
.p2-cl-pg{position:absolute;left:18%;top:6%;width:248px;height:290px;border-radius:var(--r-sm);transition:transform 900ms var(--e-reveal)}
.p2-cl-pg.b2{background:var(--pc-ink-3);box-shadow:inset 0 0 0 1px var(--pc-ink-line);transform:rotate(-2deg)}
.p2-cl-pg.b1{background:var(--pc-ink-2);box-shadow:inset 0 0 0 1px var(--pc-ink-line),0 24px 48px -24px rgba(0,0,0,.6);transform:rotate(1deg)}
.p2-cl-pg.f{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--pc-white);color:var(--pc-ink);box-shadow:0 32px 64px -24px rgba(0,0,0,.75)}
.p2-cl-v:has(.cl-mark.on) .p2-cl-pg.b2{transform:translate(-64px,22px) rotate(-9deg)}
.p2-cl-v:has(.cl-mark.on) .p2-cl-pg.b1{transform:translate(-32px,10px) rotate(-4deg)}
.p2-cl-v:has(.cl-mark.on) .p2-cl-pg.f{transform:translate(6px,-6px) rotate(2deg)}
.p2-cl-ph{display:flex;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--pc-line);font-size:12px;line-height:16px;color:var(--pc-muted)}
.p2-cl-ph b{font-weight:500;color:var(--pc-ink)}
.p2-cl-ln{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;font-size:12.5px;line-height:19px;color:var(--pc-doc-text)}
.p2-cl-ln > span:first-child{font-weight:500;color:var(--pc-muted)}
.p2-cl-ln .sk{margin:6px 0}
.p2-cl-v .hl{transition-delay:700ms}
.p2-cl-v:has(.cl-mark.on) .hl{background-size:100% 100%}
.p2-cl-chip{position:absolute;right:-44px;bottom:34px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-lg);background:var(--pc-white);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line);font-size:13px;font-weight:600;opacity:0;transform:translateY(10px);transition:opacity 400ms var(--e-std) 1100ms,transform 600ms var(--e-reveal) 1100ms}
.p2-cl-v:has(.cl-mark.on) .p2-cl-chip{opacity:1;transform:none}
@media (max-width:960px){.p2-cl-t,.p2-cl-v{grid-column:1 / -1}.p2-cl-v{height:250px}.p2-cl-pg{left:calc(50% - 100px);width:200px;height:236px;padding:18px}.p2-cl-pg.f{padding:18px;gap:10px}.p2-cl-v .cl-mark{height:110%}}
@media (max-width:560px){.p2-cl-v{height:220px}.p2-cl-pg{left:calc(50% - 80px);width:176px;height:206px}.p2-cl-chip{right:-28px;bottom:-14px}.p2-cl-v:has(.cl-mark.on) .p2-cl-pg.b2{transform:translate(-40px,16px) rotate(-8deg)}.p2-cl-v:has(.cl-mark.on) .p2-cl-pg.b1{transform:translate(-20px,8px) rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.p2r-in,.p2a-st > *,.p2a-tk.made .tag,.p2d-fd .flip .sev,.p2a-t.upd{animation:none}}
.p2d .ring circle.a{stroke:var(--pc-ink)}
.p2r .dx-hex{background:var(--pc-ink)}
.p2r .dx-f .ref{color:var(--pc-muted)}
.p2r-ft{font-family:var(--f-display);font-weight:600;font-size:16px;line-height:22px;letter-spacing:-0.01em}
.p2a-tn{display:block;font-family:var(--f-display);font-weight:600;font-size:17px;line-height:23px;letter-spacing:-0.01em}
.p2d-ft{display:block;font-family:var(--f-display);font-weight:600;font-size:20px;line-height:26px;letter-spacing:-0.02em}
.p2r-st > span:empty{min-height:16px}

/* ===== round 3 · phase 3 ===== */
/* Subpage template (R-15): role and industry pages. Recipe in redesign/round-3/phase-3-notes.md. */
/* T1 hero scene: three layers of the audience's own documents, offset and overlapping, on a sunk stage with the mark's hexagon */
.p3-st{position:relative;isolation:isolate;overflow:hidden;background:var(--pc-band);border-radius:var(--r-xl);padding:clamp(18px,2.6vw,36px)}
.p3-bghx{position:absolute;z-index:-1;right:-10%;top:-14%;width:62%;height:auto;fill:none;stroke:var(--pc-line);stroke-width:1.2;stroke-linejoin:round}
.p3-sc{display:flex;flex-direction:column}
.p3-l1,.p3-l2,.p3-l3{position:relative;min-width:0}
.p3-l1{z-index:1;width:76%}
.p3-l2{z-index:2;width:60%;align-self:flex-end;margin-top:-58px}
.p3-l3{z-index:3;width:64%;margin:-22px 0 0 3%}
.p3-l2 > :last-child{padding-bottom:30px}
.p3-pg,.p3-cd,.p3-res,.p3-fd{background:var(--pc-white);box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line)}
.p3-pg{border-radius:var(--r-sm);padding:16px 18px;display:flex;flex-direction:column;gap:9px}
.p3-pg .ev-ln{font-size:12.5px;line-height:19px}
.p3-pg .ev-ln .t .sk{margin:6px 0}
.p3-pg .ev-ln{grid-template-columns:38px minmax(0,1fr)}
.p3-pg .ev-ln .n{white-space:nowrap}
.p3-pg .ev-ph{flex-wrap:wrap;row-gap:2px}
.p3-pg.p3-stack{box-shadow:var(--sh-lg),0 0 0 1px var(--pc-line),6px 6px 0 -1px var(--pc-white),6px 6px 0 0 var(--pc-line),12px 12px 0 -1px var(--pc-white),12px 12px 0 0 var(--pc-line)}
.p3-cd,.p3-res,.p3-fd{border-radius:var(--r-lg);padding:14px 16px;display:flex;flex-direction:column;gap:9px}
.p3-ft .sk{height:6px;margin:6px 0}
.p3-ft{padding-top:4px}
.p3-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px;line-height:18px;padding:6px 0;border-top:1px solid var(--pc-line)}
.p3-row .ic{color:var(--pc-muted)}
.p3-ok{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;white-space:nowrap}
.p3-ok .ic{color:var(--pc-success)}
.p3-big{font-family:var(--f-display);font-weight:600;font-size:30px;line-height:34px;letter-spacing:-0.02em}
.p3-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.p3-scale i{height:6px;border-radius:3px;background:var(--pc-ink)}
.p3-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--pc-muted)}
.p3-hx{display:inline-grid;place-items:center;flex-shrink:0;width:28px;height:32px;background:var(--pc-tint-100);color:var(--pc-purple);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.p3-hx.p3-hxl{width:44px;height:50px}
.p3-hx.p3-hxl .ic{width:20px;height:20px}
.p3-ink{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;background:var(--pc-ink);color:var(--pc-white);border-radius:var(--r-lg);padding:12px 14px;font-size:12.5px;line-height:18px;box-shadow:var(--sh-lg)}
.p3-ink b{display:block;font-weight:500}
.p3-ink span:not(.p3-hx){display:block;color:var(--pc-ink-muted)}
.p3-ink .p3-hx{background:var(--pc-ink-3);color:var(--pc-purple-400)}
.p3-rr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.p3-avs{display:inline-flex;gap:6px}
.p3-av{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 8px;border-radius:999px;background:var(--pc-band);font-size:12px;font-weight:600}
.p3-av .ic{color:var(--pc-success)}
.p3-fd b{font-family:var(--f-display);font-weight:600;font-size:15px;line-height:20px;letter-spacing:-0.01em}
.p3-tk{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:var(--pc-ink);color:var(--pc-white);font-size:12px;font-weight:500;white-space:nowrap}
/* coverage line: report period, bridge letter, the gap, your review date */
.p3-tl{position:relative;height:12px;margin:8px 0 2px;border-radius:6px;background:var(--pc-band)}
.p3-tl i{position:absolute;top:0;bottom:0}
.p3-tl-a{left:0;width:56%;background:var(--pc-ink);border-radius:6px 0 0 6px}
.p3-tl-b{left:56%;width:22%;background:var(--pc-purple-400)}
.p3-tl-g{left:78%;width:14%;background:repeating-linear-gradient(135deg,var(--pc-danger) 0 2px,var(--pc-sev-high-bg) 2px 6px)}
.p3-tl-m{left:92%;width:2px;top:-5px!important;bottom:-5px!important;background:var(--pc-ink)}
.p3-tl-l{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;line-height:16px;color:var(--pc-muted)}
.p3-tl-l span{display:inline-flex;align-items:center;gap:6px}
.p3-tl-l span::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--pc-ink)}
.p3-tl-l span:nth-child(2)::before{background:var(--pc-purple-400)}
.p3-tl-l span:nth-child(3)::before{background:repeating-linear-gradient(135deg,var(--pc-danger) 0 2px,var(--pc-sev-high-bg) 2px 5px)}
/* history trail: the newest entry first, traced back to the clause */
.p3-trail ol{position:relative;display:flex;flex-direction:column;gap:2px}
.p3-trail ol::before{content:"";position:absolute;left:5px;top:12px;bottom:12px;border-left:1.5px solid var(--pc-line)}
.p3-trail li{position:relative;display:grid;grid-template-columns:12px 46px minmax(0,1fr);gap:8px;align-items:start;padding:5px 6px 5px 0;border-radius:var(--r-sm);font-size:12.5px;line-height:17px;transition:background 300ms var(--e-std)}
.p3-trail li .num{color:var(--pc-muted);font-size:12px}
.p3-trail li b{display:block;font-weight:500}
.p3-trail li em{display:block;font-style:normal;color:var(--pc-muted)}
.p3-dot{width:11px;height:12px;margin-top:3px;background:var(--pc-white);box-shadow:inset 0 0 0 1.5px var(--pc-ink-muted);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background 300ms}
.p3-trail li.on .p3-dot{background:var(--pc-ink)}
.p3-trail li.cur{background:var(--pc-tint-100)}
/* register, checklist, subprocessor list */
.p3-reg{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 68px}
.p3-reg .tag,.p3-sp .tag{justify-self:end}
.p3-reg span:nth-child(2),.p3-sp span:nth-child(2){color:var(--pc-muted)}
.p3-reg.cur{background:var(--pc-tint-100);margin-inline:-8px;padding-inline:8px;border-radius:var(--r-sm)}
.p3-sp{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 48px}
.p3-chk{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;font-size:13px;line-height:18px;padding:7px 0;border-top:1px solid var(--pc-line)}
.p3-chk .num{font-size:12px;color:var(--pc-muted)}
/* where patient data goes */
.p3-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:4px}
.p3-pn{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12px;line-height:15px}
.p3-pn + .p3-pn::after{content:"";position:absolute;top:16px;right:calc(50% + 18px);width:calc(100% - 28px);border-top:1.5px solid var(--pc-purple-400)}
.p3-pn.dash::after{border-top-style:dashed;border-color:var(--pc-ink-muted)}
.p3-pn.dash .p3-hx{background:var(--pc-band);color:var(--pc-muted)}
.p3-pn.dash > span:last-child{color:var(--pc-muted)}
/* suppliers by tier and the domains scored */
.p3-tier{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;line-height:18px;padding:7px 0;border-top:1px solid var(--pc-line)}
.p3-docs{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--pc-muted)}
.p3-dom{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;font-size:12px;line-height:16px}
.p3-db{height:6px;border-radius:3px;background:var(--pc-band)}
.p3-db i{display:block;height:100%;border-radius:3px;background:var(--pc-ink)}
/* frames: what arrives at each step */
.p3-st [data-s]:not(.hl):not([data-t]){opacity:0;transform:translateY(6px);transition:opacity 300ms var(--e-std),transform 400ms var(--e-reveal)}
.p3-st [data-s].on:not(.hl):not([data-t]){opacity:1;transform:none}
@media (max-width:560px){
  .p3-l1{width:100%}
  .p3-l2{width:94%;margin-top:-26px}
  .p3-l3{width:94%;margin:-14px 0 0 0}
  .p3-l2 > :last-child{padding-bottom:22px}
  .p3-bghx{width:90%;right:-30%}
  .p3-path{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
  .p3-pn:nth-child(3)::after{display:none}
  .p3-chk{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .p3-chk > span:last-child{grid-column:1 / -1}
  .p3-row,.p3-chk,.p3-tier{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.p3-st [data-s],.p3-trail li,.p3-dot{transition:none}}

/* T2 role workflow (U-09): an icon in each hexagon, labels only, joined by a thin line */
.p3-ba .ba-n .ic{width:20px;height:20px}
.p3-ba.before .ba-n{color:var(--pc-ink-muted)}
/* T2 industry: the documents this sector reviews most */
.p3-dk-w{display:flex;flex-direction:column;gap:12px}
.p3-dk{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));grid-auto-rows:1fr;gap:10px}
.p3-dc{display:flex;flex-direction:column;gap:8px;padding:12px 12px 10px;border-radius:var(--r-md);background:var(--pc-white);box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line)}
.p3-dc .ic{color:var(--pc-purple)}
.p3-dc b{font-weight:500;font-size:13px;line-height:17px}
.p3-dc > span{margin-top:auto}
.p3-dc .sk{height:5px;margin:5px 0}
@media (max-width:560px){.p3-dk{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* T3 break points, drawn as finding cards */
.p3-bks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.p3-bk{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border-radius:var(--r-xl);background:var(--pc-white);box-shadow:var(--sh-md),0 0 0 1px var(--pc-line)}
.p3-bk h3{font-size:20px;line-height:26px}
.p3-bk p{color:var(--pc-muted)}
.p3-bk-sk{display:flex;flex-direction:column;gap:7px;width:100%;margin-top:auto;padding-top:14px;border-top:1px dashed var(--pc-line)}
.p3-bk-sk i{display:block;height:6px;border-radius:3px;background:var(--pc-line)}
.p3-bk-sk i:nth-child(1){width:92%}
.p3-bk-sk i.h{width:64%;height:10px;background:var(--pc-tint-200)}
.p3-bk-sk i:nth-child(3){width:78%}
@media (max-width:860px){.p3-bks{grid-template-columns:1fr;grid-auto-rows:auto}}
/* T4 capabilities: a vignette of what the module produces, then its name and line */
.p3-cps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.p3-cp{display:flex;flex-direction:column;border-radius:var(--r-xl);overflow:hidden;background:var(--pc-white);box-shadow:0 0 0 1px var(--pc-line);transition:box-shadow var(--d-base) var(--e-std)}
.p3-cp:hover{box-shadow:0 0 0 1px var(--pc-muted),var(--sh-md)}
.p3-vg{display:grid;place-items:center;height:132px;padding:16px;background:var(--pc-band);border-bottom:1px solid var(--pc-line)}
.band.sunk .p3-vg{background:var(--pc-tint-100)}
.p3-cp-t{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.p3-cp-h{display:flex;align-items:center;gap:8px}
.p3-cp-h .ic{color:var(--pc-purple)}
.p3-cp-h b{font-weight:500;font-size:15px;line-height:20px}
.p3-cp-t > span:last-child{font-size:14px;line-height:20px;color:var(--pc-muted)}
@media (max-width:1100px){.p3-cps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.p3-cps{grid-template-columns:1fr;grid-auto-rows:auto}}
/* vignettes */
.p3-vg .sk{height:6px;margin:5px 0}
.p3-vg em{font-style:normal;font-size:12px;line-height:15px;font-weight:500;color:var(--pc-ink);white-space:nowrap}
.p3-vp{display:flex;flex-direction:column;width:150px;max-width:100%;padding:10px 12px;border-radius:var(--r-sm);background:var(--pc-white);box-shadow:var(--sh-sm),0 0 0 1px var(--pc-line)}
.p3-vh{display:flex;align-items:center;gap:6px;margin:3px 0}
.p3-vh i{flex:1;height:9px;border-radius:3px;background:var(--pc-tint-200)}
.p3-v2{display:flex;align-items:center}
.p3-v2 .p3-vp{width:84px}
.p3-vl{width:20px;border-top:1.5px dashed var(--pc-purple-400)}
.p3-vok{display:grid;place-items:center;width:24px;height:24px;margin-left:8px;border-radius:50%;background:var(--pc-white);color:var(--pc-success);box-shadow:0 0 0 1px var(--pc-line)}
.p3-vt{display:flex;flex-direction:column;gap:8px;width:72%}
.p3-vt b{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:24px;letter-spacing:-0.01em}
.p3-vb{display:flex;flex-direction:column;gap:7px;width:72%}
.p3-vb i{display:block;height:7px;border-radius:4px;background:var(--pc-ink)}
.p3-vf{width:170px;gap:4px;align-items:flex-start}
.p3-vf .sev{height:22px}
.p3-vf .sk{width:100%}
.p3-vf em{color:var(--pc-muted)}
.p3-vr{display:flex;align-items:center;gap:8px}
.p3-vr .p3-vp{width:84px}
.p3-vr > .ic{color:var(--pc-muted)}
.p3-vm{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:60%}
.p3-vm i{aspect-ratio:1.6/1;border-radius:2px}
.p3-vm .l0{background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line)}
.p3-vm .l1{background:var(--pc-tint-100);box-shadow:inset 0 0 0 1px var(--pc-tint-200)}
.p3-vm .l2{background:var(--pc-tint-200)}
.p3-vm .l3{background:var(--pc-purple-400)}
.p3-vm .l4{background:var(--pc-ink)}
.p3-vd{display:flex;flex-direction:column;gap:6px;width:78%}
.p3-vd > span{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;padding:5px 8px;border-radius:var(--r-sm);background:var(--pc-white);box-shadow:0 0 0 1px var(--pc-line)}
.p3-vd .sk{margin:0}
.p3-vd .new{background:var(--pc-tint-100)}
.p3-vd .chg{box-shadow:0 0 0 1.5px var(--pc-ink)}

/* ===== round 3 · merge fixes ===== */
/* menu art: lines under the finding card stay blank instead of peeking out */
.p1-art:has(.p1-fc) .p1-pg-l:nth-child(n+5){visibility:hidden}
/* subpage stage: the mark's hexagon sits whole behind the layers instead of being cropped into stray diagonals */
.p3-bghx{right:3%;top:50%;transform:translateY(-50%);width:46%}
/* phone hero: the fanned sheets rise above the page, so give them room under the Read / Decide / Act rail */
@media (max-width:560px){.hero-v [data-hero-slot]{margin-top:40px}}


/* ===== round 4: visual-first layer (client notes of November + the human touch of the November posts) ===== */
:root{--hd-h:80px;--q-r:20px;--q-sh:0 1px 2px rgba(13,6,26,.04),0 12px 32px -12px rgba(46,22,140,.18);--q-sh-lg:0 2px 8px rgba(13,6,26,.06),0 40px 80px -32px rgba(46,22,140,.38);
  --q-grad:linear-gradient(135deg,#8A8DFC 0%,#5834F5 48%,#4615D0 100%);--q-night:radial-gradient(120% 90% at 85% 0%,rgba(88,52,245,.55),transparent 60%),radial-gradient(80% 70% at 0% 100%,rgba(138,141,252,.22),transparent 60%),#0D061A}
.ph{display:block;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--pc-tint-100)}
.hd-logo svg{height:38px}
.hd-in{gap:36px}
@media (max-width:1279px) and (min-width:1101px){.hd-logo svg{height:32px}.hd-in{gap:20px}}
.q-hd .hd-right .btn-p{box-shadow:0 6px 18px -8px rgba(88,52,245,.7)}

/* one icon family: a soft squircle with a violet glow behind a Lucide glyph */
.q-ic{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;color:var(--pc-purple);
  background:linear-gradient(160deg,#FFFFFF 0%,#F1EEFE 100%);box-shadow:inset 0 0 0 1px rgba(88,52,245,.14),inset 0 1px 0 #fff,0 6px 14px -8px rgba(88,52,245,.45);overflow:hidden;isolation:isolate}
.q-ic-g{position:absolute;width:26px;height:26px;right:-6px;bottom:-6px;border-radius:50%;background:radial-gradient(circle,rgba(138,141,252,.55),rgba(138,141,252,0) 70%);z-index:-1}
.q-ic .ic{width:20px;height:20px;stroke-width:1.75}
.q-ic.ink{background:linear-gradient(160deg,#2A2140 0%,#181126 100%);color:#B9BBFF;box-shadow:inset 0 0 0 1px rgba(138,141,252,.22),inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px -10px rgba(88,52,245,.6)}
.q-ic.ink .q-ic-g{background:radial-gradient(circle,rgba(88,52,245,.8),rgba(88,52,245,0) 70%);width:34px;height:34px}
.mm-a:hover .q-ic,.mob-sub:hover .q-ic{background:var(--q-grad);color:#fff;box-shadow:0 10px 22px -10px rgba(88,52,245,.8)}
.cx .q-ic{grid-row:span 2}
/* the remaining circular tiles take the same squircle */
.tile{border-radius:13px!important;background:linear-gradient(160deg,#fff,#F1EEFE)!important;box-shadow:inset 0 0 0 1px rgba(88,52,245,.14),0 6px 14px -8px rgba(88,52,245,.45)}

/* shared pieces */
.q-kick{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:6px 14px 6px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-tint-200),0 4px 14px -8px rgba(88,52,245,.4);font-size:13px;line-height:18px;font-weight:500;color:var(--pc-ink)}
.q-kick i{width:8px;height:8px;border-radius:50%;background:var(--pc-purple);box-shadow:0 0 0 4px var(--pc-tint-200)}
.q-kick-d{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.q-kick-d i{background:#8A8DFC;box-shadow:0 0 0 4px rgba(138,141,252,.25)}
.q-grad{background:var(--q-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.q-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--pc-tint-100);color:var(--pc-purple);font-weight:600;font-size:13px;letter-spacing:.06em;box-shadow:inset 0 0 0 1px var(--pc-tint-200)}
.q-eye{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--pc-purple)}
.q-av{display:inline-block;width:30px;height:30px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(13,6,26,.2)}
.q-avs{display:inline-flex}
.q-avs .q-av + .q-av{margin-left:-9px}
.q-hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.q-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.q-glow.g1{width:min(60vw,820px);aspect-ratio:1;right:-12%;top:-30%;background:radial-gradient(circle,rgba(138,141,252,.38),rgba(138,141,252,0) 62%)}
.q-glow.g2{width:min(40vw,560px);aspect-ratio:1;left:-14%;bottom:-40%;background:radial-gradient(circle,rgba(88,52,245,.16),rgba(88,52,245,0) 65%)}
.q-hexgrid{position:absolute;inset:0;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16Z M28 64v33' fill='none' stroke='%23E5E0FA' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(70% 80% at 80% 20%,#000,transparent 70%);mask-image:radial-gradient(70% 80% at 80% 20%,#000,transparent 70%)}
.q-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--q-sh-lg),0 0 0 1px rgba(13,6,26,.06);font-size:13px;line-height:17px;white-space:nowrap;transition:translate 400ms var(--e-reveal)}
.q-chip > span:not(.q-av):not(.q-ok):not(.q-chip-ic){display:flex;flex-direction:column}
.q-chip b{font-weight:600}
.q-chip em{font-style:normal;color:var(--pc-muted);font-size:12px}
.q-chip-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--q-grad);color:#fff;flex-shrink:0}
.q-ok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pc-success);color:#fff;margin-left:4px}
.q-win{position:relative;background:#fff;border-radius:18px;box-shadow:var(--q-sh-lg),0 0 0 1px rgba(13,6,26,.07);overflow:hidden}
.q-win-bar{display:flex;align-items:center;gap:14px;height:40px;padding:0 16px;background:linear-gradient(#FBFAFF,#F4F2FC);border-bottom:1px solid var(--pc-line);font-size:12.5px;color:var(--pc-ink);font-weight:500;min-width:0}
.q-win-u{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-win-u em{font-style:normal;color:var(--pc-muted);font-weight:400}
.q-dots{display:flex;gap:6px;flex-shrink:0}
.q-dots i{width:10px;height:10px;border-radius:50%;background:#E2E0EA}
.q-dots i:first-child{background:#F3625D}.q-dots i:nth-child(2){background:#F6C04E}.q-dots i:nth-child(3){background:#3BC57E}
.q-win-b{padding:clamp(14px,1.8vw,24px)}
@keyframes qfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes qpulse{0%{box-shadow:0 0 0 0 rgba(88,52,245,.5)}100%{box-shadow:0 0 0 10px rgba(88,52,245,0)}}
@keyframes qmq{to{transform:translateX(-50%)}}
@keyframes qin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.q-rv{opacity:0;transform:translateY(16px)}
.q-rv.q-in{opacity:1;transform:none;transition:opacity 600ms var(--e-reveal) var(--qd,0ms),transform 700ms var(--e-reveal) var(--qd,0ms)}

/* ---------- mega menus: a floating card, two levels of type, a photo feature ---------- */
.q-mm{background:transparent!important;box-shadow:none!important;padding-top:6px;pointer-events:none}
.q-mm.on{pointer-events:auto}
.q-mm-card{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;padding:12px;border-radius:22px;background:#fff;box-shadow:0 30px 80px -28px rgba(13,6,26,.35),0 0 0 1px rgba(13,6,26,.06)}
.q-c1 .q-mm-card{grid-template-columns:minmax(0,340px) 460px;width:max-content;max-width:100%;margin-left:auto;margin-right:clamp(0px,12vw,240px)}
.q-c2 .q-mm-card{grid-template-columns:minmax(0,1fr) 360px}
.q-mm .mm-cols{display:grid;grid-template-columns:repeat(var(--mm-c,2),minmax(0,1fr));column-gap:8px;padding:20px 12px 12px}
.q-mm .mm-gh{padding:0 12px 10px;margin:0 0 6px;border:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted)}
.q-mm .mm-a{grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center;padding:10px 12px;border-radius:14px}
.q-mm .mm-a:hover,.q-mm .mm-a:focus-visible{background:#F7F6FD}
.q-mm .mm-a b{font-size:15px;line-height:20px;font-weight:600}
.q-mm .mm-a > span > span{font-size:13px;line-height:18px;margin-top:2px}
.q-feat{grid-column:auto!important;padding:0!important;background:none!important;display:block!important}
.q-feat-c{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:var(--q-night);color:#fff;transition:transform var(--d-base) var(--e-std)}
.q-feat-c:hover{transform:translateY(-2px)}
.q-feat-v{position:relative;display:block;height:200px;overflow:hidden}
.q-feat-ph{position:absolute;inset:0}
.q-feat-v::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,6,26,0) 30%,rgba(13,6,26,.85) 100%)}
.q-feat-cv .cv,.q-feat-cv svg{display:block;width:100%;height:100%}
.q-feat-t{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.q-feat-t h4{font-size:18px;line-height:24px;color:#fff}
.q-feat-t p,.q-feat-m{font-size:14px;line-height:20px;color:#CFCBE0}
.q-feat-k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A8DFC}
.q-feat-t .lnk{color:#B9BBFF;margin-top:4px}
.q-fc{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:#fff;color:var(--pc-ink);box-shadow:var(--q-sh-lg);font-size:12px}
.q-fc b{font-size:14px;line-height:18px}
.q-fc-r{display:flex;justify-content:space-between;align-items:center;color:var(--pc-muted)}
.q-fc-ref{display:flex;align-items:center;gap:6px;color:var(--pc-purple);font-weight:500}
.q-fc-t{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.q-fc-t .q-fc-ref{color:var(--pc-muted);margin-left:auto}
.q-fc-d{flex-direction:row;align-items:center;gap:10px}
.q-fc-d > span:last-child{display:flex;flex-direction:column}
.mm-scrim{background:rgba(13,6,26,.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}

/* ---------- hero ---------- */
.q-hero{position:relative;padding-block:clamp(40px,5vw,72px) clamp(56px,6vw,88px);background:linear-gradient(180deg,#FBFAFF 0%,#fff 70%)}
.q-hero .wrap{position:relative;z-index:1}
.q-hero-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;align-items:center}
.q-hero-t{grid-column:1 / span 5;gap:26px}
.q-hero h1{font-size:clamp(42px,5vw,76px);line-height:1.02}
.q-trust{display:flex;align-items:center;gap:14px;font-size:14px;line-height:20px;color:var(--pc-muted);padding-top:8px}
.q-trust b{color:var(--pc-ink);font-weight:600}
.q-glowbtn{box-shadow:0 14px 30px -12px rgba(88,52,245,.75)}
.q-hero-v{grid-column:6 / span 7;position:relative;min-height:660px;min-width:0}
.q-hp{position:absolute;right:0;top:0;width:54%;height:92%;border-radius:28px;overflow:hidden;box-shadow:var(--q-sh-lg)}
.q-hp-img{position:absolute;inset:0;background-position:62% 50%}
.q-hp-sh{position:absolute;inset:0;background:linear-gradient(200deg,rgba(88,52,245,0) 40%,rgba(70,21,208,.55) 100%)}
.q-hp-tag{position:absolute;left:14px;right:14px;top:14px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:rgba(13,6,26,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-hero .q-win{position:absolute;left:0;top:14%;width:70%;z-index:3;transition:translate 400ms var(--e-reveal)}
.q-hero .q-win-b{padding:16px 18px 6px}
.q-hero .ev-steps{margin-bottom:10px;font-size:14px}
.q-hero .p1-slot{aspect-ratio:1.55/1}
.q-chip-a{right:2%;top:-2%;animation:qfloat 7s ease-in-out infinite}
.q-chip-b{right:3%;bottom:2%;animation:qfloat 8s ease-in-out -3s infinite}
.q-hp{transition:translate 400ms var(--e-reveal)}
@media (max-width:1180px){.q-hero-t{grid-column:1 / -1;max-width:720px}.q-hero-v{grid-column:1 / -1}}
@media (max-width:760px){.q-hero-v{min-height:0;display:flex;flex-direction:column}.q-hp{position:relative;width:100%;height:200px;border-radius:20px}.q-hero .q-win{position:relative;width:100%;margin-top:-56px;left:auto;bottom:auto}.q-chip-a{top:12px;left:auto;right:12px;animation:none}.q-chip-b{display:none}.q-hero .p1-slot{aspect-ratio:auto}}
@media (prefers-reduced-motion:reduce){.q-chip,.q-hero .q-win,.q-hp{animation:none!important}}

/* ---------- framework marquee ---------- */
.q-mq{padding-block:28px 36px;border-block:1px solid var(--pc-line);background:#fff}
.q-mq-h{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px}
.q-mq-t{font-family:var(--f-sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted)}
.q-mq-p{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:500;color:var(--pc-muted);box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-mq-p:hover{color:var(--pc-ink)}
.q-mq-v{display:flex;flex-direction:column;gap:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.q-mq-tr{display:flex;width:max-content;animation:qmq 46s linear infinite}
.q-mq-row.r .q-mq-tr{animation-direction:reverse;animation-duration:54s}
.q-mq-tr ul{display:flex;gap:14px;padding-right:14px}
.q-mq:hover .q-mq-tr,.q-mq.paused .q-mq-tr{animation-play-state:paused}
.q-lg{display:flex;align-items:center;gap:12px;height:64px;padding:0 22px 0 14px;border-radius:16px;background:linear-gradient(180deg,#fff,#FAF9FF);box-shadow:inset 0 0 0 1px var(--pc-line),0 6px 16px -12px rgba(46,22,140,.35);white-space:nowrap;font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--pc-ink)}
.q-lg .fwb{width:40px;height:40px}
.q-mq.still .q-mq-tr{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
.q-mq.still .q-mq-tr ul[aria-hidden],.q-mq.still .q-mq-row.r{display:none}
.q-mq.still .q-mq-tr ul{flex-wrap:wrap;justify-content:center;padding:0 16px}
.q-mq.still .q-mq-v{-webkit-mask-image:none;mask-image:none}

/* facts strip on the violet night */
.band.ink.q-facts{background:var(--q-night)}

/* ---------- the value, scroll-driven ---------- */
.q-val{--p:0;position:relative;height:230vh;background:linear-gradient(180deg,#fff,#F7F6FD)}
.q-val-st{position:sticky;top:var(--hd-h);min-height:calc(100vh - var(--hd-h));display:flex;align-items:center;padding-block:48px}
.q-val-st > .wrap{display:flex;flex-direction:column;gap:clamp(24px,3.2vw,40px)}
.q-val-h{display:flex;flex-direction:column;gap:12px}
.q-val-h h2{font-size:clamp(28px,2.6vw,38px);line-height:1.1;color:var(--pc-ink)}
.q-val-c{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;font-size:16px;color:var(--pc-muted)}
.q-val-n{display:inline-flex;align-items:baseline;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-val-n b{font:600 22px/1 var(--f-display);color:var(--pc-ink);min-width:2.2ch;text-align:right}
.q-val-arr,.q-val-one{opacity:0;transform:translateX(-8px);transition:opacity 400ms,transform 500ms var(--e-reveal)}
.q-val-one{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--pc-tint-100);color:var(--pc-purple);font-weight:500;box-shadow:inset 0 0 0 1px var(--pc-tint-200)}
.q-val.s1 .q-val-arr,.q-val.s1 .q-val-one{opacity:1;transform:none}
.q-vb{display:flex;gap:clamp(8px,1.4vw,20px);height:88px;align-items:stretch}
.q-vb-g{display:flex;flex-direction:column;gap:8px;min-width:0}
.q-vb-bars{flex:1;display:flex;gap:1px;align-items:stretch}
.q-vb-bars i{flex:1;min-width:1px;border-radius:1px;background:#C9C6D6;opacity:max(.06,calc(1 - (var(--p) - .1) * 2.6 * (.35 + var(--o,.5))));transition:opacity 120ms linear}
.q-vb-bars i.hit{background:var(--pc-purple);opacity:1;flex:0 0 4px;border-radius:2px;position:relative;box-shadow:0 0 0 calc(var(--p) * 6px) rgba(88,52,245,.18),0 0 calc(var(--p) * 28px) rgba(88,52,245,.6);transform:scaleY(calc(1 + var(--p) * .25))}
.q-vb-l{font-size:12px;color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:calc(1 - var(--p) * 1.4)}
.q-val-v{font-family:var(--f-display);font-weight:600;font-size:clamp(30px,4.4vw,64px);line-height:1.08;letter-spacing:-.025em;max-width:20ch;color:color-mix(in oklab,var(--pc-ink) calc(28% + var(--p) * 72%),#fff)}
.q-mk{color:var(--pc-purple);background:linear-gradient(var(--pc-tint-200),var(--pc-tint-200)) no-repeat 0 88% / calc(clamp(0, (var(--p) - .5) / .22, 1) * 100%) 42%;padding:0 .06em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.q-val.s3 .q-mk > span{text-shadow:0 0 28px rgba(138,141,252,.45)}
.q-val-proof{display:flex;flex-wrap:wrap;gap:10px;opacity:0;transform:translateY(10px);transition:opacity 500ms,transform 600ms var(--e-reveal)}
.q-val.s3 .q-val-proof{opacity:1;transform:none}
.q-vp{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:12px;background:#fff;box-shadow:var(--q-sh),0 0 0 1px var(--pc-line);font-size:14px}
.q-vp b{font-weight:600}.q-vp em{font-style:normal;color:var(--pc-muted)}
.q-vp-ref{padding-left:14px;color:var(--pc-purple);font-weight:500}
.q-val.flat{height:auto}
.q-val.flat .q-val-st{position:static;min-height:0;padding-block:clamp(56px,7vw,96px)}
.q-pains{padding-block:0 clamp(48px,6vw,80px);background:#F7F6FD;border-top:0!important}
.q-pts{margin-top:0;padding-top:28px;border-top:1px solid var(--pc-line)}
.q-pts .pb-pt{align-items:center}

/* ---------- Read / Decide / Act ---------- */
.q-rda .rda-top{align-items:center}
.q-big{position:relative;display:block;width:84px;height:84px;flex-shrink:0;filter:drop-shadow(0 18px 24px rgba(70,21,208,.32));transition:transform 500ms var(--e-reveal)}
.q-big svg{width:100%;height:100%;display:block}
.q-big-n{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--pc-ink);font-size:12px;font-weight:600;box-shadow:0 2px 8px rgba(13,6,26,.18)}
.q-rda .rda-n:hover .q-big,.q-rda .rda-n.on .q-big{transform:translateY(-4px) rotate(-3deg)}
.q-rda .rda-n{gap:18px}
.q-vgw{display:block;margin-top:4px}
.q-rda .rda-tx b{font-size:26px}

/* ---------- Read: the running reader ---------- */
.q-live{border-radius:24px;background:#fff;box-shadow:var(--q-sh-lg),0 0 0 1px var(--pc-line);overflow:hidden}
.q-live-bar{position:relative;display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--pc-line);font-size:14px;background:linear-gradient(#fff,#FBFAFF)}
.q-live-bar b{font-weight:600}
.q-live-s{color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-live-dot{width:10px;height:10px;border-radius:50%;background:var(--pc-purple);animation:qpulse 1.6s ease-out infinite;flex-shrink:0}
.q-live-pr{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}
.q-live-pr i{display:block;height:100%;width:0;background:var(--q-grad);border-radius:0 3px 3px 0;transition:width 900ms var(--e-reveal)}
.q-dx{border-radius:0;box-shadow:none;background:#F7F6FD}
.q-dx .p2r-doc{border-top:3px solid var(--dc);padding-top:14px;gap:10px}
.q-dx .p2r-di{clip-path:none;border-radius:10px;width:34px;height:34px;background:color-mix(in oklab,var(--dc) 12%,#fff);color:var(--dc)}
.q-dx .p2r-doc[aria-pressed="true"]{background:#0D061A;border-top-color:var(--dc);box-shadow:0 24px 40px -20px rgba(13,6,26,.6),0 0 0 1px #0D061A}
.q-dx .p2r-doc[aria-pressed="true"] .p2r-di{background:color-mix(in oklab,var(--dc) 30%,#0D061A);color:#fff}
.q-dh-t{display:flex;flex-direction:column;min-width:0}
.q-dh-k{font-size:12px;line-height:16px;color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-dh-rf{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted)}
.p2r-doc[aria-pressed="true"] .q-dh-k,.p2r-doc[aria-pressed="true"] .q-dh-rf{color:var(--pc-ink-muted)}
.q-dx .p2r-page{border-radius:14px}
.q-dx .p2r-scan{height:3px!important;background:linear-gradient(90deg,transparent,var(--pc-purple),transparent)!important;box-shadow:0 0 18px 6px rgba(88,52,245,.25)}

/* ---------- Decide: three visual steps ---------- */
.q-dc{--s:0;display:flex;flex-direction:column;gap:22px;padding:clamp(16px,2.4vw,28px);border-radius:24px;background:#fff;box-shadow:var(--q-sh-lg),0 0 0 1px var(--pc-line)}
.q-dc-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.q-dc-f{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}
.q-dc-f b{font:600 18px/24px var(--f-display);letter-spacing:-.01em}
.q-dc-f > span:last-child{color:var(--pc-muted)}
.q-dc-rail{position:relative;display:flex;gap:clamp(16px,3vw,48px);font-size:13px;color:var(--pc-muted);padding-bottom:10px}
.q-dc-rail li{display:flex;align-items:center;gap:8px;position:relative;z-index:1;transition:color 300ms}
.q-dc-rail li.on{color:var(--pc-ink);font-weight:500}
.q-dc-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pc-band);color:var(--pc-muted);font-size:12px;font-weight:600;transition:background 300ms,color 300ms}
.q-dc-rail li.on .q-dc-dot{background:var(--pc-purple);color:#fff}
.q-dc-prog{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--pc-band)}
.q-dc-prog i{display:block;height:100%;width:calc((var(--s) + 1) / 3 * 100%);border-radius:3px;background:var(--q-grad);transition:width 700ms var(--e-reveal)}
.q-dc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:x}
.q-dcs{position:relative;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:18px;background:#F7F6FD;box-shadow:inset 0 0 0 1px var(--pc-line);transition:background 400ms,box-shadow 400ms,transform 500ms var(--e-reveal),opacity 400ms}
.q-dcs:not(.on):not(.done){opacity:.62}
.q-dcs.on{background:#fff;box-shadow:inset 0 0 0 2px var(--pc-purple),0 24px 40px -24px rgba(88,52,245,.55);transform:translateY(-4px);opacity:1}
.q-dcs.done{background:#fff}
.q-dcs-b{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}
.q-dcs-top{display:flex;align-items:center;justify-content:space-between;width:100%}
.q-dcs-n{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted)}
.q-dcs.on .q-dcs-n{color:var(--pc-purple)}
.q-dcs-b b{font:600 19px/25px var(--f-display);letter-spacing:-.01em}
.q-dcs-p{font-size:14px;line-height:21px;color:var(--pc-muted)}
.q-dv{border-radius:14px;background:#fff;box-shadow:var(--q-sh),0 0 0 1px var(--pc-line);padding:14px;font-size:13px;display:flex;flex-direction:column;gap:8px;min-height:170px}
.q-dcs:not(.on) .q-dv{filter:saturate(.4)}
.q-dv-doc .dx-p{font-size:12.5px;line-height:18px}
.q-pin{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:4px 10px;border-radius:999px;background:var(--pc-tint-100);color:var(--pc-purple);font-weight:500;font-size:12px}
.q-ev-r{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:10px;padding:6px 0;border-bottom:1px dashed var(--pc-line)}
.q-ev-r:last-child{border:0}
.q-ev-r b{font-weight:600}
.q-ev-r > span:last-child:not(.ring){grid-column:2;color:var(--pc-muted);font-size:12px}
.q-ev-k{grid-row:span 2;font-size:12px;color:var(--pc-muted)}
.q-ev-c{align-items:center}
.q-dcs.on .q-ev-r{animation:qin 500ms var(--e-reveal) both}
.q-dcs.on .q-ev-r:nth-child(2){animation-delay:250ms}.q-dcs.on .q-ev-r:nth-child(3){animation-delay:500ms}
.q-sv{display:flex;align-items:center;gap:8px;color:var(--pc-muted)}
.q-sv-a{transition:opacity 400ms}
.q-dcs.on .q-sv-a,.q-dcs.done .q-sv-a{opacity:.45;text-decoration:line-through}
.q-sv-b{opacity:.25;transition:opacity 400ms 300ms,transform 400ms 300ms;transform:scale(.9)}
.q-dcs.on .q-sv-b,.q-dcs.done .q-sv-b{opacity:1;transform:none}
.q-dec{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;background:#F7F6FD}
.q-dec .q-av{width:34px;height:34px}
.q-dec > div{display:flex;flex-direction:column;gap:2px}
.q-dec span{color:var(--pc-doc-text)}
.q-rec{display:flex;align-items:center;gap:6px;margin-top:auto;font-size:12px;color:var(--pc-success);font-weight:500}
@media (max-width:960px){.q-dc-steps{grid-template-columns:1fr}.q-dcs:not(.on):not(.done){opacity:1}.q-dc-rail{display:none}}

/* ---------- Act: a moving board on the night band ---------- */
.band.ink.q-actb{background:var(--q-night)}
.q-act{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px}
.q-kb,.q-pf{position:relative;border-radius:22px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);padding:18px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.q-kb-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.q-kb-t{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}
.q-kb-t em{font-style:normal;color:var(--pc-ink-muted)}
.q-kb-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#B9BBFF;font-weight:500}
.q-kb-live i{width:8px;height:8px;border-radius:50%;background:#8A8DFC;animation:qpulse 1.6s ease-out infinite}
.q-kb-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1}
.q-kcol{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:14px;background:rgba(255,255,255,.05);min-height:300px}
.q-kcol-h{display:flex;align-items:center;gap:8px;padding:2px 4px;font-size:13px;color:#CFCBE0}
.q-kcol-h b{font-weight:500;color:#fff}
.q-kcol-h span{margin-left:auto;display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px}
.q-kcol[data-col="done"] .q-kcol-h .ic{color:#4ADE9A}
.q-kcol[data-col="jira"] .q-kcol-h .ic{color:#8A8DFC}
.q-kcol-b{display:flex;flex-direction:column;gap:10px}
.q-kc{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#fff;color:var(--pc-ink);box-shadow:0 12px 24px -14px rgba(0,0,0,.6);font-size:13px;line-height:18px;will-change:transform}
.q-kc b{font-weight:600;font-size:14px;line-height:19px}
.q-kc.moved{box-shadow:0 0 0 2px #8A8DFC,0 18px 30px -12px rgba(88,52,245,.8)}
.q-kc-r{display:flex;align-items:center;justify-content:space-between;gap:8px}
.q-kc-key{font-size:12px;font-weight:600;color:var(--pc-purple)}
.q-kc-f{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--pc-muted);font-size:12px}
.q-kc-ev{display:inline-flex;align-items:center;gap:5px}
.q-kc .q-av{width:24px;height:24px}
.q-kcol[data-col="done"] .q-kc{background:#F2FBF6}
.q-toast{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 36px);padding:10px 14px 10px 10px;border-radius:14px;background:#fff;color:var(--pc-ink);box-shadow:0 24px 48px -16px rgba(0,0,0,.6);font-size:13px;opacity:0;transform:translateY(14px) scale(.98);pointer-events:none}
.q-toast.on{animation:qtoast 2300ms var(--e-reveal) both}
@keyframes qtoast{0%{opacity:0;transform:translateY(14px) scale(.98)}12%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
.q-toast > span:last-child{display:flex;flex-direction:column}
.q-toast em{font-style:normal;color:var(--pc-muted);font-size:12px}
.q-toast-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--q-grad);color:#fff;flex-shrink:0}
.q-pf-l{display:flex;flex-direction:column;gap:4px}
.q-pf-l li{display:grid;grid-template-columns:minmax(0,1fr) 90px 30px 34px;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;font-size:13px;color:#CFCBE0;transition:background 400ms}
.q-pf-l li b{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-pf-l li.me{background:rgba(138,141,252,.12);box-shadow:inset 0 0 0 1px rgba(138,141,252,.35)}
.q-pf-tr{height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.q-pf-tr i{display:block;height:100%;width:var(--w);border-radius:6px;background:#8A8DFC;transition:width 900ms var(--e-reveal)}
.q-pf-tr i.l4{background:#F3625D}.q-pf-tr i.l3{background:#F59E66}.q-pf-tr i.l2{background:#F6C04E}.q-pf-tr i.l1{background:#8A8DFC}
.q-pf-s{text-align:right;color:#fff;font-weight:600}
.q-pf-d{font-size:11px;font-weight:600;color:#0D061A;background:#4ADE9A;border-radius:999px;padding:2px 6px;text-align:center;opacity:0;transform:scale(.6);transition:opacity 300ms,transform 400ms var(--e-reveal)}
.q-pf-d.on{opacity:1;transform:none}
.q-pf-ft{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:12px;color:var(--pc-ink-muted)}
@media (max-width:1100px){.q-act{grid-template-columns:1fr}}
@media (max-width:640px){.q-kb-cols{grid-template-columns:1fr}.q-kcol{min-height:0}.q-pf-l li{grid-template-columns:minmax(0,1fr) 60px 26px 34px}}

/* ---------- handoffs: in sequence vs. in parallel ---------- */
.q-hand{--lw:180px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:clamp(16px,2.6vw,32px);border-radius:26px;background:#fff;box-shadow:var(--q-sh-lg),0 0 0 1px var(--pc-line);margin-bottom:clamp(48px,6vw,80px)}
.q-hand-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.q-tg{margin:0}
.q-hand-ax{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--pc-muted)}
.q-hand-g{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:24px;align-items:stretch}
.q-gantt{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:#F7F6FD;box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-hub{align-self:flex-start;margin-left:var(--lw);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--q-grad);color:#fff;font-size:13px;box-shadow:0 12px 24px -12px rgba(88,52,245,.8);transition:opacity 500ms,transform 600ms var(--e-reveal)}
.q-hub em{font-style:normal;opacity:.75}
[data-mode="wo"] .q-hub{opacity:.0;transform:translateY(-6px)}
.q-lns{display:flex;flex-direction:column;gap:12px}
.q-ln{display:grid;grid-template-columns:var(--lw) minmax(0,1fr);align-items:center}
.q-ln-t{display:flex;align-items:center;gap:10px;font-size:14px}
.q-ln-t b{font-weight:600}
.q-ln-t .q-ic{width:36px;height:36px;border-radius:11px}
.q-ln-t .q-ic .ic{width:17px;height:17px}
.q-ln-tr{position:relative;height:44px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-ln-b{position:absolute;top:7px;bottom:7px;border-radius:8px;background:var(--q-grad);box-shadow:0 8px 16px -8px rgba(88,52,245,.7);transition:left 900ms var(--e-reveal) calc(var(--i) * 90ms),width 900ms var(--e-reveal) calc(var(--i) * 90ms),background 500ms}
[data-mode="wo"] .q-ln-b{left:calc(var(--i) * 25% + 1%);width:23%;background:linear-gradient(135deg,#B7B3C8,#8F8AA3);box-shadow:none}
[data-mode="w"] .q-ln-b{left:1%;width:31%}
.q-ho{position:absolute;top:50%;left:calc((var(--i) + 1) * 25% + .5%);transform:translate(0,-50%);z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#fff;color:var(--pc-danger-ink,#7E141B);font-size:12px;white-space:nowrap;box-shadow:0 6px 14px -6px rgba(13,6,26,.3),inset 0 0 0 1px #F7C9CC;transition:opacity 400ms,transform 500ms var(--e-reveal)}
.q-ho em{font-style:normal}
[data-mode="w"] .q-ho{opacity:0;transform:translate(0,-50%) scale(.8)}
.q-saved{position:absolute;top:72px;bottom:18px;left:calc(18px + var(--lw) + (100% - 36px - var(--lw)) * .33);right:18px;border-radius:12px;background:repeating-linear-gradient(135deg,rgba(0,163,101,.08) 0 8px,rgba(0,163,101,.02) 8px 16px);box-shadow:inset 0 0 0 1.5px rgba(0,163,101,.35);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 500ms 500ms;pointer-events:none}
.q-saved b{padding:6px 14px;border-radius:999px;background:var(--pc-success);color:#fff;font-size:13px;box-shadow:0 10px 20px -10px rgba(0,163,101,.8)}
[data-mode="w"] .q-saved{opacity:1}
.q-hand-s{display:flex;flex-direction:column;gap:12px}
.q-st{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px 20px;border-radius:16px;background:#F7F6FD;box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-st b{font:600 40px/1 var(--f-display);letter-spacing:-.03em;background:var(--q-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.q-st span{font-size:14px;line-height:20px;color:var(--pc-muted)}
.q-hand-ph{position:relative;height:clamp(200px,22vw,300px);border-radius:20px;overflow:hidden}
.q-hand-img{position:absolute;inset:0;background-position:60% 35%}
.q-hand-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,6,26,.7),rgba(13,6,26,0) 60%)}
.q-hand-cap{position:absolute;z-index:1;left:22px;bottom:22px;max-width:min(440px,calc(100% - 44px));display:flex;gap:12px;align-items:flex-start;color:#fff;font-size:15px;line-height:22px}
.q-hand-cap .ic{flex-shrink:0;margin-top:3px;color:#B9BBFF}
.q-hand-cap b{font-weight:600}
.q-hand-note{font-size:12px;color:var(--pc-muted);margin-top:-8px}
.q-au-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.q-au-head h3{font-size:24px}
.q-au-head .au-tabs{margin:0}
@media (max-width:960px){.q-hand-g{grid-template-columns:1fr}.q-hand-s{flex-direction:row;flex-wrap:wrap}.q-st{flex:1 1 160px}}
@media (max-width:640px){.q-hand{--lw:44px}.q-ln-t b{display:none}.q-hub{margin-left:0}.q-ho em{display:none}.q-saved b{font-size:11px;padding:4px 8px}}

/* audience cards with a picture */
.q-aug{grid-auto-rows:auto}
.q-au{padding:0!important;gap:0!important;overflow:hidden}
.q-au-v{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0D061A}
.q-au-ph{position:absolute;inset:0;transition:transform 700ms var(--e-reveal)}
.q-au:hover .q-au-ph{transform:scale(1.04)}
.q-au-v::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,6,26,0) 50%,rgba(13,6,26,.45))}
.q-au-ic{position:absolute;z-index:1;left:14px;bottom:-0px;transform:translateY(50%)}
.q-au-ic .q-ic{background:#fff}
.q-au-t{display:flex;flex-direction:column;gap:8px;padding:30px 20px 20px;flex:1}
.q-au-t .lnk{margin-top:auto}
.q-mfg{position:absolute;inset:0;display:block}
.q-mfg svg{width:100%;height:100%;display:block}
@media (max-width:1100px){.au-g.q-aug{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.au-g.q-aug{grid-template-columns:1fr}}

/* ---------- security: cards, plus one with the person ---------- */
.q-sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px}
.q-sec-f{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;border-radius:22px;overflow:hidden;background:#0D061A;color:#fff;padding:24px}
.q-sec-ph{position:absolute;inset:0;background-position:50% 20%}
.q-sec-f::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,6,26,.1) 0%,rgba(13,6,26,.55) 45%,rgba(13,6,26,.95) 100%);z-index:1}
.q-sec-fc{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:#fff;color:var(--pc-ink);box-shadow:var(--q-sh-lg);font-size:13px;margin-bottom:18px}
.q-sec-k{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted);margin-bottom:6px}
.q-sec-r{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:6px 0;border-top:1px solid var(--pc-line)}
.q-sec-r em{font-style:normal;color:var(--pc-muted)}
.q-sec-r > span{display:flex;flex-direction:column}
.q-sec-r b{font-weight:600}
.q-sec-r > span > span{color:var(--pc-muted);font-size:12px}
.q-sec-ft{position:relative;z-index:2;font-size:15px;line-height:22px;color:#CFCBE0}
.q-sec-ft b{display:block;font:600 22px/28px var(--f-display);color:#fff;letter-spacing:-.01em;margin-bottom:4px}
.q-sec-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.q-sc{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:#fff;box-shadow:var(--q-sh),0 0 0 1px var(--pc-line);transition:transform 400ms var(--e-reveal),box-shadow 300ms}
.q-sc:hover{transform:translateY(-3px);box-shadow:var(--q-sh-lg),0 0 0 1px var(--pc-tint-200)}
.q-sc h3{font-size:17px;line-height:23px;margin-top:6px}
.q-sc p{font-size:14px;line-height:21px;color:var(--pc-muted);flex:1}
.q-sc-ft{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px;border-radius:999px;background:#EAF8F1;color:#00744A;font-size:12px;font-weight:500}
@media (max-width:1100px){.q-sec{grid-template-columns:1fr}.q-sec-f{min-height:420px}}
@media (max-width:760px){.q-sec-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.q-sec-g{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.q-faq{background:linear-gradient(180deg,#fff,#F7F6FD)}
.q-faq-h{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:720px;margin:0 auto clamp(36px,4vw,56px)}
.q-faq-h h2{font-size:clamp(32px,3.6vw,52px);line-height:1.05}
.q-faq-h p{font-size:18px;line-height:28px;color:var(--pc-muted)}
.q-faq-g{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px;align-items:start}
.q-fq .fq-i{border:0;margin-bottom:12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);transition:box-shadow 300ms}
.q-fq .fq-i:has(.fq-q[aria-expanded="true"]){box-shadow:var(--q-sh-lg),inset 0 0 0 1.5px var(--pc-tint-200)}
.q-fq .fq-q{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:12px;width:100%;padding:18px 20px;text-align:left;font:600 18px/25px var(--f-display);letter-spacing:-.01em}
.q-fq-n{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#F7F6FD;color:var(--pc-muted);font:600 13px/1 var(--f-sans);transition:background 300ms,color 300ms}
.q-fq .fq-q[aria-expanded="true"] .q-fq-n{background:var(--q-grad);color:#fff}
.q-fq .fq-pm{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#F7F6FD;transition:transform 300ms var(--e-std),background 300ms}
.q-fq .fq-q[aria-expanded="true"] .fq-pm{transform:rotate(45deg);background:var(--pc-ink);color:#fff}
.q-fq .fq-a p{padding:0 72px 22px 76px}
.q-ask{position:sticky;top:calc(var(--hd-h) + 24px);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--q-sh-lg),0 0 0 1px var(--pc-line)}
.q-ask-ph{height:180px;background-position:50% 30%}
.q-ask-b{display:flex;flex-direction:column;gap:12px;padding:20px 22px 24px}
.q-ask-b .q-avs{margin-top:-40px}
.q-ask-b .q-av{width:44px;height:44px;box-shadow:0 0 0 3px #fff}
.q-ask-b h3{font-size:22px;line-height:28px}
.q-ask-b p{font-size:15px;line-height:23px;color:var(--pc-muted)}
@media (max-width:960px){.q-faq-g{grid-template-columns:1fr}.q-ask{position:static}.q-fq .fq-a p{padding:0 20px 20px}}
@media (max-width:560px){.q-fq .fq-q{grid-template-columns:minmax(0,1fr) 32px;font-size:16px;line-height:22px;padding:16px}.q-fq-n{display:none}}

/* ---------- closing CTA ---------- */
.q-cta{padding-block:clamp(48px,6vw,96px);background:#fff}
.q-cta-c{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,5vw,72px);border-radius:32px;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(90% 120% at 100% 0%,#6B62F9 0%,rgba(88,52,245,.7) 30%,rgba(13,6,26,0) 70%),radial-gradient(70% 90% at 0% 100%,rgba(138,141,252,.35),rgba(13,6,26,0) 60%),#120A25;box-shadow:0 40px 100px -40px rgba(70,21,208,.7)}
.q-cta-g{position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16Z M28 64v33' fill='none' stroke='%23ffffff' stroke-opacity='.06' stroke-width='1'/%3E%3C/svg%3E")}
.q-cta-hx{position:absolute;z-index:-1;right:-6%;bottom:-30%;width:46%;fill:none;stroke:rgba(255,255,255,.12);stroke-width:1}
.q-cta-t{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.q-cta-t h2{font-size:clamp(34px,4vw,60px);line-height:1.03;letter-spacing:-.025em}
.q-cta-t p{font-size:18px;line-height:28px;color:#D6D2EA;max-width:48ch}
.q-btn-w{background:#fff;color:var(--pc-purple-700);height:52px;padding:0 24px;font-size:16px;font-weight:600;box-shadow:0 18px 40px -14px rgba(255,255,255,.45)}
.q-btn-w:hover{background:#F4F2FC}
.q-btn-o{height:52px;padding:0 24px;font-size:16px;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.q-btn-o:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.06)}
.q-cta-ck{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:#D6D2EA}
.q-cta-ck li{display:flex;align-items:center;gap:6px}
.q-cta-ck .ic{color:#4ADE9A}
.q-cta-v{position:relative;min-height:380px}
.q-cta-ph{position:absolute;right:0;top:0;width:84%;height:78%;border-radius:22px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.q-cta-card{position:absolute;left:0;bottom:0;width:84%;display:flex;flex-direction:column;padding:14px;border-radius:16px;background:#fff;color:var(--pc-ink);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);font-size:13px;animation:qfloat 9s ease-in-out infinite}
.q-cta-ch{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--pc-line);margin-bottom:4px}
.q-cta-ch em{font-style:normal;color:var(--pc-muted);font-size:12px}
.q-cta-r{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--pc-line)}
.q-cta-r:last-child{border:0}
.q-cta-r em{font-style:normal;color:var(--pc-muted);font-size:12px}
.q-cta-r b{font-weight:600}
.q-cta-chip{left:12%;top:4%;animation:qfloat 7s ease-in-out -2s infinite}
@media (max-width:960px){.q-cta-c{grid-template-columns:1fr}.q-cta-v{min-height:320px}}
@media (max-width:480px){.q-cta-chip{display:none}.q-cta-card{width:100%}}
@media (prefers-reduced-motion:reduce){.q-cta-card,.q-cta-chip{animation:none}}

/* ---------- sub-page template ---------- */
.q-pg{position:relative;overflow:hidden;background:linear-gradient(180deg,#FBFAFF,#fff 80%)}
.q-pg > .wrap{position:relative;z-index:1}
.q-pg .pg-t{gap:22px}
.q-ps{position:relative;min-height:560px}
.q-ps-ph{position:absolute;right:0;top:0;width:76%;height:84%;border-radius:26px;overflow:hidden;box-shadow:var(--q-sh-lg);background:#0D061A}
.q-ps-img{position:absolute;inset:0}
.q-ps-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(13,6,26,0) 45%,rgba(70,21,208,.5))}
.q-ps-tag{position:absolute;z-index:2;left:16px;top:16px;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:var(--q-sh);font-size:14px}
.q-ps-tag .q-ic{width:34px;height:34px;border-radius:10px}
.q-ps-tag .q-ic .ic{width:17px;height:17px}
.q-ps-tag b{font-weight:600}
.q-ps-sc{position:absolute;left:0;bottom:0;width:60%;z-index:3}
.q-ps-sc .p3-st{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--q-sh-lg),0 0 0 1px rgba(13,6,26,.06);border-radius:22px}
@media (max-width:960px){.q-ps{min-height:0;display:flex;flex-direction:column}.q-ps-ph{position:relative;width:100%;height:240px}.q-ps-sc{position:relative;width:100%;margin-top:-48px}}
.q-stage{position:relative;padding:clamp(14px,2vw,26px);border-radius:28px;background:linear-gradient(160deg,#F4F2FC,#E9E5FC);box-shadow:inset 0 0 0 1px var(--pc-tint-200);overflow:hidden;isolation:isolate}
.q-stage .q-glow.g1{right:-30%;top:-40%;width:80%;z-index:-1}
.q-stage .mv{box-shadow:none}
.q-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.q-stp{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:22px;background:#fff;box-shadow:var(--q-sh),0 0 0 1px var(--pc-line)}
.q-stp-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.q-stp-top .q-ic{width:52px;height:52px;border-radius:15px}
.q-stp-top .q-ic .ic{width:24px;height:24px}
.q-stp-n{font:600 30px/1 var(--f-display);color:var(--pc-tint-200)}
.q-stp b{font:600 20px/26px var(--f-display);letter-spacing:-.01em}
.q-stp > span:not(.q-stp-top){font-size:15px;line-height:23px;color:var(--pc-muted)}
.q-stp-c{position:absolute;right:-17px;top:50%;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pc-purple);color:#fff;box-shadow:0 0 0 5px var(--pc-band);transform:translateY(-50%)}
@media (max-width:860px){.q-steps{grid-template-columns:1fr}.q-stp-c{right:50%;top:auto;bottom:-17px;transform:translateX(50%) rotate(90deg)}}
.q-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.q-role{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;max-height:380px;border-radius:22px;overflow:hidden;background:#0D061A;color:#fff;box-shadow:var(--q-sh);transition:transform 400ms var(--e-reveal)}
.q-role:hover{transform:translateY(-3px)}
.q-role-ph{position:absolute;inset:0;transition:transform 700ms var(--e-reveal);filter:saturate(.85)}
.q-role:hover .q-role-ph{transform:scale(1.04)}
.q-role::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,6,26,0) 35%,rgba(13,6,26,.9))}
.q-role:not(.cur){opacity:.82}
.q-role:not(.cur) .q-role-ph{filter:grayscale(.7)}
.q-role-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px}
.q-role-t b{font:600 19px/24px var(--f-display)}
.q-role-on{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#4ADE9A;color:#0D061A;font-size:12px;font-weight:600}
@media (max-width:960px){.q-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.q-roles{grid-template-columns:1fr}.q-role{aspect-ratio:16/10}}
.q-col{position:relative;min-height:460px}
.q-col-a,.q-col-b{position:absolute;border-radius:24px;overflow:hidden;box-shadow:var(--q-sh-lg)}
.q-col-a{right:0;top:0;width:76%;height:62%}
.q-col-b{left:0;bottom:0;width:58%;height:46%;box-shadow:0 0 0 6px #fff,var(--q-sh-lg)}
.q-col-img{position:absolute;inset:0}
.q-col-chip{right:4%;bottom:24%}
.q-col-chip2{left:6%;top:10%}
.q-shield{position:relative;min-height:420px;display:grid;place-items:center}
.q-shield .q-glow.g1{right:auto;left:50%;top:50%;width:90%;transform:translate(-50%,-50%)}
.q-shield-s{width:min(220px,50%);filter:drop-shadow(0 30px 40px rgba(70,21,208,.4));position:relative}
.q-sh-c0{left:0;top:10%;animation:qfloat 7s ease-in-out infinite}
.q-sh-c1{right:0;top:40%;animation:qfloat 8s ease-in-out -2s infinite}
.q-sh-c2{left:6%;bottom:6%;animation:qfloat 9s ease-in-out -4s infinite}
@media (max-width:560px){.q-col{min-height:340px}.q-chip{font-size:12px}.q-sh-c1{right:-4px}}
@media (prefers-reduced-motion:reduce){.q-sh-c0,.q-sh-c1,.q-sh-c2{animation:none}}
.pg-hero.q-pg .g12{align-items:center}

.q-st [data-w]{display:none}
[data-mode="w"] .q-st [data-w]{display:inline}
[data-mode="w"] .q-st [data-wo]{display:none}
[data-mode="wo"] .q-st b{background:linear-gradient(135deg,#8F8AA3,#5E5A6E);-webkit-background-clip:text;background-clip:text}
.q-hand-ph::after{background:linear-gradient(90deg,rgba(13,6,26,.78),rgba(13,6,26,.2) 55%,rgba(13,6,26,0))}
.q-ic,.mm-a .q-ic,.mob-sub .q-ic{display:grid!important;place-items:center}
.q-mm .mm-cols{grid-column:auto!important}
.q-mm .mm-a > span:last-child{display:block}
.q-hero .q-win{overflow:visible}
.q-hero .q-win-bar{border-radius:18px 18px 0 0}
.q-hp-tag{display:none}
.q-mk{color:inherit;transition:color 500ms}
.q-val.s2 .q-mk{color:var(--pc-purple)}
.q-ps .p3-st{padding:16px}
/* the workflow nodes and scene glyphs join the squircle family */
.ba-n{clip-path:none!important;height:var(--node)!important;border-radius:16px;background:linear-gradient(160deg,#fff,#F1EEFE)!important;box-shadow:inset 0 0 0 1px rgba(88,52,245,.14),0 8px 18px -10px rgba(88,52,245,.5)}
.ba.after .ba-n{background:var(--q-grad)!important;color:#fff!important;box-shadow:0 12px 24px -12px rgba(88,52,245,.8)}
.ba.before .ba-n{background:#F1F0F4!important;color:var(--pc-muted)!important;box-shadow:inset 0 0 0 1px var(--pc-line)}
.p3-hx{clip-path:none!important;border-radius:9px;width:30px!important;height:30px!important}
.p3-wf{padding:clamp(18px,2.6vw,32px);border-radius:24px;background:#fff;box-shadow:var(--q-sh-lg),0 0 0 1px var(--pc-line)}
.q-ps-tag{left:auto;right:16px}
@media (max-width:560px){.hd-right .btn{display:none}.hd-logo svg{height:32px}}

/* ===== round 5: flat icons, clean logos, steadier layout, new photography ===== */
/* photography: portraits keep the face in frame wherever they are cropped */
.ph{background-position:50% 22%}
.ph-fin,.ph-saas{background-position:50% 50%}
.ph-mfg{background-position:78% 40%}
.ph-health{background-position:72% 30%}
.ph-team{background-position:50% 30%}
.ph-proc,.ph-comp,.ph-audit{background-position:68% 18%}
.ph-secp{background-position:62% 22%}
/* icons: flat tint tiles, one stroke weight, no glow or depth */
.q-ic{width:40px;height:40px;border-radius:10px;background:var(--pc-tint-100);box-shadow:none;overflow:visible}
.q-ic-g{display:none}
.q-ic .ic{width:19px;height:19px;stroke-width:1.75}
.q-ic.ink{background:var(--pc-ink-3);color:var(--pc-purple-400);box-shadow:inset 0 0 0 1px var(--pc-ink-line)}
.mm-a:hover .q-ic,.mob-sub:hover .q-ic{background:var(--pc-tint-200);color:var(--pc-purple);box-shadow:none}
.tile{border-radius:10px!important;background:var(--pc-tint-100)!important;box-shadow:none!important}
.ba-n{border-radius:12px;background:#fff!important;box-shadow:inset 0 0 0 1px var(--pc-line)!important}
.ba.after .ba-n{background:var(--pc-tint-100)!important;color:var(--pc-purple)!important;box-shadow:inset 0 0 0 1px var(--pc-tint-200)!important}
.ba.before .ba-n{background:var(--pc-band)!important;box-shadow:none!important}
.q-chip-ic,.q-toast-ic{background:var(--pc-purple)}
.q-hub{background:var(--pc-purple);box-shadow:none}
.q-big{width:72px;height:72px;filter:none}
.q-big-n{right:-6px;top:-6px;width:24px;height:24px;font-size:11px;box-shadow:0 0 0 1px var(--pc-line)}
.q-rda .rda-n:hover .q-big,.q-rda .rda-n.on .q-big{transform:translateY(-3px)}
.q-stp-top .q-ic{width:48px;height:48px;border-radius:12px}
.q-stp-c{box-shadow:0 0 0 4px var(--pc-band)}
.q-ln-t .q-ic{width:34px;height:34px;border-radius:9px}
.q-au-ic .q-ic{background:#fff;box-shadow:0 0 0 1px var(--pc-line)}
.q-ps-tag .q-ic{width:32px;height:32px;border-radius:8px}
.q-ln-b{background:var(--pc-purple);box-shadow:none}
.q-dc-prog i,.q-live-pr i{background:var(--pc-purple)}
.q-fq .fq-q[aria-expanded="true"] .q-fq-n{background:var(--pc-purple)}
.q-st b{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--pc-purple)}
[data-mode="wo"] .q-st b{background:none;color:var(--pc-muted)}
/* framework logos: the marks themselves, in one muted colour, no boxes or rings */
.q-mq-tr ul{gap:56px;padding-right:56px}
.q-lg{height:56px;padding:0;gap:12px;background:none;box-shadow:none;border-radius:0;color:#4B4F58;font-size:17px;font-weight:600;letter-spacing:-.01em;opacity:.82;transition:opacity 200ms,color 200ms}
.q-lg:hover{opacity:1;color:var(--pc-ink)}
.q-lg .fwb{width:34px;height:34px;color:currentColor}
.q-lg .fwb-r{display:none}
.q-lg .fwb > g{transform:scale(1)}
.q-mq-v{gap:6px}
/* hero: portrait first, product beside it, joined by thin lines */
.q-hero-v{min-height:640px}
.q-hp{left:auto;right:0;top:0;width:64%;height:100%;border-radius:28px;background:#0D061A;box-shadow:0 30px 80px -40px rgba(13,6,26,.6)}
.q-hp-img{background-position:62% 18%}
.q-hp-sh{background:linear-gradient(90deg,rgba(13,6,26,.55) 0%,rgba(13,6,26,0) 34%),linear-gradient(0deg,rgba(13,6,26,.45),rgba(13,6,26,0) 35%)}
.q-hero .q-win{top:28%;width:62%}
.q-hl{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.q-hl path{fill:none;stroke:var(--pc-purple-400);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:4 4}
.q-hl circle{fill:var(--pc-purple)}
.q-chip-a{left:3%;right:auto;top:4%;animation:none}
.q-chip-b{right:4%;bottom:4%;animation:none}
@media (max-width:760px){.q-hp{position:relative;width:100%;height:320px}.q-hl{display:none}.q-hero .q-win{width:100%;top:auto;margin-top:-80px}.q-chip-a{top:14px;left:14px}}
/* Act: fixed board heights; the toast has its own row, so nothing jumps or overlaps */
.q-kcol{height:432px;min-height:0;overflow:hidden}
.q-kb-st{position:relative;height:56px;border-radius:12px;background:rgba(255,255,255,.04);display:flex;align-items:center;padding:0 14px}
.q-kb-idle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pc-ink-muted)}
.q-toast{left:6px;right:6px;bottom:6px;top:6px;max-width:none;padding:0 12px 0 6px;border-radius:10px;box-shadow:none}
.q-toast.on{animation:qtoast2 2300ms var(--e-reveal) both}
@keyframes qtoast2{0%{opacity:0;transform:translateY(6px)}12%,82%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@media (max-width:640px){.q-kcol{height:auto;min-height:120px}}
/* value: the counter keeps its width while it counts */
.q-val-n b{min-width:3ch}
.q-val-n span{display:inline-block;min-width:8.5em}
/* reader: the desk keeps its height while findings arrive */
.q-dx .p2r-desk{min-height:480px}
.q-dx .p2r-side{min-height:420px}
/* decide: the three cards share one height */
.q-dc-steps{align-items:stretch}
.q-dcs{transform:none!important}
.q-dcs.on{box-shadow:inset 0 0 0 2px var(--pc-purple)}
.q-dv{flex:1}
/* handoffs: the lane chips sit after the bar, the stats hold their size */
.q-st{min-height:104px}
/* persona hero */
.q-ps-ph{background:#0D061A}
.q-ps-tag{left:auto;right:16px}
/* security feature photo and FAQ photo framing */
.q-sec-ph{background-position:62% 14%}
.q-ask-ph{height:200px;background-position:62% 22%}
.q-cta-ph{background-position:62% 20%}
.q-hand-img{background-position:50% 32%}
.q-au-v{aspect-ratio:4/3}
.q-hero-v{min-height:700px}
.q-hero .q-win{top:17%}
.q-c1 .q-mm-card{margin-left:0;margin-right:0}
.q-au-t{padding:18px 20px 20px}
.q-au-h{display:flex;align-items:center;gap:12px}
.q-au-h .q-ic{width:34px;height:34px;border-radius:9px}
.q-au-h .q-ic .ic{width:17px;height:17px}
.q-au-h h3{font-size:18px;line-height:23px}
.q-kcol{height:388px}
.q-cta .q-chip{color:var(--pc-ink)}
.q-sec-f{min-height:540px}
.q-sec-ph{background-position:62% 0%}
@media (max-width:640px){.q-kcol{height:auto;min-height:0}}

/* ===== round 6: balance, density and one visual language ===== */
/* rhythm: one band spacing, one header gap */
.band{padding-block:clamp(56px,6vw,96px)}
.band.tight{padding-block:clamp(48px,5vw,80px)}
.sh{margin-bottom:clamp(32px,3.4vw,52px)}
.sh h2,.q-faq-l h2,.q-val-h h2{font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.02em}
.sh .sh-p p{font-size:17px;line-height:27px}
/* one set of radii: cards 16, panels 24 */
.q-sc,.q-stp,.q-dcs,.q-fq .fq-i,.q-st,.au-c,.q-au,.q-role,.q-dv,.q-kc,.q-vp,.q-chip,.q-doc,.q-fql a,.p2r-doc,.q-sec-fc{border-radius:16px}
.q-live,.q-dc,.q-hand,.q-kb,.q-pf,.q-ask2,.q-sec-f,.q-stage,.q-ps-ph,.q-hp,.q-hand-ph,.q-cta-c,.q-gantt,.q-val-card,.p3-wf{border-radius:24px}
.q-cta-ph,.q-col-a,.q-col-b{border-radius:20px}
/* visuals are pictures: their text is not selectable */
.q-hero-v,.ev,.q-live,.p2r,.q-dv,.q-dc-head,.q-act,.q-gantt,.q-hand-s,.q-hand-ph,.p3-st,.q-ps,.q-stage,.mv,.q-sec-fc,.q-cta-v,.q-feat-v,.q-mq,.q-val-c,.q-vb,.q-val-card,.p1-vgw,.q-big,.rk,.tr,.pm,.or,.p3-vg,.cv,.q-col,.q-shield,.ba,.q-kc,.p3-bk-sk,.q-au-v,.q-role,.q-doc-pg,.p2-cl-v,.ev-steps{-webkit-user-select:none;user-select:none}
.ph{-webkit-user-drag:none}

/* value: the statement and the finding it produces, side by side */
.q-val{height:200vh}
.q-val-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.q-val-v{max-width:18ch}
.q-val-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;box-shadow:var(--q-sh-lg),0 0 0 1px var(--pc-line);font-size:14px;opacity:clamp(.15,calc((var(--p) - .45) * 4),1);transform:translateY(calc((1 - clamp(0, (var(--p) - .45) * 4, 1)) * 16px))}
.q-val.flat .q-val-card{opacity:1;transform:none}
.q-vc-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--pc-muted)}
.q-vc-h > span:first-child{display:inline-flex;align-items:center;gap:6px}
.q-vc-t{font:600 19px/25px var(--f-display);letter-spacing:-.01em}
.q-vc-q{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px;border-radius:12px;background:#F7F6FD;color:var(--pc-doc-text);line-height:21px}
.q-vc-q em{font-style:normal;font-size:12px;color:var(--pc-muted);white-space:nowrap}
.q-vc-q mark{background:var(--pc-tint-200);color:var(--pc-ink);border-radius:3px}
.q-vc-r{display:flex;gap:10px;align-items:baseline}
.q-vc-d{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--pc-line)}
.q-vc-d > span:nth-child(2){display:flex;flex-direction:column;flex:1}
.q-vc-d em{font-style:normal;font-size:12px;color:var(--pc-muted)}
.q-val-proof{display:none}
@media (max-width:900px){.q-val-g{grid-template-columns:1fr}.q-val-v{max-width:none}}

/* FAQ: compact, two columns, nothing floating in empty space */
.q-faq{background:var(--pc-band)}
.q-faq2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:start}
.q-faq-l{position:sticky;top:calc(var(--hd-h) + 32px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.q-faq-l > p{font-size:17px;line-height:27px;color:var(--pc-muted);max-width:44ch}
.q-ask2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 14px;align-items:center;width:100%;margin-top:8px;padding:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-ask2 .q-av{width:36px;height:36px}
.q-ask2 > div{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:20px;color:var(--pc-muted)}
.q-ask2 > div b{color:var(--pc-ink);font-size:15px}
.q-ask2 .btn{grid-column:1 / -1;justify-self:start}
.q-fq .fq-i{margin-bottom:10px;background:#fff}
.q-fq .fq-q{padding:16px 18px;font-size:17px;line-height:24px;grid-template-columns:40px minmax(0,1fr) 32px}
.q-fq-n{width:32px;height:32px;border-radius:9px}
.q-fq .fq-a p{padding:0 64px 20px 70px;font-size:15px;line-height:24px}
.q-fql{display:grid;gap:8px;width:100%}
.q-fql a{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:14px;align-items:center;padding:12px 16px 12px 12px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);transition:box-shadow 200ms}
.q-fql a:hover{box-shadow:inset 0 0 0 1px var(--pc-purple-400)}
.q-fql a > span{display:flex;flex-direction:column;font-size:13px;line-height:18px;color:var(--pc-muted)}
.q-fql a > span b{font-size:15px;line-height:21px;color:var(--pc-ink);font-weight:600}
.q-fql a > .ic{color:var(--pc-purple)}
.q-faq-r .q-fql{grid-template-columns:repeat(3,minmax(0,1fr))}
.q-faq-r .q-fql a{grid-template-columns:40px minmax(0,1fr)}
.q-faq-r .q-fql a > .ic{display:none}
.q-fql-h{margin:18px 0 10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted)}
@media (max-width:960px){.q-faq2{grid-template-columns:1fr}.q-faq-l{position:static}.q-faq-r .q-fql{grid-template-columns:1fr}.q-fq .fq-a p{padding:0 18px 18px}}

/* module detail list: each point with its line of detail */
.q-nl{gap:16px;margin-top:20px}
.q-nl li{align-items:flex-start}
.q-nl li > span:last-child{display:flex;flex-direction:column;gap:2px}
.q-nl li > span:last-child > span{font-size:15px;line-height:23px;color:var(--pc-muted)}
.q-nl .nl-n{clip-path:none;border-radius:9px;width:32px;height:32px}
/* role cards keep their colour; only the badge marks the teams that use a module most */
.q-role:not(.cur){opacity:1}
.q-role:not(.cur) .q-role-ph{filter:none}
/* Security & Data: documents you can request, as cards */
.q-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.q-doc{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:16px;background:#fff;box-shadow:var(--q-sh),0 0 0 1px var(--pc-line)}
.q-doc-pg{position:relative;display:flex;flex-direction:column;gap:5px;width:64px;height:78px;padding:30px 10px 0;border-radius:8px;background:#F7F6FD;box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-doc-pg > i:not(.q-doc-ic){display:block;height:4px;border-radius:2px;background:#DCD8EC}
.q-doc-pg > i:nth-child(3){width:70%}.q-doc-pg > i:nth-child(4){width:84%}
.q-doc-ic{position:absolute;left:10px;top:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--pc-tint-200);color:var(--pc-purple)}
.q-doc-t{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:21px;color:var(--pc-muted)}
.q-doc-t b{font-size:16px;line-height:22px;color:var(--pc-ink);font-weight:600}
@media (max-width:960px){.q-docs{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.q-docs{grid-template-columns:1fr}}
/* photography framing for the new, natural set */
.ph{background-position:70% 35%}
.ph-fin{background-position:60% 55%}
.ph-health{background-position:62% 45%}
.ph-saas{background-position:72% 45%}
.ph-mfg{background-position:70% 50%}
.ph-team{background-position:50% 40%}
.q-hp-img{background-position:72% 40%}
.q-hp-sh{background:linear-gradient(0deg,rgba(13,6,26,.35),rgba(13,6,26,0) 30%)}
.q-sec-ph{background-position:68% 30%}
.q-sec-f::before{background:linear-gradient(180deg,rgba(13,6,26,0) 30%,rgba(13,6,26,.55) 60%,rgba(13,6,26,.92) 100%)}
.q-hand-ph::after{background:linear-gradient(90deg,rgba(13,6,26,.72),rgba(13,6,26,.12) 55%,rgba(13,6,26,0))}
.q-ps-ph::after{background:linear-gradient(200deg,rgba(13,6,26,0) 55%,rgba(13,6,26,.35))}
.q-feat-v{height:180px}
.q-sec-ph{background-position:72% 12%}
.q-sec-fc{padding:12px 14px;margin-bottom:14px}
.q-sec-r{padding:4px 0}
.q-sec-f{min-height:560px}
.q-sec-ph{background-position:72% 0%}
.q-sec-f{min-height:0;padding:20px}
.q-sec-ft b{font-size:20px;line-height:26px}
@media (max-width:560px){.q-fq .fq-q{grid-template-columns:minmax(0,1fr) 32px;font-size:16px;line-height:22px;padding:14px 16px}.q-fq-n{display:none}}
.q-sec-ph{background-position:82% 18%}
.q-sec-fc{width:min(100%,340px)}
@media (max-width:1100px){.q-sec-fc{width:min(100%,380px)}}

/* ===== round 7: the round 5 photography returns (security portrait replaced to match); framing for that set ===== */
.ph{background-position:50% 22%}
.ph-fin,.ph-saas{background-position:50% 50%}
.ph-mfg{background-position:78% 40%}
.ph-health{background-position:72% 30%}
.ph-team{background-position:50% 30%}
.ph-proc,.ph-comp,.ph-audit,.ph-secp{background-position:68% 18%}
.q-hp-img{background-position:62% 18%}
.q-hp-sh{background:linear-gradient(90deg,rgba(13,6,26,.55) 0%,rgba(13,6,26,0) 34%),linear-gradient(0deg,rgba(13,6,26,.45),rgba(13,6,26,0) 35%)}
.q-sec-ph{background-position:70% 10%}
.q-ask-ph{background-position:62% 22%}
.q-cta-ph{background-position:62% 20%}
.q-hand-img{background-position:50% 32%}

/* ===== round 8: FAQ without the contact card; the contact card becomes a bottom-right widget ===== */
.q-faq-l .q-fql{margin-top:8px}
.q-ct{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.q-ct > *{pointer-events:auto}
.q-ct-card{position:relative;width:min(340px,calc(100vw - 32px));border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -20px rgba(13,6,26,.45),0 0 0 1px rgba(13,6,26,.08);opacity:0;transform:translateY(16px) scale(.98);transform-origin:100% 100%;transition:opacity 300ms var(--e-std),transform 420ms var(--e-reveal)}
.q-ct-card.on{opacity:1;transform:none}
.q-ct-ph{position:relative;display:block;height:120px}
.q-ct-img{position:absolute;inset:0;background-position:62% 22%}
.q-ct-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,6,26,0) 40%,rgba(13,6,26,.35))}
.q-ct-x{position:absolute;z-index:2;right:10px;top:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--pc-ink);box-shadow:0 2px 8px rgba(13,6,26,.2)}
.q-ct-x:hover{background:#fff}
.q-ct-b{display:flex;flex-direction:column;gap:6px;padding:0 18px 18px;font-size:14px;line-height:20px;color:var(--pc-muted)}
.q-ct-b .q-avs{position:relative;margin-top:-22px;margin-bottom:6px;align-self:flex-start}
.q-ct-b .q-av{width:40px;height:40px;box-shadow:0 0 0 3px #fff}
.q-ct-on{position:absolute;right:-2px;bottom:2px;width:12px;height:12px;border-radius:50%;background:var(--pc-success);box-shadow:0 0 0 2px #fff}
.q-ct-b b{font:600 17px/23px var(--f-display);color:var(--pc-ink);letter-spacing:-.01em}
.q-ct-a{display:flex;gap:8px;margin-top:8px}
.q-ct-l{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 8px;border-radius:999px;background:var(--pc-ink);color:#fff;font-weight:500;font-size:14px;box-shadow:0 14px 30px -12px rgba(13,6,26,.6)}
.q-ct-l:hover{background:#1F172E}
.q-ct-l .q-av{width:32px;height:32px;box-shadow:0 0 0 2px var(--pc-ink)}
@media (max-width:560px){.q-ct{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.q-ct-ph{height:96px}}
@media (prefers-reduced-motion:reduce){.q-ct-card{transition:none}}
@media (max-width:560px){.q-ct-ph{display:none}.q-ct-b{padding-top:16px}.q-ct-b .q-avs{margin-top:0}.q-ct-x{background:var(--pc-band)}}

/* ===== round 9: a calmer hero: portrait, one product window, one note ===== */
.q-hero-v{min-height:600px}
.q-hp{width:56%;height:100%;top:0;right:0}
.q-hero .q-win{top:50%;left:0;width:72%;transform:translateY(-50%);overflow:hidden}
.q-hero .q-win-b{padding:14px 18px 4px}
.q-hero .p1-sh,.q-hero .p1-tier,.q-hl,.q-chip-b{display:none!important}
@media (min-width:561px){.q-hero .p1-slot .ev-paper{left:0;top:0;width:64%;height:100%}}
.q-hero .ev-card{right:0;bottom:22%;width:min(48%,300px)}
.q-hero .ev-dec{right:2%;bottom:2%}
.q-hero .p1-slot{aspect-ratio:1.6/1}
.q-chip-a{left:auto;right:3%;top:auto;bottom:5%}
@media (max-width:760px){.q-hero .q-win{transform:none;top:auto;width:100%}.q-chip-a{top:14px;bottom:auto;left:14px;right:auto}}
.q-hero .ev-stage,.q-hero .p1-slot{min-height:0;aspect-ratio:1.28/1;width:100%}
.q-hero .ev-card{width:min(50%,280px);bottom:20%;padding:14px}
.q-hero .ev-dec{width:min(60%,300px)}
@media (max-width:760px){.q-hero .q-win{margin-top:16px}.q-chip-a{display:none}.q-hero .ev-stage,.q-hero .p1-slot{aspect-ratio:auto}}
@media (max-width:760px){.q-hp{display:none}.q-hero-v{min-height:0}}
@media (max-width:760px){.q-hp{display:block;position:relative;width:100%;height:260px;border-radius:20px}.q-hero .q-win{margin-top:16px}}

/* ===== round 12: fewer pictures, hexagon icons, fresher motion, steadier sizing ===== */
/* icons sit on the hexagon of the mark, everywhere */
.q-ic{background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible;height:auto!important;aspect-ratio:76/86}
.q-ic > svg.hx{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.q-ic > svg.hx path{fill:var(--pc-tint-100);stroke:var(--pc-tint-200);stroke-width:3;stroke-linejoin:round;transition:fill 200ms var(--e-std),stroke 200ms var(--e-std)}
.q-ic > .ic{position:relative}
.q-ic.ink > svg.hx path{fill:var(--pc-ink-3);stroke:var(--pc-ink-line)}
.mm-a:hover .q-ic > svg.hx path,.mob-sub:hover .q-ic > svg.hx path,.q-fql a:hover .q-ic > svg.hx path{fill:var(--pc-tint-200);stroke:var(--pc-purple-400)}
.q-au-ic .q-ic > svg.hx path,.q-ps-tag .q-ic > svg.hx path{fill:#fff;stroke:var(--pc-line)}
.tile,.ba-n,.p3-hx,.nl-n,.q-fq-n,.q-chip-ic,.q-toast-ic,.q-doc-ic,.q-big-n{border-radius:0!important;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)!important;box-shadow:none!important}
.ba-n{height:calc(var(--node) * 1.12)!important}
.nl-n,.q-fq-n{height:36px!important}
.q-chip-ic,.q-toast-ic{height:36px}
/* initials avatars inside product UI: the person is a role, not a face */
.q-avi{display:inline-grid;place-items:center;background:color-mix(in oklab,var(--c) 14%,#fff);color:var(--c);font:600 11px/1 var(--f-sans);letter-spacing:.02em}
.q-dark .q-avi,.q-kc .q-avi{box-shadow:0 0 0 2px #fff}
.q-dec .q-avi{font-size:12px}
.q-trust .q-ic{width:34px;flex-shrink:0}
/* menu feature: product on ink, no photo */
.q-feat-ui{background:#0D061A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16Z M28 64v33' fill='none' stroke='%23ffffff' stroke-opacity='.06' stroke-width='1'/%3E%3C/svg%3E")}
.q-feat-ui::after{display:none}
.q-feat-pg{position:absolute;left:18px;top:18px;right:40%;bottom:46px;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:8px;background:#1F172E;box-shadow:0 0 0 1px #322C3F}
.q-feat-pg > i{display:block;height:5px;border-radius:3px;background:#322C3F}
.q-feat-pg > i:nth-child(2){width:70%}.q-feat-pg > i.h{background:#5834F5;width:86%}
/* handoff band without the photo */
.q-hand{margin-bottom:clamp(40px,5vw,64px)}
/* security feature on ink */
.q-sec-ink{background:#0D061A;justify-content:space-between;gap:24px;overflow:hidden}
.q-sec-ink::before{display:none}
.q-sec-hx{position:absolute;right:-60px;top:-50px;width:260px;fill:none;stroke:rgba(138,141,252,.2);stroke-width:1}
.q-sec-ink .q-sec-fc{width:100%;margin:auto 0 0}
/* closing card: the product, larger, no photo */
.q-cta-ui{display:flex;align-items:center;min-height:320px}
.q-cta-ui .q-cta-card{position:relative;inset:auto;width:100%;animation:none}
.q-cta-ui .q-cta-chip{left:auto;right:-8px;top:-18px;bottom:auto}
/* about: one picture */
.q-col-a{width:88%;height:78%}
/* contact card */
.q-ct-b{padding:20px 20px 18px}
.q-ct-ic{position:relative;display:grid;place-items:center;width:40px;aspect-ratio:76/86;color:var(--pc-purple);margin-bottom:4px}
.q-ct-ic svg.hx{position:absolute;inset:0;width:100%;height:100%}
.q-ct-ic svg.hx path{fill:var(--pc-tint-100);stroke:var(--pc-tint-200);stroke-width:3}
.q-ct-ic .ic{position:relative}
.q-ct-x{background:var(--pc-band);width:40px;height:40px}
.q-ct-l{padding:0 18px}

/* motion: fresher scroll reveals, calm and short */
@media (prefers-reduced-motion:no-preference){
  .q-rv{opacity:0;transform:translateY(24px);filter:blur(4px)}
  .q-rv.q-in{opacity:1;transform:none;filter:none;transition:opacity 700ms var(--e-reveal) var(--qd,0ms),transform 800ms cubic-bezier(.16,1,.3,1) var(--qd,0ms),filter 700ms var(--e-reveal) var(--qd,0ms)}
  .q-au.q-rv .q-au-v,.q-role.q-rv{clip-path:inset(18% 0 0 0 round 16px)}
  .q-au.q-rv.q-in .q-au-v,.q-role.q-rv.q-in{clip-path:inset(0 0 0 0 round 0);transition:clip-path 900ms cubic-bezier(.16,1,.3,1) var(--qd,0ms)}
  .q-au.q-in .q-au-ph,.q-role.q-in .q-role-ph{animation:qzoom 1400ms cubic-bezier(.16,1,.3,1) both}
  @keyframes qzoom{from{transform:scale(1.08)}to{transform:scale(1)}}
  .q-sw{opacity:0;transform:translateY(28px) scale(.985)}
  .q-sw.q-in{opacity:1;transform:none;transition:opacity 800ms var(--e-reveal),transform 900ms cubic-bezier(.16,1,.3,1)}
  .q-hero .q-hp{animation:qrise 1000ms cubic-bezier(.16,1,.3,1) 100ms both}
  .q-hero .q-win{animation:qrise2 1000ms cubic-bezier(.16,1,.3,1) 250ms both}
  .q-hero .q-chip-a{animation:qpop 700ms cubic-bezier(.16,1,.3,1) 900ms both}
  @keyframes qrise{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
  @keyframes qrise2{from{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}
  @keyframes qpop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
  .q-big{transition:transform 600ms cubic-bezier(.16,1,.3,1)}
}
/* sizing: narrow phones */
@media (max-width:400px){.q-hero .ev-steps{font-size:13px}.q-hero .ev-steps li + li::before{width:14px;margin-inline:6px}.q-hero .ev-steps .hx6{transform:scale(.85)}
  .ba-t{display:flex;width:100%}.ba-t button{flex:1;padding:0 8px;font-size:13px;min-width:0}
  .q-col-chip,.q-col-chip2{left:8px!important;right:auto!important;max-width:calc(100% - 16px);white-space:normal}}
/* sizing: the hero window sits in the flow, so the visual's height follows its content at every width */
@media (min-width:761px){
  .q-hero-v{min-height:0;display:flex;align-items:center;padding-block:clamp(32px,4vw,56px)}
  .q-hero .q-win{position:relative;top:auto;left:auto;transform:none;width:72%;z-index:3}
  .q-hp{position:absolute;top:0;bottom:0;right:0;height:auto;width:56%}
  .q-chip-a{bottom:clamp(12px,2vw,28px);right:3%}
}
@media (min-width:761px) and (max-width:1180px){.q-hero-v{max-width:860px}.q-hero .q-win{width:70%}.q-hp{width:52%}}
.q-avs .q-avi + .q-avi{margin-left:-5px}
.q-avi{box-shadow:0 0 0 2px #fff}
.q-sec-ink .q-sec-ft{order:-1;position:relative;z-index:2}
.q-sec-ink .q-sec-ft b{font-size:clamp(22px,2vw,28px);line-height:1.2;margin-bottom:8px}

/* ===== round 13 ===== */
/* framework strip: label and logos on one line */
.q-mq1{padding-block:22px}
.q-mq-in{display:flex;align-items:center;gap:32px}
.q-mq1 .q-mq-t{flex-shrink:0;margin:0;white-space:nowrap}
.q-mq1 .q-mq-v{flex:1;min-width:0}
@media (max-width:760px){.q-mq-in{flex-direction:column;align-items:stretch;gap:10px}.q-mq1 .q-mq-t{text-align:center}}

/* menu feature without an overlay card */
.q-feat-pg{right:18px;bottom:18px}

/* hero finding: fewer lines, more air */
.q-hero .ev-card .ev-conf,.q-hero .ev-card .row:last-child .st{display:none}
.q-hero .ev-card{gap:8px;padding:16px 18px;bottom:auto;top:14%;width:min(50%,290px)}
.q-hero .ev-card h4{font-size:17px;line-height:23px}
.q-hero .ev-card .row:last-child{justify-content:flex-start}
.q-hero .ev-dec{bottom:6%;width:min(52%,300px)}
@media (max-width:560px){.q-hero .ev-card{top:auto;width:auto}}

/* problems above the steps */
.q-prb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);margin-bottom:8px}
.q-prb-c{display:flex;flex-direction:column;gap:10px}
.q-prb-k{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#B01C25}
.q-prb-r{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-prb-r .q-ic{width:36px}
.q-prb-r > span{display:flex;flex-direction:column;font-size:14px;line-height:20px;color:var(--pc-muted)}
.q-prb-r b{font-size:16px;line-height:22px;color:var(--pc-ink);font-weight:600}
.q-prb-l{position:relative;display:flex;align-items:center;gap:10px;height:56px;padding-left:34px}
.q-prb-l i{position:absolute;left:34px;top:0;bottom:0;border-left:1.5px dashed var(--pc-purple-400)}
.q-prb-l i::after{content:"";position:absolute;left:-5px;bottom:-1px;border:4.5px solid transparent;border-top:6px solid var(--pc-purple-400)}
.q-prb-l em{font-style:normal;margin-left:14px;font-size:13px;font-weight:500;color:var(--pc-purple)}
@media (max-width:860px){.q-prb{grid-template-columns:1fr;row-gap:12px;margin-bottom:24px}.q-prb-l{display:none}}

/* Read: an app window with navigation, tabs and three panes */
.q-app{border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--q-sh-lg),0 0 0 1px var(--pc-line)}
.q-app-top{position:relative;display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;background:linear-gradient(#FBFAFF,#F4F2FC);border-bottom:1px solid var(--pc-line);font-size:13px}
.q-app-crumb{color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-app-crumb em{font-style:normal;opacity:.5;margin:0 4px}.q-app-crumb b{color:var(--pc-ink);font-weight:500}
.q-app-stat{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);font-size:12px;font-weight:500;white-space:nowrap}
.q-app-spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--pc-tint-200);border-top-color:var(--pc-purple);animation:qspin 900ms linear infinite}
@keyframes qspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.q-app-spin{animation:none}}
.q-app-b{display:grid;grid-template-columns:56px minmax(0,1fr)}
.q-app-nav{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;background:#0D061A;color:#A6A1B5}
.q-app-nav > span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px}
.q-app-nav > span.on{background:#1F172E;color:#fff}
.q-app-logo{margin-bottom:10px}
.q-app-logo svg{width:24px;height:27px}.q-app-logo path{fill:#5834F5;stroke:#8A8DFC;stroke-width:4}
.q-app-main{min-width:0}
.q-app-tabs{display:flex;align-items:center;gap:22px;padding:0 20px;height:46px;border-bottom:1px solid var(--pc-line);font-size:13.5px;color:var(--pc-muted);white-space:nowrap;overflow:hidden}
.q-app-tabs span{position:relative;display:flex;align-items:center;gap:6px;height:100%}
.q-app-tabs span.on{color:var(--pc-ink);font-weight:500}
.q-app-tabs span.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pc-purple)}
.q-app-tabs em{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--pc-band)}
.q-app-tier{margin-left:auto;font-size:12px;color:#B01C25!important;font-weight:500}
.q-app .q-dx{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;padding:16px;background:#F7F6FD;border-radius:0;box-shadow:none}
.q-app .p2r-docs{display:flex;flex-direction:column;gap:6px;margin:0;padding:0}
.q-app .p2r-doc{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);transform:none!important}
.q-app .p2r-doc[aria-pressed="true"]{background:#fff;color:var(--pc-ink);box-shadow:inset 0 0 0 1.5px var(--pc-purple),0 6px 16px -10px rgba(88,52,245,.6)}
.q-app .p2r-doc[aria-pressed="true"] .p2r-di{background:color-mix(in oklab,var(--dc) 12%,#fff);color:var(--dc)}
.q-app .p2r-doc[aria-pressed="true"] .q-dh-k{color:var(--pc-muted)}
.q-app .p2r-dh b{font-size:14px;line-height:18px}
.q-app .p2r-di{width:30px;height:30px}
.q-app .p2r-st{margin:0;flex-direction:row;align-items:center;gap:6px;flex-shrink:0;font-size:11.5px}
.q-app .p2r-st .p2r-pg{display:none}
.q-app .p2r-doc[data-s="read"] .p2r-st{color:var(--pc-purple)}
.q-app .p2r-doc[data-s="done"] .p2r-st{color:#00744A}
.q-app .p2r-desk{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;min-height:0}
.q-app .p2r-page{grid-column:1 / span 7;min-height:420px;border-radius:10px;box-shadow:0 0 0 1px var(--pc-line),0 12px 24px -16px rgba(13,6,26,.2)}
.q-app .p2r-side{grid-column:8 / span 5;min-height:0}
@media (max-width:1100px){.q-app .q-dx{grid-template-columns:1fr}.q-app .p2r-docs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.q-app .p2r-doc{flex:0 0 auto;min-width:200px}}
@media (max-width:760px){.q-app-b{grid-template-columns:1fr}.q-app-nav{display:none}.q-app .p2r-page,.q-app .p2r-side{grid-column:1 / -1}.q-app-tabs span:nth-child(4),.q-app-tier{display:none}.q-app-crumb{display:none}}

/* sections that hold while the scroll plays their steps */
.q-pin-sec.q-pinned{padding-block:0}
.q-pin-sec.q-pinned > .q-pin-st{position:sticky;top:var(--hd-h);min-height:calc(100vh - var(--hd-h));display:flex;align-items:center;padding-block:clamp(32px,4vw,56px)}
.q-pin-sec.q-pinned > .q-pin-st > .wrap{width:100%}
.q-pin-sec.q-pinned .q-dcs,.q-pin-sec.q-pinned .q-jr-steps li{cursor:default}

/* Act: finding, Jira issue, portfolio */
.q-jr{display:flex;flex-direction:column;gap:20px}
.q-jr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.q-jr-steps li{position:relative;display:flex;gap:12px;padding:14px 14px 16px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#A6A1B5;transition:background 400ms,color 400ms;cursor:pointer;overflow:hidden}
.q-jr-steps li.on{background:rgba(138,141,252,.14);box-shadow:inset 0 0 0 1px rgba(138,141,252,.5);color:#fff}
.q-jr-steps li.done{color:#CFCBE0}
.q-jr-n{display:grid;place-items:center;flex-shrink:0;width:26px;height:29px;font-size:12px;font-weight:600;background:rgba(255,255,255,.08);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.q-jr-steps li.on .q-jr-n{background:#5834F5;color:#fff}
.q-jr-steps li.done .q-jr-n{background:#00A365;color:#fff}
.q-jr-t{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:18px}
.q-jr-t b{font-size:14.5px;line-height:20px;font-weight:600}
.q-jr-bar{position:absolute;left:0;right:0;bottom:0;height:3px}
.q-jr-bar i{display:block;height:100%;width:0;background:#8A8DFC;transition:width 600ms var(--e-reveal)}
.q-jr-steps li.on .q-jr-bar i,.q-jr-steps li.done .q-jr-bar i{width:100%}
.q-jr-g{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1.15fr) 32px minmax(0,.9fr);align-items:stretch}
.q-jarr{position:relative;display:grid;place-items:center;color:#5E5A6E}
.q-jarr i{position:absolute;left:4px;right:4px;top:50%;border-top:1.5px dashed #322C3F}
.q-jarr .ic{position:relative;background:#0D061A;border-radius:50%}
.q-jr[data-st="1"] .q-jarr:nth-of-type(2) .ic,.q-jr[data-st="2"] .q-jarr:nth-of-type(2) .ic,.q-jr[data-st="3"] .q-jarr .ic{color:#8A8DFC}
.q-jp{display:flex;flex-direction:column;border-radius:16px;background:#fff;color:var(--pc-ink);overflow:hidden;box-shadow:0 24px 48px -24px rgba(0,0,0,.7);transition:box-shadow 400ms,transform 500ms var(--e-reveal)}
.q-jp-h{display:flex;align-items:center;justify-content:space-between;gap:8px;height:42px;padding:0 14px;border-bottom:1px solid var(--pc-line);background:#FBFAFF;font-size:12px;color:var(--pc-muted);white-space:nowrap}
.q-jp-app{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13px;color:var(--pc-ink)}
.q-jp-hx svg{width:14px;height:16px;display:block}.q-jp-hx path{fill:#5834F5;stroke:#5834F5}
.q-jira{color:#0B4FBF}
.q-jira .ic{color:#fff;background:#1868DB;border-radius:4px;padding:2px;width:18px;height:18px}
.q-jr[data-st="0"] .q-jp-pc,.q-jr[data-st="1"] .q-jp-jira,.q-jr[data-st="2"] .q-jp-jira,.q-jr[data-st="3"] .q-jp-pf{box-shadow:0 0 0 2px #8A8DFC,0 30px 60px -24px rgba(88,52,245,.7);transform:translateY(-4px)}
.q-jf,.q-ji{display:flex;flex-direction:column;gap:10px;padding:14px;font-size:13px;line-height:19px;flex:1}
.q-jf-r,.q-ji-r{display:flex;align-items:center;justify-content:space-between;gap:8px}
.q-jf-st,.q-ji-st{display:inline-flex;align-items:center;padding:2px 9px;border-radius:6px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:background 300ms,color 300ms}
.q-jf-st[data-v="open"],.q-ji-st[data-v="todo"]{background:#EFEEF3;color:#4B4F58}
.q-jf-st[data-v="jira"],.q-ji-st[data-v="prog"]{background:#E3ECFC;color:#0B4FBF}
.q-jf-st[data-v="done"],.q-ji-st[data-v="done"]{background:#DDF5E9;color:#00744A}
.q-jf-t,.q-ji-t{font:600 16px/22px var(--f-display);letter-spacing:-.01em}
.q-jf-q{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:#F7F6FD;color:var(--pc-doc-text)}
.q-jf-q em{font-style:normal;font-size:11.5px;color:var(--pc-muted)}
.q-jf-q mark{background:var(--pc-tint-200);color:var(--pc-ink);border-radius:3px}
.q-jf-k{display:flex;gap:10px;align-items:baseline;color:var(--pc-muted);font-size:12px}.q-jf-k b{color:var(--pc-ink);font-size:13px}
.q-jbtn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:8px;background:#1868DB;color:#fff;font-weight:600;font-size:13.5px;transition:background 300ms,transform 200ms}
.q-jr[data-st="0"] .q-jbtn{animation:qbtn 1.6s ease-in-out infinite}
@keyframes qbtn{0%,100%{box-shadow:0 0 0 0 rgba(24,104,219,.5)}50%{box-shadow:0 0 0 6px rgba(24,104,219,0)}}
.q-jbtn.sent{background:#EAF8F1;color:#00744A}
.q-ji{position:relative}
.q-ji-empty{position:absolute;inset:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--pc-line);border-radius:12px;color:var(--pc-muted);font-size:13px;transition:opacity 300ms}
.q-ji-empty .ic{color:#C9C6D6}
.q-ji.made .q-ji-empty{opacity:0}
.q-ji-body{display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(8px);transition:opacity 400ms,transform 500ms var(--e-reveal)}
.q-ji.made .q-ji-body{opacity:1;transform:none}
.q-ji-key{font-size:12px;font-weight:600;color:#0B4FBF}
.q-ji-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.q-ji-f div{display:flex;flex-direction:column;gap:3px}
.q-ji-f dt{font-size:11.5px;color:var(--pc-muted)}
.q-ji-f dd{margin:0;display:flex;align-items:center;gap:6px;font-weight:500;font-size:12.5px;white-space:nowrap}
.q-ji-f .q-av{width:20px;height:20px;font-size:9px}
.q-ji-hi{color:#B01C25}
.q-ji-d{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:10px;background:#F4F7FC;font-size:12.5px;color:var(--pc-doc-text)}
.q-ji-d span{display:flex;align-items:center;gap:6px}
.q-ji-dk{font-size:11.5px;color:var(--pc-muted)!important;font-weight:500}
.q-ji-c{display:flex;gap:8px;align-items:flex-start;padding-top:8px;border-top:1px solid var(--pc-line);font-size:12.5px;opacity:0;transform:translateY(6px);transition:opacity 400ms,transform 500ms var(--e-reveal)}
.q-ji-c .q-av{width:22px;height:22px;font-size:9px;flex-shrink:0}
.q-ji.done .q-ji-c{opacity:1;transform:none}
.q-jp-pf .q-pf-l{padding:10px;gap:2px}
.q-jp-pf .q-pf-l li{color:var(--pc-muted);grid-template-columns:minmax(0,1fr) 54px 26px 30px;padding:8px}
.q-jp-pf .q-pf-l li b{color:var(--pc-ink)}
.q-jp-pf .q-pf-tr{background:var(--pc-band)}
.q-jp-pf .q-pf-s{color:var(--pc-ink)}
.q-jp-pf .q-pf-l li.me{background:#F4F2FC;box-shadow:inset 0 0 0 1px var(--pc-tint-200)}
.q-jsync{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px 14px;border-top:1px solid var(--pc-line);font-size:12px;color:var(--pc-muted)}
.q-jr[data-st="3"] .q-jsync{color:#00744A}
@media (max-width:1100px){.q-jr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.q-jr-g{grid-template-columns:1fr;gap:6px}.q-jarr{height:28px}.q-jarr i{left:50%;right:auto;top:0;bottom:0;border-top:0;border-left:1.5px dashed #322C3F}.q-jarr .ic{transform:rotate(90deg)}}
@media (max-width:560px){.q-jr-steps{grid-template-columns:1fr}.q-jr-steps li:not(.on){display:none}}
@media (prefers-reduced-motion:reduce){.q-jbtn{animation:none!important}}

/* pricing */
.q-pr-hero{padding-bottom:clamp(48px,5vw,80px)}
.q-pr-h{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;max-width:760px;margin:12px auto clamp(32px,4vw,48px)}
.q-pr-h h1{font-size:clamp(36px,4.4vw,60px);line-height:1.05;letter-spacing:-.025em}
.q-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.q-plan{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:20px;background:#fff;box-shadow:var(--q-sh),0 0 0 1px var(--pc-line)}
.q-plan.pop{box-shadow:var(--q-sh-lg),0 0 0 2px var(--pc-purple)}
.q-plan-b{position:absolute;right:20px;top:22px;padding:3px 10px;border-radius:999px;background:var(--pc-tint-100);color:var(--pc-purple);font-size:12px;font-weight:600}
.q-plan h2{font-size:22px;line-height:28px}
.q-plan-best{font-size:14.5px;line-height:21px;color:var(--pc-muted);min-height:42px}
.q-plan-v{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-block:1px solid var(--pc-line)}
.q-plan-v b{font:600 30px/1.1 var(--f-display);letter-spacing:-.02em}
.q-plan-v span{font-size:13px;color:var(--pc-muted)}
.q-plan .btn{width:100%}
.q-plan-f{display:flex;flex-direction:column;gap:10px;padding-top:6px}
.q-plan-inc{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted)}
.q-plan-f ul{display:flex;flex-direction:column;gap:9px}
.q-plan-f li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:14.5px;line-height:21px}
.q-plan-f li .ic{color:var(--pc-purple);margin-top:2px}
.q-pr-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:15px;color:var(--pc-muted);flex-wrap:wrap;text-align:center}
.q-pr-note > .ic{color:var(--pc-purple)}
.q-pr-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.q-pr-mg{display:flex;flex-direction:column;gap:8px}
.q-pr-mgh{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted);padding:0 4px 4px}
.q-pr-m{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);transition:box-shadow 200ms}
.q-pr-m:hover{box-shadow:inset 0 0 0 1px var(--pc-purple-400)}
.q-pr-m .q-ic{width:38px}
.q-pr-m > span{display:flex;flex-direction:column;font-size:13px;line-height:18px;color:var(--pc-muted)}
.q-pr-m b{font-size:15px;line-height:21px;color:var(--pc-ink);font-weight:600}
.q-pr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.q-pr-fact{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:#F7F6FD;box-shadow:inset 0 0 0 1px var(--pc-line)}
.q-pr-fact h3{font-size:18px;line-height:24px;margin-top:4px}
.q-pr-fact p{font-size:15px;line-height:23px;color:var(--pc-muted)}
.q-pr-tw{overflow-x:auto;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);padding:8px 16px}
.q-pr-tbl{min-width:600px}
.q-pr-gr th{text-align:left;padding:18px 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-purple);border-bottom:1px solid var(--pc-line)}
@media (max-width:960px){.q-plans,.q-pr-mods,.q-pr-facts{grid-template-columns:1fr}.q-plan-best{min-height:0}}
.q-app .p2r-doc{border-top:0;padding-top:10px}
.q-pr-tw{position:relative}
@media (max-width:480px){.q-app-tier{display:none}}
@media (max-width:620px){.q-app-tier{display:none}}
@media (max-width:620px){.q-app-tabs .q-app-tier{display:none!important}}
/* module pages: where the module sits in Read, Decide, Act, instead of a label pill */
.q-stg{display:flex;align-items:center;gap:0;font-size:14px;font-weight:500;color:var(--pc-muted)}
.q-stg li{display:flex;align-items:center;gap:8px}
.q-stg li + li::before{content:"";width:28px;height:1.5px;margin:0 10px;background:var(--pc-line)}
.q-stg-hx{position:relative;display:grid;place-items:center;width:26px;height:29px}
.q-stg-hx svg.hx{position:absolute;inset:0;width:100%;height:100%}
.q-stg-hx svg.hx path{fill:var(--pc-band);stroke:var(--pc-line);stroke-width:3}
.q-stg-hx .ic{position:relative}
.q-stg li.on{color:var(--pc-ink)}
.q-stg li.on .q-stg-hx{color:#fff}
.q-stg li.on .q-stg-hx svg.hx path{fill:var(--pc-purple);stroke:var(--pc-purple)}
.hero-lead strong{color:var(--pc-ink);font-weight:500}

/* ===== Tidy pass: V3's identity (purple, General Sans, layouts) stays; the decorative AI tells go ===== */
/* atmosphere: no glows, halos, hexagon wallpaper or gradient night skies */
.q-glow,.q-hexgrid,.q-cta-hx,.q-sec-hx,.p3-bghx,.q-hl{display:none!important}
.q-hero-bg{background:none!important}
.band.ink,.band.ink.q-actb,.band.ink.q-facts,.q-ps-ph{background:var(--pc-ink)!important;background-image:none!important}
:root{--q-sh-lg:0 1px 2px rgba(13,6,26,.05),0 16px 40px -24px rgba(13,6,26,.28);--q-sh:0 1px 2px rgba(13,6,26,.04)}
.q-glowbtn,.btn-p,.q-ic{box-shadow:none!important}
/* emphasis by weight and colour, not gradient text */
.q-grad{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--pc-purple)!important}
/* hexagon tiles: icons stay only where they help find things (menus, links), never as card ornament */
.q-ic .hx,.p1-tile .hx{display:none!important}
.q-prb .q-ic,.q-au-h .q-ic,.q-stp .q-ic,.q-role-t .q-ic,.q-pr-fact .q-ic,.q-fql .q-ic,.au-c .q-ic{display:none!important}
.q-ic{background:none!important}
/* eyebrows and pills above headings */
.q-eye,.q-pill,.q-prb-k{display:none!important}
/* FAQ: plain numerals, plain links */
.q-fq-n{background:none!important;color:var(--pc-muted)!important;box-shadow:none!important;clip-path:none!important;width:auto!important;min-width:28px}
.q-fq .fq-i:first-child .q-fq-n,.q-fq [aria-expanded="true"] .q-fq-n{color:var(--pc-purple)!important}
.q-fql a{box-shadow:none!important;border-radius:0!important;background:none!important;border-top:1px solid var(--pc-line);padding-inline:0!important}
/* pain cards: drop the alarm styling */
.q-prb-c .q-prb-r{box-shadow:none!important}
/* step cards: no giant faded numerals */
.q-stp-n{color:var(--pc-muted)!important;font-size:14px!important;opacity:1!important}
.q-fql a{display:flex!important;align-items:center;justify-content:space-between;gap:16px;width:100%}
.q-fql a>span{display:flex;flex-direction:column;gap:2px;flex:1}
.q-mk>span{text-shadow:none!important}
/* ===== Workspace kit: product screens drawn in the ProcureCortex Workspace style (artifact UiXkpFCsTwRa6krTgrqNE5) ===== */
:root{--w-bg:#F5F6F8;--w-s:#FFFFFF;--w-s2:#F7F7FA;--w-ink:#0D0F1A;--w-ink2:#2A2D3A;--w-mut:#666B78;--w-faint:#9A9EAB;--w-line:#E6E7EC;--w-line2:#EFF0F3;
  --w-acc:#5B34F5;--w-acct:#5B34F5;--w-tint:#EEEBFD;--w-tint2:#F6F4FE;
  --w-low:#0E8F63;--w-low-bg:#E3F5EC;--w-med:#9A6400;--w-med-bg:#FBF1DC;--w-high:#C2282F;--w-high-bg:#FCE9EA;--w-crit:#8E1820;--w-crit-bg:#F8DADC;--w-none:#6B6F7C;--w-none-bg:#EEEFF2;
  --w-fd:"Plus Jakarta Sans","Inter",ui-sans-serif,system-ui,sans-serif;--w-fm:"JetBrains Mono",ui-monospace,Menlo,monospace;}
.ws{position:relative;display:grid;grid-template-columns:196px minmax(0,1fr);background:var(--w-bg);color:var(--w-ink);font:13px/1.5 "Inter",ui-sans-serif,system-ui,sans-serif;
  border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(13,15,26,.07),0 2px 6px rgba(13,15,26,.05),0 32px 64px -32px rgba(13,15,26,.30);text-align:left;-webkit-font-smoothing:antialiased}
.ws *{box-sizing:border-box}
.ws.mini{grid-template-columns:58px minmax(0,1fr)}
.ws.bare{display:block}
.ws .ic{width:16px;height:16px;stroke-width:1.9}
.ws-side{background:var(--w-s);border-right:1px solid var(--w-line);padding:14px 10px;display:flex;flex-direction:column;gap:1px;min-width:0}
.ws-brand{display:flex;align-items:center;height:28px;padding:0 8px;margin-bottom:10px;color:var(--w-ink)}
.ws-brand svg{height:19px;width:auto}
.ws-brand .lg-s{height:22px}
.ws-nl{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--w-faint);font-weight:600;padding:10px 8px 4px;white-space:nowrap}
.ws-ni{display:flex;align-items:center;gap:9px;height:30px;padding:0 9px;border-radius:8px;color:var(--w-mut);font-weight:500;font-size:12.5px;white-space:nowrap}
.ws-ni.on{background:var(--w-tint);color:var(--w-acct)}
.ws-ni em{margin-left:auto;font-style:normal;font-size:10px;font-weight:600;background:var(--w-tint);color:var(--w-acct);border-radius:999px;padding:0 6px}
.ws.mini .ws-nl,.ws.mini .ws-ni span,.ws.mini .ws-ni em{display:none}
.ws.mini .ws-ni{justify-content:center;padding:0}
.ws.mini .ws-brand{justify-content:center;padding:0}
.ws-main{min-width:0;display:flex;flex-direction:column;background:radial-gradient(40rem 22rem at 96% -10%,rgba(91,52,245,.08),transparent 62%),var(--w-bg)}
.ws-top{height:46px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--w-line);background:rgba(255,255,255,.8);font-size:12.5px;color:var(--w-mut);white-space:nowrap}
.ws-top b{color:var(--w-ink);font-weight:600}
.ws-org{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--w-ink)}
.ws-org i{width:18px;height:18px;border-radius:5px;background:var(--w-ink);color:#fff;display:grid;place-items:center;font:700 9.5px/1 var(--w-fd);font-style:normal}
.ws-top .r{margin-left:auto;display:flex;align-items:center;gap:10px}
.ws-search{display:flex;align-items:center;gap:7px;height:28px;padding:0 6px 0 9px;border:1px solid var(--w-line);border-radius:8px;background:#fff;color:var(--w-faint);font-size:11.5px;width:190px}
.ws-search kbd{margin-left:auto;font:10px var(--w-fm);border:1px solid var(--w-line);border-bottom-width:2px;border-radius:4px;padding:0 4px;color:var(--w-mut);background:var(--w-s2)}
.ws-bell{position:relative;color:var(--w-ink2);display:grid;place-items:center}
.ws-bell::after{content:"";position:absolute;top:-1px;right:-1px;width:6px;height:6px;border-radius:50%;background:var(--w-acc);box-shadow:0 0 0 2px #fff}
.ws-pg{padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ws-ph{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ws-ph h4{margin:0;font:600 19px/1.2 var(--w-fd);letter-spacing:-.02em}
.ws-ph p{margin:3px 0 0;color:var(--w-mut);font-size:12.5px}
.ws-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;font-weight:600;font-size:12px;white-space:nowrap;background:#fff;box-shadow:inset 0 0 0 1px var(--w-line);color:var(--w-ink)}
.ws-btn.p{background:var(--w-acc);color:#fff;box-shadow:0 6px 16px -8px rgba(91,52,245,.8)}
.ws-btn .ic{width:14px;height:14px}
.ws-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ws-stats.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ws-stat{background:#fff;border:1px solid var(--w-line);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:flex-start;box-shadow:0 1px 2px rgba(13,15,26,.04)}
.ws-stat .i{width:32px;height:32px;border-radius:9px;background:var(--w-tint);color:var(--w-acct);display:grid;place-items:center;flex:none}
.ws-stat small{display:block;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--w-mut);font-weight:600}
.ws-stat b{display:block;font:600 21px/1.15 var(--w-fd);letter-spacing:-.02em}
.ws-stat span{display:block;font-size:11px;color:var(--w-mut)}
.ws-stat span em{font-style:normal;color:var(--w-high);font-weight:600}
.ws-card{background:#fff;border:1px solid var(--w-line);border-radius:12px;box-shadow:0 1px 2px rgba(13,15,26,.04),0 8px 24px -16px rgba(13,15,26,.14);min-width:0;overflow:hidden}
.ws-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--w-line2);background:var(--w-s2)}
.ws-ch b{font:600 13px/1.3 var(--w-fd)}
.ws-ch small{display:block;font-size:11px;color:var(--w-mut)}
.ws-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:1px 8px 1px 7px;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.65}
.ws-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.ws-pill.nd::before{display:none}
.ws-pill.low{background:var(--w-low-bg);color:var(--w-low)}.ws-pill.med{background:var(--w-med-bg);color:var(--w-med)}.ws-pill.high{background:var(--w-high-bg);color:var(--w-high)}.ws-pill.crit{background:var(--w-crit-bg);color:var(--w-crit)}.ws-pill.none{background:var(--w-none-bg);color:var(--w-none)}.ws-pill.brand{background:var(--w-tint);color:var(--w-acct)}
.ws-tag{display:inline-flex;align-items:center;border-radius:5px;padding:0 6px;font-size:10.5px;font-weight:600;background:var(--w-s2);color:var(--w-mut);box-shadow:inset 0 0 0 1px var(--w-line);white-space:nowrap}
.ws-tool{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--w-line2)}
.ws-field{flex:1;display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid var(--w-line);border-radius:8px;color:var(--w-faint);font-size:12px;background:#fff;min-width:0;white-space:nowrap;overflow:hidden}
.ws-sel{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--w-line);border-radius:8px;font-size:12px;background:#fff;white-space:nowrap}
.ws-sel .ic{width:12px;height:12px;color:var(--w-mut)}
.ws-chips{display:flex;flex-wrap:wrap;gap:6px}
.ws-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--w-line);font-size:11.5px;color:var(--w-ink2);font-weight:500;white-space:nowrap}
.ws-chip.on{background:var(--w-tint);color:var(--w-acct);box-shadow:inset 0 0 0 1px rgba(91,52,245,.35)}
.ws-chip i{font-style:normal;font-size:10px;color:var(--w-mut)}
.ws-frow{display:grid;grid-template-columns:118px minmax(0,1fr) 64px;gap:12px;padding:11px 14px;border-bottom:1px solid var(--w-line2);align-items:start}
.ws-frow:last-child{border-bottom:0}
.ws-frow.on{background:var(--w-tint2);box-shadow:inset 3px 0 0 var(--w-acc)}
.ws-frow .v{font-size:11px;color:var(--w-acct);font-weight:600}
.ws-frow b{display:block;font-weight:600;font-size:12.5px;line-height:1.35}
.ws-frow p{margin:2px 0 0;font-size:11.5px;color:var(--w-mut);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ws-frow .m{font-size:10.5px;color:var(--w-faint);margin-top:3px}
.ws-sev{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;font-weight:600}
.ws-sev span{font-size:10px;color:var(--w-faint);font-weight:500}
.ws-sev.crit{color:var(--w-crit)}.ws-sev.high{color:var(--w-high)}.ws-sev.med{color:var(--w-med)}.ws-sev.low{color:var(--w-low)}
.ws-tbl{width:100%;border-collapse:collapse;font-size:12px}
.ws-tbl th{text-align:left;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--w-mut);font-weight:600;padding:8px 14px;border-bottom:1px solid var(--w-line2);white-space:nowrap}
.ws-tbl td{padding:9px 14px;border-bottom:1px solid var(--w-line2);vertical-align:middle;white-space:nowrap}
.ws-tbl tr:last-child td{border-bottom:0}
.ws-tbl tr.on td{background:var(--w-tint2)}
.ws-tbl .a{color:var(--w-acct);font-weight:500}
.ws-tbl .s{color:var(--w-mut)}
.ws-doc{display:inline-flex;align-items:center;gap:7px;font-weight:500}
.ws-doc .ic{width:14px;height:14px;color:var(--w-ink2)}
.ws-vlogo{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font:700 10px/1 var(--w-fd);color:var(--w-acct);background:var(--w-tint);flex:none}
.ws-vn{display:flex;align-items:center;gap:9px}
.ws-vn b{font-weight:600}
.ws-vn span span{font-size:10.5px;color:var(--w-mut)}
.ws-bar{height:6px;border-radius:999px;background:var(--w-line2);overflow:hidden;min-width:60px}
.ws-bar i{display:block;height:100%;border-radius:999px;background:var(--c,var(--w-acc));width:var(--w)}
.ws-qh{padding:9px 14px 4px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--w-mut);font-weight:600}
.ws-qrow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 14px}
.ws-qrow .qi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--w-tint);color:var(--w-acct)}
.ws-qrow .qi .ic{width:14px;height:14px}
.ws-qrow b{display:block;font-weight:600;font-size:12px}
.ws-qrow span{font-size:11px;color:var(--w-mut)}
.ws-qrow .l{color:var(--w-acct);font-weight:600;font-size:11.5px;white-space:nowrap}
.ws-feed{list-style:none;margin:0;padding:4px 0}
.ws-feed li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;padding:7px 14px;font-size:11.5px;color:var(--w-ink2)}
.ws-feed li b{color:var(--w-ink);font-weight:600}
.ws-feed li a{color:var(--w-acct);font-weight:500;text-decoration:none}
.ws-feed time{display:block;font-size:10.5px;color:var(--w-faint)}
.ws-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:9px;color:#fff;background:radial-gradient(120% 120% at 20% 10%,#8A8DFC,#5B34F5 55%,#3A1BB8)}
.ws-av.c2{background:radial-gradient(120% 120% at 20% 10%,#7FD3B4,#138A63)}.ws-av.c3{background:radial-gradient(120% 120% at 20% 10%,#F6C27A,#C2741A)}.ws-av.c4{background:radial-gradient(120% 120% at 20% 10%,#9FC1FF,#2F5FD0)}.ws-av.c5{background:radial-gradient(120% 120% at 20% 10%,#F59AB8,#B8336A)}
/* finding drawer, drawn as a panel */
.ws-dr{background:#fff;border:1px solid var(--w-line);border-radius:14px;box-shadow:0 2px 6px rgba(13,15,26,.06),0 32px 64px -28px rgba(13,15,26,.32);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.ws-dr-h{padding:14px 16px 12px;border-bottom:1px solid var(--w-line2);display:flex;flex-direction:column;gap:5px}
.ws-dr-h .r{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ws-dr-h .crit-t{color:var(--w-crit);font-weight:600;font-size:11.5px}
.ws-dr-h .high-t{color:var(--w-high);font-weight:600;font-size:11.5px}
.ws-dr-h .v{color:var(--w-acct);font-weight:600;font-size:11.5px}
.ws-dr-h h5{margin:0;font:600 15px/1.3 var(--w-fd);letter-spacing:-.015em}
.ws-dr-h .m{font-size:11px;color:var(--w-mut)}
.ws-dr-b{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.ws-dr-k{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12px}
.ws-dr-k .ic{width:14px;height:14px}
.ws-ai{border-radius:10px;padding:11px 12px;background:var(--w-s2);border:1px solid var(--w-line2);display:flex;flex-direction:column;gap:7px}
.ws-conf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;font-size:11px;color:var(--w-mut)}
.ws-conf b{color:var(--w-ink);font-size:12px}
.ws-ai p{margin:0;font-size:12px;line-height:1.5;color:var(--w-ink2)}
.ws-ai .why{font-size:11px;color:var(--w-mut)}
.ws-quote{margin:0;border-left:3px solid var(--w-acc);padding:3px 0 3px 12px;font-style:italic;color:var(--w-ink2);font-size:12px;line-height:1.5}
.ws-file{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--w-acct);font-weight:600}
.ws-file .ic{width:13px;height:13px}
.ws-file span{color:var(--w-mut);font-weight:400}
.ws-dec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ws-dec span{height:32px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--w-line);font-weight:600;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.ws-dec span.on{background:var(--w-tint);box-shadow:inset 0 0 0 1.5px var(--w-acc);color:var(--w-acct)}
.ws-dec .ic{width:13px;height:13px}
.ws-dr-f{padding:11px 16px;border-top:1px solid var(--w-line2);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.ws-note{font-size:11px;color:var(--w-mut)}
.ws-reason{border-radius:9px;border:1px solid var(--w-line);padding:9px 11px;font-size:12px;color:var(--w-ink2);background:#fff}
.ws-reason small{display:block;font-size:10.5px;color:var(--w-mut);margin-bottom:3px}
/* stepper */
.ws-steps{display:flex;align-items:center;padding:12px 14px;overflow:hidden}
.ws-step{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--w-mut);font-weight:500;font-size:11.5px}
.ws-step i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:600;font-style:normal;box-shadow:inset 0 0 0 1.5px var(--w-line);background:#fff}
.ws-step.done{color:var(--w-ink)}.ws-step.done i{background:var(--w-acc);color:#fff;box-shadow:none}
.ws-step.cur{color:var(--w-ink)}.ws-step.cur i{box-shadow:inset 0 0 0 2px var(--w-acc);color:var(--w-acct)}
.ws-sl{flex:1;min-width:16px;height:2px;margin:0 9px;background:var(--w-line);border-radius:2px}
.ws-sl.fill{background:var(--w-acc)}
/* jira task */
.ws-jira{background:#fff;border:1px solid var(--w-line);border-radius:12px;overflow:hidden}
.ws-jira-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--w-line2);font-weight:600;font-size:12px;color:#1868DB}
.ws-jira-h .k{margin-left:auto;font:500 11px var(--w-fm);color:var(--w-mut)}
.ws-jira-b{padding:12px 14px;display:flex;flex-direction:column;gap:7px;font-size:12px}
.ws-jira-b b{font-size:12.5px}
.ws-jira-b .row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
@media (max-width:760px){.ws{grid-template-columns:minmax(0,1fr)}.ws-side{display:none}.ws-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-search{display:none}.ws-frow{grid-template-columns:minmax(0,1fr)}.ws-frow .ws-sev{display:none}}

.ws-card,.ws-dr,.ws-jira{font:13px/1.5 "Inter",ui-sans-serif,system-ui,sans-serif;color:var(--w-ink);text-align:left;-webkit-font-smoothing:antialiased}
.ws-card *,.ws-dr *,.ws-jira *{box-sizing:border-box}
.ws-card .ic,.ws-dr .ic,.ws-jira .ic{width:16px;height:16px;stroke-width:1.9}
.ws-search{width:auto}
.ws-vn>span:not(.ws-vlogo){display:block}
.ws-vn span.ws-vlogo,.ws-vlogo{display:grid!important;place-items:center}
.ws-vn>span>b,.ws-vn>span>span{display:block}
.ws-bar{display:block}

/* ===== Home layer ===== */
/* hero: Read / Decide / Act spans the frame; the stage breathes */
.q-hero .q-win-b{padding:20px 22px 10px}
.q-hero .ev-steps{display:flex;width:100%;margin-bottom:18px}
.q-hero .ev-steps li{flex:0 0 auto}
.q-hero .ev-steps li + li{flex:1 1 0}
.q-hero .ev-steps li + li::before{flex:1 1 auto;width:auto!important;margin-inline:16px!important}
.q-hero .p1-slot .ev-paper{width:57%!important}
.q-hero .ev-card{width:min(46%,280px)!important;right:0!important}
.q-hero .ev-dec{right:0!important;width:min(52%,290px)!important}
.q-hero .ev-ctl{margin-top:20px}
.xa-wfoot{display:flex;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid var(--pc-line);background:var(--pc-tint-100);font-size:13.5px;line-height:19px;color:var(--pc-muted);border-radius:0 0 18px 18px}
.xa-wfoot b{color:var(--pc-ink);font-weight:600}
.xa-wfoot .q-ic{width:30px;height:30px;flex:none}
.xa-wfoot .q-ic .hx{display:block!important}

/* facts strip: the icons are back */
.q-facts .q-ic .hx{display:block!important}

/* the value card stays hidden until the highlight lights up */
.q-val-card{opacity:clamp(0,calc((var(--p) - .74) * 6),1)!important;transform:translateY(calc((1 - clamp(0,calc((var(--p) - .74) * 6),1)) * 18px))}
.q-val.flat .q-val-card{opacity:1!important;transform:none}

/* section grounds: each section has its own ground, with a soft seam from the one before */
.xa-g-lav{background:linear-gradient(180deg,#fff 0,#F4F2FC 140px,#F4F2FC 100%)!important;position:relative;overflow:hidden}
.xa-g-lav::before,.xa-g-lav2::before{content:"";position:absolute;right:-6%;top:12%;width:min(42vw,620px);aspect-ratio:76/86;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 86'%3E%3Cpath d='M38 1.5 74.5 22.5V63.5L38 84.5 1.5 63.5V22.5Z' fill='none' stroke='%235834F5' stroke-opacity='.07' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none}
.xa-g-lav>.wrap,.xa-g-lav2>.wrap{position:relative;z-index:1}
.xa-g-white{background:linear-gradient(180deg,#F4F2FC 0,#fff 160px)!important}
.xa-g-sunk{background:linear-gradient(180deg,#fff 0,#F3F2F8 160px)!important}
.xa-g-ink{background:var(--pc-ink)!important}
.xa-g-ink .q-pin-st{background:transparent}
.xa-g-white2{background:#fff!important}
.xa-g-lav2{background:linear-gradient(180deg,#fff 0,#F4F2FC 140px,#F8F7FE 100%)!important;position:relative;overflow:hidden}
.xa-g-lav2::before{left:-8%;right:auto;top:auto;bottom:-10%}
.q-val{background:linear-gradient(180deg,#fff 0,#fff 70%,#fff 100%)}

/* three steps: staged as the section scrolls in */
[data-xstage] .q-prb-c,[data-xstage] .q-prb-l,[data-xstage] .rda-top,[data-xstage] .rda-tx{transition:opacity 600ms var(--e-reveal),transform 600ms var(--e-reveal)}
[data-xstage][data-st="0"] .q-prb-c{opacity:0;transform:translateY(16px)}
[data-xstage]:not([data-st="2"]):not([data-st="3"]):not([data-st="4"]) .q-prb-l{opacity:0}
[data-xstage]:not([data-st="3"]):not([data-st="4"]) .rda-top{opacity:0;transform:translateY(16px)}
[data-xstage]:not([data-st="4"]) .rda-tx{opacity:0;transform:translateY(12px)}
[data-xstage] .q-prb-c:nth-child(2),[data-xstage] .rda-n:nth-child(2) .rda-top,[data-xstage] .rda-n:nth-child(2) .rda-tx{transition-delay:120ms}
[data-xstage] .q-prb-c:nth-child(3),[data-xstage] .rda-n:nth-child(3) .rda-top,[data-xstage] .rda-n:nth-child(3) .rda-tx{transition-delay:240ms}
.q-rdab .rda{margin-top:12px}
.q-rdab .rda-s{opacity:.9}

/* Read / Decide / Act flows: panels switch with the scroll */
.xa-flow .xa-sw{transition:opacity 420ms var(--e-reveal),transform 420ms var(--e-reveal)}
.xa-flow[data-s="0"] .xa-sw:not([data-xs="0"]),.xa-flow[data-s="1"] .xa-sw:not([data-xs="1"]),.xa-flow[data-s="2"] .xa-sw:not([data-xs="2"]){display:none}
.xa-flow .xa-sw{animation:xa-in 460ms var(--e-reveal) both}
@keyframes xa-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.xa-flow .ws{max-width:100%}
.xa-flow tr .xa-sw{animation:none}
.xa-flow[data-s="1"] tr .xa-sw[data-xs="1"],.xa-flow[data-s="2"] tr .xa-sw[data-xs="1"]{display:inline}
.xa-flow[data-s="2"] tr .xa-sw[data-xs="2"]{display:none}
/* read */
.xa-rd{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
.xa-rd-r{display:flex;flex-direction:column;gap:12px;min-width:0}
.xa-flow[data-s="2"] .xa-rd-r .xa-sw[data-xs="1"]{display:block}
.xa-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 14px;border-bottom:1px solid var(--w-line2);font-size:12px}
.xa-item:last-child{border-bottom:0}
.xa-item b{display:block;font-weight:600}
.xa-item span span{display:block;color:var(--w-mut);font-size:11.5px;line-height:1.45}
.xa-pg{font:500 11px var(--w-fm);color:var(--w-acct);padding-top:1px}
.xa-frow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--w-line2);font-size:12px}
.xa-frow:last-child{border-bottom:0}
.xa-frow b{font-weight:600}
.xa-frow>span:last-child{font-size:11px;color:var(--w-high);font-weight:600}
.xa-skel{padding:14px;display:flex;flex-direction:column;gap:10px}
.xa-skel i{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--w-line2) 0,#E3DEFB 40%,var(--w-line2) 80%);background-size:200% 100%;animation:xa-sh 1.4s linear infinite}
@keyframes xa-sh{to{background-position:-200% 0}}
/* decide */
.xa-fi{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
.xa-fi-l{display:flex;flex-direction:column;gap:12px;min-width:0}
.xa-fi-r{min-width:0}
.xa-fi-r .ws-dr{box-shadow:0 2px 6px rgba(13,15,26,.05),0 18px 40px -24px rgba(13,15,26,.3)}
/* act */
.xa-act{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);gap:10px;align-items:center}
.xa-col{transition:opacity 500ms var(--e-reveal),transform 500ms var(--e-reveal)}
.xa-act[data-s="0"] [data-xc="1"],.xa-act[data-s="0"] [data-xc="2"],.xa-act[data-s="1"] [data-xc="2"]{opacity:.18;transform:translateY(10px)}
.xa-act .xa-arr{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff}
.xa-act .ws-card,.xa-act .ws-dr,.xa-act .ws-jira{box-shadow:0 24px 48px -24px rgba(0,0,0,.6)}
.xa-act[data-s="0"] [data-xc="0"] .ws-btn.p{box-shadow:0 0 0 3px rgba(138,141,252,.55)}

/* security: cards with their tiles */
.q-sc .q-ic .hx{display:block!important}

/* closing: violet ground with the honeycomb from the social posts */
.xa-cta{background:#fff}
.xa-cta .q-cta-c{background:var(--pc-purple)!important;box-shadow:0 30px 60px -30px rgba(70,21,208,.55)!important;position:relative;overflow:hidden;isolation:isolate}
.xa-cta .q-cta-g{display:block!important;opacity:.32}
.xa-cta .xa-cta-hx{position:absolute;right:-60px;top:-90px;width:440px;height:auto;fill:none;stroke:#fff;stroke-opacity:.22;stroke-width:1;z-index:-1}
.xa-cta h2,.xa-cta p,.xa-cta .q-cta-ck{color:#fff!important}
.xa-cta p{opacity:.9}
.xa-cta .q-btn-w{background:#fff;color:var(--pc-purple-700);border-radius:999px}
.xa-cta .q-btn-o{border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7);color:#fff;background:transparent}
.xa-cta .q-cta-ck .ic{color:#fff}
.xa-cta-v .ws-card{box-shadow:0 30px 60px -24px rgba(13,6,26,.55)}
.xa-cta-v{align-self:center}
.q-cta+.q-faq{border-top:0}

@media (max-width:1000px){.xa-rd,.xa-fi{grid-template-columns:1fr}.xa-act{grid-template-columns:1fr}.xa-act .xa-arr{justify-self:center;transform:rotate(90deg)}.xa-fi-l .ws-ph{display:none}}
@media (prefers-reduced-motion:reduce){.xa-flow .xa-sw,.xa-col,[data-xstage] *{transition:none!important;animation:none!important}}

.q-hero .q-win{width:76%!important}
.xa-cta .xa-cta-hx+.xa-cta-hx{left:-80px;right:auto;top:auto;bottom:-120px}
/* ===== security feature: the auditor and Finding Reviews ===== */
.xa-aud{position:relative;min-height:600px!important;padding:0!important;display:block!important;background:var(--pc-ink)!important;isolation:isolate;overflow:hidden}
.xa-aud-ph{position:absolute;inset:0;z-index:-2}
.xa-aud-img{position:absolute;inset:0;background-position:74% 16%!important}
.xa-aud::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,6,26,.94) 0%,rgba(13,6,26,.6) 26%,rgba(13,6,26,0) 46%,rgba(13,6,26,.1) 64%,rgba(13,6,26,.88) 100%)}
.xa-aud-t{position:relative;padding:28px 28px 0;max-width:440px}
.xa-aud-t h3{margin:0;color:#fff;font-size:clamp(24px,2.1vw,30px);line-height:1.12;letter-spacing:-.02em}
.xa-aud-t p{margin:8px 0 0;color:rgba(255,255,255,.8);font-size:15px}
.xa-aud-q{position:absolute;left:28px;top:40%;max-width:290px;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 16px 40px -20px rgba(0,0,0,.6);color:var(--pc-ink)}
.xa-aud-q em{display:block;font-style:normal;font-size:11.5px;color:var(--pc-purple);font-weight:600;margin-bottom:3px}
.xa-aud-q b{display:block;font-size:14px;line-height:20px;font-weight:600}
.xa-aud-a{position:absolute;left:28px;right:28px;bottom:28px}
.xa-aud-a .ws-card{box-shadow:0 24px 48px -24px rgba(0,0,0,.7)}
.xa-aud-a::before{content:"";position:absolute;left:40px;top:-30px;height:26px;width:2px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.75))}

/* ===== closing: photo and product on violet ===== */
.xa-cta-c{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;gap:clamp(24px,4vw,64px)!important;align-items:center}
.xa-cta-s{position:relative;min-height:460px}
.xa-cta-ph{position:absolute;right:0;top:0;width:86%;height:74%;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(13,6,26,.6),0 0 0 1px rgba(255,255,255,.25)}
.xa-cta-img{position:absolute;inset:0;background-position:50% 35%!important}
.xa-cta-f{position:absolute;left:0;bottom:2%;width:57%}
.xa-cta-f .ws-card{box-shadow:0 30px 60px -24px rgba(13,6,26,.6)}
.xa-cta-d{position:absolute;right:-2%;bottom:-4%;width:41%}
.xa-cta-dec{padding:12px;display:flex;flex-direction:column;gap:9px;box-shadow:0 24px 48px -20px rgba(13,6,26,.6)!important}
.xa-cta-dec .ws-dec span{height:28px;font-size:10.5px}
.xa-cta-tag{position:absolute;right:5%;top:5%;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;color:var(--pc-ink);font-size:12px;box-shadow:0 12px 30px -14px rgba(13,6,26,.6)}
.xa-cta-tag b{font-weight:600}
@media (prefers-reduced-motion:no-preference){
  .xa-cta-f,.xa-cta-d,.xa-cta-tag,.xa-aud-q,.xa-aud-a{transition:opacity 700ms var(--e-reveal),transform 700ms var(--e-reveal)}
  .xa-pre .xa-cta-f{opacity:0;transform:translateY(24px)}
  .xa-pre .xa-cta-d{opacity:0;transform:translateY(24px);transition-delay:180ms}
  .xa-pre .xa-cta-tag{opacity:0;transform:translateY(-10px);transition-delay:320ms}
  .xa-pre .xa-aud-q{opacity:0;transform:translateY(12px)}
  .xa-pre .xa-aud-a{opacity:0;transform:translateY(20px);transition-delay:260ms}
}
@media (max-width:1000px){.xa-cta-c{grid-template-columns:1fr!important}}
@media (max-width:640px){.xa-cta-s{min-height:400px}.xa-cta-ph{width:100%;height:60%}.xa-cta-f{width:94%;bottom:16%}.xa-cta-d{right:0;bottom:-2%;width:72%}.xa-aud{min-height:660px!important}.xa-aud-q{top:34%;right:20px;max-width:none;left:20px}.xa-aud-a{left:16px;right:16px;bottom:16px}.xa-aud-t{padding:22px 22px 0}}
@media (max-width:760px){.xa-rd .ws-tbl th:nth-child(2),.xa-rd .ws-tbl td:nth-child(2){display:none}.xa-rd .ws-doc{white-space:normal;word-break:break-all}.xa-rd .ws-ch{flex-wrap:wrap}}

.xa-cta-fc{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.xa-cta-fr{display:flex;justify-content:space-between;align-items:center}
.xa-cta-fc .v{font-size:11.5px;color:var(--w-acct);font-weight:600}
.xa-cta-fc b{font-size:14px;line-height:1.35;font-weight:600}
.xa-cta-fc .ws-file{margin-top:2px}

/* ===== nav layer (xb-): mega menu features, Company pages ===== */
:root{--xb-night:#120A25;--xb-night2:#1B0F35;--xb-ink-p:#CFCBE0;--xb-ink-l:#B9BBFF;
  --xb-honey-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16Z M28 64v33' fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E");
  --xb-honey-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16Z M28 64v33' fill='none' stroke='%235834F5' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E");
  --xb-sh:0 1px 2px rgba(13,6,26,.04),0 12px 32px -12px rgba(46,22,140,.18),0 0 0 1px rgba(13,6,26,.05)}

/* a kit visual scaled to its box */
.xb-fit{width:100%;overflow:hidden}
.xb-fit[data-auto]{overflow:clip;overflow-clip-margin:56px}
.xb-fit-i{transform:scale(var(--s,1));transform-origin:0 0}
.xb-fit-i > *{max-width:none}

/* ---- mega menu: one feature pane per item, cross-faded ---- */
.xb-mm .xb-feat{position:relative;min-height:316px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,var(--xb-night2) 0%,var(--xb-night) 62%)!important}
.xb-mm .xb-feat::before{content:"";position:absolute;inset:0;background-image:var(--xb-honey-d);background-size:56px 97px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 75%);mask-image:linear-gradient(180deg,#000 0%,transparent 75%);pointer-events:none}
.xb-pn{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff;text-decoration:none;opacity:0;visibility:hidden;transition:opacity 240ms var(--e-std),visibility 0s linear 240ms}
.xb-pn.on{opacity:1;visibility:visible;transition:opacity 240ms var(--e-std)}
.xb-st{position:relative;display:block;flex:1 1 auto;min-height:0;overflow:hidden}
.xb-st::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(180deg,rgba(18,10,37,0),rgba(18,10,37,.96));pointer-events:none}
.xb-st .xb-fit{position:absolute;left:20px;right:-12%;top:20px;bottom:0;overflow:visible}
.xb-st .xb-fit[data-b],.xb-shot .xb-fit[data-b]{top:auto;bottom:18px}
.xb-st-b::after{top:0;bottom:auto;height:56px;background:linear-gradient(0deg,rgba(18,10,37,0),rgba(18,10,37,.96))}
.xb-shot.xb-st-b::after{background:linear-gradient(0deg,rgba(248,247,254,0),#F8F7FE)}
.xb-shot-d.xb-st-b::after{background:linear-gradient(0deg,rgba(22,12,44,0),rgba(22,12,44,.95))}
.xb-st .xb-fit-i{transform:translateY(8px) scale(var(--s,.6));transition:transform 420ms var(--e-reveal)}
.xb-pn.on .xb-st .xb-fit-i{transform:scale(var(--s,.6))}
.xb-st .ws,.xb-st .ws-dr{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 48px -24px rgba(0,0,0,.6)}
.xb-cv{background:var(--xb-night)}
.xb-cv::after{display:none}
.xb-cv svg{display:block;width:100%;height:100%}
.xb-tx{position:relative;display:flex;flex-direction:column;gap:6px;flex:none;padding:14px 20px 20px}
.xb-h{font:600 17px/22px var(--f-display);letter-spacing:-.01em;color:#fff}
.xb-p,.xb-m{font-size:13.5px;line-height:19px;color:var(--xb-ink-p);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.xb-k{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-purple-400)}
.xb-pn .lnk{color:var(--xb-ink-l);font-size:14px;margin-top:2px}
.xb-pn .lnk .ic{transition:transform var(--d-fast) var(--e-std)}
.xb-pn:hover .lnk .ic,.xb-pn:focus-visible .lnk .ic{transform:translateX(3px)}
.xb-pn:focus-visible{outline:2px solid var(--pc-purple-400);outline-offset:-4px;border-radius:16px}
.q-mm .mm-a.xb-cur{background:#F7F6FD}
.xb-st-ct{display:flex;flex-direction:column;gap:10px;padding:24px 20px 0}
.xb-st-ct::after{display:none}
.xb-ct{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;color:var(--pc-ink);box-shadow:0 12px 28px -16px rgba(0,0,0,.6)}
.xb-ct .ic{color:var(--pc-purple);flex:none}
.xb-ct b{display:block;font-size:13px;line-height:18px;font-weight:600}
.xb-ct em{display:block;font-style:normal;font-size:12px;line-height:16px;color:var(--pc-muted)}
@media (prefers-reduced-motion:reduce){.xb-pn,.xb-pn.on,.xb-st .xb-fit-i,.xb-pn .lnk .ic{transition:none!important}.xb-st .xb-fit-i{transform:scale(var(--s,.6))}}

/* ---- Company pages: lavender hero with the big faint mark ---- */
.xb-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#F8F7FE 100%);padding-block:clamp(28px,4vw,48px) clamp(64px,7vw,104px)}
.xb-hero::before{content:"";position:absolute;inset:0;background-image:var(--xb-honey-l);background-size:56px 97px;-webkit-mask-image:radial-gradient(70% 90% at 85% 30%,#000 0%,transparent 70%);mask-image:radial-gradient(70% 90% at 85% 30%,#000 0%,transparent 70%);pointer-events:none}
.xb-hero-mk{position:absolute;right:max(-160px,-10vw);top:-90px;width:min(760px,62vw);pointer-events:none}
.xb-mark{display:block;width:100%;height:auto}
.xb-mark path{fill:#5834F5;fill-opacity:.05}
.xb-hero .wrap{position:relative}
.xb-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.xb-hero-t{display:flex;flex-direction:column;gap:24px;min-width:0}
.xb-hero-t h1,.xb-ct-f h1{font-size:clamp(36px,4.4vw,64px);line-height:1.04;letter-spacing:-.025em}
.xb-hero-v{min-width:0}
.xb-hero .crumb{margin-bottom:clamp(24px,3vw,40px)}

/* About: story and what it does */
.xb-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.xb-story-a h2{font-size:clamp(30px,3.1vw,44px);line-height:1.08}
.xb-story-a p{color:var(--pc-muted);font-size:17px;line-height:28px;margin:20px 0 0;max-width:52ch}
.xb-does{list-style:none;margin:0;padding:0}
.xb-does li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:26px 0;border-top:1px solid var(--pc-line)}
.xb-does li:last-child{border-bottom:1px solid var(--pc-line)}
.xb-does h3{font-size:20px;line-height:26px;margin:0 0 6px}
.xb-does p{margin:0;color:var(--pc-muted);font-size:15px;line-height:24px}
.xb-n{position:relative;display:grid;place-items:center;width:44px;height:50px}
.xb-n svg{position:absolute;inset:0;width:100%;height:100%}
.xb-n path{fill:var(--pc-tint-100);stroke:var(--pc-tint-200);stroke-width:2}
.xb-n b{position:relative;font:600 16px/1 var(--f-display);color:var(--pc-purple)}

/* lavender-washed bands */
.xb-wash{position:relative;background:linear-gradient(180deg,#F8F7FE 0%,#F4F2FC 100%)!important}
.xb-wash::before{content:"";position:absolute;inset:0;background-image:var(--xb-honey-l);background-size:56px 97px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%);pointer-events:none}
.xb-wash .wrap{position:relative}

/* About: five principles, each with a product visual */
.xb-pr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.xb-pr-c{grid-column:span 4;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--xb-sh)}
.xb-pr-c:nth-child(1){grid-column:span 7}
.xb-pr-c:nth-child(2){grid-column:span 5}
.xb-shot{position:relative;display:block;height:272px;overflow:hidden;background:linear-gradient(180deg,#F8F7FE 0%,#EFEBFC 100%)}
.xb-shot-mk{position:absolute;right:-60px;bottom:-90px;width:300px}
.xb-shot-mk .xb-mark path{fill-opacity:.07}
.xb-shot .xb-fit{position:absolute;left:28px;right:0;top:28px;bottom:0;overflow:visible}
.xb-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;background:linear-gradient(180deg,rgba(239,235,252,0),#EFEBFC);pointer-events:none}
.xb-pr-t{padding:22px 28px 28px}
.xb-pr-n{display:block;font-size:13px;font-weight:600;color:var(--pc-purple);margin-bottom:8px}
.xb-pr-t h3{font-size:21px;line-height:27px;margin:0 0 8px}
.xb-pr-t p{margin:0;color:var(--pc-muted);font-size:15px;line-height:24px;max-width:46ch}
.xb-pr-w{flex-direction:row-reverse}
.xb-pr-w .xb-shot{flex:1.15 1 0;height:auto;min-height:340px}
.xb-pr-w .xb-pr-t{flex:1 1 0;align-self:center;padding:32px}
.xb-pr-c:nth-child(2) .xb-shot{height:auto;flex:1 1 auto;min-height:272px}

/* dark mosaic bands */
.xb-dark{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--xb-night2) 0%,var(--xb-night) 60%)!important;color:#fff}
.xb-dark::before{content:"";position:absolute;inset:0;background-image:var(--xb-honey-d);background-size:56px 97px;-webkit-mask-image:radial-gradient(80% 90% at 80% 0%,#000,transparent 75%);mask-image:radial-gradient(80% 90% at 80% 0%,#000,transparent 75%);pointer-events:none}
.xb-dark .wrap{position:relative}
.xb-dark h2,.xb-dark h3{color:#fff}
.xb-dark-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.xb-dark-h h2{font-size:clamp(30px,3.1vw,44px);line-height:1.08}
.xb-dark-h p{margin:0;color:var(--xb-ink-p);font-size:17px;line-height:28px;max-width:48ch}
.xb-teams{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.xb-teams a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#fff;transition:background var(--d-base) var(--e-std),transform var(--d-base) var(--e-std)}
.xb-teams a:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.xb-teams b{font:600 18px/24px var(--f-display);letter-spacing:-.01em;margin-top:6px}
.xb-teams span:not(.q-ic){color:var(--xb-ink-p);font-size:14.5px;line-height:22px}
.xb-teams .lnk{margin-top:auto;padding-top:8px;color:var(--xb-ink-l);font-style:normal;font-size:14px}

/* Security: controls, and the decision record on a dark band */
.xb-ctl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.xb-ctl li{display:flex;gap:16px;align-items:flex-start;padding:28px;border-radius:20px;background:#fff;box-shadow:var(--xb-sh)}
.xb-ctl h3{font-size:18px;line-height:24px;margin:2px 0 6px}
.xb-ctl p{margin:0;color:var(--pc-muted);font-size:15px;line-height:23px}
.xb-ok{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:3px 10px 3px 8px;border-radius:999px;background:#E3F5EC;color:#0E7A55;font-size:12.5px;font-weight:500}
.xb-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.xb-pair-c{display:flex;flex-direction:column;min-width:0;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.xb-pair-t{display:flex;gap:16px;align-items:flex-start;padding:28px 28px 4px}
.xb-pair-t h3{font-size:20px;line-height:26px;margin:2px 0 8px}
.xb-pair-t p{margin:0;color:var(--xb-ink-p);font-size:15px;line-height:24px;max-width:50ch}
.xb-shot-d{background:transparent;height:300px;margin-top:20px}
.xb-shot-d::after{background:linear-gradient(180deg,rgba(20,11,40,0),rgba(20,11,40,.95))}
.xb-shot-d .xb-shot-mk{display:none}
.xb-shot-d .ws-dr,.xb-shot-d .ws{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.7)}
.xb-tbl{overflow-x:auto;position:relative}
.xb-tbl table{min-width:480px}

/* Contact: the form in a product frame */
.xb-ct-hero{padding-bottom:clamp(64px,7vw,112px)}
.xb-ct-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:start}
.xb-ct-f{display:flex;flex-direction:column;gap:20px;min-width:0}
.xb-form{margin-top:12px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(13,6,26,.04),0 28px 64px -30px rgba(46,22,140,.32),0 0 0 1px rgba(13,6,26,.06)}
.xb-form-h{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-bottom:1px solid #E6E7EC;background:#F7F7FA;font-size:13px;color:var(--pc-muted);flex-wrap:wrap}
.xb-form-h b{color:var(--pc-ink);font-weight:600}
.xb-form-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px #E6E7EC}
.xb-form-dot svg{width:12px;height:auto;display:block}
.xb-form-b{padding:24px clamp(20px,3vw,32px) 28px}
.xb-ct-s{display:flex;flex-direction:column;gap:16px;min-width:0;padding-top:clamp(0px,6vw,88px)}
.xb-ct-h{font-size:20px;line-height:26px;margin:0 0 4px}
.xb-routes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.xb-routes li{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:var(--xb-sh)}
.xb-routes li > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.xb-routes b{font:600 16px/22px var(--f-display);color:var(--pc-ink)}
.xb-routes a[href^="mailto"]{color:var(--pc-purple);font-weight:500;overflow-wrap:anywhere}
.xb-routes span:not(.q-ic){color:var(--pc-muted);font-size:14px;line-height:21px}
.xb-routes .lnk{margin-top:8px;font-size:14px}
.xb-ct-demo{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,var(--xb-night2),var(--xb-night) 60%);color:#fff;position:relative;transition:transform var(--d-base) var(--e-std)}
.xb-ct-demo:hover{transform:translateY(-2px)}
.xb-ct-demo::before{content:"";position:absolute;inset:0;background-image:var(--xb-honey-d);background-size:56px 97px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.xb-ct-demo-v{position:relative;display:block;height:176px;overflow:hidden}
.xb-ct-demo-v::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(180deg,rgba(18,10,37,0),rgba(18,10,37,.95))}
.xb-ct-demo-v .xb-fit{position:absolute;left:24px;right:0;top:24px;bottom:0;overflow:visible}
.xb-ct-demo-t{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 24px 22px}
.xb-ct-demo-t b{font:600 18px/24px var(--f-display)}
.xb-ct-demo-t span:not(.lnk){color:var(--xb-ink-p);font-size:14.5px;line-height:22px}
.xb-ct-demo-t .lnk{color:var(--xb-ink-l);margin-top:4px}

/* reveals */
.xb-pend{opacity:0;transform:translateY(18px)}
.xb-pend.xb-in{opacity:1;transform:none;transition:opacity 620ms var(--e-reveal) var(--xd,0ms),transform 620ms var(--e-reveal) var(--xd,0ms)}

@media (max-width:1100px){
  .xb-teams{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xb-pr-c,.xb-pr-c:nth-child(2){grid-column:span 6}
  .xb-pr-c:nth-child(1){grid-column:span 12}
  .xb-pr-c:nth-child(5){grid-column:span 12}
}
@media (max-width:960px){
  .xb-hero-g,.xb-story,.xb-ct-g,.xb-dark-h{grid-template-columns:minmax(0,1fr)}
  .xb-ctl,.xb-pair{grid-template-columns:minmax(0,1fr)}
  .xb-ct-s{padding-top:0}
  .xb-hero-mk{width:min(560px,90vw);right:-30vw;top:-40px}
}
@media (max-width:640px){
  .xb-pr-c,.xb-pr-c:nth-child(1),.xb-pr-c:nth-child(2),.xb-pr-c:nth-child(5){grid-column:span 12}
  .xb-pr-w{flex-direction:column}
  .xb-pr-w .xb-shot{flex:none;height:260px;min-height:0}
  .xb-pr-w .xb-pr-t{padding:22px 22px 26px}
  .xb-pr-t{padding:20px 22px 24px}
  .xb-shot{height:240px}
  .xb-shot .xb-fit{left:20px;top:20px}
  .xb-teams{grid-template-columns:minmax(0,1fr)}
  .xb-ctl li{padding:22px}
  .xb-pair-t{padding:22px 22px 4px}
  .xb-shot-d{height:260px}
  .xb-form-b{padding:20px}
}

/* hexagon tiles for the Company pages */
.xb-tile{display:grid;place-items:center;flex:none;width:44px;height:50px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--pc-tint-100);color:var(--pc-purple)}
.xb-tile .ic{width:20px;height:20px}
.xb-dark .xb-tile{background:rgba(185,187,255,.14);color:var(--xb-ink-l)}

/* scaled kit screens keep their desktop layout at any viewport: they are drawn at a fixed width and scaled */
@media (max-width:760px){
  .xb-fit .ws{grid-template-columns:196px minmax(0,1fr)}
  .xb-fit .ws.mini{grid-template-columns:58px minmax(0,1fr)}
  .xb-fit .ws.bare{display:block}
  .xb-fit .ws-side{display:flex}
  .xb-fit .ws-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .xb-fit .ws-search{display:flex}
  .xb-fit .ws-frow{grid-template-columns:118px minmax(0,1fr) 64px}
  .xb-fit .ws-frow .ws-sev{display:flex}
}
/* ===== layer plat (xc-): platform overview, module pages, solutions role pages ===== */

/* scaled kit screens */
[data-xcfit]{display:block;position:relative;width:100%}
[data-xcfit][data-xcmax]{overflow:hidden}
[data-xcfit] > .xc-fi{display:block;transform-origin:0 0}

/* the highlighted part of a screen */
.xc-hl{outline:2px solid var(--pc-purple);outline-offset:3px;border-radius:7px}
tr.xc-hl{outline-offset:-2px}
tr.xc-hl td{background:var(--w-tint2)}
td.xc-hl{outline:none;border-radius:0;background:var(--w-tint2)!important;color:var(--w-acct)!important;font-weight:600;box-shadow:inset 0 2px 0 -1px transparent}
.xc-wk-pane.on td.xc-hl{animation:xc-cell 900ms 350ms var(--e-reveal) both}
@keyframes xc-cell{from{background:transparent}}
.ws-ai.xc-hl,.ws-reason.xc-hl,.ws-jira-b.xc-hl,.ws-tbl.xc-hl{outline-offset:-1px}

/* ---------- walkthrough ---------- */
.xc-wk{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,3.4vw,56px);align-items:start}
.xc-wk-l{position:sticky;top:calc(var(--hd-h) + 24px);display:flex;flex-direction:column;gap:20px}
.xc-wk-ls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.xc-wk-s{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;width:100%;padding:16px 18px 18px;border-radius:16px;cursor:pointer;color:var(--pc-muted);transition:background var(--d-base) var(--e-std),box-shadow var(--d-base) var(--e-std)}
.xc-wk-s:hover{background:rgba(255,255,255,.6)}
.xc-wk-s:focus-visible{outline:2px solid var(--pc-purple);outline-offset:2px}
.xc-wk-s.on{background:#fff;color:var(--pc-ink);box-shadow:0 0 0 1px var(--pc-line),var(--sh-md)}
.xc-wk-n{display:grid;place-items:center;width:36px;height:40px;font:600 13px/1 var(--f-sans);color:var(--pc-muted);background:var(--pc-white);box-shadow:inset 0 0 0 1px var(--pc-line);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.xc-wk-s.done .xc-wk-n{color:var(--pc-purple);background:var(--pc-tint-200)}
.xc-wk-s.on .xc-wk-n{color:#fff;background:var(--pc-purple)}
.xc-wk-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.xc-wk-tx b{font:600 17px/24px var(--f-display);color:inherit;letter-spacing:-.005em}
.xc-wk-s.on .xc-wk-tx b{color:var(--pc-ink)}
.xc-wk-tx > span{font-size:15px;line-height:23px;color:var(--pc-muted)}
.xc-wk-pg{position:absolute;left:72px;right:18px;bottom:9px;height:2px;border-radius:2px;background:transparent;overflow:hidden}
.xc-wk-pg i{display:block;height:100%;width:0;background:var(--pc-purple)}
.xc-wk.play .xc-wk-s.on .xc-wk-pg{background:var(--pc-tint-200)}
.xc-wk.play .xc-wk-s.on .xc-wk-pg i{animation:xc-prog 6200ms linear both}
@keyframes xc-prog{from{width:0}to{width:100%}}
.xc-wk-pp{all:unset;box-sizing:border-box;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 12px;margin-left:18px;border-radius:999px;font-size:14px;font-weight:500;color:var(--pc-ink);background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);cursor:pointer}
.xc-wk-pp:hover{box-shadow:inset 0 0 0 1px var(--pc-muted)}
.xc-wk-pp:focus-visible{outline:2px solid var(--pc-purple);outline-offset:2px}
.xc-wk-pp .ic{color:var(--pc-purple)}
.xc-wk-r{display:flex;flex-direction:column;gap:16px;min-width:0}
.xc-wk-stg{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:clamp(16px,2.4vw,32px);border-radius:24px;background:linear-gradient(180deg,#fff 0%,#F8F7FE 100%);box-shadow:inset 0 0 0 1px var(--pc-tint-200);overflow:hidden;isolation:isolate}
.xc-wk-stg::before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(circle at 1px 1px,rgba(88,52,245,.10) 1px,transparent 1.4px);background-size:18px 18px;-webkit-mask-image:linear-gradient(160deg,#000,transparent 70%);mask-image:linear-gradient(160deg,#000,transparent 70%)}
.xc-wk-hx{position:absolute;right:-7%;top:6%;width:44%;z-index:-1;fill:rgba(88,52,245,.045)}
.xc-wk-pane{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 450ms var(--e-reveal),transform 450ms var(--e-reveal),visibility 0s 450ms}
.xc-wk-pane.on{opacity:1;visibility:visible;transform:none;transition:opacity 450ms var(--e-reveal),transform 450ms var(--e-reveal),visibility 0s}
.xc-wk-pane .ws-dr,.xc-wk-pane .xc-solo{max-width:560px;margin-inline:auto}
.xc-wk-pane.on .xc-hl{animation:xc-ring 1100ms 350ms var(--e-reveal) both}
@keyframes xc-ring{0%{outline-color:rgba(88,52,245,0);outline-offset:14px}100%{outline-color:var(--pc-purple)}}
.xc-wk-note{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:16px;line-height:25px;color:var(--pc-ink);min-height:50px}
.xc-wk-dot{flex:none;width:14px;height:16px;margin-top:5px;background:var(--pc-purple);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.xc-solo{display:flex;flex-direction:column;gap:14px}
.xc-two{max-width:600px!important}

/* reduced motion: the steps stand still, one under the other */
.xc-wk-st{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(28px,3vw,48px)}
.xc-wk-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,3.4vw,56px);align-items:center}
.xc-wk-row .xc-wk-tx{gap:8px}
.xc-wk-row .xc-wk-n{color:#fff;background:var(--pc-purple)}
.xc-wk-row .xc-wk-note{font-size:15px;line-height:23px;min-height:0;padding-top:8px;border-top:1px solid var(--pc-line)}
.xc-wk-st .xc-wk-pane{opacity:1;visibility:visible;transform:none}

/* ---------- kit compositions ---------- */
.xc-tw td.x{white-space:normal;min-width:0}
.xc-q{display:block;font-size:11.5px;line-height:1.45;color:var(--w-ink2);font-style:italic;margin-bottom:3px}
.xc-sub{display:block;font-size:10.5px;color:var(--w-mut);margin:1px 0 0 21px}
.xc-score{display:flex;align-items:center;gap:8px}
.xc-score small{font-size:10.5px;color:var(--w-mut)}
.xc-score b{font:600 16px/1 var(--w-fd)}
.xc-bn{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.xc-bnr{display:grid;grid-template-columns:96px minmax(0,1fr) 64px;gap:12px;align-items:center;font-size:12px}
.xc-bnr > span:first-child{font-weight:600}
.xc-bnb{display:flex;flex-direction:column;gap:4px}
.xc-bnr .s{color:var(--w-mut);font-size:11px;text-align:right}
.xc-bnr .s b{color:var(--w-ink)}
.xc-leg{display:flex;gap:16px;font-size:11px;color:var(--w-mut);padding-top:4px}
.xc-leg span{display:inline-flex;align-items:center;gap:6px}
.xc-leg i{width:10px;height:4px;border-radius:2px;background:var(--w-acc)}
.xc-leg i.b{background:#9A9EAB}
.xc-tm{padding:2px 14px 14px;display:flex;flex-direction:column;gap:8px}
.xc-tq{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600}
.xc-tr{display:flex;justify-content:space-between;align-items:center;gap:10px}
.xc-tr b{display:block;font:600 16px var(--w-fd)}

/* ---------- detail split ---------- */
.xc-split > .a > p{font-size:17px;line-height:27px;color:var(--pc-muted);margin:0}
.xc-dv{padding:clamp(16px,2.4vw,32px);border-radius:24px;background:linear-gradient(180deg,#fff 0%,#F8F7FE 100%);box-shadow:inset 0 0 0 1px var(--pc-tint-200)}

/* ---------- how it is managed ---------- */
.xc-run{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,40px)}
.xc-run-c{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:24px;border-top:1px solid var(--pc-line)}
.xc-run-c h3{margin:4px 0 0;font:600 19px/26px var(--f-display);letter-spacing:-.01em}
.xc-run-c p{margin:0;font-size:16px;line-height:25px;color:var(--pc-muted);max-width:42ch}

/* ---------- teams ---------- */
.xc-tm-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.xc-team{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--pc-line);color:var(--pc-ink);text-decoration:none;transition:box-shadow var(--d-base) var(--e-std),transform 400ms var(--e-reveal)}
.xc-team:hover{box-shadow:0 0 0 1px var(--pc-muted),var(--sh-md);transform:translateY(-2px)}
.xc-team-ph{display:block;aspect-ratio:16 / 10;width:100%;filter:saturate(.9)}
.xc-team-t{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 20px 22px}
.xc-team-h{display:flex;align-items:center;gap:12px}
.xc-team-h b{font:600 17px/22px var(--f-display)}
.xc-team-p{font-size:15px;line-height:23px;color:var(--pc-muted)}
.xc-team-c{display:flex;flex-wrap:wrap;gap:6px}
.xc-team-c .ws-tag{font:500 12px/22px var(--f-sans);padding:0 8px;border-radius:6px;color:var(--pc-ink);background:var(--pc-tint-100);box-shadow:none}
.xc-team .lnk{margin-top:auto;font-size:14px}

/* ---------- platform map ---------- */
.xc-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.xc-map-c{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:20px;background:var(--pc-band);min-width:0}
.xc-map-h{display:flex;align-items:center;gap:10px}
.xc-map-h b{font:600 20px/26px var(--f-display)}
.xc-hx{width:30px;height:34px;color:#fff}
.xc-hx svg.hx path{fill:var(--pc-ink);stroke:var(--pc-ink)}
.xc-map-c > p{margin:0;font-size:16px;line-height:24px;color:var(--pc-muted)}
.xc-map-o{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--pc-muted)}
.xc-map-o > span:first-child{margin-right:4px}
.xc-map-o .ws-tag{font:500 12px/22px var(--f-sans);padding:0 8px;border-radius:6px;color:var(--pc-ink);background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xc-map-l{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.xc-map-a{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);color:var(--pc-ink);text-decoration:none;transition:box-shadow var(--d-base) var(--e-std)}
.xc-map-a:hover{box-shadow:inset 0 0 0 1px var(--pc-purple),var(--sh-md)}
.xc-map-a .tile{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--pc-tint-100);color:var(--pc-purple)}
.xc-map-a b{display:block;font-weight:600;font-size:15px;line-height:21px}
.xc-map-a span span{display:block;font-size:13.5px;line-height:19px;color:var(--pc-muted)}
.xc-map-a > .ic{color:var(--pc-muted)}

/* ---------- solutions: capability cards with a cropped product screen ---------- */
.xc-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xc-cap{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--pc-line);color:var(--pc-ink);text-decoration:none;transition:box-shadow var(--d-base) var(--e-std)}
.xc-cap:hover{box-shadow:0 0 0 1px var(--pc-muted),var(--sh-md)}
.xc-cap-v{position:relative;display:block;padding:24px 24px 0;background:linear-gradient(180deg,#F8F7FE,#F1EEFC);border-bottom:1px solid var(--pc-line);overflow:hidden}
.xc-cap-v::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,rgba(241,238,252,0),#F1EEFC);pointer-events:none}
.xc-cap-v .ws-card,.xc-cap-v .ws-dr,.xc-cap-v .ws-jira{box-shadow:0 1px 2px rgba(13,15,26,.05),0 16px 32px -20px rgba(13,15,26,.28)}
.xc-cap-t{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 24px 24px;flex:1}
.xc-cap-h{display:flex;align-items:center;gap:10px}
.xc-cap-h .ic{color:var(--pc-purple)}
.xc-cap-h b{font:600 18px/24px var(--f-display)}
.xc-cap-p{font-size:15.5px;line-height:24px;color:var(--pc-muted);max-width:52ch}
.xc-cap .lnk{margin-top:auto;font-size:14px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .xc-tm-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xc-map{grid-template-columns:1fr}
  .xc-map-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
}
@media (max-width:900px){
  .xc-wk,.xc-wk-row{grid-template-columns:minmax(0,1fr)}
  .xc-wk-l{position:static}
  .xc-wk-s{padding:12px 14px 14px}
  .xc-wk-s:not(.on) .xc-wk-tx > span{display:none}
  .xc-wk-pg{left:68px}
  .xc-run{grid-template-columns:1fr;gap:8px}
  .xc-run-c{flex-direction:row;flex-wrap:wrap;column-gap:14px;padding-top:20px}
  .xc-run-c h3{margin:0;align-self:center}
  .xc-run-c p{flex-basis:100%}
  .xc-caps{grid-template-columns:1fr}
}
@media (max-width:760px){.xc-fi .ws.mini{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){
  .xc-tm-g{grid-template-columns:1fr}
  .xc-team-ph{aspect-ratio:16 / 7;background-position:50% 25%}
  .xc-wk-pp{margin-left:0}
  .xc-wk-stg{padding:12px;border-radius:18px}
  .xc-cap-v{padding:16px 16px 0}
  .xc-cap-t{padding:18px}
  .xc-map-c{padding:18px}
  .xc-map-l{display:flex}
  .xc-dv{padding:12px;border-radius:18px}
}
@media (prefers-reduced-motion:reduce){
  .xc-wk-pane,.xc-team,.xc-wk-s{transition:none}
  .xc-wk-pane.on .xc-hl{animation:none}
}

/* hexagon icon tile */
.xc-hxt{display:grid;place-items:center;flex:none;width:40px;height:46px;color:var(--pc-purple);background:var(--pc-tint-200);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.xc-hxt .ic{width:19px;height:19px;stroke-width:1.8}
.xc-team-h .xc-hxt{width:34px;height:39px}
.xc-team-h .xc-hxt .ic{width:17px;height:17px}
/* ===== layer cmp: comparison tables, #compare hub and vs pages (prefix xd-) ===== */
.xd-sec .wrap{gap:0}
.xd-lead{font-size:18px;line-height:29px;color:var(--pc-muted);max-width:52ch}
.xd-sub{font-size:15px;line-height:24px;color:var(--pc-muted);max-width:52ch}
.xd-hx{display:block}
.xd-hx path{fill:currentColor}

/* comparison table: white sheet, ProcureCortex column tinted */
.xd-tw{background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px var(--pc-line),0 24px 48px -36px rgba(13,6,26,.25);padding:8px 8px 4px}
.xd-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:23px;table-layout:fixed}
.xd-tbl th,.xd-tbl td{text-align:left;vertical-align:top;padding:18px 20px;border-bottom:1px solid var(--pc-line)}
.xd-tbl tbody tr:last-child > *{border-bottom:0}
.xd-tbl thead th{font:600 17px/24px var(--f-display);color:var(--pc-ink);padding-top:20px;padding-bottom:16px;border-bottom:1px solid var(--pc-line)}
.xd-tbl thead th:first-child{width:21%}
.xd-tbl tbody th{font-weight:600;color:var(--pc-ink);font-size:14px}
.xd-tbl td{color:var(--pc-doc-text,#3B3F47)}
.xd-tbl .xd-pc{background:var(--pc-tint-100);color:var(--pc-ink);box-shadow:inset 1px 0 0 var(--pc-tint-200),inset -1px 0 0 var(--pc-tint-200)}
.xd-tbl thead .xd-pc{color:var(--pc-purple);border-radius:14px 14px 0 0}
.xd-tbl tbody tr:last-child .xd-pc{border-radius:0 0 14px 14px}
.xd-tbl tbody tr{transition:background .2s}
.xd-tbl tbody tr:hover td:not(.xd-pc){background:#FAFAFC}
.xd-ch{display:block}
.xd-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.xd-pl li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:baseline}
.xd-pl b{font-weight:600;color:var(--pc-ink);font-size:14px}
.xd-pl .num{font:600 15px/22px var(--f-display);color:var(--pc-ink)}
.xd-pl em{grid-column:1 / -1;font-style:normal;font-size:12px;line-height:16px;color:var(--pc-muted)}
.xd-nms{display:flex;flex-wrap:wrap;gap:8px}
.xd-nm{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);font-size:14px;font-weight:500;color:var(--pc-ink);transition:box-shadow .2s,color .2s}
.xd-nm:hover{color:var(--pc-purple);box-shadow:inset 0 0 0 1px var(--pc-purple)}
.xd-tbl .xd-pc .xd-nm{box-shadow:inset 0 0 0 1px var(--pc-tint-200)}
.xd-me{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;background:var(--pc-purple);color:#fff;font-size:14px;font-weight:600}
.xd-pr1{display:flex;flex-direction:column;gap:2px}
.xd-pr1 b{font:600 20px/28px var(--f-display);color:var(--pc-ink)}
.xd-pr1 span{font-size:14px;color:var(--pc-muted)}
.xd-pr1 em{font-style:normal;font-size:12px;color:var(--pc-muted);margin-top:4px}
.xd-foot{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.xd-foot > p:first-child{font-size:15px;color:var(--pc-muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.xd-foot > p:first-child > span{margin-right:4px}
.xd-hv{max-width:640px;margin-left:auto}
.xd-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:20px;color:var(--pc-muted);max-width:92ch;margin-top:20px}
.xd-foot .xd-note{margin-top:0}
.xd-note .ic{flex:none;margin-top:2px;color:var(--pc-purple)}

/* Pricing: today vs ProcureCortex, table beside the finding drawer */
.xd-today{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
.xd-today-t .xd-tbl thead th:first-child{width:24%}
.xd-today-v{margin:0;position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.xd-today-v figcaption{font-size:13px;line-height:20px;color:var(--pc-muted);padding-inline:4px}

/* lavender ground with the logo hexagon, for the in-house comparison and the approach band */
.xd-lav{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#F8F7FE 60%,#F4F2FC);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 54 16v32L28 63 2 48V16zM28 63v34M2 16 0 15M54 16l2-1' fill='none' stroke='%235834F5' stroke-opacity='.045'/%3E%3C/svg%3E"),linear-gradient(180deg,#fff,#F8F7FE 60%,#F4F2FC)}
.xd-lav > .wrap{position:relative;z-index:1}
.xd-lav-hx{position:absolute;z-index:0;width:min(46vw,640px);right:-8vw;top:50%;transform:translateY(-50%);color:#5834F5;opacity:.05;pointer-events:none}

/* Pricing: building in-house */
.xd-build{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
.xd-build-t{display:flex;flex-direction:column;gap:20px;position:sticky;top:96px}
.xd-build-t h2{font-size:clamp(30px,3.1vw,44px);line-height:1.08}
.xd-build-l{background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px var(--pc-line),0 24px 48px -36px rgba(13,6,26,.25);overflow:hidden}
.xd-build-h{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px;padding:16px 24px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted);border-bottom:1px solid var(--pc-line)}
.xd-build-h span:last-child{color:var(--pc-purple)}
.xd-build-l ul{list-style:none;margin:0;padding:0}
.xd-build-l li{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--pc-line)}
.xd-build-l li:last-child{border-bottom:0}
.xd-build-l li > span:first-child{display:flex;flex-direction:column;gap:2px}
.xd-build-l li b{font:600 16px/22px var(--f-display);color:var(--pc-ink)}
.xd-build-l li > span:first-child span{font-size:14px;line-height:21px;color:var(--pc-muted)}
.xd-inc{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--pc-ink);background:var(--pc-tint-100);border-radius:999px;padding:6px 12px 6px 8px;justify-self:start}
.xd-inc .ic{color:var(--pc-purple)}

/* approach: steps beside the drawer and its Jira task */
.xd-ap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.xd-ap-t{display:flex;flex-direction:column;gap:20px}
.xd-ap-t h2{font-size:clamp(30px,3.1vw,44px);line-height:1.08}
.xd-steps{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.xd-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--pc-line)}
.xd-steps li:last-child{border-bottom:1px solid var(--pc-line)}
.xd-steps li > span:last-child{display:flex;flex-direction:column;gap:2px}
.xd-steps b{font:600 17px/24px var(--f-display);color:var(--pc-ink)}
.xd-steps li > span:last-child span{font-size:15px;line-height:23px;color:var(--pc-muted)}
.xd-sn{position:relative;width:34px;height:38px;display:grid;place-items:center;color:var(--pc-tint-200)}
.xd-sn .xd-hx{position:absolute;inset:0;width:100%;height:100%}
.xd-sn b{position:relative;font:600 14px/1 var(--f-display);color:var(--pc-purple)}
.xd-ap-v{position:relative;padding:0 0 150px 0;max-width:620px;justify-self:end;width:100%}
.xd-ap-v .ws-dr{width:min(100%,520px)}
.xd-ap-j{position:absolute;right:0;bottom:0;width:min(78%,380px);box-shadow:0 2px 6px rgba(13,15,26,.06),0 28px 56px -24px rgba(13,15,26,.35);border-radius:12px}

/* hero */
.xd-hero-t{display:flex;flex-direction:column;gap:22px;max-width:880px}
.xd-asof{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--pc-muted)}
.xd-asof .ic{color:var(--pc-purple)}

/* hub: the landscape, an axis of three stops above three lanes */
.xd-ls{display:flex;flex-direction:column;gap:20px}
.xd-ls-ax{display:flex;flex-direction:column;gap:14px}
.xd-ls-lb{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted)}
.xd-ls-tr{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center}
.xd-ls-ln{position:absolute;left:28px;right:0;top:50%;height:2px;margin-top:-1px;background:var(--pc-line);border-radius:2px}
.xd-ls-ln i{position:absolute;inset:0;background:linear-gradient(90deg,var(--pc-tint-200),var(--pc-purple));border-radius:2px;transform-origin:left}
.xd-ls-st{position:relative;display:flex;align-items:center;gap:0;padding-left:28px}
.xd-ls-st b{font:600 15px/20px var(--f-display);color:var(--pc-ink);background:var(--pc-band);padding:0 14px 0 12px}
.xd-ls-st.pc b{color:var(--pc-purple)}
.xd-lane-n{position:relative;flex:none;width:38px;height:43px;display:grid;place-items:center}
.xd-lane-n .xd-hx{position:absolute;inset:0;width:100%;height:100%;color:#fff;filter:drop-shadow(0 0 0 var(--pc-line)) drop-shadow(0 2px 4px rgba(13,6,26,.08))}
.xd-ls-st:not(.pc) .xd-lane-n .xd-hx path{stroke:var(--pc-tint-200);stroke-width:3}
.xd-ls-st.pc .xd-lane-n .xd-hx{color:var(--pc-purple)}
.xd-lane-n .ic{position:relative;width:18px;height:18px;color:var(--pc-purple)}
.xd-ls-st.pc .xd-lane-n .ic{color:#fff}
.xd-ls-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.xd-lane{display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xd-lane.pc{box-shadow:inset 0 0 0 2px var(--pc-purple),0 24px 48px -32px rgba(88,52,245,.35)}
.xd-lane-src{display:none;font-size:13px;font-weight:600;color:var(--pc-purple)}
.xd-lane h3{font:600 22px/28px var(--f-display);margin:0}
.xd-lane dl{margin:0;display:flex;flex-direction:column;gap:12px}
.xd-lane dt{font-size:12px;font-weight:600;color:var(--pc-muted);margin-bottom:2px}
.xd-lane dd{margin:0;font-size:15px;line-height:23px;color:var(--pc-doc-text,#3B3F47)}
.xd-lane-t{margin-top:auto;padding-top:16px;border-top:1px solid var(--pc-line);display:flex;flex-direction:column;gap:10px}
.xd-lane-t > span:first-child{font-size:12px;font-weight:600;color:var(--pc-muted)}
.xd-ls.xd-arm .xd-ls-ln i{transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .1s}
.xd-ls.xd-arm .xd-ls-st,.xd-ls.xd-arm .xd-lane{opacity:0;transform:translateY(14px);transition:opacity .6s ease calc(.2s + var(--d) * .3s),transform .6s cubic-bezier(.2,.7,.2,1) calc(.2s + var(--d) * .3s)}
.xd-ls.xd-arm .xd-lane{transition-delay:calc(.35s + var(--d) * .3s)}
.xd-ls.xd-on .xd-ls-ln i{transform:scaleX(1)}
.xd-ls.xd-on .xd-ls-st,.xd-ls.xd-on .xd-lane{opacity:1;transform:none}

/* hub: the list of comparisons */
.xd-vl{list-style:none;margin:0;padding:0;border-top:1px solid var(--pc-line)}
.xd-vl li{border-bottom:1px solid var(--pc-line)}
.xd-vr{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,2.2fr) 40px;gap:24px;align-items:center;padding:24px 8px;color:inherit;transition:background .2s,padding .25s}
.xd-vr:hover{background:var(--pc-tint-100)}
.xd-vr-n{display:flex;flex-direction:column;gap:2px}
.xd-vr-k{font-size:13px;color:var(--pc-muted)}
.xd-vr-n b{font:600 24px/30px var(--f-display);color:var(--pc-ink)}
.xd-vr-c{display:flex;flex-direction:column;gap:2px}
.xd-vr-c > span:first-child{font-weight:600;font-size:15px;color:var(--pc-ink)}
.xd-vr-c > span:last-child{font-size:14px;line-height:21px;color:var(--pc-muted)}
.xd-vr-p{display:flex;flex-direction:column;gap:2px}
.xd-vr-p b{font:600 18px/24px var(--f-display);color:var(--pc-ink)}
.xd-vr-p span{font-size:12px;color:var(--pc-muted)}
.xd-vr-a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--pc-line);color:var(--pc-purple);transition:background .2s,color .2s,transform .25s}
.xd-vr:hover .xd-vr-a{background:var(--pc-purple);color:#fff;transform:translateX(4px)}

/* vs hero: two approaches */
.xd-vs{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1.15fr);align-items:center;gap:0;max-width:620px;margin-left:auto}
.xd-vs-c{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 24px 48px -36px rgba(13,6,26,.3)}
.xd-vs-c.them{background:#F9F9FB}
.xd-vs-c.pc{box-shadow:inset 0 0 0 2px var(--pc-purple),0 32px 64px -36px rgba(88,52,245,.45)}
.xd-vs-k{font:600 14px/20px var(--f-display);color:var(--pc-muted)}
.xd-vs-c.pc .xd-vs-k{color:var(--pc-purple)}
.xd-vs-c > b{font:600 20px/26px var(--f-display);color:var(--pc-ink);margin-bottom:14px}
.xd-vs-l{font-size:12px;font-weight:600;color:var(--pc-muted)}
.xd-vs-c > span:not(.xd-vs-k):not(.xd-vs-l):not(.xd-vs-ev){font-size:15px;color:var(--pc-ink)}
.xd-vs-ev{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--pc-tint-200);font:12px/1.5 "Inter",sans-serif}
.xd-vs-ev .ic{width:14px;height:14px}
.xd-vs-cf{font-size:12px;color:var(--pc-muted)}
.xd-vs-x{position:relative;width:44px;height:50px;display:grid;place-items:center;justify-self:center;color:var(--pc-ink);z-index:1}
.xd-vs-x .xd-hx{position:absolute;inset:0;width:100%;height:100%}
.xd-vs-x b{position:relative;color:#fff;font:600 14px/1 var(--f-display)}

/* vs: fit */
.xd-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.xd-fit-c{background:#fff;border-radius:20px;padding:28px 32px;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xd-fit-c.pc{box-shadow:inset 0 0 0 2px var(--pc-purple)}
.xd-fit-c h3{font:600 22px/28px var(--f-display);margin:0 0 16px}
.xd-fit-c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.xd-fit-c li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--pc-line);font-size:15px;line-height:23px;color:var(--pc-doc-text,#3B3F47)}
.xd-fit-c li .ic{margin-top:3px;color:var(--pc-muted)}
.xd-fit-c.pc li .ic{color:var(--pc-purple)}
.xd-fit-b{grid-column:1 / -1;display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:center;padding:24px 32px;border-radius:20px;background:var(--pc-ink);color:#fff;position:relative;overflow:hidden}
.xd-fit-b > .xd-hx{width:44px;height:50px;color:var(--pc-purple)}
.xd-fit-b h3{font:600 18px/24px var(--f-display);margin:0 0 4px;color:#fff}
.xd-fit-b p{font-size:15px;line-height:24px;color:var(--pc-ink-muted);max-width:90ch}

/* vs: pricing context */
.xd-pc2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.xd-pcx{display:flex;flex-direction:column;gap:6px;padding:28px 32px;border-radius:20px;background:#F9F9FB;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xd-pcx.pc{background:var(--pc-tint-100);box-shadow:inset 0 0 0 1px var(--pc-tint-200)}
.xd-pcx-k{font:600 15px/20px var(--f-display);color:var(--pc-muted)}
.xd-pcx.pc .xd-pcx-k{color:var(--pc-purple)}
.xd-pcx > b{font:600 clamp(28px,3vw,40px)/1.15 var(--f-display);color:var(--pc-ink);letter-spacing:-.01em}
.xd-pcx > span:not(.xd-pcx-k){font-size:15px;color:var(--pc-doc-text,#3B3F47)}
.xd-pcx em{font-style:normal;font-size:13px;color:var(--pc-muted);margin-top:8px}
.xd-pcx .lnk{margin-top:8px;align-self:flex-start}
.xd-more{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:32px}
.xd-more > span{font-size:14px;font-weight:600;color:var(--pc-muted);margin-right:8px}

/* product visuals rise in once */
[data-xdv].xd-arm{opacity:0;transform:translateY(24px);transition:opacity .7s ease .1s,transform .8s cubic-bezier(.2,.7,.2,1) .1s}
[data-xdv].xd-arm .xd-ap-j{opacity:0;transform:translateY(16px);transition:opacity .6s ease .55s,transform .7s cubic-bezier(.2,.7,.2,1) .55s}
[data-xdv].xd-on,[data-xdv].xd-on .xd-ap-j{opacity:1;transform:none}

@media (max-width:1100px){
  .xd-today{grid-template-columns:minmax(0,1fr)}
  .xd-today-v{position:static;max-width:560px}
  .xd-ap,.xd-build{grid-template-columns:minmax(0,1fr)}
  .xd-build-t{position:static}
  .xd-ap-v{justify-self:start}
  .xd-vs{margin-left:0}
}
@media (max-width:900px){
  .xd-ls-g{grid-template-columns:minmax(0,1fr);gap:20px}
  .xd-ls-ax{display:none}
  .xd-lane-src{display:block}
  .xd-lane{padding:22px 20px}
  .xd-vr{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:20px 4px}
  .xd-vr-c{grid-column:1 / -1;grid-row:2}
  .xd-vr-p{grid-column:1;grid-row:3}
  .xd-vr-a{grid-column:2;grid-row:1}
  .xd-fit,.xd-pc2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .xd-tw{background:none;box-shadow:none;padding:0}
  .xd-tbl,.xd-tbl tbody,.xd-tbl tr,.xd-tbl th,.xd-tbl td{display:block;width:auto}
  .xd-tbl thead{display:none}
  .xd-tbl tbody{display:flex;flex-direction:column;gap:12px}
  .xd-tbl tr{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--pc-line);overflow:hidden}
  .xd-tbl tbody th{padding:14px 16px 10px;border-bottom:1px solid var(--pc-line);font:600 16px/22px var(--f-display)}
  .xd-tbl td{padding:12px 16px;border-bottom:1px solid var(--pc-line)}
  .xd-tbl td:last-child{border-bottom:0}
  .xd-tbl td::before{content:attr(data-l);display:block;font-size:12px;font-weight:600;color:var(--pc-muted);margin-bottom:4px}
  .xd-tbl .xd-pc{box-shadow:none}
  .xd-tbl td.xd-pc::before{color:var(--pc-purple)}
  .xd-tbl tbody tr:last-child .xd-pc{border-radius:0}
  .xd-tbl tbody tr:last-child > *{border-bottom:1px solid var(--pc-line)}
  .xd-tbl tbody tr:last-child > td:last-child{border-bottom:0}
  .xd-tbl tbody tr:hover td:not(.xd-pc){background:none}
  .xd-build-h{display:none}
  .xd-hero .pg-v:has(.xd-hv){display:none}
  .xd-build-l li{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 18px}
  .xd-vs{grid-template-columns:minmax(0,1fr);gap:0;justify-items:stretch}
  .xd-vs-x{margin:-10px 0}
  .xd-fit-c,.xd-pcx{padding:22px 20px}
  .xd-fit-b{grid-template-columns:minmax(0,1fr);padding:22px 20px}
  .xd-fit-b > .xd-hx{display:none}
  .xd-ap-v{padding-bottom:0;display:flex;flex-direction:column;gap:12px}
  .xd-ap-j{position:static;width:100%}
  .xd-lead{font-size:16px;line-height:26px}
  .xd-lav-hx{width:90vw;right:-40vw}
}
@media (prefers-reduced-motion:reduce){
  .xd-ls.xd-arm .xd-lane,.xd-ls.xd-arm .xd-ls-st,[data-xdv].xd-arm,[data-xdv].xd-arm .xd-ap-j{opacity:1;transform:none;transition:none}
  .xd-ls.xd-arm .xd-ls-ln i{transform:none;transition:none}
}

/* ===== Tool layer: tier calculator ===== */
.xt-hero{background:linear-gradient(180deg,#fff 0,#F4F2FC 100%);position:relative;overflow:hidden;padding-bottom:clamp(32px,4vw,56px)}
.xt-hero::before{content:"";position:absolute;right:-4%;top:-12%;width:min(40vw,560px);aspect-ratio:76/86;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 86'%3E%3Cpath d='M38 1.5 74.5 22.5V63.5L38 84.5 1.5 63.5V22.5Z' fill='none' stroke='%235834F5' stroke-opacity='.08' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none}
.xt-hero .wrap{position:relative;z-index:1}
.xt-h{max-width:760px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.xt-h h1{margin:0}
.xt-ex{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-weight:500}
.xt-band{background:#F4F2FC;padding-top:0!important}
.xt-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.xt-form{display:flex;flex-direction:column;gap:14px}
.xt-q{margin:0;padding:20px;border:0;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(13,6,26,.04),0 0 0 1px var(--pc-line)}
.xt-q legend{float:left;width:100%;display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;padding:0}
.xt-q legend+*{clear:both}
.xt-qn{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--pc-tint-100);color:var(--pc-purple);font-weight:600;font-size:13px}
.xt-q legend b{display:block;font-size:16px;line-height:22px;color:var(--pc-ink)}
.xt-q legend span span{display:block;font-size:14px;line-height:20px;color:var(--pc-muted)}
.xt-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.xt-opt{position:relative;display:block;cursor:pointer}
.xt-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.xt-oc{display:flex;flex-direction:column;gap:3px;height:100%;padding:12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--pc-line);background:#fff;transition:box-shadow 150ms,background 150ms,transform 150ms}
.xt-oc b{font-size:14px;line-height:19px;color:var(--pc-ink)}
.xt-oc span{font-size:12.5px;line-height:17px;color:var(--pc-muted)}
.xt-oc em{margin-top:auto;padding-top:6px;font-style:normal;font-size:11.5px;color:var(--pc-muted)}
.xt-opt:hover .xt-oc{box-shadow:inset 0 0 0 1px var(--pc-purple-400);transform:translateY(-1px)}
.xt-opt input:checked+.xt-oc{background:var(--pc-tint-100);box-shadow:inset 0 0 0 1.5px var(--pc-purple)}
.xt-opt input:checked+.xt-oc em{color:var(--pc-purple)}
.xt-opt input:focus-visible+.xt-oc{outline:2px solid var(--pc-purple);outline-offset:2px}
.xt-side{position:sticky;top:96px}
.xt-res{background:#fff;border-radius:18px;padding:22px;box-shadow:0 1px 2px rgba(13,6,26,.04),0 24px 48px -28px rgba(46,22,140,.35),0 0 0 1px var(--pc-line);display:flex;flex-direction:column;gap:18px}
.xt-rh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.xt-rk{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted);display:flex;align-items:center;gap:8px}
.xt-rk em{font-style:normal;background:var(--pc-tint-100);color:var(--pc-purple);border-radius:999px;padding:0 7px;letter-spacing:0}
.xt-tier{display:flex;flex-direction:column;gap:4px}
.xt-tier b{font-family:var(--f-display);font-size:40px;line-height:44px;letter-spacing:-.02em;color:var(--pc-ink)}
.xt-res.done .xt-tier b{animation:xt-pop 420ms var(--e-reveal)}
@keyframes xt-pop{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.xt-tier span{font-size:14px;color:var(--pc-muted)}
.xt-mt{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--pc-muted);margin-bottom:8px}
.xt-mt b{font-size:18px;color:var(--pc-ink)}
.xt-mt small{font-size:12px;color:var(--pc-muted);font-weight:400}
.xt-bar{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#E3F5EC 0 29%,#FBF1DC 29% 59%,#FCE9EA 59% 79%,#F8DADC 79%)}
.xt-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--pc-purple);transition:width 500ms var(--e-reveal)}
.xt-bar em{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff}
.xt-bands{display:grid;grid-template-columns:29fr 30fr 20fr 21fr;font-size:11px;color:var(--pc-muted);margin-top:6px}
.xt-sec{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--pc-line)}
.xt-fw{display:flex;flex-wrap:wrap;gap:6px}
.xt-chip{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:var(--pc-tint-100);color:var(--pc-purple-700);font-size:13px;font-weight:500;animation:xt-pop 300ms var(--e-reveal)}
.xt-none{font-size:13px;color:var(--pc-muted)}
.xt-docs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.xt-docs li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:7px 0;align-items:start}
.xt-docs li .ic{color:var(--pc-purple);margin-top:2px}
.xt-docs b{display:block;font-size:14px;line-height:19px;font-weight:500;color:var(--pc-ink)}
.xt-docs span span{display:block;font-size:12px;color:var(--pc-muted)}
.xt-act{display:flex;gap:8px;flex-wrap:wrap}
.xt-fine{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--pc-muted);margin:4px 0 0}
.xt-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.xt-tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--pc-line);font-size:14px}
.xt-tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--pc-muted);padding:12px 16px;border-bottom:1px solid var(--pc-line)}
.xt-tbl td{padding:14px 16px;border-bottom:1px solid var(--pc-line)}
.xt-tbl tr:last-child td{border-bottom:0}
.xt-cap{font-size:14px;color:var(--pc-muted);margin:12px 0 0}
@media (max-width:1000px){.xt-g,.xt-how{grid-template-columns:1fr}.xt-side{position:static}.xt-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.xt-tbl th:nth-child(4),.xt-tbl td:nth-child(4){display:none}.xt-q{padding:16px}}
@media (prefers-reduced-motion:reduce){.xt-oc,.xt-bar i,.xt-chip,.xt-res.done .xt-tier b{transition:none;animation:none}}
.xt-how>*{min-width:0}
.xt-how-t{overflow-x:auto}
@media (max-width:560px){.xt-tbl td,.xt-tbl th{padding:12px 10px}.xt-tbl td:first-child{white-space:nowrap}}

/* ===== Polish layer: one brand motif, one spacing system ===== */
:root{--mk-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='325 276 650 748'%3E%3Cpath d='M750.151 592.121L654.995 537.132C651.908 535.342 648.092 535.342 645.005 537.132L549.849 592.121V707.879L645.005 762.868C648.092 764.658 651.908 764.658 654.995 762.868L750.151 707.879V592.121Z' fill='%235834F5' fill-opacity='.06'/%3E%3Cpath d='M975 837.816V462.184L655.285 277.417C652.018 275.528 647.992 275.528 644.715 277.417L325 462.184V837.816L417.709 891.395V521.863C417.709 518.083 419.717 514.593 422.994 512.703L644.715 384.565C647.982 382.675 652.008 382.675 655.285 384.565L877.007 512.703C880.273 514.593 882.291 518.083 882.291 521.863V778.127C882.291 781.907 880.283 785.397 877.007 787.287L655.285 915.425C652.018 917.315 647.992 917.315 644.715 915.425L549.849 860.596V967.754L644.715 1022.58C647.982 1024.47 652.008 1024.47 655.285 1022.58L975 837.816Z' fill='%235834F5' fill-opacity='.06'/%3E%3C/svg%3E");--mk-l2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='325 276 650 748'%3E%3Cpath d='M750.151 592.121L654.995 537.132C651.908 535.342 648.092 535.342 645.005 537.132L549.849 592.121V707.879L645.005 762.868C648.092 764.658 651.908 764.658 654.995 762.868L750.151 707.879V592.121Z' fill='%235834F5' fill-opacity='.10'/%3E%3Cpath d='M975 837.816V462.184L655.285 277.417C652.018 275.528 647.992 275.528 644.715 277.417L325 462.184V837.816L417.709 891.395V521.863C417.709 518.083 419.717 514.593 422.994 512.703L644.715 384.565C647.982 382.675 652.008 382.675 655.285 384.565L877.007 512.703C880.273 514.593 882.291 518.083 882.291 521.863V778.127C882.291 781.907 880.283 785.397 877.007 787.287L655.285 915.425C652.018 917.315 647.992 917.315 644.715 915.425L549.849 860.596V967.754L644.715 1022.58C647.982 1024.47 652.008 1024.47 655.285 1022.58L975 837.816Z' fill='%235834F5' fill-opacity='.10'/%3E%3C/svg%3E");--mk-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='325 276 650 748'%3E%3Cpath d='M750.151 592.121L654.995 537.132C651.908 535.342 648.092 535.342 645.005 537.132L549.849 592.121V707.879L645.005 762.868C648.092 764.658 651.908 764.658 654.995 762.868L750.151 707.879V592.121Z' fill='%238A8DFC' fill-opacity='.10'/%3E%3Cpath d='M975 837.816V462.184L655.285 277.417C652.018 275.528 647.992 275.528 644.715 277.417L325 462.184V837.816L417.709 891.395V521.863C417.709 518.083 419.717 514.593 422.994 512.703L644.715 384.565C647.982 382.675 652.008 382.675 655.285 384.565L877.007 512.703C880.273 514.593 882.291 518.083 882.291 521.863V778.127C882.291 781.907 880.283 785.397 877.007 787.287L655.285 915.425C652.018 917.315 647.992 917.315 644.715 915.425L549.849 860.596V967.754L644.715 1022.58C647.982 1024.47 652.008 1024.47 655.285 1022.58L975 837.816Z' fill='%238A8DFC' fill-opacity='.10'/%3E%3C/svg%3E");--mk-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='325 276 650 748'%3E%3Cpath d='M750.151 592.121L654.995 537.132C651.908 535.342 648.092 535.342 645.005 537.132L549.849 592.121V707.879L645.005 762.868C648.092 764.658 651.908 764.658 654.995 762.868L750.151 707.879V592.121Z' fill='%23FFFFFF' fill-opacity='.12'/%3E%3Cpath d='M975 837.816V462.184L655.285 277.417C652.018 275.528 647.992 275.528 644.715 277.417L325 462.184V837.816L417.709 891.395V521.863C417.709 518.083 419.717 514.593 422.994 512.703L644.715 384.565C647.982 382.675 652.008 382.675 655.285 384.565L877.007 512.703C880.273 514.593 882.291 518.083 882.291 521.863V778.127C882.291 781.907 880.283 785.397 877.007 787.287L655.285 915.425C652.018 917.315 647.992 917.315 644.715 915.425L549.849 860.596V967.754L644.715 1022.58C647.982 1024.47 652.008 1024.47 655.285 1022.58L975 837.816Z' fill='%23FFFFFF' fill-opacity='.12'/%3E%3C/svg%3E")}

/* every decorative hexagon and honeycomb becomes the logo mark */
.xa-g-lav::before,.xa-g-lav2::before,.xt-hero::before{background:var(--mk-l) no-repeat center/contain!important;aspect-ratio:650/748!important}
.xa-g-lav::before{right:-4%!important;top:8%!important;width:min(34vw,480px)!important}
.xa-g-lav2::before{left:-5%!important;bottom:-8%!important;width:min(30vw,420px)!important}
.xd-lav{background-image:none!important;background:linear-gradient(180deg,#fff,#F8F7FE 60%,#F4F2FC)!important}
.xd-lav-hx{display:none!important}
.xd-lav::before{content:"";position:absolute;right:-6vw;top:50%;transform:translateY(-50%);width:min(36vw,500px);aspect-ratio:650/748;background:var(--mk-l) no-repeat center/contain;pointer-events:none;z-index:0}
.xc-wk-hx{display:none!important}
.xc-wk-stg::before{background-image:none!important}
.xb-hero::before,.xb-wash::before{background:var(--mk-l) no-repeat right -4% center/auto 88%!important;-webkit-mask-image:none!important;mask-image:none!important}
.xb-dark::before,.xb-ct-demo::before,.xb-mm .xb-feat::before{background:var(--mk-d) no-repeat right -12% bottom -18%/auto 90%!important;-webkit-mask-image:none!important;mask-image:none!important}
.q-cta-g,.xa-cta-hx{display:none!important}

/* section headers: title and description share a top line; no step badge pushing the title in */
.sh{align-items:start!important;row-gap:16px!important}
.sh .sh-p{padding-top:8px;gap:14px!important}
.sh .sh-p p{margin:0}
.sh-h{display:block!important}
.xa-n{color:var(--pc-purple);margin-right:.32em;font-feature-settings:"tnum"}
.q-actb .xa-n,.band.ink .xa-n{color:var(--pc-purple-400)}
.sh h2+p,.sh-h h2{margin:0}
.hero-t h1+.hero-lead{margin-top:0}

/* Workspace kit: denser, the way the product feels */
.ws-pg{padding:14px!important;gap:10px!important}
.ws-top{height:42px!important}
.ws-side{padding:12px 8px!important}
.ws-nl{padding:8px 8px 3px!important}
.ws-ni{height:28px!important}
.ws-ch{padding:9px 12px!important}
.ws-tool{padding:8px 10px!important}
.ws-tbl td{padding:7px 12px!important}
.ws-tbl th{padding:6px 12px!important}
.ws-frow{padding:8px 12px!important;gap:10px!important}
.ws-stat{padding:10px!important}
.ws-stats{gap:8px!important}
.ws-dr-h{padding:12px 14px 10px!important;gap:4px!important}
.ws-dr-b{padding:12px 14px!important;gap:9px!important}
.ws-dr-f{padding:9px 14px!important}
.ws-qrow{padding:6px 12px!important}
.ws-qh{padding:7px 12px 2px!important}
.ws-feed li{padding:6px 12px!important}
.ws-jira-b{padding:10px 12px!important;gap:6px!important}
.ws-ph p{margin-top:1px!important}

/* ===== three steps, redesigned: one connected strip ===== */
.xa-st{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border-radius:24px;box-shadow:0 1px 2px rgba(13,6,26,.04),0 24px 56px -36px rgba(46,22,140,.35),0 0 0 1px var(--pc-line);overflow:hidden}
.xa-st-rail{position:absolute;left:0;right:0;top:0;height:4px;background:var(--pc-tint-100);z-index:2}
.xa-st-rail i{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--pc-purple);transform-origin:left;transform:scaleX(0);transition:transform 1200ms var(--e-reveal)}
.xa-st-c{position:relative;display:flex;flex-direction:column;padding:28px;min-width:0}
.xa-st-c+.xa-st-c{border-left:1px solid var(--pc-line)}
.xa-st-p{display:flex;flex-direction:column;gap:2px;min-height:64px}
.xa-st-p s{font-size:15px;line-height:21px;font-weight:500;color:var(--pc-muted);text-decoration-line:none;text-decoration-color:rgba(221,37,48,.6);text-decoration-thickness:1.5px}
.xa-st-p span{font-size:13.5px;line-height:19px;color:#9A9EAB}
.xa-st-h{display:flex;align-items:center;gap:12px;margin-top:30px}
.xa-st-n{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--pc-purple);font:600 15px/1 var(--f-display);box-shadow:inset 0 0 0 2px var(--pc-tint-200);transition:background 500ms,color 500ms,box-shadow 500ms}
.xa-st-h h3{margin:0;font-size:28px;line-height:32px;letter-spacing:-.02em}
.xa-st-d{margin:12px 0 0;font-size:15px;line-height:22px;color:var(--pc-muted);max-width:34ch}
.xa-st-v{margin-top:20px;flex:1;display:flex;align-items:flex-end}
.xa-st-v>.ws{width:100%;background:transparent;box-shadow:none}
.xa-st-v .ws-card,.xa-st-v .ws-jira{width:100%;box-shadow:0 1px 2px rgba(13,6,26,.04),0 12px 28px -18px rgba(13,6,26,.22)}
.xa-st-dec{padding:12px;display:flex;flex-direction:column;gap:8px}
.xa-st-dec>b{font-size:12.5px;line-height:1.35}
.xa-st-dec .ws-pill{align-self:flex-start}
.xa-st-dec .ws-dec span{height:28px;font-size:11px}
.xa-st .xa-item{grid-template-columns:38px minmax(0,1fr)}
[data-xstage] .xa-st-p,[data-xstage] .xa-st-h,[data-xstage] .xa-st-d,[data-xstage] .xa-st-v{transition:opacity 600ms var(--e-reveal),transform 600ms var(--e-reveal);transition-delay:calc(var(--i) * 120ms)}
[data-xstage][data-st="0"] .xa-st-p{opacity:0;transform:translateY(10px)}
[data-xstage]:not([data-st="2"]):not([data-st="3"]):not([data-st="4"]) .xa-st-h,[data-xstage]:not([data-st="2"]):not([data-st="3"]):not([data-st="4"]) .xa-st-d{opacity:0;transform:translateY(12px)}
[data-xstage]:not([data-st="3"]):not([data-st="4"]) .xa-st-v{opacity:0;transform:translateY(16px)}
[data-xstage][data-st="2"] .xa-st-rail i,[data-xstage][data-st="3"] .xa-st-rail i,[data-xstage][data-st="4"] .xa-st-rail i{transform:scaleX(1)}
[data-xstage][data-st="3"] .xa-st-n,[data-xstage][data-st="4"] .xa-st-n{background:var(--pc-purple);color:#fff;box-shadow:none}
[data-xstage][data-st="2"] .xa-st-p s,[data-xstage][data-st="3"] .xa-st-p s,[data-xstage][data-st="4"] .xa-st-p s{text-decoration-line:line-through}
@media (max-width:1000px){.xa-st{grid-template-columns:1fr}.xa-st-c+.xa-st-c{border-left:0;border-top:1px solid var(--pc-line)}.xa-st-rail{display:none}.xa-st-p{min-height:0}.xa-st-h{margin-top:18px}}

/* ===== security: compact cards, matched to the auditor card ===== */
.xa-aud{min-height:520px!important}
.xa-aud-q{top:29%!important}
.q-sec-g{grid-auto-rows:1fr;align-content:stretch}
.q-sc{padding:20px!important;gap:8px!important;min-height:0!important}
.q-sc h3{margin-top:8px!important;font-size:17px!important;line-height:23px!important}
.q-sc p{margin:0!important}
.q-sc .q-sc-ft{margin-top:auto!important}
.q-sc .q-ic{width:36px!important}
@media (max-width:1000px){.xa-aud{min-height:600px!important}}

/* ===== closing, redesigned: violet panel + photo, one card on the seam ===== */
.xa-cta2{background:#fff}
.xa-c2{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:560px;border-radius:28px;overflow:hidden;background:var(--pc-purple);box-shadow:0 40px 80px -40px rgba(70,21,208,.55)}
.xa-c2-l{position:relative;display:flex;align-items:center;padding:clamp(40px,5vw,80px);padding-right:clamp(120px,14vw,220px);overflow:hidden;isolation:isolate}
.xa-mk{position:absolute;left:-8%;bottom:-30%;width:62%;height:auto;z-index:-1}
.xa-mk path{fill:#fff;fill-opacity:.09}
.xa-c2-t{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.xa-c2-t h2{margin:0;color:#fff;font-size:clamp(40px,4.4vw,64px);line-height:1.02;letter-spacing:-.03em}
.xa-c2-t p{margin:0;color:rgba(255,255,255,.88);font-size:18px;line-height:28px;max-width:42ch}
.xa-c2-t .btn-row{margin-top:4px}
.xa-c2-t .q-btn-w{background:#fff;color:var(--pc-purple-700);border-radius:999px}
.xa-c2-t .q-btn-o{border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7);color:#fff;background:transparent}
.xa-c2-t .q-cta-ck,.xa-c2-t .q-cta-ck .ic{color:#fff}
.xa-c2-r{position:relative;min-height:100%}
.xa-c2-img{position:absolute;inset:0;background-position:42% 35%!important}
.xa-c2-r::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(88,52,245,.35),rgba(88,52,245,0) 30%)}
.xa-c2-tag{position:absolute;right:24px;top:24px;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;color:var(--pc-ink);font-size:12.5px;box-shadow:0 12px 30px -14px rgba(13,6,26,.6)}
.xa-c2-tag b{font-weight:600}
.xa-c2-card{position:absolute;left:52.4%;top:50%;width:min(390px,34%);transform:translate(-50%,-50%);z-index:3}
.xa-c2-card .ws{background:transparent;box-shadow:none}
.xa-c2-card .ws-card{box-shadow:0 2px 6px rgba(13,6,26,.08),0 40px 70px -30px rgba(13,6,26,.6)}
.xa-c2-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 0}
.xa-c2-b{padding:8px 14px 12px;display:flex;flex-direction:column;gap:7px}
.xa-c2-b .v{font-size:11.5px;color:var(--w-acct);font-weight:600}
.xa-c2-b b{font-size:14px;line-height:1.35}
.xa-c2-d{padding:12px 14px 14px;border-top:1px solid var(--w-line2);background:var(--w-s2);display:flex;flex-direction:column;gap:8px}
.xa-c2-d .ws-dec span{height:28px;font-size:11px}
@media (prefers-reduced-motion:no-preference){
  .xa-c2-card,.xa-c2-tag{transition:opacity 800ms var(--e-reveal),transform 800ms var(--e-reveal)}
  .xa-pre .xa-c2-card{opacity:0;transform:translate(-50%,calc(-50% + 30px))}
  .xa-pre .xa-c2-tag{opacity:0;transform:translateY(-10px);transition-delay:300ms}
}
@media (max-width:1000px){.xa-c2{grid-template-columns:1fr}.xa-c2-l{padding:40px 28px}.xa-c2-r{min-height:460px}.xa-c2-card{left:50%;top:auto;bottom:24px;width:min(380px,88%);transform:translateX(-50%)}.xa-pre .xa-c2-card{transform:translate(-50%,30px)}.xa-mk{width:90%}}

/* ===== r5 layer ===== */

/* ---- mega menu: the pane under the pointer replaces the last one at once, so two panes never show together ---- */
.xb-pn{transition:none!important}
.xb-pn.on{animation:xr-pn 260ms var(--e-std) both}
@keyframes xr-pn{from{opacity:0}to{opacity:1}}
.xb-st-ph{position:relative;overflow:hidden}
.xb-st-ph::after{height:58%!important;background:linear-gradient(180deg,rgba(18,10,37,0),rgba(18,10,37,.92) 92%)!important}
.xb-ph{position:absolute;inset:0;background-size:cover}
.xb-pn.on .xb-ph{animation:xr-zoom 900ms var(--e-reveal) both}
@keyframes xr-zoom{from{transform:scale(1.05)}to{transform:scale(1)}}
.xb-ph-tag{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--pc-ink);font-size:12px;font-weight:600;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.xb-ph-tag .ic{color:var(--pc-purple)}
.xb-mm .xb-feat::before{background-position:right 20px bottom 20px!important;background-size:auto 30%!important;opacity:.7}
@media (prefers-reduced-motion:reduce){.xb-pn.on,.xb-pn.on .xb-ph{animation:none}}

/* ---- the logo mark is always drawn whole, never cut by an edge ---- */
.xa-g-lav::before{right:3%!important;left:auto!important;top:40px!important;bottom:auto!important;width:min(16vw,220px)!important;opacity:.8}
.xa-g-lav2::before{right:3%!important;left:auto!important;top:40px!important;bottom:auto!important;width:min(16vw,220px)!important;opacity:.8}
.xd-lav::before{right:3vw!important;width:min(24vw,320px)!important}
.xb-hero::before,.xb-wash::before{background-position:right 4% center!important;background-size:auto 64%!important}
.xb-dark::before,.xb-ct-demo::before{background-position:right 24px bottom 24px!important;background-size:auto 42%!important}

/* ---- home screens: product size type on a violet stage, so the screen reads against the page ---- */
.q-actb .xa-n{color:#B9A8FF}

/* ---- Act: one screen in three moments ---- */
.xr-act-in{position:relative}
.xr-act-in{display:grid}
.xr-act-in > *{grid-area:1/1}
.xr-act-in > .ws{transition:opacity 420ms var(--e-reveal),visibility 0s}
.xr-act[data-s="2"] .xr-fa,.xr-act:not([data-s="2"]) .xr-fb{opacity:0;visibility:hidden;transition:opacity 200ms var(--e-std),visibility 0s linear 200ms}
.xr-fa .ws-pg{position:relative}
.xr-toast{position:absolute;left:50%;top:-40px;z-index:3;display:flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 12px;border-radius:10px;background:#0D0F1A;color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;box-shadow:0 16px 32px -12px rgba(13,15,26,.55);opacity:0;transform:translate(-50%,-10px);transition:opacity 360ms var(--e-reveal),transform 360ms var(--e-reveal)}
.xr-toast .ic{color:#3BD69A}
.xr-act[data-s="1"] .xr-toast{opacity:1;transform:translate(-50%,0)}
.xr-act[data-s="0"] .xr-fa .ws-dr-f .ws-btn.p{animation:xr-pulse 1.8s var(--e-std) infinite}
@keyframes xr-pulse{0%,100%{box-shadow:0 0 0 0 rgba(91,52,245,.55)}50%{box-shadow:0 0 0 7px rgba(91,52,245,0)}}
.xr-jira{position:absolute;left:3%;bottom:-6px;z-index:4;width:min(470px,40%);align-self:end;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity 420ms var(--e-reveal),transform 420ms var(--e-reveal)}
.xr-act[data-s="1"] .xr-jira{opacity:1;transform:none;transition-delay:180ms}
.xr-jira .ws-jira{box-shadow:0 0 0 1px rgba(13,15,26,.08),0 40px 70px -24px rgba(13,6,26,.7)}
.xr-jira .ws-jira-h{font-size:13px}
.xr-jira .ws-jira-b b{font-size:14px;line-height:1.35}
.xr-dash{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;align-items:start}
.ws-feed li.xr-new{background:var(--w-tint2)}
@media (max-width:1000px){.xr-dash{grid-template-columns:1fr}.xr-dash > :last-child{display:none}.xr-jira{left:8%;width:84%;bottom:-12px}}
@media (prefers-reduced-motion:reduce){.xr-toast,.xr-jira{transition:none}.xr-act .ws-btn.p{animation:none!important}}

/* ---- closing: copy on the left, the product and its four teams on the right ---- */
.xr-c3{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.xr-c3 .xa-c2-l{padding-right:clamp(32px,4vw,56px)}
.xr-c3 .xa-mk{left:auto;right:28px;bottom:28px;width:132px}
.xr-c3 .xa-mk path{fill-opacity:.12}
.xr-c3-r{position:relative;overflow:hidden;min-height:580px}
.xr-c3-shot{position:absolute;left:0;top:72px;width:1000px;transition:opacity 900ms var(--e-reveal),transform 900ms var(--e-reveal)}
.xr-c3-shot .ws{box-shadow:0 0 0 1px rgba(13,6,26,.12),0 40px 80px -30px rgba(13,6,26,.6)}
.xr-team{position:absolute;right:24px;top:28px;z-index:2;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:#fff;color:var(--pc-ink);box-shadow:0 20px 40px -18px rgba(13,6,26,.65);transition:opacity 700ms var(--e-reveal) 300ms,transform 700ms var(--e-reveal) 300ms}
.xr-team b{display:block;font-size:13px;line-height:18px;font-weight:600}
.xr-team span span{display:block;font-size:12px;line-height:16px;color:var(--pc-muted)}
.xr-faces{display:flex}
.xr-face{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 2px #fff;flex:none}
.xr-face + .xr-face{margin-left:-10px}
.xr-face.ph-proc{background-position:50% 22%}
.xr-face.ph-comp{background-position:45% 25%}
.xr-face.ph-secp{background-position:62% 22%}
.xr-face.ph-audit{background-position:68% 18%}
.xa-pre .xr-c3-shot{opacity:0;transform:translateY(28px)}
.xa-pre .xr-team{opacity:0;transform:translateY(-10px)}
@media (max-width:1000px){.xr-c3{grid-template-columns:1fr}.xr-c3-r{min-height:440px}.xr-c3-shot{left:20px;top:24px;width:900px}.xr-team{left:16px;right:16px;top:auto;bottom:16px;border-radius:16px}}
@media (prefers-reduced-motion:reduce){.xr-c3-shot,.xr-team{transition:none}}
.q-pin-sec.q-pinned > .q-pin-st{padding-block:24px!important}


@media (min-width:1001px){.q-pin-sec .xa-fi{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)}.q-pin-sec .ws-frow{grid-template-columns:136px minmax(0,1fr) 62px}}
.xb-mm .xb-feat::before{display:none!important}

/* ---- Compare: logo against logo, and checks ---- */
.xr-vl .xd-vr{grid-template-columns:minmax(0,3fr) minmax(0,6fr) 40px}
.xr-ck{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:none;vertical-align:middle}
.xr-ck.y{background:var(--pc-purple);color:#fff}
.xr-ck.y .ic{stroke-width:3}
.xr-ck.n{background:#E6E7EC;color:#6B6F7C}
.xr-ck.p{background:#fff;box-shadow:inset 0 0 0 2px var(--pc-purple)}
.xr-ck.p i{width:10px;height:10px;border-radius:0 10px 10px 0;background:var(--pc-purple);margin-left:5px;display:block}
.xr-ck.p i{width:5px;height:10px;margin-left:5px}
.xr-ckt{overflow-x:auto;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 24px 48px -36px rgba(13,6,26,.25)}
.xr-ckt table{width:100%;border-collapse:collapse;min-width:560px}
.xr-ckt th,.xr-ckt td{padding:16px 20px;border-bottom:1px solid var(--pc-line);text-align:center;vertical-align:middle}
.xr-ckt tbody tr:last-child th,.xr-ckt tbody tr:last-child td{border-bottom:0}
.xr-ckt thead th{font:600 15px/20px var(--f-display);color:var(--pc-ink);background:#FAFAFC;padding-block:18px}
.xr-ckt thead th.pc{color:var(--pc-purple)}
.xr-ckt tbody th{text-align:left;font-weight:500;font-size:15px;line-height:22px;color:var(--pc-ink);width:46%}
.xr-ckt td.pc,.xr-ckt th.pc{background:rgba(91,52,245,.05)}
.xr-leg{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0 0;font-size:13.5px;color:var(--pc-muted)}
.xr-leg > span{display:inline-flex;align-items:center;gap:8px}
.xr-leg .xr-ck{width:20px;height:20px}
.xr-vs{max-width:600px;margin-left:auto;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 40px 80px -40px rgba(46,22,140,.4);overflow:hidden}
.xr-vs-top{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;border-bottom:1px solid var(--pc-line)}
.xr-vs-b{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px 24px;min-height:150px}
.xr-vs-b.pc{background:linear-gradient(155deg,#6B47F8,#4A26D9);color:#fff}
.xr-vs-b.them{background:#F7F7FA}
.xr-vs-logo{display:block;height:30px}
.xr-vs-logo svg{height:30px;width:auto;display:block}
.xr-vs-b.pc .xr-vs-logo svg path{fill:#fff}
.xr-vs-wm{display:flex;align-items:center;gap:10px;font:700 21px/30px var(--f-display);letter-spacing:-.01em;color:#2A2D3A}
.xr-vs-wm i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#2A2D3A;color:#fff;font:700 12px/1 var(--f-display);font-style:normal;flex:none}
.xr-vs-c{font-size:13.5px;line-height:19px}
.xr-vs-b.pc .xr-vs-c{color:rgba(255,255,255,.85)}
.xr-vs-b.them .xr-vs-c{color:var(--pc-muted)}
.xr-vs-x{display:grid;place-items:center;font:700 14px/1 var(--f-display);color:var(--pc-muted);background:linear-gradient(90deg,#4A26D9 50%,#F7F7FA 50%)}
.xr-vs-x{background:#fff;border-inline:1px solid var(--pc-line)}
.xr-vs-rows{list-style:none;margin:0;padding:8px 24px 12px}
.xr-vs-rows li{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--pc-line);font-size:14px;line-height:20px;color:var(--pc-ink)}
.xr-vs-rows li:last-child{border-bottom:0}
.xr-vs-rows .xr-ck{justify-self:center}
@media (max-width:1000px){.xr-vs{margin:0}.xr-vs-b{padding:20px 16px;min-height:120px}.xr-vs-wm{font-size:18px}.xr-vs-rows{padding:4px 16px 8px}}
.xr-ckt{max-width:100%;min-width:0}
@media (max-width:700px){.xr-ckt table{min-width:0;table-layout:fixed}.xr-ckt th,.xr-ckt td{padding:12px 6px}.xr-ckt tbody th{padding-left:14px;font-size:13.5px;line-height:19px;width:44%}.xr-ckt thead th{font-size:12px;line-height:16px;word-break:break-word}.xr-ckt .xr-ck{width:22px;height:22px}}
@media (max-width:1000px){.xr-c3 .xa-mk{display:none}.xr-vs-logo svg{height:24px}}
@media (max-width:1000px){.xr-act .xa-fi-l{display:none}}
.xa-g-lav::before,.xa-g-lav2::before{display:none!important}
/* the mark stays only where it can be seen whole and nothing sits on it: the closing panel and the dark bands */
.xb-hero::before,.xb-wash::before,.xt-hero::before,.xd-lav::before,.xb-ct-demo::before{display:none!important}

/* ---- real photographs: framing for each place they appear ---- */
.xr-face{background-position:center!important;background-size:cover!important}
.xa-aud .xa-aud-img{background-size:auto 112%!important;background-position:right 0 top 0!important;background-color:#1B1530!important;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 22%,#000 48%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 22%,#000 48%)}
.ph.ph-proc{background-position:50% 18%!important}
.ph.ph-comp{background-position:34% 30%!important}
.ph.ph-secp{background-position:80% 35%!important}
.ph.ph-health{background-position:4% 25%!important}
.ph.ph-fin{background-position:40% 50%!important}
.ph.ph-saas{background-position:36% 40%!important}
.ph.ph-mfg{background-position:36% 35%!important}
.ph.ph-team{background-position:50% 45%!important}
.ph.ph-hero{background-position:78% 30%!important}
.xa-aud .xa-aud-img.ph-audit{background-size:auto 112%!important;background-position:right 0 top 0!important}

/* ===== r6: Explore the demo ===== */
.xr-ex-hero{position:relative;padding-block:24px clamp(56px,7vw,96px);background:linear-gradient(180deg,#fff 0%,#F6F4FE 100%);overflow:hidden}
.xr-ex-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,64px);align-items:center;margin-top:clamp(24px,4vw,48px)}
.xr-ex-t{display:flex;flex-direction:column;gap:20px;min-width:0}
.xr-ex-t h1{margin:0;font-size:clamp(40px,4.6vw,64px);line-height:1.03;letter-spacing:-.03em}
.xr-ex-t .hero-lead{margin:0}
.xr-ex-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:var(--pc-tint-100);color:var(--pc-purple-700,#4A26D9);font-size:13px;font-weight:600}
.xr-ex-frm{gap:10px}
.xr-ex-in{display:flex;gap:8px}
.xr-ex-in .inp{flex:1;min-width:0;height:52px}
.xr-ex-in .btn{height:52px;white-space:nowrap}
.xr-ex-ck{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--pc-muted)}
.xr-ex-ck li{display:inline-flex;align-items:center;gap:6px}
.xr-ex-ck .ic{color:var(--pc-purple)}
.xr-ex-v{position:relative;min-width:0}
.xr-ex-stage{position:relative;height:520px;border-radius:28px;padding:24px 0 0 24px;overflow:hidden;background:radial-gradient(60% 80% at 85% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(155deg,#6B47F8 0%,#5130E8 48%,#3A1BB8 100%);box-shadow:0 40px 80px -40px rgba(58,27,184,.7)}
.xr-ex-shot{width:1080px}
.xr-ex-shot .ws{box-shadow:0 0 0 1px rgba(13,6,26,.12),0 30px 60px -30px rgba(13,6,26,.55)}
.xr-ex-tag{position:absolute;left:-18px;bottom:36px;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:14px;background:#fff;color:var(--pc-ink);font-size:13.5px;box-shadow:0 20px 40px -18px rgba(13,6,26,.55)}
.xr-ex-tag .ic{color:var(--pc-purple)}
.xr-ex-tag b{font-weight:600}
.xr-ex-in4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xr-ex-c{display:flex;flex-direction:column;gap:10px;padding:28px 28px 0;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 24px 48px -36px rgba(13,6,26,.25);overflow:hidden;min-width:0}
.xr-ex-c h3{margin:6px 0 0;font-size:21px;line-height:27px;letter-spacing:-.01em}
.xr-ex-c p{margin:0;font-size:15px;line-height:23px;color:var(--pc-muted);max-width:52ch}
.xr-ex-cv{margin-top:14px;padding:18px 18px 0;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#F1EEFE,#E9E4FD);flex:1;display:flex;align-items:flex-start;max-height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.xr-ex-cv > *{width:100%}
.xr-ex-cv .ws,.xr-ex-cv .ws-dr{box-shadow:0 1px 2px rgba(13,6,26,.06),0 18px 36px -20px rgba(13,6,26,.35)}
.xr-ex-try{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:none}
.xr-ex-try li{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xr-ex-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pc-purple);color:#fff;font:600 17px/1 var(--f-display)}
.xr-ex-try h3{margin:0 0 8px;font-size:20px;line-height:26px}
.xr-ex-try p{margin:0 0 14px;font-size:15px;line-height:23px;color:var(--pc-muted)}
.xr-ex-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xr-ex-o{display:flex;flex-direction:column;gap:14px;padding:32px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xr-ex-o.pc{box-shadow:inset 0 0 0 2px var(--pc-purple),0 32px 64px -40px rgba(88,52,245,.5)}
.xr-ex-ok{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted)}
.xr-ex-o.pc .xr-ex-ok{color:var(--pc-purple)}
.xr-ex-o h3{margin:0;font-size:26px;line-height:32px;letter-spacing:-.02em}
.xr-ex-o ul{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-direction:column;gap:12px}
.xr-ex-o li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:22px}
.xr-ex-o li .ic{flex:none;margin-top:3px;color:var(--pc-purple)}
.xr-ex-o li.n{color:var(--pc-muted)}
.xr-ex-o li.n .ic{color:#9A9EAB}
.xr-ex-o .btn{align-self:flex-start;margin-top:auto}
@media (max-width:1000px){
  .xr-ex-g{grid-template-columns:1fr}
  .xr-ex-stage{height:380px}
  .xr-ex-shot{width:900px}
  .xr-ex-tag{left:12px;bottom:16px}
  .xr-ex-in4,.xr-ex-try,.xr-ex-vs{grid-template-columns:1fr}
}
@media (max-width:560px){.xr-ex-in{flex-direction:column}.xr-ex-in .btn{width:100%;justify-content:center}.xr-ex-c{padding:22px 20px 0}.xr-ex-o{padding:24px}}
.xr-ex-cv .ws.bare{background:transparent;box-shadow:none}
.xr-ex-cv .ws.bare .ws-card{box-shadow:0 1px 2px rgba(13,6,26,.06),0 18px 36px -20px rgba(13,6,26,.35)}
.xr-ex-cv .ws-tbl th:nth-child(3),.xr-ex-cv .ws-tbl td:nth-child(3){display:none}

/* ---- home screens: no frame around them; the product carries its own edge, and the logo reads at product size ---- */
.ws-brand svg{height:23px!important}
.ws-brand .lg-s{height:26px!important}
.ws.mini .ws-brand svg{height:24px!important}
.q-pin-sec .xa-flow > .ws,.xr-act-in > .ws{box-shadow:0 0 0 1px rgba(13,6,26,.08),0 2px 6px rgba(13,6,26,.05),0 40px 80px -36px rgba(46,22,140,.38)!important}
.q-pin-sec .xa-flow .ws{font-size:13.5px}

/* ---- closing ---- */
.xr-c4 .xa-mk{display:none!important}
.xr-c4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:540px}
.xr-c4 .xr-c3-r{display:flex;flex-direction:column;gap:20px;padding:40px 40px 0;min-height:0;overflow:hidden}
.xr-c4 .xr-team{position:relative!important;inset:auto!important;align-self:flex-start;border-radius:999px}
.xr-c4 .xr-c3-shot{position:relative!important;left:auto!important;top:auto!important;width:100%!important;flex:1;margin-bottom:-24px}
.xr-c4 .ws-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.xr-c4 .xr-face{width:42px;height:42px}
.xr-c4 .xr-team b{font-size:14px}
.xr-c4 .xr-team span span{font-size:12.5px}
@media (max-width:1000px){.xr-c4{grid-template-columns:1fr!important}.xr-c4 .xr-c3-r{padding:0 20px;max-height:520px}.xr-c4 .xr-team{border-radius:16px}}

/* ---- auditor card: photo on top, record below ---- */
.xr-aud{display:flex!important;flex-direction:column;background:#120A25!important;min-height:520px!important}
.xr-aud::before{display:none!important}
.xr-aud-ph{position:relative;display:block;height:250px;flex:none;overflow:hidden}
.xr-aud-img{position:absolute;inset:0;background-size:cover!important;background-position:50% 22%!important}
.xr-aud-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,10,37,0) 55%,rgba(18,10,37,.85) 100%)}
.xr-aud-q{position:absolute;right:20px;bottom:20px;z-index:2;max-width:270px;padding:12px 14px;border-radius:14px 14px 4px 14px;background:#fff;color:var(--pc-ink);box-shadow:0 16px 40px -20px rgba(0,0,0,.6)}
.xr-aud-q em{display:block;font-style:normal;font-size:11.5px;color:var(--pc-purple);font-weight:600;margin-bottom:3px}
.xr-aud-q b{display:block;font-size:14px;line-height:20px;font-weight:600}
.xr-aud-b{position:relative;display:flex;flex-direction:column;gap:18px;padding:0 0 24px;flex:1}
.xr-aud .xa-aud-t{padding:4px 24px 0!important}
.xr-aud .xa-aud-a{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:auto 24px 0}
.xr-aud .xa-aud-a::before{display:none}
.xr-aud .xa-aud-img.ph-audit{-webkit-mask-image:none!important;mask-image:none!important;background-color:transparent!important}
@media (prefers-reduced-motion:no-preference){.xr-aud .xr-aud-q{transition:opacity 700ms var(--e-reveal),transform 700ms var(--e-reveal)}.xa-pre .xr-aud-q{opacity:0;transform:translateY(10px)}}

/* ---- framing for the new photographs ---- */
.ph.ph-hero{background-position:72% 22%!important}
.ph.ph-proc{background-position:80% 30%!important}
.ph.ph-comp{background-position:60% 22%!important}
.ph.ph-secp{background-position:76% 30%!important}
.ph.ph-audit{background-position:72% 28%!important}
.xr-aud .xr-aud-img.ph-audit{background-size:cover!important;background-position:72% 28%!important}
.xr-aud-q{left:20px;right:auto!important;border-radius:14px 14px 14px 4px}
.xr-aud-ph{height:205px}
.xr-aud .xa-aud-t h3{font-size:24px!important;line-height:28px!important}
.xr-aud .xa-aud-t p{margin-top:6px!important;font-size:14px}
.xr-aud-b{gap:14px;padding-bottom:20px}
.xr-aud .xa-aud-a{margin:auto 20px 0}
.xr-aud .xa-aud-t{padding:0 20px!important}

/* ===== r7: editorial blog covers ===== */
.xr-cv{display:block;width:100%;height:100%;background-color:#120A25;background-size:cover;background-position:0% 50%;background-repeat:no-repeat}
.cv:has(.xr-cv),.ar-cv:has(.xr-cv),.q-feat-cv:has(.xr-cv),.xb-cv:has(.xr-cv){aspect-ratio:16/10;height:auto!important;background:#120A25}
.xb-cv:has(.xr-cv)::after{display:none}
.ar-cv:has(.xr-cv){max-width:880px;border-radius:16px;overflow:hidden}
#mm-resources .xb-feat{min-height:432px!important}
#mm-resources .xb-cv:has(.xr-cv){flex:none;aspect-ratio:16/10}
.cv:has(.xr-cv){overflow:hidden}

/* ===== r8 ===== */
.xr8-faces{display:flex;flex:none;padding-left:4px}
.xr8-face{width:40px;height:40px;border-radius:50%;flex:none;background-size:cover!important;background-position:center!important;box-shadow:0 0 0 2px #fff}
.xr8-face + .xr8-face{margin-left:-10px}

/* closing */
.xr8-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,3vw,48px);align-items:center;padding:clamp(32px,4.5vw,64px);border-radius:28px;background:linear-gradient(150deg,#6440F7 0%,#5130E8 55%,#4423CF 100%);box-shadow:0 40px 80px -40px rgba(70,21,208,.55);overflow:hidden}
.xr8-cta-l{display:flex;flex-direction:column;gap:20px;align-items:flex-start;min-width:0}
.xr8-cta-l h2{margin:0;color:#fff;font-size:clamp(36px,4vw,58px);line-height:1.03;letter-spacing:-.03em}
.xr8-cta-l p{margin:0;color:rgba(255,255,255,.88);font-size:18px;line-height:28px;max-width:42ch}
.xr8-cta-l .q-btn-w{background:#fff;color:#4A26D9;border-radius:999px}
.xr8-cta-l .q-btn-o{border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7);color:#fff;background:transparent}
.xr8-team{display:flex;align-items:center;gap:12px;margin-top:4px;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#fff}
.xr8-team .xr8-face{box-shadow:0 0 0 2px #5130E8}
.xr8-team b{display:block;font-size:13.5px;line-height:18px;font-weight:600}
.xr8-team span span{display:block;font-size:12.5px;line-height:17px;color:rgba(255,255,255,.78)}
.xr8-cta-r{min-width:0;border-radius:16px}
.xr8-cta-r .ws{box-shadow:0 0 0 1px rgba(13,6,26,.12),0 30px 60px -30px rgba(13,6,26,.6)}
.xr8-cta-r .ws-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1000px){.xr8-cta{grid-template-columns:1fr;padding:32px 20px}.xr8-team{border-radius:16px}}

/* auditor card */
.xr8-aud{position:relative;display:flex!important;flex-direction:column;gap:18px;padding:28px!important;min-height:0!important;border-radius:24px;background:radial-gradient(70% 60% at 100% 0%,rgba(91,52,245,.35),transparent 60%),#120A25!important;color:#fff;overflow:hidden}
.xr8-aud-t h3{margin:0;color:#fff;font-size:clamp(24px,2.1vw,30px);line-height:1.12;letter-spacing:-.02em}
.xr8-aud-t p{margin:8px 0 0;color:rgba(255,255,255,.78);font-size:15px}
.xr8-aud-q{display:flex;align-items:flex-end;gap:12px;margin-top:6px}
.xr8-aud-face{width:64px;height:64px;border-radius:50%;flex:none;background-size:cover!important;background-position:center!important;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.xr8-aud-b{display:block;padding:12px 16px;border-radius:16px 16px 16px 4px;background:#fff;color:var(--pc-ink);box-shadow:0 16px 40px -20px rgba(0,0,0,.6)}
.xr8-aud-b em{display:block;font-style:normal;font-size:12px;color:var(--pc-purple);font-weight:600;margin-bottom:3px}
.xr8-aud-b b{display:block;font-size:15px;line-height:21px;font-weight:600}
.xr8-aud-a{margin-top:auto;margin-left:76px}
.xr8-aud-a .ws{background:transparent;box-shadow:none}
.xr8-aud-a .ws-card{box-shadow:0 24px 48px -24px rgba(0,0,0,.7)}
@media (max-width:640px){.xr8-aud{padding:20px!important}.xr8-aud-a{margin-left:0}.xr8-aud-face{width:52px;height:52px}}

/* role cards */
.xr8-au .xr8-au-v{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;aspect-ratio:auto;min-height:250px;background:linear-gradient(160deg,#F4F1FE,#E9E4FD)}
.xr8-who{display:flex;align-items:center;gap:10px}
.xr8-who-ph{width:44px;height:44px;border-radius:50%;flex:none;background-size:cover!important;background-position:center!important;box-shadow:0 0 0 2px #fff,0 6px 14px -6px rgba(13,6,26,.4)}
.xr8-who b{display:block;font-size:13.5px;line-height:18px;color:var(--pc-ink)}
.xr8-who span span{display:block;font-size:12px;line-height:16px;color:var(--pc-muted)}
.xr8-au-s{display:block;font:12.5px/1.45 "Inter",sans-serif;color:var(--w-ink)}
.xr8-au-s .ws-card{box-shadow:0 1px 2px rgba(13,6,26,.06),0 16px 32px -18px rgba(46,22,140,.4)}
.xr8-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 12px;border-top:1px solid var(--w-line2);font-size:12px}
.xr8-row .ic{width:14px;height:14px;color:var(--w-mut)}
.xr8-fc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px}
.xr8-fc b{font-size:13px;line-height:1.35}
.xr8-fc .m{font-size:11px;color:var(--w-mut)}
.xr8-au:hover .xr8-au-s .ws-card{transform:translateY(-2px);transition:transform 300ms var(--e-std)}

/* blog index */
.xr8-bh-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end}
.xr8-search{display:flex;align-items:center;gap:10px;height:56px;padding:0 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 16px 32px -24px rgba(46,22,140,.35);color:var(--pc-muted)}
.xr8-search:focus-within{box-shadow:inset 0 0 0 2px var(--pc-purple),0 16px 32px -24px rgba(46,22,140,.35)}
.xr8-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--pc-ink)}
.xr8-n{font-size:13px;white-space:nowrap}
.xr8-feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-radius:24px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 30px 60px -44px rgba(46,22,140,.45);margin-bottom:40px;color:inherit}
.xr8-feat-cv{display:block;aspect-ratio:16/10}
.xr8-feat-t{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(24px,3vw,44px)}
.xr8-feat-t h2{margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.02em}
.xr8-feat-t p{margin:0;color:var(--pc-muted);font-size:16px;line-height:25px}
.xr8-k{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-purple)}
.xr8-flt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.xr8-flt button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);font:inherit;font-size:14px;color:var(--pc-ink);cursor:pointer}
.xr8-flt button .cnt{color:var(--pc-muted);font-size:13px}
.xr8-flt button[aria-pressed="true"]{background:var(--pc-ink);color:#fff;box-shadow:none}
.xr8-flt button[aria-pressed="true"] .cnt{color:rgba(255,255,255,.7)}
.xr8-pg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.xr8-pc{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 20px 40px -32px rgba(46,22,140,.35);color:inherit;transition:transform 300ms var(--e-std),box-shadow 300ms var(--e-std)}
.xr8-pc[hidden]{display:none}
.xr8-pc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--pc-tint-200),0 28px 50px -30px rgba(46,22,140,.45)}
.xr8-pc-cv{display:block;aspect-ratio:16/10}
.xr8-pc-t{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}
.xr8-pc-t h3{margin:0;font-size:18px;line-height:24px;letter-spacing:-.01em}
.xr8-pc-t p{margin:0;font-size:14.5px;line-height:22px;color:var(--pc-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.xr8-pc-t .lnk{margin-top:auto;padding-top:4px}
.xr8-empty{padding:32px;border-radius:16px;background:var(--pc-tint-100);text-align:center;color:var(--pc-muted)}
@media (max-width:1000px){.xr8-bh-g,.xr8-feat{grid-template-columns:1fr}.xr8-pg{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.xr8-pg{grid-template-columns:1fr}}

/* article */
.xr8-ah-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:16px}
.xr8-ah-t h1{margin:14px 0 14px;font-size:clamp(32px,3.6vw,50px);line-height:1.08;letter-spacing:-.025em}
.xr8-ah-t .dek{margin:0 0 20px;font-size:18px;line-height:28px;color:var(--pc-muted)}
.xr8-ah-t .rs-meta{gap:12px}
.xr8-ah-cv{border-radius:18px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 30px 60px -40px rgba(46,22,140,.5)}
.xr8-au-lg{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--pc-tint-100)}
.xr8-au-lg svg{height:22px;width:auto}
.ar-au b{display:block;font-size:14px;color:var(--pc-ink)}
.ar-au span span{display:block;font-size:13px;color:var(--pc-muted)}
.ar-au{display:flex;align-items:center;gap:12px}
.xr8-ag{display:grid;grid-template-columns:240px minmax(0,720px);gap:56px;justify-content:center}
.xr8-toc{position:sticky;top:calc(var(--hd-h) + 24px);align-self:start;display:flex;flex-direction:column;gap:2px;font-size:13.5px;max-height:calc(100vh - var(--hd-h) - 48px);overflow:auto}
.xr8-toc b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted);margin-bottom:8px}
.xr8-toc a{padding:6px 10px;border-left:2px solid var(--pc-line);color:var(--pc-muted);line-height:18px}
.xr8-toc a.on{border-color:var(--pc-purple);color:var(--pc-ink);font-weight:500}
.xr8-ab{display:flex;flex-direction:column;gap:28px;font-size:17px;line-height:28px;color:#2A2D3A;min-width:0}
.xr8-ab p{margin:0}
.xr8-ans{padding:22px 24px;border-radius:18px;background:var(--pc-tint-100);box-shadow:inset 3px 0 0 var(--pc-purple)}
.xr8-ans p{margin-top:8px;font-size:18px;line-height:29px;color:var(--pc-ink)}
.xr8-take{padding:22px 24px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xr8-take > b{font-size:15px;color:var(--pc-ink)}
.xr8-take ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.xr8-take li{display:flex;gap:10px;font-size:16px;line-height:24px}
.xr8-take .ic{flex:none;margin-top:4px;color:var(--pc-purple)}
.xr8-sec{display:flex;flex-direction:column;gap:16px;scroll-margin-top:calc(var(--hd-h) + 24px)}
.xr8-sec h2{margin:12px 0 0;font-size:clamp(24px,2.2vw,30px);line-height:1.2;letter-spacing:-.02em;color:var(--pc-ink)}
.xr8-sec ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.xr8-fig{margin:8px 0;display:flex;flex-direction:column;gap:10px}
.xr8-fig figcaption{font-size:13.5px;line-height:20px;color:var(--pc-muted)}
.xr8-cl{border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 20px 40px -32px rgba(13,6,26,.35);overflow:hidden}
.xr8-cl-h{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--pc-line);background:#FAFAFC;font-size:13px}
.xr8-cl-h span{margin-left:auto;color:var(--pc-muted);font:12px var(--w-fm)}
.xr8-cl-b{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:16px;font:15px/1.6 Georgia,"Times New Roman",serif;color:#2A2D3A}
.xr8-cl-b .n{font:600 13px/1.6 var(--w-fm);color:var(--pc-muted)}
.xr8-cl-b mark{background:#E6DFFE;color:inherit;padding:1px 2px;border-radius:3px;box-shadow:0 2px 0 var(--pc-purple)}
.xr8-fd{padding:16px;display:flex;flex-direction:column;gap:8px;font-size:13px}
.xr8-fd-h{display:flex;justify-content:space-between;align-items:center}
.xr8-fd > b{font-size:16px;line-height:1.35;color:var(--w-ink)}
.xr8-fd .m{font-size:12px;color:var(--w-mut)}
.xr8-fd-f{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;padding-top:8px;border-top:1px solid var(--w-line2)}
.xr8-fd .ws-conf{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--w-mut)}
.xr8-fd .ws-bar{width:90px}
.xr8-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.xr8-steps li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);font-size:14px;line-height:21px}
.xr8-steps b{font-size:15px;color:var(--pc-ink);line-height:20px}
.xr8-steps li > span:last-child{color:var(--pc-muted)}
.xr8-sn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pc-purple);color:#fff;font:600 13px/1 var(--f-display)}
.xr8-ck{padding:18px 20px;border-radius:14px;background:linear-gradient(160deg,#F4F1FE,#EEEAFD)}
.xr8-ck > b{font-size:15px;color:var(--pc-ink)}
.xr8-ck ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.xr8-ck li{display:flex;gap:10px;font-size:15px;line-height:22px}
.xr8-ck .ic{flex:none;margin-top:3px;width:18px;height:18px;padding:2px;border-radius:50%;background:var(--pc-purple);color:#fff;stroke-width:3}
.xr8-tw{overflow-x:auto;border-radius:14px;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xr8-tbl{width:100%;border-collapse:collapse;font-size:14.5px;line-height:21px;min-width:520px}
.xr8-tbl caption{caption-side:bottom;text-align:left;padding:10px 14px;font-size:13px;color:var(--pc-muted)}
.xr8-tbl th,.xr8-tbl td{padding:12px 14px;border-bottom:1px solid var(--pc-line);text-align:left;vertical-align:top}
.xr8-tbl thead th{background:#FAFAFC;font-size:13px;color:var(--pc-ink);font-weight:600}
.xr8-tbl tbody th{font-weight:600;color:var(--pc-ink)}
.xr8-tbl tbody tr:last-child th,.xr8-tbl tbody tr:last-child td{border-bottom:0}
.xr8-src{padding-top:20px;border-top:1px solid var(--pc-line);scroll-margin-top:calc(var(--hd-h) + 24px)}
.xr8-src h2{margin:0 0 12px;font-size:20px}
.xr8-src ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:21px}
.xr8-src cite{font-style:normal;color:var(--pc-ink);display:block}
.xr8-src li span{color:var(--pc-muted);font-size:13px;word-break:break-all}
.xr8-note{display:flex;gap:8px;margin-top:14px!important;font-size:13px;line-height:19px;color:var(--pc-muted)}
.xr8-note .ic{flex:none;margin-top:2px}
@media (max-width:1000px){.xr8-ah-g{grid-template-columns:1fr}.xr8-ag{grid-template-columns:1fr}.xr8-toc{display:none}}

/* tier calculator */
.xq-hg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:end}
.xq-how3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.xq-how3 li{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xq-how3 span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pc-purple);color:#fff;font:600 13px/1 var(--f-display);margin-bottom:6px}
.xq-how3 b{font-size:15px}
.xq-how3 em{font-style:normal;font-size:13.5px;line-height:19px;color:var(--pc-muted)}
.xq-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.xq-card{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,40px);border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line),0 30px 60px -44px rgba(46,22,140,.45);animation:xa-in 360ms var(--e-reveal) both}
.xq-prog{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.xq-prog span{height:6px;border-radius:999px;background:var(--pc-tint-100)}
.xq-prog span.done{background:var(--pc-purple)}
.xq-prog span.cur:not(.done){background:var(--pc-tint-200)}
.xq-n{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-purple)}
.xq-h{margin:0;font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.02em;outline:0}
.xq-d{margin:0 0 8px;font-size:17px;color:var(--pc-muted)}
.xq-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.xq-o{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--pc-line);text-align:left;font:inherit;cursor:pointer;transition:box-shadow 160ms,background 160ms}
.xq-o:hover{box-shadow:inset 0 0 0 1.5px var(--pc-tint-200);background:#FBFAFF}
.xq-o:focus-visible{outline:2px solid var(--pc-purple);outline-offset:2px}
.xq-o.on{background:var(--pc-tint-100);box-shadow:inset 0 0 0 2px var(--pc-purple)}
.xq-o b{display:block;font-size:16px;color:var(--pc-ink)}
.xq-o span span{display:block;font-size:14px;line-height:20px;color:var(--pc-muted);margin-top:2px}
.xq-r{flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;box-shadow:inset 0 0 0 2px #C9CBD3}
.xq-o.on .xq-r{box-shadow:inset 0 0 0 6px var(--pc-purple)}
.xq-nav{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.xq-hint{font-size:13.5px;color:var(--pc-muted)}
.xq-side{position:sticky;top:calc(var(--hd-h) + 24px);display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:var(--pc-tint-100)}
.xq-side h3{margin:0;font-size:17px}
.xq-side p{margin:0;font-size:14.5px;line-height:22px;color:var(--pc-muted)}
.xq-fine{display:flex;gap:8px;font-size:13px!important}
.xq-fine .ic{flex:none;margin-top:2px}
.xq-tier{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:18px;outline:0}
.xq-tier-k{font:600 44px/1 var(--f-display);letter-spacing:-.03em}
.xq-tier b{font-size:18px}
.xq-tier span:last-child{font-size:15px;opacity:.85}
.xq-crit{background:#FCE9EA;color:#8E1820}.xq-high{background:#FCE9EA;color:#C2282F}.xq-med{background:#FBF1DC;color:#7A4F00}.xq-low{background:#E3F5EC;color:#0B6E4C}
.xq-why{margin:4px 0 0;font-size:17px;line-height:26px}
.xq-meter{margin:4px 0 8px}
.xq-bar{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,#E3F5EC 0 29%,#FBF1DC 29% 59%,#FCE9EA 59% 79%,#F8DADC 79%)}
.xq-bar i{position:absolute;left:0;top:-3px;bottom:-3px;border-radius:999px;background:transparent;box-shadow:inset -3px 0 0 var(--pc-ink)}
.xq-bands{display:grid;grid-template-columns:29fr 30fr 20fr 21fr;margin-top:6px;font-size:12px;line-height:16px;color:var(--pc-muted)}
.xq-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px}
.xq-cols h3,.xq-ans h3{margin:0 0 10px;font-size:15px}
.xq-cols h3 em{font-style:normal;color:var(--pc-muted);font-weight:500}
.xq-fw,.xq-docs,.xq-ans ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.xq-fw li{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:var(--pc-tint-100)}
.xq-fw b{font-size:14px}.xq-fw span{font-size:13px;color:var(--pc-muted)}
.xq-docs li{display:flex;gap:10px;font-size:14px;line-height:19px}
.xq-docs .ic{flex:none;color:var(--pc-purple);margin-top:1px}
.xq-docs span span{display:block;font-size:12.5px;color:var(--pc-muted)}
.xq-ans{padding-top:14px;border-top:1px solid var(--pc-line)}
.xq-ans li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;font-size:14px}
.xq-ans li span{color:var(--pc-muted)}
.xq-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.xq-expl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start}
.xq-pts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xq-pts > div{padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line)}
.xq-pts b{font-size:14px}
.xq-pts ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.xq-pts li{display:flex;justify-content:space-between;color:var(--pc-muted)}
.xq-pts em{font-style:normal;color:var(--pc-purple);font-weight:600}
@media (max-width:1000px){.xq-hg,.xq-g,.xq-expl{grid-template-columns:1fr}.xq-side{position:static}}
@media (max-width:640px){.xq-opts,.xq-cols,.xq-pts,.xq-how3{grid-template-columns:1fr}.xq-ans li{grid-template-columns:1fr auto}.xq-ans li span{grid-column:1 / -1}}
.xr8-bh-g h1{margin:12px 0 16px;font-size:clamp(36px,4.2vw,60px);line-height:1.05;letter-spacing:-.03em}
.xr8-bh-g .hero-lead{margin:0;max-width:56ch}
.xr8-bh{padding-bottom:32px}
.xq-nav [data-xq-back][disabled]{visibility:hidden}
.xq-side .lnk{display:inline-flex;flex-wrap:wrap;white-space:normal;text-align:left;line-height:22px}
.xr8-cta{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.xq-hero .xq-hg h1{margin:12px 0 16px;font-size:clamp(36px,4.2vw,60px);line-height:1.05;letter-spacing:-.03em}
.xq-bar i{position:absolute;top:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--pc-ink);box-shadow:0 0 0 3px #fff,0 4px 10px rgba(13,6,26,.3);transform:translateY(-50%)}
.xq-fw{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}
.xq-fw li{padding:8px 10px}
.xq-fw span{font-size:12px;line-height:16px}
.xr8-steps{grid-template-columns:1fr!important;gap:8px}
.xr8-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:14px;row-gap:2px;padding:14px 16px}
.xr8-steps .xr8-sn{grid-row:span 2}
.xr8-bh-g > *{min-width:0}@media (max-width:1000px){.xr8-bh-g{gap:20px}}

/* ===== r9: the closing dashboard comes out of the bottom-right corner, notifications float over it ===== */
.xr8-cta{position:relative;display:block!important;min-height:580px;padding-right:0!important}
.xr8-cta-l{max-width:44%;position:relative;z-index:3}
.xr8-cta-r{position:absolute;left:52%;top:84px;right:0;bottom:0;border-radius:0}
.xr8-cta-shot{position:absolute;left:0;top:0;width:980px;border-radius:18px 0 0 0;overflow:hidden;box-shadow:0 0 0 1px rgba(13,6,26,.14),0 40px 80px -30px rgba(13,6,26,.65)}
.xr8-cta-shot .ws{border-radius:18px 0 0 0;box-shadow:none}
.xr8-cta-shot .ws-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.xr8-ntf{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:14px;background:#fff;color:var(--pc-ink);box-shadow:0 1px 2px rgba(13,6,26,.08),0 22px 44px -18px rgba(13,6,26,.55);white-space:nowrap}
.xr8-ntf b{display:block;font-size:13px;line-height:17px;font-weight:600}
.xr8-ntf span span{display:block;font-size:11.5px;line-height:15px;color:var(--pc-muted)}
.xr8-ntf .ws-av{width:30px;height:30px;font-size:10.5px;flex:none}
.xr8-ntf-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#E8F0FE;color:#1868DB;flex:none}
.xr8-ntf-0{left:-64px;top:156px}
.xr8-ntf-1{left:-28px;top:300px}
.xr8-ntf-2{left:230px;top:-28px}
@media (prefers-reduced-motion:no-preference){
  .xr8-ntf{animation:xr8-float 6s ease-in-out infinite}
  .xr8-ntf-1{animation-delay:-2s}.xr8-ntf-2{animation-delay:-4s}
  .xr8-cta-shot{transition:opacity 900ms var(--e-reveal),transform 900ms var(--e-reveal)}
  .xr8-cta-r .xr8-ntf{transition:opacity 700ms var(--e-reveal) 400ms}
  .xa-pre .xr8-cta-shot{opacity:0;transform:translate(48px,48px)}
  .xa-pre .xr8-ntf{opacity:0}
}
@keyframes xr8-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (max-width:1000px){
  .xr8-cta{padding:32px 20px 0!important;min-height:0}
  .xr8-cta-l{max-width:none}
  .xr8-cta-r{position:relative;left:auto;top:auto;height:360px;margin:56px -20px 0 0}
  .xr8-cta-shot{left:24px;width:820px}
  .xr8-ntf-0{left:0;top:120px}.xr8-ntf-1{display:none}.xr8-ntf-2{left:auto;right:12px;top:-30px}
}

/* ===== production ===== */
.rvb,#rvd{display:none!important}
.xp-ih{max-width:820px;margin-top:16px}
.xp-ih h1{margin:12px 0 16px;font-size:clamp(36px,4.2vw,60px);line-height:1.05;letter-spacing:-.03em}
.xp-404{min-height:60vh;display:flex;align-items:center}
.xp-404 h1{margin:12px 0 16px;font-size:clamp(36px,4.6vw,64px);line-height:1.05;letter-spacing:-.03em;max-width:18ch}
.xp-404 .btn-row{margin-top:24px}
.xp-ck{position:fixed;left:16px;bottom:16px;z-index:200;width:min(400px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:#fff;color:var(--pc-ink);box-shadow:0 0 0 1px var(--pc-line),0 24px 60px -20px rgba(13,6,26,.35);font-size:14px;line-height:21px;animation:xa-in 300ms var(--e-reveal) both}
.xp-ck-h{font-size:15px}
.xp-ck p{margin:0;color:var(--pc-muted)}
.xp-ck p a{color:var(--pc-purple);text-decoration:underline}
.xp-ck-o{display:flex;flex-direction:column;gap:10px}
.xp-ck-o label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.xp-ck-o input{margin-top:4px;accent-color:var(--pc-purple)}
.xp-ck-o b{display:block;font-size:14px}
.xp-ck-o span{font-size:13px;color:var(--pc-muted)}
.xp-ck-a{display:flex;flex-wrap:wrap;gap:8px}