/* Care public subpages: shared presentation, 2026-10-01. */
:root{--care-ink:#1d1d1f;--care-muted:#6e6e73;--care-blue:#0066cc;--care-line:#e8e8ed;--care-surface:#f5f5f7;color-scheme:light}
body[data-care-page]{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-care-page] :is(a,button,input,select,textarea):focus-visible{outline:3px solid #0071e3;outline-offset:4px}
body[data-care-page] .btn{transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
body[data-care-page] .btn:hover{background:#005bb5}
body[data-care-page] .btn:active{transform:translateY(1px)}
body[data-care-page="registration"] .top{background:rgba(255,255,255,.96)}
body[data-care-page="registration"] .layout>*{min-width:0}
body[data-care-page="registration"] .order-step-number{background:#e8f2fc;color:#0066cc}
body[data-care-page="registration"] .preorder-info{background:#2c2c2e;border-color:#48484a}
body[data-care-page="registration"] .order-recap span{color:#a1cfff}
body[data-care-page="registration"] .billing-help{background:#f5f5f7}
body[data-care-page="registration"] .billing-choice span{border-color:#d2d2d7;border-radius:12px}
body[data-care-page="registration"] .billing-choice input:checked+span{background:#edf5ff;border-color:#0066cc;color:#0066cc;box-shadow:inset 0 0 0 1px #0066cc}
body[data-care-page="registration"] .billing-choice input:focus-visible+span{outline:3px solid #0071e3;outline-offset:4px}
body[data-care-page="registration"] .card :is(input,select,textarea){font-family:inherit;font-size:16px}
body[data-care-page="registration"] .card input[type="checkbox"]{min-height:0;width:18px;height:18px;padding:0;accent-color:#0066cc;flex:0 0 18px}
body[data-care-page="registration"] .check a{color:#0066cc;text-decoration:underline;text-underline-offset:3px}
body[data-care-page="registration"] .abandoned-notice{background:#f5f5f7;color:#6e6e73}
body[data-care-page="registration"] .abandoned-notice label{color:#1d1d1f}
body[data-care-page="registration"] .abandoned-notice small{color:#6e6e73}
body[data-care-page="registration"] .care-exit-overlay{background:rgba(0,0,0,.42)}
body[data-care-page="registration"] .care-exit-card{background:#fff;border-color:#e8e8ed;color:#1d1d1f;box-shadow:0 28px 90px rgba(0,0,0,.22)}
body[data-care-page="registration"] .care-exit-close{background:#f5f5f7;color:#1d1d1f}
body[data-care-page="registration"] .care-exit-eyebrow{color:#0066cc}
body[data-care-page="registration"] .care-exit-card p{color:#6e6e73}
body[data-care-page="registration"] .care-exit-primary{background:#0066cc;border-color:#0066cc;border-radius:999px;font-weight:600}
body[data-care-page="registration"] .care-exit-secondary{background:#f5f5f7;border-color:#d2d2d7;color:#1d1d1f;border-radius:999px;font-weight:600}
body[data-care-page="registration"] .care-exit-small{color:#6e6e73!important}
body[data-care-page="how-it-works"] .nav{background:rgba(255,255,255,.96)}
body[data-care-page="how-it-works"] .care-tag{border-color:#d2d2d7}
body[data-care-page="how-it-works"] .process-card p{color:#6e6e73}
body[data-care-page="how-it-works"] .pill{background:#f5f5f7;border-color:#e8e8ed}
body[data-care-page="how-it-works"] .green .pill{background:#2c2c2e;border-color:#48484a;color:#f5f5f7}
body[data-care-page="how-it-works"] .or{background:#fff;border-color:#f5f5f7}
body[data-care-page="how-it-works"] .cycle-panel p{color:#d2d2d7}
body[data-care-page="how-it-works"] .time{border-color:#48484a;background:#2c2c2e}
body[data-care-page="how-it-works"] .time span{color:#a1cfff}
body[data-care-page="how-it-works"] .family{background:#f5f5f7}
body[data-care-page="how-it-works"] .device{border-color:#e8e8ed}
body[data-care-page="how-it-works"] .final{background:#1d1d1f}
body[data-care-page="how-it-works"] .final .eyebrow{color:#a1cfff}
body[data-care-page="how-it-works"] .final p{color:#d2d2d7}
body[data-care-page="how-it-works"] .fine{color:#a1a1a6}
body[data-care-page="how-it-works"] .btn.outline{background:transparent;color:#0066cc;border-color:#d2d2d7}
body[data-care-page="how-it-works"] .btn.outline:hover{background:#f5f5f7}
body[data-care-page="how-it-works"] :is(.care-language-current,.care-language-menu){background:#fff;border-color:#d2d2d7}
body[data-care-page="how-it-works"] .care-language-menu a:hover,
body[data-care-page="how-it-works"] .care-language-menu a[aria-current="true"]{background:#edf5ff;color:#0066cc}
body[data-care-page="how-it-works"] .mobile-cta{background:rgba(255,255,255,.96)}
@media(max-width:760px){
 body[data-care-page="registration"] .summary{border-radius:22px}
 body[data-care-page="registration"] .care-exit-card{max-height:calc(100dvh - 40px);overflow:auto}
 body[data-care-page="how-it-works"] .nav .wrap{width:calc(100% - 24px);gap:8px}
 body[data-care-page="how-it-works"] .nav .logo{gap:7px;min-width:0}
 body[data-care-page="how-it-works"] .nav .brand{font-size:11px;letter-spacing:.055em;white-space:nowrap}
 body[data-care-page="how-it-works"] .nav .brand small{font-size:7.5px;letter-spacing:.18em}
 body[data-care-page="how-it-works"] .nav .care-tag{font-size:11px;padding-left:8px}
 body[data-care-page="how-it-works"] .nav-links{gap:7px;flex-shrink:0}
 body[data-care-page="how-it-works"] .care-language-current{min-width:44px;padding:0 6px;font-size:11px}
 body[data-care-page="how-it-works"] .nav .btn{font-size:11px;padding:9px 10px;gap:5px;max-width:112px;line-height:1.3}
 body[data-care-page="how-it-works"] .head h2{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){body[data-care-page] *,body[data-care-page] *:before,body[data-care-page] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
