/* ============================================================
   Capital Certo — Design System baseado no ContaAzul
   Fonts: Raleway (headings) + Plus Jakarta Sans (body)
   ============================================================ */

:root {
  --blue:        #2687E9;
  --blue-dark:   #1a6fc4;
  --blue-darker: #1252a0;
  --navy:        #202647;
  --navy-2:      #2B2E46;
  --navy-light:  #2B445F;
  --teal:        #6AE4D9;
  --green:       #3DCA6E;
  --green-dark:  #2eab58;
  --green-light: #d4f5e2;
  --white:       #ffffff;
  --bg:          #EEF2F8;
  --bg-2:        #F5F8FC;
  --text:        #202647;
  --text-2:      #3a4060;
  --muted:       #6b7280;
  --light:       #c0c8d8;
  --border:      #dde3f0;
  --radius:      10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --font-h:      'Raleway', system-ui, sans-serif;
  --font-b:      'Plus Jakarta Sans', system-ui, sans-serif;
  --shadow-sm:   0 2px 8px rgba(32,38,71,.07);
  --shadow:      0 4px 20px rgba(32,38,71,.10);
  --shadow-lg:   0 8px 40px rgba(32,38,71,.15);
  --shadow-blue: 0 6px 28px rgba(38,135,233,.30);
  --shadow-green:0 6px 28px rgba(61,202,110,.30);
  --ease:        cubic-bezier(.4,0,.2,1);
  --t:           .25s var(--ease);
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-b);color:var(--text);background:var(--white);line-height:1.6;overflow-x:hidden;padding-bottom:60px}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:var(--t)}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

.container{max-width:1180px;margin:0 auto;padding:0 24px}

/* ── REVEAL ── */
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
[data-reveal].revealed{opacity:1;transform:none}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-b);font-size:.9rem;font-weight:700;border-radius:var(--radius-xl);padding:13px 26px;border:2px solid transparent;transition:var(--t);cursor:pointer;white-space:nowrap}
.btn--green{background:var(--green);color:var(--white);border-color:var(--green)}
.btn--green:hover{background:var(--green-dark);border-color:var(--green-dark);transform:translateY(-1px);box-shadow:var(--shadow-green)}
.btn--blue{background:var(--blue);color:var(--white);border-color:var(--blue)}
.btn--blue:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-blue)}
.btn--white{background:var(--white);color:var(--navy);border-color:var(--white)}
.btn--white:hover{background:var(--bg);border-color:var(--bg)}
.btn--outline{background:transparent;color:var(--blue);border-color:var(--blue)}
.btn--outline:hover{background:var(--blue);color:var(--white)}
.btn--lg{padding:15px 32px;font-size:1rem}
.btn--full{width:100%;justify-content:center}

/* ============================================================
   HEADER
   ============================================================ */
.header{position:fixed;inset:0 0 auto 0;z-index:500;background:transparent;border-bottom:1px solid transparent;transition:background var(--t),box-shadow var(--t),border-color var(--t)}
.header.scrolled{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}
.header__inner{display:flex;align-items:center;height:64px;gap:16px}

.header__logo{flex-shrink:0}
.header__logo-img{height:40px;width:auto;object-fit:contain}

