/* Cores Zion para as seções do site principal. */
#loader { --ink:#08080a; --paper:#f4f4f6; }
.hero-scroll, .hero-tag { background:rgba(16,16,20,.72); }
.hero-deliver b { color:#08080a; }
.badge .bc { color:#08080a; }
#mq, #proc, #final, .scard.dark { --ink:#08080a; --paper:#f4f4f6; background:#101014; color:#f4f4f6; }
#mq .it, #proc .it, .scard.dark .it, #final .it { color:var(--accent); }
.vrow-tag, .vrow-cap h3 { color:#f4f4f6; }
.work-more { background:#1b1b20; color:#f4f4f6; }
.work-more .ar { color:#08080a; }
.work-more:hover, .work-more:focus-visible { color:#08080a; }
.work-more:hover .ar, .work-more:focus-visible .ar { background:#08080a; color:var(--accent); }
.scard { border-color:rgba(255,255,255,.10); }
.scard:nth-child(2) { background:#17171c; }
.scard:nth-child(3) { background:#1b1b20; }
#guar { --ink:#08080a; --paper:#f4f4f6; --soft:rgba(8,8,10,.64); --line:rgba(8,8,10,.14); }
.p-noise { background:radial-gradient(circle 460px at 50% -8%,rgba(200,169,81,.32),transparent 66%); }
#wafab { background:var(--accent); color:#08080a; }
@keyframes wapulse { 0% { box-shadow:0 0 0 0 rgba(200,169,81,.5); } 70% { box-shadow:0 0 0 16px rgba(200,169,81,0); } 100% { box-shadow:0 0 0 0 rgba(200,169,81,0); } }

/* Abertura animada Zion, preservando a proporção da referência. */
.hero-media { container-type:inline-size; background:#08080a; box-shadow:0 40px 90px -40px rgba(0,0,0,.6),0 0 0 1px rgba(200,169,81,.25) inset; }
.zion-intro { position:absolute; inset:0; overflow:hidden; background:radial-gradient(ellipse at 80% 10%,rgba(200,169,81,.13),transparent 55%),#08080a; color:#f4f4f6; }
.zi-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(200,169,81,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,81,.06) 1px,transparent 1px); background-size:6cqw 6cqw; }
.zi-orbit { position:absolute; width:60%; aspect-ratio:1; border:1px solid rgba(200,169,81,.14); border-radius:50%; right:-20%; top:-40%; animation:zi-orbit 18s linear infinite; }
.zi-orbit-two { width:45%; right:75%; top:70%; }
.zi-corner,.zi-number { position:absolute; top:5%; left:5%; color:#c8a951; font-size:.85cqw; letter-spacing:.2em; font-weight:600; }
.zi-number { top:auto; bottom:5%; color:#a8a8ae; }
.zi-scene { position:absolute; inset:0; opacity:0; display:flex; justify-content:center; align-items:center; flex-direction:column; animation-duration:18s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(.16,1,.3,1); }
.zi-one { animation-name:zi-scene-one; }
.zi-brand { width:25%; position:absolute; top:9%; }
.zi-laptop { position:absolute; width:55%; bottom:14%; perspective:1000px; animation:zi-laptop 18s infinite; }
.zi-screen { position:relative; width:100%; aspect-ratio:16/9; border:.7cqw solid #29292e; border-radius:1.1cqw; background:radial-gradient(ellipse at 90% 50%,rgba(200,169,81,.22),transparent 65%),#101014; box-shadow:0 1cqw 8cqw rgba(200,169,81,.08); overflow:hidden; }
.zi-screen-nav { display:flex; justify-content:space-between; align-items:center; padding:1.5cqw 2cqw; border-bottom:1px solid rgba(255,255,255,.08); }
.zi-screen-nav img { width:7cqw; }
.zi-screen-nav span { font-size:.5cqw; letter-spacing:.13em; color:#c8a951; }
.zi-site-content { padding:2cqw; display:flex; flex-direction:column; align-items:flex-start; gap:1.2cqw; }
.zi-eyebrow { color:#c8a951; font-size:.8cqw; letter-spacing:.22em; font-weight:600; }
.zi-site-content .zi-eyebrow { font-size:.5cqw; }
.zi-site-content strong { font:900 3.5cqw/.98 var(--disp); letter-spacing:-.06em; }
.zi-site-content em { font-style:normal; color:#c8a951; }
.zi-site-btn { display:inline-block; background:#c8a951; color:#08080a; border-radius:3cqw; padding:.7cqw 1.1cqw; font-size:.65cqw; font-weight:700; }
.zi-screen-line { position:absolute; height:1px; width:45%; right:-5%; top:62%; background:#c8a951; transform:rotate(-50deg); opacity:.2; }
.zi-base { position:relative; left:-8%; width:116%; height:1.6cqw; background:linear-gradient(#58585e,#29292e); border-radius:0 0 2cqw 2cqw; box-shadow:0 2cqw 3cqw rgba(0,0,0,.7); }
.zi-base::after { content:''; position:absolute; width:16%; height:.5cqw; background:#17171c; left:42%; top:0; border-radius:0 0 .5cqw .5cqw; }
.zi-two { animation-name:zi-scene-two; align-items:flex-start; padding:8% 13%; }
.zi-two strong { font:900 7.5cqw/.94 var(--disp); letter-spacing:-.06em; margin:2cqw 0; }
.zi-two strong span { color:#c8a951; }
.zi-rule { width:45%; height:2px; background:#c8a951; }
.zi-sub { font-size:.85cqw; color:#a8a8ae; letter-spacing:.2em; margin-top:1.4cqw; }
.zi-three { animation-name:zi-scene-three; align-items:flex-start; padding:8% 13%; }
.zi-three strong { font:800 7.5cqw/.96 var(--disp); letter-spacing:-.05em; margin:2cqw 0; }
.zi-three em { font-style:normal; background:#c8a951; color:#08080a; padding:0 .08em; }
.zi-three img { width:24%; margin-top:1cqw; }
.zi-progress { position:absolute; bottom:0; left:0; right:0; height:2px; background:rgba(200,169,81,.10); }
.zi-progress span { display:block; height:100%; background:#c8a951; transform-origin:left; animation:zi-progress 18s linear infinite; }
body.lock .zion-intro *, body.lock .zion-intro *::after { animation-play-state:paused; }
@keyframes zi-scene-one { 0%,29% { opacity:1; transform:none; } 33%,96% { opacity:0; transform:translateY(-2cqw); } 100% { opacity:1; transform:none; } }
@keyframes zi-scene-two { 0%,29% { opacity:0; transform:translateY(2cqw); } 34%,62% { opacity:1; transform:none; } 67%,100% { opacity:0; transform:translateY(-2cqw); } }
@keyframes zi-scene-three { 0%,62% { opacity:0; transform:translateY(2cqw); } 67%,95% { opacity:1; transform:none; } 100% { opacity:0; transform:translateY(-2cqw); } }
@keyframes zi-laptop { 0% { transform:translateY(2cqw) rotateX(12deg) scale(.9); } 27%,100% { transform:translateY(0) rotateX(0) scale(1); } }
@keyframes zi-orbit { from { transform:translateY(0); } to { transform:translateY(3cqw); } }
@keyframes zi-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(prefers-reduced-motion:reduce) { .zion-intro * { animation:none!important; } .zi-one { opacity:1; } .zi-two,.zi-three { opacity:0; } }