/* Pupila's app palette and Atma display type, shared by every catalog page. */
@font-face{font-family:PupilaAtma;src:url('/assets/fonts/Atma-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--purple:#791889;--teal:#00a79f;--pink:#f3006a;--green:#92c930;--yellow:#f9c430;--ink:#35213b;--muted:#655a69;--cream:#faf7fc;--shadow:0 8px 24px rgba(75,15,86,.08)}
body{color:var(--ink)}
h1,h2,h3,.hero h1,.section h2,.showcase-copy h2,.final-cta h2,.contact-copy h2,.book-copy h1,.landing-hero h1,.content-grid h2,.book-cta h2,.section-title,.book-card h3,.benefit h3,.steps-grid h3,.learning-card h3,.discover-grid strong,.seo-link strong,.form-heading strong{font-family:PupilaAtma,ui-rounded,system-ui,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.16}
h1 em,h2 em,.hero h1 em,.section h2 em,.showcase-copy h2 em,.landing-hero h1 em,.book-copy h1 em,.contact-copy h2 em{font-style:normal;font-weight:600}
.site-header{background:#fff;backdrop-filter:none;border-bottom:3px solid #f3eaf5}
.site-header nav a{padding-block:10px}.site-header .nav-cta{border-radius:16px;box-shadow:none}
.menu-button{min-width:44px;min-height:44px;cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.hero{background:#faf5fc;padding:55px 0 65px}.hero h1{font-size:clamp(2.8rem,5.1vw,4.7rem)}
.hero-lead{line-height:1.7}.eyebrow{letter-spacing:.08em}
.orbit-one{background:#e5f5f2;border-radius:44% 56% 58% 42%;transform:rotate(-10deg);max-width:100%}
.orbit-two{border:3px solid var(--yellow);border-radius:46% 54% 43% 57%;transform:rotate(14deg);max-width:90%}
.floating-card{border-radius:16px;box-shadow:0 6px 0 #e7d7ed}
.proof{background:var(--purple)}.proof strong{font-family:PupilaAtma,system-ui,sans-serif}
.section{padding:82px 0}.section-heading{margin-bottom:38px}
.benefit{border-radius:24px;min-height:290px;padding:30px}.benefit h3{margin-top:24px}
.benefit-icon{box-shadow:none;border-radius:50%}.benefit-number{opacity:.15}
.benefit-purple{background:#f2e6f6}.benefit-green{background:#eef7df}.benefit-yellow{background:#fff4d1}
.story-showcase{background:var(--purple);padding:85px 0}.showcase-art:before{background:var(--teal);opacity:1}
.steps{background:#f0f8f6}.steps-grid span{font-family:PupilaAtma,system-ui,sans-serif;border-radius:18px;box-shadow:none;background:var(--teal);color:#173d38}
.discover-grid a{border:1px solid #e6dbe9;border-bottom:4px solid var(--purple);border-radius:18px}
.discover-grid a:nth-child(3n+2){border-bottom-color:var(--teal)}.discover-grid a:nth-child(3n){border-bottom-color:var(--green)}
.pricing{background:#faf5fc}.price-card{box-shadow:0 8px 0 #eadbef;border:2px solid #e5d3eb;border-radius:24px}
.primary-button,.library-button{border-radius:16px;background:var(--purple);box-shadow:none}
.contact{background:var(--teal)}.contact-form{transform:none;border:3px solid #e1f2ef;background:#fff;box-shadow:0 10px 0 rgba(0,72,65,.15)}
.send-button{background:var(--purple);box-shadow:none}.final-cta{background:var(--purple)}
footer{background:#35113e}.footer-bottom{color:#c5b6ca}.footer-main p{color:#c5b6ca}
.landing-hero{background:#faf5fc;padding:64px 0}.landing-hero h1{font-size:clamp(2.7rem,5.3vw,4.8rem)}
.landing-hero .eyebrow{color:var(--purple);font-size:.78rem}
.reading-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:36px;align-items:center;text-align:left}
.landing-hero:has(.reading-intro) .container{max-width:1160px}
.reading-intro h1{font-size:clamp(2.7rem,4.3vw,4.1rem)}
.reading-intro p{margin:20px 0}.reading-intro .store-row{justify-content:flex-start!important}
.reading-art{background:#e2f4ef;border-radius:42% 58% 53% 47%;padding:20px 0;border-bottom:8px solid var(--yellow)}
.reading-art img{display:block;width:100%;height:auto}
.landing-benefits{gap:16px}.landing-benefits div{box-shadow:none;border:1px solid #e4d7e9;border-top:4px solid var(--purple);border-radius:16px;text-align:left}
.landing-benefits div:nth-child(2){border-top-color:var(--teal)}.landing-benefits div:nth-child(3){border-top-color:var(--green)}
.landing-benefits strong{font-family:PupilaAtma,system-ui,sans-serif;font-size:1.3rem}.landing-benefits span{font-size:.92rem}
.book-hero{background:#faf5fc}.book-grid>*{min-width:0}.cover-stage:before{background:#dff3ed;border-radius:44% 56% 54% 46%;max-width:100%}
.cover-stage>img{transform:none;box-shadow:0 12px 25px rgba(75,15,86,.14);max-width:100%}
.book-card{box-shadow:none;border:1px solid #e5dce8;border-radius:18px}.book-card:hover{box-shadow:0 8px 20px rgba(75,15,86,.1)}
.book-card-image{background:#f3edf7}.book-card:nth-child(4n+2) .book-card-image{background:#eaf5f2}.book-card:nth-child(4n+3) .book-card-image{background:#fff5d9}.book-card:nth-child(4n) .book-card-image{background:#f0f6e5}
.book-card h3{font-size:1.14rem}.book-card-body{border-top:1px solid #ede6ef}
.learning-card{background:#edf6e2;border-radius:20px}.content-section{padding:70px 0}
.library-tools input{border-radius:16px}.chip{border-radius:10px}.content-grid ol{padding-left:24px}.content-grid ol li{padding-left:7px;margin-bottom:16px}
@media(max-width:900px){.reading-intro{grid-template-columns:1fr;text-align:center;gap:26px}.reading-intro p{margin:20px auto}.reading-intro .store-row{justify-content:center!important}.reading-art{width:min(460px,100%);margin:auto}.landing-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-visual{min-height:380px}.site-header nav{max-height:calc(100dvh - 82px);overflow-y:auto}.book-grid{gap:32px}}
@media(max-width:650px){.hero h1{font-size:2.85rem}.section,.story-showcase,.content-section{padding:58px 0}.landing-hero{padding:40px 0}.landing-benefits{grid-template-columns:1fr;gap:10px}.landing-benefits div{padding:15px 20px}.reading-art{width:min(350px,100%)}.benefit{min-height:auto}.hero-visual{min-height:300px}.orbit-one{width:290px;height:290px}.orbit-two{width:245px;height:245px}.book-card h3{font-size:1rem}.store-row a,.store-button{width:160px;min-width:0;height:49px}.hero-actions,.store-row{gap:8px}.book-copy h1{font-size:2.5rem}.content-grid h2{font-size:2.15rem}.cover-stage{min-height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}