@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap');
:root{--purple:#5938b9;--ink:#302348;--yellow:#ffda63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf7;color:var(--ink);font:17px/1.65 'DM Sans',sans-serif}a{color:inherit}header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:500 30px/1 Fredoka,sans-serif}.brand img{width:65px;height:65px;object-fit:contain;border-radius:50%}.brand small{display:block;font:700 10px/1.8 'DM Sans',sans-serif;letter-spacing:2px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:15px;font-weight:600}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center;padding:40px 6% 60px;max-width:1500px;margin:auto}.tag{font-size:12px;letter-spacing:1.6px;font-weight:700;color:var(--purple)}h1{font:500 clamp(42px,5.2vw,77px)/1.09 Fredoka,sans-serif;margin:22px 0;letter-spacing:-1px}h1 em{font-style:normal;color:var(--purple)}.hero p{max-width:570px;color:#655976}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-block;background:var(--purple);color:#fff;text-decoration:none;padding:13px 22px;border:2px solid var(--purple);border-radius:50px;font-weight:700;font-size:15px}.button:hover{background:#442a91}.outline{color:var(--purple);background:transparent}.outline:hover{color:white}.art{text-align:center}.art img{width:100%;height:auto;border-radius:40px;mix-blend-mode:multiply}.art p{font:500 22px Fredoka,sans-serif;color:var(--purple);transform:rotate(-3deg)}.ribbon{background:var(--yellow);padding:18px 6%;display:flex;justify-content:space-evenly;gap:20px;font-size:14px;font-weight:700;letter-spacing:1px}.section{padding:75px 6%}.app,.privacy{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}h2{font:500 clamp(34px,4vw,54px)/1.13 Fredoka,sans-serif;margin:18px 0}h3{font:500 29px/1.2 Fredoka,sans-serif}.app p{max-width:500px}.pill{background:#e9e1fb;border-radius:25px;padding:9px 16px;font-size:14px;display:inline-block}.card{background:#ede6ff;padding:35px;border:2px solid #d2c2f3;border-radius:30px;box-shadow:8px 8px 0 #e0d4f5}.feature{border-top:1px solid #cfbfea;padding:13px 0}.feature strong,.feature span{display:block}.feature span,.muted{font-size:15px;color:#655976}.card a{font-weight:700;color:var(--purple)}.books{background:#e6f2ff}.book-row{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #b7c9dd;padding-top:20px}.book-row h3{margin-bottom:10px}.privacy{grid-template-columns:1.5fr 1fr}.privacy p{max-width:650px}aside{align-self:center;background:var(--yellow);border-radius:25px;padding:30px}aside a{overflow-wrap:anywhere;font-size:16px}footer{border-top:1px solid #e1d9ec;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px}:focus-visible{outline:3px solid #a37200;outline-offset:5px}@media(max-width:800px){header{align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px}.hero,.app,.privacy{grid-template-columns:1fr;gap:30px}.hero{padding-top:25px}.art img{max-width:380px}.section{padding:50px 6%}.book-row{align-items:flex-start;flex-direction:column}.ribbon{font-size:12px;gap:12px;flex-wrap:wrap}footer{flex-direction:column;align-items:flex-start}.card{padding:25px}.brand img{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}