/* Revisão 5: logo vetorial inline, menu, letreiro, cena "pum" + flash + logo. */
header{gap:24px}
.brand .logo{display:block;width:139px;height:45px;overflow:visible;shape-rendering:geometricPrecision}
nav{margin-left:auto;margin-right:12px;align-items:center;white-space:nowrap}
.nav-cta{background:#8d38ff;border:1px solid #bd80ff;border-radius:999px;padding:11px 18px;color:#fff;font-weight:700;line-height:1;box-shadow:0 4px 22px #7d28f548;transition:background .2s,box-shadow .2s}
.nav-cta:hover{background:#a15bff;box-shadow:0 4px 34px #a252ff77}
.ticker>div{animation-duration:20s}
.journey-layout{position:relative}
.scene-flash{position:absolute;left:50%;top:50%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;background:radial-gradient(circle,#fff 0,#e3ccff 16%,#8a3dff66 40%,transparent 68%);opacity:0;pointer-events:none;mix-blend-mode:screen;z-index:6}
.scene-beam{position:absolute;top:-12%;bottom:-12%;left:0;width:38%;background:linear-gradient(100deg,transparent,#ffffff55 42%,#fff 50%,#ffffff55 58%,transparent);transform:skewX(-18deg);filter:blur(5px);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:6}
.scene-logo{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:7;opacity:0;visibility:hidden}
.scene-logo svg{width:min(78%,680px);height:auto;overflow:visible;filter:drop-shadow(0 0 28px #9f5aff) drop-shadow(0 0 70px #7523ff)}
.journey.scene-on .journey-layout{grid-template-columns:.85fr 1.15fr;gap:5%;align-items:center}
.journey.scene-on .journey-heading{position:relative;top:0}
.journey.scene-on .journey-symbol{display:none}
.journey.scene-on #steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.journey.scene-on .step{margin:0;padding:24px 22px 26px}
.journey.scene-on .step h3{font-size:22px;margin:14px 0 10px}
.journey.scene-on .step p{font-size:13px}
.journey.scene-on .step-num{font-size:34px}
.sound-toggle{position:fixed;bottom:15px;left:16px;z-index:50;background:#180e24cc;color:#d6baf0;border:1px solid #8a5aa766;border-radius:999px;font-size:10px;padding:10px 15px;cursor:pointer;backdrop-filter:blur(10px)}
@media(max-width:1100px){nav{gap:18px}}
@media(max-width:900px){.date{display:none}header{padding:0 5%}}
@media(max-width:700px){.brand .logo{width:115px;height:37px}.nav-cta{padding:9px 13px;font-size:10px}header{gap:12px}nav{margin-right:0}.sound-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.scene-flash,.scene-beam,.scene-logo,.sound-toggle{display:none}}