@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#543521;--cream:#fff9e9;--yellow:#ffe36a;--blue:#b8dce9;--orange:#f47b3b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'M PLUS Rounded 1c',sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #246880;outline-offset:6px}img{max-width:100%;height:auto;display:block}p{line-height:2}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900}h2{font-size:clamp(30px,3.6vw,50px);line-height:1.5;letter-spacing:-.055em}.eyebrow{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:.16em;font-size:11px;line-height:1.4;margin-bottom:24px}.skip{position:absolute;top:-80px;padding:12px;background:white;z-index:10}.skip:focus{top:0}.site-header,body>header{height:108px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--yellow);gap:24px}.brand{font-size:29px;font-weight:900;letter-spacing:-.05em;line-height:1.2}.brand span{display:block;font:700 9px Outfit,sans-serif;letter-spacing:.18em;margin-top:7px}header nav,footer nav{display:flex;gap:30px;font-size:12px;font-weight:800}.motion-control{border:1px solid #54352140;border-radius:30px;padding:9px 15px;background:transparent;font-size:10px}.box-hero{background:var(--yellow);position:relative;min-height:650px;padding:64px 5vw 80px;display:grid;grid-template-columns:44% 56%;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-left:3vw}.hero-copy h1{font-size:clamp(54px,6.8vw,100px);line-height:1.23;letter-spacing:-.07em;margin:0 0 28px}.game-sign{display:flex;gap:14px;align-items:center;margin:0 0 28px}.game-sign img{border-radius:15px;box-shadow:0 4px 12px #54352115}.game-sign strong{font-size:25px;display:block;line-height:1.4}.game-sign span{font-size:12px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border-radius:40px;padding:17px 25px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.pill:hover{transform:translateY(-3px);box-shadow:0 7px 0 #54352120}.dark{background:var(--ink);color:var(--cream)}.release{font-size:10px;margin:15px 0 0}.release>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:5px}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center}.hero-art>img{width:125%;max-width:none;margin-left:-10%;mix-blend-mode:multiply}.hand-note{position:absolute;top:4%;left:20%;font-size:20px;font-weight:800;transform:rotate(-8deg);z-index:1;border-bottom:2px dashed #54352170;padding-bottom:10px}.round-note{position:absolute;right:0;bottom:2%;border:1px solid #54352160;border-radius:50%;width:130px;height:130px;display:grid;place-content:center;text-align:center;font-size:13px;line-height:1.8;transform:rotate(10deg);background:var(--yellow)}.hero-bottom{position:absolute;bottom:22px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font:600 10px Outfit,sans-serif;letter-spacing:.1em}.ribbon{background:var(--ink);color:var(--yellow);display:flex;justify-content:space-around;align-items:center;gap:28px;padding:20px 0;white-space:nowrap;overflow:hidden;font-size:20px;font-weight:800}.section{padding:110px 8vw;max-width:1800px;margin:auto}.play-section{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.play-copy>p:not(.eyebrow){font-size:14px}.steps{padding:0;margin:35px 0 23px;list-style:none;max-width:410px}.steps li{display:flex;gap:28px;align-items:center;border-top:1px solid #54352125;padding:16px 0;font-size:23px;font-weight:800}.steps li:last-child{border-bottom:1px solid #54352125}.steps b{font:600 12px Outfit,sans-serif}.steps i{margin-left:auto;font-size:30px;font-style:normal}.small{font-size:11px!important;color:#79614e}.phone-stage{margin:0;position:relative;background:var(--blue);border-radius:48% 48% 32px 32px;display:flex;flex-direction:column;align-items:center;padding:38px 30px 24px}.phone{width:250px;border:7px solid var(--ink);border-radius:39px;overflow:hidden;box-shadow:15px 20px 0 #54352112;transform:rotate(4deg);background:#f9f5ec}.phone img{width:100%}.phone-stage figcaption{font-size:9px;margin-top:30px;letter-spacing:.08em}.floating-label{position:absolute;z-index:1;background:var(--cream);padding:14px 20px;border-radius:24px;top:95px;left:-25px;font-size:14px;font-weight:800;transform:rotate(-9deg)}.tiny-star{position:absolute;right:22px;bottom:60px;font-size:76px;color:var(--cream)}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:45px}.section-top h2{margin-bottom:0}.section-top>p{font-size:13px;flex-shrink:0}.days-section{background:#f4eddb;border-radius:44px}.days-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.days-grid article{padding:36px 40px;border-radius:25px;position:relative;overflow:hidden;min-height:345px}.number-card{background:var(--yellow)}.big-number{font:500 130px/1.1 Outfit,sans-serif;letter-spacing:-.07em}.big-number span{font:800 22px 'M PLUS Rounded 1c',sans-serif;letter-spacing:0;margin-left:10px}.days-grid h3{font-size:19px;position:relative;z-index:1;margin-top:20px}.days-grid p{font-size:12px;position:relative;z-index:1}.number-card img{width:190px;position:absolute;right:-8px;top:54px;transform:rotate(10deg)}.daily-card{background:var(--blue)}.calendar{width:122px;background:var(--cream);border-radius:15px;text-align:center;transform:rotate(7deg);margin:15px auto 26px;box-shadow:7px 8px 0 #54352115}.calendar>span{display:block;border-bottom:1px dashed #54352140;font-size:11px;padding:8px}.calendar b{font:500 70px/1.1 Outfit,sans-serif}.calendar i{display:block;font-style:normal;font-size:9px;padding-bottom:12px}.closet-display{background:#f0e5d5;border-radius:32px;padding:45px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px}.cat-preview{width:100%;aspect-ratio:1;background-image:url('calico.png');background-size:300% 100%;background-position:left center;mix-blend-mode:multiply;transition:transform .25s}.cat-preview:hover{transform:rotate(-4deg)}.closet-copy h3{font-size:36px;margin-bottom:20px}.closet-copy p:not(.eyebrow){font-size:13px}.swatches{display:flex;gap:13px;margin-bottom:25px}.swatches button{border:2px solid transparent;border-radius:50px;padding:10px 12px;background:transparent;font-size:10px;min-width:65px}.swatches button[aria-pressed=true]{border-color:var(--ink);background:var(--cream)}.swatch{display:block;width:30px;height:30px;border-radius:50%;margin:0 auto 8px;border:1px solid #54352120}.calico{background:conic-gradient(#f3d9ae 0 35%,#916442 35% 65%,#e59c59 65%)}.silver{background:linear-gradient(135deg,#beb7b0 50%,#ece8e3 50%)}.tuxedo{background:linear-gradient(90deg,#423d3c 60%,#fff5df 60%)}.coming-section{background:var(--yellow);max-width:none;text-align:center;padding-top:40px;padding-bottom:75px}.coming-section>img{width:240px;margin:0 auto 22px}.coming-section h2{font-size:clamp(38px,4vw,58px)}.coming-badge{display:inline-flex;gap:20px;border:1px solid #54352150;border-radius:40px;padding:13px 20px;align-items:center;font-size:12px}.coming-badge span{font-weight:800}.coming-section>p:not(.eyebrow){font-size:14px;margin-top:20px}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid;padding-bottom:5px}footer{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:40px 5vw}footer>span{font:11px Outfit,sans-serif}body:not(.landing)>main{padding:80px 6vw;max-width:900px;margin:auto}body:not(.landing) article>h1{font-size:clamp(28px,4vw,46px);line-height:1.5}body:not(.landing) article h2{font-size:22px;margin-top:42px}body:not(.landing) article p{font-size:14px}body:not(.landing) article a{text-decoration:underline;text-underline-offset:4px}.tag{font:700 11px Outfit,sans-serif;letter-spacing:.14em}details{border-top:1px solid #54352130;padding:22px 0}details:last-child{border-bottom:1px solid #54352130}summary{font-weight:800;cursor:pointer;line-height:1.7}details p{padding:12px 10px 0}.motion-off *, .motion-off *::before{animation:none!important;transition:none!important}html:has(.motion-off){scroll-behavior:auto}
@media(min-width:1600px){.box-hero{padding-left:9vw;padding-right:9vw}}
@media(max-width:850px){.site-header,body>header{padding:0 6vw;height:85px;gap:15px}.brand{font-size:25px}header nav{gap:18px;font-size:10px}.motion-control{font-size:9px;padding:8px}.box-hero{grid-template-columns:1fr;padding:28px 7vw 70px;min-height:0}.hero-copy{padding-left:0}.hero-copy h1{font-size:64px}.hero-art{position:absolute;width:58%;right:-5%;top:90px;height:310px;pointer-events:none}.hero-art>img{width:130%;margin-left:-13%}.hand-note{font-size:13px;top:0;left:22%}.round-note{width:92px;height:92px;font-size:10px;bottom:-30px;right:17%}.hero-copy{max-width:65%}.hero-bottom{font-size:8px}.hero-bottom>span:last-child{display:none}.section{padding:75px 7vw}.play-section{gap:7vw}.phone{width:210px;border-width:6px;border-radius:33px}.phone-stage{padding:30px 18px 20px}.floating-label{font-size:10px;left:-18px;padding:10px}.tiny-star{font-size:50px;right:5px}.days-grid article{padding:25px}.number-card img{width:120px;top:94px}.big-number{font-size:110px}.days-grid h3{font-size:16px}.section-top{align-items:start}.closet-display{padding:25px;gap:25px}footer nav{gap:16px;font-size:10px}}
@media(max-width:600px){header nav a:first-child,header nav a:nth-child(2){display:none}.site-header,body>header{gap:12px}.motion-control{margin-left:auto}header nav{margin-left:auto}.box-hero{padding:25px 6vw 52px;display:flex;flex-direction:column;align-items:stretch}.hero-copy{max-width:none}.hero-copy .eyebrow{font-size:9px;margin-bottom:16px}.hero-copy h1{font-size:clamp(51px,15vw,74px);margin-bottom:18px}.game-sign img{width:43px;height:43px;border-radius:12px}.game-sign strong{font-size:20px}.game-sign span{font-size:10px}.game-sign{margin-bottom:18px}.hero-copy .pill{padding:14px 20px;font-size:11px}.release{font-size:9px}.hero-art{position:relative;right:auto;top:auto;width:100%;height:auto;aspect-ratio:1.45;margin-top:18px}.hero-art>img{width:116%;margin-left:-8%}.hand-note{top:0;left:4%;font-size:14px}.round-note{right:0;bottom:0;width:85px;height:85px;font-size:9px}.hero-bottom{bottom:20px;font-size:7px}.ribbon{font-size:14px;padding:15px 0;gap:26px}.section{padding:62px 6vw}.play-section{grid-template-columns:1fr;gap:34px}.play-copy>p:not(.eyebrow){font-size:12px}h2{font-size:31px}.eyebrow{font-size:9px;margin-bottom:17px}.steps{display:flex;gap:12px;margin:25px 0 20px}.steps li,.steps li:last-child{display:flex;flex-direction:column;align-items:start;flex:1;gap:9px;border-top:1px solid #54352130;border-bottom:0;font-size:16px;padding:14px 0 0}.steps i{margin-left:0;font-size:28px}.phone-stage{width:100%;max-width:340px;margin:0 auto;padding-top:28px}.phone{width:218px}.floating-label{left:0;top:90px;font-size:11px}.tiny-star{right:10px}.section-top{display:block;margin-bottom:26px}.section-top>p{margin-top:20px;font-size:12px}.days-section{border-radius:28px}.days-grid{grid-template-columns:1fr;gap:17px}.days-grid article{min-height:295px;padding:28px}.number-card img{width:160px;top:68px}.days-grid h3{font-size:17px}.daily-card .calendar{margin:15px auto 22px}.closet-display{grid-template-columns:1fr;gap:8px;padding:20px;border-radius:25px}.cat-preview{width:240px;max-width:100%;margin:auto}.closet-copy{text-align:center}.closet-copy h3{font-size:29px}.swatches{justify-content:center}.closet-copy .eyebrow{margin-bottom:12px}.closet-copy p:not(.eyebrow){font-size:12px}.coming-section>img{width:200px}.coming-section h2{font-size:37px}footer{flex-wrap:wrap;padding:32px 6vw;gap:28px}footer .brand{font-size:25px}footer>span{width:100%;text-align:right;font-size:9px}body:not(.landing)>main{padding:48px 6vw}body:not(.landing) article p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep the cream felt neutral and blend the illustration's studio backdrop. */
.hero-art>img{mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}

.faq-section{max-width:1100px}.faq-section details{border-top:1px solid #54352130;padding:22px 0}.faq-section details:last-child{border-bottom:1px solid #54352130}.faq-section summary{cursor:pointer;font-weight:800;font-size:16px;line-height:1.7}.faq-section details p{font-size:14px;max-width:720px;margin:18px 0 0}.faq-section h2{margin-bottom:35px}
