@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--paper:#fff9ed;--ink:#17231e;--muted:#51584e;--orange:#ff8756;--blue:#cadcf1;--yellow:#f2e77e;--line:#17231e;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;scrollbar-color:var(--ink) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.08;text-wrap:balance}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}::selection{background:var(--orange);color:var(--ink)}img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;flex:none}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.skip{position:absolute;top:-80px;left:20px;background:var(--yellow);padding:12px;z-index:40}.skip:focus{top:10px}
.header{position:sticky;top:0;background:var(--paper);z-index:20;border-bottom:2px solid var(--ink)}.nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-.035em}.brand-logo{width:54px;height:54px;object-fit:contain;flex:none}.brand-dot{color:#9b3a19}.nav nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.nav-contact{display:flex;align-items:center;gap:25px;border:2px solid var(--ink);border-radius:99px;padding:10px 20px;background:var(--yellow)}.nav-contact:hover{background:var(--orange);text-decoration:none}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:0 7%;padding-top:66px}.hero-main{padding:12px 0}.hero h1{font-size:clamp(64px,6.45vw,94px);font-weight:800;line-height:1.02}.hero h1 span{color:#a23e1c}.hero-copy{margin-top:28px}.intro{max-width:58ch;font-size:16px;color:var(--muted);line-height:1.8}.intro strong{font-weight:700;color:var(--ink)}.hero-copy .button{margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:2px solid var(--ink);border-radius:99px;padding:14px 22px;font-size:13px;font-weight:700;transition:background .2s,color .2s,transform .3s var(--ease)}.button:hover{transform:translateY(-3px);text-decoration:none}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#344a3e}.button-light{background:var(--paper)}.button-light:hover{background:var(--yellow)}.button svg{width:18px;height:18px}
.cat-poster{position:relative;align-self:stretch;background:var(--orange);border:2px solid var(--ink);border-radius:14px;min-height:525px;padding:25px 28px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(var(--tilt,0deg));transition:transform .6s var(--ease)}.poster-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.poster-top>span:last-child{font-size:26px;font-weight:800}.hero-cat{width:85%;margin:-7px auto -20px;transform:rotate(-7deg);transition:transform .6s var(--ease)}.cat-poster:hover .hero-cat{transform:rotate(1deg)}.poster-caption{display:flex;justify-content:space-between;align-items:end;font-size:25px;line-height:1.2;font-weight:800;letter-spacing:-.03em}.poster-caption a{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}.poster-caption a:hover{background:var(--yellow)}.poster-seal{position:absolute;right:-22px;top:105px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:112px;height:112px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-size:11px;font-weight:800;line-height:1.6}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding:22px 0;border-top:2px solid var(--ink);font-size:12px;font-weight:600}.hero-bottom a{display:flex;align-items:center;gap:22px}.hero-bottom svg{transform:rotate(45deg);width:18px;height:18px}
.work{padding:78px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.section-heading h2,.company h2{font-size:clamp(38px,4.2vw,60px);font-weight:800}.section-heading p{max-width:270px;font-size:14px;color:var(--muted)}.product-stage{height:595px;background:var(--blue);border:2px solid var(--ink);border-radius:14px;padding:32px 40px 0;overflow:hidden}.stage-heading{display:flex;align-items:center;gap:14px}.stage-heading img{width:50px;height:50px;border-radius:12px}.stage-heading span{font-size:23px;font-weight:800;letter-spacing:-.03em}.stage-heading p{font-size:12px;color:#394e60}.stage-heading .stage-platform{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:0;border:1.5px solid var(--ink);padding:7px 14px;border-radius:99px;background:var(--paper)}.screen-composition{position:relative;max-width:1030px;margin:35px auto 0}.browser-frame{width:85%;border:2px solid var(--ink);border-radius:12px 12px 0 0;overflow:hidden;transform:rotate(-2deg);background:white}.browser-toolbar{height:32px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:2px solid var(--ink);font-size:10px}.browser-toolbar>div{display:flex;gap:5px}.browser-toolbar i{width:6px;height:6px;border-radius:50%;background:var(--orange);border:1px solid var(--ink)}.browser-toolbar svg{width:13px;height:13px}.web-screen{width:100%}.phone-frame{position:absolute;right:2%;top:38px;width:218px;border:6px solid var(--ink);border-radius:28px;background:var(--ink);overflow:hidden;transform:rotate(5deg)}.phone-frame img{width:100%;border-radius:20px}.phone-frame figcaption{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:var(--paper);padding:5px;text-align:center;font-size:10px}
.product-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:48px}.product-title h3{font-size:42px;font-weight:800}.product-title h3 span{font-size:19px;font-weight:500;margin-left:18px}.product-title>p{margin-top:15px;font-size:19px;line-height:1.6}.play-feature{display:block;margin-top:25px;border:2px solid var(--ink);border-radius:12px;overflow:hidden}.play-feature img{width:100%}.platform-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.platform-links .button{font-size:12px;padding:12px 17px;gap:14px}.product-title .store-name{font-size:11px;margin-top:16px;color:var(--muted)}.product-detail>p{font-size:16px;color:var(--muted)}.product-facts{margin-top:26px}.product-facts>div{padding:17px 0;border-top:1px solid var(--ink)}.product-facts dt{font-size:14px;font-weight:800}.product-facts dd{font-size:14px;color:var(--muted);margin-top:6px}.product-detail .product-disclaimer{font-size:12px;margin-top:19px}.product-policies{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;margin-top:22px;text-decoration:underline}
.expertise{padding:90px 0 110px;border-top:2px solid var(--ink)}.services__grid{border-top:2px solid var(--ink)}.svc{padding:34px 0;border-bottom:2px solid var(--ink)}.svc__bar{display:none}.svc__body{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:5%}.svc__title{font-size:29px;font-weight:800}.svc__text{font-size:14px;color:var(--muted);line-height:1.8}.svc__list{margin:0;padding:0;list-style:none;font-size:13px}.svc__list li{padding:6px 0 8px;border-bottom:1px solid #aaa797}.svc__list li:last-child{border:0}
.process{padding:85px 0 95px;background:var(--blue);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:55px}.step{position:relative}.step__num{display:grid;place-items:center;width:55px;height:55px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;margin-bottom:30px}.step:nth-child(2) .step__num{background:var(--yellow)}.step:nth-child(3) .step__num{background:var(--orange)}.step:nth-child(4) .step__num{background:var(--ink);color:var(--paper)}.step:not(:last-child):after{content:'';position:absolute;height:2px;background:var(--ink);top:27px;left:75px;right:0}.step__title{font-size:25px;font-weight:800;margin-bottom:14px}.step__text{font-size:14px;color:#394e60}
.company{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding:115px 0}.company-statement>p{font-size:15px;color:var(--muted);margin-top:25px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-top:28px;font-size:13px;font-weight:700}.company-details{position:relative;border:2px solid var(--ink);border-radius:14px;padding:32px;background:var(--yellow);align-self:center}.company-cat{position:absolute;right:22px;top:-59px;width:88px;height:88px;transform:rotate(8deg)}.company-details h3{font-size:24px;font-weight:800;margin-bottom:24px}.company-details dl>div{display:grid;grid-template-columns:100px 1fr;gap:20px;border-top:1px solid var(--ink);padding:16px 0;font-size:13px}.company-details dl>div:last-child{padding-bottom:0}.company-details dt{font-weight:700}address{font-style:normal}
.contact{padding:75px 0 24px;background:var(--orange);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.contact-top{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.contact h2{font-size:clamp(50px,5.8vw,80px);font-weight:800}.contact-top p{font-size:15px;margin-bottom:24px}.contact-email{display:flex;align-items:center;gap:24px;font-size:clamp(20px,2.1vw,30px);font-weight:700;letter-spacing:-.025em}.contact-phone{display:inline-block;font-size:15px;margin-top:16px}.contact-support{display:flex;justify-content:space-between;gap:24px;margin-top:65px;padding-top:23px;border-top:1px solid var(--ink);font-size:12px}.contact-support a{display:flex;align-items:center;gap:20px}.contact-support svg{width:16px;height:16px}footer{padding:27px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner .brand{font-size:18px}.footer-inner .brand-logo{width:42px;height:42px}.footer-inner p{font-size:11px;color:var(--muted)}.footer-inner nav{display:flex;gap:24px;font-size:12px}.privacy-body{max-width:780px;padding:80px 0 100px}.privacy-body h1{font-size:58px;font-weight:800}.privacy-body h2{font-size:27px;font-weight:800;margin-top:40px;margin-bottom:15px}.privacy-body p{margin:15px 0;font-size:15px;color:var(--muted)}.privacy-body a{text-decoration:underline}.privacy-date{font-size:12px!important}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:0 5%}.hero h1{font-size:70px}.cat-poster{min-height:490px;padding:22px}.poster-seal{right:-15px;width:94px;height:94px;font-size:10px}.poster-caption{font-size:23px}.product-stage{height:505px;padding:28px}.phone-frame{width:185px}.company{gap:6%}.company-details{padding:26px}.company-details dl>div{grid-template-columns:85px 1fr;gap:14px}.process__grid{gap:25px}.svc__body{gap:4%}}
@media(max-width:760px){html{scroll-padding-top:145px}.wrap{width:calc(100% - 40px)}.nav{flex-wrap:wrap;gap:10px;padding:12px 0}.brand{font-size:21px}.brand-logo{width:44px;height:44px}.nav nav{width:100%;justify-content:space-between;gap:15px;font-size:11px}.nav-contact{padding:7px 12px;gap:10px}.nav-contact svg{width:15px;height:15px}.hero{grid-template-columns:1fr;padding-top:37px}.hero h1{font-size:clamp(51px,10.8vw,76px)}.hero-copy{margin-top:25px}.intro{font-size:15px}.hero-copy .button{margin-top:22px}.cat-poster{margin-top:30px;min-height:0;height:auto;padding:19px 23px}.hero-cat{width:66%;max-width:300px;margin:-10px auto -16px}.poster-top{font-size:11px}.poster-caption{font-size:23px}.poster-caption a{width:44px;height:44px}.poster-seal{right:-9px;top:72px;width:88px;height:88px;font-size:9px}.hero-bottom{margin-top:30px;align-items:start;font-size:10px;padding:20px 0}.hero-bottom p{max-width:170px}.hero-bottom a{gap:10px;white-space:nowrap}.work{padding:44px 0 65px}.section-heading{flex-direction:column;align-items:start;gap:18px;margin-bottom:27px}.section-heading h2,.company h2{font-size:38px}.section-heading p{font-size:13px}.product-stage{height:330px;padding:18px 14px 0}.stage-heading{gap:10px}.stage-heading img{width:39px;height:39px}.stage-heading span{font-size:20px}.stage-heading p{font-size:9px}.stage-heading .stage-platform{display:none}.screen-composition{margin-top:26px}.browser-frame{width:90%}.browser-toolbar{height:22px;font-size:7px;padding:0 7px}.browser-toolbar i{width:4px;height:4px}.phone-frame{width:110px;top:42px;right:2px;border-width:4px;border-radius:17px}.phone-frame img{border-radius:12px}.phone-frame figcaption{font-size:7px}.product-story{grid-template-columns:1fr;gap:32px;padding-top:32px}.product-title h3{font-size:35px}.product-title>p{font-size:17px}.platform-links{gap:9px}.platform-links .button{font-size:11px;padding:11px 13px;gap:10px}.product-detail>p{font-size:15px}.product-facts dt,.product-facts dd{font-size:13px}.expertise{padding:60px 0}.svc{padding:27px 0}.svc__body{display:block}.svc__title{font-size:28px}.svc__text{margin-top:18px;font-size:14px}.svc__list{margin-top:18px;font-size:13px}.process{padding:58px 0 65px}.process__grid{grid-template-columns:1fr 1fr;gap:35px 24px;margin-top:36px}.step__num{width:46px;height:46px;margin-bottom:21px;font-size:16px}.step:not(:last-child):after{left:63px;top:23px}.step:nth-child(2):after{display:none}.step__title{font-size:23px}.step__text{font-size:13px}.company{display:block;padding:65px 0}.company-statement>p{font-size:14px;margin-top:22px}.company-details{margin-top:66px;padding:25px 22px}.company-details h3{font-size:23px}.company-details dl>div{font-size:12px;grid-template-columns:86px 1fr;gap:12px}.company-cat{width:78px;height:78px;top:-51px}.text-link{font-size:12px;gap:18px}.contact{padding-top:55px}.contact-top{display:block}.contact h2{font-size:56px}.contact-top>div{margin-top:32px}.contact-email{font-size:24px;gap:15px}.contact-top p{font-size:14px}.contact-support{margin-top:38px;gap:18px;font-size:11px;align-items:start}.contact-support a{gap:8px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner p{font-size:10px}.footer-inner nav{width:100%;font-size:11px}.privacy-body{padding-top:45px}.privacy-body h1{font-size:43px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:48px}.nav nav{gap:8px}.nav-contact{padding:6px 9px}.contact-email{font-size:21px}.platform-links{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.cat-poster,.cat-poster:hover .hero-cat{transform:none}}

/* Raised paw replaces the framed brand poster. */
.paw-feature{align-self:center;display:flex;align-items:center;flex-direction:column;padding:0 16px;text-align:center;color:#a23e1c}
.hero-paw{width:280px;height:390px;object-fit:contain;transform:rotate(calc(-8deg + var(--tilt,0deg)));transform-origin:50% 90%;transition:transform .6s var(--ease)}
.paw-feature figcaption{font-size:clamp(25px,2.25vw,33px);font-weight:800;letter-spacing:-.035em;line-height:1.18;margin-top:14px}
.paw-location{font-size:11px;color:var(--muted);margin-top:20px}
@media(max-width:1100px){.hero-paw{width:250px;height:350px}.paw-feature figcaption{font-size:27px}}
@media(max-width:760px){.paw-feature{margin-top:30px;padding:0}.hero-paw{width:235px;height:310px}.paw-feature figcaption{font-size:27px;margin-top:9px}.paw-location{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.hero-paw{transform:rotate(-8deg);transition:none}}
/* Two walking paw prints, replacing the foreleg illustration. */
.brand-chinese{font-family:Manrope,"Microsoft YaHei","PingFang SC",sans-serif;font-size:.84em;letter-spacing:.01em;font-weight:700}.brand>span{white-space:nowrap}
.hero-paw{width:350px;height:350px;transform:rotate(var(--tilt,0deg));transform-origin:center}
@media(max-width:1100px){.hero-paw{width:310px;height:310px}}
@media(max-width:760px){.hero-paw{width:260px;height:260px}}
@media(prefers-reduced-motion:reduce){.hero-paw{transform:none}}
