@font-face{
    font-family:'Land Rover Web';
    src:url('fonts/landroverweb_bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
    font-display:swap;
  }

  :root{
    --font-display:'Land Rover Web','Poppins',sans-serif;
    --font-body:'Poppins',sans-serif;
    --font-tech:'Barlow Semi Condensed','Poppins',sans-serif;
    --paper:#F2F5F9;
    --white:#FFFFFF;
    --ink:#2A2A2A;
    --graphite:#3A3A3A;
    --marine:#0355A5;
    --marine-deep:#052B55;
    --marine-mid:#0A4787;
    --signal:#F9C406;
    --signal-ink:#1C1C1C;
    --steel:#5F6B78;
    --mist:#E3E9F0;
    --line: rgba(42,42,42,0.12);
    --line-light: rgba(255,255,255,0.14);
    --radius-sm: 2px;
    --radius-md: 2px;
    --radius-pill: 2px;
    --cut: 14px;
    --shadow: 0 20px 50px -24px rgba(5,43,85,0.35);
    --ease: cubic-bezier(.16,.8,.24,1);
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'Poppins',sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3,h4{
    font-family:var(--font-display);
    font-weight:700;
    margin:0;
    letter-spacing:-0.01em;
    color:var(--ink);
  }
  p{margin:0;}
  .mono{font-family:var(--font-display); font-weight:700; letter-spacing:0.02em;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

  .pill-badge{
    display:inline-flex; align-items:center;
    font-family:'Poppins',sans-serif;
    font-size:12px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase;
    padding:7px 16px;
    border-radius:var(--radius-pill);
    border:1px solid rgba(255,255,255,0.25);
    color:var(--signal);
  }
  .pill-badge.on-light{
    border-color:rgba(11,45,77,0.18);
    color:var(--marine);
    background:rgba(11,45,77,0.05);
  }

  /* ===== reveal ===== */
  .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease), transform .7s var(--ease);}
  .reveal.in{opacity:1; transform:none;}

  /* ===== buttons ===== */
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:14px 26px;
    border-radius:var(--radius-pill);
    font-family:'Poppins',sans-serif;
    font-weight:700; font-size:15px;
    border:1.5px solid transparent;
    cursor:pointer;
    transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
    white-space:nowrap;
  }
  .btn-primary{background:var(--signal); color:var(--signal-ink); box-shadow:0 14px 28px -14px rgba(246,180,0,0.65);}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 18px 34px -14px rgba(246,180,0,0.75);}
  .btn-outline-dark{border-color:rgba(255,255,255,0.4); color:#fff;}
  .btn-outline-dark:hover{border-color:#fff; background:rgba(255,255,255,0.08); transform:translateY(-2px);}
  .btn-outline{border-color:var(--line); color:var(--ink); background:transparent;}
  .btn-outline:hover{border-color:var(--marine); transform:translateY(-2px);}
  .btn svg{width:16px;height:16px;flex:none;}

  /* ===== utility + header ===== */
  .utility{background:var(--signal); color:var(--signal-ink);}
  .utility .wrap{display:flex; justify-content:flex-end; align-items:center; padding:16px 32px; font-family:'Poppins',sans-serif; font-size:12.5px; font-weight:600;}
  .utility a:hover{color:var(--marine-deep);}
  .utility-links{display:flex; gap:24px; flex-wrap:wrap;}
  .utility-right{display:flex; align-items:center; gap:18px;}
  .lang-switch{display:flex; align-items:center; gap:9px; font-weight:700; letter-spacing:0.02em;}
  .lang-switch a{display:flex; align-items:center; gap:4px;}
  .lang-switch .sep{opacity:0.4; font-weight:400;}
  .lang-switch .flag{font-size:14px; line-height:1;}

  header{position:sticky; top:0; z-index:40; background:var(--marine-deep);}
  .nav{display:flex; align-items:center; justify-content:space-between; padding:11px 0;}
  .logo{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; font-size:19px; color:#fff;}
  .logo .ring{width:28px;height:28px;flex:none;}
  .logo small{display:block; font-family:'Poppins',sans-serif; font-size:9px; font-weight:500; letter-spacing:0.16em; color:rgba(255,255,255,0.45); margin-top:1px;}
  nav.links{display:flex; align-items:center; gap:32px;}
  nav.links a{font-size:14px; font-weight:600; color:rgba(255,255,255,0.82); position:relative; padding:4px 0;}
  nav.links a::after{content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--signal); transform:scaleX(0); transform-origin:left; transition:transform .25s var(--ease);}
  nav.links a:hover{color:#fff;}
  nav.links a:hover::after{transform:scaleX(1);}
  .nav-cta{display:flex; align-items:center; gap:14px;}
  .btn-pill-nav{padding:10px 20px; font-size:13.5px; border-radius:var(--radius-pill);}
  .burger{display:none; background:none; border:none; cursor:pointer; padding:6px;}
  .burger span{display:block; width:22px; height:2px; background:#fff; margin:5px 0;}

  /* ===== dark band (hero + sobre + servicos + valueprops) ===== */
  .band-dark{
    position:relative;
    background:var(--marine-deep);
    color:#fff;
  }
  /* hero photo is scoped to the hero fold ONLY — must not bleed into Sobre/Serviços/Value props below */
  .hero-photo{position:relative; overflow:hidden; min-height:620px; max-height:78vh; display:flex; flex-direction:column;}
  .hero-bg{
    position:absolute; inset:0; z-index:0;
    background:
      linear-gradient(118deg, rgba(8,31,54,0.72) 0%, rgba(8,31,54,0.3) 26%, rgba(246,180,0,0.22) 50%, rgba(8,31,54,0.3) 74%, rgba(8,31,54,0.72) 100%),
      radial-gradient(ellipse 55% 60% at 50% 48%, rgba(8,31,54,0.55) 0%, rgba(8,31,54,0.3) 50%, rgba(8,31,54,0.05) 78%),
      linear-gradient(180deg, rgba(8,31,54,0.5) 0%, rgba(8,31,54,0.05) 24%, rgba(8,31,54,0.05) 60%, rgba(8,31,54,0.6) 100%),
      var(--marine-deep);
  }
  .ring-deco{position:absolute; opacity:0.4; pointer-events:none; z-index:0; color:var(--signal);}

  .hero-inner{position:relative; z-index:1; flex:1; display:flex; align-items:center; justify-content:center; padding:60px 0 80px; text-align:center;}
  .hero-content{max-width:700px; margin:0 auto;}
  .hero .pill-badge{display:none;}
  .hero h1{
    font-size:clamp(2rem, 3.6vw, 2.9rem);
    font-weight:700; line-height:1.22; color:#fff; margin-top:0;
  }
  .hero h1 em{font-style:normal; color:var(--signal);}
  .hero p.lead{margin:18px auto 0; font-size:16px; color:rgba(255,255,255,0.86); max-width:560px; line-height:1.6;}
  .hero-cta{margin-top:30px; display:flex; justify-content:center;}
  .hero-cta .btn-primary{
    background:linear-gradient(180deg, #FFCD47 0%, #F6B400 58%, #DE9E00 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.55),
      0 0 0 1px rgba(246,180,0,0.55),
      0 0 30px 6px rgba(246,180,0,0.5),
      0 14px 28px -12px rgba(246,180,0,0.7);
  }
  .hero-cta .btn-primary:hover{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.6),
      0 0 0 1px rgba(246,180,0,0.65),
      0 0 38px 8px rgba(246,180,0,0.6),
      0 18px 34px -12px rgba(246,180,0,0.78);
  }

  /* ===== hero "corte transversal" ===== */
  .hx{
    --hx-bg:#EEF2F7;
    --hx-line:#C9D4E0;
    position:relative; overflow:hidden;
    background:var(--hx-bg); color:var(--marine-deep);
  }
  .hx .hx-grid{
    display:grid; grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);
    align-items:center; gap:24px;
    min-height:clamp(540px, calc(100vh - 200px), 700px);
    padding-top:48px; padding-bottom:110px;
  }
  .hx-copy{position:relative; z-index:2; max-width:540px;}
  .hx-eyebrow{
    display:flex; align-items:center; gap:12px; flex-wrap:wrap;
    font-family:'Barlow Semi Condensed',sans-serif; font-weight:600;
    font-size:14px; letter-spacing:0.14em; text-transform:uppercase; color:var(--steel);
  }
  .hx-eyebrow i{width:5px; height:5px; border-radius:50%; background:var(--signal); display:inline-block;}
  .hx-title{
    margin-top:22px;
    font-size:clamp(2.1rem, 3.7vw, 3.35rem);
    line-height:1.08; letter-spacing:-0.02em;
    color:var(--graphite);
  }
  .hx-mark{
    background:linear-gradient(180deg, transparent 56%, var(--signal) 56%, var(--signal) 90%, transparent 90%);
    -webkit-box-decoration-break:clone; box-decoration-break:clone;
    padding:0 .08em;
  }
  .hx-lead{margin-top:22px; max-width:460px; font-size:16.5px; line-height:1.65; color:#3E5266;}
  .hx-actions{margin-top:34px; display:flex; align-items:center; gap:26px; flex-wrap:wrap;}
  .hx-phone{
    font-family:'Barlow Semi Condensed',sans-serif; font-weight:600; font-size:17px; letter-spacing:0.04em;
    color:var(--marine-deep); border-bottom:1.5px solid var(--hx-line); padding-bottom:2px;
    transition:border-color .2s var(--ease);
  }
  .hx-phone:hover{border-color:var(--signal);}
  .hx a:focus-visible{outline:2px solid var(--marine-deep); outline-offset:4px;}

  .hx-section{
    position:relative; margin:0;
    width:min(600px, 44vw, calc(100vh - 210px)); min-width:480px; aspect-ratio:1;
    justify-self:end; margin-right:-20px;
  }
  .hx-disc{
    position:absolute; inset:15%;
    border-radius:50%; overflow:hidden;
    box-shadow:0 0 0 10px var(--hx-bg), 0 0 0 11px var(--hx-line), 0 40px 80px -30px rgba(8,31,54,0.55);
  }
  .hx-disc img{width:100%; height:100%; object-fit:cover; object-position:50% 50%; transform:scale(1.06);}
  .hx-gauge{position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); overflow:visible;}
  .hx-gauge circle{fill:none;}
  .hx-ticks{transform-box:view-box; transform-origin:50% 50%; animation:hx-spin 36s linear infinite; stroke:var(--marine); stroke-width:12; stroke-dasharray:0.12 0.88; stroke-dashoffset:-0.44; opacity:0.45;}
  .hx-track{stroke:var(--hx-line); stroke-width:2;}
  .hx-arc{
    stroke:var(--signal); stroke-width:16; stroke-linecap:butt;
    stroke-dasharray:98 100; stroke-dashoffset:98;
    animation:hx-draw 1.8s .3s var(--ease) forwards;
  }
  @keyframes hx-draw{to{stroke-dashoffset:0;}}
  @keyframes hx-spin{to{transform:rotate(360deg);}}
  .hx-readout{
    position:absolute; left:-4%; bottom:4%;
    display:flex; align-items:flex-end; gap:12px;
    background:var(--hx-bg); padding:10px 16px 10px 0;
  }
  .hx-readout strong{
    font-family:var(--font-display); font-weight:700;
    font-size:clamp(3.6rem, 6vw, 5.4rem); line-height:0.82; letter-spacing:-0.03em; color:var(--marine);
  }
  .hx-readout small{font-size:0.45em; color:var(--signal); margin-left:2px;}
  .hx-readout > span{
    max-width:170px; padding-bottom:4px;
    font-family:'Barlow Semi Condensed',sans-serif; font-weight:600; font-size:14px; line-height:1.25;
    letter-spacing:0.02em; color:var(--steel);
  }

  .hx-strip{background:var(--marine-deep); color:#fff; position:relative; z-index:2; border-bottom:1px solid var(--line-light);}
  .hx-strip-in{display:grid; grid-template-columns:auto 1fr auto; gap:48px; padding-top:22px; padding-bottom:22px;}
  .hx-strip-in > div{display:flex; flex-direction:column; gap:2px;}
  .hx-strip-in > div:nth-child(2){padding-left:48px; border-left:1px solid var(--line-light);}
  .hx-strip-in > div:nth-child(3){padding-left:48px; border-left:1px solid var(--line-light);}
  .hx-strip b{font-family:'Barlow Semi Condensed',sans-serif; font-weight:700; font-size:18px; letter-spacing:0.03em;}
  .hx-strip-in > div:first-child b{color:var(--signal);}
  .hx-strip span{font-size:12.5px; color:rgba(255,255,255,0.55); letter-spacing:0.02em;}

  @media (max-width:980px){
    .hx .hx-grid{grid-template-columns:1fr; min-height:0; gap:40px; padding-top:40px;}
    .hx-section{width:min(560px, 92vw); min-width:0; justify-self:center; margin-right:0;}
    .hx .hx-strip-in{grid-template-columns:1fr; gap:14px; padding-top:28px; padding-bottom:28px;}
    .hx-strip-in > div:nth-child(n){padding-left:0; border-left:none;}
  }
  @media (max-width:720px){
    .hx .hx-grid{padding-top:36px; padding-bottom:40px;}
    .hx-eyebrow{font-size:12px; gap:9px;}
    .hx-readout{left:0; bottom:0; padding-right:10px;}
    .hx-readout > span{font-size:12.5px; max-width:120px;}
  }
  

  /* ===== sobre (inside dark band) ===== */
  .sobre-row{
    position:relative; z-index:1;
    display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
    padding:70px 0 100px;
    overflow:hidden;
  }
  .sobre-copy p{color:rgba(255,255,255,0.72); font-size:16px; line-height:1.75; margin-top:18px;}
  .sobre-copy p strong{color:#fff; font-weight:600;}
  .sobre-stat{
    display:flex; align-items:center; gap:12px;
    margin-top:28px;
    font-size:15px; font-weight:600; color:#fff;
  }
  .sobre-stat .ic{width:22px; height:22px; color:var(--signal); flex:none;}
  .sobre-media{display:flex; gap:14px; overflow:hidden; border-radius:var(--radius-md);}
  .sobre-media img{height:340px; width:220px; flex:none; object-fit:cover; border-radius:var(--radius-md);}
  .sobre-media img:first-child{width:270px;}
  .sobre-media img:last-child{width:70px;}

  /* ===== servicos (inside dark band) ===== */
  .servicos-head{position:relative; z-index:1; text-align:center; max-width:640px; margin:0 auto 56px;}
  .servicos-head h2{margin-top:18px; font-size:clamp(1.8rem,3vw,2.3rem); color:#fff; line-height:1.25;}
  .servicos-head p{margin-top:14px; color:rgba(255,255,255,0.65); font-size:16px;}
  .servicos-head p strong{color:#fff;}
  .sv-grid{position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,1fr); gap:28px 32px; padding-bottom:80px;}
  .sv-item.span-2{grid-column:span 2;}
  .sv-item.span-2 .sv-card{flex-direction:row; max-width:620px;}
  .sv-item .sv-label{
    display:flex; align-items:center; gap:10px;
    font-weight:700; font-size:15px; color:#fff; margin-bottom:14px;
  }
  .sv-item .sv-label .bar{width:3px; height:16px; background:var(--signal); flex:none;}
  .sv-card{
    background:rgba(255,255,255,0.09);
    border:1px solid rgba(255,255,255,0.16);
    border-radius:var(--radius-sm);
    padding:22px;
    display:flex; gap:16px; align-items:flex-start;
    transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);
  }
  .sv-card:hover{background:rgba(255,255,255,0.07); border-color:rgba(246,180,0,0.4); transform:translateY(-4px);}
  .sv-card .ic{width:26px; height:26px; flex:none; color:var(--signal); margin-top:2px;}
  .sv-card p{font-size:14px; line-height:1.6; color:rgba(255,255,255,0.68);}

  /* ===== value props (inside dark band) ===== */
  .vp-head{position:relative; z-index:1; text-align:center; max-width:620px; margin:0 auto 48px;}
  .vp-head h2{font-size:clamp(1.6rem,2.6vw,2.1rem); color:#fff; line-height:1.3;}
  .vp-head p{margin-top:14px; color:rgba(255,255,255,0.65); font-size:15.5px;}
  .vp-grid{position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding-bottom:110px;}
  .vp-card{background:#fff; border-radius:var(--radius-sm); padding:28px 26px;}
  .vp-card .ic{width:30px; height:30px; color:var(--marine);}
  .vp-card h4{margin-top:16px; font-size:16.5px; color:var(--ink);}
  .vp-card p{margin-top:10px; font-size:13.8px; color:var(--steel); line-height:1.6;}

  /* ===== curved divider ===== */
  .curve{position:relative; z-index:2; height:86px; margin-top:-86px; pointer-events:none;}
  .curve svg{width:100%; height:100%; display:block;}
  .curve-arrow{
    position:absolute; left:50%; top:60%; transform:translate(-50%,-50%);
    width:36px; height:36px; z-index:3;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 24px -10px rgba(8,31,54,0.5);
    pointer-events:auto;
  }
  .curve-arrow svg{width:16px; height:16px;}

  /* ===== metodologia (light band) ===== */
  .band-light{background:var(--paper); padding:96px 0 110px; position:relative;}
  .meta-head{max-width:560px; margin-bottom:48px;}
  .meta-head h2{margin-top:18px; font-size:clamp(1.9rem,3vw,2.4rem); line-height:1.2;}
  .meta-head p{margin-top:16px; color:var(--steel); font-size:16px; line-height:1.65;}
  .meta-feature{
    position:relative;
    border-radius:var(--radius-md);
    overflow:hidden;
    min-height:260px;
    display:flex; align-items:flex-end;
    margin-bottom:28px;
  }
  .meta-feature img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
  .meta-feature::after{content:""; position:absolute; inset:0; background:linear-gradient(100deg, rgba(8,31,54,0.92) 28%, rgba(8,31,54,0.5) 62%, rgba(8,31,54,0.15) 100%);}
  .meta-feature-content{position:relative; z-index:1; padding:36px; color:#fff; max-width:560px;}
  .meta-feature-content p{margin-top:14px; font-size:14.5px; color:rgba(255,255,255,0.78); line-height:1.6;}
  .meta-tags{display:flex; gap:10px; margin-top:18px; flex-wrap:wrap;}
  .meta-tag{
    font-size:12.5px; font-weight:600; padding:8px 14px; border-radius:var(--radius-pill);
    background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.22);
  }
  .meta-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  .meta-card{position:relative; border-radius:var(--radius-sm); overflow:hidden; min-height:200px; display:flex; align-items:flex-end;}
  .meta-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
  .meta-card::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,31,54,0.1) 0%, rgba(8,31,54,0.88) 100%);}
  .meta-card-content{position:relative; z-index:1; padding:22px; color:#fff;}
  .meta-card .meta-tag{margin-bottom:10px;}
  .meta-card p{font-size:13.5px; color:rgba(255,255,255,0.8); line-height:1.5; margin-top:4px;}
  .meta-cta{text-align:center; margin-top:44px;}

  /* ===== stats band (dark) ===== */
  .band-stats{background:var(--marine-deep); color:#fff; position:relative; overflow:hidden; padding:0 0 90px;}
  .stats-bar{
    position:relative; z-index:1;
    display:grid; grid-template-columns:repeat(4,1fr);
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:var(--radius-md);
    margin-top:-40px;
    padding:38px 0;
  }
  .stats-bar .stat{text-align:center; border-right:1px solid rgba(255,255,255,0.12);}
  .stats-bar .stat:last-child{border-right:none;}
  .stats-bar .num{font-family:var(--font-display); font-weight:700; font-size:clamp(1.8rem,3vw,2.4rem); color:var(--signal);}
  .stats-bar .lbl{margin-top:8px; font-size:13px; color:rgba(255,255,255,0.65);}

  .numbers-row{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; margin-top:88px;}
  .numbers-row h2{font-size:clamp(1.7rem,2.6vw,2.2rem); color:#fff; line-height:1.3;}
  .numbers-row h2 span{color:var(--signal);}
  .numbers-row p{margin-top:16px; color:rgba(255,255,255,0.65); font-size:15.5px; line-height:1.7;}
  .numbers-row img{border-radius:var(--radius-md); height:320px; object-fit:cover; width:100%;}

  /* ===== prova social (dark, continues) ===== */
  .social-head{text-align:center; max-width:640px; margin:110px auto 48px; position:relative; z-index:1;}
  .social-head h2{margin-top:18px; font-size:clamp(1.7rem,2.8vw,2.2rem); color:#fff; line-height:1.3;}
  .social-head p{margin-top:14px; color:rgba(255,255,255,0.6); font-size:15.5px;}
  .social-grid{position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .social-card{background:rgba(255,255,255,0.09); border:1px solid rgba(255,255,255,0.16); border-radius:var(--radius-md); padding:30px;}
  .social-card .quote-mark{font-family:var(--font-display); font-size:40px; font-weight:700; color:var(--signal); line-height:1; opacity:0.8;}
  .social-card h4{margin-top:14px; font-size:16.5px; color:#fff;}
  .social-card p{margin-top:10px; font-size:14px; color:rgba(255,255,255,0.62); line-height:1.6;}
  .social-cta{text-align:center; margin-top:44px; position:relative; z-index:1;}

  /* ===== faq (light band) ===== */
  .band-faq{background:var(--paper); padding:100px 0;}
  .faq-grid{display:grid; grid-template-columns:0.8fr 1.2fr; gap:72px;}
  .faq-head .pill-badge{margin-bottom:0;}
  .faq-head h2{margin-top:18px; font-size:clamp(1.8rem,2.8vw,2.3rem); line-height:1.2;}
  .faq-head p{margin-top:16px; color:var(--steel); font-size:15.5px; line-height:1.6; margin-bottom:24px;}
  .faq-list{border-top:1px solid var(--line);}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px;
    padding:22px 0; background:none; border:none; cursor:pointer; text-align:left;
    font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:var(--ink);
  }
  .faq-q .plus{flex:none; width:26px; height:26px; border-radius:50%; border:1.5px solid var(--marine); position:relative; transition:transform .3s var(--ease), background .3s var(--ease);}
  .faq-q .plus::before, .faq-q .plus::after{content:""; position:absolute; background:var(--marine); transition:transform .3s var(--ease), background .3s var(--ease);}
  .faq-q .plus::before{left:50%; top:22%; bottom:22%; width:1.5px; transform:translateX(-50%);}
  .faq-q .plus::after{top:50%; left:22%; right:22%; height:1.5px; transform:translateY(-50%);}
  .faq-item.open .plus{background:var(--signal); border-color:var(--signal);}
  .faq-item.open .plus::before{transform:translateX(-50%) rotate(90deg); opacity:0;}
  .faq-item.open .plus::after{background:var(--signal-ink);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .35s var(--ease);}
  .faq-a p{padding-bottom:22px; color:var(--steel); font-size:14.8px; line-height:1.7; max-width:520px;}

  /* ===== footer ===== */
  footer{background:var(--marine-deep); color:rgba(255,255,255,0.6);}
  .foot-top{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; padding:64px 0 40px;}
  .foot-brand .logo{color:#fff;}
  .foot-brand p{margin-top:14px; max-width:280px; font-size:14px; line-height:1.6; color:rgba(255,255,255,0.5);}
  .foot-social{display:flex; gap:12px; margin-top:18px;}
  .foot-social a{width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center;}
  .foot-social svg{width:15px;height:15px;}
  .foot-cols{display:flex; gap:64px; flex-wrap:wrap;}
  .foot-col h5{font-family:'Poppins',sans-serif; font-size:11px; letter-spacing:0.1em; color:rgba(255,255,255,0.4); text-transform:uppercase; margin-bottom:16px;}
  .foot-col a{display:block; font-size:14.5px; color:rgba(255,255,255,0.75); margin-bottom:11px; transition:color .2s;}
  .foot-col a:hover{color:var(--signal);}
  .foot-bottom{border-top:1px solid rgba(255,255,255,0.1); padding:20px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px; color:rgba(255,255,255,0.4);}
  .foot-strip{background:var(--signal); color:var(--signal-ink); text-align:center; padding:12px 0; font-size:12.5px; font-weight:600;}

  /* ===== responsive ===== */
  @media (max-width:980px){
    .sobre-row, .numbers-row, .faq-grid{grid-template-columns:1fr; gap:40px;}
    .sv-grid, .vp-grid, .meta-grid, .social-grid{grid-template-columns:1fr 1fr;}
    .stats-bar{grid-template-columns:1fr 1fr;}
    .stats-bar .stat{border-bottom:1px solid rgba(255,255,255,0.12); padding-bottom:18px; margin-bottom:18px;}
  }
  @media (max-width:720px){
    .wrap{padding:0 20px;}
    .band-light, .band-faq{padding:72px 0;}
    nav.links{position:fixed; inset:64px 0 0 0; background:var(--marine-deep); flex-direction:column; align-items:flex-start; padding:28px 20px; gap:22px; transform:translateY(-110%); transition:transform .35s var(--ease); z-index:30;}
    nav.links.open{transform:translateY(0);}
    nav.links a{font-size:18px;}
    .burger{display:block;}
    .nav-cta .btn span{display:none;}
    .hero-inner{padding:48px 0 44px;}
    .sobre-media{margin-right:0; height:220px;}
    .sobre-media img{height:220px; width:72%;}
    .sobre-media img:first-child{width:72%;}
    .sv-grid, .vp-grid, .meta-grid, .social-grid{grid-template-columns:1fr;}
    .sv-item.span-2 .sv-card{flex-direction:column; max-width:none;}
    .stats-bar{grid-template-columns:1fr 1fr;}
    .foot-top{flex-direction:column; gap:36px;}
  }
  

/* ===== shared inner-page components (Sobre, Serviços, Contato, Blog) ===== */
.page-banner{
  position:relative; overflow:hidden;
  background:var(--marine-deep); color:#fff;
}
.page-banner-bg{
  position:absolute; inset:0; z-index:0;
  background:
    linear-gradient(100deg, rgba(8,31,54,0.95) 20%, rgba(8,31,54,0.78) 55%, rgba(8,31,54,0.5) 100%),
    var(--bg-img) center/cover no-repeat;
}
.page-banner-inner{position:relative; z-index:1; padding:60px 0 56px;}
.breadcrumb{display:flex; align-items:center; gap:8px; font-size:13px; color:rgba(255,255,255,0.55); margin-bottom:18px;}
.breadcrumb a:hover{color:var(--signal);}
.page-banner h1{font-size:clamp(2rem,3.6vw,2.8rem); font-weight:700; color:#fff; line-height:1.2; max-width:700px;}
.page-banner p.lead{margin-top:16px; font-size:16px; color:rgba(255,255,255,0.75); max-width:620px; line-height:1.6;}

.content-section{padding:88px 0;}
.content-section.tight{padding:64px 0;}
.content-narrow{max-width:760px;}
.content-section h2{font-size:clamp(1.6rem,2.6vw,2.1rem); font-weight:700; line-height:1.3;}
.content-section h3{font-size:1.25rem; font-weight:700; margin-top:30px;}
.content-section p{color:var(--steel); font-size:16px; line-height:1.75; margin-top:16px;}
.content-section p strong{color:var(--ink); font-weight:600;}
.content-section ul{margin:16px 0 0; padding-left:20px; color:var(--steel); font-size:15.5px; line-height:1.8;}
.content-section ul li{margin-bottom:6px;}

.two-col{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;}
.two-col.reverse{direction:rtl;} .two-col.reverse > *{direction:ltr;}
.media-block img{width:100%; border-radius:var(--radius-md); object-fit:cover; height:380px;}
.media-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.media-grid img{width:100%; border-radius:var(--radius-sm); object-fit:cover; height:190px;}

.service-detail{
  display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;
  padding:56px 0; border-bottom:1px solid var(--line);
}
.service-detail:last-child{border-bottom:none;}
.service-detail img{width:100%; height:320px; object-fit:cover; border-radius:var(--radius-md);}
.service-detail .num{font-size:13px; font-weight:700; color:var(--marine); letter-spacing:0.1em;}
.service-detail h3{margin-top:10px; font-size:1.5rem;}
.service-detail p{margin-top:14px;}
.service-detail ul{margin-top:16px;}

.info-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.info-card{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-md); padding:28px;}
.info-card .ic{width:26px; height:26px; color:var(--marine);}
.info-card h4{margin-top:16px; font-size:15.5px;}
.info-card p{margin-top:8px; font-size:14.5px; color:var(--steel); line-height:1.6;}
.info-card a{color:var(--marine); font-weight:600;}

.contact-wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start;}
.form-card{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-md); padding:34px;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.form-card input, .form-card select, .form-card textarea{
  width:100%; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-sm);
  padding:13px 15px; font-family:'Poppins',sans-serif; font-size:14.5px; color:var(--ink); margin-bottom:14px;
}
.form-card textarea{min-height:110px; resize:vertical;}
.form-card .btn-primary{width:100%; justify-content:center;}
.map-link{
  display:flex; align-items:center; justify-content:center; gap:10px;
  height:260px; border-radius:var(--radius-md); background:var(--mist); border:1px solid var(--line);
  color:var(--marine); font-weight:600; font-size:14.5px;
}

.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.post-card{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-md); overflow:hidden; transition:transform .25s var(--ease), box-shadow .25s var(--ease);}
.post-card:hover{transform:translateY(-5px); box-shadow:var(--shadow);}
.post-card img{width:100%; height:190px; object-fit:cover;}
.post-card-body{padding:22px;}
.post-card .cat{font-size:11.5px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--marine);}
.post-card h3{margin-top:10px; font-size:17px; line-height:1.4;}
.post-card p{margin-top:8px; font-size:14px; color:var(--steel); line-height:1.6;}
.empty-state{
  text-align:center; padding:70px 30px; border:1.5px dashed var(--line); border-radius:var(--radius-md); background:var(--white);
}
.empty-state h3{font-size:1.3rem;}
.empty-state p{margin-top:12px; color:var(--steel); max-width:420px; margin-left:auto; margin-right:auto;}

@media (max-width:980px){
  .two-col, .service-detail, .contact-wrap{grid-template-columns:1fr; gap:36px;}
  .info-grid{grid-template-columns:1fr 1fr;}
  .blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:720px){
  .content-section{padding:56px 0;}
  .media-grid{grid-template-columns:1fr;}
  .info-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
}


/* ===================================================================
   v2 — identidade Aço Marajoara (azul #0355A5 · amarelo #F9C406)
   =================================================================== */
@keyframes marquee{to{transform:translateX(-50%);}}
@keyframes sheen{0%{left:-45%;} 28%,100%{left:135%;}}
@keyframes arrow-d{0%{transform:none;} 45%{transform:translate(160%,-160%);} 46%{transform:translate(-160%,160%);} 100%{transform:none;}}
@keyframes arrow-r{0%{transform:none;} 45%{transform:translateX(170%);} 46%{transform:translateX(-170%);} 100%{transform:none;}}

.zz{width:28px; height:13px; flex:none;}

/* ticker */
.ticker{background:var(--signal); color:var(--signal-ink); overflow:hidden; white-space:nowrap;
  font-family:var(--font-tech); font-weight:700; font-size:12.5px; letter-spacing:0.14em; text-transform:uppercase;}
.ticker-track, .band-track{display:inline-flex; align-items:center; gap:24px; padding-right:24px; animation:marquee 42s linear infinite; will-change:transform;}
.ticker-track{padding-top:8px; padding-bottom:8px;}
.ticker-track > *, .band-track > *{flex:none;}
.ticker .zz{color:var(--marine); width:22px; height:10px;}

/* header */
.hd{position:sticky; top:0; z-index:40; background:#fff; border-bottom:1px solid var(--line); transition:box-shadow .3s var(--ease);}
.hd.scrolled{box-shadow:0 12px 30px -20px rgba(5,43,85,0.45);}
.hd-in{display:flex; align-items:center; justify-content:space-between; gap:24px; height:78px;}
.hd-logo{display:block; flex:none;}
.hd-logo img{height:56px; width:auto;}
.hd-links{display:flex; align-items:center; gap:30px;}
.hd-links > a{font-weight:600; font-size:14px; color:var(--graphite); position:relative; padding:6px 0; transition:color .2s;}
.hd-links > a::after{content:""; position:absolute; left:0; right:0; bottom:-3px; height:3px; background:var(--signal);
  transform:scaleX(0); transform-origin:right; transition:transform .35s var(--ease);}
.hd-links > a:hover{color:var(--marine);}
.hd-links > a:hover::after, .hd-links > a[aria-current="page"]::after{transform:scaleX(1); transform-origin:left;}
.hd-lang{display:flex; margin-left:6px; border:1px solid var(--line);}
.hd-lang a{font-family:var(--font-tech); font-weight:700; font-size:12.5px; letter-spacing:0.08em; padding:5px 9px; color:var(--steel); transition:background .2s, color .2s;}
.hd-lang a:hover{color:var(--marine);}
.hd-lang a[aria-current]{background:var(--marine); color:#fff;}
.hd-cta{display:flex; align-items:center; gap:12px;}
.hd .burger span{background:var(--graphite);}
.hd a:focus-visible, .btn:focus-visible, .burger:focus-visible{outline:2px solid var(--marine); outline-offset:3px;}

/* buttons: square, cut corner, sweep fill, idle sheen */
.btn-blue, .btn-yellow, .btn-line{
  padding:0; gap:0; border:none; border-radius:0; box-shadow:none;
  font-family:var(--font-tech); font-weight:700; font-size:14.5px; letter-spacing:0.09em; text-transform:uppercase;
  position:relative; overflow:hidden; isolation:isolate; align-items:stretch;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);
  transition:color .35s var(--ease);
}
.btn-blue:hover, .btn-yellow:hover, .btn-line:hover{transform:none;}
.btn-label{display:flex; align-items:center; padding:15px 22px; position:relative; z-index:1;}
.btn-ico{width:50px; display:flex; align-items:center; justify-content:center; position:relative; z-index:1; overflow:hidden;
  border-left:1px solid rgba(255,255,255,0.22); transition:color .35s var(--ease), border-color .35s var(--ease);}
.btn-ico svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:square;}
.btn-lg .btn-label{padding:18px 26px; font-size:15px;}
.btn-lg .btn-ico{width:58px;}
.btn-blue::before, .btn-yellow::before, .btn-line::before{content:""; position:absolute; inset:0; z-index:0;
  transform:scaleX(0); transform-origin:left; transition:transform .5s var(--ease);}
.btn-blue:hover::before, .btn-yellow:hover::before, .btn-line:hover::before{transform:scaleX(1);}
.btn-blue::after, .btn-yellow::after{content:""; position:absolute; top:0; bottom:0; left:-45%; width:28%; z-index:2; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,0.38), transparent); transform:skewX(-20deg);
  animation:sheen 5s 1.2s ease-in-out infinite;}
.btn-blue:hover .btn-ico svg, .btn-yellow:hover .btn-ico svg{animation:arrow-d .55s var(--ease);}
.btn-line:hover .btn-ico svg{animation:arrow-r .55s var(--ease);}

.btn-blue{background:var(--marine); color:#fff;}
.btn-blue .btn-ico{color:var(--signal);}
.btn-blue::before{background:var(--signal);}
.btn-blue:hover, .btn-blue:hover .btn-ico{color:var(--signal-ink);}
.btn-blue:hover .btn-ico{border-color:rgba(0,0,0,0.15);}

.btn-yellow{background:var(--signal); color:var(--signal-ink);}
.btn-yellow .btn-ico{border-left-color:rgba(0,0,0,0.15);}
.btn-yellow::before{background:#fff;}

.btn-line{background:transparent; color:var(--marine); box-shadow:inset 0 0 0 1.5px var(--marine); clip-path:none;}
.btn-line .btn-ico{border-left-color:rgba(3,85,165,0.3);}
.btn-line::before{background:var(--marine);}
.btn-line:hover{color:#fff;}

/* section tags */
.pill-badge{border:none; padding:0; border-radius:0; background:none; gap:12px;
  font-family:var(--font-tech); font-weight:700; font-size:13px; letter-spacing:0.18em; color:var(--signal);}
.pill-badge::before{content:""; width:30px; height:3px; background:currentColor; flex:none;}
.pill-badge.on-light{background:none; color:var(--marine);}
.pill-badge.on-light::before{background:var(--signal);}

/* crossed moving bands */
.bands{position:relative; height:170px; overflow:hidden; background:linear-gradient(180deg, var(--marine-deep) 50%, var(--paper) 50%);}
.band{position:absolute; left:-6%; right:-6%; top:50%; overflow:hidden; white-space:nowrap;
  font-family:var(--font-tech); font-weight:700; text-transform:uppercase; letter-spacing:0.1em; font-size:clamp(15px, 1.5vw, 19px);}
.band .band-track{padding-top:15px; padding-bottom:15px;}
.band-y{background:var(--signal); color:var(--signal-ink); transform:translateY(-50%) rotate(-3deg); z-index:2; box-shadow:0 14px 30px -14px rgba(0,0,0,0.45);}
.band-b{background:var(--marine); color:#fff; transform:translateY(-50%) rotate(3deg); z-index:1;}
.band-y .zz{color:var(--marine);}
.band-b .zz{color:var(--signal);}
.band-track.rev{animation-direction:reverse; animation-duration:50s;}
.bands-solo{height:110px;}
.bands-solo .band-y{transform:translateY(-50%) rotate(-1.8deg);}

/* dark stats band: diagonal top edge at the logo's angle */
.band-stats{clip-path:polygon(0 64px, 100% 0, 100% 100%, 0 100%); padding-top:140px; margin-top:-1px;}
.band-stats .stats-bar{margin-top:0;}
.stats-bar .num{font-variant-numeric:tabular-nums;}

/* cards */
.vp-card, .social-card, .sv-card{position:relative; overflow:hidden;}
.vp-card::before, .social-card::before{content:""; position:absolute; left:0; top:0; height:4px; width:100%; background:var(--signal);
  transform:scaleX(0.16); transform-origin:left; transition:transform .55s var(--ease);}
.vp-card:hover::before, .social-card:hover::before{transform:scaleX(1);}
.vp-card{transition:transform .3s var(--ease), box-shadow .3s var(--ease);}
.vp-card:hover{transform:translateY(-4px); box-shadow:0 24px 40px -24px rgba(0,0,0,0.5);}
.social-card .quote-mark{width:38px; height:18px; color:var(--signal); opacity:1;}
.sv-item .sv-label .bar{width:14px; height:3px;}
.faq-q .plus{border-radius:0;}
.meta-feature, .meta-card, .sobre-media img, .numbers-row img{border-radius:0;}

/* footer */
.foot-logo{display:inline-block;}
.foot-logo img{height:54px; width:auto; filter:brightness(0) invert(1);}

@media (max-width:980px){
  .hd-links{position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:flex-start; gap:18px;
    padding:24px 20px 30px; background:#fff; border-bottom:3px solid var(--signal); box-shadow:0 24px 40px -24px rgba(0,0,0,0.35);
    opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;}
  .hd-links.open{opacity:1; visibility:visible; transform:none;}
  .hd-links > a{font-size:18px;}
  .hd-lang{margin-left:0;}
  .hd .burger{display:block;}
  .bands{height:140px;}
}
@media (max-width:720px){
  .hd-in{height:66px;}
  .hd-logo img{height:36px;}
  .hd-cta .btn-label{display:none;}
  .hd-cta .btn-ico{border-left:none; width:46px; height:44px;}
  .ticker{font-size:11px;}
  .band-stats{clip-path:polygon(0 36px, 100% 0, 100% 100%, 0 100%); padding-top:90px;}
}


/* ===================================================================
   v3 — seções da home no design novo
   =================================================================== */
@keyframes rise{to{transform:translateY(-50%);}}
@keyframes kenburns{0%{transform:scale(1) translate(0,0);} 100%{transform:scale(1.14) translate(-2%,-2%);}}

.s-head{display:flex; align-items:flex-end; justify-content:space-between; gap:48px;}
.s-head h2{margin-top:18px; font-size:clamp(1.9rem,3vw,2.6rem); line-height:1.15; color:var(--graphite); max-width:640px;}
.s-head p{max-width:400px; color:var(--steel); font-size:16px; line-height:1.65;}
.s-head-dark h2{color:#fff;}
.s-head-dark p{color:rgba(255,255,255,0.62);}
.s-center{text-align:center; margin-top:56px;}

/* sobre: mural de fotos em movimento */
.s-sobre{background:var(--marine-deep); color:#fff; overflow:hidden;
  clip-path:polygon(0 64px, 100% 0, 100% 100%, 0 100%); margin-top:-64px; position:relative; z-index:3;
  padding:150px 0 110px;}
.s-sobre-grid{display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center;}
.s-sobre-copy h2{margin-top:20px; color:#fff; font-size:clamp(1.9rem,3vw,2.5rem); line-height:1.18;}
.s-sobre-copy p{margin-top:18px; color:rgba(255,255,255,0.7); font-size:16px; line-height:1.75;}
.s-sobre-copy p strong{color:#fff; font-weight:600;}
.s-facts{display:grid; grid-template-columns:auto 1fr; gap:40px; margin:36px 0 0;}
.s-facts div{border-top:3px solid var(--signal); padding-top:14px;}
.s-facts dt{font-family:var(--font-tech); font-weight:700; font-size:22px; letter-spacing:0.04em;}
.s-facts dd{margin:4px 0 0; font-size:13.5px; color:rgba(255,255,255,0.55);}
.s-wall{display:grid; grid-template-columns:1fr 1fr; gap:14px; height:620px;
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);
          mask-image:linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);}
.s-col{overflow:hidden;}
.s-col-track{display:flex; flex-direction:column; gap:14px; padding-bottom:14px; animation:rise 46s linear infinite;}
.s-col-down .s-col-track{animation-direction:reverse; animation-duration:54s;}
.s-col-track img{width:100%; aspect-ratio:4/5; object-fit:cover; flex:none;}
.s-wall:hover .s-col-track{animation-play-state:paused;}

/* serviços: painéis que expandem */
.s-serv{background:#fff; padding:110px 0 120px;}
.s-panels{display:flex; gap:14px; height:520px; margin-top:56px;}
.s-panel{position:relative; flex:1; min-width:0; overflow:hidden; cursor:pointer; outline:none;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%);
  transition:flex .7s var(--ease);}
.s-panel img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.12); filter:saturate(0.55); transition:transform 1.1s var(--ease), filter .6s;}
.s-panel::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,43,85,0.1) 20%, rgba(5,43,85,0.92) 100%);}
.s-panel::before{content:""; position:absolute; left:0; top:0; height:5px; width:100%; background:var(--signal); z-index:2;
  transform:scaleX(0); transform-origin:left; transition:transform .6s var(--ease);}
.s-panel-body{position:absolute; left:0; right:0; bottom:0; z-index:1; padding:30px 30px 36px; color:#fff;}
.s-panel-body .ic{width:30px; height:30px; color:var(--signal);}
.s-panel-body h3{margin-top:14px; color:#fff; font-size:clamp(1.15rem,1.6vw,1.45rem); line-height:1.2;}
.s-panel-body p{margin-top:12px; max-width:380px; font-size:14.5px; line-height:1.6; color:rgba(255,255,255,0.8);
  max-height:0; opacity:0; transform:translateY(12px); transition:opacity .5s var(--ease), transform .5s var(--ease), max-height .5s var(--ease);}
.s-panels:not(:hover):not(:focus-within) .s-panel.is-open p, .s-panel:hover p, .s-panel:focus-within p{max-height:120px; opacity:1; transform:none; transition-delay:.2s;}

/* diferenciais: bloco azul do logo */
.s-dif{position:relative; overflow:hidden; background:var(--marine); color:#fff; padding:110px 0 140px;}
.s-dif-mark{position:absolute; right:-6%; top:6%; width:min(720px,60vw); height:auto; color:#fff; opacity:0.07; pointer-events:none;}
.s-dif-grid{position:relative; display:grid; grid-template-columns:0.9fr 1.1fr; gap:80px; align-items:start;}
.s-dif-head h2{color:#fff; font-size:clamp(1.9rem,3vw,2.5rem); line-height:1.18;}
.s-dif-head p{margin-top:20px; color:rgba(255,255,255,0.75); font-size:16px; line-height:1.7; max-width:440px;}
.s-dif-list{list-style:none; margin:0; padding:0;}
.s-dif-list li{display:grid; grid-template-columns:60px 1fr; gap:24px; align-items:center; padding:26px 0;
  border-top:1px solid rgba(255,255,255,0.22); transition:padding-left .4s var(--ease), background .4s;}
.s-dif-list li:last-child{border-bottom:1px solid rgba(255,255,255,0.22);}
.s-dif-list li:hover{padding-left:14px; background:linear-gradient(90deg, rgba(255,255,255,0.07), transparent 70%);}
.s-tile{width:60px; height:60px; display:flex; align-items:center; justify-content:center; background:var(--signal); color:var(--marine-deep);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%);}
.s-tile svg{width:28px; height:28px;}
.s-dif-list h3{color:#fff; font-size:18px;}
.s-dif-list p{margin-top:6px; color:rgba(255,255,255,0.72); font-size:14.5px; line-height:1.6;}
.bands-from-blue{background:linear-gradient(180deg, var(--marine) 50%, var(--paper) 50%);}
.bands-from-blue .band-b{background:var(--marine-deep);}

/* metodologia: 4 etapas com linha que preenche */
.s-meta{background:var(--paper); padding:100px 0 170px;}
.s-steps{list-style:none; margin:60px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.s-step figure{margin:0; aspect-ratio:4/5; overflow:hidden; clip-path:inset(0 0 100% 0); transition:clip-path 1s var(--ease);}
.s-step img{width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease);}
.s-step:hover img{transform:scale(1.08);}
.s-num{display:block; position:relative; margin-top:26px; padding-top:16px; border-top:2px solid var(--mist);
  font-family:var(--font-tech); font-weight:700; font-size:15px; letter-spacing:0.14em; color:var(--marine);}
.s-num::before{content:""; position:absolute; left:0; right:0; top:-2px; height:2px; background:var(--signal);
  transform:scaleX(0); transform-origin:left; transition:transform .9s var(--ease);}
.s-step h3{margin-top:8px; font-size:20px; color:var(--graphite);}
.s-step p{margin-top:10px; font-size:14.5px; line-height:1.6; color:var(--steel);}
.s-steps.in .s-step figure{clip-path:inset(0);}
.s-steps.in .s-num::before{transform:scaleX(1);}
.s-steps .s-step:nth-child(2) figure, .s-steps .s-step:nth-child(2) .s-num::before{transition-delay:.15s;}
.s-steps .s-step:nth-child(3) figure, .s-steps .s-step:nth-child(3) .s-num::before{transition-delay:.3s;}
.s-steps .s-step:nth-child(4) figure, .s-steps .s-step:nth-child(4) .s-num::before{transition-delay:.45s;}

/* números + quem atendemos */
.s-num-band{background:var(--marine-deep); color:#fff; clip-path:polygon(0 64px, 100% 0, 100% 100%, 0 100%);
  margin-top:-64px; position:relative; z-index:3; padding:160px 0 120px;}
.s-counters{display:grid; grid-template-columns:repeat(4,1fr); gap:28px;}
.s-counters > div{position:relative; padding-top:20px; border-top:1px solid rgba(255,255,255,0.18);}
.s-counters > div::before{content:""; position:absolute; left:0; top:-2px; height:3px; width:44px; background:var(--signal); transition:width .5s var(--ease);}
.s-counters > div:hover::before{width:100%;}
.s-counters b{display:flex; align-items:baseline; font-family:var(--font-display); font-weight:700; font-size:clamp(2.6rem,4.6vw,4.2rem); line-height:1; letter-spacing:-0.02em; font-variant-numeric:tabular-nums;}
.s-counters small{font-size:0.45em; color:var(--signal); margin-left:4px;}
.s-counters > div > span{display:block; margin-top:10px; font-size:14px; color:rgba(255,255,255,0.6);}
.s-proof{display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; margin-top:110px;}
.s-proof h2{color:#fff; font-size:clamp(1.8rem,2.8vw,2.4rem); line-height:1.2;}
.s-proof h2 em{font-style:normal; color:var(--signal);}
.s-proof p{margin-top:18px; color:rgba(255,255,255,0.68); font-size:16px; line-height:1.75;}
.s-proof-img{margin:0; aspect-ratio:4/3; overflow:hidden; clip-path:polygon(0 0, 100% 0, 100% calc(100% - 44px), calc(100% - 44px) 100%, 0 100%);}
.s-proof-img img{width:100%; height:100%; object-fit:cover; animation:kenburns 20s ease-in-out infinite alternate;}
.s-num-band .s-head{margin-top:120px;}
.s-clients{display:grid; grid-template-columns:repeat(3,1fr); margin-top:48px; border-top:1px solid rgba(255,255,255,0.16);}
.s-clients > div{padding:32px 30px 34px; border-left:1px solid rgba(255,255,255,0.16); transition:background .4s;}
.s-clients > div:first-child{border-left:none; padding-left:0;}
.s-clients > div:hover{background:rgba(255,255,255,0.04);}
.s-clients .zz{width:36px; height:17px; color:var(--signal); transition:transform .5s var(--ease);}
.s-clients > div:hover .zz{transform:translateX(8px);}
.s-clients h3{margin-top:18px; color:#fff; font-size:18px;}
.s-clients p{margin-top:10px; color:rgba(255,255,255,0.62); font-size:14.5px; line-height:1.6;}

@media (max-width:980px){
  .s-head{flex-direction:column; align-items:flex-start; gap:16px;}
  .s-sobre-grid, .s-dif-grid, .s-proof{grid-template-columns:1fr; gap:48px;}
  .s-wall{height:460px;}
  .s-panels{flex-direction:column; height:auto;}
  .s-panel, .s-panel:hover, .s-panel:focus-within, .s-panels:not(:hover):not(:focus-within) .s-panel.is-open{flex:none; height:340px;}
  .s-panel img{transform:none; filter:none;}
  .s-panel::before{transform:scaleX(1);}
  .s-panel-body p{max-height:none; opacity:1; transform:none;}
  .s-steps{grid-template-columns:1fr 1fr; row-gap:44px;}
  .s-counters{grid-template-columns:1fr 1fr; row-gap:40px;}
  .s-clients{grid-template-columns:1fr;}
  .s-clients > div, .s-clients > div:first-child{border-left:none; padding-left:0; border-bottom:1px solid rgba(255,255,255,0.16);}
}
@media (max-width:720px){
  .s-sobre, .s-num-band{clip-path:polygon(0 36px, 100% 0, 100% 100%, 0 100%); margin-top:-36px; padding-top:100px;}
  .s-serv, .s-dif{padding:80px 0 90px;}
  .s-meta{padding:80px 0 130px;}
  .s-facts{grid-template-columns:1fr; gap:22px;}
  .s-wall{height:380px;}
  .s-steps{grid-template-columns:1fr;}
  .s-step figure{aspect-ratio:16/10;}
}


/* metodologia v2: uma etapa por vez, avanço automático */
.s-proc{display:grid; grid-template-columns:1.15fr 0.85fr; gap:64px; align-items:center; margin-top:60px;}
.s-proc-stage{position:relative; height:560px; overflow:hidden; background:var(--marine-deep);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 48px), calc(100% - 48px) 100%, 0 100%);}
.s-proc-stage img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 22%;
  opacity:0; transform:scale(1.12); transition:opacity .9s var(--ease), transform 7s linear;}
.s-proc-stage img.is-on{opacity:1; transform:scale(1);}
.s-proc-stage::after{content:""; position:absolute; inset:0; background:linear-gradient(200deg, transparent 55%, rgba(5,43,85,0.55) 100%); pointer-events:none;}
.s-proc-tag{position:absolute; left:0; bottom:0; z-index:2; display:flex; align-items:baseline; gap:8px;
  background:var(--signal); color:var(--signal-ink); padding:18px 28px 16px;}
.s-proc-tag b{font-family:var(--font-display); font-size:44px; line-height:1; letter-spacing:-0.02em;}
.s-proc-tag span{font-family:var(--font-tech); font-weight:700; font-size:16px; letter-spacing:0.1em;}
.s-proc-list{list-style:none; margin:0; padding:0; border-bottom:1px solid var(--line);}
.s-proc-list li{position:relative; border-top:1px solid var(--line);}
.s-proc-list button{width:100%; display:grid; grid-template-columns:52px 1fr; gap:14px; align-items:start;
  padding:26px 0; background:none; border:none; cursor:pointer; text-align:left; font:inherit; color:inherit;}
.s-proc-list button:focus-visible{outline:2px solid var(--marine); outline-offset:4px;}
.s-proc-n{font-family:var(--font-tech); font-weight:700; font-size:16px; letter-spacing:0.12em; color:var(--steel); padding-top:5px; transition:color .3s;}
.s-proc-t b{display:block; font-family:var(--font-display); font-weight:700; font-size:clamp(1.3rem,2vw,1.7rem); line-height:1.2; color:#9AA6B3; transition:color .3s;}
.s-proc-t em{display:block; font-style:normal; font-size:15px; line-height:1.65; color:var(--steel);
  max-height:0; opacity:0; overflow:hidden; transition:max-height .5s var(--ease), opacity .4s var(--ease), margin .5s var(--ease);}
.s-proc-list button:hover b{color:var(--graphite);}
.s-proc-list li.is-on .s-proc-n{color:var(--marine);}
.s-proc-list li.is-on b{color:var(--graphite);}
.s-proc-list li.is-on em{max-height:140px; opacity:1; margin-top:10px;}
.s-proc-bar{position:absolute; left:0; right:0; top:-1px; height:3px; pointer-events:none;}
.s-proc-bar::after{content:""; position:absolute; inset:0; background:var(--signal); transform:scaleX(var(--p, 0)); transform-origin:left;}

@media (max-width:980px){
  .s-proc{grid-template-columns:1fr; gap:36px;}
  .s-proc-stage{height:420px;}
}
@media (max-width:720px){
  .s-proc-stage{height:300px;}
  .s-proc-tag{padding:12px 18px 10px;}
  .s-proc-tag b{font-size:32px;}
}


/* números v2: foto + painel com contador mecânico */
@keyframes belt{to{background-position:44px 0;}}
@keyframes stripes{to{background-position:28px 0;}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(249,196,6,0.7);} 100%{box-shadow:0 0 0 12px rgba(249,196,6,0);}}
@keyframes lineglow{0%,22%{background:var(--signal); color:var(--signal-ink);} 34%,100%{background:transparent; color:var(--steel);}}

.s-stats{position:relative; margin-top:10px;}
.s-stats-photo{margin:0; height:540px; overflow:hidden; position:relative;
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.s-stats-photo img{width:100%; height:100%; object-fit:cover; object-position:50% 40%; animation:kenburns 24s ease-in-out infinite alternate;}
.s-stats-photo::after{content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(5,43,85,0.95) 0%, rgba(5,43,85,0.78) 38%, rgba(5,43,85,0.1) 75%);}
.s-stats-copy{position:absolute; left:56px; top:70px; max-width:500px; z-index:1;}
.s-stats-copy h2{color:#fff; font-size:clamp(1.8rem,2.8vw,2.4rem); line-height:1.18;}
.s-stats-copy h2 em{font-style:normal; color:var(--signal);}
.s-stats-copy p{margin-top:18px; color:rgba(255,255,255,0.78); font-size:16px; line-height:1.7;}

.s-meters{position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr);
  margin:-110px 40px 0; background:#fff; color:var(--graphite); box-shadow:0 40px 70px -40px rgba(0,0,0,0.6);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);}
.s-meters::before{content:""; position:absolute; left:0; top:0; height:5px; width:100%; background:var(--signal);
  transform:scaleX(0); transform-origin:left; transition:transform 1.2s var(--ease);}
.s-meters.run::before{transform:scaleX(1);}
.s-meter{padding:38px 30px 30px; border-left:1px solid var(--line); display:flex; flex-direction:column;}
.s-meter:first-child{border-left:none;}
.s-meter b{display:flex; align-items:baseline; font-family:var(--font-display); font-weight:700;
  font-size:clamp(2.4rem,4vw,3.6rem); line-height:1; letter-spacing:-0.02em; color:var(--marine-deep);}
.s-meter small{font-size:0.42em; color:var(--marine); margin-left:5px;}
.s-meter-lbl{margin-top:10px; font-family:var(--font-tech); font-weight:600; font-size:14px; letter-spacing:0.08em; text-transform:uppercase; color:var(--steel);}

.odo{display:inline-flex; align-items:baseline;}
.odo-reel{display:inline-block; height:1em; overflow:hidden; line-height:1;}
.odo-col{display:flex; flex-direction:column; transform:translateY(0); transition:transform 2.2s cubic-bezier(.2,.75,.15,1); transition-delay:calc(var(--k) * 0.14s);}
.odo-col span{display:block; height:1em; text-align:center;}
.s-meters.run .odo-col{transform:translateY(calc(var(--d) * -1em));}
.hx-readout .odo-col{transition-duration:1.9s; transition-delay:calc(0.3s + var(--k) * 0.14s);}
.hx-readout.run .odo-col{transform:translateY(calc(var(--d) * -1em));}

.mv{margin-top:22px; height:28px; position:relative;}
.mv-time{display:flex; align-items:center;}
.mv-time i{position:absolute; left:0; right:14px; top:50%; height:2px; background:repeating-linear-gradient(90deg, var(--mist) 0 2px, transparent 2px 12px);}
.mv-time i::after{content:""; position:absolute; inset:0; background:var(--marine); transform:scaleX(0); transform-origin:left; transition:transform 2.4s var(--ease) .4s;}
.mv-time s{position:absolute; right:0; top:50%; width:12px; height:12px; margin-top:-6px; background:var(--signal); border-radius:50%; opacity:0; transition:opacity .4s 2.6s;}
.s-meters.run .mv-time i::after{transform:scaleX(1);}
.s-meters.run .mv-time s{opacity:1; animation:pulse 1.6s 2.8s ease-out infinite;}
.mv-belt i{position:absolute; inset:6px 0; border-top:2px solid var(--marine-deep); border-bottom:2px solid var(--marine-deep);
  background:repeating-linear-gradient(90deg, var(--signal) 0 22px, transparent 22px 44px); background-size:44px 100%;
  animation:belt 1.4s linear infinite;}
.mv-fill i{position:absolute; inset:7px 0; background:var(--mist); overflow:hidden;}
.mv-fill i::after{content:""; position:absolute; top:0; bottom:0; left:0; width:98%;
  background:repeating-linear-gradient(-45deg, var(--marine) 0 8px, #2A73BE 8px 14px); background-size:28px 100%;
  transform:scaleX(0); transform-origin:left; transition:transform 2.2s var(--ease) .3s; animation:stripes .9s linear infinite;}
.s-meters.run .mv-fill i::after{transform:scaleX(1);}
.mv-lines{display:flex; gap:6px;}
.mv-lines span{flex:auto; display:flex; align-items:center; justify-content:center; padding:0 6px; white-space:nowrap; font-family:var(--font-tech); font-weight:700;
  font-size:11px; letter-spacing:0.04em; text-transform:uppercase; color:var(--steel); border:1px solid var(--line);
  animation:lineglow 3.6s infinite;}
.mv-lines span:nth-child(2){animation-delay:1.2s;}
.mv-lines span:nth-child(3){animation-delay:2.4s;}
.s-num-band .s-stats + .s-head{margin-top:110px;}

@media (max-width:980px){
  .s-stats-photo{height:520px;}
  .s-stats-copy{left:28px; right:28px; top:48px;}
  .s-stats-photo::after{background:linear-gradient(180deg, rgba(5,43,85,0.95) 0%, rgba(5,43,85,0.75) 55%, rgba(5,43,85,0.2) 100%);}
  .s-meters{grid-template-columns:1fr 1fr; margin:-90px 16px 0;}
  .s-meter:nth-child(3){border-left:none;}
  .s-meter:nth-child(n+3){border-top:1px solid var(--line);}
}
@media (max-width:720px){
  .s-stats-photo{height:560px;}
  .s-stats-copy{left:20px; right:20px; top:36px;}
  .s-meters{grid-template-columns:1fr; margin:-80px 0 0;}
  .s-meter{border-left:none; border-top:1px solid var(--line); padding:28px 22px 24px;}
  .s-meter:first-child{border-top:none;}
}


/* números v3: sem foto sob o texto; faixa de fotos em movimento */
@keyframes film{to{transform:translateX(-50%);}}
.s-num-band{overflow:hidden;}
.s-stats .s-stats-copy{position:static; max-width:none; display:grid; grid-template-columns:1.1fr 0.9fr; gap:72px; align-items:end;}
.s-stats .s-stats-copy h2{font-size:clamp(2rem,3.4vw,3rem); line-height:1.1;}
.s-stats .s-stats-copy p{margin-top:0; padding-left:24px; border-left:3px solid var(--signal); color:rgba(255,255,255,0.72);}
.s-stats .s-meters{margin:64px 0 0;}
.s-film{width:100vw; margin:72px 0 0 calc(50% - 50vw); overflow:hidden;}
.s-film-track{display:flex; gap:14px; width:max-content; padding-right:14px; animation:film 70s linear infinite;}
.s-film-track img{height:240px; width:320px; object-fit:cover; flex:none; filter:saturate(0.85);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%); transition:filter .4s;}
.s-film:hover .s-film-track{animation-play-state:paused;}
.s-film-track img:hover{filter:saturate(1.15);}
@media (max-width:980px){
  .s-stats .s-stats-copy{grid-template-columns:1fr; gap:24px;}
  .s-stats .s-meters{margin:44px 0 0;}
}
@media (max-width:720px){
  .s-film{margin-top:48px;}
  .s-film-track img{height:170px; width:220px;}
}


/* diferenciais: imagem-manifesto da jornada */
.s-dif{padding-top:0;}
.s-dif-hero{position:relative; margin:0 0 56px; height:clamp(460px, 56vw, 820px); overflow:hidden;}
.s-dif-hero img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 100%;
  transform:scale(1.06); transition:transform 2.4s var(--ease);}
.s-dif-hero.in-view img{transform:scale(1);}
.s-dif-hero::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, transparent 78%, var(--marine) 100%);}
.s-dif-hero-in{position:relative; z-index:1; height:100%; display:flex; justify-content:flex-end; align-items:flex-start; padding-top:clamp(40px, 6vw, 96px);}
.s-dif-hero .s-dif-head{max-width:470px;}
.s-dif-hero .s-dif-head h2{color:var(--marine-deep);}
.s-dif-hero .s-dif-head p{color:#24405E;}
.s-dif-grid{grid-template-columns:1fr;}
.s-dif-list{display:grid; grid-template-columns:repeat(3,1fr); gap:0 40px;}
.s-dif-list li, .s-dif-list li:last-child{border-bottom:1px solid rgba(255,255,255,0.22);}
.s-dif-mark{display:none;}
@media (max-width:980px){
  .s-dif-hero{height:auto; overflow:visible; margin-bottom:40px;}
  .s-dif-hero img{position:static; height:auto; aspect-ratio:16/10; object-position:30% 100%;}
  .s-dif-hero::after{display:none;}
  .s-dif-hero-in{height:auto; display:block; padding-top:36px;}
  .s-dif-hero .s-dif-head{max-width:none;}
  .s-dif-hero .s-dif-head h2{color:#fff;}
  .s-dif-hero .s-dif-head p{color:rgba(255,255,255,0.75);}
  .s-dif-list{grid-template-columns:1fr;}
}
@media (min-width:981px){
  .s-dif-hero-in{padding-top:clamp(36px, 4vw, 64px);}
  .s-dif-hero .s-dif-head{max-width:580px;}
  .s-dif-hero .s-dif-head h2{font-size:clamp(1.7rem, 2.5vw, 2.3rem);}
  .s-dif-hero .s-dif-head p{max-width:500px; margin-top:14px;}
}
@media (min-width:981px){
  .s-dif-hero{margin-bottom:-70px;}
  .s-dif-grid{position:relative; z-index:2;}
  .s-dif{padding-bottom:110px;}
  .s-dif-list li{align-items:start;}
}

/* símbolo real do logo (zigzag azul + amarelo) */
.zz{width:26px; height:15px; --zz-a:var(--marine); --zz-b:var(--signal);}
.ticker .zz{width:21px; height:12px; --zz-a:var(--marine); --zz-b:#fff;}
.band-y .zz{width:28px; height:16px; --zz-a:var(--marine); --zz-b:#fff;}
.band-b .zz{width:28px; height:16px; --zz-a:#fff; --zz-b:var(--signal);}
.s-clients .zz{width:40px; height:23px; --zz-a:#fff; --zz-b:var(--signal);}
.foot-logo img{filter:none;}

/* rodapé v2 */
.ft{position:relative; overflow:hidden; background:var(--marine-deep); color:rgba(255,255,255,0.7);
  clip-path:polygon(0 56px, 100% 0, 100% 100%, 0 100%); margin-top:-56px; padding-top:120px;}
.ft-mark{position:absolute; right:-80px; bottom:-40px; width:520px; height:300px; opacity:0.06; --zz-a:#fff; --zz-b:#fff; pointer-events:none;}
.ft-cta{display:flex; align-items:flex-end; justify-content:space-between; gap:40px; padding-bottom:48px; border-bottom:1px solid var(--line-light);}
.ft-cta h2{margin-top:16px; color:#fff; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.15; max-width:560px;}
.ft-cta-actions{display:flex; align-items:center; gap:26px; flex-wrap:wrap;}
.ft-cta-phone{font-family:var(--font-tech); font-weight:700; font-size:20px; letter-spacing:0.04em; color:#fff; border-bottom:2px solid var(--signal); padding-bottom:2px;}
.ft-grid{display:grid; grid-template-columns:1.3fr 0.7fr 1fr 1.4fr; gap:48px; padding:52px 0 44px;}
.ft h3{font-family:var(--font-tech); font-weight:700; font-size:13px; letter-spacing:0.16em; text-transform:uppercase; color:var(--signal); margin-bottom:18px;}
.ft-brand .foot-logo img{height:58px;}
.ft-brand p{margin-top:18px; font-size:14.5px; line-height:1.65; max-width:300px;}
.ft-lic{display:flex; gap:8px; margin-top:20px;}
.ft-lic span{font-family:var(--font-tech); font-weight:700; font-size:12px; letter-spacing:0.1em; padding:6px 10px; border:1px solid rgba(255,255,255,0.25); color:#fff;}
.ft-col{display:flex; flex-direction:column; gap:12px; align-items:flex-start;}
.ft-col a{font-size:14.5px; color:rgba(255,255,255,0.78); position:relative; transition:color .2s, transform .3s var(--ease);}
.ft-col a:hover{color:var(--signal); transform:translateX(4px);}
.ft-contact a, .ft-contact p{display:flex; align-items:flex-start; gap:12px; font-size:14.5px; line-height:1.5; margin:0;}
.ft-contact a:hover{transform:none;}
.ft-ic{flex:none; width:32px; height:32px; display:flex; align-items:center; justify-content:center; background:var(--signal); color:var(--marine-deep); margin-top:-5px;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); transition:background .25s;}
.ft-ic svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linejoin:round; stroke-linecap:round;}
.ft-contact a:hover .ft-ic{background:#fff;}
.ft-bottom{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding:20px 0 26px; border-top:1px solid var(--line-light); font-size:13px; color:rgba(255,255,255,0.45);}
.ft-top{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-tech); font-weight:700; letter-spacing:0.1em; text-transform:uppercase; font-size:12.5px; color:#fff;}
.ft-top svg{width:15px; height:15px; fill:none; stroke:var(--signal); stroke-width:2.4; transition:transform .3s var(--ease);}
.ft-top:hover svg{transform:translateY(-3px);}
.ft a:focus-visible{outline:2px solid var(--signal); outline-offset:3px;}
@media (max-width:980px){
  .ft-cta{flex-direction:column; align-items:flex-start;}
  .ft-grid{grid-template-columns:1fr 1fr; gap:40px;}
}
@media (max-width:720px){
  .ft{clip-path:polygon(0 32px, 100% 0, 100% 100%, 0 100%); margin-top:-32px; padding-top:84px;}
  .ft-grid{grid-template-columns:1fr; gap:34px;}
}
.ft-mark{opacity:0.04; right:-140px; bottom:-90px;}

/* sobre v2 */
.s-sobre-mark{position:absolute; left:-120px; bottom:-60px; width:560px; height:322px; opacity:0.05; --zz-a:#fff; --zz-b:#fff; pointer-events:none;}
.s-sobre-grid{grid-template-columns:1fr 1.05fr; position:relative;}
.s-mark{color:var(--signal-ink); background:linear-gradient(180deg, transparent 8%, var(--signal) 8%, var(--signal) 94%, transparent 94%);
  -webkit-box-decoration-break:clone; box-decoration-break:clone; padding:0 .12em;}
.s-facts{grid-template-columns:auto auto 1fr; gap:28px;}
.s-facts div{border-top:none; position:relative; padding-top:16px;}
.s-facts div::before{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:rgba(255,255,255,0.15);}
.s-facts div::after{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--signal);
  transform:scaleX(0); transform-origin:left; transition:transform 1.1s var(--ease) .3s;}
.s-facts div:nth-child(2)::after{transition-delay:.5s;}
.s-facts div:nth-child(3)::after{transition-delay:.7s;}
.reveal.in .s-facts div::after{transform:scaleX(1);}
.s-facts dt{font-size:21px; white-space:nowrap;}
.s-wall-wrap{position:relative;}
.s-wall{grid-template-columns:1fr 1.15fr 1fr; gap:12px; height:640px;}
.s-col-track{gap:12px; padding-bottom:12px;}
.s-col-track img{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
  filter:saturate(0.7) brightness(0.9); transition:filter .4s;}
.s-col-track img:hover{filter:none;}
.s-col-down{margin-top:-60px;}
.s-col-fast .s-col-track{animation-duration:38s;}
.s-wall-tag{position:absolute; left:-28px; bottom:72px; z-index:2; display:flex; align-items:center; gap:14px;
  background:var(--signal); color:var(--signal-ink); padding:16px 22px 16px 18px; box-shadow:0 24px 40px -20px rgba(0,0,0,0.6);
  font-family:var(--font-tech); font-weight:700; font-size:15px; line-height:1.2; letter-spacing:0.06em; text-transform:uppercase;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);}
.s-wall-tag .zz{width:40px; height:23px; --zz-a:var(--marine); --zz-b:#fff;}
@media (max-width:980px){
  .s-sobre-grid{grid-template-columns:1fr;}
  .s-facts{grid-template-columns:1fr 1fr;}
  .s-facts div:nth-child(3){grid-column:1 / -1;}
  .s-wall{height:460px;}
  .s-wall-tag{left:12px; bottom:24px;}
}
@media (max-width:720px){
  .s-wall{grid-template-columns:1fr 1fr; height:380px;}
  .s-col-fast{display:none;}
  .s-facts dt{font-size:19px; white-space:normal;}
}
.s-sobre-mark{opacity:0.035; left:-200px; bottom:-150px;} .s-facts dd{white-space:nowrap;} @media (max-width:720px){.s-facts dd{white-space:normal;}}

/* hero v3: imagem de fundo + abertura com o medidor */
.hx{background:var(--hx-bg);}
.hx-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:70% 50%; z-index:0;
  transform:scale(1.08); animation:hx-settle 2.2s var(--ease) 2.5s forwards;}
@keyframes hx-settle{to{transform:scale(1);}}
.hx::before{content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, rgba(238,242,247,0.96) 0%, rgba(238,242,247,0.85) 30%, rgba(238,242,247,0.2) 50%, transparent 62%);}
.hx .hx-grid{position:relative; z-index:2; grid-template-columns:minmax(0,560px) 1fr; min-height:clamp(560px, calc(100vh - 114px), 820px);}
.hx-copy > *{opacity:0; transform:translateY(24px); animation:hx-up .9s var(--ease) forwards;}
.hx-copy > :nth-child(1){animation-delay:2.7s;}
.hx-copy > :nth-child(2){animation-delay:2.82s;}
.hx-copy > :nth-child(3){animation-delay:2.94s;}
.hx-copy > :nth-child(4){animation-delay:3.06s;}
@keyframes hx-up{to{opacity:1; transform:none;}}

.intro{position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; background:#EEF2F7; cursor:pointer;
  animation:intro-out .7s ease-in 2.75s forwards;}
.intro .hx-section{width:min(440px, 78vw); min-width:0; margin:0; justify-self:auto;
  animation:intro-grow 1s cubic-bezier(.7,0,.3,1) 2.4s forwards;}
.intro .hx-disc{box-shadow:0 0 0 10px #EEF2F7, 0 0 0 11px var(--hx-line), 0 40px 80px -30px rgba(8,31,54,0.45);}
.intro .hx-readout{background:#EEF2F7; left:50%; bottom:-14%; transform:translateX(-50%); padding:10px 16px; white-space:nowrap;}
.intro .hx-arc{animation:hx-draw 1.6s .2s var(--ease) forwards;}
@keyframes intro-grow{to{transform:scale(5); opacity:0;}}
@keyframes intro-out{to{opacity:0; visibility:hidden;}}
.intro.skip, .intro.skip .hx-section{animation-delay:0s; animation-duration:.4s;}
.intro.skip ~ * .hx-bg, .intro.skip ~ * .hx-copy > *{animation-delay:0s;}
html.intro-on, html.intro-on body{overflow:hidden;}

@media (max-width:980px){
  .hx{display:flex; flex-direction:column;}
  .hx::before{display:none;}
  .hx-bg{position:relative; order:2; height:auto; aspect-ratio:16/10; object-position:72% 50%;}
  .hx .hx-grid{grid-template-columns:1fr; min-height:0; padding-bottom:40px;}
  .intro .hx-readout > span{display:none;}
}
@media (min-width:981px){
  .hx-bg{left:auto; right:0; width:66%; object-position:62% 50%;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 22%); mask-image:linear-gradient(90deg, transparent 0, #000 22%);}
  .hx::before{background:linear-gradient(90deg, rgba(238,242,247,0.9) 0%, rgba(238,242,247,0.6) 32%, transparent 46%);}
}
@media (min-width:981px){
  .hx-bg{top:0; bottom:0; right:0; left:auto; width:62%; height:100%; object-fit:contain; object-position:100% 100%;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 20%), linear-gradient(180deg, transparent 0, #000 14%);
    -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg, transparent 0, #000 20%), linear-gradient(180deg, transparent 0, #000 14%); mask-composite:intersect;}
  .hx .hx-grid{padding-bottom:90px;}
}
@media (min-width:981px){
  .hx-bg{top:auto; bottom:0; right:0; left:auto; width:68%; height:auto; aspect-ratio:1672/940; object-fit:cover; object-position:50% 50%;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 18%); mask-image:linear-gradient(90deg, transparent 0, #000 18%);}
  .hx .hx-grid{min-height:max(520px, calc(68vw * 0.5622 - 20px)); padding-top:32px; padding-bottom:80px; align-items:center;}
}
@media (min-width:981px){
  .hx-bg{-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 18%), linear-gradient(180deg, transparent 0, #000 16%);
    -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg, transparent 0, #000 18%), linear-gradient(180deg, transparent 0, #000 16%); mask-composite:intersect;}
}
@media (min-width:981px){
  .hx{min-height:max(620px, calc(100svh - 50px));}
  .hx .hx-grid{min-height:max(556px, calc(100svh - 114px)); padding-top:24px; padding-bottom:24px;}
  .hx-bg{top:0; bottom:auto; right:0; left:auto; height:100%;
    width:min(calc(max(620px, 100svh - 50px) * 1.7787), 94vw); aspect-ratio:auto;
    object-fit:cover; object-position:100% 30%;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 16%); mask-image:linear-gradient(90deg, transparent 0, #000 16%);
    -webkit-mask-composite:source-over; mask-composite:add;}
}
@media (min-width:981px){
  .hx{--hxh:max(480px, min(100svh - 50px, 51.1vw - 64px)); min-height:var(--hxh);}
  .hx .hx-grid{min-height:calc(var(--hxh) - 64px);}
  .hx-bg{height:100%; width:auto; aspect-ratio:1672/940; object-fit:cover; object-position:100% 50%;}
}

/* abertura: círculo inteiro + 98% abaixo, cabe em qualquer tela */
.intro{flex-direction:column; gap:clamp(18px, 3svh, 32px); padding:24px;}
.intro .hx-section{width:min(440px, 78vw, 58svh); flex:none;}
.intro .hx-readout{position:static; transform:none; background:none; padding:0; justify-content:center; white-space:normal;
  animation:intro-fade 1s cubic-bezier(.7,0,.3,1) 2.4s forwards;}
.intro .hx-readout strong{font-size:clamp(3rem, 9svh, 5rem);}
.intro .hx-readout > span{display:block; max-width:170px;}
@keyframes intro-fade{to{opacity:0; transform:translateY(16px);}}
.intro.skip .hx-readout{animation-delay:0s; animation-duration:.4s;}

/* serviços v2: painéis com avanço automático */
.s-serv{position:relative; overflow:hidden;}
.s-panels{height:540px;}
.s-panels .s-panel.is-open{flex:3.2;}
.s-panels .s-panel.is-open img{transform:scale(1); filter:none;}
.s-panel::after{background:linear-gradient(180deg, rgba(5,43,85,0.35) 0%, rgba(5,43,85,0.92) 100%); transition:background .6s;}
.s-panels .s-panel.is-open::after{background:linear-gradient(180deg, rgba(5,43,85,0.05) 25%, rgba(5,43,85,0.94) 100%);}
.s-panel::before{display:none;}
.s-panel-bar{position:absolute; left:0; right:0; top:0; height:5px; z-index:3; background:rgba(255,255,255,0.25); opacity:0; transition:opacity .4s;}
.s-panel-bar::after{content:""; position:absolute; inset:0; background:var(--signal); transform:scaleX(var(--p, 0)); transform-origin:left;}
.s-panel.is-open .s-panel-bar{opacity:1;}
.s-panel-closed{position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:28px 0 32px;
  transition:opacity .4s; pointer-events:none;}
.s-panel-closed b{writing-mode:vertical-rl; transform:rotate(180deg); font-family:var(--font-display); font-size:22px; color:#fff; letter-spacing:0.01em; white-space:nowrap;}
.s-panel-closed .s-tile{width:52px; height:52px;}
.s-panel-closed .s-tile svg{width:24px; height:24px;}
.s-panel.is-open .s-panel-closed{opacity:0;}
.s-panel-body{z-index:2; padding:36px 40px 40px; opacity:0; transform:translateY(18px); transition:opacity .5s var(--ease), transform .5s var(--ease);}
.s-panel.is-open .s-panel-body{opacity:1; transform:none; transition-delay:.25s;}
.s-panel-body .ic{display:none;}
.s-panel-tag{display:inline-flex; align-items:center; gap:10px; font-family:var(--font-tech); font-weight:700; font-size:13px; letter-spacing:0.16em; text-transform:uppercase; color:var(--signal);}
.s-panel-tag .zz{width:30px; height:17px; --zz-a:#fff; --zz-b:var(--signal);}
.s-panel-body h3{margin-top:14px; font-size:clamp(1.6rem,2.4vw,2.2rem); white-space:nowrap;}
.s-panel-body p, .s-panel:hover .s-panel-body p, .s-panel:focus-within .s-panel-body p, .s-panels:not(:hover):not(:focus-within) .s-panel.is-open p{max-height:none; opacity:1; transform:none; font-size:15.5px; max-width:440px;}
.s-panel-cta{margin-top:24px;}
.s-panel-cta .btn-label{padding:12px 18px; font-size:13.5px;}
.s-panel-cta .btn-ico{width:44px;}
@media (max-width:980px){
  .s-panels{height:auto;}
  .s-panels .s-panel, .s-panels .s-panel.is-open{flex:none; height:400px;}
  .s-panel img, .s-panels .s-panel.is-open img{transform:none; filter:none;}
  .s-panel-closed{display:none;}
  .s-panel-body{opacity:1; transform:none; padding:28px;}
  .s-panel-body h3{white-space:normal;}
  .s-panel-bar{display:none;}
}
@media (min-width:981px){
  .s-panels .s-panel.s-panel{flex:1;}
  .s-panels .s-panel.s-panel.is-open{flex:3.2;}
  .s-panels .s-panel.s-panel img{transform:scale(1.12); filter:grayscale(0.6) brightness(0.8);}
  .s-panels .s-panel.s-panel.is-open img{transform:scale(1); filter:none;}
}
.s-panel-closed{align-items:flex-start; justify-content:flex-end; gap:18px; padding:28px 26px 34px;}
.s-panel-closed b{writing-mode:horizontal-tb; transform:none; white-space:normal; font-size:clamp(1.05rem,1.4vw,1.3rem); line-height:1.25;}

/* metodologia v3 */
.s-meta{position:relative; overflow:hidden;}
.s-meta .s-mark, .s-num-band .s-mark{color:var(--signal-ink);}
.s-proc-tag{align-items:center; gap:10px; padding:16px 26px 14px 24px;}
.s-proc-name{font-style:normal; font-family:var(--font-tech); font-weight:700; font-size:15px; letter-spacing:0.12em; text-transform:uppercase;
  padding-left:14px; margin-left:4px; border-left:2px solid rgba(0,0,0,0.25);}
.s-proc-list{position:relative; border-bottom:none;}
.s-proc-list::before{content:""; position:absolute; left:19px; top:34px; bottom:34px; width:2px; background:var(--mist);}
.s-proc-list li{border-top:none; margin-bottom:6px; transition:background .4s var(--ease), box-shadow .4s var(--ease);}
.s-proc-list li.is-on{background:#fff; box-shadow:0 24px 40px -28px rgba(5,43,85,0.35);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);}
.s-proc-list button{grid-template-columns:40px 1fr; gap:18px; padding:22px 24px 22px 0;}
.s-proc-n{position:relative; z-index:1; width:40px; height:40px; display:flex; align-items:center; justify-content:center; padding:0;
  background:var(--paper); border:2px solid var(--mist); font-size:14px; letter-spacing:0.04em; transition:background .3s, border-color .3s, color .3s;}
.s-proc-list li.is-on .s-proc-n{background:var(--signal); border-color:var(--signal); color:var(--signal-ink);}
.s-proc-t{padding-top:6px;}
.s-proc-bar{left:auto; right:0; top:auto; bottom:0; width:calc(100% - 58px); height:3px;}
.s-proc-list li:not(.is-on) .s-proc-bar{opacity:0;}

/* quem atendemos v2 */
.s-clients{gap:20px; border-top:none; margin-top:52px;}
.s-client{position:relative; display:flex; flex-direction:column; padding:34px 30px 30px; background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.12); transition:transform .4s var(--ease), background .4s, border-color .4s;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);}
.s-client::before{content:""; position:absolute; left:0; top:0; height:4px; width:100%; background:var(--signal); transform:scaleX(0.18); transform-origin:left; transition:transform .55s var(--ease);}
.s-client:hover{transform:translateY(-6px); background:rgba(255,255,255,0.09); border-color:rgba(249,196,6,0.4);}
.s-client:hover::before{transform:scaleX(1);}
.s-client .s-tile{width:56px; height:56px;}
.s-client .s-tile svg{width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; stroke-linecap:round;}
.s-client h3{margin-top:24px; color:#fff; font-size:19px; line-height:1.3;}
.s-client p{margin-top:10px; color:rgba(255,255,255,0.65); font-size:14.5px; line-height:1.6; flex:1;}
.s-client-tag{display:inline-flex; align-items:center; gap:10px; margin-top:24px; padding-top:18px; border-top:1px solid rgba(255,255,255,0.12);
  font-family:var(--font-tech); font-weight:700; font-size:12.5px; letter-spacing:0.16em; text-transform:uppercase; color:var(--signal);}
.s-client-tag .zz{width:26px; height:15px; --zz-a:#fff; --zz-b:var(--signal); transition:transform .5s var(--ease);}
.s-client:hover .s-client-tag .zz{transform:translateX(6px);}
.s-client-cta{display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:44px; padding:28px 32px;
  background:rgba(255,255,255,0.05); border-left:4px solid var(--signal);}
.s-client-cta p{color:rgba(255,255,255,0.75); font-size:17px; line-height:1.5;}
.s-client-cta strong{color:#fff;}
@media (max-width:980px){
  .s-clients{grid-template-columns:1fr;}
  .s-clients > .s-client{border-left:1px solid rgba(255,255,255,0.12); padding-left:30px; border-bottom:1px solid rgba(255,255,255,0.12);}
  .s-client-cta{flex-direction:column; align-items:flex-start;}
}
@media (max-width:720px){
  .s-proc-name{display:none;}
  .s-proc-list button{padding-right:14px;}
}
.hd-lang{gap:6px; border:none;}
.hd-lang a{padding:3px; border:2px solid transparent; line-height:0; opacity:0.55; transition:opacity .2s, border-color .2s, transform .2s;}
.hd-lang a svg{width:28px; height:19.6px; display:block; box-shadow:0 0 0 1px rgba(0,0,0,0.12);}
.hd-lang a:hover{opacity:1; transform:translateY(-1px);}
.hd-lang a[aria-current]{background:none; opacity:1; border-color:var(--signal);}
.hd-lang{gap:8px;}
.hd-lang a{padding:0; border:none;}
.hd-lang a svg{width:20px; height:14px;}
.hd-lang a[aria-current]{border:none;}
@media (max-width:720px){
  .s-client-cta{padding:24px 20px;}
  .s-client-cta .btn{width:100%;}
  .s-client-cta .btn .btn-label{flex:1; white-space:normal; padding:16px 18px;}
  .btn-lg .btn-label{white-space:normal;}
}
@media (max-width:980px){
  .hx-bg{order:0; position:relative; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:68% 50%;
    -webkit-mask-image:linear-gradient(180deg, #000 78%, transparent 100%); mask-image:linear-gradient(180deg, #000 78%, transparent 100%);}
  .hx .hx-grid{order:1; padding-top:8px; padding-bottom:72px;}
}
@media (max-width:720px){
  .hx-bg{aspect-ratio:4/3; object-position:62% 50%;}
}
@media (max-width:720px){
  .hx-bg{aspect-ratio:auto; height:clamp(170px, 31svh, 290px); animation:none; transform:scale(1.32); transform-origin:74% 62%;
    object-position:70% 55%; -webkit-mask-image:none; mask-image:none;}
  .hx .hx-grid{padding-top:18px; padding-bottom:64px; gap:0;}
  .hx-eyebrow{font-size:10.5px; gap:7px; letter-spacing:0.12em;}
  .hx-title{margin-top:12px; font-size:clamp(1.6rem, 7.4vw, 2rem); line-height:1.1;}
  .hx-lead{margin-top:12px; font-size:15px; line-height:1.55;}
  .hx-actions{margin-top:18px; gap:14px 20px;}
  .hx-actions .btn-lg .btn-label{padding:15px 20px;}
}
@media (max-width:720px){
  .hx-bg{height:clamp(130px, calc(100svh - 500px), 300px);}
}
@media (max-width:720px) and (max-height:640px){
  .hx-eyebrow{display:none;}
  .hx-title{margin-top:0; font-size:1.55rem;}
  .hx-lead{font-size:14px;}
  .hx .hx-grid{padding-top:14px;}
}
@media (max-width:720px){
  .hx-bg{height:auto; aspect-ratio:1087/940; transform:none; object-fit:cover; object-position:100% 50%;}
  .hx-copy{display:flex; flex-direction:column;}
  .hx-eyebrow{display:none;}
  .hx-title{order:1; margin-top:0;}
  .hx-actions{order:2; margin-top:18px;}
  .hx-lead{order:3; margin-top:20px;}
  .hx .hx-grid{padding-top:18px;}
}
@media (max-width:980px){
  .s-wall-wrap{display:flex; flex-direction:column; align-items:center;}
  .s-wall{width:100%;}
  .s-wall-tag{position:static; margin-top:-18px; align-self:center;}
}
@media (max-width:720px){
  .hx .hx-grid{gap:0; padding-top:20px; min-height:0;}
}
@media (max-width:720px){
  .hx .hx-grid{align-items:start; padding-top:20px; padding-bottom:56px;}
  .s-serv{padding:56px 0 64px;}
  .s-head{gap:12px;}
  .s-head h2{margin-top:12px;}
  .s-panels, .s-proc, .s-clients{margin-top:28px;}
  .s-meta{padding-top:56px;}
}
@media (max-width:720px){
  .hx .hx-grid{padding-top:16px;}
  .hx .hx-copy > .hx-title{margin-top:0;}
  .hx .hx-copy > .hx-eyebrow{display:none;}
  /* diferenciais: imagem funde no azul, texto mais perto */
  .s-dif-hero{position:relative; margin-bottom:24px;}
  .s-dif-hero::after{display:block; content:""; position:absolute; left:0; right:0; top:0; height:calc(100vw * 0.625); pointer-events:none;
    background:linear-gradient(180deg, transparent 62%, var(--marine) 100%);}
  .s-dif-hero img{margin-bottom:-2px;}
  .s-dif-hero-in{padding-top:4px;}
  /* fim de "quem atendemos": sem sobra e sem linha */
  .s-num-band{padding-bottom:48px;}
  .s-client-cta{margin-top:28px;}
  .bands{margin-top:-2px;}
}
.s-num-band + .bands{margin-top:-2px;}
@media (max-width:720px){
  .hx-bg{aspect-ratio:1200/940; object-position:100% 50%;
    -webkit-mask-image:linear-gradient(180deg, #000 72%, transparent 100%); mask-image:linear-gradient(180deg, #000 72%, transparent 100%);}
  .hx .hx-grid{position:relative; z-index:2; margin-top:-34px; padding-top:0;}
  .hx-title{order:1;}
  .hx-lead{order:2; margin-top:10px;}
  .hx-actions{order:3; margin-top:16px;}
  /* diferenciais: imagem dissolve no azul */
  .s-dif-hero::after{display:none;}
  .s-dif-hero img{-webkit-mask-image:linear-gradient(180deg, #000 70%, transparent 100%); mask-image:linear-gradient(180deg, #000 70%, transparent 100%);}
  .s-dif-hero-in{margin-top:-40px; position:relative; padding-top:0;}
}
@media (max-width:720px){
  .s-dif-hero-in{margin-top:-14px;}
}
@media (max-width:720px) and (max-height:640px){
  .hx-bg{aspect-ratio:1672/940;}
  .hx-title{font-size:1.5rem;}
  .hx-lead{font-size:13.5px; margin-top:8px;}
  .hx-actions{margin-top:12px;}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{aspect-ratio:auto; width:100%; height:min(115vw, max(78vw, calc(100svh - 370px))); object-fit:cover; object-position:80% 55%;}
}
@media (max-width:720px) and (max-height:640px){
  .hx-bg, .hx .hx-bg{aspect-ratio:auto; height:max(76vw, calc(100svh - 330px));}
}
@media (max-width:720px) and (max-height:640px){
  .hx-bg, .hx .hx-bg{height:max(64vw, calc(100svh - 330px));}
}
@media (max-width:980px){
  .s-wall-tag{margin-top:20px;}
}
@media (max-width:720px){
  .s-sobre{padding-bottom:64px;}
}
@media (max-width:720px){
  .hx{overflow:hidden;}
  .hx-bg, .hx .hx-bg{height:min(120vw, max(84vw, calc(100svh - 320px))); object-position:78% 60%;
    transform:scale(1.2); transform-origin:72% 62%;
    -webkit-mask-image:linear-gradient(180deg, #000 58%, transparent 96%); mask-image:linear-gradient(180deg, #000 58%, transparent 96%);}
  .hx .hx-grid{margin-top:-84px;}
}
@media (max-width:720px) and (max-height:640px){
  .hx-bg, .hx .hx-bg{height:max(74vw, calc(100svh - 280px));}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{transform:scale(1.1); transform-origin:75% 45%; object-position:76% 55%;
    -webkit-mask-image:linear-gradient(180deg, #000 66%, transparent 94%); mask-image:linear-gradient(180deg, #000 66%, transparent 94%);}
  .hx .hx-grid{margin-top:-52px;}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{height:min(118vw, max(70vw, calc(100svh - 362px)));}
}
@media (max-width:720px) and (max-height:640px){
  .hx-bg, .hx .hx-bg{height:max(62vw, calc(100svh - 322px));}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{transform:scale(1.3); transform-origin:88% 48%; object-position:80% 55%;}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{height:min(124vw, max(74vw, calc(100svh - 316px)));}
  .hx .hx-grid{margin-top:-44px;}
}
@media (max-width:720px) and (max-height:640px){
  .hx-bg, .hx .hx-bg{height:max(66vw, calc(100svh - 280px));}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{height:min(120vw, max(70vw, calc(100svh - 350px))); transform:scale(1.22); transform-origin:86% 48%;}
  .hx .hx-grid{margin-top:-52px;}
}
@media (max-width:720px) and (max-height:640px){
  .hx-bg, .hx .hx-bg{height:max(62vw, calc(100svh - 312px));}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{height:max(70vw, calc(100svh - 350px));}
}
@media (max-width:720px) and (max-height:640px){
  .hx-bg, .hx .hx-bg{height:max(62vw, calc(100svh - 312px));}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{transform:scale(1.05); transform-origin:60% 50%; object-position:58% 55%;}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{transform:scale(1.3); transform-origin:82% 50%; object-position:66% 55%;}
}
@media (max-width:720px) and (min-height:780px){
  .hx-bg, .hx .hx-bg{transform:scale(1.12); transform-origin:70% 50%; object-position:60% 55%;}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{transform:none !important; object-position:100% 50% !important;}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{width:132% !important; max-width:none; margin-left:-32%; align-self:auto; object-position:100% 0% !important;}
}
@media (max-width:720px){
  .hx-bg, .hx .hx-bg{width:100% !important; margin-left:0; object-position:100% 0% !important;
    transform:scale(1.3) !important; transform-origin:100% 0% !important;}
}
.hx-media{display:contents;}
@media (max-width:720px){
  .hx-media{display:block; position:relative; overflow:hidden; order:0; width:100%;
    -webkit-mask-image:linear-gradient(180deg, #000 66%, transparent 94%); mask-image:linear-gradient(180deg, #000 66%, transparent 94%);}
  .hx-media .hx-bg, .hx .hx-media .hx-bg{position:absolute; inset:0; width:100% !important; height:100% !important; margin:0;
    -webkit-mask-image:none !important; mask-image:none !important;
    object-position:100% 0% !important; transform:scale(var(--hxz, 1.3)) !important; transform-origin:100% 0% !important;}
}

/* ===================================================================
   PÁGINAS INTERNAS (geradas por _build/build.py)
   =================================================================== */
.hd-dd{position:relative; display:flex; align-items:center;}
.hd-dd > a{font-weight:600; font-size:14px; color:var(--graphite); padding:6px 0; position:relative; display:flex; align-items:center; gap:6px;}
.hd-dd > a::after{content:""; position:absolute; left:0; right:0; bottom:-3px; height:3px; background:var(--signal); transform:scaleX(0); transform-origin:right; transition:transform .35s var(--ease);}
.hd-dd > a[aria-current]::after, .hd-dd:hover > a::after{transform:scaleX(1); transform-origin:left;}
.hd-dd > a svg{width:10px; height:10px; fill:none; stroke:currentColor; stroke-width:2.4; transition:transform .3s;}
.hd-dd:hover > a svg{transform:rotate(180deg);}
.hd-sub{position:absolute; top:calc(100% + 18px); left:-22px; min-width:300px; background:#fff; padding:10px; display:flex; flex-direction:column;
  box-shadow:0 30px 50px -24px rgba(5,43,85,0.45); border-top:3px solid var(--signal); opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s; z-index:50;}
.hd-sub::before{content:""; position:absolute; left:0; right:0; top:-21px; height:20px;}
.hd-dd:hover .hd-sub, .hd-dd:focus-within .hd-sub{opacity:1; visibility:visible; transform:none;}
.hd-sub a{display:flex; align-items:center; gap:12px; padding:12px 12px; font-size:14px; font-weight:600; color:var(--graphite); transition:background .2s, color .2s;}
.hd-sub a:hover{background:var(--paper); color:var(--marine);}
.hd-sub a svg{width:20px; height:20px; color:var(--marine); flex:none;}
@media (max-width:980px){
  .hd-dd{flex-direction:column; align-items:flex-start;}
  .hd-dd > a{font-size:18px;}
  .hd-dd > a svg{display:none;}
  .hd-sub{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border-top:none; padding:6px 0 0 14px; min-width:0; border-left:2px solid var(--signal); margin-top:8px;}
  .hd-sub a{padding:7px 10px; font-size:15px;}
  .hd-links{max-height:calc(100svh - 110px); overflow-y:auto;}
}

/* hero das páginas internas */
.pg-hero{position:relative; overflow:hidden; background:#EEF2F7;}
.pg-hero-in{display:grid; grid-template-columns:1.02fr 0.98fr; gap:64px; align-items:center; padding-top:52px; padding-bottom:84px;}
.crumbs{display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-family:var(--font-tech); font-weight:600; font-size:13px; letter-spacing:0.08em; text-transform:uppercase; color:var(--steel); margin-bottom:22px;}
.crumbs a{color:var(--marine); transition:color .2s;}
.crumbs a:hover{color:var(--graphite);}
.crumbs i{width:5px; height:5px; border-radius:50%; background:var(--signal); display:inline-block;}
.pg-hero h1{margin-top:18px; font-size:clamp(2rem,3.6vw,3.1rem); line-height:1.08; letter-spacing:-0.02em; color:var(--graphite);}
.pg-hero .pg-lead{margin-top:20px; max-width:540px; font-size:17px; line-height:1.65; color:#3E5266;}
.pg-hero .hx-actions{margin-top:30px;}
.s-mark{color:var(--signal-ink);}
.pg-fig{position:relative; margin:0; aspect-ratio:5/4;}
.pg-fig::before{content:""; position:absolute; right:-18px; bottom:-18px; width:58%; height:62%; background:var(--signal);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);}
.pg-fig-img{position:absolute; inset:0; overflow:hidden; clip-path:polygon(0 0,100% 0,100% calc(100% - 52px),calc(100% - 52px) 100%,0 100%); background:var(--marine-deep);}
.pg-fig-img img{width:100%; height:100%; object-fit:cover; animation:kenburns 22s ease-in-out infinite alternate;}
.pg-fig-tag{position:absolute; left:-26px; bottom:44px; z-index:2; display:flex; align-items:center; gap:14px; background:#fff; padding:14px 20px 14px 16px;
  box-shadow:0 24px 40px -22px rgba(5,43,85,0.5); clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);}
.pg-fig-tag .zz{width:38px; height:22px;}
.pg-fig-tag b{display:block; font-family:var(--font-display); font-size:24px; line-height:1; color:var(--marine-deep);}
.pg-fig-tag span{display:block; margin-top:4px; font-family:var(--font-tech); font-weight:600; font-size:12.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--steel);}
.pg-hero-mark{position:absolute; right:-140px; top:-60px; width:520px; height:300px; opacity:0.05; pointer-events:none;}

/* seções */
.pg-sec{padding:100px 0; position:relative;}
.pg-sec.is-white{background:#fff;}
.pg-sec.is-paper{background:var(--paper);}
.pg-sec.is-dark{background:var(--marine-deep); color:#fff; overflow:hidden;}
.pg-sec.is-blue{background:var(--marine); color:#fff; overflow:hidden;}
.pg-sec.is-dark .s-head h2, .pg-sec.is-blue .s-head h2{color:#fff;}
.pg-sec.is-dark .s-head p, .pg-sec.is-blue .s-head p{color:rgba(255,255,255,0.7);}
.pg-sec.cut-top{clip-path:polygon(0 56px,100% 0,100% 100%,0 100%); margin-top:-56px; padding-top:150px; z-index:2;}
.pg-split{display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center;}
.pg-split.rev > :first-child{order:2;}
.pg-split h2{margin-top:16px; font-size:clamp(1.8rem,2.8vw,2.4rem); line-height:1.15; color:var(--graphite);}
.is-dark .pg-split h2, .is-blue .pg-split h2{color:#fff;}
.pg-prose p{margin-top:16px; font-size:16px; line-height:1.75; color:#4A5867;}
.is-dark .pg-prose p, .is-blue .pg-prose p{color:rgba(255,255,255,0.72);}
.pg-prose p strong{color:var(--graphite); font-weight:600;}
.is-dark .pg-prose p strong, .is-blue .pg-prose p strong{color:#fff;}
.pg-prose ul.ticks{list-style:none; padding:0; margin:22px 0 0; display:grid; gap:12px;}
.pg-prose ul.ticks li{position:relative; padding-left:34px; font-size:15.5px; line-height:1.6; color:#3E5266;}
.is-dark .pg-prose ul.ticks li, .is-blue .pg-prose ul.ticks li{color:rgba(255,255,255,0.8);}
.pg-prose ul.ticks li::before{content:""; position:absolute; left:0; top:6px; width:20px; height:12px; background:var(--signal);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);}
.pg-photo{position:relative; margin:0; aspect-ratio:4/3.3; overflow:hidden; clip-path:polygon(0 0,100% 0,100% calc(100% - 44px),calc(100% - 44px) 100%,0 100%);}
.pg-photo img{width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--ease);}
.pg-photo:hover img{transform:scale(1.05);}
.pg-photo figcaption{position:absolute; left:0; bottom:0; background:var(--signal); color:var(--signal-ink); padding:12px 20px; font-family:var(--font-tech); font-weight:700; font-size:13px; letter-spacing:0.12em; text-transform:uppercase;}

/* números */
.pg-stats{display:flex; flex-wrap:wrap; gap:0; margin-top:56px; border-top:1px solid rgba(255,255,255,0.18);}
.pg-stats > div{flex:1 1 220px; padding:30px 28px 6px 0; position:relative;}
.pg-stats > div::before{content:""; position:absolute; left:0; top:-2px; width:44px; height:3px; background:var(--signal); transition:width .5s var(--ease);}
.pg-stats > div:hover::before{width:90%;}
.pg-stats b{display:block; font-family:var(--font-display); font-size:clamp(2.2rem,3.6vw,3.2rem); line-height:1; letter-spacing:-0.02em;}
.pg-stats b small{font-size:0.45em; color:var(--signal); margin-left:4px;}
.pg-stats span{display:block; margin-top:10px; font-size:14px; color:rgba(255,255,255,0.62);}
.is-paper .pg-stats, .is-white .pg-stats{border-top-color:var(--line);}
.is-paper .pg-stats b, .is-white .pg-stats b{color:var(--marine-deep);}
.is-paper .pg-stats span, .is-white .pg-stats span{color:var(--steel);}

/* etapas */
.pg-steps{list-style:none; margin:56px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:22px;}
.pg-steps li{flex:1 1 220px; position:relative; background:#fff; padding:30px 26px 30px; box-shadow:0 24px 40px -32px rgba(5,43,85,0.4);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);}
.is-dark .pg-steps li, .is-blue .pg-steps li{background:rgba(255,255,255,0.06); box-shadow:none; border:1px solid rgba(255,255,255,0.14);}
.pg-steps li::before{content:""; position:absolute; left:0; top:0; height:4px; width:100%; background:var(--signal); transform:scaleX(0); transform-origin:left; transition:transform 1s var(--ease);}
.reveal.in .pg-steps li::before, .pg-steps.in li::before{transform:scaleX(1);}
.pg-steps li:nth-child(2)::before{transition-delay:.15s;} .pg-steps li:nth-child(3)::before{transition-delay:.3s;} .pg-steps li:nth-child(4)::before{transition-delay:.45s;}
.pg-steps .n{font-family:var(--font-tech); font-weight:700; font-size:15px; letter-spacing:0.14em; color:var(--marine);}
.is-dark .pg-steps .n, .is-blue .pg-steps .n{color:var(--signal);}
.pg-steps h3{margin-top:12px; font-size:19px; color:var(--graphite);}
.is-dark .pg-steps h3, .is-blue .pg-steps h3{color:#fff;}
.pg-steps p{margin-top:10px; font-size:14.5px; line-height:1.6; color:var(--steel);}
.is-dark .pg-steps p, .is-blue .pg-steps p{color:rgba(255,255,255,0.68);}

/* cartões com imagem */
.pg-cards{display:flex; flex-wrap:wrap; gap:24px; margin-top:52px;}
.pg-card{flex:1 1 300px; max-width:calc((100% - 48px) / 3); display:flex; flex-direction:column; background:#fff; position:relative;
  box-shadow:0 28px 50px -36px rgba(5,43,85,0.5); transition:transform .4s var(--ease), box-shadow .4s var(--ease);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);}
.pg-card:hover{transform:translateY(-6px); box-shadow:0 36px 60px -34px rgba(5,43,85,0.55);}
.pg-card::before{content:""; position:absolute; left:0; top:0; z-index:2; height:4px; width:100%; background:var(--signal); transform:scaleX(0.2); transform-origin:left; transition:transform .55s var(--ease);}
.pg-card:hover::before{transform:scaleX(1);}
.pg-card-img{aspect-ratio:16/10; overflow:hidden; background:var(--mist);}
.pg-card-img img{width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease);}
.pg-card:hover .pg-card-img img{transform:scale(1.07);}
.pg-card-body{padding:26px 26px 30px; display:flex; flex-direction:column; flex:1;}
.pg-card-tag{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-tech); font-weight:700; font-size:12.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--marine);}
.pg-card-tag .zz{width:24px; height:14px;}
.pg-card h3{margin-top:12px; font-size:20px; line-height:1.3; color:var(--graphite);}
.pg-card p{margin-top:10px; font-size:14.5px; line-height:1.6; color:var(--steel); flex:1;}
.pg-card .more{margin-top:20px; display:inline-flex; align-items:center; gap:10px; font-family:var(--font-tech); font-weight:700; font-size:14px; letter-spacing:0.1em; text-transform:uppercase; color:var(--marine);}
.pg-card .more svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.4; transition:transform .3s var(--ease);}
.pg-card:hover .more svg{transform:translateX(6px);}
.pg-card a.cover{position:absolute; inset:0; z-index:3;}
.is-dark .pg-card{background:#fff;}

/* lista de destaques em fundo azul (reaproveita s-dif-list) */
.pg-dif-list{list-style:none; margin:48px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:0 48px;}
.pg-dif-list li{display:grid; grid-template-columns:56px 1fr; gap:22px; align-items:start; padding:26px 0; border-top:1px solid rgba(255,255,255,0.2); transition:padding-left .4s var(--ease);}
.pg-dif-list li:hover{padding-left:10px;}
.pg-dif-list h3{color:#fff; font-size:18px;}
.pg-dif-list p{margin-top:6px; color:rgba(255,255,255,0.72); font-size:14.5px; line-height:1.6;}
.pg-dif-list .s-tile{width:56px; height:56px;}
.pg-dif-list .s-tile svg{width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8;}

/* CTA intermediário */
.pg-cta{display:flex; align-items:center; justify-content:space-between; gap:32px; padding:34px 40px; background:var(--marine); color:#fff; position:relative; overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);}
.pg-cta::before{content:""; position:absolute; left:0; top:0; bottom:0; width:6px; background:var(--signal);}
.pg-cta h2{color:#fff; font-size:clamp(1.4rem,2.2vw,1.9rem); line-height:1.2;}
.pg-cta p{margin-top:8px; color:rgba(255,255,255,0.75); font-size:15px;}

/* glossário */
.gl-letters{display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;}
.gl-letters a{width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:#fff; font-family:var(--font-tech); font-weight:700; color:var(--marine); box-shadow:0 10px 20px -16px rgba(5,43,85,0.6); transition:background .2s, color .2s;}
.gl-letters a:hover{background:var(--signal); color:var(--signal-ink);}
.gl-list{margin:40px 0 0; display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.gl-item{background:#fff; padding:26px 28px; border-left:4px solid var(--signal); scroll-margin-top:120px;}
.gl-item dt{font-family:var(--font-display); font-weight:700; font-size:19px; color:var(--graphite);}
.gl-item dd{margin:10px 0 0; font-size:15px; line-height:1.65; color:#4A5867;}
.gl-item dd a{color:var(--marine); font-weight:600; border-bottom:1px solid currentColor;}

/* contato */
.ct-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:start;}
.ct-channels{display:grid; gap:16px;}
.ct-ch{display:flex; align-items:center; gap:18px; background:#fff; padding:22px 24px; box-shadow:0 20px 40px -32px rgba(5,43,85,0.5); transition:transform .3s var(--ease);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);}
a.ct-ch:hover{transform:translateX(6px);}
.ct-ch .s-tile{width:52px; height:52px; flex:none;}
.ct-ch .s-tile svg{width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linejoin:round; stroke-linecap:round;}
.ct-ch small{display:block; font-family:var(--font-tech); font-weight:700; font-size:12.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--steel);}
.ct-ch b{display:block; margin-top:4px; font-size:16px; color:var(--graphite); word-break:break-word;}
.form-card2{background:#fff; padding:36px; box-shadow:0 30px 60px -40px rgba(5,43,85,0.55); clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%); position:relative;}
.form-card2::before{content:""; position:absolute; left:0; top:0; height:5px; width:100%; background:var(--signal);}
.form-card2 h2, .form-card2 h3{font-size:22px; color:var(--graphite);}
.form-card2 > p{margin-top:8px; font-size:14.5px; color:var(--steel);}
.wa-form{margin-top:22px; display:grid; gap:14px;}
.wa-form .row2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.wa-form label{display:grid; gap:6px; font-family:var(--font-tech); font-weight:700; font-size:12.5px; letter-spacing:0.12em; text-transform:uppercase; color:var(--steel);}
.wa-form input, .wa-form select, .wa-form textarea{width:100%; font:inherit; font-family:'Poppins',sans-serif; font-size:15px; text-transform:none; letter-spacing:0; color:var(--graphite);
  background:var(--paper); border:1px solid var(--line); border-radius:0; padding:13px 14px; transition:border-color .2s, box-shadow .2s;}
.wa-form input:focus, .wa-form select:focus, .wa-form textarea:focus{outline:none; border-color:var(--marine); box-shadow:0 0 0 3px rgba(3,85,165,0.12);}
.wa-form textarea{min-height:110px; resize:vertical;}
.wa-form .btn{justify-content:space-between; width:100%;}
.wa-form .btn .btn-label{flex:1;}
.wa-form .note{font-size:12.5px; color:var(--steel); line-height:1.5;}
.ct-map{margin-top:48px; height:380px; overflow:hidden; clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%); background:var(--mist);}
.ct-map iframe{width:100%; height:100%; border:0; filter:saturate(0.85);}

/* blog: listagem */
.bl-feature{display:grid; grid-template-columns:1.15fr 0.85fr; background:#fff; position:relative; box-shadow:0 34px 60px -40px rgba(5,43,85,0.55);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%);}
.bl-feature .pg-card-img{aspect-ratio:auto; min-height:380px;}
.bl-feature .pg-card-body{padding:44px 44px 48px; justify-content:center;}
.bl-feature h2{margin-top:14px; font-size:clamp(1.5rem,2.4vw,2.1rem); line-height:1.2; color:var(--graphite);}
.bl-feature p{margin-top:14px; font-size:15.5px; line-height:1.65; color:var(--steel); flex:none;}
.bl-feature a.cover{position:absolute; inset:0; z-index:3;}
.bl-feature:hover .pg-card-img img{transform:scale(1.05);}
.bl-tools{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:64px;}
.chips{display:flex; flex-wrap:wrap; gap:8px;}
.chip{font-family:var(--font-tech); font-weight:700; font-size:13px; letter-spacing:0.1em; text-transform:uppercase; padding:10px 16px; background:#fff; color:var(--steel);
  border:1px solid var(--line); cursor:pointer; transition:background .2s, color .2s, border-color .2s;}
.chip:hover{color:var(--marine); border-color:var(--marine);}
.chip.on{background:var(--marine); color:#fff; border-color:var(--marine);}
.bl-meta{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:12px; font-size:13px; color:var(--steel);}
.bl-meta i{width:4px; height:4px; border-radius:50%; background:var(--signal); display:inline-block;}
.pg-card.hide{display:none;}

/* blog: arquivo */
.arq-group{margin-top:56px;}
.arq-group h2{display:flex; align-items:center; gap:14px; font-size:24px; color:var(--graphite);}
.arq-group h2 .zz{width:34px; height:20px;}
.arq-list{list-style:none; margin:20px 0 0; padding:0; border-top:2px solid var(--graphite);}
.arq-list li a{display:grid; grid-template-columns:130px 1fr 40px; gap:20px; align-items:center; padding:20px 4px; border-bottom:1px solid var(--line); transition:background .25s, padding-left .3s var(--ease);}
.arq-list li a:hover{background:#fff; padding-left:14px;}
.arq-list time{font-family:var(--font-tech); font-weight:600; font-size:14px; letter-spacing:0.06em; color:var(--steel);}
.arq-list b{font-size:16.5px; color:var(--graphite); font-weight:600;}
.arq-list svg{width:18px; height:18px; fill:none; stroke:var(--marine); stroke-width:2.4; transition:transform .3s;}
.arq-list li a:hover svg{transform:translateX(5px);}

/* post */
.post-hero{background:#EEF2F7; padding:44px 0 0; position:relative;}
.post-hero h1{margin-top:16px; max-width:900px; font-size:clamp(1.9rem,3.6vw,3rem); line-height:1.12; letter-spacing:-0.02em; color:var(--graphite);}
.post-hero .pg-lead{margin-top:16px; max-width:760px; font-size:17px; line-height:1.65; color:#3E5266;}
.post-cover{margin:36px 0 0; aspect-ratio:21/9; overflow:hidden; position:relative; clip-path:polygon(0 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%);}
.post-cover img{width:100%; height:100%; object-fit:cover; animation:kenburns 26s ease-in-out infinite alternate;}
.post-hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:120px; background:#fff; z-index:0;}
.post-hero .wrap{position:relative; z-index:1;}
.post-wrap{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:64px; padding-top:56px; padding-bottom:110px; align-items:start;}
.post-content{font-size:17px; line-height:1.8; color:#38485A;}
.post-content > *:first-child{margin-top:0;}
.post-content p{margin-top:20px;}
.post-content h2{margin-top:52px; font-size:clamp(1.45rem,2.2vw,1.8rem); line-height:1.25; color:var(--graphite); position:relative; padding-top:18px; scroll-margin-top:120px;}
.post-content h2::before{content:""; position:absolute; left:0; top:0; width:44px; height:4px; background:var(--signal);}
.post-content h3{margin-top:34px; font-size:19px; color:var(--graphite);}
.post-content ul, .post-content ol{margin:20px 0 0; padding-left:22px;}
.post-content li{margin-top:10px;}
.post-content li::marker{color:var(--marine); font-weight:700;}
.post-content strong{color:var(--graphite);}
.post-content a{color:var(--marine); font-weight:600; border-bottom:1px solid rgba(3,85,165,0.35); transition:border-color .2s;}
.post-content a:hover{border-color:var(--marine);}
.post-content .callout{margin-top:32px; padding:24px 26px; background:var(--paper); border-left:4px solid var(--signal);}
.post-content .callout p{margin-top:0;}
.post-content .callout b{display:block; font-family:var(--font-tech); font-size:13px; letter-spacing:0.14em; text-transform:uppercase; color:var(--marine); margin-bottom:6px;}
.post-content figure{margin:36px 0 0; clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);}
.post-content figure img{width:100%; aspect-ratio:16/9; object-fit:cover;}
.post-toc{margin-top:0; margin-bottom:34px; padding:24px 26px; border:1px solid var(--line); background:#fff;}
.post-toc b{font-family:var(--font-tech); font-weight:700; font-size:13px; letter-spacing:0.14em; text-transform:uppercase; color:var(--marine);}
.post-toc ol{margin:12px 0 0; padding-left:20px; font-size:15px; line-height:1.5;}
.post-toc a{color:var(--graphite); border:none; font-weight:500;}
.post-toc a:hover{color:var(--marine);}
.post-sources{margin-top:44px; padding-top:22px; border-top:1px solid var(--line); font-size:14px; color:var(--steel);}
.post-sources b{font-family:var(--font-tech); font-size:13px; letter-spacing:0.14em; text-transform:uppercase; color:var(--graphite);}
.post-sources ul{margin-top:8px;}
.post-share-row{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:44px; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.post-share-row b{font-family:var(--font-tech); font-size:13px; letter-spacing:0.14em; text-transform:uppercase; color:var(--graphite);}
.post-side{position:sticky; top:110px; display:grid; gap:20px;}
.side-card{background:#fff; padding:26px; box-shadow:0 26px 50px -36px rgba(5,43,85,0.55); position:relative; clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);}
.side-card::before{content:""; position:absolute; left:0; top:0; height:4px; width:100%; background:var(--signal);}
.side-card h3{font-size:17px; color:var(--graphite);}
.side-card > p{margin-top:8px; font-size:14px; line-height:1.6; color:var(--steel);}
.side-brand img{height:44px; width:auto;}
.side-brand .btn{margin-top:18px; width:100%;}
.side-brand .btn .btn-label{flex:1; justify-content:center; padding:12px 14px; font-size:13px;}
.share-icons2{display:flex; gap:8px; margin-top:12px;}
.share-icons2 a, .share-icons2 button{width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:var(--paper); color:var(--marine); border:none; cursor:pointer; transition:background .2s, color .2s;}
.share-icons2 a:hover, .share-icons2 button:hover{background:var(--marine); color:#fff;}
.share-icons2 svg{width:18px; height:18px;}
.side-list{list-style:none; margin:12px 0 0; padding:0;}
.side-list li a{display:block; padding:12px 0; border-top:1px solid var(--line); font-size:14.5px; font-weight:600; line-height:1.4; color:var(--graphite); transition:color .2s, padding-left .3s var(--ease);}
.side-list li a:hover{color:var(--marine); padding-left:6px;}
.side-list li small{display:block; margin-top:4px; font-weight:500; font-size:12.5px; color:var(--steel);}
.side-cats{display:flex; flex-wrap:wrap; gap:6px; margin-top:12px;}
.side-cats a{font-family:var(--font-tech); font-weight:700; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; padding:7px 11px; background:var(--paper); color:var(--marine); transition:background .2s;}
.side-cats a:hover{background:var(--signal); color:var(--signal-ink);}
.side-card .wa-form{margin-top:16px; gap:10px;}
.side-card .wa-form label{font-size:11.5px;}
.side-card .wa-form input, .side-card .wa-form select{padding:11px 12px; font-size:14px;}

/* 404 */
.nf{min-height:60vh; display:flex; align-items:center; background:#EEF2F7;}
.nf b{font-family:var(--font-display); font-size:clamp(5rem,14vw,10rem); line-height:0.9; color:var(--marine);}

@media (max-width:980px){
  .pg-hero-in{grid-template-columns:1fr; gap:36px; padding-top:0; padding-bottom:64px;}
  .pg-hero-in .pg-fig{order:-1; margin:0 -32px; aspect-ratio:16/10;}
  .pg-fig::before{display:none;}
  .pg-fig-img{clip-path:none;}
  .pg-fig-tag{left:20px; bottom:-22px;}
  .pg-split{grid-template-columns:1fr; gap:40px;}
  .pg-split.rev > :first-child{order:0;}
  .pg-card{max-width:calc((100% - 24px) / 2);}
  .pg-dif-list{grid-template-columns:1fr;}
  .gl-list{grid-template-columns:1fr;}
  .ct-grid{grid-template-columns:1fr;}
  .bl-feature{grid-template-columns:1fr;}
  .bl-feature .pg-card-img{min-height:0; aspect-ratio:16/9;}
  .post-wrap{grid-template-columns:1fr;}
  .post-side{position:static;}
  .pg-cta{flex-direction:column; align-items:flex-start;}
}
@media (max-width:720px){
  .pg-hero-in .pg-fig{margin:0 -20px;}
  .crumbs{margin-top:34px; margin-bottom:14px; font-size:11.5px;}
  .pg-sec{padding:64px 0;}
  .pg-sec.cut-top{clip-path:polygon(0 32px,100% 0,100% 100%,0 100%); margin-top:-32px; padding-top:96px;}
  .pg-card{max-width:100%;}
  .pg-cards, .pg-steps{margin-top:32px;}
  .wa-form .row2{grid-template-columns:1fr;}
  .form-card2{padding:26px 22px;}
  .bl-feature .pg-card-body{padding:28px 24px 32px;}
  .arq-list li a{grid-template-columns:1fr 24px; gap:6px 12px;}
  .arq-list time{grid-column:1 / -1;}
  .post-cover{aspect-ratio:16/10; margin-left:-20px; margin-right:-20px; clip-path:none;}
  .post-content{font-size:16px;}
  .pg-cta{padding:28px 24px;}
  .ct-map{height:300px;}
}
.ft-grid.ft-grid5{grid-template-columns:1.3fr 0.8fr 1fr 0.9fr 1.5fr; gap:40px;}
.ft-bottom a{color:rgba(255,255,255,0.65);}
.ft-bottom a:hover{color:var(--signal);}
.arq-list-simple li a{grid-template-columns:1fr 40px;}
@media (max-width:980px){ .ft-grid.ft-grid5{grid-template-columns:1fr 1fr;} .ft-grid.ft-grid5 .ft-brand, .ft-grid.ft-grid5 .ft-contact{grid-column:1 / -1;} }
@media (max-width:720px){ .ft-grid.ft-grid5{grid-template-columns:1fr 1fr; gap:30px 20px;} .arq-list-simple li a{grid-template-columns:1fr 24px;} }
.post-hero::after{background:var(--paper);}
.ft-lic{flex-wrap:wrap;}
.ft-lic span{white-space:nowrap;}
.ft-contact a, .ft-contact p{overflow-wrap:anywhere;}

/* blog: capa com imagem de ponta a ponta */
.bl-hero{position:relative; overflow:hidden; background:var(--marine-deep); color:#fff; min-height:clamp(440px, 58vh, 600px); display:flex; align-items:flex-end;}
.bl-hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 55%; animation:kenburns 26s ease-in-out infinite alternate;}
.bl-hero::before{content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg, rgba(5,43,85,0.94) 0%, rgba(5,43,85,0.78) 38%, rgba(5,43,85,0.25) 72%, rgba(5,43,85,0.1) 100%),
             linear-gradient(0deg, rgba(5,43,85,0.85) 0%, transparent 45%);}
.bl-hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:6px; background:var(--signal); z-index:2; transform-origin:left; animation:bl-bar 1.4s var(--ease) .2s both;}
@keyframes bl-bar{from{transform:scaleX(0);}}
.bl-hero-in{position:relative; z-index:2; width:100%; padding-top:70px; padding-bottom:64px;}
.bl-hero .crumbs{color:rgba(255,255,255,0.7);}
.bl-hero .crumbs a{color:var(--signal);}
.bl-hero h1{margin-top:18px; max-width:760px; font-size:clamp(2.2rem,4.4vw,3.8rem); line-height:1.05; letter-spacing:-0.02em; color:#fff;}
.bl-hero .pg-lead{margin-top:18px; max-width:560px; font-size:17px; line-height:1.65; color:rgba(255,255,255,0.82);}
.bl-hero-stats{display:flex; flex-wrap:wrap; align-items:center; gap:10px 28px; margin-top:30px; font-family:var(--font-tech); font-weight:600; font-size:14px; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.75);}
.bl-hero-stats b{font-family:var(--font-display); font-size:26px; letter-spacing:0; color:var(--signal); margin-right:6px;}
.bl-hero-stats a{color:#fff; border-bottom:2px solid var(--signal); padding-bottom:2px; transition:color .2s;}
.bl-hero-stats a:hover{color:var(--signal);}
.bl-list{padding-top:72px;}
.bl-feat{position:relative; height:clamp(380px, 46vw, 540px); overflow:hidden; color:#fff; display:flex; align-items:flex-end;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%);}
.bl-feat > img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.4s var(--ease);}
.bl-feat::before{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(0deg, rgba(5,43,85,0.95) 0%, rgba(5,43,85,0.6) 42%, rgba(5,43,85,0) 75%);}
.bl-feat:hover > img{transform:scale(1.05);}
.bl-feat-txt{position:relative; z-index:2; padding:44px 48px 52px; max-width:820px;}
.bl-feat .pg-card-tag{color:var(--signal);}
.bl-feat .pg-card-tag .zz{--zz-a:#fff; --zz-b:var(--signal);}
.bl-feat h2{margin-top:14px; font-size:clamp(1.6rem,3vw,2.5rem); line-height:1.15; color:#fff;}
.bl-feat p{margin-top:12px; font-size:16px; line-height:1.6; color:rgba(255,255,255,0.82); max-width:640px;}
.bl-feat .bl-meta{color:rgba(255,255,255,0.7);}
.bl-feat-more{display:inline-flex; align-items:center; gap:10px; margin-top:22px; font-family:var(--font-tech); font-weight:700; font-size:14px; letter-spacing:0.12em; text-transform:uppercase; color:var(--signal);}
.bl-feat-more .btn-ico{width:auto; border:none;}
.bl-feat-more .btn-ico svg{width:18px; height:18px; transition:transform .3s var(--ease);}
.bl-feat:hover .bl-feat-more .btn-ico svg{transform:translateX(6px);}
.bl-feat a.cover{position:absolute; inset:0; z-index:3;}
@media (max-width:720px){
  .bl-hero{min-height:480px;}
  .bl-hero::before{background:linear-gradient(0deg, rgba(5,43,85,0.96) 0%, rgba(5,43,85,0.75) 55%, rgba(5,43,85,0.3) 100%);}
  .bl-hero-in{padding-top:40px; padding-bottom:44px;}
  .bl-hero .crumbs{margin-top:0;}
  .bl-list{padding-top:44px;}
  .bl-feat{height:440px; clip-path:none; margin:0 -20px;}
  .bl-feat-txt{padding:28px 20px 34px;}
}
.bl-feat::before{background:linear-gradient(0deg, rgba(5,43,85,0.97) 0%, rgba(5,43,85,0.82) 45%, rgba(5,43,85,0.15) 85%);}
.bl-feat .pg-card-tag{font-size:13.5px;}

/* post: leitura de blog */
.post-wrap{padding-top:48px;}
.post-content{background:#fff; padding:52px 60px 48px; box-shadow:0 30px 60px -48px rgba(5,43,85,0.45); font-size:18px; line-height:1.85; color:#2F3B48;}
.post-content p{margin-top:22px;}
.post-content > .post-toc + p::first-letter{float:left; font-family:var(--font-display); font-weight:700; font-size:4.1em; line-height:0.82; padding:8px 12px 0 0; color:var(--marine);}
.post-content h2{margin-top:44px; padding-top:0; font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.3rem,2vw,1.55rem); line-height:1.35; letter-spacing:-0.01em; color:var(--graphite);}
.post-content h2::before{display:none;}
.post-content h3{margin-top:30px; font-family:'Poppins',sans-serif; font-weight:600; font-size:18.5px;}
.post-content h3 + p{margin-top:8px;}
.post-content ul, .post-content ol{margin:18px 0 0; padding-left:24px;}
.post-content li{margin-top:8px; padding-left:4px;}
.post-content li::marker{color:var(--graphite); font-weight:600;}
.post-content ul li::marker{color:var(--marine);}
.post-content .callout{margin:34px 0 0; padding:22px 26px; background:#F4F7FB; border-left:4px solid var(--marine); font-size:16.5px;}
.post-content .callout b{color:var(--marine);}
.post-toc{background:#F4F7FB; border:none; padding:22px 26px; margin-bottom:8px;}
.post-toc ol{columns:2; column-gap:32px;}
.post-toc li{break-inside:avoid; margin-top:6px;}
.post-sources{font-size:14.5px;}
.post-share-row{margin-top:40px;}
.post-author{display:flex; align-items:center; gap:16px; margin-top:28px; padding:22px 24px; background:#F4F7FB;}
.post-author .zz{width:46px; height:26px; flex:none;}
.post-author b{display:block; font-size:15.5px; color:var(--graphite); line-height:1.3;}
.post-author span{display:block; font-size:14px; line-height:1.5; color:var(--steel);}
.post-recs{border-top:1px solid var(--line); padding-top:80px;}
.post-recs .s-head{align-items:center;}
@media (max-width:720px){
  .post-content{padding:30px 22px 32px; margin:0 -20px; font-size:17px; box-shadow:none;}
  .post-toc ol{columns:1;}
  .post-recs{padding-top:56px;}
}

/* blog v3: capa sólida centralizada */
.bl-top{position:relative; overflow:hidden; background:var(--marine-deep); color:#fff; text-align:center;}
.bl-top::after{content:""; position:absolute; left:0; right:0; bottom:0; height:5px; background:var(--signal);}
.bl-top-in{position:relative; z-index:1; padding-top:76px; padding-bottom:84px; max-width:900px;}
.bl-top-mark{position:absolute; width:420px; height:242px; opacity:0.07; --zz-a:#fff; --zz-b:#fff; pointer-events:none;}
.bl-top-mark-l{left:-150px; bottom:-70px;}
.bl-top-mark-r{right:-130px; top:-60px; --zz-b:var(--signal); opacity:0.1;}
.bl-badge{display:inline-flex; align-items:center; gap:10px; padding:9px 18px; border:1.5px solid var(--signal); font-family:var(--font-tech); font-weight:700; font-size:13px; letter-spacing:0.16em; color:#fff;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);}
.bl-badge i{width:8px; height:8px; background:var(--signal); display:inline-block;}
.bl-top h1{margin:22px auto 0; max-width:820px; font-size:clamp(2.1rem,4.6vw,3.7rem); line-height:1.06; letter-spacing:-0.02em; color:#fff;}
.bl-top h1 em{font-style:normal; color:var(--signal);}
.bl-top p{margin:20px auto 0; max-width:640px; font-size:17px; line-height:1.65; color:rgba(255,255,255,0.75);}
.bl-cats{background:#fff; border-bottom:1px solid var(--line); position:sticky; top:78px; z-index:20;}
.bl-cats-in{display:flex; justify-content:center; gap:6px 30px; flex-wrap:wrap; padding-top:16px; padding-bottom:16px;}
.bl-cat{background:none; border:none; cursor:pointer; padding:6px 0; position:relative; font-family:'Poppins',sans-serif; font-weight:600; font-size:15px; color:var(--steel); transition:color .2s;}
.bl-cat::after{content:""; position:absolute; left:0; right:0; bottom:-2px; height:3px; background:var(--signal); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease);}
.bl-cat:hover{color:var(--marine);}
.bl-cat.on{color:var(--marine);}
.bl-cat.on::after{transform:scaleX(1);}
.bl-cat:focus-visible{outline:2px solid var(--marine); outline-offset:3px;}
.bl-search{background:var(--paper);}
.bl-search-in{display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:26px; padding-bottom:26px;}
.bl-search-box{display:flex; align-items:center; gap:12px; width:min(420px,100%); background:#fff; border:1px solid var(--line); padding:0 16px; transition:border-color .2s, box-shadow .2s;}
.bl-search-box:focus-within{border-color:var(--marine); box-shadow:0 0 0 3px rgba(3,85,165,0.12);}
.bl-search-box svg{width:20px; height:20px; flex:none; fill:none; stroke:var(--marine); stroke-width:2.2;}
.bl-search-box input{flex:1; border:none; outline:none; background:none; font:inherit; font-family:'Poppins',sans-serif; font-size:15px; padding:14px 0; color:var(--graphite);}
.bl-count{font-size:14.5px; color:var(--steel); white-space:nowrap;}
.bl-count b{color:var(--marine-deep);}
.bl-grid{padding-top:56px;}
.bl-grid .pg-cards{margin-top:0;}
.bl-empty{margin-top:24px; text-align:center; color:var(--steel);}
.bl-empty a{color:var(--marine); font-weight:600;}
@media (max-width:720px){
  .bl-top-in{padding-top:52px; padding-bottom:60px;}
  .bl-top p{font-size:15.5px;}
  .bl-cats{top:66px;}
  .bl-cats-in{justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; gap:24px; scrollbar-width:none;}
  .bl-cats-in::-webkit-scrollbar{display:none;}
  .bl-cat{white-space:nowrap;}
  .bl-search-in{flex-direction:column; align-items:stretch; gap:12px;}
  .bl-grid{padding-top:36px;}
}

/* post v3: capa dentro do bloco do artigo; índice como antes */
.post-hero{padding-bottom:8px;}
.post-hero::after{display:none;}
.post-content .post-cover{margin:-52px -60px 36px; aspect-ratio:16/9; clip-path:none;}
.post-content .post-cover img{width:100%; height:100%; aspect-ratio:auto; object-fit:cover; animation:none;}
.post-content > .post-toc + p::first-letter{float:none; font-size:inherit; padding:0; color:inherit; font-family:inherit; font-weight:inherit; line-height:inherit;}
.post-toc{background:#fff; border:1px solid var(--line); padding:24px 26px; margin-top:0; margin-bottom:34px;}
.post-toc ol{columns:1; margin:12px 0 0; padding-left:20px; font-size:15px; line-height:1.5;}
.post-toc li{margin-top:6px;}
.post-toc + h2, .post-toc + p{margin-top:0;}
@media (max-width:720px){
  .post-content .post-cover{margin:-30px -22px 26px;}
}
/* bandeiras como botões + tradução */
.hd-lang button{background:none; border:none; cursor:pointer; padding:0; line-height:0; opacity:0.55; transition:opacity .2s, transform .2s;}
.hd-lang button svg{width:20px; height:14px; display:block; box-shadow:0 0 0 1px rgba(0,0,0,0.12);}
.hd-lang button:hover, .hd-lang button[aria-current]{opacity:1;}
.hd-lang button:hover{transform:translateY(-1px);}
.hd-lang button:focus-visible{outline:2px solid var(--marine); outline-offset:3px;}
#gt-el, .goog-te-banner-frame, iframe.skiptranslate, .goog-te-balloon-frame, #goog-gt-tt, .VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none !important;}
body{top:0 !important; position:static !important;}
.goog-text-highlight{background:none !important; box-shadow:none !important;}
font{background:none !important; box-shadow:none !important;}
.no-intro .intro{display:none !important;}
.no-intro .hx-copy > *, .no-intro .hx-bg{animation-delay:0s !important; animation-duration:.6s !important;}
.bl-top h1 .s-mark{background:none; color:var(--signal); padding:0;}
.post-content blockquote{margin:32px 0 0; padding:22px 26px; background:#F4F7FB; border-left:4px solid var(--marine); font-size:16.5px;}
.post-content blockquote p{margin-top:0;}
.post-content blockquote strong:first-child{display:block; font-family:var(--font-tech); font-size:13px; letter-spacing:0.14em; text-transform:uppercase; color:var(--marine); margin-bottom:6px;}