@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Quicksand:wght@400;500;600;700&display=swap";:root{font-family:Quicksand,sans-serif;color:#111;background:#fff;font-synthesis:none;--line:#dedede;--muted:#666}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #111;outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{height:104px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:800;display:flex;align-items:center;gap:11px}.brand svg,.closing>svg{width:38px;fill:none;stroke:currentColor;stroke-width:2.4}.beta,.eyebrow{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.3px;font-weight:400}.beta{font-size:8px;border:1px solid var(--line);padding:5px 7px;margin-left:7px}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.nav-cta{border-bottom:1px solid;padding-bottom:6px}.nav-cta span{margin-left:15px}.hero{padding:84px 6% 73px;display:grid;grid-template-columns:1.2fr 1fr;min-height:630px;align-items:center}.hero-kicker{display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:#111;border-radius:50%}h1{font-size:clamp(48px,5.3vw,79px);line-height:1.09;letter-spacing:-4px;font-weight:600;margin:26px 0}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-2px}.hero p{font-size:15px;color:var(--muted);line-height:1.9;margin:0 0 29px}.primary{background:#111;color:#fff;display:inline-flex;align-items:center;gap:38px;padding:17px 22px;font-size:12px;border:1px solid #111;transition:background .2s,color .2s}.primary:hover{color:#111;background:#fff}.primary span{font-size:20px}.hero-footnote{display:block;font-size:10px;margin-top:16px;color:var(--muted)}.hero-art{position:relative;padding-top:20px}.figure{width:100%;max-height:410px}.ground{stroke-width:1;stroke:#bcbcbc}.device-label{font:12px Georgia;fill:currentColor}.closed,.head-arrow,.sound-waves,.signal,.acting.right .eye-right,.acting.left .eye-left,.acting.blink .eye{opacity:0}.acting.right .closed-right,.acting.left .closed-left,.acting.blink .closed{opacity:1}.acting .signal{animation:signal 1.6s ease-out infinite}.acting.head .face{transform-origin:146px 160px;animation:nod 1.6s ease-in-out infinite}.acting.head .head-arrow,.acting.sound .sound-waves{opacity:1}.acting.sound .sound-waves{animation:signal 1.2s infinite}.hero-art .eye-right{animation:eye 4s infinite}.hero-art .closed-right{animation:closed 4s infinite}.hero-art .signal{animation:heroSignal 4s infinite}.hand-note{font:italic 19px Georgia;position:absolute;left:17%;top:0;transform:rotate(-8deg)}.hand-note svg{display:block;width:75px;height:48px;margin-left:50px;fill:none;stroke:#111;stroke-width:1.7}.floating-tag{position:absolute;right:1%;top:53%;border:1px solid #111;padding:10px 15px;background:#fff;font:11px DM Mono;transform:rotate(5deg)}.floating-tag span{margin-left:10px}.orbit-text{text-align:center;font:9px DM Mono;letter-spacing:2px;color:var(--muted);margin-top:13px}.feature-strip{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:22px 6%;font-size:11px}.feature-strip span{display:flex;align-items:center;gap:12px}.feature-strip b{font-size:22px;font-weight:400}.section{padding:79px 6% 86px}.section-top{display:flex;justify-content:space-between}.demo-title,.comfort-heading{display:flex;justify-content:space-between;align-items:end;margin:32px 0 40px}h2{font-size:clamp(37px,4vw,58px);line-height:1.12;letter-spacing:-2.5px;font-weight:500;margin:0}.demo-title p,.comfort-heading p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 30px 5px 0}.demo-layout{display:grid;grid-template-columns:235px 1fr;gap:32px}.gesture-menu{padding-top:55px}.gesture-menu button{display:flex;align-items:center;width:100%;gap:15px;background:#fff;border:0;border-bottom:1px solid var(--line);padding:21px 13px;font-size:12px;text-align:left;transition:background .2s}.gesture-menu button.selected{background:#111;color:#fff;border-color:#111}.number{font:9px DM Mono;opacity:.6}.menu-arrow{margin-left:auto}.stage{border:1px solid var(--line);padding:20px 27px 14px;border-radius:3px;overflow:hidden}.stage-top{display:flex;align-items:center;justify-content:space-between}.pause{width:29px;height:29px;background:#fff;border:1px solid var(--line);border-radius:50%}.scene{display:flex;align-items:center;justify-content:center;gap:15px;min-height:290px}.scene .figure{width:56%;max-height:290px}.page-preview{width:165px;height:215px;border:1px solid #aaa;padding:19px;background:#fff;box-shadow:4px 4px #fff,5px 5px #bbb;transform:rotate(4deg);position:relative}.page-preview .eyebrow{font-size:5px;letter-spacing:.7px}.page-preview h3{font:22px/1.15 Georgia;margin:20px 0 13px}.page-preview p{font:8px/1.7 Georgia}.text-lines i{display:block;height:1px;background:#ccc;margin-top:5px;width:100%}.text-lines i:last-child{width:65%}.page-no{font:7px Georgia;position:absolute;bottom:10px;left:50%}.flipping{animation:pageflip .65s ease-in-out}.demo-caption{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-caption h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:0 0 7px}.demo-caption p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.status{font:8px DM Mono;white-space:nowrap;display:flex;align-items:center;gap:6px}.status i{border:1px solid #111;width:5px;height:5px;border-radius:50%}.status.lit i{background:#111}.illustration-note{font-size:8px;color:#777;margin:17px 0 0}.comfort{border-top:1px solid var(--line)}.comfort-heading{margin-bottom:45px}.comfort-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.comfort-grid article{border-top:1px solid var(--line)}.mini-visual{height:180px;padding:18px 12px 5px}.mini-visual svg{width:100%;height:100%}.comfort-grid .eyebrow{font-size:8px}.comfort-grid h3{font-weight:500;font-size:20px;letter-spacing:-.6px;margin:12px 0}.comfort-grid p{color:var(--muted);font-size:12px;line-height:1.9;max-width:290px}.closing{border-block:1px solid var(--line);padding:73px 20px 80px;text-align:center}.closing>svg{display:block;width:55px;height:35px;margin:0 auto 24px}.closing h2{margin:23px 0;font-size:clamp(40px,4.4vw,64px)}.closing p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 26px}footer{padding:28px 6%;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:16px}footer .brand svg{width:28px}footer>span,footer>a:last-child{font-size:9px;color:var(--muted)}@keyframes signal{0%{opacity:0;transform:translate(-3px)}40%{opacity:1}to{opacity:0;transform:translate(7px)}}@keyframes nod{0%,to{transform:rotate(0)}40%{transform:rotate(14deg)}}@keyframes pageflip{0%,to{transform:rotate(4deg) rotateY(0)}50%{transform:rotate(4deg) rotateY(-65deg)}}@keyframes eye{0%,35%,65%,to{opacity:1}40%,60%{opacity:0}}@keyframes closed{0%,35%,65%,to{opacity:0}40%,60%{opacity:1}}@keyframes heroSignal{0%,35%,75%,to{opacity:0}45%,60%{opacity:1}}@media(min-width:1440px){h1{font-size:79px}}@media(max-width:900px){header{height:82px}.beta{display:none}nav{gap:18px}.nav-cta{display:none}.hero{padding-top:65px;min-height:530px}h1{letter-spacing:-2.7px}.hero-art{padding-top:50px}.hand-note{top:8px;font-size:15px}.floating-tag{font-size:8px;right:-3%}.demo-layout{grid-template-columns:180px 1fr;gap:20px}.stage{padding:18px}.scene{min-height:265px}.page-preview{width:130px;height:185px;padding:14px}.page-preview h3{font-size:18px;margin-top:15px}.demo-caption{display:block}.status{margin-top:12px}.feature-strip{flex-wrap:wrap;gap:20px}.comfort-grid{gap:20px}}@media(max-width:600px){header{padding-inline:6%;height:76px}.brand{font-size:18px}nav{font-size:10px}nav a:nth-child(2){display:none}.hero{display:flex;flex-direction:column;padding:49px 6% 32px;align-items:stretch}.hero-kicker{font-size:8px;letter-spacing:1px}h1{font-size:49px;line-height:1.12;margin:22px 0}.hero p{font-size:12px}.hero-art{width:100%;max-width:390px;align-self:center;margin-top:32px;padding-top:30px}.hero-art .figure{max-height:310px}.hand-note{left:19%;top:0}.floating-tag{right:2%;top:52%}.orbit-text{font-size:8px}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px 6%;font-size:9px}.feature-strip b{font-size:18px}.section{padding:48px 6%}.section-top .eyebrow:last-child{display:none}.demo-title,.comfort-heading{display:block;margin:26px 0}h2{font-size:39px;letter-spacing:-1.8px}.demo-title p,.comfort-heading p{margin-top:18px;font-size:12px}.demo-layout{display:block}.gesture-menu{display:flex;overflow-x:auto;padding:0;margin-bottom:18px;gap:6px}.gesture-menu button{width:auto;flex-shrink:0;padding:12px 13px;border:1px solid var(--line);font-size:10px;gap:7px}.menu-arrow{display:none}.number{font-size:7px}.stage{padding:15px}.stage-top .eyebrow{font-size:8px}.scene{min-height:255px;gap:0}.scene .figure{width:61%}.page-preview{width:112px;height:171px;padding:12px}.page-preview h3{font-size:17px;margin-top:14px}.page-preview p{font-size:7px}.page-preview .eyebrow{font-size:4px}.demo-caption h3{font-size:16px}.comfort-grid{grid-template-columns:1fr;gap:29px}.mini-visual{height:170px;max-width:300px;margin:auto}.comfort-grid p{max-width:none;font-size:12px}.closing{padding:53px 6% 60px}.closing h2{font-size:42px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.phone-page{transform-box:fill-box;transform-origin:right center}.phone-fold,.phone-fold-lines{opacity:0}.acting .phone-page{animation:phoneTurn 1.6s ease-in-out infinite}.acting .phone-fold,.acting .phone-fold-lines{animation:foldReveal 1.6s ease-in-out infinite}.hero-art .phone-page{animation:heroPhoneTurn 4s ease-in-out infinite}.hero-art .phone-fold,.hero-art .phone-fold-lines{animation:heroFoldReveal 4s ease-in-out infinite}.baby-rock{transform-origin:122px 109px;animation:cradle 4s ease-in-out infinite}.knitting-needles{transform-origin:110px 113px;animation:knit 2s ease-in-out infinite}.comfort-grid{row-gap:35px}.comfort-grid article:last-child{grid-column:span 1}@keyframes phoneTurn{0%,12%,to{transform:scaleX(1)}42%{transform:scaleX(.08)}43%{transform:scaleX(.08)}75%{transform:scaleX(1)}}@keyframes foldReveal{0%,12%,80%,to{opacity:0}25%,65%{opacity:1}}@keyframes heroPhoneTurn{0%,43%,75%,to{transform:scaleX(1)}55%,56%{transform:scaleX(.08)}}@keyframes heroFoldReveal{0%,43%,76%,to{opacity:0}48%,68%{opacity:1}}@keyframes cradle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes knit{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@media(prefers-reduced-motion:reduce){.phone-page,.phone-fold,.phone-fold-lines,.baby-rock,.knitting-needles{animation:none!important}}.mini-visual{height:240px;padding:15px 0 10px}.mini-visual svg{overflow:visible}.cradle-group{transform-origin:126px 126px;animation:gentleCradle 5s ease-in-out infinite}.knit-left{transform-origin:91px 117px;animation:stitchLeft 2.6s ease-in-out infinite}.knit-right{transform-origin:150px 117px;animation:stitchRight 2.6s ease-in-out infinite}.scene-phone-text{transform-box:fill-box;transform-origin:right center;animation:readingPage 5s ease-in-out infinite}.acting .phone-page{animation:phoneTurn 1.2s ease-in-out 1 both}.acting .phone-fold,.acting .phone-fold-lines{animation:foldReveal 1.2s ease-in-out 1 both}.acting.head .face{animation:nod 1.2s ease-in-out 1}.acting.head .head-arrow{animation:foldReveal 1.2s ease-in-out 1 both}.acting .signal,.acting.sound .sound-waves{animation:signal 1.2s ease-out 1}@keyframes gentleCradle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes stitchLeft{0%,20%,80%,to{transform:rotate(0)}45%{transform:rotate(-5deg)}}@keyframes stitchRight{0%,20%,80%,to{transform:rotate(0)}55%{transform:rotate(5deg)}}@keyframes readingPage{0%,65%,88%,to{transform:scaleX(1);opacity:1}75%{transform:scaleX(.05);opacity:.3}}@media(prefers-reduced-motion:reduce){.cradle-group,.knit-left,.knit-right,.scene-phone-text{animation:none!important}}.mini-visual svg[aria-hidden=true] g{stroke-width:2.3}.mini-visual svg[aria-hidden=true]{max-width:300px;display:block;margin:auto}.scene-lid-left,.scene-lid-right{opacity:0}.baby .scene-eye-right,.knitting .scene-eye-left,.knitting .scene-eye-right{animation:sceneEyeClose 5s ease-in-out infinite}.baby .scene-lid-right,.knitting .scene-lid-left,.knitting .scene-lid-right{animation:sceneLidClose 5s ease-in-out infinite}@keyframes sceneEyeClose{0%,49%,68%,to{opacity:1}52%,65%{opacity:0}}@keyframes sceneLidClose{0%,49%,68%,to{opacity:0}52%,65%{opacity:1}}@media(prefers-reduced-motion:reduce){.scene-eye-left,.scene-eye-right,.scene-lid-left,.scene-lid-right{animation:none!important}}.bed-lids{opacity:0;animation:sceneLidClose 5s ease-in-out infinite}.bed-eyes{animation:sceneEyeClose 5s ease-in-out infinite}.bed-phone-text{transform-box:fill-box;transform-origin:right center;animation:readingPage 5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.bed-lids,.bed-eyes,.bed-phone-text{animation:none!important}}.eating .scene-eye-right{animation:sceneEyeClose 5s ease-in-out infinite}.eating .scene-lid-right{animation:sceneLidClose 5s ease-in-out infinite}.phone-page{transform-box:fill-box;transform-origin:center}.acting .phone-page{animation:cleanPhonePage 1.2s ease-in-out 1 both}.hero-art .phone-page{animation:cleanHeroPage 4s ease-in-out infinite}.scene-phone-text,.bed-phone-text{animation:cleanSmallPage 5s ease-in-out infinite}@keyframes cleanPhonePage{0%,12%{transform:translate(0);opacity:1}70%{transform:translate(-40px);opacity:1}71%{transform:translate(0);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cleanHeroPage{0%,44%{transform:translate(0);opacity:1}65%{transform:translate(-40px);opacity:0}66%{transform:translate(0);opacity:0}76%,to{transform:translate(0);opacity:1}}@keyframes cleanSmallPage{0%,68%,to{transform:translateY(0);opacity:1}76%{transform:translateY(-3px);opacity:0}77%{transform:translateY(3px);opacity:0}87%{transform:translateY(0);opacity:1}}.brand{font-weight:700;letter-spacing:-1.1px;font-size:29px}footer .brand{font-size:23px}.logo-mark{width:39px;height:39px;flex-shrink:0;display:block}.closing>.logo-mark{width:70px;height:70px;margin:0 auto 24px}footer .logo-mark{width:32px;height:32px}.logo-mark{width:62px;height:62px}.brand{gap:8px}.closing>.logo-mark{width:112px;height:112px}footer .logo-mark{width:50px;height:50px}@media(max-width:600px){header .logo-mark{width:50px;height:50px}}body{background:#f0f0ef;padding:24px 0}header,main,footer{background:#fff;max-width:1360px;position:relative}header{height:100px;border-bottom:0;border-radius:4px 4px 0 0}main{box-shadow:1px 0 #d9d9d9,5px 0 #fff,6px 0 #d9d9d9,10px 0 #fff,11px 0 #d9d9d9}footer{border-radius:0 0 4px 4px;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr 1fr;min-height:640px;padding:70px 6% 90px;gap:8%}.book-spread:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:32px;transform:translate(-50%);background:linear-gradient(90deg,transparent,#00000006 35%,#0000000d 49%,#00000012 50%,#00000005 55%,transparent);pointer-events:none}.hero h1{font-size:clamp(38px,4.2vw,59px);line-height:1.18;letter-spacing:-2px}.hero .serif{letter-spacing:-1.8px}.hero-copy{position:relative;z-index:1}.book-spread:after{content:"1 · 2";position:absolute;bottom:28px;left:0;right:0;text-align:center;font:10px Georgia,serif;color:#777;letter-spacing:3px}.book-chapter{border-top:1px solid var(--line);position:relative;padding-top:65px;padding-bottom:75px}.demo-title h2,.comfort-heading h2{font-size:clamp(35px,3.6vw,50px)}.section-top>.eyebrow:last-child{display:none}.stage{border-color:#e8e8e8;background:#fff;box-shadow:3px 3px #fafafa,4px 4px #e6e6e6}.closing{border-bottom:0}@media(min-width:1450px){body{padding:38px 0}}@media(max-width:900px){body{padding:12px}.hero{gap:5%;min-height:570px;padding-top:45px;padding-bottom:65px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-art{padding-top:30px}}@media(max-width:600px){body{padding:0;background:#fff}header,main,footer{border-radius:0;box-shadow:none}.book-spread:before{display:none}.hero{min-height:0;padding:35px 7% 62px;gap:0}.hero h1{font-size:41px;line-height:1.17}.hero-art{margin-top:20px}.book-spread:after{content:"1";bottom:19px}.book-chapter{padding:42px 6%}.demo-title h2,.comfort-heading h2{font-size:39px}}body{background:#fff;padding:0}.library-site header{max-width:1440px;height:105px;padding:0 6%;border-bottom:1px solid #e9e9e9}.shelf-note{font-size:13px;color:#666}.book-library{max-width:1440px;box-shadow:none;padding:52px 6% 0;background:#fff}.library-intro{text-align:center;max-width:850px;margin:0 auto 52px}.library-intro h1{font-size:clamp(32px,3.4vw,48px);line-height:1.22;letter-spacing:-1.7px;margin:0}.book-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;align-items:stretch;padding:0 15px 60px}.book-cover{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:440px;padding:34px 30px 25px 40px;border:1px solid #111;border-radius:3px 9px 9px 3px;background:#fff;text-align:left;box-shadow:3px 2px #fff,4px 3px #aaa,7px 5px #fff,8px 6px #aaa,12px 10px #f2f2f2;transition:transform .25s,box-shadow .25s;isolation:isolate}.book-cover:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:3px 2px #fff,4px 3px #aaa,7px 5px #fff,8px 6px #aaa,15px 20px #f3f3f3}.cover-binding{position:absolute;left:12px;top:0;bottom:0;width:6px;border-inline:1px solid #0002}.cover-number{font:11px DM Mono;letter-spacing:2px;margin-bottom:30px;opacity:.65}.cover-title{font-size:clamp(26px,2.8vw,40px);line-height:1.13;font-weight:600;letter-spacing:-1.4px;max-width:220px}.cover-art{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:150px}.cover-art .logo-mark{width:130px;height:130px}.cover-art svg{width:140px;height:100px}.cover-subtitle{font-size:12px;line-height:1.5;max-width:210px;margin-bottom:24px}.cover-open{display:flex;justify-content:space-between;width:100%;border-top:1px solid #0003;padding-top:15px;font-size:11px}.cover-open span{font-size:20px}.cover-1{background:#111;color:#fff;border-color:#111}.cover-1 .cover-binding{border-color:#fff3}.cover-1 .cover-open{border-color:#fff4}.cover-2{background:#fff}.book-library footer{padding:25px 0;background:none;font-size:11px;color:#777}.book-reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#f2f2f0;overflow:auto;padding:0 5% 30px}.reader-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:#f2f2f0;padding:20px 0;gap:20px}.reader-toolbar button,.reader-bottom button{border:0;background:none;font-size:12px;padding:10px 0}.reader-toolbar button:last-child{font-size:30px;line-height:1}.reader-toolbar>span{font-size:13px;font-weight:600}.reader-content{max-width:1250px;margin:auto;background:#fff;min-height:65vh;box-shadow:2px 2px #ddd,6px 6px #fff,7px 7px #ddd;animation:bookOpen .4s ease-out}.reader-content .section{padding:45px 5%}.reader-bottom{max-width:1250px;margin:20px auto 0;display:flex;justify-content:space-between;align-items:center}.reader-bottom>span{font:10px DM Mono}.reader-bottom button:disabled{opacity:.3;cursor:default}.intro-spread{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px 7%;align-items:center;min-height:600px}.intro-spread h2{margin:30px 0}.intro-spread p{font-size:14px;line-height:1.9;color:#666;max-width:380px}.reader-next{border:0;border-bottom:1px solid;background:none;padding:12px 0;margin-top:15px;font-size:13px}.intro-illustration .figure{width:100%}.scene-book{padding:50px 6%}.scene-book h2{margin:25px 0 40px}.scene-book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.scene-book-grid article>svg{width:100%;height:230px}.scene-book-grid h3{font-size:19px;line-height:1.4;font-weight:600}.scene-book-grid p{font-size:13px;color:#666;line-height:1.8}@keyframes bookOpen{0%{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:900px){.book-shelf{gap:25px;padding-inline:0}.book-cover{padding:25px 20px 23px 30px;min-height:390px}.cover-title{font-size:29px}.cover-subtitle{font-size:11px}.intro-spread{padding:45px 6%;gap:4%}.scene-book-grid{gap:20px}}@media(max-width:600px){.library-site header{height:82px}.shelf-note{font-size:10px;max-width:90px;text-align:right}.book-library{padding:35px 7% 0}.library-intro{margin-bottom:35px}.library-intro h1{font-size:31px}.book-shelf{grid-template-columns:1fr;gap:35px;max-width:330px;margin:auto;padding-bottom:40px}.book-cover{min-height:390px;padding:30px 30px 24px 40px}.cover-title{font-size:37px}.cover-art{min-height:145px}.book-reader{padding:0 4% 20px}.reader-toolbar>span{display:none}.intro-spread{grid-template-columns:1fr;padding:35px 7%;gap:20px}.intro-spread h2{font-size:37px}.intro-illustration .figure{max-height:280px}.scene-book{padding:35px 7%}.scene-book h2{font-size:35px}.scene-book-grid{grid-template-columns:1fr;gap:25px}.scene-book-grid article>svg{height:230px}.reader-bottom button{font-size:10px}.reader-content .demo-layout{display:block}.reader-content .section{padding:30px 5%}}.reader-content{position:relative;isolation:isolate;background:transparent;box-shadow:none;border-radius:9px 9px 18px 18px;filter:drop-shadow(0 12px 16px #0000000c);margin:15px auto 0}.reader-content:before,.reader-content:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:50%;background:#fff;border:1px solid #e1e1de;pointer-events:none}.reader-content:before{left:0;border-radius:8px 1px 0 22px;transform:skewY(1deg);transform-origin:right center;box-shadow:-2px 4px #f8f8f7,-3px 5px #d9d9d6,-5px 8px #fff,-6px 9px #d9d9d6;background:linear-gradient(90deg,#fff 88%,#f8f8f6 97%,#e9e9e5)}.reader-content:after{right:0;border-radius:1px 8px 22px 0;transform:skewY(-1deg);transform-origin:left center;box-shadow:2px 4px #f8f8f7,3px 5px #d9d9d6,5px 8px #fff,6px 9px #d9d9d6;background:linear-gradient(90deg,#e9e9e5,#f8f8f6 3%,#fff 12%)}.intro-spread{position:relative;grid-template-columns:1fr 1fr;gap:0;padding:55px 0 70px;min-height:620px}.intro-spread>div{padding:15px 12%}.intro-spread:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d0d0cb;pointer-events:none}.intro-spread:after{content:"1";position:absolute;bottom:22px;left:25%;font:11px Georgia;color:#888}.intro-illustration:after{content:"2";position:absolute;bottom:22px;left:75%;font:11px Georgia;color:#888}.reader-content .demo,.reader-content .scene-book{background:transparent;position:relative}.reader-content .stage{background:#ffffffb3}.reader-bottom{margin-top:32px}@media(max-width:600px){.reader-content{margin-top:10px}.intro-spread{padding:30px 0 50px;grid-template-columns:1fr;min-height:0}.intro-spread>div{padding:10px 9%}.intro-spread:before{display:none}.reader-content:before{width:100%;border-radius:5px 5px 14px 14px;transform:none;background:#fff}.reader-content:after{display:none}.intro-spread:after{left:50%;bottom:16px}.intro-illustration:after{display:none}}.reader-content:before,.reader-content:after{transform:none;top:0;bottom:0;border-top:1px solid #dededb;border-bottom:1px solid #dededb}.reader-content:before{border-radius:8px 0 0 8px;box-shadow:0 3px #fff,0 4px #d9d9d6,0 7px #fff,0 8px #d9d9d6}.reader-content:after{border-radius:0 8px 8px 0;box-shadow:0 3px #fff,0 4px #d9d9d6,0 7px #fff,0 8px #d9d9d6}.reader-content>.book-chapter{border-top:0}@media(max-width:600px){.reader-content:before{border-radius:8px}}.reader-content .demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10%;padding:48px 5% 55px;align-items:start}.reader-content .demo .section-top{grid-column:1;grid-row:1}.reader-content .demo .demo-title{grid-column:1;grid-row:2;display:block;margin:26px 0 22px}.reader-content .demo .demo-title h2{font-size:clamp(30px,3.2vw,45px);line-height:1.15}.reader-content .demo .demo-title p{margin:20px 0 0;font-size:12px}.reader-content .demo .demo-layout{display:contents}.reader-content .demo .gesture-menu{grid-column:1;grid-row:3;padding-top:0}.reader-content .demo .stage{grid-column:2;grid-row:1 / 4;width:100%;min-width:0;padding:0;border:0;box-shadow:none;background:transparent;overflow:hidden}.reader-content .demo .scene{flex-direction:column;gap:18px;padding:15px 0 28px;min-height:0}.reader-content .demo .scene .figure{width:100%;max-height:270px}.reader-content .demo .page-preview{width:150px;height:195px;flex-shrink:0;transform:rotate(0);margin:0 auto}.reader-content .demo .demo-caption{display:block;padding-top:18px}.reader-content .demo .status{margin-top:14px}.reader-content .demo .stage-top .eyebrow{font-size:8px;letter-spacing:.8px}.reader-content .scene-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 10%;padding:45px 5%}.reader-content .scene-book>.eyebrow,.reader-content .scene-book>h2{grid-column:1;margin:0}.reader-content .scene-book-grid{display:contents}.reader-content .scene-book-grid article{min-width:0}.reader-content .scene-book-grid article:nth-child(1){grid-column:1;grid-row:3}.reader-content .scene-book-grid article:nth-child(2){grid-column:2;grid-row:1 / 4}.reader-content .scene-book-grid article:nth-child(3){grid-column:2;grid-row:4}@media(max-width:600px){.reader-content .demo{display:block;padding:30px 7%}.reader-content .demo .demo-layout{display:block}.reader-content .demo .gesture-menu{display:flex;margin-bottom:24px}.reader-content .demo .stage{padding-top:12px}.reader-content .demo .scene{flex-direction:row;gap:8px}.reader-content .demo .scene .figure{width:58%}.reader-content .demo .page-preview{width:105px;height:165px;margin:0}.reader-content .demo .demo-title h2{font-size:35px}.reader-content .scene-book{display:block;padding:35px 7%}.reader-content .scene-book>h2{margin:20px 0 30px}.reader-content .scene-book-grid{display:grid;grid-template-columns:1fr}.reader-content .scene-book-grid article:nth-child(n){grid-column:auto;grid-row:auto}}.reader-content{width:100%;height:min(720px,calc(100dvh - 165px));min-height:0}.reader-content>.intro-spread,.reader-content>.demo,.reader-content>.scene-book{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}.reader-content .intro-spread{padding-top:35px;padding-bottom:50px}.reader-content .demo .scene{gap:10px;padding:10px 0 18px}.reader-content .demo .scene .figure{max-height:210px}.reader-content .demo .page-preview{width:125px;height:170px;padding:12px}.reader-content .demo .page-preview h3{font-size:18px;margin:12px 0 10px}.book-cover{height:440px;min-height:0}@media(max-width:900px){.book-cover{height:410px}}@media(max-width:600px){.reader-content{height:calc(100dvh - 155px);min-height:0}.book-cover{height:410px}.reader-content>.intro-spread,.reader-content>.demo,.reader-content>.scene-book{height:100%;overflow-y:auto}.reader-content .demo .scene .figure{max-height:240px}}.book-reader{background:radial-gradient(ellipse at 50% 38%,#f5f5f3,#e8e8e5)}.reader-content{width:calc(100% - 28px);max-width:1150px;height:min(700px,calc(100dvh - 185px));margin-top:22px;filter:drop-shadow(0 20px 18px #00000020);border-radius:0}.book-hardcover{position:absolute;z-index:-3;top:5px;right:-12px;bottom:-17px;left:-12px;background:#222;border-radius:7px 7px 12px 12px;box-shadow:0 2px #111,0 5px #00000018;pointer-events:none}.book-hardcover:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:18px;transform:translate(-50%);background:#111;border-radius:0 0 10px 10px}.reader-content:before{border-radius:48% 1px 2px 3px/12px 0 0 3px;border-right:0;background:linear-gradient(90deg,#f1f1ed,#fff 4%,#fff 80%,#f9f9f6 91%,#e6e6df 98%,#c5c5bb);box-shadow:-2px 3px #efefea,-3px 4px #bdbdb5,-4px 7px #fafaf7,-5px 8px #c8c8c0,-6px 11px #f4f4ef,-7px 12px #bdbdb5}.reader-content:after{border-radius:1px 48% 3px 2px/0 12px 3px 0;border-left:0;background:linear-gradient(90deg,#c5c5bb,#e6e6df 2%,#f9f9f6 9%,#fff 20%,#fff 96%,#f1f1ed);box-shadow:2px 3px #efefea,3px 4px #bdbdb5,4px 7px #fafaf7,5px 8px #c8c8c0,6px 11px #f4f4ef,7px 12px #bdbdb5}.book-spine{position:absolute;z-index:1;top:0;bottom:0;left:50%;width:22px;transform:translate(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,#0000000b 35%,#55554840 49%,#ffffff70 53%,#00000008 65%,transparent)}.intro-spread:before{display:none}.reader-bottom{max-width:1150px;margin-top:38px}@media(max-width:600px){.reader-content{width:calc(100% - 16px);height:calc(100dvh - 170px);margin-top:15px}.book-hardcover{top:3px;right:-7px;bottom:-12px;left:-7px}.book-spine{display:none}.reader-content:before{border-radius:8px;background:linear-gradient(90deg,#efefeb,#fff 5%,#fff 95%,#efefeb)}.reader-content:after{display:none}}.phone-screen{width:46px;height:61px;position:relative;perspective:160px;overflow:hidden;background:#fff;color:#111;isolation:isolate}.phone-paper{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;padding:4px 3px;box-sizing:border-box;display:block;backface-visibility:hidden;font:4px Georgia,serif;text-align:left}.phone-paper b{display:block;font:5px/1.3 Georgia,serif;margin-bottom:5px}.phone-paper i{display:block;height:1px;background:#555;margin-bottom:4px;width:100%}.phone-paper i:nth-of-type(3),.phone-paper i:last-of-type{width:72%}.phone-paper small{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:4px Georgia,serif}.phone-leaf{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:left center;will-change:transform}.leaf-back{transform:rotateY(180deg);background:linear-gradient(90deg,#eee,#fff 30%)}.leaf-front{background:linear-gradient(90deg,#eee,#fff 10%)}.reader-phone.backward .phone-leaf{transform-origin:right center}.reader-phone.turning .phone-leaf{animation:phoneLeafForward 1.2s cubic-bezier(.35,0,.2,1) both}.reader-phone.backward.turning .phone-leaf{animation-name:phoneLeafBackward}.reader-phone.looping .phone-leaf{animation:phoneLeafLoop var(--phone-cycle) ease-in-out infinite}.reader-phone.backward.looping .phone-leaf{animation-name:phoneLeafBackLoop}@keyframes phoneLeafForward{0%,8%{transform:rotateY(0)}85%,to{transform:rotateY(-180deg)}}@keyframes phoneLeafBackward{0%,8%{transform:rotateY(0)}85%,to{transform:rotateY(180deg)}}@keyframes phoneLeafLoop{0%,62%{transform:rotateY(0)}84%,95%{transform:rotateY(-180deg)}96%,to{transform:rotateY(0)}}@keyframes phoneLeafBackLoop{0%,62%{transform:rotateY(0)}84%,95%{transform:rotateY(180deg)}96%,to{transform:rotateY(0)}}@media(prefers-reduced-motion:reduce){.phone-leaf{animation:none!important}}.reader-content .demo .scene{min-height:350px;justify-content:center}.reader-content .demo .scene .figure{max-height:340px}@media(max-width:600px){.reader-content .demo .scene{min-height:270px}.reader-content .demo .scene .figure{width:100%;max-height:300px}}.reader-content>.intro-guide{align-items:start;padding:42px 0 48px;overflow:hidden}.intro-guide>.intro-page{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10% 24px}.intro-guide h2{font-size:clamp(27px,2.5vw,36px);line-height:1.2;letter-spacing:-1.1px;margin:22px 0 25px}.intro-guide h3{font-size:17px;line-height:1.4;font-weight:600;margin:22px 0 9px}.intro-guide .intro-page>h3:first-child{margin-top:0}.intro-guide p{font-size:13px;line-height:1.8;margin:0 0 13px;color:#555}.intro-guide:after{bottom:14px}.intro-guide>.intro-page:last-child:after{content:"2";position:absolute;bottom:14px;left:75%;font:11px Georgia;color:#888}@media(max-width:600px){.reader-content>.intro-guide{display:block;overflow-y:auto;padding:25px 0 40px}.intro-guide>.intro-page{height:auto;overflow:visible;padding:10px 9%}.intro-guide h2{font-size:29px}.intro-guide>.intro-page:last-child:after{display:none}}.intro-guide p{font-size:15px;line-height:1.85}.intro-guide h3{font-size:19px}.scene-book-grid p{font-size:15px}.reader-content .demo .demo-title p{font-size:14px}.reader-content .demo .demo-caption p{font-size:12px}.reader-content{filter:drop-shadow(0 16px 13px #00000025);background:none}.reader-content:before,.reader-content:after{display:none}.book-surface{position:absolute;top:-20px;right:-22px;bottom:-25px;left:-22px;width:calc(100% + 44px);height:calc(100% + 45px);z-index:-1;overflow:visible;pointer-events:none}.reader-content>.intro-guide{padding-top:55px;padding-bottom:70px}.intro-guide>.intro-page{padding-inline:12%}.intro-guide:after,.intro-guide>.intro-page:last-child:after{bottom:43px}.reader-content>.demo{padding-top:60px;padding-bottom:75px}.reader-content>.scene-book{padding-top:60px;padding-bottom:75px}@media(max-width:600px){.book-surface{top:-8px;right:-8px;bottom:-12px;left:-8px;width:calc(100% + 16px);height:calc(100% + 20px)}.reader-content>.intro-guide{padding-top:35px;padding-bottom:50px}.intro-guide>.intro-page{padding-inline:10%}.intro-guide:after{bottom:20px}}.reader-toolbar{background:transparent}.reader-content .demo .gesture-menu{display:flex;flex-direction:column;gap:8px}.reader-content .demo .gesture-menu button{border:1px solid #e5e5e0;border-radius:18px;padding:16px 18px;background:#ffffff75;transition:background .2s,color .2s}.reader-content .demo .gesture-menu button.selected{background:#111;color:#fff;border-color:#111}.reader-content .demo .gesture-menu button:hover:not(.selected){background:#f0f0ec}.reader-content .demo .menu-arrow{display:none}.book-cover{border-radius:12px 24px 24px 12px}.cover-binding{border-radius:10px}.reader-toolbar button{border-radius:14px}.pause{border-radius:50%;width:34px;height:34px}@media(max-width:600px){.reader-content .demo .gesture-menu{flex-direction:row}.reader-content .demo .gesture-menu button{padding:12px 14px;border-radius:14px}}.reader-content>.scene-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:48px 0 90px;overflow:hidden}.scene-page{min-height:0;overflow-y:auto;padding:8px 10%;overscroll-behavior:contain}.scene-page h2{font-size:36px;margin:22px 0 20px;line-height:1.15}.scene-page article>svg{display:block;width:100%;height:190px}.scene-page h3{font-size:17px;line-height:1.4;margin:12px 0 8px;font-weight:600}.scene-page p{font-size:14px;line-height:1.7;margin:0;color:#666}.scene-pair{display:flex;flex-direction:column;gap:24px}.scene-pair article>svg{height:145px}.intro-guide:after,.intro-guide>.intro-page:last-child:after{bottom:75px}@media(max-width:600px){.reader-content>.scene-book{display:block;overflow-y:auto;padding:30px 0 65px}.scene-page{overflow:visible;padding:10px 9%}.scene-pair{margin-top:25px}.scene-page article>svg{height:180px}.intro-guide:after{bottom:65px}}.book-reader{background:#f3f3f3}.reader-content{filter:none}.book-cover,.book-cover:hover{box-shadow:3px 2px #fff,4px 3px #ccc,7px 5px #fff,8px 6px #ccc}.reader-toolbar .reader-brand{display:flex;align-items:center;gap:8px;font-size:29px;font-weight:700;letter-spacing:-1.1px;padding:0;line-height:1}.reader-brand .logo-mark{width:62px;height:62px}@media(max-width:600px){.reader-toolbar .reader-brand{font-size:24px}.reader-brand .logo-mark{width:48px;height:48px}}.scene-page article>svg{height:145px}.scene-page h2{font-size:31px;margin:18px 0 12px}.scene-page article+article{margin-top:22px}.scene-page h3{margin-top:8px}.scene-page p{font-size:13px}@media(max-width:600px){.scene-page article>svg{height:175px}}.figure.sound .signal{display:none}.acting.head.backward .face{animation-name:nodBack}.figure.head.backward .head-arrow{transform:translate(292px) scaleX(-1)}@keyframes nodBack{0%,to{transform:rotate(0)}40%{transform:rotate(-14deg)}}.acting.sound .mouth{transform-box:fill-box;transform-origin:center;animation:soundMouth 1.2s ease-in-out 1}@keyframes soundMouth{0%,to{transform:scale(1)}20%,55%{transform:scale(.65,2.5)}38%,72%{transform:scale(.85,1.3)}}.open-mouth{opacity:0}.acting.sound .mouth{animation:none;opacity:0}.acting.sound .open-mouth{opacity:1}.app-store-button,.reader-toolbar .app-store-button{display:inline-flex;align-items:center;gap:9px;background:#111;color:#fff;border:1px solid #111;border-radius:10px;padding:9px 14px;text-align:left;line-height:1;cursor:default}.app-store-button svg{width:23px;height:27px}.app-store-button span{display:flex;flex-direction:column;gap:3px}.app-store-button small{font-size:9px;font-weight:500}.app-store-button strong{font-size:20px;font-weight:600;letter-spacing:-.4px}.reader-actions{display:flex;align-items:center;gap:24px}.reader-toolbar .reader-actions>button:last-child{font-size:30px}.reader-toolbar .app-store-button{font-size:inherit}@media(max-width:600px){.app-store-button,.reader-toolbar .app-store-button{padding:7px 10px}.app-store-button strong{font-size:17px}.reader-actions{gap:13px}}.book-library footer nav{display:flex;gap:24px}.book-library footer nav a:hover{text-decoration:underline}a.app-store-button{cursor:pointer}a.app-store-button:focus-visible{outline:2px solid #111;outline-offset:4px}