﻿/* ===================================================
   EFEITO x METLIFE  —  main.css v5.0
   Landing Page de Captura — Autonomos
=================================================== */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800&display=swap');

/* TOKENS */
:root {
  --navy:       #07142B;
  --navy-mid:   #0E2444;
  --navy-deep:  #050E1F;
  --green:      #7DC832;
  --green-h:    #5fa31e;
  --green-pale: #EBF5D4;
  --green-glow: rgba(125,200,50,.22);
  --gold:       #C9A86C;
  --gold-pale:  #FAF3E0;
  --gold-light: #EDD9A3;
  --blue:       #1A5DAD;
  --blue-pale:  #DCE9F9;
  --sky:        #2F9CD7;
  --sky-pale:   #D9F0FB;
  --red:        #EF4444;
  --red-pale:   #FEF2F2;
  --white:      #FFFFFF;
  --off-white:  #FAFAFA;
  --surface:    #F5F7FA;
  --ink:        #07142B;
  --ink-body:   #374151;
  --ink-muted:  #6B7280;
  --b-light:    #E5E7EB;
  --b-dark:     rgba(255,255,255,.09);
  --ink-faint:  rgba(255,255,255,.45);
  --ink-light:  rgba(255,255,255,.78);
  --font: 'DM Sans', sans-serif;
  --t-display: clamp(42px,6vw,82px);
  --t-hero:    clamp(36px,5vw,68px);
  --t-h2:      clamp(28px,3.5vw,46px);
  --t-h3:      clamp(18px,2vw,24px);
  --t-lg: 18px; --t-base: 16px; --t-sm: 14px; --t-cap: 11px;
  --s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--s8:96px;
  --max: 1280px;
  --px: clamp(20px,5vw,80px);
  --sec-y: clamp(80px,10vw,128px);
  --r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-2xl:36px;--r-full:9999px;
  --sh-sm:  0 2px 10px rgba(7,20,43,.07);
  --sh-md:  0 4px 20px rgba(7,20,43,.10);
  --sh-lg:  0 10px 36px rgba(7,20,43,.14);
  --sh-xl:  0 20px 60px rgba(7,20,43,.20);
  --sh-green: 0 8px 32px rgba(125,200,50,.4);
  --ease: cubic-bezier(0.22,1,0.36,1);
  --dur-fast: 175ms; --dur-base: 260ms; --dur-slow: 600ms;
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:var(--t-base);color:var(--ink-body);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* LAYOUT */
.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--px)}
.text-center{text-align:center}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:var(--t-cap);font-weight:700;letter-spacing:3px;
  text-transform:uppercase;color:var(--green);margin-bottom:var(--s3);
}
.eyebrow::before{content:'';display:block;width:20px;height:2px;background:currentColor;border-radius:2px;flex-shrink:0}
.eyebrow--gold{color:var(--gold)}

/* REVEAL ANIMATIONS */
.reveal      {opacity:0;transform:translateY(28px)}
.reveal-left {opacity:0;transform:translateX(-36px)}
.reveal-right{opacity:0;transform:translateX(36px)}
.reveal-scale{opacity:0;transform:scale(.93)}
.reveal,.reveal-left,.reveal-right,.reveal-scale{
  transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)
}
.reveal.visible,.reveal-left.visible,.reveal-right.visible,.reveal-scale.visible{opacity:1;transform:none}
.stagger > *:nth-child(1){transition-delay:  0ms}
.stagger > *:nth-child(2){transition-delay: 90ms}
.stagger > *:nth-child(3){transition-delay:180ms}
.stagger > *:nth-child(4){transition-delay:270ms}

/* Hero entrance keyframes */
.hero-anim-1{animation:heroIn .8s var(--ease) .1s both}
.hero-anim-2{animation:heroIn 1s  var(--ease) .28s both}
.hero-anim-3{animation:heroIn .8s var(--ease) .52s both}
.hero-anim-4{animation:heroIn .7s var(--ease) .72s both}
.hero-anim-5{animation:heroInR 1s  var(--ease) .18s both}

@keyframes heroIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes heroInR{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}

