/* Existing palette plus the white focal surface approved for this preview. */
:root {--surface-white:#FFFFFF;}
input,textarea,select,button {font-size:14px;}
.lang-page {background:var(--off-white);}
.hero {background:var(--surface-white);}
.site-header {background:var(--ink);border-bottom-color:var(--ink);box-shadow:0 1px 0 var(--ink);transition:box-shadow .2s;}
.site-header.is-scrolled {box-shadow:0 1px 0 var(--ink),0 8px 20px var(--tint);}
.nav-links a {min-height:32px;display:inline-flex;align-items:center;}
.nav-links a[aria-current=page] {text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px;}
:is(a,button,summary):focus-visible {outline:2px solid var(--hot-pink);outline-offset:5px;}
body[data-page] .offer-download:is(:hover,:focus-visible) {background:var(--ghost-pink);color:var(--ink);border-color:var(--hot-pink);}
.home-hero {display:block;padding-top:36px;padding-bottom:32px;}
.home-introduction {max-width:1000px;}
.hero .decor-hero {z-index:-1;opacity:.35;}
.home-hero h1 {font-size:clamp(44px,4.4vw,64px);line-height:1.08;margin-bottom:20px;}
.home-hero h1 br {display:none;}
.home-hero .subline {font-size:var(--type-20);line-height:1.55;margin-bottom:0;max-width:880px;}
.home-hero .overline {margin-bottom:16px;}
.hero-offers {position:relative;scroll-margin-top:100px;margin:0;padding:0 64px 32px;background:var(--surface-white);}
.hero-offers>.section-overline {margin-bottom:18px;}
.hero-offers .audience-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:0;}
.hero-offers .service {padding:22px;color:var(--ink);background:var(--paper);border:1px solid var(--paper-edge);border-left:3px solid var(--hot-pink);border-radius:10px;transition:background .2s,border-color .2s;}
.hero-offers .service:hover {background:var(--paper);border-color:var(--blush);}
.hero-offers .service-num {margin-bottom:10px;}
.hero-offers h3 {font-size:var(--type-24);margin-bottom:9px;}
.hero-offers .route-result {font:700 var(--type-24)/1.25 'Playfair Display',Georgia,serif;margin-bottom:12px;color:var(--ink);}
.hero-offers .route-support {font-size:var(--type-16);line-height:1.6;margin-bottom:0;color:var(--sub-ink);}
.hero-offers .more {font-size:var(--type-14);padding-top:18px;}
.experience-strip {scroll-margin-top:180px;padding:18px 64px;border-block:1px solid var(--paper-edge);background:var(--off-white);display:flex;align-items:center;justify-content:space-between;gap:20px;}
.experience-strip .section-intro {font-size:var(--type-14);font-weight:400;line-height:1.6;max-width:820px;}
.experience-strip .section-intro strong {font-weight:700;}
.experience-strip a {white-space:nowrap;color:var(--sub-ink);font-size:var(--type-14);text-underline-offset:4px;}
.setup-routes {margin-top:24px;}
.setup-routes-label {display:block;font-size:var(--type-14);font-weight:700;color:var(--ink);}
.setup-route-links {display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:10px;}
.setup-route {font-size:var(--type-14);font-weight:600;color:var(--hot-pink);text-underline-offset:4px;}
.setup-route:hover {color:var(--pink-hover);}
.home-example {display:block;}
body[data-page=individuals] .optional-addons {background:var(--tint);scroll-margin-top:120px;}
section.home-example {background:var(--tint);}
.workflow-section.lifecycle {background:var(--off-white);}
section.home-example,.workflow-section.lifecycle {padding-top:56px;padding-bottom:56px;}
.home-example .example-intro {max-width:850px;}
.workflow-examples-overview {margin-top:28px;}
.workflow-example-cards {margin-top:0;}



