/* Become a full-time CEO only. Load after ceo-coaching.css. */
/* ===== Become a full-time CEO: program page only. Loaded after style.css and ceo.css ===== */

/* hero picture: the six months at a glance (the GTM page's .daycard, for six months) */
.prog-card li{grid-template-columns:78px minmax(0,1fr);align-items:baseline;padding:12px 0}
.prog-card li span{font-weight:700}
.prog-card li b small{display:block;margin-top:3px;font-size:14px;line-height:1.3;color:rgba(8,10,9,.72)}
.prog-card .dc2-foot{flex-wrap:wrap;gap:2px 14px}
.prog-card .dc2-foot span{font-size:15px;font-weight:700}

/* the feeling, in their words, and what we do about each */
.pains{margin-top:40px;border-top:2px solid var(--ink)}
.pains li{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,330px);gap:8px 14px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--paper-line)}
.pains .x{color:var(--red-btn);transform:translateY(-3px)}
.pain-q{font-family:var(--serif);font-weight:300;font-size:clamp(24px,1rem + 1vw,34px);line-height:1.2;letter-spacing:-.015em}
.pain-fix{display:block;margin-left:20px;padding:2px 0 2px 18px;border-left:2px solid var(--paper-line);font-size:15.5px;line-height:1.45;color:var(--ink-soft);text-decoration:none;transition:border-color .2s,color .2s}
.pain-fix b{display:block;font-size:14px;line-height:1.3;color:var(--red-btn)}
.pain-fix:hover{color:var(--ink);border-left-color:var(--red-btn)}
.pain-fix:hover span{text-decoration:underline;text-underline-offset:3px}
.pains-turn{margin-top:30px;max-width:780px;font-family:var(--serif);font-weight:300;font-size:clamp(22px,1rem + .6vw,28px);line-height:1.25;letter-spacing:-.01em}
.pains-turn em{font-style:italic;color:var(--red-btn)}
@media (max-width:900px){
  .pains li{grid-template-columns:30px minmax(0,1fr);gap:10px 8px}
  .pain-fix{grid-column:2;margin-left:0}
}

/* the roadmap: three columns, and the right one is a single sheet, your plate */
.rm{margin-top:52px}
.rm-row{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr) minmax(0,390px);column-gap:clamp(28px,3vw,48px)}
.rm-a,.rm-b{padding:34px 0 38px;border-top:1px solid var(--line)}
.rm-list>.rm-row:first-child>.rm-a,.rm-list>.rm-row:first-child>.rm-b{border-top:2px solid var(--paper)}
.rm-n{font-family:var(--display);font-size:15px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--lemon)}
.rm-t{margin-top:10px;font-family:var(--display);font-weight:400;font-size:clamp(30px,1rem + 1.2vw,40px);line-height:1;text-transform:uppercase;text-wrap:balance}
.rm-pain{margin-top:16px;font-family:var(--serif);font-weight:300;font-size:clamp(21px,1rem + .45vw,24px);line-height:1.22;letter-spacing:-.012em;color:var(--soft)}
.rm-do{margin-top:0;border-top:0}
.rm-do li{font-size:16px;line-height:1.5}
.rm-do b{color:var(--paper)}
.rm-do a{color:var(--paper)}
.rm-note{margin-top:14px;font-size:15px;line-height:1.5;color:var(--muted)}
.rm-c{padding:30px 28px 32px;background:var(--paper);color:var(--ink);border-top:1px dashed #a9aea6}
.rm-head .rm-c{border-top:0;border-radius:10px 10px 0 0;padding:24px 28px 14px;border-bottom:2px solid var(--ink)}
.rm-head .rm-c p{font-family:var(--display);font-size:clamp(28px,1rem + 1vw,36px);line-height:1;text-transform:uppercase}
.rm-list>.rm-row:first-child>.rm-c{border-top:0}
.rm-k{font-size:14px;font-weight:700;line-height:1.3;color:var(--ink-soft)}
.rm-off{margin-top:6px;font-size:20px;font-weight:700;line-height:1.4;color:#3f4640}
/* the strike: a red bar drawn through the text, line by line; ceo-program.js draws it when the month comes into view */
.plate-x{background:linear-gradient(var(--red-btn),var(--red-btn)) no-repeat 0 58%/100% 3px;transition:background-size .9s var(--ease) .2s}
.plate-x.is-pending{background-size:0 3px;transition:none}
.rm-off+.rm-k{margin-top:22px}
.rm-end{margin-top:6px}
.rm-end li{position:relative;padding:5px 0 5px 18px;font-size:15.5px;line-height:1.4}
.rm-end li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;background:var(--ink)}
/* the end of the sheet: what's left on your plate */
.rm-go{grid-column:1 / 3;padding-top:34px;border-top:1px solid var(--line)}
.rm-go-t{max-width:620px;font-family:var(--serif);font-weight:300;font-size:clamp(24px,1rem + .9vw,32px);line-height:1.2;letter-spacing:-.015em}
.rm-go-t em{font-style:italic;color:var(--red)}
.rm-go-b{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px 14px}
.rm-left{border-top:0;border-radius:0 0 10px 10px;background:var(--lemon)}
.rm-left .rm-k{color:var(--ink)}
.rm-left-t{margin-top:8px;font-family:var(--display);font-size:clamp(36px,1rem + 1.8vw,50px);line-height:.98;text-transform:uppercase;text-wrap:balance}
.rm-left-s{margin-top:10px;font-size:16px;line-height:1.4}
.rm-left :focus-visible{outline-color:var(--ink)}
@media (max-width:1180px){
  .rm-row{grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,320px)}
  .rm-c{padding:26px 22px 28px}
}
@media (max-width:980px){
  .rm{margin-top:40px}
  .rm-row{grid-template-columns:minmax(0,1fr)}
  .rm-head{display:none}
  .rm-list>.rm-row{padding-bottom:40px}
  .rm-a{padding:28px 0 0}
  .rm-b{padding:0;border-top:0}
  .rm-do{margin-top:18px;border-top:1px solid var(--line)}
  .rm-list>.rm-row:first-child>.rm-b{border-top:0}
  .rm-c,.rm-list>.rm-row:first-child>.rm-c{margin-top:22px;border-top:0;border-radius:8px}
  .rm-left{order:-1;border-radius:8px}
  .rm-go{grid-column:auto;padding-top:28px;border-top:0}
}
@media (max-width:720px){
  .rm-c{padding:22px 20px 24px}
  .rm-off{font-size:19px}
}

