/* Expressive marketing; shared Simplesoft tokens remain authoritative. */
.care-page { --care-ink: var(--m-slate-900); --care-muted: #475569; --care-line: #dbe1e9; --care-paper: #fff; --care-tonal: #f5f6fa; --care-accent: var(--m-indigo-600); color: var(--care-ink); background: var(--care-paper); font-size: 16px; line-height: 1.75; word-break: keep-all; overflow-wrap: anywhere; }
.dark .care-page { --care-ink: #f1f5f9; --care-muted: #cbd5e1; --care-line: #475569; --care-paper: #0f172a; --care-tonal: #1e293b; --care-accent: #a5b4fc; }
.care-container { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.care-hero { padding-block: 176px 96px; border-bottom: 1px solid var(--care-line); }
.care-hero-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: center; gap: 48px; }
.care-eyebrow { color: var(--care-accent); font-size: 14px; font-weight: 650; margin-block: 0 20px; }
.care-page h1 { font-size: clamp(36px, 3.5vw, 52px); line-height: 1.28; letter-spacing: -.045em; font-weight: 700; margin: 0; }
.care-page h1 span { color: var(--care-accent); }
.care-page .ico { width: 18px; height: 18px; fill: currentColor; stroke: none; flex-shrink: 0; }
.care-lead { margin-block: 28px; color: var(--care-muted); font-size: 18px; }
.care-start-price { font-size: 18px; margin-block: 0 24px; }
.care-start-price strong { font-size: 28px; font-weight: 700; letter-spacing: -.03em; }
.care-start-price > span { display: block; font-size: 14px; color: var(--care-muted); margin-top: 4px; }
.care-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; }
.care-button { display: inline-flex; min-height: 48px; padding: 12px 20px; align-items: center; justify-content: space-between; gap: 24px; background: var(--m-indigo-600); color: #fff; border: 1px solid var(--m-indigo-600); border-radius: 6px; font-weight: 650; text-decoration: none; }
.care-button:hover { color: #fff; background: var(--m-indigo-700); border-color: var(--m-indigo-700); }
.care-page a:focus-visible, .care-page summary:focus-visible { outline: 3px solid var(--care-accent); outline-offset: 5px; }
.care-text-link { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; color: var(--care-accent); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.care-note { color: var(--care-muted); font-size: 14px; margin-top: 16px; }
.care-demo { min-width: 0; padding: 24px; border: 1px solid var(--care-line); border-radius: 6px; background: var(--care-tonal); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 8px; box-shadow: 0 20px 48px -32px var(--care-muted); }
.care-demo legend { padding-inline: 8px; font-size: 18px; font-weight: 650; }
.care-demo-intro, .care-demo-stage, .care-demo-note { grid-column: 1 / -1; }
.care-demo-intro { margin: 0 0 20px; color: var(--care-muted); font-size: 14px; }
.care-demo-radio { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.care-demo > label { display: flex; min-height: 44px; align-items: center; justify-content: center; padding: 8px; border: 1px solid var(--care-line); border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; background: var(--care-paper); }
.care-demo-radio:checked + label { background: var(--m-indigo-600); color: #fff; border-color: var(--m-indigo-600); }
.care-demo-radio:focus-visible + label { outline: 3px solid var(--care-accent); outline-offset: 4px; }
.care-demo-panel { display: none; }
#care-demo-text:checked ~ .care-demo-stage .care-demo-panel-text,
#care-demo-error:checked ~ .care-demo-stage .care-demo-panel-error,
#care-demo-feature:checked ~ .care-demo-stage .care-demo-panel-feature { display: block; }
.care-demo-request { margin-block: 24px 16px; font-size: 16px; font-weight: 600; min-height: 56px; }
.care-demo-browser { border: 1px solid var(--care-line); border-radius: 6px; background: var(--care-paper); overflow: hidden; }
.care-demo-browser-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--care-line); color: var(--care-muted); font-size: 12px; }
.care-demo-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 220px; }
.care-demo-before, .care-demo-after { padding: 20px 16px; }
.care-demo-before { color: var(--care-muted); border-inline-end: 1px solid var(--care-line); }
.care-demo-after { animation: care-demo-reveal 360ms ease-out both; border-top: 2px solid var(--care-accent); }
.care-demo-caption { display: block; font-size: 12px; margin-bottom: 20px; }
.care-demo-after .care-demo-caption { color: var(--care-accent); font-weight: 650; }
.care-demo-site-title { font-size: 18px; line-height: 1.5; font-weight: 650; margin-block: 0 16px; }
.care-demo-preview p:not(.care-demo-site-title) { font-size: 13px; line-height: 1.7; }
.care-demo-form-line { border: 1px solid var(--care-line); padding: 8px; font-size: 12px; }
.care-demo-result { border-top: 1px solid var(--care-line); padding-top: 12px; }
.care-demo-search { border: 1px solid var(--care-accent); padding: 8px; color: var(--care-accent); font-size: 12px; }
.care-demo-note { margin: 16px 0 0; color: var(--care-muted); font-size: 12px; }
@keyframes care-demo-reveal { from { opacity: .4; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .care-demo-after { animation: none; } }
.care-section { padding-block: 88px; scroll-margin-top: 100px; }
.care-tonal { background: var(--care-tonal); }
.care-page h2 { margin: 0; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.035em; line-height: 1.4; font-weight: 700; }
.care-page h3 { font-weight: 650; font-size: 20px; line-height: 1.5; margin: 0; }
.care-section-intro { color: var(--care-muted); max-width: 680px; margin-block: 20px 36px; }
.care-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 72px; }
.care-situations > div { padding-block: 24px; border-bottom: 1px solid var(--care-line); }
.care-situations > div:first-child { padding-top: 0; }
.care-situations p, .care-process p { margin: 8px 0 0; color: var(--care-muted); }
.care-task-list { margin: 0; border-top: 1px solid var(--care-line); }
.care-task-list > div { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; padding-block: 28px; border-bottom: 1px solid var(--care-line); }
.care-task-list dt { font-weight: 650; font-size: 22px; }
.care-task-list dd { margin: 0; }
.care-task-list dd p { margin: 0 0 8px; }
.care-task-list dd span { color: var(--care-muted); }
.care-packages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.care-package { display: flex; flex-direction: column; padding: 24px; background: var(--care-paper); border: 1px solid var(--care-line); border-radius: 6px; }
.care-package-audience { font-size: 14px; color: var(--care-muted); min-height: 49px; margin: 0 0 12px; }
.care-package-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin-block: 20px; }
.care-package-price strong { font-size: 32px; letter-spacing: -.045em; line-height: 1.3; font-weight: 700; }
.care-package-price span { font-size: 14px; color: var(--care-muted); }
.care-package-summary { color: var(--care-muted); margin: 0; min-height: 84px; }
.care-package-common { list-style: none; margin: 24px 0; padding: 20px 0; border-block: 1px solid var(--care-line); }
.care-package-common li { display: flex; gap: 8px; font-size: 16px; padding-block: 3px; }
.care-package-common li::before { content: '·'; color: var(--care-accent); font-weight: 700; }
.care-package-scope { margin-bottom: 24px; flex: 1; }
.care-package-scope strong { font-weight: 650; }
.care-package-scope p { color: var(--care-muted); font-size: 14px; margin-top: 12px; }
.care-button-outline { background: transparent; color: var(--care-accent); border-color: var(--care-line); gap: 8px; }
.care-pricing-note { color: var(--care-muted); font-size: 14px; margin-top: 24px; }
.care-pricing-note p { margin-block: 6px; }
.care-process { list-style: decimal-leading-zero; margin: 0; padding-inline-start: 32px; }
.care-process li { padding-block: 0 24px; padding-inline: 8px 0; margin-bottom: 24px; border-bottom: 1px solid var(--care-line); }
.care-process li::marker { color: var(--care-accent); font-size: 14px; }
.care-faq details { border-bottom: 1px solid var(--care-line); }
.care-faq summary { cursor: pointer; font-weight: 650; padding-block: 20px; min-height: 48px; }
.care-faq details p { color: var(--care-muted); margin: 0 0 24px; }
.care-contact { text-align: center; }
.care-contact > div > p:not(.care-eyebrow) { color: var(--care-muted); margin-block: 24px; }
.care-other-services { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 24px; border-top: 1px solid var(--care-line); padding-top: 32px; margin-top: 64px; font-size: 14px; }
@media (max-width: 1199px) {
    .care-hero-grid { gap: 32px; }
    .care-packages { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
    .care-package-audience, .care-package-summary { min-height: auto; }
}
@media (max-width: 767px) {
    .care-container { width: calc(100% - 40px); }
    .care-hero { padding-block: 128px 56px; }
    .care-hero-grid, .care-split, .care-task-list > div, .care-packages { grid-template-columns: minmax(0, 1fr); }
    .care-hero-grid { gap: 40px; }
    .care-page h1 { font-size: 36px; }
    .care-lead { font-size: 16px; margin-block: 24px; }
    .care-desktop-break { display: none; }
    .care-section { padding-block: 56px; }
    .care-split { gap: 32px; }
    .care-task-list > div { gap: 12px; padding-block: 24px; }
    .care-demo { padding: 20px 16px; }
    .care-other-services { flex-direction: column; margin-top: 40px; }
}