/* =====================================================================
   OsteoMentor IA — Landing (tema escuro)
   Identidade: cobre/bronze + preto quente + creme. Sem verde.
   Referência visual: composição de herói enviada pelo Rodolfo (07/09/2026).
   ===================================================================== */

:root{
  --bg:#0B0A08;
  --bg-elev:#141109;
  --bg-elev-2:#1B1710;
  --text:#F4F0EA;
  --text-muted:#B4A996;   /* AA em #0B0A08 e nas superfícies elevadas */
  --text-dim:#9B8F7C;     /* idem -- era #7C7263, reprovava contraste AA */

  --copper-1:#A8551F;
  --copper-2:#C8763C;
  --copper-3:#E5A86B;
  --grad-copper:linear-gradient(100deg,var(--copper-1),var(--copper-3));

  /* Tipografia -- par display + corpo, nenhum dos dois Inter/Roboto.
     Fraunces: serif editorial "artesanal" (títulos, preços, CV em itálico).
     Hanken Grotesk: sans humanista, limpo (corpo, UI, labels). */
  --font-display:'Fraunces','Iowan Old Style','Palatino Linotype',Georgia,serif;
  --font-body:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;

  --border:#2A2620;
  --border-soft:#211D18;

  --radius:12px;
  --radius-lg:18px;
  --pill:999px;

  --wrap:1160px;
  --gutter:clamp(20px,5vw,48px);

  --shadow-lift:0 24px 60px -24px rgba(0,0,0,.75);

  --ease:cubic-bezier(.22,.61,.36,1);

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --space-24:96px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3{
  font-family:var(--font-display);
  font-optical-sizing:auto;
  font-weight:460;
  letter-spacing:-.005em;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}

.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}

.grad{
  background:var(--grad-copper);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}

.skip-link{
  position:absolute;left:12px;top:-48px;z-index:200;
  background:var(--copper-2);color:#1a0f06;font-weight:700;
  padding:10px 16px;border-radius:8px;transition:top .18s var(--ease);
}
.skip-link:focus{top:12px}

