.pcx-hearing{background:#f6fbfa;justify-content:center;padding:64px 32px 80px;display:flex}.pcx-hearing__card{border-radius:var(--pat-radius-lg);text-align:center;background:#fff;border:1px solid #123b361a;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:40px;display:flex;box-shadow:0 24px 56px #123b361a}.pcx-hearing .ds-progress-circle__track{stroke:#123b361a}.pcx-hearing .ds-progress-circle__indicator{stroke:#0f766e}.pcx-hearing .ds-progress-circle__value{color:#123b36;font-size:1.15rem}.pcx-hearing__label{color:#123b36;margin-top:20px;font-size:.95rem;font-weight:650}.pcx-hearing__note{color:#6b8b86;margin-top:6px;font-size:.82rem}.pcx-storage{background:#111827;justify-content:center;padding:64px 32px 80px;display:flex}.pcx-storage__card{border-radius:var(--pat-radius-lg);background:#ffffff08;border:1px solid #ffffff1a;align-items:center;gap:28px;width:100%;max-width:400px;padding:32px;display:flex}.pcx-storage .ds-progress-circle__track{stroke:#ffffff1a}.pcx-storage .ds-progress-circle__indicator{stroke:#fb923c}.pcx-storage .ds-progress-circle__value{color:#fff;font-size:1rem}.pcx-storage__title{color:#fff;font-size:.92rem;font-weight:700}.pcx-storage__amount{color:#ffffff80;margin-top:8px;font-size:.85rem}.pcx-storage__warn{color:#fb923c;align-items:center;gap:6px;margin-top:12px;font-size:.78rem;display:flex}.pcx-onboarding{background:#fbfbfa;justify-content:center;padding:64px 32px 80px;display:flex}.pcx-onboarding__card{border:1px solid var(--pat-line);border-radius:var(--pat-radius-lg);width:100%;max-width:420px;box-shadow:var(--pat-shadow-md);background:#fff;align-items:center;gap:26px;padding:32px;display:flex}.pcx-onboarding .ds-progress-circle__indicator{stroke:#2563eb}.pcx-onboarding__title{color:var(--pat-ink);font-size:.98rem;font-weight:750}.pcx-onboarding__steps{color:var(--pat-soft);margin-top:6px;font-size:.83rem}.pcx-onboarding__next{color:#2563eb;background:#2563eb1a;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.pcx-battery{background:#fafaf9;justify-content:center;padding:64px 32px 80px;display:flex}.pcx-battery__row{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.pcx-battery__item{flex-direction:column;align-items:center;gap:10px;display:flex}.pcx-battery__ring{display:inline-flex;position:relative}.pcx-battery__overlay{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.pcx-battery__icon{font-size:1.1rem}.pcx-battery__percent{color:var(--pat-ink);font-size:.7rem;font-weight:700}.pcx-battery .ds-progress-circle__track{stroke:var(--pat-line)}.pcx-battery .ds-progress-circle__indicator{stroke:#16a34a}.pcx-battery__item--low .ds-progress-circle__indicator{stroke:#dc2626}.pcx-battery__label{color:var(--pat-soft);font-size:.8rem}.pcx-course{background:#faf8f4;justify-content:center;padding:64px 32px 80px;display:flex}.pcx-course__panel{border-radius:var(--pat-radius-lg);background:#fff;border:1px solid #1c18121a;width:100%;max-width:520px;padding:32px}.pcx-course__title{font-family:var(--pat-serif);color:#1c1812;font-size:1.2rem;font-weight:600}.pcx-course__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:26px;display:grid}.pcx-course__cell{flex-direction:column;align-items:center;gap:10px;display:flex}.pcx-course .ds-progress-circle__track{stroke:#1c18121a}.pcx-course .ds-progress-circle__indicator{stroke:#c2703d}.pcx-course .ds-progress-circle__value{color:#1c1812;font-size:.72rem}.pcx-course__label{text-align:center;color:#6b6255;font-size:.78rem}@media (width<=720px){.pcx-hearing{padding:44px 16px 56px}.pcx-hearing__card{padding:28px 20px}.pcx-storage{padding:44px 16px 56px}.pcx-storage__card{text-align:center;flex-direction:column;padding:24px 20px}.pcx-onboarding{padding:44px 16px 56px}.pcx-onboarding__card{text-align:center;flex-direction:column;padding:24px 20px}.pcx-battery{padding:44px 16px 56px}.pcx-battery__row{gap:20px}.pcx-course{padding:44px 16px 56px}.pcx-course__panel{padding:22px}.pcx-course__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ds-progress-circle{justify-content:center;align-items:center;display:inline-flex;position:relative}.ds-progress-circle svg{transform:rotate(-90deg)}.ds-progress-circle__track{fill:none;stroke:var(--ds-border-color,#e2e8f0)}.ds-progress-circle__indicator{fill:none;stroke:var(--ds-primary,#2563eb);stroke-linecap:round;transition:stroke-dashoffset .35s}.ds-progress-circle__value{color:var(--ds-text,#0f172a);font-size:.875rem;font-weight:600;position:absolute}
