/* ANAX — Institutional / Buckx */
:root {
  --graphite: #14161a;
  --graphite-deep: #0f1115;
  --graphite-raised: #1b1e24;
  --graphite-soft: #22262d;
  --bone: #f3f3f1;
  --white: #fff;
  --silver: #b8bec7;
  --muted: #929ba6;
  --accent: #dce0e5;
  --line: rgba(235, 238, 242, .13);
  --line-strong: rgba(235, 238, 242, .22);
  --serif: 'Libre Baskerville', Georgia, serif;
  --sans: 'Manrope', system-ui, sans-serif;
  --mono: 'JetBrains Mono', monospace;
  --pixel: 'Geist Pixel Square', 'JetBrains Mono', monospace;
  --ease: cubic-bezier(.2, .75, .2, 1);
  --wrap: 1280px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; -webkit-text-size-adjust: 100%; }
body { background: var(--graphite); color: var(--bone); font: 400 16px/1.6 var(--sans); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
::selection { background: var(--accent); color: var(--graphite); }
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: clamp(20px, 4vw, 44px); }
.section { position: relative; padding-block: clamp(84px, 9vw, 132px); }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 1000; padding: 12px 18px; background: var(--bone); color: var(--graphite); transform: translateY(-180%); }
.skip-link:focus { transform: none; }
.eyebrow { display: flex; align-items: center; gap: 12px; color: var(--silver); font: 500 11px/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.eyebrow > span { width: 30px; height: 1px; background: var(--accent); flex: none; }
h1, h2, h3 { text-wrap: balance; }
.text-silver, .text-silver .swi { color: transparent; background: linear-gradient(110deg, #f4f6f8 0%, #8d96a2 28%, #fff 46%, #a3acb7 64%, #eef1f4 100%); background-size: 230% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: silverLight 6s ease-in-out infinite; }
@keyframes silverLight { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
h2 { font: 400 clamp(34px, 4.25vw, 58px)/1.14 var(--serif); letter-spacing: -.025em; }
.section-header { max-width: 880px; margin-bottom: clamp(42px, 5vw, 68px); }
.section-header .eyebrow { margin-bottom: 22px; }
.section-subtitle { max-width: 650px; margin-top: 22px; color: var(--silver); font-size: 17px; line-height: 1.75; }
.section-header-centered { margin-inline: auto; text-align: center; }
.section-header-centered .eyebrow { justify-content: center; }
.section-header-centered .section-subtitle { margin-inline: auto; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 54px; padding: 0 26px; border: 1px solid transparent; border-radius: 4px; font-size: 12px; font-weight: 800; letter-spacing: .065em; text-transform: uppercase; transition: transform .25s var(--ease), background .25s, border-color .25s, box-shadow .25s; }
.button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .25s var(--ease); }
.button:hover { transform: translateY(-2px); }
.button:hover svg { transform: translateX(4px); }
.button-primary { background: var(--bone); color: var(--graphite-deep); box-shadow: 0 14px 36px -20px rgba(243, 243, 241, .65); }
.button-primary:hover { background: var(--white); box-shadow: 0 18px 42px -18px rgba(243, 243, 241, .45); }
.button:disabled { cursor: wait; opacity: .6; transform: none; }
.js .reveal { opacity: 0; transform: translateY(12px); transition: opacity .65s var(--ease), transform .65s var(--ease); }
.js .reveal.is-visible { opacity: 1; transform: none; }
.delay-1 { transition-delay: .08s; }
.numbers::after, .buckx::after, .cases::after, .founder::after, .application::after { content: ''; position: absolute; inset: 0 0 auto; height: 32px; background: linear-gradient(rgba(220,224,229,.025), transparent); pointer-events: none; }

/* Tarja e navegação */
.top-strip { position: fixed; inset: 0 0 auto; z-index: 60; height: 34px; display: flex; align-items: center; justify-content: center; padding: 0 54px; border-bottom: 1px solid var(--line); background: rgba(15, 17, 21, .97); }
.top-strip img { position: absolute; left: clamp(16px, 3vw, 44px); width: 20px; height: 17px; object-fit: contain; }
.top-strip p { color: #c8cdd4; font: 500 10px/1.3 var(--mono); letter-spacing: .035em; text-align: center; }
.top-strip strong { color: var(--white); font-weight: 700; }
.site-header { position: fixed; top: 34px; left: 0; right: 0; z-index: 50; border-bottom: 1px solid var(--line); background: rgba(20, 22, 26, .88); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); transition: transform .45s var(--ease), background .35s, border-color .35s; }
.site-header.solid { background: rgba(15, 17, 21, .96); }
.site-header.nav-hidden { transform: translateY(-100%); }
.nav-wrap { max-width: 1440px; min-height: 78px; margin: auto; padding: 0 clamp(20px, 4vw, 48px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; min-height: 44px; justify-self: start; }
.brand img { width: 102px; }
.desktop-nav { display: flex; gap: 36px; }
.desktop-nav a { position: relative; display: inline-flex; align-items: center; min-height: 44px; color: #c7ccd3; font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; transition: color .25s; }
.desktop-nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 3px; height: 1px; background: var(--accent); transition: right .25s; }
.desktop-nav a:hover, .desktop-nav a.is-active { color: var(--white); }
.desktop-nav a:hover::after, .desktop-nav a.is-active::after { right: 0; }
.nav-cta { justify-self: end; display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.nav-cta span { color: var(--accent); font-size: 17px; }
.menu-toggle, .mobile-nav { display: none; }
.scroll-progress { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; box-shadow: 0 0 8px rgba(220, 224, 229, .25); will-change: transform; }

/* Conteúdo acima do fundo */
.numbers > .wrap, .buckx > .wrap, .cases > .wrap, .founder > .wrap, .application > .wrap { position: relative; z-index: 1; }

/* Hero */
.hero { position: relative; isolation: isolate; min-height: max(900px, 100svh); display: flex; overflow: clip; background: var(--graphite); }
.hero::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(0deg, var(--graphite) 0%, transparent 30%); }
.pixel-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; opacity: 0; transition: opacity .8s ease; }
.hero.pixel-on .pixel-canvas { opacity: 1; }
.pyramid-fallback { position: absolute; z-index: 2; left: 50%; top: 63%; width: min(390px, 80vw); height: auto; transform: translateX(-50%); pointer-events: none; }
.hero.pixel-on .pyramid-fallback { display: none; }
.hero-in { position: relative; z-index: 3; display: block; width: 100%; min-height: max(900px, 100svh); padding-top: 148px; padding-bottom: 40px; }
.hero-heading { position: relative; z-index: 3; max-width: 1060px; margin-inline: auto; text-align: center; }
.hero-badge { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid var(--line-strong); border-radius: 3px; background: rgba(27, 30, 36, .8); color: #d0d4da; font: 500 10px var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.hero-badge i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px rgba(220, 224, 229, .35); }
.hero h1 { max-width: 1100px; margin: 28px auto 0; color: var(--bone); font: 500 clamp(40px, 4.6vw, 66px)/1.08 var(--sans); letter-spacing: -.048em; }
.hero h1 em { color: var(--white); font-style: normal; font-weight: 600; }
.hero-subtitle { max-width: 670px; margin: 22px auto 0; color: #b9c0c9; font-size: 17px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 28px; }
.hero-actions .button { min-height: 50px; padding-inline: 22px; font-size: 10px; }
.button-secondary { border-color: var(--line-strong); background: rgba(20, 22, 26, .72); color: #e8e8e8; box-shadow: none; }
.button-secondary:hover { background: var(--graphite-soft); border-color: rgba(255,255,255,.32); }
.button-secondary span { font-size: 16px; line-height: 1; }
.js .hero .h-in { opacity: 0; transform: translateY(12px); transition: opacity .65s var(--ease), transform .7s var(--ease); }
.hero.on .h-in { opacity: 1; transform: none; }
.hero.on .h-in.d2 { transition-delay: .12s; }
.hero.on .h-in.d3 { transition-delay: .24s; }
.hero.on .h-in.d4 { transition-delay: .72s; }
.js .hero h1.split-title { opacity: 1; transform: none; }
.js .hero h1 .swi { transition-duration: .7s, .55s; transition-delay: calc(.16s + var(--word-index,0)*28ms); }
.hero.on h1 .swi { transform: none; opacity: 1; }

/* Resultados */
.numbers { position: relative; padding-block: 48px 68px; border-top: 1px solid var(--line); background: var(--graphite-deep); }
.number-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.number-card { position: relative; isolation: isolate; padding: 8px 42px; border-radius: 2px; }
.number-card:first-child { padding-left: 0; }
.number-card + .number-card { border-left: 1px solid var(--line); }
.number-card::before { content: ''; position: absolute; left: 42px; right: 42px; bottom: -18px; height: 1px; background: linear-gradient(90deg, var(--accent), transparent); transform: scaleX(0); transform-origin: left; opacity: 0; }
.number-card:first-child::before { left: 0; }
.number-card::after { content: ''; position: absolute; z-index: -1; inset: -45px -20px; background: radial-gradient(ellipse at 30% 55%, rgba(220,224,229,.07), transparent 68%); opacity: 0; pointer-events: none; }
.number-card.is-running::before { animation: resultLine 1.9s var(--ease) forwards; }
.number-card.is-running::after { animation: resultAura 2s ease-out; }
.number-card.is-complete::before { transform: scaleX(1); opacity: .32; }
.number-card strong { display: block; font: 400 clamp(42px, 5vw, 70px)/1 var(--pixel); letter-spacing: -.035em; white-space: nowrap; transform-origin: left center; }
.number-card p { margin-top: 14px; color: #a4adb7; font-size: 14px; }
.number-card strong.is-counting { text-shadow: 0 0 28px rgba(220,224,229,.16); }
.number-card strong.is-complete { animation: numberSet .65s var(--ease); }
@keyframes numberSet { 0% { transform: translateY(8px) scale(.96); text-shadow: 0 0 35px rgba(220,224,229,.35); } 100% { transform: none; text-shadow: none; } }
@keyframes resultLine { 0% { transform: scaleX(0); opacity: 0; } 35% { opacity: .8; } 100% { transform: scaleX(1); opacity: .32; } }
@keyframes resultAura { 0%,100% { opacity: 0; } 35%,65% { opacity: 1; } }

/* Jornada Buckx */
.buckx { isolation: isolate; background: var(--graphite); border-top: 1px solid var(--line); overflow: hidden; }
.buckx::before { display: none; }
.buckx-ambient { position: absolute; width: 1000px; height: 1000px; left: 50%; top: 55%; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(220,224,229,.035), transparent 65%); filter: blur(30px); z-index: -1; pointer-events: none; }
#buckx-title { max-width: 1050px; font-size: clamp(42px,5.4vw,76px); }
.buckx-brand { width: 122px; margin: 34px 0 0; filter: grayscale(1); }
.buckx-journey { position: relative; height: 900px; max-width: 1120px; margin: 0 auto; }
.journey-path { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.journey-path-base, .journey-path-flow { fill: none; vector-effect: non-scaling-stroke; }
.journey-path-base { stroke: rgba(220,224,229,.12); stroke-width: 1.1; stroke-dasharray: 2 7; }
.journey-path-flow { stroke: url(#journey-gradient); stroke-width: 1.5; stroke-linecap: round; filter: drop-shadow(0 0 5px rgba(220,224,229,.28)); }
.journey-stage { position: absolute; left: 0; right: 0; min-height: 220px; }
.journey-stage[data-stage="1"] { top: 0; }
.journey-stage[data-stage="2"] { top: 225px; }
.journey-stage[data-stage="3"] { top: 450px; }
.journey-stage[data-stage="4"] { top: 675px; }
.journey-stage.is-resolved .journey-icon { color: #aeb5be; }
.journey-node { position: absolute; left: 22%; top: 50%; z-index: 2; display: grid; place-items: center; width: 176px; height: 176px; border: 1px solid var(--line-strong); border-radius: 50%; background: radial-gradient(circle at 45% 35%, #20242b, #101216 72%); box-shadow: 0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06); transform: translate(-50%,-50%); opacity: .42; transition: border-color .5s, box-shadow .5s, opacity .45s var(--ease); }
.journey-stage.is-active .journey-node, .journey-stage.is-resolved .journey-node { opacity: 1; }
.journey-node::before, .journey-node::after { content: ''; position: absolute; border-radius: 50%; pointer-events: none; }
.journey-node::before { inset: 10px; border: 1px solid rgba(255,255,255,.055); }
.journey-node::after { inset: -12px; border: 1px solid transparent; transition: border-color .5s; }
.journey-stage.is-active .journey-node { border-color: rgba(235,238,242,.42); box-shadow: 0 20px 70px rgba(0,0,0,.35), 0 0 55px rgba(220,224,229,.08), inset 0 1px 0 rgba(255,255,255,.08); }
.journey-stage.is-active .journey-node::after { border-color: rgba(235,238,242,.1); }
.journey-stage-right .journey-node { left: 78%; }
.journey-node-number { display: none; }
.journey-icon { width: 138px; height: 138px; color: #d8dde3; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.journey-icon .icon-soft { stroke: #6f7884; stroke-width: 1.1; }
.journey-icon .icon-solid { fill: var(--bone); stroke: none; }
.journey-copy { position: absolute; left: 31%; top: 50%; z-index: 2; max-width: 38%; transform: translateY(-50%); }
.journey-stage-right .journey-copy { left: auto; right: 31%; text-align: right; }
.journey-kicker { display: block; color: #a9b1bb; font: 400 11px var(--pixel); letter-spacing: .1em; text-transform: uppercase; }
.journey-copy h3 { margin-top: 9px; color: var(--bone); font: 400 32px/1.2 var(--pixel); letter-spacing: 0; }
.journey-note { display: block; margin-top: 9px; color: #a5aeb9; font: 500 10px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.journey-stage.is-active .journey-copy h3 { color: var(--white); }

/* Pictogramas animados */
.radar-sweep { transform-origin: 100px 100px; }
.journey-stage.is-active .radar-sweep { animation: radarSweep 5s linear infinite; }
.radar-points circle { fill: #e4e7ea; stroke: none; transform-box: fill-box; transform-origin: center; }
.journey-stage.is-active .radar-points circle { animation: radarPoint 5s ease-in-out infinite; }
.journey-stage.is-active .radar-points circle:nth-child(2) { animation-delay: 1.2s; }
.journey-stage.is-active .radar-points circle:nth-child(3) { animation-delay: 2.4s; }
@keyframes radarSweep { to { transform: rotate(360deg); } }
@keyframes radarPoint { 0%,18%,55%,100% { opacity: .25; transform: scale(.8); } 28%,44% { opacity: 1; transform: scale(1.35); } }
.conversion-lines { stroke: #929ca8; stroke-width: 5; }
.conversion-lines path { stroke-dasharray: 60; }
.journey-stage.is-active .conversion-lines path { animation: conversionWrite 5s var(--ease) infinite; }
.journey-stage.is-active .conversion-lines path:nth-child(2) { animation-delay: .18s; }
.journey-stage.is-active .conversion-lines path:nth-child(3) { animation-delay: .36s; }
.conversion-button { fill: rgba(220,224,229,.1); }
.conversion-check { stroke: var(--bone); stroke-width: 2; stroke-dasharray: 30; }
.journey-stage.is-active .conversion-check { animation: conversionCheck 5s ease infinite; }
.conversion-cursor { fill: var(--bone); stroke: var(--graphite-deep); stroke-width: 1.2; }
.journey-stage.is-active .conversion-cursor { animation: conversionCursor 5s var(--ease) infinite; }
@keyframes conversionWrite { 0%,12% { stroke-dashoffset: 60; } 34%,88% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -60; } }
@keyframes conversionCheck { 0%,48% { stroke-dashoffset: 30; } 60%,92% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -30; } }
@keyframes conversionCursor { 0%,18% { transform: translate(-18px,16px); opacity: 0; } 28%,48% { opacity: 1; } 52%,82% { transform: translate(0,0); opacity: 1; } 54% { transform: translate(0,0) scale(.9); } 100% { transform: translate(10px,10px); opacity: 0; } }
.recovery-arrows { stroke: #c9cfd6; stroke-width: 2; stroke-dasharray: 130; }
.journey-stage.is-active .recovery-arrows { animation: recoveryDraw 4s var(--ease) infinite; }
.recovery-value { stroke: var(--bone); stroke-width: 2.5; stroke-dasharray: 50; }
.journey-stage.is-active .recovery-value { animation: recoveryCheck 4s ease infinite; }
.recovery-pulse { stroke: rgba(220,224,229,.28); stroke-width: 1; transform-origin: 100px 100px; }
.journey-stage.is-active .recovery-pulse { animation: recoveryPulse 3s ease-out infinite; }
@keyframes recoveryDraw { 0% { stroke-dashoffset: 130; } 45%,88% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -130; } }
@keyframes recoveryCheck { 0%,35% { stroke-dashoffset: 50; } 60%,90% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -50; } }
@keyframes recoveryPulse { 0% { opacity: .6; transform: scale(.82); } 100% { opacity: 0; transform: scale(1.12); } }
.retention-loop { stroke: #d8dde3; stroke-width: 2; stroke-dasharray: 42 12; }
.journey-stage.is-active .retention-loop { animation: retentionFlow 5s linear infinite; }
.retention-nodes circle { fill: var(--bone); stroke: var(--graphite-deep); stroke-width: 3; transform-box: fill-box; transform-origin: center; }
.journey-stage.is-active .retention-nodes circle { animation: retentionNode 3s ease-in-out infinite; }
.journey-stage.is-active .retention-nodes circle:nth-child(2) { animation-delay: 1s; }
.journey-stage.is-active .retention-nodes circle:nth-child(3) { animation-delay: 2s; }
.retention-orbit { stroke: rgba(220,224,229,.16); stroke-dasharray: 2 10; transform-origin: 100px 100px; }
.journey-stage.is-active .retention-orbit { animation: retentionOrbit 18s linear infinite; }
@keyframes retentionFlow { to { stroke-dashoffset: -108; } }
@keyframes retentionNode { 50% { transform: scale(1.45); opacity: .6; } }
@keyframes retentionOrbit { to { transform: rotate(360deg); } }

/* Case */
.cases { background: var(--graphite-deep); border-top: 1px solid var(--line); }
.case-panel { --mx: 65%; --my: 35%; --rx: 0deg; --ry: 0deg; position: relative; display: grid; grid-template-columns: .72fr 1.28fr; min-height: 550px; border: 1px solid var(--line-strong); border-radius: 12px; background: linear-gradient(145deg, #1a1d23, #121419); overflow: hidden; box-shadow: 0 50px 90px -50px #000, inset 0 1px 0 rgba(255,255,255,.04); }
.case-panel::before { content: ''; position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle 380px at var(--mx) var(--my), rgba(255,255,255,.075), transparent 70%); opacity: 0; pointer-events: none; transition: opacity .45s; }
.case-panel:hover::before { opacity: 1; }
.case-panel::after { content: ''; position: absolute; inset: 10px; z-index: 3; pointer-events: none; opacity: .34; background: linear-gradient(var(--silver),var(--silver)) left top/12px 1px no-repeat, linear-gradient(var(--silver),var(--silver)) left top/1px 12px no-repeat, linear-gradient(var(--silver),var(--silver)) right top/12px 1px no-repeat, linear-gradient(var(--silver),var(--silver)) right top/1px 12px no-repeat, linear-gradient(var(--silver),var(--silver)) left bottom/12px 1px no-repeat, linear-gradient(var(--silver),var(--silver)) left bottom/1px 12px no-repeat, linear-gradient(var(--silver),var(--silver)) right bottom/12px 1px no-repeat, linear-gradient(var(--silver),var(--silver)) right bottom/1px 12px no-repeat; }
.case-copy { position: relative; z-index: 2; padding: clamp(36px,4.5vw,58px); display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.case-tag { display: flex; align-items: center; gap: 9px; font: 500 11px var(--mono); letter-spacing: .12em; }
.case-tag i { width: 6px; height: 6px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 12px rgba(220,224,229,.3); }
.case-tag span { color: #a1a9b3; }
.case-kpi { margin-top: 38px; }
.case-kpi > strong { display: block; color: var(--bone); font: 400 clamp(66px,7vw,96px)/1 var(--pixel); letter-spacing: -.045em; }
.case-kpi > span { display: block; margin-top: 12px; color: #b7bfc8; font-size: 14px; }
.case-revenue { display: flex; align-items: center; gap: 14px; margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--line); color: #aeb7c1; font: 500 15px var(--mono); }
.case-revenue i { color: #77818c; font-style: normal; }
.case-revenue > strong { color: var(--bone); font-weight: 500; }
.case-revenue small { margin-left: 5px; color: #aeb7c1; font: 400 11px var(--sans); }
.case-link { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; min-height: 44px; margin-top: 24px; color: var(--bone); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.case-link:hover { color: var(--white); }
.case-visual { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; min-width: 0; padding: 50px 36px 140px; background: radial-gradient(circle at 65% 30%, rgba(255,255,255,.028), transparent 55%); }
.case-browser { position: relative; width: 100%; border: 1px solid #3b414a; border-radius: 8px; background: var(--graphite-deep); overflow: hidden; box-shadow: 0 30px 60px -25px #000; transform: perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,var(--py,0px),0); transition: transform .35s var(--ease); will-change: transform; }
.browser-bar { height: 36px; display: flex; align-items: center; gap: 6px; padding: 0 12px; border-bottom: 1px solid var(--line); background: #1a1d23; }
.browser-bar > span { width: 6px; height: 6px; border-radius: 50%; background: #59616c; }
.browser-bar > div { flex: 1; max-width: 230px; margin: auto; padding: 3px 12px; border-radius: 3px; background: #111419; color: #aab3bd; text-align: center; font: 400 9px var(--mono); }
.browser-bar i { color: #d0d5db; font: 400 9px var(--mono); letter-spacing: .12em; }
.case-browser::after { content: ''; position: absolute; inset: 36px 0 0; z-index: 2; background: linear-gradient(100deg, transparent 35%, rgba(238,242,247,.34) 50%, transparent 65%); transform: translateX(-120%); opacity: 0; pointer-events: none; }
.case-shot { position: relative; display: block; }
.case-shot-main { width: 100%; filter: saturate(0) contrast(1.04); }
.case-shot-pixel { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; pointer-events: none; }
.case-panel.is-playing .case-browser::after { animation: caseScan .9s .28s var(--ease) both; }
.case-panel.is-playing .case-shot-pixel { animation: pixelResolve .9s .28s steps(5,end) forwards; }
.case-panel.is-played .case-shot-pixel { opacity: 0; }
.revenue-chart { position: absolute; left: 42px; right: 42px; bottom: 45px; width: calc(100% - 84px); height: 100px; overflow: visible; }
.chart-area { opacity: 0; }
.chart-line { fill: none; stroke: var(--accent); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-dasharray: 800; stroke-dashoffset: 800; }
.case-panel.is-playing .chart-line { animation: chartDraw 1.35s .7s var(--ease) forwards; }
.case-panel.is-playing .chart-area { animation: chartArea .6s 1.35s ease forwards; }
.revenue-chart circle { fill: var(--accent); filter: drop-shadow(0 0 5px rgba(220,224,229,.4)); opacity: 0; }
.case-panel.is-playing .revenue-chart circle { animation: nodeIn .25s 2s forwards; }
.case-panel.is-played .chart-line { stroke-dashoffset: 0; }
.case-panel.is-played .chart-area, .case-panel.is-played .revenue-chart circle { opacity: 1; }
.chart-meta { position: absolute; left: 42px; right: 42px; bottom: 23px; display: flex; justify-content: space-between; color: #a6afba; font: 500 10px var(--mono); letter-spacing: .1em; }
.chart-meta span:last-child { color: var(--bone); }
.case-action { display: flex; justify-content: center; margin-top: 36px; }

/* Carrossel de cases */
.cases-viewport { overflow: hidden; border-radius: 12px; }
.cases-track { display: flex; transform: translateX(0); transition: transform .75s var(--ease); will-change: transform; }
.cases-track .case-panel { flex: 0 0 100%; min-width: 0; }
.case-copy { min-width: 0; }
.case-revenue { flex-wrap: wrap; }
.case-source { display: inline-flex; align-items: center; min-height: 30px; margin-top: 5px; color: #8f99a5; font: 500 10px var(--mono); letter-spacing: .04em; }
a.case-source:hover { color: var(--bone); }
.cases-controls { display: grid; grid-template-columns: 44px 1fr auto 44px; align-items: center; gap: 18px; margin-top: 22px; }
.case-arrow { width: 44px; height: 44px; border: 1px solid var(--line-strong); border-radius: 4px; background: rgba(20,22,26,.75); color: var(--bone); font-size: 18px; transition: background .2s, border-color .2s, transform .2s; }
.case-arrow:hover { background: var(--graphite-soft); border-color: rgba(255,255,255,.35); transform: translateY(-2px); }
.case-dots { display: flex; justify-content: center; gap: 9px; }
.case-dots button { width: 22px; height: 22px; border: 0; background: transparent; position: relative; }
.case-dots button::after { content: ''; position: absolute; inset: 8px 3px; background: #59616c; transition: background .2s, transform .2s; }
.case-dots button[aria-current="true"]::after { background: var(--bone); transform: scaleX(1.5); }
.case-counter { color: #a6afba; font: 500 10px var(--mono); letter-spacing: .1em; white-space: nowrap; }
@keyframes caseScan { 0% { transform: translateX(-120%); opacity: 0; } 20% { opacity: .8; } 100% { transform: translateX(120%); opacity: 0; } }
@keyframes pixelResolve { to { opacity: 0; } }
@keyframes chartDraw { to { stroke-dashoffset: 0; } }
@keyframes chartArea { to { opacity: 1; } }
@keyframes nodeIn { to { opacity: 1; } }

/* Founder */
.founder { background: var(--graphite); border-top: 1px solid var(--line); }
.founder-grid { display: grid; grid-template-columns: minmax(300px,440px) 1fr; gap: clamp(50px,8vw,110px); align-items: center; }
.founder-photo { position: relative; border: 1px solid var(--line-strong); border-radius: 6px; overflow: hidden; background: var(--graphite-deep); box-shadow: 0 30px 70px -40px #000; }
.founder-photo-main { width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: 50% 24%; filter: grayscale(1) contrast(1.04); transform: scale(1.07) translate3d(0,var(--py,0px),0); will-change: transform; }
.founder-photo-pixel { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 24%; image-rendering: pixelated; pointer-events: none; }
.founder-photo.is-materializing .founder-photo-pixel { animation: pixelResolve 1.05s .12s steps(6,end) forwards; }
.founder-photo::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(15,17,21,.96)); }
.founder-label { position: absolute; z-index: 1; left: 28px; right: 28px; bottom: 25px; display: flex; flex-direction: column; }
.founder-label span { color: #c0c6cd; font: 500 10px var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.founder-label strong { margin-top: 7px; font: 400 25px var(--serif); }
.founder-copy .eyebrow { margin-bottom: 24px; }
.founder-bio { margin-top: 30px; max-width: 620px; }
.founder-bio p { color: #b5bdc6; font-size: 16px; line-height: 1.75; }
.founder-bio p + p { margin-top: 18px; }
.founder-bio strong { color: var(--bone); font-weight: 600; }
.founder-sign { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); max-width: 620px; }
.founder-sign span { font: italic 18px var(--serif); }

/* Aplicação */
.application { border-top: 1px solid var(--line); background: radial-gradient(ellipse 55% 70% at 78% 45%, rgba(255,255,255,.035), transparent 75%), var(--graphite-deep); overflow: hidden; }
.application-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(45px,7vw,90px); align-items: center; }
.application-intro > img { width: 48px; margin-bottom: 28px; }
.application-intro h2 { font-size: clamp(38px,4.5vw,60px); }
.application-lead { max-width: 450px; margin-top: 24px; color: #b4bdc6; font-size: 15px; line-height: 1.75; }
.application-steps { list-style: none; margin-top: 32px; }
.application-steps li { display: flex; gap: 20px; padding: 17px 0; border-top: 1px solid var(--line); color: #b2bac3; font-size: 13px; line-height: 1.6; }
.application-steps b { color: #e8e8e8; font: 500 11px var(--mono); letter-spacing: .1em; }
.application-panel { position: relative; border: 1px solid var(--line-strong); border-radius: 10px; background: linear-gradient(145deg, #1b1e24, #14161a); box-shadow: 0 45px 90px -45px #000, inset 0 1px 0 rgba(255,255,255,.04); overflow: hidden; }
.application-panel form { position: relative; }
.application-content { padding: 28px 30px 22px; }
.application-step[data-step="1"] { min-height: 570px; }
.application-step[data-step="2"], .application-step[data-step="3"], .application-step[data-step="4"] { min-height: 0; }
.application-head { margin-bottom: 25px; }
.application-brand { display: flex; justify-content: space-between; gap: 16px; color: #b8c0c9; font: 500 10px var(--mono); letter-spacing: .1em; }
.application-progress { position: relative; height: 2px; margin-top: 17px; background: rgba(255,255,255,.09); overflow: hidden; }
.application-progress i { display: block; width: 25%; height: 100%; background: var(--accent); transition: width .4s var(--ease); }
.application-progress::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 2px), #14161a calc(25% - 2px), #14161a 25%); }
.application-stage { display: block; margin-top: 10px; color: #a8b1bb; font: 500 11px var(--mono); text-align: right; }
.application-eyebrow { color: #b8c0c9; font: 500 11px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.application-step { min-width: 0; border: 0; }
.application-step h3 { margin-top: 9px; font: 500 27px/1.3 var(--sans); letter-spacing: -.025em; outline: none; }
.application-step > p { margin-top: 7px; margin-bottom: 23px; color: #aeb7c1; font-size: 13px; }
.application-field { position: relative; }
.application-field label { display: block; margin-bottom: 7px; color: #d0d5db; font: 600 11px var(--mono); letter-spacing: .055em; text-transform: uppercase; }
.application-field input, .application-field select { width: 100%; height: 49px; padding: 0 14px; border: 1px solid #3b414b; border-radius: 4px; outline: none; background: #111419; color: var(--bone); font: 400 14px var(--sans); transition: border-color .2s, box-shadow .2s, background .2s; }
.application-field select { appearance: auto; }
.application-field input::placeholder { color: #858e99; }
.application-field input:focus, .application-field select:focus { border-color: #c5cbd2; background: #15181e; box-shadow: 0 0 0 3px rgba(220,224,229,.06); }
.application-field input[aria-invalid="true"], .application-field select[aria-invalid="true"] { border-color: #e3a4a4; }
.field-error { display: block; min-height: 19px; padding-top: 4px; color: #f0b0b0; font-size: 11px; line-height: 1.35; }
.application-options { display: grid; gap: 10px; margin-top: 24px; }
.application-options label { position: relative; display: flex; align-items: center; gap: 13px; min-height: 60px; padding: 15px 16px; border: 1px solid #3b414b; border-radius: 5px; background: #12151a; color: #c8cfd7; font-size: 13px; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
.application-options label:hover { border-color: #737d89; background: #191c22; }
.application-options label.is-selected { border-color: #c6cdd4; background: rgba(220,224,229,.07); color: var(--white); }
.application-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.application-options input:focus-visible + .application-radio { outline: 2px solid var(--accent); outline-offset: 4px; }
.application-radio { flex: none; width: 17px; height: 17px; border: 1px solid #727c87; border-radius: 50%; }
.is-selected .application-radio { border: 5px solid var(--bone); }
.application-options b { font-weight: 700; }
.application-nav { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 16px; }
.application-nav .button { min-width: 174px; }
.application-back { min-width: 88px; min-height: 44px; border: 0; background: transparent; color: #c1c8d0; font-size: 12px; }
.application-back:hover { color: var(--white); }
.application-submit { width: 100%; margin-top: 24px; }
.application-form-status { margin-top: 16px; padding: 13px 15px; border: 1px solid rgba(240,176,176,.4); border-radius: 4px; background: rgba(240,176,176,.06); color: #f2c3c3; font-size: 13px; line-height: 1.55; }
.application-success { padding: 70px 20px; text-align: center; }
.application-success > span { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 20px; border: 1px solid var(--line-strong); border-radius: 50%; font-size: 22px; }
.application-success h3 { font-size: 28px; }
.application-success p { max-width: 380px; margin: 12px auto 0; color: var(--silver); }
.application-privacy { margin-top: 17px; color: #a5aeb8; font-size: 11px; text-align: center; }
.application-privacy a { display: inline-flex; align-items: center; min-height: 44px; color: #e0e4e8; text-decoration: underline; text-underline-offset: 3px; }

/* Rodapé */
.footer { border-top: 1px solid var(--line); background: var(--graphite-deep); }
.footer-grid { min-height: 160px; padding-block: 34px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 36px; }
.footer-brand > a { display: inline-flex; align-items: center; min-height: 44px; }
.footer-brand img { width: 90px; }
.footer-brand p { margin-top: 7px; color: #aab3bd; font-size: 11px; }
.footer-nav { display: flex; gap: 24px; }
.footer-nav a, .footer-meta a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: #b9c1ca; font-size: 11px; }
.footer-nav a:hover, .footer-meta a:hover { color: var(--white); }
.footer-meta { justify-self: end; display: flex; flex-direction: column; align-items: flex-end; }
.footer-meta p { color: #a0a9b3; font: 400 10px var(--mono); text-transform: uppercase; }
.footer-meta a + a { margin-top: -8px; }
.mobile-diagnostic { display: none; }

/* Campo pixelado global */
.page-pixel-canvas { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
main > section, .footer { position: relative; z-index: 1; }
.hero { background: rgba(20,22,26,.66); }
.numbers, .buckx, .founder { background: rgba(20,22,26,.78); }
.numbers { background-color: rgba(15,17,21,.8); }
.cases { background: rgba(15,17,21,.82); }
.application { background: radial-gradient(ellipse 55% 70% at 78% 45%, rgba(255,255,255,.035), transparent 75%), rgba(15,17,21,.82); }
.footer { background: rgba(15,17,21,.86); }

/* Movimento de página */
.split-title .sw { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: .08em; margin-bottom: -.08em; }
.split-title .swi { display: inline-block; }
.js .split-title .swi { transform: translateY(112%); opacity: 0; transition: transform .85s var(--ease), opacity .6s ease; transition-delay: calc(var(--word-index,0)*45ms); }
.js .split-title.is-visible .swi { transform: none; opacity: 1; }

@media (max-width: 1050px) {
  .journey-copy h3 { font-size: 29px; }
  .journey-node { width: 150px; height: 150px; }
  .journey-icon { width: 118px; height: 118px; }
  .case-panel { grid-template-columns: 1fr 1.25fr; }
  .case-copy { padding: 36px; }
  .case-visual { padding-inline: 26px; }
  .revenue-chart { left: 30px; right: 30px; width: calc(100% - 60px); }
}

@media (max-width: 950px) {
  .application-grid { grid-template-columns: 1fr; }
  .application-intro { max-width: 680px; }
  .application-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
  .application-steps li { gap: 10px; flex-direction: column; }
  .application-panel { max-width: 720px; width: 100%; margin: auto; }
  .footer-grid { grid-template-columns: 1fr auto; }
  .footer-nav { justify-self: end; }
  .footer-meta { grid-column: 1 / -1; justify-self: stretch; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }
  .footer-meta a + a { margin-top: 0; }
}

@media (max-width: 800px) {
  .desktop-nav, .nav-cta { display: none; }
  .nav-wrap { grid-template-columns: 1fr auto; min-height: 68px; }
  .menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 6px; width: 44px; height: 44px; border: 0; background: none; }
  .menu-toggle span { display: block; width: 23px; height: 1px; background: var(--bone); transition: transform .25s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .mobile-nav { position: absolute; top: 68px; left: 0; right: 0; padding: 20px; background: rgba(15,17,21,.99); border-bottom: 1px solid var(--line); flex-direction: column; }
  .mobile-nav.is-open { display: flex; }
  .mobile-nav a { display: flex; align-items: center; min-height: 46px; padding: 10px 4px; border-bottom: 1px solid var(--line); color: #d3d8de; font-size: 12px; text-transform: uppercase; letter-spacing: .09em; }
  .mobile-nav a.is-active { color: var(--white); }
  .mobile-nav a:last-child { border: 0; }
  .hero, .hero-in { min-height: 900px; }
  .hero-in { padding-top: 136px; }
  .hero h1 { font-size: clamp(38px,6.8vw,52px); }
  .number-grid { grid-template-columns: 1fr; gap: 26px; }
  .number-card, .number-card:first-child { padding: 0 0 26px; }
  .number-card:last-child { padding-bottom: 0; }
  .number-card + .number-card { padding-top: 26px; border-left: 0; border-top: 1px solid var(--line); }
  .number-card p { margin-top: 10px; }
  .number-card strong { font-size: 48px; }
  .case-panel { grid-template-columns: 1fr; }
  .case-copy { border-right: 0; border-bottom: 1px solid var(--line); padding: 42px; }
  .case-revenue { max-width: none; }
  .case-visual { min-height: 450px; padding: 40px 30px 145px; }
  .case-browser { transform: none; will-change: auto; }
  .case-panel::before { display: none; }
  .mobile-diagnostic { position: fixed; left: 12px; right: 12px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 45; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 0 20px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; background: var(--bone); color: var(--graphite-deep); box-shadow: 0 12px 36px rgba(0,0,0,.38); font-size: 11px; font-weight: 800; letter-spacing: .065em; text-transform: uppercase; transform: translateY(0); opacity: 1; transition: transform .25s var(--ease), opacity .2s; }
  .mobile-diagnostic.is-hidden { transform: translateY(calc(100% + 24px + env(safe-area-inset-bottom))); opacity: 0; pointer-events: none; }
  .founder-grid { grid-template-columns: 1fr; }
  .founder-photo { max-width: 480px; width: 100%; margin: auto; }
  .founder-copy { max-width: 680px; }
}

@media (max-width: 700px) {
  .buckx-journey { height: auto; padding-left: 0; }
  .buckx-journey::before { content: ''; position: absolute; top: 38px; bottom: 38px; left: 39px; width: 1px; background: rgba(220,224,229,.1); }
  .buckx-journey::after { content: ''; position: absolute; top: 38px; bottom: 38px; left: 39px; width: 1px; background: linear-gradient(var(--bone), var(--silver)); transform: scaleY(var(--journey-progress,0)); transform-origin: top; box-shadow: 0 0 5px rgba(220,224,229,.22); }
  .journey-path { display: none; }
  .journey-stage, .journey-stage[data-stage] { position: relative; top: auto; display: grid; grid-template-columns: 80px minmax(0,1fr); align-items: center; gap: 17px; min-height: 110px; margin-bottom: 32px; }
  .journey-stage:last-child { margin-bottom: 0; }
  .journey-stage .journey-node { position: relative; left: auto; top: auto; grid-column: 1; grid-row: 1; width: 78px; height: 78px; transform: none; }
  .journey-stage .journey-copy { position: relative; left: auto; right: auto; top: auto; grid-column: 2; grid-row: 1; max-width: none; text-align: left; transform: none; }
  .journey-icon { width: 65px; height: 65px; }
  .journey-node::before { inset: 5px; }
  .journey-node::after { inset: -5px; }
}

@media (max-width: 520px) {
  .section { padding-block: 76px; }
  .wrap { padding-inline: 20px; }
  h2 { font-size: 34px; }
  .eyebrow { font-size: 11px; letter-spacing: .12em; }
  .section-subtitle { font-size: 15px; }
  .button { width: 100%; padding-inline: 20px; font-size: 11px; min-height: 54px; }
  .top-strip { padding: 0 42px 0 46px; }
  .top-strip img { left: 16px; width: 17px; height: 14px; }
  .top-strip p { font-size: 10px; letter-spacing: 0; }
  .hero-in { padding-top: 132px; padding-bottom: 26px; }
  .hero h1 { font-size: clamp(33px,9vw,42px); line-height: 1.09; margin-top: 23px; }
  .hero-badge { font-size: 10px; padding: 7px 10px; }
  .hero-subtitle { margin-top: 19px; font-size: 14px; line-height: 1.65; }
  .hero-actions { flex-direction: column; width: 100%; max-width: 330px; margin: 24px auto 0; }
  .hero-actions .button { width: 100%; }
  .cases-controls { grid-template-columns: 44px 1fr 44px; gap: 12px; }
  .case-counter { display: none; }
  .case-dots { gap: 5px; }
  .case-dots button { width: 18px; }
  .numbers { padding-block: 40px 60px; }
  .number-card strong { font-size: 42px; }
  .buckx-brand { width: 100px; margin-bottom: 24px; }
  .journey-stage, .journey-stage[data-stage] { grid-template-columns: 62px minmax(0,1fr); gap: 16px; margin-bottom: 28px; }
  .buckx-journey::before, .buckx-journey::after { left: 30px; }
  .journey-stage .journey-node { width: 60px; height: 60px; }
  .journey-icon { width: 50px; height: 50px; }
  .journey-kicker { font-size: 10px; }
  .journey-copy h3 { font-size: 25px; }
  .journey-note { font-size: 10px; }
  .case-copy { padding: 32px 24px; }
  .case-tag { font-size: 11px; }
  .case-kpi { margin-top: 30px; }
  .case-kpi > strong { font-size: 64px; }
  .case-kpi > span { font-size: 12px; }
  .case-revenue { gap: 10px; font-size: 13px; }
  .case-visual { min-height: 335px; padding: 30px 16px 120px; }
  .case-browser { transform: none; }
  .browser-bar { height: 29px; }
  .browser-bar > div, .browser-bar i { font-size: 10px; }
  .revenue-chart { left: 20px; right: 20px; bottom: 40px; width: calc(100% - 40px); height: 72px; }
  .chart-meta { left: 20px; right: 20px; bottom: 20px; font-size: 10px; }
  .founder-grid { gap: 42px; }
  .founder-bio p { font-size: 15px; }
  .founder-label { left: 22px; bottom: 20px; }
  .application-grid { gap: 38px; }
  .application-intro > img { width: 40px; }
  .application-steps { display: block; margin-top: 26px; }
  .application-steps li { flex-direction: row; gap: 18px; padding: 13px 0; }
  .application-content { padding: 23px 18px 18px; }
  .application-brand { font-size: 11px; letter-spacing: .04em; }
  .application-stage, .application-eyebrow { font-size: 11px; }
  .application-step h3 { font-size: 24px; }
  .application-field label { font-size: 11px; }
  .application-field input, .application-field select { font-size: 16px; }
  .application-step[data-step="1"] { min-height: 540px; }
  .application-options label { font-size: 12px; padding: 13px; }
  .application-nav { gap: 8px; }
  .application-nav .button { min-width: 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .footer-brand > a { justify-content: center; }
  .footer-nav { justify-self: center; flex-wrap: wrap; justify-content: center; gap: 12px 22px; }
  .footer-meta { grid-column: auto; flex-direction: column; justify-content: center; gap: 4px; }
  .footer-meta p { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .js .reveal, .js .hero .h-in { opacity: 1; transform: none; }
  .chart-line { stroke-dashoffset: 0; }
  .chart-area, .revenue-chart circle { opacity: 1; }
  .case-shot-main { filter: saturate(0) contrast(1.04); }
  .case-shot-pixel, .founder-photo-pixel, .case-browser::after { display: none; }
  .js .split-title .swi { opacity: 1; transform: none; }
  .case-browser, .founder-photo-main, .journey-stage { transform: none; }
  .journey-stage { opacity: 1; }
}