/* A small world that changes with the reader, on the same continuous canvas. */
.story-scene{--sky-morning:1;--sky-day:0;--sky-evening:0;--sky-dusk:0;--sun-left:8%;--sun-top:36%;--sun-color:#FFE7A5;--sun-opacity:1;--cloud-x:0px;--cloud-y:0px;--city-brightness:1.02;--warmth:0;--stars-opacity:0;--scene-x:-5px}.story-scene .hero-visual{isolation:isolate}.scene-sky{position:absolute;inset:-50px -15px 30px -15px;z-index:-2;pointer-events:none}.scene-sky>div{position:absolute;inset:0;will-change:opacity}.sky-morning{background:radial-gradient(ellipse at 30% 43%,#FFE4C769 0%,#F5E3FF68 34%,#F0EDFF00 71%);opacity:var(--sky-morning)}.sky-day{background:radial-gradient(ellipse at 54% 34%,#C9E4FFCC 0%,#E4EEFF99 38%,#DCE9FF00 70%);opacity:var(--sky-day)}.sky-evening{background:radial-gradient(ellipse at 75% 49%,#FFD4A8BD 0%,#EDC7F89C 36%,#E9E6FF00 72%);opacity:var(--sky-evening)}.sky-dusk{background:radial-gradient(ellipse at 62% 33%,#8E83CEB3 0%,#B3A6E27A 39%,#C8BFF000 73%);opacity:var(--sky-dusk)}.scene-sun{position:absolute;width:77px;height:77px;left:var(--sun-left);top:var(--sun-top);transform:translate(-50%,-50%);border-radius:50%;z-index:-1;opacity:var(--sun-opacity);background:var(--sun-color);box-shadow:0 0 38px 12px #ffcf8a33,inset -8px -8px 20px #F8B35F30;will-change:left,top,opacity;pointer-events:none}.scene-sun:before{content:'';position:absolute;inset:-18px;border:1px solid #eab8892e;border-radius:50%;transform:scale(var(--sun-ring,1))}.scene-sun:after{content:'';position:absolute;inset:-40px;background:radial-gradient(circle,#FFE6AC38,#FFE6AC00 65%);border-radius:50%}.scene-sun span{position:absolute;inset:8px;border-radius:50%;border:1px solid #fff5}.scene-cloud{position:absolute;z-index:1;width:145px;color:white;filter:drop-shadow(0 10px 8px #8891be12);opacity:var(--cloud-opacity,.88);will-change:transform;pointer-events:none}.scene-cloud svg{width:100%;height:auto;display:block;fill:currentColor;stroke:none}.cloud-back{top:45px;left:58px;transform:translate3d(var(--cloud-x),var(--cloud-y),0) scale(.82)}.cloud-front{top:171px;right:-10px;width:162px;transform:translate3d(calc(var(--cloud-x) * -.75),calc(var(--cloud-y) * -.5),0)}.scene-ground{position:absolute;z-index:0;bottom:18px;left:8%;width:86%;height:70px;background:radial-gradient(ellipse,#45436E2B,#45436E00 69%);transform:translate3d(var(--ground-x,0px),0,0) scaleX(var(--ground-scale,1));will-change:transform;pointer-events:none}.story-scene .city-illustration{width:calc(100% + 42px);max-width:none;left:-34px;top:2px;z-index:2;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) rotate(var(--scene-angle,0deg)) scale(var(--scene-scale,1));transform-origin:55% 60%;filter:brightness(var(--city-brightness)) saturate(var(--city-saturation,1)) drop-shadow(0 20px 13px #57547b1a);will-change:transform,filter}.city-warmth{position:absolute;inset:40% -5% -3% 12%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 85% 75%,#F9B95840 0%,#F4B6F400 63%);mix-blend-mode:soft-light;opacity:var(--warmth)}.scene-stars{position:absolute;inset:0 0 24%;z-index:-1;opacity:var(--stars-opacity);pointer-events:none}.scene-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff9}.scene-stars i:nth-child(1){left:23%;top:24%;width:2px;height:2px}.scene-stars i:nth-child(2){left:43%;top:13%}.scene-stars i:nth-child(3){left:64%;top:9%;width:2px;height:2px}.scene-stars i:nth-child(4){left:82%;top:24%}.scene-stars i:nth-child(5){left:70%;top:39%;width:2px;height:2px}.scene-stars i:nth-child(6){left:12%;top:40%;width:2px;height:2px}
/* Each new signal arrives as a new notification, rather than replacing a line. */
.scene-notifications{position:absolute;inset:0;z-index:6;pointer-events:none}.notice{position:absolute;display:flex;align-items:flex-start;gap:10px;padding:15px 16px;background:#fffffff7;border:1px solid #fff;border-radius:12px;box-shadow:0 12px 38px #3a315a1a;max-width:290px;will-change:transform,opacity}.notice-main{top:75px;left:-6px;width:285px;transform:rotate(-3deg);z-index:2}.notice-side{right:-4px;bottom:60px;width:258px;transform:rotate(3deg);z-index:1}.notice-icon{display:grid;place-items:center;width:33px;height:37px;border-radius:7px;background:var(--lilac);color:var(--blue);flex-shrink:0;margin-top:1px}.notice-icon svg{width:19px;height:19px}.notice-side .notice-icon,.notice[data-notice="compras"] .notice-icon{background:var(--lime);color:var(--ink)}.notice-copy{min-width:0;flex:1}.notice-copy small{font-size:7px;letter-spacing:.06em;line-height:1.7;color:var(--muted);display:block;font-weight:500}.notice-copy strong{font-size:11px;letter-spacing:-.02em;line-height:1.55;font-weight:600;display:block;margin-top:3px}.notice-copy>span{font-size:9px;color:var(--muted);line-height:1.65;display:block;margin-top:5px}.notice-indicator{width:5px;height:5px;border-radius:50%;background:var(--blue);margin-top:5px;flex-shrink:0}.notice-main[data-notice="fornecedores"] .notice-icon{background:#F0E8FF;color:#6852AA}.story-scene .visual-orbit{display:none}.scene-track{margin-top:0}.scene-caption{font-size:8px}.notice.is-leaving{z-index:0}.scene-period{font-size:8px;letter-spacing:.09em;line-height:1.5;color:var(--muted);position:absolute;right:26px;top:17px;z-index:4;font-weight:500}
@media(max-width:1150px){.story-scene .city-illustration{width:calc(100% + 6px);left:-6px}.notice-main{width:250px;left:-10px;top:78px}.notice-side{width:234px;right:0;bottom:48px}.notice{padding:13px 14px;gap:9px}.notice-copy strong{font-size:10px}.notice-copy>span{font-size:8px}.notice-copy small{font-size:6px}.notice-icon{width:29px;height:33px}.notice-icon svg{width:18px}.scene-cloud{width:122px}.cloud-back{left:35px;top:44px}.cloud-front{width:128px;right:-2px;top:162px}.scene-sun{width:67px;height:67px}}
@media(max-width:900px){.story-scene .city-illustration{width:100%;left:-4px;top:18px}.notice-main{width:222px;left:-8px;top:74px}.notice-side{width:209px;bottom:45px;right:-1px}.notice{padding:11px 12px;gap:8px;border-radius:10px}.notice-copy strong{font-size:9px}.notice-copy>span{font-size:7px}.notice-copy small{font-size:5.5px}.notice-icon{width:25px;height:29px;border-radius:5px}.notice-icon svg{width:16px;height:16px}.notice-indicator{width:4px;height:4px}.scene-cloud{width:101px}.cloud-back{left:24px;top:50px}.cloud-front{width:114px;right:-5px;top:145px}.scene-sun{width:57px;height:57px}.scene-sky{inset:-35px -12px 15px}.scene-period{right:16px;top:28px;font-size:7px}}
/* Keep the moving scene on screen while the mobile chapters pass below it. */
@media(max-width:700px){.story-scene{position:sticky;top:0;z-index:5;height:43svh;min-height:300px;max-height:435px;margin-top:8px;margin-bottom:0;justify-content:flex-start;overflow:clip}.story-scene:before{content:'';position:absolute;inset:-10px -10px -1px;z-index:-3;background:linear-gradient(#F1EFFAF2 0%,#F1EFFAF0 78%,#F1EFFA00 100%)}.story-scene .hero-visual{height:calc(100% - 47px);flex-shrink:1;min-height:250px;width:calc(100% - 40px);margin-inline:auto}.story-scene .city-illustration{width:min(100%,370px);max-width:none;left:50%;top:-7px;transform:translateX(-50%) translate3d(var(--scene-x,0px),var(--scene-y,0px),0) rotate(var(--scene-angle,0deg)) scale(var(--scene-scale,1));transform-origin:50% 57%}.scene-sky{inset:-18px -12px -7px}.scene-sun{width:50px;height:50px}.scene-cloud{width:95px}.cloud-back{top:16px;left:22px}.cloud-front{top:100px;right:-4px;width:107px}.scene-stars{inset:0 0 14%}.notice-main{top:26px;left:0;width:225px;max-width:74%}.notice-side{right:-1px;bottom:3px;width:207px;max-width:70%}.notice{padding:10px 12px;gap:8px}.notice-icon{width:25px;height:29px}.notice-copy small{font-size:5.5px}.notice-copy strong{font-size:9px;line-height:1.5;margin-top:2px}.notice-copy>span{font-size:7px;line-height:1.6;margin-top:4px}.scene-track{font-size:8px;gap:24px;margin-top:1px;flex-shrink:0}.scene-track span{padding-bottom:5px}.scene-caption{font-size:6px;line-height:1.5;margin-top:7px;flex-shrink:0}.scene-period{font-size:6px;right:12px;top:8px}.scene-ground{height:45px;bottom:0}.story-chapters{padding-top:0;padding-bottom:70px}.story-chapters:before{top:45px;bottom:85px}.story-chapter{min-height:59svh;padding-top:50px;padding-bottom:65px}.story-chapter:before{top:52px}.story-chapters .section-note{margin-top:10px}.city-warmth{inset:35% 0 0 0}}
@media(max-width:480px){.story-scene{height:42svh;min-height:295px}.story-scene .hero-visual{min-height:245px}.notice-main{width:218px;top:27px}.notice-side{width:200px;bottom:4px}.scene-track{font-size:7px;gap:22px}.story-chapter{min-height:61svh}.scene-caption{font-size:6px}.scene-sun{width:46px;height:46px}}
@media(max-width:359px){.story-scene{height:40svh;min-height:285px}.story-scene .hero-visual{width:calc(100% - 32px);min-height:237px}.notice-main{width:195px;max-width:76%;left:1px;top:23px}.notice-side{width:183px;max-width:73%;bottom:4px;right:0}.notice{padding:9px 10px;gap:7px}.notice-copy strong{font-size:8px}.notice-copy>span{font-size:6px}.notice-copy small{font-size:5px}.notice-icon{width:22px;height:25px}.notice-icon svg{width:14px;height:14px}.scene-track{font-size:6px;gap:20px}.scene-caption{font-size:5px}.scene-period{font-size:5px}.scene-cloud{width:82px}.cloud-back{left:11px;top:13px}.cloud-front{width:90px;top:95px}.scene-sun{width:41px;height:41px}}
@media(prefers-reduced-motion:reduce){.story-scene .city-illustration,.scene-cloud,.scene-ground,.scene-sun,.scene-sky>div,.notice{will-change:auto}.story-scene .city-illustration{transform:none;filter:drop-shadow(0 20px 13px #57547b1a)}.scene-cloud{transform:none}.scene-sun:before{transform:none}.scene-ground{transform:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.story-scene .city-illustration{transform:translateX(-50%)}}
/* Feather every sky edge so day and dusk never form a rectangular panel. */
.scene-sky{-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 36%,#000B 66%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 36%,#000B 66%,transparent 100%)}
@media(max-width:700px){
 .story-scene:before{background:linear-gradient(#F1EFFA 0%,#F1EFFA 92%,#F1EFFA00 100%)}
 .story-scene .city-illustration{top:4px;transform:translateX(-50%) translate3d(calc(var(--scene-x,0px) * .45),calc(var(--scene-y,0px) * .3),0) rotate(var(--scene-angle,0deg)) scale(var(--scene-scale,1))}
 #oportunidades,.story-chapter{scroll-margin-top:calc(43svh + 20px)}
}
@media(max-width:480px){#oportunidades,.story-chapter{scroll-margin-top:calc(42svh + 20px)}}
@media(max-width:359px){#oportunidades,.story-chapter{scroll-margin-top:calc(40svh + 20px)}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.story-scene .city-illustration{transform:translateX(-50%)}}
/* Mobile reading and touch targets, not just a smaller desktop layout. */
@media(max-width:700px){
 .story-intro .hero-description{font-size:14px;line-height:1.85}
 .story-chapter>p{font-size:14px;line-height:1.85}
 .story-chapter .mini-evidence{font-size:12px;line-height:1.8}
 .story-chapter .mini-evidence small{font-size:11px}
 .story-chapter .route-link{font-size:13px;min-height:46px}
 .chapter-number{font-size:9px}
 .context-copy>p:not(.eyebrow){font-size:14px}
 .context-copy .benefit-list li{font-size:12px}
 .how-steps p{font-size:13px;line-height:1.85}
 .pricing-intro>p:not(.eyebrow){font-size:14px}
 .plan-features li{font-size:12px}.plan-features strong{font-size:13px}
 .faq-list summary{font-size:14px;min-height:62px}
 .faq-list details>p{font-size:13px;line-height:1.85}
 .footer-top button{font-size:10px;min-height:36px}
 .footer-top nav{gap:3px}.back-top{min-height:44px;display:inline-flex;align-items:center}
 .dialog-close{width:44px;height:44px}
 .notice-copy strong{font-size:10px}.notice-copy>span{font-size:7.5px}.notice-copy small{font-size:6px}
}
@media(max-width:359px){
 .notice-main{width:205px;max-width:80%}.notice-side{width:190px;max-width:76%}
 .notice-copy strong{font-size:9.5px}.notice-copy small{font-size:5.5px}
 .notice-copy>span{display:none}.notice-icon{width:24px;height:27px}
 .story-chapter .route-link{font-size:12px}.footer-top button{font-size:9px}
}