:root{--teal:#087f8c;--peach:#ffb38a;--cream:#fffbf5;--ink:#173b42;--muted:#5d7478}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header,footer{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1180px;padding:24px 28px}.brand{color:var(--ink);font-size:1.5rem;font-weight:800;text-decoration:none}.brand span{color:var(--teal)}nav{align-items:center;display:flex;gap:28px}nav a,.text-link{color:var(--ink);text-decoration:none}.hero{align-items:center;display:grid;gap:64px;grid-template-columns:1.1fr .9fr;margin:auto;max-width:1180px;padding:90px 28px 110px}.eyebrow{color:var(--teal);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(3rem,7vw,6rem);line-height:.98;margin:18px 0 24px;max-width:760px}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:12px 0 36px}.hero-copy{color:var(--muted);font-size:1.2rem;max-width:580px}.hero-actions{align-items:center;display:flex;gap:24px;margin-top:32px}.button{background:var(--teal);border-radius:999px;color:#fff;display:inline-block;font-weight:700;padding:14px 24px;text-decoration:none}.button-small{padding:9px 17px}.hero-card{background:var(--peach);border-radius:36px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:360px;padding:42px;transform:rotate(2deg)}.pet-icon{font-size:7rem}.hero-card strong{font-size:1.8rem}.hero-card span{color:#704d3b}.section{margin:auto;max-width:1180px;padding:90px 28px}.cards{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}article{background:#fff;border-radius:22px;padding:28px}article span{font-size:2rem}article h3{font-size:1.3rem;margin-bottom:8px}article p,li span{color:var(--muted)}.highlight{background:#e9f5f3;border-radius:36px;margin-bottom:90px}.highlight ol{display:grid;gap:22px;grid-template-columns:repeat(3,1fr);list-style-position:inside;padding:0}.highlight li{font-size:1.1rem}.highlight li span{display:block;margin:8px 0 0 28px}footer{border-top:1px solid #dce9e7;color:var(--muted);max-width:none}@media(max-width:760px){.site-header,footer{align-items:flex-start;gap:18px}.site-header nav a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero-card{min-height:260px}.cards,.highlight ol{grid-template-columns:1fr}footer{flex-direction:column}}