/* BUTTONS */
.btn-hero{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--green);color:var(--navy);
  font-family:var(--font);font-size:var(--t-base);font-weight:800;
  padding:17px 34px;border-radius:var(--r-full);border:none;cursor:pointer;
  transition:background var(--dur-fast) ease,transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease;
  white-space:nowrap;
}
.btn-hero:hover{background:var(--green-h);transform:scale(1.04) translateY(-2px);box-shadow:var(--sh-green)}
.btn-hero svg{transition:transform var(--dur-fast) ease;flex-shrink:0}
.btn-hero:hover svg{transform:translate(3px,-3px)}

.btn-light{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--green);color:var(--navy);
  font-family:var(--font);font-size:var(--t-base);font-weight:700;
  padding:14px 30px;border-radius:var(--r-full);border:none;cursor:pointer;
  transition:all var(--dur-fast) ease;
}
.btn-light:hover{background:var(--green-h);transform:scale(1.03);box-shadow:var(--sh-green)}

.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--navy);font-family:var(--font);font-size:var(--t-base);font-weight:700;
  padding:13px 28px;border-radius:var(--r-full);border:2px solid var(--navy);
  transition:all var(--dur-fast) ease;
}
.btn-ghost:hover{background:var(--navy);color:#fff}

.btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--navy);font-family:var(--font);font-size:var(--t-base);font-weight:700;
  padding:13px 28px;border-radius:var(--r-full);border:2px solid rgba(7,20,43,.25);
  transition:all var(--dur-fast) ease;
}
.btn-outline:hover{border-color:var(--navy);background:rgba(7,20,43,.05)}

.btn-navy{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--navy);color:#fff;
  font-family:var(--font);font-size:var(--t-base);font-weight:700;
  padding:14px 30px;border-radius:var(--r-full);border:none;cursor:pointer;
  transition:all var(--dur-fast) ease;
}
.btn-navy:hover{background:var(--navy-mid);transform:scale(1.02)}

/* NAV */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  transition:background var(--dur-base) ease,backdrop-filter var(--dur-base) ease;
}
.nav--dark{
  background:rgba(7,20,43,.95);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.nav__inner{
  display:flex;align-items:center;justify-content:space-between;
  height:72px;padding-inline:var(--px);
  max-width:calc(var(--max) + var(--px) * 2);margin-inline:auto;
}
.nav__logo{line-height:0}
.nav__logo .logo-dk{display:none;height:30px}
.nav__logo .logo-lt{display:block;height:30px}
.nav--dark .logo-dk{display:none}
.nav--dark .logo-lt{display:block}

.nav__cta{
  font-size:var(--t-sm);font-weight:700;padding:10px 24px;
  background:var(--green);color:var(--navy);border-radius:var(--r-full);
  transition:background var(--dur-fast) ease,transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease;
}
.nav__cta:hover{background:var(--green-h);transform:scale(1.03);box-shadow:0 4px 16px rgba(125,200,50,.35)}

/* HERO */
.hero{
  position:relative;min-height:100vh;background:var(--navy);
  overflow:hidden;display:flex;align-items:stretch;
}

/* Grain texture */
.hero__grain,.solucao__grain,.captura__grain{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity:.04;
}

/* Orbs */
.hero__orb{position:absolute;border-radius:50%;pointer-events:none}
.hero__orb--1{
  width:700px;height:700px;top:-200px;left:-150px;
  background:radial-gradient(circle,rgba(125,200,50,.14) 0%,transparent 70%);
  animation:orb1 20s ease-in-out infinite;
}
.hero__orb--2{
  width:500px;height:500px;bottom:-120px;left:18%;
  background:radial-gradient(circle,rgba(26,93,173,.18) 0%,transparent 70%);
  animation:orb2 26s ease-in-out infinite;
}
.hero__orb--3{
  width:320px;height:320px;top:35%;right:48%;
  background:radial-gradient(circle,rgba(201,168,108,.1) 0%,transparent 70%);
  animation:orb2 18s ease-in-out infinite reverse;
}
@keyframes orb1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(50px,-40px) scale(1.08)}66%{transform:translate(-30px,60px) scale(.94)}}
@keyframes orb2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,-50px) scale(1.12)}}