/* ---------- Botões ---------- */
.btn{
  --pad-y:13px;--pad-x:24px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:var(--pad-y) var(--pad-x);
  border-radius:var(--pill);
  font-weight:600;letter-spacing:.02em;font-size:15px;
  border:1px solid transparent;cursor:pointer;
  transition:transform .16s var(--ease),box-shadow .16s var(--ease),background-color .16s var(--ease),border-color .16s var(--ease),opacity .16s var(--ease);
}
.btn:focus-visible{outline:2px solid var(--copper-3);outline-offset:3px}
.btn-primary{background:var(--grad-copper);color:#1a0f06;box-shadow:0 8px 24px -10px rgba(200,118,60,.65)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -12px rgba(229,168,107,.6)}
.btn-line{border-color:var(--border);color:var(--text)}
.btn-line:hover{border-color:var(--copper-3);color:#fff}
.btn-ghost{border-color:var(--border);color:var(--text);padding:9px 18px;font-size:14px}
.btn-ghost:hover{border-color:var(--copper-3)}
.btn-lg{--pad-y:16px;--pad-x:34px;font-size:16px}

.eyebrow{
  text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:600;
  color:var(--copper-3);margin:0 0 14px;
}

/* ---------- Nav ---------- */
.site-nav{
  position:sticky;top:0;z-index:100;
  background:transparent;
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--ease),background-color .3s var(--ease);
}
.site-nav[data-scrolled]{
  border-bottom-color:var(--border-soft);
  background:rgba(11,10,8,.9);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px;transition:padding .3s var(--ease)}
.site-nav[data-scrolled] .nav-inner{padding-block:12px}

.brand{display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .3s var(--ease)}
.site-nav[data-scrolled] .brand{opacity:1}
.nav-mobile .brand,.site-footer .brand{opacity:1}
.brand-logo{display:block;height:46px;width:auto}
@media (max-width:900px){.brand-logo{height:38px}}
.brand-mark{display:grid;place-items:center}
.brand-word{font-weight:800;font-size:20px;letter-spacing:-.01em}
.brand-word sup{font-size:.5em;font-weight:700;letter-spacing:.08em;margin-left:3px;color:var(--text-muted);vertical-align:super}
.brand-word.small{font-size:17px}

.nav-links{display:flex;align-items:center;gap:22px}
.nav-links a{font-size:14px;color:var(--text-muted);transition:color .16s var(--ease)}
.nav-links a:hover{color:var(--text)}
.nav-links .btn-ghost{color:var(--text)}

/* "Área de membros" -- entrada discreta para o app (login) */
.nav-member{
  display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:600;
  color:var(--text)!important;
  border:1px solid rgba(244,240,234,.28);
  border-radius:var(--pill);
  padding:8px 16px;
  transition:border-color .16s var(--ease),background-color .16s var(--ease);
}
.nav-member::before{
  content:"";width:14px;height:14px;flex:0 0 auto;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a5 5 0 0 0-5 5v3H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-2V6a5 5 0 0 0-5-5Zm3 8H9V6a3 3 0 0 1 6 0v3Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a5 5 0 0 0-5 5v3H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-2V6a5 5 0 0 0-5-5Zm3 8H9V6a3 3 0 0 1 6 0v3Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
}
.nav-member:hover{border-color:var(--copper-3);background:rgba(255,255,255,.04)}
.nav-mobile a[data-app-url]{font-weight:600;color:var(--text)}

.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.nav-toggle span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s var(--ease),opacity .2s var(--ease)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav-mobile{display:none;flex-direction:column;gap:4px;padding:8px var(--gutter) 20px;border-bottom:1px solid var(--border-soft);background:var(--bg)}
.nav-mobile a{padding:12px 4px;color:var(--text-muted);border-bottom:1px solid var(--border-soft)}
.nav-mobile a:last-child{border:0;margin-top:10px}
.nav-mobile .btn-primary{color:#1a0f06}

/* ---------- Hero ---------- */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}

.hero{position:relative;background:#060504;line-height:0;margin-top:-66px}
@media (max-width:900px){.hero{margin-top:-60px}}
.hero-media{position:relative;max-width:1536px;margin-inline:auto;font-size:0}
.hero-video{
  display:block;width:100%;height:auto;
  background:#060504;object-fit:cover;
}
.hero-video > img{width:100%;height:auto;display:block}

/* Degradê no topo — firma a leitura do menu sobre o vídeo */
.hero-media::before{
  content:"";position:absolute;left:0;right:0;top:0;height:clamp(110px,16vw,180px);
  background:linear-gradient(to bottom,rgba(6,5,4,.85) 0%,rgba(6,5,4,.5) 42%,rgba(6,5,4,0) 100%);
  z-index:2;pointer-events:none;
}
/* Degradê na base — só a costura com a faixa de CTA (bem fininho) */
.hero-media::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:9%;
  background:linear-gradient(to top,#060504 0%,rgba(6,5,4,.35) 45%,rgba(6,5,4,0) 100%);
  z-index:2;pointer-events:none;
}
/* Spot pequeno e centrado na estrela (canto inf. direito), à direita do texto dos pilares */
.hero-wm-mask{
  position:absolute;right:0;top:74%;width:20%;height:24%;
  pointer-events:none;z-index:3;
  background:radial-gradient(ellipse at 62% 52%,
    #060504 0%,#060504 32%,rgba(6,5,4,.4) 60%,rgba(6,5,4,0) 82%);
}

/* ---- Hero no mobile: mesma animação da marca do desktop ---- */
@media (max-width:640px){
  /* firma um pouco mais o degradê do topo sobre o vídeo, pra leitura do menu */
  .hero-media::before{height:clamp(96px,26vw,150px)}
}

/* ---- Faixa "em atendimento" (foto real) ---- */
.clinic-band{
  position:relative;isolation:isolate;
  min-height:clamp(320px,42vw,520px);
  display:flex;align-items:flex-end;
  background:#0a0806;overflow:hidden;
  border-block:1px solid var(--border-soft);
}
.clinic-band-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;
  z-index:-2;
}
.clinic-band::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,8,6,.4) 0%,rgba(10,8,6,.35) 45%,rgba(10,8,6,.9) 100%);
}
.clinic-band-inner{padding-block:clamp(24px,4vw,40px)}
.clinic-band-line{
  margin:0;color:var(--text);font-size:clamp(.95rem,1.6vw,1.15rem);
  letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.clinic-band-line strong{color:var(--copper-3);font-weight:700}

.hero-cta-band{
  background:var(--bg);border-bottom:1px solid var(--border-soft);
  padding-block:clamp(24px,4vw,36px);
}
.cta-band-inner{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.cta-band-text{margin:0;color:var(--text-muted);max-width:52ch;font-size:15px}
.cta-band-text strong{color:var(--text);font-weight:600}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;flex-shrink:0}

/* ---------- Seções ---------- */
.section{padding-block:clamp(64px,10vw,120px)}
.section-alt{background:var(--bg-elev);border-block:1px solid var(--border-soft)}
.section-title{font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.1;letter-spacing:-.01em;font-weight:460;margin:0 0 20px;text-wrap:balance}
.section-lead{font-size:clamp(1.02rem,1.4vw,1.15rem);color:var(--text-muted);max-width:60ch;margin:0 0 48px;line-height:1.65}

/* Cards de módulos */
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{
  background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:32px;box-shadow:var(--shadow-lift);
}
.section-alt .card{background:var(--bg)}
.card-tag{
  display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--copper-3);border:1px solid var(--border);border-radius:var(--pill);padding:5px 12px;margin-bottom:18px;
}
.card h3{font-size:1.5rem;margin:0 0 12px;letter-spacing:0;font-weight:500}
.card p{color:var(--text-muted);margin:0 0 18px}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ticks li{position:relative;padding-left:28px;font-size:14.5px}
.ticks li::before{
  content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;
  background:var(--grad-copper);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23000'/%3E%3C/svg%3E") center/14px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23000'/%3E%3C/svg%3E") center/14px no-repeat;
}

