/* ===== v2 shell: standalone site (header, nav, layout, tabs, accordions, filters) ===== */
:root{--D:#8F5418;--M:#3D5E76;--A:#A34A25;--I:#55623F;--C:#6A4C6B;--maxw:1080px}
body{padding-top:0}
.preview-banner{position:fixed;top:0;left:0;right:0;z-index:100;height:30px;display:flex;align-items:center;justify-content:center;background:#A94F28;color:#FBF3E8;font:600 13px/1 var(--sans);letter-spacing:.06em;box-shadow:0 2px 10px rgba(61,44,41,.25)}
html{scroll-padding-top:88px}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#FBF3E8;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}
.skip:focus{top:40px;color:#FBF3E8}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.top{position:sticky;top:0;z-index:50;background:rgba(250,244,235,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:62px}
.brand2{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);line-height:1.1;margin-right:auto}
.brand2 b{font:600 19px/1.1 var(--serif)}
.brand2 b em{font-style:italic;font-weight:400;color:var(--amber)}
.brand2 small{font-size:12px;color:var(--muted);margin-top:2px}
@media (max-width:430px){.brand2 small{display:none}}
.nav2 ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:wrap}
.nav2 a{display:block;color:var(--ink-2);text-decoration:none;font-size:14.5px;padding:8px 11px;border-radius:999px;white-space:nowrap}
.nav2 a:hover{background:var(--glass-2);color:var(--ink)}
.nav2 a[aria-current="page"]{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:600}
.nav-toggle{all:unset;display:none;cursor:pointer;align-items:center;gap:8px;font:600 14px var(--sans);color:var(--ink);padding:9px 13px;border:1px solid var(--line-2);border-radius:999px;background:#fff}
.nav-toggle .bars{width:16px;height:2px;background:currentColor;position:relative;display:inline-block}
.nav-toggle .bars::before,.nav-toggle .bars::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor}
.nav-toggle .bars::before{top:-5px}.nav-toggle .bars::after{top:5px}
@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  .nav2{position:absolute;left:0;right:0;top:100%;background:#FBF6EE;border-bottom:1px solid var(--line);box-shadow:0 18px 30px -20px rgba(61,44,41,.35);display:none}
  .nav2.open{display:block}
  .nav2 ul{flex-direction:column;padding:8px 16px 14px;gap:2px}
  .nav2 a{font-size:16px;padding:12px 14px;border-radius:12px}
}
main{display:block}
.page-head{padding:54px 0 8px}
.page-head h1{font-size:clamp(34px,5vw,54px);margin:6px 0 14px}
.page-head .lede{max-width:66ch}
.crumbs{font-size:13.5px;color:var(--muted);margin-bottom:10px}
.crumbs a{color:var(--muted)}
.section2{padding:44px 0 8px}
.section2 > .wrap > h2{margin-bottom:10px}
.measure{max-width:70ch}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:600 15px/1.2 var(--sans);padding:11px 18px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink);background:#fff;white-space:nowrap;cursor:pointer}
.btn:hover{background:#FFF8EE;color:var(--ink)}
.btn.primary{background:var(--ink);color:#FBF3E8;border-color:var(--ink)}
.btn.primary:hover{background:#3D2C29;color:#FBF3E8}
.btn.ghost{background:transparent}
/* stage colour chips */
.sl{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font:600 16px/1 var(--serif);color:#FBF3E8;background:var(--sc,var(--D));flex:none}
[data-stage="define"]{--sc:var(--D)}[data-stage="measure"]{--sc:var(--M)}[data-stage="analyze"]{--sc:var(--A)}[data-stage="improve"]{--sc:var(--I)}[data-stage="control"]{--sc:var(--C)}
.stage-chip{display:inline-flex;align-items:center;gap:6px;font:600 11px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--sc);border:1px solid currentColor;border-radius:999px;padding:4px 9px;white-space:nowrap;text-decoration:none}
/* method: stepper tabs */
.stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 8px;position:relative}
.stepper::before{content:"";position:absolute;left:8%;right:8%;top:25px;height:2px;background:var(--line);z-index:0}
.stp{all:unset;cursor:pointer;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:14px;text-align:center}
.stp .sl{width:36px;height:36px;font-size:18px;background:#fff;color:var(--sc);box-shadow:inset 0 0 0 2px var(--sc)}
.stp .nm{font:600 14px/1.2 var(--sans);color:var(--ink-2)}
.stp .gl{font-size:12px;color:var(--muted);line-height:1.3;max-width:18ch}
.stp[aria-selected="true"] .sl{background:var(--sc);color:#FBF3E8}
.stp[aria-selected="true"] .nm{color:var(--ink)}
.stp:hover .nm{color:var(--ink)}
.stp:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
@media (max-width:640px){.stp .gl{display:none}.stp .nm{font-size:12.5px}.stepper::before{top:26px}}
.stage-count{font-size:13.5px;color:var(--muted);margin:4px 0 14px;text-align:center}
.bar5{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:260px;margin:0 auto 6px}
.bar5 i{height:5px;border-radius:3px;background:var(--line)}
.bar5 i.on{background:var(--sc,var(--amber))}
[role="tabpanel"]{outline:none}
.stage-head{padding:24px 26px;border-top:4px solid var(--sc)}
@media (max-width:560px){.stage-head{padding:18px 16px}}
.stage-head h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:clamp(26px,3.4vw,36px)}
.stage-head .goal{color:var(--ink-2);max-width:66ch;margin:10px 0 0;font-size:16.5px}
.stage-meta{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px;margin-top:18px}
@media (max-width:900px){.stage-meta{grid-template-columns:1fr}}
.stage-meta h3{font:600 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.pchip,.tchip{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;text-decoration:none;border-radius:999px;padding:5px 11px;border:1px solid var(--line-2);color:var(--ink);background:#fff}
.pchip b{font:italic 400 15px/1 var(--serif);color:var(--sc)}
.tchip{color:var(--window);border-color:rgba(61,94,118,.35);background:rgba(61,94,118,.05)}
.pchip:hover,.tchip:hover{background:#FFF6EA}
.ai-adds{border-left:3px solid var(--sc);padding:10px 14px;background:rgba(255,255,255,.6);border-radius:0 12px 12px 0;font-size:15px;color:var(--ink-2)}
.ai-adds b{display:block;font:600 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sc);margin-bottom:4px}
.acc-list{display:grid;gap:10px;margin-top:14px}
.acc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
details.acc:first-of-type{border-top:1px solid var(--line)}
.acc > summary{padding:16px 20px;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;font:inherit;justify-content:flex-start}
.acc > summary::after{margin-left:auto;font:400 24px/1 var(--sans);color:var(--amber)}
.acc-t{display:flex;flex-direction:column;gap:3px;flex:1 1 260px}
.acc-k{font:600 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.acc-h{font:400 clamp(19px,2.2vw,23px)/1.25 var(--serif);color:var(--ink)}
.acc-h em{font-style:italic;color:var(--amber)}
.acc-b{padding:0 20px 20px}
@media (max-width:560px){.acc > summary{padding:14px 16px}.acc-b{padding:0 16px 16px}}
.acc-b > .ci-foot:first-child{margin-top:0}
.pager{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:22px 0 10px;padding-top:16px;border-top:1px solid var(--line)}
.pager .btn{white-space:normal}
.linkcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}
.linkcard{display:block;text-decoration:none;color:var(--ink);padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}
.linkcard:hover{background:#FFF8EE;color:var(--ink)}
.linkcard b{display:block;font:600 17px/1.3 var(--serif);margin:6px 0 4px}
.linkcard span.d{font-size:14px;color:var(--ink-2)}
.linkcard .go{display:block;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--amber)}
/* filters */
.filterbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 14px}
.fbtn{all:unset;cursor:pointer;font:600 14px/1.2 var(--sans);padding:8px 14px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--ink-2);display:inline-flex;align-items:center;gap:7px}
.fbtn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#FBF3E8}
.fbtn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.fbtn .n{font-weight:400;opacity:.8}
.search{flex:1 1 220px;max-width:340px;margin-left:auto}
.search input{width:100%;font:400 15px var(--sans);padding:10px 14px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--ink)}
.search input:focus-visible{outline:2px solid var(--amber);outline-offset:1px}
.result-count{font-size:13.5px;color:var(--muted);margin:0 0 10px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}
.tcard{padding:18px 20px;display:flex;flex-direction:column;gap:8px;border-top:4px solid var(--sc)}
.tcard .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tcard .fam{font-size:12.5px;color:var(--muted)}
.tcard h3{font-size:19px;line-height:1.25}
.tcard p.pl{margin:0;color:var(--ink-2);font-size:15px}
.tcard dl{margin:4px 0 0;display:grid;gap:8px;font-size:14.5px}
.tcard dt{font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tcard dd{margin:2px 0 0;color:var(--ink-2)}
.tcard dd.gd{color:var(--moss)}
.tcard .links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:14px}
[hidden]{display:none !important}
/* team */
.team2 .bot[hidden]{display:none}
.grp{font:600 10.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block}
/* page footer */
.foot2{margin-top:60px;border-top:1px solid var(--line);padding:26px 0 40px;color:var(--muted);font-size:14px}
.foot2 .wrap{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;align-items:center}
.foot2 nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.foot2 a{color:var(--ink-2)}
/* example charts */
.pbar{display:grid;grid-template-columns:170px 1fr 44px 84px;gap:10px;align-items:center;font-size:14px;color:var(--ink-2);padding:6px 0;border-top:1px solid var(--line)}
.pbar:first-of-type{border-top:0}
.pbar i{display:block;height:12px;border-radius:6px;background:rgba(61,44,41,.08);position:relative;overflow:hidden}
.pbar i b{position:absolute;inset:0 auto 0 0;border-radius:6px;background:var(--gold-fill)}
.pbar.top i b{background:var(--A)}
.pbar .c{font-size:12.5px;color:var(--muted);text-align:right;white-space:nowrap}
@media (max-width:520px){.pbar{grid-template-columns:1fr 44px 84px}.pbar i{grid-column:1/-1;grid-row:2}}
.whys{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:w}
.whys li{counter-increment:w;display:grid;grid-template-columns:70px 1fr;gap:10px;font-size:15px;color:var(--ink-2);padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.whys li::before{content:"Why " counter(w);font:600 11.5px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--A)}
.rc{margin-top:10px;padding:12px 14px;border-left:3px solid var(--I);background:rgba(85,98,63,.07);border-radius:0 10px 10px 0;font-size:15px;color:var(--ink-2)}
.rc b{color:var(--ink)}
.bones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
@media (max-width:560px){.bones{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bones div{border:1px dashed var(--line-2);border-radius:10px;padding:8px 10px;font-size:13.5px;color:var(--ink-2)}
.bones b{display:block;font:600 14px var(--serif);color:var(--ink)}
.kb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:700px){.kb{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kb > div{border:1px solid var(--line);border-radius:12px;background:rgba(255,253,249,.8);padding:10px;min-height:150px}
.kb h4{font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;display:flex;justify-content:space-between;gap:6px}
.kb h4 span{color:var(--ink-2);letter-spacing:0;text-transform:none;font-weight:600}
.kb .card{font-size:13.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-left:3px solid var(--sc,var(--gold-fill));border-radius:8px;padding:6px 8px;margin-bottom:6px}
.kb .you{border-color:rgba(184,70,42,.45)}
.hjk{display:grid;gap:6px}
.hjk .row{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;font-size:13px;color:var(--ink-2)}
.hjk .row > b{font:600 13px var(--sans);color:var(--ink)}
.hjk .hseg{display:flex;height:18px;border-radius:6px;overflow:hidden;background:rgba(61,44,41,.06)}
.hjk .hseg i{display:block;height:100%}
.hjk .dw{background:var(--M)}.hjk .ad{background:var(--gold-fill)}.hjk .pp{background:var(--I)}.hjk .hm{background:#C9A98A}
.hjk .free{font:italic 400 14px var(--serif);color:var(--moss)}
.key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);margin-top:10px}
.key i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-2px}
.onpage{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.onpage a{font-size:13.5px;text-decoration:none;border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;color:var(--ink-2);background:#fff}
.onpage a:hover{color:var(--ink)}
.tier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media (max-width:760px){.tier{grid-template-columns:1fr}}
.tier > div{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 16px}
.tier .k{font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--C)}
.tier h4{font:600 17px/1.3 var(--serif);margin:4px 0}
.tier p{margin:0;font-size:14.5px;color:var(--ink-2)}
@media print{.top,.preview-banner,.foot2,.skip{display:none !important}body{padding-top:0}}
.sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.acc-list > *,.acc,.acc-b,[role="tabpanel"]{min-width:0}
.acc > summary .chip,.ci-head .chip,.tcard .chip{white-space:normal;max-width:100%}
@media (max-width:560px){.btn{white-space:normal;text-align:center}}
/* ===== WIIFM: 2 a.m. worries (night) → payoff (dawn) ===== */
.wi{border-radius:24px;overflow:hidden;box-shadow:0 24px 44px -30px rgba(28,36,56,.55);border:1px solid rgba(28,36,56,.18)}
.wi-night{position:relative;padding:34px 30px 30px;color:#F5ECE0;background:
  radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,244,225,.7),transparent 60%),
  radial-gradient(1px 1px at 28% 9%,rgba(255,244,225,.55),transparent 60%),
  radial-gradient(1.5px 1.5px at 71% 14%,rgba(255,244,225,.6),transparent 60%),
  radial-gradient(1px 1px at 86% 26%,rgba(255,244,225,.5),transparent 60%),
  radial-gradient(1px 1px at 55% 6%,rgba(255,244,225,.45),transparent 60%),
  linear-gradient(180deg,#1B2336 0%,#232C44 55%,#34364F 100%)}
.wi-night::after{content:"";position:absolute;right:30px;top:26px;width:34px;height:34px;border-radius:50%;box-shadow:-8px 6px 0 0 #EBD3A6;transform:rotate(-12deg);opacity:.85}
.wi-night .kicker{color:#C9C3D6}
.wi-night h2{color:#F7EFE4;max-width:24ch;padding-right:44px}
.wi-night h2 em{color:#EBC48E}
.wi-grid{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.wi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wi-grid{grid-template-columns:1fr;gap:10px}.wi-night{padding:26px 18px 22px}.wi-night::after{right:18px;top:20px;width:26px;height:26px}}
.wi-card{display:flex;flex-direction:column;gap:10px;justify-content:space-between;padding:16px 16px 14px;border-radius:14px;background:rgba(255,248,236,.06);border:1px solid rgba(255,248,236,.14)}
.wi-w{margin:0;font:400 17px/1.4 var(--serif);color:#F7EFE4}
.wi-who{margin:0;font-size:13.5px;line-height:1.45;color:#CFC9DC;border-top:1px solid rgba(255,248,236,.12);padding-top:9px}
.wi-who span{display:block;font:600 10.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#E3BE8A;margin-bottom:2px}
.wi-more{display:none}
@media (max-width:560px){
  .wi-grid:not(.expanded) .more{display:none}
  .wi-more{all:unset;cursor:pointer;display:block;margin:14px auto 0;font:600 14px var(--sans);color:#F7EFE4;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,248,236,.35);text-align:center}
  .wi-more:focus-visible{outline:2px solid #EBC48E;outline-offset:2px}
}
.wi-band{height:56px;background:linear-gradient(180deg,#34364F 0%,#6E5F72 38%,#C99A86 70%,#F1D7BD 100%)}
.wi-dawn{padding:8px 30px 32px;background:linear-gradient(180deg,#F1D7BD 0%,#F8E9D8 40%,#FFFBF5 100%);color:var(--ink)}
@media (max-width:560px){.wi-dawn{padding:6px 18px 24px}}
.wi-dawn h3{font-size:clamp(24px,3vw,32px);line-height:1.2;max-width:28ch}
.wi-dawn h3 em{font-style:italic;color:var(--amber)}
.wi-dawn p{max-width:64ch;color:var(--ink-2);margin:12px 0 0;font-size:17px}
.wi-dawn .wi-rest{font:italic 400 clamp(22px,2.6vw,28px)/1.3 var(--serif);color:var(--ink);margin:16px 0 18px}
.js-fade .wi-card,.js-fade .wi-dawn > *{opacity:0;transform:translateY(6px);transition:opacity .7s ease,transform .7s ease}
.js-fade.in .wi-card,.js-fade.in .wi-dawn > *{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-fade .wi-card,.js-fade .wi-dawn > *{opacity:1 !important;transform:none !important;transition:none}}
@media print{.wi-more{display:none}.wi-grid .more{display:flex !important}}