:root{--ink:#2c2d32;--pink:#fa6c82;--cream:#fffaf7;--muted:#8b7f7d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC",sans-serif}a{text-decoration:none;color:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,7vw,132px);background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #f3ece9}.logo{font:600 21px "Noto Serif SC",serif;letter-spacing:.08em}.logo span{color:var(--pink);font-size:26px;margin-right:7px}.topbar nav{display:flex;gap:43px;height:100%;align-items:center}.topbar nav a{font-size:14px;height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.topbar nav a:hover,.topbar nav .current{color:var(--pink);border-color:var(--pink)}.top-download{font-size:13px;background:var(--pink);color:#fff;padding:10px 17px;border-radius:100px}.top-download b{font-size:17px;margin-left:9px}.hero{position:relative;max-height:795px;min-height:510px;overflow:hidden;background:#f3d8cf}.hero-slides{height:min(40.1vw,795px);min-height:510px;position:relative}.slide{position:absolute;inset:0;opacity:0;animation:hero-fade 24s infinite}.slide img{width:100%;height:100%;object-fit:cover}.slide-1{animation-delay:0s}.slide-2{animation-delay:6s}.slide-3{animation-delay:12s}.slide-4{animation-delay:18s}@keyframes hero-fade{0%,4%{opacity:0}8%,22%{opacity:1}27%,100%{opacity:0}}.slide-caption{position:absolute;right:clamp(28px,8vw,150px);bottom:37px;display:flex;gap:15px;align-items:baseline;color:#fff;text-shadow:0 1px 7px #3724225c}.slide-caption small{font-size:11px;letter-spacing:.14em}.slide-caption p{margin:0;font-size:13px}.hero-badge{position:absolute;left:34px;bottom:30px;display:flex;align-items:center;gap:11px;color:#fff;font-size:10px;letter-spacing:.13em;text-shadow:0 1px 4px #0005}.hero-badge i{width:25px;height:1px;background:currentColor}.download{padding:105px 30px 113px;text-align:center;max-width:1300px;margin:auto}.section-title span,.story-copy>span,.about-intro>span{font-size:11px;color:var(--pink);letter-spacing:.2em;font-weight:700}.section-title h1,.section-title h2,.stories h2,.about h2{font:600 clamp(32px,4vw,52px)/1.35 "Noto Serif SC",serif;letter-spacing:.04em;margin:13px 0 12px}.section-title p{color:var(--muted);font-size:14px;margin:0}.download-art{max-width:1050px;margin:40px auto 14px;position:relative}.download-art img{width:100%;display:block}.download-art button{position:absolute;top:0;height:100%;border:0;background:transparent;color:transparent;cursor:pointer}.download-art button:focus-visible{outline:3px solid var(--pink);outline-offset:-8px;border-radius:16px}.download-art button:nth-of-type(1){left:0;width:32%}.download-art button:nth-of-type(2){left:34%;width:32%}.download-art button:nth-of-type(3){left:68%;width:32%}.download-note{font-size:12px;color:#b7a9a6}.features{background:#fdf4f1;padding:104px 30px 80px;overflow:hidden}.section-title.light{text-align:center}.feature-list{max-width:1120px;margin:30px auto 0}.feature-card{min-height:460px;display:flex;align-items:center;justify-content:center;gap:110px;border-bottom:1px solid #f0ded9;position:relative}.feature-card.reverse{flex-direction:row-reverse}.feature-copy{width:300px}.feature-copy b{font:16px "Noto Serif SC",serif;color:var(--pink)}.feature-copy h3{font:600 31px "Noto Serif SC",serif;margin:14px 0}.feature-copy p{font-size:14px;line-height:2;color:var(--muted);margin:0}.phone-shot{height:360px;width:168px;border:7px solid #312f31;border-radius:28px;overflow:hidden;background:#312f31;box-shadow:16px 20px 35px #b7847b38}.phone-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.stories{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;max-width:1300px;margin:120px auto;padding:0 30px}.story-image{min-height:480px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{padding:67px clamp(37px,6vw,92px);background:#fff0eb}.story-copy h2{margin-top:13px}.story-copy>p{font-size:14px;line-height:2;color:#716a68}.story-copy blockquote{font:500 18px/1.8 "Noto Serif SC",serif;margin:28px 0 12px;padding:0 0 0 15px;border-left:2px solid var(--pink);color:#4c4544}.story-copy small{font-size:11px;color:#a49693}.about{background:#35353a;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:100px;padding:108px max(8vw,35px)}.about-intro{max-width:680px}.about h2{margin-top:13px}.about-intro>p{font-size:14px;line-height:2.1;color:#d9d6d5;max-width:610px}.contact-card{align-self:center;padding:34px;background:#45454b;border:1px solid #5d5d63}.contact-flower{color:#ff91a4;font-size:29px}.contact-label{font-size:10px;letter-spacing:.18em;color:#ff91a4;margin:8px 0}.contact-card h3{font:600 28px "Noto Serif SC",serif;margin:7px 0}.contact-card>p:not(.contact-label){font-size:13px;line-height:1.8;color:#d4d1d0}.company-name{border-top:1px solid #606066;margin-top:25px;padding-top:15px;font-size:12px;color:#f5efed}footer{display:flex;justify-content:space-between;align-items:center;padding:28px max(8vw,35px);font-size:11px;color:#7e7674}footer .logo{font-size:16px}footer .logo span{font-size:20px}footer div>p{margin:3px 0 0;font-size:10px}.compliance{display:flex;gap:9px}.compliance a:hover{text-decoration:underline;color:var(--pink)}.download-modal[hidden]{display:none}.download-modal{position:fixed;inset:0;z-index:20;background:#3228298a;display:grid;place-items:center;padding:20px}.modal-card{position:relative;text-align:center;background:#fffaf7;padding:45px 60px 38px;max-width:360px;width:100%;box-shadow:0 20px 80px #392b2a66}.modal-close{position:absolute;right:14px;top:9px;border:0;background:transparent;font-size:27px;color:#8b7f7d;cursor:pointer}.modal-card>span{font-size:10px;color:var(--pink);letter-spacing:.15em}.modal-card h2{font:600 28px "Noto Serif SC",serif;margin:12px 0}.modal-card p{font-size:13px;line-height:1.8;color:var(--muted)}.qr-placeholder{width:135px;height:135px;margin:24px auto 0;background:repeating-linear-gradient(45deg,#f8e9e6 0 6px,#fff5f1 6px 12px);display:grid;place-items:center;border:1px dashed #e4b7af;color:var(--pink)}.qr-placeholder span{font-size:37px}.qr-placeholder small{font-size:11px;color:#9c8682;margin-top:-30px}@media(max-width:760px){.topbar{height:65px;padding:0 20px}.topbar nav{display:none}.logo{font-size:18px}.top-download{font-size:11px;padding:8px 12px}.hero-slides{height:55vw;min-height:345px}.slide img{object-position:center}.slide-caption{left:22px;right:auto;bottom:20px;display:block}.slide-caption p{font-size:11px;margin-top:5px;max-width:220px}.hero-badge{display:none}.download{padding:75px 18px}.section-title h1,.section-title h2,.stories h2,.about h2{font-size:33px}.download-art{margin:30px auto 12px}.features{padding:76px 20px 45px}.feature-card,.feature-card.reverse{min-height:0;gap:30px;padding:48px 0;flex-direction:column}.feature-copy{width:min(100%,350px);text-align:center}.feature-copy h3{font-size:26px}.phone-shot{height:330px;width:154px}.stories{grid-template-columns:1fr;margin:70px auto;padding:0 20px}.story-image{min-height:300px}.story-copy{padding:45px 28px}.about{grid-template-columns:1fr;gap:40px;padding:75px 28px}.contact-card{width:100%}footer{display:block;padding:26px 28px}footer>p{margin:16px 0 0}.compliance{margin-top:15px}.modal-card{padding:40px 25px 32px}}
