:root{--ink:#1f3028;--orange:#ec673f;--paper:#faf8f3;--muted:#68716a;--line:#dedfd5;--green:#254b3a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.65}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ed8a27;outline-offset:5px}img{max-width:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}button{cursor:pointer}button,a,summary{touch-action:manipulation}.shell{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-80px;padding:14px;background:white;z-index:20}.skip:focus{top:0}.topbar{background:var(--ink);color:#fff;font-size:12px;letter-spacing:.04em}.topbar .shell{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-block:10px}.topbar a{color:#ffd2ae;white-space:nowrap}.header{display:flex;justify-content:space-between;align-items:center;padding-block:28px;gap:22px}.logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;line-height:1.4}.logo small{display:block;font-size:10px;letter-spacing:.06em;font-weight:400;color:var(--muted);margin-top:4px}.logo-mark{display:grid;place-items:center;position:relative;width:48px;height:48px;background:var(--orange);border-radius:14px;color:#fff;font-size:26px}.logo-mark span{position:absolute;font-size:17px;top:-6px;right:-5px;border:3px solid var(--paper);border-radius:50%;background:var(--ink);width:25px;height:25px;line-height:19px;text-align:center}.header nav{display:flex;gap:30px;align-items:center;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--orange)}.nav-contact{padding:11px 19px;border:1px solid var(--line);border-radius:6px}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:45px;align-items:center;padding-block:65px 90px}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:600;color:var(--muted);margin:0 0 23px}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(38px,4.4vw,65px);letter-spacing:-.06em;line-height:1.2;margin:0 0 28px;font-weight:850}h2{font-size:clamp(28px,3vw,43px);line-height:1.35;letter-spacing:-.04em;margin:0 0 20px}h3{line-height:1.5}p{margin-top:0}.accent{color:var(--orange)}.lead{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.btn{border:0;background:var(--orange);color:white;display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 23px;border-radius:7px;font-weight:600;font-size:14px;min-height:50px;transition:transform .2s,background .2s}.btn:hover{background:#cf502d;transform:translateY(-2px)}.btn.dark{background:var(--ink)}.btn.dark:hover{background:#3c5548}.btn.outline{border:1px solid #ccd4cb;background:transparent;color:var(--ink)}.text-link{font-size:13px;font-weight:600;line-height:2}.hero-tags{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px;font-size:11px;color:var(--muted)}.hero-tags span:before{content:'✓';color:var(--orange);margin-right:5px}.hero-demo{display:block;background:white;position:relative;box-shadow:0 20px 60px #20332816;border:1px solid #dcded4;border-radius:12px;transform:rotate(1.5deg);transition:transform .3s}.hero-demo:hover{transform:rotate(0)}.browser-bar{background:#f2f1eb;border-bottom:1px solid #e4e3dc;border-radius:12px 12px 0 0;padding:12px 15px;display:flex;gap:5px;align-items:center;font-size:9px;color:#7c817a}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#c8cabe}.browser-bar i:first-child{background:#e79c82}.browser-bar span{flex:1;text-align:center;margin-left:-16px}.browser-bar b{font-size:17px}.mock-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;font-size:8px}.mock-nav b{font-size:18px}.mock-nav b span{color:var(--orange)}.mock-nav>span{color:var(--muted)}.mock-body{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:12px;padding:12px 26px 24px;background:#fffdf8}.mock-body img{width:100%;height:290px;object-fit:cover;border-radius:90px 90px 12px 12px}.mock-body h2{font-size:32px;line-height:1.4;margin:15px 0 10px;letter-spacing:-.04em}.mock-body h2 span{color:var(--orange)}.mock-tag{font-size:7px;letter-spacing:.08em}.mock-body p{font-size:10px;color:var(--muted)}.mock-button{font-size:9px;background:var(--orange);color:white;display:inline-block;border-radius:4px;padding:9px 11px}.mock-bottom{display:flex;justify-content:space-around;background:#e8eddf;padding:16px;border-radius:0 0 12px 12px;font-size:10px}.floating-note{position:absolute;bottom:-24px;right:25px;background:var(--ink);color:white;padding:13px 22px;box-shadow:0 8px 20px #0002;border-radius:5px;transform:rotate(-4deg);font-size:9px}.floating-note b{display:block;font-size:12px;color:#fbd0a2;margin-top:4px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0efe7}.ticker .shell{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:23px;font-size:15px;font-weight:600}.ticker b{font-size:15px;color:var(--orange)}.section{padding-block:95px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 4px}.section-head .eyebrow{margin-bottom:16px}.case-layout{display:grid;grid-template-columns:1.06fr 1fr;gap:60px;align-items:center}.case-image{position:relative;overflow:hidden;display:block;border-radius:12px;height:450px;background:#e7e9dd}.case-image>img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.case-image:hover img{transform:scale(1.03)}.case-image>span{position:absolute;bottom:20px;left:20px;right:20px;background:#fffffff0;border-radius:7px;padding:16px 20px;display:flex;justify-content:space-between;font-size:13px}.pill{display:inline-block;font-size:11px;padding:5px 11px;border:1px solid #d9dccd;border-radius:30px;color:var(--muted);margin-bottom:12px}.case-info h3{font-size:26px;margin:10px 0 18px;letter-spacing:-.02em}.case-info>p{font-size:13px;color:var(--muted);line-height:1.9}.checklist{padding:0;list-style:none;font-size:12px;margin:20px 0 28px}.checklist li{margin-block:8px}.checklist li:before{content:'✓';display:inline-block;color:var(--orange);margin-right:10px}.small{font-size:11px!important;color:var(--muted);line-height:1.8;margin:20px 0 0}.services-band{background:#efeee6}.service-rows{border-top:1px solid #d6d8cd}.service-rows article{display:grid;grid-template-columns:40px 1fr 1.2fr auto;gap:25px;padding:30px 0;border-bottom:1px solid #d6d8cd;align-items:center}.number{font-size:14px;color:var(--orange)}.service-rows h3{font-size:20px;margin:0}.service-rows p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.row-tag{border:1px solid #d5d8cb;border-radius:30px;padding:5px 12px;font-size:10px;white-space:nowrap}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:42px}.steps li{padding:22px 0;border-top:2px solid #cad0c2}.steps span{font-size:11px;color:var(--orange)}.steps h3{font-size:19px;margin:20px 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.9}.faq-band{background:#f1f1e8}.faq-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:60px}.faq-layout>div>p{font-size:13px;color:var(--muted)}details{border-bottom:1px solid #d7dbcf}summary{padding:22px 0;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{color:var(--orange)}details[open] summary span{transform:rotate(45deg)}details>p{font-size:13px;line-height:1.9;color:var(--muted);padding-right:30px;margin-bottom:24px}.contact{background:var(--ink);color:white}.contact .eyebrow{color:#b9c7b2}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}.contact h2{font-size:38px}.contact-grid>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#bcc9bc}.contact-card{background:#faf8f3;color:var(--ink);border-radius:10px;padding:35px}.contact-card>span{font-size:12px;color:var(--muted)}.phone{display:block;font-size:clamp(25px,3vw,37px);font-weight:700;letter-spacing:.01em;margin:10px 0 22px;line-height:1.5}.contact-card .actions{gap:10px}.contact-card .btn{font-size:13px;padding-inline:18px}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:32px;font-size:11px;color:var(--muted)}.footer>div{display:flex;gap:22px}.footer p{flex:0 0 100%;font-size:10px;margin:0}.mobile-dock{display:none}.notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#1f3028;color:white;border-radius:8px;padding:14px 22px;z-index:40;box-shadow:0 8px 28px #0003;pointer-events:none;opacity:0;transition:opacity .2s;font-size:13px;max-width:calc(100% - 32px);text-align:center}.notice.show{opacity:1}dialog{border:1px solid var(--line);border-radius:14px;padding:36px;max-width:calc(100vw - 30px);color:var(--ink)}dialog::backdrop{background:#10251999}.dialog-close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:26px}.pet-promo{--orange:#e57745;--paper:#fcf9f1}.pet-promo .logo-mark{border-radius:50%;background:#f4b087;color:#254b3a}.pet-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:45px 65px}.pet-hero h1{font-size:clamp(38px,4vw,59px);line-height:1.35}.pet-photo{height:480px;position:relative}.pet-photo>img{width:100%;height:100%;object-fit:cover;border-radius:180px 180px 20px 20px}.pet-photo>span{position:absolute;bottom:30px;left:-30px;transform:rotate(-7deg);background:#294d3b;color:#fff6e8;padding:20px 25px;border-radius:8px;font-size:13px}.pet-photo b{font-size:24px}.pet-disclaimer{font-size:11px;color:var(--muted);max-width:360px;margin:28px 0 0}.pet-values{display:flex;justify-content:space-between;padding-block:25px;border-block:1px solid var(--line);font-size:14px}.pet-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pet-service-grid article{background:#f0f0e5;border-radius:12px;overflow:hidden}.pet-service-grid img{width:100%;height:250px;object-fit:cover}.pet-service-grid article>div{padding:25px}.pet-service-grid span{font-size:12px;color:#6a7766}.pet-service-grid h3{font-size:20px;margin:12px 0}.pet-service-grid p{font-size:12px;color:var(--muted)}.pet-service-grid a{font-size:12px;font-weight:600}.pet-goods-band{background:#f0eadc}.pet-goods{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.pet-good>div{background:#f8f6ed;border-radius:12px;overflow:hidden;margin-bottom:18px}.pet-good img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .3s}.pet-good:hover img{transform:scale(1.04)}.pet-good>span{font-size:11px;color:var(--muted)}.pet-good h3{font-size:17px;margin:5px 0}.pet-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.pet-story>img{height:400px;width:100%;object-fit:cover;border-radius:15px}.pet-story p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.case-owner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:60px}.case-owner h2{font-size:28px}.case-owner p{font-size:12px;color:var(--muted);margin-bottom:0}.case-owner .eyebrow{margin-bottom:12px}.case-owner .btn{flex-shrink:0}
@media(min-width:1500px){.hero{padding-block:90px 115px}}@media(max-width:1000px){.shell{width:calc(100% - 48px)}.header nav{gap:16px}.hero{gap:25px}.mock-body{padding-inline:18px}.mock-body h2{font-size:25px}.mock-body img{height:245px}.mock-nav{padding-inline:18px}.mock-nav>span{display:none}.case-layout{gap:32px}.case-image{height:420px}.service-rows article{grid-template-columns:25px 1fr 1.2fr;gap:15px}.row-tag{display:none}.contact-grid{gap:28px}.contact-card{padding:26px}.contact h2{font-size:32px}.pet-hero{gap:35px}.pet-photo{height:420px}.pet-story{gap:40px}.pet-service-grid img{height:220px}.pet-service-grid article>div{padding:20px}}@media(max-width:720px){.shell{width:calc(100% - 36px)}.topbar .shell{font-size:10px;line-height:1.6;gap:12px}.topbar a{font-size:10px}.header{padding-block:20px}.logo{font-size:16px}.logo-mark{width:40px;height:40px;font-size:24px;border-radius:10px}.logo small{font-size:9px}.header nav>a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding-block:30px 70px;gap:45px}.hero h1{font-size:45px}.eyebrow{font-size:11px;margin-bottom:20px}.lead{font-size:14px;margin-bottom:26px}.hero-tags{font-size:10px;gap:11px;margin-top:24px}.actions{gap:18px}.btn{padding:14px 20px;font-size:13px;min-height:48px}.hero-demo{width:100%;max-width:480px;margin-inline:auto;transform:rotate(1deg)}.mock-nav{padding:18px}.mock-nav b{font-size:16px}.mock-body{padding:5px 18px 20px;gap:8px}.mock-body h2{font-size:25px;margin:10px 0}.mock-body img{height:225px}.mock-tag{font-size:6px}.mock-body p{font-size:8px}.mock-button{font-size:8px;padding:8px}.mock-bottom{font-size:9px;padding:14px}.floating-note{right:20px;padding:10px 15px;bottom:-22px}.ticker .shell{padding-block:18px;font-size:11px;gap:8px}.ticker b{font-size:10px}.ticker .shell>span:last-child,.ticker .shell>b:nth-last-child(2){display:none}.section{padding-block:58px}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:29px}.section-head>p,.section-head>.text-link{display:block;margin-top:18px;font-size:12px}.case-layout{grid-template-columns:1fr;gap:28px}.case-image{height:310px}.case-info h3{font-size:23px}.case-info .actions{gap:20px}.service-rows article{grid-template-columns:26px 1fr;padding:24px 0;gap:10px 12px}.service-rows h3{font-size:18px}.service-rows p{grid-column:2}.steps{grid-template-columns:1fr 1fr;gap:15px 24px;margin:28px 0 0}.steps h3{font-size:17px;margin:14px 0 10px}.steps p{font-size:11px}.steps li{padding-top:17px}.faq-layout{grid-template-columns:1fr;gap:12px}.faq-layout h2 br{display:none}.faq-layout>div>p:not(.eyebrow){margin-bottom:10px}summary{font-size:14px;padding-block:20px}details>p{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:20px}.contact h2{font-size:30px}.contact-card{padding:27px}.phone{font-size:30px;letter-spacing:.03em}.contact-card .btn{flex:1}.contact-card .actions{gap:10px}.footer{padding-block:28px 110px;font-size:10px}.footer>div{gap:15px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px;background:#fffef8f5;border-top:1px solid var(--line);z-index:30;box-shadow:0 -5px 22px #142c2110}.mobile-dock a{flex:1;text-align:center;font-size:13px;font-weight:600;padding:12px 7px;border:1px solid #d3d9cc;border-radius:7px}.mobile-dock a:last-child{background:var(--orange);color:white;border-color:var(--orange)}.pet-hero{grid-template-columns:1fr;gap:35px;padding-block:25px 40px}.pet-hero h1{font-size:37px;line-height:1.35}.pet-photo{height:390px;width:calc(100% - 12px);margin-left:12px}.pet-photo>img{border-radius:160px 160px 16px 16px}.pet-photo>span{left:-12px;padding:16px 22px;font-size:11px;bottom:25px}.pet-photo b{font-size:22px}.pet-values{font-size:10px;padding-block:21px;gap:10px}.pet-service-grid{grid-template-columns:1fr;gap:23px}.pet-service-grid article{display:grid;grid-template-columns:.8fr 1fr;align-items:stretch}.pet-service-grid img{height:100%;min-height:220px;object-fit:cover}.pet-service-grid article>div{padding:23px 18px}.pet-service-grid h3{font-size:17px}.pet-service-grid span{font-size:10px}.pet-service-grid p,.pet-service-grid a{font-size:11px}.pet-goods{grid-template-columns:1fr 1fr;gap:25px 16px}.pet-good>div{margin-bottom:12px}.pet-good h3{font-size:15px}.pet-story{grid-template-columns:1fr;gap:30px}.pet-story>img{height:330px}.pet-story h2{font-size:28px}.pet-story p:not(.eyebrow){font-size:13px}.case-owner{display:block;padding-block:45px}.case-owner h2{font-size:25px}.case-owner .btn{margin-top:24px}.case-owner .eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
