/* The woodland yields to words; the magic stays in the details. */
.hero-backdrop::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#241a30e8 0%,#241a30a8 34%,#241a3020 58%,transparent 76%);z-index:2}
.hero-explanation{color:#f0e8f1;font-size:16px;line-height:1.6;max-width:38ch}
.hero-friend{gap:8px}
.hero-friend .handnote{position:relative;display:block;max-width:18ch;padding:12px 17px;background:#fbf7ee;color:#563449;border:1px solid #e6cbd8;border-radius:20px 20px 20px 5px;box-shadow:0 8px 24px #17102432;font-size:27px;line-height:1.12;transform:rotate(-3deg);margin-top:42px;text-shadow:none}
.hero-friend .handnote::before{content:'';position:absolute;left:-8px;bottom:18px;width:16px;height:16px;background:#fbf7ee;border-left:1px solid #e6cbd8;border-bottom:1px solid #e6cbd8;transform:rotate(30deg) skewY(-30deg);z-index:-1}
.hero-friend img{width:210px}
.hero-friend{left:-145px;bottom:-65px}
.phone-proof{font-size:14px}
.demo-explanation{font-size:14px;line-height:1.65}
.stage-topline .demo-label{font-size:14px}
.footer-magic-star{display:inline-block;width:clamp(70px,10vw,160px);height:auto;vertical-align:middle;margin-left:15px;filter:drop-shadow(0 0 8px #ffefc788) drop-shadow(0 0 24px #eeb3d755);transform:rotate(-9deg);transform-origin:50% 50%;opacity:.95}
body[data-motion=on][data-hidden=false]:not(.menu-open) .footer-megatype.is-in-view .footer-magic-star{animation:star-wonder 5.5s ease-in-out infinite}
@keyframes star-wonder{0%,100%{transform:rotate(-9deg) translateY(0);opacity:.87}45%{transform:rotate(-3deg) translateY(-5px);opacity:1}70%{transform:rotate(-6deg) translateY(-2px);opacity:.98}}
@media(hover:hover) and (pointer:fine){
 /* This stylesheet is also served from /public; artwork URLs must use /assets. */
 body[data-wand=on]{cursor:url('/assets/magic-wand-cursor-v19.png') 12 12,auto}
 body[data-wand=on] a,body[data-wand=on] button,body[data-wand=on] summary{cursor:pointer}
 body[data-wand=on] input,body[data-wand=on] textarea,body[data-wand=on] [contenteditable=true]{cursor:auto}
 body[data-wand=on] .hero-copy p,body[data-wand=on] .hero-friend .handnote,body[data-wand=on] .section-heading p,body[data-wand=on] .app-copy p,body[data-wand=on] .demo-explanation,body[data-wand=on] .faq-list p,body[data-wand=on] .resident-detail>p{cursor:text}
 body[data-wand=on] input[type=range]{cursor:ew-resize}
 body[data-wand=on] :disabled{cursor:default}
 body[data-wand=on] .forest-resident .resident-character>img,body[data-wand=on] .forest-resident .resident-character>canvas.ready{cursor:url('/assets/magic-wand-cursor-v19.png') 12 12,pointer}
}
@media(min-width:768px) and (max-width:1100px){.hero-friend{left:-95px;bottom:-58px}.hero-friend img{width:175px}.hero-friend .handnote{font-size:24px;padding:11px 14px}}
@media(max-width:767px){
 .hero-backdrop::after{background:linear-gradient(180deg,#241a30e8 0%,#241a30c0 38%,#241a3040 62%,transparent 100%)}
 .hero-explanation{font-size:16px;line-height:1.55;max-width:36ch}
 .hero-content{padding-bottom:130px}
 .hero-friend{left:-4px;bottom:-54px;gap:1px;align-items:center}
 .hero-friend img{width:140px}
 .hero-friend .handnote{font-size:23px;max-width:17ch;padding:10px 12px;margin-top:42px}
 .stage-topline .demo-label{font-size:12px}
 .footer-magic-star{width:11vw;margin-left:8px}
}
@media(max-width:360px){.hero-friend img{width:120px}.hero-friend .handnote{font-size:21px;max-width:16ch}.hero-explanation{font-size:16px}.hero-content{padding-bottom:130px}}
@media(prefers-reduced-motion:reduce){.footer-magic-star{animation:none!important}}