:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans TC,Segoe UI,sans-serif;line-height:1.5}html{scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box}button,input{font-family:inherit}#root{min-height:100svh}main{min-height:100svh;overflow:hidden}.hero-section{color:#fff;background:linear-gradient(90deg,#0d121fc2,#0d121f33 54%,#ffffff14),url(https://images.unsplash.com/photo-1601758124510-52d02ddb7cbd?auto=format&fit=crop&w=1800&q=85) 50%/cover;min-height:92svh;padding:22px clamp(18px,4vw,64px) 64px;position:relative}.topbar{z-index:1;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;display:flex;position:relative}.brand,.nav-actions,.hero-actions,.eyebrow,.preview-row,.service-band div,.primary-button,.ghost-button{align-items:center;display:flex}.brand{color:#fff;gap:10px;font-weight:800;text-decoration:none}.brand-mark{color:#1f2937;background:#f6c65b;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.nav-actions{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;gap:6px;padding:6px}.nav-actions a{color:#fff;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:700;text-decoration:none}.nav-actions a:hover{background:#ffffff2e}.hero-content{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);align-items:end;gap:clamp(28px,5vw,72px);max-width:1180px;margin:12svh auto 0;display:grid;position:relative}.hero-copy{max-width:720px}.eyebrow{color:#fff7e7;background:#ffffff2e;border:1px solid #ffffff3d;border-radius:999px;gap:9px;max-width:max-content;margin-bottom:22px;padding:9px 14px}h1,h2,h3,p{margin:0}.hero-copy h1{letter-spacing:0;max-width:820px;font-size:clamp(44px,7vw,92px);line-height:.98}.hero-copy p{color:#ffffffdb;max-width:680px;margin-top:24px;font-size:clamp(17px,2vw,21px);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.primary-button,.ghost-button{cursor:pointer;font:inherit;border:0;border-radius:999px;justify-content:center;gap:9px;min-height:48px;padding:0 20px;font-weight:800;text-decoration:none}.primary-button{color:#172033;background:#f6c65b;box-shadow:0 18px 35px #0000002e}.ghost-button{color:#172033;background:#fff}.booking-preview,.summary-panel,.makeover-card{background:#fffffff0;border:1px solid #151f3314;border-radius:8px;box-shadow:0 24px 80px #0a14222e}.booking-preview{color:#172033;padding:18px}.preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-header span{color:#667085;font-size:14px;font-weight:700}.preview-header strong{color:#e35c42;font-size:46px;line-height:1}.preview-row{border-top:1px solid #e8eaef;gap:10px;padding:13px 0}.preview-photo{aspect-ratio:4/3;border-radius:8px;margin-top:8px;overflow:hidden}.preview-photo img,.makeover-card img{object-fit:cover;width:100%;height:100%}.service-band{color:#fff;background:#263c4f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.service-band div{text-align:center;background:#ffffff0f;justify-content:center;gap:10px;min-height:74px;padding:18px}.makeover-section,.booking-section{padding:clamp(58px,8vw,104px) clamp(18px,4vw,64px)}.makeover-section{background:#fff7ed}.booking-section{background:#eef6f5}.section-heading{max-width:1180px;margin:0 auto 34px}.section-heading span,.summary-label{color:#e35c42;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:900;display:block}.section-heading h2{color:#182331;letter-spacing:0;max-width:780px;font-size:clamp(31px,4.6vw,56px);line-height:1.08}.makeover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto;display:grid}.makeover-card{overflow:hidden}.comparison{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}figure{aspect-ratio:1;margin:0;position:relative}figcaption{color:#fff;background:#182331d1;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800;position:absolute;bottom:12px;left:12px}.pet-meta{justify-content:space-between;align-items:center;gap:10px;padding:18px;display:flex}.pet-meta strong{color:#172033;font-size:22px}.pet-meta span{color:#667085;text-align:right}.booking-form{grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);align-items:start;gap:24px;max-width:1180px;margin:0 auto;display:grid}.form-panel{background:#fff;border:1px solid #dce9e6;border-radius:8px;gap:20px;padding:clamp(20px,4vw,34px);display:grid}label,legend{color:#172033;font-weight:850}label{gap:9px;display:grid}input{color:#172033;font:inherit;border:1px solid #cdd8d5;border-radius:8px;min-height:48px;padding:0 14px}input:focus,button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e35c4261}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:10px}.service-options,.slot-options{gap:10px;display:grid}.service-options{grid-template-columns:repeat(3,minmax(0,1fr))}.slot-options{grid-template-columns:repeat(5,minmax(0,1fr))}.service-options button,.slot-options button{color:#172033;cursor:pointer;font:inherit;background:#f7faf9;border:1px solid #dce9e6;border-radius:8px;min-height:58px;padding:12px}.service-options button{text-align:left}.service-options strong,.service-options span{display:block}.service-options span{color:#667085;margin-top:4px;font-size:14px}.service-options .selected,.slot-options .selected{color:#fff;background:#263c4f;border-color:#263c4f}.service-options .selected span{color:#ffffffc7}.summary-panel{color:#172033;padding:clamp(20px,3vw,30px);position:sticky;top:18px}.summary-panel h3{letter-spacing:0;font-size:28px;line-height:1.1}dl{gap:12px;margin:24px 0;display:grid}dl div{border-bottom:1px solid #e7eceb;justify-content:space-between;gap:16px;padding-bottom:12px;display:flex}dt{color:#667085;font-weight:750}dd{text-align:right;margin:0;font-weight:850}.submit-button{width:100%}.success-message{color:#126436;background:#e7f7ee;border:1px solid #bfe8cc;border-radius:8px;margin-top:16px;padding:12px;line-height:1.6}@media (width<=900px){.hero-section{min-height:auto}.hero-content,.booking-form,.makeover-grid{grid-template-columns:1fr}.hero-content{margin-top:72px}.service-band,.service-options{grid-template-columns:1fr}.slot-options{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-panel{position:static}}@media (width<=580px){.topbar{align-items:flex-start;gap:14px}.nav-actions{border-radius:8px;flex-direction:column}.nav-actions a{width:100%}.hero-copy h1{font-size:42px}.comparison{grid-template-columns:1fr}.pet-meta{flex-direction:column;align-items:flex-start}.pet-meta span{text-align:left}}