/* Tier 2 design pass, lane t2-2: offers and thank-yous (2026-10-25). Linked last on:
   /portfolio-review-session/ (t2-prs), /portfolio-sample-in-a-day/ (t2-psid), /shop/ (t2-shop), /job-search-packs/ (t2-jsp),
   /portfolio-blueprint/ (t2-bp), /learnmore/ (t2-lm), /train-your-team/ (t2-tyt): body.t2o
   the seven thank-yous: body.t2ty (t2ty-prs, -psid, -psidr, -shop, -jsp, -bp, -lm)
   Markup: Tools/scripts/design_t2_t2-2_2026_10_25.py. Layout only; words unchanged. Built on DESIGN SYSTEM v4 (lsd-refresh.css). */

/* ══════════ ROUND 1 ══════════ */

/* ---------- 1. Shared offer template ---------- */
/* Mid-page navy panels keep their top padding (a calm-zone rule zeroed it on the pricing panel) */
body.t2o section.sec-navy:is(:has(~ section.sec-navy),:has(~ section h2)) > .container{padding-top:72px !important}
@media (max-width:720px){body.t2o section.sec-navy:is(:has(~ section.sec-navy),:has(~ section h2)) > .container{padding-top:48px !important;padding-bottom:44px !important}}

/* Hero: the facts under the buttons as one quiet row (no wrapping pills) */
body.t2o .pg-hero .pg-chips{gap:10px 22px;margin-top:28px}
body.t2o .pg-hero .pg-chip{background:none !important;border:0 !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 !important;
  font:600 14px/1.4 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:rgba(255,255,255,.88) !important;white-space:nowrap}
body.t2o .pg-hero .pg-chip .st,body.t2o .pg-hero .pg-chip svg{color:var(--sky) !important}
body.t2o .pg-hero .pg-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sky,#8FE8ED);flex:0 0 auto}
body.t2o .pg-hero .pg-chip:has(.st)::before,body.t2o .pg-hero .pg-chip:has(svg)::before{display:none}
@media (max-width:720px){body.t2o .pg-hero .pg-chips{flex-direction:column;align-items:flex-start;gap:10px;margin-top:24px}body.t2o .pg-hero .pg-chip{white-space:normal}}

/* Hero card (what you leave with): the price line reads as a real price */
body.t2o .aida-hero-card .ah-price{font:500 30px/1 var(--font-display);color:#fff}
body.t2o .aida-hero-card .ah-price small{font:600 13px/1.4 var(--font-body);letter-spacing:.01em;color:rgba(255,255,255,.78);margin-top:6px;text-transform:none}
body.t2o .aida-hero-card .ah-eyebrow{font:600 13px/1.3 var(--font-body) !important;letter-spacing:.02em !important;text-transform:none !important;color:var(--sky) !important}

/* Section heads: one rhythm */
body.t2o .sec .head{margin-bottom:40px}
body.t2o .sec .head.left{max-width:var(--ds-read)}
body.t2o .sec .head > p{font-size:17px;line-height:1.65}

/* Body copy at the reading measure, a little larger and darker */
body.t2o .np-body{font-size:16.5px !important;line-height:1.75 !important;color:var(--ink-soft,#3F5260)}
body.t2o .np-body.strong,body.t2o .np-body b{color:var(--navy)}
body.t2o .sec > .container[style*="max-width:860px"]{max-width:calc(var(--ds-read) + 64px) !important}

/* One answer card: "the real deal" and "protect" notes */
body.t2o :is(.np-honest,.np-protect){background:var(--ds-tint,#EEF6F4) !important;border:1px solid var(--ds-tint-line,rgba(10,104,112,.16));border-radius:18px !important;box-shadow:none;
  max-width:var(--ds-read) !important;margin-left:auto !important;margin-right:auto !important;padding:22px 26px !important;font-size:15.5px !important}
body.t2o .np-protect{max-width:none !important}

/* Steps rail: numbers as circles, on the reading grid */
body.t2o .steps .snum{border-radius:50% !important}

/* Mid-page price panels */
body.t2o .price-card{border-radius:22px !important}
body.t2o .price-card .p-tag{font:600 13px/1 var(--font-body) !important;letter-spacing:.02em !important;text-transform:none !important;padding:8px 16px !important}
body.t2o .price-card .p-amount .n{font-weight:500}
body.t2o .price-card .p-amount .per{font:600 14px/1 var(--font-body);color:rgba(255,255,255,.75)}
body.t2o .price-card .p-sub{font-size:14.5px;color:rgba(255,255,255,.82)}
body.t2o .price-card li{font-size:15px;color:rgba(255,255,255,.9)}
body.t2o .price-card .p-fine,body.t2o .price-card .p-note{font-size:13.5px !important;color:rgba(255,255,255,.72) !important}
body.t2o .pause-card{border-radius:22px}
body.t2o .pause-card p{font-size:15px;color:rgba(255,255,255,.82)}

/* The mini note from Jill: a round photo, the system card */
body.t2o .mini-jill{border-radius:22px;box-shadow:var(--ds-shadow) !important;border:1px solid var(--ds-line)}
body.t2o .mini-jill .mj-photo{border-radius:50% !important;border:0;width:112px;height:112px}
body.t2o .mini-jill p{font-size:15.5px;line-height:1.7}
body.t2o .mini-jill .mj-name{font:600 14px/1.3 var(--font-body);color:var(--sienna);margin-bottom:8px}

/* One quote family (the system quote): white card, teal mark, display face, sienna byline */
body.t2o .q-light{padding:28px 28px 24px !important;border-radius:22px !important}
body.t2o .np-quotes{align-items:stretch}
body.t2o .np-quotes .q-light{display:flex !important;flex-direction:column}
body.t2o .np-quotes .q-light > div:last-child{display:flex;flex-direction:column;flex:1}
body.t2o .np-quotes .q-light .qa{margin-top:auto;padding-top:16px}

/* FAQ: on the reading grid, flat rows */
body.t2o .faq-list{max-width:var(--ds-read)}

/* The questions block above the closing panel: one tinted panel */
body.t2o .cs-block{padding:8px 0 56px !important;background:transparent !important}
body.t2o .cs-block > .container{max-width:var(--ds-read) !important;background:var(--ds-tint,#EEF6F4);border:1px solid var(--ds-tint-line,rgba(10,104,112,.16));border-radius:20px;
  padding:26px 30px !important;text-align:left !important}
body.t2o .cs-block h2{font-size:22px !important;margin:0 0 6px !important}
body.t2o .cs-block p{font-size:15.5px !important;color:var(--ink-soft) !important}
@media (max-width:720px){body.t2o .cs-block > .container{margin:0 24px;padding:22px 20px !important}}

/* The closing panel: room above, one primary, the secondary as an arrow link */
body.t2o section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)) .arrow-link{color:var(--sky) !important}
body.t2o section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)) .container > div[style*="margin-top:32px"]{align-items:center}
body.t2o section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)) p[style*="font-size:13px"],
body.t2o section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)) .micro{color:rgba(255,255,255,.72) !important}

/* Sticky phone CTA never sits on the back-to-top button */
@media (max-width:720px){body.t2o:has(.sticky-cta.show) .ds-totop{bottom:86px}}