/* Hero — centered layout */
.hero__center{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;
  width:100%;min-height:100vh;
  padding:calc(72px + 64px) var(--px) 80px;
}

.hero__content{max-width:860px;display:flex;flex-direction:column;align-items:center}

.hero__badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.75);font-size:var(--t-cap);font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;
  padding:8px 16px;border-radius:var(--r-full);margin-bottom:var(--s4);
  width:fit-content;backdrop-filter:blur(8px);
}
.hero__dot{
  width:7px;height:7px;border-radius:50%;background:var(--green);
  flex-shrink:0;box-shadow:0 0 8px var(--green);
  animation:pulse 2.5s ease-in-out infinite;
}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.5}}

.hero__title{
  font-size:var(--t-hero);font-weight:800;color:var(--white);
  line-height:1.07;letter-spacing:-1.5px;margin-bottom:var(--s5);
}
.hero__title-q{
  display:block;margin-top:var(--s3);font-style:normal;
  color:var(--green);font-size:clamp(24px,3.2vw,44px);
  line-height:1.2;letter-spacing:-.8px;font-weight:700;
}

.hero__sub{font-size:clamp(15px,1.4vw,18px);color:rgba(255,255,255,.6);line-height:1.8;max-width:560px;margin-bottom:var(--s6);text-align:center}
.hero__sub strong{color:rgba(255,255,255,.9);font-weight:700}

/* Right visual — bleed image */
.hero__visual{
  position:relative;overflow:hidden;
}
.hero__img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:top center;
}
/* Left fade blend */
.hero__visual::before{
  content:'';position:absolute;top:0;left:0;width:260px;height:100%;
  background:linear-gradient(to right,var(--navy),transparent);
  z-index:2;pointer-events:none;
}
/* Bottom fade */
.hero__visual::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:160px;
  background:linear-gradient(to top,var(--navy),transparent);
  z-index:2;pointer-events:none;
}

/* Floating credential badge */
.hero__fc{
  position:absolute;top:36px;left:20px;z-index:3;
  background:rgba(255,255,255,.96);border-radius:var(--r-lg);
  box-shadow:var(--sh-lg);padding:var(--s2) var(--s3);
  display:flex;align-items:center;gap:10px;min-width:190px;
  backdrop-filter:blur(12px);
}
.hero__fc-icon{
  width:38px;height:38px;border-radius:var(--r-md);
  background:var(--green-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.hero__fc-text strong{display:block;font-size:var(--t-sm);font-weight:700;color:var(--navy);line-height:1.25}
.hero__fc-text span{font-size:10px;color:var(--ink-muted)}

/* Floating stat card */
.hero__stat{
  position:absolute;bottom:36px;right:24px;z-index:3;
  background:var(--navy-mid);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-lg);padding:var(--s3) var(--s4);box-shadow:var(--sh-xl);
  min-width:150px;
}
.hero__stat-num{
  font-size:clamp(26px,3vw,40px);font-weight:800;
  color:var(--green);line-height:1;letter-spacing:-1px;margin-bottom:4px;
}
.hero__stat-num em{font-style:normal;color:var(--green)}
.hero__stat-label{font-size:10px;font-weight:600;color:var(--ink-faint);letter-spacing:.3px;line-height:1.4}

/* Scroll cue */
.hero__scroll{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(255,255,255,.3);font-size:10px;letter-spacing:3px;text-transform:uppercase;
  animation:scrollBounce 2.5s ease-in-out infinite;
}
.hero__scroll-bar{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.35),transparent)}
@keyframes scrollBounce{0%,100%{transform:translateX(-50%) translateY(0)}55%{transform:translateX(-50%) translateY(10px)}}

/* DOR */
.dor{background:var(--white);padding-block:var(--sec-y)}
.dor__header{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:var(--s7)}
.dor__title{font-size:var(--t-h2);font-weight:800;color:var(--ink);letter-spacing:-.6px;line-height:1.1;margin-bottom:var(--s3)}
.dor__intro{font-size:var(--t-lg);color:var(--ink-muted);line-height:1.75}

