/* Original bright storyworld revision; centralized extensions to the existing brand palette. */
:root{--sbd-orange:#ac390c;--sbd-pink:#a32265;--sbd-white:#fffdf8;--sbd-peach:#ffe5c5;--sbd-mint:#e0f2db;--sbd-paper-shadow:0 8px 0 color-mix(in srgb,var(--sbd-sand),transparent 15%)}
.ink-orange{color:var(--sbd-orange)}.ink-teal{color:var(--sbd-teal-dark)}
.site-header{background:var(--sbd-cream);color:var(--sbd-night);border-bottom:2px solid var(--sbd-sand)}.header-inner{min-height:90px}.brand{width:180px}.brand img{height:70px}.portal-signin{color:var(--sbd-teal-dark)}.desktop-nav a{font-family:var(--sbd-ui);font-size:1rem}.button{border-width:2px;min-height:56px}.button--orange{background:var(--sbd-orange);color:var(--sbd-white);box-shadow:0 6px 0 color-mix(in srgb,var(--sbd-orange),var(--sbd-night) 32%)}
.storybook-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 87% 50%,var(--sbd-peach),transparent 50%),var(--sbd-cream);padding:48px 0 22px}.storybook-hero__grid{display:grid;grid-template-columns:1fr 1.08fr;gap:25px;align-items:center}.storybook-hero__copy{position:relative;z-index:2}.storybook-hero .eyebrow{color:var(--sbd-pink);margin-bottom:18px}.storybook-hero h1{font-size:clamp(3.2rem,5.25vw,5.3rem);font-weight:600;line-height:1.03;letter-spacing:-.025em;margin-bottom:23px}.storybook-hero__intro{font-size:1.05rem;max-width:43ch}.storybook-hero__offer{max-width:570px}.storybook-hero__offer>p{margin-bottom:18px}.storybook-hero__offer strong,.storybook-hero__offer>p span{display:block}.storybook-hero__offer strong{font-family:var(--sbd-ui);font-size:1.35rem}.storybook-hero__offer>p span{font-size:.86rem}.storybook-hero__purchase{display:flex;align-items:center;gap:20px}.storybook-hero__purchase .button{font-size:.96rem;padding-inline:20px;gap:10px}.storybook-hero__price{white-space:nowrap;font-size:1.55rem;font-family:var(--sbd-display);line-height:1.2}.storybook-hero__price small{font-family:var(--sbd-body);font-size:.65rem;max-width:13ch;display:block;white-space:normal;margin-top:6px}.storybook-hero .offer-timing{background:var(--sbd-white);border:1px dashed var(--sbd-orange);border-radius:14px;margin-top:23px;font-size:.76rem}.storybook-hero__portal{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:14px;font-size:.8rem;font-weight:800;color:var(--sbd-teal-dark)}
.storybook-stage{position:relative;isolation:isolate;min-width:0;padding-top:74px;padding-bottom:58px}.storybook-stage::before{content:'';position:absolute;inset:4% 3% 5%;z-index:-2;background:linear-gradient(150deg,color-mix(in srgb,var(--sbd-sky),var(--sbd-white) 75%),var(--sbd-gold));border-radius:48% 48% 28% 28%;border:7px solid var(--sbd-white);box-shadow:var(--sbd-paper-shadow);transform:rotate(3deg)}.storybook-stage__sun{position:absolute;top:8%;left:20%;width:60%;aspect-ratio:1;background:var(--sbd-cream);border-radius:50%;z-index:-1;opacity:.8}.storybook-stage__cast{position:relative;width:116%;max-width:none;margin-left:-8%;transform-origin:50% 90%;filter:drop-shadow(0 12px 4px color-mix(in srgb,var(--sbd-night),transparent 87%))}.storybook-sticker{position:absolute;display:block;border:4px solid var(--sbd-white);border-radius:24px;font-family:var(--sbd-ui);font-weight:700;line-height:1.15;font-size:1rem;text-align:center;padding:13px 21px;box-shadow:0 6px 0 color-mix(in srgb,var(--sbd-night),transparent 88%);text-decoration:none;z-index:3}.storybook-sticker--top{right:-1%;top:1%;background:var(--sbd-lavender);transform:rotate(9deg)}.storybook-sticker--bottom{bottom:20px;left:0;background:var(--sbd-gold);transform:rotate(-5deg)}.storybook-stage__caption{display:flex;gap:14px;justify-content:center;position:absolute;inset:auto 0 -22px;font-family:var(--sbd-ui);font-size:.91rem}.storybook-stage__caption span+span::before{content:'✦';margin-right:14px;color:var(--sbd-orange)}.storybook-spark{position:absolute;font-size:48px;line-height:1;color:var(--sbd-orange);z-index:2}.storybook-spark--one{top:2%;left:9%;transform:rotate(-13deg)}.storybook-spark--two{bottom:13%;right:0;color:var(--sbd-pink)}.storybook-stage__lantern{position:absolute;right:4%;top:23%;width:65px;color:var(--sbd-orange);transform-origin:top center;z-index:2}.storybook-stage__lantern svg{width:100%;height:auto}.storybook-trail{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:48px;font-size:.66rem;letter-spacing:.09em;font-weight:800}.storybook-trail>span:nth-child(2){color:var(--sbd-orange);font-size:1.4rem;letter-spacing:.2em}.motion-toggle{font-size:.72rem;letter-spacing:0;border:1px solid var(--sbd-sand);border-radius:30px;background:var(--sbd-white);color:var(--sbd-night);min-height:44px;padding:9px 16px}
.value-ribbon{border-block:2px solid color-mix(in srgb,var(--sbd-orange),transparent 85%)}.portal-chapter{background:var(--sbd-white);position:relative}.portal-chapter .section-heading h2{font-weight:600}.portal-feature{border:6px solid var(--sbd-white);box-shadow:10px 12px 0 var(--sbd-lavender);transform:rotate(-2deg)}.portal-benefits article{border:0;border-radius:22px;background:var(--sbd-cream);margin-bottom:12px;padding:20px}.portal-benefits article:first-child{padding-top:20px}.portal-benefits article:nth-child(2){background:var(--sbd-mint)}.portal-benefits article:nth-child(3){background:color-mix(in srgb,var(--sbd-lavender),var(--sbd-white) 76%)}.portal-benefits article:nth-child(4){background:var(--sbd-peach)}.benefit-icon{background:var(--sbd-white)}.portal-benefits h3{font-size:1.45rem}.portal-benefits p{font-size:.91rem}.friends-chapter{background:var(--sbd-cream)}.friends-jacket{transition:transform .3s}.friends-heading h2{font-weight:600;color:var(--sbd-pink)}.village-chapter{position:relative;overflow:hidden}.village-visual{border-radius:0 0 12% 12%}.village-copy h2{font-weight:600}.school-invitation{background:var(--sbd-mint);position:relative}.school-invitation h2{color:var(--sbd-teal-dark);font-weight:600}.questions-grid h2{font-weight:600}.faq-list details{border:2px solid var(--sbd-sand);border-radius:18px;margin-bottom:12px;padding-inline:20px;background:var(--sbd-white)}.faq-list details:first-child{border-top:2px solid var(--sbd-sand)}
.theme-song-chapter{background:var(--sbd-violet);color:var(--sbd-cream);position:relative;overflow:hidden;text-align:center}.theme-song-chapter::before,.theme-song-chapter::after{content:'✦';position:absolute;color:var(--sbd-gold);font-size:120px;line-height:1;transform:rotate(15deg);opacity:.7;pointer-events:none}.theme-song-chapter::before{left:3%;top:12%}.theme-song-chapter::after{right:3%;bottom:12%;font-size:80px}.theme-song-chapter h2{font-weight:600;color:var(--sbd-gold)}.theme-song-chapter .eyebrow{color:var(--sbd-lavender)}.song-stage{width:min(800px,100%);margin:32px auto 25px;border:7px solid var(--sbd-cream);border-radius:32px;overflow:hidden;box-shadow:0 10px 0 var(--sbd-lavender);position:relative;aspect-ratio:16/9;background:var(--sbd-night)}.song-stage img{width:100%;height:100%;object-fit:cover}.song-stage button{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;border:0;background:linear-gradient(transparent,color-mix(in srgb,var(--sbd-night),transparent 20%));color:var(--sbd-cream);width:100%;font-weight:800}.song-stage__play{width:78px;height:78px;display:grid;place-items:center;border:4px solid var(--sbd-white);border-radius:50%;background:var(--sbd-orange);font-size:30px;padding-left:5px}.song-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.song-caption{font-size:.78rem}.quran-wisdom{text-align:center;background:color-mix(in srgb,var(--sbd-sky),var(--sbd-cream) 86%)}.quran-wisdom blockquote{margin:35px auto;max-width:850px}.quran-wisdom [lang=ar]{font-family:serif;font-size:clamp(1.65rem,3vw,2.4rem);line-height:2.2}.quran-wisdom cite{font-size:.9rem;font-style:normal}.quran-wisdom h2{color:var(--sbd-teal-dark);font-weight:600}
@keyframes lantern-sway{0%,100%{rotate:-5deg}50%{rotate:5deg}}@keyframes chapter-arrive{from{opacity:.3;translate:0 35px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
html:not([data-motion-paused]) [data-story-scene].is-in-view .storybook-stage__lantern{animation:lantern-sway 5s ease-in-out infinite}.reveal-arrived{animation:chapter-arrive .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}html[data-motion-paused] .reveal-arrived{animation:none}html[data-motion-paused] [data-scene-layer]{translate:none!important}html[data-motion-paused] .storybook-stage__lantern{animation:none!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.friends-jacket:hover{transform:translateY(-12px) rotate(0deg)!important}.storybook-sticker--bottom:hover{transform:rotate(0deg) translateY(-4px)}}
@media(max-width:1100px){.storybook-hero__grid{grid-template-columns:1fr 1fr}.storybook-hero h1{font-size:3.6rem}.storybook-hero__purchase{gap:12px;flex-wrap:wrap}.storybook-stage__caption{gap:8px;font-size:.72rem}.storybook-stage__caption span+span::before{margin-right:8px}.storybook-sticker{font-size:.85rem;padding:10px 15px}.desktop-nav{gap:18px}.desktop-nav a{font-size:.87rem}}
@media(max-width:900px){.brand{width:165px}.header-inner{min-height:78px}.brand img{height:62px}.mobile-menu-panel{background:var(--sbd-cream);color:var(--sbd-night)}.menu-close{color:var(--sbd-orange)}.storybook-hero h1{font-size:3rem}.storybook-hero__intro{font-size:.92rem}.storybook-stage{padding-top:65px}.storybook-stage__lantern{width:45px}.storybook-trail>span:nth-child(2){display:none}.storybook-hero__purchase .button{font-size:.9rem}.theme-song-chapter::before,.theme-song-chapter::after{font-size:45px}}
@media(max-width:640px){.storybook-hero{padding-top:24px}.storybook-hero__grid{display:flex;flex-direction:column;gap:0}.storybook-hero__copy{display:contents}.storybook-hero__copy>.eyebrow{order:1;font-size:.65rem;text-align:center;margin-bottom:12px}.storybook-hero h1{order:2;font-size:clamp(2.6rem,10vw,3.6rem);text-align:center;margin-bottom:8px;line-height:1.03}.storybook-hero__intro{order:3;text-align:center;font-size:.91rem;margin-bottom:8px}.storybook-stage{order:4;width:100%;max-width:480px;margin:6px 0 30px;padding:48px 0 28px}.storybook-stage::before{inset:4% 5% 3%;border-width:5px}.storybook-stage__cast{width:106%;margin-left:-3%}.storybook-sticker--top{font-size:.66rem;right:0;top:5%;padding:9px 13px}.storybook-sticker--bottom{font-size:.7rem;bottom:4px;padding:8px 13px}.storybook-stage__lantern{width:39px;top:25%}.storybook-spark{font-size:28px}.storybook-stage__caption{bottom:-21px;font-size:.74rem}.storybook-hero__offer{order:5;width:100%;background:var(--sbd-white);padding:19px 18px;border:2px solid var(--sbd-sand);border-radius:22px;margin-top:5px}.storybook-hero__offer>p{text-align:center;margin-bottom:17px}.storybook-hero__offer strong{font-size:1.2rem}.storybook-hero__offer>p span{font-size:.74rem}.storybook-hero__purchase{display:grid;grid-template-columns:1fr auto;gap:12px}.storybook-hero__purchase .button{font-size:.86rem;padding:12px 13px;gap:7px}.storybook-hero__price{font-size:1.15rem}.storybook-hero__price small{font-size:.6rem}.storybook-hero .offer-timing{margin-top:18px;font-size:.69rem;padding:10px;background:var(--sbd-cream)}.storybook-hero__portal{order:6;font-size:.77rem;text-align:center;margin-top:17px}.storybook-trail{margin-top:16px;gap:10px}.storybook-trail>span:first-child{font-size:.57rem;max-width:20ch}.motion-toggle{font-size:.65rem;padding:8px 12px}.portal-feature{transform:rotate(-1deg)}.portal-benefits article{padding:19px 16px}.portal-benefits h3{font-size:1.25rem}.portal-benefits p{font-size:.88rem}.song-stage{border-width:5px;border-radius:23px}.song-stage__play{width:60px;height:60px;font-size:24px}.theme-song-chapter h2{font-size:2.5rem}.theme-song-chapter::before{left:-15px;top:35px}.theme-song-chapter::after{right:-10px;bottom:50px}.song-caption{font-size:.7rem}.faq-list details{padding-inline:16px}.faq-list summary{font-size:.91rem}.quran-wisdom [lang=ar]{font-size:1.65rem}}
.storybook-stage__lantern{right:auto;left:0;top:12%}
.portal-editorial .eyebrow{color:var(--sbd-lavender)}
.friends-more{text-align:center;margin:35px 0 0}
.page-hidden .storybook-stage__lantern{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){[data-scene-layer]{translate:none!important}.storybook-stage__lantern,.reveal-arrived{animation:none!important}.friends-jacket{transition:none}.storybook-sticker--bottom:hover{transform:none}}