/* Nav */
.header__nav{margin-left:auto}
.header__nav-list{display:flex;align-items:center;gap:0}
.header__nav-item{position:relative}
.header__nav-link{display:flex;align-items:center;gap:4px;padding:8px 12px;font-size:.875rem;font-weight:500;color:#fff;border-radius:8px;white-space:nowrap;transition:color var(--t),background var(--t)}
.header__nav-link i{font-size:.6rem;color:rgba(255,255,255,.6);transition:transform var(--t),color var(--t)}
.header__nav-item:hover .header__nav-link i{transform:rotate(180deg)}
.header__nav-link:hover{color:#fff;background:rgba(255,255,255,.12)}
.header.scrolled .header__nav-link{color:var(--text)}
.header.scrolled .header__nav-link i{color:var(--light)}
.header.scrolled .header__nav-link:hover{color:var(--blue);background:var(--bg)}

/* Dropdown */
.header__dropdown{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:8px;min-width:210px;z-index:100}
.has-dropdown:hover .header__dropdown{display:block}
.header__dropdown a{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;color:var(--text);border-radius:8px}
.header__dropdown a i{color:var(--blue);width:16px;text-align:center}
.header__dropdown a:hover{background:var(--bg);color:var(--blue)}
.header__dropdown--right{left:auto;right:0;transform:none}

/* Actions */
.header__actions{display:flex;align-items:center;gap:10px}
.header__whatsapp{width:38px;height:38px;background:#25d366;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:var(--t)}
.header__whatsapp:hover{background:#1db954;transform:scale(1.1)}
.header__entrar-wrap{position:relative}
.header__entrar{display:flex;align-items:center;gap:4px;padding:8px 12px;font-size:.875rem;font-weight:500;color:#fff;border-radius:8px;cursor:pointer;transition:color var(--t),background var(--t)}
.header__entrar:hover{color:#fff;background:rgba(255,255,255,.12)}
.header__entrar i{font-size:.6rem;color:rgba(255,255,255,.6);transition:color var(--t)}
.header.scrolled .header__entrar{color:var(--text)}
.header.scrolled .header__entrar i{color:var(--light)}
.header.scrolled .header__entrar:hover{color:var(--blue);background:var(--bg)}
.header__hamburger{display:none;flex-direction:column;gap:5px;padding:4px;width:32px;background:none;border:none;cursor:pointer}
.header__hamburger span{display:block;height:2px;background:#fff;border-radius:2px;transition:var(--t)}
.header.scrolled .header__hamburger span{background:var(--navy)}
.header__hamburger span:first-child{width:24px}
.header__hamburger span:last-child{width:16px}
.header__hamburger.active span:first-child{transform:translateY(7px) rotate(45deg);width:24px}
.header__hamburger.active span:last-child{transform:translateY(-7px) rotate(-45deg);width:24px}

/* ============================================================
   HERO — idêntico ao ContaAzul (navy escuro, texto branco bold)
   ============================================================ */
.hero{
  position:relative;
  background:linear-gradient(120deg,var(--navy) 0%,#1a3a6e 50%,var(--navy-2) 100%);
  min-height:640px;
  padding-top:64px;
  overflow:hidden;
}
.hero__bg-decoration{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 70% 50%, rgba(38,135,233,.18) 0%,transparent 55%),
    radial-gradient(circle at 10% 80%, rgba(61,202,110,.08) 0%,transparent 40%);
}
.hero__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:40px;
  padding:72px 24px 80px;
  max-width:1180px;
  margin:0 auto;
}
.hero__badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(38,135,233,.2);
  border:1px solid rgba(38,135,233,.35);
  color:rgba(255,255,255,.85);
  font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:2px;
  padding:6px 14px;border-radius:var(--radius-xl);
  margin-bottom:20px;
}
.hero__badge-icon{
  background:var(--blue);color:var(--white);
  width:20px;height:20px;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font-size:.6rem;font-weight:900;flex-shrink:0;
}
.hero__title{
  font-family:var(--font-h);
  font-size:clamp(2.8rem,5.5vw,4.4rem);
  font-weight:400;
  color:var(--white);
  line-height:1.05;
  margin-bottom:18px;
}
.hero__title strong{font-weight:900;display:block}
.hero__title--teal{color:var(--teal) !important}
.hero__subtitle{
  font-size:1rem;color:rgba(255,255,255,.65);
  margin-bottom:32px;line-height:1.65;
}

/* Mockup lado direito */
.hero__mockup{position:relative;display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.hero__mockup-card{
  background:var(--white);
  border-radius:var(--radius-xl);
  padding:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.hero__mockup-card--main{width:100%;max-width:380px}
.hero__mockup-card--small{
  width:220px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(12px);
  margin-right:24px;
  animation:floatCard 4s ease-in-out infinite;
}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.mockup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mockup-logo{font-family:var(--font-h);font-weight:800;font-size:.9rem;color:var(--navy)}
.mockup-logo span{color:var(--blue)}
.mockup-badge{background:var(--bg);border-radius:20px;padding:3px 10px;font-size:.68rem;font-weight:600;color:var(--blue)}
.mockup-balance{margin-bottom:14px}
.mockup-label{font-size:.7rem;color:var(--muted);display:block;margin-bottom:2px}
.mockup-balance strong{font-family:var(--font-h);font-size:1.4rem;font-weight:800;color:var(--navy)}
.mockup-chart{display:flex;align-items:flex-end;gap:4px;height:64px;margin-bottom:14px;padding:0 4px}
.chart-bar{flex:1;background:var(--bg);border-radius:4px 4px 0 0;transition:background var(--t)}
.chart-bar--active{background:var(--blue) !important}
.mockup-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:.78rem}
.mockup-row span{color:var(--muted)}
.text-green{color:var(--green);font-weight:700}
.mockup-tag{display:flex;align-items:center;gap:6px;background:var(--green-light);color:var(--green-dark);font-size:.72rem;font-weight:700;padding:5px 10px;border-radius:20px;margin-bottom:10px}
.mockup-mini-row{display:flex;justify-content:space-between;font-size:.78rem;padding:4px 0}
.mockup-mini-row span{color:var(--muted)}
.mockup-mini-row strong{color:var(--navy);font-weight:700}

/* ============================================================
   FEATURES (tabs — estilo Nota Fiscal / Conta PJ do ContaAzul)
   ============================================================ */
.features{padding:80px 0 60px;background:var(--white)}
.features__header{text-align:center;margin-bottom:36px}
.features__intro{font-size:1rem;color:var(--muted);margin-bottom:10px}
.features__intro strong{color:var(--navy)}
.features__title{font-family:var(--font-h);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;color:var(--navy);line-height:1.3}
.features__title strong{color:var(--blue)}

/* Tabs */
.features__tabs{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}
.features__tab{
  display:flex;align-items:center;gap:10px;
  padding:12px 20px;
  font-family:var(--font-b);font-size:.85rem;font-weight:600;
  color:var(--muted);
  background:var(--bg);
  border:2px solid transparent;
  border-radius:var(--radius-xl);
  transition:var(--t);text-align:left;line-height:1.3;
}
.features__tab i{font-size:1rem;flex-shrink:0}
.features__tab:hover{color:var(--blue);border-color:var(--blue);background:var(--white)}
.features__tab.active{
  background:var(--blue);color:var(--white);
  border-color:var(--blue);
  box-shadow:var(--shadow-blue);
}

/* Panels */
.features__panel{display:none}
.features__panel.active{display:block}
.features__panel-inner{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;
  align-items:center;
  background:var(--bg-2);
  border-radius:var(--radius-xl);
  padding:48px;
  border:1px solid var(--border);
}
.features__panel-text h3{
  font-family:var(--font-h);
  font-size:clamp(1.8rem,3vw,2.4rem);
  font-weight:600;color:var(--navy);line-height:1.15;margin-bottom:16px;
}
.features__panel-text h3 strong{color:var(--blue);font-weight:800}
.features__panel-text p{color:var(--muted);font-size:.95rem;line-height:1.7;margin-bottom:18px}
.features__list{margin-bottom:24px}
.features__list li{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--text-2)}
.features__list i{color:var(--blue);font-size:.75rem}
.features__link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.9rem;font-weight:700;color:var(--blue);
  border-bottom:2px solid transparent;
  transition:var(--t);
}
.features__link:hover{border-bottom-color:var(--blue)}

/* Feature card mockup */
.feature-card{
  background:var(--white);
  border-radius:var(--radius-lg);
  padding:24px;
  box-shadow:var(--shadow-lg);
  border:1px solid var(--border);
}
.feature-card__header{margin-bottom:18px}
.feature-card__tag{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--blue);color:var(--white);
  font-size:.75rem;font-weight:700;
  padding:5px 12px;border-radius:20px;
}
.feature-card__row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.feature-card__row>span{font-size:.72rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.feature-card__input{
  border:1.5px solid var(--border);border-radius:8px;
  padding:9px 12px;font-family:var(--font-b);font-size:.875rem;
  color:var(--text);background:var(--bg);width:100%;
}
.feature-card__input--green{border-color:var(--green);color:var(--green-dark);font-weight:700;background:#f0fdf4}
.feature-card__btn{
  width:100%;margin-top:12px;padding:12px;
  background:var(--blue);color:var(--white);
  border:none;border-radius:8px;font-family:var(--font-b);
  font-size:.875rem;font-weight:700;cursor:pointer;
  transition:var(--t);
}
.feature-card__btn:hover{background:var(--blue-dark)}

/* ============================================================
   PILLS SECTION
   ============================================================ */
.pills-section{
  background:linear-gradient(180deg,var(--bg-2) 0%,var(--white) 100%);
  padding:0 0 80px;
}
.pills-section__inner{display:grid;grid-template-columns:340px 1fr;gap:40px;align-items:start}
.pills-list{display:flex;flex-direction:column;gap:8px;position:sticky;top:80px}
.pill{
  display:flex;align-items:center;gap:10px;
  padding:13px 18px;
  font-family:var(--font-b);font-size:.875rem;font-weight:600;
  color:var(--text);background:var(--white);
  border:1.5px solid var(--border);border-radius:var(--radius-xl);
  text-align:left;transition:var(--t);cursor:pointer;
}
.pill i{color:var(--light);font-size:.9rem;flex-shrink:0}
.pill:hover{border-color:var(--blue);color:var(--blue)}
.pill:hover i{color:var(--blue)}
.pill.active{background:var(--blue);color:var(--white);border-color:var(--blue)}
.pill.active i{color:rgba(255,255,255,.8)}

.pills-section__right{padding-top:4px}
.pills-content{display:none}
.pills-content.active{display:block}
.pills-content h2{
  font-family:var(--font-h);
  font-size:clamp(2rem,4vw,3.2rem);
  font-weight:500;color:var(--navy);
  line-height:1.1;margin-bottom:16px;
}
.pills-content h2 strong{font-weight:900;color:var(--blue)}
.pills-content p{font-size:1rem;color:var(--muted);line-height:1.7;margin-bottom:20px;max-width:520px}
.pills-link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:.9rem;font-weight:700;color:var(--blue);
  transition:var(--t);
}
.pills-link:hover{opacity:.8}
.pills-link i{font-size:1.2rem}

/* ============================================================
   STATS
   ============================================================ */
.stats-section{background:var(--bg);padding:60px 0}
.stats-grid{display:flex;align-items:center;justify-content:center;gap:0}
.stat-item{text-align:center;padding:24px 48px;flex:1}
.stat-number{
  font-family:var(--font-h);
  font-size:clamp(2.2rem,4vw,3rem);
  font-weight:800;color:var(--blue);
  display:block;line-height:1.1;margin-bottom:10px;
}
.stat-suffix{font-size:1.4rem}
.stat-item p{font-size:.9rem;color:var(--text-2);line-height:1.5;max-width:240px;margin:0 auto}
.stat-item p strong{color:var(--blue)}
.stat-divider{width:1px;height:80px;background:var(--border);flex-shrink:0}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.testimonials{padding:80px 0;background:var(--white)}
.testimonials__header{text-align:center;margin-bottom:40px}
.testimonials__title{
  font-family:var(--font-h);
  font-size:clamp(1.6rem,3vw,2.4rem);
  font-weight:600;color:var(--navy);line-height:1.25;
}
.testimonials__title strong{color:var(--blue)}

.testimonials__slider{position:relative;min-height:340px}
.testimonial-card{display:none;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch;animation:fadeSlide .4s ease}
.testimonial-card.active{display:grid}
@keyframes fadeSlide{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}

.testimonial-card__media{
  position:relative;border-radius:var(--radius-xl);overflow:hidden;
  aspect-ratio:4/3;
}
.testimonial-card__media img{width:100%;height:100%;object-fit:cover}
.testimonial-card__overlay{
  position:absolute;inset:0;
  background:rgba(32,38,71,.3);
  display:flex;align-items:center;justify-content:center;
}
.play-btn{
  width:60px;height:60px;
  background:rgba(255,255,255,.95);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--blue);font-size:1.2rem;
  padding-left:4px;
  transition:var(--t);box-shadow:var(--shadow);
}
.play-btn:hover{transform:scale(1.1);background:var(--white)}

.testimonial-card__content{
  background:var(--bg-2);border-radius:var(--radius-xl);
  padding:36px;display:flex;flex-direction:column;
  border:1px solid var(--border);
}
.testimonial-card__quote{flex:1}
blockquote{
  font-family:var(--font-h);
  font-size:1.1rem;font-weight:500;
  color:var(--navy);line-height:1.6;
  font-style:italic;
}
.testimonial-card__author{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.testimonial-card__author strong{display:block;font-weight:700;color:var(--navy)}
.testimonial-card__author span{font-size:.82rem;color:var(--muted)}
.testimonial-card__result{
  margin-top:16px;
  display:flex;align-items:center;gap:8px;
  background:var(--green-light);
  border-radius:8px;padding:10px 14px;
  font-size:.82rem;color:var(--green-dark);font-weight:600;
}
.testimonial-card__result i{color:var(--green)}

.testimonials__controls{
  display:flex;align-items:center;justify-content:center;
  gap:16px;margin-top:28px;
}
.testimonials__btn{
  width:40px;height:40px;
  border:1.5px solid var(--border);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--text);font-size:.85rem;
  transition:var(--t);background:var(--white);
}
.testimonials__btn:hover{background:var(--blue);border-color:var(--blue);color:var(--white)}
.testimonials__dots{display:flex;gap:8px}
.dot{
  width:8px;height:8px;background:var(--border);
  border-radius:50%;transition:var(--t);cursor:pointer;border:none;
}
.dot.active{background:var(--blue);width:24px;border-radius:4px}

/* ============================================================
   CTA CARDS (substituindo planos)
   ============================================================ */
.cta-section{padding:80px 0;background:var(--bg)}
.cta-section__inner{}
.cta-section__text{text-align:center;margin-bottom:48px}
.cta-section__text h2{
  font-family:var(--font-h);
  font-size:clamp(2rem,4vw,3rem);
  font-weight:500;color:var(--navy);line-height:1.15;
}
.cta-section__text h2 strong{color:var(--blue);font-weight:900}
.cta-section__text p{font-size:1rem;color:var(--muted);margin-top:10px}
.cta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cta-card{
  background:var(--white);border:1.5px solid var(--border);
  border-radius:var(--radius-xl);padding:32px;
  position:relative;transition:var(--t);
}
.cta-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue)}
.cta-card--featured{
  background:var(--blue);border-color:var(--blue);color:var(--white);
  box-shadow:var(--shadow-blue);
}
.cta-card--featured h3,.cta-card--featured .cta-card__target,.cta-card--featured .cta-card__price strong,.cta-card--featured .cta-card__list li{color:var(--white)}
.cta-card--featured .cta-card__from{color:rgba(255,255,255,.7)}
.cta-card--featured .cta-card__list i{color:rgba(255,255,255,.7)}
.cta-card__badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--green);color:var(--white);
  font-size:.68rem;font-weight:800;
  padding:4px 14px;border-radius:20px;
  white-space:nowrap;letter-spacing:.5px;
}
.cta-card__icon{
  width:48px;height:48px;
  background:rgba(38,135,233,.12);border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:16px;
}
.cta-card__icon i{color:var(--blue);font-size:1.2rem}
.cta-card--featured .cta-card__icon{background:rgba(255,255,255,.2)}
.cta-card--featured .cta-card__icon i{color:var(--white)}
.cta-card h3{font-family:var(--font-h);font-size:1.2rem;font-weight:800;color:var(--navy);margin-bottom:6px}
.cta-card__target{font-size:.8rem;color:var(--muted);margin-bottom:18px;display:block}
.cta-card__price{margin-bottom:18px}
.cta-card__from{font-size:.72rem;color:var(--muted);display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}
.cta-card__price strong{font-family:var(--font-h);font-size:1.8rem;font-weight:900;color:var(--navy)}
.cta-card__price strong span{font-size:.85rem;font-weight:600;color:var(--muted)}
.cta-card__list{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}
.cta-card__list li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text)}
.cta-card__list i{color:var(--green);font-size:.75rem}

