:root{
  /* Identidade vertical: Agronegócio */
  --v-accent:#3F8F4F;
  --v-accent-soft:#DFF2E2;
  --v-accent-deep:#1F4A28;
  --v-accent-rgb:63,143,79;
}


/* ---------- CONTEXTOS (tema que atravessa operações) e PONTES curtas ---------- */
.seg-ctx{background:var(--offwhite,#F8F5EF); padding:80px 80px 72px;}
.seg-ctx-wrap{max-width:1060px; margin:0 auto;}
.seg-ctx h2{font-size:30px; font-weight:800; letter-spacing:-.6px; margin-bottom:28px;}
.seg-ctx-grid{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.seg-ctx-grid li{background:#fff; border-radius:18px; padding:24px 24px 22px; border-top:3px solid var(--v-accent);}
.seg-ctx-grid b{display:block; font-size:17px; letter-spacing:-.2px; margin-bottom:8px;}
.seg-ctx-grid p{font-size:14.5px; line-height:1.6; color:var(--ink);}
.seg-xlinks{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:22px;}
.seg-xlinks span{font-size:12px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(36,36,48,.5); margin-right:4px;}
.seg-xlinks a{font-size:14.5px; font-weight:700; color:var(--chumbo,#242430); text-decoration:none; padding:10px 16px; border-radius:999px; background:#fff; border:1px solid rgba(36,36,48,.14); transition:border-color .2s ease, transform .2s ease;}
.seg-xlinks a:hover{border-color:var(--v-accent); transform:translateY(-1px);}
.seg-bridge{background:#fff; padding:56px 80px 8px;}
.seg-bridge-card{max-width:1060px; margin:0 auto; display:grid; grid-template-columns:1fr auto; gap:16px 36px; align-items:center; padding:26px 30px; border-radius:20px;
  background:var(--v-accent-soft,#F4F5F7); border:1px solid rgba(36,36,48,.06);}
.seg-bridge-card b{display:block; font-size:19px; letter-spacing:-.3px; margin-bottom:6px;}
.seg-bridge-card p{font-size:15px; line-height:1.6; color:var(--ink); max-width:620px;}
.seg-bridge-card .seg-xlinks{margin-top:0;}
@media (max-width:860px){ .seg-ctx{padding:60px 20px 56px;} .seg-ctx h2{font-size:24px;} .seg-ctx-grid{grid-template-columns:1fr; gap:10px;}
  .seg-bridge{padding:40px 20px 0;} .seg-bridge-card{grid-template-columns:1fr; padding:22px;} }

/* ---------- PONTE SEGMENTO → ENTERPRISE + GEOTAB ---------- */
.seg-ent{background:#fff; padding:20px 80px 70px;}
.seg-ent-card{max-width:1060px; margin:0 auto; display:grid; grid-template-columns:1fr auto; gap:10px 40px; align-items:center; padding:30px 36px; border-radius:22px; color:#fff; text-decoration:none;
  background:radial-gradient(90% 160% at 100% 0%, rgba(14,165,233,.30), transparent 60%), linear-gradient(135deg,#1B2A4E 0%,#0D1526 100%);
  transition:transform .3s ease, box-shadow .3s ease;}
.seg-ent-card:hover{transform:translateY(-3px); box-shadow:0 26px 50px -34px rgba(14,30,50,.85);}
.seg-ent-k{grid-column:1/-1; font-size:12px; font-weight:700; letter-spacing:.9px; text-transform:uppercase; color:#38BDF8;}
.seg-ent-body{display:flex; flex-direction:column; gap:8px;}
.seg-ent-body b{font-size:22px; font-weight:800; letter-spacing:-.4px; line-height:1.2;}
.seg-ent-body span{font-size:15px; line-height:1.6; color:rgba(255,255,255,.74); max-width:640px;}
.seg-ent-cta{white-space:nowrap; font-size:14.5px; font-weight:700; color:#BFE8FB; padding:12px 18px; border-radius:999px; border:1px solid rgba(56,189,248,.45); background:rgba(14,165,233,.12);}
@media (max-width:760px){ .seg-ent{padding:10px 20px 50px;} .seg-ent-card{grid-template-columns:1fr; padding:26px 22px;} .seg-ent-cta{justify-self:start;} .seg-ent-body b{font-size:19px;} }

/* ---------- TEMPLATE B — segmento (equipamento pesado) ---------- */
.seg-problem{background:#fff; padding:90px 80px;}
.seg-problem-wrap{max-width:900px; margin:0 auto;}
.seg-problem-wrap h2{font-size:30px; font-weight:700; letter-spacing:-.5px; margin-bottom:36px;}
.seg-pain-list{display:flex; flex-direction:column; gap:2px;}
.seg-pain-item{display:flex; gap:14px; align-items:flex-start; padding:14px 0; border-bottom:1px solid rgba(36,36,48,.1);}
.seg-pain-item:first-child{padding-top:0;}
.seg-pain-dot{flex-shrink:0; width:8px; height:8px; border-radius:999px; background:var(--orange); margin-top:8px;}
.seg-pain-item span{font-size:17px; color:var(--ink); line-height:1.55;}
.seg-pain-dot{margin-top:9px;}
.seg-capabilities{background:var(--offwhite); padding:90px 80px;}
.seg-capabilities h2{max-width:900px; margin:0 auto 36px auto; font-size:30px; font-weight:700; letter-spacing:-.5px;}
.seg-cap-grid{max-width:1220px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.seg-cap-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,1fr);}
@media (max-width:1100px){ .seg-cap-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,1fr);} }
.seg-cap-card{background:#fff; border-radius:18px; padding:28px; box-shadow:0 20px 40px -30px rgba(36,36,48,.25); border-top:3px solid var(--v-accent, var(--pink));}
.seg-cap-card .ic-glyph{width:34px; height:34px; color:var(--logos-blue); margin-bottom:14px;}
.seg-cap-card h3{font-size:16px; font-weight:800; margin-bottom:10px;}
.seg-cap-card p{font-size:14px; color:var(--ink); line-height:1.6;}
.seg-related{background:#fff; padding:70px 80px;}
.seg-related h2{max-width:1220px; margin:0 auto 24px auto; font-size:22px; font-weight:700;}
.seg-related-grid{max-width:1220px; margin:0 auto; display:flex; gap:16px; flex-wrap:wrap;}
.seg-related-card{padding:14px 22px; border-radius:999px; border:1px solid rgba(36,36,48,.15); text-decoration:none; color:var(--chumbo); font-weight:600; font-size:14px; transition:border-color .2s ease, transform .2s ease;}
.seg-related-card:hover{border-color:var(--pink); transform:translateY(-2px);}
.seg-reveal{background:var(--chumbo); padding:100px 80px; position:relative; overflow:hidden;}
.seg-reveal::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(60% 80% at 85% 50%, rgba(var(--reveal-rgb),.16) 0%, rgba(var(--reveal-rgb),0) 70%);
}
.seg-reveal-wrap{max-width:720px; margin:0 auto; position:relative; z-index:1; text-align:center;}
.seg-reveal-kicker{color:rgb(var(--reveal-rgb)); font-size:13px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; margin-bottom:16px;}
.seg-reveal-wrap h2{color:#fff; font-size:32px; font-weight:700; letter-spacing:-.5px; line-height:1.25; margin-bottom:18px;}
.seg-reveal-wrap p{color:rgba(255,255,255,.75); font-size:16px; line-height:1.65;}
.seg-ctafinal{background:var(--chumbo); padding:90px 80px; text-align:center;}
.seg-ctafinal h2{color:#fff; font-size:28px; font-weight:700; margin-bottom:24px; max-width:640px; margin-left:auto; margin-right:auto;}
@media (max-width:900px){
  .seg-problem, .seg-capabilities, .seg-related, .seg-ctafinal{padding-left:24px; padding-right:24px;}
  .seg-cap-grid,.seg-cap-grid:has(> :nth-child(4):last-child){grid-template-columns:1fr;}
}


/* ===== A FAZENDA EM OPERAÇÃO (.agx) — uma cena contínua conduzida pelo scroll =====
   Palco em coordenadas do vídeo (1280×720), escalado por JS; rótulos HTML com
   contraescala (--ik) para manter legibilidade em qualquer largura. */
.agx{position:relative; height:760vh; background:#0B0905; --g:#8FE0A0; --ok:#5FD39C; --mv:#6CC4F5; --wr:#F2C14E;}
.agx-sticky{position:sticky; top:0; height:100vh; overflow:hidden;}
.agx-view{position:absolute; inset:0; overflow:hidden;}
.agx-view::after{content:""; position:absolute; left:0; right:0; top:0; height:var(--band, 0px); background:linear-gradient(180deg, #0B0905 calc(100% - 60px), rgba(11,9,5,0)); pointer-events:none;}
.agx-stage{position:absolute; left:0; top:0; width:1280px; height:720px; transform-origin:0 0; --ik:1;}
.agx-frame0,.agx-cv{position:absolute; inset:0; width:1280px; height:720px; display:block;}
.agx-cv{opacity:0;}
.agx.is-live .agx-cv{opacity:1;}
.agx.is-live .agx-frame0{visibility:hidden;}
.agx-field{position:absolute; inset:0; width:1280px; height:720px; overflow:visible; pointer-events:none;}

/* território: grandes talhões */
.agx-plot{fill:rgba(143,224,160,.07); stroke:var(--g); stroke-width:1.4; stroke-opacity:.9; stroke-dasharray:1 1; stroke-dashoffset:calc(1 - var(--terr, 0)); vector-effect:non-scaling-stroke;
  opacity:var(--plots, 1); fill-opacity:var(--terr, 0); stroke-linejoin:round;}
.agx-plot[data-plot="1"]{fill:rgba(108,196,245,.06);}
.agx-plot[data-plot="2"]{fill:rgba(242,193,78,.05);}
.agx-plot-t{position:absolute; left:0; top:0; transform:translate(var(--x), var(--y)) scale(var(--ik)); transform-origin:0 0; white-space:nowrap;
  font:700 11px/1 'Switzer',system-ui,sans-serif; letter-spacing:1.6px; text-transform:uppercase; color:#DDF7E3; padding:5px 9px; border-radius:4px;
  background:rgba(10,14,10,.52); border:1px solid rgba(143,224,160,.35); opacity:calc(var(--terr, 0) * var(--plots, 1)); will-change:transform;}
.agx-plot-t::before{content:""; display:inline-block; width:6px; height:6px; margin-right:7px; border:1px solid var(--g); vertical-align:1px;}

/* sincronia: percurso, rota, ligação campo → tablet */
.agx-trail{fill:none; stroke:var(--wr); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1 1; stroke-dashoffset:calc(1 - var(--trail, 0)); vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px rgba(242,193,78,.55)); opacity:var(--trailo, 1);}
.agx-route{fill:none; stroke:var(--mv); stroke-width:1.8; stroke-dasharray:5 7; vector-effect:non-scaling-stroke; opacity:calc(var(--sync, 0) * var(--plots, 1)); animation:agxFlow 1.1s linear infinite;}
@keyframes agxFlow{to{stroke-dashoffset:-24;}}
.agx-route-t{position:absolute; left:0; top:0; transform:translate(var(--x), var(--y)) scale(var(--ik)); transform-origin:0 0; opacity:calc(var(--sync, 0) * var(--plots, 1));}
.agx-route-t span{display:inline-block; transform:translate(-50%, -50%); font:600 10.5px/1 'Switzer',system-ui,sans-serif; letter-spacing:.3px; color:#D6EEFB; padding:5px 9px; border-radius:999px; background:rgba(8,14,20,.7); border:1px solid rgba(108,196,245,.4); white-space:nowrap;}
.agx-link{fill:none; stroke:rgba(255,255,255,.75); stroke-width:1.3; stroke-dasharray:3 5; vector-effect:non-scaling-stroke; opacity:var(--link, 0);}
.agx-packet{fill:var(--wr); opacity:var(--link, 0); filter:drop-shadow(0 0 6px rgba(242,193,78,.9));}

/* ativos: rótulos presos às máquinas */
.agx-tag{position:absolute; left:0; top:0; transform:translate(var(--x), var(--y)); opacity:var(--o, 0); pointer-events:none; will-change:transform, opacity;}
.agx-tag-dot{position:absolute; left:-6px; top:-6px; width:12px; height:12px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgba(255,255,255,.18); transform:scale(var(--ik));}
.agx-tag.is-ok .agx-tag-dot{background:var(--ok); box-shadow:0 0 0 4px rgba(95,211,156,.22);}
.agx-tag.is-move .agx-tag-dot{background:var(--mv); box-shadow:0 0 0 4px rgba(108,196,245,.22);}
.agx-tag.is-warn .agx-tag-dot{background:var(--wr); animation:agxPulse 1.8s ease-in-out infinite;}
@keyframes agxPulse{50%{box-shadow:0 0 0 9px rgba(242,193,78,.12);}}
.agx-tag-box{position:absolute; left:0; bottom:0; transform-origin:0 100%; transform:scale(var(--ik)) translate(14px, -16px); display:grid; gap:1px; white-space:nowrap;
  padding:7px 11px 7px 10px; border-radius:10px; background:rgba(9,12,9,.74); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  font:12px/1.25 'Switzer',system-ui,sans-serif; color:#fff; box-shadow:0 10px 26px rgba(0,0,0,.3);}
.agx-tag-box::before{content:""; position:absolute; left:-14px; bottom:-16px; width:14px; height:16px; border-left:1px solid rgba(255,255,255,.5); border-top:0; transform:skewX(41deg); transform-origin:0 100%;}
.agx-tag.is-left .agx-tag-box{left:auto; right:0; transform-origin:100% 100%; transform:scale(var(--ik)) translate(-14px, -16px);}
.agx-tag.is-left .agx-tag-box::before{left:auto; right:-14px; transform:skewX(-41deg); transform-origin:100% 100%; border-left:0; border-right:1px solid rgba(255,255,255,.5);}
.agx-tag-box b{font-weight:650; font-size:12.5px;}
.agx-tag-box em{font-style:normal; font-size:11px; font-weight:600; letter-spacing:.2px;}
.agx-tag.is-ok em{color:var(--ok);} .agx-tag.is-move em{color:var(--mv);} .agx-tag.is-warn em{color:var(--wr);}
.agx-tag-more{display:block; max-height:0; overflow:hidden; opacity:0; font-size:10.5px; color:rgba(255,255,255,.72); transition:max-height .4s ease, opacity .4s ease, margin .4s ease;}
.agx[data-sync="1"] .agx-tag-more{max-height:20px; opacity:1; margin-top:3px;}
.agx-clock{font-variant-numeric:tabular-nums;}

/* painel da gestão (cobre o painel original do vídeo) */
.agx-card{position:absolute; left:0; top:0; transform-origin:0 0; box-sizing:border-box; border-radius:12px; color:#fff; overflow:hidden; display:none;
  background:linear-gradient(180deg, #121712, #0D110D); border:1px solid rgba(143,224,160,.22); box-shadow:0 18px 44px rgba(0,0,0,.4);
  font-family:'Switzer',system-ui,sans-serif; padding:18px 18px 16px;}
.agx-card.on{display:block;}
.agx-card-a{width:282px; height:286px;}
.agx-card-b{width:282px; height:285px;}
.agx-card-k{display:block; font-size:9.5px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:var(--g); margin-bottom:10px;}
.agx-card-t{display:block; font-size:19px; line-height:1.15; letter-spacing:-.3px; font-weight:650; margin-bottom:9px;}
.agx-card p{margin:0 0 12px; font-size:11.5px; line-height:1.45; color:rgba(255,255,255,.72);}
.agx-card-l{list-style:none; margin:0; padding:0; display:grid; gap:7px;}
.agx-card-l li{font-size:11px; color:rgba(255,255,255,.85); display:flex; align-items:center; gap:8px; opacity:0; transform:translateX(-6px); transition:opacity .4s ease, transform .5s var(--ease-out, ease);}
.agx-card-l li::before{content:""; width:14px; height:14px; border-radius:50%; border:1px solid rgba(143,224,160,.55); background:radial-gradient(circle, var(--g) 0 2px, transparent 2.5px);}
.agx-card.lit .agx-card-l li{opacity:1; transform:none;}
.agx-card.lit .agx-card-l li:nth-child(2){transition-delay:.12s;} .agx-card.lit .agx-card-l li:nth-child(3){transition-delay:.24s;} .agx-card.lit .agx-card-l li:nth-child(4){transition-delay:.36s;}
.agx-rows{list-style:none; margin:0 0 10px; padding:0; display:grid; gap:4px;}
.agx-rows li{display:grid; grid-template-columns:12px 1fr; column-gap:9px; padding:8px 8px; border-radius:8px; background:rgba(255,255,255,.035);
  opacity:0; transform:translateY(6px); transition:opacity .4s ease, transform .5s var(--ease-out, ease);}
.agx-card.lit .agx-rows li{opacity:1; transform:none;}
.agx-card.lit .agx-rows li:nth-child(2){transition-delay:.15s;} .agx-card.lit .agx-rows li:nth-child(3){transition-delay:.3s;} .agx-card.lit .agx-rows li:nth-child(4){transition-delay:.45s;}
.agx-rows i{grid-row:span 2; width:8px; height:8px; margin-top:4px; border-radius:50%; background:var(--ok);}
.agx-rows li.is-move i{background:var(--mv);}
.agx-rows b{font-size:11.5px; font-weight:650;}
.agx-rows span{font-size:10px; color:rgba(255,255,255,.62);}
.agx-card small{font-size:9px; color:rgba(255,255,255,.45); letter-spacing:.3px;}

/* tela do tablet (cobre a tela original e segue o plano dela) */
.agx-tab{position:absolute; left:0; top:0; width:900px; height:600px; transform-origin:0 0; display:none; overflow:hidden; color:#fff; font-family:'Switzer',system-ui,sans-serif;
  background:#0C120F; clip-path:polygon(0 0, 884px 0, 884px 360px, 762px 600px, 0 600px);}
.agx-tab.on{display:block;}
.agx-tab-head{position:absolute; left:0; right:0; top:0; height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 30px 0 24px; border-bottom:1px solid rgba(255,255,255,.08); background:#0F1612;}
.agx-tab-head b{font-size:21px; font-weight:600;}
.agx-tab-head span{font-size:16px; color:rgba(255,255,255,.6); display:flex; align-items:center; gap:9px;}
.agx-tab-head span i{width:10px; height:10px; border-radius:50%; background:var(--ok); box-shadow:0 0 0 5px rgba(95,211,156,.18);}
.agx-map{position:absolute; left:0; top:58px; width:600px; height:542px;}
.agx-map-bg{fill:#13201A;}
.agx-mplot{fill:rgba(143,224,160,.1); stroke:var(--g); stroke-width:4; stroke-dasharray:1 1; stroke-dashoffset:calc(1 - var(--mp, 0)); fill-opacity:var(--mp, 0);}
.agx-mplot[data-plot="1"]{fill:rgba(108,196,245,.1);}
.agx-mplot[data-plot="2"]{fill:rgba(242,193,78,.08);}
.agx-mrows{fill:url(#agx-rowpat); opacity:var(--mp, 0); pointer-events:none;}
.agx-mplot-t{font:700 44px 'Switzer',system-ui,sans-serif; letter-spacing:6px; fill:#DDF7E3; opacity:var(--mp, 0);}
.agx-mtrail{fill:none; stroke:var(--wr); stroke-width:9; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1 1; stroke-dashoffset:calc(1 - var(--mt, 0)); filter:drop-shadow(0 0 8px rgba(242,193,78,.6));}
.agx-mroute{fill:none; stroke:var(--mv); stroke-width:6; stroke-dasharray:16 20; opacity:var(--mt, 0); animation:agxFlowM 1.1s linear infinite;}
@keyframes agxFlowM{to{stroke-dashoffset:-72;}}
.agx-mdot{opacity:var(--md, 0);}
.agx-mdot circle{fill:var(--ok); stroke:#0C120F; stroke-width:6;}
.agx-mdot.is-move circle{fill:var(--mv);}
.agx-mdot .ring{fill:none; stroke:var(--wr); stroke-width:4; animation:agxRing 1.6s ease-out infinite; transform-box:fill-box; transform-origin:center;}
.agx-mdot.is-main circle:not(.ring){fill:var(--wr);}
@keyframes agxRing{from{transform:scale(.5); opacity:1;} to{transform:scale(1.6); opacity:0;}}
.agx-tab-side{position:absolute; left:600px; top:58px; right:0; bottom:0; padding:16px 26px 0 18px; display:grid; align-content:start; gap:10px; background:#0E1511; border-left:1px solid rgba(255,255,255,.07);}
.agx-tab-row{display:grid; gap:2px; padding:12px 14px; border-radius:10px; background:rgba(255,255,255,.04); opacity:var(--o, 0); transform:translateY(calc((1 - var(--o, 0)) * 12px));}
.agx-tab-row .k{font-size:15px; color:rgba(255,255,255,.62);}
.agx-tab-row b{font-size:19px; font-weight:650; color:var(--ok);}
.agx-tab-row b.is-move{color:var(--mv);}
.agx-tab-row > span:not(.k):not(.kv){font-size:14px; color:rgba(255,255,255,.75);}
.agx-tab-row.is-main{border:1px solid rgba(242,193,78,.35); background:rgba(242,193,78,.06);}
.agx-tab-row .kv{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; font-size:14px;}
.agx-tab-row .kv em{font-style:normal; color:rgba(255,255,255,.6);}
.agx-tab-row .kv strong{font-size:19px; font-weight:650; font-variant-numeric:tabular-nums;}
.agx-tab-spark{width:120px; height:24px;}
.agx-tab-spark path{fill:none; stroke:var(--wr); stroke-width:2.4; stroke-dasharray:1 1; stroke-dashoffset:calc(1 - var(--mt, 0));}

/* texto: legenda mínima, uma fase por vez */
.agx-copy{position:absolute; left:clamp(20px, 5vw, 80px); bottom:clamp(36px, 8vh, 84px); width:min(380px, 86vw); color:#fff; pointer-events:none; opacity:var(--copyo, 1);
  text-shadow:0 2px 18px rgba(0,0,0,.55);}
.agx-copy::before{content:""; position:absolute; left:-60px; right:-80px; top:-40px; bottom:-50px; z-index:-1; background:radial-gradient(ellipse at 30% 60%, rgba(8,7,4,.62), rgba(8,7,4,0) 70%);}
.agx-kicker{display:block; font-size:11.5px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--g); margin-bottom:14px;}
.agx-steps{list-style:none; margin:0; padding:0; position:relative; min-height:118px;}
.agx-steps li{position:absolute; left:0; right:0; top:0; opacity:0; transform:translateY(12px); transition:opacity .45s ease, transform .6s var(--ease-out, ease);}
.agx-steps li b{display:block; font-size:clamp(24px, 2.3vw, 32px); line-height:1.1; letter-spacing:-.6px; margin-bottom:10px;}
.agx-steps li span{display:block; font-size:15px; line-height:1.5; color:rgba(255,255,255,.82);}
.agx[data-step="0"] li[data-step="0"],.agx[data-step="1"] li[data-step="1"],.agx[data-step="2"] li[data-step="2"],.agx[data-step="3"] li[data-step="3"],.agx[data-step="4"] li[data-step="4"]{opacity:1; transform:none;}
.agx-progress{margin-top:20px; height:2px; width:160px; background:rgba(255,255,255,.16); border-radius:2px; overflow:hidden;}
.agx-progress i{display:block; height:100%; width:calc(var(--p, 0) * 100%); background:var(--g);}
.agx-illu{position:absolute; right:16px; top:calc(var(--nav-h, 92px) + 14px); font-size:10.5px; font-weight:600; color:rgba(255,255,255,.62); padding:4px 10px; border-radius:999px; background:rgba(10,8,4,.55);}

.agx-only-m{display:none;}
@media (max-width:760px){
  .agx-only-m{display:block;}
  .agx{height:620vh;}
  .agx-view{top:var(--nav-h, 64px); bottom:auto; height:58vh;}
  .agx-view::after{display:none;}
  .agx-copy{left:20px; right:20px; width:auto; top:calc(var(--nav-h, 64px) + 58vh + 22px); bottom:auto;}
  .agx-copy::before{display:none;}
  .agx-steps{min-height:120px;}
  .agx-steps li b{font-size:24px;}
  .agx-steps li span{font-size:14.5px;}
  .agx-tag[data-m="2"],.agx-tag[data-m="3"],.agx-route-t{display:none;}
  .agx-illu{top:calc(var(--nav-h, 64px) + 58vh - 34px); right:12px;}
}
/* sem movimento: a cena final, com a leitura completa, sem scroll conduzido */
.agx.is-static{height:auto;}
.agx.is-static .agx-sticky{position:relative; height:min(100vh, 56.25vw); min-height:420px;}
.agx.is-static .agx-copy,.agx.is-static .agx-progress{display:none;}
@media (max-width:760px){ .agx.is-static .agx-sticky{height:calc(58vh + var(--nav-h, 64px));} }