:root{
  --navy:#0f2557;--ink:#18233f;--muted:#5a6781;--line:#dce6f2;--bg:#f7f9fc;
  --blue:#2497f3;--blue-soft:#eaf5fe;--teal:#15b7a4;--teal-soft:#eaf9f6;
  --orange:#ff7a2f;--orange-soft:#fff2e9;--purple:#7b4be8;--purple-soft:#f1ecfd;
  --white:#fff;--max:1180px;--shadow:0 16px 50px rgba(15,37,87,.09);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:19px;line-height:1.65}
img,svg{max-width:100%;height:auto}
a{color:#0c66c2;text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:var(--navy)}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:16px;background:#fff;padding:10px 14px;border:2px solid var(--navy);z-index:999}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,230,242,.85)}
.navbar{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-weight:850;letter-spacing:-.02em}
.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px}
.brand-mark i{width:9px;height:9px;border-radius:50%;display:block}
.brand-mark i:nth-child(1){background:var(--blue)}.brand-mark i:nth-child(2){background:var(--teal)}
.brand-mark i:nth-child(3){background:var(--orange)}.brand-mark i:nth-child(4){background:var(--purple)}
.navlinks{display:flex;align-items:center;gap:22px;font-size:1rem;color:var(--ink);font-weight:620}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:#0c66c2}
.nav-cta{background:var(--navy)!important;color:#fff!important;padding:10px 16px;border-radius:999px}
.nav-toggle{display:none;border:0;background:transparent;font-size:1.7rem;color:var(--navy)}
.hero{padding:86px 0 68px;background:
radial-gradient(circle at 12% 18%,rgba(36,151,243,.12),transparent 30%),
radial-gradient(circle at 88% 20%,rgba(123,75,232,.09),transparent 29%),
linear-gradient(#fff,#fbfdff)}
.kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:1rem;font-weight:760;letter-spacing:.02em}
h1,h2,h3{color:var(--navy);line-height:1.12;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,6vw,5.2rem);margin:.28em 0 .24em}
h2{font-size:clamp(2rem,4vw,3.35rem);margin:0 0 .45em}
h3{font-size:1.35rem;margin:.2em 0 .45em}
.lede{font-size:clamp(1.12rem,2.1vw,1.42rem);color:#33425f;max-width:820px}
.hero-actions,.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border-radius:999px;text-decoration:none;font-weight:760;border:1px solid var(--line)}
.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.secondary{background:#fff;color:var(--navy)}
.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}
.section{padding:72px 0}
.section.compact{padding:46px 0}
.section.alt{background:var(--bg)}
.section-head{max-width:820px;margin-bottom:34px}
.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:1rem;color:#49617f}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(15,37,87,.035)}
.card p:last-child{margin-bottom:0}
.pillar-card{position:relative;overflow:hidden}
.pillar-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--accent)}
.pillar-card.meaning{--accent:var(--blue)}.pillar-card.authority{--accent:var(--teal)}
.pillar-card.presence{--accent:var(--orange)}.pillar-card.signals{--accent:var(--purple)}
.pillar-label{font-weight:850;color:var(--accent);font-size:1rem;text-transform:uppercase;letter-spacing:.09em}
.metric{font-size:2.4rem;font-weight:850;color:var(--navy)}
.clean-list{padding:0;margin:0;list-style:none}
.clean-list li{padding:.62rem 0 .62rem 1.6rem;position:relative;border-bottom:1px solid #edf2f7}
.clean-list li:last-child{border-bottom:0}
.clean-list li:before{content:"✓";position:absolute;left:0;color:#0f8a77;font-weight:900}
.visual{background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}
.visual img{display:block;margin:auto}
.callout{border-radius:22px;padding:24px;background:#f1f7ff;border:1px solid #d9eafe}
.callout strong{color:var(--navy)}
.quote{font-size:1.35rem;line-height:1.45;border-left:5px solid var(--blue);padding-left:22px;color:var(--navy);font-weight:680}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{border-radius:22px;padding:24px;border:1px solid var(--line);background:#fff}
.step .num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;margin-bottom:12px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f7f9fc;color:var(--navy);font-size:1rem;text-transform:uppercase;letter-spacing:.04em}
tr:last-child td{border-bottom:0}
.breadcrumbs{width:min(var(--max),calc(100% - 40px));margin-inline:auto;font-size:1rem;color:var(--muted);padding-top:28px}
.breadcrumbs a{color:var(--muted)}
.page-hero{padding:50px 0 44px;background:linear-gradient(180deg,#fff,#f8fbff)}
.page-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:980px}
.pillar-hero.meaning{--accent:var(--blue);--soft:var(--blue-soft)}
.pillar-hero.authority{--accent:var(--teal);--soft:var(--teal-soft)}
.pillar-hero.presence{--accent:var(--orange);--soft:var(--orange-soft)}
.pillar-hero.signals{--accent:var(--purple);--soft:var(--purple-soft)}
.pillar-hero{background:linear-gradient(120deg,var(--soft),#fff 64%)}
.pillar-hero .kicker{border-color:color-mix(in srgb,var(--accent) 30%,white);color:var(--accent)}
.pillar-hero h1 em{font-style:normal;color:var(--accent)}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.download{display:flex;flex-direction:column;gap:12px}
.download .preview{aspect-ratio:16/9;background:#f5f7fb;border-radius:18px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.download .preview img{width:100%;height:100%;object-fit:contain}
.tag{display:inline-block;background:#edf4fc;color:#244a78;padding:4px 9px;border-radius:999px;font-size:1rem;font-weight:700}
.audit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.audit-group{border:1px solid var(--line);border-radius:22px;padding:24px}
.audit-group legend{font-weight:850;color:var(--navy);font-size:1.15rem;padding:0 7px}
.question{padding:16px 0;border-bottom:1px solid #edf2f7}
.question:last-child{border-bottom:0}
.scale{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.scale label{display:inline-flex;align-items:center;gap:4px}
.scorebox{background:var(--navy);color:#fff;border-radius:24px;padding:26px;position:sticky;top:94px}
.scorebox .score{font-size:3.4rem;font-weight:900;line-height:1}
.note{font-size:1rem;color:var(--muted)}
.cta{padding:38px;border-radius:30px;background:linear-gradient(120deg,var(--navy),#173c84);color:#fff}
.cta h2,.cta h3{color:#fff}
.cta p{color:#dfe9ff;max-width:760px}
.site-footer{background:#0d1c3f;color:#cbd6ef;padding:52px 0 28px;margin-top:70px}
.site-footer a{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}
.footer-title{color:#fff;font-weight:850;font-size:1.2rem}
.footer-links{display:grid;gap:8px}
.footer-note{border-top:1px solid #26395e;margin-top:30px;padding-top:20px;font-size:1rem;color:#aab9d6}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;background:#f6f8fb;border:1px solid var(--line);padding:16px;border-radius:16px;overflow:auto}
.entity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.entity{border:1px solid var(--line);border-radius:18px;padding:22px}
@media(max-width:900px){
  .nav-toggle{display:block}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}
  .navlinks.open{display:flex}.grid-2,.grid-3,.grid-4,.process,.download-grid,.audit-grid,.footer-grid,.entity-grid{grid-template-columns:1fr}
  .scorebox{position:static}.hero{padding-top:58px}
}
@media print{
  .site-header,.site-footer,.hero-actions,.actions,.cta,.nav-toggle{display:none!important}
  body{font-size:11pt}.section{padding:24px 0}.card,.visual{box-shadow:none}
}


/* Responsive MAPS visualizations
   Full infographic artwork is preserved on larger screens.
   On narrow screens, semantic HTML blocks replace scaled-down diagrams so the content remains readable. */
.visual-desktop{display:block}
.visual-mobile{display:none}
.mobile-framework-stack,
.mobile-pillar-summary,
.mobile-process,
.mobile-overlap{display:none}

.mobile-pillar{
  --m-accent:var(--blue);
  --m-soft:var(--blue-soft);
  border:1px solid color-mix(in srgb,var(--m-accent) 28%,var(--line));
  border-radius:20px;
  background:linear-gradient(135deg,var(--m-soft),#fff 72%);
  padding:20px;
}
.mobile-pillar.meaning{--m-accent:var(--blue);--m-soft:var(--blue-soft)}
.mobile-pillar.authority{--m-accent:var(--teal);--m-soft:var(--teal-soft)}
.mobile-pillar.presence{--m-accent:var(--orange);--m-soft:var(--orange-soft)}
.mobile-pillar.signals{--m-accent:var(--purple);--m-soft:var(--purple-soft)}
.mobile-pillar .mini-label{
  display:inline-block;
  color:var(--m-accent);
  font-size:1rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.mobile-pillar h3{margin:.1em 0 .3em;font-size:1.28rem}
.mobile-pillar p{margin:.25rem 0 0;font-size:.98rem}

.mobile-center{
  border:2px solid var(--navy);
  border-radius:22px;
  padding:20px;
  text-align:center;
  background:#fff;
  color:var(--navy);
  font-weight:800;
  line-height:1.35;
}
.mobile-discipline-row{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.mobile-discipline{
  border-radius:16px;
  background:var(--light);
  border:1px solid var(--line);
  padding:14px 16px;
  font-size:1rem;
}
.mobile-discipline strong{color:var(--navy)}

.mobile-step{
  position:relative;
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px 20px 20px 64px;
  background:#fff;
}
.mobile-step + .mobile-step{margin-top:18px}
.mobile-step + .mobile-step:before{
  content:"↓";
  position:absolute;
  top:-22px;
  left:26px;
  font-weight:900;
  color:var(--navy);
  background:#fff;
  line-height:1;
  padding:0 4px;
}
.mobile-step .step-number{
  position:absolute;
  left:18px;
  top:18px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-weight:850;
}
.mobile-step h3{margin:0 0 6px}
.mobile-step p{margin:0}

.mobile-pillar-summary{
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  background:#fff;
}
.mobile-pillar-summary .summary-head{
  border-radius:18px;
  padding:18px;
  margin-bottom:16px;
  background:var(--summary-soft,var(--light));
}
.mobile-pillar-summary .summary-head strong{
  display:block;
  color:var(--summary-accent,var(--navy));
  font-size:1.35rem;
}
.mobile-pillar-summary .summary-head span{
  color:var(--summary-accent,var(--navy));
  font-weight:700;
}
.mobile-pillar-summary ul{margin:.8rem 0 0;padding-left:1.2rem}
.mobile-pillar-summary li{margin:.48rem 0}
.mobile-pillar-summary.meaning{--summary-accent:var(--blue);--summary-soft:var(--blue-soft)}
.mobile-pillar-summary.authority{--summary-accent:var(--teal);--summary-soft:var(--teal-soft)}
.mobile-pillar-summary.presence{--summary-accent:var(--orange);--summary-soft:var(--orange-soft)}
.mobile-pillar-summary.signals{--summary-accent:var(--purple);--summary-soft:var(--purple-soft)}

@media(max-width:900px){
  .breadcrumbs{width:min(var(--max),calc(100% - 32px));padding-top:18px}
  .visual-desktop{display:none!important}
  .visual-mobile,
  .mobile-framework-stack,
  .mobile-pillar-summary,
  .mobile-process,
  .mobile-overlap{display:block}
  .visual-mobile{
    border:1px solid var(--line);
    border-radius:24px;
    padding:16px;
    background:#fff;
    box-shadow:0 8px 30px rgba(15,37,87,.035);
  }
  .mobile-framework-stack,
  .mobile-overlap{display:grid;gap:12px}
  .mobile-overlap .mobile-center{order:-1;margin-bottom:2px}
  .mobile-process{padding:2px}
  .page-hero{padding-top:36px}
}

.mobile-diagram-link{
  display:inline-flex;
  margin-top:14px;
  font-size:1rem;
  font-weight:750;
}


/* Readability pass: diagrams used as content are native HTML, not scaled artwork. */
.visual-desktop{display:none!important}
.visual-mobile{display:block!important}

.mobile-framework-stack{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  padding:22px;
}
.mobile-framework-stack .mobile-center,
.mobile-framework-stack .mobile-discipline-row{grid-column:1/-1}

.mobile-overlap{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  padding:24px;
}
.mobile-overlap .mobile-center,
.mobile-overlap .mobile-discipline-row{grid-column:1/-1}

.mobile-process{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  padding:24px;
}
.mobile-process .mobile-step{min-height:250px;padding:24px 22px 22px 68px}
.mobile-process .mobile-step h3{font-size:1.3rem}
.mobile-process .mobile-step p{font-size:1rem;line-height:1.55}
.mobile-process .mobile-step + .mobile-step{margin-top:0}
.mobile-process .mobile-step + .mobile-step:before{
  content:"→";
  top:50%;
  left:-18px;
  transform:translateY(-50%);
  font-size:1.35rem;
  color:var(--navy);
  background:#fff;
  padding:2px 3px;
}
.mobile-process .mobile-discipline-row{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}
.mobile-process .mobile-diagram-link{margin-top:0}

.mobile-pillar-summary{
  display:block!important;
  max-width:980px;
  margin-inline:auto;
  padding:30px;
}
.mobile-pillar-summary .summary-head{padding:24px;margin-bottom:20px}
.mobile-pillar-summary .summary-head strong{font-size:1.7rem}
.mobile-pillar-summary .summary-head span{font-size:1.05rem}
.mobile-pillar-summary p,
.mobile-pillar-summary li{font-size:1rem;line-height:1.6}

.home-work-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.home-work-copy .process{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-work-copy .step{min-height:230px}
.home-work-copy .step p{font-size:1rem;line-height:1.55}
.home-work-copy .step h3{font-size:1.35rem}
.home-work-copy .step .num{font-size:1rem}

.readability-note{font-size:1rem;color:var(--muted);margin-top:14px}

@media(max-width:1100px){
  .mobile-process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-process .mobile-step + .mobile-step:before{display:none}
  .home-work-grid{grid-template-columns:1fr}
  .home-work-copy .process{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .mobile-framework-stack,.mobile-overlap,.mobile-process{grid-template-columns:1fr;padding:16px}
  .mobile-framework-stack .mobile-center,.mobile-framework-stack .mobile-discipline-row,
  .mobile-overlap .mobile-center,.mobile-overlap .mobile-discipline-row,
  .mobile-process .mobile-discipline-row{grid-column:1}
  .mobile-process .mobile-step{min-height:0}
  .mobile-process .mobile-step + .mobile-step{margin-top:18px}
  .mobile-process .mobile-step + .mobile-step:before{display:block;content:"↓";top:-22px;left:26px;transform:none;font-size:1.2rem}
  .mobile-process .mobile-discipline-row{display:block}
  .home-work-copy .process{grid-template-columns:1fr}
  .home-work-copy .step{min-height:0}
}


/* Launch readability standard
   14pt ≈ 18.7px at standard CSS pixel density. We use 19px as the
   minimum intended reading size for live site copy. Decorative metadata
   may be visually compact, but anything conveying meaning stays readable. */
body, p, li, td, th, label, button, input, select, textarea,
.navlinks, .breadcrumbs, .kicker, .eyebrow, .tag, .note, .footer-note,
.btn, .pillar-label, .mobile-pillar p, .mobile-discipline,
.mobile-step p, .mobile-pillar-summary p, .mobile-pillar-summary li,
.mobile-diagram-link, .readability-note {
  font-size:19px;
}
.brand{font-size:19px}
.clean-list li{line-height:1.58}
.card p,.step p,.callout p{line-height:1.62}
.mobile-pillar .mini-label{font-size:19px}
.mobile-pillar-summary .summary-head span{font-size:19px}
.mobile-step .step-number{font-size:19px}
.scale label{font-size:19px}
.audit-group legend{font-size:22px}
.footer-links a{font-size:19px}
.entity p,.entity li{font-size:19px}

/* Full-width homepage method section prevents narrow four-card copy columns. */
.home-work-section .section-head{max-width:900px}
.home-process{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
}
.home-process .step{
  min-height:270px;
  padding:28px;
  position:relative;
  overflow:hidden;
}
.home-process .step:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:6px;
  background:var(--step-accent,var(--navy));
}
.home-process .step.define{--step-accent:var(--blue);background:linear-gradient(180deg,var(--blue-soft),#fff 65%)}
.home-process .step.prove{--step-accent:var(--teal);background:linear-gradient(180deg,var(--teal-soft),#fff 65%)}
.home-process .step.distribute{--step-accent:var(--orange);background:linear-gradient(180deg,var(--orange-soft),#fff 65%)}
.home-process .step.enable{--step-accent:var(--purple);background:linear-gradient(180deg,var(--purple-soft),#fff 65%)}
.home-process .step .num{font-size:19px}
.home-process .step h3{font-size:29px;margin-top:2px}
.home-process .step p{font-size:19px;line-height:1.58}
.home-method-note{
  margin-top:22px;
  padding:18px 22px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:18px;
  color:var(--navy);
  font-weight:650;
  font-size:19px;
}

/* The on-page "diagrams" are semantic HTML, not tiny text baked into artwork. */
.readable-visual{
  max-width:1180px;
  margin-inline:auto;
}
.visual-desktop{display:none!important}
.visual-mobile{display:block!important}
.mobile-framework-stack,
.mobile-overlap{display:grid!important}
.mobile-process{display:grid!important}
.mobile-pillar-summary{display:block!important}

/* Resources may show reduced-size previews; they are previews, not reading surfaces. */
.download .preview{position:relative}
.download .preview:after{
  content:"Preview";
  position:absolute;
  right:10px;
  bottom:10px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(15,37,87,.88);
  color:#fff;
  font-size:14px;
  font-weight:750;
}

@media(max-width:1100px){
  .home-process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-process .step{min-height:230px}
}
@media(max-width:700px){
  body, p, li, td, th, label, button, input, select, textarea,
  .navlinks, .breadcrumbs, .kicker, .eyebrow, .tag, .note, .footer-note,
  .btn, .pillar-label, .mobile-pillar p, .mobile-discipline,
  .mobile-step p, .mobile-pillar-summary p, .mobile-pillar-summary li,
  .mobile-diagram-link, .readability-note {font-size:19px}
  .home-process{grid-template-columns:1fr}
  .home-process .step{min-height:0}
  h1{font-size:clamp(2.45rem,12vw,4rem)}
  h2{font-size:clamp(1.9rem,9vw,3rem)}
}


/* Marketing framework edition additions (readers, playbooks, audit by reader) */
.reader-tag{display:inline-block;padding:3px 10px;border-radius:999px;color:#fff;font-size:15px!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-right:8px;vertical-align:middle}
.reader-tag.people{background:var(--blue)}.reader-tag.market{background:var(--teal)}.reader-tag.machine{background:var(--purple)}
.matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.matrix{min-width:860px}
.matrix th:first-child,.matrix td:first-child{width:170px}
.matrix td:first-child strong{display:block;color:var(--navy);font-size:21px}
.matrix td:first-child span{color:var(--muted);font-size:17px}
.matrix thead th{text-transform:none;letter-spacing:0;font-size:19px}
.matrix thead th.people{box-shadow:inset 0 4px 0 var(--blue)}
.matrix thead th.market{box-shadow:inset 0 4px 0 var(--teal)}
.matrix thead th.machine{box-shadow:inset 0 4px 0 var(--purple)}
.matrix td{font-size:18px;line-height:1.5}
.measures td:first-child{width:140px;font-weight:800;color:var(--navy)}
.measures td.people{box-shadow:inset 6px 0 0 var(--blue)}
.measures td.market{box-shadow:inset 6px 0 0 var(--teal)}
.measures td.machine{box-shadow:inset 6px 0 0 var(--purple)}
.bars{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.bars li .lab{display:flex;justify-content:space-between;font-size:16px!important;color:#dfe9ff}
.bars li .track{height:9px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;margin-top:4px}
.bars li .track i{display:block;height:100%;width:0;background:#fff;border-radius:999px;transition:width .3s}
.bars li .track.people i{background:var(--blue)}.bars li .track.market i{background:var(--teal)}.bars li .track.machine i{background:#b89cff}
.bars-title{color:#fff;font-weight:850;margin:18px 0 0;font-size:17px!important}
.scorebox{top:94px}
.question .reader-tag{margin-right:10px}
.pb-card h3{margin-top:.3em}
.pb-card .meta{color:var(--muted);font-size:17px!important;margin:10px 0 0}
.pb-card{display:flex;flex-direction:column}
.pb-card .btn{margin-top:auto;align-self:flex-start}
.oneline{font-size:1.6rem;line-height:1.3;color:var(--navy);font-weight:720;letter-spacing:-.02em;max-width:760px}
.step.define{--accent:var(--blue)}.step.prove{--accent:var(--teal)}.step.distribute{--accent:var(--orange)}.step.enable{--accent:var(--purple)}
.step .eyebrow{color:var(--accent,#49617f)}
@media(max-width:700px){.reader-tag{font-size:13px!important;padding:2px 8px}}
.audit-grid{grid-template-columns:1fr}
.grid-2:has(> form[data-audit]){grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr)}
.question{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.question .scale{margin-top:0}
@media(max-width:900px){.grid-2:has(> form[data-audit]){grid-template-columns:1fr}.question{grid-template-columns:1fr}.question .scale{margin-top:10px}}


/* Deck alignment additions (v2.1): C-words, readers metaphor, proof ladder, PESO, surfaces, quick audit, stats */
.cword{display:block;width:max-content;margin:6px 0 0;padding:2px 9px;border-radius:999px;background:rgba(15,37,87,.08);color:var(--navy);font-size:13px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.pillar-card.meaning .cword{background:rgba(36,151,243,.14);color:#0b63a8}
.pillar-card.authority .cword{background:rgba(21,183,164,.14);color:#0c7c6f}
.pillar-card.presence .cword{background:rgba(255,122,47,.14);color:#b64e10}
.pillar-card.signals .cword{background:rgba(123,75,232,.14);color:#5a32b8}
.readers .reader{border-top:6px solid var(--line)}
.readers .reader.people{border-top-color:var(--blue)}
.readers .reader.market{border-top-color:var(--teal)}
.readers .reader.machine{border-top-color:var(--purple)}
.readers .tag{margin-bottom:10px}
.beforeafter .card.bad{border-left:6px solid #d64545}
.beforeafter .card.good{border-left:6px solid var(--teal)}
.beforeafter .quote{margin:12px 0 10px;font-size:1.25rem}
.proof-cols .card{position:relative}
.proof-cols .card.strongest{border:2px solid var(--teal);box-shadow:0 0 0 6px rgba(21,183,164,.12)}
.peso .card .tag,.proof-cols .card .tag,.surfaces .card .tag{margin-bottom:10px}
.surfaces .card p{margin:0;color:var(--navy)}
.surfaces .card.good{border:2px solid var(--teal);box-shadow:0 0 0 6px rgba(21,183,164,.12)}
.quick-audit{width:100%;border-collapse:separate;border-spacing:0}
.quick-audit th,.quick-audit td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.quick-audit thead th{text-transform:none;letter-spacing:0;font-size:19px}
.quick-audit thead th.people{box-shadow:inset 0 4px 0 var(--blue)}
.quick-audit thead th.market{box-shadow:inset 0 4px 0 var(--teal)}
.quick-audit thead th.machine{box-shadow:inset 0 4px 0 var(--purple)}
.quick-audit td:first-child{min-width:280px}
.quick-audit td:first-child strong{display:inline-block;width:28px;color:var(--navy)}
.rag{display:inline-flex;gap:6px}
.rag button{width:40px;height:40px;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:850;color:var(--muted);cursor:pointer;font-size:15px!important;padding:0}
.rag button[data-v=g].on{background:#1f9d55;border-color:#1f9d55;color:#fff}
.rag button[data-v=a].on{background:#f0a500;border-color:#f0a500;color:#fff}
.rag button[data-v=r].on{background:#d64545;border-color:#d64545;color:#fff}
.stats .stat{font-size:3rem;font-weight:850;color:var(--navy);letter-spacing:-.03em;line-height:1}
.stats .card p{margin-top:10px}
@media(max-width:700px){.readers,.peso,.proof-cols,.surfaces,.stats{grid-template-columns:1fr}.quick-audit td:first-child{min-width:0}.rag button{width:34px;height:34px}}


/* Mobile audit usability (v2.2): big tap targets, visible selection, sticky results bar, stacked quick grid */
form[data-audit] .scale{display:flex;gap:6px;flex-wrap:nowrap}
form[data-audit] .scale label{position:relative;flex:1 1 0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:2px solid var(--line);border-radius:12px;background:#fff;font-weight:800;color:var(--navy);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}
form[data-audit] .scale input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
form[data-audit] .scale label.on,form[data-audit] .scale label:has(input:checked){background:var(--navy);border-color:var(--navy);color:#fff}
form[data-audit] .scale label:focus-within{outline:3px solid rgba(36,151,243,.45);outline-offset:2px}
.question{gap:14px}
.audit-bar{display:none}
@media(max-width:900px){
  .question{display:block}
  .question .scale{margin-top:12px;width:100%}
  .audit-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--navy);color:#fff;box-shadow:0 -6px 24px rgba(15,37,87,.25);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
  .audit-bar .container{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .audit-bar span{font-weight:800;font-size:16px!important;line-height:1.3}
  .audit-bar .btn{padding:10px 16px;font-size:15px!important;white-space:nowrap}
  body:has(.audit-bar){padding-bottom:84px}
  .scorebox{position:static}
  /* quick grid stacks into cards */
  .quick-audit,.quick-audit tbody,.quick-audit tr,.quick-audit td{display:block;width:100%;min-width:0;box-sizing:border-box}
  .quick-audit td:first-child{min-width:0;white-space:normal}
  .quick-audit thead{display:none}
  .quick-audit tr{padding:14px 0;border-bottom:1px solid var(--line)}
  .quick-audit td{padding:6px 0;border:0}
  .quick-audit td:first-child{padding-bottom:10px;font-size:18px}
  .quick-audit td[data-r]{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}
  .quick-audit td[data-r]::before{content:attr(data-r);font-weight:800;color:var(--navy)}
  .rag button{width:44px;height:44px}
  .table-wrap:has(.quick-audit){overflow:visible;border:0;box-shadow:none;background:transparent}
}

/* Navigation (v2.3): plain text links, no underline, colour shift on hover */
.navlinks a:not(.nav-cta){text-decoration:none;color:var(--ink);font-weight:620;padding:8px 2px;transition:color .18s ease}
.navlinks a:not(.nav-cta):hover,.navlinks a:not(.nav-cta):focus-visible{color:var(--blue)}
.navlinks a[aria-current="page"]:not(.nav-cta){color:var(--blue);font-weight:750}
.navlinks a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}
.nav-cta{text-decoration:none;transition:background .18s ease,color .18s ease}
.nav-cta:hover{background:var(--blue)!important}
.brand:hover{color:var(--navy)}
@media(max-width:900px){.navlinks a:not(.nav-cta){padding:10px 0;font-size:19px}}