/* Kritiq PULSE report, Night Edition.
   Loaded after report.css when the page is built with <html data-theme="night">.
   Remove the link (or build with the classic theme) to return to the original look. */

html[data-theme="night"]{
  --night:#07120E; --night2:#0C1C16;
  --surface:#F3EEE3; --surface-raised:#FBF9F3; --surface-callout:#E8E1D1; --surface-brand:#0B1A14;
  --paper:#E8E1D1; --brass:#E3A93B; --text-accent:#8A6414; --text-muted:#5A5851;
  --clay:#F0693F; --lilac:#AE92E8; --sage:#3FC79F;
  --tier-1:#F0693F; --tier-2:#AE92E8; --tier-3:#3FC79F; --tier-4:#EDB84A;
  --on-1:#1A0A04; --on-2:#1E1530; --on-3:#06241B; --on-4:#2A1C05;
  --tint-1:rgba(240,105,63,.15); --tint-2:rgba(174,146,232,.22); --tint-3:rgba(63,199,159,.22); --tint-4:rgba(237,184,74,.26);
  --hairline:rgba(15,26,20,.14); --text-on-brand-muted:#C9D3CC;
  --pulse-blip:#E3A93B; --pulse-spark:#B57F12;
}
html[data-theme="night"] .nav{border-bottom:1px solid rgba(245,240,232,.12)}
html[data-theme="night"] .foot{background:#050D0A}

/* ---------- headings: a night band for each section ---------- */
html[data-theme="night"]{overflow-x:hidden}
html[data-theme="night"] .head{position:relative;isolation:isolate;border-bottom:0;padding:50px 0 66px;margin-bottom:44px;color:var(--text-on-brand)}
html[data-theme="night"] .head::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(760px 320px at 88% 0%,rgba(227,169,59,.15),transparent 62%),#07120E;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html[data-theme="night"] .head h1{color:var(--text-on-brand);font-weight:600;font-size:40px;letter-spacing:-.04em}
html[data-theme="night"] .head h1 em{color:#E3A93B;font-weight:600}
html[data-theme="night"] .head .label{color:#E3A93B}
html[data-theme="night"] .head .meta{color:var(--text-on-brand-muted)}
html[data-theme="night"] .head::after{left:0;right:0;bottom:12px;--ph:36px;--pw:19.4px;--pt:1.6px;--bf:1;--pulse-line:rgba(245,240,232,.34);--pulse-spark:#FFF1C9;filter:drop-shadow(0 0 6px rgba(227,169,59,.45))}

/* ---------- the pulse line, animated: a spark leaves the blip and runs the line ---------- */
html[data-theme="night"] .pulse,
html[data-theme="night"] h2.rule-h::after,
html[data-theme="night"] .head::after,
html[data-theme="night"] .next::before,
html[data-theme="night"] .cv-foot::before{
  background:linear-gradient(90deg,transparent,var(--pulse-spark) 50%,transparent) -240px 0/240px 100% no-repeat,linear-gradient(to right,var(--pulse-line) calc((100% - var(--pw,19.4px)) * var(--bf,0)),var(--pulse-blip) calc((100% - var(--pw,19.4px)) * var(--bf,0)),var(--pulse-blip) calc(calc((100% - var(--pw,19.4px)) * var(--bf,0)) + var(--pw,19.4px)),var(--pulse-line) calc(calc((100% - var(--pw,19.4px)) * var(--bf,0)) + var(--pw,19.4px)));
  animation:nsweep 4.6s linear infinite;
}
html[data-theme="night"] .cv-foot::before{--pulse-spark:#FFF1C9}
@keyframes nsweep{0%{background-position:-240px 0,0 0}100%{background-position:calc(100% + 240px) 0,0 0}}

/* ---------- type: big figures go light ---------- */
html[data-theme="night"] .fig,html[data-theme="night"] .pillar-head .big{font-weight:300;letter-spacing:-.06em}

/* ---------- verdict chips: solid, in the colour of the state ---------- */
html[data-theme="night"] .state{gap:0;padding:5px 11px;border:0;border-radius:2px;font-weight:700;font-size:12.5px;color:var(--text)}
html[data-theme="night"] .state::before{display:none}
html[data-theme="night"] .state.t1{background:var(--tier-1);color:var(--on-1)}
html[data-theme="night"] .state.t2{background:var(--tier-2);color:var(--on-2)}
html[data-theme="night"] .state.t3{background:var(--tier-3);color:var(--on-3)}
html[data-theme="night"] .state.t4{background:var(--tier-4);color:var(--on-4)}

/* ---------- corner brackets ---------- */
html[data-theme="night"] .brk{position:relative}
html[data-theme="night"] .brk::before,html[data-theme="night"] .brk::after{content:"";position:absolute;width:16px;height:16px;border:0 solid #E3A93B;pointer-events:none}
html[data-theme="night"] .brk::before{top:-1px;left:-1px;border-width:2px 0 0 2px}
html[data-theme="night"] .brk::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}

/* ---------- health bar ---------- */
@keyframes ngrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.hbar{display:flex;gap:18px;margin:26px 0 6px}
.hbar .grp{flex:1;min-width:0}
.hbar .cells{display:flex;align-items:flex-end;gap:3px;height:48px}
.hbar.lg .cells{height:68px}
.hbar .cells i{display:block;flex:1;background:rgba(128,128,128,.22);transform-origin:bottom;animation:ngrow .9s cubic-bezier(.2,.8,.2,1) both}
.hbar .cells i:nth-child(2){animation-delay:.07s}.hbar .cells i:nth-child(3){animation-delay:.14s}.hbar .cells i:nth-child(4){animation-delay:.21s}
.hbar .cells i.s1{background:var(--tier-1);height:30%}.hbar .cells i.s2{background:var(--tier-2);height:55%}.hbar .cells i.s3{background:var(--tier-3);height:78%}.hbar .cells i.s4{background:var(--tier-4);height:100%}
.hbar .lab{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;line-height:1.2}
.hbar .lab .pc{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;background:var(--racing-green);color:var(--text-on-brand);font:700 11px/1 var(--font-display)}
.hbar .lab b{margin-left:auto;font-family:var(--font-mono);font-weight:700}
.hbar .cells i{position:relative;cursor:default}
.hbar .cells i:hover,.hbar .cells i:focus-visible{filter:brightness(1.12);outline:2px solid #E3A93B;outline-offset:2px}
.hbar .cells i::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#07120E;color:#F5F0E8;font:500 12.5px/1 var(--font-sans);padding:8px 11px;white-space:nowrap;border:1px solid rgba(245,240,232,.28);opacity:0;pointer-events:none;transition:opacity .12s;z-index:6}
.hbar .cells i:hover::after,.hbar .cells i:focus-visible::after{opacity:1}
.hbtoggle{display:flex;gap:8px;margin:0 0 22px}
.hbtoggle button{font:500 13px/1 var(--font-sans);padding:9px 14px;border:1px solid var(--hairline);background:transparent;color:var(--text);cursor:pointer;border-radius:2px}
.hbtoggle button[aria-pressed="true"]{background:var(--ink);color:#F5F0E8;border-color:var(--ink)}
.nhealth{padding:24px 26px 20px}

/* ---------- cover ---------- */
html[data-theme="night"] .ncover{min-height:0;background:radial-gradient(900px 560px at 86% 18%,rgba(227,169,59,.16),transparent 62%),radial-gradient(800px 500px at 0% 100%,rgba(63,199,159,.08),transparent 60%),#07120E}
html[data-theme="night"] .ncover .wrap{padding-bottom:30px}
html[data-theme="night"] .ncover .top{margin-bottom:34px}
.nc-grid{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:52px;align-items:center}
.nc-art{border:1px solid rgba(245,240,232,.18);background:#08140F}
.nc-art svg{display:block;width:100%;height:auto}
html[data-theme="night"] .ncover h1{font-weight:600;font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;line-height:1.04;margin:12px 0 10px}
html[data-theme="night"] .ncover .game{font-family:var(--font-sans);font-weight:300;font-size:19px;letter-spacing:0;color:var(--text-on-brand-muted);margin:0 0 6px;padding-bottom:0}
html[data-theme="night"] .ncover .label{color:#E3A93B}
.hfigs{display:flex;gap:44px;flex-wrap:wrap;margin:24px 0 8px}
.hf .micro{color:var(--text-on-brand-muted)}
.hf .row{display:flex;align-items:flex-end;gap:14px;margin-top:4px}
.hf .fig{font-size:clamp(64px,8vw,104px);color:var(--text-on-brand);line-height:1}
.hf .state{margin-bottom:12px}
.ncta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.ncta a{display:inline-flex;align-items:center;font:700 13px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;padding:16px 24px;border-radius:2px;text-decoration:none}
.ncta .go{background:#E3A93B;color:#1B1204}
.ncta .gh{border:1px solid rgba(245,240,232,.4);color:#F5F0E8}
html[data-theme="night"] .ncover .hbar .lab{color:var(--text-on-brand)}
html[data-theme="night"] .ncover .hbar .lab .pc{background:rgba(245,240,232,.14)}
html[data-theme="night"] .cv-cards .arr{color:#E3A93B}

/* ---------- dumbbell rows ---------- */
.dbl{background:var(--surface-raised);border:1px solid var(--hairline);padding:22px 26px 10px}
.dleg{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.dleg span{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#3C3F39}
.dd{display:block;position:absolute;top:50%;width:16px;height:16px;transform:translate(-50%,-50%)}
.dleg .dd{position:static;transform:none;flex:none}
.dd.t{background:#0F1A14;border-radius:50%;border:2px solid var(--surface-raised);box-shadow:0 0 0 1px #0F1A14}
.dd.l{width:15px;height:15px;background:#E3A93B;border:2px solid #0F1A14;transform:translate(-50%,-50%) rotate(45deg)}
.dleg .dd.l{transform:rotate(45deg)}
.dgb{display:block;width:26px;height:6px;background:rgba(15,26,20,.3)}.dgb.big{background:#F0693F}
.dtl{display:block;width:0;height:16px;border-left:2px solid #0F1A14}
.dr{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) 84px 124px;gap:0 20px;align-items:center;padding:11px 0;border-top:1px solid #E2DCCB}
.dr.dh{border-top:0;padding:0 0 8px;margin:0;background:none;display:grid}

.dr .nm{display:flex;align-items:center;gap:12px;min-width:0}
.dr .nm b{display:block;font-weight:500;font-size:14.5px;line-height:1.25}
.dr .nm .pcode{margin-right:0}
.dr .c{text-align:center}
.dr .axis{position:relative;height:16px}
.dr .axis span{position:absolute;white-space:nowrap}
.dr .axis span:nth-child(n+2):nth-child(-n+4){transform:translateX(-50%)}
.dr .trk{position:relative;height:34px;background:linear-gradient(to right,rgba(240,105,63,.1) 0 33.33%,rgba(174,146,232,.14) 33.33% 66.66%,rgba(63,199,159,.14) 66.66% 83.33%,rgba(237,184,74,.22) 83.33% 100%)}
.dr .thr{position:absolute;top:-6px;bottom:-6px;left:66.66%;width:0;border-left:2px solid #0F1A14}
.dr .gapbar{position:absolute;top:50%;height:6px;transform:translateY(-50%);background:rgba(15,26,20,.3)}
.dr .gapbar.big{background:#F0693F}
.dch{display:inline-flex;align-items:center;gap:5px;font:700 12.5px/1 var(--font-sans);padding:6px 9px;border-radius:2px;background:rgba(15,26,20,.08)}
.dch.big{background:rgba(240,105,63,.16);color:#A83B1B}

/* ---------- alignment map ---------- */
.amapwrap{display:grid;grid-template-columns:minmax(0,700px) minmax(0,1fr);gap:36px;align-items:start}
.amap svg{display:block;width:100%;height:auto}
.amapside .chips{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin:12px 0 22px}

/* ---------- every voice ---------- */
.compo{background:var(--surface-raised);border:1px solid var(--hairline);padding:24px 26px;margin-bottom:22px}
.cbar{display:flex;gap:3px}
.cbar .seg{height:46px;display:flex;align-items:center;padding:0 14px;font:700 13px/1 var(--font-sans);color:#F5F0E8;overflow:hidden;white-space:nowrap}
.cbar .ld{background:#0F1A14}.cbar .tm{background:#2D6A4F}
.cbar .no{background:repeating-linear-gradient(135deg,#D9D1BE 0 5px,#EFE9DA 5px 10px);color:#0F1A14}
.cfig{display:flex;gap:44px;flex-wrap:wrap;margin-top:16px}
.cfig .fig{font-size:34px;margin-right:10px}

@media (max-width:860px){
  .nc-grid,.amapwrap{grid-template-columns:1fr}
  .dr{grid-template-columns:minmax(0,1fr) 70px}
  .dr .trk,.dr .axis,.dr .k{grid-column:1 / -1}
  .dr.dh .axis{display:none}
  .dr.dh .k,.dr.dh .c{display:none}
  .dr .c{text-align:left}
  .hbar{flex-wrap:wrap}.hbar .grp{flex:1 1 40%}
}
@media (prefers-reduced-motion:reduce){
  .hbar .cells i,html[data-theme="night"] .pulse,html[data-theme="night"] h2.rule-h::after,html[data-theme="night"] .head::after,html[data-theme="night"] .next::before,html[data-theme="night"] .cv-foot::before{animation:none!important}
}
@media print{
  html[data-theme="night"] .head::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .hbar .cells i{animation:none}
}
html[data-theme="night"] .ncover .game::after{display:none}

/* ---------- lockup: the flame locks to the letters (flame on the foot of the q, rising a third above the i dot) ---------- */
html[data-theme="night"] .lockup{align-items:baseline;gap:.26em;font-size:17px}
html[data-theme="night"] .cover .lockup{font-size:22px}
html[data-theme="night"] .lockup b{font-size:1em!important;line-height:1}
html[data-theme="night"] .lockup .rk{display:block;height:1.3em;width:auto;aspect-ratio:751.2/1136.3;position:relative;top:.17em;flex:none}

/* keep the health bar labels on screen at either end of the bar */
.hbar .grp:first-child .cells i:nth-child(-n+2)::after{left:0;transform:none}
.hbar .grp:last-child .cells i:nth-last-child(-n+2)::after{left:auto;right:0;transform:none}

/* ---------- pulse health profile, in the dumbbell style ---------- */
.hp .dr{grid-template-columns:minmax(0,230px) minmax(0,1fr) 76px 84px 124px}
.hp .dr:not(.dh):hover{background:rgba(15,26,20,.035)}
.hp .nm .micro{display:block}
.hp .dr.dh{margin:0}
.hp .axis.bands span{transform:translateX(-50%);font:700 9px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}
.hp .axis span:nth-child(n+2):nth-child(-n+4){transform:translateX(-50%)}
.hp .dr.dt{border-top:0;padding:6px 0 0}
.dd.st{width:20px;height:20px;background:var(--surface-raised);border:2.5px solid #0F1A14;border-radius:50%}
.dleg .dd.st{position:static;transform:none;width:15px;height:15px;border-width:2px}
.kz{position:absolute;top:0;bottom:0}
.kz.s1{background:rgba(240,105,63,.34);border-bottom:3px solid #F0693F}
.kz.s2{background:rgba(174,146,232,.4);border-bottom:3px solid #AE92E8}
.kz.s3{background:rgba(63,199,159,.38);border-bottom:3px solid #3FC79F}
.kz.s4{background:rgba(237,184,74,.5);border-bottom:3px solid #EDB84A}
.kzs{display:block;width:22px;height:12px;background:rgba(63,199,159,.38);border-bottom:3px solid #3FC79F}
.hptog button{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--font-sans);padding:9px 12px;border:1px solid var(--hairline);background:transparent;color:var(--text);cursor:pointer;border-radius:2px}
.hptog button[aria-pressed="false"]{opacity:.45}
.hptog button[aria-pressed="true"]{background:rgba(15,26,20,.06);border-color:rgba(15,26,20,.28)}
.hp [data-tip]{cursor:default}
.hp [data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#07120E;color:#F5F0E8;font:500 12px/1 var(--font-sans);padding:7px 10px;white-space:nowrap;border:1px solid rgba(245,240,232,.28);opacity:0;pointer-events:none;transition:opacity .12s;z-index:6}
.hp [data-tip]:hover::after,.hp [data-tip]:focus-visible::after{opacity:1}
.hp .dw{position:absolute;top:50%;width:16px;height:16px;transform:translate(-50%,-50%)}
.hp .dw .dd.l{left:50%}
.hp .dw:focus-visible{outline:2px solid #E3A93B;outline-offset:4px}
.hp .dd:focus-visible{outline:2px solid #E3A93B;outline-offset:3px}
@media (max-width:860px){
  .hp .dr{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
  .hp .dr.dh{display:none}
  .hp .dr .nm,.hp .dr .trk{flex:1 1 100%;min-width:0}
  .hp .dr .c,.hp .dr .k{flex:none;grid-column:auto}
}
@media (max-width:1100px){.hp .axis.bands{visibility:hidden}}
.hp .dr{grid-template-columns:minmax(0,210px) minmax(0,1fr) 68px 76px 118px}

/* ---------- alignment map, on the night ground ---------- */
.amapx .amf{margin:0 0 16px;flex-wrap:wrap}
.amplot{position:relative;background:var(--surface-raised);border:1px solid var(--hairline);padding:14px 12px 8px}
.amplot svg{display:block;width:100%;height:auto;overflow:visible}
@keyframes ampop{from{opacity:0;transform:scale(.4)}}
.amb{cursor:pointer;transform-box:fill-box;transform-origin:center;animation:ampop .5s cubic-bezier(.2,.8,.2,1) both;transition:opacity .15s}
.amb.dimmed{opacity:.28}
.amb.off{opacity:.12}
.amb.off .aml{display:none}
.amb:hover circle:first-child,.amb:focus circle:first-child{stroke:#0F1A14;stroke-width:3}
.amb:focus{outline:none}
.amtip{position:absolute;width:190px;background:#07120E;color:#F5F0E8;border:1px solid rgba(245,240,232,.3);padding:10px 12px;font-size:12.5px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}
.amtip.on{opacity:1}
.amtip b{display:block;font-weight:700;margin-bottom:4px}
.amtip div{display:flex;justify-content:space-between;gap:12px;color:rgba(245,240,232,.82)}
.amside{background:var(--surface-raised);border:1px solid var(--hairline);padding:20px 20px 18px}
.amlist{list-style:none;margin:12px 0 0;padding:0}
.amlist li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 6px;border-top:1px solid #E2DCCB}
.amlist li:first-child{border-top:0}
.amlist li:hover{background:rgba(15,26,20,.04)}
.amlist .nmx b{display:block;font-weight:500;font-size:14px;line-height:1.25}
.amlist .pcode{margin-right:0}
.amside .chips{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:10px}
.amsz{display:flex;align-items:flex-end;gap:18px;margin-top:12px}
.amsz span{display:flex;flex-direction:column;align-items:center;gap:6px;font:400 10.5px/1 var(--font-mono);color:var(--text-muted)}
.amsz i{display:block;border-radius:50%;background:#AE92E8;border:2px solid #07120E}
.amsum{font-size:13.5px;line-height:1.55;margin-top:22px;padding-top:16px;border-top:1px solid #E2DCCB;color:#3C3F39}
@media (max-width:980px){.amb2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.amb{animation:none!important}}
.amlist li,.amlist .nmx{text-align:left;hyphens:manual;-webkit-hyphens:manual}
.amlist .nmx .micro{display:block;text-transform:none;letter-spacing:.02em;font-size:11px;margin-top:2px;text-align:left}
.amleg{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-top:14px}
.fpleg{margin:0 0 12px;gap:16px}
.fpgap{display:block;width:26px;height:5px;background:#F0693F;border-radius:3px}
.fp .box svg{display:block;width:100%;height:auto}

/* ---------- Kritiq higher, in the Night Edition colours ---------- */
html[data-theme="night"] .ladder td.uv,html[data-theme="night"] .ladder tbody tr td.uv:hover{background:rgba(63,199,159,.2)}
html[data-theme="night"] .zebra tbody tr.row-lower td{background:rgba(240,105,63,.08)}
html[data-theme="night"] .zebra tbody tr.row-higher td{background:rgba(63,199,159,.14)}
html[data-theme="night"] .dir-higher{color:#0F6B53}
html[data-theme="night"] .stp.up{color:#0F6B53}

/* ---------- recommendations: boxes, a stepper and a clearer timeline ---------- */
html[data-theme="night"]{--surface-card:#FDFCF8}
html[data-theme="night"] .principle{background:var(--surface-card);color:var(--text);border:1px solid var(--hairline);padding:30px 32px}
html[data-theme="night"] .principle .label{color:var(--racing-green)}
html[data-theme="night"] .principle p{color:var(--text-muted)}
html[data-theme="night"] .principle > p:last-child{padding-top:var(--s4);border-top:1px solid var(--hairline)}
html[data-theme="night"] .steps3{gap:44px}
html[data-theme="night"] .steps3 > div{position:relative;border-top:0;padding-top:0;gap:4px}
html[data-theme="night"] .steps3 .pn{width:48px;height:48px;font-size:21px;letter-spacing:-.02em;color:#F5F0E8;margin-bottom:var(--s3);justify-content:center}
html[data-theme="night"] .steps3 .pn.n1{background:var(--racing-green);color:#F5F0E8}
html[data-theme="night"] .steps3 .pn.n2{background:var(--green-mid);color:#F5F0E8}
html[data-theme="night"] .steps3 .pn.n3{background:var(--ink);color:#F5F0E8}
html[data-theme="night"] .steps3 b{color:var(--text);font-size:19px}
html[data-theme="night"] .steps3 span:not(.pn){color:var(--text-muted)}
html[data-theme="night"] .steps3 > div:not(:last-child)::before{content:"";position:absolute;top:23px;left:64px;right:-28px;height:2px;background:linear-gradient(to right,rgba(15,26,20,.3),rgba(15,26,20,.12))}
html[data-theme="night"] .steps3 > div:not(:last-child)::after{content:"";position:absolute;top:17px;right:-37px;border-left:9px solid rgba(15,26,20,.3);border-top:7px solid transparent;border-bottom:7px solid transparent}

html[data-theme="night"] .gantt{position:relative;background:var(--surface-card);padding:20px 24px 24px;gap:12px 0;counter-reset:gp}
html[data-theme="night"] .gantt::before{content:"";position:absolute;left:114px;right:24px;top:50px;bottom:16px;background:repeating-linear-gradient(to right,rgba(15,26,20,.1) 0 1px,transparent 1px calc(100% / 6));pointer-events:none}
html[data-theme="night"] .gantt .m{border-left:0;padding:0 0 10px 0;color:var(--text-muted)}
html[data-theme="night"] .gantt .gl{color:var(--text)}
html[data-theme="night"] .gantt .gb{position:relative;z-index:1;counter-increment:gp;min-height:44px;padding:6px 30px 6px 12px;justify-content:flex-start;gap:12px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
html[data-theme="night"] .gantt .gb::before{content:counter(gp);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;background:rgba(245,240,232,.16);border:1px solid rgba(245,240,232,.45);font:700 12px/1 var(--font-display)}
html[data-theme="night"] .gantt .gb i{margin-left:auto}
html[data-theme="night"] .gantt .gb:hover{transform:none;box-shadow:none}

html[data-theme="night"] section.roadmap{display:flex;flex-direction:column;gap:var(--s5)}
html[data-theme="night"] .prow,html[data-theme="night"] .prow + .prow,html[data-theme="night"] .prow:first-child{background:var(--surface-card);border:1px solid var(--hairline);border-top:3px solid var(--phase,var(--racing-green));padding:30px 32px}
html[data-theme="night"] section.roadmap > .prow:nth-child(1){--phase:var(--racing-green)}
html[data-theme="night"] section.roadmap > .prow:nth-child(2){--phase:var(--green-mid)}
html[data-theme="night"] section.roadmap > .prow:nth-child(3){--phase:var(--ink)}
html[data-theme="night"] .prow .ind{background:var(--surface)}
html[data-theme="night"] .leftout{gap:var(--s5)}
html[data-theme="night"] .leftout > div{background:var(--surface-card);border:1px solid var(--hairline);padding:22px 24px}
@media (max-width:900px){
  html[data-theme="night"] .steps3 > div::before,html[data-theme="night"] .steps3 > div::after{display:none}
  html[data-theme="night"] .prow,html[data-theme="night"] .prow + .prow,html[data-theme="night"] .prow:first-child{padding:24px 22px}
}

/* pillar icons in the studio health bar */
.hbar .lab .pc{width:26px;height:26px;--pic-a:#E3A93B}
.hbar .lab .pc .pic{width:78%;height:78%}
.hbar.lg .lab .pc{width:30px;height:30px}
/* cover: the two headline scores always share one line, sized to the column they sit in */
.nc-main{container-type:inline-size}
.hfigs{flex-wrap:nowrap;gap:clamp(16px,5cqw,44px)}
.hf{min-width:0}
.hf .micro{white-space:nowrap}
.hf .row{flex-wrap:nowrap;white-space:nowrap;gap:clamp(6px,2cqw,14px)}
.hf .fig{font-size:min(88px,11.5cqw)}
.hf .state{font-size:clamp(10px,2.3cqw,12.5px);padding:clamp(3px,.8cqw,5px) clamp(6px,1.8cqw,11px);margin-bottom:clamp(4px,1.6cqw,12px)}
/* cover: the skill tree sits on the page, no frame */
.nc-art{border:0;background:none}
html[data-theme="night"] .nc-art.brk::before,html[data-theme="night"] .nc-art.brk::after{display:none}
.nc-art svg{-webkit-mask-image:radial-gradient(ellipse 64% 64% at 50% 52%,#000 54%,transparent 100%);mask-image:radial-gradient(ellipse 64% 64% at 50% 52%,#000 54%,transparent 100%)}

/* ---------- gated sample: locked cards on the cover, the request form on the overview ---------- */
.cv-cards a.lock{opacity:.72}
.cv-cards a.lock:hover,.cv-cards a.lock:focus-visible{opacity:1}
.cv-cards a.lock .arr{font:700 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
.gate{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start;margin-top:var(--s6,56px);padding:44px 44px 40px;background:#07120E;color:#F5F0E8;border:1px solid rgba(245,240,232,.12);position:relative}
.gate::before{content:"";position:absolute;top:-1px;left:-1px;width:16px;height:16px;border:2px solid #E3A93B;border-width:2px 0 0 2px}
.gate::after{content:"";position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border:2px solid #E3A93B;border-width:0 2px 2px 0}
.gate .label{color:#E3A93B}
.gate h2{font-weight:600;font-size:clamp(28px,3.4vw,38px);letter-spacing:-.04em;line-height:1.08;color:#F5F0E8;margin:8px 0 14px}
.gate .prose{color:rgba(245,240,232,.78);max-width:none}
.gate-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.gate-list li{position:relative;padding-left:20px;font-size:15px;color:rgba(245,240,232,.86)}
.gate-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:#E3A93B}
.gate-form{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.gate-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gate-label{font:700 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#E3A93B}
.gate-input{width:100%;font:400 17px/1.2 var(--font-sans);padding:16px 16px;background:#0C1C16;color:#F5F0E8;border:1px solid rgba(245,240,232,.3);border-radius:2px}
.gate-input::placeholder{color:rgba(245,240,232,.4)}
.gate-input:focus-visible{outline:2px solid #E3A93B;outline-offset:2px}
.gate-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(245,240,232,.82);cursor:pointer}
.gate-consent input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:#E3A93B}
.gate-btn{font:700 13px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;padding:18px 24px;background:#E3A93B;color:#1B1204;border:0;border-radius:2px;cursor:pointer;box-shadow:0 0 0 1px rgba(227,169,59,.55),0 12px 34px rgba(227,169,59,.25)}
.gate-btn:hover{background:#EDB84A}
.gate-btn:focus-visible{outline:2px solid #F5F0E8;outline-offset:3px}
.gate-note{font-size:12.5px;color:rgba(245,240,232,.6);margin:0}
@media(max-width:860px){.gate{grid-template-columns:1fr;gap:28px;padding:30px 22px}}
.thanks{max-width:720px;margin:0 auto;padding:72px 0 96px}
.thanks h1{font-weight:600;font-size:clamp(34px,5vw,52px);letter-spacing:-.04em;line-height:1.05;margin:10px 0 18px}
.thanks h1 em{color:#8A6414;font-style:normal}
.thanks .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.gate-note a{color:#E3A93B;text-decoration:underline;text-underline-offset:3px}
.gate-label .opt{color:rgba(245,240,232,.55);letter-spacing:.08em}