:root{--ink:#26363b;--cream:#fffaf0;--paper:#fffdf8;--coral:#ef735c;--purple:#6f59a8;--yellow:#f4bf4f;--mint:#a9d8c4;--line:#e8e0d2;--shadow:0 24px 70px rgba(65,46,27,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}.no-scroll{overflow:hidden}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 30px/1 "Fredoka",sans-serif;color:var(--ink);text-decoration:none}.brand span{color:var(--coral);font-family:"DM Sans",sans-serif;font-weight:800;letter-spacing:-2px}.brand i{color:var(--yellow);font-style:normal}.nav nav{display:flex;gap:34px}.nav nav a{color:#5b6667;text-decoration:none;font-size:14px;font-weight:600}.button{border:0;border-radius:999px;background:var(--coral);color:white;padding:17px 25px;font:700 15px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 9px 22px rgba(239,115,92,.25);transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(239,115,92,.3)}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.button-small{padding:12px 18px;font-size:13px}.button-ghost{background:transparent;color:var(--ink);border:1px solid #ded5c8;box-shadow:none}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:35px;padding-bottom:80px}.eyebrow,.flow-kicker,.section-heading>span,.section-label{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:800;color:var(--purple)}.eyebrow span{color:var(--coral)}h1,h2,h3{font-family:"Fredoka",sans-serif;margin:0}h1{font-size:clamp(49px,6vw,78px);line-height:.98;letter-spacing:-3px;max-width:650px;margin:23px 0}h1 em{color:var(--coral);font-style:normal}.hero-copy>p{font-size:18px;line-height:1.65;color:#657172;max-width:555px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}.microcopy{font-size:12px;color:#84908e}.hero-art{height:490px;position:relative}.paper,.character-card{position:absolute;top:70px;width:235px;height:320px;background:#fff;box-shadow:var(--shadow);border-radius:6px}.paper{left:5px;transform:rotate(-7deg);padding:35px 20px;text-align:center}.tape{position:absolute;width:70px;height:22px;background:rgba(244,191,79,.55);top:-8px;left:82px}.doodle{width:100%;fill:none;stroke:#6a7080;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.paper small{font-family:"Fredoka";color:#8c857c}.character-card{right:5px;transform:rotate(6deg);border:8px solid white;background:#cee8dc;text-align:center;padding-top:42px}.character-card strong,.character-card small{display:block}.character-card strong{font:700 23px "Fredoka"}.character-card small{font-size:11px;color:#687471}.magic-arrow{position:absolute;top:210px;left:48%;font-size:35px;color:var(--coral);z-index:3}.spark{position:absolute;color:var(--yellow);font-size:27px}.spark-one{left:46%;top:85px}.spark-two{right:1%;top:30px}.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#f9df9b;right:25px;top:20px}.creature{height:195px;position:relative}.face{width:132px;height:123px;border-radius:48% 48% 45% 45%;background:var(--purple);position:absolute;left:39px;top:11px;z-index:2}.ear{position:absolute;width:58px;height:72px;background:var(--purple);top:-3px;z-index:1;border-radius:70% 10%}.ear.left{left:28px;transform:rotate(-28deg)}.ear.right{right:28px;transform:rotate(28deg)}.eye{position:absolute;width:15px;height:19px;background:white;border-radius:50%;top:44px}.eye.left{left:34px}.eye.right{right:34px}.smile{position:absolute;width:34px;height:17px;border-bottom:4px solid white;border-radius:50%;left:49px;top:76px}.body{position:absolute;width:125px;height:105px;border-radius:48%;background:var(--coral);left:43px;top:105px}.belly{position:absolute;width:60px;height:65px;border-radius:50%;background:#f3aa8c;left:32px;top:17px}.arm{position:absolute;width:26px;height:86px;border-radius:30px;background:var(--coral);top:117px}.arm.left{left:28px;transform:rotate(27deg)}.arm.right{right:28px;transform:rotate(-27deg)}.trust-strip{background:var(--ink);color:#fff;text-align:center;padding:16px;font-size:12px;letter-spacing:.6px}.trust-strip span{color:var(--yellow);margin:0 26px}.steps{padding:115px 0}.section-heading{text-align:center}.section-heading h2{font-size:46px;line-height:1.08;margin-top:15px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}.step-grid article{background:var(--paper);padding:35px;border:1px solid var(--line);border-radius:24px;position:relative}.step-grid article>b{position:absolute;right:25px;top:20px;font:600 42px "Fredoka";color:#eee6da}.step-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:26px;color:white;margin-bottom:25px}.step-icon.coral{background:var(--coral)}.step-icon.purple{background:var(--purple)}.step-icon.yellow{background:var(--yellow)}.step-grid h3{font-size:24px}.step-grid p{color:#687473;line-height:1.65;font-size:14px}.family{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px;border-radius:36px;background:#e9f3ed;margin-bottom:120px}.family h2{font-size:45px;line-height:1.07;margin:15px 0 20px}.family p{line-height:1.7;color:#61706c}.text-button,.back-step,.restart-flow{border:0;background:none;color:var(--coral);font-weight:800;padding:0;cursor:pointer}.book-scene{min-height:310px;display:grid;place-items:center}.book{width:430px;height:275px;display:flex;filter:drop-shadow(0 20px 20px rgba(48,61,54,.18));transform:rotate(-3deg)}.page{width:50%;background:#fffdf7;padding:32px;border:1px solid #e7dfd0}.left-page{border-radius:10px 2px 2px 10px}.right-page{border-radius:2px 10px 10px 2px}.page small{font:600 10px "Fredoka";text-transform:uppercase;letter-spacing:1px}.mini-doodle,.mini-world{height:175px;margin-top:15px;display:grid;place-items:center;text-align:center;font-size:50px;border-radius:8px}.mini-doodle{background:#f7ead4;color:#7b7183}.mini-world{background:#aca1d6;color:white}.mini-world span{color:#f8d366}.final-cta{text-align:center;background:var(--purple);color:white;padding:100px 20px}.final-cta>span{color:var(--yellow);font-size:30px}.final-cta h2{font-size:54px;line-height:1.05;margin:15px}.final-cta p{color:#dad4eb}.button-light{background:white;color:var(--purple);box-shadow:none;margin-top:15px}footer{height:130px;display:flex;align-items:center;gap:30px}footer p{font-size:13px;color:#77817f;flex:1}footer small{color:#9a9f9b}.flow{position:fixed;inset:0;background:rgba(28,38,39,.72);backdrop-filter:blur(8px);z-index:20;display:none;padding:24px}.flow.open{display:grid;place-items:center}.flow-panel{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--paper);border-radius:28px;padding:48px;position:relative;box-shadow:0 35px 100px rgba(0,0,0,.28)}.close-flow{position:absolute;top:20px;right:22px;border:0;background:#f0ebe2;width:36px;height:36px;border-radius:50%;font-size:23px;cursor:pointer}.progress{display:flex;gap:6px;margin-bottom:42px}.progress span{height:5px;flex:1;background:#eee6db;border-radius:5px}.progress span.done{background:var(--coral)}.flow-step{display:none}.flow-step.active{display:block;animation:fade .35s ease}.flow-step h2{font-size:38px;margin:9px 0}.flow-step>p{color:#74807e;margin-bottom:28px}.dropzone{display:flex;min-height:260px;border:2px dashed #d8cdbf;border-radius:20px;align-items:center;justify-content:center;flex-direction:column;gap:9px;cursor:pointer;position:relative;overflow:hidden;background:#fffcf5}.dropzone input{position:absolute;opacity:0}.upload-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#f9e5df;color:var(--coral);font-size:25px}.dropzone small{color:#929894}.dropzone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white;display:none}.flow-step>.button{display:block;margin:24px 0 0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .wide{grid-column:1/-1}.form-grid label{font-size:13px;font-weight:700}.form-grid input{display:block;width:100%;margin-top:8px;border:1px solid #dcd4c8;border-radius:12px;padding:15px;font:14px "DM Sans";outline:none}.form-grid input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(111,89,168,.1)}.flow-actions{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-grid button{border:1px solid #e2d9cd;border-radius:16px;background:#fff;padding:20px 10px;font:700 13px "DM Sans";color:var(--ink);cursor:pointer}.theme-grid button span{display:block;font-size:30px;margin-bottom:8px}.theme-grid button.selected{border-color:var(--purple);background:#f1edf9;box-shadow:0 0 0 2px var(--purple)}.result-step{text-align:center}.result-step h2{max-width:560px;margin:10px auto 30px}.result-book{display:grid;grid-template-columns:230px 1fr;gap:24px;text-align:left}.result-cover{height:300px;border-radius:8px;background:var(--purple);color:white;padding:35px 25px;display:flex;flex-direction:column;box-shadow:10px 14px 0 #ef735c}.result-cover>span{font-size:10px;text-transform:uppercase;letter-spacing:2px}.result-cover strong{font:700 34px "Fredoka";margin-top:9px}.cover-stars{flex:1;display:grid;place-items:center;font-size:35px;color:var(--yellow)}.result-cover small{text-align:right}.result-copy{align-self:center;padding:20px}.result-copy>span{font-size:11px;text-transform:uppercase;color:var(--coral);font-weight:800}.result-copy p{font:500 18px/1.7 "Fredoka"}.result-copy small{color:#8d9693}.result-step .flow-actions{text-align:left}@keyframes fade{from{opacity:0;transform:translateY(8px)}}
@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:440px}.step-grid{grid-template-columns:1fr}.family{grid-template-columns:1fr;padding:45px 25px}.book{width:340px;height:230px}.page{padding:22px}.mini-doodle,.mini-world{height:145px}.section-heading h2,.family h2{font-size:37px}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.nav{height:72px}.nav .button{display:none}.hero{padding-top:45px;gap:10px}.hero h1{font-size:49px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{height:360px;transform:scale(.78);transform-origin:left top;width:128%}.trust-strip{display:none}.steps{padding:80px 0}.section-heading h2{font-size:34px}.family{margin-bottom:70px}.book-scene{transform:scale(.82);margin:-10px -40px}.final-cta h2{font-size:43px}footer{height:auto;padding:35px 0;flex-wrap:wrap}footer p{flex-basis:100%;order:3}.flow{padding:0}.flow-panel{max-height:100vh;height:100vh;border-radius:0;padding:65px 22px 30px}.flow-step h2{font-size:31px}.form-grid,.theme-grid,.result-book{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.theme-grid{grid-template-columns:1fr 1fr}.theme-grid button{padding:13px}.theme-grid button span{font-size:24px}.result-cover{width:210px;height:260px;margin:auto}.result-copy{padding:8px}.result-step .flow-actions{padding-bottom:20px}}