:root{--ink:#252c33;--muted:#81858a;--line:#e9e9e9;--warm:#faf3ea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button:disabled{cursor:default}a:focus-visible{outline:2px solid #77836b;outline-offset:5px}img{display:block}h2{font-size:34px;line-height:1.4;font-weight:650;letter-spacing:-.045em}h3{font-size:18px;line-height:1.5;font-weight:600}.wrap{width:min(1040px,calc(100% - 112px));margin:auto}.section{padding-top:58px}.eyebrow{font-size:12px;letter-spacing:.1em;color:#898d92;margin-bottom:8px}.note{font-size:11px;color:var(--muted);line-height:1.8}.muted{color:var(--muted)}.cta{font-size:16px;border:0;border-radius:10px;padding:11px 20px;background:#c7c7c7;color:#fff;font-weight:500}.skip{position:absolute;left:15px;top:-80px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}
/* Each cell uses its own 1/6 of a high-resolution transparent atlas. All text is native HTML. */
.pet-frame{position:relative;width:100%;aspect-ratio:1;isolation:isolate;overflow:hidden}.pet-frame img{position:absolute;width:300%;height:auto;max-width:none;left:0;top:0;z-index:1}.pet-frame:before{content:"";position:absolute;left:20%;bottom:1%;width:60%;height:6%;border-radius:50%;background:radial-gradient(ellipse,#2223,transparent 70%);filter:blur(3px);z-index:0}.side img,.happy img{left:-100%}.back img,.lying img{left:-200%}.relaxed img,.happy img,.lying img{transform:translateY(-50%)}.happy:before{opacity:.6;width:48%;left:26%}.lying:before{width:78%;left:11%}
.hero{background:radial-gradient(ellipse at 65% 65%,#fff9f2,var(--warm));overflow:hidden}.hero-inner{position:relative;max-width:1200px;height:600px;margin:auto;padding:0 66px}.hero nav{position:relative;z-index:3;height:87px;display:flex;align-items:center;gap:66px}.brand{font-size:24px;font-weight:750;letter-spacing:-.05em}.nav-links{display:flex;gap:42px;font-size:14px;color:#73777b}.nav-links a:hover{color:#222}.hero-word{position:absolute;left:45px;right:30px;top:94px;line-height:1;white-space:nowrap;font-size:clamp(100px,14.4vw,173px);font-weight:850;letter-spacing:-.065em;color:#e8d7c5;user-select:none}.hero-copy{position:relative;z-index:2;padding-top:190px;width:50%}.hero h1{font-size:52px;font-weight:750;line-height:1.22;letter-spacing:-.045em}.hero-copy p{font-size:19px;color:#92877b;line-height:1.65;margin:16px 0 21px;white-space:nowrap}.hero-character{position:absolute;width:505px;right:142px;top:35px;z-index:1}.hero-character .pet-frame:before{width:88%;left:0%;bottom:1%;height:5%;background:radial-gradient(ellipse,#5c4f3a40,transparent 72%);filter:blur(5px)}.signature{position:absolute;right:55px;bottom:125px;font-family:"Bradley Hand","Segoe Print",cursive;font-size:36px;font-style:italic;color:#80664f;transform:rotate(-13deg);border-bottom:1px solid #80664f;padding:0 12px 4px}
.profile{display:grid;grid-template-columns:1.82fr 1fr;margin-top:16px;background:#f4f4f4;border-radius:12px;overflow:hidden}.portrait{position:relative;height:410px;overflow:hidden}.portrait .pet-frame{position:absolute;width:550px;left:-70px;top:-12px}.portrait .pet-frame:before{display:none}.annotation{position:absolute;right:34px;font-size:16px;color:#8d9195;z-index:2}.annotation:before{content:"";display:inline-block;width:50px;border-top:1px solid #a6aaae;transform:rotate(-23deg);vertical-align:middle;margin-right:8px}.glasses{top:75px}.fur{top:185px}.sweater{top:315px}.profile-copy{border-left:1px solid #ddd;margin:36px 0;padding:20px 28px 20px 32px;align-self:center}.profile-copy h3{font-size:33px;letter-spacing:-.04em}.role{font-size:16px;margin:8px 0 24px}.traits{font-size:15px;white-space:nowrap;margin-bottom:20px}.profile-copy .muted{font-size:16px}.turnaround{margin-top:44px}.turnaround h3{font-size:20px;margin-bottom:10px}.views{display:grid;grid-template-columns:repeat(3,1fr);background:#f4f4f4;border-radius:12px;padding:6px 20px 24px}.views figcaption{text-align:center;font-size:15px;line-height:1.4;color:#50565b;margin-top:6px;position:relative;z-index:2}.views figcaption span{font-size:13px;color:#969a9e;margin-left:9px}.turnaround>.note{text-align:center;margin-top:12px}
.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.features article{text-align:center;padding:0 20px}.features article+article{border-left:1px solid var(--line)}.feature-art{position:relative}.feature-copy h3{margin:10px 0 8px}.feature-copy p{font-size:14px;color:var(--muted)}.bubble{position:absolute;right:4%;top:8%;background:#f1f1f1;border-radius:50%;color:#777;font-size:20px;letter-spacing:5px;padding:5px 15px;z-index:2}.bubble:after{content:"";position:absolute;bottom:-8px;left:15px;border-top:15px solid #f1f1f1;border-right:12px solid transparent;transform:rotate(12deg)}.features-note{text-align:right;margin-top:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:25px}.steps article{text-align:center;position:relative}.step-art{height:230px;display:flex;align-items:center;justify-content:center}.step-art .pet-frame{width:230px}.package-art svg{width:240px;height:205px}.step-copy h3{margin:14px 0 8px}.step-copy p{font-size:14px;color:var(--muted)}.steps article:not(:last-child):after{content:"→";position:absolute;right:-34px;top:105px;font-size:22px;color:#777}.key-window{width:252px;background:linear-gradient(140deg,#fff,#f6f6f6);border:1px solid #e7e7e7;border-radius:13px;box-shadow:3px 7px 9px #0000000c;text-align:left;overflow:hidden}.window-bar{background:#f3f3f3;height:42px;color:#a9aca8;font-size:24px;padding:1px 17px}.window-body{padding:14px 17px;font-size:12px;color:#555}.key-field{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:0 9px;box-shadow:inset 0 1px 3px #00000012;background:white;border-radius:6px;color:#b0b0b0;font-size:19px;letter-spacing:4px}.key-save{display:block;width:80px;text-align:center;border-radius:6px;background:#d0d0d0;color:white;font-size:14px;margin:12px auto 0;padding:3px}.setup-note{text-align:center;margin-top:20px}.faq{margin-top:18px}.faq-row{display:grid;grid-template-columns:30% 1fr;border-bottom:1px solid var(--line);align-items:center;padding:14px 15px}.faq-row:first-child{border-top:1px solid var(--line)}.faq-row h3{font-size:14px;font-weight:550}.faq-row p{font-size:14px;color:var(--muted);border-left:1px solid #e2e2e2;padding-left:35px}.join{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:65px;padding-bottom:50px}.join h2{font-size:32px;margin-bottom:25px}.feedback{padding-left:50px;border-left:1px solid var(--line)}.feedback h3{font-size:18px;margin-bottom:14px}.feedback textarea{display:block;width:100%;height:88px;resize:none;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;padding:14px;color:#888;font-size:13px}.feedback-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.feedback button{font-size:12px;background:#ececec;color:#8b8b8b;border:0;padding:7px 12px;border-radius:5px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0 28px;font-size:11px;color:#929497}
@media(min-width:681px) and (max-width:1000px){.wrap{width:calc(100% - 80px)}.hero-inner{height:510px;padding-inline:42px}.hero-word{left:30px;top:90px}.hero-copy{padding-top:145px}.hero h1{font-size:39px}.hero-copy p{font-size:14px}.hero-character{width:400px;right:60px;top:65px}.signature{right:26px;bottom:70px;font-size:26px}h2{font-size:27px}.portrait{height:330px}.portrait .pet-frame{width:440px;left:-90px}.annotation{font-size:12px;right:15px}.annotation:before{width:30px}.glasses{top:75px}.fur{top:155px}.sweater{top:255px}.profile-copy{padding:15px 20px;margin:22px 0}.profile-copy h3{font-size:25px}.role,.profile-copy .muted{font-size:13px}.traits{font-size:11px}.cta{font-size:13px;padding:9px 14px}.steps{gap:28px}.step-art{height:190px}.steps article:not(:last-child):after{right:-23px}.key-window{width:195px}.join h2{font-size:25px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.section{padding-top:48px}h2{font-size:25px}.eyebrow{font-size:10px}.hero-inner{height:735px;padding:0 20px}.hero nav{height:66px;gap:15px;justify-content:space-between}.brand{font-size:20px}.nav-links{gap:15px;font-size:11px}.hero-word{left:18px;top:90px;font-size:12.5vw;letter-spacing:-.06em}.hero-copy{padding-top:85px;width:100%}.hero h1{font-size:32px;line-height:1.3}.hero-copy p{font-size:12px;white-space:normal;margin:16px 0 22px;line-height:1.9}.hero-character{width:360px;right:calc(50% - 180px);top:365px}.signature{right:12px;bottom:44px;font-size:24px;z-index:2}.cta{font-size:13px;padding:10px 15px}.profile{grid-template-columns:1fr}.portrait{height:285px}.portrait .pet-frame{width:370px;left:-60px;top:-4px}.annotation{font-size:11px;right:14px}.annotation:before{width:24px;margin-right:5px}.glasses{top:65px}.fur{top:140px}.sweater{top:225px}.profile-copy{margin:0 22px;padding:22px 0;border-left:0;border-top:1px solid #ddd}.profile-copy h3{font-size:26px}.role{font-size:14px;margin:8px 0 15px}.traits{font-size:13px;margin-bottom:15px}.profile-copy .muted{font-size:14px}.turnaround{margin-top:28px}.turnaround h3{font-size:17px}.views{padding:10px 2px 15px}.views figcaption{font-size:11px;margin-top:0}.views figcaption span{display:block;font-size:9px;margin:3px 0 0}.features{grid-template-columns:1fr;margin-top:10px}.features article{display:grid;grid-template-columns:135px 1fr;align-items:center;column-gap:15px;padding:20px 0;text-align:left}.features article+article{border-left:0;border-top:1px solid var(--line)}.feature-copy h3{font-size:16px;margin:0 0 6px}.feature-copy p{font-size:12px}.bubble{font-size:13px;letter-spacing:2px;padding:3px 10px;top:0}.features-note{text-align:left;font-size:11px}.steps{grid-template-columns:1fr;gap:28px}.steps article{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:15px;text-align:left}.step-art{height:140px}.step-art .pet-frame{width:135px}.package-art svg{width:135px;height:125px}.step-copy h3{font-size:16px;margin:0 0 6px}.step-copy p{font-size:12px}.steps article:not(:last-child):after{display:none}.key-window{width:130px;border-radius:8px}.window-bar{height:26px;font-size:17px;padding:0 8px}.window-body{padding:8px;font-size:8px}.key-field{font-size:11px;letter-spacing:1px;padding:3px 5px;margin-top:5px}.key-save{font-size:10px;width:50px;margin-top:7px}.setup-note{text-align:left}.faq-row{grid-template-columns:1fr;padding:15px 0;gap:6px}.faq-row h3{font-size:14px}.faq-row p{font-size:13px;border-left:0;padding-left:0}.join{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.join h2{font-size:26px}.feedback{padding-left:0;padding-top:25px;border-left:0;border-top:1px solid var(--line)}.feedback h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Close-up character portrait: neck crop and nearby curved arrow callouts. */
.portrait{height:auto;aspect-ratio:1.6;container-type:inline-size}
.portrait .pet-frame{width:105%;left:-20%;top:-3%}
.annotation{left:72%;right:auto;white-space:nowrap;font-size:15px}
.annotation:before{display:none}
.annotation svg{position:absolute;right:calc(100% + 7px);top:2px;width:56px;height:32px;overflow:visible;fill:none;stroke:#9da2a7;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.glasses{top:24%}.fur{top:55%}.sweater{top:84%}
@media(min-width:681px) and (max-width:1000px){.annotation{font-size:11px;left:71%}.annotation svg{width:40px;height:25px;right:calc(100% + 5px)}}
@media(max-width:680px){.portrait{height:auto;aspect-ratio:1.35}.portrait .pet-frame{width:125%;left:-31%;top:0}.annotation{left:73%;right:auto;font-size:11px}.annotation svg{width:38px;height:25px;right:calc(100% + 4px)}.glasses{top:26%}.fur{top:55%}.sweater{top:85%}}

/* Public-download-ready relative URLs; no external hosting dependency. */
a.cta{display:inline-block;cursor:pointer;transition:background .15s ease;background:#000;color:#fff;border-radius:999px;text-align:center}a.cta:hover{background:#252525}a.cta:focus-visible{outline:3px solid #66735c;outline-offset:4px}.hero-copy p.download-note{font-size:11px;line-height:1.5;margin:10px 0 0;white-space:normal;color:#8b8176}.setup-note a{text-decoration:underline;text-underline-offset:3px}.setup-note a:hover{color:#353c32}

.hero-download{display:grid;width:max-content;max-width:100%}.hero-download .cta{display:block;width:100%}.hero-download .download-note{text-align:center}