:root{
    --azul-profundo:#0A3A61;
    --azul-primario:#0067B1;
    --azul-ceu:#57C2EC;
    --azul-ceu-suave:#E4F5FC;
    --laranja:#F19A00;
    --laranja-vivo:#F4790F;
    --laranja-vivo-escuro:#C85E06;
    --laranja-suave:#FFE9C7;
    --bg:#F5F9FC;
    --card:#FFFFFF;
    --tinta:#1B3A55;
    --tinta-suave:#4C6478;
    --linha:#DCE9F2;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--tinta);
    font-family:'Inter',system-ui,sans-serif;
    font-size:16px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
  }

  h1,h2,h3{font-family:'Poppins',system-ui,sans-serif;color:var(--azul-profundo);margin:0;text-wrap:balance;}
  a{color:var(--azul-primario);}
  a:focus-visible, button:focus-visible, .chip:focus-visible{outline:3px solid var(--laranja-vivo); outline-offset:2px;}

  .wrap{max-width:1120px;margin:0 auto;padding:0 32px;}
  @media (max-width:640px){ .wrap{padding:0 20px;} }

  /* ---------- topo / marca ---------- */
  .topbar{background:var(--azul-profundo);color:#fff;font-size:12.5px;letter-spacing:.02em;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:6px;}
  .topbar span{opacity:.85;}

  header.site{background:#fff;border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:20;}
  header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;gap:20px;}
  .logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .logo-mark-img{height:40px;width:auto;display:block;}
  nav.crumbs{display:flex;gap:22px;flex-wrap:wrap;}
  nav.crumbs a{color:var(--azul-profundo);text-decoration:none;font-weight:600;font-size:13.5px;letter-spacing:.01em;}
  nav.crumbs a:hover{color:var(--azul-primario);}
  @media (max-width:820px){ nav.crumbs{display:none;} }

  /* ---------- hero ---------- */
  .hero{position:relative;overflow:hidden;padding:76px 0 88px;}
  .blob{position:absolute;border-radius:62% 38% 55% 45% / 45% 55% 45% 55%;z-index:0;}
  .blob-blue{width:640px;height:640px;background:var(--azul-ceu);opacity:.9;left:-220px;top:-160px;}
  .blob-orange{width:260px;height:260px;background:var(--laranja-vivo);opacity:.9;right:-70px;top:-40px;border-radius:58% 42% 40% 60% / 55% 45% 55% 45%;}
  .blob-orange-sm{width:70px;height:70px;background:var(--azul-profundo);right:220px;top:210px;border-radius:50%;opacity:.12;}
  .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;}
  @media (max-width:900px){ .hero .wrap{grid-template-columns:1fr;} .hero{padding:56px 0 64px;} }
  .eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.55);border:1px solid rgba(10,58,97,.15);color:var(--azul-profundo);font-weight:600;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:18px;}
  .hero h1{font-size:clamp(34px,4.6vw,50px);line-height:1.08;color:var(--azul-profundo);}
  .hero h1 em{font-style:normal;color:var(--azul-primario);}
  .hero p.lead{font-size:17.5px;color:var(--tinta);max-width:52ch;margin-top:18px;}
  .hero .cta-row{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap;}
  .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Inter';font-weight:600;font-size:14.5px;text-decoration:none;padding:13px 22px;border-radius:10px;border:2px solid transparent;transition:transform .15s ease, box-shadow .15s ease;}
  .btn:hover{transform:translateY(-1px);}
  .btn-primary{background:var(--azul-profundo);color:#fff;box-shadow:0 8px 20px -8px rgba(10,58,97,.55);}
  .btn-primary:hover{background:var(--azul-primario);}
  .btn-ghost{border-color:var(--azul-profundo);color:var(--azul-profundo);background:#fff;}

  .brand-card{position:relative;background:#fff;border-radius:20px;padding:26px 26px 22px;box-shadow:0 24px 50px -24px rgba(10,58,97,.35);border:1px solid var(--linha);}
  .brand-card h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-suave);margin-bottom:14px;}
  .brand-grid{display:flex;flex-wrap:wrap;gap:8px;}
  .brand-chip{background:var(--azul-ceu-suave);color:var(--azul-profundo);font-weight:600;font-size:12.5px;padding:7px 12px;border-radius:8px;}

  /* ---------- seções gerais ---------- */
  section{padding:56px 0;}
  section.alt{background:#fff;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);}

  .sec-top{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:36px;flex-wrap:wrap;}
  .sec-head{display:flex;gap:18px;align-items:flex-start;max-width:640px;flex:1 1 380px;}
  .sec-icon{width:56px;height:56px;flex-shrink:0;}
  .sec-num{font-family:'Poppins';font-weight:800;font-size:13px;color:var(--laranja-vivo);letter-spacing:.08em;margin-bottom:6px;display:block;}
  .sec-head h2{font-size:clamp(22px,2.6vw,30px);}
  .sec-head p{color:var(--tinta-suave);margin-top:8px;font-size:15.5px;max-width:62ch;}
  .sec-art{flex:0 0 auto;width:180px;height:150px;}
  @media (max-width:820px){ .sec-art{display:none;} }

  .grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;}
  .card{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:20px 20px 22px;}
  section.alt .card{background:var(--bg);}
  .card .ic{width:34px;height:34px;margin-bottom:12px;}
  .card h4{font-family:'Inter';font-weight:600;font-size:15px;color:var(--azul-profundo);margin:0 0 6px;}
  .card p{margin:0;font-size:14px;color:var(--tinta-suave);}

  ul.list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
  ul.list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;}
  ul.list li svg{flex-shrink:0;margin-top:3px;}

  .two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  @media (max-width:760px){ .two-col{grid-template-columns:1fr;} }

  .panel{border-radius:16px;padding:24px 24px 26px;}
  .panel-blue{background:var(--azul-ceu-suave);border:1px solid #CDE9F5;}
  .panel-blue h4{color:var(--azul-profundo);}
  .panel-blue p{color:var(--tinta);}
  .panel-orange{background:var(--laranja-vivo);border:1px solid var(--laranja-vivo-escuro);box-shadow:0 14px 30px -18px rgba(196,90,4,.7);}
  .panel h4{font-family:'Poppins';font-weight:700;font-size:16.5px;margin-bottom:10px;}
  .panel-orange h4, .panel-orange p, .panel-orange strong{color:#fff;}
  .panel-orange p{color:#FFEFE0;}

  .chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
  .chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--azul-ceu);color:var(--azul-profundo);font-weight:600;font-size:13.5px;padding:9px 15px;border-radius:999px;}
  .chip svg{width:16px;height:16px;}
  .chip-vivid{background:var(--laranja-vivo);border-color:var(--laranja-vivo-escuro);color:#fff;}

  .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  @media (max-width:760px){ .flow{grid-template-columns:1fr;} }
  .flow .step{position:relative;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:22px 20px;}
  .flow .step .n{font-family:'Poppins';font-weight:800;color:var(--azul-ceu);font-size:28px;line-height:1;margin-bottom:10px;display:block;}

  .callout{display:flex;gap:18px;align-items:flex-start;background:var(--azul-profundo);color:#fff;border-radius:20px;padding:28px 30px;}
  .callout .ic{flex-shrink:0;width:46px;height:46px;}
  .callout h4{font-family:'Poppins';font-weight:700;color:#fff;font-size:17px;margin-bottom:8px;}
  .callout p{margin:0;color:#CFE3F1;font-size:14.5px;}
  .callout a{color:var(--laranja-vivo);font-weight:600;}

  .alert{display:flex;gap:16px;align-items:flex-start;background:var(--laranja-vivo);border:1px solid var(--laranja-vivo-escuro);border-radius:16px;padding:22px 24px;box-shadow:0 14px 30px -18px rgba(196,90,4,.7);}
  .alert .ic{flex-shrink:0;width:38px;height:38px;}
  .alert h4{font-family:'Poppins';font-weight:700;font-size:16px;color:#fff;margin-bottom:6px;}
  .alert p{margin:0;font-size:14.5px;color:#FFEFE0;}

  .rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;}
  @media (max-width:640px){ .rights-grid{grid-template-columns:1fr;} }
  .rights-grid li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;color:var(--azul-profundo);}
  .rights-grid li .tick{width:22px;height:22px;flex-shrink:0;background:var(--azul-primario);border-radius:50%;display:flex;align-items:center;justify-content:center;}

  /* ---------- setas conectoras ---------- */
  .connector{display:flex;justify-content:center;padding:2px 0;background:transparent;position:relative;z-index:1;}
  .connector svg{width:331.5px;height:153px;display:block;}
  @media (max-width:820px){ .connector{display:none;} }

  footer{background:var(--azul-profundo);color:#DCEBF4;padding:56px 0 28px;}
  footer h3{color:#fff;font-family:'Poppins';font-size:19px;margin-bottom:10px;}
  footer p{color:#B9D3E4;font-size:14.5px;max-width:56ch;}
  .foot-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr;gap:36px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.15);}
  @media (max-width:760px){ .foot-grid{grid-template-columns:1fr;gap:28px;} }
  .foot-grid a{color:#fff;text-decoration:none;font-weight:600;}
  .foot-grid ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px;}
  .foot-grid li a{color:#CFE3F1;font-weight:500;font-size:14px;}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#8FAFC4;}
  .dpo-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:18px 20px;margin-top:16px;}
  .dpo-box a{color:var(--laranja-vivo);}

  .final-note{margin-top:28px;background:rgba(255,255,255,.06);border-left:3px solid var(--laranja-vivo);padding:16px 20px;border-radius:0 10px 10px 0;font-size:13.5px;color:#CFE3F1;}