.dor__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-bottom:var(--s7)}
.dor__card{
  background:var(--red-pale);border:1px solid rgba(239,68,68,.15);
  border-left:4px solid var(--red);border-radius:var(--r-lg);
  padding:var(--s5);
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease);
}
.dor__card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(239,68,68,.12)}
.dor__card-alert{color:var(--red);margin-bottom:var(--s3)}
.dor__card-text{font-size:var(--t-lg);color:var(--ink);line-height:1.6}
.dor__card-text strong{color:var(--navy);font-weight:800}

.dor__close{
  text-align:center;font-size:clamp(18px,2vw,24px);
  font-style:italic;color:var(--ink-muted);margin-bottom:var(--s6);
}

/* SOLUCAO */
.solucao{background:var(--navy);padding-block:var(--sec-y);position:relative;overflow:hidden}
.solucao__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:center}

.solucao__badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.7);font-size:var(--t-cap);font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  padding:8px 18px;border-radius:var(--r-full);margin-bottom:var(--s4);
}
.solucao__badge-icon{
  width:30px;height:30px;border-radius:var(--r-sm);
  background:var(--green-glow);display:flex;align-items:center;justify-content:center;
}
.solucao__title{font-size:var(--t-h2);font-weight:800;color:var(--white);letter-spacing:-.8px;line-height:1.1;margin-bottom:var(--s4)}
.solucao__title em{font-style:normal;color:var(--green)}
.solucao__body{font-size:var(--t-lg);color:rgba(255,255,255,.62);line-height:1.8;margin-bottom:var(--s5)}

.solucao__divider{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5)}
.solucao__div-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(201,168,108,.5),transparent)}

.solucao__statement{font-size:var(--t-lg);color:rgba(255,255,255,.78);line-height:1.75;margin-bottom:var(--s5)}
.solucao__statement strong{color:var(--gold);font-weight:700}

/* Solution visual */
.solucao__visual{position:relative;border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--sh-xl)}
.solucao__visual img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block}
.solucao__visual-badge{
  position:absolute;bottom:24px;right:24px;
  background:var(--navy);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-lg);padding:var(--s3) var(--s4);box-shadow:var(--sh-xl);
}
.solucao__visual-badge-num{font-size:32px;font-weight:800;color:var(--green);line-height:1;letter-spacing:-1px;margin-bottom:4px}
.solucao__visual-badge-label{font-size:var(--t-cap);font-weight:600;color:var(--ink-faint);letter-spacing:.3px;line-height:1.4}

/* BENEFICIOS */
.beneficios{background:var(--surface);padding-block:var(--sec-y)}
.beneficios__header{text-align:center;max-width:600px;margin-inline:auto;margin-bottom:var(--s7)}
.beneficios__title{font-size:var(--t-h2);font-weight:800;color:var(--ink);letter-spacing:-.6px;line-height:1.1}

.beneficios__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4);margin-bottom:var(--s6)}

.bcard{
  background:var(--white);border:1px solid var(--b-light);border-radius:var(--r-xl);
  padding:var(--s6);box-shadow:var(--sh-sm);position:relative;overflow:hidden;
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) ease;
}
.bcard:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}

.bcard__icon{
  width:52px;height:52px;border-radius:var(--r-lg);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--s4);
}
.bcard__icon--green{background:var(--green-pale);color:var(--green)}
.bcard__icon--gold  {background:var(--gold-pale); color:var(--gold)}
.bcard__icon--blue  {background:var(--blue-pale); color:var(--blue)}
.bcard__icon--sky   {background:var(--sky-pale);  color:var(--sky)}
.bcard:hover.bcard .bcard__icon--green{background:var(--green);color:#fff}

.bcard__title{font-size:var(--t-h3);font-weight:700;color:var(--ink);letter-spacing:-.3px;line-height:1.25;margin-bottom:var(--s2)}
.bcard__body{font-size:var(--t-base);color:var(--ink-muted);line-height:1.75}

/* Animated top stripe */
.bcard__stripe{
  position:absolute;top:0;left:0;right:0;height:3px;
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--dur-slow) var(--ease);
}
.bcard:hover .bcard__stripe{transform:scaleX(1)}
.bcard__stripe--green{background:var(--green)}
.bcard__stripe--gold {background:var(--gold)}
.bcard__stripe--blue {background:var(--blue)}
.bcard__stripe--sky  {background:var(--sky)}