/* Método 3 passos */
.steps-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;background:var(--bg)}
.step-n{font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:0;color:var(--copper-3);font-feature-settings:"lnum"}
.step h3{font-size:1.35rem;margin:10px 0 10px;font-weight:500}
.step p{color:var(--text-muted);margin:0;font-size:14.5px}

/* ---- Plataforma: telas reais do app em moldura de janela ---- */
.shots{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.shot{margin:0}
.shot-wide{grid-column:1 / -1}
.shot-frame{
  position:relative;border-radius:14px;overflow:hidden;
  border:1px solid var(--border);background:var(--bg-elev-2);
  box-shadow:var(--shadow-lift);
}
.shot-frame::before{
  content:"";display:block;height:34px;
  background:var(--bg-elev);border-bottom:1px solid var(--border-soft);
}
.shot-frame::after{
  content:"";position:absolute;left:14px;top:12px;width:46px;height:10px;
  background:
    radial-gradient(circle 5px at 5px 5px,var(--copper-3) 92%,transparent) 0 0/17px 10px no-repeat,
    radial-gradient(circle 5px at 5px 5px,#6c6157 92%,transparent) 17px 0/17px 10px no-repeat,
    radial-gradient(circle 5px at 5px 5px,#6c6157 92%,transparent) 34px 0/17px 10px no-repeat;
}
.shot-frame img{display:block;width:100%;height:auto}
.shot-btn{
  display:block;width:100%;margin:0;padding:0;border:0;background:none;
  cursor:zoom-in;color:inherit;font:inherit;
}
.shot-btn img{transition:opacity .18s var(--ease)}
.shot-btn:hover img{opacity:.9}
.shot-btn:focus-visible{outline:2px solid var(--copper-3);outline-offset:3px}
.shot figcaption{margin-top:12px;color:var(--text-muted);font-size:14px;line-height:1.5;max-width:52ch}
.shot-ph{display:none}
.shot.is-missing .shot-frame{min-height:200px}
.shot.is-missing img{display:none}
.shot.is-missing .shot-ph{
  display:block;margin:0;padding:38px 20px;text-align:center;
  color:var(--text-dim);font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (max-width:720px){ .shots{grid-template-columns:1fr;gap:22px} }

/* ---- Lightbox ---- */
.lightbox{
  position:fixed;inset:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(16px,4vw,48px);
}
.lightbox[hidden]{display:none}
.lightbox-backdrop{
  position:absolute;inset:0;background:rgba(6,5,4,.86);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
.lightbox-inner{
  position:relative;margin:0;max-width:1200px;width:100%;
  max-height:100%;display:flex;flex-direction:column;gap:12px;
}
.lightbox-img{
  display:block;width:100%;height:auto;max-height:82vh;object-fit:contain;
  border-radius:12px;border:1px solid var(--border);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.8);background:var(--bg-elev-2);
}
.lightbox-cap{color:var(--text-muted);font-size:13.5px;line-height:1.5;text-align:center;max-width:70ch;margin:0 auto}
.lightbox-close{
  position:absolute;top:calc(-1 * clamp(8px,3vw,40px));right:0;
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--border);background:var(--bg-elev);
  color:var(--text);font-size:24px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.lightbox-close:hover{background:var(--bg-elev-2)}
.lightbox-close:focus-visible{outline:2px solid var(--copper-3);outline-offset:2px}
body.lb-open{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .lightbox{animation:lb-fade .16s var(--ease)}
  .lightbox-inner{animation:lb-rise .2s var(--ease)}
}
@keyframes lb-fade{from{opacity:0}to{opacity:1}}
@keyframes lb-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Mentor */
.mentor-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:center}
.mentor-photo{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-elev-2);aspect-ratio:4/5}
.mentor-photo img{width:100%;height:100%;object-fit:cover}
.mentor-photo .photo-fallback{
  position:absolute;inset:0;display:none;place-content:center;text-align:center;
  color:var(--text-dim);font-size:14px;line-height:1.7;
}
.mentor-photo .photo-fallback span{font-size:12px;color:var(--copper-2)}
.mentor-photo.is-missing img{display:none}
.mentor-photo.is-missing .photo-fallback{display:grid}
.mentor-text{
  color:var(--text-muted);font-size:clamp(1rem,1.35vw,1.08rem);line-height:1.7;
  margin:0 0 18px;max-width:60ch;
}
.mentor-text strong{color:var(--text);font-weight:600}
.mentor-cv{
  font-family:var(--font-display);
  font-style:italic;color:var(--text-muted);
  font-size:1.02rem;line-height:1.7;
  border-left:2px solid var(--copper-2);padding-left:22px;
  margin:30px 0 0;max-width:58ch;
}

/* Planos */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:720px}
.plans-3{grid-template-columns:repeat(3,1fr);max-width:1000px}
.plan{
  position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:28px;background:var(--bg);display:flex;flex-direction:column;gap:10px;
}
.plan-featured{border-color:var(--copper-2);box-shadow:0 0 0 1px var(--copper-2) inset,var(--shadow-lift)}
.plan-live{
  border-color:transparent;
  background:linear-gradient(var(--bg-elev),var(--bg-elev)) padding-box, var(--grad-copper) border-box;
  border-width:1.5px;
}
.plan-badge{
  position:absolute;top:-11px;left:28px;
  background:var(--grad-copper);color:#1a0f06;font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:var(--pill);
}
.plan-badge-live{background:var(--grad-copper)}
.plan h3{margin:0;font-family:var(--font-body);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-3);font-weight:700}
.plan-price{margin:0;font-family:var(--font-display);font-size:2.7rem;font-weight:460;letter-spacing:-.01em;line-height:1;font-feature-settings:"lnum"}
.plan-cur{font-size:1.05rem;font-weight:500;color:var(--text-muted);margin-right:4px;vertical-align:0.4em}
.plan-per{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-muted);margin-left:3px}
.plan-note{margin:0;color:var(--text-dim);font-size:13.5px;flex:1}
.plan-inc{
  list-style:none;margin:2px 0 0;padding:0;flex:1;
  display:flex;flex-direction:column;gap:8px;
}
.plan-inc li{
  position:relative;padding-left:24px;font-size:13.5px;line-height:1.5;color:var(--text);
}
.plan-inc li::before{
  content:"";position:absolute;left:0;top:3px;width:15px;height:15px;border-radius:50%;
  background:var(--grad-copper);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23000'/%3E%3C/svg%3E") center/12px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23000'/%3E%3C/svg%3E") center/12px no-repeat;
}
.plan-inc strong{color:var(--text);font-weight:700}
.plan .btn{margin-top:6px;width:100%}

