@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap');
:root{--purple:#602096;--ink:#29113d;--pink:#cf2378;--cream:#fff9ef;--yellow:#ffde62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:1rem/1.65 'DM Sans',sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087c88;outline-offset:6px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{max-width:1400px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:600 1.8rem/1.05 'Fredoka',sans-serif;text-decoration:none;white-space:nowrap}.brand span{color:var(--pink)}.brand small{display:block;font:700 .7rem/1.7 'DM Sans',sans-serif;letter-spacing:.22em;margin-top:8px}nav{display:flex;align-items:center;gap:30px}nav>a:not(.button){font-weight:600;text-decoration:none}nav>a:hover,.text-link:hover{color:var(--pink)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:white;border:0;border-radius:100px;text-decoration:none;font-weight:700;padding:16px 26px;box-shadow:0 5px 0 #381059;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#7627b7;transform:translateY(-2px)}.small{padding:11px 24px}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding:45px 5% 75px;align-items:center}.eyebrow{font-size:.8rem;letter-spacing:.14em;font-weight:800;color:var(--purple);margin:0 0 18px}h1,h2,h3{font-family:'Fredoka',sans-serif;font-weight:500;line-height:1.04;letter-spacing:-.035em;margin:0}h1{font-size:clamp(3.2rem,5.7vw,5.8rem)}em{font-style:normal;color:var(--pink)}.hero-copy>p:not(.eyebrow):not(.note){max-width:450px;margin:25px 0;font-size:1.12rem}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.text-link{font-weight:700;text-underline-offset:6px}.note{font-size:.85rem;margin-top:19px;color:#64536e}.hero-art{position:relative;padding:20px 0 10px}.hero-art img{width:100%;height:530px;object-fit:cover;object-position:55% center;display:block;border-radius:44% 44% 14% 14%;box-shadow:15px 18px 0 #ead5fa}.sticker{position:absolute;bottom:-22px;right:-8px;background:var(--yellow);font:500 1.5rem/1.1 'Fredoka';text-align:center;padding:25px;border-radius:50%;transform:rotate(10deg);box-shadow:3px 4px 0 #b58921}.ribbon{background:var(--purple);color:white;display:flex;gap:38px;justify-content:center;align-items:center;padding:23px 5%;font-size:.84rem;letter-spacing:.12em;font-weight:700;flex-wrap:wrap}.ribbon b{color:var(--yellow);font-size:1.3rem}.section{max-width:1200px;margin:0 auto;padding:90px 5%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}h2{font-size:clamp(2.5rem,4vw,4rem)}.section p{max-width:510px}.portrait{max-width:385px;margin:auto;transform:rotate(-4deg)}.portrait img{width:100%;height:490px;object-fit:cover;border:10px solid white;border-radius:24px;box-shadow:0 18px 40px #60209625}.values{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.values span{padding:8px 15px;background:#f0dffa;border-radius:100px;color:var(--purple);font-weight:700;font-size:.9rem}.book{max-width:none;background:#f2e6ff;gap:65px;padding-left:max(5%,calc((100% - 1080px)/2));padding-right:max(5%,calc((100% - 1080px)/2))}.book-title{font-size:1.35rem;font-weight:700;line-height:1.4}.book ul{padding-left:22px;margin:24px 0 30px}.book li{padding:4px}.book-image{max-width:440px;justify-self:center;transform:rotate(3deg)}.book-image img{width:100%;border-radius:12px;box-shadow:14px 16px 0 #d5bce9;display:block}.activity{background:var(--yellow);border-radius:32px;padding:40px;box-shadow:8px 8px 0 #edc13a;min-height:340px}.activity-label{font-size:.78rem;font-weight:800;letter-spacing:.14em}.activity h3{font-size:2rem;margin:24px 0 15px;line-height:1.15}.activity p{min-height:85px}.faq{border-top:1px solid #e1d2e7;align-items:start}.faq details{border-bottom:1px solid #dfcde8;padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-weight:700;font-size:1.08rem}.faq details p{margin-bottom:0;color:#66526e}.closing{background:var(--purple);color:white;text-align:center;padding:70px 5%}.closing .eyebrow{color:#ffdd66}.closing h2{margin-bottom:32px}.closing .button{background:var(--yellow);color:var(--ink);box-shadow:0 5px 0 #c79926}footer{max-width:1300px;margin:auto;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:.8rem;color:#64536e}footer>a:last-child{font-weight:600;font-size:.9rem}@media(min-width:1500px){.hero-art img{height:570px}}@media(max-width:800px){header{padding:22px 6%}nav{gap:15px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:25px 6% 65px;gap:25px}.hero-copy{max-width:600px}h1{font-size:4rem}.hero-art img{height:430px;border-radius:30px}.hero-art{margin-top:10px}.sticker{right:5px;font-size:1.3rem}.ribbon{gap:15px;font-size:.72rem}.ribbon b{display:none}.section{grid-template-columns:1fr;gap:40px;padding:65px 6%}.intro>div:last-child{grid-row:1}.portrait{width:85%;max-width:340px}.portrait img{height:440px}.book-image{max-width:340px}.activity{padding:30px}.faq{gap:30px}footer{flex-wrap:wrap}.brand{font-size:1.55rem}}@media(max-width:420px){h1{font-size:3.5rem}.hero-art img{height:320px}.button{padding:14px 21px}.small{padding:11px 18px}.actions{gap:20px}.sticker{padding:20px}.activity h3{font-size:1.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-panel{background:var(--purple);color:white;padding:48px 38px;border-radius:32px;box-shadow:14px 16px 0 #e5c7f8;transform:rotate(2deg)}.panel-label{font-weight:800;letter-spacing:.2em;font-size:.85rem;color:var(--yellow);margin:0 0 32px}.panel-line{font:500 clamp(1.9rem,3vw,3rem)/1.18 'Fredoka',sans-serif;letter-spacing:-.02em;margin:22px 0}.panel-line span{display:block;color:#ffde62}.panel-foot{border-top:1px solid #ffffff45;padding-top:25px;margin:30px 0 0;font-size:.95rem}.book-series{font-weight:600;color:var(--purple);font-size:.9rem;margin-top:-12px}.book-image .book-friends{margin-top:28px;transform:rotate(-5deg);box-shadow:8px 10px 0 #d5bce9}.intro{align-items:start}@media(max-width:800px){.intro>div:last-child{grid-row:auto}.brand-panel{padding:35px 28px;margin:10px 8px 0 0}.panel-line{font-size:2.4rem}}
.book-hero h1{font-size:clamp(2.8rem,4.5vw,4.8rem)}.cover-display{margin:0 auto;max-width:400px;transform:rotate(2deg);padding:8px;background:white;box-shadow:15px 18px 0 #ead5fa;border-radius:12px}.cover-display img{width:100%;height:auto;display:block;border-radius:5px}.cover-display figcaption{text-align:center;font-weight:700;padding:12px 8px;color:var(--purple)}.preview-section{max-width:1200px;margin:auto;padding:80px 5%}.preview-heading{max-width:640px;margin:0 auto 40px;text-align:center}.preview-heading p:last-child{font-size:1.1rem}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.sample-grid figure{margin:0}.sample-grid img{width:100%;height:auto;display:block;border:1px solid #e5d9ea;border-radius:10px;box-shadow:0 10px 28px #60209613;transition:transform .2s}.sample-grid a:hover img{transform:translateY(-4px)}.sample-grid figcaption{padding:22px 8px}.sample-grid figcaption span{font-size:.78rem;letter-spacing:.1em;color:var(--purple);font-weight:800}.sample-grid h3{font-size:1.8rem;line-height:1.2;margin-top:10px}.sample-grid figcaption p{margin-bottom:0}.preview-note{text-align:center;font-size:.9rem;color:#64536e}.feature-list article{display:flex;gap:22px;border-bottom:1px solid #d6bde8;padding:25px 0}.feature-list article:last-child{border:0}.feature-list article>span{font:500 1.5rem 'Fredoka';color:var(--pink)}.feature-list h3{font-size:1.6rem;line-height:1.2}.feature-list p{margin:12px 0 0}@media(max-width:800px){.book-hero h1{font-size:3.3rem}.cover-display{max-width:330px}.sample-grid{gap:24px}.preview-section{padding:60px 6%}}@media(max-width:600px){.sample-grid{grid-template-columns:1fr;gap:25px}.book-hero h1{font-size:2.9rem}}

.footer-contact{font-size:.95rem;line-height:1.9}.footer-contact a{font-weight:600;overflow-wrap:anywhere}

.closing-with-logo{background:#190a2c;padding:50px 6%}.closing-inner{max-width:1080px;margin:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;align-items:center;text-align:left}.closing-logo{width:100%;height:auto;max-width:340px;display:block;margin:auto}.closing-copy h2{font-size:clamp(2.4rem,4vw,4rem)}@media(max-width:700px){.closing-inner{grid-template-columns:1fr;gap:35px;text-align:center}.closing-logo{max-width:260px}.closing-with-logo{padding:45px 6%}}
.closing-with-logo{background:radial-gradient(ellipse at 24% 40%,#301044 0%,#1b0c2d 44%,#170b25 80%)}.closing-logo{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;mix-blend-mode:lighten}

.meaningful-hero{padding-top:50px}.meaningful-hero h1{font-size:clamp(3.4rem,5.7vw,5.8rem)}.meaningful-hero em{color:#087887}.meaningful-hero .values span{background:#d5eff0;color:#095560}.meaningful-cover{box-shadow:15px 18px 0 #bcdfe4;transform:rotate(-2deg)}.release-note{border-left:4px solid #087887;padding:10px 0 10px 18px;max-width:450px}.release-note strong{display:block;color:#095560}.release-note span{display:block;font-size:1rem}.meaningful-preview{border-bottom:1px solid #e1d2e7}.meaningful-preview em{color:#087887}@media(max-width:600px){.meaningful-hero h1{font-size:3.7rem}.meaningful-hero{padding-top:20px}}

.header-brand{display:flex;align-items:center}.header-logo{display:block;width:160px;height:160px;object-fit:contain}header{padding-top:14px;padding-bottom:14px}@media(max-width:600px){.header-logo{width:124px;height:124px}header{gap:16px}}

header{flex-direction:column;justify-content:center;gap:20px;padding-top:24px;padding-bottom:26px}.header-brand{justify-content:center}.header-logo{width:220px;height:220px;filter:drop-shadow(0 10px 8px #36104e38)}header nav{justify-content:center;flex-wrap:wrap}.meaningful-hero{padding-top:30px}@media(max-width:600px){.header-logo{width:180px;height:180px}header{gap:18px;padding-top:20px}header nav{gap:18px}header nav>a:not(.button){display:inline;font-size:.9rem}}

.header-logo{width:340px;height:340px}@media(max-width:600px){.header-logo{width:min(280px,80vw);height:auto;aspect-ratio:1}}

.social-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.social-button{min-width:128px;background:linear-gradient(145deg,#812ebe,#501780);box-shadow:0 4px 0 #34104f,0 8px 16px #60209620}.social-button:hover{background:linear-gradient(145deg,#933bd1,#602096)}

.social-buttons{gap:14px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--purple);text-decoration:none;transition:color .2s,transform .2s}.social-icon svg{width:30px;height:30px;display:block}.social-icon:hover{color:var(--pink);transform:translateY(-2px)}