/* ============================================================
   BANNER CTA
   ============================================================ */
.banner-cta{
  background:linear-gradient(120deg,var(--white) 55%,var(--bg) 100%);
  padding:72px 0;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.banner-cta__inner{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center}
.banner-cta__eyebrow{
  display:inline-block;font-size:.72rem;font-weight:700;
  text-transform:uppercase;letter-spacing:2px;color:var(--muted);
  margin-bottom:8px;
}
.banner-cta__title{
  font-family:var(--font-h);font-size:clamp(2.2rem,4vw,3.4rem);
  font-weight:900;color:var(--navy);line-height:1;margin-bottom:8px;
  text-decoration:line-through;text-decoration-thickness:4px;
  text-decoration-color:var(--blue);
}
.banner-cta__subtitle{
  font-family:var(--font-h);font-size:clamp(2.2rem,4vw,3.4rem);
  font-weight:900;color:var(--blue);line-height:1;margin-bottom:20px;
}
.banner-cta__text p{font-size:.95rem;color:var(--muted);margin-bottom:24px;line-height:1.7;max-width:480px}

.banner-cta__visual{display:flex;justify-content:center;align-items:center}
.banner-cta__book{perspective:1000px}
.book-cover{
  background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);
  width:200px;height:280px;border-radius:4px 12px 12px 4px;
  padding:28px 22px;
  box-shadow:var(--shadow-xl, 0 16px 64px rgba(32,38,71,.25));
  display:flex;flex-direction:column;gap:8px;
  transform:rotate(-3deg);
  transition:transform var(--t);
}
.book-cover:hover{transform:rotate(0deg)}
.book-cover__logo{
  font-family:var(--font-h);font-weight:900;
  font-size:1.4rem;color:var(--white);opacity:.5;
}
.book-cover__title{
  font-family:var(--font-h);font-size:1.5rem;
  font-weight:900;color:var(--white);line-height:1.2;
  margin-top:auto;
}
.book-cover__subtitle{font-size:.75rem;color:rgba(255,255,255,.6);font-weight:600}