/* what changes by month 6: the scorecard (a .rep sheet from ceo.css) */
.score{max-width:960px}
.score .rep-band{margin-top:20px}
.score-cols,.score-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 210px;gap:8px 18px}
.score-cols{margin-top:20px;padding-bottom:10px;border-bottom:2px solid var(--ink);font-size:13.5px;font-weight:700;line-height:1.3;color:var(--ink-soft)}
.score-row{align-items:center;padding:16px 0;border-bottom:1px solid var(--paper-line)}
.score>.score-row:last-child{padding-bottom:0;border-bottom:0}
.s-what{font-size:17.5px;font-weight:700;line-height:1.35}
.s-what small{display:block;margin-top:2px;font-size:14.5px;font-weight:400;line-height:1.4;color:var(--ink-soft)}
.s-m1 b{font-size:16px;color:var(--ink-soft)}
.blank{display:inline-block;width:104px;height:24px;border-bottom:2px dashed #9aa198;vertical-align:middle}
.s-m6 b{font-family:var(--display);font-weight:400;font-size:clamp(24px,1rem + .6vw,30px);line-height:1;text-transform:uppercase;color:var(--red-btn)}
.s-lab{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:720px){
  .score-cols{display:none}
  .score-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
  .score .rep-band{padding-bottom:16px;border-bottom:2px solid var(--ink)}
  .s-what{grid-column:1 / -1}
  .s-lab{position:static;display:block;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.3;color:var(--ink-soft)}
}

/* format and price: how it runs on the left; the ticket and the refund terms on the right */
.pp{margin-top:44px}
.pp-k{margin-bottom:12px;font-size:15px;font-weight:700;line-height:1.3;color:var(--muted)}
.pp .terms{margin-top:0}
.pp .terms dt,.pp .terms dd{padding:13px 0;font-size:16px}
.pp .terms dt{padding-right:22px}
.pp-first{margin-top:22px}
.pp-r{display:grid;gap:16px;align-content:start}
.pp .ticket,.risk{width:100%;max-width:560px}
.pp .t-bot .t-later{margin-top:10px;font-size:14.5px;line-height:1.4}
.risk{padding:22px 24px 10px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:var(--r);background:var(--panel)}
.risk h3{font-size:18px;line-height:1.3}
.risk ul{margin-top:10px}
.risk li{padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5;color:var(--soft)}
.risk li b{display:block;font-size:16px;color:var(--paper)}
/* one column from 1180px down (style.css .split): there, the ticket and the refund terms sit side by side */
@media (min-width:721px) and (max-width:1180px){
  .pp-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .pp .ticket,.risk{max-width:none}
}
@media (max-width:720px){
  .pp .terms dt{padding-bottom:0}
  .pp .terms dd{padding-top:3px}
}

/* who you'll work with: .jose from ceo.css; past client proof, labeled as work before this program */
.jose-proof>.proof-note{grid-column:1/-1;margin-top:-6px;font-size:16px;line-height:1.5;color:var(--soft)}
.win-logo{height:28px;width:auto;flex:none}
.proof-quotes{margin-top:clamp(28px,3vw,40px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:860px){.proof-quotes{grid-template-columns:minmax(0,1fr)}}

/* the last call to action: the call first, the test for anyone not ready to talk */
.prog-book h2 em{font-style:normal;color:var(--red)}
.prog-book .book-card :focus-visible{outline-color:var(--ink)}
.start-links{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.start-call .start-links .btn{margin-top:0}