@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500;6..96,600&family=DM+Sans:wght@400;500;600;700;800&display=swap");
:root { --navy: #082c72; --blue: #227dcc; --cream: #fcf8f2; --yellow: #fff165; --line: #9ba4b6; --serif: "Bodoni Moda",Georgia,serif; --sans: "DM Sans",Arial,sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--cream); color: var(--navy); font-family: var(--sans); margin: 0px; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.reference-page { background: var(--cream); min-width: 320px; overflow: hidden; }
.ticker { white-space: nowrap; background: var(--yellow); height: 28px; color: var(--navy); letter-spacing: 0.035em; text-transform: uppercase; border-bottom: 1px solid rgb(214, 199, 94); align-items: center; gap: 64px; font-size: 10px; font-weight: 800; display: flex; overflow: hidden; }
.ticker span { flex: 0 0 auto; }
.proof-hero { grid-template-columns: minmax(400px, 1fr) 440px; align-items: start; gap: 62px; width: min(1155px, 100% - 80px); margin: 0px auto; padding: 10px 0px 52px; display: grid; }
.proof-copy { max-width: 600px; padding-top: 4px; }
.proof-rating { min-height: 23px; color: var(--navy); letter-spacing: 0.02em; align-items: center; gap: 8px; font-size: 10px; font-weight: 800; display: flex; }
.proof-rating span { color: rgb(240, 195, 20); letter-spacing: 1px; font-size: 16px; }
.proof-copy h1 { max-width: 590px; color: var(--navy); font: 500 clamp(43px,4vw,58px)/.875 var(--serif); letter-spacing: -0.075em; margin: 13px 0px; }
.proof-copy h1 .headline-statement { display: block; }
.proof-copy h1 mark { color: inherit; background: linear-gradient(transparent 51%,var(--yellow)51%); padding: 0px 0.025em; }
.setup-line { letter-spacing: -0.03em; margin: 0px 0px 17px; font-size: 15px; }
.not-enough-list, .yes-list, .reason-copy ul { margin: 0px; padding: 0px; list-style: none; }
.not-enough-list { gap: 8px; margin-bottom: 26px; display: grid; }
.not-enough-list li { align-items: center; gap: 9px; font-size: 12px; font-weight: 700; display: flex; }
.not-enough-list li > span { border: 1.4px solid var(--navy); border-radius: 50%; place-items: center; width: 19px; height: 19px; display: grid; }
.contrast-line { width: fit-content; color: var(--navy); background: linear-gradient(transparent 48%,var(--yellow)48%); font: 500 23px/.98 var(--serif); letter-spacing: -0.045em; margin: 0px 0px 16px; padding: 0px 0.035em; }
.yes-list { gap: 8px; display: grid; }
.yes-list li, .reason-copy li { color: var(--navy); align-items: flex-start; gap: 9px; font-size: 12px; font-weight: 700; line-height: 1.27; display: flex; }
.check-round { background: var(--yellow); border: 1px solid var(--navy); width: 21px; height: 21px; color: var(--navy); border-radius: 50%; flex: 0 0 auto; place-items: center; margin-top: -2px; display: grid; }
.vet-signal { border: 1px solid var(--navy); max-width: 530px; height: 86px; color: var(--navy); background: rgb(255, 255, 255); border-radius: 9px; justify-content: center; align-items: center; gap: 13px; margin-top: 18px; display: flex; }
.award-badge { width: 49px; height: 49px; color: var(--navy); background: var(--yellow); border: 1px solid var(--navy); box-shadow: 3px 3px 0 var(--blue); border-radius: 50%; flex: 0 0 auto; place-items: center; display: grid; position: relative; }
.award-badge::before, .award-badge::after { content: ""; z-index: -1; background: var(--blue); border: 1px solid var(--navy); width: 13px; height: 18px; position: absolute; bottom: -12px; }
.award-badge::before { left: 8px; transform: rotate(18deg); }
.award-badge::after { right: 8px; transform: rotate(-18deg); }
.award-badge svg { position: absolute; top: 6px; }
.award-badge span { letter-spacing: -0.04em; margin-top: 20px; font-size: 9px; font-weight: 900; }
.vet-signal strong { letter-spacing: -0.03em; font-size: 15px; font-weight: 800; display: block; }
.vet-signal small { margin-top: 2px; font-size: 10px; font-weight: 600; display: block; }
.hero-media-column { padding-top: 0px; }
.hero-video-stage { border: 2px solid var(--navy); background: rgb(5, 5, 5); border-radius: 4px; height: 660px; position: relative; overflow: hidden; }
.hero-video-stage video { object-fit: cover; width: 100%; height: 100%; }
.video-blank { background: rgb(5, 5, 5); position: absolute; inset: 0px; }
.video-play { color: var(--yellow); background: 0px 0px; border: 0px; padding: 0px; transition: transform 0.18s; position: absolute; bottom: 19px; left: 19px; }
.video-play:hover { transform: scale(1.08); }
.video-replace-note { color: rgba(255, 255, 255, 0.72); letter-spacing: 0.12em; font-size: 9px; font-weight: 800; position: absolute; bottom: 22px; right: 21px; }
.expert-strip { width: min(1420px, 100% - 20px); margin: 10px 0px 66px auto; position: relative; }
.expert-scroll { scrollbar-width: none; scroll-snap-type: x mandatory; grid-auto-columns: 260px; grid-auto-flow: column; gap: 11px; padding: 0px 0px 8px; display: grid; overflow-x: auto; }
.expert-scroll::-webkit-scrollbar { display: none; }
.expert-card { scroll-snap-align: start; background: rgb(255, 255, 255); border: 1px solid rgb(211, 214, 221); border-radius: 9px; min-height: 169px; padding: 16px 15px 13px; }
.expert-card > span { color: rgb(230, 189, 34); letter-spacing: 1px; font-size: 14px; }
.expert-card p { color: var(--navy); margin: 9px 0px 10px; font-size: 11px; font-weight: 600; line-height: 1.39; }
.expert-card strong { font-size: 11px; font-weight: 800; }
.expert-controls { gap: 7px; display: flex; position: absolute; top: -38px; right: 0px; }
.expert-controls button { border: 1px solid var(--navy); width: 31px; height: 31px; color: var(--navy); background: 0px 0px; place-items: center; display: grid; }
.expert-controls button:hover { background: var(--navy); color: rgb(255, 255, 255); }
.reasons-heading { text-align: center; padding: 0px 20px 48px; }
.reasons-heading h2 { max-width: 750px; font: 500 clamp(38px,4.2vw,55px)/.92 var(--serif); letter-spacing: -0.075em; margin: 0px auto; }
.reasons-heading h2 mark { color: inherit; background: linear-gradient(transparent 51%,var(--yellow)51%); padding: 0px 0.035em; }
.reason-stack { gap: 72px; width: min(1100px, 100% - 40px); margin: 0px auto; padding-bottom: 120px; display: grid; }
.reason-card { border: 1px solid var(--navy); grid-template-columns: 1fr 1fr; min-height: 462px; display: grid; }
.reason-card.right .reason-art { order: 2; }
.reason-art { background: rgb(233, 241, 247); min-height: 430px; position: relative; overflow: hidden; }
.reason-art img, .reason-art video { object-fit: cover; width: 100%; height: 100%; display: block; }
.reason-art img { mix-blend-mode: multiply; }
.reason-art b { color: var(--blue); font: 500 98px/.65 var(--serif); letter-spacing: -0.1em; position: absolute; bottom: 17px; left: 19px; }
.reason-copy { background: var(--cream); flex-direction: column; justify-content: center; padding: 55px 54px; display: flex; }
.reason-copy > p { color: var(--blue); text-transform: uppercase; letter-spacing: 0.12em; margin: 0px 0px 12px; font-size: 10px; font-weight: 800; }
.reason-title { white-space: pre-line; color: var(--navy); font: 500 clamp(37px,4vw,58px)/.88 var(--serif); letter-spacing: -0.07em; margin: 0px; }
.reason-title span { display: block; }
.reason-title--first { font-size: 43px; line-height: 0.92; }
.reason-title--first .reason-title-support { letter-spacing: -0.055em; margin-top: 8px; font-size: 32px; line-height: 0.98; }
.reason-title--second { font-size: 40px; line-height: 0.91; }
.reason-title--third, .reason-title--fourth, .reason-title--fifth { letter-spacing: -0.06em; font-size: 32px; line-height: 0.94; }
.reason-rule { background: var(--yellow); width: 53px; height: 2px; margin: 25px 0px 14px; }
.reason-description { max-width: 365px; color: var(--navy); font-size: 13px; line-height: 1.42; }
.reason-description--first { max-width: 390px; font-size: 15px; line-height: 1.46; }
.reason-description--second { white-space: pre-line; max-width: 395px; font-size: 15px; line-height: 1.48; }
.reason-description--third { max-width: 395px; font-size: 14px; line-height: 1.45; }
.reason-copy ul { gap: 8px; margin-top: 19px; display: grid; }
.reason-copy li { font-size: 11px; }
.reason-copy .check-round { width: 17px; height: 17px; }
.happy-paws-section { color: var(--navy); background: rgb(234, 253, 255); padding: clamp(58px, 7vw, 94px) 20px clamp(42px, 6vw, 76px); overflow: hidden; }
.happy-paws-inner { width: min(1120px, 100%); margin: 0px auto; }
.happy-paws-heading { text-align: center; }
.happy-paws-kicker { color: var(--blue); letter-spacing: 0.12em; text-transform: uppercase; margin: 0px 0px 8px; font-size: 10px; font-weight: 800; }
.happy-paws-heading h2 { color: var(--navy); font: 500 clamp(39px,4.2vw,57px)/.93 var(--serif); letter-spacing: -0.07em; margin: 0px; }
.happy-paws-filters { margin: 32px 0px 10px; }
.happy-paws-tabs { flex-wrap: wrap; justify-content: center; gap: 12px 29px; display: flex; }
.happy-paws-tabs button { color: var(--navy); opacity: 0.55; background: 0px 0px; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: none; padding: 4px 0px 7px; font-size: 13px; font-weight: 600; transition: opacity 0.18s, border-color 0.18s; }
.happy-paws-tabs button:hover, .happy-paws-tabs button.is-active { border-bottom-color: var(--navy); opacity: 1; }
.happy-paws-tabs button.is-active { font-weight: 800; }
.happy-paws-select { display: none; }
.happy-paws-stage { margin-top: 12px; position: relative; }
.happy-paws-wall-wrap { isolation: isolate; height: 520px; position: relative; overflow: hidden; }
.happy-paws-wall { width: 100%; }
.happy-paws-wall--desktop { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; display: grid; }
.happy-paws-wall--mobile { display: none; }
.happy-paws-column { min-width: 0px; animation: happyPawsRise 32s linear infinite var(--review-delay,0s); flex-direction: column; gap: 14px; display: flex; }
.happy-paws-wall-wrap:hover .happy-paws-column, .happy-paws-wall-wrap:hover .happy-paws-wall--mobile { animation-play-state: paused; }
@keyframes happyPawsRise { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-50%); }
}
.happy-paws-card { color: rgb(41, 41, 41); background: rgb(255, 255, 255); border: 1px solid rgb(221, 229, 232); border-radius: 8px; min-width: 0px; padding: 16px 16px 13px; font-family: Arial, sans-serif; transition: transform 0.2s; }
.happy-paws-card:hover { transform: scale(1.015); }
.happy-paws-card-head { align-items: center; gap: 10px; display: flex; }
.happy-paws-avatar { color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 36px; height: 36px; font-size: 13px; font-weight: 800; display: grid; }
.happy-paws-card-head > div { flex-direction: column; gap: 2px; min-width: 0px; display: flex; }
.happy-paws-card-head strong { color: rgb(41, 41, 41); font-size: 13px; line-height: 1.2; }
.happy-paws-card-head span:not(.happy-paws-avatar) { color: rgb(113, 113, 113); font-size: 10px; line-height: 1.25; }
.happy-paws-card > p { color: rgb(41, 41, 41); margin: 11px 0px 10px; font-size: 13px; font-weight: 400; line-height: 1.48; }
.happy-paws-actions { color: rgb(107, 107, 107); flex-wrap: wrap; align-items: center; gap: 2px 8px; font-size: 11px; font-weight: 600; display: flex; }
.happy-paws-actions span { color: rgb(34, 125, 204); }
.happy-paws-actions i { color: rgb(188, 192, 196); font-style: normal; }
.happy-paws-actions b { color: rgb(107, 107, 107); font-weight: 600; }
.happy-paws-fade { z-index: 4; pointer-events: none; position: absolute; left: 0px; right: 0px; }
.happy-paws-fade--top { background: linear-gradient(rgb(234, 253, 255), rgba(234, 253, 255, 0.82) 40%, rgba(234, 253, 255, 0)); height: 76px; top: 0px; }
.happy-paws-fade--bottom { backdrop-filter: blur(5px); background: linear-gradient(rgba(234, 253, 255, 0), rgba(255, 255, 255, 0.64) 48%, rgba(255, 255, 255, 0.95) 78%, rgb(255, 255, 255)); height: 186px; bottom: 0px; }
.happy-paws-feature { z-index: 5; border: 2px solid var(--navy); text-align: center; background: rgb(255, 255, 255); border-radius: 5px; width: min(640px, 100% - 24px); margin: -89px auto 0px; padding: clamp(20px, 2.6vw, 28px); position: relative; box-shadow: rgba(255, 255, 255, 0.9) 0px -27px 40px 18px, rgba(255, 255, 255, 0.72) 0px -8px 24px 4px; }
.happy-paws-feature blockquote { color: var(--navy); font: 800 clamp(23px,2.7vw,34px)/1.18 var(--sans); letter-spacing: 0.015em; text-transform: uppercase; margin: 0px 0px 10px; }
.happy-paws-feature mark { color: inherit; background: linear-gradient(120deg, rgb(255, 242, 128) 0%, rgb(255, 242, 128) 100%); padding: 0px 3px; }
.happy-paws-feature figcaption { color: var(--navy); letter-spacing: 0.06em; text-transform: uppercase; font-size: 11px; font-weight: 800; }
.ugc-section { background: var(--cream); padding: clamp(56px, 7vw, 90px) 20px clamp(50px, 7vw, 88px); overflow: hidden; }
.ugc-inner { width: min(1140px, 100%); margin: 0px auto; }
.ugc-section h2 { max-width: 650px; color: var(--navy); text-align: center; font: 500 clamp(39px,4.1vw,56px)/.94 var(--serif); letter-spacing: -0.07em; margin: 0px auto clamp(26px, 3.5vw, 39px); }
.ugc-carousel { position: relative; }
.ugc-track { scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 20px; padding: 0px 0px 10px; display: flex; overflow-x: auto; }
.ugc-track::-webkit-scrollbar { display: none; }
.ugc-card { aspect-ratio: 9 / 16; border: 1px solid var(--navy); scroll-snap-align: start; background: rgb(23, 38, 66); flex: 0 0 calc(25% - 15px); min-width: 0px; position: relative; overflow: hidden; }
.ugc-card video { object-fit: cover; cursor: pointer; width: 100%; height: 100%; transition: transform .35s var(--ease-out,cubic-bezier(.23,1,.32,1)); display: block; }
.ugc-card:hover video { transform: scale(1.025); }
.ugc-card::after { content: ""; pointer-events: none; background: linear-gradient(rgba(8, 44, 114, 0) 55%, rgba(8, 44, 114, 0.2)); position: absolute; inset: 0px; }
.ugc-play { z-index: 2; width: 58px; height: 58px; color: var(--yellow); background: rgba(255, 255, 255, 0.93); border: 0px; border-radius: 50%; place-items: center; padding: 0px; transition: transform 0.18s, opacity 0.18s; display: grid; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ugc-play:hover { transform: translate(-50%, -50%) scale(1.08); }
.ugc-card.is-playing .ugc-play { opacity: 0; pointer-events: none; }
.ugc-controls { justify-content: center; gap: 10px; margin-top: 23px; display: flex; }
.ugc-controls button { border: 1px solid var(--navy); background: var(--navy); color: rgb(255, 255, 255); border-radius: 50%; place-items: center; width: 37px; height: 37px; padding: 0px; transition: transform 0.18s, background 0.18s, color 0.18s; display: grid; }
.ugc-controls button:hover { background: var(--yellow); color: var(--navy); transform: scale(1.06); }
.comparison { text-align: center; background: rgb(246, 244, 238); padding: 90px 20px 110px; }
.comparison h2 { font: 500 clamp(40px,4.4vw,57px)/.9 var(--serif); letter-spacing: -0.07em; margin: 0px auto 13px; }
.comparison > p { max-width: 470px; margin: 0px auto 32px; font-size: 13px; line-height: 1.4; }
.comparison-wrap { background: rgb(255, 255, 255); border: 1px solid rgb(200, 203, 208); width: min(1020px, 100%); margin: auto; overflow: auto; }
table { border-collapse: collapse; text-align: left; width: 100%; min-width: 700px; color: var(--navy); }
th, td { border-bottom: 1px solid rgb(200, 203, 208); padding: 15px 17px; }
thead { letter-spacing: 0.04em; font-size: 10px; font-weight: 800; }
thead th { background: rgb(237, 244, 248); }
thead th:last-child, tbody td:last-child { background: rgb(217, 239, 255); }
tbody th { text-transform: uppercase; letter-spacing: 0.04em; font-size: 11px; }
td { font-size: 11px; font-weight: 600; line-height: 1.25; }
td svg { vertical-align: middle; color: rgb(168, 174, 185); margin: -2px 6px 0px 0px; }
td:last-child svg { color: var(--blue); }
.middle-dot { background: var(--navy); border-radius: 50%; width: 5px; height: 5px; margin: 0px 7px 2px 0px; display: inline-block; }
.risk-free-section { color: var(--navy); background: var(--cream); padding: clamp(64px, 8vw, 106px) 20px; }
.risk-free-inner { width: min(980px, 100%); margin: 0px auto; }
.risk-free-card { text-align: center; border: 1px solid var(--navy); background: rgb(233, 251, 251); border-radius: 13px; padding: clamp(44px, 5vw, 62px) clamp(20px, 4vw, 46px) clamp(32px, 4.5vw, 48px); position: relative; overflow: visible; box-shadow: rgba(8, 44, 114, 0.12) 7px 8px; }
.risk-free-card::before { content: ""; pointer-events: none; opacity: 0.7; background-image: radial-gradient(circle at 20% 30%, rgba(8, 44, 114, 0.1) 0px, rgba(8, 44, 114, 0.1) 1.1px, rgba(0, 0, 0, 0) 1.7px), radial-gradient(circle at 70% 65%, rgba(8, 44, 114, 0.08) 0px, rgba(8, 44, 114, 0.08) 1.1px, rgba(0, 0, 0, 0) 1.7px); background-size: 46px 46px; position: absolute; inset: 0px; }
.risk-free-card > * { z-index: 1; position: relative; }
.risk-free-eyebrow { border: 1px solid var(--navy); color: var(--navy); background: var(--yellow); letter-spacing: 0.09em; text-transform: uppercase; white-space: nowrap; border-radius: 999px; margin: 0px; padding: 10px 21px; font-size: 11px; font-weight: 900; position: absolute; top: 0px; left: 50%; transform: translate(-50%, -50%); }
.risk-free-card h2 { max-width: 710px; font: 500 clamp(35px,4vw,52px)/.96 var(--serif); letter-spacing: -0.06em; margin: 0px auto 13px; }
.risk-free-sub { max-width: 630px; margin: 0px auto 31px; font-size: 15px; font-weight: 600; line-height: 1.5; }
.risk-free-points { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 13px; margin-bottom: 31px; display: grid; }
.risk-free-point { border: 1px solid var(--navy); background: rgba(255, 255, 255, 0.72); border-radius: 10px; min-height: 177px; padding: 20px 16px 18px; }
.risk-free-point--highlight { background: var(--yellow); }
.risk-free-check { color: rgb(255, 255, 255); background: var(--navy); border-radius: 50%; place-items: center; width: 30px; height: 30px; margin: 0px auto 12px; display: grid; }
.risk-free-point h3 { margin: 0px 0px 7px; font-size: 15px; font-weight: 900; line-height: 1.18; }
.risk-free-point p { margin: 0px; font-size: 12px; font-weight: 600; line-height: 1.43; }
.risk-free-why { max-width: 640px; margin: 0px auto; }
.risk-free-why h3 { font: 500 clamp(23px,2.5vw,29px)/1 var(--serif); letter-spacing: -0.035em; margin: 0px 0px 8px; }
.risk-free-why p { margin: 0px; font-size: 14px; font-weight: 600; line-height: 1.52; }
.risk-free-cta { color: rgb(255, 255, 255); background: var(--navy); letter-spacing: 0.055em; align-items: center; gap: 16px; min-height: 53px; margin-top: 25px; padding: 0px 20px 0px 23px; font-size: 12px; font-weight: 900; transition: background 0.18s, transform 0.18s; display: inline-flex; }
.risk-free-cta:hover { color: rgb(255, 255, 255); background: var(--blue); transform: translateY(-2px); }
.risk-free-cta span { color: var(--yellow); font-size: 21px; }
.faq-section { color: var(--navy); background: rgb(246, 244, 238); padding: clamp(68px, 8vw, 108px) 20px 128px; }
.faq-section-inner { width: min(1080px, 100%); margin: 0px auto; }
.faq-section-heading { text-align: center; max-width: 700px; margin: 0px auto 39px; }
.faq-section-heading > p { color: var(--blue); letter-spacing: 0.14em; margin: 0px 0px 10px; font-size: 10px; font-weight: 900; }
.faq-section-heading h2 { font: 500 clamp(40px,4.35vw,58px)/.92 var(--serif); letter-spacing: -0.07em; margin: 0px; }
.faq-section-heading > span { max-width: 520px; margin: 17px auto 0px; font-size: 14px; font-weight: 600; line-height: 1.46; display: block; }
.faq-grid { border-top: 1px solid rgba(8, 44, 114, 0.45); grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 30px; display: grid; }
.faq-entry { border-bottom: 1px solid rgba(8, 44, 114, 0.45); }
.faq-entry-question { width: 100%; min-height: 76px; color: var(--navy); text-align: left; background: 0px 0px; border: 0px; justify-content: space-between; align-items: center; gap: 18px; padding: 17px 3px 17px 0px; font-size: 15px; font-weight: 800; line-height: 1.27; transition: color 0.18s; display: flex; }
.faq-entry-question:hover { color: var(--blue); }
.faq-entry-question i { border: 1px solid var(--navy); width: 27px; height: 27px; color: var(--navy); font: 400 23px/1 var(--sans); transition: transform .2s var(--ease-out,cubic-bezier(.23,1,.32,1)),background .2s ease,color .2s ease; border-radius: 50%; flex: 0 0 auto; place-items: center; display: grid; }
.faq-entry.is-open .faq-entry-question i { color: rgb(255, 255, 255); background: var(--navy); transform: rotate(45deg); }
.faq-entry-answer { transition: grid-template-rows .25s var(--ease-out,cubic-bezier(.23,1,.32,1)); grid-template-rows: 0fr; display: grid; }
.faq-entry.is-open .faq-entry-answer { grid-template-rows: 1fr; }
.faq-entry-answer > div { min-height: 0px; overflow: hidden; }
.faq-entry-answer p { color: rgba(8, 44, 114, 0.84); opacity: 0; transition: opacity .17s ease,transform .2s var(--ease-out,cubic-bezier(.23,1,.32,1)),padding .25s var(--ease-out,cubic-bezier(.23,1,.32,1)); margin: 0px; padding: 0px 31px 0px 0px; font-size: 13px; font-weight: 600; line-height: 1.55; transform: translateY(-4px); }
.faq-entry.is-open .faq-entry-answer p { opacity: 1; padding: 0px 31px 22px 0px; transform: none; }
.faq-claim-cta { color: rgb(255, 255, 255); background: var(--navy); letter-spacing: 0.08em; justify-content: space-between; align-items: center; width: min(380px, 100%); min-height: 62px; margin: 39px auto 0px; padding: 0px 22px 0px 25px; font-size: 14px; font-weight: 900; transition: background 0.18s, transform 0.18s, box-shadow 0.18s; display: flex; box-shadow: rgba(8, 44, 114, 0.16) 5px 6px; }
.faq-claim-cta:hover { color: rgb(255, 255, 255); background: var(--blue); transform: translate(-2px, -2px); box-shadow: rgba(8, 44, 114, 0.13) 7px 8px; }
.faq-claim-cta:active { transform: translate(1px, 1px) scale(0.98); box-shadow: rgba(8, 44, 114, 0.13) 2px 2px; }
.faq-claim-cta i { color: var(--yellow); font-size: 29px; font-style: normal; line-height: 1; }
.end-cta { color: var(--navy); background: var(--cream); padding: clamp(58px, 7vw, 96px) 20px; }
.end-cta__inner { width: min(1160px, 100%); margin: 0px auto; }
.offer-sale-bar { min-height: 72px; color: var(--navy); background: var(--yellow); border: 1px solid var(--navy); justify-content: space-between; align-items: center; gap: 16px; padding: 10px 13px 10px 20px; display: flex; }
.offer-sale-bar__copy { letter-spacing: 0.095em; align-items: center; gap: 8px; font-size: 11px; font-weight: 900; display: flex; }
.offer-sale-bar__copy i { font-style: normal; }
.offer-sale-bar__pulse { background: rgb(230, 95, 61); border-radius: 50%; flex: 0 0 auto; width: 8px; height: 8px; box-shadow: rgba(230, 95, 61, 0.18) 0px 0px 0px 4px; }
.offer-countdown { align-items: center; gap: 5px; display: flex; }
.offer-countdown span { color: rgb(255, 255, 255); background: var(--navy); justify-items: center; width: 43px; padding: 5px 2px 4px; display: grid; }
.offer-countdown strong { letter-spacing: 0.04em; font-size: 17px; line-height: 1; }
.offer-countdown small { letter-spacing: 0.09em; margin-top: 2px; font-size: 7px; font-weight: 900; }
.offer-product-card { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background: rgb(255, 255, 255); border-top: 0px; grid-template-columns: minmax(0px, 1.05fr) minmax(340px, 0.95fr); display: grid; box-shadow: rgba(8, 44, 114, 0.13) 8px 9px; }
.offer-product-gallery { border-right: 1px solid var(--navy); background: rgb(237, 244, 248); min-width: 0px; padding: clamp(14px, 2vw, 24px); }
.offer-product-image { aspect-ratio: 1 / 1; background: rgb(220, 229, 238); position: relative; overflow: hidden; }
.offer-product-image > img { object-fit: cover; width: 100%; height: 100%; display: block; }
.offer-product-thumbnails { gap: 9px; margin-top: 12px; display: flex; }
.offer-product-thumbnails button { opacity: 0.56; background: rgb(255, 255, 255); border: 1px solid rgb(148, 161, 174); width: 58px; height: 58px; padding: 0px; transition: opacity 0.18s, border-color 0.18s, transform 0.18s; overflow: hidden; }
.offer-product-thumbnails button.is-active, .offer-product-thumbnails button:hover { opacity: 1; border: 2px solid var(--navy); transform: translateY(-2px); }
.offer-product-thumbnails img { object-fit: cover; width: 100%; height: 100%; }
.offer-product-details { flex-direction: column; justify-content: center; padding: clamp(32px, 4.5vw, 58px) clamp(24px, 4.2vw, 54px); display: flex; }
.offer-product-details__eyebrow { color: var(--blue); letter-spacing: 0.13em; margin: 0px 0px 10px; font-size: 10px; font-weight: 900; }
.offer-product-rating { color: var(--navy); align-items: center; gap: 6px; margin-bottom: 14px; font-size: 10px; display: flex; }
.offer-product-rating span { color: rgb(224, 198, 44); letter-spacing: -0.08em; font-size: 15px; }
.offer-product-rating strong { font-weight: 900; }
.offer-product-rating small { letter-spacing: 0.025em; font-size: 9px; font-weight: 800; }
.offer-product-details h2 { font: 500 clamp(41px,4.05vw,57px)/.98 var(--serif); letter-spacing: -0.07em; margin: 0px; }
.offer-product-details h2 > span { display: block; }
.offer-product-details h2 mark { color: var(--navy); background: var(--yellow); margin-top: 9px; padding: 0px 0.04em; display: block; }
.offer-product-details__description { max-width: 420px; margin: 22px 0px 0px; font-size: 13px; font-weight: 600; line-height: 1.5; }
.offer-stock { border: 1px solid var(--navy); background: rgb(255, 249, 204); align-items: flex-start; gap: 10px; margin: 24px 0px; padding: 12px 13px; display: flex; }
.offer-stock__icon { color: rgb(255, 255, 255); background: var(--navy); width: 19px; height: 19px; font: 800 13px/1 var(--sans); border-radius: 50%; flex: 0 0 auto; place-items: center; display: grid; }
.offer-stock p { margin: 0px; font-size: 11px; line-height: 1.34; }
.offer-claim { color: rgb(255, 255, 255); background: var(--navy); letter-spacing: 0.055em; justify-content: space-between; align-items: center; min-height: 64px; padding: 0px 20px 0px 23px; font-size: 15px; font-weight: 900; transition: background 0.18s, transform 0.18s; display: flex; }
.offer-claim:hover { color: rgb(255, 255, 255); background: var(--blue); transform: translateY(-2px); }
.offer-claim i { color: var(--yellow); font-size: 29px; font-style: normal; line-height: 1; }
.offer-reassurance { color: var(--navy); flex-wrap: wrap; gap: 9px 13px; margin-top: 15px; font-size: 10px; font-weight: 800; display: flex; }
.mobile-cta { display: none; }
@media (max-width: 850px) {
  .proof-hero { grid-template-columns: 1fr; gap: 26px; width: min(670px, 100% - 40px); padding: 12px 0px 42px; }
  .proof-copy { max-width: 100%; }
  .proof-copy h1 { max-width: 650px; font-size: 58px; }
  .hero-media-column { order: 2; }
  .hero-video-stage { aspect-ratio: 1 / 0.92; height: auto; }
  .expert-strip { width: calc(100% - 20px); margin-bottom: 57px; }
  .reason-card { grid-template-columns: 1fr; }
  .reason-card.right .reason-art { order: 0; }
  .reason-art { min-height: 380px; }
  .reason-copy { min-height: 390px; }
  .happy-paws-wall-wrap { height: 478px; }
  .happy-paws-wall--desktop { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .ugc-card { flex-basis: calc(50% - 10px); }
}
@media (max-width: 540px) {
  .ticker { gap: 40px; height: 29px; font-size: 8px; }
  .proof-hero { width: calc(100% - 36px); padding-top: 9px; }
  .proof-rating { gap: 5px; font-size: 8px; }
  .proof-rating span { font-size: 13px; }
  .proof-copy h1 { margin: 10px 0px 15px; font-size: 43px; }
  .setup-line { font-size: 13px; }
  .not-enough-list { gap: 7px; margin-bottom: 22px; }
  .not-enough-list li, .yes-list li { font-size: 11px; }
  .contrast-line { margin-bottom: 13px; font-size: 14px; }
  .contrast-line i { font-size: 21px; }
  .vet-signal { height: 70px; margin-top: 17px; }
  .vet-signal strong { font-size: 13px; }
  .hero-video-stage { aspect-ratio: 1 / 0.98; border-width: 1px; }
  .expert-strip { margin-top: 0px; }
  .expert-scroll { grid-auto-columns: 252px; gap: 9px; }
  .expert-card { min-height: 167px; }
  .expert-controls { display: none; }
  .reasons-heading { padding: 0px 22px 34px; }
  .reasons-heading h2 { font-size: 39px; }
  .reason-stack { gap: 45px; width: calc(100% - 36px); padding-bottom: 72px; }
  .reason-art { min-height: 315px; }
  .reason-art b { font-size: 75px; }
  .reason-copy { min-height: 0px; padding: 38px 27px 40px; }
  .reason-title { font-size: 43px; }
  .reason-title--first { font-size: 40px; }
  .reason-title--first .reason-title-support { font-size: 28px; }
  .reason-title--second { font-size: 36px; }
  .reason-title--third, .reason-title--fourth, .reason-title--fifth { font-size: 32px; }
  .reason-description--first, .reason-description--second { font-size: 14px; }
  .reason-description--third { font-size: 13px; }
  .happy-paws-section { padding: 63px 16px 38px; }
  .happy-paws-heading h2 { font-size: 42px; }
  .happy-paws-filters { margin-top: 25px; }
  .happy-paws-tabs { display: none; }
  .happy-paws-select { color: var(--navy); align-items: baseline; gap: 7px; font-size: 14px; display: inline-flex; position: relative; left: 50%; transform: translate(-50%); }
  .happy-paws-select > span { opacity: 0.55; }
  .happy-paws-select select { border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 2px solid var(--navy); color: var(--navy); font: 800 14px var(--sans); background: 0px 0px; border-radius: 0px; outline: 0px; padding: 0px 2px 3px; }
  .happy-paws-wall-wrap { height: 440px; }
  .happy-paws-wall--desktop { display: none; }
  .happy-paws-wall--mobile { flex-direction: column; gap: 14px; animation: 28s linear 0s infinite normal none running happyPawsRise; display: flex; }
  .happy-paws-card { padding: 15px 14px 13px; }
  .happy-paws-card > p { font-size: 12px; }
  .happy-paws-fade--top { height: 62px; }
  .happy-paws-feature { width: calc(100% - 14px); margin-top: -76px; padding: 19px 15px; }
  .happy-paws-feature blockquote { font-size: 22px; }
  .happy-paws-feature figcaption { font-size: 10px; }
  .ugc-section { padding: 62px 16px 56px; }
  .ugc-section h2 { max-width: 330px; margin-bottom: 27px; font-size: 42px; }
  .ugc-track { gap: 12px; margin: 0px -16px; padding: 0px calc(50% - (0.5 * min(66vw, 252px))) 12px; }
  .ugc-card { flex-basis: min(66vw, 252px); }
  .ugc-play { width: 53px; height: 53px; }
  .ugc-controls { display: none; }
  .comparison { padding: 70px 18px 86px; }
  .comparison h2 { font-size: 42px; }
  .risk-free-section { padding: 72px 16px 86px; }
  .risk-free-card { padding: 42px 16px 30px; }
  .risk-free-card h2 { font-size: 39px; }
  .risk-free-sub { margin-bottom: 24px; font-size: 13px; }
  .risk-free-points { grid-template-columns: 1fr; gap: 10px; margin-bottom: 24px; }
  .risk-free-point { min-height: 0px; padding: 18px 15px 17px; }
  .risk-free-point p { max-width: 300px; margin: 0px auto; }
  .risk-free-why h3 { font-size: 25px; }
  .risk-free-why p { font-size: 13px; }
  .risk-free-cta { min-height: 54px; margin-top: 23px; font-size: 11px; }
  .faq-section { padding: 72px 18px 96px; }
  .faq-section-heading { margin-bottom: 30px; }
  .faq-section-heading h2 { font-size: 42px; }
  .faq-section-heading > span { margin-top: 14px; font-size: 13px; }
  .faq-grid { grid-template-columns: 1fr; column-gap: 0px; }
  .faq-entry-question { min-height: 68px; padding: 15px 0px; font-size: 14px; }
  .faq-entry-question i { width: 25px; height: 25px; font-size: 21px; }
  .faq-entry-answer p { padding-right: 8px; font-size: 12px; }
  .faq-entry.is-open .faq-entry-answer p { padding: 0px 8px 19px 0px; }
  .faq-claim-cta { min-height: 58px; margin-top: 30px; font-size: 13px; }
  .end-cta { padding: 54px 16px 82px; }
  .offer-sale-bar { text-align: center; justify-items: center; gap: 10px; min-height: 0px; padding: 13px 12px; display: grid; }
  .offer-sale-bar__copy { font-size: 9px; }
  .offer-countdown span { width: 50px; padding-top: 7px; }
  .offer-product-card { grid-template-columns: 1fr; box-shadow: rgba(8, 44, 114, 0.12) 5px 6px; }
  .offer-product-gallery { border-right: 0px; border-bottom: 1px solid var(--navy); padding: 12px; }
  .offer-product-thumbnails button { width: 50px; height: 50px; }
  .offer-product-details { padding: 31px 20px 28px; }
  .offer-product-details h2 { font-size: 43px; line-height: 0.98; }
  .offer-product-details h2 mark { margin-top: 8px; }
  .offer-product-details__description { margin-top: 18px; font-size: 12px; }
  .offer-stock { margin: 20px 0px; }
  .offer-claim { min-height: 60px; font-size: 13px; }
  .offer-reassurance { gap: 6px 10px; font-size: 9px; }
  .mobile-cta { z-index: 30; background: var(--navy); color: rgb(255, 255, 255); letter-spacing: 0.06em; justify-content: space-between; align-items: center; height: 51px; padding: 0px 18px; font-size: 12px; font-weight: 800; display: flex; position: fixed; bottom: 12px; left: 12px; right: 12px; box-shadow: rgba(8, 44, 114, 0.32) 0px 4px 16px; }
}
@media (prefers-reduced-motion: no-preference) {
  .proof-copy { animation: 0.55s ease-out 0s 1 normal both running fadeUp; }
  .hero-media-column { animation: 0.65s ease-out 80ms 1 normal both running fadeUp; }
  @keyframes fadeUp { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }
}
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }
}
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
}
@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
  100% { height: 0px; }
}
@keyframes caret-blink { 
  0%, 70%, 100% { opacity: 1; }
  20%, 50% { opacity: 0; }
}