/* Ongoing support. Reuses the studio palette and type; no new entrance motion. */
:root {
  --care-space-xs: 8px;
  --care-space-sm: 12px;
  --care-space-md: 20px;
  --care-space-lg: 28px;
  --care-space-xl: 40px;
  --care-space-section: 64px;
  --care-pad: clamp(22px, 3vw, 40px);
  --care-title: clamp(1.4rem, 2.1vw, 1.9rem);
  --care-price: clamp(2.1rem, 3vw, 2.8rem);
  --care-small: .9rem;
  --care-label: .78rem;
  --care-body: 1rem;
  --care-rule: 1px;
}
.care-page-links {display:flex;flex-wrap:wrap;gap:var(--care-space-sm) var(--care-space-lg);margin-top:var(--care-space-lg);font-size:var(--care-small)}
.care-heading {max-width:76ch;margin-bottom:var(--care-space-xl)}
.care-heading .h2 {margin:var(--care-space-sm) 0 var(--care-space-md)}
.care-context,.care-description {color:var(--ka-muted);font-size:var(--care-body);line-height:1.65}
.care-context {margin-top:var(--care-space-md);max-width:78ch}
.care-websites {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:var(--care-rule) solid var(--ka-border)}
.care-card {display:flex;flex-direction:column;align-items:flex-start;padding:var(--care-pad);min-width:0;background:var(--ka-card-surface)}
.care-card + .care-card {border-left:var(--care-rule) solid var(--ka-border)}
.care-fit {font-size:var(--care-label);color:var(--ka-ember);margin:0 0 var(--care-space-sm);font-weight:550}
.care-card h3,.care-system h3,.ai-examples h3,.ai-process h3 {font-size:var(--care-title);line-height:1.2;margin:0 0 var(--care-space-sm);letter-spacing:-.025em}
.care-price {font-size:var(--care-price);line-height:1.2;color:var(--ka-bone);letter-spacing:-.025em;font-weight:550;margin:var(--care-space-sm) 0 var(--care-space-md)}
.care-price span {font-size:var(--care-small);font-weight:400;color:var(--ka-ash);letter-spacing:normal;white-space:nowrap}
.care-price .care-from {display:block;font-size:var(--care-label);margin-bottom:var(--care-space-xs)}
.care-promise {color:var(--ka-bone);font-size:var(--care-body);font-weight:550;margin:0 0 var(--care-space-md)}
.care-list {padding:0 0 0 var(--care-space-md);margin:0 0 var(--care-space-lg);color:var(--ka-muted);font-size:var(--care-body);line-height:1.6}
.care-list li + li {margin-top:var(--care-space-sm)}
.care-list li::marker {color:var(--ka-ember)}
.care-boundary {color:var(--ka-ash);font-size:var(--care-small);line-height:1.6;margin:0 0 var(--care-space-lg);max-width:65ch}
.care-action {margin-top:auto;align-self:flex-start;text-align:center;min-height:44px}
.care-system {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--care-space-xl);border-top:var(--care-rule) solid var(--ka-border);border-bottom:var(--care-rule) solid var(--ka-border);padding:var(--care-pad) 0;margin-top:var(--care-space-xl)}
.care-system-detail {display:flex;flex-direction:column;align-items:flex-start}
.care-system .care-description {margin:0 0 var(--care-space-md);max-width:52ch}
.care-system .seelink {font-size:var(--care-small)}
.care-terms {margin-top:var(--care-space-lg);max-width:90ch;font-size:var(--care-small);color:var(--ka-ash)}
.care-terms p {margin:var(--care-space-xs) 0}
.care-terms strong {color:var(--ka-bone);font-weight:550}
.care-faq {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--care-space-section);padding-top:var(--care-space-xl)}
.care-faq .h2 {margin-top:var(--care-space-sm)}
.care-answers details {border-bottom:var(--care-rule) solid var(--ka-border);padding:var(--care-space-md) 0}
.care-answers details:first-child {border-top:var(--care-rule) solid var(--ka-border)}
.care-answers summary {font-weight:550;color:var(--ka-bone);cursor:pointer;min-height:24px}
.care-answers summary::marker {color:var(--ka-ember)}
.care-answers details p {color:var(--ka-muted);font-size:var(--care-small);line-height:1.7;margin:var(--care-space-md) 0 0;max-width:70ch}
.care-home {display:flex;justify-content:space-between;align-items:center;gap:var(--care-space-lg);border-top:var(--care-rule) solid var(--ka-border);padding-top:var(--care-space-lg);margin-top:var(--care-space-xl)}
.care-home p {color:var(--ka-muted);font-size:var(--care-small);max-width:78ch;margin:0}
.care-home strong {display:block;color:var(--ka-bone);font-weight:550;margin-bottom:var(--care-space-xs)}
.care-home a {flex-shrink:0;font-size:var(--care-small)}
.ai-examples {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--care-rule) solid var(--ka-border);border-bottom:var(--care-rule) solid var(--ka-border)}
.ai-examples article {padding:var(--care-pad);background:var(--ka-card-surface)}
.ai-examples article + article {border-left:var(--care-rule) solid var(--ka-border)}
.ai-examples p {color:var(--ka-muted);font-size:var(--care-body);line-height:1.65}
.ai-examples .care-example-label {color:var(--ka-ash);font-size:var(--care-label);margin-top:var(--care-space-lg)}
.ai-process {padding:0;list-style:none;margin:0;border-top:var(--care-rule) solid var(--ka-border)}
.ai-process li {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--care-space-xl);border-bottom:var(--care-rule) solid var(--ka-border);padding:var(--care-pad) 0}
.ai-process li > p {color:var(--ka-muted);font-size:var(--care-body);line-height:1.7;max-width:60ch;align-self:center;margin:0}
.ai-support {margin-top:0}
.ai-support .h2 {margin:var(--care-space-sm) 0 var(--care-space-md)}
.ai-support .care-action {margin-top:var(--care-space-md)}
@media(max-width:820px) {
  .care-faq {grid-template-columns:1fr;gap:var(--care-space-lg)}
  .care-home {align-items:flex-start;flex-direction:column}
  .ai-examples {grid-template-columns:1fr}
  .ai-examples article + article {border-left:0;border-top:var(--care-rule) solid var(--ka-border)}
}
@media(max-width:640px) {
  .care-websites,.care-system,.ai-process li {grid-template-columns:1fr}
  .care-card + .care-card {border-left:0;border-top:var(--care-rule) solid var(--ka-border)}
  .care-system {gap:var(--care-space-lg)}
  .ai-process li {gap:var(--care-space-sm)}
  .care-action {max-width:100%;white-space:normal}
}