.main-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}
.main-nav .nav-links{justify-self:start;gap:clamp(10px,1.5vw,21px)}
.main-nav .brand{justify-self:center}
.main-nav .nav-cta{justify-self:end}
.mobile-menu,.nav-cta-short{display:none}
.hero{background:#f3f7fa;color:#273942;padding-top:76px}
.hero-copy{background:transparent;border:0;border-radius:0;padding:0;max-width:940px}
.hero h1{font-size:clamp(40px,5.1vw,68px);line-height:1.13;letter-spacing:-.045em;max-width:900px;margin:24px auto 18px}
.hero h1 mark{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:#047fbf;color:#fff;padding:0 .16em;border-radius:5px}
.hero-copy>p{color:#344d59;font-size:18px;max-width:690px;line-height:1.5}
.hero-copy>p strong{color:#0b597e}
.hero .eyebrow{background:transparent;color:#087eaf;border:0;padding:0;border-radius:0;letter-spacing:.06em}
.hero-price{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:22px auto 0;color:#174357;font-size:14px}
.hero-price strong{display:inline-block;background:#d9f4e4;color:#086538;padding:9px 14px;border-radius:100px;font-size:16px}
.hero .hero-actions{margin:26px 0 0}
.hero-down{display:flex;align-items:center;flex-direction:column;gap:0;width:58px;margin:34px auto 34px;color:#62abc8}
.hero-down span{display:block;width:26px;height:26px;border-right:5px solid currentColor;border-bottom:5px solid currentColor;transform:rotate(45deg);border-radius:2px;margin-top:-11px}
.hero-down span:first-child{opacity:.58}
.hero-down:hover{color:#087eaf}
.hero .button.outline{background:#fff;color:#103b55;border-color:#9bd5ee}
.hero .button.outline:hover{background:#e8f8ff}
.hero .carousel-header p{color:#092e49;background:#e5f8ff;display:inline-block;padding:6px 12px;border-radius:8px}
.audience-intro{background:#fff;padding:85px 0 45px}
.audience-intro .section-head{margin-bottom:0}
.audience-band{padding:70px 0}
.audience-band.shop{background:#e9f7ff;--accent:#006fae}
.audience-band.care{background:#fff0f7;--accent:#a53674}
.audience-band.cattery{background:#eef7ed;--accent:#367849}
.audience-band.vet{background:#eef1ff;--accent:#4645a4}
.audience-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(28px,5vw,68px);align-items:center}
.audience-copy .kicker{color:var(--accent)}
.audience-copy h3{font:800 clamp(35px,4.3vw,55px)/1.06 'Outfit',sans-serif;letter-spacing:-.045em;margin:12px 0 18px}
.audience-copy>p{font-size:18px;color:#38515f;max-width:550px;margin:0 0 23px}
.audience-copy .button{margin-bottom:22px}
.audience-media{position:relative;margin:0;width:min(100%,450px);justify-self:end}
.audience-media::before{content:'';position:absolute;z-index:0;width:48%;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.16;top:-32px;right:-22px}
.photo-frame{position:relative;z-index:1;background:var(--accent);border-radius:25px;padding:12px 12px 47px;overflow:hidden}
.photo-frame img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:15px;background:#fff}
.photo-ribbon{position:absolute;left:18px;bottom:13px;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;gap:9px}
.photo-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff38}
.audience-ideas{margin-top:28px;color:#294456}
.audience-ideas span{display:block;font-weight:800;font-size:13px;margin-bottom:10px}
.audience-ideas ul{display:flex;gap:9px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.audience-ideas li{background:#ffffffc9;border:1px solid #ffffffec;border-radius:100px;padding:8px 13px;font-size:13px;font-weight:700;color:var(--accent)}
@media(max-width:900px){.main-nav .nav-links{display:none}.mobile-menu{display:block;justify-self:start;position:relative;z-index:9}.mobile-menu summary{cursor:pointer;list-style:none;font-weight:800;color:#17475d}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;top:34px;left:0;display:grid;gap:10px;min-width:180px;padding:16px;background:#fff;border:1px solid #d6eaf4;border-radius:12px;box-shadow:0 10px 25px #113c5225;font-size:14px;font-weight:700}.mobile-menu a:hover{color:#006fae}}
@media(max-width:760px){.hero{padding-top:57px}.hero-copy{padding:0 5px}.hero h1{font-size:clamp(37px,9.5vw,53px)}.hero-copy>p{font-size:16px}.audience-intro{padding:64px 0 30px}.audience-band{padding:50px 0}.audience-layout{grid-template-columns:1fr;gap:27px}.audience-media{grid-row:1;width:min(100%,430px);justify-self:center}.audience-copy>p{font-size:16px}.audience-copy h3{font-size:38px}.nav-cta-full{display:none}.nav-cta-short{display:inline}.main-nav .nav-cta{padding:9px 12px;min-height:42px}}
@media(max-width:520px){.main-nav{gap:7px}.main-nav .brand{font-size:14px;max-width:130px;text-align:center}.mobile-menu summary span,.nav-cta-short{display:none}.main-nav .nav-cta{width:42px;padding:9px}.main-nav .nav-cta .wa-icon{width:20px;height:20px}}