:root{color-scheme:light;--ink:#243a35;--muted:#597069;--mint:#e9f4ec;--accent:#26735c;--border:#d8e5de;--cream:#faf9f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}.container{max-width:1120px;margin:auto;padding:0 26px}.site-header{border-bottom:1px solid var(--border);background:#fff}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand{font-weight:800;display:flex;gap:12px;align-items:center;font-size:20px;line-height:1.15}.brand small{display:block;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}.brand-symbol{font-size:36px;color:var(--accent)}nav{display:flex;gap:27px;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:650}nav a:hover,a:focus{color:var(--accent)}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:8px;background:white;z-index:2}.hero{padding-top:100px;padding-bottom:95px;background:radial-gradient(circle at 100% 0%,#e9f4ec,transparent 48%)}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;color:var(--accent);margin-bottom:20px}.hero h1{font-size:clamp(42px,6.5vw,76px);letter-spacing:-.055em;line-height:1.08;max-width:820px;margin:0 0 27px}.hero p{max-width:580px;color:var(--muted);font-size:19px}.button{display:inline-flex;background:var(--accent);color:#fff!important;text-decoration:none;border-radius:7px;padding:13px 22px;font-weight:750;margin-top:20px}.button:hover{background:#1a5846}.prototype{font-size:12px!important;margin-top:22px}.section{padding-top:90px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-head p{max-width:300px;color:var(--muted)}h2{font-size:clamp(30px,3.5vw,43px);letter-spacing:-.045em;line-height:1.15;margin:0 0 16px}h3{font-size:21px;letter-spacing:-.025em;line-height:1.25}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{border:1px solid var(--border);border-radius:14px;padding:28px;min-height:295px}.card p,.narrow p{color:var(--muted)}.tag{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em}.coming{font-size:13px;color:var(--muted);font-weight:650}.resources{background:var(--mint);padding:75px 0}.resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.resources p{color:var(--muted)}.resource-box{background:white;border-radius:13px;padding:30px;border:1px solid var(--border)}.disabled-link{padding:12px;border-radius:6px;background:#edf2ee;font-size:13px;font-weight:700;color:#61756e}.narrow{max-width:790px}footer{background:var(--cream);border-top:1px solid var(--border);padding:30px 0}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:16px}nav{gap:16px}.hero{padding-top:72px;padding-bottom:65px}.section{padding-top:60px;padding-bottom:65px}.section-head{display:block}.cards,.resources-grid{grid-template-columns:1fr}.resources-grid{gap:20px}.card{min-height:0}.hero h1{font-size:43px}}
.article{max-width:810px;padding-top:60px;padding-bottom:80px}.article h1{font-size:clamp(34px,5vw,51px);letter-spacing:-.04em;line-height:1.15}.article h2{margin-top:40px;font-size:29px}.article h3{margin-top:25px;font-size:22px}.article p,.article li{color:#415951}.article li{margin:8px 0}.article a{color:#156b50;overflow-wrap:anywhere}.article-nav{display:flex;flex-direction:column;gap:12px;margin-top:35px}.guide-link{font-weight:750;color:var(--accent)}.editorial-note{padding:20px;margin-top:35px;background:var(--mint);border-radius:9px}.guide-table{border-collapse:collapse;width:100%;font-size:14px}.guide-table td{padding:10px;border:1px solid var(--border)}.guide-table tr:first-child{font-weight:700;background:var(--mint)}

/* Pet directory, private prototype */
.pet-intro{padding-top:82px;padding-bottom:40px}.pet-intro h1{font-size:clamp(38px,5vw,60px);line-height:1.12;letter-spacing:-.05em;max-width:880px;margin:0 0 22px}.pet-intro>p:not(.eyebrow){max-width:790px;color:var(--muted)}.pet-intro .editorial-note{padding:16px 18px;background:var(--mint);border-radius:10px}.pet-browser{padding-bottom:90px}.pet-controls{display:flex;gap:18px;flex-wrap:wrap;margin:32px 0 18px}.pet-controls label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;min-width:240px;flex:1}.pet-controls input,.pet-controls select{min-height:46px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--ink);font:inherit}.catalog-count,.pet-footnote{color:var(--muted);font-size:13px}.pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.pet-product{border:1px solid var(--border);padding:24px;border-radius:13px;display:flex;flex-direction:column;gap:8px;background:white}.pet-product h3{margin:3px 0;font-size:21px;overflow-wrap:anywhere}.pet-product p{margin:0;font-size:13px;color:var(--muted)}.product-tags{display:flex;flex-wrap:wrap;gap:6px}.pet-chip{padding:3px 9px;border-radius:30px;background:var(--mint);color:var(--accent);font-size:11px;font-weight:700;text-transform:capitalize}.pet-chip.muted{background:#f1f3f2;color:#52645f}.pet-chip.caution{background:#fff1db;color:#795421}.pet-product .product-vendor{margin-top:auto;padding-top:13px}.product-cta-disabled,.product-cta{display:inline-block;margin-top:10px;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:750;font-size:13px;text-align:center}.product-cta-disabled{background:#eff2ef;color:#65756f}.product-cta{background:var(--accent);color:white}.product-disclosure{font-size:12px!important}@media(max-width:900px){.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pet-grid{grid-template-columns:1fr}.pet-intro{padding-top:50px}}


/* Visual refresh: warm editorial photography, playful accents, accessible cards */
:root{--honey:#f4b544;--peach:#f8ded1;--paper:#fffaf1;--deep:#203e34}
body{background:#fffdfa}
.site-header{background:rgba(255,253,250,.97)}
.brand-symbol{color:var(--accent)}
nav a{transition:color .15s ease}
nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.hero{background:linear-gradient(115deg,#fff9ec 0%,#f6fbf5 65%,#f0f8ef 100%);padding:72px 0 76px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px}
.hero-copy{position:relative;z-index:1}
.hero-copy h1{font-size:clamp(42px,5.5vw,70px);max-width:680px}
.hero-copy h1 em,.pet-intro h1 em{font-style:normal;color:var(--accent);background:linear-gradient(transparent 71%,#f9d98f 71%)}
.hero-copy>p{font-size:18px}
.hero .eyebrow{margin-bottom:22px}
.sparkle{background:var(--honey);color:var(--deep);border-radius:50%;padding:5px 9px;margin-right:6px;font-size:17px}
.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.hero-actions .button{margin-top:8px}
.text-button{font-weight:750;color:var(--deep);text-decoration:none;padding-top:7px}
.text-button:hover{text-decoration:underline}
.hero .prototype{font-size:12px;max-width:500px;margin-top:24px}
.hero-visual{position:relative;margin:22px 0}
.hero-visual>img{display:block;width:100%;height:480px;object-fit:cover;object-position:center;border-radius:35% 35% 18% 18% / 24% 24% 20% 20%;box-shadow:0 23px 65px #254e3824;background:#dce8da}
.hero-photo-caption{position:absolute;left:-24px;bottom:25px;background:#fffdf7;border:1px solid #eadfc8;padding:14px 17px;border-radius:14px;font-size:13px;font-weight:750;box-shadow:0 10px 30px #1835291a;max-width:250px}
.hero-photo-caption span{color:#d68f3f;font-size:19px;margin-right:5px}
.hero-deco{position:absolute;pointer-events:none}.hero-deco-one{right:-11px;top:-23px;color:#edac30;font-size:65px}.hero-deco-two{left:-30px;top:50px;color:#f8d4be;font-size:53px}
.section-head h2{max-width:650px}
.feature-cards{gap:23px}
.feature-cards .card{padding:0;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 9px 24px #123c1e0a;min-height:0;transition:transform .18s ease,box-shadow .18s ease}
.feature-cards .card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #123c1e18}
.card-image{display:block;height:210px;overflow:hidden;background:linear-gradient(135deg,var(--mint),var(--peach))}
.card-image img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .3s ease}
.feature-cards .card:hover img{transform:scale(1.035)}
.card-body{padding:23px 24px 27px}
.card-body h3{margin:14px 0 8px}
.card-body p{font-size:14px;min-height:70px}
.tag{display:inline-block;padding:6px 11px;border-radius:100px;background:var(--mint);letter-spacing:.055em}
.tag-peach{background:var(--peach);color:#884e36}
.tag-gold{background:#fff0c8;color:#815818}
.feature-cards .guide-link{text-decoration:none}
.feature-cards .guide-link:hover{text-decoration:underline}
.resources{background:linear-gradient(120deg,#e9f4ec,#f8f5e8)}
.resources .resource-box{border-left:5px solid var(--honey);box-shadow:0 10px 25px #2b59340b}
.pet-intro{background:linear-gradient(125deg,#fff9eb 0%,#f6f9f0 100%);padding:69px 0 75px}
.pet-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px}
.pet-intro h1{font-size:clamp(36px,5vw,60px);margin:0 0 18px}
.pet-intro .editorial-note{margin-top:25px;font-size:13px;max-width:700px;background:#fff7df;border-left:4px solid var(--honey)}
.pet-hero-image{position:relative;min-width:0}
.pet-hero-image img{display:block;width:100%;height:335px;object-fit:cover;border-radius:24px;background:#e1eddb;box-shadow:0 18px 40px #214d3917}
.pet-hero-label{position:absolute;bottom:-16px;right:-15px;max-width:200px;background:#fff;padding:13px 16px;border-radius:12px;font-size:13px;font-weight:750;box-shadow:0 10px 20px #203e3417}
.pet-browser{padding-top:73px}
.pet-controls{background:#f6faf5;padding:20px;border-radius:16px;border:1px solid var(--border)}
.pet-controls input:focus,.pet-controls select:focus{outline:3px solid #f4b54480;outline-offset:1px}
.pet-product{border-radius:15px;box-shadow:0 6px 20px #123c1e09}
.pet-product h3{font-size:19px}
.pet-chip{background:#e7f4e9}
.pet-chip.caution{background:#fff0cb}
.product-cta-disabled{background:#f4f0e5;color:#6a6657}
@media(max-width:850px){.hero-grid,.pet-intro-grid{grid-template-columns:1fr;gap:22px}.hero{padding-top:50px}.hero-visual{max-width:680px;margin:20px auto}.hero-visual>img{height:400px}.pet-hero-image{max-width:640px}.pet-intro{padding:45px 0 65px}}
@media(max-width:560px){.hero-copy h1{font-size:43px}.hero-visual>img{height:290px}.hero-photo-caption{left:4px;bottom:10px}.feature-cards .card{min-height:0}.card-image{height:190px}.card-body p{min-height:0}.pet-hero-image img{height:265px}.pet-hero-label{right:5px}.pet-browser{padding-top:50px}}
@media(prefers-reduced-motion:reduce){.feature-cards .card,.card-image img{transition:none}.feature-cards .card:hover{transform:none}.feature-cards .card:hover img{transform:none}}

/* Affiliate link disclosed adjacent to the seller CTA */
.pet-product.active-offer{border-color:#90bea4;background:linear-gradient(170deg,#fffefa,#f6fbf6);box-shadow:0 12px 30px #23563a13}
.pet-chip.available{background:#dcefdc;color:#245e43}
.pet-product .product-disclosure{padding:11px 12px;border-left:3px solid #bf8a24;background:#fff7df;color:#4a4434;font-size:12px!important;line-height:1.55}
.pet-product .product-cta{background:#26735c;color:#fff;display:block;text-align:center;font-weight:750;border-radius:9px;padding:12px}
.pet-product .product-cta:hover{background:#1b5a47}

/* Final public layout refinements */
.footer a{color:var(--accent)}.article a{overflow-wrap:anywhere}.pet-chip.caution{color:#70511a}.pet-product .product-disclosure{font-size:12px!important}
