@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700;800&family=Yomogi&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap');
:root{--paper:#faf6ed;--ink:#322c2c;--muted:#736863;--pink:#b93960;--rose:#f0d1d5;--line:#ddd3c8;--hand:'Yomogi',cursive;--sans:'Zen Maru Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}::selection{background:#f0bfc9}.wrap{width:min(1100px,100%);margin:auto;padding-inline:40px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 36px;background:var(--paper);position:relative;z-index:5}.brand{font-family:'DM Sans',sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.6px;line-height:1;display:flex;align-items:center;gap:11px}.brand img{border-radius:13px;border:3px solid white;box-shadow:0 2px 5px #49313115}.brand small{display:block;font:9px var(--sans);font-weight:500;letter-spacing:.5px;margin-top:8px}.header nav{display:flex;gap:27px;font-size:12px;font-weight:700}.header nav a{border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.header nav a:hover{color:var(--pink);border-color:var(--pink)}.header-actions{display:flex;align-items:center;gap:18px}.motion-toggle{border:0;background:transparent;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:7px;padding:10px 0}.motion-icon{font:14px Arial,sans-serif}.nav-download{border:1.5px solid var(--ink);border-radius:50px;padding:10px 18px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700;transition:transform .2s,box-shadow .2s}.nav-download:hover{transform:translateY(-2px);box-shadow:0 4px 0 #cbaeb1}.nav-download span{margin-left:20px}.eyebrow{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;font-weight:600}.hero{position:relative;text-align:center;padding:38px 0 36px;overflow:hidden;background-image:linear-gradient(#c0b5a526 1px,transparent 1px),linear-gradient(90deg,#c0b5a526 1px,transparent 1px);background-size:28px 28px;border-top:1px solid #e8e0d5;border-bottom:1px solid #e8e0d5}.hero:before,.hero:after{content:'';position:absolute;top:15px;bottom:15px;width:4px;border-left:2px dashed #d6c7b9;pointer-events:none}.hero:before{left:12px}.hero:after{right:12px}.hero-copy{position:relative;z-index:3;padding-inline:24px}.hero .eyebrow{font-size:9px;color:#8d5966;letter-spacing:2.1px;margin:5px 0 20px}.hero .eyebrow span{font-size:20px;margin-right:8px;vertical-align:middle}.hero h1{font-size:clamp(40px,4.2vw,62px);font-weight:900;line-height:1.4;letter-spacing:-1px;margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--pink);position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;bottom:0;left:4%;width:92%;height:10px;border-bottom:2px solid #c77289;border-radius:50%;transform:rotate(-2deg)}.hero .intro{font-size:13px;font-weight:500;margin:20px 0 0;color:var(--muted)}.hero-scene{width:min(1120px,100%);height:625px;position:relative;margin:20px auto 0;isolation:isolate}.scene-orbit{width:570px;height:490px;position:absolute;left:50%;top:75px;transform:translateX(-50%) rotate(-8deg);border-radius:46% 54% 51% 49%;background:#efd5d1;z-index:-1;opacity:.6}.yarn-trail{position:absolute;width:120%;height:90%;left:-10%;top:12%;overflow:visible;z-index:-1;stroke:#be7a8c;stroke-width:3;stroke-linecap:round}.trail-running{stroke:#fff7ec;stroke-width:2;stroke-dasharray:2 13}.screen-float{position:absolute;line-height:0}.phone{padding:0;display:block;line-height:0;background:#ec407a;overflow:hidden;border:5px solid #342a2e;border-radius:32px;box-shadow:0 24px 34px #513c3e20,0 2px 0 #ffffff8c inset;transition:transform .3s,box-shadow .3s}.phone img{width:100%;height:auto;display:block}.phone:hover{transform:translateY(-5px);box-shadow:0 29px 40px #513c3e30}.screen-center{z-index:3;top:5px;width:258px;left:calc(50% - 129px)}.screen-left{z-index:1;width:219px;left:calc(50% - 382px);top:69px;transform:rotate(-11deg)}.screen-right{z-index:1;width:213px;right:calc(50% - 375px);top:94px;transform:rotate(11deg)}.screen-left .phone,.screen-right .phone{border:7px solid #fffcf7;border-radius:27px;box-shadow:0 15px 30px #503b3a25}.paper-caption{display:block;position:absolute;left:-4px;right:-4px;bottom:-23px;background:#fffcf7;padding:11px 5px 14px;font:13px var(--hand);line-height:1.4;box-shadow:0 10px 15px #503b3a0a;border-radius:0 0 3px 3px}.sticker{position:absolute;z-index:4}.yarn-sticker{width:125px;left:calc(50% - 340px);top:-16px;transform:rotate(-12deg)}.yarn-sticker svg{display:block;filter:drop-shadow(3px 4px 0 #fffdf8) drop-shadow(-3px -3px 0 #fffdf8)}.yarn-sticker>span{position:absolute;left:-65px;top:5px;font:17px var(--hand);line-height:1.4;transform:rotate(-6deg);color:#8f5c68}.cat-sticker{right:calc(50% - 400px);top:28px;transform:rotate(9deg);display:flex;align-items:center;gap:11px}.cat-sticker img{width:91px;height:91px;object-fit:cover;border-radius:26px;border:6px solid #fffcf7;box-shadow:3px 4px 2px #795d5b20}.cat-sticker span{font:13px var(--hand);line-height:1.5;max-width:120px}.note-sticker{bottom:49px;left:calc(50% - 255px);background:#fffdf7;box-shadow:2px 5px 8px #41292718;border:1px solid #e6d6cb;padding:14px 20px;font:14px var(--hand);transform:rotate(-7deg);border-radius:3px}.note-sticker>span{display:inline-block;margin-right:7px;border-radius:50%;padding:0 7px;background:#e8ebd9;color:#75825d;font-family:var(--sans)}.star-sticker{font-size:62px;color:#d19255;right:calc(50% - 227px);bottom:68px;line-height:1;text-shadow:3px 3px #fffdf7,-3px -3px #fffdf7}.tiny-star{font-size:29px;left:calc(50% - 470px);top:265px;color:#b7768b}.scene-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font:8px 'DM Sans',sans-serif;letter-spacing:2px;color:#8c7770}.hero-download{position:relative;z-index:4}.store-links{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;min-height:78px;margin-top:8px}.store-badge{display:inline-flex;align-items:center;flex-shrink:0;transition:transform .2s}.store-badge:hover{transform:translateY(-3px)}.store-badge img{display:block;object-fit:contain}.store-links{--badge-height:52px}.apple-badge img{width:auto;height:var(--badge-height)}.google-badge{margin:0}.google-badge img{width:auto;height:calc(var(--badge-height) * 250 / 192)}.store-names{font-size:10px;line-height:1.8;color:#6e605d;margin:2px 0 10px;display:flex;justify-content:center;gap:20px}.store-names span{display:block}.fine{font-size:9px;color:var(--muted);line-height:1.9;margin:6px 0}.scroll-cue{font:8px 'DM Sans',sans-serif;letter-spacing:2px;display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-top:17px}.scroll-cue>span:last-child{font-family:var(--hand);font-size:30px;line-height:1.2}.intro-section{text-align:center;padding-top:85px;padding-bottom:75px}.section-tab{display:inline-block;font:9px 'DM Sans',sans-serif;letter-spacing:2px;padding:7px 16px;border-radius:30px;border:1px solid #d2b9bd;color:#936471;background:#fbf0ed}h2{font-size:35px;font-weight:900;line-height:1.7;letter-spacing:.2px;margin:24px 0}h2 em,h3 em{font-style:normal;color:var(--pink)}.intro-section>p{font-size:13px;color:var(--muted);line-height:2.25}.mini-benefits{display:flex;justify-content:center;gap:40px;margin-top:32px;font-size:12px;font-weight:700}.mini-benefits b{font:11px 'DM Sans',sans-serif;background:#e5d8c9;width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;margin-right:8px}.ribbon{overflow:hidden;background:#f0d3d8;border-block:1px dashed #cc9ca8;padding:16px 0;transform:skewY(-1deg);margin:0 0 20px}.ribbon-track{display:flex;width:max-content}.motion-ready .ribbon-track{animation:marquee 36s linear infinite}.ribbon-track>span{font:600 13px 'DM Sans',var(--sans);letter-spacing:2px;white-space:nowrap;display:flex;gap:30px;align-items:center;padding-right:30px}.ribbon i{font-size:22px;font-style:normal;color:var(--pink)}.screens-section{padding-top:60px;padding-bottom:65px;background:radial-gradient(#beafa01c .7px,transparent .7px);background-size:5px 5px}.screens-heading{text-align:center;margin-bottom:45px}.screens-heading h2{font-size:39px;line-height:1.6}.screens-heading>p{font-size:13px;color:var(--muted)}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;padding:45px 0 80px;max-width:940px;margin:auto}.feature-row:nth-of-type(even) .feature-copy{order:2}.feature-row:nth-of-type(even) .feature-visual{order:1}.step-number{font:800 16px 'DM Sans',sans-serif;display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 #d9c5c6}.feature-copy .eyebrow{font-size:9px;letter-spacing:1.3px;margin:22px 0 12px;color:#9c6a78}.feature-copy h3{font-size:30px;font-weight:900;line-height:1.65;margin:12px 0 25px}.feature-copy>p:not(.eyebrow){font-size:13px;line-height:2.2;color:var(--muted)}.annotation{display:inline-block;margin-top:20px;padding:10px 16px;background:#fffcf7;border:1px solid #dabfc4;border-radius:9px;transform:rotate(-3deg);font:13px var(--hand);box-shadow:3px 4px 0 #eadfd4}.annotation span{font-size:24px;vertical-align:middle;margin-right:8px;color:#ac637a}.feature-visual{position:relative;text-align:center;padding:35px 32px 24px;border-radius:43% 43% 14px 14px;isolation:isolate}.pink-board{background:#efd6db}.green-board{background:#e0e4d6}.yellow-board{background:#f0e2c5}.feature-visual:before{content:'';position:absolute;inset:12px;border:1px dashed #aa89884f;border-radius:inherit;z-index:-1}.feature-visual .phone{width:246px;margin:auto;border-width:4px;border-radius:29px;transform:rotate(3deg)}.feature-projects .phone{transform:rotate(-3deg)}.feature-notes .phone{transform:rotate(2deg)}.feature-visual .phone:hover{transform:translateY(-5px) rotate(0)}.tape{position:absolute;left:50%;top:12px;z-index:2;transform:translateX(-50%) rotate(-8deg);width:95px;height:30px;background:repeating-linear-gradient(90deg,#e6b5bfbb 0 8px,#f8d9dfaa 8px 16px);clip-path:polygon(2% 5%,98% 0,100% 95%,0 100%)}.green-board .tape{background:repeating-linear-gradient(90deg,#c1cbb0ba 0 8px,#dce4d2bb 8px 16px)}.yellow-board .tape{background:repeating-linear-gradient(90deg,#e4c891bb 0 8px,#f4e1b6bb 8px 16px)}.board-note{position:absolute;right:-45px;top:110px;writing-mode:vertical-rl;font:14px var(--hand);letter-spacing:1px;line-height:1.7;transform:rotate(8deg);color:#815c64}.visual-star{position:absolute;font-size:47px;left:-23px;bottom:100px;color:#bc7186;line-height:1;text-shadow:2px 2px #fff9ef,-2px -2px #fff9ef;transform:rotate(-10deg)}.green-board .visual-star{color:#829368}.yellow-board .visual-star{color:#b98f4b}.zoom-hint{display:block;font-size:9px;margin-top:21px;color:#70635f}.zoom-hint b{margin-left:8px;font-size:16px;font-weight:400}.screen-disclaimer{text-align:center;font-size:9px;color:var(--muted);line-height:1.9;margin:0}.story-section{background:#eee5d8;border-block:1px dashed #d2c0b2}.story{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:80px;padding-block:70px}.story-art{text-align:center;position:relative}.story-art img{display:block;width:170px;height:170px;border:9px solid #fffaf3;border-radius:25px;transform:rotate(-9deg);margin:0 auto 24px;box-shadow:5px 8px 0 #d8c6ba}.story-art>span{font:21px var(--hand);line-height:1.4;display:inline-block;transform:rotate(-5deg);color:#8f6369}.story h2{font-size:27px}.story p:not(.eyebrow){font-size:12px;line-height:2.25;color:var(--muted)}.story .eyebrow{font-size:9px;color:#936671}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-block:90px}.faq h2{font-size:31px;margin:15px 0 10px}.faq .serif{font:22px var(--hand);color:#b17483}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'＋';font-size:19px;color:var(--pink)}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:2.1;color:var(--muted);padding-right:20px}.download{background:#efd0d8;position:relative;text-align:center;overflow:hidden;border-top:1px dashed #cd9ba7}.download:before{content:'';position:absolute;inset:12px;border:1px dashed #c68e9c66;border-radius:12px;pointer-events:none}.download-inner{padding-block:48px 65px;position:relative}.download h2{font-size:48px;font-weight:900;line-height:1.55;margin:18px 0}.download-star{font-size:40px;color:#a9506c;display:inline-block;line-height:1.3}.download .eyebrow{font-size:9px;color:#956071}.download-inner>p:not(.eyebrow):not(.fine):not(.store-names){font-size:12px;color:#78545f}.download .store-links{margin-top:20px}.download .fine{font-size:9px;color:#78545f}.download-script{position:absolute;right:10px;bottom:32px;font:30px var(--hand);color:#a86677;transform:rotate(-9deg)}footer{padding-top:32px;padding-bottom:24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top .brand{font-size:27px}.footer-top>div{display:flex;gap:23px;font-size:10px}.footer-top small{font:9px 'DM Sans',sans-serif;color:var(--muted)}.trademark{border-top:1px solid var(--line);padding-top:15px;margin-top:25px;font-size:8px;line-height:1.8;color:var(--muted)}.image-dialog{border:1px solid var(--line);padding:16px;background:var(--paper);color:var(--ink);border-radius:12px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.image-dialog::backdrop{background:#2f2428d9;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.dialog-bar p{font-size:11px;margin:0}.dialog-bar button{background:none;border:1px solid var(--line);padding:5px 10px;font-size:11px;border-radius:5px;white-space:nowrap}.dialog-bar button span{font-size:20px;padding-left:8px}.image-dialog>img{display:block;margin:auto;max-height:calc(100dvh - 115px);width:auto;max-width:100%;border-radius:10px}body.dialog-open{overflow:hidden}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
/* Motion is progressive enhancement. Everything stays readable without JavaScript. */
.motion-ready [data-reveal]{opacity:0;translate:0 26px;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.65,.3,1)}.motion-ready [data-reveal].is-visible{opacity:1;translate:0 0}.motion-ready .hero-copy{animation:hero-in .9s both}.motion-ready .screen-center{animation:phone-in 1.1s .1s both}.motion-ready .screen-left{animation:fan-left 1.2s .15s both}.motion-ready .screen-right{animation:fan-right 1.2s .25s both}.motion-ready .sticker{animation:bob 6s ease-in-out infinite}.motion-ready .cat-sticker{animation-delay:-2s}.motion-ready .note-sticker{animation-delay:-4s}.motion-ready .star-sticker{animation:bob 5s ease-in-out infinite}.motion-ready .scroll-cue>span:last-child{animation:nudge 2.5s ease-in-out infinite}.motion-ready .trail-running{animation:thread 18s linear infinite}.motion-ready .download-star{animation:slow-turn 22s linear infinite}.motion-ready .image-dialog[open]{animation:dialog-in .22s ease-out}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused [data-reveal]{opacity:1;translate:none;transition:none}.motion-paused .hero-copy,.motion-paused .screen-center,.motion-paused .screen-left,.motion-paused .screen-right{animation:none!important}html.motion-paused{scroll-behavior:auto}@keyframes hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-in{from{opacity:0;translate:0 35px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes fan-left{from{opacity:0;translate:110px 15px;rotate:10deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes fan-right{from{opacity:0;translate:-110px 15px;rotate:-10deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes nudge{0%,100%{translate:0 0}50%{translate:0 5px}}@keyframes thread{to{stroke-dashoffset:-300}}@keyframes slow-turn{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes dialog-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.header{padding:18px 24px;gap:15px}.header nav{gap:20px;font-size:11px}.header-actions{gap:12px}.motion-label{display:none}.nav-download{font-size:10px;padding:9px 15px}.brand{font-size:27px}.hero-scene{height:590px}.screen-center{width:244px;left:calc(50% - 122px)}.screen-left{width:198px;left:calc(50% - 334px);top:70px}.screen-right{width:195px;right:calc(50% - 330px);top:95px}.yarn-sticker{left:calc(50% - 295px);width:110px;top:-10px}.yarn-sticker>span{left:-50px;font-size:14px}.cat-sticker{right:calc(50% - 350px);top:35px}.cat-sticker span{display:none}.note-sticker{bottom:35px;left:calc(50% - 230px)}.star-sticker{right:calc(50% - 220px);bottom:65px}.tiny-star{left:calc(50% - 390px)}.feature-row{gap:65px}.feature-copy h3{font-size:27px}.feature-copy>p:not(.eyebrow){font-size:12px}.feature-visual{padding-inline:25px}.feature-visual .phone{width:226px}.board-note{right:-12px;font-size:12px}.story{gap:50px}.story h2{font-size:25px}}
@media(max-width:760px){.header{flex-wrap:wrap;gap:16px}.header nav{order:3;width:100%;justify-content:center;gap:34px;border-top:1px dashed var(--line);padding-top:11px}.header-actions{margin-left:auto}.hero{padding-top:28px}.hero h1{font-size:44px}.hero .intro{font-size:12px}.hero-scene{height:515px;margin-top:20px}.screen-center{width:213px;left:calc(50% - 106.5px)}.screen-left{width:165px;left:calc(50% - 275px);top:68px}.screen-right{width:165px;right:calc(50% - 275px);top:90px}.screen-left .phone,.screen-right .phone{border-width:5px;border-radius:22px}.phone{border-radius:27px;border-width:4px}.paper-caption{font-size:10px}.scene-orbit{width:440px;height:370px}.yarn-sticker{width:94px;left:calc(50% - 244px);top:-8px}.yarn-sticker>span{font-size:12px;left:-30px;top:-12px}.cat-sticker{right:calc(50% - 278px);top:26px}.cat-sticker img{width:72px;height:72px;border-radius:23px}.note-sticker{left:calc(50% - 210px);bottom:30px;font-size:12px;padding:10px 16px}.star-sticker{font-size:46px;right:calc(50% - 195px);bottom:59px}.tiny-star{display:none}.scene-caption{font-size:7px;bottom:0}.hero .eyebrow{font-size:8px}h2{font-size:30px}.feature-row{gap:35px}.feature-copy h3{font-size:23px}.feature-copy>p:not(.eyebrow){font-size:11px}.feature-copy .eyebrow{font-size:8px}.annotation{font-size:11px;padding:8px 12px}.feature-visual{padding:30px 20px 20px}.feature-visual .phone{width:200px;border-radius:24px}.board-note{right:-8px;font-size:10px}.visual-star{left:-17px;font-size:36px}.story{gap:30px}.story h2{font-size:22px}.story-art img{width:140px;height:140px}.faq{gap:40px}.footer-top{flex-wrap:wrap}.footer-top>div{font-size:9px;gap:16px}.footer-top small{width:100%}.download-script{font-size:24px;right:30px}}
@media(max-width:600px){.wrap{padding-inline:24px}.header{padding:16px 20px 12px;gap:13px}.brand{font-size:26px;gap:8px}.brand img{width:36px;height:36px}.brand small{font-size:8px}.header-actions{gap:14px}.nav-download{font-size:9px;padding:8px 12px}.nav-download span{margin-left:8px}.motion-toggle{padding-inline:5px}.header nav{gap:31px;font-size:10px;padding-top:10px}.hero{padding-top:27px;padding-bottom:28px;background-size:24px 24px}.hero:before{left:5px}.hero:after{right:5px}.hero h1{font-size:36px;line-height:1.45;letter-spacing:-.8px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:15px}.hero .eyebrow span{font-size:15px;margin-right:6px}.hero .intro{font-size:10px;margin-top:15px}.hero-scene{height:475px;margin-top:24px;width:100%;max-width:460px}.screen-center{width:188px;left:calc(50% - 94px);top:12px}.screen-left{width:143px;left:calc(50% - 184px);top:61px;transform:rotate(-13deg)}.screen-right{width:143px;right:calc(50% - 184px);top:88px;transform:rotate(13deg)}.phone{border-radius:25px}.screen-left .phone,.screen-right .phone{border-width:4px;border-radius:18px}.paper-caption{font-size:8px;padding:7px 3px 10px;bottom:-16px}.scene-orbit{width:310px;height:340px;top:65px}.yarn-trail{height:65%;width:160%;left:-30%;top:15%;stroke-width:5}.yarn-sticker{left:calc(50% - 172px);top:-9px;width:77px}.yarn-sticker>span{display:none}.cat-sticker{right:calc(50% - 178px);top:28px}.cat-sticker img{width:64px;height:64px;border-width:4px;border-radius:18px}.note-sticker{left:calc(50% - 150px);bottom:32px;font-size:10px;padding:9px 13px}.note-sticker>span{padding:0 5px}.star-sticker{right:calc(50% - 152px);bottom:38px;font-size:41px}.scene-caption{bottom:1px;font-size:6px;letter-spacing:1.4px}.store-links{min-height:64px;gap:10px}.store-links{--badge-height:43px}.store-names{font-size:8px;gap:14px;margin-top:5px}.fine{font-size:8px}.scroll-cue{margin-top:12px;font-size:7px}.scroll-cue>span:last-child{font-size:25px}.intro-section{padding-block:56px}.section-tab{font-size:8px;letter-spacing:1.5px;padding:6px 13px}h2{font-size:25px;line-height:1.7;letter-spacing:-.5px;margin:22px 0}.intro-section>p{font-size:11px;line-height:2.2}.mini-benefits{gap:16px;margin-top:27px;font-size:10px;flex-wrap:wrap}.mini-benefits b{font-size:9px;width:20px;height:20px;margin-right:5px}.ribbon{padding:12px 0;margin-bottom:0}.ribbon-track>span{font-size:10px;gap:20px;letter-spacing:1.2px;padding-right:20px}.ribbon i{font-size:19px}.screens-section{padding-top:50px;padding-bottom:40px}.screens-heading{margin-bottom:25px}.screens-heading h2{font-size:31px;margin-top:20px}.screens-heading>p{font-size:11px}.feature-row{grid-template-columns:1fr;gap:28px;padding-top:22px;padding-bottom:62px}.feature-row:nth-of-type(even) .feature-copy,.feature-row:nth-of-type(even) .feature-visual{order:initial}.feature-copy{padding:0 8px}.feature-copy h3{font-size:27px;margin:10px 0 17px}.step-number{width:32px;height:32px;font-size:14px}.feature-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-top:17px}.feature-copy>p:not(.eyebrow){font-size:12px;line-height:2.1}.annotation{font-size:12px;margin-top:14px;padding:8px 12px}.annotation span{font-size:20px}.feature-visual{width:100%;max-width:340px;margin:auto;padding:33px 30px 22px;border-radius:42% 42% 12px 12px}.feature-visual .phone{width:226px;border-radius:28px}.tape{top:10px;width:80px;height:26px}.board-note{right:-4px;top:113px;font-size:11px}.visual-star{left:-5px;bottom:95px;font-size:37px}.zoom-hint{font-size:9px;margin-top:18px}.screen-disclaimer{text-align:left;font-size:8px}.story{grid-template-columns:1fr;padding-block:50px;gap:28px}.story-art{display:flex;align-items:center;justify-content:center;gap:22px}.story-art img{margin:0;width:115px;height:115px;border-width:6px;box-shadow:4px 5px 0 #d8c6ba}.story-art>span{font-size:18px}.story h2{font-size:25px}.story p:not(.eyebrow){font-size:12px}.faq{grid-template-columns:1fr;gap:24px;padding-block:55px}.faq h2{font-size:27px}.faq .serif{font-size:20px}.questions summary{font-size:12px}details{padding:18px 0}details p{font-size:11px}.download-inner{padding-top:36px;padding-bottom:66px}.download h2{font-size:38px}.download-star{font-size:34px}.download .eyebrow{font-size:8px;letter-spacing:1.6px}.download-inner>p:not(.eyebrow):not(.fine):not(.store-names){font-size:11px}.download .fine{font-size:8px}.download-script{font-size:20px;bottom:22px;right:28px}.footer-top{gap:20px}.footer-top .brand{font-size:25px}.footer-top>div{gap:13px;font-size:9px}.footer-top small{font-size:8px}.trademark{font-size:7px}.dialog-bar p{font-size:9px}.dialog-bar{gap:10px}.image-dialog{padding:12px}.dialog-bar button{font-size:10px}}
@media(max-width:360px){.header{padding-inline:16px}.brand{font-size:23px}.brand img{width:31px;height:31px}.brand small{font-size:7px}.header-actions{gap:7px}.nav-download{padding:8px 10px;font-size:8px}.header nav{gap:28px}.hero h1{font-size:31px}.hero .intro{font-size:9px}.hero-scene{height:425px}.screen-center{width:166px;left:calc(50% - 83px)}.screen-left{width:122px;left:calc(50% - 157px);top:58px}.screen-right{width:122px;right:calc(50% - 157px);top:84px}.scene-orbit{width:270px;height:300px}.yarn-sticker{width:64px;left:calc(50% - 148px)}.cat-sticker{right:calc(50% - 150px)}.cat-sticker img{width:54px;height:54px}.note-sticker{left:calc(50% - 130px);bottom:35px;font-size:9px;padding:8px 10px}.star-sticker{right:calc(50% - 135px);bottom:40px;font-size:33px}.store-names{font-size:7.5px;gap:9px}.store-links{--badge-height:40px}.store-links{gap:8px;min-height:59px}.wrap{padding-inline:20px}.intro-section h2{font-size:22px}.mini-benefits{gap:11px;font-size:9px}.feature-copy h3{font-size:24px}.feature-copy>p:not(.eyebrow){font-size:11px}.feature-visual .phone{width:210px}.feature-visual{padding-inline:24px}.annotation{font-size:11px}.story h2{font-size:23px}.story-art{gap:17px}.story-art>span{font-size:16px}.download h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;translate:none}.motion-ready .hero-copy,.motion-ready .screen-center,.motion-ready .screen-left,.motion-ready .screen-right{opacity:1;translate:none;scale:1;rotate:none}}

.motion-toggle:disabled{opacity:.6;cursor:default}
@media(min-width:1001px){.hero{padding-top:20px}.hero h1{font-size:54px}.hero .eyebrow{margin:0 0 12px}.hero .intro{margin-top:12px}.hero-scene{height:565px}.screen-center{width:236px;left:calc(50% - 118px)}.screen-left{width:200px;left:calc(50% - 345px);top:65px}.screen-right{width:195px;right:calc(50% - 340px);top:85px}.yarn-sticker{left:calc(50% - 305px);width:111px;top:-10px}.cat-sticker{right:calc(50% - 375px)}.note-sticker{left:calc(50% - 230px);bottom:36px}.star-sticker{right:calc(50% - 212px);bottom:55px}.scene-orbit{width:520px;height:440px;top:65px}}