:root{--ph-teal:#087d7a;--ph-deep:#052f33;--ph-night:#061f25;--ph-coral:#c24f3b;--ph-ink:#102c33;--ph-muted:#5f7378;--ph-paper:#f4f7f4;--ph-line:#dce5e2;--ph-shadow:0 24px 64px rgba(9,48,52,.14)}
*{box-sizing:border-box}.pet-hospital-page{margin:0;color:var(--ph-ink);background:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}.pet-hospital-page a{text-decoration:none}.pet-hospital-page img{display:block}.pet-hospital-page .shell{width:min(1180px,calc(100% - 40px));margin:auto}.ph-kicker,.ph-overline{margin:0 0 10px;color:var(--ph-teal);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ph-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:900;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.ph-button:hover{transform:translateY(-2px)}.ph-button.primary{color:#fff;background:var(--ph-coral);box-shadow:0 14px 30px rgba(239,118,93,.25)}.ph-button.ghost{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.07)}
.ph-hero{position:relative;min-height:690px;overflow:hidden;color:#fff;background:var(--ph-night)}.ph-hero__media{position:absolute;inset:0}.ph-hero__media:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(4,36,39,.98) 0%,rgba(4,36,39,.9) 36%,rgba(4,36,39,.36) 65%,rgba(4,36,39,.06) 100%)}.ph-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}.ph-hero__inner{position:relative;z-index:1;display:flex;align-items:center;min-height:690px}.ph-hero__copy{max-width:760px;padding:74px 0}.ph-hero .ph-overline{color:#83ded3}.ph-hero h1{margin:14px 0 0;color:#fff;font-size:clamp(46px,5.7vw,78px);font-weight:950;letter-spacing:-.06em;line-height:1.02;white-space:nowrap}.ph-hero__claim{margin:20px 0 0;font-size:clamp(22px,2.3vw,32px);font-weight:900;line-height:1.3}.ph-hero__lead{max-width:720px;margin:17px 0 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.85}.ph-actions{display:flex;gap:10px;margin-top:26px}.ph-proof{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);list-style:none}.ph-proof li{padding:16px;border-right:1px solid rgba(255,255,255,.14)}.ph-proof li:first-child{padding-left:0}.ph-proof li:last-child{border-right:0}.ph-proof strong,.ph-proof span{display:block}.ph-proof strong{font-size:13px}.ph-proof span{margin-top:5px;color:rgba(255,255,255,.5);font-size:8px;line-height:1.5}
.ph-anchor{position:sticky;top:var(--header-height,0);z-index:60;border-bottom:1px solid var(--ph-line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.xb-shell-embedded .ph-anchor{top:0}.ph-anchor__scroll{display:flex;justify-content:center;overflow:auto;scrollbar-width:none}.ph-anchor__scroll a{flex:0 0 auto;display:flex;align-items:center;min-height:47px;padding:0 17px;border-bottom:2px solid transparent;color:var(--ph-muted);font-size:11px;font-weight:850;white-space:nowrap}.ph-anchor__scroll a:hover,.ph-anchor__scroll a.is-active{color:var(--ph-teal);border-color:var(--ph-teal)}
.ph-section{padding:86px 0;background:#fff}.ph-section.paper{background:var(--ph-paper)}.ph-section.dark{color:#fff;background:var(--ph-night)}.ph-heading{margin-bottom:34px}.ph-heading.split,.ph-heading.dark-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:64px}.ph-heading h2{margin:0;font-size:clamp(32px,3.45vw,49px);font-weight:950;letter-spacing:-.05em;line-height:1.08;white-space:nowrap}.ph-heading>p{margin:0;color:var(--ph-muted);font-size:12px;line-height:1.85}.dark-heading h2{color:#fff}.dark-heading>p{color:rgba(255,255,255,.55)}.dark .ph-kicker{color:#7bd6ca}
.role-rail{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ph-line);border-bottom:1px solid var(--ph-line)}.role-rail article{min-width:0;padding:24px 19px;border-right:1px solid var(--ph-line)}.role-rail article:last-child{border-right:0}.role-rail span,.scenario-grid span{color:var(--ph-teal);font-size:9px;font-weight:900}.role-rail h3,.scenario-grid h3{margin:10px 0 0;font-size:15px;white-space:nowrap}.role-rail p,.scenario-grid p{margin:7px 0 0;color:var(--ph-muted);font-size:9px;line-height:1.65}.scene{margin:0;overflow:hidden;border-radius:20px;background:#fff;box-shadow:var(--ph-shadow)}.scene img{width:100%;height:auto}.scene figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;color:#fff;background:var(--ph-deep)}.scene figcaption strong{font-size:12px;white-space:nowrap}.scene figcaption span{color:rgba(255,255,255,.55);font-size:8px;text-align:right}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15);list-style:none}.journey-grid li{padding:20px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.journey-grid span{color:#76d8cb;font-size:9px;font-weight:900}.journey-grid h3{margin:9px 0 0;color:#fff;font-size:15px;white-space:nowrap}.journey-grid p{margin:6px 0 0;color:rgba(255,255,255,.48);font-size:9px}.story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:44px}.story.reverse{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr)}.story.reverse .scene{order:2}.feature-list{border-top:1px solid var(--ph-line)}.feature-list article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--ph-line)}.feature-list article>span{grid-row:1/3;color:var(--ph-coral);font-size:9px;font-weight:900}.feature-list h3{margin:0;font-size:15px;white-space:nowrap}.feature-list p{margin:6px 0 0;color:var(--ph-muted);font-size:10px;line-height:1.65}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid var(--ph-line);border-bottom:1px solid var(--ph-line)}.metric-strip article{padding:20px;border-right:1px solid var(--ph-line)}.metric-strip article:last-child{border-right:0}.metric-strip strong,.metric-strip span{display:block}.metric-strip strong{font-size:13px}.metric-strip span{margin-top:6px;color:var(--ph-muted);font-size:9px;line-height:1.55}.dark-strip{border-color:rgba(255,255,255,.14)}.dark-strip article{border-color:rgba(255,255,255,.14)}.dark-strip span{color:rgba(255,255,255,.5)}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ph-line);border-left:1px solid var(--ph-line)}.scenario-grid article{padding:24px;border-right:1px solid var(--ph-line);border-bottom:1px solid var(--ph-line)}
.ph-contact{padding:70px 0;color:#fff;background:var(--ph-deep)}.ph-contact__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.ph-contact h2{margin:0;font-size:clamp(28px,3vw,42px);white-space:nowrap}.ph-contact p:not(.ph-kicker){margin:12px 0 0;color:rgba(255,255,255,.58);font-size:11px}.ph-contact__inner>div:last-child{display:flex;gap:10px}.ph-footer{color:#fff;background:#04181c}.ph-footer .shell{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.ph-footer strong{font-size:11px}.ph-footer span{color:rgba(255,255,255,.45);font-size:8px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1040px){.ph-hero{display:flex;min-height:0;flex-direction:column}.ph-hero__inner{order:1;min-height:0}.ph-hero__copy{padding:52px 0 38px}.ph-hero__media{position:relative;order:2;aspect-ratio:16/9}.ph-hero__media:after{background:linear-gradient(180deg,var(--ph-deep),rgba(5,47,51,.04) 38%)}.ph-hero__media img{object-position:70% center}.ph-heading.split,.ph-heading.dark-heading{gap:30px}.role-rail{grid-template-columns:repeat(3,1fr)}.story,.story.reverse{grid-template-columns:1fr;gap:28px}.story.reverse .scene{order:0}.journey-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pet-hospital-page .shell{width:calc(100% - 28px)}.ph-section{padding:66px 0}.ph-heading.split,.ph-heading.dark-heading{display:block}.ph-heading>p{margin-top:15px}.role-rail{grid-template-columns:repeat(2,1fr)}.metric-strip,.scenario-grid{grid-template-columns:repeat(2,1fr)}.ph-contact__inner{display:block}.ph-contact__inner>div:last-child{margin-top:24px}.ph-footer .shell{align-items:flex-start;flex-direction:column;padding:24px 0}.scene figcaption{align-items:flex-start;flex-direction:column}.scene figcaption span{text-align:left}}
@media(max-width:520px){.ph-hero h1{font-size:clamp(29px,8.1vw,39px)}.ph-hero__claim{font-size:clamp(18px,5.2vw,24px)}.ph-actions{display:grid;grid-template-columns:1fr 1fr}.ph-proof li{padding:13px 5px;text-align:center}.ph-proof li:first-child{padding-left:5px}.ph-anchor__scroll{justify-content:flex-start}.ph-heading h2{font-size:clamp(22px,6.3vw,31px)}.role-rail,.metric-strip,.scenario-grid{grid-template-columns:1fr}.journey-grid{grid-template-columns:1fr 1fr}.ph-contact h2{font-size:clamp(22px,6vw,30px)}.ph-contact__inner>div:last-child{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Keep the shell product navigation as the only desktop section bar. */
.ph-anchor{display:none}
body.xb-shell-embedded .ph-anchor{display:block;top:0}
@media(max-width:1260px){body.xb-shell-ready:not(.xb-shell-embedded) .ph-anchor{display:block}}

/* Ultra-wide face-safe hero: preserve both the standing veterinarian and seated owner. */
@media(min-width:1041px){.ph-hero,.ph-hero__inner{min-height:clamp(690px,27vw,920px)}.ph-hero__media img{object-position:center 22%}}

/* Review pass: readable supporting copy and predictable responsive headings. */
.xb-header-cta{background:#bd3f20}.xb-header-cta:hover{background:#963119}
.pet-hospital-page main{overflow:visible}
.ph-kicker,.ph-overline{font-size:12px}
.ph-button,.ph-anchor__scroll a{font-size:13px}
.ph-heading>p,.ph-contact p:not(.ph-kicker){font-size:14px}
.ph-proof span,.journey-grid p,.dark-strip span{color:rgba(255,255,255,.68)}
.ph-proof span,.role-rail span,.scenario-grid span,.role-rail p,.scenario-grid p,.scene figcaption span,.journey-grid span,.journey-grid p,.feature-list article>span,.feature-list p,.metric-strip span,.ph-footer strong,.ph-footer span{font-size:12px}
.scene figcaption span{color:rgba(255,255,255,.72)}
.pet-hospital-page main :where(h1,h2,h3){width:100%;min-width:0;max-width:none;overflow:visible;white-space:nowrap}
@media(max-width:520px){.ph-kicker,.ph-overline{font-size:12px}.ph-button{min-height:44px;font-size:13px}.ph-hero__lead{font-size:13px}}