/* The Magnificent Manager Advantage Assessment · page styles */
:root{
  --ink:#141614; --ink-2:#3A3C37; --muted:#64665F; --paper:#F5F2E9; --surface:#FFFDF7; --surface-2:#EFEBE0;
  --gold:#EDC565; --gold-hover:#F3D480; --gold-dark:#B88A27; --gold-wash:#F8ECC9;
  --grey:#9A9C93; --line:#D4D2C8; --border-2:#B8B5A8; --track:#E4E1D6; --on-dark-2:#B8BCB1; --dark-line:#3C4037;
  --blue:#284DA5; --error:#A3261B; --ok:#1F6B3A;
  --band-1:#8F918A; --band-2:#B0AE9F; --band-3:#CCBF92; --band-4:#E0C477; --band-5:#EDC565;
  --body:'Avenir Next','Avenir','Nunito Sans','Segoe UI','Helvetica Neue',Arial,sans-serif;
  --display:'Avenir Next Condensed','Barlow Condensed','Arial Narrow','Liberation Sans Narrow',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  --pad:16px; --col:780px; --wide:1120px;
  --shadow:0 1px 2px rgba(20,22,20,.05),0 18px 36px -26px rgba(20,22,20,.5);
}
@media (min-width:640px){:root{--pad:24px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
@media (min-width:640px){body{font-size:17px}}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{text-wrap:balance}
button,input,select,textarea{font:inherit;border-radius:0;color:inherit}
[hidden]{display:none!important}
a{color:inherit}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.dark :focus-visible,.site-header :focus-visible{outline-color:var(--gold)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:8px;left:8px;z-index:99;padding:12px 16px;background:var(--gold);color:var(--ink);transform:translateY(-200%)}
.skip:focus{transform:none}
.wrap{width:min(100% - var(--pad)*2,var(--wide));margin-inline:auto}
.col{width:min(100% - var(--pad)*2,var(--col));margin-inline:auto}
.dark{background:var(--ink);color:var(--paper)}
/* type */
.display{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}
.h1{font-size:44px}
@media (min-width:640px){.h1{font-size:clamp(52px,6vw,76px)}}
.h2{font-size:clamp(30px,5vw,46px)}
.h3{font-size:clamp(24px,3.4vw,32px)}
.gold{color:var(--gold)}
.lede{font-size:18px;line-height:1.5;color:var(--ink-2)}
.dark .lede{color:var(--on-dark-2)}
.eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}
.kicker{display:flex;align-items:center;gap:12px;color:var(--gold-dark);margin-bottom:14px}
.kicker::before{content:"";width:24px;height:3px;background:currentColor;flex:none}
.dark .kicker{color:var(--gold)}
.small{font-size:13px;color:var(--muted)}
.dark .small{color:var(--on-dark-2)}
.mono{font-family:var(--mono)}
/* header / footer */
.demo-bar{background:var(--gold-wash);color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px var(--pad);text-align:center;border-bottom:1px solid var(--gold-dark)}
.demo-bar b{color:var(--error)}
.site-header{background:var(--ink);color:var(--paper);border-bottom:1px solid var(--dark-line)}
.site-header .wrap{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-mark{width:32px;height:32px;border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:20px}
.brand-name{font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.brand-tag{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500}
.nav-phone{font-family:var(--mono);font-size:12px;color:var(--on-dark-2);text-decoration:none;white-space:nowrap}
.nav-phone:hover{color:var(--gold)}
@media (max-width:519px){.nav-phone{display:none}}
footer.site-footer{background:var(--ink);color:var(--on-dark-2);padding:32px 0;font-size:13px}
footer.site-footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer.site-footer a{color:var(--paper);text-decoration:none}
footer.site-footer a:hover{color:var(--gold)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding:15px 22px;border:1px solid transparent;font-size:15px;font-weight:700;line-height:1.25;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .18s,color .18s,border-color .18s;text-align:left}
.btn .arr{font-size:18px;line-height:1}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--gold-hover)}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-dark:hover{background:var(--blue)}
.btn-outline{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:var(--paper)}
.dark .btn-outline{border-color:var(--paper);color:var(--paper)}
.dark .btn-outline:hover{background:var(--paper);color:var(--ink)}
.btn:disabled,.btn[aria-disabled="true"]{background:var(--line);border-color:var(--line);color:var(--muted);cursor:not-allowed}
.btn-block{width:100%}
@media (min-width:640px){.btn-block-m{width:auto}}
.btn-row{display:flex;flex-wrap:wrap;gap:10px}
.linkbtn{background:none;border:0;padding:12px 0;min-height:52px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* cards */
.card{background:var(--surface);border:1px solid var(--line);padding:20px}
@media (min-width:640px){.card{padding:26px}}
.card-rule{border-top:4px solid var(--gold)}
.stack>*+*{margin-top:16px}
.grid2{display:grid;gap:12px}
@media (min-width:760px){.grid2{grid-template-columns:1fr 1fr;gap:16px}}
.section{padding:44px 0}
@media (min-width:640px){.section{padding:72px 0}}
/* landing */
.hero{padding:36px 0 48px}
@media (min-width:640px){.hero{padding:64px 0 80px}}
.hero-grid{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.hero-grid{grid-template-columns:1.1fr 1fr;gap:64px}}
.hero-copy>*+*{margin-top:18px}
.bullets{list-style:none;padding:0;margin:0}
.bullets li{position:relative;padding-left:22px;margin-top:8px;color:var(--on-dark-2)}
.bullets li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;background:var(--gold)}
.sample{position:relative;background:var(--surface);color:var(--ink);padding:20px;border-top:4px solid var(--gold);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
@media (min-width:900px){.sample{transform:rotate(1.2deg)}.sample::after{content:"";position:absolute;inset:10px -10px -10px 10px;border:1px solid var(--gold);z-index:-1}}
.tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;background:var(--gold);color:var(--ink);font-weight:600}
.tag-dark{background:var(--ink);color:var(--gold)}
.tag-line{background:transparent;color:var(--gold-dark);border:1px solid currentColor}
.big{font-family:var(--display);font-weight:800;line-height:.9;font-size:84px;letter-spacing:-.02em}
.big small{font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:0;color:var(--muted);margin-left:8px}
.dark .big small{color:var(--on-dark-2)}
.bars .bar{display:grid;grid-template-columns:minmax(110px,38%) 1fr 34px;gap:10px;align-items:center;font-size:13px;margin-top:8px}
.bars .track{height:10px;background:var(--track);position:relative}
.bars .fill{position:absolute;inset:0 auto 0 0;background:var(--band-3)}
.bars .bar.is-best .fill{background:var(--gold)}
.bars .bar.is-worst .fill{background:var(--grey)}
.bars .val{font-family:var(--mono);font-size:12px;text-align:right}
.preview-grid{display:grid;gap:12px}
@media (min-width:700px){.preview-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.preview-grid{grid-template-columns:repeat(4,1fr)}}
.preview .n{font-family:var(--mono);font-size:12px;color:var(--gold-dark)}
.preview h3{font-size:18px;margin:6px 0 6px;font-weight:800}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;min-height:52px;display:flex;align-items:center;font-weight:700;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:20px;color:var(--gold-dark)}
.faq details[open] summary::after{content:"\2212"}
.faq p{padding:0 0 16px;color:var(--ink-2)}
/* quiz chrome */
.quiz{padding:20px 0 0}
.rail{display:flex;gap:4px;margin:4px 0 22px}
.rail .seg{flex:1;min-width:0}
.rail .seg i{display:block;height:4px;background:var(--track)}
.rail .seg.done i{background:var(--gold)}
.rail .seg.now i{background:var(--ink)}
.rail .seg span{display:block;margin-top:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail .seg.now span{color:var(--ink);font-weight:600}
@media (max-width:619px){.rail .seg span{display:none}}
.qmeta{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}
.qmeta .grp{color:var(--gold-dark)}
.q-title{font-family:var(--body);font-weight:700;font-size:21px;line-height:1.3;letter-spacing:-.005em;margin:12px 0 18px}
@media (min-width:640px){.q-title{font-size:26px}}
.q-title:focus,[data-focus]:focus{outline:none}
.closing-tools .btn{flex:1 1 auto}
.screen-title{margin:6px 0 8px}
.screen-title:focus{outline:none}
.notice{background:var(--gold-wash);border-left:3px solid var(--gold-dark);padding:12px 14px;font-size:14px;margin:0 0 16px}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0}
/* Format 1: scale tiles */
.scale{background:var(--surface);border:1px solid var(--line);padding:16px;margin-bottom:12px}
.scale legend{float:left;width:100%;font-weight:700;font-size:15px;margin-bottom:12px}
.tiles{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:700px){.tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}
.tile{position:relative}
.tile input,.choice input,.chip input{position:absolute;opacity:0;width:1px;height:1px}
.tile label{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:6px 6px;border:1px solid var(--border-2);background:var(--surface);font-size:14px;line-height:1.2;cursor:pointer;transition:background-color .12s,border-color .12s}
.tile label:hover,.choice label:hover,.chip label:hover{border-color:var(--ink)}
.tile input:checked+label,.choice input:checked+label,.chip input:checked+label{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:700}
.tile input:focus-visible+label,.choice input:focus-visible+label,.chip input:focus-visible+label{outline:3px solid var(--blue);outline-offset:2px}
/* Format 2: stacked choices */
.qblock{padding:18px 0;border-bottom:1px solid var(--line)}
.qblock:first-child{padding-top:4px}
.qblock:last-child{border-bottom:0}
.qnum{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}
.qtext{font-weight:700;font-size:18px;line-height:1.35;margin:6px 0 12px}
@media (min-width:640px){.qtext{font-size:20px}}
.choices{display:flex;flex-direction:column;gap:8px}
.choice label{display:flex;align-items:center;min-height:52px;padding:13px 16px;border:1px solid var(--border-2);background:var(--surface-2);font-size:16px;line-height:1.35;color:var(--ink-2);cursor:pointer;transition:background-color .12s,border-color .12s}
.teach{margin-top:12px;padding-left:12px;border-left:2px solid var(--line);font-size:14px;color:var(--muted)}
.teach b{color:var(--gold-dark)}
/* chips (setup) */
.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:640px){.chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
.chip label{display:flex;align-items:center;min-height:52px;padding:10px 14px;border:1px solid var(--border-2);background:var(--surface);font-size:15px;line-height:1.25;cursor:pointer}
.field-label{display:block;font-weight:700;font-size:15px;margin-bottom:10px}
select.input,input.input{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--border-2);background:var(--surface);font-size:16px}
select.input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
input.input:focus,select.input:focus{border-color:var(--ink)}
/* Format 3: sliders + number */
.num-row{padding:16px 0;border-bottom:1px solid var(--line)}
.num-row:first-child{padding-top:0}
.num-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.num-head label{font-weight:700}
.num-field{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:20px;font-weight:600}
.num-field input{width:7.5ch;min-height:48px;padding:8px 10px;border:1px solid var(--border-2);background:var(--surface);font-family:var(--mono);font-size:18px;text-align:right}
input[type=range]{width:100%;height:44px;background:transparent;-webkit-appearance:none;appearance:none;margin:6px 0 0}
input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--track)}
input[type=range]::-moz-range-track{height:4px;background:var(--track)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-12px;border-radius:50%;background:var(--gold);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--gold-dark)}
input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gold);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--gold-dark)}
.readout{margin-top:16px;padding:16px}
.readout .v{font-family:var(--mono);font-size:28px;font-weight:600;color:var(--gold);margin:4px 0}
/* Format 4: live radar rating */
.qbar{height:4px;background:var(--track);margin:8px 0 14px}
.qbar i{display:block;height:100%;background:var(--gold)}
.mode{color:var(--gold-dark);margin-top:6px}
.qsub{color:var(--muted);font-size:15px;margin:-8px 0 16px}
.nine .ends{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.nine .ends span:first-child{color:var(--grey)}
.nine .ends span:last-child{color:var(--gold-dark)}
.sqs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
@media (min-width:480px){.sqs{grid-template-columns:repeat(var(--n),minmax(0,1fr))}}
.sq{position:relative}
.sq input{position:absolute;opacity:0;width:1px;height:1px}
.sq label{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid var(--border-2);background:var(--surface);font-family:var(--mono);font-size:17px;font-weight:600;cursor:pointer;transition:background-color .12s,border-color .12s}
.sq label:hover{border-color:var(--ink)}
.sq input:checked+label{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.sq input:focus-visible+label{outline:3px solid var(--blue);outline-offset:2px}
.anchors{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--muted)}
.anchors span:nth-child(2){text-align:center}
.anchors span:last-child{text-align:right}
@media (max-width:479px){.anchors span:nth-child(2){display:none}}
.howto{background:var(--surface-2);padding:12px 14px;font-size:14px;color:var(--ink-2);margin:14px 0}
.radar-panel{margin-top:14px}
.rp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.rp-grid{display:grid;gap:8px;align-items:center}
@media (min-width:640px){.rp-grid{grid-template-columns:1.25fr 1fr;gap:20px}}
.rp-svg svg{width:100%;height:auto;max-height:300px;overflow:visible}
.rstats{list-style:none;padding:0;margin:8px 0 0;font-size:14px}
.rstats li{padding:6px 0;border-top:1px solid var(--line)}
.rp-legend{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8}
.rp-legend i{display:inline-block;width:22px;height:0;vertical-align:middle;margin-right:8px}
.lg-bench{border-top:2px dashed var(--gold-dark)}
.lg-you{border-top:2px solid var(--ink)}
.zone{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;white-space:nowrap;border:1px solid var(--ink)}
.z-best{background:var(--gold);border-color:var(--gold)}
.z-good{background:var(--band-4);border-color:var(--band-4)}
.z-mid{background:var(--band-2);border-color:var(--band-2)}
.z-low{background:var(--grey);border-color:var(--grey)}
.z-none{background:transparent;border-color:var(--line);color:var(--muted)}
.radar-mini{position:sticky;top:0;z-index:6;margin:0 calc(var(--pad) * -1) 10px;padding:6px var(--pad);background:var(--paper);border-bottom:1px solid var(--line)}
.rm-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.rm-svg{width:52px;flex:none;transition:width .25s}
.rm-svg svg{width:100%;height:auto;display:block}
.rm-txt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;flex:1;font-size:15px}
.rm-txt .small{flex-basis:100%}
.rm-more{font-size:18px;color:var(--muted);transition:transform .25s}
.radar-mini.open .rm-svg{width:160px}
.radar-mini.open .rm-more{transform:rotate(180deg)}
@media (min-width:900px){.radar-mini{display:none}}
/* bottom action bar (thumb zone) */
.actionbar{position:sticky;bottom:0;z-index:5;background:linear-gradient(to top,var(--paper) 78%,rgba(245,242,233,0));padding:16px 0 calc(16px + env(safe-area-inset-bottom));margin-top:12px}
.actionbar .inner{display:flex;align-items:center;gap:10px}
.actionbar .count{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:auto}
.actionbar .btn{min-width:0}
.actionbar .grow{flex:1}
@media (min-width:640px){.actionbar .grow{flex:0 0 auto}}
.hint{font-size:13px;color:var(--muted)}
/* result */
.result-hero{padding:24px 20px;border-top:4px solid var(--gold)}
@media (min-width:640px){.result-hero{padding:36px}}
.tiername{font-size:clamp(40px,9vw,64px);margin:6px 0 16px}
.band{display:flex;gap:3px;margin-top:8px;position:relative}
.band .b{flex:1;height:12px}
.band-labels{display:flex;gap:3px;margin-top:8px}
.band-labels span{flex:1;font-size:11px;line-height:1.2;color:var(--on-dark-2)}
.band-labels span.on{color:var(--gold);font-weight:700}
.marker{position:absolute;top:-5px;width:4px;height:22px;background:var(--paper);box-shadow:0 0 0 2px var(--ink);transform:translateX(-50%)}
.result-line{font-size:19px;line-height:1.45;margin-top:18px;font-weight:600}
.secondary{border-top:1px solid var(--dark-line);margin-top:18px;padding-top:14px;font-size:14px;color:var(--on-dark-2)}
/* gate */
.unlock-list{list-style:none;padding:0;margin:16px 0}
.unlock-list li{display:flex;gap:14px;padding:11px 0;border-top:1px solid var(--line);font-weight:600;font-size:15px}
.unlock-list li:last-child{border-bottom:1px solid var(--line)}
.unlock-list .n{font-family:var(--mono);font-size:11px;color:var(--gold-dark);padding-top:3px;min-width:18px}
.ghost{filter:blur(4px);opacity:.75;pointer-events:none;user-select:none}
.ghost i{display:block;height:9px;background:var(--track);margin:9px 0}
.ghost i:nth-child(odd){background:var(--band-4);width:72%}
.ghost i:nth-child(3n){width:48%}
.form-grid{display:grid;gap:12px}
@media (min-width:640px){.form-grid.two{grid-template-columns:1fr 1fr}}
.form-grid label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.msg{min-height:20px;font-size:14px;margin-top:8px}
.msg.err{color:var(--error)}
.msg.ok{color:var(--ok)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.confirm{background:var(--gold-wash);border-left:3px solid var(--gold-dark);padding:14px 16px;font-size:15px}
/* report */
.r-sec{margin-top:16px}
.r-sec h2{font-size:clamp(26px,4.4vw,34px);margin-bottom:10px}
.r-num{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--gold-dark);text-transform:uppercase}
.items li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.items{list-style:none;padding:0;margin:0}
.items .v{font-family:var(--mono);font-size:13px;white-space:nowrap}
.flag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;margin-left:6px}
.flag.best{background:var(--gold);color:var(--ink)}
.flag.worst{background:var(--grey);color:var(--ink)}
.moves{list-style:none;padding:0;margin:0}
.moves li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.moves .badge{width:36px;height:36px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:20px;background:var(--gold);color:var(--ink)}
.moves li:nth-child(n+2) .badge{background:var(--surface-2)}
.moves h3{font-size:18px;font-weight:800;margin:4px 0}
.numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:640px){.numbers{grid-template-columns:repeat(4,1fr)}}
.numbers .k{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.numbers .v{font-family:var(--mono);font-size:20px;font-weight:600}
.debrief{padding:26px 20px;border-top:4px solid var(--gold)}
@media (min-width:640px){.debrief{padding:36px;display:flex;gap:24px;align-items:center;justify-content:space-between}}
.debrief .btn{margin-top:18px;width:100%}
@media (min-width:640px){.debrief .btn{margin-top:0;width:auto;flex:none}}
textarea.msgbox{width:100%;min-height:150px;padding:12px;border:1px solid var(--border-2);background:var(--surface-2);font-size:16px;line-height:1.45;resize:vertical}
.fine{font-size:12px;color:var(--muted);line-height:1.5}
.screen{animation:fade .24s ease-out}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sample{transform:none!important}}
@media print{
  .site-header,.site-footer,.demo-bar,.actionbar,.no-print,.debrief .btn,.closing-tools{display:none!important}
  body{background:#fff;font-size:12pt}
  .dark{background:#fff!important;color:#000!important}
  .card{border-color:#999;break-inside:avoid}
}

/* ---------- assessment additions ---------- */
.eyebrow{font-size:12px}
.tag{font-size:12px}
.cfg-bar{background:var(--gold-wash);color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:9px var(--pad);border-bottom:2px solid var(--gold-dark);line-height:1.5}
.cfg-bar b{color:var(--error);letter-spacing:.1em}
.brand img{display:block;height:26px;width:auto;filter:brightness(0) invert(1)}
@media (min-width:640px){.brand img{height:30px}}
.brand-wrap{display:flex;flex-direction:column;gap:5px}
.hero{padding:28px 0 36px}
@media (min-width:640px){.hero{padding:56px 0 64px}}
.hero .h1{font-size:clamp(34px,10.4vw,44px);overflow-wrap:break-word}
@media (min-width:640px){.hero .h1{font-size:clamp(50px,5.6vw,68px)}}
.hero .lede{font-size:17px}
.hero-cta{display:flex;flex-direction:column;gap:10px;align-items:stretch}
@media (min-width:640px){.hero-cta{flex-direction:row;align-items:center;flex-wrap:wrap}}
.hero .fine{color:var(--on-dark-2)}
.resume-box{border:1px solid var(--dark-line);padding:14px 16px;margin-top:16px}
.resume-box .btn-row{margin-top:10px}
.hero-side{display:none}
@media (min-width:900px){.hero-side{display:block}}
.teaser{padding:32px 0 8px}
@media (min-width:640px){.teaser{padding:56px 0 16px}}
.teaser-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
/* the result card: same component for the landing teaser and the real verdict */
.rcard{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gold);padding:18px 16px}
@media (min-width:640px){.rcard{padding:30px}}
.rcard-grid{display:grid;gap:18px}
@media (min-width:900px){.rcard-grid{grid-template-columns:1fr 1.05fr;gap:36px;align-items:start}}
.rcard .top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.idx{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:12px}
.idx .big{font-size:76px}
.idx .of{font-family:var(--mono);font-size:15px;color:var(--muted)}
.bandname{font-family:var(--display);font-weight:800;font-size:30px;text-transform:uppercase;letter-spacing:-.01em;padding:2px 10px;background:var(--gold);line-height:1.1}
.bandname.b-gap{background:var(--band-1);color:var(--ink)}
.bandname.b-developing{background:var(--band-3)}
.bandname.b-solid{background:var(--band-4)}
.bandname.b-advantage{background:var(--gold)}
.bandline{font-size:14px;color:var(--ink-2);margin-top:6px}
.rcard .band .b{height:10px}
.rcard .marker{background:var(--ink);box-shadow:0 0 0 2px var(--surface);top:-6px}
.rcard .band-labels span{color:var(--muted);font-size:12px}
.rcard .band-labels span.on{color:var(--ink);font-weight:800}
.profile-h{font-size:clamp(30px,8.6vw,46px);margin:18px 0 10px}
.verdict{font-size:18px;line-height:1.45;font-weight:600;color:var(--ink)}
.gapline{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:15px}
.gapline b{font-weight:800}
.levels{margin-top:14px}
.levels .bar{grid-template-columns:minmax(118px,40%) 1fr 40px;font-size:14px}
.levels .bar .val{font-size:13px}
.radar-box svg{width:100%;height:auto;display:block;max-width:440px;margin:0 auto;overflow:visible}
.radar-box .rl{font-family:var(--body);font-weight:700;font-size:14px;fill:var(--ink)}
.radar-box .rv{font-family:var(--mono);font-weight:600;font-size:14px;fill:var(--ink-2)}
.radar-box .rv.best{fill:var(--gold-dark)}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted);margin-top:6px;justify-content:center}
.legend i{display:inline-block;vertical-align:middle;margin-right:6px}
.lg-line{width:22px;border-top:2px dotted var(--gold-dark)}
.lg-dot{width:10px;height:10px;border-radius:50%}
.vis{font-size:13px;color:var(--muted);margin-top:10px}
.sample-note{font-size:13px;color:var(--muted);margin-top:10px}
/* quiz */
.qwrap{display:grid;gap:8px}
@media (min-width:900px){.qwrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:start}.qside{position:sticky;top:16px}}
.qside{display:none}
@media (min-width:900px){.qside{display:block}}
.stem{font-size:15px;color:var(--muted);margin-top:10px}
.lvl-intro{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold-dark);padding:10px 14px;font-size:14px;margin:10px 0 0}
.lvl-intro b{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark);font-weight:600}
.rate{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.rate .sq label{flex-direction:column;gap:3px;min-height:76px;padding:6px 2px;text-align:center}
.rate .sq .n{font-family:var(--mono);font-size:19px;font-weight:600}
.rate .sq .t{font-family:var(--body);font-size:12px;font-weight:600;line-height:1.15}
.rate .sq .s{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--muted);line-height:1.1}
.rate .sq input:checked+label .s{color:var(--on-dark-2)}
@media (max-width:389px){.rate .sq .s{display:none}}
.nbtn{margin-top:8px}
.nbtn label{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px dashed var(--border-2);background:transparent;font-size:15px;cursor:pointer;padding:8px 12px;text-align:center}
.nbtn input{position:absolute;opacity:0;width:1px;height:1px}
.nbtn input:checked+label{background:var(--ink);color:var(--paper);border-style:solid;border-color:var(--ink);font-weight:700}
.nbtn input:focus-visible+label{outline:3px solid var(--blue);outline-offset:2px}
.nbtn{position:relative}
.scale-key{font-size:13px;color:var(--muted);margin-top:12px}
.choice{position:relative}
.choice.multi label::before{content:"";flex:none;width:18px;height:18px;border:2px solid currentColor;margin-right:12px}
.choice.multi input:checked+label::before{background:var(--gold);border-color:var(--gold)}
.sig{padding:16px 0;border-top:1px solid var(--line)}
.sig:first-of-type{border-top:0}
.sig .chips{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.sig .chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
.chip{position:relative}
.rm-txt{font-size:14px}
.rm-txt b{font-family:var(--mono)}
/* gate */
.gate{margin-top:16px}
.gate .h3{margin-bottom:8px}
.gate .consent{font-size:13px;color:var(--ink-2);margin-top:12px;line-height:1.5}
.gate .consent a{color:var(--ink)}
/* report */
.prio{border-top:1px solid var(--line);padding:16px 0}
.prio:first-of-type{border-top:0;padding-top:4px}
.prio h3{font-size:20px;font-weight:800;margin:4px 0 8px}
.prio dl{margin:0;display:grid;gap:10px}
.prio dt{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark)}
.prio dd{margin:2px 0 0;font-size:15px;color:var(--ink-2)}
.checks{list-style:none;padding:0;margin:0}
.checks li{padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.checks li b{display:block}
.ans-list li{align-items:flex-start}
.ans-list li span:first-child{flex:1}
.ans-list .v{min-width:92px;text-align:right}
.ans-dim{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--gold-dark);display:block;text-transform:uppercase}
.method p+p{margin-top:10px}
.method ul{margin:8px 0 0;padding-left:18px;font-size:14px;color:var(--ink-2)}
.closing-tools .card{min-width:0}
.restart-row{margin-top:16px;display:flex;justify-content:center}
.disclaimer{font-size:13px;color:var(--muted);margin-top:18px;line-height:1.5}
.what-grid .card{border-top:3px solid var(--gold)}
.levels-explain{display:grid;gap:12px}
@media (min-width:760px){.levels-explain{grid-template-columns:repeat(3,1fr)}}
.levels-explain .card b{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--gold-dark);text-transform:uppercase;display:block}
.levels-explain .card h3{font-size:19px;font-weight:800;margin:4px 0 6px}
.end-cta{padding:44px 0}
.end-cta .h2{margin-bottom:12px}
@media print{.cfg-bar,.radar-mini,.gate,.restart-row,.hero-cta{display:none!important}.rcard{break-inside:avoid}}

.band-ticks{position:relative;height:18px;margin-top:6px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.band-ticks span{position:absolute;top:0;transform:translateX(-50%)}
.band-ticks span:first-child{transform:none}.band-ticks span:last-child{transform:translateX(-100%)}
.band-ticks span.adv{color:var(--gold-dark);font-weight:600}
@media (max-width:519px){.cfg-bar{font-size:12px;padding:7px var(--pad);letter-spacing:0}}

/* ---- short form additions ---- */
.subtitle{font-size:19px;line-height:1.4;font-weight:700;color:var(--gold);margin:10px 0 14px;max-width:34ch}
.gold{color:var(--gold)}
.rcard .gold,.section .gold{color:var(--gold-dark)}
body.in-quiz .nav-phone,body.in-quiz .site-footer{display:none}
body.in-quiz{background:var(--paper)}
/* position scale: vertical list on phones, four steps across from 520px */
.pscale{list-style:none;padding:0;margin:4px 0 16px;display:grid;gap:6px}
.pscale li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.25;background:var(--paper)}
.pscale .seg{display:flex;gap:2px;flex:none}
.pscale .seg i{width:7px;height:12px;background:var(--line)}
.pscale .seg i.f{background:var(--border-2)}
.pscale li.on{border-color:var(--ink);background:var(--ink);color:var(--paper);font-weight:800}
.pscale li.on .seg i.f{background:var(--gold)}
.pscale li.on .seg i{background:#3a3d39}
@media (min-width:520px){.pscale{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.pscale li{flex-direction:column;align-items:flex-start;font-size:13px;padding:8px}}
/* areas */
.areas{display:grid;gap:12px;margin-top:16px}
.area{padding:12px 0 0;border-top:1px solid var(--line)}
.area-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px}
.area .an{font-weight:800;font-size:17px}
.st{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--ink)}
.st-strong{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.st-partial{background:var(--band-3);border-color:var(--band-3)}
.st-gap{background:var(--surface);color:var(--ink)}
.weaker{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--error)}
.weaker::before{content:"↘ "}
.track{display:block;height:10px;background:var(--track);position:relative}
.track .fill{display:block;height:100%;background:var(--ink)}
.track .fill.st-strong{background:var(--gold)}
.track .fill.st-partial{background:#b7a46c}
.track .fill.st-gap{background:var(--grey)}
.aq{font-size:14px;color:var(--muted);margin-top:6px}
/* report sections */
.r-sec{margin-top:18px}
.r-sec h2.display{font-size:clamp(24px,6vw,30px);margin-bottom:10px}
.beh-list{list-style:none;padding:0;margin:0}
.beh-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.beh-list .bt{display:flex;flex-direction:column;gap:2px;min-width:0}
.beh-list b{font-size:16px}
.beh-list .bq{font-size:14px;color:var(--muted);line-height:1.4}
.ans-dim{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark)}
.chip-st{flex:none;font-size:13px;font-weight:800;padding:4px 9px;border:1px solid var(--ink);white-space:nowrap}
.c-in{background:var(--gold);border-color:var(--gold)}
.c-pa{background:var(--band-3);border-color:var(--band-3)}
.c-gap{background:var(--ink);color:var(--paper)}
.c-nv{background:var(--surface);border-style:dashed}
dl.mv{margin:8px 0 0;display:grid;gap:8px}
dl.mv dt{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
dl.mv dd{margin:2px 0 0;line-height:1.45}
.cx-a{font-weight:800}
.bs-list{margin:0;padding-left:20px}
.method ul{padding-left:20px;margin:6px 0 0;font-size:14px}
.method li{margin-top:4px}
/* next step */
.next-step{margin-top:28px}
.next-step .ns-copy{font-size:17px;line-height:1.5;margin:8px 0 16px;max-width:60ch}
.ns-grid{display:grid;gap:14px}
@media (min-width:760px){.ns-grid{grid-template-columns:1fr 1fr}}
.ns-card{display:flex;flex-direction:column;gap:8px}
.ns-card h3{font-size:22px;font-weight:800}
.ns-card .btn{align-self:flex-start;margin-top:auto}
.ns-card.rec{border-top:4px solid var(--gold)}
.ns-card.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ns-card.dark .small{color:var(--on-dark-2)}
.recd{color:var(--ink);background:var(--gold);padding:1px 6px}
.restart-row{display:flex;flex-wrap:wrap;gap:10px}
/* answers + why we ask */
.choice.ns label{background:transparent;border-style:dashed;color:var(--muted)}
.choice.ns input:checked+label{background:var(--ink);color:var(--paper);border-style:solid}
.choice label{width:100%}
details.why{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
details.why summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
details.why p{margin-top:6px;color:var(--ink-2);line-height:1.5}
.levels-explain.two{grid-template-columns:1fr}
@media (min-width:760px){.levels-explain.two{grid-template-columns:1fr 1fr}}
/* dialog */
dialog#talk-dlg{border:1px solid var(--ink);border-top:4px solid var(--gold);background:var(--surface);color:var(--ink);padding:22px;max-width:min(92vw,480px);width:100%}
dialog#talk-dlg::backdrop{background:rgba(20,22,20,.55)}
.dlg-mail{margin-top:12px;font-size:18px;font-weight:800;word-break:break-all}
.radar-box .rl.edge{fill:var(--ink)}
.radar-box .rl.foundations{fill:var(--ink-2)}
@media print{.next-step .btn,.closing-tools,dialog{display:none!important}}
.brand-tag{font-size:12px;letter-spacing:.06em;white-space:normal;max-width:24ch;line-height:1.3;margin-top:3px}
.site-header .inner{gap:12px}