/* ============================================================
   Partner playbook v2 — restyle on top of playbook.css to match the
   new partner site (DESIGN.md: light tight headings, eyebrows with
   accent rule, hairlines, square edges) + visual section components.
   ============================================================ */
:root{--text-3:#5B6573;--muted:#8C93A6;--line:#ECECEC;--line-2:#E4E4E1;--accent:#1028E0;--accent-soft:#EEF1FF;--accent-line:#C9D2FF;--surface-2:#FAFAF9;--surface-3:#F3F3F1;}
body{font-size:16px;line-height:1.65;}
.content{max-width:1080px;padding:8px 40px 88px;}
@media (max-width:640px){.content{padding:8px 20px 80px;}}

/* headings + eyebrows */
.section{padding-top:56px;}
.section-label{display:inline-flex;align-items:center;gap:12px;font-size:12.5px!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase;color:var(--text-3)!important;}
.section-label::before{content:"";width:26px;height:1px;background:var(--accent);}
.section h2{margin-top:16px;font-size:40px;font-weight:400!important;letter-spacing:-1.2px!important;line-height:1.06;}
.rule{display:none;}
.intro{margin-top:18px;font-size:17.5px;line-height:1.62;color:var(--text-3);max-width:62ch;}
@media (max-width:640px){.section h2{font-size:30px;letter-spacing:-.7px!important;}.intro{font-size:16px;}}
.sub-h{margin-top:44px;font-size:12.5px;font-weight:500!important;letter-spacing:.5px!important;color:var(--text-3);}
.sub-h::before{height:1px;width:26px;}

/* hero */
.hero{padding:52px 44px 48px;margin-top:28px;}
.hero-tag{display:inline-flex!important;align-items:center;gap:12px;background:none!important;border:0!important;padding:0!important;color:rgba(255,255,255,.66)!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.5px!important;}
.hero-tag::before{content:"";width:26px;height:1px;background:var(--accent-hi);}
.hero h1{margin-top:4px;font-size:46px;line-height:1.04;letter-spacing:-1.6px!important;max-width:820px;}
.hero .sub{font-size:18px;line-height:1.6;max-width:56ch;}
@media (max-width:640px){.hero{padding:36px 22px;}.hero h1{font-size:32px;letter-spacing:-.9px!important;}.hero .sub{font-size:16px;}}

/* callouts: prose style */
.callout{background:#F6F7F9;border:0;border-left:3px solid var(--accent);padding:18px 20px;}
.callout .ic{display:none;}
.callout p{font-size:15px;color:var(--text-2,#45474C);}

/* chips */
.chip{background:#fff;border-color:var(--line-2);color:var(--text-2,#45474C);}

/* sidebar polish */
.sidebar{background:#fff;}
.nav a.active{background:var(--accent-soft);border-left-color:var(--accent);}
.nav a:hover{background:var(--surface-2);}
.topbar{background:rgba(255,255,255,.9);}

.pb-ic{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}

/* ---------- AI vs automation lanes ---------- */
.lanes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;}
.lane{border:1px solid var(--line-2);background:#fff;}
.lane-h{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);}
.lane-h .li{width:44px;height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;}
.lane-h .li svg{width:22px;height:22px;}
.lane.auto .li{background:var(--surface-3);color:var(--ink,#0B0B0C);}
.lane.ai .li{background:var(--accent);color:#fff;}
.lane-h b{display:block;font-size:19px;font-weight:500;color:#0B0B0C;letter-spacing:-.3px;}
.lane-h span{font-size:13.5px;color:var(--muted);}
.lane-g{display:grid;grid-template-columns:1fr 1fr;}
.lane-t{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.35;color:#0B0B0C;}
.lane-t:nth-child(-n+2){border-top:0;}
.lane-t:nth-child(odd){border-right:1px solid var(--line);}
.lane-t svg{width:22px;height:22px;}
.lane.auto .lane-t svg{color:var(--text-3);}
.lane.ai .lane-t svg{color:var(--accent);}
.combo{margin-top:20px;border:1px solid var(--line-2);background:var(--surface-2);padding:22px;}
.combo-h{font-size:12.5px;letter-spacing:.5px;text-transform:uppercase;font-weight:500;color:var(--text-3);}
.combo-f{display:flex;align-items:stretch;gap:0;margin-top:16px;}
.combo-n{flex:1;min-width:0;background:#fff;border:1px solid var(--line-2);border-top:3px solid var(--line-2);padding:14px;}
.combo-n.ai{border-top-color:var(--accent);} .combo-n.hu{border-top-color:#0B0B0C;}
.combo-n .t{display:inline-block;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;padding:3px 7px;background:var(--surface-3);color:var(--text-3);}
.combo-n.ai .t{background:var(--accent-soft);color:var(--accent);} .combo-n.hu .t{background:#0B0B0C;color:#fff;}
.combo-n p{margin:10px 0 0;font-size:14px;line-height:1.4;color:#0B0B0C;}
.combo-a{flex:0 0 28px;display:flex;align-items:center;justify-content:center;color:var(--muted);}
.combo-a svg{width:16px;height:16px;}
.combo-n.end{background:#0B0B0C;border-color:#0B0B0C;border-top-color:#0B0B0C;}
.combo-n.end .t{background:rgba(255,255,255,.12);color:#fff;} .combo-n.end p{color:#fff;}
@media (max-width:860px){.lanes{grid-template-columns:1fr;}.combo-f{flex-direction:column;}.combo-a{flex-basis:24px;transform:rotate(90deg);}}

/* ---------- icon chips (philosophy) ---------- */
.ichips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.ichip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line-2);background:#fff;font-size:14px;color:#0B0B0C;}
.ichip svg{width:17px;height:17px;color:var(--accent);}

/* ---------- business functions icon grid ---------- */
.fgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:32px;}
.fgrid > *{background:#fff;box-shadow:0 0 0 1px var(--line);}
.fcell{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:18px 16px 18px;min-height:118px;font-size:14px;line-height:1.3;color:#0B0B0C;transition:background .18s;}
.fcell:hover{background:var(--surface-2);}
.fcell .fi{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);}
.fcell .fi svg{width:20px;height:20px;}
.fcell span:last-child{margin-top:auto;}
@media (max-width:1100px){.fgrid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:640px){.fgrid{grid-template-columns:repeat(2,1fr);}.fcell{min-height:104px;}}

/* ---------- opportunity matrix filters ---------- */
.mfilter{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px;}
.mfilter button{font-family:inherit;font-size:13px;font-weight:500;padding:8px 12px;min-height:36px;border:1px solid var(--line-2);background:#fff;color:#45474C;cursor:pointer;transition:background .16s,color .16s,border-color .16s;}
.mfilter button:hover{border-color:#0B0B0C;color:#0B0B0C;}
.mfilter button[aria-pressed="true"]{background:#0B0B0C;border-color:#0B0B0C;color:#fff;}
.mcount{margin-top:14px;font-size:13.5px;color:var(--muted);}
table.matrix tr.is-off{display:none;}
table.matrix thead th{background:#0B0B0C;font-weight:500;letter-spacing:.5px;}
.table-wrap{border-color:var(--line-2);}

/* ---------- buying signals checker ---------- */
.sigbox{margin-top:28px;border:1px solid var(--line-2);}
.sigmeter{position:sticky;top:64px;z-index:5;display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;padding:18px 22px;background:#0B0B0C;color:#fff;}
.sigmeter .lbl{font-size:16px;letter-spacing:-.2px;}
.sigmeter .cnt{font-size:13.5px;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums;}
.sigmeter .track{grid-column:1/-1;height:6px;background:rgba(255,255,255,.14);position:relative;overflow:hidden;}
.sigmeter .fill{position:absolute;inset:0;background:var(--accent-hi,#8FA2FF);transform-origin:left;transform:scaleX(0);transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s;}
.sigmeter.hot .fill{background:#5A82FF;}
.sigmeter .go{grid-column:1/-1;display:none;align-items:center;gap:8px;justify-self:start;height:40px;padding:0 16px;background:#fff;color:#0B0B0C;font-size:14px;font-weight:600;}
.sigmeter.hot .go{display:inline-flex;}
.sigmeter .go svg{width:16px;height:16px;}
.siggrid{display:grid;grid-template-columns:1fr 1fr;}
.sig-item{display:flex;align-items:center;gap:14px;width:100%;padding:15px 22px;border:0;border-top:1px solid var(--line);background:#fff;font-family:inherit;font-size:15px;line-height:1.35;color:#0B0B0C;text-align:left;cursor:pointer;transition:background .16s;}
.sig-item:nth-child(odd){border-right:1px solid var(--line);}
.sig-item:hover{background:var(--surface-2);}
.sig-item .bx{flex:0 0 auto;width:22px;height:22px;border:1.5px solid #9A9FA7;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .16s,border-color .16s;}
.sig-item .bx svg{width:14px;height:14px;opacity:0;transition:opacity .16s;}
.sig-item[aria-pressed="true"]{background:var(--accent-soft);}
.sig-item[aria-pressed="true"] .bx{background:var(--accent);border-color:var(--accent);}
.sig-item[aria-pressed="true"] .bx svg{opacity:1;}
.sig-note{margin-top:14px;font-size:13.5px;color:var(--muted);}
@media (max-width:640px){.siggrid{grid-template-columns:1fr;}.sig-item:nth-child(odd){border-right:0;}.sigmeter{top:64px;padding:14px 16px;}.sig-item{padding:14px 16px;}}

/* ---------- delivery phases ---------- */
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;}
.phase{border:1px solid var(--line-2);background:#fff;}
.phase-h{padding:18px 20px;border-bottom:1px solid var(--line);}
.phase-h .k{font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:500;color:var(--accent);}
.phase-h b{display:block;margin-top:4px;font-size:21px;font-weight:400;letter-spacing:-.4px;color:#0B0B0C;}
.phase:nth-child(2) .phase-h{background:var(--surface-2);}
.phase:nth-child(3) .phase-h{background:#0B0B0C;border-color:#0B0B0C;}
.phase:nth-child(3) .phase-h .k{color:#8FA2FF;} .phase:nth-child(3) .phase-h b{color:#fff;}
.phase ol{list-style:none;margin:0;padding:18px 20px 22px;}
.phase li{position:relative;display:grid;grid-template-columns:36px 1fr;column-gap:14px;padding-bottom:18px;}
.phase li:last-child{padding-bottom:0;}
.phase li::before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--accent-line);}
.phase li:last-child::before{display:none;}
.phase .nd{grid-row:span 2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--accent);color:var(--accent);background:#fff;font-size:13px;font-weight:600;position:relative;z-index:1;}
.phase .x{font-size:15.5px;font-weight:500;color:#0B0B0C;padding-top:6px;}
.phase .d{font-size:13.5px;color:var(--text-3);line-height:1.45;margin-top:2px;}
.phase-arrow{display:none;}
@media (max-width:900px){.phases{grid-template-columns:1fr;}}

h1,h2{text-wrap:balance;}