/* ============================================================
   BLOG
   ============================================================ */
.blog-section{padding:80px 0;background:var(--bg-2)}
.blog-section__header{margin-bottom:36px}
.blog-section__header h2{
  font-family:var(--font-h);
  font-size:clamp(2rem,3.5vw,2.8rem);
  font-weight:500;color:var(--navy);line-height:1.15;
}
.blog-section__header h2 strong{color:var(--blue);font-weight:900}
.blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}
.blog-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:var(--t)}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--blue)}
.blog-card--featured{grid-column:1 / 3;grid-row:1 / 2}
.blog-card__image{position:relative;overflow:hidden}
.blog-card__image img{width:100%;object-fit:cover;transition:transform .5s ease;display:block}
.blog-card--featured .blog-card__image img{height:220px}
.blog-card:not(.blog-card--featured) .blog-card__image img{height:140px}
.blog-card:hover .blog-card__image img{transform:scale(1.05)}
.blog-card__category{
  position:absolute;top:12px;left:12px;
  background:rgba(32,38,71,.85);color:var(--white);
  font-size:.65rem;font-weight:700;letter-spacing:.8px;
  padding:4px 10px;border-radius:20px;
}
.blog-card__content{padding:20px}
.blog-card__content h3{font-family:var(--font-h);font-size:.98rem;font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:8px}
.blog-card--featured .blog-card__content h3{font-size:1.15rem}
.blog-card__content p{font-size:.83rem;color:var(--muted);line-height:1.6;margin-bottom:12px}
.blog-card__link{font-size:.78rem;font-weight:700;color:var(--blue);letter-spacing:.3px}
.blog-card__link:hover{text-decoration:underline}

