/* Subject first. Shared type, colour and geometry; distinct compositions by purpose. */
.cd-art { --cd-ink:#171717; --cd-muted:#656565; --cd-line:#d8d8d8; --cd-p:1; color:var(--cd-ink); font-family:inherit; font-weight:400; font-size:17px; line-height:1.6; }
.cd-art *, .cd-art *::before, .cd-art *::after { box-sizing:border-box; min-width:0; }
.cd-art h3,.cd-art h4 { margin:0; font-weight:400; line-height:1.17; letter-spacing:-.025em; color:inherit; }
.cd-slot .cd-art :is(h3,h4) { color:inherit; }
.cd-art h3 { font-size:28px; }
.cd-art h4 { font-size:23px; }
.cd-art p { margin:12px 0 0; color:var(--cd-muted); font-size:17px; line-height:1.6; }
.cd-slot .cd-art p { color:var(--cd-muted); }
.cd-art img { display:block; width:100%; height:auto; object-fit:contain; }
.cd-label { display:block; color:var(--cd-muted); font-size:13px; line-height:1.5; margin-bottom:14px; }
.cd-icon { display:block; flex-shrink:0; color:#32131d; }
.cd-art ul,.cd-art ol { list-style:none; margin:0; padding:0; }
.cd-art button { font:inherit; cursor:pointer; }
.cd-art a { display:inline-flex; align-items:center; gap:18px; color:inherit; text-decoration:none; border-bottom:1px solid var(--cd-line); padding:12px 0; font-size:16px; }
.cd-art a .ui-arrow { color:#ff5a2b; }
.cd-art button:focus-visible,.cd-art a:focus-visible { outline:2px solid #ff5a2b; outline-offset:4px; }
.cd-art [hidden] { display:none!important; }
.cd-controls { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.cd-controls button { padding:12px 16px; min-height:48px; border:1px solid var(--cd-line); color:inherit; background:transparent; border-radius:4px; font-size:15px; line-height:1.35; text-align:left; }
.cd-controls button[aria-pressed=true] { background:#171717; color:#fff; border-color:#171717; }
.cd-controls button:hover { border-color:#ff5a2b; }
.cd-result { grid-column:1/-1; display:flex; align-items:flex-start; gap:16px; margin-top:28px; padding-top:24px; border-top:1px solid var(--cd-line); }
.cd-result .cd-icon { color:#ff5a2b; }
.cd-result h3 { font-size:23px; }
.cd-result p { margin-top:8px; font-size:16px; }
.cd-node { display:flex; gap:20px; align-items:flex-start; padding:24px 0; border-bottom:1px solid var(--cd-line); }
.cd-node h3 { font-size:25px; }
.cd-node p { margin-top:10px; }
.cd-footnote { font-size:13px!important; margin-top:24px!important; }
.cd-compass { display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:center; }
.cd-compass-art img { max-height:430px; transform:rotate(calc((1 - var(--cd-p)) * -10deg)); }
.cd-compass-art > .cd-label { text-align:center; margin:20px 0 0; }
.cd-compass-copy > h3 { font-size:42px; }
.cd-situations { display:grid; gap:18px; }
.cd-situations article { padding:18px 0 18px 22px; border-left:2px solid var(--cd-line); }
.cd-situations article .cd-label { margin-bottom:8px; }
.cd-situations article[data-cd-active=true] { border-color:#ff5a2b; }
.cd-situations h4 { font-size:24px; }
.cd-situations p { margin-top:8px; font-size:16px; }
.cd-intent-root { display:flex; align-items:center; gap:24px; width:fit-content; margin:0 auto; padding:24px 32px; background:#171717; color:#fff; border-radius:8px; }
.cd-intent-root .cd-label { color:#bcbcbc; margin-bottom:6px; }
.cd-intent-root .cd-icon { color:#ff5a2b; }
.cd-intent-branches { display:flex; gap:28px; padding-top:40px; position:relative; }
.cd-intent-branches::before { content:''; position:absolute; top:20px; left:12.5%; right:12.5%; height:1px; background:#ff5a2b; transform:scaleX(var(--cd-p)); }
.cd-intent-branches::after { content:''; position:absolute; left:50%; top:0; height:20px; width:1px; background:#ff5a2b; }
.cd-intent-branch { flex:1; position:relative; }
.cd-intent-branch::before { content:''; position:absolute; left:50%; top:-20px; width:1px; height:20px; background:#ff5a2b; }
.cd-intent-question { padding:22px; border:1px solid #ff5a2b; background:#fff7f3; border-radius:8px; }
.cd-intent-question .cd-icon { margin-bottom:20px; }
.cd-intent-question h4 { font-size:26px; }
.cd-intent-question p { font-size:15px; }
.cd-intent-branch > i { display:block; height:28px; width:1px; background:#ff5a2b; margin:auto; }
.cd-intent-page { background:#f5f5f5; border-radius:8px; padding:22px; }
.cd-intent-page h4 { font-size:21px; line-height:1.4; }
.cd-handoff { display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:32px; align-items:center; }
.cd-team-side > .cd-icon { margin-bottom:24px; }
.cd-team-side h3 { font-size:29px; }
.cd-shared-brief { position:relative; background:#32131d; color:#fff; padding:32px; border-radius:8px; }
.cd-shared-brief::before,.cd-shared-brief::after { content:''; position:absolute; top:50%; height:2px; background:#ff5a2b; width:32px; }
.cd-shared-brief::before { right:100%; }
.cd-shared-brief::after { left:100%; }
.cd-shared-brief .cd-label { color:#c4b8bd; }
.cd-shared-brief h3 { font-size:34px; }
.cd-shared-brief dl { margin:24px 0 0; }
.cd-shared-brief dl div { border-top:1px solid #775e67; padding:14px 0; }
.cd-shared-brief dt { font-size:13px; color:#c4b8bd; }
.cd-shared-brief dd { margin:6px 0 0; font-size:17px; line-height:1.5; }
.cd-feedback-line { grid-column:1/-1; display:flex; gap:20px; align-items:center; border-bottom:2px solid #ff5a2b; padding:0 0 22px; }
.cd-feedback-line p { margin:0; }
.cd-brand-system { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.cd-brand-object { position:relative; padding:20px 40px; }
.cd-brand-object img { max-height:410px; transform:rotate(calc((1 - var(--cd-p)) * -12deg)); }
.cd-brand-object span { display:block; text-align:center; font-size:23px; line-height:1.5; margin-top:20px; }
.cd-brand-components article { position:relative; padding:24px 0 24px 26px; border-left:2px solid var(--cd-line); }
.cd-brand-components article + article { border-top:1px solid var(--cd-line); }
.cd-brand-components article::before { content:''; width:10px; height:10px; background:#ff5a2b; position:absolute; left:-6px; top:28px; border-radius:50%; }
.cd-brand-components article h3 { font-size:28px; }
.cd-brand-components article .cd-label { color:#32131d; margin-bottom:10px; }
.cd-position { display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:32px; text-align:center; align-items:center; }
.cd-position-disc { display:grid; place-items:center; width:150px; height:150px; border:1px solid #775e67; border-radius:50%; margin:0 auto 24px; }
.cd-position-core { position:relative; padding:32px 24px; background:#32131d; color:#fff; border-radius:8px; }
.cd-position-core > .cd-icon { color:#ff5a2b; margin:0 auto 20px; }
.cd-position-core p,.cd-position-core .cd-label { color:#c4b8bd; }
.cd-position-core h3 { font-size:34px; }
.cd-position-core::before,.cd-position-core::after { content:''; width:32px; height:1px; background:#ff5a2b; position:absolute; top:50%; }
.cd-position-core::before { right:100%; }
.cd-position-core::after { left:100%; }
.cd-position > .cd-result { text-align:left; }
.cd-identity-audit { display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:48px; }
.cd-identity-board { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:24px; background:#f5f5f5; border-radius:8px; }
.cd-identity-sample { position:relative; padding:24px; border-radius:4px; min-height:250px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; }
.cd-identity-sample h3 { font-size:29px; }
.cd-sample-one { grid-row:span 2; background:#32131d; color:#fff; }
.cd-sample-one .cd-label { color:#c4b8bd; }
.cd-sample-one .cd-icon { color:#ff5a2b; }
.cd-sample-two { background:#fff; }
.cd-sample-three { background:#32131d;color:#fff;}
.cd-sample-three .cd-label { color:#c4b8bd; }
.cd-identity-review h3 { font-size:34px; }
.cd-identity-review ul { margin-top:24px; }
.cd-identity-review li { padding:14px 0; border-top:1px solid var(--cd-line); font-size:17px; line-height:1.6; }
.cd-identity-review > .cd-label { margin-top:24px; }
.cd-report { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:56px; }
.cd-report-questions > h3 { font-size:36px; }
.cd-report-sheet { padding:36px; background:#fff; border:1px solid var(--cd-line); border-radius:8px; box-shadow:0 8px 0 #f5f5f5; }
.cd-report-sheet > h3 { min-height:80px; font-size:34px; }
.cd-report-flow { display:flex; align-items:center; gap:18px; margin-top:30px; padding:24px 0; border-top:1px solid var(--cd-line); border-bottom:1px solid var(--cd-line); font-size:18px; }
.cd-report-flow > i { width:24px; height:1px; flex-shrink:0; background:#ff5a2b; }
.cd-report-answer { padding:24px 0 0; min-height:150px; }
.cd-report-answer .cd-label { color:#32131d; }
.cd-report-answer p { font-size:22px; color:#171717; }
.cd-decision-letter { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.cd-letter-title > .cd-icon { margin-bottom:28px; }
.cd-letter-title h3 { font-size:48px; }
.cd-letter-title h3 span { color:#32131d; }
.cd-letter-paper { padding:8px 32px!important; background:#fff; border:1px solid var(--cd-line); border-radius:8px; box-shadow:10px 10px 0 #f5f5f5; }
.cd-letter-paper li { display:flex; gap:24px; padding:26px 0; }
.cd-letter-paper li + li { border-top:1px solid var(--cd-line); }
.cd-letter-paper h3 { font-size:26px; }
.cd-letter-paper .cd-label { color:#32131d; margin-top:4px; flex:0 0 2ch; white-space:nowrap; }
.cd-dashboard { background:#171717; color:#fff; padding:32px; border-radius:8px; --cd-muted:#bcbcbc; --cd-line:#585858; }
.cd-dashboard-head { display:flex; justify-content:space-between; gap:24px; font-size:13px; color:#bcbcbc; border-bottom:1px solid #585858; padding-bottom:20px; }
.cd-dashboard-head .cd-label { margin:0; }
.cd-dashboard-overview { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:32px 0; }
.cd-dashboard-overview > div:first-child { display:flex; align-items:center; gap:28px; }
.cd-dashboard-number { font-size:112px; line-height:1; color:#ff5a2b; letter-spacing:-.07em; }
.cd-dashboard .cd-controls button[aria-pressed=true] { background:#fff; border-color:#fff; color:#171717; }
.cd-dashboard-row { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:24px; padding:18px 20px; border-top:1px solid #585858; font-size:17px; }
.cd-dashboard-labels { color:#bcbcbc; font-size:13px; }
.cd-dashboard-row[data-cd-attention=true] { background:#32131d; border-left:3px solid #ff5a2b; }
.cd-loss-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.cd-loss-examples article { padding:28px; background:#f5f5f5; border-radius:8px; }
.cd-loss-examples article > div { height:144px; margin-bottom:28px; display:flex; align-items:center; justify-content:center; gap:18px; }
.cd-loss-examples h3 { font-size:29px; }
.cd-double-entry span { color:#32131d; font-size:32px; }
.cd-wait-art i { width:10px; height:10px; background:#d8d8d8; border-radius:50%; }
.cd-wait-art i:last-child { background:#ff5a2b; }
.cd-report-art i { width:32px; height:60px; border:1px solid #775e67; }
.cd-report-art i:nth-child(2) { height:96px; background:#32131d; }
.cd-report-art i:nth-child(3) { height:44px; background:#ff5a2b; border:0; }
.cd-report-art i:nth-child(4) { height:110px; }
.cd-loss-remedy { display:block; font-size:16px; line-height:1.6; padding-top:20px; margin-top:24px; border-top:1px solid #d8d8d8; }
.cd-ai-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.cd-ai-examples article > .cd-label { margin-bottom:18px; }
.cd-ai-paper { min-height:320px; padding:28px; background:#fff; border:1px solid #d8d8d8; border-radius:8px; }
.cd-ai-paper > .cd-icon { margin-bottom:24px; }
.cd-ai-paper h3 { font-size:29px; }
.cd-ai-paper > span { display:block; margin-top:28px; color:#32131d; font-size:15px; border-top:1px solid #d8d8d8; padding-top:18px; }
.cd-ai-paper dl { margin:22px 0 0; }
.cd-ai-paper dl div { display:flex; justify-content:space-between; gap:12px; font-size:15px; border-top:1px solid #d8d8d8; padding:10px 0; }
.cd-ai-paper dd { margin:0; }
.cd-ai-examples article > h4 { margin-top:24px; }
.cd-ai-examples article:nth-child(3) .cd-ai-paper { background:#32131d; color:#fff; --cd-muted:#c4b8bd; }
.cd-ai-examples article:nth-child(3) .cd-ai-paper > span,.cd-ai-examples article:nth-child(3) .cd-icon { color:#ff5a2b; }
.cd-adoption { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.cd-adoption-team { padding:40px; background:#32131d; color:#fff; border-radius:8px; }
.cd-adoption-team > .cd-icon { color:#ff5a2b; margin-bottom:32px; }
.cd-adoption-team h3 { font-size:38px; }
.cd-adoption-team p { color:#c4b8bd; margin-top:24px; }
.cd-journey,.cd-bi-rhythm { position:relative; }
.cd-journey-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.cd-journey-steps li { padding-top:32px; }
.cd-journey-line { position:absolute; top:0; left:0; right:0; height:2px; background:var(--cd-line); }
.cd-journey-line i { display:block; height:100%; width:100%; background:#ff5a2b; transform:scaleX(var(--cd-p)); transform-origin:left; }
.cd-journey-steps .cd-icon { margin:24px 0; }
.cd-step-output { display:flex; align-items:center; gap:12px; padding:20px 0 0; margin-top:24px; border-top:1px solid var(--cd-line); font-size:16px; }
.cd-step-output .cd-icon { color:#ff5a2b; margin:0; }
.cd-production-task { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.cd-production-object { position:relative; padding:20px 60px; }
.cd-production-object img { max-height:360px; }
.cd-production-object h3 { font-size:38px; text-align:center; margin-top:24px; }
.cd-production-brief > .cd-label { color:#32131d; }
.cd-composition { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.cd-composition-poster { padding:36px; border-radius:8px; background:#32131d; color:#fff; }
.cd-composition-poster .cd-label { color:#c4b8bd; }
.cd-composition-poster h3 { font-size:clamp(40px,4vw,58px); }
.cd-composition-poster > p { color:#c4b8bd; margin-top:24px; }
.cd-focus-object { position:relative; height:195px; display:grid; place-items:center; margin-top:20px; }
.cd-focus-object > span { position:relative; }
.cd-focus-object .cd-icon { color:#ff5a2b; }
.cd-focus-object > i { position:absolute; width:180px; height:180px; border:1px solid #775e67; border-radius:50%; transform:scale(calc(.7 + var(--cd-p) * .3)); }
.cd-composition-notes li { padding:24px 0; border-bottom:1px solid var(--cd-line); }
.cd-composition-notes h3 { font-size:29px; }
.cd-editorial-map { display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; align-items:center; }
.cd-editorial-core { padding:36px; background:#32131d; border-radius:8px; color:#fff; }
.cd-editorial-core > .cd-icon { color:#ff5a2b; margin-bottom:24px; }
.cd-editorial-core .cd-label,.cd-editorial-core p { color:#c4b8bd; }
.cd-editorial-core h3 { font-size:34px; }
.cd-editorial-pages { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.cd-editorial-pages article { padding:24px; background:#fff; border:1px solid var(--cd-line); border-radius:8px; }
.cd-editorial-pages .cd-icon { margin:24px 0; }
.cd-editorial-pages h3 { font-size:25px; }
.cd-editorial-pages p { font-size:16px; }
.cd-storyboard-frames { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.cd-storyboard-frames article { padding:28px; border-radius:8px; background:#f5f5f5; }
.cd-storyboard-frames article > h3 { font-size:29px; }
.cd-storyboard-frames article > p { font-size:16px; }
.cd-frame-object,.cd-frame-type,.cd-frame-person { height:230px; display:flex; justify-content:center; align-items:center; position:relative; margin:24px 0; }
.cd-frame-object .cd-icon { color:#ff5a2b; transform:rotate(calc(var(--cd-p) * 30deg)); }
.cd-frame-object > i { position:absolute; border:1px solid #775e67; border-radius:50%; width:170px; height:170px; transform:scale(calc(.8 + var(--cd-p) * .2)); }
.cd-frame-type { display:block; padding-top:25px; font-size:64px; line-height:1.1; letter-spacing:-.06em; }
.cd-frame-type span { color:#32131d; border-bottom:3px solid #ff5a2b; }
.cd-frame-person .cd-icon:last-child { position:absolute; right:15%; bottom:20%; color:#ff5a2b; }
.cd-objective-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.cd-objective-grid article { padding:32px; background:#f5f5f5; border-radius:8px; }
.cd-objective-grid .cd-icon { margin-bottom:24px; }
.cd-objective-grid h3 { font-size:30px; max-width:17em; }
.cd-objective-grid p { margin-top:20px; }
.cd-search-surfaces { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.cd-search-surfaces article > h4 { margin-top:24px; font-size:25px; }
.cd-search-surfaces article > p { font-size:16px; }
.cd-serp-fragment,.cd-map-fragment,.cd-ai-answer { min-height:290px; padding:28px; background:#fff; border:1px solid var(--cd-line); border-radius:8px; }
.cd-serp-fragment h3 { margin-top:22px; font-size:24px; color:#32131d; }
.cd-serp-fragment p { font-size:15px; }
.cd-serp-fragment > span:last-child { display:block; margin-top:24px; font-size:13px; color:#656565; }
.cd-query { display:flex; gap:10px; align-items:center; border:1px solid var(--cd-line); padding:12px; border-radius:4px; font-size:15px; }
.cd-map-fragment { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f5f5f5; text-align:center; overflow:hidden; }
.cd-map-fragment::before { content:''; position:absolute; inset:0; border:32px double #e7e7e7; transform:rotate(30deg) scale(1.3); }
.cd-map-fragment > * { position:relative; }
.cd-map-fragment > .cd-icon { color:#32131d; margin-bottom:24px; }
.cd-map-fragment div { padding:12px; background:#fff; border-radius:4px; }
.cd-map-fragment p { font-size:13px; }
.cd-ai-answer { background:#32131d; color:#fff; --cd-muted:#c4b8bd; }
.cd-ai-answer .cd-icon { color:#ff5a2b; margin-bottom:20px; }
.cd-ai-answer h3 { font-size:29px; }
.cd-ai-answer p { font-size:15px; }
.cd-ai-answer > span { display:block; margin-top:24px; font-size:13px; color:#c4b8bd; }

/* Give application diagrams a full shared container, not a miniature right column. */
.cd-application-section .ap-split { display:block; }
.cd-application-section .ap-heading { display:grid; grid-template-columns:1fr 1fr; column-gap:64px; align-items:start; margin-bottom:48px; }
.cd-application-section .ap-heading > .ap-label { grid-column:1/-1; }
.cd-application-section .ap-heading h2 { font-size:clamp(32px,3.4vw,48px); }
.cd-application-section .ap-heading p { margin:0; font-size:18px; }
.ap-dark .cd-art { --cd-ink:#fff; --cd-muted:#bcbcbc; --cd-line:#585858; }
.ap-wine .cd-art,.pf-wine .cd-art,.pf-dark .cd-art { --cd-ink:#fff; --cd-muted:#c4b8bd; --cd-line:#775e67; }
.ap-dark .cd-art > .cd-icon,.ap-dark .cd-team-side > .cd-icon { color:#ff5a2b; }
.ap-dark .cd-art .cd-controls button[aria-pressed=true] { background:#ff5a2b; color:#171717; border-color:#ff5a2b; }
.cd-architecture { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.cd-architecture-stack { padding:24px 24px 24px 0; }
.cd-architecture-stack article { display:flex; align-items:center; gap:24px; padding:28px; background:#fff; color:#171717; border:1px solid #d8d8d8; border-radius:8px; box-shadow:8px 8px 0 #3b3336; transform:translateX(calc(var(--cd-p) * var(--cd-offset,0px))); }
.cd-architecture-stack article:nth-child(2) { --cd-offset:10px; }
.cd-architecture-stack article:nth-child(3) { --cd-offset:20px; background:#fff;color:#171717;box-shadow:inset 3px 0 #ff5a2b;}
.cd-architecture-stack article + article { margin-top:20px; }
.cd-architecture-stack article .cd-label,.cd-architecture-stack article p { color:#656565; }
.cd-architecture-stack article:nth-child(3) .cd-label,.cd-architecture-stack article:nth-child(3) p { color:#656565; }
.cd-architecture-meaning h3 { font-size:44px; }
.cd-architecture-meaning h3 span { color:#ff5a2b; }
.cd-architecture-meaning ul { margin:24px 0; }
.cd-architecture-meaning li { display:flex; gap:14px; align-items:flex-start; padding:12px 0; font-size:17px; }
.cd-architecture-meaning li .cd-icon { color:#ff5a2b; }
.cd-workspace { display:grid; grid-template-columns:.9fr 1.1fr; gap:32px; }
.cd-workspace-plan { padding:32px; border:1px solid var(--cd-line); border-radius:8px; }
.cd-workspace-plan h3,.cd-workspace-board h3 { font-size:32px; }
.cd-plan-lines { margin:30px 0; }
.cd-plan-lines > div { padding:18px 0; border-top:1px solid var(--cd-line); }
.cd-plan-lines span { font-size:15px; }
.cd-plan-lines > div > div { background:#e7e7e7; height:6px; margin-top:14px; border-radius:3px; }
.cd-plan-lines i { display:block; margin-left:var(--cd-start); width:var(--cd-width); height:100%; background:#ff5a2b; border-radius:3px; transform:scaleX(var(--cd-p)); transform-origin:left; }
.cd-workspace-board { padding:32px; border-radius:8px; background:#171717; color:#fff; --cd-muted:#bcbcbc; }
.cd-workspace-task,.cd-workspace-decision { display:flex; align-items:flex-start; gap:18px; padding:24px; margin-top:24px; border-radius:8px; background:#282828; }
.cd-workspace-task .cd-icon,.cd-workspace-decision .cd-icon { color:#ff5a2b; }
.cd-workspace-task span,.cd-workspace-decision span { color:#bcbcbc; font-size:13px; }
.cd-workspace-task h4,.cd-workspace-decision h4 { margin-top:10px; font-size:24px; }
.cd-workspace-decision { background:#32131d; }
.cd-workspace-decision p { font-size:16px; }
.cd-workspace-done { display:flex; gap:12px; align-items:flex-start; margin-top:28px; font-size:15px; line-height:1.5; }
.cd-workspace-done .cd-icon { color:#ff5a2b; }
.cd-desktop-environment { display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center; }
.cd-monitor-screen { border:10px solid #282828; border-bottom-width:20px; border-radius:12px; background:#fff; color:#171717; box-shadow:0 4px 0 #656565; }
.cd-monitor-screen header { padding:14px 20px; border-bottom:1px solid #d8d8d8; display:flex; justify-content:space-between; gap:12px; font-size:12px; }
.cd-monitor-body { padding:28px; }
.cd-monitor-body > .cd-icon { margin-bottom:24px; }
.cd-monitor-body h3 { font-size:33px; }
.cd-monitor-body p { color:#656565; font-size:13px; }
.cd-os-options { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.cd-os-options span { padding:8px 10px; background:#f5f5f5; border:1px solid #d8d8d8; border-radius:4px; font-size:15px; }
.cd-monitor-stand { width:35%; height:32px; margin:auto; border-bottom:5px solid #656565; background:#282828; clip-path:polygon(25% 0,75% 0,85% 85%,100% 85%,100% 100%,0 100%,0 85%,15% 85%); }
.cd-environment-facts .cd-icon { color:#ff5a2b; }
.cd-device-pair { display:grid; grid-template-columns:1fr 80px .85fr; gap:0; align-items:center; }
.cd-connected-app { padding:32px; background:#fff; color:#171717; border:1px solid #d8d8d8; border-radius:8px; }
.cd-connected-app .cd-label,.cd-connected-app p { color:#656565; }
.cd-device-operation { display:flex; gap:20px; align-items:center; padding:24px; margin-top:28px; border:1px solid #d8d8d8; border-radius:4px; }
.cd-cable { height:2px; background:#656565; }
.cd-cable > i { display:block; height:100%; background:#ff5a2b; width:100%; transform:scaleX(var(--cd-p)); transform-origin:left; }
.cd-connected-device { padding:32px; text-align:center; border:1px solid var(--cd-line); border-radius:8px; }
.cd-connected-device > .cd-icon { margin:0 auto 28px; color:#ff5a2b; }
.cd-connected-device span { display:block; margin-top:14px; font-size:17px; color:var(--cd-muted); }
.cd-device-connection > .cd-controls { justify-content:center; }
.cd-device-explanation { min-height:68px; text-align:center; }
.cd-device-explanation p { font-size:21px; max-width:38em; margin:auto; }
.cd-local-security { display:grid; grid-template-columns:.8fr 1fr 1fr; gap:40px; align-items:center; }
.cd-security-source { text-align:center; }
.cd-security-source > .cd-icon { margin:0 auto 24px; color:#ff5a2b; }
.cd-security-gate { padding:36px 24px; background:#32131d; color:#fff; border:1px solid #775e67; border-radius:8px; text-align:center; }
.cd-security-gate > .cd-icon { margin:0 auto 24px; color:#ff5a2b; }
.cd-security-gate p { color:#c4b8bd; }
.cd-security-key { display:flex; align-items:center; justify-content:center; gap:12px; border-top:1px solid #775e67; padding-top:24px; margin-top:24px; font-size:16px; }
.cd-security-key .cd-icon { color:#ff5a2b; }
.cd-security-destinations .cd-icon { color:#ff5a2b; }
.cd-mobile-scope { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.cd-mobile-roadmap { padding:36px; background:#32131d; color:#fff; border-radius:8px; }
.cd-mobile-roadmap .cd-label { color:#c4b8bd; }
.cd-mobile-roadmap h3 { font-size:34px; }
.cd-mobile-roadmap ol { margin-top:28px; }
.cd-mobile-roadmap li { display:flex; align-items:center; gap:16px; border-top:1px solid #775e67; padding:20px 0; font-size:19px; line-height:1.4; }
.cd-mobile-roadmap .cd-icon { color:#ff5a2b; }
.cd-mobile-next h3 { font-size:34px; }
.cd-roadmap-extension { display:flex; align-items:center; gap:22px; margin:36px 0; }
.cd-roadmap-extension i { flex:1; height:44px; border:1px solid #775e67; border-left:3px solid #ff5a2b; border-radius:4px; transform:translateX(calc((1 - var(--cd-p)) * 8px)); }
.cd-notification { display:grid; grid-template-columns:1fr 80px 1fr; align-items:center; justify-content:center; gap:0; }
.cd-phone { width:100%; max-width:320px; min-height:430px; border:7px solid #171717; border-radius:28px; background:#fff; color:#171717; justify-self:center; box-shadow:0 5px 0 #775e67; overflow:hidden; }
.cd-phone-top { padding:18px 16px; border-bottom:1px solid #d8d8d8; font-size:13px; text-align:center; }
.cd-phone-body { padding:28px 22px; }
.cd-phone-body > .cd-icon { margin-bottom:28px; }
.cd-phone h3 { font-size:29px; }
.cd-phone p,.cd-phone .cd-label { color:#656565; }
.cd-phone p { font-size:16px; }
.cd-notification-time { display:block; text-align:center; margin:12px 0 32px; color:#656565; font-size:13px; }
.cd-notification-card { padding:20px 16px; background:#f5f5f5; border-radius:8px; display:flex; align-items:flex-start; gap:12px; }
.cd-notification-card h3 { font-size:22px; }
.cd-notification-card p { font-size:15px; }
.cd-phone-body > button { padding:14px 16px; min-height:48px; background:#ff5a2b; color:#171717; border:0; border-radius:4px; margin-top:24px; width:100%; font-size:16px; text-align:left; }
.cd-phone .cd-phone-note { font-size:13px; margin-top:24px; }
.cd-notification-link { height:2px; background:#d8d8d8; }
.cd-notification-link i { display:block; width:100%; height:100%; background:#ff5a2b; transform:scaleX(var(--cd-p)); transform-origin:left; }
.cd-phone-result { transform:translateY(calc((1 - var(--cd-p)) * 20px)); }
.cd-phone-result .cd-phone-body { padding-top:48px; }
.cd-phone-result .cd-icon { color:#32131d; }
.cd-context-kept { display:flex; gap:12px; align-items:center; margin-top:32px; padding-top:24px; border-top:1px solid #d8d8d8; font-size:15px; }
.cd-mobile-states { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; align-items:center; }
.cd-saved-fields { margin:28px 0; }
.cd-saved-fields span { display:block; color:#656565; font-size:13px; }
.cd-saved-fields p { padding:10px 12px; margin:6px 0 18px; border:1px solid #d8d8d8; border-radius:4px; color:#171717; }
.cd-mobile-status { display:flex; gap:12px; align-items:flex-start; font-size:15px; border-top:1px solid #d8d8d8; padding-top:20px; min-height:64px; }
.cd-state-explanations article { padding:20px 0 20px 24px; border-left:2px solid var(--cd-line); }
.cd-state-explanations article + article { margin-top:12px; }
.cd-state-explanations article[data-cd-active=true] { border-color:#ff5a2b; }
.cd-process-exception { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.cd-process-main { background:#32131d; color:#fff; padding:36px; border-radius:8px; }
.cd-process-main .cd-label { color:#c4b8bd; }
.cd-process-main h3 { font-size:37px; }
.cd-process-rail { display:flex; align-items:center; gap:12px; margin-top:36px; font-size:15px; }
.cd-process-rail i { height:1px; flex:1; background:#ff5a2b; min-width:12px; }
.cd-exception-branches .cd-icon { color:#ff5a2b; }
.cd-voice-flow { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.cd-voice-transcript { background:#fff; color:#171717; padding:32px; border-radius:8px; border:1px solid #d8d8d8; }
.cd-voice-transcript .cd-label { color:#656565; }
.cd-voice-line { padding:20px 0; border-bottom:1px solid #d8d8d8; }
.cd-voice-line > span { display:block; color:#656565; font-size:13px; }
.cd-voice-line p { color:#171717; font-size:20px; }
.cd-voice-user { padding-left:24px; border-left:2px solid #ff5a2b; margin-top:16px; }
.cd-voice-pause { display:flex; align-items:flex-start; gap:12px; padding:18px 0 0; font-size:15px; line-height:1.5; color:#656565; }
.cd-voice-wave { display:flex; align-items:center; justify-content:center; gap:7px; height:170px; margin-bottom:32px; }
.cd-voice-wave i { display:block; width:8px; border-radius:4px; height:calc(var(--cd-wave) * 1px); background:#775e67; transform:scaleY(calc(.5 + var(--cd-p) * .5)); }
.cd-voice-wave i:nth-child(3n) { background:#ff5a2b; }
.cd-voice-meaning h3 { font-size:40px; }
.cd-voice-meaning h3 span { color:#ff5a2b; }
.cd-slot .cd-art :is(.cd-architecture-stack article,.cd-connected-app,.cd-phone,.cd-voice-transcript,.cd-monitor-screen,.cd-identity-board,.cd-ai-paper,.cd-report-sheet,.cd-letter-paper,.cd-intent-question,.cd-intent-page,.cd-loss-examples article,.cd-editorial-pages article,.cd-storyboard-frames article,.cd-objective-grid article,.cd-serp-fragment,.cd-map-fragment) { --cd-muted:#656565; --cd-line:#d8d8d8; color:#171717; }
.cd-slot .cd-art :is(.cd-shared-brief,.cd-position-core,.cd-adoption-team,.cd-composition-poster,.cd-editorial-core,.cd-ai-answer,.cd-workspace-board,.cd-security-gate,.cd-mobile-roadmap,.cd-process-main,.cd-bot-boundary-core) { --cd-muted:#c4b8bd; --cd-line:#775e67; color:#fff; }
.cd-slot .cd-architecture-stack article:nth-child(3) { --cd-muted:#656565; }
.cd-slot .cd-ai-examples article:nth-child(3) .cd-ai-paper { --cd-muted:#c4b8bd; color:#fff; }
.cd-slot .cd-identity-sample.cd-sample-one { --cd-muted:#c4b8bd; color:#fff; }
.cd-slot .cd-identity-sample.cd-sample-three { --cd-muted:#c4b8bd; color:#fff; }
.pf-dark .cd-letter-title h3 span,.pf-wine .cd-letter-title h3 span { color:#ff5a2b; }
.pf-dark .cd-letter-title > .cd-icon,.pf-wine .cd-letter-title > .cd-icon { color:#ff5a2b; }
.cd-bot-boundaries { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.cd-bot-boundary-core { padding:40px; background:#32131d; color:#fff; border-radius:8px; }
.cd-bot-boundary-core > .cd-icon { color:#ff5a2b; margin-bottom:28px; }
.cd-bot-boundary-core h3 { font-size:37px; }
.cd-bot-boundary-core p { color:#c4b8bd; }
.cd-bot-boundary-actions .cd-icon { color:#ff5a2b; }

@media(max-width:1100px) {
 .cd-compass,.cd-brand-system,.cd-report,.cd-decision-letter,.cd-adoption,.cd-production-task,.cd-composition,.cd-architecture,.cd-desktop-environment,.cd-mobile-states,.cd-voice-flow,.cd-bot-boundaries { gap:32px; }
 .cd-compass-copy > h3,.cd-letter-title h3,.cd-architecture-meaning h3 { font-size:36px; }
 .cd-handoff,.cd-position { gap:24px; }
 .cd-shared-brief::before,.cd-shared-brief::after,.cd-position-core::before,.cd-position-core::after { width:24px; }
 .cd-intent-branches { gap:16px; }
 .cd-intent-question,.cd-intent-page { padding:18px; }
 .cd-loss-examples,.cd-ai-examples,.cd-storyboard-frames,.cd-search-surfaces { gap:20px; }
 .cd-loss-examples article,.cd-ai-paper,.cd-storyboard-frames article,.cd-serp-fragment,.cd-map-fragment,.cd-ai-answer { padding:22px; }
 .cd-identity-audit { grid-template-columns:1.3fr 1fr; gap:28px; }
 .cd-frame-type { font-size:52px; }
 .cd-local-security { gap:24px; }
 .cd-application-section .ap-heading { column-gap:32px; }
}
@media(max-width:800px) {
 .cd-application-section .ap-heading { display:block; margin-bottom:32px; }
 .cd-application-section .ap-heading p { margin-top:24px; font-size:17px; }
 .cd-compass,.cd-brand-system,.cd-report,.cd-decision-letter,.cd-adoption,.cd-production-task,.cd-composition,.cd-architecture,.cd-workspace,.cd-desktop-environment,.cd-mobile-scope,.cd-mobile-states,.cd-voice-flow,.cd-bot-boundaries,.cd-identity-audit,.cd-editorial-map,.cd-process-exception { grid-template-columns:1fr; gap:32px; }
 .cd-compass-art img,.cd-brand-object img { max-height:300px; }
 .cd-compass-art,.cd-brand-object,.cd-production-object { padding:0 24px; }
 .cd-production-object img { max-height:260px; }
 .cd-handoff,.cd-position,.cd-local-security { grid-template-columns:1fr; gap:24px; }
 .cd-team-side { padding:20px 0; }
 .cd-shared-brief::before,.cd-shared-brief::after,.cd-position-core::before,.cd-position-core::after { display:none; }
 .cd-position-input { display:flex; align-items:center; gap:24px; text-align:left; flex-wrap:wrap; }
 .cd-position-disc { width:92px; height:92px; margin:0; }
 .cd-position-disc .cd-icon { width:48px; height:48px; }
 .cd-position-input h3 { flex:1; }
 .cd-position-input p { width:100%; margin:0; }
 .cd-position-input p br { display:none; }
 .cd-loss-examples,.cd-ai-examples,.cd-storyboard-frames,.cd-search-surfaces { grid-template-columns:1fr; gap:28px; }
 .cd-loss-examples article > div { height:110px; margin-bottom:24px; }
 .cd-ai-paper { min-height:270px; }
 .cd-storyboard-frames article { padding:28px; }
 .cd-frame-object,.cd-frame-type,.cd-frame-person { height:170px; margin:24px 0; }
 .cd-frame-type { font-size:64px; }
 .cd-dashboard-overview { grid-template-columns:1fr; gap:24px; }
 .cd-dashboard-overview > div:last-child > p { margin:0; }
 .cd-journey-steps { grid-template-columns:1fr; gap:24px; padding-left:24px!important; }
 .cd-journey-line { top:0; bottom:0; left:0; right:auto; width:2px; height:auto; }
 .cd-journey-line i { transform:scaleY(var(--cd-p)); transform-origin:top; }
 .cd-journey-steps li { padding:12px 0; }
 .cd-journey-steps .cd-icon { margin:16px 0; }
 .cd-step-output .cd-icon { margin:0; }
 .cd-architecture-stack { padding-right:20px; }
 .cd-architecture-stack article { padding:22px; gap:20px; }
 .cd-notification { grid-template-columns:1fr; gap:24px; }
 .cd-notification-link { height:36px; width:2px; margin:auto; }
 .cd-notification-link i { transform:scaleY(var(--cd-p)); transform-origin:top; }
 .cd-phone { min-height:380px; }
 .cd-phone-result { transform:none; }
 .cd-notification .cd-result { margin-top:12px; }
 .cd-device-pair { grid-template-columns:1fr; }
 .cd-cable { width:2px; height:32px; margin:auto; }
 .cd-cable > i { transform:scaleY(var(--cd-p)); transform-origin:top; }
 .cd-connected-device { display:flex; flex-wrap:wrap; gap:20px; align-items:center; text-align:left; padding:24px; }
 .cd-connected-device > .cd-icon { width:48px; height:48px; margin:0; }
 .cd-connected-device span { width:100%; margin:0; }
 .cd-intent-branches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-top:24px; }
 .cd-intent-branches::before,.cd-intent-branches::after,.cd-intent-branch::before { display:none; }
 .cd-intent-root { width:100%; padding:24px; }
 .cd-intent-question { min-height:180px; }
 .cd-intent-page { min-height:140px; }
 .cd-intent-root h3 { font-size:26px; }
 .cd-report-sheet { padding:28px; }
 .cd-voice-wave { height:130px; margin-bottom:24px; }
 .cd-voice-meaning h3 { font-size:34px; }
}
@media(max-width:480px) {
 .cd-art p { font-size:16px; }
 .cd-art h3 { font-size:26px; }
 .cd-label { font-size:12px; }
 .cd-controls { gap:8px; }
 .cd-controls button { padding:12px; font-size:14px; }
 .cd-art > .cd-controls button { flex:1 1 calc(50% - 8px); }
 .cd-node { padding:20px 0; gap:16px; }
 .cd-node > .cd-icon { width:30px; height:30px; }
 .cd-node h3 { font-size:23px; }
 .cd-compass-copy > h3,.cd-letter-title h3,.cd-adoption-team h3,.cd-production-object h3,.cd-architecture-meaning h3,.cd-mobile-next h3,.cd-bot-boundary-core h3 { font-size:32px; }
 .cd-compass-art img,.cd-brand-object img { max-height:250px; }
 .cd-intent-branches { grid-template-columns:1fr; gap:24px; }
 .cd-intent-question,.cd-intent-page { min-height:0; padding:22px; }
 .cd-intent-question .cd-icon { margin-bottom:16px; }
 .cd-intent-page h4 { font-size:22px; }
 .cd-intent-question p { font-size:16px; }
 .cd-intent-root { gap:16px; padding:20px; }
 .cd-intent-root > .cd-icon { width:32px; height:32px; }
 .cd-shared-brief,.cd-adoption-team,.cd-composition-poster,.cd-editorial-core,.cd-mobile-roadmap,.cd-process-main,.cd-bot-boundary-core { padding:24px; }
 .cd-identity-board { grid-template-columns:1fr; padding:16px; gap:12px; }
 .cd-identity-sample { padding:18px; min-height:220px; }
 .cd-identity-sample h3 { font-size:23px; }
 .cd-sample-one { grid-column:1/-1; grid-row:auto; min-height:250px; }
 .cd-identity-review h3 { font-size:30px; }
 .cd-identity-review li { font-size:16px; }
 .cd-report-questions h3 { font-size:32px; }
 .cd-report-sheet { padding:24px 20px; }
 .cd-report-sheet > h3 { font-size:29px; min-height:104px; }
 .cd-report-flow { flex-wrap:wrap; gap:16px; font-size:17px; }
 .cd-report-flow > .cd-icon { width:100%; height:36px; }
 .cd-report-flow > span { flex:1; }
 .cd-report-answer p { font-size:20px; }
 .cd-letter-paper { padding:4px 20px!important; box-shadow:5px 5px 0 #f5f5f5; }
 .cd-letter-paper li { gap:16px; }
 .cd-letter-paper h3 { font-size:24px; }
 .cd-dashboard { padding:24px 16px; }
 .cd-dashboard-head { display:block; }
 .cd-dashboard-head > span { display:block; margin-top:8px; }
 .cd-dashboard-number { font-size:90px; }
 .cd-dashboard-overview > div:first-child { gap:24px; }
 .cd-dashboard-row { grid-template-columns:1fr; gap:8px; padding:16px; }
 .cd-dashboard-labels { display:none; }
 .cd-dashboard-row span:first-child { font-size:13px; color:#bcbcbc; }
 .cd-dashboard-row span:last-child { font-size:14px; color:#bcbcbc; }
 .cd-loss-examples article { padding:24px; }
 .cd-ai-paper h3 { font-size:29px; }
 .cd-ai-paper p,.cd-ai-paper dl div { font-size:16px; }
 .cd-ai-paper dl div { display:block; }
 .cd-ai-paper dd { margin-top:4px; }
 .cd-composition-poster h3 { font-size:40px; }
 .cd-composition-notes h3 { font-size:26px; }
 .cd-editorial-pages { grid-template-columns:1fr; }
 .cd-editorial-pages article { padding:24px; }
 .cd-storyboard-frames article { padding:24px; }
 .cd-frame-type { font-size:62px; }
 .cd-objective-grid { grid-template-columns:1fr; }
 .cd-objective-grid article { padding:24px; }
 .cd-objective-grid h3 { font-size:27px; }
 .cd-search-surfaces article > h4 { font-size:25px; }
 .cd-serp-fragment,.cd-map-fragment,.cd-ai-answer { min-height:275px; padding:24px; }
 .cd-serp-fragment p,.cd-ai-answer p { font-size:16px; }
 .cd-architecture-stack article { padding:22px 16px; gap:14px; }
 .cd-architecture-stack .cd-icon { width:32px; height:32px; }
 .cd-architecture-stack article h3 { font-size:26px; }
 .cd-architecture-meaning li { font-size:16px; }
 .cd-workspace-plan,.cd-workspace-board { padding:24px; }
 .cd-workspace-task,.cd-workspace-decision { padding:18px 16px; gap:12px; }
 .cd-workspace-task .cd-icon,.cd-workspace-decision .cd-icon { width:24px; height:24px; }
 .cd-workspace-task h4,.cd-workspace-decision h4 { font-size:22px; }
 .cd-monitor-body { padding:24px 16px; }
 .cd-monitor-body h3 { font-size:29px; }
 .cd-monitor-screen { border-width:6px; border-bottom-width:16px; }
 .cd-monitor-screen header { display:block; padding:14px 16px; }
 .cd-monitor-screen header span { display:block; color:#656565; margin-top:4px; }
 .cd-connected-app { padding:24px; }
 .cd-device-operation { padding:20px 16px; gap:14px; }
 .cd-device-explanation p { font-size:19px; }
 .cd-security-gate { padding:28px 24px; }
 .cd-security-source > .cd-icon { width:48px; height:48px; }
 .cd-mobile-roadmap li { font-size:17px; }
 .cd-phone h3 { font-size:29px; }
 .cd-notification-card h3 { font-size:21px; }
 .cd-state-explanations article { padding:20px 0 20px 20px; }
 .cd-process-rail { flex-wrap:wrap; gap:10px; font-size:14px; }
 .cd-voice-transcript { padding:24px; }
 .cd-voice-line p { font-size:19px; }
 .cd-voice-wave { gap:5px; }
 .cd-voice-wave i { width:7px; }
 .cd-voice-meaning h3 { font-size:32px; }
 .cd-result h3 { font-size:22px; }
}
@media(prefers-reduced-motion:reduce) {
 .cd-art { --cd-p:1!important; }
 .cd-art *, .cd-art *::before,.cd-art *::after { transition:none!important; animation:none!important; }
}