/* PONTE — site. Efeitos do modelo (coluna emoldurada, matriz de pontos, texto em arco, faixas de pontos, luz na
   borda dos botões, cartões em grade, esfera, letreiros) com a identidade PONTE: quase-preto neutro, creme, âmbar
   só no que importa e o símbolo da ponte como fio condutor (rótulos das seções, travessia 01→04).
   Títulos em Syne; textos corridos em Inter, que lê melhor em tamanho pequeno. */
:root {
  --fora:#040405; --bg:#09090B; --card:#0F0F12; --card2:#151518; --card3:#1C1C21;
  --linha:rgba(255,255,255,.07); --linha2:rgba(255,255,255,.11); --linha3:rgba(255,255,255,.18);
  --txt:#F2EEE8; --txt2:#CBC5BD; --mut:#9D9891; --mut2:#85807A; --mut3:#5F5B56;
  --ambar:#C8860A; --ambar2:#E3A43A; --verde:#8DB596; --laranja:#E0703A; --azul:#8FA6C9;
  --raio:16px; --larg:1240px;
  --fonte:Syne, system-ui, sans-serif; --ui:Inter, system-ui, sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:72px; }
body { margin:0; background:var(--fora); color:var(--txt); font:16px/1.6 var(--fonte); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
h1, h2, h3, h4 { margin:0; font-weight:500; }
.cinza { color:var(--mut); }
img, svg, canvas { display:block; }

/* foco visível pra quem navega pelo teclado, e atalho pro conteúdo */
:focus-visible { outline:2px solid var(--ambar2); outline-offset:3px; border-radius:8px; }
.bt:focus-visible { border-radius:99px; }
.pular { position:absolute; left:16px; top:-64px; z-index:100; padding:10px 16px; border-radius:10px; background:var(--txt); color:#1B1B1B; font-weight:600; transition:top .2s; }
.pular:focus { top:12px; }

/* coluna emoldurada (duas linhas finas dos lados, como no modelo) */
.moldura { max-width:1398px; margin:0 auto; padding:0 8px; border-inline:1px solid rgba(255,255,255,.04); }
.pagina { position:relative; background:var(--bg); border-inline:1px solid var(--linha); min-height:100vh; }
main { animation:revelar .5s ease both; }
@keyframes revelar { from { opacity:0; filter:blur(4px); } to { opacity:1; filter:none; } }

/* símbolo da marca */
.simbolo .s-vao, .final-ics svg .s-vao { stroke:var(--mut); stroke-width:2.6; stroke-dasharray:.1 6.5; stroke-linecap:round; }
.simbolo .s-arco, .final-ics svg .s-arco { fill:none; stroke:var(--txt); stroke-width:5.2; stroke-linecap:round; }
.simbolo .s-ini, .final-ics svg .s-ini { fill:var(--bg); stroke:var(--txt); stroke-width:4.2; }
.simbolo .s-fim, .final-ics svg .s-fim { fill:var(--ambar); }

/* textos corridos em Inter */
.produto-txt p, .quatro p, .rec-lista li, .pl-c li, .pl-d, .pl-extra, .pg-lista details p,
.rod-marca p, .ef-grade > p, .num-grade span, .rod-cols a, .rod-cols span { font-family:var(--ui); letter-spacing:-.005em; }

/* rótulo das seções: o símbolo da ponte pequeno + o nome da seção */
.olho { display:inline-flex; align-items:center; gap:10px; margin-bottom:18px; font:600 11.5px/1 var(--fonte); letter-spacing:.16em; text-transform:uppercase; color:var(--txt2); }
.olho::before { content:""; width:28px; height:17px; flex:none; background:center / contain no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 56'%3E%3Cline x1='3' y1='37' x2='89' y2='37' stroke='%239D9891' stroke-width='3' stroke-dasharray='.1 7' stroke-linecap='round'/%3E%3Cpath d='M16 37Q46 9 76 37' fill='none' stroke='%23F2EEE8' stroke-width='5.5' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='37' r='6.5' fill='%2309090B' stroke='%23F2EEE8' stroke-width='4.5'/%3E%3Ccircle cx='76' cy='37' r='8.5' fill='%23C8860A'/%3E%3C/svg%3E"); }
.cab-centro { display:flex; flex-direction:column; align-items:center; text-align:center; }
.cab-centro .sec-tit { margin-bottom:0; }
.cab-centro .bt { margin-top:28px; }

/* ---------- botões ---------- */
.bt { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:40px; padding:0 18px; border-radius:99px; font:500 14px var(--fonte); cursor:pointer; white-space:nowrap; border:none; transition:transform .15s, background .15s, box-shadow .2s; }
.bt.peq { height:34px; padding:0 14px; font-size:13px; }
.bt i { font-style:normal; font-size:15px; line-height:1; color:var(--txt); }
.bt:active { transform:scale(.98); }
.bt.claro { background:var(--txt); color:#2B2A28; }
.bt.claro:hover { background:#fff; }
.bt.branco { background:#F7F4EF; color:#26252A; box-shadow:inset 0 0 0 1px #fff, inset 0 0 0 2px rgba(0,0,0,.22); }
.bt.branco:hover { background:#fff; box-shadow:inset 0 0 0 1px #fff, inset 0 0 0 2px rgba(0,0,0,.22), 0 0 28px rgba(255,255,255,.16); }
.bt.escuro { background:var(--card2); color:var(--txt); font-weight:600; box-shadow:inset 0 0 0 1px var(--linha2); }
.bt.escuro:hover { background:var(--card3); }
/* luz correndo pela borda (efeito "estrela" do modelo): a borda é o fundo de 1px; o miolo cobre o resto */
.bt.estrela { isolation:isolate; overflow:hidden; background:rgba(255,255,255,.14); color:var(--txt); }
.bt.estrela::before { content:""; position:absolute; inset:1px; border-radius:inherit; background:#0A0A0C; z-index:-1; transition:background .2s; }
.bt.estrela:hover::before { background:#141417; }
.bt.estrela .luz { position:absolute; top:0; left:0; width:110px; aspect-ratio:1; z-index:-2; pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(250,248,244,.95), transparent 55%, transparent);
  offset-rotate:0deg; animation:luz-borda 3s linear infinite; }
@keyframes luz-borda { from { offset-distance:0%; } to { offset-distance:100%; } }

/* ---------- topo ---------- */
.topo { position:sticky; top:0; z-index:50; height:64px; margin-bottom:-64px; padding:0 24px; display:flex; align-items:center; gap:28px;
  border-bottom:1px solid var(--linha); transition:background .25s, backdrop-filter .25s; }
.topo.rolou { background:rgba(9,9,11,.78); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.logo { display:flex; align-items:center; gap:10px; font-weight:700; font-size:19px; letter-spacing:.08em; }
.logo .simbolo { width:38px; height:23px; }
.menu { display:flex; gap:30px; margin:0 auto; font-size:14px; color:var(--txt2); }
.menu a { padding:8px 0; transition:color .15s; } .menu a:hover { color:var(--txt); }
.topo-ac { display:flex; gap:10px; }
.menu-bt { display:none; margin-left:auto; width:40px; height:40px; border:1px solid var(--linha2); border-radius:10px; background:none; cursor:pointer; flex-direction:column; justify-content:center; gap:5px; padding:0 11px; }
.menu-bt span { height:1.5px; background:var(--txt); display:block; }

/* ---------- hero ---------- */
.hero { position:relative; min-height:max(760px, 100vh); display:flex; flex-direction:column; align-items:center; justify-content:flex-end; overflow:hidden; padding:150px 24px max(200px, 26vh); }
.hero-luz { position:absolute; inset:0 0 auto; height:420px; pointer-events:none;
  background:linear-gradient(#202024 0%, #131316 42%, var(--bg) 100%);
  -webkit-mask-image:radial-gradient(130% 100% at 50% 0%, #000 0%, #000 42%, rgba(0,0,0,.55) 62%, transparent 78%);
  mask-image:radial-gradient(130% 100% at 50% 0%, #000 0%, #000 42%, rgba(0,0,0,.55) 62%, transparent 78%); }
.hero-luz i { position:absolute; left:50%; transform:translateX(-50%); }
.hero-luz .g1 { top:-40px; width:160%; height:340px; background:radial-gradient(85% 90% at 50% 0%, rgba(255,255,255,.12) 0%, rgba(163,163,163,.07) 48%, transparent 76%); }
.hero-luz .g2 { top:180px; width:587px; height:298px; background:radial-gradient(rgba(255,255,255,.045) 0%, transparent 70%); }
.hero-luz .g3 { top:260px; width:1826px; height:294px; background:radial-gradient(rgba(163,163,163,.03) 0%, transparent 65%); }
.hero-matriz { position:absolute; top:0; left:0; width:100%; height:440px; pointer-events:none; }
.hero-chao { position:absolute; left:-40%; right:-40%; bottom:0; height:120%; transform:perspective(520px) rotateX(66deg); transform-origin:bottom; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px); background-size:110px 110px;
  -webkit-mask-image:linear-gradient(to top, #000 5%, transparent 85%); mask-image:linear-gradient(to top, #000 5%, transparent 85%); }
.hero-in { position:relative; text-align:center; width:100%; max-width:980px; }
.hero h1 { font-size:clamp(34px, 4.1vw, 56px); line-height:1.04; font-weight:400; letter-spacing:-.016em; }
.hero-sub { margin:22px auto 0; max-width:640px; color:var(--mut); font-size:clamp(15.5px, 1.3vw, 17px); }
.hero-ac { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:34px; }

/* texto em arco: roda de letras girando; as palavras passam por cima da ponte da marca (anel → ponto âmbar) */
.arco { position:relative; width:400px; height:78px; margin:0 0 22px calc(50% - 200px); }
.arco-ponte { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.arco-ponte .a-vao { stroke:var(--mut3); stroke-width:1.6; stroke-dasharray:.1 6; stroke-linecap:round; opacity:.8; }
.arco-ponte .a-arco { fill:none; stroke:url(#arco-g); stroke-width:1.4; stroke-linecap:round; }
.arco-ponte .a-ini { fill:var(--bg); stroke:rgba(242,238,232,.6); stroke-width:1.5; }
.arco-ponte .a-fim { fill:var(--ambar); }
.arco-janela { position:absolute; left:0; right:0; top:0; height:64px; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent 9%, #000 32%, #000 68%, transparent 89%);
  mask-image:linear-gradient(90deg, transparent 9%, #000 32%, #000 68%, transparent 89%); }
.arco-roda { position:absolute; left:50%; top:8px; width:900px; height:900px; margin-left:-450px; border-radius:50%; animation:girar 38s linear infinite; }
.arco-roda span { position:absolute; left:450px; top:0; width:24px; margin-left:-12px; text-align:center; transform-origin:12px 450px; font:500 15px/1 var(--fonte); color:var(--txt2); white-space:pre; }
@keyframes girar { to { transform:rotate(360deg); } }

/* ---------- vitrine: o app sai do hero inclinado e endireita conforme rola ---------- */
.vitrine { position:relative; z-index:2; margin-top:-130px; padding:0 24px 80px; }
.vitrine::before { content:""; position:absolute; left:50%; top:4%; width:78%; height:70%; transform:translateX(-50%); pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(255,255,255,.07), transparent 68%); filter:blur(24px); }
.vitrine-palco { position:relative; max-width:1180px; margin:0 auto; perspective:1700px; }
.vitrine .app-moldura { transform-origin:50% 0; transform:rotateX(var(--inclina, 0deg)) scale(var(--escala, 1)); will-change:transform;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset, 0 50px 140px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.03); }
.vitrine .quatro.mini { max-width:1180px; margin:60px auto 0; }

/* janela de app nos mockups: deixa claro que é uma tela do produto, não um botão do site */
.janela { display:flex; align-items:center; gap:7px; padding:11px 16px; border-bottom:1px solid var(--linha); background:rgba(255,255,255,.02); font:500 12px var(--ui); color:var(--mut); }
.janela i { width:9px; height:9px; border-radius:50%; background:var(--card3); box-shadow:inset 0 0 0 1px var(--linha2); }
.janela span { margin-left:10px; }
.mock-moldura, .app-moldura, .mock-menu, .ef-mock { cursor:default; -webkit-user-select:none; user-select:none; }

/* ---------- seções ---------- */
.sec { max-width:var(--larg); margin:0 auto; padding:88px 24px; }
.sec-tit { font-size:clamp(28px, 2.7vw, 36px); line-height:1.15; font-weight:500; letter-spacing:-.025em; margin-bottom:52px; }
.faixa { width:100%; height:48px; border-block:1px solid var(--linha); background:#0B0B0D; }

/* produto */
.produto { max-width:none; padding:100px 0 0; }
.duas { max-width:var(--larg); margin:0 auto; padding:0 24px; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:70px; align-items:center; }
.produto-txt h2 { font-size:clamp(28px, 2.7vw, 36px); line-height:1.15; font-weight:600; letter-spacing:-.02em; }
.produto-txt p { color:var(--mut); margin:18px 0 28px; max-width:500px; font-size:16px; line-height:1.65; }
.mock-menu { position:relative; height:400px; display:flex; align-items:center; justify-content:center; }
.etq-fundo { position:absolute; inset:0; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:16px 34px; color:var(--mut3); font:500 12.5px var(--ui);
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%, transparent 30%, #000 70%); mask-image:radial-gradient(ellipse 60% 50% at 50% 50%, transparent 30%, #000 70%); }
.mm-card { position:relative; width:270px; padding:10px; background:var(--card); border:1px solid var(--linha2); border-radius:14px; font:500 13px var(--ui);
  box-shadow:0 30px 80px rgba(0,0,0,.55); -webkit-mask-image:linear-gradient(#000 68%, transparent); mask-image:linear-gradient(#000 68%, transparent); }
.mm-it { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:9px; color:var(--txt2); }
.mm-it.on { background:var(--card3); color:var(--txt); }
.mm-it b { width:18px; text-align:center; color:var(--mut); font-weight:400; } .mm-it .ic-w { color:var(--ambar2); } .mm-it .ic-r { color:var(--laranja); }
.mm-it em { margin-left:auto; font-style:normal; font-size:12px; color:var(--mut); } .mm-it em.q { background:var(--ambar); color:#0B0D12; border-radius:99px; padding:0 7px; font-weight:700; }
.mm-card hr { border:none; border-top:1px solid var(--linha); margin:8px 4px; }
.mm-ac { padding:7px 10px; color:var(--txt2); font-size:12.5px; } .mm-ac.apag { color:var(--mut3); }

/* 01–04 */
.quatro { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); }
.quatro > div { position:relative; }
.quatro small, .quatro h3, .quatro p { position:relative; }
.quatro small { color:var(--mut2); font-size:12px; letter-spacing:.06em; } .quatro h3 { font-size:17.5px; font-weight:600; margin:12px 0 10px; letter-spacing:-.01em; } .quatro p { color:var(--mut); font-size:14.5px; margin:0; line-height:1.6; }
/* passos como uma travessia: linha do anel (01) até o ponto âmbar (04) e uma luz atravessando */
.quatro.passos { position:relative; margin-top:90px; }
.quatro.passos::before { content:""; position:absolute; top:-1px; left:0; right:0; height:1px; background:linear-gradient(90deg, rgba(242,238,232,.28), rgba(242,238,232,.12) 62%, var(--ambar)); }
.quatro.passos::after { content:""; position:absolute; top:-2px; left:0; width:160px; height:3px; border-radius:3px; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,236,200,.95), transparent); animation:atravessar 7s ease-in-out infinite; }
@keyframes atravessar { 0% { left:0; opacity:0; } 12% { opacity:1; } 80% { opacity:1; } 100% { left:calc(100% - 160px); opacity:0; } }
.quatro.passos > div { padding:38px 24px 44px; border-right:1px solid var(--linha); } .quatro.passos > div:last-child { border-right:none; }
.quatro.passos > div::before { content:""; position:absolute; z-index:1; top:-5px; left:24px; width:9px; height:9px; border-radius:50%; background:var(--bg); box-shadow:inset 0 0 0 1.5px rgba(242,238,232,.65); }
.quatro.passos > div:last-child::before { background:var(--ambar); box-shadow:0 0 14px rgba(227,164,58,.65); }
.quatro.passos > div:last-child small { color:var(--ambar2); }
.celula-pontos { position:absolute; inset:0; width:100%; height:100%; pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom right, rgba(0,0,0,.03), rgba(0,0,0,.14) 50%, rgba(0,0,0,.05));
  mask-image:linear-gradient(to bottom right, rgba(0,0,0,.03), rgba(0,0,0,.14) 50%, rgba(0,0,0,.05)); }
/* frases curtas logo abaixo do app */
.quatro.mini { gap:0 28px; }
.quatro.mini h3 { font-size:15px; display:inline; margin:0 5px 0 0; } .quatro.mini h3 i { font-style:normal; color:var(--ambar2); margin-right:7px; }
.quatro.mini p { display:inline; font-size:14.5px; }

/* recursos (abas laterais) */
.abas { display:grid; grid-template-columns:200px minmax(0, 1fr); gap:40px; }
.abas-nav { position:sticky; top:110px; align-self:start; display:flex; flex-direction:column; gap:8px; font-size:14px; color:var(--mut); }
.abas-marca { color:var(--txt2); font-weight:600; margin-bottom:8px; }
.abas-nav a { position:relative; padding:4px 0 4px 14px; transition:color .15s; }
.abas-nav a::before { content:""; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:var(--mut3); transition:background .2s, box-shadow .2s; }
.abas-nav a:hover, .abas-nav a.on { color:var(--txt); }
.abas-nav a.on::before { background:var(--ambar); box-shadow:0 0 10px rgba(227,164,58,.6); }
.abas-corpo { display:grid; gap:120px; }
.recurso { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:56px; align-items:center; scroll-margin-top:110px; }
.rec-txt small { color:var(--mut2); font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; }
.rec-frase { font-size:20px; line-height:1.45; margin:12px 0 30px; color:var(--mut); } .rec-frase b { color:var(--txt); font-weight:600; }
.rec-lista { list-style:none; margin:0; padding:0; }
.rec-lista li { display:flex; align-items:center; gap:12px; padding:13px 0; border-top:1px solid var(--linha); color:var(--txt2); font-size:15px; }
.rec-lista li:first-child { border-top:none; }
.rec-lista i { font-style:normal; width:20px; text-align:center; color:var(--mut); }
.mock-moldura { --pad:30px; position:relative; padding:0 var(--pad) var(--pad); background:var(--card); border:1px solid var(--linha); border-radius:20px; font-family:var(--ui); min-height:350px; display:flex; flex-direction:column; gap:14px; overflow:hidden; }
.mock-moldura > .janela { margin:0 calc(var(--pad) * -1) 8px; align-self:stretch; }
.mock-moldura > .janela + * { margin-top:auto; } .mock-moldura > :last-child { margin-bottom:auto; }
.mk-card { background:var(--card2); border:1px solid var(--linha2); border-radius:14px; padding:16px; display:grid; gap:12px; }
.mk-l1 { display:flex; align-items:center; gap:10px; } .mk-l1 b { font-size:14.5px; display:block; } .mk-l1 small { color:var(--mut); font-size:12.5px; }
.av { width:34px; height:34px; border-radius:50%; background:var(--card3); display:grid; place-items:center; font-size:12px; font-weight:600; color:var(--txt2); flex:none; }
.tag-n { margin-left:auto; font-size:11.5px; color:#1b1b1b; background:var(--txt); border-radius:99px; padding:3px 9px; font-weight:600; }
.mk-msg { background:var(--bg); border:1px solid var(--linha); border-radius:10px; padding:12px; font-size:13.5px; line-height:1.55; color:var(--txt2); }
.mk-msg small { display:block; color:var(--ambar2); font-size:11.5px; margin-bottom:6px; }
.mk-bts { display:flex; gap:8px; flex-wrap:wrap; } .mk-bt { font-size:12.5px; font-weight:600; padding:7px 12px; border-radius:8px; border:1px solid var(--linha2); color:var(--txt2); }
.mk-bt.pri { background:var(--ambar); border-color:var(--ambar); color:#16110A; }
.mk-rod { display:flex; justify-content:space-between; font-size:12px; color:var(--mut); } .mk-rod .ok { background:var(--verde); color:#0B0D12; border-radius:99px; padding:1px 9px; font-weight:700; }
.mk-trans { background:var(--card2); border:1px solid var(--linha2); border-radius:12px; padding:14px; font-size:13.5px; color:var(--txt2); font-style:italic; }
.mk-trans small { display:block; font-style:normal; color:var(--mut); font-size:11.5px; margin-bottom:6px; }
.mk-passos { display:grid; gap:2px; padding-left:6px; }
.mk-passos .p { display:grid; grid-template-columns:16px 1fr auto; align-items:center; gap:10px; padding:8px 4px; font-size:13px; color:var(--mut); border-left:2px solid var(--linha2); margin-left:6px; padding-left:12px; }
.mk-passos .p i { width:10px; height:10px; border-radius:50%; border:2px solid var(--mut3); margin-left:-19px; background:var(--card); }
.mk-passos .p.feito i { background:var(--txt2); border-color:var(--txt2); } .mk-passos .p.feito b { color:var(--txt2); font-weight:500; }
.mk-passos .p.atual i { background:var(--ambar); border-color:var(--ambar); box-shadow:0 0 0 4px rgba(200,134,10,.2); } .mk-passos .p.atual b { color:var(--txt); }
.mk-passos .p.atual span { color:var(--ambar2); font-weight:600; } .mk-passos .p b { font-weight:500; }
.mock-moldura.pilha { min-height:390px; align-items:center; gap:30px; }
.mk-notis { width:min(360px, 100%); }
.mk-noti { display:grid; grid-template-columns:1fr auto; gap:2px 12px; padding:12px 14px; background:var(--card2); border:1px solid var(--linha2); border-radius:12px; box-shadow:0 18px 40px rgba(0,0,0,.4); }
.mk-noti b { font-size:12px; color:var(--verde); } .mk-noti span { grid-column:1; font-size:13.5px; color:var(--txt); } .mk-noti small { grid-column:2; grid-row:1; color:var(--mut); font-size:11.5px; text-align:right; }
.mk-noti em { grid-column:2; grid-row:2; font-style:normal; font-size:11.5px; font-weight:700; color:#0B0D12; background:var(--ambar); border-radius:99px; padding:2px 9px; align-self:center; }
.mk-noti.n1 { transform:rotate(-4deg) translateX(-22px); opacity:.6; } .mk-noti.n2 { transform:rotate(-2deg) translateX(-8px); opacity:.82; margin-top:-26px; } .mk-noti.n3 { margin-top:-26px; position:relative; }
/* fileira de canais com o feixe de luz passando (como no modelo) */
.mk-canais { position:relative; display:flex; gap:22px; align-items:center; padding:8px 0; }
.mk-canais span { width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.06); display:grid; place-items:center; animation:pulsar 2.6s ease-in-out infinite; }
.mk-canais span:nth-child(3) { animation-delay:.3s; } .mk-canais span:nth-child(4) { animation-delay:.6s; } .mk-canais span:nth-child(5) { animation-delay:.9s; } .mk-canais span:nth-child(6) { animation-delay:1.2s; }
.mk-canais span.on { width:52px; height:52px; background:rgba(255,255,255,.1); }
.mk-canais svg { width:19px; height:19px; fill:none; stroke:var(--txt2); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.mk-canais span.on svg { stroke:var(--ambar2); }
.mk-canais .feixe { position:absolute; top:-40px; bottom:-40px; left:50%; width:2px; margin-left:-1px;
  background:linear-gradient(to bottom, transparent 0%, rgba(161,161,170,.55) 18%, rgba(250,250,250,.95) 50%, rgba(161,161,170,.55) 82%, transparent 100%); }
@keyframes pulsar { 0%, 100% { transform:scale(1); } 50% { transform:scale(1.06); } }
.mk-alerta { display:flex; align-items:center; gap:12px; padding:14px; border-radius:12px; background:var(--card2); border:1px solid rgba(200,134,10,.45); }
.mk-alerta > span { font-size:20px; } .mk-alerta b { font-size:13.5px; display:block; } .mk-alerta small { color:var(--mut); font-size:12px; }
.mk-alerta em { margin-left:auto; font-style:normal; font-size:12px; font-weight:700; padding:6px 10px; border-radius:99px; background:var(--verde); color:#0B0D12; white-space:nowrap; }
.mk-agenda { display:grid; gap:2px; } .mk-agenda div { display:grid; grid-template-columns:110px 1fr auto; gap:10px; align-items:center; padding:10px 6px; border-top:1px solid var(--linha); font-size:13px; }
.mk-agenda b { color:var(--txt); font-weight:600; } .mk-agenda span { color:var(--txt2); }
.etq { font-style:normal; font-size:11.5px; color:var(--txt2); border:1px solid var(--linha2); border-radius:99px; padding:2px 9px; }

/* app inteiro (na vitrine) */
.app-moldura { display:grid; grid-template-columns:200px minmax(0, 1fr); background:var(--card); border:1px solid var(--linha2); border-radius:20px; overflow:hidden; font-family:var(--ui); }
.app-moldura > .janela { grid-column:1 / -1; }
.ap-lado { background:#0B0B0E; border-right:1px solid var(--linha); padding:14px 10px; display:flex; flex-direction:column; gap:2px; }
.ap-conta { display:flex; align-items:center; gap:9px; padding:4px 6px 14px; border-bottom:1px solid var(--linha); margin-bottom:8px; }
.ap-conta > span { width:30px; height:30px; border-radius:8px; background:rgba(200,134,10,.15); color:var(--ambar2); display:grid; place-items:center; font-size:12px; font-weight:700; }
.ap-conta b { font-size:13px; display:block; } .ap-conta small { font-size:11px; color:var(--mut); }
.ap-it { display:flex; align-items:center; padding:7px 10px; border-radius:8px; font-size:13px; color:var(--txt2); } .ap-it.on { background:var(--card3); color:var(--txt); }
.ap-it em { margin-left:auto; font-style:normal; font-size:11px; color:var(--mut); } .ap-it em.q { background:var(--ambar); color:#0B0D12; border-radius:99px; padding:0 6px; font-weight:700; }
.ap-grupo { color:var(--mut); font-size:11px; padding:12px 10px 4px; }
.ap-corpo { padding:18px 20px 22px; min-width:0; }
.ap-topo { display:flex; align-items:baseline; gap:12px; margin-bottom:16px; } .ap-topo b { font-size:17px; } .ap-topo span { color:var(--mut); font-size:12.5px; }
.ap-cols { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; }
.ap-col h4 { display:flex; align-items:center; gap:7px; font:600 13px var(--ui); margin:0 0 9px; } .ap-col h4 i { width:8px; height:8px; border-radius:50%; } .ap-col h4 em { font-style:normal; color:var(--mut); font-weight:500; }
.ap-c { background:var(--card2); border:1px solid var(--linha); border-radius:10px; padding:10px 11px; margin-bottom:8px; display:grid; gap:3px; }
.ap-c b { font-size:13px; } .ap-c small { color:var(--mut); font-size:11.5px; } .ap-c > span { font-size:11.5px; color:var(--txt2); margin-top:3px; }
.ap-c .lj { color:var(--laranja); } .ap-c .am { color:var(--ambar2); }
.rg { display:flex; gap:3px; } .rg i { flex:1; height:4px; border-radius:2px; background:var(--card3); } .rg i.f { background:#5A5D68; } .rg i.a { background:var(--ambar); }

/* eficiência: cartões com grade de pontos e linhas (20px), texto sobre o degradê de baixo */
.tres { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.ef-card { border:1px solid var(--linha2); border-radius:var(--raio); padding:1px; background:#0B0B0D; transition:border-color .25s, transform .25s; }
.ef-card:hover { border-color:var(--linha3); transform:translateY(-3px); }
.ef-grade { position:relative; height:420px; border-radius:15px; overflow:hidden;
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.2) 1px, transparent 1.4px), linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:20px 20px; }
.ef-grade::after { content:""; position:absolute; inset:auto 0 0; height:42%; background:linear-gradient(to top, #09090B 0%, rgba(9,9,11,.85) 50%, transparent 100%); pointer-events:none; }
.ef-mock { position:absolute; inset:0 0 26% 0; display:flex; align-items:center; justify-content:center; gap:14px; padding:20px; font-family:var(--ui); }
.ef-grade > p { position:absolute; z-index:1; left:0; right:0; bottom:0; margin:0; padding:22px 24px 24px; color:var(--mut); font-size:15.5px; line-height:1.55; }
.ef-grade > p b { color:var(--txt); font-weight:600; }
.ef-noti { background:var(--card2); border:1px solid var(--linha2); border-radius:14px; padding:14px 18px; display:grid; gap:3px; min-width:210px; box-shadow:0 18px 40px rgba(0,0,0,.45); }
.ef-noti small { color:var(--ambar2); font-weight:700; font-size:12px; } .ef-noti b { font-size:15px; } .ef-noti span { color:var(--mut); font-size:13px; }
.ef-linhas { display:grid; gap:7px; justify-items:end; }
.ef-linhas i { display:block; height:2px; border-radius:2px; background:var(--txt2); width:44px; } .ef-linhas i:first-child { width:22px; opacity:.5; } .ef-linhas i:nth-child(3) { width:52px; }
.ef-etqs { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; max-width:280px; }
.ef-etqs span { font-size:12.5px; font-weight:600; padding:5px 12px; border-radius:99px; color:var(--txt); background:color-mix(in srgb, var(--c) 18%, #0d0d0f); border:1px solid color-mix(in srgb, var(--c) 45%, transparent); }
.ef-tab { width:100%; max-width:290px; background:var(--card2); border:1px solid var(--linha2); border-radius:14px; padding:8px 16px; box-shadow:0 18px 40px rgba(0,0,0,.45); }
.ef-tab div { display:flex; justify-content:space-between; padding:9px 0; font-size:13px; color:var(--txt2); border-top:1px solid var(--linha); } .ef-tab div:first-child { border-top:none; }
.ef-tab b { color:var(--ambar2); }

/* números sobre a esfera (vidro fosco na base da esfera) */
.numeros { padding-bottom:40px; }
.esfera-area { position:relative; height:640px; overflow:hidden; border-top:1px solid var(--linha);
  background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size:56px 56px; background-position:center top;
  touch-action:pan-y; cursor:grab; -webkit-user-select:none; user-select:none; }
.esfera-area.arrastando { cursor:grabbing; }
/* a luz de trás da esfera (cinza, vinda de baixo) e um leve escurecer no topo, como no modelo */
.esfera-area::before { content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 88% 100% at 50% 100%, rgba(255,255,255,.3) 0%, rgba(255,255,255,.13) 40%, transparent 70%); }
.esfera-area::after { content:""; position:absolute; inset:0; background:linear-gradient(var(--bg), transparent 16%); pointer-events:none; }
.esfera { position:relative; z-index:1; width:100%; height:100%; }
.num-grade { position:absolute; z-index:3; left:50%; bottom:30px; transform:translateX(-50%); width:min(1100px, calc(100% - 48px)); display:grid; grid-template-columns:repeat(4, minmax(0, 1fr));
  background:rgba(12,12,15,.58); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid var(--linha2); border-radius:18px; cursor:auto; overflow:hidden; }
.num-grade div { padding:22px 24px; border-right:1px solid var(--linha); } .num-grade div:last-child { border-right:none; }
.num-grade b { display:block; font-size:clamp(24px, 2.2vw, 30px); font-weight:500; letter-spacing:-.02em; margin-bottom:2px; } .num-grade span { color:var(--mut); font-size:13.5px; }
/* os números como as quatro etapas da travessia: linha do anel (01) ao ponto âmbar (04), uma luz atravessando
   e cada etapa acendendo quando a luz passa por ela (8 s por volta; a luz cruza nos primeiros 90%) */
.travessia::before { content:""; position:absolute; top:27px; left:28px; right:28px; height:1px; background:linear-gradient(90deg, rgba(242,238,232,.3), rgba(242,238,232,.12) 62%, var(--ambar)); }
.travessia::after { content:""; position:absolute; top:26px; left:28px; right:28px; height:3px; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,236,200,.95), transparent) no-repeat 0 0 / 140px 100%; animation:travessia 8s ease-in-out infinite; }
@keyframes travessia { 0% { background-position:0 0; opacity:0; } 8% { opacity:1; } 84% { opacity:1; } 90%, 100% { background-position:100% 0; opacity:0; } }
.travessia > div { position:relative; padding-top:50px; }
.travessia > div::before { content:""; position:absolute; z-index:1; top:23px; left:24px; width:9px; height:9px; border-radius:50%; background:#0d0d10; box-shadow:inset 0 0 0 1.5px rgba(242,238,232,.65); animation:etapa 8s ease-in-out infinite; }
.travessia > div:last-child::before { background:var(--ambar); box-shadow:0 0 14px rgba(227,164,58,.65); animation-name:etapa-fim; }
.travessia small { display:block; color:var(--mut2); font-size:12px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:8px; }
.travessia > div:last-child small { color:var(--ambar2); }
.travessia b { animation:etapa-num 8s ease-in-out infinite; }
.travessia > div:nth-child(2)::before, .travessia > div:nth-child(2) b { animation-delay:1.8s; }
.travessia > div:nth-child(3)::before, .travessia > div:nth-child(3) b { animation-delay:3.6s; }
.travessia > div:nth-child(4)::before, .travessia > div:nth-child(4) b { animation-delay:5.4s; }
@keyframes etapa { 0%, 6%, 24%, 100% { box-shadow:inset 0 0 0 1.5px rgba(242,238,232,.65); } 13% { box-shadow:inset 0 0 0 1.5px var(--ambar2), 0 0 12px rgba(227,164,58,.55); } }
@keyframes etapa-fim { 0%, 6%, 24%, 100% { box-shadow:0 0 14px rgba(227,164,58,.65); transform:none; } 13% { box-shadow:0 0 22px rgba(227,164,58,.95); transform:scale(1.35); } }
@keyframes etapa-num { 0%, 6%, 26%, 100% { color:var(--txt); } 13% { color:#FFF4E2; text-shadow:0 0 18px rgba(227,164,58,.35); } }

/* falas: letreiro de cartões (frases típicas de lead, não depoimentos) */
.falas { padding-bottom:48px; }
.trilho-mask { overflow:hidden; padding:0 0 96px;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.trilho { display:flex; gap:20px; width:max-content; padding:0 8px; animation:rolar 48s linear infinite; }
.trilho:hover, .trilho:focus-within { animation-play-state:paused; }
@keyframes rolar { to { transform:translateX(-50%); } }
.fala { flex:none; width:400px; margin:0; display:flex; flex-direction:column; background:var(--card); border:1px solid var(--linha2); border-radius:14px; overflow:hidden; transition:border-color .25s; }
.fala:hover { border-color:var(--linha3); }
.fala blockquote { margin:0; padding:26px 24px 30px; font-size:20px; line-height:1.4; color:var(--txt); flex:1; min-height:140px; letter-spacing:-.01em; }
.fala figcaption { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 20px; border-top:1px solid var(--linha); font:12.5px var(--ui); color:var(--mut); }
.fala figcaption span { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.fala figcaption span i { font-style:normal; font-weight:600; font-size:11.5px; color:var(--txt2); background:var(--card3); border:1px solid var(--linha2); border-radius:99px; padding:2px 9px; }
.fala figcaption em { font-style:normal; color:var(--txt2); display:flex; align-items:center; gap:7px; white-space:nowrap; }
.fala figcaption em::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--ambar); flex:none; }


/* planos */
.pl-topo { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:44px; } .pl-topo .sec-tit { margin-bottom:0; }
.pl-nota { display:inline-flex; align-items:center; gap:8px; font:500 13px var(--ui); color:var(--mut); padding-bottom:6px; }
.pl-nota::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--ambar); }
.pl-grade { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); border:1px solid var(--linha); border-radius:var(--raio); }
.pl-c { position:relative; padding:28px 24px 32px; border-right:1px solid var(--linha); display:flex; flex-direction:column; } .pl-c:last-child { border-right:none; }
.pl-c.dest { background:var(--card2); }
.pl-c.dest::before { content:""; position:absolute; top:-1px; left:0; right:0; height:2px; background:linear-gradient(90deg, transparent, var(--ambar2), transparent); }
.pl-c h3 { font-size:17px; font-weight:600; } .pl-d { color:var(--mut); font-size:14px; margin:4px 0 22px; }
.pl-p { display:flex; align-items:baseline; gap:6px; margin-bottom:22px; } .pl-p b { font-size:34px; font-weight:500; letter-spacing:-.02em; } .pl-p span { color:var(--mut); font-size:14px; }
.pl-bt { width:100%; height:40px; margin-bottom:24px; background:var(--card3); color:var(--txt); font-weight:600; font-size:13.5px; }
.pl-bt:hover { background:#25252B; }
.pl-bt.estrela { background:rgba(255,255,255,.14); }
.pl-c ul { list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.pl-c li { font-size:14px; color:var(--txt2); padding-left:24px; position:relative; line-height:1.45; }
.pl-c li::before { content:"✓"; position:absolute; left:0; color:var(--ambar2); opacity:.85; font-size:12.5px; }
.pl-extra { margin:22px 0 0; color:var(--mut); font-size:14.5px; } .pl-extra b { color:var(--txt2); font-weight:600; }

/* perguntas */
.perguntas { display:grid; grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr); gap:60px; align-items:start; }
.pg-esq { position:sticky; top:110px; }
.pg-esq h2 { font-size:clamp(28px, 2.7vw, 36px); line-height:1.15; font-weight:500; letter-spacing:-.025em; }
.pg-lista details { border-top:1px solid var(--linha); } .pg-lista details:last-child { border-bottom:1px solid var(--linha); }
.pg-lista summary { list-style:none; cursor:pointer; padding:22px 52px 22px 0; font-size:16px; font-weight:600; position:relative; transition:color .15s; }
.pg-lista summary:hover { color:#fff; }
.pg-lista summary::-webkit-details-marker { display:none; }
.pg-lista summary::after { content:"+"; position:absolute; right:0; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:50%; box-shadow:inset 0 0 0 1px var(--linha2);
  display:grid; place-items:center; font:300 20px/1 var(--ui); color:var(--txt2); transition:transform .25s, background .2s; }
.pg-lista details[open] summary::after { transform:rotate(45deg); background:var(--card2); }
.pg-lista details p { margin:-6px 0 22px; color:var(--mut); font-size:15px; line-height:1.65; max-width:620px; }

/* chamada final: raios curvos + círculos, letreiro de ícones passando por trás da marca, marca "respirando" */
.final { position:relative; overflow:hidden; text-align:center; padding:120px 24px; background:#050506; }
.final-raios { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.final-ics { position:relative; width:min(660px, 100%); height:100px; margin:0 auto 20px; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); mask-image:linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); }
.final-trilho { position:absolute; top:50%; left:0; display:flex; gap:28px; width:max-content; transform:translateY(-50%); animation:rolar-ic 36s linear infinite; }
@keyframes rolar-ic { from { transform:translate(0, -50%); } to { transform:translate(-50%, -50%); } }
.final-trilho span { width:42px; height:42px; flex:none; border-radius:50%; background:rgba(255,255,255,.06); display:grid; place-items:center; }
.final-trilho svg { width:20px; height:20px; fill:none; stroke:var(--c); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.final-ics .meio { position:absolute; z-index:2; left:50%; top:50%; width:62px; height:62px; margin:-31px 0 0 -31px; border-radius:17px; border:2px solid transparent; display:grid; place-items:center;
  background:linear-gradient(#050506, #050506) padding-box, linear-gradient(135deg, #626262 0%, #F0F0F0 28%, #8B8B8B 50%, #F5F5F5 72%, #5E5E5E 100%) border-box;
  box-shadow:0 0 0 14px #050506, 0 0 40px rgba(255,255,255,.08); animation:respirar 4s ease-in-out infinite; }
.final-ics .meio svg { width:40px; height:25px; }
@keyframes respirar { 0%, 100% { transform:scale(1); box-shadow:0 0 0 14px #050506, 0 0 30px rgba(255,255,255,.05); } 50% { transform:scale(1.05); box-shadow:0 0 0 14px #050506, 0 0 46px rgba(255,255,255,.14); } }
.final h2 { position:relative; font-size:clamp(36px, 4.6vw, 58px); line-height:1.04; font-weight:600; letter-spacing:-.02em; }
.final .hero-ac { position:relative; }

/* rodapé */
.rodape { border-top:1px solid var(--linha); }
.rod-in { max-width:var(--larg); margin:0 auto; padding:64px 24px 44px; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.4fr); gap:40px; }
.rod-marca p { color:var(--mut); font-size:14px; line-height:1.6; max-width:330px; margin:16px 0 0; }
.rod-cols { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; }
.rod-cols h4 { font-size:13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--txt2); margin-bottom:14px; }
.rod-cols a, .rod-cols span { display:block; width:fit-content; color:var(--mut); font-size:14px; padding:5px 0; }
.rod-cols a:hover { color:var(--txt); }
.rod-base { max-width:var(--larg); margin:0 auto; padding:18px 24px 26px; border-top:1px solid var(--linha); color:var(--mut2); font-size:13px; }

/* entrada suave: o conteúdo é VISÍVEL por padrão; só some/aparece quando o navegador prova que anima (.anima) */
.anima [data-sobe] { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
.anima [data-sobe].ver { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) {
  .anima [data-sobe] { opacity:1; transform:none; transition:none; } html { scroll-behavior:auto; }
  .arco-roda, .trilho, .final-trilho, .final-ics .meio, .bt.estrela .luz, .mk-canais span, main { animation:none; }
  .quatro.passos::after, .travessia::after { display:none; }
  .travessia > div::before, .travessia b { animation:none; }
  .vitrine .app-moldura { transform:none; }
}

/* ---------- responsivo ---------- */
@media (max-width:1080px) {
  .menu, .topo-ac { display:none; } .menu-bt { display:flex; }
  .topo.aberto { background:rgba(9,9,11,.97); }
  .topo.aberto .menu { display:flex; position:absolute; top:64px; left:0; right:0; flex-direction:column; gap:0; padding:10px 24px 18px; background:rgba(9,9,11,.97); border-bottom:1px solid var(--linha); }
  .topo.aberto .menu a { padding:12px 0; border-bottom:1px solid var(--linha); }
  .duas, .recurso, .perguntas, .rod-in { grid-template-columns:minmax(0, 1fr); gap:40px; }
  .pg-esq { position:static; }
  .abas { grid-template-columns:minmax(0, 1fr); } .abas-nav { display:none; }
  .quatro.mini { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px 28px; }
  /* passos viram uma travessia vertical */
  .quatro.passos { grid-template-columns:minmax(0, 1fr); margin:70px 24px 0; }
  .quatro.passos::before { top:0; bottom:0; left:4px; right:auto; width:1px; height:auto; background:linear-gradient(180deg, rgba(242,238,232,.28), rgba(242,238,232,.12) 62%, var(--ambar)); }
  .quatro.passos::after { display:none; }
  .quatro.passos > div { border-right:none; padding:0 0 34px 34px; }
  .quatro.passos > div::before { top:6px; left:0; }
  .pl-grade { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .pl-c:nth-child(2) { border-right:none; } .pl-c:nth-child(-n+2) { border-bottom:1px solid var(--linha); }
  .tres { grid-template-columns:minmax(0, 1fr); }
  .app-moldura { grid-template-columns:minmax(0, 1fr); } .ap-lado { display:none; }
  .ap-cols { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .esfera-area { height:500px; }
}
@media (max-width:640px) {
  .moldura { padding:0; border:none; } .pagina { border:none; }
  .sec { padding:64px 16px; } .topo { padding:0 16px; } .hero { padding:120px 16px 110px; min-height:680px; }
  .produto { padding:64px 0 0; } .duas { padding:0 16px; }
  .arco { transform:scale(.86); margin-bottom:10px; }
  .vitrine { margin-top:-50px; padding:0 12px 56px; }
  .vitrine .quatro.mini { margin-top:40px; padding:0 4px; }
  /* pipeline do celular: colunas lado a lado, arrastando pro lado, em vez de duas telas de cartões */
  .ap-corpo { padding:14px 0 16px 14px; }
  .ap-topo { padding-right:14px; } .ap-topo span { display:none; }
  .ap-cols { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:10px; padding-right:14px; scrollbar-width:none; }
  .ap-cols::-webkit-scrollbar { display:none; }
  .ap-col { flex:0 0 74%; scroll-snap-align:start; }
  .quatro.mini, .pl-grade, .rod-cols { grid-template-columns:minmax(0, 1fr); }
  .quatro.passos { margin:56px 16px 0; }
  .pl-c { border-right:none !important; border-bottom:1px solid var(--linha); } .pl-c:last-child { border-bottom:none; }
  .pl-topo { flex-direction:column; align-items:flex-start; }
  .etq-fundo { display:none; } .mock-menu { height:300px; }
  .abas-corpo { gap:72px; }
  .mock-moldura { --pad:16px; min-height:0; } .mock-moldura.pilha { min-height:0; }
  .mk-agenda div { grid-template-columns:90px 1fr; } .mk-agenda .etq { grid-column:2; justify-self:start; }
  .mk-canais { gap:12px; } .mk-canais span { width:36px; height:36px; } .mk-canais span.on { width:44px; height:44px; }
  .ef-grade { height:340px; }
  .esfera-area { height:auto; } .esfera { height:300px; }
  .num-grade { position:relative; left:auto; bottom:auto; transform:none; width:auto; margin:-36px 16px 28px; grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .num-grade div { padding:16px; } .num-grade div:nth-child(2) { border-right:none; }
  .travessia::before, .travessia::after { display:none; } .travessia > div { padding-top:40px; } .travessia > div::before { top:18px; left:16px; } .num-grade div:nth-child(-n+2) { border-bottom:1px solid var(--linha); }
  .fala { width:300px; } .fala blockquote { font-size:17.5px; min-height:120px; }
  .final { padding:90px 16px; }
  .hero h1 br, .final h2 br { display:none; }
}