@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 500;font-display:swap;src:url(fonts/cormorant-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url(fonts/cormorant.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
    color-scheme: light;
    --bg:#FFFFFF; --bg-2:#FAF9F6; --surface:#FFFFFF; --surface-2:#F6F4EF; --tint:#F7F5F0;
    --line:rgba(168,143,113,.42); --line-soft:rgba(20,18,14,.12);
    --ink:#26241F; --ink-strong:#171512; --muted:#6E6A61; --muted-2:#78736A;
    --gold-1:#7F6851; --gold-2:#A88F71; --silver:#171512; --neg:#B0685A;
    --maxw:1120px;
    box-sizing:border-box;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  *,*::before,*::after{box-sizing:inherit}
  html{scroll-behavior:smooth; scroll-padding-top: calc(72px + env(safe-area-inset-top,0px)); -webkit-text-size-adjust:100%}
  body{margin:0; background:var(--bg); color:var(--ink);
    font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    font-size:17px; line-height:1.6; font-weight:400; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
  img{max-width:100%; display:block}
  a{color:inherit; text-decoration:none}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
  .gold{background:linear-gradient(100deg,var(--gold-1),var(--gold-2) 60%,var(--gold-1));
    -webkit-background-clip:text; background-clip:text; color:transparent;}
  .eyebrow{font-size:12.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-1); font-weight:600; margin:0 0 18px}
  .display{font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-weight:500; line-height:1.08; letter-spacing:.005em; color:var(--ink-strong); margin:0}
  .btn{display:inline-flex; align-items:center; gap:.6em; font-family:"Inter",sans-serif; font-weight:600; font-size:15px; letter-spacing:.01em;
    padding:15px 30px; border-radius:2px; background:linear-gradient(100deg,#9E8567,#C0A888); color:#241d12; border:none; cursor:pointer;
    box-shadow:0 1px 0 rgba(168,143,113,.25); transition:filter .25s ease, transform .25s ease;}
  .btn:hover{filter:brightness(1.05); transform:translateY(-1px)}
  a:focus-visible,.btn:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--gold-1); outline-offset:3px; border-radius:2px}
  .vsl{cursor:pointer; transition:border-color .25s ease, transform .25s ease}
  .vsl:hover{border-color:var(--gold-1); transform:translateY(-2px)}
  .vsl .play{transition:background .25s ease}
  .vsl:hover .play{background:rgba(168,143,113,.22)}
  .btn-ghost{background:transparent; color:var(--ink-strong); border:1px solid var(--line); border-radius:2px; padding:14px 28px; font-weight:500}
  .btn-ghost:hover{border-color:var(--gold-1); background:rgba(168,143,113,.05)}

  header.nav{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.85); backdrop-filter:blur(12px); border-bottom:1px solid var(--line-soft); padding-top: env(safe-area-inset-top,0px)}
  .nav-inner{display:flex; align-items:center; justify-content:space-between; height:72px}
  .logo{font-family:"Cormorant Garamond",serif; font-weight:600; font-size:26px; letter-spacing:.14em; color:var(--ink-strong)}
  .nav-links{display:flex; gap:30px; align-items:center}
  .nav-links a{font-size:14.5px; color:var(--muted); transition:color .2s}
  .nav-links a:hover{color:var(--ink-strong)}
  .nav-cta{font-size:13px; padding:11px 22px; color:#2a1f06}

  /* HOOK */
  .hero{position:relative; padding:88px 0 66px; overflow:hidden}
  .hero::before{content:""; position:absolute; inset:0; z-index:0;
    background:radial-gradient(120% 90% at 82% -10%, rgba(168,143,113,.14), transparent 55%),
      radial-gradient(90% 70% at 6% 115%, rgba(168,143,113,.06), transparent 60%), linear-gradient(180deg,#FFFFFF,#FAF9F6);}
  .hero .wrap{position:relative; z-index:1}
  .hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center}
  .hero h1{font-size:clamp(36px,4.9vw,58px); max-width:16ch}
  .hero p.sub{font-size:18.5px; color:var(--muted); max-width:50ch; margin:24px 0 30px; line-height:1.55}
  .hero-actions{display:flex; gap:16px; flex-wrap:wrap; align-items:center}
  .hero-micro{font-size:13.5px; color:var(--muted-2); margin-top:16px}
  .vsl{position:relative; aspect-ratio:16/10; border-radius:4px; border:1px solid var(--line); overflow:hidden;
    background:radial-gradient(120% 90% at 60% 30%, rgba(168,143,113,.16), transparent 60%), linear-gradient(160deg,#F3EFE6,#FBFAF7);
    display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:24px;}
  .vsl::after{content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(0,0,0,.05) 1px, transparent 1px); background-size:22px 22px; opacity:.6}
  .vsl .play{position:relative; z-index:1; width:66px; height:66px; border-radius:50%; border:1px solid var(--gold-2);
    display:flex; align-items:center; justify-content:center; margin-bottom:16px; background:rgba(168,143,113,.14)}
  .vsl .play svg{width:22px; height:22px; margin-left:3px; fill:var(--gold-1)}
  .vsl .vt{position:relative; z-index:1; font-family:"Cormorant Garamond",serif; font-style:italic; font-size:21px; color:var(--ink-strong); max-width:26ch}
  .vsl .vd{position:relative; z-index:1; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-2); margin-top:10px}

  .auth{display:flex; flex-wrap:wrap; gap:14px 34px; margin-top:56px; padding-top:26px; border-top:1px solid var(--line-soft)}
  .auth span{font-size:14px; color:var(--muted); display:inline-flex; align-items:center; gap:9px}
  .auth span::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--gold-2)}

  section{padding:88px 0; position:relative}
  .section-head{max-width:62ch}
  h2.display{font-size:clamp(29px,3.9vw,44px); margin-top:2px}
  .lead{font-size:18px; color:var(--muted); margin-top:20px; max-width:58ch; line-height:1.6}
  .divider{height:1px; background:var(--line-soft); max-width:var(--maxw); margin:0 auto}
  .tint{background:var(--tint)}
  .tint2{background:var(--tint)}

  /* STORY — cenário */
  .cols{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:52px}
  .col{border:1px solid var(--line-soft); border-radius:4px; padding:34px 30px; background:var(--surface)}
  .col.after{border-color:var(--line); background:linear-gradient(160deg,rgba(168,143,113,.10),transparent)}
  .col .h{font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; margin-bottom:20px}
  .col.now .h{color:var(--muted-2)}
  .col.after .h{color:var(--gold-1)}
  .col ul{list-style:none; margin:0; padding:0}
  .col li{font-size:15.5px; line-height:1.5; padding:12px 0 12px 26px; position:relative; border-top:1px solid var(--line-soft); color:var(--ink)}
  .col li:first-child{border-top:none}
  .col.now li{color:var(--muted)}
  .col li::before{position:absolute; left:0; top:12px; font-size:15px}
  .col.now li::before{content:"✕"; color:var(--neg); font-weight:600}
  .col.after li::before{content:"✓"; color:var(--gold-1)}

  /* PONTE / Fernando */
  .bridge{display:grid; grid-template-columns:.85fr 1.15fr; gap:44px; align-items:center; margin-top:8px}
  .portrait{aspect-ratio:4/5; border-radius:4px; position:relative; border:1px solid var(--line);
    background:radial-gradient(90% 80% at 50% 20%, rgba(168,143,113,.20), transparent 60%), linear-gradient(160deg,#F2EEE4,#EAE5DA);
    display:flex; align-items:center; justify-content:center;}
  .bridge .bio{list-style:none; margin:26px 0 0; padding:0; columns:2; column-gap:30px}
  .bridge .bio li{font-size:14.5px; color:var(--muted); padding:7px 0 7px 18px; position:relative; break-inside:avoid}
  .bridge .bio li::before{content:""; position:absolute; left:0; top:15px; width:5px; height:5px; border-radius:50%; background:var(--gold-2)}

  /* SEGREDOS */
  .secrets{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:52px}
  .secret{border:1px solid var(--line-soft); border-radius:4px; padding:32px 28px; background:var(--surface)}
  .secret .tag{font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-1); font-weight:600}
  .secret h3{font-family:"Cormorant Garamond",serif; font-style:italic; font-weight:500; font-size:24px; line-height:1.25; margin:14px 0 12px; color:var(--ink-strong)}
  .secret p{font-size:15px; color:var(--muted); margin:0; line-height:1.55}

  /* PROVA */
  .testi{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px}
  .card-t{border:1px solid var(--line-soft); border-radius:4px; padding:30px 28px; background:var(--surface)}
  .card-t q{font-family:"Cormorant Garamond",serif; font-style:italic; font-size:22px; line-height:1.42; color:var(--ink-strong); quotes:none; display:block}
  .card-t .who{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted-2); margin-top:16px; font-weight:600}
  .prova-note{margin-top:34px; font-size:15px; color:var(--muted); max-width:64ch}
  .prova-note b{color:var(--ink-strong); font-weight:600}

  /* ENTREGAS */
  .deliver{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); margin-top:52px}
  .d{background:var(--bg); padding:26px 24px}
  .d .k{font-family:"Cormorant Garamond",serif; font-style:italic; font-size:19px; color:var(--gold-1); margin-bottom:8px}
  .d p{font-size:14px; color:var(--muted); margin:0; line-height:1.5}

  /* ESPECIALISTAS */
  .specs{display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:52px}
  .spec{border:1px solid var(--line-soft); border-radius:4px; overflow:hidden; background:var(--surface); display:grid; grid-template-columns:.7fr 1.3fr}
  .spec .portrait{aspect-ratio:auto; border:none; border-right:1px solid var(--line); border-radius:0}
  .spec-body{padding:28px 28px}
  .spec-body .role{font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:var(--muted-2); font-weight:600}
  .spec-body h3{font-family:"Cormorant Garamond",serif; font-style:italic; font-weight:500; font-size:27px; margin:7px 0 13px; color:var(--ink-strong)}
  .spec-body p{font-size:14px; color:var(--muted); margin:0 0 9px; line-height:1.5}
  .spec-body p:last-child{margin-bottom:0}

  /* OFFER FINAL */
  .final{background:radial-gradient(100% 120% at 50% 0%, rgba(168,143,113,.12), transparent 55%), linear-gradient(180deg,#FBFAF7,#FFFFFF); text-align:center}
  .final .section-head{margin:0 auto}
  .final .lead{margin-left:auto; margin-right:auto}
  .filter{max-width:60ch; margin:22px auto 0; font-size:17px; color:var(--ink)}
  .scarce{display:inline-block; margin:30px 0 4px; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-1); border:1px solid var(--line); border-radius:20px; padding:9px 18px}
  .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:44px 0 44px; text-align:left}
  .step{padding-top:20px; border-top:1px solid var(--line)}
  .step .q{font-family:"Cormorant Garamond",serif; font-size:26px; color:var(--gold-1)}
  .step h3{font-size:16px; font-weight:600; margin:10px 0 6px; color:var(--ink-strong)}
  .step p{font-size:14px; color:var(--muted); margin:0}
  .final .btn{font-size:16px; padding:17px 42px}
  .final .subnote{font-size:13px; color:var(--muted-2); margin-top:16px}

  footer{border-top:1px solid var(--line-soft); padding:56px 0; text-align:center; text-transform:uppercase}
  footer .fw{font-family:"Cormorant Garamond",serif; font-style:italic; font-size:25px; color:var(--ink-strong); letter-spacing:.06em}
  footer .fs{font-size:13px; color:var(--muted); margin-top:10px; letter-spacing:.14em}
  footer .ig{font-size:12.5px; color:var(--gold-1); margin-top:22px; letter-spacing:.14em; font-weight:600}

  @media (max-width:860px){
    .nav-links a:not(.nav-cta){display:none}
    .hero-grid{grid-template-columns:1fr; gap:34px}
    .hero h1{max-width:100%}
    .cols{grid-template-columns:1fr}
    .bridge{grid-template-columns:1fr; gap:28px}
    .bridge .portrait{max-height:340px}
    .bridge .bio{columns:1}
    .secrets{grid-template-columns:1fr}
    .testi{grid-template-columns:1fr}
    .deliver{grid-template-columns:1fr}
    .specs{grid-template-columns:1fr}
    .spec{grid-template-columns:1fr}
    .spec .portrait{border-right:none; border-bottom:1px solid var(--line); min-height:180px}
    .steps{grid-template-columns:1fr; gap:20px}
    section{padding:60px 0}
    .hero{padding:54px 0 46px}
  }
  @media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important; scroll-behavior:auto!important}}

  /* --- brand assets --- */
  .logo{display:inline-flex; align-items:center}
  .logo img{height:34px; width:auto; display:block}
  .portrait .pimg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 32%; border-radius:inherit}
  .vsl.haspic::after{display:none}
  .vsl-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 62%; z-index:0}
  .vsl-scrim{position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(10,10,12,.10) 30%, rgba(10,10,12,.64))}
  .vsl.haspic .play{z-index:2; border-color:rgba(255,255,255,.9); background:rgba(255,255,255,.18)}
  .vsl.haspic .play svg{fill:#fff}
  .vsl.haspic .vt{z-index:2; color:#fff}
  .vsl.haspic .vd{z-index:2; color:rgba(255,255,255,.82)}
  .flogo{height:62px; width:auto; margin:0 auto 18px; display:block}
  @media (max-width:860px){ .logo img{height:30px} .flogo{height:50px} }

  /* --- ajustes SI40 (28/09/2026) --- */
  .nav-links a{text-transform:uppercase; letter-spacing:.08em; font-size:13px}
  .nav-links .nav-cta{letter-spacing:.06em; color:#241d12}
  .nav-links .nav-cta:hover{color:#241d12}
  .logo{flex:none}
  .nav-inner{gap:12px}
  .cta-short,.cta-min{display:none}
  .lead.flush{margin-top:0}
  .hero-photo{border-radius:4px; overflow:hidden; border:1px solid var(--line); aspect-ratio:3/4; background:#EDE8DE}
  .hero-photo img{width:100%; height:100%; object-fit:cover; object-position:50% 40%}
  .spec .portrait{display:flex; align-items:center; justify-content:center; padding:26px 18px}
  .spec .portrait img{width:100%; height:auto; max-width:200px; aspect-ratio:1/1; border-radius:50%; object-fit:cover; border:1px solid var(--line); position:relative}
  footer .ig{display:inline-block}
  /* dores */
  .pains{list-style:none; margin:44px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft)}
  .pains li{background:var(--surface); padding:26px 24px; font-size:16.5px; font-weight:500; color:var(--ink-strong); line-height:1.4; display:flex; gap:14px; align-items:baseline}
  .pains .n{font-family:"Cormorant Garamond",serif; font-style:italic; font-size:24px; color:var(--gold-1); line-height:1; flex:none}
  .pains-cta{margin-top:44px; text-align:center}
  .pains-q{font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-weight:500; font-size:clamp(25px,3vw,32px); line-height:1.2; color:var(--ink-strong); margin:0 auto; max-width:30ch}
  .pains-a{font-size:17px; color:var(--muted); margin:14px auto 26px; max-width:52ch}
  @media (max-width:379px){
    .cta-short{display:none!important} .cta-min{display:inline!important}
    .logo img{height:24px!important}
  }
  @media (max-width:860px){
    .hero-photo{aspect-ratio:4/5; max-height:520px}
    .pains{grid-template-columns:1fr}
    .cta-full{display:none} .cta-short{display:inline}
    .nav-links .nav-cta{white-space:nowrap; font-size:11px; padding:10px 12px}
    .logo img{height:28px}
    .spec .portrait{padding:24px 18px 6px; border-bottom:none; min-height:0}
    .spec .portrait img{max-width:170px}
  }

/* Fotos de 14/10/2026: rosto de quem deu o depoimento; Dr. Fernando sem foto repetida (poltrona no topo,
   consultorio em "Por que ouvir", mesa na assessoria, LinkedIn so nos especialistas). */
.card-t{display:flex; flex-direction:column}
.card-t .who{display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:20px}
.card-t .who img{width:56px; height:56px; border-radius:50%; object-fit:cover; border:1px solid var(--line); flex:none}
.portrait .pimg{object-position:62% 40%}
.head-foto{display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:center}
.foto-lado{margin:0; border:1px solid var(--line); border-radius:4px; overflow:hidden; aspect-ratio:4/3}
.foto-lado img{width:100%; height:100%; object-fit:cover; object-position:50% 28%; display:block}
@media (max-width:860px){
  .head-foto{grid-template-columns:1fr; gap:24px}
}

/* 14/10/2026 (2): quadros "A assessoria por dentro" maiores e mais faceis de ler (icone, titulo grande,
   texto escuro, aulas semanais em etiquetas); formulario direto no fim da pagina longa (#formulario). */
.sprite{position:absolute; width:0; height:0; overflow:hidden}
.deliver{gap:18px; background:none; border:0}
.d{background:var(--surface); border:1px solid var(--line-soft); border-radius:6px; padding:30px 28px;
  box-shadow:0 18px 40px -30px rgba(23,21,18,.35)}
.d .ic{display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%;
  background:rgba(168,143,113,.15); color:var(--gold-1); margin-bottom:18px}
.d .ic svg{width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
.d .k{font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-weight:500; font-size:26px; line-height:1.18;
  color:var(--ink-strong); margin:0 0 10px}
.d p{font-size:16.5px; line-height:1.55; color:var(--ink)}
.d .chips{list-style:none; margin:4px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px}
.d .chips li{font-size:14px; line-height:1; padding:8px 12px; border-radius:20px; background:var(--tint); border:1px solid var(--line); color:var(--ink-strong)}
.final-form{max-width:520px; margin:0 auto; text-align:left; scroll-margin-top:20px}
.final-form .form-card{padding:30px 30px 24px}
@media (max-width:860px){
  .deliver{gap:14px}
  .d{padding:22px 20px; display:grid; grid-template-columns:44px 1fr; column-gap:14px; align-items:center}
  .d .ic{width:44px; height:44px; margin:0}
  .d .k{font-size:24px; margin:0}
  .d p,.d .chips{grid-column:1/-1; margin-top:12px}
  .final-form .form-card{padding:24px 20px 20px}
  .final-form .btn-full{padding:17px 14px}
}
