/* ============================================================
   ELEVA — servicos em abas + espaco do video
   (usa as variaveis de cor de eleva.css)
   ============================================================ */

/* ---------- servicos em abas ---------- */
.svc{display:grid;grid-template-columns:290px 1fr;margin-top:52px;padding:10px;border-radius:28px;}
.svc-tabs{display:flex;flex-direction:column;gap:4px;padding:8px 10px 8px 4px;border-right:1px solid var(--line);}
.svc-tab{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;text-align:left;overflow:hidden;
  transition:background .35s ease,box-shadow .35s ease;}
.svc-tab b{display:block;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.25;}
.svc-tab em{display:block;font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-top:2px;}
.svc-tab .ic{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--blue-text);
  background:rgba(255,255,255,.04);border:1px solid var(--line);transition:all .4s var(--out);}
.svc-tab .ic svg{width:18px;height:18px;}
.svc-tab:hover{background:rgba(255,255,255,.04);}
.svc-tab.on{background:rgba(47,181,138,.13);box-shadow:inset 0 0 0 1px rgba(110,220,185,.35);}
.svc-tab.on .ic{color:#032A22;background:linear-gradient(180deg,#5BE0B0,#2BB386);border-color:transparent;box-shadow:0 0 18px rgba(47,181,138,.65);}
.svc-tab.on em{color:var(--blue-text);}
.svc-prog{position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;overflow:hidden;}
.svc-prog i{display:block;height:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--blue),var(--cyan));}
.svc-tab.on .svc-prog i{animation:svcProg 8s linear forwards;}
.svc.manual .svc-prog{display:none;}
@keyframes svcProg{to{transform:scaleX(1)}}
.svc-panels{padding:26px 28px;min-height:470px;display:flex;align-items:center;}
.svc-panel{width:100%;display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;}
.svc-panel[hidden]{display:none;}
.svc-panel > *{animation:panelIn .7s var(--out) both;}
.svc-panel > *:nth-child(2){animation-delay:.08s;}
@keyframes panelIn{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.svc-text h3{font-size:clamp(24px,2.4vw,32px);margin-top:14px;}
.svc-text > p{color:var(--muted);margin-top:12px;font-size:15px;}
.svc-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:18px;}
.svc-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;}
.svc-list li::before{content:"\2713";color:var(--cyan);font-weight:800;flex:none;}
.svc-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink);}
.svc-meta span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:4px;}
.svc-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}

/* palco visual de cada servico */
.sv-vis{position:relative;aspect-ratio:1/0.86;border-radius:20px;overflow:hidden;display:grid;place-items:center;padding:24px;
  border:1px solid var(--line);background:radial-gradient(circle at 75% 15%,rgba(47,181,138,.28),transparent 58%),#061312;}
.sv-vis::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(120,215,185,.05) 1px,transparent 1px) 0 0/28px 28px,
             linear-gradient(90deg,rgba(120,215,185,.05) 1px,transparent 1px) 0 0/28px 28px;}
.sv-vis > *{position:relative;z-index:1;}
.sv-chip{position:absolute!important;left:16px;bottom:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--blue-text);padding:5px 10px;border-radius:999px;border:1px solid var(--line-2);background:rgba(3,11,11,.7);}

/* redesign: mini site que se transforma (reaproveita .mock de eleva.css) */
.sv-mock{width:100%;padding:0;}

/* site do zero: blocos se montando */
.build{position:relative;width:100%;aspect-ratio:16/11;border-radius:14px;border:1px dashed rgba(120,215,185,.3);}
.build i{position:absolute;display:block;border-radius:6px;background:rgba(255,255,255,.08);opacity:0;transform:translateY(10px) scale(.96);
  animation:buildIn 7s var(--out) infinite;}
.build .bd-nav{left:5%;top:6%;width:90%;height:8%;border-radius:99px;}
.build .bd-hero{left:5%;top:22%;width:46%;height:10%;background:rgba(236,251,246,.75);animation-delay:.4s;}
.build .bd-img{left:56%;top:22%;width:39%;height:36%;border-radius:16px;background:linear-gradient(140deg,rgba(69,208,160,.75),rgba(124,240,200,.25));animation-delay:.8s;}
.build .bd-btn{left:5%;top:38%;width:22%;height:8%;border-radius:99px;background:var(--blue);box-shadow:0 0 18px rgba(47,181,138,.8);animation-delay:2.1s;}
.build .bd-c{top:64%;width:28%;height:26%;border:1px solid var(--line);}
.build .bd-c.c1{left:5%;animation-delay:1.2s;}
.build .bd-c.c2{left:36%;animation-delay:1.45s;}
.build .bd-c.c3{left:67%;animation-delay:1.7s;}
@keyframes buildIn{0%{opacity:0;transform:translateY(10px) scale(.96)}8%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}

