/* Reference direction: ivory, deep forest, Manrope and restrained serif accents. */
:root{--display:'Manrope',Arial,sans-serif}
body{background:var(--bg);color:var(--ink)}
p{color:var(--muted)}
.brand{font-family:var(--display);font-weight:800;color:var(--ink)}
.brand-caption,.site-header nav a{color:#3a455e}
.site-header nav a:hover,.text-link:hover{color:#4d5c7e}
.header-cta{border-color:#bac2d5;border-radius:4px}
.header-cta:hover{background:#1c273f;color:#fff}
.section-heading h2,.approach-intro h2,.contact h2,.faq-intro h2{letter-spacing:-.045em}
.section-heading h2 em,.approach-intro h2 em,.contact h2 span{text-decoration:none}
.service-card h3,.process-step h3,.document-title,.contact-entry h3,.business-result h2{letter-spacing:-.04em}
.hero-copy .eyebrow,.studio-heading{color:#3a455f}
.hero-grid,.hero::before{display:none}
.hero-promise,.hero-bottom,.hero-bottom a,.scene-disclosure{color:#39435c;border-color:var(--line)}
.button{border-radius:4px}
::selection{background:#93aeec;color:#1c273f}
.experience-tabs{border-color:#c3cce0}
.experience-tabs button,.business-tabs button{color:#39435c}
.experience-tabs button:hover,.experience-tabs button[aria-selected=true]{color:#1c273f}
.business-canvas{background:none}
.knowledge-label,.source-index,.business-area{color:#3c4863}
.knowledge-sources>div{border-color:#bfc7d8}
.knowledge-sources strong{color:#1c273f}
.knowledge-sources>div>span:last-child{color:#39435c}
.bridge-rails{stroke:#a5b0c8}.bridge-signals{stroke:#5f719b;opacity:.85}
.knowledge-core{background:#1c273f;border-color:#1c273f;box-shadow:none;border-radius:4px}
.knowledge-core strong{color:#eef1f6}
.core-monogram,.core-arrow{color:#93aeec}
.knowledge-outlet{background:#a5b0c8}
.business-tabs{border-color:#bfc7d8}
.business-tabs button:hover,.business-tabs button[aria-selected=true]{color:#1c273f}
.business-result h2{color:#1c273f}.business-result>p{color:#39435c}
.business-deliverable{border-color:#7686ab;background:#bcc6dd;color:#1c273f}
.business-deliverable>span:first-child{color:#36415b}.business-deliverable>span:last-child{color:#4d5c7e}
.section-top{color:#3c4863}
.service-grid,.service-card,.service-card+article{border-color:var(--line)}
.service-card::before{display:none}
.service-card h3,.service-card:hover h3{color:#1c273f}
.service-verb,.service-outcome>span,.card-top>span,.card-top>span::before{color:#4d5c7e}
.service-outcome{border-color:#7989ad}.service-outcome>p{color:#3a455e}
.tags span{border-color:#bfc7d8}
.service-details{border-color:var(--line)}.service-details summary{color:#1c273f}
.service-note p,.service-note strong{color:#3a455e}
.service-note>span:last-child{color:#3c4863}
.applications{background:#bcc6dd;color:#1c273f}
.audience-tabs{border-color:#bfc7d8}.audience-tabs button{color:#39435c}
.audience-tabs button[aria-selected=true]{background:#1c273f;color:#fff}
.applications .workflow{border-color:#c3cce0}
.workflow-body{background-image:radial-gradient(#5969901a .7px,transparent .7px)}
.flow-center{background:#aeb8cf;border-color:#a8b2cb}.flow-center>div>span{color:#3f4b67}
.flow-mark{background:#1c273f;color:#93aeec}
.approach{color:#eef1f6;--line:#424f6c}
.process-step{border-color:#475473}.process-step h3{color:#eef1f6}
.step-index{color:#9daac8}
.process-step.is-current{border-color:#8396c4}
.faq{padding-top:40px}.faq-list details{border-color:var(--line)}
.contact{background:#bcc6dd;color:#1c273f}
.contact p{color:#39435c}.contact-note{color:#39435c}
.contact-entry{background:#1c273f;border-color:#6b7eaa;border-radius:4px}
.contact-entry h3{color:#eef1f6}
.entry-options a{border-color:#414e6b}.entry-arrow{color:#93aeec}
.entry-options a:hover{color:#fff;background:#ffffff08}
footer{background:#1c273f;color:#b8c1d4}
footer .brand>span:first-child,.back-top span{color:#93aeec}
.studio-prompt p{color:#3a455e}
.studio-stage{background:#bcc6dd;border-color:#bfc7d8;border-radius:4px 4px 0 0}
.document-canvas{background:#bcc6dd;color:#1c273f}
.document-title{color:#1c273f}
.document-description{color:#39435c}.document-items>div{border-color:#bfc7d8}.document-items>div>span:first-child{color:#4d5c7e}.document-items>div>span:last-child{color:#2a52d4}
.document-monogram{color:#4d5c7e}.studio-outputbar{background:#bac2d4;border-color:#bfc7d8}
.studio-outputbar>span:first-child,.document-review{color:#3a455e}
.brief-overlay{background:#bac2d4f5}.brief-overlay h2{color:#1c273f}
.mini-label,.brief-overlay>p{color:#36415b}.brief-chips span{color:#3a455e;border-color:#a5b0c8}
.brief-connection span{background:#1c273f;color:#93aeec}
.phase-controls button{color:#39435c;border-color:#bfc7d8}
.phase-controls button[aria-pressed=true],.phase-controls button[aria-pressed=true]>span{color:#1c273f}
.scene-play{border-color:#8b99b8}
input,textarea,select,.brief-result pre{background:#bcc6dd;border-color:#a8b2cb;color:#1c273f}
textarea::placeholder{color:#39435c}.form-note{color:#39435c}
.result-check,#copy-status{color:#3d4d71}
@media(max-width:760px){.contact .eyebrow{color:#3c4863}.faq{padding-top:32px}}

/* Readability: stronger strokes and explicit contrast on light and dark surfaces. */
body{font-weight:500}
body[data-active-audience] .hero h1,.hero h1 em{font-weight:600}
.section-heading h2,.approach-intro h2,.contact h2,.faq-intro h2,
.service-card h3,.process-step h3,.document-title,.contact-entry h3,.business-result h2{font-weight:600}
p,.case-description,.flow-answer p,.service-outcome>p,.document-description{font-weight:500}
.button,.header-cta,.text-link,.site-header nav a,.experience-tabs button,.business-tabs button,
.audience-tabs button,.phase-controls button,.service-details summary,.faq-list summary{font-weight:600}
.eyebrow,.section-top>span:last-child,.studio-heading,.hero-bottom,.hero-bottom a,.knowledge-label,.source-index,.business-area,.business-deliverable>span:first-child,.service-verb,.service-outcome>span,.tags span,.document-kind,.document-footnote,.document-review,.studio-outputbar>span:first-child,.entry-label,.entry-number,.workflow-top,.workflow-footer,.output-label,.source-pill,.contact-note,.form-note,.brand-caption{font-size:13px;font-weight:600;letter-spacing:.035em}
.knowledge-sources>div>span:last-child,.knowledge-core>div>span,.scene-disclosure,
body[data-active-audience=business] .scene-disclosure,.hero-promise,.flow-sources>span,
.flow-center>div>span,.flow-answer p,.service-note p,.service-note>span:last-child{font-size:14px;font-weight:500}
.flow-answer p,.workflow-footer,.application-bottom>span,.source-pill,.output-label,
.example-label,.case-description,.tags span,.service-verb,.service-outcome>span,
.document-footnote,.document-kind,.studio-edition{color:#39435c}
.approach-intro p,.process-step p,.entry-label,.entry-number,.knowledge-core>div>span{color:#d7ddeb}
.entry-options a{font-weight:500;color:#eceff5}
.business-deliverable strong,.document-items strong,.knowledge-sources strong,.knowledge-core strong{font-weight:600}
.site-header .language-switch a{font-size:14px;font-weight:600}
@media(min-width:901px){body[data-active-audience=business] .hero h1{font-size:clamp(48px,4.6vw,82px)}}
@media(max-width:760px){
  .hero-copy .eyebrow,.studio-heading{font-size:12px;font-weight:600;letter-spacing:.02em}
  .studio-outputbar{flex-wrap:wrap;gap:6px}
  .document-kind,.document-footnote,.document-review,.studio-outputbar>span:first-child{font-size:12px}
  .phase-controls button{font-size:13px}
  .document-canvas{height:auto;min-height:100%}
  [data-scenario=solo] .studio-stage,[data-scenario=personal] .studio-stage{height:auto;min-height:360px}
}

/* Shared visual language for all three audience previews. */
.experience-tabs button,.experience-tabs button[aria-selected=true]{font-family:var(--display);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--ink)}
.experience-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#experience-panel .studio-stage{height:auto;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden}
#experience-panel .business-canvas,#experience-panel .document-canvas{padding:22px 24px;background:var(--surface)}
#experience-panel .knowledge-label,#experience-panel .document-kind{font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.035em;color:#39435c}
#experience-panel .business-result h2,#experience-panel .document-title{font:600 clamp(26px,2.5vw,36px)/1.15 var(--display);letter-spacing:-.04em;margin:14px 0 12px}
#experience-panel .business-result>p,#experience-panel .document-description{font-size:14px;line-height:1.6;max-width:none;margin:0 0 14px}
#experience-panel .business-deliverable{background:transparent;border-top:1px solid var(--line);border-left:0;padding:14px 24px 0 0}
#experience-panel .document-items>div{font-size:14px;padding:12px 0}
#experience-panel .document-footnote{margin:0;padding-top:14px}
#experience-panel .knowledge-core{width:100%}
#experience-panel .knowledge-sources{gap:12px}
#experience-panel .knowledge-sources strong{font-size:14px}
#experience-panel .knowledge-sources>div>span:last-child{font-size:14px;line-height:1.5}
@media(max-width:760px){
 #experience-panel .business-canvas,#experience-panel .document-canvas{padding:18px 16px}
 .experience-tabs button,.experience-tabs button[aria-selected=true]{font-size:13px}
 #experience-panel .knowledge-sources{gap:8px}
 #experience-panel .knowledge-sources strong,#experience-panel .knowledge-sources>div>span:last-child{font-size:13px}
}
/* Keep the business preview close to the height of the hero copy. */
#experience-panel[data-scenario=business] .business-canvas{padding:18px 22px}
#experience-panel .knowledge-label{margin-bottom:12px}
#experience-panel .source-index{display:none}
#experience-panel .knowledge-sources>div{gap:3px;padding-bottom:10px}
#experience-panel .knowledge-bridge{height:22px}
#experience-panel .knowledge-core{padding:10px 14px}
#experience-panel .knowledge-outlet{height:10px}
#experience-panel .business-tabs button{padding-top:10px;padding-bottom:10px}
#experience-panel .business-result{padding-top:12px}
#experience-panel .business-result h2{font-size:clamp(24px,2.1vw,30px);margin:8px 0}
#experience-panel .business-result>p{margin-bottom:10px;line-height:1.5}
#experience-panel .business-deliverable{padding-top:10px;gap:4px}
@media(min-width:901px){
 #experience-panel .knowledge-label{display:none}
 #experience-panel .business-area{display:none}
 body[data-active-audience=business] .hero-bottom{margin-top:0;padding-top:18px;padding-bottom:18px}
}

.brand .brand-suffix{color:#3f4c6b}
.flow-sources>span,.flow-output{background:#d9deeb}
.service-card:hover{background:#c6cee1}
.service-verb{color:#313b51;font-weight:700}
.hero h1 em:last-child,.section-heading h2 em,.applications .section-heading h2 em,.contact h2 span{color:#3d4966}
@media(max-width:400px){.site-header .brand{margin-right:6px}}

/* Graphite entry with a circuit-built W. */
.site-header{margin:0;padding:0 4.7%;border-color:#354449;color:#eff1f7}
.site-header .brand-caption,.site-header nav a{color:#c2cbdf}
.site-header nav a:hover,.site-header .language-switch a:hover,.site-header .language-switch a[aria-current]{color:#c5cde1}
.site-header .language-switch a{color:#b5bed2}.site-header .language-switch>span{color:#546489}
.site-header .header-cta{border-color:#536388;color:#eff1f7}.site-header .header-cta:hover{background:#bfc8de;color:#111726}
.site-header .menu-toggle span{background:#dce1ed}
@media(max-width:760px){.site-header{padding:0 6%}.site-header nav{background:#141d20;left:0;right:0}}

.hero .studio-edition{color:#39435c}

/* Clear light entry beneath a distinctly dark navigation bar. */
.hero{--bg:#eef0f6;--surface:#d8deeb;--ink:#182137;--muted:#313b51;--line:#aeb8ce;color:var(--ink)}
body[data-active-audience] .hero h1,.hero h1 em{color:#182137}
.hero-copy>p,.hero .studio-prompt p,.hero-promise,.hero-promise strong,.hero-bottom,.hero-bottom a,.hero .scene-disclosure,body[data-active-audience=business] .scene-disclosure{color:#313b51}
.hero .text-link{color:#1c273f}
.hero .studio-outputbar,.hero .brief-overlay{background:#ccd4e5}