/* OG GROUP · camada de refino sobre o clone do Framer (14/10/2026). Nao mexe na estrutura que o React hidrata. */
:root{--og-ink:#030e14;--og-ink-2:#04141c;--og-lime:#d3ed05;--og-mist:#aab1ad;--og-line:rgba(255,255,255,.08);--og-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[data-og-anchor]{scroll-margin-top:92px}
::selection{background:rgba(211,237,5,.32);color:#fff}
a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--og-lime);outline-offset:4px;border-radius:8px}
html{scrollbar-color:rgba(255,255,255,.18) var(--og-ink)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--og-ink)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:10px;border:2px solid var(--og-ink)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}

/* Header fixo e inteligente: some ao descer, volta ao subir, ganha vidro depois do topo */
.framer-1fhprps-container{position:fixed!important;top:0;left:0;right:0;width:100%!important;z-index:40;transition:transform .5s var(--og-ease),background-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;will-change:transform}
.og-scrolled .framer-1fhprps-container{background:rgba(3,14,20,.74);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 1px 0 var(--og-line),0 18px 40px -24px rgba(0,0,0,.7)}
.og-hidden:not(.og-menu-open) .framer-1fhprps-container{transform:translateY(-102%)}
.og-scrolled header{padding-top:14px!important;padding-bottom:14px!important}
header a[data-og-nav]{position:relative;transition:opacity .25s ease}
header a[data-og-nav] p{transition:color .25s ease}
header a[data-og-nav]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1.5px;border-radius:2px;background:var(--og-lime);transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--og-ease)}
header a[data-og-nav]:hover::after,header a[data-og-nav].og-nav-active::after{transform:scaleX(1)}
header a[data-og-nav].og-nav-active p{color:var(--og-lime)!important}
header:hover a[data-og-nav]:not(:hover){opacity:.72}

/* Botao "Conheca" dos cards de tecnologia vira link de verdade */
[data-framer-name="Card Button"]{position:relative;transition:background-color .3s ease,transform .3s var(--og-ease)}
[data-framer-name="Card Button"]:hover{background-color:rgba(255,255,255,.08)!important;transform:translateY(-1px)}
.og-link-cover{position:absolute;inset:0;border-radius:inherit;z-index:2}

/* Cards novos (OG BRAIN e OG SAC): entrada propria, ja que a animacao do Framer so conhece os cards originais */
.og-card-new{opacity:0;transform:translateY(32px);transition:opacity .8s var(--og-ease),transform .9s var(--og-ease)}
.og-card-new.og-in{opacity:1;transform:none}
.og-card-new [data-framer-appear-id]{opacity:1!important;transform:none!important}

