:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout concept: quiet ink-and-paper frame so the photos and the one official DiSC wheel carry the colour;
   aubergine is the brand accent because it is none of the four DiSC style colours. */
:root{
  --bg:#F5F5F7; --surface:#FFFFFF; --ink:#16131C; --muted:#5E5968; --line:#E2E0E7;
  --accent:#4A2B6B; --accent-ink:#FFFFFF; --accent-soft:#EDE7F4;
  --hero-ink:#FFFFFF; --scrim:rgba(18,12,26,.62);
  --d:#0CAD4B; --i:#CE3741; --s:#00A1D1; --c:#F4CC29;
  --proto-bg:#0B0B0D; --proto-fg:#FFFFFF;
  --f-display:"Bricolage Grotesque","Anuphan",system-ui,sans-serif;
  --f-body:"IBM Plex Sans Thai",system-ui,sans-serif;
  --r:14px; --max:1200px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#121016; --surface:#1B1821; --ink:#F1EEF5; --muted:#A9A3B3; --line:#2E2A36;
  --accent:#C3A6E6; --accent-ink:#1A1322; --accent-soft:#2A2235; --scrim:rgba(8,6,12,.7); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#121016; --surface:#1B1821; --ink:#F1EEF5; --muted:#A9A3B3; --line:#2E2A36;
  --accent:#C3A6E6; --accent-ink:#1A1322; --accent-soft:#2A2235; --scrim:rgba(8,6,12,.7); color-scheme:dark}

#hdr{display:contents}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang="th"] body{line-height:1.75}
h1,h2,h3{font-family:var(--f-display);line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.01em}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{line-height:1.35;letter-spacing:0}
p{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.lead{color:var(--muted);font-size:1.08rem;max-width:62ch}
.btn{display:inline-flex;align-items:center;gap:.6em;padding:.85em 1.4em;border-radius:999px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:600;border:0;cursor:pointer;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--accent)}
.btn .arr{transition:transform .25s}.btn:hover .arr{transform:translateX(4px)}
.btn.ghost{background:transparent;color:inherit;border:1.5px solid currentColor}
.btn.light{background:#fff;color:#16131C}
.link{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.ph{font-size:.72rem;color:var(--muted);font-style:italic}
section{position:relative}
.sec{padding-block:clamp(64px,9vw,120px)}

/* ---------- reveal ---------- */
[data-reveal]{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal].pre{opacity:0;transform:translateY(28px)}
@media (prefers-reduced-motion: reduce){[data-reveal]{transition:none}[data-reveal].pre{opacity:1;transform:none}html{scroll-behavior:auto}}

/* ---------- header ---------- */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:background .3s,color .3s,border-color .3s}
.hdr.over{background:transparent;border-color:transparent;color:var(--hero-ink)}
.hdr.over .brand small{color:inherit;opacity:.8}
.hdr.over.dk{color:#16131C}.hdr.over.dk .util{border-color:rgba(0,0,0,.12)}
.util{font-size:.8rem;border-bottom:1px solid var(--line)}
.hdr.over .util{border-color:rgba(255,255,255,.18)}
.util .wrap{display:flex;justify-content:flex-end;gap:18px;padding-block:6px;align-items:center}
.util a{text-decoration:none;opacity:.8}.util a:hover{opacity:1}
.langs{display:flex;gap:2px;margin-left:6px}
.langs button{background:none;border:0;padding:2px 6px;border-radius:6px;cursor:pointer;opacity:.65;font-size:.78rem;font-weight:600}
.langs button[aria-pressed="true"]{opacity:1;background:var(--accent-soft);color:var(--accent)}
.hdr.over .langs button[aria-pressed="true"]{background:rgba(255,255,255,.2);color:inherit}
.mainnav .wrap{display:flex;align-items:center;gap:28px;padding-block:14px}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.1;margin-right:auto}
.brand b{font-family:var(--f-display);font-size:1.35rem;letter-spacing:-.02em}
.brand b span{color:var(--accent)}.hdr.over .brand b span{color:inherit}
.brand small{font-size:.66rem;color:var(--muted);letter-spacing:.04em}
.navlinks{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}
.navlinks>li>a,.navlinks>li>button{background:none;border:0;cursor:pointer;text-decoration:none;font-weight:500;font-size:.95rem;padding:6px 0}
.navlinks .pill{border:1.5px solid currentColor;border-radius:999px;padding:7px 16px}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.25s}
.mega.open{opacity:1;visibility:visible;transform:none}
.mega .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);gap:32px;padding-block:32px}
.mega li{overflow-wrap:anywhere}
.mega h4{margin:0 0 4px;font-size:.95rem;font-family:var(--f-display)}
.mega .tool{font-size:.75rem;color:var(--muted);margin-bottom:10px}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mega a{text-decoration:none;font-size:.9rem}.mega a:hover{color:var(--accent)}
.mega .side{background:var(--accent-soft);border-radius:var(--r);padding:20px}
.navlinks li.dd{position:relative}
.ddm{position:absolute;top:calc(100% + 12px);left:50%;width:360px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35);padding:8px;opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:5}
.ddm::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.ddm.open{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ddm ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ddm a{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none;min-height:44px;transition:background .2s}
.ddm a:hover,.ddm a:focus-visible{background:var(--accent-soft)}
.ddm .ico{width:36px;height:36px;color:var(--accent)}
.ddm b{display:block;font-family:var(--f-display);font-size:.95rem}
.ddm small{display:block;font-size:.8rem;color:var(--muted);line-height:1.45}
/* official product logos (everythingdisc.com, fivebehaviors.com, pxtselect.com), no frame; dark theme shows them in white */
.plogo{display:block;width:auto;max-width:100%;height:44px}
.plogo.pl-d{display:none!important}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .plogo{filter:brightness(0) invert(1)}:root:not([data-theme="light"]) .plogo.pl-l{display:none!important}:root:not([data-theme="light"]) .plogo.pl-d{display:block!important;filter:none}}
:root[data-theme="dark"] .plogo{filter:brightness(0) invert(1)}:root[data-theme="dark"] .plogo.pl-l{display:none!important}:root[data-theme="dark"] .plogo.pl-d{display:block!important;filter:none}
.AB-br .plogo{height:50px;margin-bottom:6px}
.C-prod a.has-logo{grid-template-columns:minmax(0,260px) minmax(0,1fr) 40px}
.C-prod .plogo{height:56px}
.Q-fam h3 .plogo.sm{height:30px}
.LRN .LH-card .plogo.lh{height:30px;margin-bottom:4px}
@media (max-width:860px){.C-prod a.has-logo{grid-template-columns:minmax(0,1fr) 30px;row-gap:10px}.C-prod a.has-logo .plogo-w{grid-column:1;grid-row:1}.C-prod a.has-logo p{grid-column:1/2;grid-row:2}.C-prod a.has-logo .arr{grid-column:2;grid-row:1/span 2}.C-prod .plogo{height:44px}}
.ddm a.ddm-lg{grid-template-columns:1fr;gap:8px;padding:12px 14px}
.ddm .lg{justify-self:start;display:block;height:36px}
.ddm .lg img{height:100%;width:auto;display:block}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ddm .lg img:not(.pl-d){filter:brightness(0) invert(1)}}
:root[data-theme="dark"] .ddm .lg img:not(.pl-d){filter:brightness(0) invert(1)}
.drawer .dsub summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.drawer .dsub summary::-webkit-details-marker{display:none}
.drawer .dsub summary::after{content:"▾";transition:transform .2s}
.drawer .dsub[open] summary::after{transform:rotate(180deg)}
.drawer .dsub ul{margin:10px 0 4px 14px;gap:10px;font-size:1rem;border-left:2px solid var(--line);padding-left:14px}
.burger{display:none;background:none;border:0;cursor:pointer;padding:6px}
.drawer{display:none}
@media (max-width:980px){
  .navlinks,.util,.mega{display:none}.burger{display:block}
  .drawer.open{display:block;position:fixed;inset:0;z-index:70;background:var(--surface);color:var(--ink);overflow:auto;padding:calc(env(safe-area-inset-top,0px) + 20px) max(20px,env(safe-area-inset-right,0px)) 120px max(20px,env(safe-area-inset-left,0px))}
  .drawer ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px;font-size:1.15rem}
  .drawer a{text-decoration:none}
}

/* ---------- shared bits ---------- */
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee .track{display:flex;gap:16px;width:max-content;animation:mq 90s linear infinite}
.logo{flex:none;min-width:120px;height:56px;padding:0 18px;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;white-space:nowrap;opacity:.62;filter:grayscale(1);transition:opacity .3s}
.logo:hover{opacity:1}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.marquee .track{animation:none}}

.wheel{width:100%;max-width:420px;aspect-ratio:1;overflow:visible}
.wheel .q{transform-origin:150px 150px;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s;cursor:pointer}
.wheel.pre .q{transform:scale(.2) rotate(-40deg);opacity:0}
.wheel .q:nth-of-type(2){transition-delay:.1s}.wheel .q:nth-of-type(3){transition-delay:.2s}.wheel .q:nth-of-type(4){transition-delay:.3s}
.wheel .q:hover,.wheel .q.on{transform:scale(1.04)}
.wheel text{font-family:var(--f-display);font-weight:700;fill:#fff;pointer-events:none}
.wheel .gap{stroke:var(--bg);stroke-width:5}
.styles{display:grid;gap:10px;margin-top:24px}
.styles button{all:unset;cursor:pointer;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:.2s}
.styles button[aria-pressed="true"]{border-color:var(--ink)}
.styles .letter{font-family:var(--f-display);font-weight:700;font-size:1.3rem;text-align:center}
.styles small{display:block;color:var(--muted)}

.mock{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -30px rgba(20,10,30,.35);overflow:hidden}
.mock .bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}
.mock .bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.mock .body{padding:18px;display:grid;gap:12px}
.sk{height:9px;border-radius:5px;background:var(--line)}
.mock .tag{font-size:.7rem;font-weight:600;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}
.mock .map{width:150px;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--muted);position:relative;margin-inline:auto;background:conic-gradient(from 0deg,transparent 0 25%,var(--line) 0 25.4%,transparent 0 50%,var(--line) 0 50.4%,transparent 0 75%,var(--line) 0 75.4%,transparent 0 99.6%,var(--line) 0)}
.mock .dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);transition:left 1s,top 1s}
.mock .dot.b{background:var(--accent)}
.mock .step{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}
.mock .num{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:.75rem;font-weight:700}
.mockswap{position:relative}
.mockswap>*{transition:opacity .5s,transform .5s}
.mockswap>[hidden]{display:block!important;position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none}

.ctable{width:100%;border-collapse:collapse;font-size:.93rem}
.ctable th,.ctable td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line)}
.ctable thead th{padding:0 0 10px}
.ctable thead button{all:unset;cursor:pointer;font-family:var(--f-display);font-weight:700;font-size:1.05rem;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line)}
.ctable thead button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ctable tbody th{color:var(--muted);font-weight:500;width:22%}
.ctable td{transition:opacity .3s,background .3s}
.ctable[data-col="0"] td:nth-of-type(2),.ctable[data-col="1"] td:nth-of-type(1){opacity:.45}
.ctable[data-col="0"] td:nth-of-type(1),.ctable[data-col="1"] td:nth-of-type(2){background:var(--accent-soft)}
.tablebox{overflow-x:auto}
.fine{font-size:.82rem;color:var(--muted);margin-top:14px}
.en-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:6px;border:1px solid currentColor;vertical-align:middle;margin-left:6px}

.ico{width:56px;height:56px;background:currentColor;-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}
.num-tab{font-variant-numeric:tabular-nums}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-size:.92rem;transition:.2s}
.chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}

.ftr{border-top:1px solid var(--line);padding-block:48px 120px;font-size:.88rem;color:var(--muted)}
.ftr .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:32px}
.social{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.social a{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.8rem}
:root{--soc:#3F3B46}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--soc:#C9C4D2}}
:root[data-theme="dark"]{--soc:#C9C4D2}
.social a.si{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;color:var(--soc);text-decoration:none;transition:background .2s,color .2s,transform .2s}
.social a.si:hover{background:var(--accent-soft);color:var(--ink);transform:translateY(-2px)}
.social a.si:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.social a.si svg{width:22px;height:22px;fill:currentColor}
.social a.si svg.st{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social:has(a.si){gap:4px;margin-left:-8px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;align-content:start}
.ftr a{text-decoration:none}.ftr a:hover{color:var(--accent)}
.ftr .tm{grid-column:1/-1;font-size:.75rem;border-top:1px solid var(--line);padding-top:18px}
@media (max-width:760px){.ftr .wrap{grid-template-columns:1fr}}

.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:.85rem;opacity:0;transition:.3s;z-index:90;max-width:calc(100vw - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- prototype switcher (not part of the design) ---------- */
.proto{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:6px;background:var(--proto-bg);color:var(--proto-fg);padding:6px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.35);font:600 12px/1 ui-monospace,Menlo,monospace;white-space:nowrap}
.proto button{all:unset;cursor:pointer;padding:8px 11px;border-radius:999px}
.proto button:hover{background:rgba(255,255,255,.14)}
.proto .lbl{padding:0 8px;min-width:150px;text-align:center}
.proto .sep{width:1px;height:20px;background:rgba(255,255,255,.25)}
.proto .on{background:var(--proto-fg);color:var(--proto-bg)}
.proto .on:hover{background:var(--proto-fg)}
@media (max-width:480px){.proto .lbl{min-width:0}.proto .lbl span{display:none}}

/* =============== CONTACT PAGE =============== */
:root{--err:#B42318}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--err:#FF8A80}}
:root[data-theme="dark"]{--err:#FF8A80}
.CT-head{padding-block:clamp(48px,7vw,96px) 28px}
.CT-head h1{font-size:clamp(2.4rem,5.4vw,4.4rem);margin:10px 0 14px}
.CT-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr);gap:40px;align-items:start;padding-bottom:clamp(64px,8vw,110px)}
.CT-form{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,40px);display:grid;gap:18px}
.CT-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{display:grid;gap:6px;min-width:0}
.fld label{font-size:.88rem;font-weight:600}
.fld label .req{color:var(--accent)}
.fld input,.fld select,.fld textarea{font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;transition:border-color .2s,box-shadow .2s}
.fld textarea{min-height:130px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.fld .err{font-size:.8rem;color:var(--err);min-height:0}
.fld.bad input,.fld.bad select{border-color:var(--err)}
.chips.pick{gap:8px}
.chips.pick label{cursor:pointer;position:relative}
.chips.pick input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.chips.pick input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chips.pick input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:.88rem;color:var(--muted);align-items:start}
.consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--accent)}
.CT-form .btn{justify-self:start}
.CT-form .note{font-size:.78rem;color:var(--muted)}
.CT-done{display:grid;gap:14px;text-align:left}
.CT-done .tick{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:1.6rem}
.CT-done dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.9rem;margin:6px 0 0}
.CT-done dt{color:var(--muted)}.CT-done dd{margin:0}
.CT-side{display:grid;gap:20px;position:sticky;top:calc(var(--hdrh,110px) + 20px)}
.CT-side .ph-img{border-radius:22px;overflow:hidden;aspect-ratio:4/3}
.CT-side .ph-img img{width:100%;height:100%;object-fit:cover}
.CT-side .box{border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:16px;background:var(--surface)}
.CT-side h3{font-size:1.1rem}
.CT-side .it{display:grid;gap:2px}
.CT-side .it span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.CT-side .it b{font-size:1.02rem;font-weight:600;user-select:all}
@media (max-width:860px){.CT-grid{grid-template-columns:1fr}.CT-side{position:static}.CT-form .row2{grid-template-columns:1fr}}

/* =============== QUOTE PAGE =============== */
.Q-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px;list-style:none;padding:0}
.Q-steps li{display:grid;gap:8px;font-size:.82rem;color:var(--muted);font-weight:600}
.Q-steps li::before{content:"";height:4px;border-radius:4px;background:var(--line);transition:background .4s}
.Q-steps li.on,.Q-steps li.done{color:var(--ink)}
.Q-steps li.on::before,.Q-steps li.done::before{background:var(--accent)}
.Q-step{display:grid;gap:22px;animation:qin .45s cubic-bezier(.2,.8,.2,1)}
@keyframes qin{from{opacity:0;transform:translateX(18px)}}
@media (prefers-reduced-motion: reduce){.Q-step{animation:none}}
.Q-step h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.Q-fam{display:grid;gap:10px}
.Q-fam h3{font-size:1rem;display:flex;align-items:center;gap:10px}
.Q-fam h3 .ico{width:28px;height:28px;color:var(--accent)}
.Q-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.Q-opt{position:relative;cursor:pointer}
.Q-opt input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0}
.Q-opt>span{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);font-weight:500;transition:.2s}
.Q-opt>span::before{content:"";flex:none;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--muted);transition:.2s}
.Q-opt input[type=radio]+span::before{border-radius:50%}
.Q-opt input:checked+span{border-color:var(--accent);background:var(--accent-soft)}
.Q-opt input:checked+span::before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent-soft)}
.Q-opt input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.Q-opt small{display:block;color:var(--muted);font-weight:400;font-size:.8rem}
.Q-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.Q-err{color:var(--err);font-size:.85rem;min-height:1em}
#qForm{scroll-margin-top:calc(var(--hdrh,110px) + 16px)}
.Q-sum{display:grid;gap:14px}
.Q-sum dl{margin:0;display:grid;gap:12px}
.Q-sum dt{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.Q-sum dd{margin:2px 0 0;font-weight:500}
.Q-sum dd.empty{color:var(--muted);font-weight:400;font-style:italic}
.Q-sum .count{font-family:var(--f-display);font-size:2.4rem;font-weight:700;line-height:1}

/* =============== CATALYST PAGE =============== */
.CA-hero{padding-block:clamp(40px,6vw,88px) clamp(48px,6vw,80px);overflow:hidden}
.CA-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.CA-hero .lockup{height:34px;width:auto;margin-bottom:22px}
.CA-wide .lockup{height:34px;width:auto;margin-bottom:22px}
:root[data-theme="dark"] .CA-wide .lockup{filter:invert(1) hue-rotate(180deg)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .CA-wide .lockup{filter:invert(1) hue-rotate(180deg)}}
.CA-wide .PDW-fl .float .mock .map{width:96px}
:root[data-theme="dark"] .CA-hero .lockup{filter:invert(1) hue-rotate(180deg)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .CA-hero .lockup{filter:invert(1) hue-rotate(180deg)}}
.CA-hero h1{font-size:clamp(2.3rem,5.2vw,4.4rem);margin-bottom:18px}
.CA-hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}
.lang-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:.85rem;color:var(--muted)}
.lang-note b{font-size:.7rem;letter-spacing:.06em;padding:3px 8px;border-radius:6px;border:1px solid currentColor;color:var(--ink)}
.CA-art{position:relative;aspect-ratio:1/1;max-width:540px;justify-self:end;width:100%}
.CA-art .blob{position:absolute;inset:6% 4% 10% 8%;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;background:var(--accent-soft);animation:morph 14s ease-in-out infinite}
@keyframes morph{50%{border-radius:58% 42% 44% 56%/44% 58% 42% 56%}}
.CA-art .photo{position:absolute;inset:4% 8% 12% 2%;border-radius:36px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(20,10,30,.55)}
.CA-art .photo img{width:100%;height:116%;margin-top:-8%;object-fit:cover;object-position:55% 40%;will-change:transform}
.CA-art .blob{inset:12% -2% 2% 14%!important}
.CA-art .float{position:absolute;right:-2%;bottom:2%;width:min(260px,52%);will-change:transform}
.CA-art .float .mock .body{padding:14px;gap:8px}
.CA-art .float .mock .map{width:96px}
@media (prefers-reduced-motion: reduce){.CA-art .blob{animation:none}}