/* AUTORIDADE */
.autoridade{background:var(--white);padding-block:var(--sec-y)}
.autoridade__inner{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--s8);align-items:center}

.autoridade__visual{position:relative}
.autoridade__frame{border-radius:var(--r-2xl);overflow:hidden;aspect-ratio:3/4;box-shadow:var(--sh-xl)}
.autoridade__frame img{width:100%;height:100%;object-fit:cover;object-position:top center}

.autoridade__accent{
  position:absolute;width:130px;height:130px;
  background:var(--gold-pale);border:2px solid var(--gold-light);
  border-radius:var(--r-xl);bottom:-24px;right:-24px;z-index:-1;
}
.autoridade__card{
  position:absolute;bottom:36px;left:-28px;
  background:var(--navy);border-radius:var(--r-lg);
  padding:var(--s3) var(--s4);box-shadow:var(--sh-xl);min-width:210px;
}
.autoridade__card-tag{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--green);margin-bottom:6px}
.autoridade__card-name{font-size:var(--t-base);font-weight:800;color:var(--white);margin-bottom:3px}
.autoridade__card-role{font-size:var(--t-sm);color:var(--ink-faint);font-weight:500}

.autoridade__title{font-size:var(--t-h2);font-weight:800;color:var(--ink);letter-spacing:-.6px;line-height:1.1;margin-bottom:var(--s4)}
.autoridade__body{font-size:var(--t-lg);color:var(--ink-body);line-height:1.78;margin-bottom:var(--s4)}

.autoridade__quote{
  background:var(--gold-pale);border-left:4px solid var(--gold);
  border-radius:0 var(--r-md) var(--r-md) 0;
  padding:var(--s4) var(--s5);margin-bottom:var(--s5);
}
.autoridade__quote p{font-size:var(--t-lg);font-style:italic;color:var(--ink);line-height:1.7;font-weight:500;margin-bottom:var(--s2)}
.autoridade__quote cite{font-size:var(--t-sm);font-weight:700;color:var(--gold);letter-spacing:.5px;font-style:normal}

/* CAPTURA */
.captura{background:var(--navy-mid);padding-block:var(--sec-y);position:relative;overflow:hidden}
.captura__orb{
  position:absolute;width:700px;height:700px;top:-200px;right:-150px;
  background:radial-gradient(circle,rgba(125,200,50,.07) 0%,transparent 65%);pointer-events:none;
}
.captura__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:center}

.captura__title{font-size:var(--t-h2);font-weight:800;color:var(--white);letter-spacing:-.6px;line-height:1.1;margin-bottom:var(--s4)}
.captura__sub{font-size:var(--t-lg);color:rgba(255,255,255,.62);line-height:1.78;margin-bottom:var(--s5)}

.captura__trust{display:flex;flex-direction:column;gap:var(--s2)}
.captura__trust-item{
  display:flex;align-items:center;gap:10px;
  font-size:var(--t-sm);font-weight:600;color:rgba(255,255,255,.7);
}

/* Lead form card */
.lead-form{background:var(--white);border-radius:var(--r-2xl);padding:var(--s6);box-shadow:var(--sh-xl)}