.plan-guarantee{
  display:flex;align-items:flex-start;gap:10px;
  margin:22px 0 0;max-width:620px;
  padding:12px 16px;border-radius:var(--radius);
  background:rgba(200,118,60,.08);
  border:1px solid rgba(200,118,60,.28);
  color:var(--text);font-size:13.5px;line-height:1.55;
}
.plan-guarantee svg{flex:0 0 auto;margin-top:1px;color:var(--copper-3)}
.plan-guarantee strong{color:var(--copper-2);font-weight:700}

/* ---- "Seu acesso inclui" — logo acima dos planos ---- */
.access-includes{
  margin:0 0 40px;max-width:820px;
  padding:22px 24px;border-radius:var(--radius-lg);
  background:var(--bg-elev);border:1px solid var(--border);
}
.access-includes-title{
  margin:0 0 16px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--copper-3);font-weight:700;
}
.access-includes ul{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:13px 28px;
}
.access-includes li{position:relative;padding-left:30px;color:var(--text);font-size:14.5px;line-height:1.5}
.access-includes li strong{color:var(--copper-2);font-weight:700}
.access-includes li::before{
  content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;
  background:var(--grad-copper);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23000'/%3E%3C/svg%3E") center/14px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23000'/%3E%3C/svg%3E") center/14px no-repeat;
}
@media (max-width:640px){ .access-includes ul{grid-template-columns:1fr} }
.plan-fineprint{margin:24px 0 0;color:var(--text-dim);font-size:13px}
.plan-fineprint a{color:var(--copper-3);text-decoration:underline}
.plan-fineprint strong{color:var(--text-muted);font-weight:600}

