@import url('./assets/css/app-ff9ab291.css');
.brand-home{--accent:#35765f;--tint:#deeee4;--ink:#253b32;--paper:#fcfaf3;margin:0;background:var(--paper);color:var(--ink);font-family:'PingFang SC','Microsoft YaHei',sans-serif;overflow-x:hidden}.brand-home *{box-sizing:border-box}.brand-home a{color:inherit;text-decoration:none}.brand-home button{font:inherit;cursor:pointer}.dog-home{--accent:#a64e27;--tint:#f5dfbe;--ink:#48352c}.site-shell{max-width:1240px;margin:auto;padding:0 54px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded3}.wordmark{display:inline-flex;align-items:center;font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:33px;font-weight:900;letter-spacing:-1.7px;gap:8px}.brand-symbol{font-size:37px;line-height:1;color:var(--accent)}.logo-dot{color:var(--accent);margin-left:-8px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav-create{border:1px solid var(--ink);padding:12px 18px;border-radius:30px}.nav-create span{margin-left:22px}.home-hero{min-height:605px;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:54px 0 48px}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:600;margin:0 0 24px}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.hero-copy h1{font-size:66px;font-weight:700;line-height:1.22;letter-spacing:-3px;margin:0 0 22px}.hero-copy h1 span{color:var(--accent)}.hero-description{font-size:14px;line-height:1.95;color:#6b736c;margin:0 0 27px}.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:var(--accent);color:#fff!important;border-radius:36px;padding:17px 27px;font-size:15px;font-weight:600;transition:transform 160ms}.hero-cta:hover{transform:translateY(-2px)}.hero-cta span{font-size:23px;line-height:1}.cta-note{font-size:10px;letter-spacing:1px;color:#7a8179;margin:13px 0 33px}.hero-small-note{font-size:12px;color:#788078;display:flex;align-items:center;gap:9px}.hero-small-note>span{font-size:21px;color:var(--accent)}.hero-art{position:relative;height:487px;display:flex;align-items:center;justify-content:center}.planet-circle{position:absolute;inset:28px 0 60px;border-radius:50%;background:var(--tint)}.pet-passport{position:relative;width:306px;background:#fffdf7;border:1px solid #c8d5c9;border-radius:9px;padding:20px 23px 16px;transform:rotate(-7deg);box-shadow:7px 10px 0 #253b3210}.passport-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;border-bottom:1px solid #d7ddd4;padding-bottom:12px}.passport-portrait{height:270px;position:relative;display:flex;align-items:center;justify-content:center}.passport-portrait img{width:265px;height:265px;object-fit:contain}.tiny-spark{position:absolute;right:4px;top:34px;font-size:40px;color:var(--accent)}.passport-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d7ddd4;padding-top:12px}.passport-label{display:block;font-size:7px;letter-spacing:1px;margin-bottom:3px}.passport-bottom strong{font-family:Georgia,serif;font-style:italic;font-size:29px;line-height:1}.passport-stamp{display:grid;align-content:center;text-align:center;border:1px solid var(--accent);border-radius:50%;width:48px;height:48px;font-size:10px;font-weight:600;line-height:1.3;color:var(--accent);transform:rotate(14deg)}.speech-bubble{position:absolute;top:4px;right:3px;z-index:1;background:#fffdf8;border:1px solid #d9ded3;border-radius:50%;padding:18px 21px;font-size:12px;transform:rotate(7deg)}.art-star{position:absolute;color:var(--accent);z-index:1}.star-one{left:5px;top:66px;font-size:64px;transform:rotate(-16deg)}.star-two{right:4px;bottom:120px;font-size:36px}.orbit-note{position:absolute;left:2px;bottom:67px;font-size:12px;transform:rotate(-8deg)}.orbit-note span{font-size:30px;display:inline-block;margin-left:8px}.palette-picker{display:flex;align-items:center;gap:6px;position:absolute;bottom:0;right:24px}.palette-choice{width:29px;height:29px;padding:4px;border:1px solid transparent;border-radius:50%;background:none}.palette-choice.selected{border-color:var(--accent)}.palette-choice span{display:block;width:100%;height:100%;border-radius:50%}.palette-picker>span{margin-left:6px;font-size:10px;color:#737c74}.brand-strip{border-top:1px solid #d6ded4;border-bottom:1px solid #d6ded4;display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:10px;letter-spacing:1px}.brand-strip span:nth-child(even){color:var(--accent);font-size:17px}.friends-section{padding:66px 0 58px;scroll-margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section-title .eyebrow{margin-bottom:12px}.section-title h2,.how-section h2{font-size:31px;letter-spacing:-1px;line-height:1.4;margin:0}.section-title h2 span{color:var(--accent)}.section-title>a{font-size:12px;border-bottom:1px solid #aab7a9;padding-bottom:6px}.section-title>a span{margin-left:18px}.friends-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.friend-item{border:0;padding:0;background:transparent;text-align:left;color:var(--ink)}.friend-portrait{position:relative;background:#efeee4;border-radius:10px;height:208px;display:grid;place-items:center;overflow:hidden;transition:background 160ms}.friend-item:nth-child(2) .friend-portrait{background:#f5e6ce}.friend-item:nth-child(3) .friend-portrait{background:#e1ebe3}.friend-item:nth-child(4) .friend-portrait{background:#e9e8e3}.friend-item:hover .friend-portrait{background:var(--tint)}.friend-portrait img{width:185px;height:185px;transition:transform 160ms}.friend-item:hover img{transform:translateY(-5px)}.friend-number{position:absolute;top:12px;left:13px;font-size:9px;color:#8a9389}.friend-caption{padding-top:13px}.friend-caption strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.friend-caption>span{font-size:10px;color:#7c837a}.how-section{display:grid;grid-template-columns:1fr 1.45fr;border-top:1px solid #d6ded4;padding:49px 0 60px}.how-section .eyebrow{margin-bottom:14px}.how-section ol{list-style:none;padding:0;margin:0}.how-section li{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid #e1e3d9}.how-section li:first-child{padding-top:0}.how-section li>span{font:italic 27px Georgia,serif;color:var(--accent)}.how-section h3{font-size:14px;font-weight:600;margin:0 0 5px}.how-section li p{font-size:12px;color:#7c837a;margin:0;line-height:1.7}.brand-footer{border-top:1px solid #d6ded4;padding:25px 0 35px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand-footer .wordmark{font-size:24px}.brand-footer p{font-size:10px;color:#788078;margin:0}.brand-footer>a:nth-of-type(2){margin-left:auto;font-size:11px}.brand-footer small{width:100%;font-size:9px;color:#8b9389}.brand-home :focus-visible{outline:2px solid var(--accent);outline-offset:5px}.brand-home button:active,.hero-cta:active{transform:translateY(1px)}
@media(max-width:900px){.site-shell{padding:0 28px}.hero-copy h1{font-size:50px}.home-hero{gap:10px}.pet-passport{width:270px}.passport-portrait{height:245px}.passport-portrait img{width:240px}.hero-art{height:470px}.friend-portrait{height:170px}.friend-portrait img{width:160px;height:160px}.speech-bubble{right:-5px;font-size:10px}.hero-description{font-size:12px}.site-header nav{gap:20px}.orbit-note{left:-10px;font-size:10px}}
@media(max-width:640px){.site-shell{padding:0 22px}.site-header{height:80px}.wordmark{font-size:28px}.brand-symbol{font-size:30px}.site-header nav>a:not(.nav-create){display:none}.nav-create{font-size:11px;padding:10px 13px}.nav-create span{margin-left:9px}.home-hero{grid-template-columns:1fr;padding:39px 0 27px;gap:12px}.hero-copy h1{font-size:49px;letter-spacing:-2px;margin-bottom:17px}.eyebrow{font-size:9px;margin-bottom:20px}.hero-description{font-size:12px}.hero-description br{display:none}.hero-cta{font-size:14px;padding:14px 22px}.cta-note{margin-bottom:15px}.hero-small-note{display:none}.hero-art{height:415px;max-width:390px;width:100%;margin:auto}.pet-passport{width:250px;padding:15px 19px}.passport-portrait{height:220px}.passport-portrait img{width:220px;height:220px}.planet-circle{inset:25px 0 50px}.speech-bubble{top:10px;right:0;padding:14px}.star-one{font-size:45px;top:70px}.star-two{font-size:26px;bottom:100px}.orbit-note{bottom:47px;left:0}.palette-picker{bottom:0;right:0}.brand-strip{font-size:9px;gap:10px}.brand-strip span:nth-last-child(-n+2){display:none}.friends-section{padding:37px 0}.section-title h2,.how-section h2{font-size:26px}.section-title>a{font-size:10px}.friends-row{grid-template-columns:repeat(2,1fr);gap:24px 12px}.friend-portrait{height:170px}.friend-portrait img{width:150px;height:150px}.friend-caption>span{font-size:9px}.how-section{grid-template-columns:1fr;padding:30px 0;gap:25px}.how-section h2 br{display:none}.how-section li p{font-size:11px}.brand-footer{gap:10px}.brand-footer p{width:100%;order:2}.brand-footer>a:nth-of-type(2){font-size:10px}.brand-footer small{order:3}}
@media(prefers-reduced-motion:reduce){.brand-home *{scroll-behavior:auto!important;transition:none!important}}

.miaomap-editor-footer{text-align:center;padding:24px;color:#35765f;font-size:14px}.miaomap-editor-footer a{color:inherit;text-decoration:none}.miaomap-editor-footer span{font-size:12px}
.domain-suffix{font-size:.65em;color:var(--accent);letter-spacing:-1px;align-self:flex-end;padding-bottom:3px}
.language-nav{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.language-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.site-header{flex-wrap:wrap;gap:16px}.language-suggestion{position:fixed;bottom:16px;left:16px;right:16px;z-index:100;background:#f8f6ef;border:1px solid #9cac9a;padding:14px;display:flex;justify-content:center;gap:16px;align-items:center;border-radius:12px}.language-suggestion button{border:0;background:none;cursor:pointer;font-size:20px}.brand-home:lang(en) h1,.brand-home:lang(ko) h1{font-size:clamp(48px,6vw,86px)}

.friend-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:13px}.friend-links span{opacity:.65}.friend-links a{text-decoration:underline;text-underline-offset:4px}.friend-links a:hover{color:#35765f}.friend-links a:focus-visible{outline:2px solid #35765f;outline-offset:5px}.brand-footer .friend-links{grid-column:1/-1}.editor-site-footer{flex-wrap:wrap}