:root{--navy:#113d55;--brand:#103d70;--teal:#167b79;--mint:#e4efeb;--cream:#f7f7f1;--ink:#243c43;--muted:#637477;--line:#dce4df;--white:#fff;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);letter-spacing:-1.7px;font-weight:600;line-height:1.12}h1{margin-bottom:25px;font-size:clamp(42px,4.7vw,68px)}h2{margin-bottom:22px;font-size:clamp(30px,3vw,43px)}h3{letter-spacing:-.6px;font-size:23px}p{color:var(--muted)}em{color:var(--teal);font-family:Georgia,Times New Roman,serif;font-weight:400}:focus-visible{outline-offset:5px;outline:3px solid #c18b25}.wrap{width:min(1240px,100% - 96px);margin-inline:auto}.topbar{background:var(--navy);color:#f0f6f3;letter-spacing:.8px;font-size:11px}.topbar .wrap{justify-content:space-between;padding-block:8px;display:flex}header{z-index:30;background:#fffffffa;border-bottom:1px solid #edf0ec;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;min-height:96px;display:flex}.brand img{object-fit:contain;width:85px;height:80px}.nav nav{align-items:center;gap:31px;font-size:13px;display:flex}.nav nav>a:not(.button){padding-block:8px}.nav nav>a[aria-current=page]{color:var(--teal);box-shadow:0 2px var(--teal)}.button{background:var(--teal);color:#fff;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:15px;padding:15px 22px;font-size:13px;font-weight:600;line-height:1.4;transition:background .18s,transform .18s;display:inline-flex}.button:hover{background:#105e5c;transform:translateY(-2px)}.button.small{padding:12px 16px}.button.light{color:var(--navy);background:#f5f6e9}.button.light:hover{background:#fff}.button.secondary{color:var(--navy);border-color:var(--line);background:#fff}.text-link{color:var(--navy);align-items:center;gap:11px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--teal)}.eyebrow{letter-spacing:1.8px;color:var(--teal);margin-bottom:22px;font-size:10px;font-weight:700;line-height:1.7}.live-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero{grid-template-columns:1.04fr 1fr;align-items:center;gap:28px;padding-top:50px;padding-bottom:48px;display:grid}.hero-copy{padding:22px 0}.hero h1{letter-spacing:-2.8px;line-height:1.1}.hero-description{max-width:485px;margin-bottom:29px;font-size:15px;line-height:1.85}.actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hero-note{color:#6b7978;letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:38px;font-size:9px;font-weight:600;display:flex}.hero-note i{background:#849894;border-radius:50%;width:3px;height:3px}.hero-visual{aspect-ratio:1/.99;background:#e8f0e9;border-radius:160px 16px 16px;min-width:0;position:relative;overflow:hidden}.hero-visual>img{object-fit:contain;width:100%;height:100%;padding-top:15px;position:relative}.visual-label{z-index:2;letter-spacing:1.6px;color:#587468;font-size:9px;line-height:1.8;position:absolute;top:38px;right:28px}.orbit{border:1px solid #c6d8c8;border-radius:50%;width:390px;height:390px;position:absolute;top:100px;left:110px}.orbit-two{width:470px;height:470px;top:60px;left:70px}.visual-badge{color:var(--navy);background:#fffffff0;border:1px solid #fff;border-radius:10px;align-items:center;gap:12px;padding:16px;font-size:12px;display:flex;position:absolute;bottom:43px;left:23px;right:23px;box-shadow:0 8px 30px #244a3220}.visual-badge>span{background:#e9f1e9;border-radius:50%;padding:9px;display:flex}.visual-badge>svg{margin-left:auto}.visual-badge small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.hero-caption{text-align:center;color:#728578;letter-spacing:.5px;font-size:9px;position:absolute;bottom:14px;left:0;right:0}.buyer-strip{background:var(--cream);border-block:1px solid #e5e8e0}.buyer-strip>.wrap{justify-content:space-between;align-items:center;gap:24px;padding-block:23px;font-size:12px;display:flex}.buyer-strip span:first-child{letter-spacing:1px;align-items:center;gap:11px;font-size:9px;font-weight:700;display:flex}.buyer-strip a{display:flex}.section{padding-block:82px}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:14px}.product-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.product-card{border:1px solid #e5e9e3;border-radius:12px;transition:transform .2s;overflow:hidden}.product-card:hover{transform:translateY(-5px)}.product-art{position:relative}.mint .product-art,.detail-art.mint{background:#e7efdf}.sand .product-art,.detail-art.sand{background:#f2e9dd}.blue .product-art,.detail-art.blue{background:#e4ebef}.product-art>img{aspect-ratio:1.28;object-fit:contain;width:100%}.product-number{letter-spacing:1.3px;color:#51695e;font-size:8px;position:absolute;top:19px;left:20px}.illustrative{color:#68786f;letter-spacing:.4px;font-size:8px;position:absolute;bottom:12px;right:17px}.product-copy{background:#fff;align-items:center;gap:12px;padding:24px;display:flex}.product-copy h3{margin-bottom:10px;font-size:24px}.product-copy p{margin:0;font-size:12px;line-height:1.8}.circle-arrow{border:1px solid var(--line);border-radius:50%;flex-shrink:0;padding:9px;display:flex}.paths{grid-template-columns:1fr 1fr;gap:24px;display:grid}.paths article{background:var(--cream);border-radius:12px;padding:43px}.path-index{letter-spacing:1.5px;color:var(--teal);font-size:10px}.paths h3{margin:27px 0 18px;font-size:35px}.paths p{max-width:400px;font-size:14px}.paths ul{gap:12px;margin:0;padding:17px 0 22px;font-size:13px;list-style:none;display:grid}.paths li{align-items:center;gap:11px;display:flex}.paths li svg{width:16px;color:var(--teal)}.paths .dark{background:var(--navy)}.dark h3,.dark .text-link{color:#fff}.dark p,.dark ul{color:#c8dadc}.dark .path-index,.dark li svg{color:#9cd2c6}.process-section{background:#f3f6f3}.steps{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;display:grid}.step-top{color:var(--teal);border-bottom:1px solid #cfddd5;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.step-top span{color:#a7bdb2;font-family:Georgia,serif;font-size:30px}.steps h3{margin-top:24px;font-size:19px;line-height:1.3}.steps p{margin-bottom:0;font-size:13px;line-height:1.8}.quality{grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;display:grid}.quality p{max-width:480px;font-size:14px}.quality-card{background:var(--cream);border:1px solid #e5e8df;border-radius:12px;padding:36px}.quality-card>svg{color:var(--teal);margin-bottom:21px}.quality-card h3{font-size:23px}.quality-card>div{align-items:center;gap:11px;margin:15px 0;font-size:13px;display:flex}.quality-card>div svg{width:16px;color:var(--teal)}.quality-card p{border-top:1px solid var(--line);margin:24px 0 0;padding-top:20px;font-size:11px}.faq{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:70px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:21px 0;font-size:14px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--teal);font-size:23px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding-right:24px;font-size:13px;line-height:1.9}.cta-wrap{padding-bottom:80px}.cta{background:var(--teal);border-radius:14px;justify-content:space-between;align-items:center;gap:35px;padding:50px;display:flex;position:relative;overflow:hidden}.cta h2{color:#fff;font-size:38px}.cta p{color:#cee3d9;margin-bottom:0;font-size:13px}.cta .eyebrow{color:#c8e5cb;margin-bottom:20px;font-size:9px}.cta>.button{flex-shrink:0}footer{background:#f3f5f0;padding:57px 0 22px}.footer-grid{grid-template-columns:1.3fr .9fr .9fr 1.4fr;gap:35px;display:grid}.footer-brand{color:var(--brand);letter-spacing:1px;font-size:26px;font-weight:800;line-height:1.1;display:block}.footer-brand span{color:var(--teal);letter-spacing:4px;margin:6px 0 20px;font-size:12px;display:block}.footer-grid p{font-size:12px;line-height:1.8}.footer-label{letter-spacing:1px;color:#7b8982;font-size:8px}.footer-grid h3{letter-spacing:0;margin-bottom:24px;font-size:13px}.footer-grid>div:not(:first-child)>a{color:#586e6b;overflow-wrap:anywhere;align-items:center;gap:9px;margin:12px 0;font-size:12px;display:flex}.footer-grid a:hover{color:var(--teal)}.footer-bottom{color:#7a8982;border-top:1px solid #dce3da;justify-content:space-between;gap:25px;margin-top:45px;padding-top:23px;font-size:10px;display:flex}.floating-wa{background:var(--teal);color:#fff;z-index:40;border:1px solid #fff6;border-radius:50px;align-items:center;gap:9px;padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:22px;right:23px;box-shadow:0 5px 24px #123e3626}.skip{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip:focus{top:10px}.menu-toggle{display:none}.page-intro{max-width:1240px;padding-top:38px;padding-bottom:45px}.breadcrumbs{gap:12px;margin-bottom:40px;font-size:11px;display:flex}.breadcrumbs a:hover{color:var(--teal)}.page-intro h1{max-width:800px}.lead{max-width:700px;font-size:17px;line-height:1.85}.first-section{padding-top:0}.fine-print{margin-top:24px;font-size:11px;line-height:1.8}.detail-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding-block:40px 60px;display:grid}.detail-hero h1{font-size:51px}.detail-hero .lead{font-size:15px}.detail-art{border-radius:120px 14px 14px;position:relative;overflow:hidden}.detail-art img{object-fit:contain;width:100%;min-height:380px}.detail-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;display:grid}.detail-grid p{font-size:14px}.detail-grid h3{margin-top:30px}.brief-card{background:var(--cream);border-radius:12px;padding:32px}.brief-card h3{margin-top:0}.brief-card>div{border-bottom:1px solid var(--line);gap:15px;padding:15px 0;font-size:14px;display:flex}.brief-card>div span{color:var(--teal);font-size:11px}.brief-card p{margin-top:20px;font-size:11px}.market-note{border-left:3px solid var(--teal);color:var(--muted);background:#edf4ee;padding:22px 28px;font-size:13px}.related{grid-template-columns:1fr 1fr;gap:24px;display:grid}.related a{border:1px solid var(--line);color:var(--navy);border-radius:10px;justify-content:space-between;align-items:center;padding:25px;font-size:22px;display:flex}.service-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px;display:grid}.service-grid article{background:var(--cream);border-radius:12px;padding:30px}.service-grid h3{margin-top:25px}.service-grid p{font-size:14px}.brief-banner{grid-template-columns:1fr 1fr;gap:60px;display:grid}.brief-banner ul{padding:0;list-style:none}.brief-banner li{gap:12px;margin-bottom:15px;font-size:14px;display:flex}.brief-banner li svg{color:var(--teal);flex-shrink:0;margin-top:3px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:0;display:grid}.about-grid p{font-size:14px}.about-art{background:#e8efe5;border-radius:14px;position:relative;overflow:hidden}.contact-layout{grid-template-columns:.8fr 1.2fr;gap:70px;padding-bottom:90px;display:grid}.contact-layout aside{min-width:0;padding-top:25px}.contact-layout aside h2{font-size:32px}.contact-layout aside p{font-size:14px}.contact-method{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:24px 0;font-size:13px;display:flex}.contact-method>svg{color:var(--teal);flex-shrink:0}.contact-method>svg:last-child{margin-left:auto}.contact-method span{overflow-wrap:anywhere;min-width:0}.contact-method small{letter-spacing:1px;color:var(--muted);font-size:9px;display:block}.contact-tip{background:var(--cream);border-radius:10px;margin-top:30px;padding:25px}.contact-tip h3{font-size:18px}.contact-tip p{margin:0}.enquiry-form{background:#f6f8f4;border:1px solid #e5eade;border-radius:13px;min-width:0;padding:35px}.form-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.form-heading .eyebrow{margin:0}.form-heading>span:last-child{color:var(--muted);font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.enquiry-form label{color:var(--ink);margin-bottom:22px;font-size:12px;font-weight:600;display:block}.enquiry-form input:not([type=checkbox]),.enquiry-form textarea,.enquiry-form select{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd7cf;border-radius:5px;min-width:0;margin-top:8px;padding:12px;font-size:12px;display:block}.enquiry-form textarea{resize:vertical}.enquiry-form ::placeholder{color:#78847c;opacity:1}.enquiry-form fieldset{border:0;margin:0 0 20px;padding:0}.enquiry-form legend{margin-bottom:12px;font-size:12px;font-weight:600}.product-options{flex-wrap:wrap;gap:12px;display:flex}.product-options label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:7px;margin:0;padding:10px 12px;display:flex}.product-options label:has(input:checked){border-color:var(--teal);background:#e8f3ed}.product-options input{accent-color:var(--teal);width:15px;height:15px}.privacy-note{font-size:11px}.privacy-note a,.privacy-copy a,.draft-panel p a{text-underline-offset:3px;color:var(--teal);text-decoration:underline}.form-notice{color:var(--teal);margin:15px 0 0;font-size:12px}.draft-panel{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.draft-panel h3{font-size:21px}.draft-panel p{font-size:12px}.draft-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.draft-actions .button{padding:12px;font-size:11px}.privacy-copy{max-width:850px;padding-bottom:85px}.privacy-copy h2{margin-top:30px;font-size:25px}.privacy-copy p{font-size:14px}@media (min-width:1600px){.hero{padding-block:65px}.hero h1{font-size:72px}}@media (max-width:1100px){.wrap{width:calc(100% - 56px)}.nav nav{gap:20px}.hero h1{font-size:51px}.hero-note{font-size:8px}.quality{gap:45px}.footer-grid{gap:24px}.paths article{padding:32px}.contact-layout{gap:35px}.hero-visual{aspect-ratio:1/1.12}.hero-description{font-size:14px}.visual-label{font-size:8px}.hero .actions{gap:18px}.footer-grid{grid-template-columns:1fr 1fr}.detail-hero{gap:30px}.detail-hero h1{font-size:44px}.detail-grid{gap:45px}}@media (max-width:760px){.wrap{width:calc(100% - 36px)}.topbar .wrap{font-size:9px}.topbar .wrap>span{letter-spacing:0;font-size:8px}.nav{min-height:79px}.brand img{width:68px;height:67px}.menu-toggle{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:9px;display:flex}.nav nav{border-bottom:1px solid var(--line);background:#fff;padding:20px;display:none;position:absolute;top:79px;left:0;right:0;box-shadow:0 15px 25px #143b4010}.nav nav.open{flex-direction:column;align-items:stretch;gap:15px;display:flex}.hero{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:30px}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:19px;font-size:8px}.hero h1{letter-spacing:-2px;font-size:49px}.hero-description{max-width:100%;font-size:14px}.desktop-break{display:none}.hero .actions{gap:19px}.hero .actions .button{padding:14px 17px;font-size:12px}.hero .actions .text-link{gap:7px;font-size:11px}.hero-note{gap:10px;margin-top:26px;font-size:8px}.hero-visual{aspect-ratio:1;border-top-left-radius:100px}.visual-label{font-size:8px;top:25px;right:20px}.visual-badge{padding:12px;font-size:11px;bottom:36px;left:16px;right:16px}.visual-badge small{font-size:9px}.visual-badge>span{padding:7px}.hero-caption{font-size:8px;bottom:11px}.buyer-strip>.wrap{grid-template-columns:1fr 1fr;gap:12px;padding-block:19px;font-size:10px;display:grid}.buyer-strip span:first-child{grid-column:1/-1;font-size:8px}.buyer-strip a{display:none}.section{padding-block:52px}.section-head{margin-bottom:25px;display:block}.section-head h2{font-size:32px}.section-head>.text-link{margin-top:18px}.eyebrow{letter-spacing:1.4px;margin-bottom:17px;font-size:9px}.product-grid{grid-template-columns:1fr;gap:22px}.product-art>img{aspect-ratio:1.4}.product-copy{padding:23px}.product-copy p{max-width:250px}.paths{grid-template-columns:1fr;gap:18px}.paths article{padding:30px}.paths h3{font-size:32px}.steps{grid-template-columns:1fr 1fr;gap:25px;margin-top:32px}.steps h3{font-size:17px}.steps p{font-size:12px}.step-top{padding-bottom:16px}.quality{grid-template-columns:1fr;gap:28px}.quality-card{padding:28px}.faq{grid-template-columns:1fr;gap:18px}.faq h2 br{display:none}.faq summary{font-size:13px}.cta-wrap{padding-bottom:48px}.cta{padding:30px;display:block}.cta h2{font-size:31px}.cta .button{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:15px;padding-bottom:55px;font-size:9px}.footer-bottom>span:last-child{width:100%}.floating-wa{bottom:max(16px,env(safe-area-inset-bottom));padding:13px;right:16px}.floating-wa>span{display:none}.page-intro{padding-top:26px;padding-bottom:30px}.page-intro h1{font-size:41px}.breadcrumbs{margin-bottom:28px}.lead{font-size:15px}.first-section{padding-top:0}.detail-hero{grid-template-columns:1fr;gap:30px;padding-block:25px 40px}.detail-hero h1{font-size:41px}.detail-art img{min-height:280px}.detail-art .illustrative{font-size:7px}.detail-grid{grid-template-columns:1fr;gap:25px}.market-note{padding:20px;font-size:12px}.related{grid-template-columns:1fr;gap:15px}.related a{padding:20px;font-size:20px}.service-grid{grid-template-columns:1fr}.brief-banner{grid-template-columns:1fr;gap:10px}.about-grid{grid-template-columns:1fr;gap:35px;padding-top:0}.contact-layout{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.contact-layout aside{padding-top:0}.enquiry-form{padding:22px 18px}.form-grid{grid-template-columns:1fr;gap:0}.form-heading .eyebrow{font-size:8px}.form-heading>span:last-child{font-size:9px}.product-options{gap:7px}.product-options label{padding:9px;font-size:11px}.enquiry-form .button{width:100%}.draft-actions{grid-template-columns:1fr;display:grid}.contact-layout aside h2{font-size:30px}.privacy-copy{padding-bottom:50px}.hero-description br{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.recipe-card{border:1px solid var(--line);background:#fafbf7;border-radius:12px;padding:30px}.recipe-heading{color:var(--teal);letter-spacing:1px;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:10px;display:flex}.recipe-card h3{min-height:64px;font-size:25px;line-height:1.3}.recipe-card p{font-size:13px}.recipe-card dl{border-block:1px solid var(--line);gap:26px;margin:23px 0;padding:19px 0;display:flex}.recipe-card dt{color:var(--muted);font-size:10px}.recipe-card dd{color:var(--navy);margin:3px 0 0;font-size:26px;font-weight:600}.recipe-card .recipe-ingredients{min-height:55px;font-size:11px}.recipe-card .text-link{margin-top:14px}.selection-intro{max-width:680px}.company-details{color:var(--muted);gap:7px;margin:25px 0;font-size:12px;line-height:1.8;display:grid}.company-details strong{color:var(--navy)}.footer-grid .legal-company{color:var(--navy);margin:18px 0 8px}.litter-options{grid-template-columns:1fr 1fr;gap:24px;display:grid}.litter-options article{border:1px solid var(--line);border-radius:12px;overflow:hidden}.litter-options img{object-fit:cover;width:100%;height:260px}.litter-options article>div{padding:25px}.litter-options p{font-size:13px}.litter-options .fine-print{font-size:11px}@media (max-width:760px){.recipe-grid,.litter-options{grid-template-columns:1fr}.recipe-card{padding:23px}.recipe-card h3{min-height:0}.recipe-card dl{gap:22px}.recipe-card dd{font-size:24px}.hero h1{font-size:43px}.recipe-card .recipe-ingredients{min-height:0}}.series-navigation{flex-wrap:wrap;gap:14px;margin:26px 0;display:flex}.series-navigation a{background:var(--mint);color:var(--navy);border-radius:6px;padding:11px 20px;font-size:13px;font-weight:600}.series-heading{justify-content:space-between;align-items:center;margin:35px 0 20px;display:flex}.series-heading h3{margin:0;font-size:28px}.series-heading>span{color:var(--muted);font-size:12px}.food-series-group{scroll-margin-top:120px}.food-series-group+.food-series-group{border-top:1px solid var(--line);margin-top:50px;padding-top:15px}.recipe-card h4{color:var(--navy);letter-spacing:-.5px;margin:0 0 10px;font-size:24px;font-weight:600;line-height:1.3}.recipe-card .product-name-zh{color:var(--muted);margin:0;font-size:12px}.litter-options{grid-template-columns:repeat(3,minmax(0,1fr))}.litter-options h3{line-height:1.3}@media (max-width:900px){.litter-options{grid-template-columns:1fr}.series-heading h3{font-size:24px}}
.pet-intro{z-index:200;background:#f6f8f0;place-items:center;animation:.3s ease-out introReveal;display:grid;position:fixed;inset:0}.intro-content{text-align:center;width:min(650px,92vw)}.intro-content .eyebrow{margin-bottom:0}.intro-pets{width:100%;height:auto;max-height:42vh}.intro-content h2{margin:5px 0 20px;font-size:clamp(29px,4vw,46px);line-height:1.2}.intro-brand{letter-spacing:4px;color:var(--navy);font-size:11px;font-weight:700}.intro-skip{right:30px;top:max(24px,env(safe-area-inset-top));color:var(--navy);background:#fff;border:1px solid #c6d9cb;border-radius:40px;padding:10px 18px;font-size:13px;position:absolute}.intro-skip span{margin-left:14px}.intro-cat{transform-origin:220px 270px;animation:1.3s ease-in-out infinite catHello}.intro-dog{transform-origin:390px 270px;animation:1.1s ease-in-out infinite dogHello}.dog-tail{transform-origin:440px 226px;animation:.25s ease-in-out infinite alternate tailWag}.cat-tail{transform-origin:161px 230px;animation:.7s ease-in-out infinite alternate tailWag}.intro-heart{transform-origin:300px 90px;animation:1.1s ease-in-out infinite heartHello}.intro-ball{animation:1.5s ease-in-out infinite alternate ballHello}.pet-eyes{transform-box:fill-box;transform-origin:50%;animation:2.3s infinite petBlink}.intro-progress{background:#dce8df;border-radius:5px;width:100px;height:3px;margin:23px auto;overflow:hidden}.intro-progress span{background:var(--teal);transform-origin:0;height:100%;animation:3s linear forwards introProgress;display:block}.food-photo{background:#f0f2e9;border-radius:9px;align-items:center;gap:20px;margin:19px 0 22px;padding:13px;display:flex}.food-photo img{object-fit:contain;background:#e5e8df;border-radius:5px;width:155px;height:120px}.food-photo figcaption{color:var(--muted);max-width:180px;font-size:11px;line-height:1.7}@keyframes introReveal{0%{opacity:0}to{opacity:1}}@keyframes catHello{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(2deg)translateY(-7px)}}@keyframes dogHello{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)translateY(-5px)}}@keyframes tailWag{0%{transform:rotate(-12deg)}to{transform:rotate(15deg)}}@keyframes heartHello{0%,to{opacity:.65;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@keyframes ballHello{0%{transform:translate(-14px)translateY(-3px)}to{transform:translate(13px)}}@keyframes petBlink{0%,40%,48%,to{transform:scaleY(1)}44%{transform:scaleY(.1)}}@keyframes introProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:600px){.intro-skip{right:18px}.food-photo{gap:12px}.food-photo img{width:125px;height:100px}.food-photo figcaption{font-size:10px}.intro-content .eyebrow{font-size:8px}}@media (prefers-reduced-motion:reduce){.pet-intro,.intro-pets *{animation:none!important}.intro-progress{display:none}}.intro-replay{bottom:max(22px,env(safe-area-inset-bottom));z-index:40;color:var(--navy);background:#f6f8f0;border:1px solid #b7cec0;border-radius:24px;padding:11px 16px;font-size:12px;position:fixed;left:22px;box-shadow:0 4px 15px #123e3614}.intro-replay span{margin-left:9px}@media (max-width:600px){.intro-replay{bottom:max(16px,env(safe-area-inset-bottom));padding:10px 13px;left:16px}}
body{background:#fcfcf7}#main{isolation:isolate;background:radial-gradient(700px 500px at 95% 100px,#dceee580,#0000),radial-gradient(500px 380px at 0 700px,#f3e6ce55,#0000)}.hero{position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 15% 25%,#fffdf8cc,#0000 60%);position:absolute;inset:0}.hero-visual{background:radial-gradient(circle at 70% 25%,#fbf6e5,#dcece3 75%);box-shadow:0 20px 50px #234d3f09}.buyer-strip{background:#f0f4eccc}.process-section{background:linear-gradient(120deg,#e9f2ed,#f6f8f0)}.recipe-card,.litter-options article{background:#fffffff2;box-shadow:0 8px 25px #234d3f05}.quality-card{background:linear-gradient(135deg,#edf5ed,#f9f7ed)}.paths article:not(.dark){background:linear-gradient(130deg,#f3f5ea,#edf3ec)}.cta{background:radial-gradient(at 100% 0,#ffffff1a,#0000 55%),#167b79}footer{background:#eaf0e7}.interactive-intro{background:radial-gradient(at 20% 25%,#f4e9d4aa,#0000 45%),radial-gradient(at 85% 70%,#cfe9deaa,#0000 50%),#f8faf2;padding:32px 0;overflow-y:auto}.interactive-intro .intro-content{position:relative}.interactive-intro .intro-content:before{content:"";aspect-ratio:1;pointer-events:none;z-index:-1;border:1px solid #b8d8c355;border-radius:50%;width:75%;position:absolute;top:-50px;left:12.5%}.pet-stage{position:relative}.pet-hit{cursor:pointer;background:0 0;border:0;border-radius:42%;width:30%;height:66%;position:absolute;top:24%}.pet-hit-cat{left:20%}.pet-hit-dog{left:50%}.pet-hit span{white-space:nowrap;letter-spacing:.4px;color:#235751;background:#fffdf6;border:1px solid #c4d8c6;border-radius:20px;padding:5px 11px;font-size:10px;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.pet-hit:hover{background:#ffffff15}.pet-hit:focus-visible{outline-offset:0;outline:2px dashed #249da7}.interactive-intro .intro-pets{max-height:none}.interactive-intro .intro-content h2{margin-top:26px}.intro-instruction{color:#46665f;margin:22px 0 0;font-size:13px}.chosen-cat .intro-cat,.chosen-dog .intro-dog{animation:.65s ease-in-out petGreeting!important}.chosen-cat .intro-heart,.chosen-dog .intro-heart{animation:.65s ease-out greetingHeart!important}.chosen-cat .pet-hit,.chosen-dog .pet-hit{pointer-events:none}@keyframes petGreeting{0%,to{transform:translateY(0)}45%{transform:translateY(-22px)rotate(-5deg)}}@keyframes greetingHeart{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.65)translateY(-16px)}}@media (max-width:600px){.interactive-intro{padding:28px 0}.interactive-intro .intro-content h2{margin-top:30px}.intro-instruction{font-size:12px}.pet-hit span{padding:4px 8px;font-size:9px}}@media (max-height:550px) and (min-width:650px){.interactive-intro .intro-content{width:440px}.interactive-intro .intro-pets{max-height:240px}.interactive-intro .intro-content h2{margin-top:16px;font-size:26px}.intro-brand{margin-bottom:8px}.intro-instruction{margin-top:8px}}@media (prefers-reduced-motion:reduce){.chosen-cat .intro-cat,.chosen-dog .intro-dog,.chosen-cat .intro-heart,.chosen-dog .intro-heart{animation:none!important}}