.hero{position:relative;overflow:hidden;padding:76px 0 0;background:radial-gradient(ellipse at 90% 35%,#d8eee5 0,transparent 48%),#faf7ef}.hero-grid{grid-template-columns:1.08fr 1fr;gap:44px;align-items:center;padding-bottom:68px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:.55rem;letter-spacing:.12em;line-height:1.7}.hero h1{font-size:clamp(2.9rem,4.6vw,4.25rem);line-height:1.05;letter-spacing:-.045em;margin-top:22px}.hero h1 em{position:relative;display:inline-block;color:#117e73;white-space:nowrap}.hero h1 em:after{content:'';position:absolute;left:0;right:8px;height:9px;bottom:-6px;border-top:3px solid #f3aa35;border-radius:50%;transform:rotate(-2deg)}.hero-spark{display:inline-block;vertical-align:top;font:32px Georgia;color:#eda135;margin:0 0 0 10px;transform:rotate(13deg)}.hero .lead{font-size:1.23rem;line-height:1.5;margin-top:28px;color:var(--ink)}.hero .lead strong{font-weight:700}.hero-description{max-width:430px;margin-top:13px;font-size:.85rem;line-height:1.85;color:#5e7478}.hero .actions{align-items:center;gap:23px;margin-top:28px}.hero .primary{min-height:55px;padding:0 23px;background:#136d62;box-shadow:0 9px 20px #136d6224;font-size:.8rem}.hero .primary:hover{background:#0b574e;transform:translateY(-1px)}.hero .primary b{font-size:1.35rem;margin-left:8px}.hero-examples{display:inline-flex;gap:9px;color:var(--ink);font-size:.73rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}.hero .facts{gap:22px;border-top:1px solid #d9dfd4;padding-top:20px;margin-top:30px;font-size:.58rem}.hero .facts span{display:grid;gap:5px}.hero .facts b{font:700 1.35rem Montserrat,Arial;color:var(--ink)}.hero-art{position:relative;padding:22px 35px 34px;isolation:isolate}.hero-orbit{position:absolute;width:490px;height:490px;left:50%;top:47%;transform:translate(-50%,-50%);border:1px dashed #9bbeb4;border-radius:50%;z-index:-2}.hero-orbit:after{content:'';position:absolute;inset:30px;background:#c9e3d6a0;border-radius:50%}.hero-worksheet{position:relative;padding:20px 20px 18px;background:#fffefa;border:1px solid #e8e5d9;border-radius:8px;box-shadow:0 24px 45px #24483a24;transform:rotate(-4deg);z-index:1}.worksheet-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e5e7dc;gap:8px}.worksheet-top>span{font-size:.68rem;font-weight:900;letter-spacing:.06em}.brand-dot{color:var(--orange)}.worksheet-top>b{font-size:.36rem;letter-spacing:.08em;color:#5d8177}.worksheet-title{padding:16px 0 10px}.worksheet-title small{font-size:.42rem;letter-spacing:.15em;font-weight:700;color:#187c6d}.worksheet-title h2{font-size:1.45rem;margin-top:6px;color:#173642;line-height:1.1}.worksheet-title p{font-size:.46rem;line-height:1.6;margin-top:7px;color:#60766e}.hero-worksheet>img{display:block;width:100%;height:auto;border-radius:5px}.worksheet-words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.worksheet-words span{font-size:.43rem;font-weight:700;letter-spacing:.04em;padding:5px 7px;background:#edf2e9;border-radius:4px}.hero-back-sheet{position:absolute;inset:27px 24px 40px 50px;background:#f2bd67;border-radius:8px;transform:rotate(5deg);box-shadow:0 10px 25px #1736420f;z-index:0}.hero-back-sheet>span{position:absolute;right:6px;top:45px;writing-mode:vertical-rl;font-size:.42rem;font-weight:700;letter-spacing:.14em;color:#8a581c}.hero-floating{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #e3e8dc;border-radius:12px;background:#fffef9;box-shadow:0 10px 28px #254b3c18}.hero-floating>span{display:grid;place-items:center;width:34px;height:34px;background:#e4f1e8;color:#177967;border-radius:50%;font-size:1rem;font-weight:700}.hero-floating div{display:grid;gap:4px}.hero-floating b{font-size:.65rem}.hero-floating small{font-size:.48rem;color:#648078;letter-spacing:.03em}.hero-age{top:6px;right:-4px;transform:rotate(5deg)}.hero-age>span{background:#fff0d4;color:#a56914;font-family:Georgia;font-size:1.1rem}.hero-ready{bottom:51px;left:-14px;transform:rotate(3deg)}.hero-star{position:absolute;z-index:2;color:#e7a23a;font:60px Georgia}.star-one{top:36px;left:-6px;transform:rotate(15deg)}.star-two{bottom:18px;right:0;color:#218979;font-size:48px}.hero-art-note{text-align:center;position:relative;top:29px;font:italic .86rem Georgia;color:#4f7669}.hero-bottom{display:flex;align-items:center;justify-content:center;gap:34px;border-top:1px solid #d8e3d8;background:#ecf1e6b3;padding:16px 20px;color:#52756a;font-size:.53rem;font-weight:700;letter-spacing:.22em}.hero-bottom i{width:4px;height:4px;background:#dc9d3d;transform:rotate(45deg)}
@media(max-width:1050px){.hero-grid{gap:20px}.hero-art{padding-inline:22px}.hero h1{font-size:3.2rem}.hero .actions{gap:16px}.hero-ready{left:-5px}.hero-age{right:0}.hero .eyebrow{font-size:.49rem}.hero-spark{font-size:24px}}
@media(max-width:800px){.hero{padding-top:46px}.hero-grid{grid-template-columns:1fr;gap:36px;padding-bottom:50px}.hero-copy{max-width:560px;margin:auto;width:100%}.hero h1{font-size:clamp(2.7rem,8vw,4rem)}.hero-art{width:100%;max-width:480px;margin:auto;padding:22px 36px 34px}.hero .facts{display:flex;gap:35px}.hero .actions{display:flex;flex-wrap:wrap}.hero .button{width:auto}.hero .lead{font-size:1.12rem}.hero-description{max-width:450px}.hero-ready{left:3px}.hero-age{right:6px}.hero .eyebrow{font-size:.5rem}.hero .hero-spark{font-size:28px}.hero-orbit{width:420px;height:420px}}
@media(max-width:400px){.hero h1{font-size:2.65rem}.hero .hero-spark{font-size:22px;margin-left:6px}.hero .actions{gap:18px}.hero .primary{width:100%}.hero-examples{margin:auto}.hero-art{padding-inline:26px}.worksheet-title h2{font-size:1.22rem}.hero-floating{padding:10px 12px}.hero-bottom{gap:19px;font-size:.46rem}.hero .facts{justify-content:space-between;gap:10px}}
/* Gentle decorative motion; the worksheet and its controls remain readable. */
@media(prefers-reduced-motion:no-preference){
 .hero-worksheet{animation:worksheet-float 8s ease-in-out infinite;overflow:hidden}
 .hero-worksheet:after{content:'';position:absolute;inset:-35% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffffff00 46%,#ffffff80 49%,#fff9d54d 50%,#ffffff00 54%,transparent 58%);transform:translateX(-65%);animation:worksheet-shine 11s ease-in-out infinite;z-index:2}
 .hero-age{animation:age-float 7s ease-in-out infinite}
 .hero-ready{animation:ready-float 9s ease-in-out infinite}
 .star-one{animation:star-glow 5s ease-in-out infinite}
 .star-two{animation:star-glow 6.5s ease-in-out 1.5s infinite}
 .hero-spark{animation:star-glow 5.5s ease-in-out 2s infinite}
 .hero-orbit:after{animation:halo-breathe 9s ease-in-out infinite}
 .hero-art:before,.hero-art:after{content:'✦';position:absolute;pointer-events:none;z-index:3;color:#dda246;text-shadow:0 0 16px #edbb6770;font-size:20px;animation:tiny-spark 6s ease-in-out infinite}
 .hero-art:before{left:8%;top:48%}
 .hero-art:after{right:1%;top:37%;font-size:15px;animation-delay:2.5s}
 .hero .primary{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
 .hero .primary:hover{box-shadow:0 12px 28px #136d6240}
}
@keyframes worksheet-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(-3deg)}}
@keyframes worksheet-shine{0%,65%{transform:translateX(-65%);opacity:0}68%{opacity:.7}86%{transform:translateX(65%);opacity:.7}90%,100%{transform:translateX(65%);opacity:0}}
@keyframes age-float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes ready-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(5px) rotate(1deg)}}
@keyframes star-glow{0%,100%{opacity:.6;filter:drop-shadow(0 0 0 #efb95300)}50%{opacity:1;filter:drop-shadow(0 0 7px #efb95380)}}
@keyframes tiny-spark{0%,100%{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:.9;transform:scale(1) rotate(25deg)}}
@keyframes halo-breathe{0%,100%{opacity:.65;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.hero .primary:hover{transform:none}}