.home-example h2 {font-size:36px;line-height:1.2;margin-bottom:20px;}
.home-example .section-overline {margin-bottom:20px;}
.home-example .section-overline,.workflow-section.lifecycle .journey-example {font-size:var(--type-14);font-weight:700;letter-spacing:.22em;color:var(--hot-pink);}
.workflow-section.lifecycle .journey-topline {display:block;padding-bottom:24px;}
.booking-stage-intro {margin-top:14px;}
.home-example .section-intro {font-size:var(--type-16);}
.example-label {display:inline-block;color:var(--ink);font-size:var(--type-14);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;}
.example-link {display:inline-block;margin-top:18px;color:var(--hot-pink);font-size:var(--type-14);font-weight:700;text-underline-offset:4px;}
.compact-method {padding-top:64px;padding-bottom:64px;}
.compact-method h2 {font-size:36px;max-width:850px;}
.option-grid {gap:24px;}
.option {background:var(--paper);border:1px solid var(--paper-edge);border-top:3px solid var(--paper-edge);border-radius:10px;padding:26px;}
.complete-option {background:var(--paper);border-top-color:var(--hot-pink);}
.option>.section-overline {margin-bottom:4px;}
.option h3 {font-size:var(--type-28);}
.option .option-meta {margin-bottom:16px;}
.option-price {display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin-bottom:20px;}
.option .option-price .price-main {padding-top:0;margin-top:0;font-size:var(--type-28);}
.option .option-price .vat {font-size:var(--type-14);}
.option .option-lead {font-size:var(--type-18);font-weight:600;color:var(--ink);}
.option .inclusion-intro {font-size:var(--type-14);color:var(--sub-ink);}
.option .task-list {margin-top:12px;}
.option .task-list li {font-size:var(--type-14);margin-bottom:8px;}
.option .context-link {font-size:var(--type-14);margin-top:18px;}
.shared-option-actions {margin-top:24px;padding-top:0;border:0;}
.shared-option-actions .offer-actions {margin-top:0;}
.compact-starters {padding:26px 30px;margin-top:40px;background:var(--paper);color:var(--ink);border:1px solid var(--paper-edge);}
.compact-starters>.section-overline {font-size:var(--type-14);margin-bottom:12px;}
.compact-starters>:is(h2,h3) {font-size:var(--type-24);margin-bottom:8px;}
.compact-starters>p {font-size:var(--type-14);}
.starter-group-overview {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px;}
.starter-group-overview .starter-group-header {margin:0;padding:0;border:0;}
.starter-group-overview .starter-group-index {display:none;}
.starter-group-overview h4 {font-size:var(--type-14);color:var(--ink);margin-bottom:3px;}
.starter-explorer {margin-top:20px;border-top:1px solid var(--paper-edge);}
.starter-explorer>summary {padding-top:14px;cursor:pointer;font-size:var(--type-14);font-weight:700;color:var(--ink);}
.compact-starters .starter-tabs {display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.compact-starters .starter-tabs button {min-height:44px;padding:10px 14px;border:1px solid var(--paper-edge);border-radius:999px;color:var(--ink);background:transparent;font:650 var(--type-14) 'Mulish',sans-serif;cursor:pointer;}
.compact-starters .starter-tabs button[aria-pressed=true] {background:var(--ghost-pink);border-color:var(--hot-pink);color:var(--ink);}
.compact-starters .starter-groups {display:block;margin-top:16px;}
.compact-starters .starter-group {display:none;}
.compact-starters .starter-group.is-active {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.compact-starters .starter-group-header {display:none;}
.compact-starters .starter-group-overview .starter-group-header {display:block;}
.compact-starters:has(.starter-explorer[open]) .starter-group-overview {display:none;}
.compact-starters .starter-option {margin-top:0;}
.compact-starters .starter-option[aria-pressed=true] {background:var(--hot-pink);border-color:var(--hot-pink);color:var(--surface-white);}
.compact-starters .starter-option[aria-pressed=true]:after {color:var(--surface-white);}
.compact-starters .starter-result {margin-top:18px;padding:22px;gap:24px;}
.compact-starters .starter-result h4 {font-size:var(--type-24);}
.compact-starters .starter-hint {margin-top:14px;}
.compact-roadmap {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;}
.compact-roadmap article {padding:22px;background:var(--paper);border:1px solid var(--paper-edge);border-radius:10px;}
.compact-roadmap h3 {font-size:var(--type-16);line-height:1.45;}
.compact-roadmap .result {font-size:var(--type-14);font-weight:400;margin-top:8px;}
.scope-notes {margin-top:48px;}
.section-details-toggle {display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:8px 0 16px;padding:8px 0;border:0;background:transparent;color:var(--ink);font:700 var(--type-14)/1.5 'Mulish',sans-serif;cursor:pointer;}
.section-details-toggle::before {content:'▸';color:var(--hot-pink);}
.section-details-toggle[aria-expanded=true]::before {content:'▾';}
.section-details-toggle:hover {color:var(--hot-pink);}
.section-details-toggle[hidden],.group-detail[hidden] {display:none;}
:is(.compact-roadmap,.outcome-bands) + .section-details-toggle {margin-top:12px;margin-bottom:0;}
.group-detail {margin-top:12px;padding-top:0;border-top:0;}
.group-detail p,.group-detail .task-list li {font-size:var(--type-14);line-height:1.65;color:var(--sub-ink);}
.group-detail .task-list {margin-top:0;}
.source-reference {color:inherit;text-decoration-color:var(--blush);text-underline-offset:4px;}
.source-reference:hover {color:var(--hot-pink);}
.outcome-bands {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;}
.outcome-bands .offer-band {display:block;padding:24px;background:var(--paper);border:1px solid var(--paper-edge);border-radius:10px;}
.outcome-bands .offer-band h3 {font-size:var(--type-24);margin-bottom:16px;}
.outcome-bands .offer-band p {font-size:var(--type-14);}
.workflow-explorer .workflow-explorer-heading {font:700 var(--type-24)/1.4 'Playfair Display',Georgia,serif;margin:0;}
.workflow-explorer>.skill-shelf-heading {margin-top:0!important;align-items:center;gap:16px;}
.workflow-explorer .workflow-explorer-heading {flex:1;min-width:0;}
.workflow-explorer .skill-filters {margin-left:0;flex:0 0 auto;}
@media(max-width:1000px) {
 .workflow-explorer>.skill-shelf-heading {flex-wrap:wrap;gap:12px;}
 .workflow-explorer .workflow-explorer-heading {flex:0 0 100%;}
 .workflow-explorer .skill-filters {flex:1;}
 .workflow-explorer .shelf-controls {align-self:center;}
}
.workflow-skill-band {margin-top:40px;padding-top:26px;padding-bottom:26px;}
/* White entry/contact sections sit against warm explanatory content. */
.contact {background:var(--surface-white);border-top:1px solid var(--paper-edge);}
body[data-page=teams] .lang-page>section.alt-bg:last-child {background:var(--off-white);}

/* Surface roles: white entry/action, warm detail/resource, tinted add-ons, ink primary decision. */

/* Real section names are headings; descriptive labels remain secondary pink text. */
body[data-page] h2.section-heading {display:block;font:700 48px/1.2 'Playfair Display',Georgia,serif;letter-spacing:normal;text-transform:none;color:var(--ink);margin:0 0 24px;max-width:1000px;}
body[data-page] .section-support {font-size:var(--type-20);font-weight:400;line-height:1.55;color:var(--sub-ink);max-width:850px;margin:0 0 24px;}
body[data-page] .section-detail-title {font:700 var(--type-24)/1.35 'Playfair Display',Georgia,serif;color:var(--ink);margin:0 0 20px;}
body[data-page] .offer-choice-section>h2.section-heading {color:var(--ink);}
body[data-page] .journey-topline>h2.section-heading {margin-bottom:0;}

.lang-page>section {background:var(--off-white);}
.lang-page>section.compact-method,.lang-page>section.yt-banner {background:var(--surface-white);}
.lang-page>section.home-example,.lang-page>section.optional-addons {background:var(--tint);}
.lang-page>section.contact {background:var(--surface-white);}
body[data-page] :is(.section-overline,.hero .overline,.banner-kicker,.service-num,.journey-example) {display:block;font:700 var(--type-16)/1.4 'Mulish',sans-serif;letter-spacing:.04em;text-transform:none;color:var(--hot-pink);}
body[data-page] :is(.section-overline,.hero .overline,.banner-kicker,.service-num,.journey-example)::before {display:none;}
body[data-page] :is(.service-num,.option>.section-overline) {color:var(--hot-pink);}
body[data-page] :is(.service-num,.option>.section-overline)::before {display:none;}
body[data-page] :is(.offer-choice-section>.section-overline,.primary-offer-lead>.section-overline) {color:var(--hot-pink);}
body[data-page] :is(.hero-offers>.section-overline,.offer-choice-section>.section-overline,.primary-offer-lead>.section-overline)::before {background:var(--blush);}
body[data-page] .principle-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:none;margin-top:28px;}
body[data-page] .principle-grid>.open-column {padding:22px;border:1px solid var(--paper-edge);border-radius:10px;background:var(--paper);}
body[data-page] .principle-grid>.open-column h3 {font:700 var(--type-20)/1.35 'Playfair Display',Georgia,serif;margin:0 0 12px;color:var(--ink);}
body[data-page] .principle-grid>.open-column p {font-size:var(--type-14);line-height:1.65;color:var(--sub-ink);}
.yt-banner .banner-title {color:var(--ink);}
.yt-banner .banner-meta {color:var(--sub-ink);}
.yt-banner .secondary-cta {color:var(--hot-pink);border-color:var(--hot-pink);}
.yt-banner .yt-embed {max-width:360px;justify-self:end;}
.lang-page>section.offer-choice-section {background:var(--off-white);color:var(--ink);}
.offer-choice-section .option {color:var(--ink);}
.offer-choice-section>.section-overline {margin-bottom:22px;}
.offer-choice-section .shared-option-actions .offer-download,.primary-offer-lead .offer-download {color:var(--hot-pink);border-color:var(--hot-pink);}
.primary-offer-lead {padding:0;background:transparent;color:var(--ink);margin-bottom:32px;}
.primary-offer-lead h2 {color:var(--ink);}
.primary-offer-lead .section-intro {color:var(--sub-ink);}
.primary-offer-lead .offer-actions {margin-bottom:0;}
.compact-starters>p,.compact-starters .starter-group-header p,.compact-starters .starter-hint {color:var(--sub-ink);}
.compact-starters .starter-option:not([aria-pressed=true]) {background:var(--surface-white);color:var(--ink);border-color:var(--paper-edge);}
.compact-starters .starter-result {background:var(--surface-white);border:1px solid var(--paper-edge);}

/* Dark navigation frame; content uses the three light surfaces. */
.site-header .brand,.site-header .nav-links a {color:var(--off-white);}
/* Explicitly retained compact navigation; content keeps the 14px minimum. */
.site-header .nav-links a {font-size:12px;}
.site-header .brand span,.site-header .lang-button {color:var(--on-dark-muted);}
.site-header .lang-button.active {color:var(--off-white);border-bottom-color:var(--hot-pink);}
.site-header .nav-links a:hover,.site-header .nav-links a[aria-current] {color:var(--hot-pink);}
footer {background:var(--ink);color:var(--on-dark-muted);border-top-color:var(--ink);}
footer a {color:var(--off-white);}
footer a:hover {color:var(--blush);}
.home-contact-cta {margin-top:24px;}
.context-link,.about-link {font-size:var(--type-14);}
section[id^=team-workshop]>.context-link,section[id^=service-03] .product-meta>.context-link {margin-top:20px;}
body[data-page=home] .product-meta {margin-top:24px;}
.product-meta>.workshop-event {margin-top:0;}
.workshop-event>.workshop-topics {margin:8px 0 16px;border-top:0;}
.workshop-event>.workshop-topics>summary {padding:8px 0;}
.lang-page>section[id^=project-management],body[data-page=teams] .lang-page>section:last-child {background:var(--surface-white);}
.phase-panel {background:var(--paper);color:var(--ink);border:1px solid var(--paper-edge);}
.phase-panel h3,.phase-human strong {color:var(--ink);}
.phase-context,.phase-human {color:var(--sub-ink);}
.phase-human {border-top-color:var(--paper-edge);}
.phase-eyebrow,.phase-help-label,.phase-output-list li:before {color:var(--hot-pink);}
.phase-arrow {color:var(--ink);border-color:var(--paper-edge);}

@media(min-width:1500px) {.hero-offers .service {padding:26px 30px;}}
@media(max-width:1100px) {.home-hero {padding-inline:24px;}.home-hero h1 {font-size:clamp(44px,4.4vw,56px);}.hero-offers {padding-inline:24px;}.hero-offers .service {padding:20px;}.experience-strip {padding-inline:24px;}.home-example {gap:32px;}.outcome-bands {grid-template-columns:1fr;}.outcome-bands .offer-band {padding:24px;}.compact-roadmap {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:800px) {
 body[data-page] h2.section-heading {font-size:36px;}
 body[data-page] .section-support {font-size:var(--type-18);}
 .home-hero {padding:36px 24px;}
 .home-hero h1 {font-size:clamp(42px,8vw,58px);max-width:620px;}
 .home-hero .subline {font-size:var(--type-18);margin-bottom:0;}
 .home-hero .overline {margin-bottom:18px;}
 .hero-offers .audience-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
 .hero-offers h3 {font-size:var(--type-24);}
 .experience-strip {padding:16px 24px;align-items:flex-start;flex-direction:column;gap:8px;}
 .home-example {grid-template-columns:1fr;gap:28px;}
 section.home-example,.workflow-section.lifecycle {padding:44px 24px;}
 body[data-page] .principle-grid {grid-template-columns:1fr;gap:24px;}
 .hero-offers {padding:0 24px 32px;}
 .yt-banner .yt-embed {max-width:none;justify-self:stretch;}

 .home-example h2,.compact-method h2 {font-size:32px;}
 .compact-method {padding-top:44px;padding-bottom:44px;}
 .option-grid {gap:20px;}
 .option {padding:24px;}
 .compact-starters {padding:24px;margin-top:32px;}
 .starter-group-overview {gap:14px;}
 .starter-group-overview .starter-group-header {display:block;}
 .compact-starters .starter-group.is-active {grid-template-columns:1fr;gap:8px;}
 .compact-starters .starter-result {grid-template-columns:1fr;padding:20px;}
 .compact-starters .starter-result-example {border-left:0;border-top:1px solid var(--paper-edge);padding:16px 0 0;}
 .compact-roadmap {grid-template-columns:1fr;gap:12px;}
 .compact-roadmap article {padding:20px;}
 .outcome-bands {gap:14px;}
 .workflow-explorer .workflow-explorer-heading {font-size:var(--type-20);}
}
@media(max-width:640px) {.hero-offers .audience-grid {grid-template-columns:1fr;}}
@media(max-width:520px) {.hero-offers .service {padding:20px;}.starter-group-overview {grid-template-columns:1fr;gap:14px;}.starter-group-overview .starter-group-header {border-top:1px solid var(--paper-edge);padding-top:12px;}.compact-starters .starter-tabs {gap:6px;}.compact-starters .starter-tabs button {font-size:var(--type-14);}}
@media(prefers-reduced-motion:reduce) {.site-header,.hero-offers .service {transition:none;}}

/* Shared scope cards: team roadmap, project support and individual learning. */
body[data-page] .service-roadmap {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;}
body[data-page] .service-roadmap > :is(article,.offer-band) {display:block;padding:22px;background:var(--paper);border:1px solid var(--paper-edge);border-radius:10px;min-width:0;}
body[data-page] .service-roadmap > :is(article,.offer-band) h3 {font:700 var(--type-16)/1.45 'Mulish',sans-serif;margin:0 0 8px;}
body[data-page] .service-roadmap > :is(article,.offer-band) > p {font-size:var(--type-14);line-height:1.65;font-weight:400;color:var(--sub-ink);margin:0;}
body[data-page] .service-roadmap > :is(article,.offer-band) > .result {color:var(--ink);}
@media(max-width:1100px) {body[data-page] .service-roadmap {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:800px) {body[data-page] .service-roadmap {grid-template-columns:1fr;gap:12px;}body[data-page] .service-roadmap > :is(article,.offer-band) {padding:20px;}}
/* Expanded public workshop topics use the full section content width. */
body[data-page=home] :is(.product-meta,.workshop-event):has(.workshop-topics[open]) {max-width:none;}

/* ===== Visual direction draft (Oct 2026) — appended block. Everything below this line is new. ===== */
/* Visual direction draft (Oct 2026): "line, dot, real screen".
   Uses existing tokens only: --ink, --sub-ink, --hot-pink, --blush, --paper-edge, --off-white, --surface-white.
   Filled pink node = the point where people decide / own the result. */

/* ---------- 1. Home · How I work: connected line ---------- */
.method-line .method-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;margin-top:36px;}
.method-line .method-step {position:relative;padding:0;border:0;background:none;}
.method-line .method-node {display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--hot-pink);background:var(--surface-white);color:var(--ink);margin-bottom:18px;position:relative;z-index:1;}
.method-line .method-node svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.method-line .method-step.is-human .method-node {background:var(--hot-pink);color:#fff;}
.method-line .method-step:not(.is-human)::after {content:"";position:absolute;top:21.25px;left:52px;right:-32px;height:1.5px;background:var(--blush);}
.method-line .method-step h3 {font:700 var(--type-20)/1.35 'Playfair Display',Georgia,serif;margin:0 0 10px;color:var(--ink);}
.method-line .method-step p {font-size:var(--type-16);line-height:1.65;color:var(--sub-ink);margin:0;max-width:34ch;}

/* ---------- 2. Teams · The roadmap: one numbered line ---------- */
body[data-page] .service-roadmap.line-roadmap {grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px;margin-top:28px;}
body[data-page] .service-roadmap.line-roadmap > article {position:relative;padding:0;background:none;border:0;border-radius:0;}
.line-roadmap > article::before {content:'0' counter(step);display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;margin:0 0 16px;border-radius:50%;border:1.5px solid var(--hot-pink);background:var(--off-white);color:var(--ink);font:700 var(--type-14)/1 'Mulish',sans-serif;letter-spacing:.04em;position:relative;z-index:1;}
.line-roadmap > article:last-child::before {background:var(--hot-pink);border-color:var(--hot-pink);color:#fff;}
.line-roadmap > article:not(:last-child)::after {content:"";position:absolute;top:21.25px;left:52px;right:-16px;height:1.5px;background:var(--blush);}
body[data-page] .line-roadmap h3 {font:700 var(--type-16)/1.45 'Mulish',sans-serif;margin:0 0 6px;}
body[data-page] .line-roadmap > article > .result {font-size:var(--type-14);font-weight:400;color:var(--sub-ink);margin:0;}
.line-roadmap .group-detail {margin-top:12px;}

/* ---------- 3. Individuals · one complete path, with a separately bookable first stage ---------- */
.option-path {margin:8px 0 36px;max-width:none;}
.option-path-heading {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;}
.option-path-heading strong {font:700 var(--type-24)/1.35 'Playfair Display',Georgia,serif;color:var(--ink);}
.option-path-heading>span {font-size:var(--type-14);color:var(--sub-ink);}
.option-path-steps {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;}
.option-path-steps li {position:relative;min-width:0;}
.option-path-steps li:not(:last-child)::after {content:"";position:absolute;top:21.25px;left:52px;right:-24px;height:1.5px;background:var(--blush);}
.op-node {display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--hot-pink);background:var(--off-white);color:var(--ink);font:700 var(--type-14)/1 'Mulish',sans-serif;margin-bottom:16px;position:relative;z-index:1;}
.option-path-steps li:last-child .op-node {background:var(--hot-pink);color:var(--surface-white);}
.option-path-steps strong {display:block;font:700 var(--type-16)/1.45 'Mulish',sans-serif;color:var(--ink);margin-bottom:4px;}
.option-path-steps li>span:not(.op-node) {display:block;font-size:var(--type-14);line-height:1.6;color:var(--sub-ink);max-width:30ch;}
@media(min-width:801px) {
 .option-path-steps li {text-align:center;}
 .option-path-steps .op-node,.option-path-steps li>span:not(.op-node) {margin-inline:auto;}
 .option-path-steps li:not(:last-child)::after {left:calc(50% + 30px);right:calc(-50% - 32px + 30px);}
}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---------- 4. Bordered cards only for things you can click ---------- */
/* Non-clickable content becomes plain columns with a thin rule. */
body[data-page] .service-roadmap:not(.line-roadmap) > :is(article,.offer-band),
body[data-page] .principle-grid > .workflow-example-card.open-column {padding:16px 0 0;background:none;border:0;border-top:1px solid var(--paper-edge);border-radius:0;}
body[data-page] .principle-grid > .workflow-example-card.open-column p {font-size:var(--type-14);}

/* ---------- 5. Mobile nav: wrap instead of hidden horizontal scroll ---------- */
@media(max-width:1100px) {
 .nav-links.active {flex-wrap:wrap;overflow-x:visible;row-gap:2px;column-gap:18px;}
 .line-roadmap {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
 .line-roadmap > article:nth-child(3n)::after {display:none;}
}

/* ---------- Mobile ---------- */
@media(max-width:800px) {
 .method-line .method-grid {grid-template-columns:1fr;row-gap:28px;margin-top:28px;}
 .method-line .method-step {padding-left:60px;min-height:44px;}
 .method-line .method-node {position:absolute;left:0;top:-4px;margin:0;}
 .method-line .method-step:not(.is-human)::after {top:44px;left:21.25px;right:auto;bottom:-32px;width:1.5px;height:auto;}
 .method-line .method-step p {max-width:none;}

 .line-roadmap {grid-template-columns:1fr !important;gap:24px !important;}
 body[data-page] .service-roadmap.line-roadmap > article {padding-left:60px;min-height:44px;}
 .line-roadmap > article::before {position:absolute;left:0;top:-6px;margin:0;}
 .line-roadmap > article:not(:last-child)::after,
 .line-roadmap > article:nth-child(3n):not(:last-child)::after {display:block;top:42px;left:21.25px;right:auto;bottom:-30px;width:1.5px;height:auto;}

 .option-path-heading {display:block;}
 .option-path-heading>span {display:block;margin-top:6px;}
 .option-path-steps {grid-template-columns:1fr;row-gap:24px;}
 .option-path-steps li {padding-left:60px;min-height:56px;}
 .option-path-steps .op-node {position:absolute;left:0;top:0;margin:0;}
 .option-path-steps li:not(:last-child)::after {top:52px;left:21.25px;right:auto;bottom:-16px;width:1.5px;height:auto;}

}

/* ---------- 6. Contact · the robot stands on the form's top corner ---------- */
.contact {position:relative;}
.contact-form-wrap {position:relative;max-width:640px;margin-top:72px;}
.contact-form-wrap .contact-robot {position:absolute;right:-20px;bottom:calc(100% - 4px);top:auto;width:177px;height:auto;max-width:none;pointer-events:none;z-index:1;}
@media(max-width:1000px) {.contact-form-wrap {margin-top:0;}.contact-form-wrap .contact-robot {display:none;}}

/* ---------- 7. Individuals · the real structure beside the starter card ---------- */
.starter-layout {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:start;}
.starter-layout>.starter-included {display:block;margin:0;min-width:0;}
.starter-layout>.vault-figure {margin:0;padding-top:0;max-width:none;}
.vault-figure img {display:block;width:100%;height:auto;border:1px solid var(--paper-edge);border-radius:10px;background:var(--surface-white);padding:10px 6px;box-sizing:border-box;}
.vault-figure figcaption {font-size:var(--type-14);line-height:1.5;color:var(--sub-ink);margin-top:8px;}
@media(max-width:1100px) {
 .starter-layout {grid-template-columns:1fr;gap:24px;}
 .starter-layout>.vault-figure {padding-top:0;width:min(100%,260px);}
}

/* ---------- 8. Public workshop · six parts of an AI brief ---------- */
.workshop-with-brief .workshop-visual-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:24px;}
body[data-page=home] .workshop-visual-layout>.product-meta {margin-top:0;max-width:none;}
.workshop-visual-layout .workshop-event {max-width:none;}
.workshop-brief {margin:4px 0 0;min-width:0;width:100%;max-width:540px;justify-self:end;align-self:start;}
.workshop-brief svg {display:block;width:100%;height:auto;}
.workshop-brief .brief-label {font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:34px;fill:var(--ink);}
.workshop-brief .brief-centre {font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:34px;fill:var(--ink);}
.workshop-brief .brief-centre .it {font-style:italic;fill:var(--ink);}
.workshop-with-brief>.workshop-topics {margin:16px 0 0;border-top:0;}
.workshop-with-brief>.workshop-topics>summary {padding:8px 0;}
.workshop-with-brief>.context-link {margin-top:20px;}
@media(max-width:900px) {
 .workshop-with-brief .workshop-visual-layout {grid-template-columns:1fr;gap:24px;}
 .workshop-brief {justify-self:center;}
}

/* ---------- Original hot pink, with Ink for small text and control labels ---------- */
/* Brand accent/hover tokens come from site.css. No alternate pink override. */
:root {--muted:rgba(74,68,62,.8);}
body[data-page] .lang-page a:not(.software-logo):not(.cta) {color:var(--ink);text-decoration-color:var(--hot-pink);}
body[data-page] .lang-page :is(.section-overline,.overline,.banner-kicker,.service-num,.journey-example,.more,.duration,.phase-eyebrow,.phase-help-label,.workflow-category,.tile-cat,.starter-result-when) {color:var(--ink);}
body[data-page] .lang-page .cta {background:var(--hot-pink);color:var(--surface-white);}
body[data-page] .lang-page .cta:hover {background:var(--hot-pink);box-shadow:inset 0 0 0 1px var(--ink);}
body[data-page] .line-roadmap>article:last-child::before {color:var(--surface-white);}
body[data-page] .roadmap:not(.line-roadmap)>article::before {color:var(--ink);}
body[data-page] .phase-variants button {color:var(--ink);border-color:var(--paper-edge);}

/* White labels on selected pink skill controls, as requested. */
body[data-page] .lang-page .compact-starters .starter-option[aria-pressed=true],
body[data-page] .lang-page .compact-starters .starter-option[aria-pressed=true]::after {color:var(--surface-white);}

body[data-page] .lang-page .journey-stage[aria-pressed=true],
body[data-page] .lang-page .journey-stage[aria-pressed=true] .stage-index {color:var(--surface-white);}
body[data-page=workflows] .phase-foot {justify-content:flex-end;}