/* InSyncPets homepage v3.5.24.11 — premium coordinated refinement */
:root{
  --isp10-cream:#fffaf1;
  --isp10-cream-2:#f8efe3;
  --isp10-card:#fffefb;
  --isp10-ink:#17120f;
  --isp10-muted:#675d53;
  --isp10-navy:#08284f;
  --isp10-navy2:#061e3d;
  --isp10-blue:#245b9f;
  --isp10-gold:#d58a15;
  --isp10-brown:#a65d13;
  --isp10-line:#eadbc6;
  --isp10-max:1420px;
  --isp10-radius:22px;
  --isp10-shadow:0 14px 34px rgba(60,39,18,.07);
}
.isp-home-v10{background:linear-gradient(180deg,#fffaf1 0%,#fffdf8 58%,#fff8ec 100%);color:var(--isp10-ink);padding:18px 0 0;overflow:hidden;}
.isp-home-v10,.isp-home-v10 *{box-sizing:border-box;}
.isp-home-v10 img{display:block;max-width:100%;}
.isp-home-v10 svg{display:block;}
.isp-home-v10 a{text-decoration:none;}
.isp10-shell{width:min(var(--isp10-max),calc(100% - 56px));margin-inline:auto;}
.isp10-kicker,.isp10-eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--isp10-brown);}

