.care-ai-page {
  --ca-blue: var(--care-focus);
  --ca-knowledge: #4775C8;
  --ca-green: var(--care-continuity);
  --ca-purple: var(--community-accent);
  --ca-line: var(--border-default);
}
:root[data-theme="dark"] .care-ai-page { --ca-knowledge: #8FB3F2; }
.ca-diagram-top, .ca-journey-step small { font-size: .75rem; letter-spacing: .07em; font-weight: 650; }
.ca-hero .editorial-hero-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 32px; }
.ca-hero-copy .ca-hero-sub { margin: 18px 0 0; max-width: 42em; }
.ca-diagram { margin: 0; padding: clamp(20px, 2.8vw, 34px); border: 1px solid var(--ca-line); border-radius: 3px; background: var(--surface-primary); box-shadow: 0 18px 55px rgba(18, 34, 65, .035); position: relative; isolation: isolate; }
.ca-diagram::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .33; background-image: linear-gradient(to right, var(--ca-line) 1px, transparent 1px), linear-gradient(to bottom, var(--ca-line) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.ca-diagram-top { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid var(--ca-line); color: var(--text-secondary); }
.ca-diagram figcaption { padding-top: 20px; margin-top: 24px; border-top: 1px solid var(--ca-line); color: var(--text-secondary); font-size: .81rem; line-height: 1.65; }
.ca-brain-figure { width: 100%; max-width: 580px; margin: 0; justify-self: center; }
.ca-brain-stage { position: relative; width: 100%; aspect-ratio: 580 / 400; background: radial-gradient(ellipse at 48% 43%, color-mix(in srgb, var(--ca-knowledge) 8%, transparent), transparent 67%), radial-gradient(ellipse at 62% 60%, color-mix(in srgb, var(--ca-purple) 4%, transparent), transparent 58%); }
.ca-brain-art { display: block; width: 100%; height: 100%; }
.ca-brain-art path, .ca-brain-art circle { vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.ca-brain-guides { stroke: var(--border-strong); stroke-width: .6; stroke-dasharray: 2 7; opacity: .24; }
.ca-brain-guides circle { opacity: .55; }
.ca-brain-medical { stroke: var(--ca-knowledge); stroke-width: .95; opacity: .66; }
.ca-brain-medical .ca-brain-wave { stroke: var(--ca-green); }
.ca-brain-medical circle { fill: var(--surface-canvas); }
.ca-brain-outline { stroke: var(--ca-knowledge); stroke-width: 1.35; opacity: .9; }
.ca-brain-center { stroke: var(--ca-purple); stroke-width: .9; opacity: .65; }
.ca-brain-folds { stroke: var(--ca-knowledge); stroke-width: .9; opacity: .61; }
.ca-brain-folds-mirror { opacity: .55; }
.ca-brain-mesh { stroke-width: .7; opacity: .46; }
.ca-brain-mesh-patient { stroke: var(--ca-green); }
.ca-brain-mesh-ai { stroke: var(--ca-purple); }
.ca-brain-ports { fill: var(--surface-canvas); stroke: var(--ca-knowledge); stroke-width: 1; }
.ca-brain-ports .ca-brain-port-patient { stroke: var(--ca-green); }
.ca-brain-ports .ca-brain-port-ai { stroke: var(--ca-purple); }
.ca-brain-routes { stroke: var(--ca-knowledge); stroke-width: .8; opacity: .46; }
.ca-brain-routes .ca-brain-route-patient { stroke: var(--ca-green); }
.ca-brain-signals path { stroke: var(--ca-knowledge); stroke-width: 1.7; stroke-dasharray: 5 95; animation: ca-brain-flow 12s linear infinite; }
.ca-brain-signals .ca-brain-signal-patient { stroke: var(--ca-green); }
.ca-brain-signals path:nth-child(2) { animation-delay: -3s; }
.ca-brain-signals path:nth-child(3) { animation-delay: -6s; }
.ca-brain-label { position: absolute; color: var(--text-secondary); font: 600 .75rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .11em; }
.ca-brain-label-source { top: 6%; left: 5%; color: var(--ca-knowledge); }
.ca-brain-figure[data-playing="false"] *, .ca-brain-figure[data-playing="false"] *::before, .ca-brain-figure[data-playing="false"] *::after { animation-play-state: paused !important; }
.ca-body { max-width: 600px; }
.ca-body p { margin-bottom: 24px; }
.ca-body .ca-background-line { margin: 42px 0 0; padding-top: 26px; border-top: 1px solid var(--ca-line); color: var(--ca-blue); font-size: 1.17rem !important; font-weight: 600; }
.ca-step { display: block; margin: 0 0 18px; font-size: .75rem; letter-spacing: .07em; font-weight: 650; }
.ca-stack-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(40px, 6vw, 88px); align-items: start; }
.ca-stack-visual { position: sticky; top: 104px; align-self: start; }
.ca-stack-diagram { width: 100%; max-width: 520px; margin: 0 auto; }
.ca-stack-diagram[data-playing="false"] .ca-stack-flow, .ca-stack-diagram[data-playing="false"] .ca-scene-flow { animation-play-state: paused !important; }
.ca-stack-stage { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); grid-template-rows: minmax(0, 1fr); width: 100%; aspect-ratio: 600 / 450; }
.ca-stack-art, .ca-scene-art { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; }
.ca-scene-art { overflow: visible; }
.ca-stack-art path, .ca-stack-art circle, .ca-scene-art path, .ca-scene-art circle { vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.ca-stack-layer { --layer-color: var(--border-strong); --visible-color: var(--border-strong); opacity: .38; transition: opacity .45s ease, filter .45s ease; }
.ca-stack-layer[data-layer="1"] { --layer-color: var(--text-secondary); }
.ca-stack-layer[data-layer="2"] { --layer-color: var(--ca-knowledge); }
.ca-stack-layer[data-layer="3"] { --layer-color: var(--ca-green); }
.ca-stack-layer[data-layer="4"] { --layer-color: var(--ca-purple); }
.ca-stack-layer[data-layer="5"] { opacity: .2; }
.ca-stack-layer.is-built { --visible-color: var(--layer-color); opacity: .64; }
.ca-stack-layer.is-active { --visible-color: var(--layer-color); opacity: 1; filter: drop-shadow(0 2px 7px color-mix(in srgb, var(--layer-color) 16%, transparent)); }
.ca-stack-slice-top { fill: color-mix(in srgb, var(--visible-color) 5%, var(--surface-primary)); stroke: var(--visible-color); stroke-width: .9; }
.ca-stack-layer.is-active .ca-stack-slice-top { fill: color-mix(in srgb, var(--layer-color) 10%, var(--surface-primary)); }
.ca-stack-slice-edge { stroke: var(--visible-color); stroke-width: .9; opacity: .72; }
.ca-stack-exit { stroke: var(--layer-color); stroke-width: .9; opacity: 0; }
.ca-stack-layer.is-active .ca-stack-exit { opacity: .67; }
.ca-stack-neural { stroke: var(--visible-color); stroke-width: .9; opacity: .78; }
.ca-stack-neural circle { fill: var(--surface-primary); stroke: var(--visible-color); stroke-width: .9; }
.ca-stack-flow { stroke: var(--layer-color); stroke-width: 1.5; stroke-dasharray: 6 94; opacity: 0; }
.ca-stack-layer.is-active .ca-stack-flow { opacity: .82; animation: ca-stack-flow 6s linear infinite; }
.ca-stack-scene { --scene-color: var(--text-secondary); opacity: 0; visibility: hidden; transition: opacity .4s ease; }
.ca-stack-scene[data-scene="2"] { --scene-color: var(--ca-knowledge); }
.ca-stack-scene[data-scene="3"] { --scene-color: var(--ca-green); }
.ca-stack-scene[data-scene="4"] { --scene-color: var(--ca-purple); }
.ca-stack-scene.is-active { opacity: 1; visibility: visible; }
.ca-scene-connector { stroke: var(--scene-color); stroke-width: .9; opacity: .67; }
.ca-scene-faint { stroke: var(--scene-color); stroke-width: .75; opacity: .36; }
.ca-scene-line { stroke: var(--scene-color); stroke-width: .9; opacity: .72; }
.ca-scene-ecg { stroke: var(--ca-knowledge); stroke-width: 1.1; opacity: .88; }
.ca-scene-core { fill: color-mix(in srgb, var(--scene-color) 10%, var(--surface-primary)); stroke: var(--scene-color); stroke-width: 1; }
.ca-scene-brand-mark { fill: none; stroke: var(--ca-purple); stroke-width: 1.15; }
.ca-scene-person { fill: none; stroke: var(--scene-color); stroke-width: 1.2; }
.ca-scene-message { fill: none; stroke: var(--scene-color); stroke-width: .95; }
.ca-scene-reply { fill: none; stroke: var(--ca-green); stroke-width: 1; }
.ca-scene-detail { stroke: var(--scene-color); stroke-width: .85; opacity: .72; }
.ca-scene-nodes circle { fill: var(--surface-primary); stroke: var(--scene-color); stroke-width: .9; }
.ca-scene-flow { stroke: var(--scene-color); stroke-width: 1.45; stroke-dasharray: 6 94; opacity: 0; }
.ca-stack-scene.is-active .ca-scene-flow { opacity: .83; animation: ca-stack-flow 7s linear infinite; }
.ca-stack-steps { border-bottom: 1px solid var(--ca-line); }
.ca-stack-step { --step-color: var(--text-secondary); display: flex; flex-direction: column; justify-content: center; min-height: clamp(380px, 68vh, 620px); padding: 40px 20px 40px clamp(18px, 2vw, 30px); border-top: 1px solid var(--ca-line); border-left: 2px solid transparent; }
.ca-stack-step[data-layer="1"] { --step-color: var(--text-secondary); }
.ca-stack-step[data-layer="2"] { --step-color: var(--ca-knowledge); }
.ca-stack-step[data-layer="3"] { --step-color: var(--ca-green); }
.ca-stack-step[data-layer="4"] { --step-color: var(--ca-purple); }
.ca-stack-step.is-active { border-left-color: var(--step-color); background: linear-gradient(90deg, color-mix(in srgb, var(--step-color) 5%, transparent), transparent 60%); }
.ca-stack-step .ca-step { color: var(--step-color); }
.ca-stack-step h3 { font-size: clamp(1.5rem, 2vw, 2rem); margin: 0 0 10px; }
.ca-stack-step .ca-step-subtitle { display: block; margin: 0 0 18px; color: var(--step-color); font-size: .88rem; font-weight: 600; letter-spacing: .02em; }
.ca-stack-step p { max-width: 40em; margin: 0; }
.ca-journey .section-heading p { max-width: 380px; margin: 0; }
.ca-journey-diagram { overflow: hidden; }
.ca-journey-network { display: grid; grid-template-rows: clamp(240px, 25vw, 300px) 76px; gap: 12px; margin: 28px 0 0; }
.ca-network-art-wrap { position: relative; min-width: 0; min-height: 0; }
.ca-network-art { display: block; width: 100%; height: 100%; }
.ca-network-art .ca-network-blue { stop-color: var(--ca-knowledge); }
.ca-network-art .ca-network-purple { stop-color: var(--ca-purple); }
.ca-network-art .ca-network-green { stop-color: var(--ca-green); }
.ca-network-strands path, .ca-network-core, .ca-network-art circle { vector-effect: non-scaling-stroke; }
.ca-network-strands path { stroke-width: .9; stroke-linecap: round; }
.ca-network-guide { stroke: var(--text-secondary); stroke-width: 1.05; opacity: .58; vector-effect: non-scaling-stroke; }
.ca-network-open-curves path { stroke-width: 1.05; stroke-linecap: round; opacity: .24; }
.ca-network-core { stroke-width: 1.35; opacity: .58; }
.ca-network-minor { fill: var(--surface-primary); stroke: var(--text-primary); stroke-width: 1.2; opacity: .83; }
.ca-network-minor.is-blue { stroke: var(--ca-knowledge); }
.ca-network-minor.is-purple { stroke: var(--ca-purple); }
.ca-network-minor.is-green { stroke: var(--ca-green); }
.ca-network-hospital-icon { position: absolute; z-index: 1; width: 92px; height: 87px; overflow: visible; transform: translate(-50%, -50%); pointer-events: none; }
.ca-network-hospital-icon.is-entry { left: 20%; top: 51.6%; }
.ca-network-hospital-icon.is-return { left: 78%; top: 49.6%; }
.ca-network-hospital-icon path { vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.ca-network-hospital-shell { stroke: var(--ca-knowledge); stroke-width: 1.3; }
.ca-network-hospital-shell path { fill: color-mix(in srgb, var(--surface-primary) 25%, transparent); }
.ca-network-hospital-details { stroke: var(--ca-knowledge); stroke-width: .85; opacity: .88; }
.ca-network-hospital-cross { stroke: var(--ca-green); stroke-width: 1.7; }
.ca-network-labels { position: relative; min-height: 0; }
.ca-network-label { position: absolute; display: flex; flex-direction: column; align-items: center; width: max-content; max-width: 175px; transform: translateX(-50%); text-align: center; line-height: 1.5; }
.ca-network-label small { margin-bottom: 5px; color: var(--text-secondary); font-size: .73rem; font-weight: 650; letter-spacing: .07em; }
.ca-network-label strong { color: var(--text-primary); font-size: .87rem; }
.ca-network-label span { color: var(--text-secondary); font-size: .76rem; }
.ca-network-before { left: 6%; opacity: .56; }
.ca-network-hospital-first { left: 20%; }
.ca-network-hospital-first small, .ca-network-hospital-next small { color: var(--ca-knowledge); }
.ca-network-care { left: 50%; }
.ca-network-care small { color: var(--ca-purple); }
.ca-network-hospital-next { left: 78%; }
.ca-network-after { left: 94%; opacity: .72; }
.ca-boundary { display: flex; gap: 24px; max-width: 100%; margin: 34px 0 0 !important; padding: 24px 28px; border-left: 3px solid var(--ca-blue); background: var(--surface-secondary); font-size: .9rem !important; }.ca-boundary strong { flex: none; color: var(--text-primary); }
.ca-closing-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 28px; }
@keyframes ca-stack-flow { to { stroke-dashoffset: -100; } }
@keyframes ca-brain-flow { from { stroke-dashoffset: 5; } to { stroke-dashoffset: -95; } }
@media (min-width: 901px) and (max-width: 1000px) {
  .ca-stack-visual { top: 150px; }
}
@media (max-width: 900px) {
  .ca-stack-neural { opacity: .9; }
  .ca-stack-layout { display: block; }
  .ca-stack-visual { position: sticky; top: 144px; z-index: 5; padding: 8px 0 10px; background: var(--surface-canvas); border-bottom: 1px solid var(--ca-line); }
  .ca-stack-diagram { max-width: 520px; }
  .ca-stack-stage { height: clamp(180px, 50vw, 200px); aspect-ratio: auto; }
  .ca-stack-steps { padding-top: 20px; }
  .ca-stack-step { min-height: 0; padding: 36px 18px; }
}
@media (max-height: 620px) and (min-width: 901px) {
  .ca-stack-visual { position: static; }
}
@media (max-width: 940px) {
  .ca-journey-network { display: block; position: relative; width: 100%; max-width: 480px; height: 500px; margin: 24px auto 0; }
  .ca-network-art-wrap { position: absolute; top: 0; left: 0; width: 150px; height: 480px; }
  .ca-network-art { position: absolute; top: 50%; left: 50%; width: 480px; height: 150px; transform: translate(-50%, -50%) rotate(90deg); }
  .ca-network-hospital-icon { width: 84px; height: 79px; }
  .ca-network-hospital-icon.is-entry { left: 50%; top: 20%; }
  .ca-network-hospital-icon.is-return { left: 50%; top: 78%; }
  .ca-network-labels { position: absolute; inset: 0; }
  .ca-network-label { left: 165px; align-items: flex-start; width: auto; max-width: none; transform: none; text-align: left; }
  .ca-network-label small { margin-bottom: 3px; font-size: .69rem; }
  .ca-network-label strong { font-size: .84rem; }
  .ca-network-before { top: 0; }
  .ca-network-hospital-first { top: 76px; }
  .ca-network-care { top: 215px; }
  .ca-network-hospital-next { top: 355px; }
  .ca-network-after { top: 443px; }
}
@media (max-width: 359px) {
  .ca-journey-network { height: 475px; }
  .ca-network-art-wrap { width: 120px; height: 450px; }
  .ca-network-art { width: 450px; height: 120px; }
  .ca-network-hospital-icon { width: 75px; height: 71px; }
  .ca-network-label { left: 128px; }
  .ca-network-hospital-first { top: 70px; }
  .ca-network-care { top: 200px; }
  .ca-network-hospital-next { top: 332px; }
  .ca-network-after { top: 416px; }
}
@media (max-width: 720px) {
  .ca-hero .editorial-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .ca-stack-visual { top: 0; }
  .ca-boundary { display: block; padding: 20px; }.ca-boundary strong { display: block; margin-bottom: 10px; }
}
@media (max-height: 460px) and (max-width: 900px) {
  .ca-stack-visual { position: static; }
}
@media (prefers-reduced-motion: reduce) { .care-ai-page *, .care-ai-page *::before, .care-ai-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }.ca-brain-signals { display: none !important; }.ca-stack-flow, .ca-scene-flow { opacity: 0 !important; } }