/* CTA final */
.cta-final{padding-block:clamp(72px,11vw,130px);position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--border-soft)}
.cta-final::before{
  content:"";position:absolute;left:50%;top:-40%;width:80vw;height:80vw;max-width:760px;max-height:760px;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(200,118,60,.16),transparent 60%);pointer-events:none;
}
.cta-inner{position:relative;max-width:640px;margin:0 auto}
.cta-final h2{font-size:clamp(2rem,4.4vw,3.1rem);letter-spacing:-.01em;font-weight:460;margin:0 0 16px;text-wrap:balance}
.cta-final p{color:var(--text-muted);margin:0 0 32px;font-size:1.05rem}

/* Footer */
.site-footer{background:var(--bg);border-top:1px solid var(--border-soft);padding-block:44px}
.footer-inner{display:flex;flex-direction:column;gap:10px}
.footer-note{color:var(--text-dim);font-size:13px;max-width:60ch;margin:0 0 6px}
.footer-contact{margin:0;font-size:13.5px;color:var(--text-muted)}
.footer-contact a{color:var(--copper-3)}
.footer-legal{margin:0;font-size:12.5px;color:var(--text-dim)}
.footer-copy{color:var(--text-dim);font-size:12.5px;margin:0}

/* ---------- Reveal on scroll ---------- */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .btn:hover{transform:none}
}