/* ============================================================
   FAQ
   ============================================================ */
.faq-section{padding:80px 0;background:var(--bg)}
.faq-section__inner{display:grid;grid-template-columns:360px 1fr;gap:64px;align-items:start}
.faq-section__header h2{
  font-family:var(--font-h);
  font-size:clamp(2rem,3.5vw,2.8rem);
  font-weight:500;color:var(--navy);line-height:1.15;
}
.faq-section__header h2 strong{color:var(--blue);font-weight:900}

.faq-list{display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:first-child{border-top:1px solid var(--border)}
.faq-question{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:18px 0;gap:16px;
  font-family:var(--font-b);font-size:.95rem;font-weight:600;
  color:var(--navy);text-align:left;cursor:pointer;transition:var(--t);
  background:none;border:none;
}
.faq-question:hover{color:var(--blue)}
.faq-question i{font-size:.7rem;color:var(--muted);flex-shrink:0;transition:transform var(--t)}
.faq-item.active .faq-question{color:var(--blue)}
.faq-item.active .faq-question i{transform:rotate(180deg);color:var(--blue)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-item.active .faq-answer{max-height:400px}
.faq-answer p{padding:0 0 18px;font-size:.9rem;color:var(--muted);line-height:1.7}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--white);border-top:1px solid var(--border)}
.footer__main{padding:48px 0 36px}
.footer__grid{display:grid;grid-template-columns:200px 180px 180px 1fr;gap:40px}
.footer__logo{height:36px;width:auto;object-fit:contain;margin-bottom:16px}
.footer__social{display:flex;gap:8px}
.footer__social a{
  width:34px;height:34px;
  background:var(--bg);border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:.85rem;transition:var(--t);
}
.footer__social a:hover{background:var(--blue);color:var(--white)}
.footer__col h4{font-family:var(--font-h);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--navy);margin-bottom:14px}
.footer__col ul{display:flex;flex-direction:column;gap:8px}
.footer__col a{font-size:.83rem;color:var(--muted);display:flex;align-items:center;gap:6px;transition:var(--t)}
.footer__col a i{font-size:.78rem;color:var(--blue)}
.footer__col a:hover{color:var(--blue)}
.footer__col--wide h4{margin-bottom:10px}
.footer__legal{font-size:.78rem;color:var(--light);line-height:1.6;margin-bottom:12px}
.footer__address{display:flex;align-items:flex-start;gap:6px;font-size:.82rem;color:var(--muted)}
.footer__address i{color:var(--blue);margin-top:2px;flex-shrink:0}