/* Paineis desenhados em CSS no lugar da captura de tela, no mesmo enquadramento dos cards originais */
.og-mock-box{container-type:inline-size}
.og-mock{position:relative;width:100%;aspect-ratio:1/1;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(6px,3.4cqw,12px);padding:clamp(10px,5.2cqw,20px);border-radius:12px;font-family:"Inter","Inter Placeholder",system-ui,sans-serif;font-size:clamp(9px,4.4cqw,15px);line-height:1.25;letter-spacing:-.01em;overflow:hidden;box-shadow:0 24px 48px -28px rgba(0,0,0,.8)}
.og-mock-dark{background:linear-gradient(160deg,#0b1a16,#05100f);color:#dfe6e2;border:1px solid rgba(255,255,255,.08)}
.og-mock-light{background:#fff;color:#1c2422;border:1px solid rgba(0,0,0,.06)}
.og-mock-bar{display:flex;align-items:center;gap:7px;font-weight:600;font-size:1.05em;letter-spacing:-.02em}
.og-mock-bar small{margin-left:auto;font-weight:500;font-size:.85em;padding:2px 7px;border-radius:999px;background:rgba(211,237,5,.16);color:#9fb600}
.og-mock-light .og-mock-bar small{background:#eef5c8;color:#5a6b00}
.og-mock-dot{width:6px;height:6px;border-radius:50%;background:var(--og-lime);box-shadow:0 0 0 3px rgba(211,237,5,.18);animation:ogPulse 2.4s ease-in-out infinite}
@keyframes ogPulse{0%,100%{box-shadow:0 0 0 3px rgba(211,237,5,.18)}50%{box-shadow:0 0 0 6px rgba(211,237,5,.05)}}
.og-mock-row{display:flex;align-items:center;gap:.8em;padding:.7em .8em;border-radius:8px;background:rgba(255,255,255,.04)}
.og-mock-light .og-mock-row{background:#f4f6f5}
.og-mock-row i{width:5px;height:5px;border-radius:50%;background:#5db934;flex:none}
.og-mock-row i.og-i2{background:#d3ed05}.og-mock-row i.og-i3{background:#7bd0ff}
.og-mock-row b{font-weight:600}
.og-mock-row span{margin-left:auto;opacity:.6;font-size:.85em}
.og-mock-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto;align-items:end}
.og-mock-bars div{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;font-size:.85em;opacity:.85}
.og-mock-bars div::before{content:"";display:block;height:calc(var(--h,26px) * 1.4);border-radius:4px;background:linear-gradient(180deg,var(--og-lime),#5db934)}
.og-mock-light .og-mock-bars div::before{background:linear-gradient(180deg,#5db934,#2f7a1a)}
.og-mock-net{position:absolute;right:-3%;bottom:-3%;width:34%;height:34%;opacity:.9}
@media (prefers-reduced-motion:reduce){.og-mock-dot{animation:none}.og-card-new{transition:none}}

/* Fechamento defensivo do menu do celular quando o Framer nao responde ao toque */
.og-menu-forced header [data-framer-name="Phone"]{display:none!important}
.og-menu-forced header [data-framer-name="Container"]{height:auto!important}

/* Secao "Afiliados no mundo inteiro" */
.og-world{position:relative;background:var(--og-ink);padding:120px 72px 140px;overflow:hidden;isolation:isolate}
.og-world::before{content:"";position:absolute;z-index:-1;width:720px;height:720px;right:-160px;top:50%;transform:translateY(-50%);background:radial-gradient(closest-side,rgba(93,185,52,.22),rgba(93,185,52,0) 70%);filter:blur(10px)}
.og-world-in{max-width:1296px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.og-world h2{margin:0;font-family:"Inter Display","Inter Display Placeholder",sans-serif;font-weight:500;font-size:48px;line-height:1.2;letter-spacing:-1.7px;color:#fff;text-wrap:balance}
.og-rot{display:block;position:relative;height:1.2em;color:var(--og-lime);overflow:hidden}
.og-rot span{position:absolute;left:0;top:0;white-space:nowrap;transition:transform .7s var(--og-ease),opacity .5s ease,filter .5s ease}
.og-rot span.og-out{transform:translateY(-70%);opacity:0;filter:blur(6px)}
.og-rot span.og-wait{transform:translateY(70%);opacity:0;filter:blur(6px)}
.og-world-copy p{margin:24px 0 0;max-width:30em;font-family:"Work Sans","Work Sans Placeholder",sans-serif;font-size:20px;line-height:34px;color:var(--og-mist)}
.og-world-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--og-line)}
.og-world-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 16px;border-bottom:1px solid var(--og-line);border-radius:14px;transition:background-color .5s ease,opacity .5s ease;opacity:.55;cursor:default}
.og-world-list li.og-on{opacity:1;background:rgba(211,237,5,.06)}
.og-flag{width:44px;height:30px;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 6px 14px -8px rgba(0,0,0,.8);display:block}
.og-flag svg{display:block;width:100%;height:100%}
.og-plus{display:grid;place-items:center;background:rgba(211,237,5,.12);box-shadow:0 0 0 1px rgba(211,237,5,.35)}
.og-plus svg{width:16px;height:16px}
.og-cn{font-family:"Inter Display","Inter Display Placeholder",sans-serif;font-weight:500;font-size:22px;letter-spacing:-.5px;color:#fff;line-height:1.2}
.og-city{display:block;margin-top:2px;font-family:"Work Sans","Work Sans Placeholder",sans-serif;font-size:14px;color:var(--og-mist);letter-spacing:0}
.og-time{display:flex;align-items:center;gap:10px;font-family:"Work Sans","Work Sans Placeholder",sans-serif;font-weight:500;font-size:16px;color:#fff;font-variant-numeric:tabular-nums}
.og-time i{width:7px;height:7px;border-radius:50%;background:#5db934;box-shadow:0 0 0 0 rgba(93,185,52,.5)}
.og-world-list li.og-on .og-time i{background:var(--og-lime);animation:ogPing 1.8s ease-out infinite}
@keyframes ogPing{0%{box-shadow:0 0 0 0 rgba(211,237,5,.55)}100%{box-shadow:0 0 0 9px rgba(211,237,5,0)}}
.og-world-in{opacity:0;transform:translateY(28px);transition:opacity .9s var(--og-ease),transform 1s var(--og-ease)}
.og-world.og-in .og-world-in{opacity:1;transform:none}
@media (max-width:1199.98px){.og-world{padding:96px 30px 110px}.og-world-in{gap:48px}}
@media (max-width:809.98px){.og-world{padding:72px 20px 88px}.og-world-in{grid-template-columns:1fr;gap:36px}.og-world h2{font-size:30px;letter-spacing:-.5px}.og-world-copy p{font-size:18px;line-height:30px}.og-world-list li{grid-template-columns:40px minmax(0,1fr) auto;gap:14px;padding:16px 10px}.og-flag{width:40px;height:27px}.og-cn{font-size:19px}.og-time{font-size:15px}.og-world::before{right:-320px;top:auto;bottom:-260px;transform:none}}
@media (prefers-reduced-motion:reduce){.og-rot span{transition:none}.og-world-in{opacity:1;transform:none;transition:none}.og-world-list li.og-on .og-time i{animation:none}}

/* ===== v5 ===== */
.og-gone{display:none!important}

/* Seletor de idioma */
.og-lang{display:inline-flex;align-items:center;padding:3px;border-radius:999px;background:rgba(3,14,20,.55);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.og-lang button{appearance:none;border:0;margin:0;cursor:pointer;font:500 13px/1 "Work Sans","Work Sans Placeholder",sans-serif;letter-spacing:.02em;color:rgba(255,255,255,.72);background:transparent;padding:7px 10px;border-radius:999px;transition:background-color .3s ease,color .3s ease}
.og-lang button:hover{color:#fff}
.og-lang button[aria-pressed="true"]{background:var(--og-lime);color:var(--og-ink)}
.og-lang-float{position:fixed;z-index:41;transform:translateY(-50%);transition:transform .5s var(--og-ease),opacity .3s ease}
.og-hidden:not(.og-menu-open) .og-lang-float{transform:translateY(-50%) translateY(-110px);opacity:0}
@media (max-width:809.98px){.og-lang button{padding:6px 8px;font-size:12px}}

/* Rodape */
.og-footer{position:relative;background:var(--og-ink);color:#fff;font-family:"Work Sans","Work Sans Placeholder",sans-serif;border-top:1px solid var(--og-line);overflow:hidden;isolation:isolate}
.og-footer::before{content:"";position:absolute;z-index:-1;left:50%;top:-340px;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(93,185,52,.16),rgba(93,185,52,0))}
.og-f-in{max-width:1440px;margin:0 auto;padding:88px 72px 40px}
.og-f-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:64px}
.og-f-logo img{display:block;height:42px;width:auto}
.og-f-brand p{margin:20px 0 28px;max-width:22em;font-size:16px;line-height:26px;color:var(--og-mist)}
.og-f-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;background:var(--og-lime);color:var(--og-ink);font-weight:500;font-size:15px;text-decoration:none;transition:transform .3s var(--og-ease),box-shadow .3s ease}
.og-f-cta svg{width:18px;height:18px}
.og-f-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(211,237,5,.6)}
.og-f-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.og-f-cols h3{margin:0 0 18px;font:500 15px/1.2 "Inter Display","Inter Display Placeholder",sans-serif;letter-spacing:-.2px;color:#fff}
.og-f-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.og-f-cols a{color:var(--og-mist);text-decoration:none;font-size:15px;line-height:22px;transition:color .25s ease}
.og-f-cols a:hover{color:#fff}
.og-f-note{font-size:14px;line-height:22px;color:var(--og-mist)}
.og-f-note span:first-child{color:rgba(255,255,255,.5);font-size:13px}
.og-f-bottom{margin-top:72px;padding-top:24px;border-top:1px solid var(--og-line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.og-f-bottom p{margin:0;font-size:14px;color:rgba(255,255,255,.55)}
.og-f-tools{display:flex;align-items:center;gap:16px}
.og-f-top-btn{display:inline-flex;align-items:center;gap:8px;color:var(--og-mist);text-decoration:none;font-size:14px;transition:color .25s ease}
.og-f-top-btn svg{width:16px;height:16px;transition:transform .35s var(--og-ease)}
.og-f-top-btn:hover{color:#fff}.og-f-top-btn:hover svg{transform:translateY(-3px)}
@media (max-width:1199.98px){.og-f-in{padding:72px 30px 36px}.og-f-top{grid-template-columns:1fr;gap:48px}}
@media (max-width:809.98px){.og-f-in{padding:60px 20px 32px}.og-f-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.og-f-bottom{margin-top:52px;flex-direction:column;align-items:flex-start}}

/* Cena 3D v7: Vendas, Escala, Envio. Palco maior, legenda sincronizada embaixo. */
.og-scene-host{position:relative;overflow:hidden;pointer-events:auto}
.og-scene-host > :not(.og-scene){visibility:hidden!important}
@media (max-width:809.98px){.og-scene-host{height:min(128vw,520px)!important;aspect-ratio:auto!important}}
.og-scene{position:absolute;inset:0;container-type:size;--lime:#d3ed05;--leaf:#5db934;--T:6.4s;display:flex;flex-direction:column}
.og-stage{position:relative;flex:1;min-height:0;perspective:1600px;perspective-origin:50% 35%;container-type:size;--u:min(1.72cqw,.98cqh)}
.og-stage::before{content:"";position:absolute;left:50%;top:50%;width:120cqmin;height:120cqmin;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(93,185,52,.28),rgba(93,185,52,.08) 55%,transparent 72%)}
.og-cam{position:absolute;left:50%;top:47%;width:calc(100 * var(--u));height:calc(100 * var(--u));margin:calc(-50 * var(--u)) 0 0 calc(-50 * var(--u));transform-style:preserve-3d;transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .9s var(--og-ease)}
.og-plane{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(45deg);animation:ogBob 8s ease-in-out infinite}
@keyframes ogBob{0%,100%{transform:translateY(0) rotateX(55deg) rotateZ(45deg)}50%{transform:translateY(calc(-1.6 * var(--u))) rotateX(55deg) rotateZ(45deg)}}
.og-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:calc(7 * var(--u)) calc(7 * var(--u));-webkit-mask:radial-gradient(closest-side,#000 35%,transparent 100%);mask:radial-gradient(closest-side,#000 35%,transparent 100%)}
.og-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.og-track path{fill:none;stroke:rgba(255,255,255,.22);stroke-width:.45;stroke-dasharray:1.2 1.4;stroke-linecap:round}
.og-track .og-track-run{stroke:var(--lime);stroke-width:.8;stroke-dasharray:12 88;stroke-dashoffset:100;animation:ogRun var(--T) linear infinite}
@keyframes ogRun{0%{stroke-dashoffset:100}72%,100%{stroke-dashoffset:-12}}
.og-st{position:absolute;width:0;height:0;transform-style:preserve-3d}
.og-st-sales{left:16%;top:16%}.og-st-scale{left:50%;top:50%}.og-st-ship{left:84%;top:84%}
.og-cub{position:absolute;left:0;top:0;width:calc(var(--w) * var(--u));height:calc(var(--d) * var(--u));transform:translate(-50%,-50%);transform-style:preserve-3d}
.og-cub i{position:absolute;display:block}
.og-f-top3{inset:0;transform:translateZ(calc(var(--h) * var(--u)))}
.og-f-s1{left:0;top:100%;width:100%;height:calc(var(--h) * var(--u));transform-origin:top;transform:rotateX(90deg)}
.og-f-s2{left:100%;top:0;width:calc(var(--h) * var(--u));height:100%;transform-origin:left;transform:rotateY(-90deg)}
.og-cub-base .og-f-top3{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(211,237,5,.34);border-radius:calc(1.4 * var(--u))}
.og-cub-base .og-f-s1{background:linear-gradient(#11301f,#06140f)}
.og-cub-base .og-f-s2{background:linear-gradient(90deg,#0c2218,#04100c)}
.og-st-scale .og-cub-base .og-f-top3{box-shadow:inset 0 0 0 1px rgba(211,237,5,.55)}
.og-st .og-glow{position:absolute;left:0;top:0;width:calc(20 * var(--u));height:calc(20 * var(--u));margin:calc(-10 * var(--u)) 0 0 calc(-10 * var(--u));border-radius:50%;background:radial-gradient(closest-side,rgba(211,237,5,.35),transparent);transform:translateZ(calc(3.2 * var(--u)));opacity:0;animation:ogGlowS var(--T) ease-out infinite}
.og-st-scale .og-glow{animation-name:ogGlowC}.og-st-ship .og-glow{animation-name:ogGlowE}
@keyframes ogGlowS{0%,4%{opacity:0}10%{opacity:1}26%,100%{opacity:0}}
@keyframes ogGlowC{0%,30%{opacity:0}44%{opacity:1}60%,100%{opacity:0}}
@keyframes ogGlowE{0%,64%{opacity:0}72%{opacity:1}96%,100%{opacity:0}}
.og-ring{position:absolute;left:0;top:0;width:calc(14 * var(--u));height:calc(14 * var(--u));margin:calc(-7 * var(--u)) 0 0 calc(-7 * var(--u));border-radius:50%;border:1px solid rgba(211,237,5,.75);transform:translateZ(calc(3.3 * var(--u))) scale(.3);opacity:0;animation:ogRing var(--T) var(--og-ease) infinite}
.og-ring-b{animation-name:ogRingB}
@keyframes ogRing{0%{opacity:.9;transform:translateZ(calc(3.3 * var(--u))) scale(.3)}20%,100%{opacity:0;transform:translateZ(calc(3.3 * var(--u))) scale(1.3)}}
@keyframes ogRingB{0%,70%{opacity:0;transform:translateZ(calc(3.3 * var(--u))) scale(.3)}72%{opacity:.9}92%,100%{opacity:0;transform:translateZ(calc(3.3 * var(--u))) scale(1.3)}}
.og-coin{position:absolute;left:0;top:0;transform-style:preserve-3d;animation:ogSpin 4s linear infinite}
@keyframes ogSpin{from{transform:translateZ(calc(6.5 * var(--u))) rotateZ(0)}to{transform:translateZ(calc(6.5 * var(--u))) rotateZ(360deg)}}
.og-cub-coin .og-f-top3{background:var(--lime);border-radius:50%}
.og-cub-coin .og-f-s1,.og-cub-coin .og-f-s2{background:#8da300}
.og-bars{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translateZ(calc(3 * var(--u)))}
.og-bar{position:absolute;left:calc((var(--i) * 6.5 - 9.75) * var(--u));top:calc((var(--i) * -0 + 0) * var(--u));transform-style:preserve-3d;transform-origin:0 0;animation:ogGrow var(--T) var(--og-ease) infinite;animation-delay:calc(var(--i) * 80ms)}
.og-bar:nth-child(1){--hk:.4}.og-bar:nth-child(2){--hk:.58}.og-bar:nth-child(3){--hk:.78}.og-bar:nth-child(4){--hk:1}
@keyframes ogGrow{0%,30%{transform:scale3d(1,1,calc(var(--hk) * .35))}48%,88%{transform:scale3d(1,1,var(--hk))}100%{transform:scale3d(1,1,calc(var(--hk) * .35))}}
.og-cub-bar .og-f-top3{background:var(--lime)}
.og-cub-bar .og-f-s1{background:linear-gradient(var(--lime),var(--leaf))}
.og-cub-bar .og-f-s2{background:linear-gradient(90deg,#86b320,#2f6f1a)}
/* pacote: so transform, nada de left/top */
.og-pkg{position:absolute;left:0;top:0;transform-style:preserve-3d;will-change:transform;animation:ogPkg var(--T) cubic-bezier(.45,.05,.3,1) infinite}
@keyframes ogPkg{
  0%{transform:translate3d(calc(16 * var(--u)),calc(16 * var(--u)),calc(3 * var(--u))) scale3d(.01,.01,.01)}
  6%,14%{transform:translate3d(calc(16 * var(--u)),calc(16 * var(--u)),calc(3 * var(--u))) scale3d(1,1,1)}
  30%{transform:translate3d(calc(33 * var(--u)),calc(33 * var(--u)),calc(17 * var(--u)))}
  44%{transform:translate3d(calc(50 * var(--u)),calc(50 * var(--u)),calc(27 * var(--u)))}
  58%{transform:translate3d(calc(67 * var(--u)),calc(67 * var(--u)),calc(17 * var(--u)))}
  70%,80%{transform:translate3d(calc(84 * var(--u)),calc(84 * var(--u)),calc(3 * var(--u))) scale3d(1,1,1)}
  97%{transform:translate3d(calc(84 * var(--u)),calc(84 * var(--u)),calc(60 * var(--u))) scale3d(.4,.4,.4)}
  100%{transform:translate3d(calc(84 * var(--u)),calc(84 * var(--u)),calc(64 * var(--u))) scale3d(.01,.01,.01)}}
.og-cub-pkg .og-f-top3{background:linear-gradient(135deg,#efffa0,var(--lime))}
.og-cub-pkg .og-f-top3::after,.og-cub-pkg .og-f-s1::after{content:"";position:absolute;left:44%;top:0;width:12%;height:100%;background:rgba(3,14,20,.26)}
.og-cub-pkg .og-f-s1{background:linear-gradient(#b9d400,#7f9a00)}
.og-cub-pkg .og-f-s2{background:linear-gradient(90deg,#9ab500,#5f7400)}
/* textos curtos que sobem perto das estacoes */
.og-bb{position:absolute;width:0;height:0;transform-style:preserve-3d}
.og-bb-sales{left:16%;top:16%;transform:translateZ(calc(10 * var(--u))) rotateZ(-45deg) rotateX(-55deg)}
.og-bb-ship{left:84%;top:84%;transform:translateZ(calc(8 * var(--u))) rotateZ(-45deg) rotateX(-55deg)}
.og-pop{position:absolute;left:0;top:0;white-space:nowrap;transform:translate(-50%,-100%);font:500 13px/1 "Work Sans","Work Sans Placeholder",sans-serif;color:#fff;padding:7px 11px;border-radius:999px;background:rgba(4,20,28,.86);box-shadow:inset 0 0 0 1px rgba(211,237,5,.4);opacity:0;animation:ogPop var(--T) var(--og-ease) infinite}
.og-pop b{font-weight:500;color:var(--lime)}
.og-pop-b{animation-name:ogPopB}
@keyframes ogPop{0%,3%{opacity:0;transform:translate(-50%,-60%)}9%,20%{opacity:1;transform:translate(-50%,-140%)}28%,100%{opacity:0;transform:translate(-50%,-190%)}}
@keyframes ogPopB{0%,71%{opacity:0;transform:translate(-50%,-60%)}77%,88%{opacity:1;transform:translate(-50%,-140%)}95%,100%{opacity:0;transform:translate(-50%,-190%)}}
/* legenda */
.og-legend{flex:none;display:flex;justify-content:center;gap:6px;padding:0 10px 18px;list-style:none;margin:0}
.og-legend li{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font:500 14px/1 "Work Sans","Work Sans Placeholder",sans-serif;color:rgba(255,255,255,.55);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);animation:ogLeg var(--T) step-end infinite}
.og-legend li svg{width:16px;height:16px;flex:none}
.og-legend li:nth-child(1){animation-name:ogLeg1}.og-legend li:nth-child(2){animation-name:ogLeg2}.og-legend li:nth-child(3){animation-name:ogLeg3}
@keyframes ogLeg1{0%{color:#fff;background:rgba(211,237,5,.12);box-shadow:inset 0 0 0 1px rgba(211,237,5,.5)}28%,100%{color:rgba(255,255,255,.55);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}}
@keyframes ogLeg2{0%,28%{color:rgba(255,255,255,.55);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}28.01%{color:#fff;background:rgba(211,237,5,.12);box-shadow:inset 0 0 0 1px rgba(211,237,5,.5)}62%,100%{color:rgba(255,255,255,.55);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}}
@keyframes ogLeg3{0%,62%{color:rgba(255,255,255,.55);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}62.01%{color:#fff;background:rgba(211,237,5,.12);box-shadow:inset 0 0 0 1px rgba(211,237,5,.5)}100%{color:#fff;background:rgba(211,237,5,.12);box-shadow:inset 0 0 0 1px rgba(211,237,5,.5)}}
.og-legend li svg{color:var(--lime)}
.og-paused *,.og-paused{animation-play-state:paused!important}
@media (max-width:420px){.og-legend li{padding:8px 10px;font-size:13px;gap:6px}}
@media (prefers-reduced-motion:reduce){.og-scene *{animation:none!important}.og-pkg{transform:translate3d(calc(84 * var(--u)),calc(84 * var(--u)),calc(3 * var(--u)))}.og-bar{transform:scale3d(1,1,var(--hk))}}