/* Renew Physio & Rehab — custom stylesheet (uploaded as a tenant CSS asset) */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&display=swap');

:root { --rn: #D9480F; --rn-dark: #B23A0A; --ink: #1A1D23; --soft: #FFE8DC; }
body { font-family: 'Sora', 'Plus Jakarta Sans', system-ui, sans-serif; background: #fff; }
.rn-h { font-weight: 800; letter-spacing: -.03em; line-height: 1.02; text-transform: uppercase; }
.rn-tag { display: inline-block; padding: .35rem .8rem; border-radius: 999px; background: var(--soft); color: var(--rn-dark); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.rn-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 52px; padding: .8rem 1.8rem; font-weight: 700; font-size: .95rem; border-radius: .9rem; transition: all .18s; }
.rn-btn-solid { background: var(--rn); color: #fff; box-shadow: 0 12px 24px -12px var(--rn); }
.rn-btn-solid:hover { background: var(--rn-dark); transform: translateY(-1px); }
.rn-btn-dark { background: var(--ink); color: #fff; }
.rn-btn-dark:hover { background: #000; }
.rn-btn-ghost { border: 2px solid var(--ink); color: var(--ink); }
.rn-btn-ghost:hover { background: var(--ink); color: #fff; }
.rn-cut { clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%); }
.rn-cut-r { clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%); }
.rn-photo { overflow: hidden; background: var(--soft); border-radius: 1.5rem; }
.rn-card { background: #fff; border: 1px solid #E3E6EB; border-left: 5px solid var(--rn); border-radius: 1rem; padding: 1.5rem; transition: transform .18s, box-shadow .18s; }
.rn-card:hover { transform: translateY(-3px); box-shadow: 0 22px 36px -26px rgba(26,29,35,.5); }
.rn-step { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 1rem; background: var(--ink); color: #fff; font-weight: 800; }
.rn-dark { background: var(--ink); color: #fff; }
@media (prefers-reduced-motion: no-preference) { .rn-pop { animation: pop .6s ease both; } @keyframes pop { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } }