@font-face{font-family:Pretendard;src:url('./assets/Pretendard-Regular.otf');font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url('./assets/Pretendard-SemiBold.otf');font-weight:600 800;font-display:swap}
:root{--ink:#252527;--muted:#747477;--rose:#b87a87;--soft:#f9f3f4;--line:#eeebec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:white;color:var(--ink);font-family:Pretendard,'Apple SD Gothic Neo',sans-serif;letter-spacing:-.025em}body.modal-open{overflow:hidden}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}figure{margin:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #96515f;outline-offset:5px}.wrap{width:min(1080px,calc(100% - 64px));margin:auto}.nav{height:94px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.brand{color:var(--rose);font-weight:600;font-size:26px;letter-spacing:-.06em}.nav>span{font-size:13px;color:var(--muted)}.nav-cta{margin-left:auto;background:transparent;border:0;font-size:13px;padding:12px 0}.nav-cta span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr;align-items:center;gap:65px;padding:65px 0 75px}.eyebrow{font-size:13px;color:var(--rose);font-weight:600;margin:0 0 22px}h1,h2,p{word-break:keep-all}h1{font-size:clamp(42px,5vw,66px);font-weight:600;letter-spacing:-.055em;line-height:1.2;margin:0}h1 em{font-style:normal;color:var(--rose)}.lead{font-size:17px;line-height:1.85;color:var(--muted);margin:25px 0 30px}.button{border:0;border-radius:10px;background:var(--rose);color:white;padding:18px 23px;display:flex;justify-content:center;align-items:center;gap:32px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#a76a77;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.65;cursor:wait}.micro{font-size:11px;line-height:1.7;color:var(--muted);margin-top:13px}.section-nav{display:flex;gap:38px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.section-nav a:hover{color:var(--rose)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding:95px 0}.feature+.feature{border-top:1px solid var(--line)}h2{font-size:36px;font-weight:600;letter-spacing:-.045em;line-height:1.4;margin:0 0 22px}.feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:380px}.image-stage{background:#faf8f8;border-radius:18px;min-height:505px;padding:30px;display:flex;align-items:center;justify-content:center}.toys img{width:250px;border-radius:16px}.app-screen{width:250px;max-height:530px;object-fit:contain}.goods{background:var(--soft);padding:78px 0}.goods-inner{text-align:center}.goods-inner>p:not(.eyebrow):not(.micro){color:var(--muted);font-size:16px;line-height:1.85}.goods-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px 0}.goods-list span{font-size:13px;background:white;border:1px solid #eadcde;padding:10px 18px;border-radius:7px}.goods .button{margin:30px auto 0}.closing{padding:90px 0;display:flex;justify-content:space-between;align-items:center;gap:40px}.closing p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.footer{display:flex;align-items:center;gap:20px;padding:30px 0;border-top:1px solid var(--line)}.footer .brand{font-size:20px}.footer span{margin-right:auto}.footer>a:not(.brand),.footer span{font-size:10px;color:var(--muted)}.skip{position:absolute;top:-80px}.skip:focus{top:8px;left:8px;background:white;padding:15px;z-index:2}
dialog{width:min(490px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:38px;border:0;border-radius:20px;color:var(--ink);box-shadow:0 24px 90px #30232b25;overflow:auto}dialog::backdrop{background:#25212766;backdrop-filter:blur(3px)}.close{position:absolute;right:16px;top:12px;font-size:28px;background:none;border:0;color:#777;width:36px;height:36px}dialog h2{font-size:25px;margin-bottom:10px}.dialog-intro{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:25px}.field-label{display:block;font-size:13px;font-weight:600;margin:16px 0 10px}.field-label span{color:var(--rose);font-size:10px;margin-left:5px}input[type=email],input[type=tel],input[type=text],#other-goods{width:100%;padding:15px;border:1px solid #dcd7d9;border-radius:8px;font-size:16px;background:white;color:var(--ink)}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:13px;font-weight:600;margin-bottom:13px}legend small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:6px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choices label{position:relative;cursor:pointer}.choices input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.choices span{display:block;text-align:center;border:1px solid #e3dfe0;border-radius:8px;padding:13px 7px;font-size:13px}.choices input:checked+span{background:var(--soft);border-color:var(--rose);color:#96515f;font-weight:600}.choices input:focus-visible+span{outline:2px solid var(--rose);outline-offset:2px}.consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.7;color:var(--muted);margin:22px 0}.consent input{margin-top:3px;accent-color:var(--rose)}.consent a{text-decoration:underline}.submit{width:100%}.form-message{font-size:12px;line-height:1.7;color:#a54c5d;min-height:20px;margin-bottom:0}#signup-success{padding:25px 0}#signup-success p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.done{margin-top:25px;width:100%}
@media(max-width:760px){.wrap{width:calc(100% - 40px);max-width:520px}.nav{height:74px;gap:14px}.brand{font-size:23px}.nav>span{display:none}.hero{grid-template-columns:1fr;gap:38px;padding:42px 0}.hero h1{font-size:46px}.hero .eyebrow{font-size:12px;margin-bottom:19px}.lead{font-size:15px;margin:22px 0 25px}.hero .button{width:100%}.section-nav{justify-content:space-between;gap:8px;font-size:11px;padding:20px 0}.feature{grid-template-columns:1fr;gap:27px;padding:60px 0}.feature-copy{grid-row:1}h2{font-size:29px}.feature-copy>p:not(.eyebrow){font-size:15px;max-width:none}.image-stage{min-height:0;padding:25px}.toys img{width:225px}.app-screen{width:245px;max-height:490px}.goods{padding:55px 0}.goods-list{gap:8px}.goods-list span{padding:10px 15px}.goods .button{width:100%;gap:15px;font-size:14px}.closing{padding:60px 0;display:block}.closing .button{width:100%;margin-top:25px}.footer{flex-wrap:wrap;gap:15px}.footer span{width:100%;order:4}dialog{padding:30px 24px}.hero .micro{font-size:10px}dialog h2{font-size:23px}}
.hero{grid-template-columns:1fr 1.2fr;gap:65px}.hero-app{display:flex;justify-content:center;align-items:center;padding:24px;background:var(--soft);border-radius:18px}.hero-app img{width:auto;max-width:100%;max-height:470px;object-fit:contain;border-radius:16px}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:28px;padding-top:24px}.hero-app{padding:18px}.hero-app img{max-height:360px}.hero-copy h1{font-size:40px}}
/* First view: the product, message and signup action remain visible together. */
:root{--rose:#ce3265;--soft:#fff2f7;--muted:#67636a;--line:#f1e5ec}
body{background:#fff}
.nav{height:74px;border-bottom:0}
.nav .brand{color:#db4677}
.nav-cta{background:#fff0f5;color:#b51f54;padding:11px 17px;border-radius:999px;font-weight:600}
.hero{display:flex;flex-direction:column;gap:0;padding:25px 0 32px;text-align:center;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;inset:12% -5% 9%;border-radius:50%;background:radial-gradient(ellipse,#ffe7f1 0%,#fff5f9 45%,#fff 71%)}
.hero-copy{width:100%;margin:auto}
.hero .eyebrow{display:inline-block;margin:0 0 13px;font-size:12px;font-weight:600;letter-spacing:.02em}
.hero h1{font-size:clamp(38px,4.1vw,53px);line-height:1.2;letter-spacing:-.055em}
.hero .lead{font-size:15px;line-height:1.7;margin:14px 0 0;color:#625b65}
.hero-gallery{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:315px;margin:24px auto 23px}
.preview{width:139px;position:relative;flex-shrink:0}
.preview img{width:100%;height:260px;object-fit:contain;background:white;border:5px solid #fff;border-radius:20px;box-shadow:0 12px 30px #9d3c6720}
.preview span{display:block;font-size:11px;margin-top:12px;color:#8b4e65;font-weight:600}
.preview-home{transform:rotate(-7deg) translateY(5px)}
.preview-album{width:157px;z-index:1}
.preview-album img{height:294px;box-shadow:0 18px 36px #9d3c672a}
.preview-story{transform:rotate(7deg) translateY(5px)}
.hero-action{width:min(340px,100%)}
.button{background:#ce3265;border-radius:13px;box-shadow:0 7px 17px #ce32651c}
.button:hover{background:#b82457}
.hero .button{width:100%;min-height:58px;font-size:17px;box-shadow:0 9px 24px #ce326530}
.hero .micro{font-size:11px;margin:12px 0 0}
.section-nav{justify-content:center;color:#775b67}
.image-stage{background:#fff3f7}
.goods{background:#fff0f6}
.goods-list span{border-color:#f2cddc;color:#93415e}
.closing .eyebrow{color:#ce3265}
.mobile-signup{display:none}
@media(max-width:760px){
 .nav{height:63px}.nav-cta{font-size:11px;padding:10px 13px}.nav-cta span{margin-left:8px}
 .hero{padding:17px 0 25px}.hero .eyebrow{font-size:10px;margin-bottom:11px}.hero h1{font-size:34px;line-height:1.22}
 .hero .lead{font-size:13px;line-height:1.65;margin:12px 0 0}
 .hero-gallery{height:245px;gap:10px;margin:16px 0 15px}
 .preview{width:91px}.preview img{height:199px;border-width:4px;border-radius:14px}.preview span{font-size:9px;margin-top:10px}
 .preview-album{width:110px}.preview-album img{height:231px}
 .hero-action{width:100%;max-width:360px}.hero .button{font-size:16px;min-height:54px;padding:16px 20px}
 .hero .micro{font-size:10px;margin-top:10px}.section-nav{gap:22px;font-size:10px}
 .feature-copy{text-align:center}.feature-copy p{margin-left:auto;margin-right:auto}
 .feature{padding:48px 0}.feature h2{font-size:28px}
 .mobile-signup{display:block;position:fixed;left:0;right:0;bottom:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #f3e4ea;z-index:3;backdrop-filter:blur(10px)}
 .mobile-signup .button{width:100%;padding:15px;max-width:480px;margin:auto;font-size:15px}
 body.modal-open .mobile-signup{visibility:hidden}
 .footer{padding-bottom:110px}
}
@media(max-width:360px){.hero h1{font-size:30px}.hero-gallery{gap:8px;height:222px}.preview{width:80px}.preview img{height:180px}.preview-album{width:99px}.preview-album img{height:207px}}
@media(min-width:761px){.hero{padding-top:15px}.hero h1{font-size:48px}.hero-gallery{height:270px;margin:18px auto}.preview img{height:224px}.preview-album img{height:255px}.hero .button{min-height:54px}.hero .lead{margin-top:12px}.nav{height:66px}}
/* White canvas and the device treatment from the supplied ad mockups. */
:root{--ink:#87355f;--muted:#80516c;--rose:#df3979;--soft:#fff;--line:#f0e8ed}
body,.goods,.image-stage{background:#fff}
.hero:before{display:none}
.nav .brand,.eyebrow,h1 em,.closing .eyebrow{color:var(--rose)}
.hero .lead,.feature-copy>p:not(.eyebrow),.goods-inner>p:not(.eyebrow):not(.micro){color:var(--muted)}
.hero h1{font-size:46px}.hero .lead{font-size:15px}
.nav-cta{background:white;color:#d12d6b;border:1px solid #ed8ab2;border-radius:10px}
.button{background:#df3979;box-shadow:none}.button:hover{background:#c92666}
.hero .button{box-shadow:none}
.hero-gallery{height:284px;gap:24px;margin:21px auto 18px}
.preview,.preview-album{width:115px;transform:none;z-index:auto}
.preview-story{width:128px}
.preview>span{color:#ba356d;font-size:11px;margin-top:12px}
.phone{position:relative;aspect-ratio:497/1116;border-radius:15% / 6.7%;padding:3.2%;background:#171719;border:1px solid #77777b;box-shadow:0 6px 12px #241a2012}
.phone-screen{height:100%;position:relative;overflow:hidden;border-radius:13% / 5.8%;background:#fff;padding:14% 1.5% 10%;display:flex;align-items:center}
.phone:before{content:"";position:absolute;z-index:2;top:2.6%;left:35%;width:30%;height:3.6%;border-radius:999px;background:#080809}
.phone:after{content:"";position:absolute;z-index:2;bottom:2%;left:35%;width:30%;height:2px;border-radius:4px;background:#171719}
.preview .phone img{width:100%;height:100%;max-height:none;object-fit:contain;border:0;border-radius:0;background:white;box-shadow:none}
.phone-home .phone-screen{padding-bottom:27%}
.phone-tabs{position:absolute;bottom:8%;left:0;right:0;display:flex;justify-content:space-around;border-top:1px solid #ece7e9;padding-top:7%;font-size:5px;color:#8b7982}
.phone-tabs b{color:#df3979}.phone-tabs span{font-size:inherit;margin:0;color:inherit;font-weight:400}
.phone-card .phone-screen{position:absolute;inset:3px;height:auto;padding:15% 0 12%;display:flex;align-items:center;justify-content:center}
.preview .phone-card .phone-screen img{width:100%;height:auto;max-height:100%;object-fit:contain;flex-shrink:0}
.phone-card:after{background:#171719}
.preview-album .phone:before{display:none}
.preview-album .phone-screen{padding:0}
#album .image-stage:after{display:none}
#album .image-stage img{padding:0}
.image-stage img{width:250px;max-height:none;padding:26px 7px 20px;background:white;border:7px solid #202023;outline:1px solid #747478;border-radius:34px;box-shadow:0 8px 20px #241a2010}
.image-stage{position:relative}
.image-stage:after{content:"";position:absolute;top:42px;left:calc(50% - 35px);width:70px;height:17px;background:#151517;border-radius:999px}
.image-stage.toys img{padding:0;border-radius:34px}
.image-stage.toys:after{top:42px}
.goods{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.goods-list span{color:#c02e68;border-color:#efb2cb;background:#fff}
.choices input:checked+span{background:#fff0f6;color:#bc245f;border-color:#df3979}
.section-nav{color:#b43b70}
@media(max-width:760px){
 .hero h1{font-size:33px}.hero .lead{font-size:13px}
 .hero-gallery{height:263px;gap:14px;margin:17px 0}
 .preview,.preview-album{width:95px}.preview-story{width:107px}
 .preview>span{font-size:9px;margin-top:10px}
 .hero .micro{color:#79596e}
 .image-stage:after,.image-stage.toys:after{top:37px}
}
@media(max-width:360px){.hero h1{font-size:30px}.hero-gallery{gap:10px;height:237px}.preview,.preview-album{width:82px}.preview-story{width:94px}}
.goods-preview{max-width:960px;margin:24px auto 0}.goods-preview>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.goods-types{display:grid;grid-template-columns:22fr 34fr 23fr 21fr;color:var(--rose);font-size:15px;font-weight:600}.goods-preview .micro{margin-top:22px}.section-nav{flex-wrap:wrap}
@media(max-width:760px){.goods-types{font-size:12px}.goods-preview .micro{font-size:10px}.section-nav{gap:15px}.goods-preview{margin-top:15px}}
@media(max-width:760px){.footer{padding-bottom:30px}}
/* Display the supplied mockup's phone region (630,46,574,1160), without rescaling its axes independently. */
.reference-phone{position:relative;width:100%;aspect-ratio:574/1160;overflow:hidden;background:#fff}
.reference-phone>img,.preview .reference-phone>img{position:absolute;left:-109.756098%;top:-3.965517%;width:218.466899%;max-width:none;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;border:0;border-radius:0;box-shadow:none;padding:0}
.record-stage{display:flex;justify-content:center;align-items:center}
.record-stage .reference-phone{width:min(290px,100%)}
@media(max-width:760px){.record-stage .reference-phone{width:min(260px,100%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.platform-choices{grid-template-columns:repeat(2,minmax(0,1fr))}

.contact-method{margin-top:0}.contact-hint{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 16px}.contact-hint summary{cursor:pointer}
