.dashboard-redesign{--color-bg:#f5f0e8;--color-card:#faf7f2;--color-border:#e0d9ce;--color-heading:#1c2b1e;--color-body:#4a5c4e;--color-muted:#8a9e8e;--color-cta:#1a5c3a;--color-cta-hover:#145030;--color-cta-text:#fff;--color-link:#2a8c5a;--color-link-hover:#1a5c3a;--color-accent-light:#eaf3ee;--color-badge-border:#c5ddd0;--color-number:#2a8c5a;--color-divider:#e8e2d8;--radius-card:20px;--radius-btn:10px;--shadow-card:0 8px 40px #1c2b1e1a;--shadow-card-hover:0 16px 56px #1c2b1e29}.dashboard-redesign .page-backdrop{z-index:0;background-image:url(/pet_onboarding_backdrop_prop_refer.png);background-position:50%;background-size:cover;position:fixed;inset:0}.dashboard-redesign .page-backdrop:after{content:"";background:#1c2b1e14;position:absolute;inset:0}.dashboard-redesign .page-scroll{z-index:1;flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:40px 20px 60px;display:flex;position:relative}.dashboard-redesign .hero-card{background:var(--color-card);border-radius:var(--radius-card);text-align:center;width:100%;max-width:560px;box-shadow:var(--shadow-card);border:1px solid #fff9;padding:44px 40px 36px}.dashboard-redesign .hero-card__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-number);background:var(--color-accent-light);border:1px solid var(--color-badge-border);border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.dashboard-redesign .hero-card__title{color:var(--color-heading);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(24px,4vw,34px);font-weight:800;line-height:1.2}.dashboard-redesign .hero-card__title em{color:var(--color-cta);font-style:normal}.dashboard-redesign .hero-card__subtitle{color:var(--color-body);max-width:420px;margin:0 auto 28px;font-size:15px;line-height:1.65}.dashboard-redesign .hero-card__divider{border:none;border-top:1px solid var(--color-divider);width:80%;margin:0 auto 20px}.dashboard-redesign .hero-card__social-proof{color:var(--color-muted);letter-spacing:.01em;margin-bottom:28px;font-size:12px}.dashboard-redesign .hero-card__social-proof strong{color:var(--color-body);font-weight:600}.dashboard-redesign .btn-cta{background:var(--color-cta);width:100%;color:var(--color-cta-text);border-radius:var(--radius-btn);cursor:pointer;letter-spacing:.01em;text-align:center;border:none;padding:15px 24px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:background .18s,transform .12s,box-shadow .18s;display:block;box-shadow:0 4px 16px #1a5c3a4d}.dashboard-redesign .btn-cta:hover{background:var(--color-cta-hover);transform:translateY(-1px);box-shadow:0 8px 24px #1a5c3a61}.dashboard-redesign .btn-cta:active{transform:translateY(0)}.dashboard-redesign .link-secondary{color:var(--color-link);margin-top:16px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:block}.dashboard-redesign .link-secondary:hover{color:var(--color-link-hover);text-decoration:underline}.dashboard-redesign .hero-card__links{flex-direction:column;gap:4px;margin-top:20px;display:flex}.dashboard-redesign .hero-card__link-item{color:var(--color-muted);border-top:1px solid var(--color-divider);padding:6px 0;font-size:13px}.dashboard-redesign .hero-card__link-item:first-child{border-top:none}.dashboard-redesign .stats-card{background:var(--color-card);border-radius:var(--radius-card);width:100%;max-width:560px;box-shadow:var(--shadow-card);border:1px solid #fff9;grid-template-columns:repeat(3,1fr);gap:0;padding:28px 36px;display:grid}.dashboard-redesign .stat-item{text-align:center;border-right:1px solid var(--color-divider);padding:0 16px}.dashboard-redesign .stat-item:last-child{border-right:none}.dashboard-redesign .stat-item__value{color:var(--color-cta);letter-spacing:-.03em;margin-bottom:4px;font-size:26px;font-weight:800;line-height:1}.dashboard-redesign .stat-item__label{color:var(--color-muted);font-size:11px;font-weight:500;line-height:1.4}.dashboard-redesign .feature-card{background:var(--color-card);border-radius:var(--radius-card);width:100%;max-width:560px;box-shadow:var(--shadow-card);border:1px solid #fff9;padding:32px 36px}.dashboard-redesign .feature-card__label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-bottom:20px;font-size:10px;font-weight:700}.dashboard-redesign .feature-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.dashboard-redesign .feature-list__item{border-bottom:1px solid var(--color-divider);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.dashboard-redesign .feature-list__item:last-child{border-bottom:none}.dashboard-redesign .feature-list__number{background:var(--color-accent-light);border:1px solid var(--color-badge-border);width:24px;height:24px;color:var(--color-number);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.dashboard-redesign .feature-list__text{color:var(--color-body);font-size:14px;line-height:1.55}.dashboard-redesign .section-card{background:var(--color-card);border-radius:var(--radius-card);width:100%;max-width:560px;box-shadow:var(--shadow-card);border:1px solid #fff9;padding:28px 36px}.dashboard-redesign .section-card__title{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-bottom:16px;font-size:10px;font-weight:700}.dashboard-redesign .section-card .link-row{color:var(--color-link);font-size:13px}.dashboard-redesign .section-card .link-row a{color:var(--color-link);text-decoration:none}.dashboard-redesign .section-card .link-row a:hover{color:var(--color-link-hover);text-decoration:underline}@media (max-width:768px){.dashboard-redesign .page-scroll{gap:16px;padding:24px 16px 80px}.dashboard-redesign .hero-card{padding:32px 24px 28px}.dashboard-redesign .feature-card{padding:24px 20px}.dashboard-redesign .stats-card{padding:20px 16px}.dashboard-redesign .stat-item{padding:0 8px}.dashboard-redesign .stat-item__value{font-size:20px}.dashboard-redesign .section-card{padding:24px 20px}}@media (max-width:400px){.dashboard-redesign .stats-card{grid-template-columns:1fr;gap:16px}.dashboard-redesign .stat-item{border-right:none;border-bottom:1px solid var(--color-divider);padding:0 0 16px}.dashboard-redesign .stat-item:last-child{border-bottom:none;padding-bottom:0}}