/* ---------- 2. Portfolio Review Session (t2-prs) ---------- */
/* Stat band: four even columns on desktop, one even 2x2 on phones */
html body.t2-prs .statband{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:none}
html body.t2-prs .statband .statcard.statcard{max-width:none;background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:8px 24px}
html body.t2-prs .statband .statcard.statcard + .statcard{border-left:1px solid rgba(255,255,255,.16)}
@media (max-width:720px){
  html body.t2-prs .statband{grid-template-columns:1fr 1fr;row-gap:28px}
  html body.t2-prs .statband .statcard.statcard{padding:4px 10px}
  html body.t2-prs .statband .statcard.statcard:nth-child(3){border-left:0}
}
/* What I look for: seven cards, numbered, one card style; the seventh spans as the outcome */
html body.t2-prs.calm .jshq-grid{gap:18px !important}
html body.t2-prs .jshq-grid .jshq-card{background:#fff !important;border-radius:20px !important;box-shadow:var(--ds-shadow) !important;border:1px solid var(--ds-line) !important;padding:26px 26px 24px !important}
html body.t2-prs .jshq-grid .jshq-card:hover{transform:none}
html body.t2-prs .jshq-grid .jshq-card .j-ic{font:500 15px/1 var(--font-display) !important;width:36px !important;height:36px !important;border-radius:50% !important;display:grid !important;place-items:center;justify-content:center !important;background:var(--ds-tint,#EEF6F4) !important;color:var(--ds-teal-text,#0A6870) !important;margin-bottom:16px !important}
html body.t2-prs .jshq-grid .jshq-card h3{font-size:19px !important}
html body.t2-prs .jshq-grid .jshq-card p{font-size:15px;line-height:1.65}
html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"]{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:18px;align-items:center;background:var(--ds-tint,#EEF6F4) !important;border-color:var(--ds-tint-line) !important;box-shadow:none !important}
html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"] .j-ic{grid-row:1 / 3;margin:0 !important;background:#fff !important}
html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"] h3{margin:0 0 4px}
@media (max-width:720px){
  html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"]{display:block;background:#fff !important;border-color:var(--ds-line) !important;box-shadow:var(--ds-shadow) !important}
  html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"] .j-ic{margin-bottom:16px !important;background:var(--ds-tint,#EEF6F4) !important}
}
/* Why trust my read: four grad quotes as the system quote card */
html body.t2-prs.calm .wa-grid{gap:20px !important;max-width:var(--ds-wide);margin:0 auto}
html body.t2-prs .wa-grid .wa{background:#fff !important;border:1px solid var(--ds-line) !important;border-radius:22px !important;box-shadow:var(--ds-shadow) !important;padding:28px 30px 26px !important}
html body.t2-prs .wa-grid .wa:hover{transform:none}
html body.t2-prs .wa-grid .wa .w-lbl{font:600 13px/1.3 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--sienna) !important;margin-bottom:12px}
html body.t2-prs .wa-grid .wa .w-quote{border:0 !important;background:none !important;padding:0 !important;border-radius:0 !important;font:400 18px/1.55 var(--font-display) !important;color:var(--navy) !important;flex:1}
html body.t2-prs .wa-grid .wa .w-quote::before{content:"\201C";display:block;font:400 54px/.8 Georgia,serif;height:30px;margin-bottom:6px;background:linear-gradient(160deg,#8FE8ED,#1FC3CC);-webkit-background-clip:text;background-clip:text;color:transparent}
html body.t2-prs .wa-grid .wa .w-quote b{font-weight:500;color:var(--navy)}
html body.t2-prs .wa-grid .wa .w-attr{font:600 13.5px/1.4 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--ds-attr,#8A4F2E) !important;margin-top:16px}
/* The hiring manager story: an answer card, not a third quote style */
html body.t2-prs.calm .story-card{max-width:var(--ds-read) !important;margin:40px auto 0 !important;background:var(--ds-tint,#EEF6F4) !important;border:1px solid var(--ds-tint-line) !important;border-radius:20px !important;padding:28px 32px !important}
html body.t2-prs.calm .story-card .st-lbl{font:600 13px/1.3 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--sienna) !important}
html body.t2-prs.calm .story-card p{font-size:16.5px !important;line-height:1.75 !important;font-family:var(--font-body) !important;letter-spacing:0 !important;color:var(--ink-soft) !important}
html body.t2-prs.calm .story-card p b{color:var(--navy)}
@media (max-width:720px){body.t2-prs .wa-grid{gap:16px}html body.t2-prs .wa-grid .wa{padding:22px 20px !important}html body.t2-prs.calm .story-card{padding:22px 20px !important}}
/* Pricing: the panel balanced, side notes top-aligned */
body.t2-prs .price-wrap{max-width:980px;gap:28px;align-items:start}
body.t2-prs .price-side{gap:16px}
html body.t2-prs .price-side .pause-card{padding:26px 26px}
/* 10-second test frame on the wide grid */
body.t2-prs .tst{max-width:900px;margin-left:auto;margin-right:auto}

/* ---------- 3. Portfolio Sample in a Day (t2-psid) ---------- */
html body.t2-psid.calm section.sec.t2-offer > .container{border-top:0 !important;max-width:calc(var(--ds-read) + 64px) !important;background:none !important;box-shadow:none !important;padding:0 32px !important;border-radius:0 !important}
html body.t2-psid.calm section.sec.t2-offer.ds-band{padding:80px 0 !important}
body.t2-psid .t2-offer h2{color:var(--navy) !important}
body.t2-psid .t2-offer .np-body{color:var(--ink-soft) !important}
@media (max-width:720px){html body.t2-psid.calm section.sec.t2-offer.ds-band{padding:56px 0 !important}html body.t2-psid.calm section.sec.t2-offer > .container{border-top:0 !important;padding:0 24px !important}}
/* LEAD: one card style, letters solid */
body.t2-psid .np-lead .lt{border-radius:20px;box-shadow:var(--ds-shadow) !important;border:1px solid var(--ds-line);padding:26px 24px}
body.t2-psid .np-lead .lt .ltr{font-weight:500;font-size:40px;color:var(--ds-teal-text,#0A6870)}
body.t2-psid .np-lead .lt h3{font-size:19px}
body.t2-psid .np-lead .lt p{font-size:15px}
/* Two ways to join: prices with weight, the side notes as quiet rows */
body.t2-psid .np-prices{gap:24px}
body.t2-psid .np-under{gap:24px}
body.t2-psid .np-ph{white-space:nowrap}
/* Before/after: the annotation cards as one row of answer cards */
body.t2-psid .psd-pins > div{border-radius:16px !important;font-size:14.5px !important;line-height:1.6 !important}
body.t2-psid .psd-ann .psd-pane{border-radius:18px !important}

/* ---------- 4. Shop (t2-shop) ---------- */
body.t2-shop .shop-group{max-width:var(--ds-wide)}
body.t2-shop .shop-group + .shop-group{margin-top:64px}
body.t2-shop .shop-gh{border-bottom:1px solid var(--ds-line);padding-bottom:14px;margin-bottom:24px}
body.t2-shop .shop-gh p{font-size:15px;color:var(--ink-soft)}
body.t2-shop .np-cards{gap:20px;align-items:stretch}
body.t2-shop .np-card{border-radius:20px !important;box-shadow:var(--ds-shadow) !important;border:1px solid var(--ds-line) !important;border-top:1px solid var(--ds-line) !important;padding:26px 26px 24px !important;text-align:left !important}
body.t2-shop .np-card :is(h3,p){text-align:left !important}
body.t2-shop .np-card .tag{font:600 13px/1 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--sienna) !important;background:none !important;padding:0 !important;margin:0 0 12px !important}
body.t2-shop .np-card h3{font-size:21px !important;line-height:1.3;margin:0 0 10px !important}
body.t2-shop .np-card p{font-size:15px !important;line-height:1.65 !important}
body.t2-shop .np-card .np-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:20px;border-top:1px solid var(--ds-line);margin-top:auto}
body.t2-shop .np-card p + .np-foot,body.t2-shop .np-card p:last-of-type{margin-bottom:0}
body.t2-shop .np-card .np-foot{margin-top:22px}
body.t2-shop .np-card > p{flex:1}
body.t2-shop .shop-item .price{margin:0 !important;font:500 30px/1 var(--font-display) !important;color:var(--navy) !important;text-align:left !important}
body.t2-shop .shop-item .price small{display:block;margin:6px 0 0 !important;font:600 13px/1.3 var(--font-body);color:var(--ink-faint)}
body.t2-shop .shop-item .btn{align-self:center;margin:0 !important;padding:14px 22px !important;font-size:13px !important}
/* A lone card fills its row as a wide card */
body.t2-shop .np-cards.two:has(> .np-card:only-of-type){grid-template-columns:1fr !important}
@media (min-width:761px){
  body.t2-shop .np-cards.two > .np-card:only-of-type{display:grid !important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:48px;align-items:start}
  body.t2-shop .np-cards.two > .np-card:only-of-type > :not(.np-foot){grid-column:1}
  body.t2-shop .np-cards.two > .np-card:only-of-type .np-foot{grid-column:2;grid-row:1 / 4;align-self:center;border-top:0;border-left:1px solid var(--ds-line);padding:4px 0 4px 40px;margin:0;flex-direction:column;align-items:flex-start;gap:16px}
}
/* Work with me: its own band, the two bigger offers */
body.t2-shop .t2-work{padding:72px 0 80px !important}
body.t2-shop .t2-work .shop-gh{border-bottom-color:rgba(10,104,112,.16)}
body.t2-shop section.sec-paper:has(.shop-group):not(.t2-work){padding-bottom:72px !important}
/* The Resource Hub as the closing panel */
body.t2-shop .t2-free h2 .script{color:var(--sky)}
/* Phones: the $7 tools swipe; the rest stack */
@media (max-width:720px){
  body.t2-shop .shop-gh{flex-direction:column;gap:4px}
  body.t2-shop .np-cards.ds-swipe > *{flex-basis:82% !important}
}

/* ---------- 5. Job Search Packs (t2-jsp) ---------- */
body.t2-jsp .jsp-packs{gap:20px;align-items:stretch}
body.t2-jsp .jsp-pack{border-radius:22px !important;overflow:hidden;box-shadow:var(--ds-shadow) !important;border:1px solid var(--ds-line) !important;display:flex;flex-direction:column}
body.t2-jsp .jsp-pack .top{padding:26px 26px 22px !important}
body.t2-jsp .jsp-pack .top .k{font:600 13px/1 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--sky) !important;margin-bottom:10px}
body.t2-jsp .jsp-pack .top h3{font-size:22px !important;line-height:1.25}
body.t2-jsp .jsp-pack .top p{font-size:15px !important;color:rgba(255,255,255,.84) !important}
body.t2-jsp .jsp-pack .body{display:flex;flex-direction:column;flex:1;padding:22px 26px 26px !important}
body.t2-jsp .jsp-tool b{font-size:16px !important;color:var(--navy)}
body.t2-jsp .jsp-tool span{font-size:14.5px !important;line-height:1.6 !important}
body.t2-jsp .jsp-pack .buy{margin-top:auto !important;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.t2-jsp .jsp-pack .buy .amt{font:500 32px/1 var(--font-display) !important;color:var(--navy)}
body.t2-jsp .jsp-pack .buy .amt small{display:block;margin:6px 0 0 !important;font:600 13px/1.2 var(--font-body) !important;color:var(--ink-faint) !important;letter-spacing:.01em}
body.t2-jsp .jsp-pack .buy .btn{padding:14px 22px !important;font-size:13px !important}
body.t2-jsp .jsp-bundle{border-radius:22px !important;margin-top:24px !important;padding:30px 36px !important}
body.t2-jsp .jsp-bundle h3{font-size:24px !important}
body.t2-jsp .jsp-bundle p{font-size:15.5px !important;color:rgba(255,255,255,.84) !important}
body.t2-jsp .jsp-bundle .amt{font:500 40px/1 var(--font-display) !important}
body.t2-jsp .jsp-bundle .amt s{font-size:20px;color:rgba(255,255,255,.6);margin-right:10px}
/* Proof + review: the quote and the review note side by side */
@media (min-width:861px){
  body.t2-jsp section.calm-zone > .container{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;max-width:var(--ds-wide)}
  body.t2-jsp section.calm-zone .q-light{max-width:none !important;margin:0 !important}
  body.t2-jsp section.calm-zone .np-under{margin:0 !important;max-width:none}
  body.t2-jsp section.calm-zone .np-under .np-box{height:100%}
}
body.t2-jsp .np-box{background:var(--ds-tint,#EEF6F4) !important;border:1px solid var(--ds-tint-line) !important;border-radius:20px !important;padding:28px 30px !important;display:flex;flex-direction:column;justify-content:center}
body.t2-jsp .np-box h3{font-size:21px !important}
body.t2-jsp .q-light .qt{font-size:20px !important}
@media (max-width:720px){
  body.t2-jsp .jsp-packs.ds-swipe > *{flex-basis:86% !important}
  body.t2-jsp .jsp-bundle{padding:24px 22px !important}
}

/* ---------- 6. Portfolio Blueprint (t2-bp) ---------- */
body.t2-bp .sec p + p{margin-top:1.05em}
body.t2-bp .sec > .container > div[style*="max-width:760px"]{max-width:var(--ds-read) !important}
body.t2-bp .sec > .container > div[style*="max-width:760px"] p{font-size:16.5px;line-height:1.75;color:var(--ink-soft)}
body.t2-bp .sec > .container > div[style*="max-width:760px"] p b{color:var(--navy)}
body.t2-bp #optinHeldTop{max-width:var(--ds-read) !important;border-left:0 !important;background:#fff !important;border:1px solid rgba(172,113,77,.28) !important;border-radius:16px;padding:16px 20px !important;font-size:15px !important}
body.t2-bp .tldr{max-width:var(--ds-read)}
/* The six pieces: two columns, each card its own height */
body.t2-bp .t2-pieces{display:grid !important;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:start;max-width:var(--ds-wide);margin:0 auto}
body.t2-bp .t2-pieces .xcard{border-radius:18px !important;box-shadow:none !important;border:1px solid var(--ds-line) !important;background:#fff}
body.t2-bp .t2-pieces .xcard summary{align-items:center;padding:20px 22px !important}
body.t2-bp .t2-pieces .xcard .xnum{font:500 26px/1 var(--font-display) !important;color:var(--ds-teal-text,#0A6870) !important;min-width:44px}
body.t2-bp .t2-pieces .xcard .xhead{font:500 18px/1.35 var(--font-display) !important;color:var(--navy)}
body.t2-bp .t2-pieces .xcard .xbody{padding:0 22px 22px 88px !important}
body.t2-bp .t2-pieces .xcard .xbody p{font-size:15px;line-height:1.65;color:var(--ink-soft)}
body.t2-bp .t2-pieces .xcard[open]{border-color:var(--ds-tint-line) !important;background:var(--ds-tint,#EEF6F4)}
body.t2-bp #pieces > .container > p{max-width:var(--ds-read) !important;font-size:15.5px}
@media (max-width:720px){body.t2-bp .t2-pieces{grid-template-columns:1fr}body.t2-bp .t2-pieces .xcard .xbody{padding:0 20px 20px !important}}
/* The build order, drawn */
body.t2-bp .t2-order{list-style:none;margin:0 auto 40px;padding:0;max-width:var(--ds-wide);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:none}
body.t2-bp .t2-order li{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font:500 17px/1.3 var(--font-display);color:var(--navy);padding:0 12px}
body.t2-bp .t2-order li b{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid var(--teal,#1FC3CC);font:500 20px/1 var(--font-display);color:var(--ds-teal-text,#0A6870);position:relative;z-index:1}
body.t2-bp .t2-order li:first-child b{background:linear-gradient(160deg,#8FE8ED,#1FC3CC);border-color:transparent;color:var(--navy)}
body.t2-bp .t2-order li + li::before{content:"";position:absolute;top:26px;right:calc(50% + 26px);width:calc(100% - 52px);height:2px;background:linear-gradient(90deg,rgba(31,195,204,.25),#1FC3CC)}
@media (max-width:720px){
  body.t2-bp .t2-order{grid-template-columns:1fr 1fr;row-gap:24px;margin-bottom:32px}
  body.t2-bp .t2-order li:nth-child(3)::before{display:none}
  body.t2-bp .t2-order li{font-size:15.5px}
}
/* The sign-up panel as the closing panel: the form readable on navy */
body.t2-bp #get form label{color:rgba(255,255,255,.84) !important;font-size:14px !important}
body.t2-bp #get form input{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.3) !important;min-height:50px}
body.t2-bp #get form .btn{width:100%;min-width:0 !important;padding:18px 28px !important}
body.t2-bp #get #optinHeld{font-size:14px !important;color:rgba(255,255,255,.78) !important;max-width:460px;margin-left:auto !important;margin-right:auto !important}
body.t2-bp section:has(> .container > .byline){padding:40px 0 64px !important}

/* ---------- 7. Learn more (t2-lm) ---------- */
body.t2-lm .lm-opts-sec{padding-bottom:88px !important}
body.t2-lm .lm-doors-sec{padding-top:88px !important}
body.t2-lm .lm-opts{align-items:stretch !important;gap:24px !important;max-width:var(--ds-wide)}
body.t2-lm .lm-card{border-radius:22px !important;box-shadow:var(--ds-shadow) !important;border:1px solid var(--ds-line) !important;border-top:1px solid var(--ds-line) !important;padding:32px 32px 30px !important}
body.t2-lm .lm-tag{font:600 13px/1 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--sienna) !important;background:none !important;padding:0 !important;margin-bottom:12px !important;display:block}
body.t2-lm .lm-card h3{font-size:24px !important;line-height:1.25 !important}
body.t2-lm .lm-card .lm-lede{font-size:15.5px !important;line-height:1.7 !important}
body.t2-lm .lm-links{margin-top:22px !important;border-top:1px solid var(--ds-line)}
body.t2-lm .lm-links li{padding:16px 0 !important;border-bottom:1px solid var(--ds-line) !important;border-top:0 !important}
body.t2-lm .lm-links li a{font:600 16px/1.35 var(--font-body) !important;text-decoration:none !important;color:var(--ds-teal-text,#0A6870) !important}
body.t2-lm .lm-links li a::after{content:"\2192";margin-left:8px}
body.t2-lm .lm-links li span{font-size:14.5px !important;color:var(--ink-soft) !important;margin-top:4px}
body.t2-lm .lm-aida-go{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
body.t2-lm #lmAidaBtn{white-space:normal !important;text-align:center;letter-spacing:.06em !important;line-height:1.35 !important;padding:16px 24px !important;font-size:13px !important;width:100%;justify-content:center}
body.t2-lm .lm-aida-call{font:600 15px/1 var(--font-body);color:var(--ds-teal-text,#0A6870) !important}
body.t2-lm .lm-wait{border-top:1px solid var(--ds-line);margin-top:22px !important;padding-top:20px}
body.t2-lm .lm-psiad{font-size:14.5px !important;line-height:1.65 !important;background:var(--ds-tint,#EEF6F4);border-radius:14px;padding:16px 18px !important;margin-top:22px !important}
body.t2-lm .lm-doors{max-width:var(--ds-wide);gap:24px !important;align-items:start !important}
body.t2-lm .lm-call-card{background:var(--ds-tint,#EEF6F4) !important;border-color:var(--ds-tint-line) !important;box-shadow:none !important}
body.t2-lm .lm-card h2{font-size:28px !important}
body.t2-lm .lm-field span{font:600 13.5px/1.3 var(--font-body) !important;letter-spacing:.01em !important;color:var(--navy) !important}
body.t2-lm .lm-field :is(input,select,textarea){border-radius:12px !important;border:1px solid rgba(22,51,63,.18) !important;background:#fff !important;min-height:48px}
body.t2-lm .lm-call-card .btn{width:100%;justify-content:center}
/* Who you'd talk to: the photo round */
body.t2-lm .lm-jill-photo img{border-radius:50% !important;width:200px;height:200px;object-fit:cover}
/* Quotes: the lead quote in the same family, full width above the three */
body.t2-lm .lm-lead-quote{max-width:var(--ds-wide);margin:0 auto;background:#fff;border:1px solid var(--ds-line);border-radius:22px;box-shadow:var(--ds-shadow);padding:32px 40px 28px;text-align:left}
body.t2-lm .lm-lead-quote::before{content:"\201C";display:block;font:400 60px/.8 Georgia,serif;height:34px;margin-bottom:8px;background:linear-gradient(160deg,#8FE8ED,#1FC3CC);-webkit-background-clip:text;background-clip:text;color:transparent}
body.t2-lm .lm-lead-quote .qt{font:400 24px/1.45 var(--font-display) !important;color:var(--navy) !important;margin:0;text-align:left}
body.t2-lm .lm-lead-quote .qa{font:600 13.5px/1.4 var(--font-body) !important;color:var(--ds-attr,#8A4F2E) !important;margin-top:16px;text-align:left;letter-spacing:.01em;text-transform:none}
body.t2-lm .np-quotes{max-width:var(--ds-wide);margin-left:auto;margin-right:auto}
/* What happens next: round numbers, one card */
body.t2-lm .lm-steps{gap:20px !important}
body.t2-lm .lm-step{border-radius:20px !important;box-shadow:var(--ds-shadow) !important;border:1px solid var(--ds-line) !important;padding:28px 26px !important}
body.t2-lm .lm-step .ty-num{border-radius:50% !important;width:40px !important;height:40px !important;font-size:17px !important}
body.t2-lm .lm-step h3{font-size:20px !important}
body.t2-lm .lm-step p{font-size:15px !important;line-height:1.65 !important}
body.t2-lm .t2-what > .container{max-width:calc(var(--ds-read) + 64px) !important}
@media (max-width:720px){
  body.t2-lm .lm-card{padding:24px 20px !important}
  body.t2-lm .lm-lead-quote{padding:24px 22px}
  body.t2-lm .lm-lead-quote .qt{font-size:20px !important}
  body.t2-lm .lm-jill-photo img{width:120px;height:120px}
}

/* ---------- 8. Train Your Team (t2-tyt) ---------- */
/* The daylight hero keeps its own colors: no dark scrim behind the nav */
body.t2-tyt .nav:not(.scrolled):not(.light-mode)::before{display:none}
body.t2-tyt .pg-hero.le-light{padding-bottom:96px}
body.t2-tyt .pg-hero.le-light .pg-sub{font-size:18px;line-height:1.65;max-width:62ch;margin-left:auto;margin-right:auto}
body.t2-tyt .pg-hero.le-light .pg-chip{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;color:var(--navy) !important;font:600 14px/1.4 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important}
body.t2-tyt .pg-hero.le-light .pg-chip::before{background:var(--teal,#1FC3CC)}
body.t2-tyt .pg-hero.le-light .pg-chips{justify-content:center}
/* What's included: six features as numbered cards on the wide grid */
body.t2-tyt .b2b-feats{max-width:var(--ds-wide) !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important;counter-reset:feat}
body.t2-tyt .b2b-feat{counter-increment:feat;display:block !important;background:#fff;border:1px solid var(--ds-line) !important;border-radius:20px !important;box-shadow:var(--ds-shadow) !important;padding:26px 26px 24px !important}
body.t2-tyt .b2b-feat .dot{display:grid !important;place-items:center;width:36px !important;height:36px !important;border-radius:50% !important;background:var(--ds-tint,#EEF6F4) !important;margin:0 0 16px !important}
body.t2-tyt .b2b-feat .dot::before{content:counter(feat);font:500 15px/1 var(--font-display);color:var(--ds-teal-text,#0A6870)}
body.t2-tyt .b2b-feat b{display:block;font:500 19px/1.3 var(--font-display) !important;color:var(--navy) !important;margin-bottom:8px}
body.t2-tyt .b2b-feat span:not(.dot){display:block;font-size:15px !important;line-height:1.65 !important;color:var(--ink-soft) !important}
@media (max-width:980px){body.t2-tyt .b2b-feats{grid-template-columns:1fr 1fr !important}}
@media (max-width:720px){body.t2-tyt .b2b-feats{grid-template-columns:1fr !important;gap:14px !important}body.t2-tyt .b2b-feat{padding:22px 20px !important}}
/* A peek at the work: on the wide grid, the arrows outside the row */
body.t2-tyt .peek .peek-more a{font:600 15px/1 var(--font-body);color:var(--ds-teal-text,#0A6870);text-decoration:none}
/* Roles: the glass cards on navy, tags in sky */
body.t2-tyt .who-card{border-radius:20px !important}
body.t2-tyt .who-card .w-tag{font:600 13px/1.3 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--sky) !important}
body.t2-tyt .who-card h3{font-size:20px !important}
body.t2-tyt .who-card p{font-size:15px !important;color:rgba(255,255,255,.84) !important}
/* Steps */
body.t2-tyt .steps .s-links a{font:600 15px/1 var(--font-body);color:var(--ds-teal-text,#0A6870) !important}
/* Curriculum + team pricing: two tiles on the wide grid, one card style (syllabus-optin.css is read-only; overridden here) */
body.t2-tyt #curriculum{padding:24px 0 72px !important;background:transparent !important}
body.t2-tyt #curriculum .so-pair{max-width:var(--ds-wide) !important;margin:0 auto !important;padding:0 32px;gap:24px !important;align-items:stretch}
body.t2-tyt #curriculum .so-tile{border-radius:22px !important;padding:34px 34px 32px !important;display:flex;flex-direction:column;align-items:flex-start}
body.t2-tyt #curriculum .so-tile:not(.so-accent){background:#fff !important;border:1px solid var(--ds-line) !important;box-shadow:var(--ds-shadow) !important}
body.t2-tyt #curriculum .so-tile.so-accent{background:var(--ds-tint,#EEF6F4) !important;border:1px solid var(--ds-tint-line) !important;box-shadow:none !important}
body.t2-tyt #curriculum .so-tile h3{font-size:24px !important;line-height:1.25;margin-bottom:10px}
body.t2-tyt #curriculum .so-tile p{font-size:15.5px !important;line-height:1.7 !important;color:var(--ink-soft) !important;margin-bottom:22px}
body.t2-tyt #curriculum .so-tile .btn{margin-top:auto}
body.t2-tyt #curriculum .so-tile:not(.so-accent)::before{content:"PDF";display:grid;place-items:center;width:48px;height:56px;border-radius:8px;margin-bottom:18px;
  background:linear-gradient(160deg,#FDF4EB,#F6D0B6);color:var(--sienna,#8A4F2E);font:700 12px/1 var(--font-body);letter-spacing:.06em;box-shadow:inset 0 0 0 1px rgba(172,113,77,.25)}
@media (max-width:720px){body.t2-tyt #curriculum .so-pair{padding:0 24px}body.t2-tyt #curriculum .so-tile{padding:26px 22px !important}}

/* ---------- 9. Thank-yous (t2ty): the current thank-you template ---------- */
body.t2ty .ty-hero{text-align:center;padding-top:110px !important;padding-bottom:72px !important}
body.t2ty .ty-hero .container{max-width:900px !important;margin:0 auto}
body.t2ty .ty-hero h1{margin-left:auto !important;margin-right:auto !important;text-align:center !important;max-width:none !important}
body.t2ty .ty-hero .pg-sub{margin-left:auto !important;margin-right:auto !important;text-align:center !important;max-width:58ch !important;color:rgba(255,255,255,.88) !important}
body.t2ty .t2-check{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(160deg,#8FE8ED,#1FC3CC);color:var(--navy,#223A4C);font-size:26px;font-weight:700}
body.t2ty .t2-bought{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font:600 13.5px/1.35 var(--font-body);color:var(--sky,#8FE8ED)}
body.t2ty .ty-steps{margin-top:0 !important;max-width:900px;margin-left:auto;margin-right:auto}
body.t2ty .t2-k{margin:56px 0 4px;text-align:center;font:500 clamp(30px,3.4vw,40px)/1.2 var(--font-display);color:var(--navy,#223A4C)}
body.t2ty .ty-step{border-radius:22px !important;box-shadow:var(--ds-shadow) !important;border:1px solid var(--ds-line) !important}
body.t2ty .ty-num{border-radius:50% !important}
body.t2ty .ty-step .btn{padding:17px 34px !important;font-size:14px !important;margin-top:6px;white-space:normal;text-align:center}
body.t2ty .ty-next{background:var(--ds-tint,#EEF6F4) !important;border:1px solid var(--ds-tint-line) !important;border-radius:20px !important}
body.t2ty .ty-help{background:transparent !important;padding:32px 24px 8px !important;margin:0 !important;font-size:15px !important;color:var(--ink-soft) !important;text-align:center}
body.t2ty .ty-help + section,body.t2ty .ty-help + .cs-block{padding-top:28px !important}
body.t2ty .cs-block{background:transparent !important;padding:28px 0 72px !important}
body.t2ty .cs-block > .container{max-width:720px !important;background:var(--ds-tint,#EEF6F4);border:1px solid var(--ds-tint-line,rgba(10,104,112,.16));border-radius:18px;padding:26px 30px !important;text-align:left !important}
body.t2ty .cs-block h2{font-size:22px !important;margin:0 0 8px !important}
body.t2ty .cs-block p{font-size:15px !important;color:var(--ink-soft) !important;overflow-wrap:break-word !important}
body.t2ty section.sec-paper:has(.ty-steps){padding-bottom:64px !important}
body.t2ty .np-ph{white-space:nowrap}
@media (max-width:720px){
  body.t2ty .ty-hero{padding-top:96px !important;padding-bottom:56px !important}
  html body.t2ty .ty-hero .container :is(h1,p,.pg-sub){text-align:center !important;margin-left:auto !important;margin-right:auto !important}
  body.t2ty .t2-bought{display:flex;justify-content:center}
  body.t2ty .t2-k{margin-top:40px}
  body.t2ty .cs-block > .container{margin:0 24px;padding:22px 20px !important}
}
/* The review thank-you: the scheduler in a framed card, the prep as three cards */
body.t2ty-prs .t2-sched{padding:72px 0 64px !important}
body.t2ty-prs .t2-sched .head,body.t2ty-prs .t2-prep .head{text-align:center;max-width:var(--ds-read);margin:0 auto 32px}
body.t2ty-prs .t2-frame{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--ds-line);border-radius:22px;box-shadow:var(--ds-shadow);overflow:hidden}
body.t2ty-prs .t2-frame iframe{display:block;width:100%;height:760px;border:0;background:#fff}
body.t2ty-prs .t2-fallback{text-align:center;margin-top:22px}
body.t2ty-prs .t2-fallback p{font-size:14.5px;color:var(--ink-soft);margin:0 0 12px}
body.t2ty-prs .t2-prep{padding:80px 0 !important}
body.t2ty-prs .t2ty-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:var(--ds-wide);margin:0 auto}
body.t2ty-prs .t2ty-card{background:#fff;border:1px solid var(--ds-line);border-radius:20px;box-shadow:var(--ds-shadow);padding:28px 26px 26px}
body.t2ty-prs .t2ty-card .ty-num{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(160deg,#8FE8ED,#1FC3CC);color:var(--navy);font:600 17px/1 var(--font-display);margin-bottom:16px}
body.t2ty-prs .t2ty-card h3{font-size:20px;line-height:1.3;color:var(--navy);margin:0 0 10px}
body.t2ty-prs .t2ty-card p{font-size:15px;line-height:1.65;color:var(--ink-soft);margin:0}
body.t2ty-prs .cs-block{padding-top:0 !important}
@media (max-width:860px){body.t2ty-prs .t2ty-cards{grid-template-columns:1fr}body.t2ty-prs .t2-frame iframe{height:680px}}
@media (max-width:720px){body.t2ty-prs .t2-frame{margin:0 -8px}}
/* The learnmore thank-you: the call card, then three equal cards */
body.t2ty-lm .ty-steps{margin-top:48px !important;max-width:980px}
body.t2ty-lm .ty-step-solo h2{font-size:clamp(26px,2.8vw,32px) !important}
body.t2ty-lm .lmt-cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important}
body.t2ty-lm .lmt-card{border-radius:20px !important;box-shadow:var(--ds-shadow) !important;text-align:left !important;align-items:flex-start !important}
body.t2ty-lm .lmt-card :is(h3,p){text-align:left !important}
body.t2ty-lm .lmt-go{color:var(--ds-teal-text,#0A6870) !important;font-weight:600}
body.t2ty-lm .lmt-pod{border-radius:22px !important}
body.t2ty-lm .lmt-pod-more a{color:var(--sky,#8FE8ED) !important}
body.t2ty-lm .lmt-ep{border-radius:16px !important}
@media (max-width:860px){body.t2ty-lm .lmt-cards{grid-template-columns:1fr !important}}
/* round 1 fixes after the first look */
body.t2o .sec > .container > div[style*="max-width:720px"] > p{font-size:17px !important;line-height:1.75 !important;color:var(--ink-soft)}
html body.t2-prs .jshq-grid .jshq-card p{font-size:15px !important;line-height:1.65 !important}
html body.t2-prs .jshq-grid .jshq-card .j-ic{width:40px !important;height:40px !important;font-size:16px !important}
@media (min-width:881px){body.t2-prs .price-wrap{align-items:center}}
/* shop: a site-wide .np-card rule (another component) centered the cards' children with a 46px gap */
body.t2-shop .np-card{align-items:stretch !important;gap:0 !important;max-width:none !important;margin:0 !important}
body.t2-shop .np-card .tag{align-self:flex-start}
@media (max-width:720px){body.t2-shop .np-card h3{text-wrap:balance}}
@media (max-width:720px){body.t2-shop .np-card h3{font-size:19px !important}body.t2-shop .np-card{padding:22px 20px 20px !important}}
@media (max-width:720px){body.t2-shop .np-cards.ds-swipe > *{flex-basis:88% !important}body.t2-shop .np-cards.ds-swipe .np-card h3{font-size:18px !important}}
@media (max-width:720px){body.t2-shop .np-cards.ds-swipe > *{flex:0 0 min(300px,86vw) !important}}
/* packs: the three bodies start on one line (subgrid rows) */
@media (min-width:721px){
  body.t2-jsp .jsp-packs{display:grid !important;grid-template-rows:auto 1fr}
  body.t2-jsp .jsp-pack{display:grid !important;grid-template-rows:subgrid;grid-row:span 2}
}
/* phones: the hero byline follows the hero's left alignment */
@media (max-width:720px){body.t2o .pg-hero :is(.created-by,.pg-byline){text-align:left !important;margin-left:0 !important}}
body.t2-bp section:has(> .container > .byline) > .container{border-top:0 !important}
html body.t2-bp.calm section.sec.ds-band#order{padding:88px 0 !important}
html body.t2-bp.calm section.sec.ds-band#order > .container{border-top:0 !important;padding-top:0 !important}
html body.t2-bp.calm section.sec.ds-band#order + section.sec{padding-top:88px !important}
html body.t2-bp.calm section.sec.ds-band#order + section.sec > .container{border-top:0 !important;padding-top:0 !important}
body.t2-bp .t2-order li b{background:#fff}
/* learnmore fixes */
body.t2o .sec-navy .np-body{color:rgba(255,255,255,.86) !important}
body.t2o .sec-navy .np-body b{color:#fff}
body.t2-lm .lm-lead-quote::before{display:none}
body.t2-lm .lm-lead-quote{border-left:3px solid var(--teal,#1FC3CC)}
@media (min-width:861px){body.t2-lm .lm-opts{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) !important;align-items:start !important}}
body.t2-lm .lm-card h2,body.t2-lm .lm-card h3{text-wrap:balance}
/* TYT fixes */
body.t2-tyt #curriculum .so-tile.so-accent{justify-content:center}
body.t2-tyt #curriculum .so-tile.so-accent .btn{margin-top:4px}
body.t2-tyt .who-card h3{text-wrap:balance}
@media (max-width:720px){body.t2-tyt .who-grid.ds-swipe > *{flex:0 0 min(310px,86vw) !important}}
/* thank-you fixes */
body.t2ty-lm .ty-hero{margin-bottom:0 !important}
body.t2ty-lm .ty-hero + section{padding-top:56px !important}
body.t2ty-lm .ty-steps{margin-top:0 !important}
html body.t2ty-lm section .lmt-pod p.lmt-pod-more a[href]{color:var(--sky,#8FE8ED) !important;text-decoration-color:rgba(143,232,237,.5) !important}
html body.t2ty-lm section .lmt-pod p.lmt-pod-more{color:rgba(255,255,255,.6)}
@media (max-width:720px){body.t2-lm .lm-card h2{font-size:24px !important}}
/* phones: price panels fit their column; long notes left-aligned; tall swipe rows don't stretch */
@media (max-width:880px){body.t2o .price-wrap,body.t2o .np-prices,body.t2o .np-under{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:720px){
  body.t2o .price-card{padding:30px 22px 24px !important}
  body.t2o .price-card .p-amount .n{font-size:48px}
  body.t2o .mini-jill{text-align:left;justify-items:start;padding:26px 22px !important}
  body.t2o .mini-jill .mj-photo{width:88px;height:88px}
  body.t2-prs .jshq-grid.ds-swipe{align-items:flex-start}
  body.t2o section.sec-navy .btn{letter-spacing:.08em}
}
body.t2-psid .psd-skill .k{font:600 13px/1.3 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--sky) !important}
body.t2-psid .psd-skill{border-radius:22px !important}
body.t2-psid .psd-skill p{font-size:15.5px !important;color:rgba(255,255,255,.84) !important}
body.t2-psid .psd-ann .bar span{font:600 13px/1 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important}
@media (max-width:720px){body.t2-jsp .jsp-packs.ds-swipe{align-items:flex-start}body.t2-jsp .jsp-pack .buy{margin-top:20px !important}}
/* TYT: no scroll anchoring jumps (something above resizes once the page scrolls) */
html:has(body.t2-tyt){overflow-anchor:none}

/* ══════════ ROUND 2 (after the round-1 independent ratings) ══════════ */
/* Phones: one 24px gutter for content, boxes and panels */
@media (max-width:720px){body.t2o .container{padding-left:24px;padding-right:24px}body.t2o .cs-block > .container{margin:0 24px}}
/* Phones: buttons on one line (smaller type and tracking), hero buttons full width */
@media (max-width:720px){
  html body.t2o .btn.btn.btn.btn.btn.btn.btn:not(#lmAidaBtn){white-space:nowrap !important;font-size:12px !important;letter-spacing:.05em !important;padding-left:16px !important;padding-right:16px !important;line-height:1.2 !important}
  body.t2o .pg-hero .hero-ctas .btn{width:100%;justify-content:center;text-align:center}
  html body:not(.v2) section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)) > .container{padding-left:16px !important;padding-right:16px !important}
}
/* Hero facts: one stacked list on every width (no wrapping row), same marker on each */
body.t2o .pg-hero:not(.le-light) .pg-chips{flex-direction:column;align-items:flex-start;gap:10px}
body.t2o .pg-hero .pg-chip .st{color:inherit !important;font:inherit !important;margin:0 -4px 0 0}
body.t2o .pg-hero .pg-chip:has(.st)::before{display:block}
body.t2o .pg-hero .pg-chip svg{display:none}
body.t2o .pg-hero .pg-chip:has(svg)::before{display:block}
/* Phones: the hero card repeats the offer below it, so it steps aside (as on the AIDA subpages) */
@media (max-width:720px){body.t2o .pg-hero .grad-card-wrap{display:none}}
/* Hero: the copy column sits level with the offer card */
@media (min-width:901px){body.t2o .pg-hero-grid{align-items:center}}
body.t2o .pg-hero:not(.le-light) .pg-sub{color:rgba(255,255,255,.88) !important;font-weight:400 !important}
/* Quote marks: one size and color */
html body.t2o .wa-grid .wa .w-quote::before,body.t2o .lm-lead-quote::before{font-size:64px !important;height:34px !important}

/* ---------- Review session ---------- */
/* Stat band: a light card under the dark hero (three dark panels left: steps, pricing, close) */
html body.t2-prs section.sec-navy:has(.statband){background:transparent !important;padding:40px 0 8px !important;border:0 !important}
html body.t2-prs section.sec-navy:has(.statband) > .container{background:#fff !important;border:1px solid var(--ds-line) !important;box-shadow:var(--ds-shadow) !important;padding:36px 40px !important}
html body.t2-prs .statband .statcard.statcard .num{color:var(--navy) !important}
html body.t2-prs .statband .statcard.statcard .num em{color:var(--ds-teal-text,#0A6870) !important}
html body.t2-prs .statband .statcard.statcard .cap{color:var(--ink-soft) !important}
html body.t2-prs .statband .statcard.statcard + .statcard{border-left:1px solid var(--ds-line) !important}
@media (max-width:720px){
  html body.t2-prs section.sec-navy:has(.statband) > .container{padding:8px 22px !important;margin:0 24px !important}
  html body.t2-prs .statband{grid-template-columns:1fr !important;row-gap:0 !important}
  html body.t2-prs .statband .statcard.statcard{display:grid !important;grid-template-columns:118px minmax(0,1fr);align-items:center;text-align:left !important;padding:16px 0 !important;border-left:0 !important}
  html body.t2-prs .statband .statcard.statcard + .statcard{border-top:1px solid var(--ds-line) !important;border-left:0 !important}
  html body.t2-prs .statband .statcard.statcard .cap{margin:0 !important;font-size:14px !important}
}
/* What I look for: seven flat items, 4 + 3, one treatment (no card boxes, so no empty card bottoms) */
html body.t2-prs.calm .jshq-grid.jshq-grid{display:flex !important;flex-wrap:wrap;justify-content:center;gap:40px 36px !important;max-width:var(--ds-wide);margin:0 auto}
html body.t2-prs .jshq-grid .jshq-card,html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"]{flex:0 0 calc((100% - 108px) / 4);display:block !important;background:none !important;border:0 !important;border-top:2px solid rgba(10,104,112,.22) !important;border-radius:0 !important;box-shadow:none !important;padding:22px 0 0 !important}
html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"] .j-ic{background:var(--ds-tint,#EEF6F4) !important;margin:0 0 14px !important}
html body.t2-prs .jshq-grid .jshq-card h3{margin:0 0 8px !important}
@media (max-width:980px) and (min-width:721px){html body.t2-prs .jshq-grid .jshq-card,html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"]{flex-basis:calc((100% - 36px) / 2)}}
@media (max-width:720px){
  html body.t2-prs.calm .jshq-grid.jshq-grid{display:block !important;margin:0 !important;padding:0 !important;overflow:visible !important}
  html body.t2-prs .jshq-grid .jshq-card,html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"]{display:grid !important;grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:20px 0 !important;border-top:1px solid var(--ds-line) !important}
  html body.t2-prs .jshq-grid .jshq-card .j-ic{grid-row:1 / 3;margin:0 !important}
  body.t2-prs .jshq-grid + .ds-dots{display:none}
}
/* Pricing: the reasons as two glass cards that fill the column beside the price card; one marker */
@media (min-width:881px){body.t2-prs .price-wrap{align-items:stretch !important}}
html body.t2-prs.calm .price-side{display:flex;flex-direction:column;gap:18px}
html body.t2-prs.calm .price-side .pause-card{flex:1;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:22px !important;padding:28px 28px !important}
html body.t2-prs .price-side .pause-card h3 .pi{font-size:0 !important;width:10px;height:10px;border-radius:50%;background:var(--sky,#8FE8ED);flex:0 0 auto}

/* ---------- Portfolio Sample in a Day ---------- */
/* Copy placeholders read as quiet blanks, not orange chips (the words stay for Jill) */
html body.t2o .np-ph{background:none !important;border:0 !important;border-bottom:1.5px dashed currentColor !important;border-radius:0 !important;padding:0 1px !important;color:inherit !important;font:inherit !important;box-shadow:none !important}
body.t2o .sec-navy .np-ph{color:var(--sky,#8FE8ED) !important}
/* Two ways to join: the buttons share a line */
body.t2-psid .np-prices .price-card .p-note{min-height:3.3em}
@media (max-width:880px){body.t2-psid .np-prices{gap:40px !important}body.t2-psid .np-prices .price-card .p-note{min-height:0}}
/* We build it together: heading beside the text on the wide grid */
@media (min-width:901px){html body.t2-psid.calm section.sec.t2-offer > .container{max-width:calc(var(--ds-wide) + 64px) !important;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
  body.t2-psid .t2-offer .head{margin:0 !important}body.t2-psid .t2-offer .head h2{font-size:clamp(34px,3.4vw,44px) !important}}
/* Before/after: each frame its own height */
body.t2-psid .psd-ann{align-items:start !important}
/* Two skills on a light band */
html body.t2-psid .t2-skills h2{color:var(--navy) !important}
html body.t2-psid .t2-skills .psd-skill{background:#fff !important;border:1px solid var(--ds-line) !important;box-shadow:var(--ds-shadow) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
html body.t2-psid .t2-skills .psd-skill .k{color:var(--sienna) !important}
html body.t2-psid .t2-skills .psd-skill h3{color:var(--navy) !important}
html body.t2-psid .t2-skills .psd-skill p{color:var(--ink-soft) !important}
body.t2-psid .t2-skills .psd-two{max-width:var(--ds-wide);margin:0 auto}
@media (max-width:720px){
  body.t2-psid .np-lead{grid-template-columns:1fr 1fr !important;gap:12px !important}
  body.t2-psid .np-lead .lt{padding:18px 16px !important}
  body.t2-psid .np-lead .lt .ltr{font-size:30px}
  body.t2-psid .np-lead .lt h3{font-size:16.5px !important}
  body.t2-psid .np-lead .lt p{font-size:14px !important}
  body.t2o .steps .step h3{font-size:18px !important}
}

/* ---------- Shop ---------- */
body.t2-shop{background:#FBF7F2}
body.t2-shop section.sec-paper:not(.ds-band){background:transparent !important}
body.t2-shop .t2-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
body.t2-shop .t2-jump a{font:600 14px/1 var(--font-body);color:#fff !important;text-decoration:none !important;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:11px 18px;background:rgba(255,255,255,.06)}
body.t2-shop .t2-jump a:hover{background:rgba(255,255,255,.14)}
/* Work with me first, set apart */
body.t2-shop .t2-work{padding:72px 0 !important}
body.t2-shop .t2-work .np-card h3{font-size:26px !important}
body.t2-shop .t2-work .shop-item .price{font-size:38px !important}
body.t2-shop .t2-work .np-card{padding:32px 32px 28px !important}
/* Workshops and kits share a row (2 + 1) */
@media (min-width:901px){
  body.t2-shop section:has(#quick-tools) > .container{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:24px;row-gap:64px;max-width:calc(var(--ds-wide) + 64px)}
  body.t2-shop #quick-tools{grid-column:1 / -1}
  body.t2-shop section:has(#quick-tools) .shop-group + .shop-group{margin-top:0}
  body.t2-shop #kits-and-packs .np-cards{grid-template-columns:1fr !important}
}
html body.t2-shop #kits-and-packs .np-cards.two > .np-card:only-of-type{display:flex !important;flex-direction:column}
html body.t2-shop #kits-and-packs .np-cards.two > .np-card:only-of-type .np-foot{border-left:0;border-top:1px solid var(--ds-line);padding:20px 0 0;flex-direction:row;align-items:center;margin-top:22px}
body.t2-shop #kits-and-packs .shop-gh,body.t2-shop #workshop-recordings .shop-gh{min-height:60px}
/* Icon tiles */
body.t2-shop .t2-ico{display:block;width:46px;height:46px;border-radius:14px;background:var(--ds-tint,#EEF6F4);position:relative;margin-bottom:16px}
body.t2-shop .t2-ico::after{content:"";position:absolute;inset:11px;background:var(--ds-teal-text,#0A6870);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
body.t2-shop .t2-work .t2-ico{background:linear-gradient(160deg,#8FE8ED,#1FC3CC)}
body.t2-shop .t2-work .t2-ico::after{background:var(--navy,#223A4C)}
body.t2-shop .t2-ico-doc{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M7 3h7l4 4v14H7z'/><path d='M14 3v4h4M10 12h5M10 15h5M10 18h3'/></svg>")}
body.t2-shop .t2-ico-chat{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4 5h16v10H9l-5 4z'/><path d='M8 9h8M8 12h5'/></svg>")}
body.t2-shop .t2-ico-in{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='3.5' width='17' height='17' rx='3'/><path d='M8 10v6M8 7.5v.2M12 16v-6M12 13c0-2 1.2-3 2.6-3S17 11 17 13v3'/></svg>")}
body.t2-shop .t2-ico-offer{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v18M16.5 7.5c0-1.7-2-3-4.5-3s-4.5 1.3-4.5 3 2 2.6 4.5 3 4.5 1.4 4.5 3.2-2 3.3-4.5 3.3-4.5-1.4-4.5-3.1'/></svg>")}
body.t2-shop .t2-ico-brief{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='7' width='17' height='12' rx='2'/><path d='M9 7V5h6v2M3.5 12h17'/></svg>")}
body.t2-shop .t2-ico-stack{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4l8 4-8 4-8-4z'/><path d='M4 12l8 4 8-4M4 16l8 4 8-4'/></svg>")}
body.t2-shop .t2-ico-day{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='5' width='16' height='15' rx='2'/><path d='M4 10h16M9 3v4M15 3v4M9 14l2 2 4-4'/></svg>")}
body.t2-shop .t2-ico-eye{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='6.5'/><path d='M16 16l4.5 4.5M8.5 11h5M11 8.5v5'/></svg>")}
body.t2-shop .cs-block{padding-top:64px !important}
@media (max-width:720px){body.t2-shop .np-foot .btn{min-width:150px;justify-content:center}body.t2-shop .t2-work{padding:56px 0 !important}body.t2-shop .t2-work .np-card h3{font-size:22px !important}}

/* ---------- Job Search Packs ---------- */
@media (max-width:720px){body.t2-jsp .jsp-packs.ds-swipe{align-items:stretch !important}body.t2-jsp .jsp-pack .buy{margin-top:auto !important}}
body.t2-jsp section.calm-zone .q-light{box-shadow:none !important;border:1px solid var(--ds-line) !important;display:flex !important;flex-direction:column;justify-content:center}
@media (min-width:861px){body.t2-jsp section.calm-zone > .container{grid-template-columns:1fr 1fr !important}}

/* ---------- Blueprint ---------- */
html body.t2-bp #optinHeldTop{background:none !important;border:0 !important;padding:0 0 0 18px !important;position:relative;color:var(--ink-soft)}
html body.t2-bp #optinHeldTop::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--peach,#F6C9AE);box-shadow:0 0 0 3px rgba(246,201,174,.35)}
body.t2-bp .t2-hero-cta{margin-top:30px;text-align:center}
body.t2-bp .t2-toc{max-width:var(--ds-read);margin:28px auto 0;background:#fff;border:1px solid var(--ds-line);border-radius:20px;padding:24px 28px;box-shadow:var(--ds-shadow)}
body.t2-bp .t2-toc-k{font:600 13px/1 var(--font-body);color:var(--sienna);margin:0 0 12px}
body.t2-bp .t2-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;display:grid;gap:2px}
body.t2-bp .t2-toc li{counter-increment:toc}
body.t2-bp .t2-toc a{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid var(--ds-line);font:600 15.5px/1.4 var(--font-body);color:var(--navy) !important;text-decoration:none !important}
body.t2-bp .t2-toc li:first-child a{border-top:0}
body.t2-bp .t2-toc a::before{content:counter(toc,decimal-leading-zero);font:500 15px/1 var(--font-display);color:var(--ds-teal-text,#0A6870);min-width:22px}
body.t2-bp .t2-toc a:hover{color:var(--ds-teal-text,#0A6870) !important}
/* The six pieces: one column of numbered rows, so an open row never leaves a gap beside it */
body.t2-bp .t2-pieces{grid-template-columns:1fr !important;max-width:860px !important;gap:12px !important}
html body.t2-bp .t2-pieces .xcard .xtoggle{width:32px !important;height:32px !important;border-radius:50% !important;border:1.5px solid rgba(22,51,63,.3) !important;background:#fff !important;display:grid !important;place-items:center;font:400 20px/1 var(--font-body) !important;color:var(--navy) !important;transform:none !important;box-shadow:none !important;margin-left:auto}
html body.t2-bp .t2-pieces .xcard[open] .xtoggle{transform:rotate(45deg) !important;border-color:var(--teal,#1FC3CC) !important}
html body.t2-bp .t2-pieces .xcard .xtoggle::before,html body.t2-bp .t2-pieces .xcard .xtoggle::after{display:none !important}
body.t2-bp .t2-pieces .xcard summary{display:flex !important;gap:18px}
/* The build order on the reading grid, one style per step */
body.t2-bp .t2-order{max-width:var(--ds-read) !important}
body.t2-bp .t2-order li:first-child b{background:#fff !important;border:1.5px solid var(--teal,#1FC3CC) !important;color:var(--ds-teal-text,#0A6870) !important}
@media (max-width:720px){
  body.t2-bp .t2-order{grid-template-columns:1fr !important;row-gap:0 !important;max-width:none !important}
  body.t2-bp .t2-order li{flex-direction:row !important;text-align:left !important;gap:16px !important;padding:0 0 22px !important;font-size:16.5px !important}
  body.t2-bp .t2-order li b{width:44px !important;height:44px !important;flex:0 0 auto}
  body.t2-bp .t2-order li + li::before,body.t2-bp .t2-order li:nth-child(3)::before{display:block !important;top:auto !important;bottom:calc(100% - 0px) !important;left:21px !important;right:auto !important;width:2px !important;height:22px !important;background:#1FC3CC !important}
}
/* Where should it live: the text beside a simple site, drawn */
@media (min-width:901px){body.t2-bp .t2-site-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:56px;align-items:center;max-width:var(--ds-wide);margin:0 auto}
  body.t2-bp .t2-site-grid > div[style*="max-width:760px"]{max-width:none !important;margin:0 !important}}
body.t2-bp .t2-site{background:#fff;border:1px solid var(--ds-line);border-radius:18px;box-shadow:var(--ds-shadow);overflow:hidden}
body.t2-bp .t2-site-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F3F5F6;border-bottom:1px solid var(--ds-line)}
body.t2-bp .t2-site-bar i{width:8px;height:8px;border-radius:50%;background:#D5DCDF}
body.t2-bp .t2-site-bar b{flex:1;height:14px;margin-left:10px;border-radius:7px;background:#fff;border:1px solid var(--ds-line)}
body.t2-bp .t2-site-body{padding:26px 26px 28px;display:grid;gap:12px}
body.t2-bp .t2-site-me{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:8px;align-items:center;margin-bottom:8px}
body.t2-bp .t2-site-me .ph{grid-row:1 / 3;width:56px;height:56px;border-radius:50%;background:linear-gradient(160deg,#FDF4EB,#F6D0B6)}
body.t2-bp .t2-site .ln{display:block;height:10px;border-radius:5px;background:#E6ECEE}
body.t2-bp .t2-site-me .ln.w60{height:14px;background:#223A4C;opacity:.85}
body.t2-bp .t2-site .w60{width:60%}body.t2-bp .t2-site .w40{width:40%}body.t2-bp .t2-site .w80{width:80%}body.t2-bp .t2-site .w50{width:50%}
body.t2-bp .t2-site-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 8px}
body.t2-bp .t2-site-tiles span{aspect-ratio:4/3;border-radius:10px;background:linear-gradient(160deg,#E3EFEC,#C9E4E2);border:1px solid rgba(10,104,112,.14)}
body.t2-bp .t2-site-tiles span:nth-child(2){background:linear-gradient(160deg,#FDF4EB,#F6D0B6);border-color:rgba(172,113,77,.2)}
@media (max-width:900px){body.t2-bp .t2-site{max-width:340px;margin:0 auto 32px}}
/* The sign-up panel: until the form opens (Nov 18, after the workshop closes) the button is a clear outline, not a faded fill */
html body.t2-bp #get form .btn:disabled{opacity:1 !important;background:transparent !important;border:1.5px solid rgba(247,207,184,.75) !important;color:#F7CFB8 !important;box-shadow:none !important}
html body.t2-bp #get form input:disabled{opacity:.75}
html body.t2-bp #get #optinHeld a{color:var(--sky,#8FE8ED) !important;font-weight:600}
@media (max-width:720px){body.t2-bp details.faq summary{font-size:16px !important;line-height:1.4}}

/* ---------- Learn more ---------- */
body.t2-lm .sec > .container[style*="max-width:1080px"],body.t2-lm .sec > .container[style*="max-width:980px"]{max-width:calc(var(--ds-wide) + 64px) !important}
body.t2-lm .lm-opts,body.t2-lm .lm-doors{max-width:none !important}
@media (min-width:861px){body.t2-lm .lm-opts{grid-template-columns:1fr 1fr !important;align-items:stretch !important}}
body.t2-lm .lm-opt{display:flex !important;flex-direction:column}
body.t2-lm .lm-opt .lm-links{margin-top:auto !important}
body.t2-lm .lm-card h3{text-wrap:wrap !important}
/* The AIDA card: one primary (the waitlist); the program link as the outline secondary */
html body.t2-lm #lmAidaBtn.btn{background:transparent !important;border:1.5px solid var(--navy,#223A4C) !important;color:var(--navy,#223A4C) !important;box-shadow:none !important}
/* Or just talk to a person: the call as a wide strip, the form under it at the reading width */
@media (min-width:861px){
  body.t2-lm .lm-doors{grid-template-columns:1fr !important;gap:24px !important}
  body.t2-lm .lm-call-card{order:-1;display:grid !important;grid-template-columns:minmax(0,1fr) 280px;column-gap:48px;align-items:center}
  body.t2-lm .lm-call-card > :not(.btn){grid-column:1}
  body.t2-lm .lm-call-card .btn{grid-column:2;grid-row:1 / span 3;align-self:center}
  body.t2-lm .lm-call-card .lm-list{display:flex;gap:28px;margin:4px 0 0}
  body.t2-lm .lm-form-card{max-width:820px;width:100%;margin:0 auto}
}
/* Who you'd talk to: photo level with the text, even padding */
body.t2-lm .lm-jill-grid{align-items:center !important}
html body.t2-lm .lm-jill > .container{padding-top:56px !important;padding-bottom:56px !important}
/* What happens next: a flat three-step timeline (no card boxes), numbers like the other steps */
html body.t2-lm .lm-steps{max-width:var(--ds-wide);margin:0 auto;gap:36px !important;position:relative}
html body.t2-lm .lm-step{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;position:relative}
html body.t2-lm .lm-step .ty-num{background:var(--ds-tint,#EEF6F4) !important;color:var(--ds-teal-text,#0A6870) !important;border:1.5px solid rgba(31,195,204,.5);width:48px !important;height:48px !important;margin-bottom:18px;position:relative;z-index:1}
@media (min-width:861px){html body.t2-lm .lm-step:not(:last-child)::after{content:"";position:absolute;top:24px;left:64px;right:-20px;height:2px;background:linear-gradient(90deg,#1FC3CC,rgba(31,195,204,.2))}}
html body.t2-lm .lm-close{padding-bottom:80px !important}
@media (max-width:720px){body.t2-lm .sec .head h2{text-wrap:pretty}html body.t2-lm .lm-step{padding-bottom:8px !important}}

/* ---------- Train Your Team ---------- */
/* What's included: a check, not a number (the six aren't a sequence) */
body.t2-tyt .b2b-feat .dot::before{content:"" !important;width:12px;height:7px;border-left:2px solid var(--ds-teal-text,#0A6870);border-bottom:2px solid var(--ds-teal-text,#0A6870);transform:rotate(-45deg) translate(1px,-1px)}
/* A peek at the work: three in view on desktop, arrows outside the row */
@media (min-width:761px){body.t2-tyt .peek-wrap{max-width:var(--ds-wide)}body.t2-tyt .peek-row li{flex:0 0 calc((100% - 44px) / 3) !important}
  body.t2-tyt .peek-btn[data-dir="-1"]{left:-60px !important}body.t2-tyt .peek-btn[data-dir="1"]{right:-60px !important}body.t2-tyt .peek-btn{top:36% !important;border-radius:50% !important}}
@media (min-width:761px) and (max-width:1280px){body.t2-tyt .peek-btn[data-dir="-1"]{left:-22px !important}body.t2-tyt .peek-btn[data-dir="1"]{right:-22px !important}}
/* Roles on phones: dots readable on navy, the swipe row inside the panel */
body.t2o .sec-navy + .ds-dots span,body.t2o .sec-navy .ds-dots span{background:rgba(255,255,255,.32)}
body.t2o .sec-navy .ds-dots span.on{background:var(--sky,#8FE8ED)}
@media (max-width:720px){html body.t2-tyt .who-grid.ds-swipe{margin-left:-20px !important;margin-right:-20px !important;padding-left:20px !important;padding-right:20px !important;scroll-padding-inline:20px}}
/* Curriculum + team pricing: room above, both tiles one card style, on the wide grid */
html body.t2-tyt #curriculum{padding:72px 0 !important}
html body.t2-tyt #curriculum .so-pair{max-width:calc(var(--ds-wide) + 64px) !important}
html body.t2-tyt #curriculum .so-tile.so-accent{background:#fff !important;border:1px solid var(--ds-line) !important;box-shadow:var(--ds-shadow) !important;justify-content:flex-start !important}
html body.t2-tyt #curriculum .so-tile .btn{margin-top:auto !important}
html body.t2-tyt #curriculum .so-tile.so-accent::before{content:"";display:block;width:48px;height:56px;border-radius:8px;margin-bottom:18px;background:var(--ds-tint,#EEF6F4) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A6870' stroke-width='1.7' stroke-linecap='round'><circle cx='12' cy='8' r='3'/><circle cx='5.5' cy='10' r='2.3'/><circle cx='18.5' cy='10' r='2.3'/><path d='M7 19c0-3 2.2-5 5-5s5 2 5 5M2.5 18c0-2.2 1.4-3.8 3.3-3.8M21.5 18c0-2.2-1.4-3.8-3.3-3.8'/></svg>") center/28px no-repeat;box-shadow:inset 0 0 0 1px rgba(10,104,112,.18)}
/* round 2 fixes */
html body.t2-lm .lm-opt[hidden]{display:none !important}
body.t2-lm .lm-card h3,body.t2-lm .lm-card h2{text-wrap:pretty !important}
@media (max-width:720px){
  body.t2-psid .np-lead{grid-template-columns:1fr !important;gap:0 !important}
  html body.t2-psid .np-lead .lt{display:grid !important;grid-template-columns:44px minmax(0,1fr);column-gap:14px;background:none !important;border:0 !important;border-top:1px solid var(--ds-line) !important;border-radius:0 !important;box-shadow:none !important;padding:16px 0 !important}
  body.t2-psid .np-lead .lt .ltr{grid-row:1 / 3;font-size:34px !important}
  body.t2-psid .np-lead .lt h3{margin:2px 0 4px !important;font-size:17px !important}
}
@media (max-width:720px){body.t2-lm .lm-card h3{font-size:20px !important;text-wrap:pretty !important}}
@media (max-width:720px){html body.t2-lm #lmAidaBtn.btn{font-size:12px !important;letter-spacing:.04em !important;padding:14px 16px !important}}
/* hero facts: one marker (the dot); the check glyphs step aside; a number in the text stays text */
body.t2o .pg-hero:not(.le-light) .pg-chip .st{font-size:0 !important;margin:0 !important}
body.t2o .pg-hero:not(.le-light) .pg-chip::before{display:block !important}
body.t2-prs .pg-hero .pg-chip:first-child .st{font-size:inherit !important;margin:0 .3em 0 0 !important}
/* quote marks: solid teal, one size */
html body.t2o .wa-grid .wa .w-quote::before{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#1FC3CC !important;-webkit-text-fill-color:#1FC3CC !important;font:400 64px/.8 Georgia,serif !important;height:36px !important}
html body.t2-lm .lm-jill > .container{max-width:var(--ds-wide) !important}
@media (min-width:861px){body.t2-lm .lm-opt .lm-links{flex:1;display:flex;flex-direction:column;margin-top:22px !important}
  body.t2-lm .lm-opt .lm-links li{flex:1;display:flex;flex-direction:column;justify-content:center}}
html body.t2o .q-light .qm::before{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:#1FC3CC !important;color:#1FC3CC !important}
body.t2-prs .pg-hero .pg-chip:first-child .st{margin:0 !important}
@media (max-width:720px){body.t2o .pg-hero :is(.created-by,.pg-byline){font-size:13px !important}body.t2-shop .t2-jump{justify-content:flex-start}}

/* ══════════ ROUND 3 (the plateau fix round, after the round-2 independent ratings) ══════════ */
/* ---------- Shared ---------- */
/* One divider: a hairline on the 1136 grid between same-ground sections (it had followed each container's width) */
html body.t2o.calm section.sec:not(.sec-navy) + section.sec:not(.sec-navy) > .container{border-top:0 !important}
html body.t2o.calm section.sec:not(.sec-navy):not(.ds-band):not(.calm-zone) + section.sec:not(.sec-navy):not(.ds-band):not(.calm-zone):not(.cs-block)::before{content:"";display:block;max-width:var(--ds-wide);margin:0 auto 64px;border-top:1px solid var(--ds-line,rgba(22,51,63,.10))}
@media (max-width:1200px){html body.t2o.calm section.sec:not(.sec-navy):not(.ds-band):not(.calm-zone) + section.sec:not(.sec-navy):not(.ds-band):not(.calm-zone):not(.cs-block)::before{margin-left:32px;margin-right:32px}}
@media (max-width:720px){html body.t2o.calm section.sec:not(.sec-navy):not(.ds-band):not(.calm-zone) + section.sec:not(.sec-navy):not(.ds-band):not(.calm-zone):not(.cs-block)::before{margin:0 24px 48px}}
/* One heading alignment: section heads centered on desktop, the text under them at the reading width */
@media (min-width:721px){body.t2o .sec .head.left{text-align:center !important;margin-left:auto !important;margin-right:auto !important}body.t2o .sec .head.left h2{margin-left:auto;margin-right:auto}}
/* Phones: every section head on the left (one rule, including the ones set centered inline) */
@media (max-width:720px){body.t2o .sec:not(.sec-navy) .head,body.t2o .sec:not(.sec-navy) .head[style]{text-align:left !important;margin-left:0 !important}}
/* The ending: the closing panel gets real room before the dark footer */
html body:not(.v2).t2o section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)){padding-bottom:104px !important}
@media (max-width:720px){html body:not(.v2).t2o section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)){padding-bottom:56px !important}}
/* Price panels on phones: one level of inset, no glass seam */
body.t2o .price-card{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(255,255,255,.07) !important}
@media (max-width:720px){
  html body.t2o section.sec-navy:is(:has(~ section.sec-navy),:has(~ section h2)) > .container{padding-left:16px !important;padding-right:16px !important}
  body.t2o .price-card{padding:28px 18px 22px !important}
  html body.t2o .pause-card{padding:20px 18px !important}
}
/* Dark side notes in price panels: one marker before each heading */
html body.t2o .sec-navy .pause-card h3 .pi{font-size:0 !important;width:10px !important;height:10px !important;border-radius:50%;background:var(--sky,#8FE8ED);flex:0 0 auto;display:inline-block}
/* Hero facts: one marker, aligned; the review page's "45" stays text with one space */
body.t2o .pg-hero:not(.le-light) .pg-chip{gap:0 !important}
body.t2o .pg-hero:not(.le-light) .pg-chip::before{margin-right:10px}
body.t2-prs .pg-hero .pg-chip:first-child .st{margin:0 .28em 0 0 !important}
/* Phones: card buttons full width */
@media (max-width:720px){body.t2o :is(.so-tile,.lm-card,.ty-step,.np-box,.price-card) .btn{width:100% !important;justify-content:center;text-align:center}}

/* ---------- Review session ---------- */
/* What I look for: two columns of numbered rows (a list, so no orphan row), bigger numbers */
@media (min-width:721px){
  html body.t2-prs.calm .jshq-grid.jshq-grid{display:block !important;columns:2;column-gap:64px;max-width:var(--ds-wide)}
  html body.t2-prs .jshq-grid .jshq-card,html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"]{break-inside:avoid;display:grid !important;grid-template-columns:48px minmax(0,1fr);column-gap:18px;align-items:start;padding:22px 0 24px !important;border-top:1px solid var(--ds-line) !important;margin:0}
  html body.t2-prs .jshq-grid .jshq-card .j-ic{grid-row:1 / 3;margin:0 !important}
}
html body.t2-prs .jshq-grid .jshq-card .j-ic,html body.t2-prs .jshq-grid .jshq-card[style*="grid-column"] .j-ic{width:44px !important;height:44px !important;font-size:18px !important;font-weight:500 !important;background:#fff !important;border:1.5px solid rgba(31,195,204,.6) !important;color:var(--ds-teal-text,#0A6870) !important}
html body.t2-prs .jshq-grid .jshq-card{align-items:start !important}
html body.t2-prs .jshq-grid .jshq-card h3{font-size:19px !important}
/* Trust section: one card language (white, the same shadow) for the quotes, the story and the note */
html body.t2-prs.calm .story-card{background:#fff !important;border:1px solid var(--ds-line) !important;box-shadow:var(--ds-shadow) !important}
/* Pricing: the reasons at their own height, at the top of the column */
@media (min-width:881px){body.t2-prs .price-wrap{align-items:start !important}}
html body.t2-prs.calm .price-side .pause-card{flex:0 0 auto !important;justify-content:flex-start !important}
@media (max-width:720px){html body.t2-prs .wa-grid.ds-swipe{display:flex !important;align-items:stretch}html body.t2-prs .wa-grid.ds-swipe > *{flex:0 0 min(310px,86vw) !important}}

/* ---------- Sample in a Day ---------- */
/* We build it together: the 10/24 "one centered head, no split" rule came out 10/30 (S235 follow-up). The section became a
   tl-rail on 10/26 (S169), and the old rule broke it: a tiny heading and the rail's square marker floating on its own. */
/* Before/after: equal heights; on phones the pair stays side by side, scaled, as the copy says left and right */
body.t2-psid .psd-ann{align-items:stretch !important}
@media (max-width:720px){
  body.t2-psid .psd-ann{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
  body.t2-psid .psd-ann .psd-pane{zoom:.56}
  body.t2-psid .psd-pins{gap:10px !important}
}
@media (max-width:720px){html body.t2-psid.calm section.sec.t2-skills + section.sec{padding-top:48px !important}}

/* ---------- Shop ---------- */
/* Group heads: one pattern (title, tagline under it) so the rules line up across the shared row */
body.t2-shop .shop-gh{flex-direction:column !important;align-items:flex-start !important;gap:6px !important;min-height:0 !important}
/* One icon tile */
body.t2-shop .t2-work .t2-ico{background:var(--ds-tint,#EEF6F4) !important}
body.t2-shop .t2-work .t2-ico::after{background:var(--ds-teal-text,#0A6870) !important}
/* Kits card: the footer like every other card (price left, button right) */
html body.t2-shop #kits-and-packs .np-cards.two > .np-card:only-of-type .np-foot{flex-direction:row !important;justify-content:space-between;align-items:center !important;gap:12px}
html body.t2-shop #kits-and-packs .np-cards.two > .np-card:only-of-type{height:100%}
/* Spacing around the questions box */
body.t2-shop section:has(#quick-tools){padding-bottom:40px !important}
body.t2-shop .cs-block{padding-top:24px !important}
/* Phones: hero chips as a 2x2 grid; each group a swipe row; one card padding */
@media (max-width:720px){
  body.t2-shop .t2-jump{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  body.t2-shop .t2-jump a{text-align:center;padding:11px 8px;font-size:13.5px}
  body.t2-shop .np-cards.ds-swipe{display:flex !important}
  body.t2-shop .np-cards.ds-swipe > *{flex:0 0 min(300px,84vw) !important}
  html body.t2-shop .np-card,html body.t2-shop .t2-work .np-card{padding:22px 20px 20px !important}
  body.t2-shop .t2-work .np-card h3{font-size:20px !important}
  body.t2-shop .t2-work .shop-item .price{font-size:30px !important}
  body.t2-shop .shop-group + .shop-group{margin-top:44px !important}
}

/* ---------- Job Search Packs ---------- */
body.t2-jsp .jsp-bundle .amt s{color:rgba(255,255,255,.78) !important;font-size:22px !important}
@media (max-width:720px){body.t2-jsp .jsp-bundle > div:last-child{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}body.t2-jsp .jsp-bundle .btn{width:auto !important}
  html body.t2-jsp.calm section.sec.calm-zone{padding-top:56px !important;padding-bottom:56px !important}
  html body.t2-jsp.calm section.sec.calm-zone + section.sec{padding-top:56px !important}}
body.t2-jsp .cs-block > .container,body.t2o .cs-block > .container{max-width:var(--ds-read) !important}

/* ---------- Blueprint ---------- */
/* One width system: the pieces on the reading width */
body.t2-bp .t2-pieces{max-width:var(--ds-read) !important}
/* One accordion design: the FAQ and the pieces share the round toggle, the body face and the open tint */
html body.t2-bp details.faq .xtoggle{width:32px !important;height:32px !important;border-radius:50% !important;border:1.5px solid rgba(22,51,63,.3) !important;background:#fff !important;display:grid !important;place-items:center;font:400 20px/1 var(--font-body) !important;color:var(--navy) !important;box-shadow:none !important;transition:transform .2s}
html body.t2-bp details.faq[open] .xtoggle{transform:rotate(45deg) !important;border-color:var(--teal,#1FC3CC) !important}
html body.t2-bp details.faq[open]{background:var(--ds-tint,#EEF6F4) !important;border-color:var(--ds-tint-line) !important}
html body.t2-bp .t2-pieces .xcard .xhead{font:600 17px/1.4 var(--font-body) !important;color:var(--navy) !important}
html body.t2-bp .t2-pieces .xcard{border-radius:16px !important}
/* The "Opens Nov 18" note as a small banner on the reading width */
html body.t2-bp #optinHeldTop{max-width:var(--ds-read) !important;background:#FDF4EB !important;border:1px solid rgba(172,113,77,.22) !important;border-radius:14px !important;padding:14px 18px 14px 40px !important}
html body.t2-bp #optinHeldTop::before{left:18px;top:1.35em}
/* The contents list looks clickable */
body.t2-bp .t2-toc a{padding-right:28px;position:relative;border-radius:8px}
body.t2-bp .t2-toc a::after{content:"\2192";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--ds-teal-text,#0A6870);font-weight:600}
body.t2-bp .t2-toc a:hover{background:var(--ds-tint,#EEF6F4)}
/* The sign-up button is filled like every primary (it stays disabled until the form opens) */
html body.t2-bp #get form .btn:disabled{background:var(--btn-peach,#F6C9AE) !important;border:1px solid #F7CFB8 !important;color:var(--navy,#223A4C) !important;opacity:1 !important}
html body.t2-bp #get form input{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.45) !important}
@media (max-width:720px){
  body.t2-bp .t2-hero-cta{text-align:left}
  body.t2-bp .sec .head h2{font-size:28px !important;text-wrap:balance}
  html body.t2-bp.calm section.sec.ds-band#order{padding:56px 0 !important}
  html body.t2-bp.calm section.sec.ds-band#order + section.sec{padding-top:56px !important}
  body.t2-bp section:has(> .container > .byline){padding-top:16px !important}
}

/* ---------- Learn more ---------- */
/* The AIDA card: the program link as a text link (no wrapping pill); the side note as quiet text */
html body.t2-lm #lmAidaBtn.btn{background:none !important;border:0 !important;padding:0 !important;width:auto !important;min-height:0;text-transform:none !important;letter-spacing:0 !important;font:600 16px/1.45 var(--font-body) !important;color:var(--ds-teal-text,#0A6870) !important;text-align:left !important;justify-content:flex-start !important;white-space:normal !important;box-shadow:none !important}
html body.t2-lm #lmAidaBtn.btn::after{content:" \2192"}
body.t2-lm .lm-aida-go{gap:8px !important}
body.t2-lm .lm-aida-call{font-size:14.5px !important}
html body.t2-lm .lm-psiad{background:none !important;padding:16px 0 0 !important;border-top:1px solid var(--ds-line);border-radius:0 !important}
/* The featured quote in the page's one quote style */
html body.t2-lm .lm-lead-quote{border-left:1px solid var(--ds-line) !important;padding:28px 30px 24px !important}
html body.t2-lm .lm-lead-quote .qt{font:400 18px/1.55 var(--font-display) !important}
html body.t2-lm .lm-lead-quote .qa{font:600 13.5px/1.4 var(--font-body) !important}
/* The form card on the wide grid: intro left, fields right */
@media (min-width:861px){
  body.t2-lm .lm-form-card{max-width:none !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:56px;align-items:start}
  body.t2-lm .lm-form-card > h2,body.t2-lm .lm-form-card > .lm-lede{grid-column:1}
  body.t2-lm .lm-form-card > form,body.t2-lm .lm-form-card > .lm-draft-note{grid-column:2;grid-row:1 / span 3}
}
html body.t2-lm .lm-jill > .container{max-width:var(--ds-wide) !important;width:auto}
/* Steps: connectors reach the next number; a rail on phones */
@media (min-width:861px){html body.t2-lm .lm-step:not(:last-child)::after{left:60px !important;right:-24px !important}}
@media (max-width:860px){html body.t2-lm .lm-steps{gap:0 !important}html body.t2-lm .lm-step{padding:0 0 28px 64px !important;min-height:48px}
  html body.t2-lm .lm-step .ty-num{position:absolute !important;left:0;top:0;margin:0 !important}
  html body.t2-lm .lm-step:not(:last-child)::before{content:"";position:absolute;left:23px;top:52px;bottom:4px;width:2px;background:rgba(31,195,204,.45)}}

/* ---------- Train Your Team ---------- */
/* What's included: flat items (no stock card grid); a tight two-column list on phones */
html body.t2-tyt .b2b-feat{background:none !important;border:0 !important;border-top:1px solid var(--ds-line) !important;border-radius:0 !important;box-shadow:none !important;padding:22px 0 0 !important}
html body.t2-tyt .b2b-feats{gap:36px 40px !important}
@media (max-width:720px){
  html body.t2-tyt .b2b-feats{grid-template-columns:1fr 1fr !important;gap:22px 16px !important}
  html body.t2-tyt .b2b-feat{padding:16px 0 0 !important}
  html body.t2-tyt .b2b-feat .dot{width:28px !important;height:28px !important;margin-bottom:10px !important}
  html body.t2-tyt .b2b-feat b{font-size:15.5px !important}
  html body.t2-tyt .b2b-feat span:not(.dot){font-size:13.5px !important;line-height:1.55 !important}
}
/* A peek at the work: arrows inside the row's edges, no fade over the third card */
@media (min-width:761px){body.t2-tyt .peek-btn[data-dir="-1"]{left:-22px !important}body.t2-tyt .peek-btn[data-dir="1"]{right:-22px !important}}
body.t2-tyt .peek-wrap::before,body.t2-tyt .peek-wrap::after{display:none !important}
/* The ending as one block: the curriculum and team tiles sit on the closing panel's navy, then the call */
html body.t2-tyt #curriculum{padding:72px 0 0 !important}
html body.t2-tyt #curriculum .so-pair{max-width:var(--ds-wide) !important;padding:56px 56px 8px !important;background:#1E4655 !important;border-radius:32px 32px 0 0}
html body.t2-tyt #curriculum .so-tile,html body.t2-tyt #curriculum .so-tile.so-accent{background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:none !important}
html body.t2-tyt #curriculum .so-tile h3{color:#fff !important}
html body.t2-tyt #curriculum .so-tile p{color:rgba(255,255,255,.84) !important}
html body:not(.v2).t2-tyt section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)){padding-top:0 !important}
html body:not(.v2).t2-tyt section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)) > .container{background:#1E4655 !important;border-radius:0 0 32px 32px !important;padding-top:56px !important;box-shadow:0 40px 80px -46px rgba(22,51,63,.55)}
@media (max-width:720px){
  html body.t2-tyt #curriculum .so-pair{padding:32px 16px 8px !important;margin:0 24px !important;border-radius:24px 24px 0 0}
  html body:not(.v2).t2-tyt section.sec-navy:not(:has(~ section.sec-navy)):not(:has(~ section h2)) > .container{border-radius:0 0 24px 24px !important;padding-top:40px !important}
  html body.t2-tyt #curriculum{padding-top:48px !important}
  html body.t2-tyt .who-grid.ds-swipe{align-items:flex-start !important}
}
html body.t2-tyt #curriculum .so-tile.so-tile:not(.so-accent){background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:none !important}
body.t2-shop .np-card .np-foot > .price{flex:1 1 0;min-width:0}
body.t2-shop .np-card .np-foot{flex-wrap:nowrap !important}
html body.t2-lm #lmAidaBtn.btn{display:inline !important}
@media (max-width:400px){html body.t2-tyt #curriculum .so-tile{padding:24px 16px !important}html body.t2-tyt #curriculum .so-tile .btn{padding-left:10px !important;padding-right:10px !important;letter-spacing:.03em !important}}
/* END t2-2.css */