@charset "UTF-8";
:root{--ink:#352b55;--rose:#a54960;--gold:#ab7d3f;--cream:#fff8ef;--muted:#726779}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:#e8e1dd;color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 8% 8%,#efe7f9,transparent 40%),radial-gradient(ellipse at 90% 60%,#f9e9dd,transparent 50%)}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #147f94;outline-offset:5px}h1,h2,h3,p{margin-top:0}.sales-page{max-width:960px;margin:auto;background:var(--cream);box-shadow:0 0 80px #42313b14;overflow:clip}.site-header{display:flex;justify-content:space-between;align-items:center;padding:21px 50px;background:#fbf6ef}.brand{font-size:26px;letter-spacing:3px;font-family:"PMingLiU","Noto Serif TC",serif;font-weight:900;line-height:1.3}.brand small{font-family:system-ui,sans-serif;display:block;font-size:9px;letter-spacing:3px;margin-top:5px}.site-header nav{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:700}.nav-cta{border:1px solid #b89b86;border-radius:40px;padding:8px 16px}.image-panel{position:relative;isolation:isolate}.scene{width:100%;height:auto}.panel-copy{position:relative;text-align:center;padding:65px 40px 45px;z-index:2}.image-panel>.panel-copy{position:absolute;inset:0 0 auto;padding-top:55px}.eyebrow{font-size:11px;letter-spacing:2.8px;font-weight:700;line-height:1.6;margin-bottom:24px;color:#8b6750}h1,h2{font-family:"PMingLiU","Noto Serif TC",serif;font-weight:900;letter-spacing:1px;line-height:1.4}h1{font-size:68px;margin:18px 0 22px}h1 span{color:#9d4a64;white-space:nowrap}h2{font-size:53px;margin:0 0 24px}h2 em{font-style:normal;color:var(--rose)}.panel-copy>p:not(.eyebrow){font-size:17px;line-height:1.95;margin-bottom:20px}.panel-copy>.detail-copy{font-size:14px!important;line-height:2!important}.hero-pretitle{font-size:16px!important;letter-spacing:2px}.hero-chips{display:flex;justify-content:center;gap:12px;margin:24px 0}.hero-chips span{border:1px solid #ab8e91;background:#fff8;font-size:11px;padding:3px 14px;border-radius:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:13px 27px;border:1px solid transparent;border-radius:40px;font-size:15px;font-weight:800;line-height:1.5;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #45384a22}.cosmic-button{background:linear-gradient(115deg,#845c89,#4a335e);border-color:#e4c78c;color:#fff6e8;box-shadow:0 0 0 3px #ffffff80,0 10px 30px #68446f26}.bottom-caption{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#6e5365;z-index:3}.bottom-caption small{font-size:9px;letter-spacing:0}.cosmic-panel{padding-top:45px;background:#e9dfe9}.cosmic-panel>.scene{mask-image:linear-gradient(transparent,#000 9%)}.cosmic-panel .hero-copy{padding-top:40px}.chapter-divider{display:flex;justify-content:center;align-items:center;gap:25px;color:#fbeed9;background:#433149;padding:22px 15px;font-size:16px;letter-spacing:3px}.chapter-divider b{color:#ebc786;font-size:26px}.friendship-panel{padding-top:230px;background:#f7ebdb}.friendship-panel>.scene{mask-image:linear-gradient(transparent,#000 12%)}.friendship-panel .eyebrow{color:#976c4d}.friendship-panel h2 em{color:#b34e52}.bold-line{font-weight:900;font-size:28px!important;line-height:1.55!important;color:#a65365}.image-tags{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:center;gap:12px}.image-tags span{padding:6px 19px;border:1px solid #e5d8c7;background:#fff6eae8;border-radius:40px;color:#6d4751;font-size:12px;box-shadow:0 4px 15px #55351b20}.tap-panel{background:linear-gradient(#fbf5e9,#f4dfcb);padding-bottom:30px}.tap-panel .panel-copy{padding-bottom:35px}.tap-visual{position:relative}.tap-visual>img{width:100%;height:auto;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}.tap-badge{position:absolute;right:6%;top:10%;border-radius:50%;width:144px;height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff6e7;border:1px solid #b99865;box-shadow:0 0 0 7px #ffffff5c;transform:rotate(10deg);font-size:15px;line-height:2}.tap-badge b{font-size:14px}.steps-strip{display:flex;align-items:center;justify-content:space-evenly;padding:35px 40px 15px;text-align:center}.steps-strip>div{display:flex;flex-direction:column}.steps-strip span{font-family:Georgia,serif;font-size:33px;color:#b2854b;line-height:1.4}.steps-strip strong{font-size:18px;margin:8px 0 5px}.steps-strip small{font-size:11px;color:#7d655e}.steps-strip i{font-size:28px;font-style:normal;color:#af8b60}.support-note{text-align:center;font-size:10px;color:#7d655e;margin:18px 25px 0}.daily-panel{background:#211b38;color:#fff2d9;padding-top:30px}.daily-panel .scene{mask-image:linear-gradient(transparent,#000 8%)}.daily-panel h2,.daily-panel h2 em{color:#f2d599;text-shadow:0 3px 20px #272042}.daily-panel .eyebrow{color:#dbc39b}.daily-panel .panel-copy>p:not(.eyebrow){color:#eee2ec}.daily-jump{position:absolute;z-index:3;bottom:85px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#3c2c58e8;color:#fff4db;border-color:#d3b77c;box-shadow:0 0 22px #e7cef536}.daily-jump:hover{transform:translateX(-50%) translateY(-2px)}.daily-panel .bottom-caption{color:#eee2dc}.daily-demo{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:65px 60px;background:radial-gradient(ellipse at 75% 20%,#514263,#201b35 80%);color:#f9ebd7;align-items:center}.demo-copy .eyebrow{color:#d4b990;font-size:9px;letter-spacing:1.5px}.demo-copy h3{font-family:"PMingLiU",serif;font-size:34px;line-height:1.5;margin:17px 0}.demo-copy>p{font-size:13px;color:#d7ccde}.status-pill{display:inline-block;border:1px solid #e1c6a780;border-radius:40px;padding:3px 11px;font-size:9px}.demo-copy>small{display:block;font-size:9px;color:#c7bdd1;margin:14px 0 18px;line-height:1.9}.text-link{display:inline-flex;border:0;border-bottom:1px solid currentColor;background:none;border-radius:0;padding:5px 0;font-weight:700;font-size:12px}.light{color:#f3dcb7}.demo-area{display:flex;flex-direction:column;align-items:center;text-align:center}.flip-card{width:252px;height:346px;border:0;background:none;padding:0;perspective:1200px;color:#513951}.card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.3,.1,.2,1)}.flip-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d1b478;border-radius:20px;box-shadow:0 20px 45px #0003;overflow:hidden}.card-back{background:radial-gradient(ellipse at center,#715580,#352641 75%);color:#f8e4b5;outline:1px solid #d1b478;outline-offset:-12px}.card-back>span:first-child{font-size:12px;letter-spacing:6px}.card-back b{font-size:85px;font-weight:400;line-height:1.7}.card-back>span{font-size:19px;font-weight:700;letter-spacing:3px}.card-back small{font-size:11px;margin-top:22px;letter-spacing:2px}.card-front{transform:rotateY(180deg);background:#fffbef;padding:22px 18px}.card-front img{height:181px;width:181px;object-fit:contain;mix-blend-mode:multiply}.card-front>small{font-size:8px;letter-spacing:1.5px;color:#8f6d57}.card-front strong{font-size:16px;line-height:1.5;margin:6px 0 8px}.card-front>span{font-size:10px;margin-bottom:16px}.demo-area>p{font-size:11px;margin:23px 0 0;color:#d8d2df}.demo-area>.text-link{font-size:11px;margin-top:6px}.identity-panel{position:relative;background:radial-gradient(ellipse at 10% 70%,#e2d0e8,transparent 60%),linear-gradient(135deg,#fff2e0,#f1e4f1);padding-bottom:48px;overflow:hidden}.identity-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:url('assets/cosmic-hero.webp') center 54%/cover;opacity:.1}.identity-panel .decor-star{position:absolute;left:0;top:120px;color:#c5a26e;font-size:230px;opacity:.3}.identity-panel .panel-copy{padding-bottom:20px}.identity-features{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1;gap:30px;margin:0 65px;text-align:center}.identity-features article{padding:15px 15px 25px;border-top:1px solid #b89aaa;border-bottom:1px solid #b89aaa}.identity-features article>span{font-size:36px;color:#af8251}.identity-features h3{font-size:18px;margin:10px 0}.identity-features p{font-size:12px;color:#766178;line-height:1.9;margin-bottom:0}.feature-status{position:relative;z-index:1;text-align:center;margin:30px 20px 0;font-size:10px;color:#77617f}.feature-status b{border:1px solid #b6a0b7;padding:5px 14px;border-radius:40px;display:inline-block}.feature-status span{display:block;margin-top:9px}.collection-section{background:radial-gradient(ellipse at 5% 40%,#f4dfdf,transparent 45%),radial-gradient(ellipse at 85% 80%,#e2d9ef,transparent 40%),#fff8ef;padding-bottom:65px}.collection-section .panel-copy{padding-bottom:30px}.picker-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:0 50px;align-items:center}.character-stage{background:#fffdf5d9;border:1px solid #dac5b7;border-radius:150px 150px 24px 24px;text-align:center;padding:35px 20px 25px;box-shadow:0 15px 35px #6749570d}.stage-label{font-size:9px;letter-spacing:2px;color:#917465}.character-stage>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;margin:18px auto 0}.character-caption>span{font-size:10px;letter-spacing:2px;color:#a18374}.character-caption h3{font-size:25px;line-height:1.5;margin:5px 0 9px}.character-caption p{font-size:12px;color:#776171;margin:0}.gender-picker{display:flex;border:1px solid #c9afc2;border-radius:40px;padding:4px;margin-bottom:17px}.gender-picker button{width:50%;border:0;background:none;border-radius:40px;padding:9px;color:var(--ink);font-size:13px;font-weight:800}.gender-picker button[aria-pressed=true]{background:#6a456e;color:#fff}.sign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sign-option{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;border:1px solid #d7c3ce;background:#ffffff45;color:var(--ink);border-radius:12px;font-size:11px}.sign-option span{font-size:25px;line-height:1.4}.sign-option:hover{background:#fff}.sign-option[aria-pressed=true]{background:#eed5b0;border-color:#916742;box-shadow:2px 2px 0 #9c7c60;font-weight:800}.selection-info{margin-top:20px}.tiny-label{display:block;font-size:10px;color:#8b7285;letter-spacing:1px}#selection-label{font-size:21px;font-weight:800;margin:4px 0 15px}.selection-info .button{width:100%;font-size:13px}.selection-info>.text-link{margin-top:15px}.selection-info>small{display:block;font-size:10px;color:#856f7e;line-height:1.9;margin-top:14px}.gift-panel{padding-top:100px;background:#f8e9e0}.gift-panel .scene{mask-image:linear-gradient(transparent,#000 10%)}.gift-panel .bold-line{font-size:24px!important}.gift-panel .panel-copy>.button{margin-top:8px}.faq-section{padding:65px 65px 50px;background:#fbf5ee}.faq-section h2{font-size:32px}.faq-list details{padding:18px 0;border-bottom:1px solid #dacfc7}.faq-list summary{cursor:pointer;font-size:14px;font-weight:800;display:flex;justify-content:space-between;gap:15px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:19px;color:#ab7176;line-height:1.5}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:12px;color:#7f6f78;line-height:1.9;margin:14px 0 0}.contact-section{background:radial-gradient(ellipse at 15% 15%,#f1d8dd,transparent 65%),linear-gradient(#f5e2e7,#f5e4d7);padding:65px 50px}.contact-heading{text-align:center}.contact-heading h2{font-size:43px;margin:18px 0}.contact-heading p:not(.eyebrow){font-size:14px;color:#866575}.inquiry-box{margin:35px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#fff8;padding:23px 28px;border:1px solid #d9bfc9;border-radius:18px}.inquiry-box strong{font-size:20px}.outline{border-color:#91637b;background:transparent;color:#69415a;font-size:13px}.inquiry-box>p{width:100%;font-size:11px;margin:0;color:#927586}#inquiry-text{width:100%;resize:vertical;min-height:110px;border:1px solid #b8a9a3;border-radius:8px;padding:12px;font-size:13px;background:#fff}.brand-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-cards article{background:#fff9f0e0;padding:28px;border:1px solid #dfc8bc;border-radius:22px}.brand-kicker{font-size:9px;letter-spacing:2px;color:#8b6c6f}.brand-cards h3{font-size:28px;margin:7px 0}.brand-cards p{font-size:11px;color:#91757d}.contact-links{display:flex;flex-direction:column;gap:10px;margin:23px 0 16px}.contact-links .button{font-size:12px;min-height:46px;padding:12px 10px}.navy{background:#584263;color:#fff}.line-button{background:#23704e;color:#fff}.brand-cards small{font-size:10px;color:#8c7780}.contact-footnote{text-align:center;font-size:10px;color:#8c717c;margin:25px 0 0}footer{padding:28px 45px 95px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#fcf7ed}footer .brand{font-size:20px}footer>span{font-size:11px}footer>p{font-size:9px;color:#927e87;width:100%;margin:0}.mobile-cta{position:fixed;z-index:12;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:960px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 40px calc(12px + env(safe-area-inset-bottom));background:#fff8eef2;border-top:1px solid #d6beaf;backdrop-filter:blur(10px)}.mobile-cta>a:first-child{font-size:12px;font-weight:800}.coral{background:linear-gradient(110deg,#b45f7e,#87507b);color:#fff7ee;border-color:#e9cca0}.small{min-height:44px;font-size:13px;padding:10px 24px}.skip{position:fixed;top:-70px;left:15px;z-index:20;background:var(--ink);color:#fff;padding:12px}.skip:focus{top:10px}
@media(max-width:700px){.site-header{padding:17px 22px}.brand{font-size:23px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:2px}.site-header nav{gap:16px;font-size:11px}.nav-cta{padding:7px 12px}.image-panel>.panel-copy{padding:32px 24px 0}.panel-copy{padding:45px 24px 28px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:20px}h1{font-size:clamp(33px,6.1vw,45px);line-height:1.45;margin:15px 0 18px;letter-spacing:0}h2{font-size:clamp(29px,5.4vw,39px);line-height:1.5;letter-spacing:0;margin-bottom:20px}.panel-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-bottom:16px}.panel-copy>.detail-copy{font-size:11px!important;line-height:1.9!important}.panel-copy br{display:block}.hero-pretitle{font-size:11px!important;letter-spacing:1px}.hero-chips{gap:7px;margin:19px 0}.hero-chips span{font-size:9px;padding:3px 9px}.button{font-size:13px;min-height:46px;padding:12px 23px;gap:15px}.cosmic-panel{padding-top:105px}.cosmic-panel .hero-copy{padding-top:30px}.bottom-caption{bottom:15px;left:18px;right:18px;gap:10px;font-size:6px;letter-spacing:.4px;align-items:flex-end}.bottom-caption small{font-size:7px;max-width:44%;text-align:right}.chapter-divider{font-size:11px;letter-spacing:1px;padding:17px 10px;gap:12px}.chapter-divider b{font-size:20px}.friendship-panel{padding-top:245px}.friendship-panel .panel-copy{padding-top:40px}.bold-line{font-size:22px!important;line-height:1.5!important}.image-tags{bottom:20px;gap:8px}.image-tags span{font-size:10px;padding:4px 12px}.tap-panel{padding-bottom:24px}.tap-panel .panel-copy{padding-bottom:14px}.tap-badge{width:92px;height:92px;font-size:10px;right:7%;top:8%;box-shadow:0 0 0 4px #ffffff5c}.tap-badge b{font-size:9px}.steps-strip{padding:20px 17px 8px;gap:8px}.steps-strip span{font-size:25px}.steps-strip strong{font-size:13px;margin:4px 0}.steps-strip small{font-size:8px;line-height:1.7}.steps-strip i{font-size:18px}.support-note{font-size:8px;margin:15px 20px 0}.daily-panel{padding-top:120px}.daily-panel .panel-copy{padding-top:40px}.daily-jump{bottom:50px;font-size:12px}.daily-demo{grid-template-columns:1fr;padding:40px 30px 45px;gap:28px;text-align:center}.demo-copy h3{font-size:28px}.demo-copy>p{font-size:12px}.demo-copy .eyebrow{font-size:8px}.demo-copy>small{font-size:8px;margin:12px 0}.demo-area>p{font-size:10px}.flip-card{width:245px;height:335px}.card-front img{width:175px;height:175px}.identity-panel{padding-bottom:33px}.identity-panel .decor-star{font-size:150px;top:70px;left:-20px}.identity-features{gap:13px;margin:0 22px}.identity-features article{padding:10px 3px 15px}.identity-features h3{font-size:13px;margin:8px 0}.identity-features p{font-size:10px;line-height:1.9}.identity-features p br{display:none}.identity-features article>span{font-size:28px}.feature-status{font-size:9px;margin-top:23px}.feature-status b{padding:4px 10px}.collection-section{padding-bottom:43px}.collection-section .panel-copy{padding-bottom:25px}.picker-layout{grid-template-columns:1fr;gap:24px;margin:0 24px}.character-stage{padding:22px 18px;border-radius:135px 135px 20px 20px}.character-stage>img{width:235px;height:235px;margin-top:10px}.stage-label{font-size:8px}.character-caption h3{font-size:23px}.character-caption p{font-size:11px}.gender-picker button{font-size:12px;padding:10px}.sign-grid{gap:7px}.sign-option{min-height:68px;font-size:10px}.sign-option span{font-size:25px}.selection-info{margin-top:20px}#selection-label{font-size:20px}.selection-info>.text-link{font-size:11px}.selection-info small{font-size:9px}.gift-panel{padding-top:145px}.gift-panel .panel-copy{padding-top:36px}.gift-panel .bold-line{font-size:20px!important}.gift-panel .panel-copy>.button{margin-top:0}.gift-panel .bottom-caption{bottom:12px}.faq-section{padding:43px 25px 35px}.faq-section h2{font-size:26px}.faq-section .eyebrow{font-size:8px}.faq-list summary{font-size:12px}.faq-list details{padding:16px 0}.faq-list p{font-size:11px}.contact-section{padding:43px 24px}.contact-heading h2{font-size:31px}.contact-heading p:not(.eyebrow){font-size:12px}.inquiry-box{margin:25px 0;padding:20px;gap:14px}.inquiry-box strong{font-size:20px}.inquiry-box>.button{width:100%;font-size:12px}.inquiry-box>p{font-size:10px}.brand-cards{grid-template-columns:1fr;gap:15px}.brand-cards article{padding:24px}.brand-cards h3{font-size:25px}.brand-cards p{font-size:11px}.contact-links .button{font-size:12px;min-height:46px}.contact-footnote{font-size:9px;text-align:left}.mobile-cta{padding:10px 18px calc(10px + env(safe-area-inset-bottom));gap:12px}.mobile-cta>a:first-child{font-size:10px}.mobile-cta>.button{font-size:11px;padding:10px 16px;min-height:41px}footer{padding:26px 25px 95px;gap:15px}footer .brand{font-size:20px}footer>span{font-size:10px}footer>p{font-size:8px}}
@media(max-width:390px){.site-header nav>a:not(.nav-cta){display:none}.hero-chips{gap:6px}.hero-chips span{font-size:8px;padding:3px 8px}.hero-description{font-size:12px!important}.friendship-panel{padding-top:260px}.friendship-panel .panel-copy>.detail-copy br,.daily-panel .panel-copy>.detail-copy br{display:none}.daily-panel{padding-top:145px}.gift-panel{padding-top:175px}}
@media(min-width:701px) and (max-width:850px){.image-panel>.panel-copy{padding-left:30px;padding-right:30px}.image-panel h1{font-size:54px}.image-panel h2{font-size:44px}.image-panel .panel-copy>p:not(.eyebrow){font-size:15px}.friendship-panel{padding-top:300px}.daily-panel{padding-top:100px}.gift-panel{padding-top:160px}.cosmic-panel{padding-top:90px}}
@media(min-width:851px){.sales-page,.mobile-cta{max-width:800px}.cosmic-panel{padding-top:0;overflow:hidden}.cosmic-panel>.scene{margin-top:-100px}.cosmic-panel h1{font-size:54px}.cosmic-panel .hero-copy{padding-top:30px}.cosmic-panel .hero-pretitle{font-size:14px!important}.cosmic-panel .hero-description{font-size:15px!important}.friendship-panel{padding-top:320px}.daily-panel{padding-top:120px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}