/* ---------- Responsivo ---------- */
@media (max-width:900px){
  .nav-links{display:none}
  .nav-toggle{display:flex}
  .nav-mobile{display:flex}
  .nav-mobile[hidden]{display:none}
  .cards-2,.steps-3,.plans{grid-template-columns:1fr}
  .plans{max-width:420px}
  .plan-featured{order:-1}
  .mentor-grid{grid-template-columns:1fr}
  .mentor-photo{max-width:340px;aspect-ratio:3/4}
}
@media (max-width:620px){
  .cta-band-inner{flex-direction:column;align-items:flex-start;gap:18px}
  .hero-actions{width:100%}
  .hero-actions .btn{flex:1 1 auto;justify-content:center}
}

/* Mobile: escala tipográfica e ritmo próprios — não é o desktop reduzido */
@media (max-width:560px){
  .section{padding-block:clamp(48px,14vw,72px)}
  .section-title{font-size:clamp(1.55rem,7vw,1.95rem);line-height:1.12}
  .section-lead{font-size:1rem;margin-bottom:32px}
  .cta-final h2{font-size:clamp(1.7rem,7.5vw,2.1rem)}
  .card{padding:24px}
  .card h3{font-size:1.3rem}
  .step{padding:22px}
  .plans-3{gap:16px}
  .plan{padding:22px}
  .plan-price{font-size:2.3rem}
  .mentor-cv{font-size:.98rem;padding-left:16px}
  .eyebrow{letter-spacing:.16em}
  .clinic-band{min-height:340px}
}

/* =====================================================================
   REVISÃO DE CONVERSÃO (09/2026) — novas seções.
   Reaproveita tokens/estética existentes (cobre, Fraunces, dark).
   ===================================================================== */

/* ---- Hero: declaração abaixo do vídeo ---- */
.hero-statement{
  background:var(--bg);
  border-bottom:1px solid var(--border-soft);
  padding-block:clamp(40px,7vw,72px);
  text-align:center;
}
.hero-statement .wrap{max-width:920px}
.hero-headline{
  font-size:clamp(2rem,5.2vw,3.4rem);line-height:1.08;letter-spacing:-.015em;
  font-weight:460;margin:0 0 20px;text-wrap:balance;
}
.hero-sub{
  color:var(--text-muted);font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.65;
  max-width:64ch;margin:0 auto 30px;
}
.hero-statement .hero-actions{justify-content:center}
.hero-principle{
  margin:26px 0 0;padding-top:22px;border-top:1px solid var(--border-soft);
  color:var(--text-muted);font-size:1.02rem;
}
.hero-principle strong{
  color:var(--copper-3);font-weight:600;font-family:var(--font-display);
  font-style:italic;letter-spacing:.01em;
}

/* ---- Jornada (para quem é) ---- */
.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.journey-step{
  border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:28px;background:var(--bg-elev-2);
}
.section-alt .journey-step{background:var(--bg)}
.journey-k{
  display:inline-block;font-size:12px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--copper-3);margin-bottom:12px;
}
.journey-step h3{font-size:1.3rem;margin:0 0 10px;font-weight:500;letter-spacing:0}
.journey-step p{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.65}
.journey-step strong{color:var(--text);font-weight:600}

/* ---- Lista de falas (o desafio) ---- */
.quote-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.quote-list li{
  font-family:var(--font-display);font-style:italic;
  color:var(--text-muted);font-size:1.02rem;line-height:1.55;
  padding-left:16px;border-left:2px solid var(--copper-2);
}

/* ---- Comparativo (o que muda) ---- */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.compare-col{
  border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:28px;background:var(--bg);
}
.compare-col-on{
  border-color:var(--copper-2);
  box-shadow:0 0 0 1px var(--copper-2) inset,var(--shadow-lift);
  background:var(--bg-elev-2);
}
.compare-col h3{font-size:1.2rem;margin:0 0 16px;font-weight:500;letter-spacing:0}
.compare-col .ticks li{font-size:14.5px}
.x-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.x-list li{
  position:relative;padding-left:28px;font-size:14.5px;color:var(--text-dim);line-height:1.5;
}
.x-list li::before{
  content:"";position:absolute;left:2px;top:6px;width:12px;height:2px;border-radius:2px;
  background:var(--text-dim);
}