/* Hero: deliberate editorial split, no uncontrolled scaling */
.isp10-hero{min-height:540px;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);overflow:hidden;border:1px solid var(--isp10-line);border-radius:26px;background:#fff8ee;box-shadow:var(--isp10-shadow);}
.isp10-hero-copy{position:relative;z-index:2;padding:54px 42px 48px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#fffaf1 0%,#fffaf1 78%,rgba(255,250,241,.92) 91%,rgba(255,250,241,0) 100%);}
.isp10-eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(166,93,19,.2);border-radius:999px;background:rgba(255,255,255,.76);}
.isp10-eyebrow>span{font-size:8px;color:var(--isp10-gold);}
.isp10-hero h1{margin:19px 0 18px;max-width:9.7ch;font-size:clamp(54px,4.8vw,74px);line-height:.94;letter-spacing:-.066em;color:#16110d;}
.isp10-hero h1 span{background:linear-gradient(105deg,#245b9f 0%,#756f66 47%,#c77913 92%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.isp10-hero-copy>p{max-width:530px;margin:0;color:#514a45;font-size:17px;line-height:1.58;}
.isp10-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px;}
.isp10-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:900;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.isp10-btn:hover{transform:translateY(-1px);}
.isp10-btn-gold{background:linear-gradient(135deg,#a95d12,#db9418);color:#fff;box-shadow:0 10px 22px rgba(169,95,19,.18);}
.isp10-btn-light{border:1px solid #dcccb6;background:#fffdf9;color:var(--isp10-ink);}
.isp10-btn-navy{width:100%;background:var(--isp10-navy);color:#fff;}
.isp10-btn-outline{border:1px solid rgba(255,255,255,.68);background:transparent;color:#fff;}
.isp10-play{font-size:11px;}
.isp10-hero-media{position:relative;min-width:0;min-height:540px;overflow:hidden;background:#dfe6cd;}
.isp10-hero-media:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:17%;background:linear-gradient(90deg,#fffaf1,rgba(255,250,241,.18),transparent);pointer-events:none;}
.isp10-hero-media:after{content:"";position:absolute;z-index:1;inset:auto 0 0 0;height:22%;background:linear-gradient(0deg,rgba(12,31,28,.13),transparent);pointer-events:none;}
.isp10-hero-media img{width:100%!important;height:100%!important;max-height:540px!important;object-fit:cover!important;object-position:53% 45%!important;transform:none!important;}

/* Benefits: readable, compact and coordinated */
.isp10-feature-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-22px;}
.isp10-feature{min-width:0;min-height:112px;display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;padding:17px 16px;border:1px solid var(--isp10-line);border-radius:16px;background:rgba(255,254,251,.985);box-shadow:0 12px 26px rgba(54,39,22,.055);}
.isp10-feature-icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:50%;display:grid;place-items:center;color:#fff;overflow:hidden;}
.isp10-feature-icon.is-navy{background:var(--isp10-navy);}.isp10-feature-icon.is-gold{background:linear-gradient(145deg,#c77b12,#e3a329);}
.isp10-feature-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.isp10-feature strong,.isp10-feature small{display:block;}.isp10-feature strong{font-size:14px;line-height:1.18;}.isp10-feature small{margin-top:5px;color:var(--isp10-muted);font-size:12px;line-height:1.42;}

/* Animal cards: one coordinated editorial format instead of three unrelated crops */
.isp10-animal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:34px;}
.isp10-animal-card{position:relative;height:260px;border-radius:18px;overflow:hidden;color:var(--isp10-ink);border:1px solid var(--isp10-line);background:#f6ead5;box-shadow:0 8px 22px rgba(65,44,22,.045);transition:transform .18s ease,box-shadow .18s ease;}
.isp10-animal-card:nth-child(2){background:#f4e6e3;}.isp10-animal-card:nth-child(3){background:#edf1f3;}
.isp10-animal-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(65,44,22,.09);}
.isp10-animal-card img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:62%!important;height:100%!important;max-height:260px!important;object-fit:cover!important;transform:none!important;}
.isp10-animal-card:nth-child(1) img{object-position:57% 48%!important;}.isp10-animal-card.is-cat img{object-position:52% 28%!important;}.isp10-animal-card.is-horse img{object-position:52% 35%!important;}
.isp10-animal-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,234,213,1) 0%,rgba(246,234,213,.98) 35%,rgba(246,234,213,.7) 47%,rgba(246,234,213,.05) 72%);}
.isp10-animal-card.is-cat .isp10-animal-shade{background:linear-gradient(90deg,rgba(244,230,227,1) 0%,rgba(244,230,227,.98) 35%,rgba(244,230,227,.72) 48%,rgba(244,230,227,.04) 73%);}
.isp10-animal-card.is-horse .isp10-animal-shade{background:linear-gradient(90deg,rgba(237,241,243,1) 0%,rgba(237,241,243,.98) 35%,rgba(237,241,243,.72) 48%,rgba(237,241,243,.04) 73%);}
.isp10-animal-copy{position:absolute;z-index:2;left:24px;top:50%;right:auto;bottom:auto;transform:translateY(-50%);width:44%;max-width:190px;}
.isp10-animal-copy strong,.isp10-animal-copy small,.isp10-animal-copy b{display:block;}
.isp10-animal-copy strong{font-size:23px;line-height:1;letter-spacing:-.035em;}.isp10-animal-copy small{margin-top:9px;color:#5a5149;font-size:12px;line-height:1.45;}.isp10-animal-copy b{width:max-content;margin-top:15px;padding:9px 12px;border-radius:9px;background:var(--isp10-navy);color:#fff;font-size:11px;font-weight:900;}

/* Product: premium centre-stage treatment */
.isp10-product{display:grid;grid-template-columns:.78fr 1.18fr .9fr;gap:28px;align-items:center;padding-top:52px;padding-bottom:18px;}
.isp10-product-copy h2{margin:8px 0 14px;max-width:9ch;font-size:clamp(38px,3.9vw,54px);line-height:.98;letter-spacing:-.055em;color:#17110d;}.isp10-product-copy p{max-width:330px;margin:0;color:var(--isp10-muted);font-size:15px;line-height:1.62;}.isp10-text-link{display:inline-flex;margin-top:17px;color:var(--isp10-navy);font-size:13px;font-weight:900;}
.isp10-tag-stage{height:330px;display:grid;place-items:center;padding:12px 18px;border:1px solid #f0e2cc;border-radius:24px;background:radial-gradient(ellipse at 50% 70%,rgba(221,170,87,.22),transparent 58%),linear-gradient(145deg,#fffdf8,#f8eddd);overflow:hidden;}
.isp10-tag-stage img{width:auto!important;height:auto!important;max-width:520px!important;max-height:300px!important;object-fit:contain!important;filter:drop-shadow(0 17px 16px rgba(79,51,15,.12))!important;transition:opacity .16s ease,transform .18s ease;}
.isp10-colour-card{padding:20px;border:1px solid var(--isp10-line);border-radius:18px;background:#fffdf9;box-shadow:0 10px 24px rgba(62,43,24,.035);}.isp10-mini-title{display:block;margin:0 0 13px;font-size:14px;font-weight:900;}.isp10-tag-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.isp10-tag-option{min-width:0;padding:9px 6px;border:1px solid #e8dbc8;border-radius:11px;background:#fff;color:var(--isp10-ink);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease;}.isp10-tag-option:hover{transform:translateY(-1px);}.isp10-tag-option.is-active{border-color:#d6942f;box-shadow:inset 0 0 0 1px #d6942f;background:#fffaf1;}.isp10-tag-option img{width:82px!important;height:58px!important;max-width:100%!important;object-fit:contain!important;margin:0 auto 5px!important;}.isp10-tag-option span{display:block;font-size:10px;font-weight:900;text-align:center;}#isp10-tag-choice{margin:9px 0 11px;color:var(--isp10-muted);font-size:11px;text-align:center;}

/* How it works: one calm connected row */
.isp10-how{padding-top:40px;padding-bottom:22px;}.isp10-how-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid var(--isp10-line);}.isp10-how-head h2{margin:0;font-size:30px;line-height:1;letter-spacing:-.04em;}.isp10-step-grid{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;gap:8px;padding:15px 0 7px;}.isp10-step{width:100%;display:grid;grid-template-columns:28px 42px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--isp10-ink);text-align:left;cursor:pointer;}.isp10-step:hover,.isp10-step.is-active{border-color:var(--isp10-line);background:#fffdf9;}.isp10-step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--isp10-navy);color:#fff;font-size:11px;font-weight:900;}.isp10-step-icon{width:42px!important;height:42px!important;border:1px solid var(--isp10-line);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--isp10-gold);}.isp10-step-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}.isp10-step strong,.isp10-step small{display:block;}.isp10-step strong{font-size:14px;}.isp10-step small{margin-top:4px;color:var(--isp10-muted);font-size:11px;line-height:1.4;}.isp10-step-arrow{color:#b8a58e;font-size:18px;text-align:center;}.isp10-step-detail{min-height:34px;margin:9px 0 0;color:var(--isp10-muted);font-size:11px;text-align:center;line-height:1.45;}.isp10-step-detail strong{color:var(--isp10-navy);}

/* Closing CTA: integrated with the dark footer */
.isp10-final-cta{position:relative;min-height:190px;display:grid;grid-template-columns:1.12fr .8fr .88fr;align-items:center;gap:22px;margin-top:20px;padding:34px 220px 34px 36px;border-radius:20px 20px 0 0;overflow:hidden;background:linear-gradient(105deg,#061d3a,#082e58 66%,#0d4d75);color:#fff;}.isp10-final-copy,.isp10-final-benefits,.isp10-final-actions{position:relative;z-index:2;}.isp10-final-copy .isp10-kicker{color:#e9aa35;}.isp10-final-copy h2{margin:5px 0 0;max-width:430px;color:#fff;font-size:38px;line-height:1;letter-spacing:-.048em;}.isp10-final-copy p{margin:9px 0 0;max-width:400px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.55;}.isp10-final-benefits{display:flex;justify-content:center;gap:20px;}.isp10-final-benefits span{max-width:92px;color:rgba(255,255,255,.84);font-size:10px;line-height:1.35;text-align:center;}.isp10-final-benefits b{width:29px;height:29px;margin:0 auto 6px;border:1px solid rgba(227,158,35,.6);border-radius:50%;display:grid;place-items:center;color:#e3a028;font-size:11px;}.isp10-final-actions{display:grid;gap:8px;}.isp10-final-actions .isp10-btn{min-height:44px;font-size:12px;}.isp10-final-dog{position:absolute!important;right:0!important;bottom:0!important;width:205px!important;height:100%!important;max-width:205px!important;max-height:190px!important;object-fit:cover!important;object-position:47% 38%!important;mask-image:linear-gradient(90deg,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);}
.isp-home-v10 :focus-visible{outline:3px solid rgba(36,91,159,.34);outline-offset:3px;}

/* Laptop */
@media(max-width:1180px){
  :root{--isp10-max:1120px;}
  .isp10-shell{width:min(var(--isp10-max),calc(100% - 44px));}
  .isp10-hero{min-height:500px;grid-template-columns:45% 55%;}.isp10-hero-media{min-height:500px;}.isp10-hero-media img{max-height:500px!important;}.isp10-hero-copy{padding:42px 30px;}.isp10-hero h1{font-size:58px;}.isp10-feature{grid-template-columns:40px 1fr;padding:14px 13px;}.isp10-feature-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}.isp10-animal-card{height:238px;}.isp10-animal-card img{max-height:238px!important;}.isp10-animal-copy{left:20px;}.isp10-product{grid-template-columns:.76fr 1.08fr .92fr;gap:19px;}.isp10-tag-stage img{max-width:430px!important;}.isp10-final-cta{padding-right:185px;}.isp10-final-dog{width:175px!important;max-width:175px!important;}
}

/* Tablet: image-first hero and horizontally browsable animal cards */
@media(max-width:860px){
  .isp-home-v10{padding-top:12px;}.isp10-shell{width:calc(100% - 32px);}.isp10-hero{min-height:0;grid-template-columns:1fr;border-radius:20px;}.isp10-hero-media{order:1;min-height:340px;height:340px;}.isp10-hero-media:before{inset:auto 0 0;width:100%;height:26%;background:linear-gradient(0deg,#fffaf1,rgba(255,250,241,.2),transparent);}.isp10-hero-media img{max-height:340px!important;object-position:52% 37%!important;}.isp10-hero-copy{order:2;padding:30px 26px 32px;background:#fffaf1;}.isp10-hero h1{font-size:56px;max-width:10ch;}.isp10-hero-copy>p{font-size:16px;}.isp10-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:13px;}.isp10-animal-grid{grid-template-columns:repeat(3,minmax(300px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;}.isp10-animal-grid::-webkit-scrollbar{display:none;}.isp10-animal-card{height:230px;scroll-snap-align:start;}.isp10-animal-card img{max-height:230px!important;}.isp10-product{grid-template-columns:1fr 1fr;}.isp10-product-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:end;}.isp10-product-copy .isp10-kicker,.isp10-product-copy h2{grid-column:1;}.isp10-product-copy p,.isp10-product-copy .isp10-text-link{grid-column:2;}.isp10-product-copy p{grid-row:1/3;align-self:end;}.isp10-tag-stage{height:270px;}.isp10-tag-stage img{max-height:238px!important;}.isp10-step-grid{grid-template-columns:1fr;}.isp10-step-arrow{display:none;}.isp10-final-cta{grid-template-columns:1fr 1fr;padding:28px 180px 28px 28px;}.isp10-final-benefits{display:none;}.isp10-final-dog{width:170px!important;max-width:170px!important;}
}

/* Phones: distinctly simplified composition */
@media(max-width:620px){
  .isp-home-v10{padding-top:8px;}.isp10-shell{width:calc(100% - 24px);}.isp10-hero{width:100%;border-radius:16px;}.isp10-hero-media{height:248px;min-height:248px;}.isp10-hero-media img{max-height:248px!important;object-position:53% 36%!important;}.isp10-hero-copy{padding:22px 16px 24px;}.isp10-eyebrow{font-size:9px;padding:6px 9px;}.isp10-hero h1{font-size:43px;margin:13px 0;}.isp10-hero-copy>p{font-size:14px;line-height:1.52;}.isp10-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px;}.isp10-btn{width:100%;min-height:48px;font-size:13px;}.isp10-feature-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}.isp10-feature{min-height:94px;grid-template-columns:34px 1fr;gap:8px;padding:10px 9px;border-radius:13px;}.isp10-feature-icon{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}.isp10-feature-icon svg{width:17px!important;height:17px!important;}.isp10-feature strong{font-size:11px;}.isp10-feature small{font-size:9px;}.isp10-animal-grid{display:flex;gap:9px;margin-right:-12px;padding-top:24px;padding-right:12px;}.isp10-animal-card{flex:0 0 86%;height:220px;}.isp10-animal-card img{width:58%!important;max-height:220px!important;}.isp10-animal-copy{left:16px;width:47%;}.isp10-animal-copy strong{font-size:19px;}.isp10-animal-copy small{font-size:10px;}.isp10-product{display:grid;grid-template-columns:1fr;padding-top:36px;gap:12px;}.isp10-product-copy{display:block;}.isp10-product-copy h2{max-width:10ch;font-size:38px;}.isp10-product-copy p{font-size:13px;}.isp10-tag-stage{height:215px;padding:5px;border-radius:18px;}.isp10-tag-stage img{max-width:320px!important;max-height:195px!important;}.isp10-colour-card{padding:14px;}.isp10-tag-option img{width:64px!important;height:46px!important;}.isp10-how{padding-top:32px;}.isp10-how-head{align-items:start;flex-direction:column;gap:5px;}.isp10-how-head h2{font-size:28px;}.isp10-step-grid{padding:8px 0 4px;}.isp10-step{grid-template-columns:25px 36px 1fr;padding:10px 9px;}.isp10-step-num{width:25px;height:25px;}.isp10-step-icon{width:36px!important;height:36px!important;}.isp10-step-icon svg{width:17px!important;height:17px!important;}.isp10-step strong{font-size:12px;}.isp10-step small{font-size:10px;}.isp10-step-detail{font-size:10px;}.isp10-final-cta{width:calc(100% - 24px);margin-inline:auto;grid-template-columns:1fr;padding:25px 17px 104px;border-radius:16px 16px 0 0;}.isp10-final-copy h2{font-size:30px;}.isp10-final-copy p{font-size:11px;}.isp10-final-actions{max-width:100%;}.isp10-final-dog{width:165px!important;max-width:165px!important;height:104px!important;max-height:104px!important;right:-10px!important;object-position:center 35%!important;}
}
@media(max-width:390px){.isp10-hero h1{font-size:39px;}.isp10-feature-grid{grid-template-columns:1fr;}.isp10-animal-card{flex-basis:91%;}}
@media(hover:none),(pointer:coarse){.isp10-btn:hover,.isp10-animal-card:hover,.isp10-tag-option:hover{transform:none;}.isp10-btn,.isp10-tag-option,.isp10-step{min-height:44px;}}
@media(prefers-reduced-motion:reduce){.isp-home-v10 *{transition:none!important;animation:none!important;scroll-behavior:auto!important;}}




/* v3.5.24.27 — compact free-trial shield sits inside the hero photograph, in the open left side. */
.isp10-hero-media .isp10-hero-trial-offer{
  position:absolute;
  z-index:3;
  left:28px;
  bottom:28px;
  width:min(330px,calc(100% - 56px));
  margin:0;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 24px;
  align-items:center;
  gap:12px;
  padding:11px 13px 11px 10px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:16px;
  background:rgba(238,250,243,.94);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#103f2e!important;
  box-shadow:0 12px 28px rgba(8,63,39,.18);
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.isp10-hero-media .isp10-hero-trial-offer:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(8,63,39,.23)}
.isp10-trial-shield{
  width:52px;
  height:59px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#20a96b,#117649);
  color:#fff;
  clip-path:polygon(50% 0,92% 14%,88% 65%,50% 100%,12% 65%,8% 14%);
  filter:drop-shadow(0 6px 10px rgba(16,101,62,.18));
}
.isp10-trial-shield b{font-size:24px;line-height:.9;font-weight:950;letter-spacing:-.05em}
.isp10-trial-shield small{margin-top:4px;font-size:8px;line-height:1;font-weight:950;letter-spacing:.08em}
.isp10-trial-copy strong,.isp10-trial-copy small{display:block}
.isp10-trial-copy strong{font-size:16px;line-height:1.1;font-weight:950;color:#0f5137}
.isp10-trial-copy small{margin-top:4px;font-size:10px;line-height:1.35;font-weight:720;color:#49685b}
.isp10-trial-arrow{font-size:20px;font-weight:900;color:#168a55;text-align:center}
.isp10-step{display:grid;text-decoration:none!important}
.isp10-step:visited{color:var(--isp10-ink)}
@media(max-width:860px){
  .isp10-hero-media .isp10-hero-trial-offer{left:18px;bottom:18px;width:min(310px,calc(100% - 36px))}
}
@media(max-width:620px){
  .isp10-hero-media .isp10-hero-trial-offer{left:12px;bottom:12px;width:min(270px,calc(100% - 24px));grid-template-columns:46px minmax(0,1fr) 18px;gap:8px;padding:9px 10px 9px 8px;border-radius:13px}
  .isp10-trial-shield{width:43px;height:49px}
  .isp10-trial-shield b{font-size:20px}.isp10-trial-shield small{font-size:7px}
  .isp10-trial-copy strong{font-size:13px}.isp10-trial-copy small{font-size:8.5px}
  .isp10-trial-arrow{font-size:16px}
}