:root{--paper: #fffbf2;--dots: #e9dfc8;--ink: #2a1f4a;--muted: #4a3f66;--white: #fff;--violet: #6d3fd0;--violet-dark: #4f2aa3;--pink: #c23c80;--pink-dark: #a8326c;--sun: #ffc845;--violet-soft: #f1eafe;--sun-soft: #fff3cc;--pink-soft: #fce4ef;--round: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Varela Round", "Nunito", system-ui, sans-serif;--body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:18px/1.55 var(--body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--dots) 1.2px, transparent 1.2px);background-size:22px 22px}h1,h2,h3,.logo-name,.eyebrow,.btn,.chip,.step-label{font-family:var(--round)}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-0.01em}p{margin:0}a{color:var(--violet-dark)}a:hover,a:focus{color:var(--ink)}img,svg{max-width:100%}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}.muted{color:var(--muted)}#skip-to-content{position:absolute;left:-9999px}#skip-to-content:focus{left:12px;top:12px;z-index:10;padding:10px 16px;background:var(--white);border:2px solid var(--ink);border-radius:999px}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.logo-name{font-weight:700;font-size:1.35rem}.site-nav{display:flex;flex-wrap:wrap;gap:4px}.site-nav a{padding:10px 12px;font-weight:700;text-decoration:none;color:var(--ink);border-radius:999px}.site-nav a:hover,.site-nav a:focus{background:var(--violet-soft)}.site-footer{margin-top:88px;border-top:3px solid var(--ink);background:var(--white);font-size:.95rem}.site-footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px;color:var(--muted)}.eyebrow{font-weight:600;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pink-dark)}.btn{display:inline-block;padding:14px 24px;border-radius:999px;font-weight:700;font-size:1.05rem;text-decoration:none;border:2px solid var(--ink)}.btn-primary{background:var(--violet);color:var(--white);border-color:var(--violet);box-shadow:0 4px 0 var(--ink)}.btn-primary:hover,.btn-primary:focus{background:var(--violet-dark);color:var(--white)}.btn-ghost{background:var(--white);color:var(--ink)}.btn-ghost:hover,.btn-ghost:focus{background:var(--violet-soft);color:var(--ink)}.chip{display:inline-block;padding:5px 12px;border-radius:999px;border:2px solid var(--ink);font-weight:600;font-size:.9rem;background:var(--sun-soft)}.chip-live{background:#d9f5e8}.section{padding:80px 0}.band{background:var(--white);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.band-violet{background:var(--violet-soft)}.section-head{display:flex;flex-direction:column;gap:10px;max-width:680px;margin-bottom:36px}.section-head h2{font-size:clamp(2rem, 4vw, 2.9rem)}.cover{position:relative;width:250px;aspect-ratio:3 / 4;border-radius:6px 16px 16px 6px;padding:22px 22px 22px 30px;display:flex;flex-direction:column;justify-content:space-between;color:var(--white);background:var(--violet);box-shadow:inset 10px 0 0 rgba(0,0,0,0.18),0 16px 0 -6px var(--ink)}.cover-alt{background:var(--pink-dark)}.cover-series{font-family:var(--round);font-weight:600;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.cover-title{font-family:var(--round);font-weight:700;font-size:1.7rem;line-height:1.05}.cover-tag{font-size:.8rem;margin-top:6px}.cover svg{align-self:center;width:70%;height:auto}.cover-sm{width:140px;padding:12px 12px 12px 18px;box-shadow:inset 6px 0 0 rgba(0,0,0,0.18)}.cover-sm .cover-series{font-size:.55rem}.cover-sm .cover-title{font-size:1rem}.cover-sm .cover-tag{display:none}.hero{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:48px;align-items:center;padding-top:40px;padding-bottom:80px}.hero-copy{display:flex;flex-direction:column;gap:22px}.hero h1{font-size:clamp(2.6rem, 6vw, 4.4rem);line-height:1.02}.hero h1 em{font-style:normal;color:var(--violet)}.hero .lead{font-size:1.2rem;color:var(--muted);max-width:34em}.hero-badge{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--white);border:2px solid var(--ink);border-radius:999px;font-weight:700;font-size:.95rem}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-art{position:relative;min-height:440px}.hero-art .cover{position:absolute}.hero-art .cover:first-child{left:4%;top:0;transform:rotate(-5deg);z-index:1}.hero-art .cover:nth-child(2){right:4%;top:70px;transform:rotate(6deg)}.hero-art .cover:only-child{left:50%;transform:translateX(-50%) rotate(-4deg)}.features{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:22px}.feature{border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:12px}.feature h3{font-size:1.5rem}.feature p{color:var(--muted)}.feature-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center}.f-story{background:var(--violet-soft)}.f-story .feature-icon{background:var(--violet)}.f-math{background:var(--sun-soft)}.f-math .feature-icon{background:var(--sun);border:2px solid var(--ink)}.f-color{background:var(--pink-soft)}.f-color .feature-icon{background:var(--pink-dark)}.steps{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.step{display:flex;flex-direction:column;gap:12px}.sheet{width:240px;height:310px;background:var(--white);border:3px solid var(--ink);border-radius:12px;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:14px}.sheet-math{box-shadow:8px 8px 0 var(--violet);font-family:var(--round);font-weight:600;font-size:1.4rem}.sheet-color{box-shadow:8px 8px 0 var(--pink);align-items:center}.blank{display:inline-block;width:38px;height:32px;vertical-align:middle;border:2px dashed var(--violet);border-radius:8px}.step-label{font-weight:600;font-size:1.2rem}.step-arrow{flex:0 0 auto}.step-loop{flex:1 1 220px;min-width:220px;padding:28px;border-radius:24px;background:var(--ink);color:var(--white);display:flex;flex-direction:column;gap:12px}.step-loop h3{font-size:1.5rem}.step-loop p{color:#e4dcf7}.books{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:26px}.book-card{background:var(--white);border:3px solid var(--ink);border-radius:24px;padding:26px;display:flex;flex-wrap:wrap;gap:24px;box-shadow:0 8px 0 var(--ink)}.book-info{flex:1 1 200px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.book-info h3{font-size:1.7rem}.book-info .actions{margin-top:auto}.qr{background:var(--ink);color:var(--white);border-radius:32px;padding:clamp(28px, 5vw, 60px);display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:40px;align-items:center}.qr .eyebrow{color:var(--sun)}.qr h2{font-size:clamp(1.9rem, 4vw, 2.7rem);margin:10px 0 16px}.qr p{color:#e4dcf7;margin-bottom:12px}.qr-card{justify-self:center;width:240px;background:var(--paper);color:var(--ink);border-radius:26px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:14px;transform:rotate(3deg);box-shadow:-10px 10px 0 var(--sun);font-family:var(--round);font-weight:600;text-align:center}.page{max-width:640px;margin:0 auto;padding:16px 20px 0;display:flex;flex-direction:column;gap:22px}.thanks{position:relative;background:var(--violet);color:var(--white);border-radius:28px;padding:30px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 8px 0 var(--ink)}.thanks h1{font-size:clamp(2rem, 6vw, 2.6rem)}.thanks p{color:#efe8ff}.panel{background:var(--white);border:3px solid var(--ink);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}.panel h2{font-size:1.5rem}.panel-soon{background:var(--sun-soft)}a.review-button{display:block;text-align:center;background:var(--violet);color:var(--white);text-decoration:none;padding:15px 16px;border-radius:999px;font-family:var(--round);font-weight:700;font-size:1.05rem;box-shadow:0 4px 0 var(--ink)}a.review-button:hover,a.review-button:focus{background:var(--violet-dark);color:var(--white)}.note{color:var(--muted);font-size:.9rem}.page .btn{text-align:center}.notfound{display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding-top:40px}.notfound>div{flex:1 1 280px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.notfound h1{font-size:clamp(2.2rem, 5vw, 3rem)}@media (max-width: 560px){body{font-size:17px}.hero-art{min-height:360px}.hero-art .cover{width:200px}.section{padding:60px 0}.step-arrow{display:none}}