.lf-group{margin-bottom:var(--s4)}
.lf-label{display:block;font-size:var(--t-sm);font-weight:700;color:var(--navy);margin-bottom:6px}
.lf-input{
  width:100%;padding:14px 16px;border:2px solid var(--b-light);
  border-radius:var(--r-md);font-size:var(--t-base);font-family:var(--font);
  color:var(--ink);background:var(--white);outline:none;-webkit-appearance:none;
  transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;
}
.lf-input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(125,200,50,.14)}
.lf-input::placeholder{color:#b0b7c3}

.lf-submit{
  width:100%;padding:17px;
  background:linear-gradient(135deg,var(--green),#9BC43F);
  color:var(--navy);font-family:var(--font);font-size:var(--t-base);font-weight:800;
  border-radius:var(--r-full);border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:10px;
  transition:all var(--dur-fast) ease;margin-bottom:var(--s3);letter-spacing:.2px;
}
.lf-submit:hover{transform:scale(1.02) translateY(-2px);box-shadow:var(--sh-green)}
.lf-submit svg{transition:transform var(--dur-fast) ease;flex-shrink:0}
.lf-submit:hover svg{transform:translate(3px,-3px)}
.lf-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}

.lf-note{text-align:center;font-size:var(--t-sm);color:var(--ink-muted);line-height:1.6}


.lf-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.lf-req{color:var(--red);margin-left:2px;font-weight:700}
.lf-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;cursor:pointer}
.lf-success{
  display:none;background:var(--white);border-radius:var(--r-2xl);
  padding:var(--s7) var(--s6);text-align:center;box-shadow:var(--sh-xl);
}
.lf-success__icon{
  width:72px;height:72px;border-radius:50%;background:var(--green-pale);
  display:flex;align-items:center;justify-content:center;margin:0 auto var(--s4);
}
.lf-success h3{font-size:var(--t-h3);font-weight:800;color:var(--navy);margin-bottom:var(--s2)}
.lf-success p{font-size:var(--t-base);color:var(--ink-muted)}

/* FOOTER */
.footer{background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.06);padding:var(--s7) 0 var(--s5)}

.trust-row{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;gap:var(--s4);
  padding-bottom:var(--s6);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:var(--s5);
}
.trust-sep{width:1px;height:60px;background:rgba(255,255,255,.1);align-self:center}

.trust-item{display:flex;align-items:center;gap:var(--s3);padding:var(--s3)}
.trust-item__icon{
  width:44px;height:44px;min-width:44px;border-radius:var(--r-md);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.trust-item__text strong{display:block;font-size:var(--t-sm);font-weight:700;color:var(--white);margin-bottom:3px}
.trust-item__text span{font-size:var(--t-cap);color:var(--ink-faint)}

.footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s4)}
.footer__logo{height:26px;opacity:.65}
.footer__copy{font-size:var(--t-cap);color:rgba(255,255,255,.22);line-height:1.7;text-align:center}
.footer__social{display:flex;gap:var(--s2)}
.footer__social-a{
  width:36px;height:36px;border-radius:var(--r-md);
  background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.4);transition:background var(--dur-fast) ease,color var(--dur-fast) ease;
}
.footer__social-a:hover{background:var(--green);color:var(--navy)}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero__center{padding-top:calc(72px + 48px)}

  .solucao__inner{grid-template-columns:1fr;gap:var(--s6)}
  .solucao__right{order:-1}
  .autoridade__inner{grid-template-columns:1fr 1.2fr;gap:var(--s6)}
  .captura__inner{gap:var(--s6)}
  .trust-row{grid-template-columns:1fr;gap:var(--s2)}
  .trust-sep{display:none}
}

@media(max-width:768px){
  .nav__cta{font-size:var(--t-cap);padding:8px 14px}
  /* Hero */
  .hero__center{padding:calc(72px + 32px) var(--px) 48px}
  .hero__scroll{display:none}
  /* DOR */
  .dor__cards{grid-template-columns:1fr;gap:var(--s3)}
  /* Beneficios */
  .beneficios__grid{grid-template-columns:1fr}
  /* Autoridade */
  .autoridade__inner{grid-template-columns:1fr;gap:var(--s5)}
  .autoridade__visual{order:-1}
  .autoridade__accent,.autoridade__card{display:none}
  /* Captura */
  .captura__inner{grid-template-columns:1fr;gap:var(--s5)}
  /* Footer */
  .footer__bottom{flex-direction:column;text-align:center}
}

@media(max-width:480px){
  .hero__title{font-size:clamp(32px,8vw,44px)}
  .hero__title-q{font-size:clamp(20px,5.5vw,30px)}
  .lf-submit{font-size:var(--t-sm)}
}