.footer__bottom{border-top:1px solid var(--border);padding:16px 0}
.footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.footer__bottom-inner p{font-size:.78rem;color:var(--light)}
.footer__bottom-links{display:flex;gap:16px}
.footer__bottom-links a{font-size:.78rem;color:var(--muted);transition:var(--t)}
.footer__bottom-links a:hover{color:var(--blue)}

/* ============================================================
   BARRA AZUL FIXA — exatamente como o ContaAzul
   ============================================================ */
.contact-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:400;
  background:var(--blue);
  box-shadow:0 -3px 20px rgba(38,135,233,.3);
}
.contact-bar__inner{
  display:flex;align-items:center;
  height:60px;gap:0;
}
.contact-bar__cta{
  font-family:var(--font-h);
  font-size:.9rem;font-weight:800;
  color:var(--white);
  padding:0 28px 0 0;
  border-right:1px solid rgba(255,255,255,.2);
  margin-right:0;
  white-space:nowrap;
}
.contact-bar__item{
  display:flex;align-items:center;gap:10px;
  padding:0 24px;height:100%;
  color:var(--white);
  border-right:1px solid rgba(255,255,255,.18);
  transition:background var(--t);
}
.contact-bar__item:hover{background:rgba(255,255,255,.12)}
.contact-bar__item i{font-size:1rem;opacity:.85}
.contact-bar__item>div span{font-size:.65rem;opacity:.65;display:block;text-transform:uppercase;letter-spacing:.8px}
.contact-bar__item>div strong{font-size:.82rem;font-weight:700;display:block}
.contact-bar__item--wa{
  background:#25d366;border-right:none;
  margin-left:auto;padding:0 28px;
}
.contact-bar__item--wa:hover{background:#1db954}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  .hero__inner{grid-template-columns:1fr;padding:56px 24px 64px}
  .hero__mockup{display:none}
  .features__panel-inner{grid-template-columns:1fr;padding:32px 24px}
  .features__panel-visual{display:none}
  .pills-section__inner{grid-template-columns:1fr}
  .pills-list{position:static;flex-direction:row;flex-wrap:wrap}
  .pill{flex:1;min-width:180px}
  .stats-grid{flex-direction:column;gap:0}
  .stat-divider{width:80px;height:1px}
  .testimonial-card.active{grid-template-columns:1fr}
  .testimonial-card__media{display:none}
  .cta-cards{grid-template-columns:1fr}
  .banner-cta__inner{grid-template-columns:1fr}
  .banner-cta__visual{display:none}
  .blog-grid{grid-template-columns:1fr 1fr}
  .blog-card--featured{grid-column:1 / 3}
  .faq-section__inner{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr;gap:28px}
}

