:root{color:#171b1d;background:#f4f7f6;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f4f7f6}button,a{font:inherit}a{color:inherit;text-decoration:none}button{letter-spacing:0}::selection{color:#111416;background:#91ddc9}:focus-visible{outline:3px solid #91ddc9;outline-offset:4px}.site-shell{min-height:100vh;overflow:hidden}.site-header{position:fixed;z-index:20;top:0;left:0;display:flex;width:100%;height:66px;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);border-bottom:1px solid rgba(255,255,255,.12);color:#f8faf9;background:#0f1214e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:header-arrive .62s cubic-bezier(.2,.75,.2,1) both}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800}.brand small{color:#a9b0b2;font-size:11px;font-weight:650}.brand-mark{position:relative;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;gap:4px;border-radius:7px;background:#e86f55;box-shadow:0 0 #e86f5557;transition:transform .22s ease,box-shadow .22s ease}.brand-mark i{width:4px;height:8px;border-radius:2px;background:#fff}.brand:hover .brand-mark{transform:translateY(-2px) rotate(-4deg);box-shadow:0 7px 18px #e86f5547}.brand:hover .brand-mark i:first-child{animation:ear-wave .42s ease}.site-nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-nav>a{position:relative;color:#b8bec0;transition:color .16s ease}.site-nav>a:after{position:absolute;right:0;bottom:-9px;left:0;height:2px;content:"";background:#91ddc9;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.site-nav>a:hover{color:#fff}.site-nav>a:hover:after{transform:scaleX(1);transform-origin:left}.nav-download,.download-section button{display:inline-flex;height:38px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid #ef866f;border-radius:7px;color:#fff;background:#d95f46;cursor:pointer;font-weight:700;box-shadow:0 8px 20px #d95f4629;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nav-download:hover,.download-section button:hover{background:#e36b52;box-shadow:0 12px 30px #d95f4647;transform:translateY(-2px)}.nav-download:active,.download-section button:active{transform:translateY(0) scale(.98)}.menu-button{display:none;width:38px;height:38px;place-items:center;border:0;color:#fff;background:transparent}.hero{position:relative;display:flex;min-height:min(860px,calc(100svh - 70px));align-items:flex-end;overflow:hidden;padding:130px clamp(24px,7vw,112px) clamp(72px,9vh,104px);color:#fff;background:#111416}.hero-media{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%;object-fit:cover;object-position:center top;animation:hero-drift 18s ease-in-out infinite alternate;will-change:transform}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#070a0bc2}.hero-content{position:relative;z-index:2;max-width:790px}.overline{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#86d9c4;font-size:11px;font-weight:850}.overline.dark{color:#c6533e}.hero .overline{animation:hero-rise .65s .16s cubic-bezier(.2,.75,.2,1) both}.hero h1{margin:0;font-size:clamp(58px,9vw,128px);line-height:.88;font-weight:820;animation:hero-rise .76s .24s cubic-bezier(.2,.75,.2,1) both}.hero h1 span{display:block;margin-top:20px;color:#f5aaa0;font-size:clamp(34px,5vw,66px)}.hero-lead{max-width:660px;margin:30px 0 0;color:#c8cdcf;font-size:clamp(16px,1.7vw,21px);line-height:1.65;animation:hero-rise .76s .36s cubic-bezier(.2,.75,.2,1) both}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;animation:hero-rise .76s .47s cubic-bezier(.2,.75,.2,1) both}.primary-action,.secondary-action{display:inline-flex;min-height:46px;align-items:center;gap:9px;padding:0 17px;border-radius:7px;font-size:13px;font-weight:750;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.primary-action{color:#17201d;background:#91ddc9}.secondary-action{border:1px solid #596063;color:#eef1f1;background:#121617c2}.primary-action:hover{box-shadow:0 14px 34px #91ddc93d;transform:translateY(-3px)}.secondary-action:hover{border-color:#91ddc9;background:#232d2ceb;transform:translateY(-3px)}.primary-action svg,.creator-copy a svg{transition:transform .18s ease}.primary-action:hover svg,.creator-copy a:hover svg{transform:translate(4px)}.hero-scroll{position:absolute;z-index:2;right:clamp(24px,4vw,68px);bottom:34px;display:grid;width:42px;height:42px;place-items:center;border:1px solid #72797b;border-radius:50%;animation:scroll-cue 2.2s ease-in-out infinite;transition:color .18s ease,border-color .18s ease,background .18s ease}.hero-scroll:hover{border-color:#91ddc9;color:#91ddc9;background:#91ddc914}.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d8dddb;background:#eef2f1}.signal-strip div{display:grid;gap:5px;padding:26px clamp(18px,3vw,48px);border-right:1px solid #d8dddb;transition:color .2s ease,background .2s ease}.signal-strip div:last-child{border-right:0}.signal-strip strong{font-size:18px}.signal-strip span{color:#747d80;font-size:11px}.signal-strip div:hover{color:#a14636;background:#fff}.pet-section,.feature-section,.faq-section{padding:112px clamp(24px,7vw,112px)}.section-heading{max-width:720px;margin-bottom:48px}.section-heading.compact{margin-bottom:36px}.section-heading h2,.platform-copy h2,.creator-section h2,.download-section h2{margin:0;font-size:clamp(34px,4.5vw,62px);line-height:1.08}.section-heading>p:last-child,.platform-copy>p,.creator-copy p,.download-section p{color:#657073;font-size:16px;line-height:1.75}.pet-stage{position:relative;display:grid;min-height:480px;grid-template-columns:minmax(300px,1.15fr) minmax(290px,.85fr);align-items:center;overflow:hidden;border:1px solid #b9d7cc;border-radius:8px;background:#d8eee7;box-shadow:0 26px 70px #2054431c;transition:box-shadow .26s ease,transform .26s ease}.pet-stage:hover{box-shadow:0 34px 84px #2054432b;transform:translateY(-4px)}.garden-strip{position:absolute;right:0;bottom:0;width:102%;height:126px;object-fit:cover;animation:garden-breathe 8s ease-in-out infinite alternate}.rabbit-house{position:relative;z-index:1;width:min(70%,520px);margin:30px auto 0;image-rendering:pixelated;animation:house-float 5.8s ease-in-out infinite}.rabbit-character{position:absolute;z-index:2;left:43%;bottom:94px;width:96px;image-rendering:pixelated;filter:drop-shadow(0 12px 10px rgba(40,74,61,.18));animation:rabbit-hop 3.6s ease-in-out infinite;transform-origin:50% 100%}.pet-copy{position:relative;z-index:3;align-self:stretch;padding:60px;border-left:1px solid rgba(66,103,88,.18);background:#f5faf8d1}.pet-tag{color:#a14636;font-size:11px;font-weight:800}.pet-copy h3{margin:20px 0 12px;font-size:clamp(34px,4vw,54px)}.pet-copy>p{color:#5d686b;line-height:1.75}.pet-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:44px 0 0;border-top:1px solid #cad8d3}.pet-copy dl div{padding:18px 10px 0 0}.pet-copy dt{color:#828b8d;font-size:10px}.pet-copy dd{margin:6px 0 0;font-size:12px;font-weight:750}.platform-section{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(500px,1.22fr);align-items:center;gap:72px;padding:112px clamp(24px,7vw,112px);color:#f4f7f6;background:#121719}.platform-copy>p{color:#9fa8aa}.platform-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:30px;color:#9edbc9;font-size:12px}.platform-points span{display:inline-flex;align-items:center;gap:6px}.product-frame{margin:0;overflow:hidden;border:1px solid #394143;border-radius:8px;background:#181d1f;box-shadow:0 28px 80px #00000059;transform:perspective(1200px) rotateY(-2deg) rotate(1deg);transition:transform .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s ease,border-color .42s ease}.product-frame:hover{border-color:#659688;box-shadow:0 38px 96px #00000075;transform:perspective(1200px) rotateY(0) rotate(0) translateY(-6px)}.product-frame img{display:block;width:100%}.product-frame figcaption{padding:12px 15px;color:#788184;font-size:10px}.feature-section{background:#f4f7f6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccd3d1;border-left:1px solid #ccd3d1}.feature-grid article{position:relative;min-height:240px;overflow:hidden;padding:30px;border-right:1px solid #ccd3d1;border-bottom:1px solid #ccd3d1;transition:color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.feature-grid article:after{position:absolute;right:24px;bottom:24px;width:7px;height:7px;border-radius:50%;content:"";background:currentColor;opacity:0;transform:scale(.5);transition:opacity .22s ease,transform .22s ease}.feature-grid article:hover{z-index:1;background:#fff;box-shadow:0 18px 45px #192d271a;transform:translateY(-6px)}.feature-grid article:hover:after{opacity:.45;transform:scale(1)}.feature-grid article svg{transition:transform .28s cubic-bezier(.2,.75,.2,1)}.feature-grid article:hover svg{transform:translateY(-3px) rotate(-7deg) scale(1.08)}.feature-grid article:nth-child(1) svg{color:#d45e47}.feature-grid article:nth-child(2) svg{color:#277868}.feature-grid article:nth-child(3) svg{color:#317a98}.feature-grid article:nth-child(4) svg{color:#a27822}.feature-grid h3{margin:34px 0 10px;font-size:17px}.feature-grid p{margin:0;color:#697376;font-size:13px;line-height:1.7}.creator-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px clamp(24px,7vw,112px);background:#f3a69c}.creator-copy{align-self:end}.creator-copy p{color:#523b38}.creator-copy a{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border-bottom:1px solid #6d352c;padding-bottom:6px;font-size:13px;font-weight:800;transition:color .18s ease,border-color .18s ease}.creator-copy a:hover{color:#fff;border-color:#fff}.download-section{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:100px clamp(24px,7vw,112px);background:#b9deeb}.download-section>div{max-width:760px}.download-section p{color:#435e67}.download-section button{flex:0 0 auto;border-color:#1a4e5e;color:#ecfbff;background:#205f72}.faq-section{background:#fff}.faq-list{border-top:1px solid #d9dedd}.faq-list details{border-bottom:1px solid #d9dedd}.faq-list summary{position:relative;padding:24px 42px 24px 2px;cursor:pointer;list-style:none;font-size:15px;font-weight:750;transition:color .18s ease,padding-left .18s ease}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{position:absolute;top:50%;right:4px;width:22px;height:22px;content:"+";color:#a14636;font-size:21px;font-weight:400;line-height:20px;text-align:center;transform:translateY(-50%);transition:transform .22s ease}.faq-list details[open] summary{color:#a14636;padding-left:10px}.faq-list details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-list details p{max-width:760px;margin:0;padding:0 0 24px;color:#667174;font-size:13px;line-height:1.7;animation:faq-open .26s ease both}footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:38px clamp(24px,7vw,112px);color:#e7ebea;background:#111416}footer p,footer>span{color:#7e8789;font-size:11px}.footer-brand small{color:#818a8c}.toast{position:fixed;z-index:50;right:24px;bottom:24px;display:flex;min-height:44px;align-items:center;gap:9px;padding:0 16px;border:1px solid #4a685f;border-radius:7px;color:#e7f8f3;background:#20322d;box-shadow:0 14px 40px #0000003d;font-size:12px;animation:toast-arrive .36s cubic-bezier(.2,.8,.2,1) both}.motion-ready .reveal{opacity:0;translate:0 34px;transition:opacity .72s ease,translate .72s cubic-bezier(.2,.75,.2,1)}.motion-ready .reveal.is-visible{opacity:1;translate:0 0}.motion-ready .signal-strip>div:nth-child(2),.motion-ready .feature-grid article:nth-child(2),.motion-ready .faq-list details:nth-child(2){transition-delay:80ms}.motion-ready .signal-strip>div:nth-child(3),.motion-ready .feature-grid article:nth-child(3),.motion-ready .faq-list details:nth-child(3){transition-delay:.16s}.motion-ready .signal-strip>div:nth-child(4),.motion-ready .feature-grid article:nth-child(4){transition-delay:.24s}@keyframes header-arrive{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{0%{transform:scale(1.01) translate3d(-.4%,0,0)}to{transform:scale(1.055) translate3d(.7%,-1%,0)}}@keyframes scroll-cue{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes ear-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes garden-breathe{0%{transform:translate(0) scale(1)}to{transform:translate(1%) scale(1.018)}}@keyframes house-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes rabbit-hop{0%,58%,to{transform:translateY(0) scaleY(1)}66%{transform:translateY(3px) scaleY(.95)}76%{transform:translateY(-11px) scaleY(1.03)}86%{transform:translateY(0) scaleY(.98)}}@keyframes faq-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-arrive{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:980px){.feature-grid{grid-template-columns:repeat(2,1fr)}.platform-section{grid-template-columns:1fr}.creator-section{grid-template-columns:1fr;gap:32px}.pet-stage{grid-template-columns:1fr}.pet-copy{border-top:1px solid rgba(66,103,88,.18);border-left:0}.rabbit-character{left:52%;bottom:375px}}@media(max-width:760px){.site-header{height:60px;padding-inline:18px}.menu-button{display:grid}.site-nav{position:fixed;inset:60px 0 auto;display:none;align-items:stretch;flex-direction:column;gap:0;padding:12px 18px 22px;border-bottom:1px solid #33383a;background:#121618}.site-nav.open{display:flex}.site-nav>a{padding:16px 2px;border-bottom:1px solid #2e3436}.nav-download{margin-top:14px}.hero{min-height:calc(100svh - 52px);padding:120px 22px 70px}.hero-media{object-position:60% top}.hero h1{font-size:clamp(50px,18vw,76px)}.hero h1 span{font-size:36px}.hero-scroll{display:none}.signal-strip{grid-template-columns:repeat(2,1fr)}.signal-strip div:nth-child(2){border-right:0}.signal-strip div{padding:22px}.pet-section,.feature-section,.faq-section,.platform-section,.creator-section,.download-section{padding:76px 22px}.pet-stage{min-height:660px}.rabbit-house{margin-top:56px}.rabbit-character{left:57%;bottom:405px;width:76px}.pet-copy{padding:34px 26px}.feature-grid{grid-template-columns:1fr}.download-section{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;translate:none}}