:root{--paper:#f7f5f0;--ink:#202f3f;--muted:#7b817f;--coral:#d96145;--line:#e6e5de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue","Noto Sans JP",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}.top{max-width:1240px;margin:auto;padding:26px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center}.brand-symbol{background:var(--coral);color:#fff;border-radius:9px;font-size:24px;padding:0 8px;margin-right:9px}.dot{color:var(--coral)}nav{display:flex;align-items:center;gap:32px;font-size:12px;color:#6d756f}.nav-download{border:1px solid var(--line);border-radius:24px;padding:12px 20px;color:var(--ink)}.hero{max-width:1240px;min-height:710px;margin:auto;padding:80px 70px 65px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--muted);margin:0 0 22px}h1{font-size:66px;line-height:1.45;letter-spacing:-3px;font-weight:700;margin:0 0 24px}h2{font-size:38px;line-height:1.5;letter-spacing:-1.2px;font-weight:700;margin:0 0 24px}h3{font-size:18px;line-height:1.5}.lead{font-size:18px;line-height:1.9;color:#66736c}.intro{font-size:13px;line-height:2.1;color:#798079;margin:22px 0 28px}.button{display:inline-flex;align-items:center;gap:38px;background:var(--coral);padding:18px 24px;color:#fff;border-radius:10px;font-size:13px;font-weight:600;border:0;cursor:pointer}.button:hover{filter:brightness(.95);transform:translateY(-1px)}.fine{font-size:10px;line-height:1.9;color:#969b92;margin-top:16px}.hero-visual{position:relative;height:580px;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:#e8ece2}.phone{position:relative;width:278px;min-height:526px;background:#faf9f5;border:7px solid #fff;border-radius:36px;box-shadow:0 25px 70px #35473f20;padding:34px 18px 12px;transform:rotate(5deg)}.phone-island{position:absolute;top:10px;width:65px;height:13px;border-radius:20px;background:#213342;left:calc(50% - 32px)}.phone-header{font-size:20px;font-weight:800;letter-spacing:-1px;padding:10px 0 24px}.phone-header>span:last-child{float:right;font-size:14px;color:#aaa}.phone .eyebrow{font-size:7px;letter-spacing:1.6px;margin:0 0 10px}.phone h2{font-size:23px;letter-spacing:-1px;margin:0}.phone-description{font-size:9px;color:#8a9086;margin:9px 0 19px}.phone-progress{background:#fff;border-radius:12px;padding:13px;font-size:10px;position:relative;margin-bottom:13px}.phone-progress strong{font-size:23px;color:var(--coral);float:right;margin-top:-6px}.phone-progress strong span{font-size:11px}.progress-track{height:4px;background:#eee;border-radius:10px;margin:15px 0 8px}.progress-track i{display:block;width:75%;height:4px;background:var(--coral);border-radius:10px}.phone-progress small{font-size:8px;color:#999}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-card{height:106px;border:5px solid #fff;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.mini-card b{font-size:30px;font-weight:500;color:#405a60}.mini-card span{font-size:5px;letter-spacing:1px;color:#60756b}.blue{background:#d3e1e1}.gold{background:#ede0bc}.rose{background:#e7d2c9}.green{background:#dce5d2}.missing{background:#eff0e8;border:1px dashed #c4cabc}.phone-tabs{display:flex;justify-content:space-around;margin-top:18px;color:#abb3a9;font-size:18px}.phone-tabs small{display:block;font-size:6px;margin-top:5px}.phone-tabs .active{color:var(--coral)}.floating-label{position:absolute;font-size:8px;letter-spacing:2px;color:#a2aa9c;z-index:1}.label-one{left:-8px;top:110px;transform:rotate(-90deg)}.label-two{bottom:18px;left:85px}.sticker{position:absolute;right:-3px;bottom:93px;width:105px;height:105px;border-radius:50%;background:#ebc67e;transform:rotate(-12deg);box-shadow:0 10px 25px #9d885925;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;line-height:1.5;color:#776333}.sticker span{font-size:18px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 30px;display:flex;align-items:center;justify-content:space-evenly;gap:20px;color:#b2b7ad;font-size:18px}.ticker span{font-size:10px;letter-spacing:3px;color:#7c887c}.section{max-width:1240px;margin:auto;padding:90px 70px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:42px}.section-heading p{font-size:12px;line-height:2;color:#7b847c}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step-number{font-size:38px;font-weight:300;color:#a9b1a3}.steps h3{margin:22px 0 14px}.steps p{font-size:12px;line-height:2.1;color:#7b847c}.collections-section{background:#ebece4;padding:85px max(70px,calc((100vw - 1100px)/2));}.collection-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.collection-cards article{border-radius:14px;background:#f9f8f3;overflow:hidden}.collection-art{height:185px;position:relative;overflow:hidden}.paper-card{position:absolute;width:83px;height:114px;border:5px solid #fff9;border-radius:7px;box-shadow:0 10px 20px #42524b20;display:flex;align-items:center;justify-content:center;font-size:35px}.paper-card.one{left:23%;top:26px;transform:rotate(-14deg);background:#50717a;color:#e4f0e4}.paper-card.two{left:47%;top:33px;transform:rotate(10deg);background:#f5e7c3;color:#566b61}.gold .paper-card.one{background:#b36e53;color:#fff}.collection-art>span{position:absolute;bottom:14px;right:16px;font-size:7px;letter-spacing:2px;color:#687568}.custom-art{position:absolute;left:25%;top:35px;font-size:22px;font-weight:700;letter-spacing:1px;color:#61735c}.custom-art span{position:absolute;right:-45px;top:10px;font-size:45px;font-weight:300;color:#839879}.collection-text{padding:24px}.badge{font-size:9px;letter-spacing:.4px;color:#9a8868}.collection-text h3{margin:15px 0 12px}.collection-text p{font-size:11px;line-height:2;color:#859083}.source-note{margin-top:24px}.community{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.community-art{background:#ece9df;padding:40px 30px 25px;border-radius:12px}.community-art>span{font-size:8px;letter-spacing:2px;color:#9b9986}.community-art>div{position:relative;font-size:24px;line-height:1.7;font-weight:600;margin:30px 0;background:#faf9f4;padding:30px;border-radius:12px;transform:rotate(-3deg)}.stamp{position:absolute;right:-15px;top:-18px;border-radius:50%;border:1px solid #d5a260;font-size:16px;padding:17px;color:#b27c39;transform:rotate(12deg)}.community-art p{font-size:10px;color:#999984;text-align:center}.download{text-align:center;padding:80px 24px;background:#e5eade}.download .eyebrow{color:#77886e}.download p{font-size:12px;color:#7b8973}.dark{background:var(--ink)}.download .fine{font-size:10px;margin-top:20px}.faq{max-width:920px}.faq h2{font-size:28px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:14px;cursor:pointer;line-height:1.8}.faq details p{font-size:12px;line-height:2.1;color:#7b847c}footer{max-width:1240px;margin:auto;padding:48px 70px 35px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:24px}footer p{font-size:11px;color:#90978c;flex:1}footer>div{display:flex;gap:18px;font-size:10px;color:#7e887b}footer small{display:block;width:100%;font-size:9px;color:#adb2a6}.legal{max-width:850px;margin:auto;padding:60px 25px}.legal h1{font-size:32px;letter-spacing:-1px}.legal h2{font-size:18px;letter-spacing:0;margin:28px 0 10px}.legal p,.legal li{font-size:13px;line-height:2;color:#6d766e}
@media(max-width:850px){.top{padding:20px 24px}.brand{font-size:24px}nav{gap:15px}nav>a:not(.nav-download){display:none}.hero{padding:50px 28px 35px;grid-template-columns:1fr;gap:0}.hero-copy{text-align:center}h1{font-size:44px;letter-spacing:-2px}.lead{font-size:16px}.hero-visual{height:535px;margin-top:20px}.phone{transform:rotate(4deg);width:270px}.hero-visual:before{width:340px;height:340px}.sticker{right:calc(50% - 175px);bottom:80px}.label-one{left:5%;top:180px}.label-two{left:20%;bottom:0}.ticker{overflow:hidden;justify-content:flex-start;white-space:nowrap}.section{padding:60px 28px}h2{font-size:29px}.section-heading{display:block;margin-bottom:30px}.steps{grid-template-columns:1fr;gap:30px}.steps article{position:relative;padding-left:62px}.step-number{position:absolute;left:0;top:5px}.steps h3{margin-top:8px}.collections-section{padding:60px 28px}.collection-cards{grid-template-columns:1fr;gap:20px}.collection-cards article{display:grid;grid-template-columns:.8fr 1fr}.collection-art{height:100%;min-height:210px}.paper-card{width:64px;height:88px}.paper-card.one{left:12%;top:40px}.paper-card.two{left:40%;top:57px}.collection-text{padding:22px 18px}.custom-art{left:12%;font-size:17px;top:55px}.custom-art span{right:-25px;font-size:27px}.community{grid-template-columns:1fr;gap:35px}footer{padding:35px 28px;gap:15px}footer p{display:none}footer>div{flex-wrap:wrap;gap:14px}.button{gap:20px;font-size:12px}.fine{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}