@media(max-width:768px){
  .header__nav{
    display:none;position:fixed;
    inset:64px 0 0 0;
    background:var(--white);padding:16px;
    overflow-y:auto;z-index:499;
    border-top:1px solid var(--border);
  }
  .header__nav.open{display:block}
  .header__nav-list{flex-direction:column;gap:4px}
  .header__dropdown{position:static;display:none;box-shadow:none;border:none;transform:none;padding:4px 0 4px 16px}
  .has-dropdown:hover .header__dropdown{display:none}
  .has-dropdown.open .header__dropdown{display:block}
  .header__hamburger{display:flex}
  .header__actions .btn--green{display:none}
  .features__tabs{flex-direction:column}
  .blog-grid{grid-template-columns:1fr}
  .blog-card--featured{grid-column:1}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom-inner{flex-direction:column;text-align:center}
  .contact-bar__cta{display:none}
  .contact-bar__item>div span{display:none}
  .contact-bar__item{padding:0 16px}
}

@media(max-width:480px){
  .cta-card--featured{order:-1}
  .contact-bar__item:not(.contact-bar__item--wa){display:none}
  .contact-bar__item--wa{margin-left:0;width:100%;justify-content:center}
}

/* ===== DIMMED STATE ===== */
.cta-card.dimmed{opacity:.55;transform:scale(.98);transition:opacity var(--t),transform var(--t)}