/* ---- Fluxo do caso clínico ---- */
.case-flow{
  list-style:none;margin:0 auto;padding:0;max-width:560px;
  display:flex;flex-direction:column;gap:0;counter-reset:cf;
}
.case-node{
  position:relative;border:1px solid var(--border);border-radius:var(--radius);
  background:var(--bg-elev-2);padding:18px 20px;
}
.section-alt .case-node{background:var(--bg)}
.case-node + .case-node{margin-top:34px}
.case-node + .case-node::before{
  content:"";position:absolute;left:50%;top:-27px;width:2px;height:20px;
  background:var(--grad-copper);transform:translateX(-50%);
}
.case-node + .case-node::after{
  content:"";position:absolute;left:50%;top:-11px;width:8px;height:8px;
  border-right:2px solid var(--copper-3);border-bottom:2px solid var(--copper-3);
  transform:translateX(-50%) rotate(45deg);
}
.case-k{
  display:block;font-size:12px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--copper-3);margin-bottom:6px;
}
.case-node p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.55}
.case-node-you{
  border-color:var(--copper-2);
  box-shadow:0 0 0 1px var(--copper-2) inset;
  background:linear-gradient(var(--bg-elev),var(--bg-elev));
}
.case-node-you .case-k{color:var(--copper-2)}
.case-node-you p{color:var(--text)}
.case-note{margin:34px 0 0;text-align:center;color:var(--text-dim);font-size:14px}
.case-note a{color:var(--copper-3);text-decoration:underline}

/* ---- Princípio (frase-manifesto) ---- */
.principle{
  position:relative;overflow:hidden;text-align:center;
  padding-block:clamp(56px,9vw,104px);
  background:var(--bg-elev);border-block:1px solid var(--border-soft);
}
.principle::before{
  content:"";position:absolute;left:50%;top:50%;width:90vw;height:60vw;
  max-width:820px;max-height:520px;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,rgba(200,118,60,.16),transparent 62%);
  pointer-events:none;
}
.principle .wrap{position:relative;max-width:820px}
.principle-line{
  font-family:var(--font-display);font-weight:460;letter-spacing:-.01em;
  font-size:clamp(1.7rem,4.4vw,2.8rem);line-height:1.15;margin:0;text-wrap:balance;
}
.principle-sub{margin:14px 0 0;color:var(--text-muted);font-size:1.02rem}

/* ---- Planos: linha de economia ---- */
.plan-save{
  margin:0;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--copper-3);
}

/* ---- Responsivo das novas seções ---- */
@media (max-width:900px){
  .journey,.compare{grid-template-columns:1fr}
  .compare-col-on{order:-1}
}
@media (max-width:560px){
  .journey-step{padding:22px}
  .compare-col{padding:22px}
  .hero-headline{font-size:clamp(1.7rem,8vw,2.2rem)}
  .principle-line{font-size:clamp(1.45rem,7.5vw,1.9rem)}
}

/* ---- Frase-âncora da seção "Quem conduz" (destaque) ---- */
.mentor-pull{
  margin:0 0 26px;
  padding:22px 24px 22px 26px;
  border:1px solid var(--border);
  border-left:3px solid var(--copper-2);
  border-radius:var(--radius);
  background:var(--bg-elev-2);
  font-family:var(--font-display);
  font-weight:460;font-style:normal;
  font-size:clamp(1.2rem,1.9vw,1.55rem);
  line-height:1.4;letter-spacing:-.005em;
  color:var(--text);text-wrap:pretty;
}
.section-alt .mentor-pull{background:var(--bg)}
@media (max-width:560px){
  .mentor-pull{padding:18px 18px 18px 20px;font-size:1.12rem}
}