.CA-sub{position:sticky;top:var(--hdrh,110px);z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-block:1px solid var(--line)}
.CA-sub .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.CA-sub a{flex:none;text-decoration:none;font-size:.9rem;font-weight:600;padding:8px 14px;border-radius:999px;color:var(--muted);transition:.2s}
.CA-sub a:hover{color:var(--ink)}
.CA-sub a.on{background:var(--ink);color:var(--bg)}
.CA-sec{scroll-margin-top:calc(var(--hdrh,110px) + 64px)}
.CA-sec h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}

.CA-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.CA-bento .t{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:10px}
.CA-bento .t .k{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.CA-bento .t p{font-size:1.05rem}
.CA-bento .vis{grid-column:span 2;grid-row:span 3;background:var(--accent-soft);border:0;display:grid;place-items:center;padding:36px}
.CA-bento .vis .mock{width:min(100%,420px)}

.CA-ws .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.CA-mods{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}
.CA-mods li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;transition:padding .3s,background .3s}
.CA-mods li:hover{padding-inline:14px;background:var(--surface)}
.CA-mods li span{font-family:var(--f-body);font-size:.85rem;font-weight:500;color:var(--muted)}
.CA-time{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.CA-time div{flex:1 1 180px;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:var(--surface)}
.CA-time b{display:block;font-family:var(--f-display);font-size:1.8rem;line-height:1.1}
.CA-time span{color:var(--muted);font-size:.9rem}
.CA-ws .side{position:sticky;top:calc(var(--hdrh,110px) + 84px);display:grid;gap:16px}

.CA-pe{background:var(--ink);color:var(--bg)}
.CA-pe .eyebrow,.CA-pe .lead{color:color-mix(in srgb,var(--bg) 72%,transparent)}
.CA-pe .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.CA-pe .top img{width:100%;max-width:460px;justify-self:end;border-radius:24px;aspect-ratio:4/3;object-fit:cover;object-position:35% 30%}
.CA-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:48px;background:color-mix(in srgb,var(--bg) 18%,transparent);border-radius:22px;overflow:hidden}
.CA-pillars div{background:var(--ink);padding:28px 24px;display:grid;gap:12px;align-content:start;transition:background .3s}
.CA-pillars div:hover{background:color-mix(in srgb,var(--ink) 88%,var(--accent))}
.CA-pillars svg{width:36px;height:36px;stroke:var(--accent-on-ink);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.CA-pillars h3{font-size:1.1rem;color:var(--bg)}
.CA-pillars p{font-size:.92rem;color:color-mix(in srgb,var(--bg) 70%,transparent)}
.CA-pe .btn{background:var(--bg);color:var(--ink)}
.CA-pe .btn.ghost{background:transparent;color:var(--bg)}
:root{--accent-on-ink:#C3A6E6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--accent-on-ink:#4A2B6B}}
:root[data-theme="dark"]{--accent-on-ink:#4A2B6B}

.CA-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
.CA-steps::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:var(--line)}
.CA-steps::after{content:"";position:absolute;left:0;top:19px;height:2px;width:calc(var(--prog,1)*100%);background:var(--accent);transition:width .2s linear}
.CA-steps li{position:relative;display:grid;gap:10px;align-content:start}
.CA-steps .n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--accent);color:var(--accent);font-weight:700;font-family:var(--f-display);position:relative;z-index:1}
.CA-steps h3{font-size:1.15rem}
.CA-steps p{color:var(--muted);font-size:.95rem}
@media (max-width:900px){
  .CA-hero .wrap,.CA-ws .wrap,.CA-pe .top{grid-template-columns:1fr}
  .CA-art{justify-self:center;max-width:420px}
  .CA-bento{grid-template-columns:1fr}.CA-bento .vis{grid-column:auto;grid-row:auto}
  .CA-ws .side{position:static}
  .CA-pillars{grid-template-columns:1fr 1fr}
  .CA-steps{grid-template-columns:1fr;gap:28px}
  .CA-steps::before,.CA-steps::after{left:19px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .CA-steps::after{height:calc(var(--prog,1)*100%);bottom:auto}
  .CA-steps li{grid-template-columns:40px 1fr;column-gap:16px}.CA-steps li>*:not(.n){grid-column:2}.CA-steps .n{grid-row:1/span 2}
}
@media (max-width:520px){.CA-pillars{grid-template-columns:1fr}}

/* =============== SHARED: tabs, why-block, fit list =============== */
.TB{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;margin-top:36px;align-items:start}
.TB-list{display:grid;gap:8px}
.TB-list button{all:unset;cursor:pointer;display:grid;gap:4px;padding:18px 20px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .25s,background .25s,transform .25s}
.TB-list button:hover{transform:translateX(4px)}
.TB-list button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.TB-list button b{font-family:var(--f-display);font-size:1.08rem}
.TB-list button span{font-size:.9rem;color:var(--muted);display:none}
.TB-list button[aria-selected="true"]{border-color:var(--accent);background:var(--accent-soft)}
.TB-list button[aria-selected="true"] span{display:block}
.TB-panel{position:sticky;top:calc(var(--hdrh,110px) + 80px);background:var(--accent-soft);border-radius:24px;padding:clamp(24px,4vw,48px);display:grid;place-items:center;min-height:380px}
.TB-mock{width:min(100%,400px)}
.WHY .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.WHY h2{font-size:clamp(1.8rem,3.2vw,2.6rem);margin:10px 0 14px}
.WHY ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.WHY li{padding:22px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}
.WHY li h3{font-size:1.15rem}
.WHY li p{color:var(--muted)}
.WHY .yr{font-family:var(--f-display);font-size:2.6rem;line-height:1;color:var(--accent)}
.FIT ul{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.FIT li,.ADM-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;font-size:1.02rem}
.ck{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:.8rem;font-weight:700}
.ADM .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.ADM h2,.ADD h2,.WK-fmt h2,.WK-rules h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.ADM .side{background:var(--accent-soft);border-radius:24px;padding:clamp(24px,4vw,44px);display:grid;place-items:center}
.ADM .side .mock{width:min(100%,400px)}
.ADM-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.ADD-stack{margin-top:32px;display:grid;gap:12px;max-width:900px}
.ADD-tops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ADD-tile,.ADD-base{text-decoration:none;border-radius:18px;padding:20px 22px;display:grid;gap:4px;position:relative;transition:transform .3s,box-shadow .3s}
.ADD-tile{background:var(--surface);border:1.5px solid var(--line)}
.ADD-tile:hover{transform:translateY(-6px);box-shadow:0 20px 40px -24px rgba(20,10,30,.45);border-color:var(--accent)}
.ADD-tile b,.ADD-base b{font-family:var(--f-display);font-size:1.15rem}
.ADD-tile span,.ADD-base span{font-size:.88rem;color:var(--muted)}
.ADD-tile i{position:absolute;right:18px;top:18px;font-style:normal;color:var(--accent)}
.ADD-base{background:var(--ink);color:var(--bg)}
.ADD-base span{color:color-mix(in srgb,var(--bg) 70%,transparent)}
/* Worksmart */
.WK-hero{padding-block:clamp(40px,6vw,88px);overflow:hidden}
.CA-steps.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.WK-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.WK-hero h1{font-size:clamp(2.3rem,5vw,4.2rem);margin-bottom:18px}
.WK-hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.WK-orbit{position:relative;aspect-ratio:1/1;max-width:540px;width:100%;justify-self:end}
.WK-orbit .photo{position:absolute;inset:10%;border-radius:50%;overflow:hidden}
.WK-orbit .photo img{width:100%;height:115%;margin-top:-7%;object-fit:cover;object-position:60% 40%}
.WK-orbit{container-type:inline-size}
.WK-chips{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.WK-chips li{position:absolute;left:50%;top:50%;white-space:nowrap;font-size:.78rem;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 24px -14px rgba(20,10,30,.5);
  transform:translate(-50%,-50%) rotate(calc(var(--i)*72deg - 90deg)) translateX(44cqw) rotate(calc(var(--i)*-72deg + 90deg));
  animation:chipOn 10s ease-in-out infinite;animation-delay:calc(var(--i)*2s)}
@keyframes chipOn{0%,22%,100%{background:var(--surface);color:var(--ink);border-color:var(--line)}6%,16%{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}}
@media (prefers-reduced-motion: reduce){.WK-chips li{animation:none}}
.WK-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.WK-card{border-radius:24px;padding:clamp(24px,3.5vw,40px);background:var(--surface);border:1px solid var(--line);display:grid;gap:18px}
.WK-card.alt{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.WK-card h3{font-size:clamp(1.6rem,3vw,2.2rem)}
.WK-card dl{margin:0;display:grid;gap:16px}
.WK-card dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;opacity:.65}
.WK-card dd{margin:4px 0 0}
.WK-card dd.big{font-family:var(--f-display);font-size:1.5rem;font-weight:700}
.WK-flow{display:flex;align-items:stretch;gap:12px;margin-top:28px;flex-wrap:wrap}
.WK-flow>div{flex:1 1 220px;border:1px solid var(--line);border-radius:18px;padding:20px 22px;background:var(--surface);display:grid;gap:6px}
.WK-flow b{font-family:var(--f-display);font-size:1.1rem}
.WK-flow span{color:var(--muted);font-size:.92rem}
.WK-flow>i{align-self:center;font-style:normal;color:var(--accent);font-size:1.4rem}
@media (max-width:900px){
  .TB,.WHY .wrap,.ADM .wrap,.WK-hero .wrap,.WK-cards{grid-template-columns:1fr}
  .TB-panel{position:static;min-height:0}
  .FIT ul,.ADD-tops{grid-template-columns:1fr}
  .WK-orbit{justify-self:center;max-width:380px}
  .WK-flow>i{transform:rotate(90deg);margin-inline:auto}
  .CA-steps.three{grid-template-columns:1fr}
  .WK-chips li{font-size:.68rem;padding:5px 9px;transform:translate(-50%,-50%) rotate(calc(var(--i)*72deg - 90deg)) translateX(38cqw) rotate(calc(var(--i)*-72deg + 90deg))}
}

/* =============== EVERYTHING DiSC OVERVIEW =============== */
.ED-hero{padding-top:clamp(40px,6vw,88px);overflow:hidden}
.ED-hero h1{font-size:clamp(2.4rem,5.6vw,4.8rem);max-width:18ch;margin:10px 0 24px}
.ED-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:end}
.ED-row .fine{margin-top:12px}
.ED-prods{margin:32px 0 40px}
.ED-band{height:clamp(240px,38vw,480px);overflow:hidden;position:relative}
.ED-band img{position:absolute;inset:-12% 0;width:100%;height:124%;object-fit:cover;object-position:center 35%;will-change:transform}
.ED-model .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ED-model .wrap>div:first-child{display:grid;place-items:center}
.ED-model h2,.ED-cat h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
#edTabs .TB-list button span{display:block;font-size:.85rem;color:var(--accent);font-weight:600}
#edTabs .TB-list button b{font-family:var(--f-body);font-weight:600;font-size:1rem}
#edTabs .TB-panel{padding:0;background:none;place-items:stretch}
.ED-card{border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--line);display:grid}
.ED-card .ph{aspect-ratio:16/9;overflow:hidden}
.ED-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ED-card:hover .ph img{transform:scale(1.04)}
.ED-card .bd{padding:clamp(22px,3vw,34px);display:grid;gap:12px;justify-items:start}
.ED-card h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.ED-card p{color:var(--muted)}
.ED-cat{background:var(--accent-soft)}
.ED-cat .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.ED-stack{position:relative;min-height:440px}
.ED-stack>div{position:absolute;width:min(78%,360px)}
.ED-stack>div:first-child{left:0;top:0;transform:rotate(-3deg)}
.ED-stack>div:last-child{right:0;bottom:0;transform:rotate(2deg)}
.ED-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.ED-nums>div{padding:22px 18px 22px 0;border-right:1px solid var(--line)}
.ED-nums>div:last-child{border-right:0}
.ED-nums .n{font-family:var(--f-display);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:700;line-height:1.1}
.ED-nums p{color:var(--muted);margin-top:6px}
@media (max-width:900px){
  .ED-row,.ED-model .wrap,.ED-cat .wrap{grid-template-columns:1fr}
  .ED-stack{min-height:520px}
  .ED-nums{grid-template-columns:1fr 1fr}.ED-nums>div{border-right:0;border-bottom:1px solid var(--line)}
}