/* landing de vendas */
.lp{position:relative;width:100%;max-width:300px;padding:18px;border-radius:16px;border:1px solid var(--line-2);background:rgba(3,11,11,.6);
  display:flex;flex-direction:column;gap:9px;}
.lp i{display:block;border-radius:5px;background:rgba(255,255,255,.1);}
.lp-pill{align-self:flex-start;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);
  padding:4px 9px;border-radius:99px;border:1px solid rgba(124,240,200,.4);background:rgba(124,240,200,.08);}
.lp .lp-l1{height:12px;width:90%;background:rgba(236,251,246,.8);}
.lp .lp-l2{height:12px;width:65%;background:rgba(236,251,246,.8);}
.lp .lp-l3{height:6px;width:80%;}
.lp-offer{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);}
.lp-offer > div{flex:1;display:flex;flex-direction:column;gap:6px;}
.lp .lp-img{width:42px;height:42px;flex:none;border-radius:10px;background:linear-gradient(140deg,rgba(69,208,160,.7),rgba(124,240,200,.2));}
.lp .lp-l4{height:7px;width:80%;}
.lp .lp-l5{height:7px;width:50%;}
.lp-btn{text-align:center;font-size:12.5px;font-weight:800;color:#032A22;padding:10px;border-radius:99px;
  background:linear-gradient(180deg,#5BE0B0,#2BB386);box-shadow:0 0 20px rgba(47,181,138,.7);animation:lpBtn 4s ease-in-out infinite;}
@keyframes lpBtn{0%,60%,100%{transform:none}66%{transform:scale(.95)}72%{transform:scale(1.02)}}
.lp-cursor{position:absolute;width:20px;height:20px;right:30%;bottom:-6px;animation:lpCur 4s var(--io) infinite;}
.lp-cursor svg{width:100%;height:100%;fill:#fff;stroke:#032A22;stroke-width:1.2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));}
@keyframes lpCur{0%{transform:translate(60px,50px);opacity:0}20%{opacity:1}55%{transform:translate(0,-26px)}62%{transform:translate(0,-26px) scale(.85)}70%{transform:translate(0,-26px)}90%,100%{transform:translate(60px,50px);opacity:0}}

/* sistemas sob medida: painel */
.dash{width:100%;max-width:340px;display:flex;gap:10px;padding:12px;border-radius:16px;border:1px solid var(--line-2);background:rgba(3,11,11,.65);}
.dash-side{width:34px;display:flex;flex-direction:column;gap:8px;padding:4px 0;}
.dash-side i{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.1);}
.dash-side i:first-child{height:22px;border-radius:7px;background:linear-gradient(140deg,#5BE0B0,#2BB386);}
.dash-main{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0;}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.dash-kpis span{height:38px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.03);position:relative;overflow:hidden;}
.dash-kpis i{position:absolute;left:7px;right:7px;bottom:8px;height:5px;border-radius:3px;background:rgba(255,255,255,.08);}
.dash-kpis i::after{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--w);border-radius:3px;
  background:linear-gradient(90deg,#2BB386,#7CF0C8);transform-origin:0 50%;animation:kpi 5s var(--out) infinite;}
@keyframes kpi{0%{transform:scaleX(0)}30%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.dash-rows{display:flex;flex-direction:column;gap:6px;}
.dr{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.03);}
.dr .av{width:16px;height:16px;flex:none;border-radius:50%;background:rgba(124,240,200,.3);}
.dr .ln{flex:1;}
.dr .st{width:44px;height:14px;flex:none;border-radius:99px;animation:stat 6s steps(1) infinite;}
.dr:nth-child(2) .st{animation-delay:-1.5s;}
.dr:nth-child(3) .st{animation-delay:-3s;}
.dr:nth-child(4) .st{animation-delay:-4.5s;}
@keyframes stat{0%{background:rgba(255,201,77,.55)}33%{background:rgba(47,181,138,.75)}66%{background:rgba(233,123,140,.6)}}

/* dominio e e-mail */
.dom{width:100%;max-width:320px;display:flex;flex-direction:column;gap:14px;}
.dom-url{display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:999px;border:1px solid var(--line-2);background:rgba(3,11,11,.7);
  font-family:var(--mono);font-size:13px;min-height:44px;}
.dom-url svg{width:14px;height:14px;flex:none;color:var(--cyan);}
.dom-mail{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;border:1px solid rgba(110,220,185,.32);background:rgba(47,181,138,.08);
  box-shadow:0 0 30px -10px rgba(47,181,138,.7);animation:mailIn 5s var(--out) infinite;}
.dom-mail b{display:block;font-size:13px;}
.dom-mail span{display:block;font-size:12px;color:var(--muted);}
.dom-env{position:relative;width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--cyan);background:rgba(124,240,200,.1);}
.dom-env svg{width:20px;height:20px;}
.dom-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#FF7A6E;box-shadow:0 0 0 3px #061312;animation:blink 1.4s ease-in-out infinite;}
@keyframes mailIn{0%,10%{opacity:0;transform:translateY(12px)}20%,85%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-6px)}}

/* perfil no google */
.gmap{position:relative;width:100%;height:100%;min-height:240px;border-radius:14px;overflow:hidden;background:#0A1B19;}
.gm-grid{position:absolute;inset:0;background:linear-gradient(rgba(124,240,200,.07) 1px,transparent 1px) 0 0/22px 22px,
  linear-gradient(90deg,rgba(124,240,200,.07) 1px,transparent 1px) 0 0/22px 22px;}
.gm-road{position:absolute;background:rgba(124,240,200,.18);}
.gm-road.r1{left:-10%;right:-10%;top:38%;height:10px;transform:rotate(-8deg);}
.gm-road.r2{top:-10%;bottom:-10%;left:58%;width:8px;transform:rotate(12deg);}
.gm-pin{position:absolute;left:50%;top:20%;width:34px;height:34px;margin-left:-17px;color:var(--blue);animation:pin 2.4s cubic-bezier(.3,1.6,.5,1) infinite;}
.gm-pin svg{width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 0 10px rgba(47,181,138,.8));}
.gm-pulse{position:absolute;left:50%;top:calc(20% + 32px);width:30px;height:10px;margin-left:-15px;border-radius:50%;border:2px solid rgba(124,240,200,.6);
  animation:pinPulse 2.4s ease-out infinite;}
@keyframes pin{0%,100%{transform:translateY(0)}40%{transform:translateY(-12px)}}
@keyframes pinPulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.gm-card{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px;border-radius:14px;background:rgba(3,11,11,.86);border:1px solid var(--line-2);}
.gm-card b{display:block;font-size:14px;}
.gm-card em{display:block;font-style:normal;color:var(--star);font-size:12px;letter-spacing:1px;margin:2px 0 8px;}
.gm-btns{display:flex;gap:6px;}
.gm-btns span{flex:1;text-align:center;font-size:10.5px;font-weight:700;padding:6px 4px;border-radius:99px;border:1px solid var(--line-2);color:var(--blue-text);}
.gm-btns span:last-child{color:#032A22;background:linear-gradient(180deg,#5BE0B0,#2BB386);border-color:transparent;}

/* manutencao: lista sendo ticada */
.todo{width:100%;max-width:320px;display:flex;flex-direction:column;gap:9px;position:relative;}
.td{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(3,11,11,.6);font-size:13px;color:var(--muted);}
.ck{position:relative;width:18px;height:18px;flex:none;border-radius:6px;border:1.5px solid var(--line-2);}
.ck::after{content:"\2713";position:absolute;inset:-1.5px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#032A22;
  background:linear-gradient(180deg,#5BE0B0,#2BB386);transform:scale(0);animation:tick 8s var(--spring) infinite;}
.td:nth-child(2) .ck::after{animation-delay:1s;}
.td:nth-child(3) .ck::after{animation-delay:2s;}
.td:nth-child(4) .ck::after{animation-delay:3s;}
@keyframes tick{0%,8%{transform:scale(0)}14%,86%{transform:scale(1)}94%,100%{transform:scale(0)}}
.td-done{align-self:flex-end;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);
  padding:5px 10px;border-radius:99px;border:1px solid rgba(124,240,200,.4);animation:done 8s var(--out) infinite;}
@keyframes done{0%,52%{opacity:0;transform:translateY(6px)}58%,86%{opacity:1;transform:none}94%,100%{opacity:0}}

/* ---------- video: player proprio com capitulos ---------- */
.vstage{position:relative;max-width:980px;margin:44px auto 0;isolation:isolate;}
/* luz ambiente: canvas minusculo com o quadro atual, ampliado e desfocado atras do player */
.vamb{position:absolute;left:-3%;top:-5%;width:106%;height:110%;z-index:-1;pointer-events:none;
  filter:blur(56px) saturate(1.6);opacity:0;transition:opacity 1.4s ease;}
.vamb.on{opacity:.5;}
.vplayer{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:#030B0B;
  box-shadow:0 50px 120px -40px rgba(47,181,138,.45),var(--shadow);}
.vplayer [hidden]{display:none!important;}
.vposter{position:absolute;inset:0;background:#051615;}
.vposter img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out);}
.vplayer:hover .vposter img{transform:scale(1.035);}
.vposter::after{content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 50% 52%,rgba(3,11,11,.4),transparent 40%),linear-gradient(180deg,transparent 62%,rgba(3,11,11,.7));}
.vplay{position:relative;z-index:4;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:linear-gradient(180deg,#5BE0B0,#2BB386);box-shadow:0 0 0 10px rgba(47,181,138,.15),0 0 50px rgba(47,181,138,.7);transition:transform .5s var(--spring);}
.vplay:hover{transform:scale(1.08);}
.vplay svg{width:34px;height:34px;fill:#032A22;margin-left:4px;}
.vring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(124,240,200,.6);animation:pulseOut 2.6s var(--out) infinite;}
.vring.d{animation-delay:1.3s;}
.vlabel{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--blue-text);white-space:nowrap;}
.vplayer.tocando .vlabel{display:none;}
.vplayer iframe,.vplayer video{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#030B0B;object-fit:contain;}
.vplayer video{cursor:pointer;}

/* barra de controles */
.vui{position:absolute;z-index:5;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:48px 16px 14px;
  background:linear-gradient(180deg,transparent,rgba(3,11,11,.88));transition:opacity .4s ease,transform .5s var(--out);}
.vplayer.ocioso .vui{opacity:0;transform:translateY(10px);pointer-events:none;}
.vplayer.ocioso{cursor:none;}
.vui-b{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink);
  background:rgba(255,255,255,.06);border:1px solid var(--line);transition:background .25s ease,border-color .25s ease;}
.vui-b:hover{background:rgba(47,181,138,.18);border-color:rgba(124,240,200,.45);}
.vui-b svg{width:18px;height:18px;fill:currentColor;}
.vplayer.pausado .i-pause,.vplayer:not(.pausado) .i-play{display:none;}
.vplayer.mudo .i-som,.vplayer:not(.mudo) .i-mudo{display:none;}
.vui-t{flex:none;min-width:86px;font-family:var(--mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;}
.vui-bar{position:relative;flex:1;height:24px;cursor:pointer;touch-action:none;outline:none;}
.vui-bar::before,.vui-buf,.vui-fill{content:'';position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;}
.vui-bar::before{background:rgba(255,255,255,.12);}
.vui-buf,.vui-fill{transform-origin:0 50%;transform:scaleX(0);}
.vui-buf{background:rgba(255,255,255,.16);}
.vui-fill{background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px rgba(124,240,200,.55);}
.vui-mark{position:absolute;z-index:1;top:50%;width:3px;height:8px;margin:-4px 0 0 -1.5px;border-radius:2px;background:#030B0B;}
.vui-knob{position:absolute;z-index:2;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 4px rgba(124,240,200,.25);transform:scale(0);transition:transform .25s var(--out);}
.vui-bar:hover .vui-knob,.vui-bar:focus-visible .vui-knob,.vui-bar.arrasta .vui-knob{transform:scale(1);}

/* tela final */
.vend{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;
  background:radial-gradient(ellipse at 50% 115%,rgba(47,181,138,.4),transparent 60%),rgba(3,11,11,.9);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:vendIn .8s var(--out) both;}
@keyframes vendIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.vend h3{margin-top:14px;font-family:var(--display);font-weight:600;font-size:clamp(26px,3.3vw,42px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);}
.vend h3 span{color:var(--muted);}
.vend p{margin-top:14px;max-width:44ch;color:var(--muted);font-size:15px;}
.vend-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;}

/* tela cheia */
.vplayer:fullscreen{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;}
.vplayer:-webkit-full-screen{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;}

/* no celular o video e em pe (9:16) */
@media(max-width:760px){
  .vstage{max-width:420px;max-width:min(420px,46vh);margin-top:32px;}
  .vplayer{aspect-ratio:9/16;}
  .vui{gap:8px;padding:44px 10px 10px;}
  .vui-b{width:36px;height:36px;}
  .vui-t{min-width:0;font-size:11px;}
  .vui-t .vui-tot{display:none;}
  .vend h3{font-size:26px;}
  .vend .btn{width:100%;}
}

/* ---------- responsivo ---------- */
@media(max-width:900px){
  .svc{grid-template-columns:1fr;padding:8px;}
  .svc-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:6px 6px 10px;gap:6px;scrollbar-width:none;}
  .svc-tabs::-webkit-scrollbar{display:none;}
  .svc-tab{flex:none;padding:10px 14px;}
  .svc-tab em{display:none;}
  .svc-tab .ic{width:32px;height:32px;}
  .svc-panels{padding:22px 16px;min-height:0;}
  .svc-panel{grid-template-columns:1fr;gap:24px;}
  .sv-vis{aspect-ratio:auto;min-height:260px;}
}
@media(max-width:520px){
  .svc-meta{grid-template-columns:1fr;}
  .vplay{width:72px;height:72px;}
}
@media(prefers-reduced-motion:reduce){
  .build i,.dom-mail,.td-done{opacity:1!important;transform:none!important;}
  .ck::after,.dash-kpis i::after{transform:none!important;}
  .svc-tab.on .svc-prog i{animation:none;}
}

/* ============================================================
   PLANETA TERRA ANIMADO NO TOPO (desenhado por eleva-terra.js)
   ============================================================ */
#earth{position:absolute;left:0;top:0;width:100%;height:640px;z-index:1;pointer-events:none;}

/* ============================================================
   PALCO DO HERO COM 6 CARTOES + AVISOS EM VOLTA DO GLOBO
   ============================================================ */
.stage{height:640px;margin-top:64px;}
.hcard.c5{left:0;top:50%;transform:translateY(-50%);}
.hcard.c6{right:0;top:50%;transform:translateY(-50%);}
.pulse.p5{animation-delay:.4s;}
.pulse.p6{animation-delay:2s;}
/* agenda: um horario sendo marcado */
.cal{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px;}
.cal span{font-family:var(--mono);font-size:10px;text-align:center;padding:8px 0;border-radius:9px;border:1px solid var(--line);color:var(--dim);background:rgba(255,255,255,.02);}
.cal span.pick{animation:calPick 6s var(--out) infinite;}
@keyframes calPick{
  0%,22%{background:rgba(255,255,255,.02);color:var(--dim);border-color:var(--line);box-shadow:none}
  30%,86%{background:linear-gradient(180deg,#5BE0B0,#2BB386);color:#032A22;border-color:transparent;box-shadow:0 0 16px rgba(47,181,138,.7)}
  94%,100%{background:rgba(255,255,255,.02);color:var(--dim);border-color:var(--line);box-shadow:none}
}
.cal-ok{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:12.5px;color:var(--muted);animation:calOk 6s var(--out) infinite;}
.cal-ok i{width:18px;height:18px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;color:#032A22;background:var(--cyan);}
@keyframes calOk{0%,32%{opacity:0;transform:translateY(6px)}40%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
/* velocidade: ponteiro subindo */
.gauge{display:flex;align-items:center;gap:14px;margin-top:10px;}
.gauge svg{width:112px;flex:none;overflow:visible;}
.g-track,.g-fill{fill:none;stroke-width:9;stroke-linecap:round;}
.g-track{stroke:rgba(255,255,255,.08);}
.g-fill{stroke:var(--blue);stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 6px rgba(47,181,138,.7));animation:gFill 5s var(--out) infinite;}
.g-needle{stroke:#ECFBF6;stroke-width:3;stroke-linecap:round;transform-box:view-box;transform-origin:60px 60px;transform:rotate(-90deg);animation:gNeedle 5s var(--out) infinite;}
.g-hub{fill:#ECFBF6;}
@keyframes gFill{0%{stroke-dashoffset:100}35%,82%{stroke-dashoffset:10}100%{stroke-dashoffset:100}}
@keyframes gNeedle{0%{transform:rotate(-90deg)}35%,82%{transform:rotate(72deg)}100%{transform:rotate(-90deg)}}
/* avisos que aparecem acima e abaixo do globo */
.orb-chip{position:absolute;left:50%;z-index:3;display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 9px;border-radius:999px;white-space:nowrap;
  font-size:12.5px;font-weight:600;color:var(--ink);background:rgba(6,18,17,.85);border:1px solid rgba(110,220,185,.35);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 34px -12px rgba(0,0,0,.8),0 0 24px -8px rgba(47,181,138,.6);
  transform:translateX(-50%);animation:orbChip 7s var(--out) infinite;}
.orb-chip.top{top:44px;}
.orb-chip.bottom{bottom:44px;animation-delay:3.5s;}
.orb-chip i{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;}
.orb-chip i.ok{color:#032A22;background:linear-gradient(180deg,#5BE0B0,#2BB386);}
.orb-chip i.st{color:#3a2a00;background:var(--star);}
@keyframes orbChip{0%,4%{opacity:0;transform:translate(-50%,10px) scale(.94)}10%,42%{opacity:1;transform:translate(-50%,0) scale(1)}50%,100%{opacity:0;transform:translate(-50%,-8px) scale(.97)}}

/* ============================================================
   PAINEL DE NUMEROS + FAIXA DE NICHOS
   ============================================================ */
.niches{padding-block:clamp(60px,8vw,96px) 30px;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-radius:24px;padding:8px;max-width:1080px;margin:0 auto;}
.stat{position:relative;padding:22px 18px;text-align:center;}
.stat + .stat::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(180deg,transparent,var(--line-2),transparent);}
.stat strong{display:block;font-family:var(--display);font-weight:600;font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#ECFBF6 30%,#7CF0C8);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat > span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:7px;}
.niches-head{margin-top:0;}
.niches-title{font-family:var(--display);font-weight:600;font-size:clamp(24px,3vw,38px);letter-spacing:-.03em;line-height:1.15;max-width:22ch;margin:14px auto 0;text-wrap:balance;}
.niches .marquee{margin-top:30px;}
.niches .marquee + .marquee{margin-top:14px;}
.chip{gap:12px;padding:8px 20px 8px 8px;font-size:15px;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid var(--line);transition:border-color .4s ease,box-shadow .4s ease,transform .5s var(--out),background .4s ease;}
.chip-ic{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--cyan);
  background:rgba(47,181,138,.12);border:1px solid rgba(110,220,185,.25);transition:all .45s var(--out);}
.chip-ic svg{width:18px;height:18px;}
.chip:hover{border-color:rgba(110,220,185,.5);transform:translateY(-3px);background:rgba(47,181,138,.1);box-shadow:0 12px 30px -14px rgba(47,181,138,.7);}
.chip:hover .chip-ic{color:#032A22;background:linear-gradient(180deg,#5BE0B0,#2BB386);border-color:transparent;box-shadow:0 0 16px rgba(47,181,138,.7);}
.marquee{padding-block:6px;}

@media(max-width:1020px){
  .stage{height:auto;margin-top:52px;}
  .hcard.c5,.hcard.c6{transform:none;top:auto;}
  .orb-chip{display:none;}
}
@media(max-width:760px){
  .stats{grid-template-columns:1fr 1fr;}
  .stat:nth-child(3)::before{display:none;}
  .stat:nth-child(n+3){border-top:1px solid var(--line);}
}
@media(max-width:620px){
  .hcard.c6{display:none;}
  .chip{font-size:14px;padding:6px 16px 6px 6px;}
  .chip-ic{width:30px;height:30px;}
}
@media(prefers-reduced-motion:reduce){
  .cal-ok,.orb-chip{opacity:1!important;}
  .orb-chip{transform:translateX(-50%)!important;}
  .g-fill{stroke-dashoffset:10;}
  .g-needle{transform:rotate(72deg)!important;}
}