:root{
    --navy-deep:#0a0f2e;
    --navy:#131b3a;
    --navy-soft:#1d2650;
    --brass:#c99a4b;
    --brass-light:#e6c98a;
    --canvas:#f6f1e7;
    --canvas-deep:#efe6d3;
    --ink:#171b2e;
    --muted:#665f4d;
    --muted-on-navy:#b9bfd6;
    --white:#ffffff;
    --wa-green:#3fae5a;
    --font-display:'Playfair Display', serif;
    --font-body:'DM Sans', sans-serif;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--font-body);
    color:var(--ink);
    background:var(--canvas);
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%; display:block;}
  a{text-decoration:none; color:inherit;}
  ul{list-style:none;}
  section{padding:72px 20px;}
  .wrap{max-width:1080px; margin:0 auto;}
  h1,h2,h3{font-family:var(--font-display); line-height:1.15; font-weight:700;}
  .eyebrow{
    font-family:var(--font-body);
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  /* ---------- assinatura visual: friso de tachinhas (nailhead trim) ---------- */
  .tachinhas{
    height:14px;
    width:100%;
    background-image:radial-gradient(circle, var(--brass) 2.6px, transparent 2.7px);
    background-size:22px 14px;
    background-position:center;
    opacity:.9;
  }
  .tachinhas.on-navy{opacity:.65;}

  /* ---------- botão CTA WhatsApp ---------- */
  .btn-wa{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--wa-green);
    color:#fff;
    font-weight:700;
    font-size:16px;
    padding:16px 26px;
    border-radius:8px;
    box-shadow:0 10px 24px -8px rgba(63,174,90,.55);
    transition:transform .15s ease, box-shadow .15s ease;
    border:none;
    cursor:pointer;
  }
  .btn-wa:hover{transform:translateY(-2px); box-shadow:0 14px 28px -8px rgba(63,174,90,.65);}
  .btn-wa svg{width:20px; height:20px; flex-shrink:0;}
  .btn-secondary{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--brass-light);
    font-weight:700;
    font-size:14px;
    border-bottom:1px solid var(--brass);
    padding-bottom:2px;
  }

  /* ---------- HERO ---------- */
  .hero{
    background:
      radial-gradient(1200px 500px at 15% -10%, var(--navy-soft), transparent 60%),
      linear-gradient(180deg, var(--navy-deep), var(--navy) 100%);
    color:var(--white);
    padding:28px 20px 64px;
    position:relative;
    overflow:hidden;
  }
  .hero::before{
    /* textura sutil de trama de tecido */
    content:"";
    position:absolute; inset:0;
    background-image:
      repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 2px, transparent 2px 8px),
      repeating-linear-gradient(-45deg, rgba(255,255,255,.02) 0 2px, transparent 2px 8px);
    pointer-events:none;
  }
  .hero-top{
    max-width:1080px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between;
    position:relative; z-index:1;
  }
  .brand{
    font-family:var(--font-display);
    font-weight:700;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white);
  }
  .brand span{color:var(--brass-light);}
  .hero-content{
    max-width:1080px; margin:56px auto 0;
    position:relative; z-index:1;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:48px;
    align-items:center;
  }
  .hero-eyebrow{color:var(--brass-light);}
  .hero h1{
    font-size:clamp(30px, 4.4vw, 46px);
    margin-top:14px;
    max-width:18ch;
  }
  .hero h1 em{color:var(--brass-light); font-style:normal;}
  .hero p{
    margin-top:18px;
    font-size:17px;
    line-height:1.6;
    color:var(--muted-on-navy);
    max-width:44ch;
  }
  .hero-cta{margin-top:30px; display:flex; flex-wrap:wrap; align-items:center; gap:18px;}
  .hero-note{font-size:13px; color:var(--muted-on-navy);}

  .hero-visual{
    position:relative;
    aspect-ratio:4/5;
    border-radius:14px;
    background:linear-gradient(160deg, #1d2650, #0f1533);
    border:1px solid rgba(230,201,138,.25);
    overflow:hidden;
    display:flex; align-items:center; justify-content:center;
  }
  .hero-visual .tachinhas{position:absolute; top:0; left:0;}
  .hero-visual svg{width:72%; height:auto;}

  /* ---------- PROVA SOCIAL ---------- */
  .prova{background:var(--canvas);}
  .prova-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:44px;
    align-items:center;
    margin-top:32px;
  }
  .prova-card{
    background:var(--white);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 24px 48px -24px rgba(23,27,46,.25);
    border:1px solid var(--canvas-deep);
  }
  .prova-card .tachinhas{background-color:var(--canvas-deep);}
  .prova-shot{
    aspect-ratio:16/10;
    background:linear-gradient(135deg, var(--navy-deep), var(--navy-soft));
    display:flex; align-items:center; justify-content:center;
    color:var(--muted-on-navy);
    font-size:13px;
    text-align:center;
    overflow:hidden;
  }
  .prova-shot img{
    width:100%;
    height:100%;
    object-fit:cover;
    padding:20px;
  }
  .prova h2{font-size:clamp(24px, 3vw, 32px); max-width:16ch;}
  .prova-stats{display:flex; gap:28px; margin-top:22px; flex-wrap:wrap;}
  .stat b{font-family:var(--font-display); font-size:28px; display:block; color:var(--navy-deep);}
  .stat span{font-size:13px; color:var(--muted);}
  .prova-text{color:var(--muted); margin-top:16px; line-height:1.65; max-width:46ch;}

  /* ---------- INCLUSO ---------- */
  .incluso{background:var(--navy-deep); color:var(--white);}
  .incluso .eyebrow{color:var(--brass-light);}
  .incluso h2{font-size:clamp(24px, 3vw, 32px); max-width:20ch; margin-top:12px;}
  .incluso-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1px;
    margin-top:40px;
    background:rgba(230,201,138,.18);
    border-radius:12px;
    overflow:hidden;
  }
  .incluso-item{
    background:var(--navy);
    padding:26px 22px;
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .incluso-item .dot{
    width:10px; height:10px; border-radius:50%;
    background:var(--brass-light);
  }
  .incluso-item p{font-size:14.5px; color:var(--muted-on-navy); line-height:1.55;}
  .incluso-item strong{font-size:15.5px; font-weight:700;}

  /* ---------- ANTES / DEPOIS ---------- */
  .comparador{background:var(--canvas);}
  .comparador .head{max-width:640px;}
  .comparador h2{font-size:clamp(24px, 3vw, 32px); margin-top:12px;}
  .comparador p.lead{color:var(--muted); margin-top:14px; line-height:1.6;}

  .slider-box{
    margin-top:36px;
    position:relative;
    aspect-ratio:16/8;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 24px 48px -24px rgba(23,27,46,.3);
    border:1px solid var(--canvas-deep);
    cursor:ew-resize;
    user-select:none;
    background:#111;
  }
  .slide-panel{
    position:absolute; inset:0;
    display:flex; align-items:flex-end;
    padding:20px;
  }
  .slide-panel.antes{background:linear-gradient(160deg,#3a3226,#211b14);}
  .slide-panel.depois{
    background:linear-gradient(160deg, var(--navy-soft), var(--navy-deep));
    clip-path:inset(0 0 0 50%);
  }
  .slide-panel img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
 
}
  .slide-tag{
    font-family:var(--font-body);
    font-weight:700;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#fff;
    background:rgba(0,0,0,.35);
    padding:6px 12px;
    border-radius:6px;
  }
  .slide-handle{
    position:absolute; top:0; bottom:0; left:50%;
    width:0;
    display:flex; align-items:center; justify-content:center;
  }
  .slide-handle::before{
    content:"";
    position:absolute; top:0; bottom:0; left:0;
    width:2px; background:var(--brass-light);
  }
  .handle-grip{
    width:40px; height:40px; border-radius:50%;
    background:var(--brass-light);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 16px rgba(0,0,0,.35);
  }
  .handle-grip svg{width:18px; height:18px;}
  .slider-hint{margin-top:12px; font-size:13px; color:var(--muted); text-align:center;}

  /* ---------- COMO FUNCIONA ---------- */
  .processo{background:var(--white);}
  .processo .head{max-width:560px;}
  .processo h2{font-size:clamp(24px, 3vw, 32px); margin-top:12px;}
  .processo-list{
    margin-top:40px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
  }
  .step{position:relative; padding-top:18px;}
  .step .num{
    font-family:var(--font-display);
    font-size:36px;
    color:var(--brass);
    line-height:1;
  }
  .step h3{font-size:17px; margin-top:10px;}
  .step p{font-size:14px; color:var(--muted); margin-top:8px; line-height:1.55;}
  .step:not(:last-child)::after{
    content:"";
    position:absolute; top:24px; left:calc(100% - 4px);
    width:calc(24px + 8px);
    border-top:1px dashed var(--brass);
    display:none;
  }
  @media(min-width:960px){ .step:not(:last-child)::after{display:block;} }

  /* ---------- CTA FINAL ---------- */
  .cta-final{
    background:
      radial-gradient(900px 400px at 85% 0%, var(--navy-soft), transparent 60%),
      linear-gradient(180deg, var(--navy), var(--navy-deep));
    color:var(--white);
    text-align:center;
  }
  .cta-final h2{font-size:clamp(26px, 3.6vw, 38px); max-width:22ch; margin:0 auto;}
  .cta-final p{color:var(--muted-on-navy); margin-top:16px; max-width:46ch; margin-left:auto; margin-right:auto;}
  .cta-final .hero-cta{justify-content:center; margin-top:28px;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--navy-deep); color:var(--muted-on-navy); padding:32px 20px; text-align:center; font-size:13px;}
  footer a{color:var(--brass-light);}

  @media (max-width:900px){
    .hero-content{grid-template-columns:1fr;}
    .hero-visual{max-width:340px; margin:0 auto; aspect-ratio:1/1;}
    .prova-grid{grid-template-columns:1fr;}
    .incluso-grid{grid-template-columns:1fr 1fr;}
    .processo-list{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    section{padding:56px 18px;}
    .incluso-grid{grid-template-columns:1fr;}
    .processo-list{grid-template-columns:1fr;}
    .prova-stats{gap:20px;}
  }

  :focus-visible{outline:2px solid var(--brass-light); outline-offset:3px;}
  @media (prefers-reduced-motion: reduce){
    *{transition:none !important;}
  }