:root{
  /* Tokens especificos desta pagina (Gestao de Frotas nao usa --v-accent, e pagina de persona, nao de vertical de solucao) */
  --deepnavy:#10163A;
  --orange-strong:#FF3B1A;
  --azul:#2C8FE8;
  --gf-accent:#EC1A5E;
  --gf-accent-soft:#FBE3EC;
  --gf-accent-deep:#8C0F3E;
  --gf-accent-rgb:236,26,94;
}


  
            button{font-family:inherit;}
  img,svg{display:block;}
    section{position:relative; overflow:hidden;}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
  }

    .stagger-item{opacity:0; transform:translateY(14px); transition:opacity .55s ease, transform .55s ease;}
  .stagger-item.in{opacity:1; transform:translateY(0);}

  /* ---------- NAV (reutilizado) ---------- */
  /* ---------- BOTOES (reutilizado) ---------- */
              .secondary.on-light:hover{background:rgba(36,36,48,.12);}

  /* ---------- GF-HERO (full-bleed editorial, foto grande) ---------- */
  .gf-hero{position:relative; min-height:92vh; display:flex; align-items:flex-end; background:var(--chumbo); overflow:hidden;}
  .gf-hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%;}
  .gf-hero::before{content:""; position:absolute; inset:0; z-index:1;
    background:
      linear-gradient(100deg, rgba(16,16,24,.96) 0%, rgba(16,16,24,.86) 22%, rgba(16,16,24,.35) 48%, rgba(16,16,24,.08) 66%, rgba(16,16,24,.35) 100%),
      linear-gradient(0deg, rgba(10,10,16,.75) 0%, rgba(10,10,16,0) 34%);
  }
  .gf-breadcrumb{position:relative; z-index:3; font-size:12.5px; color:rgba(255,255,255,.55); position:absolute; top:110px; left:80px;}
  .gf-breadcrumb a{color:rgba(255,255,255,.8);}
  .gf-hero-inner{position:relative; z-index:2; padding:170px 80px 90px 80px; max-width:1220px; margin:0 auto; width:100%;}
  .gf-hero-copy{max-width:700px;}
  .gf-eyebrow{display:inline-flex; align-items:center; gap:10px; width:fit-content; background:rgba(236,26,94,.16); border:1px solid rgba(236,26,94,.35); border-radius:999px; padding:8px 14px; color:#fff; font-size:12.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; margin-bottom:24px;}
  .gf-eyebrow .dot{width:8px; height:8px; border-radius:999px; background:var(--pink); flex-shrink:0;}
  .gf-hero h1{color:#fff; font-weight:900; font-size:50px; line-height:1.12; letter-spacing:-1.4px; margin-bottom:24px; text-shadow:0 2px 24px rgba(0,0,0,.25);}
  .gf-hero .sub{color:rgba(255,255,255,.86); font-size:17px; line-height:1.62; max-width:520px; margin-bottom:34px;}
  .gf-hero-proof{display:flex; flex-wrap:wrap; gap:16px 26px; margin-top:36px; padding-top:26px; border-top:1px solid rgba(255,255,255,.16);}
  .gf-hero-proof div{display:flex; flex-direction:column; gap:3px;}
  .gf-hero-proof b{color:#fff; font-size:20px; font-weight:800; font-family:'Switzer',sans-serif;}
  .gf-hero-proof span{color:rgba(255,255,255,.55); font-size:12px; font-weight:500;}

  /* ---------- GF-PROBLEM ---------- */
  .gf-problem{background:#fff; padding:120px 80px;}
  .gf-problem-grid{max-width:1220px; margin:0 auto; display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center;}
  .gf-problem-copy span.kicker{font-size:13px; font-weight:700; letter-spacing:.8px; color:var(--gf-accent-deep); text-transform:uppercase;}
  .gf-problem-copy h2{font-weight:800; font-size:36px; letter-spacing:-.9px; line-height:1.2; margin:16px 0 20px 0;}
  .gf-problem-copy p{font-size:16px; color:var(--ink); line-height:1.68; max-width:440px;}
  .gf-flowviz{display:flex; flex-direction:column; gap:0;}
  .gf-flowviz-row{display:flex; align-items:center; gap:22px; padding:22px 0; border-bottom:1px solid rgba(36,36,48,.08);}
  .gf-flowviz-row:last-child{border-bottom:none;}
  .gf-flowviz-bar{height:10px; border-radius:999px; background:rgba(36,36,48,.07); flex:1; position:relative; overflow:hidden;}
  .gf-flowviz-bar i{position:absolute; inset:0; border-radius:999px; transform-origin:left; background:linear-gradient(90deg, var(--gf-accent), #ff6f94);}
  .gf-flowviz-label{width:190px; flex-shrink:0;}
  .gf-flowviz-label b{display:block; font-size:14.5px; font-weight:800;}
  .gf-flowviz-label span{font-size:12px; color:var(--ink);}
  .gf-flowviz-val{width:50px; text-align:right; font-family:'Switzer',sans-serif; font-weight:900; font-size:15px; color:var(--gf-accent-deep); flex-shrink:0;}

  /* ---------- GF-WOW (storytelling em 4 fases: Dados → Visibilidade → Prioridades → Decisão) ---------- */
  .gf-wow{background:var(--chumbo); padding:130px 80px 110px 80px; color:#fff;}
  .gf-wow::before{content:""; position:absolute; inset:0; background:radial-gradient(ellipse 900px 560px at 85% 0%, rgba(236,26,94,.14), transparent 60%);}
  .gf-wow-head{position:relative; z-index:2; max-width:680px; margin:0 auto 50px auto; text-align:center;}
  .gf-wow-head span.kicker{font-size:13px; font-weight:700; letter-spacing:.8px; color:#ff9ab8; text-transform:uppercase;}
  .gf-wow-head h2{font-weight:800; font-size:38px; letter-spacing:-1px; line-height:1.2; margin:14px 0 14px 0;}
  .gf-wow-head p{font-size:16px; color:rgba(255,255,255,.75); line-height:1.6;}

  .gf-story{position:relative; z-index:2; max-width:1280px; margin:0 auto;}

  /* abas das 4 fases — indicador editorial, não UI de sistema */
  .gf-story-tabs{display:flex; gap:10px; margin-bottom:30px; flex-wrap:wrap;}
  .gf-story-tab{display:flex; align-items:center; gap:11px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:9px 20px 9px 9px; cursor:pointer; transition:background .25s ease, border-color .25s ease; font-family:inherit;}
  .gf-story-tab .n{width:30px; height:30px; border-radius:999px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; font-family:'Switzer',sans-serif; font-weight:800; font-size:12.5px; color:rgba(255,255,255,.55); transition:background .25s ease, color .25s ease; flex-shrink:0;}
  .gf-story-tab .lbl{font-size:13.5px; font-weight:600; color:rgba(255,255,255,.55); transition:color .25s ease; white-space:nowrap;}
  .gf-story-tab.active{background:rgba(236,26,94,.14); border-color:rgba(236,26,94,.45);}
  .gf-story-tab.active .n{background:var(--pink); color:#fff;}
  .gf-story-tab.active .lbl{color:#fff;}
  .gf-story-tab:hover:not(.active){border-color:rgba(255,255,255,.3);}

  /* card de contexto — texto da fase ativa */
  .gf-story-context{position:relative; min-height:92px; margin-bottom:24px;}
  .gf-story-panel{position:absolute; inset:0; opacity:0; transform:translateY(8px); transition:opacity .4s ease, transform .4s ease; pointer-events:none;}
  .gf-story-panel.active{opacity:1; transform:translateY(0); pointer-events:auto; position:relative;}
  .gf-story-panel b{display:block; font-size:21px; font-weight:800; color:#fff; margin-bottom:8px; font-family:'Switzer',sans-serif; letter-spacing:-.4px;}
  .gf-story-panel p{font-size:14.5px; color:rgba(255,255,255,.68); line-height:1.6; max-width:660px;}

  /* canvas — visualização única que se transforma entre as fases */
  .gf-story-canvas{position:relative; aspect-ratio:1200/620; border-radius:28px; overflow:hidden; background:linear-gradient(160deg,#1c1d2a,#131319); box-shadow:0 50px 100px -40px rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.1); transition:box-shadow .8s ease;}
  .gf-story-canvas[data-phase="4"]{box-shadow:0 50px 100px -40px rgba(0,0,0,.6), inset 0 0 160px 40px rgba(8,8,13,.6);}
  .gf-story-routes{position:absolute; inset:0; width:100%; height:100%; opacity:0; transition:opacity .7s ease;}
  .gf-signal-field{position:absolute; inset:0; opacity:1; transition:opacity .6s ease; z-index:2;}
  .gf-signal-dot{position:absolute; width:3.5px; height:3.5px; border-radius:999px; background:rgba(255,255,255,.55); animation:gfSignalFlicker 2.6s ease-in-out infinite;}
  @keyframes gfSignalFlicker{0%,100%{opacity:.15;} 50%{opacity:.85;}}
  .gf-signal-tag{position:absolute; font-size:10.5px; font-weight:700; letter-spacing:.3px; color:rgba(255,255,255,.32); text-transform:uppercase; animation:gfTagFade 4.5s ease-in-out infinite;}
  @keyframes gfTagFade{0%,100%{opacity:0;} 15%,40%{opacity:1;} 55%{opacity:0;}}

  .gf-story-vehicle{position:absolute; width:7px; height:7px; border-radius:999px; background:#3ddc84; opacity:0; transform:translate(-50%,-50%) scale(.3); transition:opacity .5s ease, transform .5s ease, background .4s ease, box-shadow .4s ease; box-shadow:0 0 0 3px rgba(61,220,132,.14); z-index:2;}
  .gf-story-vehicle::before{content:""; position:absolute; inset:-9px; border-radius:999px; border:1.5px solid rgba(236,26,94,.55); opacity:0; transition:opacity .3s ease;}
  .gf-story-vehicle .tag{position:absolute; bottom:calc(100% + 11px); left:50%; transform:translateX(-50%) translateY(4px); background:rgba(18,18,26,.85); backdrop-filter:blur(14px) saturate(160%); -webkit-backdrop-filter:blur(14px) saturate(160%); border:1px solid rgba(255,255,255,.2); border-radius:11px; padding:8px 13px; font-size:11.5px; font-weight:700; color:#fff; white-space:nowrap; opacity:0; transition:opacity .35s ease, transform .35s ease; pointer-events:none; z-index:4;}
  .gf-story-vehicle.anchor-left .tag{left:0; transform:translateX(0) translateY(4px);}
  .gf-story-canvas[data-phase="3"] .gf-story-vehicle.anchor-left.priority .tag,
  .gf-story-canvas[data-phase="4"] .gf-story-vehicle.anchor-left.priority .tag{transform:translateX(0) translateY(0);}

  .gf-decision-tag{position:absolute; left:50%; bottom:24px; transform:translateX(-50%) translateY(8px); background:rgba(236,26,94,.14); border:1px solid rgba(236,26,94,.4); border-radius:999px; padding:9px 20px; font-size:12.5px; font-weight:700; color:#fff; opacity:0; transition:opacity .5s ease .2s, transform .5s ease .2s; white-space:nowrap; z-index:4;}

  @keyframes gfPulse{0%{transform:scale(.7); opacity:1;} 100%{transform:scale(1.9); opacity:0;}}

  /* ---------- estados por fase (data-phase no canvas) ---------- */
  .gf-story-canvas[data-phase="1"] .gf-story-routes{opacity:0;}
  .gf-story-canvas[data-phase="1"] .gf-story-vehicle{opacity:0;}
  .gf-story-canvas:not([data-phase="1"]) .gf-signal-field{opacity:0; pointer-events:none;}
  .gf-story-canvas:not([data-phase="1"]) .gf-story-routes{opacity:1;}
  .gf-story-canvas:not([data-phase="1"]) .gf-story-vehicle{opacity:1; transform:translate(-50%,-50%) scale(1);}

  .gf-story-canvas[data-phase="3"] .gf-story-vehicle.priority,
  .gf-story-canvas[data-phase="4"] .gf-story-vehicle.priority{background:var(--pink); box-shadow:0 0 0 4px rgba(236,26,94,.2);}
  .gf-story-canvas[data-phase="3"] .gf-story-vehicle.priority::before,
  .gf-story-canvas[data-phase="4"] .gf-story-vehicle.priority::before{opacity:1; animation:gfPulse 2.4s ease-out infinite;}
  .gf-story-canvas[data-phase="3"] .gf-story-vehicle.priority .tag,
  .gf-story-canvas[data-phase="4"] .gf-story-vehicle.priority .tag{opacity:1; transform:translateX(-50%) translateY(0);}

  .gf-story-canvas[data-phase="4"] .gf-decision-tag{opacity:1; transform:translateX(-50%) translateY(0);}

  .gf-story-caption{position:relative; z-index:2; max-width:1280px; margin:18px auto 0 auto; font-size:12.5px; color:rgba(255,255,255,.42); text-align:center; font-style:italic;}


  /* ---------- GF-STEPS ---------- */
  .gf-steps{background:var(--offwhite); padding:120px 80px;}
  .gf-steps-head{max-width:680px; margin:0 auto 56px auto; text-align:center;}
  .gf-steps-head h2{font-weight:800; font-size:34px; letter-spacing:-.8px;}
  .gf-steps-grid{max-width:1220px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:0;}
  .gf-step{padding:0 34px; position:relative;}
  .gf-step:not(:last-child)::after{content:"→"; position:absolute; right:-4px; top:26px; font-size:20px; color:rgba(36,36,48,.22);}
  .gf-step .n{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:999px; background:#fff; border:1.5px solid var(--gf-accent); color:var(--gf-accent-deep); font-family:'Switzer',sans-serif; font-weight:900; font-size:15px; margin-bottom:20px;}
  .gf-step h3{font-size:19px; font-weight:800; margin-bottom:10px;}
  .gf-step p{font-size:14px; color:var(--ink); line-height:1.6;}

  /* ---------- GF-REAL (foto editorial urbana) ---------- */
  .gf-real{background:#fff; padding:0;}
  .gf-real-grid{display:grid; grid-template-columns:1fr 1fr; min-height:640px;}
  .gf-real-img{position:relative; overflow:hidden;}
  .gf-real-img img{width:100%; height:100%; object-fit:cover; object-position:center 30%;}
  .gf-real-copy{display:flex; flex-direction:column; justify-content:center; padding:80px; background:var(--chumbo); color:#fff;}
  .gf-real-copy span.kicker{font-size:13px; font-weight:700; letter-spacing:.8px; color:#ff9ab8; text-transform:uppercase;}
  .gf-real-copy h2{font-weight:800; font-size:32px; letter-spacing:-.8px; line-height:1.25; margin:16px 0 18px 0; max-width:440px;}
  .gf-real-copy p{font-size:15.5px; color:rgba(255,255,255,.78); line-height:1.65; max-width:440px;}

  /* ---------- GF-ECOSYSTEM (6 soluções conectadas) ---------- */
  .gf-eco{background:var(--offwhite); padding:120px 80px;}
  .gf-eco-head{max-width:680px; margin:0 auto 50px auto;}
  .gf-eco-head span.kicker{font-size:13px; font-weight:700; letter-spacing:.8px; color:var(--gf-accent-deep); text-transform:uppercase;}
  .gf-eco-head h2{font-weight:800; font-size:34px; letter-spacing:-.8px; margin:14px 0;}
  .gf-eco-head p{font-size:16px; color:var(--ink); line-height:1.6;}
  .gf-eco-grid{max-width:1220px; margin:0 auto; display:grid; grid-template-columns:repeat(6,1fr); gap:14px;}
  .fam1{--fam:#EC1A5E; --fam-soft:#FBE3EC; --fam-deep:#8C0F3E; --fam-rgb:236,26,94;}
  .fam2{--fam:#9F8CE9; --fam-soft:#ECE7FB; --fam-deep:#453583; --fam-rgb:159,140,233;}
  .fam3{--fam:#FC3D13; --fam-soft:#FEE3DA; --fam-deep:#96280D; --fam-rgb:252,61,19;}
  .fam4{--fam:#10163A; --fam-soft:#E7E8EE; --fam-deep:#10163A; --fam-rgb:16,22,58;}
  .fam5{--fam:#2C8FE8; --fam-soft:#CBECFE; --fam-deep:#0F5EA8; --fam-rgb:44,143,232;}
  .fam6{--fam:#2C8FE8; --fam-soft:#E1EFFC; --fam-deep:#0F5EA8; --fam-rgb:44,143,232;}
  .gf-eco-card{grid-column:span 2; background:#fff; border-radius:22px; padding:28px; display:flex; flex-direction:column; gap:14px; border-top:3px solid var(--fam); transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s ease;}
  .gf-eco-card:hover{transform:translateY(-5px); box-shadow:0 24px 44px -26px rgba(36,36,48,.3);}
  .gf-eco-card.wide{grid-column:span 3;}
  .gf-eco-icon{width:46px; height:46px; border-radius:999px; background:var(--fam-soft); display:flex; align-items:center; justify-content:center;}
  .gf-eco-icon svg{width:22px; height:22px; stroke:var(--fam-deep);}
  .gf-eco-card h3{font-size:17.5px; font-weight:800;}
  .gf-eco-card p{font-size:13.5px; color:var(--ink); line-height:1.55; flex:1;}
  .gf-eco-link{font-size:13px; font-weight:700; color:var(--fam-deep); display:inline-flex; align-items:center; gap:4px; transition:gap .2s ease;}
  .gf-eco-card:hover .gf-eco-link{gap:8px;}

  /* ---------- GF-VIDEO (videotelemetria) ---------- */
  .gf-video{background:#fff;}
  .gf-video-grid{display:grid; grid-template-columns:1.05fr .95fr; min-height:600px;}
  .gf-video-copy{display:flex; flex-direction:column; justify-content:center; padding:80px;}
  .gf-video-copy span.kicker{font-size:13px; font-weight:700; letter-spacing:.8px; color:var(--gf-accent-deep); text-transform:uppercase;}
  .gf-video-copy h2{font-weight:800; font-size:32px; letter-spacing:-.8px; line-height:1.25; margin:16px 0 18px 0; max-width:460px;}
  .gf-video-copy p{font-size:15.5px; color:var(--ink); line-height:1.65; max-width:460px; margin-bottom:28px;}
  .gf-video-imgwrap{position:relative; overflow:hidden;}
  .gf-video-imgwrap img{width:100%; height:100%; object-fit:cover;}
  .gf-video-badge{position:absolute; bottom:26px; left:26px; background:rgba(20,20,28,.55); backdrop-filter:blur(14px) saturate(160%); -webkit-backdrop-filter:blur(14px) saturate(160%); border:1px solid rgba(255,255,255,.22); border-radius:14px; padding:12px 16px; color:#fff; font-size:12.5px; font-weight:600; display:flex; align-items:center; gap:10px;}
  .gf-video-badge .dot{width:8px; height:8px; border-radius:999px; background:#ff5c8a; flex-shrink:0; animation:gfDotBlink 1.8s ease-in-out infinite;}
  @keyframes gfDotBlink{0%,100%{opacity:1;} 50%{opacity:.35;}}

  /* ---------- GF-SCALE (operação de maior escala) ---------- */
  .gf-scale{background:var(--chumbo); padding:120px 80px; color:#fff;}
  .gf-scale-grid{max-width:1220px; margin:0 auto; display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center;}
  .gf-scale-imgwrap{position:relative; border-radius:28px; overflow:hidden; aspect-ratio:1/1;}
  .gf-scale-imgwrap img{width:100%; height:100%; object-fit:cover;}
  .gf-scale-copy span.kicker{font-size:13px; font-weight:700; letter-spacing:.8px; color:#ff9ab8; text-transform:uppercase;}
  .gf-scale-copy h2{font-weight:800; font-size:34px; letter-spacing:-.8px; line-height:1.24; margin:16px 0 18px 0;}
  .gf-scale-copy p{font-size:16px; color:rgba(255,255,255,.78); line-height:1.65; max-width:480px;}

  /* ---------- GF-COLD (temperatura e umidade) ---------- */
  .gf-cold{background:var(--ice); padding:120px 80px;}
  .gf-cold-grid{max-width:1220px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
  .gf-cold-copy span.kicker{font-size:13px; font-weight:700; letter-spacing:.8px; color:#0F5EA8; text-transform:uppercase;}
  .gf-cold-copy h2{font-weight:800; font-size:32px; letter-spacing:-.8px; line-height:1.25; margin:16px 0 18px 0;}
  .gf-cold-copy p{font-size:15.5px; color:var(--ink); line-height:1.65; max-width:460px; margin-bottom:26px;}
  .gf-cold-imgwrap{border-radius:24px; overflow:hidden; box-shadow:0 40px 80px -40px rgba(15,94,168,.4); background:linear-gradient(160deg, #eaf5ff, #d9ecfb); padding:40px 32px; display:flex; flex-direction:column; align-items:center;}
  .gf-cold-truck{width:100%; max-width:320px; margin-bottom:6px;}
  .gf-cold-sensors{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; width:100%; margin-top:22px;}
  .gf-cold-sensor{background:#fff; border-radius:14px; padding:14px 8px; text-align:center; box-shadow:0 10px 22px -14px rgba(15,94,168,.35);}
  .gf-cold-sensor .lbl{font-size:9.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:#0F5EA8; opacity:.75; margin-bottom:7px; display:block;}
  .gf-cold-sensor b{font-size:21px; font-weight:900; font-family:'Switzer',sans-serif; color:var(--chumbo);}
  .gf-cold-summary{display:flex; justify-content:space-between; gap:8px; width:100%; margin-top:14px; background:#fff; border-radius:14px; padding:15px 18px;}
  .gf-cold-summary div{display:flex; flex-direction:column; gap:3px;}
  .gf-cold-summary .lbl{font-size:9.5px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:var(--ink); opacity:.6;}
  .gf-cold-summary .val{font-size:13px; font-weight:800; color:var(--chumbo);}
  .gf-cold-summary .val.ok{color:#0d9668;}

  /* ---------- GF-PILLARS ---------- */
  .gf-pillars{background:#fff; padding:120px 80px;}
  .gf-pillars-head{max-width:680px; margin:0 auto 50px auto; text-align:center;}
  .gf-pillars-head h2{font-weight:800; font-size:34px; letter-spacing:-.8px; margin-bottom:14px;}
  .gf-pillars-head p{font-size:16px; color:var(--ink); line-height:1.6;}
  .gf-pil-wrap{max-width:1000px; margin:0 auto; position:relative;}
  .gf-pil-ring{display:flex; justify-content:center; flex-wrap:wrap; gap:16px; position:relative; z-index:2;}
  .gf-pil-chip{display:flex; flex-direction:column; align-items:center; gap:12px; width:170px; text-align:center;}
  .gf-pil-chip .ic{width:60px; height:60px; border-radius:999px; background:var(--offwhite); border:1.5px solid rgba(236,26,94,.25); display:flex; align-items:center; justify-content:center; transition:transform .25s cubic-bezier(.22,1,.36,1), background .25s ease, border-color .25s ease;}
  .gf-pil-chip .ic svg{width:26px; height:26px; stroke:var(--gf-accent-deep); transition:stroke .25s ease;}
  .gf-pil-chip:hover .ic{transform:translateY(-4px) scale(1.06); background:var(--gf-accent); border-color:var(--gf-accent);}
  .gf-pil-chip:hover .ic svg{stroke:#fff;}
  .gf-pil-chip b{font-size:14px; font-weight:800;}
  .gf-pil-chip span{font-size:12px; color:var(--ink); line-height:1.4;}

  /* ---------- GF-TRUST ---------- */
  .gf-trust{background:var(--offwhite); padding:100px 80px;}
  .gf-trust-inner{max-width:1220px; margin:0 auto; display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:center;}
  .gf-trust-copy h2{font-weight:800; font-size:30px; letter-spacing:-.7px; line-height:1.25;}
  .gf-trust-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
  .gf-trust-card{background:#fff; border-radius:20px; padding:26px; display:flex; flex-direction:column; gap:10px;}
  .gf-trust-card .ic{width:38px; height:38px; border-radius:999px; background:var(--gf-accent-soft); display:flex; align-items:center; justify-content:center;}
  .gf-trust-card .ic svg{width:18px; height:18px; stroke:var(--gf-accent-deep);}
  .gf-trust-card b{font-size:14.5px; font-weight:800;}
  .gf-trust-card span{font-size:12.5px; color:var(--ink); line-height:1.5;}

  /* ---------- GF-CTAFINAL ---------- */
  .gf-ctafinal{background:var(--chumbo); padding:120px 80px; color:#fff; text-align:center;}
  .gf-ctafinal::before{content:""; position:absolute; inset:0; background:
      radial-gradient(ellipse 700px 420px at 12% 100%, rgba(236,26,94,.18), transparent 60%),
      radial-gradient(ellipse 500px 320px at 90% 0%, rgba(159,140,233,.12), transparent 60%);}
  .gf-ctafinal-inner{position:relative; z-index:2; max-width:660px; margin:0 auto;}
  .gf-ctafinal h2{font-weight:800; font-size:34px; letter-spacing:-.7px; line-height:1.22; margin-bottom:18px;}
  .gf-ctafinal p{font-size:16.5px; color:rgba(255,255,255,.78); line-height:1.6; margin-bottom:30px;}
  .gf-ctafinal .actions{justify-content:center;}

  /* ---------- FOOTER (reutilizado) ---------- */
  /* footer agora e componente compartilhado */

  @media (max-width:1100px){
    .navbar,.gf-hero-inner,.gf-problem,.gf-wow,.gf-steps,.gf-eco,.gf-video-copy,.gf-real-copy,.gf-scale,.gf-cold,.gf-pillars,.gf-trust,.gf-ctafinal,.footer{padding-left:24px; padding-right:24px;}
    .gf-breadcrumb{left:24px;}
    .gf-problem-grid,.gf-scale-grid,.gf-cold-grid,.gf-trust-inner{grid-template-columns:1fr; gap:34px;}
    .gf-steps-grid{grid-template-columns:1fr; gap:34px;}
    .gf-step:not(:last-child)::after{display:none;}
    .gf-real-grid,.gf-video-grid{grid-template-columns:1fr;}
    .gf-real-img{height:340px;}
    .gf-video-imgwrap{height:340px; order:-1;}
    .gf-video-copy,.gf-real-copy{padding:60px 24px;}
    .gf-eco-grid{grid-template-columns:repeat(2,1fr);}
    .gf-eco-card{grid-column:span 1 !important;}
    .gf-trust-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:640px){
    .gf-hero h1{font-size:34px;}
    .gf-hero-inner{padding:150px 24px 60px 24px;}
    .gf-hero-proof{gap:20px;}
    .gf-trust-grid{grid-template-columns:1fr;}
    .gf-pil-chip{width:44%;}
    .gf-eco-grid{grid-template-columns:1fr;}
    .gf-eco-card.fam6{flex-direction:column !important; align-items:flex-start !important;}
    .gf-map-corner{display:none;}
    .gf-hotspot-card{width:180px; font-size:11px;}
  }

/* hero investigável (Discovery Points): no celular a imagem vira faixa abaixo da
   navbar e o texto desce para baixo dela — o respiro superior pensado para a
   navbar deixa de ser necessário */
@media (max-width:760px){
  .gf-hero[data-dsc-mobile="band"] .gf-hero-inner{padding-top:32px;}
  .gf-hero[data-dsc-mobile="band"] .gf-breadcrumb{display:none;}
}

/* componentes compartilhados (Discovery Points, etc.) consomem --v-accent; esta página
   não tem acento de vertical próprio, então espelha o acento da própria página */
:root{--v-accent:var(--gf-accent); --v-accent-rgb:var(--gf-accent-rgb); --v-accent-soft:var(--gf-accent-soft); --v-accent-deep:var(--gf-accent-deep);}