/* Camadas abstratas de luz preservam o cenário original e a legibilidade. */
.hero{isolation:isolate;--pan-x:0px;--pan-y:0px}.hero .city{animation:city-drift 24s ease-in-out infinite alternate;will-change:transform;transform:scale(1.045)}
@keyframes city-drift{from{transform:translate3d(var(--pan-x),var(--pan-y),0) scale(1.045)}to{transform:translate3d(calc(var(--pan-x) - 12px),calc(var(--pan-y) + 7px),0) scale(1.105)}}
.city-ambience{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.neon-haze{position:absolute;width:45%;height:85%;right:-8%;top:5%;background:radial-gradient(ellipse,#06dffa42,transparent 68%);animation:neon-breathe 9s ease-in-out infinite alternate}
.neon-haze.magenta{right:20%;top:25%;height:75%;width:35%;background:radial-gradient(ellipse,#e522d930,transparent 68%);animation-delay:-5s;animation-duration:13s}
@keyframes neon-breathe{from{opacity:.25;transform:translate3d(0,10px,0)}to{opacity:.9;transform:translate3d(12px,-15px,0)}}
.data-scan{position:absolute;inset:-40% 0;background:linear-gradient(180deg,transparent 47%,#48dbef08 49.7%,#7decff25 50%,transparent 50.3%);animation:city-scan 13s linear infinite;opacity:.4}
@keyframes city-scan{from{transform:translateY(-35%)}to{transform:translateY(35%)}}
.signal-lines{position:absolute;inset:0}.signal-lines i{position:absolute;top:-20%;left:71%;width:1px;height:85px;background:linear-gradient(transparent,#b3f8ff8c,transparent);animation:signal-flow 10s linear infinite;opacity:0}.signal-lines i:nth-child(2){left:86%;animation-delay:-6s;height:140px}.signal-lines i:nth-child(3){left:57%;animation-delay:-3s;background:linear-gradient(transparent,#f991f78c,transparent)}
@keyframes signal-flow{0%{transform:translateY(0);opacity:0}15%,70%{opacity:.55}100%{transform:translateY(1050px);opacity:0}}
.motion-toggle{position:absolute;right:5%;top:24px;z-index:2;border:1px solid #b0e4e44a;border-radius:24px;padding:9px 15px;color:#e5ffff;background:#061718a6;font-size:13px;backdrop-filter:blur(8px)}.motion-toggle:hover{border-color:#8af3ff;background:#103038}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ceff65,#33e1f5,#dd60e9);transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}
.steps article{position:relative;transition:background .25s,box-shadow .25s}.steps article:hover{background:#d8e4cc;box-shadow:inset 0 3px #698d35}.steps article>span{transition:color .25s}.steps article:hover>span{color:#4d7319}
.niche-tabs button{transition:background .2s,color .2s,border-color .2s,transform .2s}.niche-tabs button:hover{transform:translateY(-3px);border-color:#688d38}.sample{transition:background .35s,box-shadow .35s}.sample[data-theme="1"]{background:#291c15;box-shadow:12px 12px 0 #f1d7ad}.sample[data-theme="2"]{background:#112d32;box-shadow:12px 12px 0 #b2dfe1}.sample[data-theme="3"]{background:#30202e;box-shadow:12px 12px 0 #e9c5d9}.sample[data-theme="4"]{background:#242334;box-shadow:12px 12px 0 #c8c5e9}.sample[data-theme="5"]{background:#142923;box-shadow:12px 12px 0 #bfe3b5}
.button>span{transition:transform .25s}.button:hover>span{transform:translate(3px,-3px)}summary b{transition:transform .25s}dialog[open]{animation:dialog-enter .25s ease-out}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.motion-paused .hero *,.hero.motion-sleep *{animation-play-state:paused!important}.motion-paused *{scroll-behavior:auto!important;transition:none!important}.motion-paused dialog{animation:none!important}
@media(max-width:800px){.motion-toggle{top:15px;padding:7px 12px;font-size:12px}.hero-content{padding-top:70px}.hero .city{animation-duration:30s}.signal-lines i:nth-child(3){display:none}.sample[data-theme]{box-shadow:7px 7px 0 #b9d7aa}.data-scan{opacity:.22}}
@media(prefers-reduced-motion:reduce){.hero *{animation:none!important;will-change:auto!important}.motion-reveal,.sample,dialog{animation:none!important}.niche-tabs button:hover,.button:hover{transform:none}.motion-toggle{display:none}}