/* Reader page follows the student page's responsive brochure layout. */
.readers-page{--reader-violet:#4416ec;--reader-yellow:#ffbf00;--reader-ink:#171126}
.readers-page main{overflow:hidden}
.readers-page .breadcrumbs{justify-content:flex-start}
.reader-hero{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:24px;min-height:610px;padding-block:42px 38px}
.reader-hero h1,.reader-section-head h2,.reader-platform h2,.reader-together h2,.reader-close h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.04em;color:var(--reader-ink)}
.reader-hero h1{font-size:clamp(45px,4.9vw,70px);line-height:1.06;margin:0 0 25px}
.reader-highlight{color:var(--reader-violet);position:relative}
.reader-highlight:after{content:"";position:absolute;left:0;right:1%;bottom:-.11em;height:.1em;border-radius:100%;background:var(--reader-yellow);transform:rotate(-1deg);z-index:-1}
.reader-lead{font-size:19px;line-height:1.65;color:#4f4564;max-width:515px;margin:0}
.reader-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}
.reader-actions .text-link{font-size:15px}
.reader-hero-points{padding:0;margin:31px 0 0;list-style:none;display:flex;gap:9px;flex-wrap:wrap}
.reader-hero-points li{background:#f4edff;color:#3d218f;border:1px solid #e6d8fb;border-radius:99px;padding:9px 13px;font-size:13px;font-weight:600}
.reader-hero-art{min-width:0;position:relative;isolation:isolate}
.reader-hero-art>img:not(.reader-park-tree){display:block;width:100%;height:auto;position:relative;z-index:1}
.reader-park-tree{position:absolute;z-index:0;width:82%;height:auto;right:-7%;top:-12%;transform-origin:79% 90%;animation:reader-tree-sway 8s ease-in-out infinite;pointer-events:none}
.reader-butterfly{position:absolute;z-index:2;width:58px;height:auto;overflow:visible;pointer-events:none;filter:drop-shadow(0 3px 2px #3614671f);animation:reader-butterfly-hover 5s ease-in-out infinite}
.reader-butterfly .reader-butterfly-wings{transform-box:view-box;transform-origin:32px 29px;animation:reader-butterfly-flap .85s ease-in-out infinite}
.reader-butterfly .upper-wing{fill:var(--butterfly-primary)}
.reader-butterfly .lower-wing{fill:var(--butterfly-secondary)}
.butterfly-one{--butterfly-primary:#d9c7ff;--butterfly-secondary:#ffcd40;left:0;top:12%;rotate:-15deg}
.butterfly-two{--butterfly-primary:#ffdb6b;--butterfly-secondary:#e9d7ff;right:0;top:30%;width:43px;rotate:18deg;animation-delay:-2.3s}
.butterfly-two .reader-butterfly-wings{animation-delay:-.25s}
.reader-hero-spark{position:absolute;z-index:2;pointer-events:none;color:#f5b900;line-height:1;text-shadow:0 1px 0 #df9c00;animation:reader-star-twinkle 4.2s ease-in-out infinite}
.reader-hero-spark.spark-one{left:15%;top:8%;font:58px/1 Georgia,serif;rotate:-14deg}
.reader-hero-spark.spark-two{right:3%;bottom:17%;font:42px/1 Georgia,serif;color:#5824d1;text-shadow:none;animation-delay:-1.7s}
.reader-falling-leaf{position:absolute;z-index:2;width:16px;height:10px;border-radius:90% 5% 90% 5%;background:#8dab4b;pointer-events:none;opacity:0;animation:reader-leaf-fall 7s linear infinite}
.falling-leaf-one{right:20%;top:12%;animation-delay:0s}.falling-leaf-two{right:7%;top:4%;width:11px;height:8px;animation-delay:-2.5s}.falling-leaf-three{left:15%;top:10%;width:13px;height:9px;animation-delay:-5s}
.reader-hero-art:hover .reader-butterfly{animation-duration:3.4s}
@keyframes reader-tree-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1.4deg)}}
@keyframes reader-butterfly-hover{0%,100%{transform:translate(0,0) rotate(-4deg)}25%{transform:translate(7px,-13px) rotate(7deg)}55%{transform:translate(-4px,-20px) rotate(-4deg)}80%{transform:translate(5px,-7px) rotate(4deg)}}
@keyframes reader-butterfly-flap{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.58)}}
@keyframes reader-leaf-fall{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:.9}78%{opacity:.9}100%{opacity:0;transform:translate(-60px,250px) rotate(210deg)}}
@keyframes reader-star-twinkle{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.13)}}
.reader-hero-points li:nth-child(1){background:#f0f5e2;border-color:#dce8c5;color:#395524}.reader-hero-points li:nth-child(2){background:#fff7df;border-color:#f7e7b2}
.reader-benefits,.reader-stages{padding-block:65px}
.reader-section-head{max-width:760px;margin:0 auto 34px;text-align:center}
.reader-section-head h2{font-size:clamp(34px,3.5vw,48px);line-height:1.14;margin:0 0 17px}
.reader-section-head>p:not(.kicker){font-size:17px;line-height:1.7;color:#625775;margin:0}
.reader-benefit-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,1.25fr) minmax(0,1fr);gap:22px;align-items:center;position:relative;padding:8px 0 12px}
.reader-benefit-list{display:grid;gap:18px;position:relative;z-index:2}
.reader-benefit-pill{display:flex;align-items:center;gap:16px;min-height:122px;padding:18px 18px 18px 16px;background:#fff;border:1px solid #eae5f5;border-radius:28px;box-shadow:0 9px 24px #26134d08;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.reader-benefit-pill:hover{transform:translateY(-5px);box-shadow:0 15px 30px #26134d14;border-color:#d8c8f9}
.reader-benefit-icon{width:60px;height:60px;flex:0 0 60px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 0 0 1px #e5ddf1;color:#4517d2}
.reader-benefit-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reader-benefit-icon.lilac{background:#e9dcff}.reader-benefit-icon.blue{background:#dff4ff}.reader-benefit-icon.peach{background:#ffe6e5;color:#f2455f}.reader-benefit-icon.yellow{background:#fff1b5;color:#f2a500}.reader-benefit-icon.mint{background:#e2f6e8;color:#299567}
.reader-benefit-pill h3{font-size:18px;line-height:1.25;letter-spacing:-.025em;color:#3f14cf;margin:0 0 7px}
.reader-benefit-pill p{font-size:13px;line-height:1.5;color:#514761;margin:0}
.reader-benefit-visual{height:455px;position:relative;isolation:isolate;overflow:visible}
.reader-visual-glow{position:absolute;inset:9% 0 6%;background:radial-gradient(circle,#fff4d4 0,#f5eaff 54%,transparent 76%);border-radius:50%;z-index:-1}
.reader-visual-girl{position:absolute;z-index:3;width:min(90%,400px);height:auto;left:50%;bottom:0;filter:drop-shadow(0 12px 16px #2c145a13);animation:reader-girl-breathe 6s ease-in-out infinite}
.reader-visual-books{position:absolute;z-index:4;width:34%;height:auto;left:-3%;bottom:0;transform-origin:50% 100%;filter:drop-shadow(0 9px 9px #32205419);animation:reader-books-float 5.2s ease-in-out infinite}
.reader-visual-mug{position:absolute;z-index:5;width:21%;max-width:90px;height:auto;right:3%;bottom:-1%;filter:drop-shadow(0 6px 7px #32205426);animation:reader-mug-warmth 5s ease-in-out infinite}
.reader-visual-steam{position:absolute;z-index:6;right:7%;bottom:13%;width:64px;height:85px;overflow:visible;fill:none;stroke:#7952ab;stroke-width:3;filter:drop-shadow(0 0 2px #fff);stroke-linecap:round;pointer-events:none}
.reader-visual-steam path{animation:reader-steam-rise 3.8s ease-in-out infinite}.reader-visual-steam path:nth-child(2){animation-delay:-1.3s}.reader-visual-steam path:nth-child(3){animation-delay:-2.5s}
.reader-benefit-showcase:hover .reader-visual-books{animation-duration:3.7s}
@keyframes reader-girl-breathe{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(-3px) scale(1.004)}}
@keyframes reader-books-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(0)}}
@keyframes reader-mug-warmth{0%,100%{transform:rotate(-2deg)}50%{transform:translateY(-2px) rotate(1deg)}}
@keyframes reader-steam-rise{0%{opacity:0;transform:translateY(11px)}35%{opacity:.88}75%{opacity:.65}100%{opacity:0;transform:translateY(-12px)}}
.reader-benefit-doodle{position:absolute;z-index:2;line-height:1;pointer-events:none;animation:reader-benefit-twinkle 4s ease-in-out infinite}
.reader-benefit-doodle.doodle-red{left:2%;top:12%;font:58px/1 Georgia,serif;color:#ff515b;transform:rotate(-17deg)}
.reader-benefit-doodle.doodle-yellow{right:0;top:9%;font:56px/1 Georgia,serif;color:#ffb900;animation-delay:-1.2s}
.reader-benefit-doodle.doodle-purple{right:4%;bottom:4%;font:58px/1 Caveat,cursive;color:#5524da;animation-delay:-2.2s}
@keyframes reader-benefit-twinkle{0%,100%{opacity:.72;scale:.92}50%{opacity:1;scale:1.12}}
@media(max-width:980px){.reader-benefit-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reader-benefit-visual{grid-column:1/-1;grid-row:1;height:400px}.reader-benefit-left{grid-column:1}.reader-benefit-right{grid-column:2}.reader-visual-girl{width:min(45%,360px)}.reader-visual-books{width:16%;left:calc(50% - 250px);bottom:0}.reader-visual-mug{left:auto;right:calc(50% - 250px);width:80px}.reader-visual-steam{left:auto;right:calc(50% - 220px);bottom:16%}.reader-benefit-doodle.doodle-red{left:23%}.reader-benefit-doodle.doodle-yellow{right:23%}}
@media(max-width:620px){.reader-benefit-showcase{grid-template-columns:1fr;gap:14px}.reader-benefit-visual{grid-column:1;grid-row:1;height:355px}.reader-benefit-left,.reader-benefit-right{grid-column:1;gap:12px}.reader-benefit-pill{min-height:92px;padding:13px 15px;border-radius:22px}.reader-benefit-icon{width:52px;height:52px;flex-basis:52px}.reader-benefit-icon svg{width:25px;height:25px}.reader-benefit-pill h3{font-size:17px}.reader-benefit-pill p{font-size:12px}.reader-visual-girl{width:min(88%,310px)}.reader-visual-books{width:32%;left:0;bottom:0}.reader-visual-mug{width:20%;left:auto;right:0;bottom:0}.reader-visual-steam{left:auto;right:1%;bottom:14%;width:51px;height:68px}.reader-benefit-doodle.doodle-red{left:1%;top:7%;font-size:43px}.reader-benefit-doodle.doodle-yellow{right:3%;top:4%;font-size:45px}.reader-benefit-doodle.doodle-purple{right:0;bottom:3%;font-size:42px}}
.reader-platform{padding:42px 48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#f7f2ff;border:1px solid #ede3fa;border-radius:30px}
.reader-platform-visual{min-width:0;min-height:490px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;align-self:stretch}
.reader-tablet-frame{width:min(100%,535px);border:12px solid #171328;border-bottom-width:19px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 28px 30px #1c0d4529;transform:rotate(-2deg)}
.reader-platform-image{display:block;width:100%;height:auto}
.reader-platform-note{font:600 30px/1 Caveat,cursive;color:#4d1dd1;transform:rotate(-8deg)}
.reader-platform h2,.reader-together h2{font-size:clamp(36px,3.8vw,52px);line-height:1.12;margin:0 0 20px}
.reader-platform-copy>p:not(.kicker),.reader-together>div>p:not(.kicker){font-size:17px;line-height:1.7;color:#625775;margin:0 0 19px}
.reader-checks{list-style:none;padding:0;margin:22px 0 0}.reader-checks li{position:relative;padding:11px 0 11px 38px;border-bottom:1px solid #e7dbf2;font-size:15px;line-height:1.42;color:#271943}.reader-checks li:last-child{border:0}.reader-checks li:before{content:'✓';position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:50%;background:#4014d9;color:#fff;font:700 16px/24px Arial;text-align:center}
.reader-together{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:85px 15px 78px}.reader-group-art{min-height:350px;display:grid;place-items:center;border-radius:36px;background:radial-gradient(circle,#fff4c8 0,#f4eaff 63%,#fff 75%);position:relative}.reader-group-art img{width:min(100%,460px);height:auto;position:relative;z-index:1;object-fit:contain}.reader-group-art span{position:absolute;right:8%;top:0;color:#ffb900;font-size:65px;transform:rotate(18deg)}
.reader-stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.reader-stage-grid article{padding:26px 23px;border-top:5px solid #4820db;border-radius:18px;background:#f8f4ff;min-height:205px}.reader-stage-grid article:nth-child(even){border-color:#ffbd00;background:#fff9e9}.reader-stage-grid article>span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#e4d3ff;color:#3b139b;font-size:37px;margin-bottom:15px}.reader-stage-grid article:nth-child(even)>span{background:#ffcc28}.reader-stage-grid h3{font-size:19px;color:#3c16ae;margin:0 0 8px}.reader-stage-grid p{font-size:14px;line-height:1.6;color:#584e6b;margin:0}
.reader-close{border-radius:28px;background:radial-gradient(circle at 93% 20%,#5733bb,#20104d 55%);color:#fff;margin-top:45px;margin-bottom:75px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.reader-close:after{content:'☆';position:absolute;right:4%;top:-31%;font-size:240px;color:#fff2;transform:rotate(10deg)}.reader-close .kicker{color:#e4d7ff}.reader-close h2{font-size:clamp(38px,4vw,56px);line-height:1.05;color:#fff;margin:0 0 15px}.reader-close h2 em{font-style:normal;color:#ffc416}.reader-close p:not(.kicker){font-size:17px;color:#eee7ff;margin:0}.reader-close .button{position:relative;z-index:1;white-space:nowrap}
@media(max-width:960px){.reader-hero{gap:15px;min-height:520px}.reader-platform{gap:26px;padding:34px}.reader-platform-visual{min-height:0}.reader-stage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.reader-hero{grid-template-columns:1fr;padding-block:35px;gap:12px}.reader-hero h1{font-size:clamp(42px,9vw,64px)}.reader-hero-art{max-width:520px;width:100%;justify-self:center}.reader-park-tree{width:78%;right:-4%;top:-9%}.reader-butterfly{width:48px}.butterfly-two{width:36px}.reader-hero-spark.spark-one{font-size:44px}.reader-hero-spark.spark-two{font-size:33px}.reader-benefits,.reader-stages{padding-block:45px}.reader-platform,.reader-together{grid-template-columns:1fr}.reader-platform{padding:30px;gap:30px}.reader-platform-visual{min-height:0;max-width:520px;width:100%;margin:auto;order:2}.reader-together{gap:12px;padding-block:50px}.reader-group-art{min-height:310px}.reader-close{padding:35px;align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.reader-hero h1{font-size:44px}.reader-lead{font-size:17px}.reader-actions{gap:14px}.reader-hero-points li{font-size:12px}.reader-platform{padding:24px 20px}.reader-platform h2,.reader-together h2{font-size:36px}.reader-platform-copy>p:not(.kicker),.reader-together>div>p:not(.kicker){font-size:15px}.reader-checks li{font-size:14px}.reader-section-head h2{font-size:35px}.reader-tablet-frame{border-width:7px;border-bottom-width:12px;border-radius:15px}.reader-platform-note{font-size:23px}.reader-group-art{min-height:245px}.reader-stage-grid{grid-template-columns:1fr}.reader-stage-grid article{min-height:0}.reader-close{padding:30px 24px}.reader-close h2{font-size:40px}.reader-close .button{width:100%}}
@media(prefers-reduced-motion:reduce){.readers-page *, .readers-page *:before,.readers-page *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}