/* =============== PRODUCT DETAIL SECTIONS (journey / assessment / report) =============== */
.JR h2,.AX h2,.RP h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.AX{background:linear-gradient(180deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 40%,var(--bg)));color:var(--ink)}
.AX .eyebrow{color:var(--accent)}
.AX-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
.AX .ADM-list li{color:var(--ink)}
.AX .ck{background:var(--accent);color:var(--accent-ink)}
.AX-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.AX-stats>div{--t:var(--accent);background:color-mix(in srgb,var(--t) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--t) 28%,transparent);border-radius:20px;padding:26px 22px 22px;display:grid;gap:6px;align-content:space-between;min-height:170px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.AX-stats>div::before{content:'';position:absolute;right:-26px;top:-26px;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--t) 22%,transparent)}
.AX-stats>div:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px color-mix(in srgb,var(--t) 70%,transparent)}
.AX-stats>div:nth-child(4n+1){--t:var(--d)}.AX-stats>div:nth-child(4n+2){--t:var(--i)}.AX-stats>div:nth-child(4n+3){--t:var(--s)}.AX-stats>div:nth-child(4n+4){--t:var(--c)}
.AX-stats b{font-family:var(--f-display);font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1;letter-spacing:-.02em}
.AX-stats b small{font-size:.9rem;font-weight:600;margin-left:6px;letter-spacing:0;opacity:.75}
.AX-stats span{font-size:.92rem;color:var(--muted);position:relative}
.AX-stats b{position:relative;color:var(--ink)}
@media (max-width:600px){.AX-stats{gap:10px}.AX-stats>div{min-height:140px;padding:20px 16px}.AX-stats b{font-size:1.9rem;white-space:nowrap}}
.RP .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.RP-pages{position:relative;height:420px;max-width:440px;width:100%;justify-self:center}
.RP-pages .pg{position:absolute;width:62%;aspect-ratio:8.5/11;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;align-content:start;gap:9px;box-shadow:0 30px 60px -30px rgba(20,10,30,.45);
  left:calc(var(--i)*19%);top:calc(var(--i)*7%);transform:rotate(calc((var(--i) - 1)*4deg));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.RP-pages:hover .pg{transform:rotate(0deg) translateY(calc(var(--i)*-6px))}
.RP-pages .pg .tag{font-size:.62rem;font-weight:700;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}
.RP-pages .pg b{font-family:var(--f-display);font-size:1rem}
.RP-pages .cnt{position:absolute;right:0;bottom:0;background:var(--accent);color:var(--accent-ink);font-family:var(--f-display);font-weight:700;padding:10px 16px;border-radius:999px}
.RP-l{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 10px}
.RP-f{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.RP-f li{padding:12px 16px;border-radius:12px;background:var(--accent-soft);font-weight:500}
@media (max-width:900px){.AX-top,.RP .wrap{grid-template-columns:1fr}.AX-stats{grid-template-columns:1fr 1fr}.RP-pages{height:360px}}

/* product page motion */
.AX-stats{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.CA-steps.jr li .n{transition:background .4s,color .4s,transform .4s}
.CA-steps.jr li.lit .n{background:var(--accent);color:var(--accent-ink);transform:scale(1.08)}
.RP-pages .pg{left:calc(var(--i)*19%*var(--spread,1));top:calc(var(--i)*7%*var(--spread,1));transform:rotate(calc((var(--i) - 1)*4deg*var(--spread,1)))}
.RP-mods{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:4px;border-top:1px solid var(--line)}
.RP-mods li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 6px;border-bottom:1px solid var(--line);transition:background .3s,padding .3s;transition-delay:var(--d,0s)}
.RP-mods li:hover{background:var(--surface);padding-inline:14px}
.RP-mods .n{font-family:var(--f-display);font-weight:700;color:var(--accent);font-size:1.1rem}
.RP-mods b{font-family:var(--f-display);font-size:1.05rem}
.RP-mods p{color:var(--muted);font-size:.92rem;margin-top:2px}
.PD-art .float,.PDW-fl .float{animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{translate:0 -8px}}
.PD-out li{opacity:1}
.PD-out .box[data-reveal]:not(.pre) li{animation:liIn .6s cubic-bezier(.2,.8,.2,1) both}
.PD-out li:nth-child(2){animation-delay:.08s}.PD-out li:nth-child(3){animation-delay:.16s}.PD-out li:nth-child(4){animation-delay:.24s}
@keyframes liIn{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion: reduce){.PD-art .float,.PDW-fl .float,.PD-out li{animation:none}}
@media (max-width:900px){.CA-steps.jr{grid-template-columns:1fr!important}.AX-stats{grid-template-columns:1fr 1fr}}

/* =============== FAQ =============== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.FAQ-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:end}
.FAQ-search input{width:100%;font:inherit;padding:14px 18px 14px 44px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface) no-repeat 16px center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");color:var(--ink)}
.FAQ-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.FAQ-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
.FAQ-cats{position:sticky;top:calc(var(--hdrh,110px) + 24px);display:grid;gap:6px}
.FAQ-cats button{all:unset;cursor:pointer;padding:10px 14px;border-radius:12px;font-weight:600;font-size:.92rem;color:var(--muted)}
.FAQ-cats button:hover{color:var(--ink);background:var(--surface)}
.FAQ-cats button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.FAQ-cats button:focus-visible{outline:3px solid var(--accent)}
.FAQ-g{margin-bottom:40px}
.FAQ-g h2{font-size:1.3rem;margin-bottom:12px}
.FAQ-i{border-bottom:1px solid var(--line)}
.FAQ-i:first-of-type{border-top:1px solid var(--line)}
.FAQ-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 4px;font-weight:600;font-size:1.05rem}
.FAQ-i summary::-webkit-details-marker{display:none}
.FAQ-i summary i{font-style:normal;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:1.2rem;transition:transform .3s}
.FAQ-i[open] summary i{transform:rotate(45deg)}
.FAQ-i summary:hover span{color:var(--accent)}
.FAQ-i .a{padding:0 4px 22px;display:grid;gap:10px;justify-items:start;color:var(--ink);max-width:70ch;animation:faqIn .35s ease}
.FAQ-i .a p{line-height:1.75}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion: reduce){.FAQ-i .a{animation:none}}
.FAQ-none{color:var(--muted);padding:20px 0}
.FAQ-more{margin-top:24px;border-radius:22px;background:var(--accent-soft);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.FAQ-more h3{font-size:1.2rem}
@media (max-width:860px){.FAQ-head,.FAQ-grid{grid-template-columns:1fr}.FAQ-cats{position:static;display:flex;flex-wrap:wrap}}

.PDW{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(56px,7vw,96px)}
.PDW-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.PDW-top .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.PDW-stage{position:relative}
.PDW-frame{position:relative;height:min(56.25vw,86vh);min-height:260px;overflow:hidden;clip-path:inset(0 max(16px,calc((100vw - 1200px)/2 + 16px)) round 28px);will-change:clip-path}
.PDW-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.14);will-change:transform}
.PDW-cap{position:absolute;inset:auto 0 0 0;padding:90px 0 28px;background:linear-gradient(to top,rgba(14,8,24,.72),transparent);color:#fff;opacity:0}
.PDW-cap .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-left:max(16px,calc(clamp(16px,4vw,48px) + 290px))}
.PDW-cap b{font-family:var(--f-display);font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.05;display:block}
.PDW-cap b small{font-size:.8rem;font-weight:600;opacity:.8}
.PDW-cap span{font-size:.85rem;opacity:.85}
.PDW-fl{position:absolute;inset:auto 0 -44px 0;pointer-events:none}
.PDW-fl .float{width:min(270px,44%);margin-left:clamp(16px,4vw,48px);pointer-events:auto}
.PDW-fl .float .mock .body{padding:14px;gap:8px}
@media (max-width:900px){.PDW-top{grid-template-columns:1fr;gap:12px}.PDW-cap .wrap{padding-left:16px}}
@media (max-width:600px){.PDW-fl,.PDW-cap{display:none}.PDW-frame{height:72vw}}
.sprog{position:fixed;left:0;right:0;top:0;height:3px;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);z-index:200;pointer-events:none}
.tf .w{opacity:.18;transition:opacity .35s ease}
.tf .w.on{opacity:1}
.PD-who [data-reveal]:not(.pre) .chip{animation:liIn .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0)*.06s)}
@media (min-width:901px){.RP .wrap{align-items:start}.RP-pages{position:sticky;top:140px}}
.RP-mods li.act{background:var(--accent-soft);padding-inline:14px;border-radius:12px}
.RP-mods li.act .n{color:var(--accent)}
.RP-pages .pg b.flip{animation:flip .45s cubic-bezier(.2,.8,.2,1)}
@keyframes flip{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.PDW-frame img{transform:none}.PDW-cap{opacity:1}.PD-who .chip{animation:none!important}}
.VS{padding-bottom:clamp(40px,6vw,72px)}
.VS-box{border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3.5vw,36px);background:var(--surface)}
.VS-box h3{font-size:1.1rem;margin-bottom:18px}
.VS-row{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch}
.VS-row>div{border-radius:18px;padding:20px 22px;background:var(--bg);display:grid;gap:6px}
.VS-row>div.hi{background:var(--accent);color:var(--accent-ink)}
.VS-row b{font-family:var(--f-display);font-size:1.05rem}
.VS-row p{font-size:1.1rem}
.VS-row .vs{align-self:center;font-family:var(--f-display);font-weight:700;color:var(--muted)}
.RING .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.RING h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.RING-art{position:relative;aspect-ratio:1/1;width:100%;max-width:520px;justify-self:center;container-type:inline-size}
.RING-art::before{content:"";position:absolute;inset:14%;border-radius:50%;border:2px dashed var(--line)}
.RING-art .core{position:absolute;inset:34%;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-content:center;text-align:center;gap:2px}
.RING-art .core b{font-family:var(--f-display);font-size:clamp(1rem,4.4cqw,1.6rem)}
.RING-art .core span{font-size:.8rem;opacity:.7}
.RING-art .m{all:unset;cursor:pointer;position:absolute;left:50%;top:50%;width:30cqw;text-align:center;display:grid;gap:2px;padding:10px 6px;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);
  transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg - 90deg)) translateX(36cqw) rotate(calc(var(--i)*-45deg + 90deg));transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
.RING-art .m b{font-family:var(--f-display);font-size:clamp(.78rem,3.2cqw,1rem)}
.RING-art .m span{font-size:clamp(.66rem,2.6cqw,.82rem);color:var(--muted)}
.RING-art .m.on,.RING-art .m:hover,.RING-art .m:focus-visible{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 16px 30px -18px var(--accent)}
.RING-art .m.on span,.RING-art .m:hover span{color:inherit;opacity:.85}
@media (max-width:900px){.RING .wrap{grid-template-columns:1fr}.VS-row{grid-template-columns:1fr}.VS-row .vs{justify-self:center}}
.VAE h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.VAE-flow{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:v}
.VAE-flow>li{position:relative;border:1px solid var(--line);border-radius:24px;padding:28px;background:var(--surface);display:grid;gap:8px;align-content:start;transition:transform .35s,box-shadow .35s,border-color .35s}
.VAE-flow>li:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(20,10,30,.5);border-color:var(--accent)}
.VAE-flow>li:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:.9rem;z-index:2;transform:translateY(-50%)}
.VAE-flow .ico{color:var(--accent)}
.VAE-flow .k{position:absolute;right:24px;top:20px;font-family:var(--f-display);font-size:3rem;font-weight:700;color:var(--line);line-height:1}
.VAE-flow h3{font-size:1.7rem;margin-top:6px}
.VAE-flow .t{color:var(--accent);font-weight:600}
.VAE-flow ul{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.VAE-flow ul li{display:grid;gap:1px}
.VAE-flow ul b{font-weight:600}
.VAE-flow ul span{font-size:.85rem;color:var(--muted)}
.VAE-flow>li[data-reveal]{transition-delay:var(--d)}
@media (max-width:900px){.VAE-flow{grid-template-columns:1fr}.VAE-flow>li:not(:last-child)::after{right:50%;top:auto;bottom:-14px;transform:translateX(50%) rotate(90deg)}}
.PD-hero{padding-block:clamp(32px,5vw,72px);overflow:hidden}
.PD-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.crumb{font-size:.85rem;color:var(--muted);display:flex;gap:8px;margin-bottom:18px}
.crumb a{text-decoration:none;color:var(--accent);font-weight:600}
.pname{font-size:clamp(2.2rem,4.8vw,4rem)}
.tag2{font-family:var(--f-display);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600;color:var(--accent);margin:12px 0 16px}
.PD-hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.PD-art{position:relative;aspect-ratio:4/4.4;max-width:500px;width:100%;justify-self:end}
.PD-art .photo{position:absolute;inset:0 10% 8% 0;border-radius:200px 200px 28px 28px;overflow:hidden}
.PD-art .photo img{width:100%;height:116%;margin-top:-8%;object-fit:cover;will-change:transform}
.PD-art .float{position:absolute;right:-2%;bottom:-10%;width:min(230px,50%)}
@media (max-width:900px){.PD-art .float{width:44%;bottom:-12%}.PD-art{margin-bottom:40px}}
@media (max-width:600px){.PD-art .float{display:none}.PD-art{margin-bottom:0}}
.PD-art .float .mock .body{padding:14px;gap:8px}.PD-art .float .mock .map{width:96px}
.PD-who .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end}
.PD-who h2,.PD-fmt h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.PD-out .box{background:var(--accent-soft);border-radius:28px;padding:clamp(28px,5vw,64px);text-align:center}
.PD-out h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 28px}
.PD-out ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;max-width:860px;text-align:left}
.PD-out li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:1.05rem;font-weight:500}
.PD-out .ck{background:var(--accent);color:var(--accent-ink)}
.PD-fmt .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.PD-outline{border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden}
.PD-outline .hd{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--bg)}
.PD-outline .hd span{color:var(--muted);font-size:.85rem}
.PD-outline ol{list-style:none;margin:0;padding:8px 22px 18px;position:relative}
.PD-outline ol::before{content:"";position:absolute;left:39px;top:26px;bottom:34px;border-left:2px dotted var(--line)}
.PD-outline li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:center;padding:12px 0;position:relative;transition:transform .25s}
.PD-outline li:hover{transform:translateX(4px)}
.PD-outline .n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--accent);color:var(--accent);font-weight:700;font-family:var(--f-display);z-index:1}
.PD-outline li b{font-family:var(--f-display);font-size:1.08rem}
@media (max-width:900px){
  .PD-hero .wrap,.PD-who .wrap,.PD-fmt .wrap{grid-template-columns:1fr}
  .PD-art{justify-self:center;max-width:380px}
  .PD-out ul{grid-template-columns:1fr}
}

/* =============== HOME (variant C — Story scroll) =============== */
.C-hero{height:170vh;margin-top:calc(-1 * var(--hdrh,110px))}
.C-hero .pin{position:sticky;top:0;height:100vh;overflow:hidden;display:grid}
.C-hero .frame{position:absolute;inset:0;background:#9fbfd3 url(/assets/photo-4.jpg) 72% center/cover;will-change:clip-path,transform}
.C-hero .wrap{position:relative;z-index:2;align-self:center;width:100%;color:#16131C}
.C-hero h1{font-size:clamp(2.4rem,6vw,5.2rem);max-width:12ch}
.C-hero .lock{font-weight:600;font-size:.82rem;margin-bottom:20px;letter-spacing:.04em}
.C-hero .btn{margin-top:30px;background:#16131C;color:#fff}
.C-hero .scrollhint{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#16131C;z-index:2}
.C-hero .scrollhint::after{content:"";display:block;width:1px;height:36px;background:currentColor;margin:8px auto 0;animation:hint 1.8s ease-in-out infinite;transform-origin:top}
@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(0);transform-origin:bottom}}
.C-logos{padding-block:36px}
.C-logos p{text-align:center;margin-bottom:18px}
.C-story .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.C-story .sticky{position:sticky;top:calc(var(--hdrh,110px) + 24px);height:calc(100vh - var(--hdrh,110px) - 48px);display:grid;place-items:center}
.C-story .vis{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.94);transition:opacity .6s,transform .6s}
.C-story .vis.on{opacity:1;transform:none}
.C-story .vis .mock{width:min(100%,400px)}
.C-story .steps{display:grid}
.C-story .st{min-height:78vh;display:flex;flex-direction:column;justify-content:center;gap:16px;opacity:.35;transition:opacity .5s}
.C-story .st.on{opacity:1}
.C-story .st h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}
.C-story .st dl{margin:8px 0 0;display:grid;gap:12px}
.C-story .st dt{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.C-story .st dd{margin:2px 0 0}
.C-story .idx{font-family:var(--f-display);color:var(--muted);font-size:.9rem}
.C-cmp{padding-top:0}
.C-cmp .box{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,40px)}
.C-cmp h3{font-size:1.3rem;margin-bottom:18px}
.C-stats .row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:baseline;padding-block:26px;border-bottom:1px solid var(--line)}
.C-stats .row:first-of-type{border-top:1px solid var(--line)}
.C-stats .n{font-family:var(--f-display);font-weight:700;font-size:clamp(2.6rem,7vw,6rem);line-height:1;letter-spacing:-.03em}
.C-stats p{font-size:1.15rem;color:var(--muted)}
.C-prod .list{border-top:1px solid var(--line);margin-top:28px}
.C-prod a{display:grid;grid-template-columns:72px 1fr 1.2fr 40px;gap:24px;align-items:center;padding-block:30px;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .35s,background .35s}
.C-prod a:hover{padding-inline:16px;background:var(--surface)}
.C-prod h3{font-size:clamp(1.5rem,3vw,2.4rem)}
.C-prod p{color:var(--muted)}
.C-prod .ico{color:var(--accent);transition:transform .4s}
.C-prod a:hover .ico{transform:rotate(-8deg) scale(1.1)}
.C-prod .arr{font-size:1.4rem;transition:transform .3s}.C-prod a:hover .arr{transform:translateX(6px)}
.C-sol .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.C-sol img{border-radius:24px}
.C-sol h2{font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:12px}
.C-sol .grp{margin-top:22px}
.C-sol .grp h4{margin:0 0 10px;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.C-cta{background:var(--ink);color:var(--bg)}
.C-cta .wrap{display:grid;gap:28px}
.C-cta h2{font-size:clamp(2.4rem,6vw,5rem);max-width:16ch}
.C-cta .btn{background:var(--bg);color:var(--ink)}
.C-cta .row{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center}
/* deep-purple panels instead of black (same in light + dark mode) */
:root{--deep:#3B2160;--deep-2:#5A3487;--deep-3:#7B4FAE;--deep-grad:linear-gradient(135deg,#341C56 0%,#4E2D78 50%,#6E43A0 100%)}
.CA-pe{background:var(--deep-grad);color:#fff}
.CA-pe .eyebrow,.CA-pe .lead{color:rgba(255,255,255,.8)}
.CA-pe h2{color:#fff}
.CA-pillars{background:rgba(255,255,255,.16)}
.CA-pillars div{background:rgba(52,28,86,.55)}
.CA-pillars div:hover{background:rgba(255,255,255,.1)}
.CA-pillars svg{stroke:#E3D2F7}
.CA-pillars h3{color:#fff}
.CA-pillars p{color:rgba(255,255,255,.76)}
.CA-pe .btn{background:#fff;color:var(--deep)}
.CA-pe .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.ADD-base{background:var(--deep-grad);color:#fff}
.ADD-base span{color:rgba(255,255,255,.78)}
.WK-card.alt{background:var(--deep-grad);color:#fff;border-color:transparent}
.C-hero .btn{background:var(--deep);color:#fff}
.CA-sub a.on{background:var(--accent);color:var(--accent-ink)}
@media (max-width:860px){
  .C-story .grid{grid-template-columns:1fr;gap:0}
  .C-story .sticky{top:var(--hdrh,64px);height:44vh;z-index:2;background:var(--bg)}
  .C-story .vis .wheel{max-width:240px}.C-story .vis .mock{transform:scale(.8)}
  .C-story .st{min-height:70vh}
  .C-stats .row{grid-template-columns:1fr;gap:6px}
  .C-prod a{grid-template-columns:52px 1fr 30px}.C-prod p{grid-column:2/3}.C-prod .ico{width:44px;height:44px}
  .C-sol .wrap{grid-template-columns:1fr}
}

/* AX: brand purple band (chosen variant B) */
.AX{position:relative}
/* B: brand purple band */
.AX--b{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#7B4FB0));color:#fff}
.AX--b .eyebrow{color:rgba(255,255,255,.7)}
.AX--b .ADM-list li{color:rgba(255,255,255,.92)}
.AX--b .ck{background:rgba(255,255,255,.18);color:#fff}
.AX--b .AX-stats{gap:0;border-top:1px solid rgba(255,255,255,.25)}
.AX--b .AX-stats>div{background:none;border:0;border-radius:0;border-right:1px solid rgba(255,255,255,.18);min-height:0;padding:28px 22px 6px}
.AX--b .AX-stats>div:last-child{border-right:0}
.AX--b .AX-stats>div::before{width:28px;height:4px;border-radius:4px;right:auto;left:22px;top:-2px;background:var(--t)}
.AX--b .AX-stats>div:hover{transform:none;box-shadow:none}
.AX--b .AX-stats b{color:#fff}.AX--b .AX-stats span{color:rgba(255,255,255,.75)}
@media (max-width:600px){.AX--b .AX-stats>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:20px 4px 14px}.AX--b .AX-stats>div::before{left:4px}}

/* C-cta: graphite gradient + contact cards (chosen variant B) */
.C-cta{position:relative;--g1:#2E2E34;--g2:#2E2E34;color:#F4F3F6;background:linear-gradient(160deg,var(--g1),var(--g2))}
.C-cta .btn{background:#fff;color:#1d1b22}
.C-cta .fine{color:#B9B6C0!important;opacity:1!important}
/* B: graphite gradient + contact cards */
.C-cta--b{--g1:#3A3A42;--g2:#222227}
.C-cta--b .row:first-of-type>span{padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.C-cta--b h2{max-width:20ch}
@media (max-width:600px){.C-cta--b .row:first-of-type>span{width:100%}}

/* ============== THE FIVE BEHAVIORS ============== */
.FB-pb .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.FB-pb-img{border-radius:28px;overflow:hidden;aspect-ratio:4/5;position:relative}
.FB-pb-img img{width:100%;height:115%;object-fit:cover;object-position:center 40%;display:block}
.FB-pb h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.FB-sym{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.FB-sym li{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:baseline;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-weight:500}
.FB-sym li span{font-family:var(--f-display);font-weight:700;color:var(--accent)}
[data-reveal]:not(.pre) .FB-sym li{animation:liIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k)*.08s + .15s)}
.PY{background:linear-gradient(180deg,var(--bg),var(--accent-soft) 60%,var(--bg))}
.PY-head{max-width:760px}.PY-head h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.PY-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);margin-top:40px;align-items:start}
.PY-stick{position:sticky;top:130px}
.PY-pyr{display:flex;flex-direction:column;gap:6px;width:min(100%,460px);aspect-ratio:1/0.9;margin-inline:auto;clip-path:polygon(50% 0,100% 100%,0 100%)}
.PY-pyr .lv{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--muted);font-family:var(--f-display);font-weight:700;font-size:clamp(.72rem,1.3vw,1rem);letter-spacing:.02em;cursor:pointer;transition:background .5s cubic-bezier(.2,.8,.2,1),color .4s}
.PY-pyr .lv:first-child{font-size:clamp(.6rem,1vw,.8rem)}
.PY-pyr .lv.on{background:color-mix(in srgb,var(--accent) calc(40% + var(--i)*12%),#9E7CC6);color:#fff}
.PY-pyr .lv.cur{background:var(--accent);color:#fff;box-shadow:inset 0 -4px 0 rgba(255,255,255,.35)}
.PY-bk{margin:22px auto 0;max-width:460px;color:var(--muted);font-size:.9rem;text-align:center}
.PY-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.PY-steps li{min-height:46vh;display:grid;align-content:center;gap:8px;padding:28px 0 28px 28px;border-left:2px solid var(--line);position:relative;opacity:.35;transition:opacity .45s,border-color .45s}
.PY-steps li.act{opacity:1;border-left-color:var(--accent)}
.PY-steps .n{position:absolute;left:-17px;top:50%;translate:0 -50%;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--line);font-weight:700;font-size:.85rem;transition:background .4s,border-color .4s,color .4s}
.PY-steps li.act .n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.PY-steps .k{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.PY-steps h3{font-family:var(--f-display);font-size:clamp(1.4rem,2.4vw,2rem)}
.PY-steps p:last-child{color:var(--muted);max-width:46ch}
.FB-ch h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.FB-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:36px}
.FB-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .8s;transition-delay:0s,0s,var(--d)}
.FB-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -36px rgba(30,15,50,.45)}
.FB-card .im{aspect-ratio:16/9;overflow:hidden}
.FB-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.FB-card:hover .im img{transform:scale(1.05)}
.FB-card .bd{padding:24px 24px 26px;display:grid;gap:10px;align-content:start}
.FB-card h3{font-family:var(--f-display);font-size:1.5rem}
.FB-card .t{color:var(--accent);font-weight:600}
.FB-card dl{margin:6px 0 8px;display:grid}
.FB-card dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:.93rem}
.FB-card dt{color:var(--muted)}.FB-card dd{margin:0;font-weight:500}
.PY-mini{display:grid;gap:3px;width:90px;margin-top:6px;clip-path:polygon(50% 0,100% 100%,0 100%);aspect-ratio:1/.85}
.PY-mini i{background:var(--accent);opacity:.25}.PY-mini i:nth-child(n+3){opacity:.55}.PY-mini i:last-child{opacity:.9}
@media (max-width:900px){.FB-pb .wrap,.PY-grid,.FB-cards{grid-template-columns:1fr}.FB-pb-img{aspect-ratio:16/10}
  .PY-stick{position:sticky;top:var(--hdr-h,84px);z-index:2;background:color-mix(in srgb,var(--accent-soft) 92%,transparent);padding:10px 0;border-radius:0 0 18px 18px;backdrop-filter:blur(8px)}
  .PY-pyr{width:min(56%,210px);gap:4px}.PY-pyr .lv{font-size:.58rem;padding-bottom:3px}.PY-pyr .lv:nth-child(-n+2) span{display:none}.PY-steps li{scroll-margin-top:260px}.PY-bk{display:none}.PY-steps li{min-height:auto;padding:26px 0 26px 26px}}
@media (prefers-reduced-motion: reduce){.FB-sym li{animation:none!important}.PY-steps li{opacity:1}}

/* ============== THE FIVE BEHAVIORS — reds matched to fivebehaviors.com (Nov 2026); blues/gold from 5B Brand Guidelines 02-2023 ============== */
.T5B{--5b-red:#CB1129;--5b-dred:#A80117;--5b-dblue:#006A9B;--5b-lblue:#008BBE;--5b-gold:#B88D47;--5b-gray:#333333;--5b-lgray:#E6E6E6;
  --accent:#CB1129;--accent-ink:#FFFFFF;--accent-soft:#FBEAED;--f-display:"Work Sans","Anuphan",system-ui,sans-serif}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .T5B{--accent:#FF5C74;--accent-ink:#1A0A0D;--accent-soft:#3A1A20;--5b-lgray:#2E2A30}}
:root[data-theme="dark"] .T5B{--accent:#FF5C74;--accent-ink:#1A0A0D;--accent-soft:#3A1A20;--5b-lgray:#2E2A30}
.T5B .pname,.T5B h2,.T5B h3{letter-spacing:-.01em}
.T5B .crumb{display:flex;align-items:center;gap:10px}
.T5B .crumb .tri{width:14px;height:12px;background:var(--5b-red);clip-path:polygon(50% 0,100% 100%,0 100%)}
.T5B .sprog{background:var(--5b-red)}
.T5B .PDW-frame::after{content:'';position:absolute;right:-7%;top:-16%;width:19%;aspect-ratio:1/.87;background:var(--5b-red);opacity:.8;clip-path:polygon(50% 0,100% 100%,0 100%);mix-blend-mode:multiply;pointer-events:none}
.T5B .PDW-cap{background:linear-gradient(to top,rgba(51,51,51,.8),transparent)}
.T5B .FB-sym li span,.T5B .PY-steps .k,.T5B .FB-card .t{color:var(--5b-red)}
.T5B .PY{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--5b-lgray) 70%,var(--bg)) 55%,var(--bg))}
.T5B .PY-pyr .lv{background:var(--5b-lgray);color:#808080}
.T5B .PY-pyr .lv.on{background:color-mix(in srgb,var(--5b-red) calc(35% + var(--i)*12%),#F3B3BF);color:#fff}
.T5B .PY-pyr .lv.cur{background:var(--5b-red);color:#fff}
.T5B .PY-steps li.act{border-left-color:var(--5b-red)}
.T5B .PY-steps li.act .n{background:var(--5b-red);border-color:var(--5b-red);color:#fff}
.T5B .FB-card:nth-child(1) .bd{border-top:5px solid var(--5b-red)}
.T5B .FB-card:nth-child(2) .bd{border-top:5px solid var(--5b-dblue)}
.T5B .FB-card:nth-child(2) .t{color:var(--5b-dblue)}
.T5B .AX--b{background:linear-gradient(135deg,var(--5b-dred),var(--5b-red))}
.T5B .AX--b .AX-stats>div:nth-child(1){--t:#fff}.T5B .AX--b .AX-stats>div:nth-child(2){--t:var(--5b-gold)}.T5B .AX--b .AX-stats>div:nth-child(3){--t:var(--5b-lblue)}.T5B .AX--b .AX-stats>div:nth-child(4){--t:var(--5b-dblue)}
.T5B .CA-steps.jr .n,.T5B .CA-steps.jr .lit .n{--accent:var(--5b-red)}
.T5B .RP-pages .cnt{background:var(--5b-red);color:#fff}
.T5B .PY-mini i{background:var(--5b-red)}
.T5B .C-cta{--g1:#4A4A4A;--g2:var(--5b-gray)}
.T5B .C-cta .btn{background:var(--5b-red);color:#fff}

.FB-gal{overflow:hidden}
.FB-gal-h{max-width:780px}.FB-gal-h h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.FB-gal-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto;gap:18px;margin-top:40px}
.FB-gal .g{margin:0;will-change:transform}
.FB-gal .g1{grid-row:span 2}
.FB-gal .g .in{height:100%;border-radius:26px;overflow:hidden;position:relative;transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1),opacity .8s;clip-path:inset(0 round 26px)}
.FB-gal .g .in.pre{clip-path:inset(18% 8% 18% 8% round 26px);transform:none}
.FB-gal .g img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.FB-gal .g .in:not(.pre) img{transform:scale(1)}
.FB-gal .g1 .in{min-height:560px}.FB-gal .g2 .in,.FB-gal .g3 .in{aspect-ratio:3/2}
.FB-gal .g1 .in::after{content:'';position:absolute;left:22px;bottom:22px;width:56px;aspect-ratio:1/.87;background:var(--5b-red,var(--accent));clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9}
@media (max-width:900px){.FB-gal-grid{grid-template-columns:1fr 1fr}.FB-gal .g1{grid-column:1/-1;grid-row:auto}.FB-gal .g1 .in{min-height:0;aspect-ratio:4/3}}
@media (prefers-reduced-motion: reduce){.FB-gal .g img{transform:none}.FB-gal .g .in.pre{clip-path:inset(0 round 26px)}}

/* ============== PXT SELECT — brand colours from pxtselect.com (green #00812E, navy #182532, Montserrat) ============== */
.TPX{--px-green:#00812E;--px-dgreen:#005F22;--px-navy:#182532;--px-lgreen:#E6F3EA;
  --accent:#00812E;--accent-ink:#FFFFFF;--accent-soft:#E6F3EA;--f-display:"Montserrat","Anuphan",system-ui,sans-serif}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .TPX{--accent:#4CC27A;--accent-ink:#06210F;--accent-soft:#163323;--px-lgreen:#163323}}
:root[data-theme="dark"] .TPX{--accent:#4CC27A;--accent-ink:#06210F;--accent-soft:#163323;--px-lgreen:#163323}
.TPX .pname{letter-spacing:-.02em}
.TPX .crumb{display:flex;align-items:center;gap:10px}
.TPX .xm{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--px-green);color:#fff;font-size:.72rem;font-weight:700}
.TPX .sprog{background:var(--px-green)}
.TPX .PDW-cap{background:linear-gradient(to top,rgba(24,37,50,.85),transparent)}
.PX-fitmini{display:flex;align-items:baseline;gap:8px}.PX-fitmini b{font-family:var(--f-display);font-size:1.9rem;color:var(--accent)}.PX-fitmini span{font-size:.78rem;color:var(--muted);font-weight:600}
.PX-pb h2,.PX-fam h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.PX-pb .wrap>div:first-child{max-width:820px}
.PX-why{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.PX-why li{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px 22px;display:grid;gap:8px;align-content:start;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .8s;transition-delay:0s,0s,var(--d)}
.PX-why li:hover{transform:translateY(-5px);box-shadow:0 24px 50px -32px rgba(24,37,50,.45)}
.PX-why .n{font-family:var(--f-display);font-weight:700;color:var(--accent);font-size:1.1rem}
.PX-why b{font-family:var(--f-display);font-size:1.15rem}.PX-why p{color:var(--muted);font-size:.93rem}
.TPX .PX-fit{background:linear-gradient(180deg,var(--bg),var(--px-lgreen) 55%,var(--bg))}
.PX-gauge{position:relative;width:min(100%,380px);margin-inline:auto;display:grid;justify-items:center;gap:22px}
.PX-gauge svg{width:100%;height:auto;transform:rotate(-90deg)}
.PX-gauge circle{fill:none;stroke-width:16}
.PX-gauge .tr{stroke:color-mix(in srgb,var(--px-navy) 10%,transparent)}
.PX-gauge .pg{stroke:var(--px-green);stroke-linecap:round}
.PX-gauge .in{position:absolute;top:0;left:0;right:0;aspect-ratio:1;display:grid;place-content:center;text-align:center}
.PX-gauge .in b{font-family:var(--f-display);font-size:clamp(2.6rem,6vw,4rem);line-height:1;color:var(--px-navy)}
.PX-gauge .in span{font-size:.85rem;font-weight:600;color:var(--muted);margin-top:6px}
.PX-parts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.PX-parts li{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.85rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background .4s,color .4s,border-color .4s}
.PX-parts li.on{background:var(--px-green);border-color:var(--px-green);color:#fff}
.TPX .PY-steps li.act{border-left-color:var(--px-green)}
.TPX .PY-steps li.act .n{background:var(--px-green);border-color:var(--px-green);color:#fff}
.TPX .PY-steps .k{color:var(--px-green)}
.PX-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.PX-chips span{padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.82rem;font-weight:500}
.TPX .PY-steps li.act .PX-chips span{border-color:color-mix(in srgb,var(--px-green) 45%,transparent);background:var(--px-lgreen)}
.TPX .AX--b{background:linear-gradient(135deg,var(--px-navy),#0E4A2C 60%,var(--px-green))}
.TPX .AX--b .AX-stats>div:nth-child(1){--t:#7FD49E}.TPX .AX--b .AX-stats>div:nth-child(2){--t:#fff}.TPX .AX--b .AX-stats>div:nth-child(3){--t:#7FD49E}.TPX .AX--b .AX-stats>div:nth-child(4){--t:#fff}
.TPX .RP-pages .cnt{background:var(--px-green);color:#fff}
.PX-fitbar{height:8px;border-radius:6px;background:var(--line);overflow:hidden;margin-top:6px}.PX-fitbar i{display:block;height:100%;background:var(--px-green)}
.PX-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.PX-cards article:first-child{background:var(--px-navy);color:#fff;border-top-color:#7FD49E}.PX-cards article:first-child p{color:rgba(255,255,255,.78)}.PX-cards article:first-child .tm{background:rgba(255,255,255,.12);color:#fff}
.PX-cards article{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--px-green);border-radius:20px;padding:24px 22px;display:grid;gap:10px;align-content:start;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .8s;transition-delay:0s,0s,var(--d)}
.PX-cards article:hover{transform:translateY(-5px);box-shadow:0 24px 50px -32px rgba(24,37,50,.45)}
.PX-cards h3{font-family:var(--f-display);font-size:1.08rem}.PX-cards p{color:var(--muted);font-size:.92rem}
.PX-cards .tm{justify-self:start;margin-top:4px;padding:5px 12px;border-radius:999px;background:var(--px-lgreen);color:var(--px-dgreen);font-size:.8rem;font-weight:700}
.TPX .C-cta{--g1:#2B3A49;--g2:var(--px-navy)}
.TPX .C-cta .btn{background:var(--px-green);color:#fff}
@media (max-width:900px){.PX-why,.PX-cards{grid-template-columns:1fr 1fr}.PX-gauge{width:auto;gap:6px}.PX-gauge svg,.PX-gauge .in{width:140px}.PX-gauge .in{left:50%;right:auto;translate:-50% 0}.PX-gauge .in b{font-size:2rem}.PX-parts{flex-wrap:nowrap;gap:4px;width:max-content}.PX-parts li{padding:4px 8px;font-size:.62rem}.PX-gauge .in span{font-size:.62rem}}
@media (max-width:520px){.PX-why,.PX-cards{grid-template-columns:1fr}}

/* PXT: interview section + photo band (Mobbin refs: Workable layered cards, FARFETCH behavioural interviewing) */
.PX-iv .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center}
.PX-iv h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.PX-iv .ADM-list{margin-top:22px}
.PX-iv-art{position:relative;padding:0 0 70px 0}
.PX-iv-art .ph{border-radius:28px;overflow:hidden;aspect-ratio:4/3.3}
.PX-iv-art .ph img{width:100%;height:115%;object-fit:cover;object-position:62% 30%;display:block}
.PX-qcard{position:absolute;right:-18px;bottom:0;width:min(360px,78%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:0 30px 60px -30px rgba(24,37,50,.5);display:grid;gap:10px}
.PX-qcard .tag{padding-right:112px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.PX-qcard .tr{position:absolute;top:14px;right:16px;padding:4px 10px;border-radius:999px;background:var(--px-lgreen);color:var(--px-dgreen);font-size:.72rem;font-weight:700}
.PX-qcard .q{font-family:var(--f-display);font-weight:600;font-size:1rem;line-height:1.45;color:var(--px-navy)}
.PX-qcard .lf{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:var(--px-lgreen);border-left:3px solid var(--px-green);font-size:.86rem}
.PX-qcard .lf b{color:var(--px-dgreen);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.PX-iv-art.pre .PX-qcard{opacity:0;transform:translate(30px,20px)}
.PX-iv-art .PX-qcard{transition:opacity .8s .35s,transform .9s .35s cubic-bezier(.2,.8,.2,1)}
.PX-iv-art .lf{transition:opacity .6s 1s,transform .6s 1s}
.PX-iv-art.pre .lf{opacity:0;transform:translateY(8px)}
.PX-band{padding:clamp(24px,4vw,48px) 0}
.PX-band .fr{position:relative;height:min(56vw,80vh);min-height:300px;overflow:hidden;clip-path:inset(0 max(16px,calc((100vw - 1200px)/2 + 16px)) round 28px)}
.PX-band img{position:absolute;inset:0;width:100%;height:110%;object-fit:cover;object-position:center 40%;transform:scale(1.15)}
.PX-band .cap{position:absolute;inset:auto 0 0 0;padding:120px 0 clamp(28px,4vw,48px);background:linear-gradient(to top,rgba(24,37,50,.85),transparent);opacity:0}
.PX-band .cap p{color:#fff;font-family:var(--f-display);font-weight:700;font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.25;max-width:22ch}
@media (max-width:900px){.PX-iv .wrap{grid-template-columns:1fr}.PX-qcard{right:8px}}
@media (max-width:600px){.PX-band .fr{height:78vw}.PX-qcard{position:relative;right:auto;width:auto;margin:-60px 12px 0}.PX-iv-art{padding:0}}
@media (prefers-reduced-motion: reduce){.PX-iv-art.pre .PX-qcard,.PX-iv-art.pre .lf{opacity:1;transform:none}.PX-band img{transform:none}.PX-band .cap{opacity:1}}

/* ============== PRODUCTIVE CONFLICT (Everything DiSC purple; DiSC colours only on style cards) ============== */
.PC-df .wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,5vw,64px);align-items:center}
.PC-df h2,.PC-st h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.PC-df-img{border-radius:28px;overflow:hidden;aspect-ratio:4/5}
.PC-df-img img{width:100%;height:115%;object-fit:cover;object-position:45% 72%;display:block}
.PC-pr{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.PC-pr li{display:grid;gap:4px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.PC-pr b{font-family:var(--f-display);font-size:1rem}.PC-pr span{color:var(--muted);font-size:.88rem}
[data-reveal]:not(.pre) .PC-pr li{animation:liIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k)*.08s + .15s)}
.PC-note{margin-top:18px;padding:14px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 12px 12px 0;font-size:.92rem}
.PC-chain{display:grid;gap:22px;width:min(100%,480px);margin-inline:auto}
.PC-chain .nodes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.PC-chain .nodes::before,.PC-chain .nodes::after{content:'';position:absolute;top:28px;left:12.5%;right:12.5%;height:3px;border-radius:3px;background:var(--line)}
.PC-chain .nodes::after{background:var(--accent);right:auto;width:calc(75% * var(--fp,0));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.PC-chain .nodes li{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;text-align:center;cursor:pointer}
.PC-chain .ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);transition:background .4s,border-color .4s,transform .4s}
.PC-chain .ic svg{width:24px;height:24px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.PC-chain .nodes li.on .ic{border-color:var(--accent)}.PC-chain .nodes li.on .ic svg{stroke:var(--accent)}
.PC-chain .nodes li.cur .ic{background:var(--accent);transform:scale(1.12)}.PC-chain .nodes li.cur .ic svg{stroke:#fff}
.PC-chain .nodes b{font-size:.72rem;font-weight:700;color:var(--muted);line-height:1.25}
.PC-chain .nodes li.cur b{color:var(--ink)}
.PC-chain .scene{position:relative;min-height:170px;padding:26px 24px 22px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(30,15,50,.45);display:grid;align-content:center;gap:10px;transition:border-color .4s,background .4s}
.PC-chain .scene::before{content:'';position:absolute;left:40px;top:-9px;width:16px;height:16px;background:inherit;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.PC-chain .scene .tg{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.PC-chain .scene p{font-family:var(--f-display);font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:600;line-height:1.4}
.PC-chain .scene .lbl{justify-self:start;padding:5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:700}
.PC-chain .scene.bad{border-color:color-mix(in srgb,var(--i) 45%,transparent)}.PC-chain .scene.bad .lbl{background:color-mix(in srgb,var(--i) 14%,transparent);color:color-mix(in srgb,var(--i) 80%,var(--ink))}
.PC-chain .scene.good{border-color:color-mix(in srgb,var(--d) 45%,transparent)}.PC-chain .scene.good .lbl{background:color-mix(in srgb,var(--d) 14%,transparent);color:color-mix(in srgb,var(--d) 70%,var(--ink))}
.PC-chain .scene.sw p,.PC-chain .scene.sw .lbl{animation:flip .45s cubic-bezier(.2,.8,.2,1)}
.PC-st-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.PC-tgl{display:inline-flex;padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.PC-tgl button{all:unset;cursor:pointer;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.92rem;color:var(--muted);transition:background .3s,color .3s}
.PC-tgl button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.PC-tgl button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.PC-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.PC-cards .sty{--sc:var(--d);background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--sc);border-radius:22px;padding:22px 20px;display:grid;gap:14px;align-content:start;transition:opacity .8s,transform .8s;transition-delay:var(--dl,0s)}
.PC-cards .sty-i{--sc:var(--i)}.PC-cards .sty-s{--sc:var(--s)}.PC-cards .sty-c{--sc:var(--c)}
.PC-cards .hd{display:flex;gap:12px;align-items:center}
.PC-cards .lt{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--sc);color:#fff;font-family:var(--f-display);font-weight:700;font-size:1.3rem}
.PC-cards .hd b{display:block;font-family:var(--f-display);font-size:1.05rem}.PC-cards .hd span{font-size:.82rem;color:var(--muted)}
.PC-cards ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.PC-cards li{padding:6px 11px;border-radius:999px;font-size:.84rem;font-weight:500;animation:liIn .45s cubic-bezier(.2,.8,.2,1) both}
.PC-cards .bad li{background:color-mix(in srgb,var(--sc) 12%,var(--surface));border:1px dashed color-mix(in srgb,var(--sc) 55%,transparent)}
.PC-cards .good li{background:color-mix(in srgb,var(--sc) 18%,var(--surface));border:1px solid color-mix(in srgb,var(--sc) 45%,transparent)}
.PC-cards li:nth-child(2){animation-delay:.04s}.PC-cards li:nth-child(3){animation-delay:.08s}.PC-cards li:nth-child(4){animation-delay:.12s}.PC-cards li:nth-child(5){animation-delay:.16s}
.PC-cards[data-m="0"] .good,.PC-cards[data-m="1"] .bad{display:none}
.PC-cards dl{margin:0;display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--line);font-size:.84rem}
.PC-cards dl div{display:grid;grid-template-columns:76px 1fr;gap:8px}.PC-cards dt{color:var(--muted)}.PC-cards dd{margin:0;font-weight:500}
.TPC .PD-out ul{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.PC-cards{grid-template-columns:1fr 1fr}.TPC .PD-out ul{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.PC-df .wrap,.PC-st-top{grid-template-columns:1fr}.PC-df-img{aspect-ratio:16/10}
  .PC-chain{gap:10px}.PC-chain .ic{width:40px;height:40px}.PC-chain .ic svg{width:18px;height:18px}.PC-chain .nodes::before,.PC-chain .nodes::after{top:19px}.PC-chain .nodes b{font-size:.6rem}
  .PC-chain .scene{min-height:0;padding:14px 16px}.PC-chain .scene::before{display:none}.PC-chain .scene p{font-size:.95rem}.PC-chain .scene .tg{display:none}}
@media (max-width:600px){.PC-cards,.PC-pr{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.PC-pr li,.PC-cards li{animation:none!important}}

.PC-cards .sty .hd .lt{color:#fff!important;-webkit-text-fill-color:#fff}
.PC-cards .sty-c .hd .lt{color:#3A2E00!important;-webkit-text-fill-color:#3A2E00}
.PC-flow .PY-steps .ex{display:none}
@media (max-width:900px){.PC-chain .scene{display:none}.PC-flow .PY-steps .ex{display:grid;gap:4px;margin-top:6px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-family:var(--f-display);font-weight:600;color:var(--ink)}.PC-flow .PY-steps .ex span{font-family:var(--f-body);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}}

/* ============== CERTIFICATION (Mobbin refs: monday.com steps & at-a-glance, Sketch sticky course card) ============== */
.CE-wy .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center}
.CE-wy h2,.CE-lr h2,.CE-fq h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.CE-wy .ADM-list{margin-top:20px}
.CE-wy-art{position:relative;padding-bottom:40px}
.CE-wy-art .ph{border-radius:28px;overflow:hidden;aspect-ratio:4/3.2}
.CE-wy-art .ph img{width:100%;height:115%;object-fit:cover;object-position:center 30%;display:block}
.CE-badge{position:absolute;right:-16px;bottom:0;width:210px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent) 60%);color:#fff;display:grid;place-content:center;justify-items:center;text-align:center;gap:4px;padding:24px;box-shadow:0 30px 60px -24px rgba(40,20,70,.6),inset 0 0 0 6px rgba(255,255,255,.18),inset 0 0 0 10px color-mix(in srgb,var(--accent) 80%,#000);transition:transform 1s .3s cubic-bezier(.2,.8,.2,1),opacity .8s .3s}
.CE-badge .t{font-size:.72rem;font-weight:700;letter-spacing:.08em;opacity:.85}
.CE-badge b{font-family:var(--f-display);font-size:1.15rem;line-height:1.15}
.CE-badge .s{font-size:.68rem;opacity:.8;margin-top:4px}
.CE-badge .rib{width:34px;height:34px;border-radius:50%;background:#fff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/70% no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/70% no-repeat;margin-bottom:4px}
.CE-wy-art.pre .CE-badge{opacity:0;transform:scale(.6) rotate(-25deg)}
.CE-lr .wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.CE-lr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.CE-lr-grid article{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:8px;align-content:start;transition:opacity .8s,transform .8s,box-shadow .4s;transition-delay:var(--dl,0s)}
.CE-lr-grid article:hover{box-shadow:0 24px 50px -34px rgba(40,20,70,.45)}
.CE-lr-grid .n{font-family:var(--f-display);font-weight:700;color:var(--accent)}
.CE-lr-grid h3{font-family:var(--f-display);font-size:1.1rem}.CE-lr-grid p{color:var(--muted);font-size:.92rem}
.CE-inc{margin-top:28px;padding:24px;border-radius:20px;background:var(--accent-soft)}
.CE-inc h3{font-family:var(--f-display);font-size:1.15rem;margin-bottom:12px}
.CE-fx{position:sticky;top:120px}
.CE-fx .card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 30px 60px -40px rgba(40,20,70,.5);display:grid;gap:16px}
.CE-fx h3{font-family:var(--f-display);font-size:1.2rem}
.CE-fx dl{margin:0;display:grid}
.CE-fx dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:.92rem}
.CE-fx dt{color:var(--muted)}.CE-fx dd{margin:0;font-weight:600;text-align:right}
.CE-fx .btn{justify-content:center}
.CE-fx .note{font-size:.78rem;color:var(--muted)}
.CE-acc{display:grid;gap:10px;margin-top:28px;max-width:900px}
.CE-acc details{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:0 22px;transition:border-color .3s,opacity .8s,transform .8s}
.CE-acc details[open]{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.CE-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-family:var(--f-display);font-weight:600;font-size:1.02rem}
.CE-acc summary::-webkit-details-marker{display:none}
.CE-acc summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
.CE-acc .pl{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);position:relative;transition:transform .35s}
.CE-acc .pl::before,.CE-acc .pl::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--accent);translate:-50% -50%}
.CE-acc .pl::after{transform:rotate(90deg);transition:transform .35s}
.CE-acc details[open] .pl::after{transform:rotate(0)}
.CE-acc details p{padding:0 0 20px;color:var(--muted)}
.CE-acc details[open] p{animation:flip .4s cubic-bezier(.2,.8,.2,1)}
.CE-fb{padding:0 0 clamp(40px,6vw,72px)}
.CE-fb .box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 32px;border-radius:24px;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:var(--surface)}
.CE-fb h3{font-family:var(--f-display);font-size:1.3rem;margin:6px 0}.CE-fb p:not(.eyebrow){color:var(--muted);max-width:60ch}
@media (max-width:1000px){.CA-steps.jr li h3{font-size:1rem}}
@media (max-width:900px){.CE-wy .wrap,.CE-lr .wrap{grid-template-columns:1fr}.CE-fx{position:static}.CE-badge{width:150px;right:8px}.CE-badge b{font-size:.9rem}}
@media (max-width:600px){.CE-lr-grid{grid-template-columns:1fr}.CE-wy-art{padding-bottom:0}.CE-badge{position:relative;right:auto;margin:-70px 8px 0 auto;width:150px;height:150px;aspect-ratio:auto;padding:14px;gap:2px}.CE-badge b{font-size:.82rem}.CE-badge .t{font-size:.56rem}.CE-badge .s{font-size:.54rem}.CE-badge .rib{width:22px;height:22px}}
@media (prefers-reduced-motion: reduce){.CE-wy-art.pre .CE-badge{opacity:1;transform:none}}

/* Certification · Catalyst Practitioner Experience */
.CE-pe{background:linear-gradient(180deg,var(--bg),var(--accent-soft) 45%,var(--bg))}
.CE-pe-head{max-width:760px}.CE-pe h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.CE-pe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}
.CE-pe-grid article{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px 22px;display:grid;gap:10px;align-content:start;transition:opacity .8s,transform .8s,box-shadow .4s;transition-delay:var(--dl,0s)}
.CE-pe-grid article:hover{box-shadow:0 26px 54px -34px rgba(40,20,70,.5)}
.CE-pe-grid .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft)}
.CE-pe-grid .ic svg{width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.CE-pe-grid article:not(.pre) .ic svg{stroke-dasharray:80;animation:draw 1.4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--dl,0s) + .2s)}
@keyframes draw{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
.CE-pe-grid h3{font-family:var(--f-display);font-size:1.1rem}.CE-pe-grid p{color:var(--muted);font-size:.92rem}
.CE-pe-ben{margin-top:22px;padding:26px 28px;border-radius:24px;background:var(--accent);color:var(--accent-ink);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:24px;align-items:center}
.CE-pe-ben h3{font-family:var(--f-display);font-size:1.4rem}
.CE-pe-ben ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.CE-pe-ben li{display:grid;gap:8px;font-weight:500}
.CE-pe-ben li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-weight:700}
[data-reveal]:not(.pre) .CE-pe-ben li,.CE-pe-ben:not(.pre) li{animation:liIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k)*.1s + .2s)}
.CE-pe-apps{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.CE-pe-apps>div{padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);display:grid;gap:12px}
.CE-pe-apps p{font-size:.88rem;color:var(--muted);font-weight:600}
.CE-pe-apps .chips{display:flex;flex-wrap:wrap;gap:8px}
.CE-pe-apps .chip{text-decoration:none}
.CE-pe-apps .chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
@media (max-width:1000px){.CE-pe-grid{grid-template-columns:1fr 1fr}.CE-pe-ben{grid-template-columns:1fr}}
@media (max-width:600px){.CE-pe-grid,.CE-pe-apps,.CE-pe-ben ol{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.CE-pe-grid .ic svg,.CE-pe-ben li{animation:none!important}}

/* ============== PXT · CheckPoint 360° ============== */
.CP{background:linear-gradient(180deg,var(--bg),var(--px-lgreen) 40%,var(--bg))}
.CP-head{max-width:820px}.CP h2{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:10px 0 6px}
.CP h3{font-family:var(--f-display);font-size:1.2rem;margin-bottom:14px}
.CP-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:36px}
.CP-orbit{--op:0;position:relative;width:min(100%,440px);aspect-ratio:1;margin-inline:auto}
.CP-orbit svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.CP-orbit .ring{fill:none;stroke:color-mix(in srgb,var(--px-navy) 12%,transparent);stroke-width:2;stroke-dasharray:4 8}
.CP-orbit .arc{fill:none;stroke:var(--px-green);stroke-width:4;stroke-linecap:round;stroke-dasharray:942.5;stroke-dashoffset:calc(942.5 * (1 - var(--op)));transform:rotate(-90deg);transform-origin:200px 200px}
.CP-orbit .ln{stroke:var(--px-green);stroke-width:2;stroke-dasharray:150;stroke-dashoffset:calc(150 * (1 - clamp(0, (var(--op) - var(--k)*.15) * 2.2, 1)));opacity:.55}
.CP-orbit .core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:var(--px-navy);color:#fff;display:grid;place-content:center;text-align:center;gap:2px;box-shadow:0 0 0 calc(10px * var(--op)) color-mix(in srgb,var(--px-green) 25%,transparent),0 24px 50px -20px rgba(24,37,50,.6);z-index:2}
.CP-orbit .core b{font-family:var(--f-display);font-size:clamp(1rem,2vw,1.35rem)}.CP-orbit .core span{font-size:.72rem;opacity:.75}
.CP-orbit .rt{position:absolute;width:38%;padding:10px 12px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-align:center;display:grid;gap:2px;box-shadow:0 18px 40px -26px rgba(24,37,50,.5);z-index:2;opacity:clamp(0,(var(--op) - var(--k)*.15)*3,1);translate:var(--tx) var(--ty);transform:scale(calc(.7 + .3*clamp(0,(var(--op) - var(--k)*.15)*3,1)))}
.CP-orbit .rt b{font-family:var(--f-display);font-size:.92rem}.CP-orbit .rt span{font-size:.75rem;color:var(--muted)}
.CP-orbit .rt0{left:31%;top:-2%;--tx:0;--ty:calc(30px*(1 - var(--op)))}
.CP-orbit .rt1{right:-6%;top:42%;--tx:calc(-30px*(1 - var(--op)));--ty:0}
.CP-orbit .rt2{left:31%;bottom:-2%;--tx:0;--ty:calc(-30px*(1 - var(--op)))}
.CP-orbit .rt3{left:-6%;top:42%;--tx:calc(30px*(1 - var(--op)));--ty:0}
.CP-orbit.done .rt{border-color:color-mix(in srgb,var(--px-green) 45%,transparent)}
.CP-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.CP-nums>div{padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);display:grid;gap:4px}
.CP-nums b{font-family:var(--f-display);font-size:clamp(2rem,3.6vw,2.8rem);line-height:1;color:var(--px-navy)}
.CP-nums span{font-size:.88rem;color:var(--muted)}
.CP-conf{margin-top:16px;padding:12px 16px;border-radius:14px;background:var(--px-lgreen);color:var(--px-dgreen);font-weight:600;font-size:.9rem}
.CP-feat{margin-top:16px}
.CP-comp{--cp:0;margin-top:44px;padding:28px;border-radius:26px;background:var(--px-navy);color:#fff}
.CP-comp h3{color:#fff}
.CP-comp ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.CP-comp li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:background .5s,border-color .5s}
.CP-comp li small{grid-column:2;font-size:.72rem;opacity:.6}
.CP-comp .n{grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:700;font-size:.82rem;transition:background .5s,color .5s}
.CP-comp li b{font-weight:600}
.CP-comp li{--on:clamp(0,(var(--cp)*9 - var(--k)),1)}
.CP-comp li{background:color-mix(in srgb,var(--px-green) calc(var(--on)*55%),rgba(255,255,255,.06))}
.CP-comp li .n{background:color-mix(in srgb,#fff calc(var(--on)*100%),rgba(255,255,255,.12));color:color-mix(in srgb,var(--px-green) calc(var(--on)*100%),#fff)}
.CP-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.CP-row>div{padding:26px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.CP-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
.CP-steps li{display:grid;grid-template-columns:36px 1fr;gap:12px}
.CP-steps li>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--px-green);color:#fff;font-weight:700}
.CP-steps b{font-family:var(--f-display)}.CP-steps p{color:var(--muted);font-size:.9rem;margin-top:2px}
.CP-rp{list-style:none;margin:0;padding:0;display:grid}
.CP-rp li{padding:11px 0;border-top:1px solid var(--line)}.CP-rp li:first-child{border-top:0;padding-top:0}
.CP-rp b{font-family:var(--f-display);font-size:.98rem}.CP-rp p{color:var(--muted);font-size:.88rem}
.CP-use{margin-top:16px;padding:26px;border-radius:24px;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:end}
.CP-use h3{grid-column:1/-1;margin:0}
.CP-use ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.CP-use li{display:flex;gap:10px;align-items:flex-start}
.PX-go{all:unset;cursor:pointer;justify-self:start;margin-top:4px;font-weight:700;font-size:.88rem;color:var(--px-green)}
.PX-cards article:first-child .PX-go{color:#7FD49E}
.PX-go:hover{text-decoration:underline}.PX-go:focus-visible{outline:2px solid var(--px-green);outline-offset:3px;border-radius:4px}
@media (max-width:900px){.CP-grid,.CP-row{grid-template-columns:1fr}.CP-comp ol{grid-template-columns:1fr 1fr}.CP-use{grid-template-columns:1fr}.CP-use ul{grid-template-columns:1fr}}
@media (max-width:600px){.CP-orbit{width:min(100%,320px)}.CP-orbit .rt{width:42%;padding:7px 8px}.CP-orbit .rt b{font-size:.74rem}.CP-orbit .rt span{font-size:.62rem}.CP-comp{padding:20px}.CP-comp ol{grid-template-columns:1fr}}

.PX-rs h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.PX-rs-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.PX-rs-top .lead{max-width:62ch}
.PX-rs-list{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}
.PX-rs-list>li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:22px 8px;border-bottom:1px solid var(--line);transition:background .35s,padding .35s,opacity .8s,transform .8s;transition-delay:0s,0s,var(--d),var(--d)}
.PX-rs-list>li:hover{background:var(--surface);padding-inline:18px;border-radius:16px}
.PX-rs-list .n{font-family:var(--f-display);font-weight:700;font-size:1.3rem;color:var(--px-green)}
.PX-rs-list h3{font-family:var(--f-display);font-size:1.12rem}.PX-rs-list p{color:var(--muted);font-size:.93rem;margin-top:4px}
.PX-rs-list .docs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.PX-rs-list .doc{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink);font-size:.86rem;font-weight:600;transition:border-color .3s,transform .3s}
.PX-rs-list .doc:hover{border-color:var(--px-green);transform:translateY(-2px)}
.PX-rs-list .doc span{padding:3px 6px;border-radius:6px;background:var(--px-lgreen);color:var(--px-dgreen);font-size:.66rem;font-weight:800}
.PX-rs-help{margin-top:20px;color:var(--muted)}
@media (max-width:900px){.PX-rs-top{grid-template-columns:1fr}.PX-rs-list>li{grid-template-columns:40px 1fr;gap:10px}}

/* ============== ABOUT ============== */
.AB-st .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
.AB-st h2,.AB-br h2,.AB-co h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:10px 0 14px}
.AB-st .lead+.lead{margin-top:14px}
.AB-gh{margin-top:26px;font-weight:700;color:var(--accent)}
.AB-goals{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.AB-goals li{display:grid;grid-template-columns:14px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.AB-goals .dot{width:14px;height:14px;border-radius:50%;margin-top:5px}.AB-goals .dot0{background:var(--d)}.AB-goals .dot1{background:var(--i)}.AB-goals .dot2{background:var(--s)}
.AB-goals b{font-family:var(--f-display)}.AB-goals p{color:var(--muted);font-size:.92rem}
[data-reveal]:not(.pre) .AB-goals li{animation:liIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k)*.1s + .2s)}
.AB-stmt{padding-block:clamp(60px,10vw,140px)}
.AB-stmt h2{font-size:clamp(2rem,5.2vw,4.4rem);line-height:1.18;max-width:20ch;letter-spacing:-.02em}
.AB-br-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.AB-br .card{position:relative;display:grid;gap:12px;align-content:start;padding:28px 24px;border-radius:24px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s,opacity .8s;transition-delay:0s,0s,0s,var(--dl,0s)}
.AB-br .card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -36px rgba(40,20,70,.5);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.AB-br h3{font-family:var(--f-display);font-size:1.3rem}.AB-br .card p{color:var(--muted)}
.AB-br .go{position:absolute;right:22px;top:24px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700;transition:transform .35s}
.AB-br .card:hover .go{transform:translateX(4px)}
.AB-wy .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.AB-wy-img{border-radius:28px;overflow:hidden;aspect-ratio:4/4.4}
.AB-wy-img img{width:100%;height:115%;object-fit:cover;display:block}
.AB-wy-list{list-style:none;margin:16px 0 0;padding:0;display:grid}
.AB-wy-list li{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:22px 0;border-top:1px solid var(--line);transition:opacity .8s,transform .8s;transition-delay:var(--dl,0s)}
.AB-wy-list .n{font-family:var(--f-display);font-weight:700;font-size:1.6rem;color:var(--accent)}
.AB-wy-list h3{font-family:var(--f-display);font-size:1.25rem}.AB-wy-list p{color:var(--muted);margin-top:4px}
.AB-tr .box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(28px,4vw,48px);border-radius:28px;background:var(--accent-soft)}
.AB-tr h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:8px 0 12px}.AB-tr p:not(.eyebrow){color:var(--muted);max-width:60ch;margin-bottom:20px}
.AB-tr .seal{width:170px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 0 0 6px rgba(255,255,255,.18);transition:transform 1s .2s cubic-bezier(.2,.8,.2,1)}
.AB-tr .seal b{font-family:var(--f-display);font-size:.95rem}.AB-tr .seal span{font-size:.8rem;opacity:.8;letter-spacing:.1em;text-transform:uppercase}
.AB-tr .box.pre .seal{transform:rotate(-30deg) scale(.7)}
.AB-co .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}
.AB-co dl{margin:0;display:grid}
.AB-co dl div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.AB-co dt{color:var(--muted)}.AB-co dd{margin:0;font-weight:500;min-width:0;overflow-wrap:anywhere}.AB-co .wrap>*{min-width:0}
@media (max-width:600px){.AB-co dl div{grid-template-columns:1fr;gap:4px}}
@media (max-width:900px){.AB-st .wrap,.AB-wy .wrap,.AB-co .wrap{grid-template-columns:1fr}.AB-br-grid{grid-template-columns:1fr}.AB-wy-img{aspect-ratio:16/10}.AB-tr .box{grid-template-columns:1fr}.AB-tr .seal{width:130px}}
@media (prefers-reduced-motion: reduce){.AB-goals li{animation:none!important}.AB-tr .box.pre .seal{transform:none}}

/* ============== EVENTS (Mobbin refs: monday.com program at-a-glance, Jasper course pathway) ============== */
.EV-hero{padding-block:clamp(36px,6vw,80px) clamp(16px,3vw,32px)}
.EV-hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,64px);align-items:end}
.EV-hero .lead{margin-top:14px;max-width:58ch}
.EV-next{padding:26px;border-radius:26px;background:var(--accent);color:var(--accent-ink);box-shadow:0 30px 60px -30px rgba(40,20,70,.6)}
.EV-next>p:first-child{font-weight:600;opacity:.85}
.EV-next .cd{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.EV-next .cd div{padding:14px 8px;border-radius:16px;background:rgba(255,255,255,.12);text-align:center;display:grid}
.EV-next .cd b{font-family:var(--f-display);font-size:clamp(2rem,4vw,2.8rem);line-height:1}
.EV-next .cd span{font-size:.8rem;opacity:.8}
.EV-next .when{font-size:.9rem;opacity:.9}
.EV-filter{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:calc(var(--hdr-h,84px) + 8px);z-index:5;padding:8px;margin:-8px;border-radius:999px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);width:max-content;max-width:100%}
.EV-filter button{all:unset;cursor:pointer;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:.9rem}
.EV-filter button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.EV-filter button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.EV-month{margin-top:36px}
.EV-month .mh{font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--line)}
.EV-cards{display:grid;gap:12px}
.EV-card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 20px;border-radius:22px;background:var(--surface);border:1px solid var(--line);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .3s,opacity .8s;transition-delay:0s,0s,0s,var(--dl,0s)}
.EV-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -34px rgba(40,20,70,.5)}
.EV-card.nx{border:2px solid var(--accent)}
.EV-card.past{opacity:.5}
.EV-card .date{display:grid;justify-items:center;padding:12px 8px;border-radius:16px;background:var(--accent-soft);color:var(--accent);text-align:center}
.EV-card .date b{font-family:var(--f-display);font-size:2.2rem;line-height:1}
.EV-card .date .wd,.EV-card .date .mo{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.EV-card.nx .date{background:var(--accent);color:var(--accent-ink)}
.EV-card h3{font-family:var(--f-display);font-size:1.12rem}
.EV-card .fm{color:var(--muted);font-size:.86rem;margin-top:2px}
.EV-card .badge{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:700}
.EV-card .badge.off{background:var(--line);color:var(--muted)}
.EV-card dl{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.88rem}
.EV-card dl div{display:flex;gap:8px}.EV-card dt{color:var(--muted)}.EV-card dd{margin:0;font-weight:600}
.EV-card .th dd{color:var(--accent)}
.EV-card em{font-style:normal;font-size:.72rem;padding:1px 6px;border-radius:6px;background:var(--accent-soft)}
.EV-card .ss{margin-top:8px;font-size:.84rem;color:var(--muted)}.EV-card .ss span{color:var(--ink)}
.EV-tz{margin-top:24px;padding:14px 18px;border-radius:14px;background:var(--accent-soft);font-size:.9rem}
.EV-more{margin-top:14px}
.EV-pub .box{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:24px;align-items:center;padding:clamp(26px,4vw,44px);border-radius:28px;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:var(--surface)}
.EV-pub h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:8px 0 10px}.EV-pub p:not(.eyebrow){color:var(--muted)}
.EV-pub .acts{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:600px){.EV-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:auto;margin-inline:-16px;padding-inline:16px;border-radius:0}.EV-filter button{flex:none;padding:8px 13px;font-size:.84rem}.EV-month .mh{scroll-margin-top:140px}}
@media (max-width:900px){.EV-hero .wrap,.EV-pub .box{grid-template-columns:1fr}.EV-card{grid-template-columns:72px 1fr}.EV-card>.btn{grid-column:1/-1;justify-content:center}.EV-card .date b{font-size:1.7rem}}

/* ============== LEARN DiSC (knowledge articles · Mobbin refs: Mailchimp/Better Stack docs layout, Stripe guides hub) ============== */
:root{--warn:#8A5A00;--warn-soft:#FFF4DC;--on-c:#3A2E00;--ed-y:#F3CC23;--ed-ink:#232323;--ed-navy:#004B87;--ed-soft:#FDF6D6;--fb-red:#B90E31;--fb-soft:#FBEAED;--px-soft:#E6F3EA;--brand:var(--accent);--brand-on:var(--accent-ink);--f-brand:var(--f-display)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--warn:#F5C063;--warn-soft:#2B2414;--ed-navy:#8DBDF0;--ed-soft:#2B2612;--fb-red:#FF5C74;--fb-soft:#3A1A20;--px-soft:#163323}}
:root[data-theme="dark"]{--warn:#F5C063;--warn-soft:#2B2414;--ed-navy:#8DBDF0;--ed-soft:#2B2612;--fb-red:#FF5C74;--fb-soft:#3A1A20;--px-soft:#163323}
.LRN[data-brand="pxt"]{--px-green:#00812E}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .LRN[data-brand="pxt"]{--px-green:#4CC27A}}
:root[data-theme="dark"] .LRN[data-brand="pxt"]{--px-green:#4CC27A}
.LRN[data-brand="disc"]{--accent:var(--ed-navy);--accent-soft:var(--ed-soft);--brand:var(--ed-y);--brand-on:var(--ed-ink);--f-brand:"Open Sans","Anuphan",system-ui,sans-serif}
.LRN[data-brand="five"]{--accent:var(--fb-red);--accent-soft:var(--fb-soft);--brand:#E4002B;--brand-on:#FFFFFF;--f-brand:"Work Sans","Anuphan",system-ui,sans-serif}
.LRN[data-brand="pxt"]{--accent:var(--px-green);--accent-soft:var(--px-soft);--brand:#00812E;--brand-on:#FFFFFF;--f-brand:"Montserrat","Anuphan",system-ui,sans-serif}
.LRN[data-brand] .btn{background:var(--brand);color:var(--brand-on)}
.LRN[data-brand] .btn:hover{box-shadow:0 10px 24px -10px var(--brand)}
.LRN[data-brand] .AR-head{border-top:6px solid var(--brand)}
.LRN[data-brand] .AR-head h1,.LRN[data-brand] .prose h2,.LRN[data-brand] .rail h3{font-family:var(--f-brand);letter-spacing:-.015em}
.LRN[data-brand] .AR-meta .tag{background:var(--brand);color:var(--brand-on)}
/* =============== LEARN HUB =============== */
.LRN .LH-hero{padding-block:clamp(48px,7vw,96px) clamp(28px,4vw,48px)}
.LRN .LH-hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end}
.LRN .LH-hero h1{font-size:clamp(2.4rem,5.6vw,4.6rem);margin:10px 0 16px;max-width:16ch}
.LRN .LH-ask{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:22px;display:grid;gap:10px}
.LRN .LH-ask .eyebrow{margin-bottom:4px}
.LRN .LH-ask a{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--bg);text-decoration:none;transition:background .2s}
.LRN .LH-ask a:hover{background:var(--accent-soft)}
.LRN .LH-ask a b{font-weight:600;font-size:.98rem}
.LRN .LH-ask a small{display:block;color:var(--muted);font-size:.8rem}
.LRN .LH-ask a i{font-style:normal;color:var(--accent);font-weight:700}
.LRN .LH-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:16px}
.LRN .LH-card{display:grid;grid-template-rows:auto 1fr;text-decoration:none;border-radius:24px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.LRN .LH-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -28px rgba(20,10,30,.5);border-color:var(--accent)}
.LRN .LH-card .art{aspect-ratio:16/10;background:var(--accent-soft);display:grid;place-items:center;padding:24px}
.LRN .LH-card .art svg{width:auto;height:100%;max-width:100%}
.LRN .LH-card .art{background:var(--accent-soft)}
.LRN .LH-card .art img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px}
.LRN .LH-card .art{overflow:hidden;min-height:0}
.LRN .LH-card .art .pst{display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:center;width:min(62%,240px)}
.LRN .LH-card .art .pst img{border-radius:0}
.LRN .LH-card .eyebrow{color:var(--accent)}
.LRN .LH-card[data-brand]:hover{border-color:var(--brand)}
.LRN .LH-ask a[data-brand]:hover{background:var(--accent-soft)}
.LRN .LH-ask a[data-brand] i{color:var(--accent)}
.LRN .LH-card .bd{padding:24px;display:grid;gap:10px;align-content:start}
.LRN .LH-card h2{font-size:1.4rem}
.LRN .LH-card p{color:var(--muted);font-size:.95rem}
.LRN .LH-card .meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);margin-top:6px}
.LRN .LH-card .meta span{border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.LRN .LH-cmp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;text-decoration:none;border-radius:24px;padding:clamp(22px,3.5vw,36px);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#7B4FB0));color:var(--accent-ink);margin-bottom:clamp(64px,8vw,110px);transition:transform .3s}
.LRN .LH-cmp:hover{transform:translateY(-4px)}
.LRN .LH-cmp h2{font-size:clamp(1.4rem,2.6vw,2rem);margin:6px 0 8px}
.LRN .LH-cmp p{color:color-mix(in srgb,var(--accent-ink) 78%,transparent);max-width:60ch}
.LRN .LH-cmp .eyebrow{color:color-mix(in srgb,var(--accent-ink) 72%,transparent)}
.LRN .LH-cmp .go{width:56px;height:56px;border-radius:50%;background:var(--accent-ink);color:var(--accent);display:grid;place-items:center;font-size:1.4rem}
@media (max-width:900px){.LRN .LH-hero .wrap,.LRN .LH-grid{grid-template-columns:1fr}.LRN .LH-cmp{grid-template-columns:1fr}}

/* =============== ARTICLE =============== */
.LRN .AR-head{padding-block:clamp(28px,4vw,56px) clamp(24px,3vw,40px);border-bottom:1px solid var(--line)}
.LRN .crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:.86rem;color:var(--muted);list-style:none;margin:0 0 18px;padding:0}
.LRN .crumb a{text-decoration:none;color:var(--accent);font-weight:600}
.LRN .crumb li+li::before{content:"›";margin-right:8px;color:var(--muted)}
.LRN .AR-head h1{font-size:clamp(2rem,4.4vw,3.4rem);max-width:22ch}
.LRN .AR-head .lead{margin-top:14px}
.LRN .AR-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:.85rem;color:var(--muted);align-items:center}
.LRN .AR-meta .tag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:4px 10px;border-radius:999px}
.LRN .AR-body{display:grid;grid-template-columns:200px minmax(0,1fr) 260px;gap:clamp(24px,4vw,56px);padding-block:clamp(32px,4vw,56px) clamp(64px,8vw,110px);align-items:start}
.LRN .toc{position:sticky;top:calc(var(--hdrh,110px) + 24px);font-size:.88rem}
.LRN .toc .eyebrow{display:block;margin-bottom:10px}
.LRN .toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.LRN .toc a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--muted);line-height:1.45;transition:color .2s,border-color .2s}
.LRN .toc a:hover{color:var(--ink)}
.LRN .toc a.on{color:var(--accent);border-color:var(--accent);font-weight:600}
.LRN .toc-m{display:none;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:28px}
.LRN .toc-m summary{cursor:pointer;padding:14px 16px;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.LRN .toc-m summary::-webkit-details-marker{display:none}
.LRN .toc-m summary::after{content:"▾"}
.LRN .toc-m[open] summary::after{content:"▴"}
.LRN .toc-m ol{margin:0;padding:0 16px 14px 34px;display:grid;gap:6px}
.LRN .toc-m a{text-decoration:none;color:var(--muted)}

.LRN .prose{min-width:0;max-width:68ch}
.LRN .prose section{scroll-margin-top:calc(var(--hdrh,110px) + 24px);padding-bottom:40px}
.LRN .prose section+section{padding-top:8px}
.LRN .prose h2{font-size:clamp(1.45rem,2.6vw,1.9rem);margin-bottom:16px}
.LRN .prose p{margin-bottom:14px}
.LRN .prose p:last-child{margin-bottom:0}
.LRN .prose ul,.LRN .prose ol{margin:0 0 16px;padding-left:1.3em;display:grid;gap:8px}
.LRN .prose li::marker{color:var(--accent)}
.LRN .prose strong{font-weight:600}
.LRN .prose .lang{display:inline-flex;gap:8px;align-items:center;font-size:.9rem;color:var(--muted);margin-top:4px}
.LRN .prose .lang b{font-size:.7rem;letter-spacing:.06em;padding:2px 8px;border-radius:6px;border:1px solid currentColor;color:var(--ink)}

.LRN .problem{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 24px;font-size:1.05rem}
.LRN .note{display:grid;grid-template-columns:28px 1fr;gap:12px;background:var(--warn-soft);color:var(--ink);border-radius:16px;padding:18px 20px;margin-bottom:16px}
.LRN .note::before{content:"!";width:26px;height:26px;border-radius:50%;background:var(--warn);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:.9rem}
.LRN .principles{list-style:none!important;padding:0!important;counter-reset:pr;display:grid;gap:10px}
.LRN .principles li{counter-increment:pr;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;background:var(--accent-soft);border-radius:14px;padding:14px 16px}
.LRN .principles li::before{content:counter(pr);width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-family:var(--f-display)}

.LRN .tbox{overflow-x:auto;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.LRN .tbl{width:100%;border-collapse:collapse;font-size:.93rem}
.LRN .tbl th,.LRN .tbl td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--line)}
.LRN .tbl tr:last-child td,.LRN .tbl tr:last-child th{border-bottom:0}
.LRN .tbl thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;background:var(--bg)}
.LRN .tbl tbody th{font-weight:600;font-family:var(--f-display)}

/* DiSC styles block */
.LRN .dstyles{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:24px;align-items:center;margin-bottom:20px}
.LRN .dwheel{width:100%;max-width:200px;aspect-ratio:1;justify-self:center}
.LRN .dwheel path{transition:opacity .3s,transform .3s;transform-origin:100px 100px;cursor:pointer}
.LRN .dwheel.hl path:not(.on){opacity:.25}
.LRN .dwheel text{font-family:var(--f-display);font-weight:700;font-size:26px;pointer-events:none}
.LRN .dwheel .ax{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;fill:none}
.LRN .dwheel .axl{font-family:var(--f-body);font-weight:500;font-size:9px;fill:var(--muted)}
.LRN .dlist{list-style:none!important;padding:0!important;display:grid;gap:8px;margin:0!important}
.LRN .dlist li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:border-color .2s}
.LRN .dlist li.on{border-color:var(--ink)}
.LRN .dlist .L{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;color:#fff;font-size:1.1rem}
.LRN .dlist b{font-family:var(--f-display)}
.LRN .dlist span{color:var(--muted);font-size:.93rem;display:block}
@media (max-width:620px){.LRN .dstyles{grid-template-columns:1fr}}

/* figures from the publishers' sites */
.LRN .fig{margin:4px 0 20px;display:grid;gap:8px}
.LRN .fig img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);background:#fff}
.LRN .fig.photo img{border:0;aspect-ratio:1440/590;object-fit:cover}
.LRN .fig figcaption{font-size:.8rem;color:var(--muted)}
.LRN .side{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;align-items:center;margin-bottom:16px}
.LRN .side img{width:100%;height:auto}
@media (max-width:560px){.LRN .side{grid-template-columns:minmax(0,1fr) 110px}}
.LRN .three .ic{width:44px;height:44px;flex:none}
.LRN .three>div.hasic{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.LRN .tdet{margin:-6px 0 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.LRN .tdet summary{cursor:pointer;padding:12px 16px;font-weight:600;font-size:.92rem;color:var(--accent)}
.LRN .tdet .traits{border:0;margin:0;padding-top:0}
.LRN .fitrow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;margin-bottom:12px}
.LRN .fitrow img{width:100%;height:auto}
@media (max-width:480px){.LRN .fitrow{grid-template-columns:80px minmax(0,1fr);gap:12px}}

/* stats */
.LRN .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.LRN .stats>div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:6px;align-content:space-between}
.LRN .stats b{font-family:var(--f-display);font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1;font-variant-numeric:tabular-nums;color:var(--accent)}
.LRN .stats span{font-size:.9rem;color:var(--muted)}

/* pyramid: the official Five Behaviors model layers, stacked */
.LRN .pyr{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:16px}
.LRN .pstack{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:260px;justify-self:center;position:sticky;top:calc(var(--hdrh,110px) + 24px)}
.LRN .pstack button{all:unset;cursor:pointer;display:block;line-height:0;transition:transform .25s}
.LRN .pstack button:hover{transform:scale(1.03)}
.LRN .pstack button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.LRN .pstack img{width:100%;height:auto;display:block}
.LRN .pyr ol{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:8px}
.LRN .pyr li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:border-color .25s,background .25s;cursor:pointer}
.LRN .pyr li.on{border-color:var(--accent);background:var(--accent-soft)}
.LRN .pyr li .n{font-family:var(--f-display);font-weight:700;color:var(--accent)}
@media (max-width:680px){.LRN .pyr{grid-template-columns:1fr}.LRN .pstack{position:static;max-width:220px}}

/* PXT traits continuum */
.LRN .traits{display:grid;gap:4px;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:10px 16px}
.LRN .trait{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.LRN .trait:last-child{border-bottom:0}
.LRN .trait b{font-family:var(--f-display);font-size:.95rem}
.LRN .trait .ends{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:10px;align-items:center;font-size:.86rem}
.LRN .trait .ends span:last-child{text-align:right}
.LRN .trait .bar{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--line),var(--accent),var(--line))}
.LRN .trait small{display:block;color:var(--muted);font-size:.78rem}
@media (max-width:560px){.LRN .trait{grid-template-columns:1fr;gap:4px}.LRN .trait .ends{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}}
.LRN .three{display:grid;gap:10px;margin-bottom:18px}
.LRN .three>div{border-radius:16px;padding:18px 20px;background:var(--surface);border:1px solid var(--line)}
.LRN .three h3{font-size:1.1rem;margin-bottom:6px;display:flex;gap:10px;align-items:baseline}
.LRN .three h3 i{font-style:normal;color:var(--accent);font-size:.85rem}
.LRN .fitbar{display:flex;height:54px;border-radius:14px;overflow:hidden;margin:6px 0 10px;font-size:.85rem;font-weight:600}
.LRN .fitbar div{display:grid;place-items:center;text-align:center;padding:0 6px;line-height:1.2}
.LRN .fitbar div:nth-child(1){flex:40;background:var(--accent);color:var(--accent-ink)}
.LRN .fitbar div:nth-child(2){flex:40;background:color-mix(in srgb,var(--accent) 55%,var(--surface));color:var(--ink)}
.LRN .fitbar div:nth-child(3){flex:20;background:var(--accent-soft);color:var(--ink)}
.LRN .fitrange{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}

/* compare */
.LRN .ctbl{min-width:720px}
.LRN .ctbl thead th{text-transform:none;letter-spacing:0;font-size:1rem;color:var(--ink);font-family:var(--f-display);font-weight:700}
.LRN .ctbl thead button{all:unset;cursor:pointer;padding:6px 12px;border-radius:999px;border:1.5px solid var(--line)}
.LRN .ctbl thead button{border-color:var(--brand)}
.LRN .ctbl thead button[aria-pressed="true"]{background:var(--brand);color:var(--brand-on);border-color:var(--brand)}
.LRN .ctbl thead th[data-brand]{border-top:4px solid var(--brand)}
.LRN .ctbl tbody th{color:var(--muted);font-family:var(--f-body);font-weight:500;width:20%}
.LRN .ctbl td{transition:background .3s,opacity .3s}
.LRN .ctbl[data-col] td{opacity:.5}
.LRN .ctbl[data-col="0"] td:nth-of-type(1),.LRN .ctbl[data-col="1"] td:nth-of-type(2),.LRN .ctbl[data-col="2"] td:nth-of-type(3){opacity:1}
.LRN .ctbl[data-col="0"] td:nth-of-type(1){background:var(--ed-soft)}.LRN .ctbl[data-col="1"] td:nth-of-type(2){background:var(--fb-soft)}.LRN .ctbl[data-col="2"] td:nth-of-type(3){background:var(--px-soft)}
.LRN .yes{color:var(--accent);font-weight:600}
.LRN .flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 18px}
.LRN .flow>div{border-radius:16px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);display:grid;gap:4px;position:relative}
.LRN .flow small{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.LRN .flow b{font-family:var(--f-display)}
.LRN .flow span{font-size:.9rem;color:var(--muted)}
@media (max-width:620px){.LRN .flow{grid-template-columns:1fr}}

.LRN .sources{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
.LRN .sources b{color:var(--ink)}
.LRN .brandline{font-size:.82rem;color:var(--muted);font-style:italic;margin-top:10px}
.LRN .pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
.LRN .pn a{border:1px solid var(--line);border-radius:16px;padding:16px 18px;text-decoration:none;display:grid;gap:2px;background:var(--surface);transition:border-color .2s}
.LRN .pn a:hover{border-color:var(--accent)}
.LRN .pn a.nx{text-align:right;grid-column:2}
.LRN .pn small{color:var(--muted);font-size:.8rem}
.LRN .pn b{font-family:var(--f-display);font-size:1rem}

.LRN .rail{position:sticky;top:calc(var(--hdrh,110px) + 24px);display:grid;gap:16px}
.LRN .rail .cta{background:var(--accent-soft);border-radius:20px;padding:22px;display:grid;gap:12px;justify-items:start}
.LRN .rail .cta h3{font-size:1.1rem}
.LRN .rail .cta p{font-size:.9rem;color:var(--muted)}
.LRN .rail .cta .btn{padding:.7em 1.1em;font-size:.9rem}
.LRN .rail .rel{border:1px solid var(--line);border-radius:20px;padding:18px 20px;background:var(--surface)}
.LRN .rail .rel ul{list-style:none;margin:10px 0 0;padding:0;display:grid}
.LRN .rail .rel a{display:block;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;font-size:.92rem;font-weight:500}
.LRN .rail .rel li:first-child a{border-top:0}
.LRN .rail .rel a:hover{color:var(--accent)}

@media (max-width:1100px){.LRN .AR-body{grid-template-columns:200px minmax(0,1fr)}.LRN .rail{grid-column:2;position:static;grid-template-columns:1fr 1fr}}
@media (max-width:820px){.LRN .AR-body{grid-template-columns:minmax(0,1fr)}.LRN .toc{display:none}.LRN .toc-m{display:block}.LRN .rail{grid-column:auto;grid-template-columns:1fr}.LRN .pn{grid-template-columns:1fr}.LRN .pn a.nx{grid-column:auto}}

.LRN .sprog{background:var(--brand)}
.LRN .crumb{margin:0 0 18px}

/* ---------- Learn hub: Human Insight Atlas + tool finder ---------- */
.LRN [data-brand="disc"]{--accent:var(--ed-navy);--accent-soft:var(--ed-soft);--brand:var(--ed-y);--brand-on:var(--ed-ink)}
.LRN [data-brand="five"]{--accent:var(--fb-red);--accent-soft:var(--fb-soft);--brand:#E4002B;--brand-on:#FFFFFF}
.LRN [data-brand="pxt"]{--accent:var(--px-green,#00812E);--accent-soft:var(--px-soft);--brand:#00812E;--brand-on:#FFFFFF}
.LRN .AT{padding-block:clamp(8px,2vw,24px) clamp(48px,6vw,80px)}
.LRN .AT-box{border-radius:28px;background:var(--surface);border:1px solid var(--line);padding:clamp(20px,3.5vw,40px);display:grid;gap:24px}
.LRN .AT-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:end}
.LRN .AT-head h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:8px 0 8px}
.LRN .AT-head .eyebrow{color:var(--accent)}
.LRN .AT-tabs{display:flex;flex-wrap:wrap;gap:8px}
.LRN .AT-tabs button{all:unset;cursor:pointer;display:grid;gap:2px;padding:10px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);transition:border-color .25s,background .25s}
.LRN .AT-tabs button b{font-family:var(--f-display);font-size:1rem}
.LRN .AT-tabs button small{font-size:.75rem;color:var(--muted)}
.LRN .AT-tabs button[aria-selected="true"]{border-color:var(--brand);background:var(--accent-soft)}
.LRN .AT-tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.LRN .AT-grid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start}
.LRN .AT-stage{width:100%;max-width:380px;justify-self:center;aspect-ratio:1}
.LRN .AT-stage svg{width:100%;height:100%;overflow:visible}
.LRN .AT-stage .ring{cursor:pointer;transition:opacity .5s}
.LRN .AT-stage .ring circle.band{transition:fill-opacity .5s,stroke-width .5s}
.LRN .AT-stage[data-on] .ring:not(.on){opacity:.32}
.LRN .AT-stage .orbit{fill:none;stroke-width:2;stroke-dasharray:3 9;transform-origin:180px 180px;animation:atspin 24s linear infinite}
.LRN .AT-stage .ring:not(.on) .orbit{display:none}
.LRN .AT-stage text{font-family:var(--f-body);font-weight:600;font-size:11px;letter-spacing:.14em;fill:var(--ink)}
.LRN .AT-stage .core text{fill:#fff;letter-spacing:0;font-family:var(--f-display);font-weight:700;font-size:20px}
@keyframes atspin{to{transform:rotate(360deg)}}
.LRN .AT-panel{min-width:0;display:grid;gap:16px;align-content:start}
.LRN .AT-panel.sw{animation:atin .45s cubic-bezier(.2,.8,.2,1)}
@keyframes atin{from{opacity:0;transform:translateY(10px)}}
.LRN .AT-panel .plogo{height:36px}
.LRN .AT-q{font-family:var(--f-display);font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600}
.LRN .AT-panel .dstyles{margin:0}
.LRN .AT-five{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:20px;align-items:center}
.LRN .AT-five .pstack{position:static}
.LRN .AT-five .desc{border-radius:16px;background:var(--accent-soft);padding:16px 18px;display:grid;gap:4px;min-height:140px;align-content:start}
.LRN .AT-five .desc b{font-family:var(--f-display);font-size:1.1rem;color:var(--accent)}
.LRN .AT-five .desc span{font-size:.92rem}
.LRN .AT-panel .three{margin:0}
.LRN .AT-panel .three>div{padding:14px 16px}
.LRN .AT-panel .three p{font-size:.9rem}
.LRN .AT-go{justify-self:start}
@media (prefers-reduced-motion: reduce){.LRN .AT-stage .orbit{animation:none}.LRN .AT-panel.sw{animation:none}}
@media (max-width:900px){.LRN .AT-head,.LRN .AT-grid{grid-template-columns:minmax(0,1fr)}.LRN .AT-stage{max-width:280px}}
@media (max-width:560px){.LRN .AT-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.LRN .AT-tabs button{padding:8px 10px}.LRN .AT-tabs button small{display:none}.LRN .AT-five{grid-template-columns:minmax(0,1fr)}.LRN .AT-five .pstack{max-width:200px;margin-inline:auto}}

.LRN .FD{padding-bottom:16px}
.LRN .FD-box{border-radius:28px;background:var(--surface);border:1px solid var(--line);padding:clamp(20px,3.5vw,40px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,48px);align-items:start}
.LRN .FD h2{font-size:clamp(1.5rem,2.8vw,2.2rem);margin:8px 0 8px}
.LRN .FD fieldset{border:0;margin:20px 0 0;padding:0;display:grid;gap:10px}
.LRN .FD legend{font-weight:600;margin-bottom:10px;display:flex;gap:10px;align-items:center}
.LRN .FD legend i{font-style:normal;width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700;flex:none}
.LRN .FD .opts{display:flex;flex-wrap:wrap;gap:8px}
.LRN .FD .opts label{position:relative;cursor:pointer}
.LRN .FD .opts input{position:absolute;opacity:0;width:1px;height:1px}
.LRN .FD .opts span{display:inline-block;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);font-size:.92rem;transition:background .2s,border-color .2s,color .2s}
.LRN .FD .opts input:checked+span{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}
.LRN .FD .opts input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.LRN .FD-res{position:sticky;top:calc(var(--hdrh,110px) + 24px);border-radius:22px;padding:22px;background:var(--accent-soft);border-top:6px solid var(--brand);display:grid;gap:12px;justify-items:start}
.LRN .FD-res.sw{animation:atin .45s cubic-bezier(.2,.8,.2,1)}
.LRN .FD-res .eyebrow{color:var(--accent)}
.LRN .FD-res .plogo{height:40px}
.LRN .FD-res dl{margin:0;display:grid;gap:8px;width:100%}
.LRN .FD-res dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.LRN .FD-res dd{margin:2px 0 0;font-weight:500}
.LRN .FD-res .warn{font-size:.88rem;background:var(--warn-soft);border-radius:12px;padding:10px 12px;color:var(--ink)}
.LRN .FD-res .acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (prefers-reduced-motion: reduce){.LRN .FD-res.sw{animation:none}}
@media (max-width:900px){.LRN .FD-box{grid-template-columns:minmax(0,1fr)}.LRN .FD-res{position:static}}

.LRN .back{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;padding:8px 16px 8px 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);margin-bottom:18px;transition:border-color .2s,transform .2s}
.LRN .back:hover{border-color:var(--accent);color:var(--accent);transform:translateX(-3px)}
.LRN .back:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* ===== header back + site search ===== */

.hbtn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:42px;min-width:42px;justify-content:center;border-radius:999px;font-size:.88rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}
.hbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hbtn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hback{display:none;padding:0;width:42px;border:1.5px solid var(--line);margin-right:-6px}
.uback{all:unset;cursor:pointer;margin-right:auto;display:inline-flex;align-items:center;gap:4px;font-weight:600;padding:4px 10px 4px 4px;border-radius:999px;opacity:.85}
.uback svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.uback:hover{opacity:1;background:var(--accent-soft);color:var(--accent)}.uback:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hdr.over .uback:hover{background:rgba(255,255,255,.15);color:inherit}
.hback:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.hsearch{margin-left:-6px;padding:0 8px 0 14px;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1.5px solid var(--line);color:var(--muted);min-width:178px;justify-content:flex-start}
.hsearch span{margin-right:auto}
.hsearch kbd{font:600 .7rem/1 var(--f-body);padding:5px 7px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}
.hsearch:hover{border-color:var(--accent);color:var(--ink)}
.hdr.over .hbtn{border-color:color-mix(in srgb,currentColor 35%,transparent);color:inherit;background:transparent}
.hdr.over .hsearch kbd{background:transparent;border-color:color-mix(in srgb,currentColor 35%,transparent);color:inherit}
.hsearch{min-width:0;padding:0 11px}.hsearch span,.hsearch kbd{display:none}
.brand small{white-space:nowrap}
.navlinks a,.navlinks button,.navlinks .pill{white-space:nowrap}
.mainnav .wrap{flex-wrap:nowrap}.brand{min-width:0;flex-shrink:1}
@media (max-width:1240px) and (min-width:981px){.navlinks{gap:14px}.mainnav .wrap{gap:16px}.brand small{display:none}.navlinks .pill{padding:7px 12px}}
@media (max-width:1100px) and (min-width:981px){.navlinks{font-size:.9rem;gap:12px}}
@media (max-width:980px){.hback{display:inline-flex}.hback span{display:none}.hsearch{width:42px;padding:0;margin-left:auto}.brand{margin-right:0}.burger{margin-left:-8px}}
@media (max-width:420px){.mainnav .wrap{gap:10px}.brand small{display:none}}

.QS{position:fixed;inset:0;z-index:200;color:var(--ink);background:rgba(24,14,36,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none}
.QS.open{display:flex;justify-content:center;align-items:flex-start;padding:clamp(12px,9vh,96px) 16px 16px}
.QS-box{width:min(680px,100%);max-height:min(640px,calc(100dvh - 32px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px -20px rgba(30,10,50,.45);overflow:hidden;animation:srIn .18s ease-out}
@keyframes srIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.QS-box{animation:none}}
.QS-f{display:block;position:relative;border-bottom:1px solid var(--line)}
.QS-f svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;pointer-events:none}
.QS-f input{display:block;width:100%;box-sizing:border-box;border:0;outline:0;background:transparent;color:var(--ink);font:500 1.08rem/1.4 var(--f-body);padding:20px 84px 20px 52px}
.QS-f input::placeholder{color:var(--muted)}
.QS-f input::-webkit-search-cancel-button{display:none}
.QS-x{all:unset;position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:.75rem;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:6px 9px}
.QS-x:hover{color:var(--ink);border-color:var(--accent)}.QS-x:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.QS-b{overflow:auto;overscroll-behavior:contain;padding:8px}
.QS-h{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted);padding:12px 12px 6px}
.QS-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.QS-l li{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:12px;cursor:pointer;scroll-margin:8px}
.QS-l li[aria-selected="true"]{background:var(--accent-soft)}
.QS-l .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.QS-l .ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.QS-l .tx{min-width:0;flex:1;display:grid;gap:2px}
.QS-l b{font-weight:600;font-size:.98rem;line-height:1.4}
.QS-l small{font-size:.8rem;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.QS-l .ctx{font-size:.72rem;font-weight:600;color:var(--accent);letter-spacing:.02em}
.QS-l mark{background:color-mix(in srgb,var(--c) 45%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.QS-l .go{flex:none;align-self:center;color:var(--muted);opacity:0}
.QS-l li[aria-selected="true"] .go{opacity:1}
.QS-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 12px 12px}
.QS-chips button{all:unset;cursor:pointer;font-size:.86rem;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg)}
.QS-chips button:hover,.QS-chips button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}
.QS-empty{padding:20px 12px 8px;text-align:center}
.QS-empty b{display:block;font-size:1.02rem;margin-bottom:4px}.QS-empty p{color:var(--muted);font-size:.9rem}
.QS-ft{display:flex;gap:16px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.QS-ft kbd{font:600 .7rem/1 var(--f-body);padding:3px 6px;border-radius:5px;border:1px solid var(--line);margin-right:4px}
@media (max-width:640px){.QS.open{padding:0}.QS-box{max-height:100dvh;height:100dvh;border-radius:0;border:0}.QS-ft{display:none}.QS-f{margin-top:env(safe-area-inset-top,0px)}}
.sr-hit{animation:srHit 2.2s ease-out}
@keyframes srHit{0%,35%{background:color-mix(in srgb,var(--c) 40%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,var(--c) 40%,transparent)}100%{background:transparent;box-shadow:0 0 0 8px transparent}}

/* ===== Learn: deep-dive articles ===== */
.LRN .LH-deep{padding-block:clamp(40px,6vw,72px) 8px}
.LRN .LH-dh{max-width:62ch;margin-bottom:24px}.LRN .LH-dh h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:6px 0 10px}.LRN .LH-dh p:last-child{color:var(--muted)}
.LRN .LH-dg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.LRN .LH-dc{display:grid;grid-template-rows:auto 1fr;gap:14px;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;transition:transform .25s,border-color .25s,box-shadow .25s;color:var(--ink)}
.LRN .LH-dc:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 40px -24px rgba(40,20,60,.4)}
.LRN .LH-dc .dart{aspect-ratio:16/10;border-radius:14px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent)}
.LRN .LH-dc .dart svg{width:58%;height:auto;max-height:88%}
.LRN .LH-dc .n{font:700 .75rem/1 var(--f-display);color:var(--accent);letter-spacing:.08em}
.LRN .LH-dc h3{font-size:1.08rem;margin:6px 0 6px}.LRN .LH-dc p{font-size:.88rem;color:var(--muted)}
.LRN .LH-dc .meta{display:inline-block;margin-top:10px;font-size:.8rem;font-weight:600;color:var(--accent)}
@media (max-width:1100px){.LRN .LH-dg{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.LRN .LH-dg{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.LRN .LH-dg{grid-template-columns:1fr}.LRN .LH-dc{grid-template-columns:112px 1fr;grid-template-rows:auto}.LRN .LH-dc .dart{aspect-ratio:1}}

.LRN .dlab{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;margin:6px 0 20px}
.LRN .dl-svg{width:100%;height:auto;display:block;touch-action:none;user-select:none;cursor:crosshair}
.LRN .dl-svg .q path{opacity:.2}
.LRN .dl-svg .rim{fill:none;stroke:var(--line);stroke-width:1.5}.LRN .dl-svg .ring{fill:none;stroke:var(--ink);stroke-opacity:.12;stroke-dasharray:3 4}
.LRN .dl-svg .sec line{stroke:var(--ink);stroke-opacity:.08}.LRN .dl-svg .sec line.mj{stroke-opacity:.28;stroke-width:1.5}
.LRN .dl-svg .big{font:700 22px var(--f-display);fill:var(--ink);fill-opacity:.35;text-anchor:middle}
.LRN .dl-svg .pri text{font:600 9.5px var(--f-body);fill:var(--muted);transition:fill .2s}
.LRN .dl-svg .pri text.on{fill:var(--accent);font-weight:700}
.LRN .dl-svg .dot{cursor:grab;outline:none}.LRN .dl-svg .dot .core{fill:#fff;stroke:#1c1724;stroke-width:3}
.LRN .dl-svg .dot .halo{fill:var(--accent);fill-opacity:.18}.LRN .dl-svg .dot:focus-visible .halo{fill-opacity:.45;stroke:var(--accent);stroke-width:2}
.LRN .dl-svg .st-l{stroke:var(--accent);stroke-width:2;stroke-dasharray:5 5}.LRN .dl-svg .st-t{stroke:#fff;stroke-width:2}
.LRN .dl-hint{font-size:.78rem;color:var(--muted);text-align:center;margin:6px 0 0!important}
.LRN .dl-side{display:grid;gap:16px}
.LRN .dl-read .eyebrow,.LRN .dl-graph .eyebrow,.LRN .dl-str .eyebrow{margin:0 0 6px!important;font-size:.7rem}
.LRN .dl-st{margin:0 0 4px!important}.LRN .dl-st span{display:inline-block;font:700 1.6rem/1 var(--f-display);color:#fff;padding:8px 14px;border-radius:12px;min-width:64px;text-align:center}
.LRN .dl-ds{color:var(--muted);font-size:.92rem;margin:0 0 12px!important}
.LRN .dl-meter,.LRN .dl-str{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:.82rem}
.LRN .dl-str{grid-template-columns:1fr auto;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.LRN .dl-str .eyebrow{grid-column:1/-1}
.LRN .mt{height:8px;border-radius:8px;background:var(--line);overflow:hidden}.LRN .mt i{display:block;height:100%;background:var(--accent);border-radius:8px;transition:width .15s}
.LRN .dl-pri{display:flex;flex-wrap:wrap;gap:6px}.LRN .dl-pri span{font-size:.82rem;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.LRN .dl-graph .lg{width:100%;max-width:300px;height:auto;display:block}
.LRN .dl-graph .lg .mid{stroke:var(--line);stroke-dasharray:4 4}.LRN .dl-graph .lg text{font:700 12px var(--f-display);fill:var(--muted)}
.LRN .dl-graph polyline{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.LRN .dl-pats{display:flex;flex-wrap:wrap;gap:6px}
.LRN .dl-pats button{all:unset;cursor:pointer;display:grid;padding:7px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);line-height:1.25}
.LRN .dl-pats button b{font-size:.82rem}.LRN .dl-pats button small{font-size:.72rem;color:var(--muted)}
.LRN .dl-pats button:hover,.LRN .dl-pats button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.LRN .dl-pats button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (max-width:760px){.LRN .dlab{grid-template-columns:1fr;padding:14px}}

.LRN .tlw{position:relative}
.LRN .tl-rail{position:sticky;top:calc(var(--hdrh,90px) + 8px);z-index:3;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px;margin:0 0 18px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px}
.LRN .tl-rail::-webkit-scrollbar{display:none}
.LRN .tl-rail a{flex:none;text-decoration:none;font:600 .8rem/1 var(--f-display);padding:8px 12px;border-radius:999px;color:var(--muted);transition:background .2s,color .2s}
.LRN .tl-rail a:hover{color:var(--ink)}.LRN .tl-rail a.on{background:var(--accent);color:var(--accent-ink)}
.LRN .prose ol.tl{list-style:none;padding:0;margin:0;display:grid;gap:0;position:relative}
.LRN .tl::before{content:"";position:absolute;left:39px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--d),var(--i),var(--s),var(--c))}
.LRN .tl li{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:0 0 26px;scroll-margin-top:calc(var(--hdrh,90px) + 80px)}
.LRN .tl .yr{align-self:start;position:relative;z-index:1;justify-self:center;font:700 .82rem/1 var(--f-display);background:var(--surface);border:2px solid var(--accent);color:var(--accent);border-radius:999px;padding:8px 0;width:72px;text-align:center;transition:background .3s,color .3s}
.LRN .tl li.in .yr{background:var(--accent);color:var(--accent-ink)}
.LRN .tl h3{font-size:1.08rem;margin:4px 0 6px}.LRN .tl p{font-size:.95rem;color:var(--muted)}
@media (max-width:560px){.LRN .tl::before{left:27px}.LRN .tl li{grid-template-columns:56px 1fr;gap:12px}.LRN .tl .yr{width:56px;font-size:.72rem}}

.LRN .rbars{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 18px 12px;margin:4px 0 16px}
.LRN .rb-key{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.8rem;color:var(--muted);margin-bottom:12px}
.LRN .rb-key i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.LRN .k1{background:var(--accent)}.LRN .k2{background:color-mix(in srgb,var(--accent) 45%,transparent)}
.LRN .rb-grid{display:grid;gap:8px}
.LRN .rb-row{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}
.LRN .rb-row>b{font:700 .85rem var(--f-display);text-align:right}
.LRN .rb-tr{position:relative;display:grid;gap:3px;background:linear-gradient(90deg,transparent 0 25%,color-mix(in srgb,var(--ink) 3%,transparent) 25% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 50% 75%,color-mix(in srgb,var(--ink) 9%,transparent) 75%);border-radius:6px}
.LRN .rb-b{height:14px;width:var(--w);border-radius:0 6px 6px 0;position:relative;transition:width .8s cubic-bezier(.2,.7,.2,1)}
.LRN .rb-b span{position:absolute;right:-34px;top:50%;transform:translateY(-50%);font-size:.72rem;font-weight:600;color:var(--muted);width:30px}
.LRN .rb-ax .rb-tr{height:36px;background:none}.LRN .rb-ax span{position:absolute;top:2px;transform:translateX(-50%);font-size:.7rem;color:var(--muted)}
.LRN .rb-ax em{position:absolute;top:18px;font-style:normal;font-size:.68rem;text-align:center;color:var(--muted)}
.LRN .rb-tr{margin-right:34px}

.LRN .cmx{margin:4px 0 16px}
.LRN .cmx-sc{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:10px}
.LRN .cmx-t{border-collapse:separate;border-spacing:3px;margin:0 auto;font-size:.78rem}
.LRN .cmx-t th{font:700 .78rem var(--f-display);padding:4px;text-align:center;color:var(--muted)}
.LRN .cmx-t td{padding:0}
.LRN .cmx-t button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;width:46px;height:38px;border-radius:8px;font-weight:600;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--c2) var(--a),transparent);color:var(--ink);transition:transform .15s,box-shadow .15s}
.LRN .cmx-t button.dg{background:var(--accent);color:var(--accent-ink)}
.LRN .cmx-t button:hover,.LRN .cmx-t button.on{transform:scale(1.08);box-shadow:0 0 0 2px var(--ink)}
.LRN .cmx-t button:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.LRN .cmx-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.78rem;color:var(--muted);margin-top:10px}
.LRN .cmx-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.LRN .cmx-leg i.dg{background:var(--accent)}
.LRN .cmx-out{margin-top:10px!important;padding:12px 14px;border-radius:12px;background:var(--accent-soft);font-size:.9rem}
@media (max-width:560px){.LRN .cmx-t button{width:34px;height:32px;font-size:.68rem}}

.LRN .prose ul.scl{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.LRN .scl li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.LRN .scl .bd{display:grid;place-items:center;height:36px;border-radius:10px;background:var(--h);color:#fff;font:700 .9rem var(--f-display)}
.LRN .scl b{display:block;font-size:.92rem}.LRN .scl small{color:var(--muted);font-size:.8rem}
@media (max-width:560px){.LRN .prose ul.scl{grid-template-columns:1fr}}

/* ===== clients strip (social proof under hero) ===== */
.CL{padding-block:clamp(28px,4vw,44px);border-bottom:1px solid var(--line)}
.CL-cap{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:12px!important}
.CL-cap::before,.CL-cap::after{content:"";flex:1;max-width:120px;height:1px;background:var(--line)}
.CL-mq{overflow:hidden;display:flex;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.CL-mq+.CL-mq{margin-top:4px}
.CL-mq ul{list-style:none;margin:0;padding:0 0 0 56px;display:flex;align-items:center;gap:56px;flex:none;animation:clmq 70s linear infinite}
.CL-mq{background:var(--bg)}.CL-mq ul{mix-blend-mode:multiply}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .CL-mq ul{mix-blend-mode:screen}}
:root[data-theme="dark"] .CL-mq ul{mix-blend-mode:screen}
.CL-mq.rev ul{animation-direction:reverse;animation-duration:80s}
.CL-mq:hover ul{animation-play-state:paused}
.CL-mq li{flex:none;height:72px;display:flex;align-items:center;justify-content:center}
.CL-mq li img{display:block;height:28px;width:auto;max-width:200px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.6;transition:filter .35s ease,opacity .35s ease}
.CL-mq li.mono img{filter:grayscale(1) brightness(.4)}
.CL-mq li.lg:hover img{filter:none;opacity:1}
.CL-mq li.tx{white-space:nowrap;font:700 1.05rem/1 var(--f-display);letter-spacing:-.015em;color:var(--ink);opacity:.5}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .CL-mq li img{filter:grayscale(1) invert(1);opacity:.7}:root:not([data-theme="light"]) .CL-mq li.lg:hover img{opacity:1}}
:root[data-theme="dark"] .CL-mq li img{filter:grayscale(1) invert(1);opacity:.7}
:root[data-theme="dark"] .CL-mq li.lg:hover img{opacity:1}
@media (max-width:640px){.CL-mq ul{gap:36px;padding-left:36px}.CL-mq li{height:60px}}
@keyframes clmq{to{transform:translateX(calc(-100% - 10px))}}
@media (prefers-reduced-motion:reduce){.CL-mq{-webkit-mask:none;mask:none;overflow:visible}.CL-mq ul{animation:none;flex:1 1 auto;flex-wrap:wrap;justify-content:center;padding-left:0}.CL-mq ul[aria-hidden]{display:none}}
/* ===== gallery ===== */
.GA-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:10px}
.GA-it{all:unset;cursor:zoom-in;border-radius:16px;overflow:hidden;position:relative;background:var(--line)}
.GA-it img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.GA-it:hover img{transform:scale(1.05)}.GA-it:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.GA-it.g1{grid-column:span 2;grid-row:span 2}
@media (max-width:760px){.GA-grid{grid-template-columns:1fr 1fr;grid-auto-rows:120px}}
.GA-box{position:fixed;inset:0;z-index:210;background:rgba(14,10,20,.9);display:none;align-items:center;justify-content:center;padding:24px}
.GA-box.open{display:flex}
.GA-box figure{margin:0;max-width:min(1200px,100%);text-align:center}
.GA-box img{max-width:100%;max-height:80vh;border-radius:12px;margin:0 auto}
.GA-box figcaption{color:#e9e4f0;font-size:.9rem;margin-top:12px}
.GA-box button{all:unset;cursor:pointer;position:absolute;color:#fff;font-size:1.6rem;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12)}
.GA-box button:hover,.GA-box button:focus-visible{background:rgba(255,255,255,.25)}
.GA-box .gx{top:16px;right:16px;font-size:1.1rem}.GA-box .gp{left:16px;top:50%;transform:translateY(-50%)}.GA-box .gn{right:16px;top:50%;transform:translateY(-50%)}

/* ===== videos ===== */
.VD-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.VD-grid.n1{grid-template-columns:minmax(0,460px)}.VD-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.VD-card{display:grid;gap:12px;text-decoration:none;color:var(--ink)}
.VD-art{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#004B87,#2b6cb0 55%,#F3CC23 160%)}
.VD-art[data-b="five"]{background:linear-gradient(135deg,#B90E31,#E4002B 60%,#ff8a8a 140%)}
.VD-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.22),transparent 45%)}
.VD-play{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);transition:transform .25s}
.VD-play svg{width:28px;height:28px;fill:#1c1724;margin-left:4px}
.VD-lang{position:absolute;z-index:1;left:12px;top:12px;font:700 .7rem/1 var(--f-display);letter-spacing:.08em;color:#fff;border:1.5px solid rgba(255,255,255,.8);border-radius:6px;padding:5px 7px}
.VD-card:hover .VD-play{transform:scale(1.08)}.VD-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:18px}
.VD-card.soon .VD-play{opacity:.55}
.VD-tx b{display:block;font-size:1rem;line-height:1.35}.VD-tx small{color:var(--muted);font-size:.82rem;font-weight:600}
@media (max-width:860px){.VD-grid,.VD-grid.n2{grid-template-columns:1fr}}

/* ===== five behaviors facts ===== */
.FF-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.FF-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:6px;border-top:4px solid #E4002B}
.FF-grid b{font:700 clamp(1.6rem,3vw,2.2rem)/1.1 var(--f-display);color:#B90E31}
.FF-grid span{font-size:.88rem;color:var(--muted)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .FF-grid b{color:#ff6b7f}}
:root[data-theme="dark"] .FF-grid b{color:#ff6b7f}
@media (max-width:860px){.FF-grid{grid-template-columns:1fr 1fr}}
.LRN .rbars.wide .rb-row{grid-template-columns:130px 1fr}

/* qa-contact-links */
a[href^="tel:"],a[href^="mailto:"]{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}


/* testimonial page */
.TM-head{padding-bottom:clamp(28px,4vw,48px)}
.TM-head h1{font-size:clamp(2.2rem,5vw,4rem);margin:10px 0 14px}
.TM-head .lead{max-width:60ch}
.TM-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.6vw,18px)}
.TM-grid li:nth-child(1),.TM-grid li:nth-child(6){grid-column:span 2}
@media (min-width:900px){.TM-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.TM-grid li:nth-child(1),.TM-grid li:nth-child(6){grid-column:span 2;grid-row:span 2}}
.TM-ph{display:block;width:100%;height:100%;padding:0;border:0;background:#e9e7ee;border-radius:14px;overflow:hidden;cursor:zoom-in}
.TM-ph img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s ease}
.TM-ph:hover img,.TM-ph:focus-visible img{transform:scale(1.03)}
.TM-ph:focus-visible{outline:3px solid var(--ink,#1d1b24);outline-offset:3px}
.TM-yt{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#111;margin-top:24px}
.TM-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.TM-ytlink{margin-top:14px}
.TM-cta h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:18px}
.TM-cta .acts{display:flex;flex-wrap:wrap;gap:12px}
.TM-lb{padding:0;border:0;background:transparent;max-width:min(94vw,1600px);max-height:92vh}
.TM-lb::backdrop{background:rgba(10,8,16,.86)}
.TM-lb img{display:block;max-width:min(94vw,1600px);max-height:88vh;width:auto;height:auto;border-radius:10px}
.TM-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#111;font-size:18px;cursor:pointer}
/* video thumbs */
.VD-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.VD-art.has-thumb::after{background:linear-gradient(to top,rgba(0,0,0,.28),transparent 55%)}
.VD-card:hover .VD-thumb{transform:scale(1.03)}
.VD-head .lead{margin-bottom:18px}
.has-thumb .VD-lang{background:rgba(0,0,0,.55);border-color:rgba(255,255,255,.9)}

/* product menu: names only */
.ddm a.ddm-tx{grid-template-columns:1fr;padding:12px 14px}
.ddm a.ddm-tx b{font-size:1rem}

/* product menu: assessments under each brand */
.ddm.ddm-wide{width:min(760px,92vw)}
.ddm-wide>ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:start}
.ddm .ddm-sub{gap:0;margin:0 0 6px}
.ddm .ddm-sub a{display:block;padding:7px 14px;min-height:0;font-size:.88rem;color:var(--muted);border-radius:10px}
.ddm .ddm-sub a:hover,.ddm .ddm-sub a:focus-visible{color:var(--ink);background:var(--accent-soft)}
.dsub-sub{list-style:none;margin:2px 0 8px;padding:0 0 0 14px}
.dsub-sub a{font-size:.92rem;color:var(--muted)}