:root{
    --navy: #0D2334;
    --navy-deep: #0C1E4A;
    --cyan: #16A6D6;
    --cyan-bright: #3ADBE4;
    --lightblue: #C0F0F7;
    --green: #4FAE6D;
    --ink: #12202B;
    --paper: #F6FAFB;
    --white: #FFFFFF;
    --max: 1160px;
    --radius: 16px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:hidden;}
  body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.55;
    overflow-x:hidden;
  }
  img,svg{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}
  h1,h2,h3{line-height:1.15;margin:0 0 .5em 0;font-weight:800;letter-spacing:-.01em;}
  p{margin:0 0 1em 0;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    color:var(--cyan);
    margin-bottom:14px;
  }
  .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan-bright);flex:0 0 auto;}

  /* Buttons */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:14px 26px;border-radius:999px;font-weight:700;font-size:.98rem;
    border:2px solid transparent;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    white-space:nowrap;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{background:var(--cyan);color:var(--navy-deep);box-shadow:0 8px 24px rgba(22,166,214,.35);}
  .btn-primary:hover{background:var(--cyan-bright);}
  .btn-ghost{background:transparent;color:var(--lightblue);border-color:rgba(192,240,247,.35);}
  .btn-ghost:hover{border-color:var(--lightblue);}
  .btn-dark{background:var(--navy);color:var(--lightblue);}
  .btn-dark:hover{background:var(--navy-deep);}
  .btn-sm{padding:10px 18px;font-size:.85rem;}

  /* Header */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(13,35,52,.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(192,240,247,.08);
  }
  header .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-badge{
    width:44px;height:44px;border-radius:10px;background:var(--navy-deep);
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    box-shadow:0 0 0 1px rgba(58,219,228,.25) inset;
  }
  .logo-word{color:var(--lightblue);font-weight:800;font-size:1.18rem;letter-spacing:-.02em;}
  .logo-word span{color:var(--cyan-bright);}
  nav.mainnav{display:flex;align-items:center;gap:32px;}
  nav.mainnav a{color:var(--lightblue);opacity:.85;font-size:.92rem;font-weight:600;}
  nav.mainnav a:hover{opacity:1;color:var(--cyan-bright);}
  .header-actions{display:flex;align-items:center;gap:14px;}
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}
  .menu-toggle svg{stroke:var(--lightblue);}

  /* Hero */
  .hero{
    background:radial-gradient(1100px 520px at 80% -10%, rgba(22,166,214,.35), transparent 60%),
               linear-gradient(180deg, rgba(13,35,52,.82) 0%, rgba(12,30,74,.88) 100%),
               url('../images/hero.jpg');
    background-size:cover;
    background-position:center 35%;
    background-repeat:no-repeat;
    color:var(--white);
    padding:88px 0 100px;
    position:relative;
    overflow:hidden;
  }
  .hero::after{
    content:"";position:absolute;right:-120px;bottom:-160px;width:480px;height:480px;
    border-radius:50%;background:radial-gradient(circle, rgba(58,219,228,.22), transparent 70%);
  }
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;}
  .hero h1{font-size:clamp(2.1rem,4vw,3.15rem);color:var(--white);}
  .hero h1 em{font-style:normal;color:var(--cyan-bright);}
  .hero .lead{font-size:1.12rem;color:var(--lightblue);opacity:.92;max-width:52ch;}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
  .hero-badges{display:flex;gap:22px;flex-wrap:wrap;margin-top:40px;}
  .hero-badge{display:flex;align-items:center;gap:10px;color:var(--lightblue);font-size:.86rem;font-weight:600;opacity:.9;}
  .hero-badge svg{width:20px;height:20px;stroke:var(--cyan-bright);flex:0 0 auto;}

  .hero-card{
    background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
    border:1px solid rgba(192,240,247,.18);
    border-radius:20px;padding:28px;backdrop-filter:blur(6px);
  }
  .hero-card .icon-circle{
    width:56px;height:56px;border-radius:14px;background:rgba(22,166,214,.18);
    display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  }
  .hero-card .icon-circle svg{width:28px;height:28px;stroke:var(--cyan-bright);}
  .hero-card h3{color:var(--white);font-size:1.15rem;}
  .hero-card p{color:var(--lightblue);opacity:.85;font-size:.94rem;margin-bottom:0;}
  .hero-stat-row{display:flex;gap:18px;margin-top:22px;border-top:1px solid rgba(192,240,247,.15);padding-top:20px;}
  .hero-stat{flex:1;}
  .hero-stat b{display:block;font-size:1.4rem;color:var(--cyan-bright);}
  .hero-stat span{font-size:.78rem;color:var(--lightblue);opacity:.8;}

  /* Sections */
  section{padding:88px 0;}
  .section-head{max-width:640px;margin:0 auto 52px;text-align:center;}
  .section-head.left{margin:0 0 52px;text-align:left;}
  .section-head h2{font-size:clamp(1.6rem,3vw,2.3rem);color:var(--navy-deep);}
  .section-head p{color:#4A5A66;font-size:1.05rem;}

  /* Regulatory / problem band */
  .law-band{
    background:var(--navy);color:var(--white);
    border-radius:24px;padding:48px;
    display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;
  }
  .law-band h2{color:var(--white);}
  .law-band p{color:var(--lightblue);opacity:.9;}
  .law-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
  .law-list li{display:flex;gap:12px;align-items:flex-start;color:var(--lightblue);font-size:.95rem;}
  .law-list svg{width:20px;height:20px;stroke:var(--cyan-bright);flex:0 0 auto;margin-top:2px;}
  .law-tag{
    display:inline-block;background:rgba(22,166,214,.15);border:1px solid rgba(22,166,214,.4);
    color:var(--cyan-bright);padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:700;
    letter-spacing:.02em;margin-bottom:16px;
  }

  /* Pillars */
  .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .pillar-card{
    background:var(--white);border-radius:18px;padding:30px 26px;
    border:1px solid #E4EEF1;box-shadow:0 10px 30px rgba(13,35,52,.05);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .pillar-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(13,35,52,.09);}
  .pillar-num{font-size:.78rem;font-weight:800;color:var(--cyan);letter-spacing:.05em;margin-bottom:14px;}
  .pillar-icon{
    width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg, var(--lightblue), #E4F8FB);
    display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  }
  .pillar-icon svg{width:26px;height:26px;stroke:var(--navy-deep);}
  .pillar-card h3{font-size:1.08rem;color:var(--navy-deep);}
  .pillar-card p{font-size:.92rem;color:#4A5A66;margin-bottom:0;}

  /* How it works */
  .steps{
    background:var(--white);border-radius:24px;padding:56px 48px;
    border:1px solid #E4EEF1;
  }
  .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
  .step{position:relative;padding:0 18px;text-align:left;}
  .step:first-child{padding-left:0;}
  .step:last-child{padding-right:0;}
  .step-line{
    position:absolute;top:26px;left:-18px;right:calc(50% - 8px);height:2px;background:#DCEAEF;
  }
  .step:first-child .step-line{display:none;}
  .step-num{
    width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--cyan-bright);
    display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;
    margin-bottom:20px;position:relative;z-index:1;
  }
  .step h3{font-size:1.02rem;color:var(--navy-deep);}
  .step p{font-size:.9rem;color:#4A5A66;margin-bottom:0;}

  /* Why us */
  .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;}
  .why-list li{display:flex;gap:16px;align-items:flex-start;}
  .why-icon{
    width:40px;height:40px;border-radius:10px;background:rgba(79,174,109,.12);
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  }
  .why-icon svg{width:20px;height:20px;stroke:var(--green);}
  .why-list h3{font-size:1rem;margin-bottom:4px;color:var(--navy-deep);}
  .why-list p{font-size:.92rem;color:#4A5A66;margin-bottom:0;}
  .why-panel{
    background:linear-gradient(160deg, var(--navy), var(--navy-deep));
    border-radius:22px;padding:38px;color:var(--white);
  }
  .why-panel-photo{
    width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;
    border-radius:14px;margin-bottom:24px;
    box-shadow:0 0 0 1px rgba(58,219,228,.25) inset;
  }
  .why-panel .law-tag{margin-bottom:18px;}
  .why-panel h3{color:var(--white);font-size:1.25rem;}
  .why-panel p{color:var(--lightblue);opacity:.9;font-size:.95rem;}
  .why-panel .btn{margin-top:18px;}

  /* Audience */
  .audience{
    display:grid;grid-template-columns:1fr 1fr;gap:24px;
  }
  .audience-card{
    background:var(--white);border:1px solid #E4EEF1;border-radius:18px;padding:32px;
  }
  .audience-card .tag{
    display:inline-block;background:var(--lightblue);color:var(--navy-deep);
    font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
    padding:5px 12px;border-radius:999px;margin-bottom:14px;
  }
  .audience-card h3{font-size:1.15rem;color:var(--navy-deep);}
  .audience-card p{font-size:.93rem;color:#4A5A66;margin-bottom:0;}

  /* CTA band */
  .cta-band{
    background:linear-gradient(135deg, var(--cyan) 0%, #1187AC 100%);
    border-radius:26px;padding:56px;text-align:center;color:var(--navy-deep);
  }
  .cta-band h2{color:var(--navy-deep);font-size:clamp(1.5rem,3vw,2.1rem);}
  .cta-band p{color:rgba(12,30,74,.85);font-size:1.02rem;max-width:52ch;margin:0 auto 28px;}
  .cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .cta-band .btn-primary{background:var(--navy-deep);color:var(--lightblue);box-shadow:0 8px 24px rgba(12,30,74,.35);}
  .cta-band .btn-primary:hover{background:var(--navy);}
  .cta-band .btn-ghost{color:var(--navy-deep);border-color:rgba(12,30,74,.3);}
  .cta-band .btn-ghost:hover{border-color:var(--navy-deep);}

  /* Footer */
  footer{background:var(--navy-deep);color:var(--lightblue);padding:56px 0 28px;}
  .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(192,240,247,.12);}
  .footer-grid h4{color:var(--white);font-size:.92rem;margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em;}
  .footer-grid p, .footer-grid a{font-size:.9rem;opacity:.85;display:block;margin-bottom:10px;}
  .footer-grid a:hover{opacity:1;color:var(--cyan-bright);}
  .footer-contact-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;}
  .footer-contact-item svg{width:18px;height:18px;stroke:var(--cyan-bright);flex:0 0 auto;margin-top:2px;}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:.82rem;opacity:.65;flex-wrap:wrap;gap:10px;}

  /* Floating WhatsApp */
  .float-wa{
    position:fixed;bottom:24px;right:24px;z-index:60;
    width:60px;height:60px;border-radius:50%;background:#25D366;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 26px rgba(0,0,0,.25);
  }
  .float-wa svg{width:30px;height:30px;fill:#fff;}
  .float-wa:hover{transform:scale(1.06);}

  @media (max-width: 900px){
    .hero-grid{grid-template-columns:1fr;}
    .pillars{grid-template-columns:1fr 1fr;}
    .steps-grid{grid-template-columns:1fr 1fr;row-gap:36px;}
    .step-line{display:none;}
    .law-band{grid-template-columns:1fr;padding:34px;}
    .why-grid{grid-template-columns:1fr;}
    .audience{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;gap:28px;}
    nav.mainnav{display:none;}
    .menu-toggle{display:block;}
  }
  @media (max-width: 560px){
    .pillars{grid-template-columns:1fr;}
    .steps-grid{grid-template-columns:1fr;}
    .cta-band{padding:36px 24px;}
    .law-band{padding:26px;}
    section{padding:64px 0;}
    .hero{padding:64px 0 72px;}
    .header-cta{display:none;}
    header .wrap{height:68px;}
  }

/* ============ REFINAMENTOS UI (feedback do usuário) ============ */
/* Cabeçalho mais folgado e botão menor */
header .wrap{height:72px;gap:16px;}
nav.mainnav{gap:24px;}
nav.mainnav a{font-size:.87rem;}
.header-cta{padding:7px 13px;font-size:.76rem;border-radius:999px;}
header.scrolled{background:rgba(12,25,40,.97);box-shadow:0 6px 24px rgba(0,0,0,.28);}

/* Formulários */
.site-form-wrap{background:linear-gradient(180deg,rgba(13,35,52,.96),rgba(12,30,74,.96));border-radius:22px;padding:40px 24px;color:var(--white);}
.site-form{max-width:560px;margin:0 auto;}
.site-form h2{color:#fff;font-size:clamp(1.4rem,3vw,1.8rem);text-align:center;margin-bottom:6px;}
.site-form .sf-sub{color:#c9d8e3;text-align:center;margin-bottom:20px;font-size:.98rem;}
.sf-field{margin-bottom:14px;}
.sf-field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:5px;color:#e8f1f6;}
.sf-field input,.sf-field select{width:100%;padding:12px 14px;border:1px solid rgba(192,240,247,.25);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:.95rem;font-family:inherit;transition:border-color .2s, background .2s;}
.sf-field input::placeholder{color:#9db4c4;}
.sf-field input:focus,.sf-field select:focus{outline:none;border-color:var(--cyan-bright);background:rgba(255,255,255,.12);}
.sf-field select option{color:#12202b;}
.sf-consent{display:flex;gap:8px;align-items:flex-start;font-size:.76rem;color:#b9ccd9;margin:6px 0 14px;}
.sf-consent input{width:auto;margin-top:2px;accent-color:var(--cyan);}
.sf-btn{width:100%;border:0;cursor:pointer;}
.sf-note{font-size:.72rem;color:#9db4c4;text-align:center;margin-top:12px;}
.sf-ok{display:none;text-align:center;color:#8ef0b0;font-weight:700;padding:14px;border:1px solid rgba(142,240,176,.4);border-radius:10px;margin-top:10px;}

/* Movimento sutil (reveal ao rolar) */
.anim{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;will-change:opacity,transform;}
.anim.visible{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .anim{opacity:1;transform:none;transition:none;}
  .hero > .wrap > *{animation:none !important;}
}
/* Entrada suave do hero */
@keyframes fadeSlide{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.hero > .wrap > *{animation:fadeSlide .6s ease both;}
.hero > .wrap > *:nth-child(2){animation-delay:.08s;}
.hero > .wrap > *:nth-child(3){animation-delay:.16s;}
.hero > .wrap > *:nth-child(4){animation-delay:.24s;}
.hero > .wrap > *:nth-child(5){animation-delay:.32s;}
/* Cards com hover mais vivo */
.pillar-card,.audience-card,.why-panel,.hero-card{transition:transform .25s ease, box-shadow .25s ease;}
.pillar-card:hover,.audience-card:hover{transform:translateY(-5px);}
.why-panel:hover,.hero-card:hover{transform:translateY(-4px);}
/* Respiro vertical (fluidez) */
section{padding:clamp(46px,7vw,72px) 0;}
@media(max-width:760px){.hero > .wrap > *{animation:none;}}