/* How care works only. Shared Home/About styles and scripts remain unchanged. */
.care-page { --amber: #a8722d; }
.care-page .care-hero { padding-block: 4.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"), radial-gradient(ellipse at 95% 20%, #eed8cc 0%, #f5eae1 35%, #f6f4ef 75%); }
.care-page .care-hero h1 { max-inline-size: 40rem; font-size: 2.625rem; }
.care-page .care-hero-intro { max-inline-size: 37rem; margin-block-start: 1.5rem; font-size: 1.3125rem; line-height: 1.4; color: #405a53; }
.care-page .home-navigation [aria-current="page"] { text-decoration: underline; text-underline-offset: .25rem; }
.care-page .care-stage-nav { display: none; }
.care-page .care-step-list { list-style: none; margin: 0; padding: 0; }
.care-page .care-step { display: flex; flex-wrap: wrap; gap: 2rem 3rem; padding-block: 3rem; border-block-start: 1px solid var(--home-line); scroll-margin-top: 2rem; }
.care-page .care-step-heading { flex: 1 1 22rem; min-inline-size: 0; }
.care-page .care-step h2 { max-inline-size: 26rem; font-size: 2.5rem; font-weight: 400; line-height: 1.12; }
.care-page .care-step-number { margin-block-end: .75rem; color: #376b71; font-size: 1.5rem; font-weight: 600; }
.care-page .care-step-copy { flex: 1.2 1 26rem; min-inline-size: 0; color: #405a53; font-size: 1.25rem; line-height: 1.45; }
.care-page .care-step-copy > p + p { margin-block-start: 1.25rem; }
.care-page .care-step-copy strong { color: var(--harbor-deep); font-weight: 600; }
.care-page .care-step-copy .home-button { margin-block-start: 1.5rem; }
.care-page .care-step-copy .home-link { margin-block-start: 1.25rem; }
.care-page .care-step-prepare { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"), radial-gradient(ellipse at 100% 80%, #f2e7d4 0%, transparent 52%); }
.care-page .care-step-prepare .care-step-number { color: var(--amber); }
.care-page .care-step-copy .care-highlight { color: #80511f; font-weight: 600; }
.care-page .care-step-copy .care-cost-note { margin-block-start: .5rem; font-size: 1.0625rem; }
.care-page .care-step-meet { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"), radial-gradient(ellipse at 100% 80%, #f3e3dc 0%, transparent 55%); }
.care-page .care-step-meet .care-step-number { color: var(--clay); }
.care-page .care-step-choose { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"), radial-gradient(ellipse at 100% 70%, #e1eeea 0%, transparent 55%); }
.care-page .care-step-choose .care-step-number { color: var(--harbor); }
.care-page .care-options { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; list-style: none; padding: 0; margin-block: 1.25rem 0; }
.care-page .care-options li { margin: 0; }
.care-page .care-step-continue { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"), radial-gradient(ellipse at 100% 80%, #e1ecd8 0%, transparent 65%); }
.care-page .care-step-continue .care-step-number { color: var(--moss); }
.care-page .care-faq { border-block-start: 0; }
.care-page .care-faq h2 { max-inline-size: 23rem; text-wrap: balance; }
.care-page .care-closing { --focus-ring: #f5ded3; --link-hover: #f5ded3; padding-block: 3rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"), linear-gradient(110deg, #24474c, #3b7056); color: #fff; }
.care-page .care-closing-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 2rem 3rem; }
.care-page .care-closing-grid > div { flex: 1 1 36rem; }
.care-page .care-closing h2 { max-inline-size: 48rem; color: #fff; font-size: 2.25rem; }
.care-page .care-closing p { margin-block-start: .75rem; font-size: 1.125rem; }
.care-page .care-closing .home-button { flex-shrink: 0; background: var(--home-base); border-color: var(--home-base); color: var(--harbor); }
.care-page .care-closing .home-button:hover { background: var(--harbor-deep); border-color: var(--harbor-deep); color: #fff; }
@media (min-width: 56.25rem) {
  .care-page .care-hero { padding-block: 6rem; }
  .care-page .care-hero h1 { font-size: 4rem; }
  .care-page .care-hero-intro { font-size: 1.5rem; }
  .care-page .care-stage-nav { display: block; padding-block: 2rem; }
  .care-page .care-stage-nav ol { display: flex; flex-wrap: wrap; gap: 1.5rem 0; margin: 0; padding: 0; list-style: none; }
  .care-page .care-stage-nav li { flex: 1 1 9rem; min-inline-size: 0; margin: 0; padding-inline: 1.75rem; border-inline-start: 1px solid #93aaa3; }
  .care-page .care-stage-nav li:first-child { border-inline-start: 0; padding-inline-start: 0; }
  .care-page .care-stage-nav a { display: flex; flex-direction: column; gap: .125rem; min-block-size: 2.75rem; font-size: 1.0625rem; font-weight: 600; }
  .care-page .care-stage-nav a:hover { text-decoration: underline; text-underline-offset: .25rem; }
  .care-page .care-stage-nav span { font-size: 1rem; font-weight: 400; }
  .care-page .care-step { padding-block: 4rem; }
  .care-page .care-step h2 { font-size: 3.5rem; }
  .care-page .care-step-copy { font-size: 1.375rem; border-inline-start: 1px solid var(--home-line); padding-inline-start: 3rem; }
  .care-page .care-closing { padding-block: 3.5rem; }
  .care-page .care-closing h2 { font-size: 2.75rem; }
}

@media (max-width: 56.249rem) {
  .care-page main .home-container { padding-inline: min(2rem, 8vw); }
}