/* ── tokens ─────────────────────────────────────────────────────────── */
:root{
  color-scheme: dark;

  --ink:        #0C0B09;
  --ink-2:      #131110;
  --ink-3:      #1B1815;
  --hair:       rgba(236,197,58,.16);
  --hair-soft:  rgba(244,241,233,.09);

  --gold:       #ECC53A;
  --gold-lo:    #C9A42C;
  --bronze:     #8C6E1C;
  --wine:       #5E1016;
  --signal:     #E2503A;

  --bone:       #F4F1E9;
  --bone-2:     #CFC8BC;
  --mute:       #948C80;

  --shell: 1160px;
  --gut: clamp(20px, 5vw, 56px);

  --f-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --f-body:    "Archivo", system-ui, -apple-system, sans-serif;
  --f-serif:   "Newsreader", Georgia, "Times New Roman", serif;
  --f-mono:    "Azeret Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --ease: cubic-bezier(.2,.7,.25,1);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--ink);
  color:var(--bone);
  font-family:var(--f-body);
  font-size:16px;
  line-height:1.62;
  font-synthesis-weight:none;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
::selection{ background:var(--gold); color:#100E0B; }
:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; border-radius:2px; }

/* ── shared type ────────────────────────────────────────────────────── */
.page{ position:relative; isolation:isolate; }

.shell{ width:100%; max-width:var(--shell); margin-inline:auto; padding-inline:var(--gut); }

.eyebrow{
  font-family:var(--f-mono);
  font-size:.685rem;
  font-weight:500;
  letter-spacing:.19em;
  text-transform:uppercase;
  color:var(--gold-lo);
  display:flex; align-items:center; gap:.7em;
  margin:0;
}
.eyebrow::before{
  content:""; width:26px; height:1px; background:var(--bronze); flex:none;
}

.h1{
  font-family:var(--f-display);
  font-size:clamp(2.65rem, 8.2vw, 5.5rem);
  font-weight:900;
  font-stretch:66%;
  line-height:.92;
  letter-spacing:-.012em;
  text-transform:uppercase;
  text-wrap:balance;
  margin:0;
}
.h2{
  font-family:var(--f-display);
  font-size:clamp(1.95rem, 4.3vw, 3.15rem);
  font-weight:800;
  font-stretch:76%;
  line-height:1.02;
  letter-spacing:-.008em;
  text-transform:uppercase;
  text-wrap:balance;
  margin:0;
}
.h3{
  font-family:var(--f-display);
  font-size:1.16rem;
  font-weight:700;
  font-stretch:92%;
  line-height:1.2;
  letter-spacing:.005em;
  margin:0;
}
.gold{ color:var(--gold); }
.lead{
  font-size:clamp(1.02rem, 1.35vw, 1.16rem);
  line-height:1.66;
  color:var(--bone-2);
  max-width:56ch;
  margin:0;
}
.body{ color:var(--mute); margin:0; max-width:62ch; }

/* ── buttons ────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex; align-items:center; gap:.62em;
  font-family:var(--f-display);
  font-weight:750; font-stretch:92%;
  font-size:.875rem; letter-spacing:.045em; text-transform:uppercase;
  text-decoration:none;
  padding:.95em 1.55em;
  border:1px solid transparent;
  border-radius:3px;
  transition:background .22s var(--ease), color .22s var(--ease),
             border-color .22s var(--ease), transform .22s var(--ease);
}
.btn:hover{ transform:translateY(-2px); }
.btn--solid{ background:var(--gold); color:#100E0B; }
.btn--solid:hover{ background:#FAD65A; }
.btn--ghost{ border-color:var(--hair); color:var(--bone); background:transparent; }
.btn--ghost:hover{ border-color:var(--gold); color:var(--gold); }
.btn--sm{ padding:.68em 1.05em; font-size:.775rem; }
.btn svg{ width:1.05em; height:1.05em; flex:none; }

/* ── scroll rail ────────────────────────────────────────────────────── */
.rail{
  position:fixed; left:22px; top:0; bottom:0; width:1px;
  background:var(--hair-soft); z-index:40; pointer-events:none;
}
.rail__fill{
  position:absolute; inset-inline:0; top:0; height:0;
  background:linear-gradient(180deg, transparent, var(--gold));
  transition:background .5s var(--ease);
}
.page[data-track="mentoria"] .rail__fill{
  background:linear-gradient(180deg, transparent, var(--wine) 55%, var(--gold));
}
@media (max-width:1180px){ .rail{ display:none; } }

/* ── header ─────────────────────────────────────────────────────────── */
.hdr{
  position:sticky; top:0; z-index:50;
  background:rgba(12,11,9,.82);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--hair-soft);
}
.hdr__in{
  display:flex; align-items:center; gap:clamp(14px,3vw,34px);
  height:70px;
}
.brand{ display:flex; align-items:center; gap:11px; text-decoration:none; flex:none; }
.brand__mark{ width:26px; height:auto; }
.brand__txt{ display:flex; flex-direction:column; gap:1px; }
.brand__name{
  font-family:var(--f-display); font-weight:800; font-stretch:88%;
  font-size:1.02rem; letter-spacing:.055em; line-height:1; color:var(--bone);
}
.brand__tag{
  font-family:var(--f-mono); font-size:.5rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--mute); line-height:1.32;
}

.switch{
  margin-left:auto;
  position:relative;
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:2px; padding:3px;
  border:1px solid var(--hair-soft); border-radius:4px;
  background:rgba(244,241,233,.03);
}
.switch__ind{
  position:absolute; top:3px; bottom:3px; left:3px;
  width:calc(50% - 4px);
  background:var(--gold); border-radius:2px;
  transition:transform .34s var(--ease), background .34s var(--ease);
}
.page[data-track="mentoria"] .switch__ind{
  transform:translateX(calc(100% + 2px));
  background:var(--gold);
}
.switch__btn{
  position:relative; z-index:1;
  text-align:center; white-space:nowrap; line-height:1.25;
  font-family:var(--f-display); font-weight:700; font-stretch:88%;
  font-size:.75rem; letter-spacing:.05em; text-transform:uppercase;
  padding:.52em .8em; text-decoration:none;
  color:var(--mute); transition:color .3s var(--ease);
}
.page[data-track="condutor"] .switch__btn[data-t="condutor"],
.page[data-track="mentoria"] .switch__btn[data-t="mentoria"]{ color:#100E0B; }

.hdr__cta{ flex:none; }
@media (max-width:820px){
  .hdr__in{ height:62px; gap:12px; }
  .hdr__cta{ display:none; }
  .switch__btn{ font-size:.7rem; }
}
@media (max-width:560px){ .sw-pre{ display:none; } }
@media (max-width:470px){
  .hdr__in{ height:auto; flex-wrap:wrap; padding-block:10px; row-gap:9px; }
  .switch{ width:100%; margin-left:0; }
  .brand__name{ font-size:.95rem; }
  .brand{ flex:1 1 auto; min-width:0; }
  .brand__tag{ font-size:.55rem; letter-spacing:.085em; }
}

/* ── sections ───────────────────────────────────────────────────────── */
.sec{ padding-block:clamp(72px,10vw,132px); position:relative; }
.sec__head{ display:flex; flex-direction:column; gap:18px; max-width:44ch; }

/* ── hero ───────────────────────────────────────────────────────────── */
.hero{
  padding-block:clamp(56px,7.5vw,96px) clamp(64px,8vw,110px);
  position:relative; overflow:hidden;
}
.hero::before{
  content:""; position:absolute; inset:-30% -20% auto -20%; height:120%;
  background:radial-gradient(58% 62% at 22% 8%, rgba(236,197,58,.10), transparent 68%);
  pointer-events:none; z-index:-1;
}
.hero__grid{
  display:grid; grid-template-columns:1.08fr .92fr;
  gap:clamp(32px,5vw,68px); align-items:end;
}
.hero__copy{ display:flex; flex-direction:column; gap:26px; }
.hero__h1 .l2{
  display:block;
  font-size:.44em; font-weight:400; font-stretch:88%;
  letter-spacing:.005em; line-height:1.16; text-transform:none;
  color:var(--bone-2); margin-top:.55em; max-width:20ch;
}
.hero__acts{ display:flex; flex-wrap:wrap; gap:12px; }
.hero__trust{
  display:flex; flex-wrap:wrap; gap:10px 22px;
  padding-top:22px; border-top:1px solid var(--hair-soft);
  font-family:var(--f-mono); font-size:.7rem; letter-spacing:.09em;
  text-transform:uppercase; color:var(--mute);
}
.hero__trust span{ display:flex; align-items:center; gap:.55em; }
.hero__trust span::before{
  content:""; width:4px; height:4px; background:var(--gold); flex:none;
  transform:rotate(45deg);
}

.shot{ position:relative; }
.shot__img{
  width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:50% 42%;
  border:1px solid var(--hair);
  filter:saturate(.94) contrast(1.04);
}
.shot::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(190deg, transparent 48%, rgba(12,11,9,.55));
  pointer-events:none;
}
.shot__addr{
  position:absolute; left:-1px; bottom:-1px; z-index:2;
  display:flex; align-items:flex-start; gap:10px;
  background:var(--ink); border:1px solid var(--hair);
  padding:14px 18px; max-width:min(86%, 340px);
}
.shot__addr svg{ width:15px; height:15px; flex:none; margin-top:3px; color:var(--gold); }
.shot__addr p{
  margin:0; font-size:.815rem; line-height:1.42; color:var(--bone-2);
}
@media (max-width:900px){
  .hero__grid{ grid-template-columns:1fr; gap:40px; }
  .shot{ max-width:560px; }
}

/* ── service cards ──────────────────────────────────────────────────── */
.cards{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:1px; background:var(--hair-soft);
  border:1px solid var(--hair-soft); margin-top:52px;
}
.card{
  background:var(--ink); padding:clamp(24px,3vw,36px);
  display:flex; flex-direction:column; gap:14px;
  transition:background .3s var(--ease);
}
.card:hover{ background:var(--ink-2); }
.card__ico{
  width:32px; height:32px; color:var(--gold); margin-bottom:4px;
}
.card__ico svg{ width:100%; height:100%; }
.card p{ margin:0; color:var(--mute); font-size:.94rem; }
.chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:12px; }
.chip{
  font-family:var(--f-mono); font-size:.63rem; letter-spacing:.09em;
  text-transform:uppercase; color:var(--gold-lo);
  border:1px solid var(--hair); padding:.34em .62em; border-radius:2px;
}
@media (max-width:760px){ .cards{ grid-template-columns:1fr; } }

.pledge{
  margin-top:1px;
  background:var(--ink-2);
  border:1px solid var(--hair-soft); border-top:0;
  padding:clamp(26px,3.4vw,40px);
  display:grid; grid-template-columns:auto 1fr; gap:clamp(20px,3vw,44px);
  align-items:start;
}
.pledge__k{
  font-family:var(--f-display); font-weight:800; font-stretch:76%;
  text-transform:uppercase; font-size:1.5rem; line-height:1.04;
  color:var(--bone); max-width:11ch;
}
@media (max-width:760px){ .pledge{ grid-template-columns:1fr; gap:16px; } }

/* ── steps ──────────────────────────────────────────────────────────── */
.steps{ display:flex; flex-direction:column; margin-top:52px; }
.step{
  display:grid; grid-template-columns:88px 1fr;
  gap:clamp(16px,3vw,40px);
  padding-block:clamp(26px,3.2vw,38px);
  border-top:1px solid var(--hair-soft);
  align-items:start;
}
.step:last-child{ border-bottom:1px solid var(--hair-soft); }
.step__n{
  font-family:var(--f-display); font-weight:900; font-stretch:64%;
  font-size:clamp(2.4rem,5vw,3.5rem); line-height:.82;
  color:transparent;
  -webkit-text-stroke:1px var(--bronze);
  font-variant-numeric:tabular-nums;
}
.step__b{ display:flex; flex-direction:column; gap:9px; }
.step__t{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:.6em 1em;
}
.step__when{
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--gold-lo);
}
@media (max-width:600px){ .step{ grid-template-columns:1fr; gap:10px; } }

.warn{
  margin-top:34px; display:flex; gap:14px; align-items:flex-start;
  border-left:2px solid var(--gold);
  background:linear-gradient(90deg, rgba(236,197,58,.07), transparent 70%);
  padding:18px 22px;
}
.warn svg{ width:18px; height:18px; flex:none; color:var(--gold); margin-top:3px; }
.warn p{ margin:0; color:var(--bone-2); font-size:.94rem; max-width:64ch; }

/* ── quote ──────────────────────────────────────────────────────────── */
.quote{
  padding-block:clamp(64px,8vw,110px);
  border-block:1px solid var(--hair-soft);
  background:
    radial-gradient(70% 100% at 50% 0%, rgba(236,197,58,.055), transparent 70%),
    var(--ink-2);
  text-align:center;
}
.quote blockquote{
  margin:0 auto; max-width:22ch;
  font-family:var(--f-serif); font-optical-sizing:auto;
  font-style:italic; font-weight:300;
  font-size:clamp(1.7rem,4.2vw,2.9rem); line-height:1.16;
  color:var(--bone); text-wrap:balance;
}
.quote cite{
  display:block; margin-top:26px;
  font-family:var(--f-mono); font-style:normal;
  font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--mute);
}

/* ── office ─────────────────────────────────────────────────────────── */
.office{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,72px); align-items:center; }
.dl{ display:flex; flex-direction:column; gap:0; margin:34px 0 0; }
.dl__row{
  display:grid; grid-template-columns:118px 1fr; gap:16px;
  padding-block:15px; border-top:1px solid var(--hair-soft);
  align-items:baseline;
}
.dl__row:last-child{ border-bottom:1px solid var(--hair-soft); }
.dl__k{
  font-family:var(--f-mono); font-size:.64rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--mute);
}
.dl__v{ font-size:.965rem; color:var(--bone); }
.dl__v a{ text-decoration:none; border-bottom:1px solid var(--hair); }
.dl__v a:hover{ color:var(--gold); border-color:var(--gold); }
@media (max-width:840px){ .office{ grid-template-columns:1fr; } }
@media (max-width:440px){ .dl__row{ grid-template-columns:1fr; gap:4px; } }

/* ── track divider ──────────────────────────────────────────────────── */
.split{
  position:relative; overflow:hidden;
  padding-block:clamp(76px,10vw,124px);
  background:
    radial-gradient(80% 130% at 50% 120%, rgba(94,16,22,.62), transparent 70%),
    linear-gradient(180deg, var(--ink), #0A0806);
  border-top:1px solid var(--hair-soft);
  text-align:center;
}
.split__in{ display:flex; flex-direction:column; align-items:center; gap:22px; }
.split__k{
  font-family:var(--f-serif); font-style:italic; font-weight:300;
  font-size:clamp(1.15rem,2.4vw,1.5rem); color:var(--mute); margin:0;
}
.split .h2{ max-width:18ch; }

/* ── mentoria ───────────────────────────────────────────────────────── */
.ment{
  background:
    radial-gradient(64% 58% at 84% 6%, rgba(94,16,22,.5), transparent 66%),
    radial-gradient(50% 44% at 6% 92%, rgba(236,197,58,.06), transparent 70%),
    #0A0806;
}
.ment__grid{
  display:grid; grid-template-columns:.92fr 1.08fr;
  gap:clamp(30px,5vw,64px); align-items:center;
}
.portrait{ position:relative; }
.portrait__img{
  width:100%; height:auto; aspect-ratio:5/6.2; object-fit:cover; object-position:52% 12%;
  border:1px solid var(--hair);
}
.portrait::before{
  content:""; position:absolute; inset:14px -14px -14px 14px; z-index:-1;
  border:1px solid rgba(94,16,22,.85);
}
.portrait__cap{
  position:absolute; right:-1px; bottom:-1px;
  background:var(--ink); border:1px solid var(--hair);
  padding:13px 18px; text-align:right;
}
.portrait__cap b{
  display:block; font-family:var(--f-display); font-weight:750; font-stretch:90%;
  font-size:.95rem; letter-spacing:.02em; color:var(--bone);
}
.portrait__cap span{
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.11em;
  text-transform:uppercase; color:var(--gold-lo);
}
.ment__copy{ display:flex; flex-direction:column; gap:24px; }
.pillars{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px;
  background:var(--hair-soft); border:1px solid var(--hair-soft);
}
.pillar{ background:#0A0806; padding:20px; display:flex; flex-direction:column; gap:7px; }
.pillar b{
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--gold); font-weight:500;
}
.pillar span{ font-size:.86rem; color:var(--mute); line-height:1.5; }
@media (max-width:900px){
  .ment__grid{ grid-template-columns:1fr; }
  .portrait{ max-width:420px; }
}
@media (max-width:520px){ .pillars{ grid-template-columns:1fr; } }

/* ── modules ────────────────────────────────────────────────────────── */
.mods{ display:flex; flex-direction:column; margin-top:52px; }
.mod{
  display:grid; grid-template-columns:64px 1fr auto;
  gap:clamp(14px,2.6vw,32px);
  padding-block:clamp(22px,2.8vw,32px);
  border-top:1px solid var(--hair-soft);
  align-items:center;
}
.mod:last-child{ border-bottom:1px solid var(--hair-soft); }
.mod__n{
  font-family:var(--f-mono); font-weight:600; font-size:1.02rem;
  color:var(--gold); font-variant-numeric:tabular-nums;
}
.mod__b{ display:flex; flex-direction:column; gap:6px; }
.mod__tag{
  font-family:var(--f-mono); font-size:.62rem; letter-spacing:.11em;
  text-transform:uppercase; color:var(--bone-2);
  border:1px solid rgba(94,16,22,.9); background:rgba(94,16,22,.34);
  padding:.42em .72em; white-space:nowrap;
}
@media (max-width:720px){
  .mod{ grid-template-columns:44px 1fr; }
  .mod__tag{ grid-column:2; justify-self:start; margin-top:4px; }
}

/* ── why tiles ──────────────────────────────────────────────────────── */
.tiles{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px;
  background:var(--hair-soft); border:1px solid var(--hair-soft); margin-top:52px;
}
.tile{ background:#0A0806; padding:clamp(20px,2.6vw,28px); display:flex; flex-direction:column; gap:10px; }
.tile__ico{ width:24px; height:24px; color:var(--gold); }
.tile b{ font-family:var(--f-display); font-weight:750; font-stretch:88%; font-size:1rem; line-height:1.2; }
.tile span{ font-size:.855rem; color:var(--mute); line-height:1.5; }
@media (max-width:900px){ .tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:480px){ .tiles{ grid-template-columns:1fr; } }

/* ── price ──────────────────────────────────────────────────────────── */
.price{
  margin-top:clamp(52px,7vw,84px);
  border:1px solid var(--hair);
  background:
    radial-gradient(90% 140% at 100% 0%, rgba(94,16,22,.55), transparent 62%),
    linear-gradient(180deg, #100D0A, #0A0806);
  padding:clamp(30px,4.4vw,56px);
  display:grid; grid-template-columns:1fr auto; gap:clamp(26px,4vw,56px);
  align-items:center;
}
.price__l{ display:flex; flex-direction:column; gap:14px; }
.price__name{
  font-family:var(--f-display); font-weight:900; font-stretch:70%;
  font-size:clamp(1.9rem,4vw,2.9rem); line-height:.98; text-transform:uppercase;
}
.price__meta{
  display:flex; flex-wrap:wrap; gap:8px 20px;
  font-family:var(--f-mono); font-size:.67rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mute);
}
.price__r{ display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.price__amt{
  font-family:var(--f-display); font-weight:900; font-stretch:74%;
  font-size:clamp(3rem,7vw,4.6rem); line-height:.86;
  color:var(--gold); font-variant-numeric:tabular-nums;
  display:flex; align-items:baseline; gap:.16em;
}
.price__amt small{ font-size:.3em; font-weight:600; font-stretch:100%; letter-spacing:.08em; color:var(--bone-2); }
@media (max-width:820px){ .price{ grid-template-columns:1fr; } }

/* ── footer ─────────────────────────────────────────────────────────── */
.ftr{
  border-top:1px solid var(--hair-soft);
  background:var(--ink);
  padding-block:clamp(48px,6vw,76px) 30px;
}
.ftr__grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,4vw,56px);
}
.ftr__logo{ width:min(190px, 60%); height:auto; }
.ftr__col{ display:flex; flex-direction:column; gap:12px; }
.ftr__h{
  font-family:var(--f-mono); font-size:.62rem; letter-spacing:.15em;
  text-transform:uppercase; color:var(--gold-lo); margin:0 0 4px;
}
.ftr__col a, .ftr__col p{ margin:0; color:var(--bone-2); font-size:.9rem; text-decoration:none; }
.ftr__col a:hover{ color:var(--gold); }
.ftr__note{ color:var(--mute); font-size:.86rem; margin:14px 0 0; max-width:34ch; }
.ftr__base{
  margin-top:clamp(34px,5vw,56px); padding-top:22px;
  border-top:1px solid var(--hair-soft);
  display:flex; flex-wrap:wrap; gap:10px 26px; justify-content:space-between;
  font-family:var(--f-mono); font-size:.63rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mute);
}
@media (max-width:820px){ .ftr__grid{ grid-template-columns:1fr; } }

/* ── float whatsapp ─────────────────────────────────────────────────── */
.float{
  position:fixed; right:18px; bottom:18px; z-index:60;
  display:flex; align-items:center; gap:.6em;
  background:var(--gold); color:#100E0B;
  font-family:var(--f-display); font-weight:800; font-stretch:90%;
  font-size:.8rem; letter-spacing:.045em; text-transform:uppercase;
  padding:.85em 1.25em; border-radius:100px; text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
  opacity:0; transform:translateY(14px); pointer-events:none;
  transition:opacity .3s var(--ease), transform .3s var(--ease), background .2s var(--ease);
}
.float.on{ opacity:1; transform:none; pointer-events:auto; }
.float:hover{ background:#FAD65A; }
.float svg{ width:1.15em; height:1.15em; }
@media (max-width:520px){ .float span{ display:none; } .float{ padding:.95em; } }

/* ── reveal ─────────────────────────────────────────────────────────── */
.page.js .rv{ opacity:0; transform:translateY(15px); }
.page.js .rv.in{
  opacity:1; transform:none;
  transition:opacity .68s var(--ease), transform .68s var(--ease);
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .page.js .rv{ opacity:1; transform:none; }
  .btn:hover{ transform:none; }
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}
/* ══════════════════════════════════════════════════════════════════════
   NAVEGAÇÃO DE PÁGINAS — substitui o seletor de trilha no cabeçalho
   ══════════════════════════════════════════════════════════════════════ */
.nav{
  margin-left:auto;
  display:flex; align-items:center; gap:clamp(4px,1.4vw,10px);
}
.nav__a{
  position:relative;
  font-family:var(--f-display); font-weight:700; font-stretch:90%;
  font-size:.8rem; letter-spacing:.05em; text-transform:uppercase;
  color:var(--bone-2); text-decoration:none; white-space:nowrap;
  padding:.5em .62em; border-radius:3px;
  transition:color .22s var(--ease), background .22s var(--ease);
}
.nav__a:hover{ color:var(--bone); background:rgba(244,241,233,.05); }
.nav__a[aria-current="page"]{ color:var(--gold); }
.nav__a[aria-current="page"]::after{
  content:""; position:absolute; left:.62em; right:.62em; bottom:.12em;
  height:1px; background:var(--gold);
}
@media (max-width:1080px){ .nav__a{ font-size:.72rem; padding:.5em .45em; } }
@media (max-width:880px){
  .nav{ order:3; width:100%; margin-left:0; overflow-x:auto;
        padding-top:9px; border-top:1px solid var(--hair-soft); gap:2px; }
  .nav__a{ padding:.5em .7em; }
  .nav::-webkit-scrollbar{ display:none; }
  .nav{ scrollbar-width:none; }
}

/* ══ portas: escolha de trilha no topo da home ══ */
.doors{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px;
  background:var(--hair-soft); border:1px solid var(--hair-soft);
  margin-top:4px;
}
.door{
  background:var(--ink); padding:18px 20px; text-decoration:none;
  display:flex; flex-direction:column; gap:5px;
  transition:background .26s var(--ease);
}
.door:hover{ background:var(--ink-2); }
.door b{
  font-family:var(--f-display); font-weight:800; font-stretch:84%;
  font-size:.95rem; letter-spacing:.03em; text-transform:uppercase; color:var(--bone);
  display:flex; align-items:center; gap:.5em;
}
.door b::after{
  content:"→"; color:var(--gold); font-size:.9em;
  transition:transform .26s var(--ease);
}
.door:hover b::after{ transform:translateX(4px); }
.door span{ font-size:.85rem; color:var(--mute); line-height:1.45; }
@media (max-width:520px){ .doors{ grid-template-columns:1fr; } }

/* ══════════════════════════════════════════════════════════════════════
   PONTOS DE ATENÇÃO — situações que exigem ação imediata
   ══════════════════════════════════════════════════════════════════════ */
.alerts{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px;
  background:var(--hair-soft); border:1px solid var(--hair-soft); margin-top:52px;
}
.alert{
  background:var(--ink); padding:clamp(24px,3vw,34px);
  display:flex; flex-direction:column; gap:12px;
  position:relative; overflow:hidden;
  transition:background .3s var(--ease);
}
.alert::before{
  content:""; position:absolute; inset:auto -30% -60% -30%; height:110%;
  background:radial-gradient(50% 60% at 50% 100%, rgba(226,80,58,.11), transparent 70%);
  opacity:0; transition:opacity .4s var(--ease); pointer-events:none;
}
.alert:hover{ background:var(--ink-2); }
.alert:hover::before{ opacity:1; }
.alert__q{
  font-family:var(--f-display); font-weight:900; font-stretch:70%;
  font-size:clamp(1.5rem,2.6vw,2rem); line-height:.98;
  text-transform:uppercase; color:var(--bone); text-wrap:balance;
}
.alert__q em{ font-style:normal; color:var(--signal); }
.alert p{ margin:0; color:var(--mute); font-size:.92rem; }
.alert__act{
  margin-top:auto; padding-top:14px;
  font-family:var(--f-mono); font-size:.64rem; letter-spacing:.11em;
  text-transform:uppercase; color:var(--gold);
  display:flex; align-items:center; gap:.55em; text-decoration:none;
  border-top:1px solid var(--hair-soft);
}
.alert__act:hover{ color:#FAD65A; }
.alert__clock{
  font-family:var(--f-mono); font-size:.63rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--signal);
  display:flex; align-items:center; gap:.5em;
}
.alert__clock::before{
  content:""; width:5px; height:5px; border-radius:50%;
  background:var(--signal); flex:none;
  animation:pulse 2.2s var(--ease) infinite;
}
@keyframes pulse{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.35; transform:scale(.72); }
}
@media (max-width:900px){ .alerts{ grid-template-columns:1fr; } }

/* ══════════════════════════════════════════════════════════════════════
   DEPOIMENTOS
   ══════════════════════════════════════════════════════════════════════ */
.reviews{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,22px); margin-top:48px;
}
.review{
  border:1px solid var(--hair-soft); background:var(--ink-2);
  padding:clamp(22px,2.6vw,30px);
  display:flex; flex-direction:column; gap:14px;
}
.stars{ display:flex; gap:3px; color:var(--gold); }
.stars svg{ width:14px; height:14px; }
.review blockquote{
  margin:0; font-family:var(--f-serif); font-optical-sizing:auto;
  font-size:1.02rem; line-height:1.55; color:var(--bone-2);
}
.review figcaption{
  margin-top:auto; padding-top:14px; border-top:1px solid var(--hair-soft);
  display:flex; align-items:center; gap:11px;
}
.review__av{
  width:32px; height:32px; border-radius:50%; flex:none;
  background:linear-gradient(140deg, var(--bronze), var(--gold));
  color:#100E0B; display:grid; place-items:center;
  font-family:var(--f-display); font-weight:800; font-size:.85rem;
}
.review__who b{
  display:block; font-family:var(--f-display); font-weight:700; font-stretch:92%;
  font-size:.88rem; color:var(--bone);
}
.review__who span{
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mute);
}
.reviews__foot{
  margin-top:26px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px;
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mute);
}
@media (max-width:900px){ .reviews{ grid-template-columns:1fr; } }

/* ══════════════════════════════════════════════════════════════════════
   PÁGINAS INTERNAS — cabeçalho de página
   ══════════════════════════════════════════════════════════════════════ */
.phero{
  padding-block:clamp(48px,6.5vw,84px) clamp(34px,4.5vw,54px);
  border-bottom:1px solid var(--hair-soft);
  position:relative; overflow:hidden;
}
.phero::before{
  content:""; position:absolute; inset:-60% -20% auto -20%; height:180%;
  background:radial-gradient(48% 56% at 18% 10%, rgba(236,197,58,.09), transparent 70%);
  pointer-events:none; z-index:-1;
}
.phero__in{ display:flex; flex-direction:column; gap:18px; max-width:56ch; }
.crumb{
  font-family:var(--f-mono); font-size:.64rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--mute);
  display:flex; align-items:center; gap:.6em;
}
.crumb a{ color:var(--gold-lo); text-decoration:none; }
.crumb a:hover{ color:var(--gold); }

/* ══════════════════════════════════════════════════════════════════════
   CURSOS E MATERIAIS
   ══════════════════════════════════════════════════════════════════════ */
.shelf{ display:flex; flex-direction:column; gap:clamp(44px,6vw,72px); }
.shelf__head{ display:flex; flex-direction:column; gap:12px; }
.shelf__head h2{
  font-family:var(--f-display); font-weight:800; font-stretch:78%;
  font-size:clamp(1.4rem,2.6vw,1.95rem); line-height:1.05;
  text-transform:uppercase; margin:0; color:var(--bone);
}
.prods{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1px; background:var(--hair-soft);
  border:1px solid var(--hair-soft); margin-top:22px;
}
.prod{
  background:var(--ink); padding:clamp(22px,2.6vw,30px);
  display:flex; flex-direction:column; gap:13px; text-decoration:none;
  transition:background .28s var(--ease);
}
.prod:hover{ background:var(--ink-2); }
.prod__kind{
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--gold-lo);
  display:flex; align-items:center; gap:.5em;
}
.prod__kind::before{
  content:""; width:14px; height:1px; background:var(--bronze); flex:none;
}
.prod h3{
  font-family:var(--f-display); font-weight:750; font-stretch:88%;
  font-size:1.05rem; line-height:1.22; margin:0; color:var(--bone);
  text-wrap:balance;
}
.prod p{ margin:0; color:var(--mute); font-size:.89rem; line-height:1.55; }
.prod__go{
  margin-top:auto; padding-top:14px; border-top:1px solid var(--hair-soft);
  font-family:var(--f-display); font-weight:700; font-stretch:92%;
  font-size:.75rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--gold); display:flex; align-items:center; gap:.5em;
}
.prod__go::after{ content:"↗"; transition:transform .24s var(--ease); }
.prod:hover .prod__go::after{ transform:translate(2px,-2px); }
.prod__bonus{
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.09em;
  text-transform:uppercase; color:var(--bone-2);
  border:1px solid rgba(94,16,22,.9); background:rgba(94,16,22,.3);
  padding:.36em .6em; align-self:flex-start; border-radius:2px;
}

/* ══════════════════════════════════════════════════════════════════════
   ARTIGOS
   ══════════════════════════════════════════════════════════════════════ */
.posts{ display:flex; flex-direction:column; margin-top:44px; }
.post{
  display:grid; grid-template-columns:150px 1fr;
  gap:clamp(16px,3vw,38px);
  padding-block:clamp(24px,3vw,34px);
  border-top:1px solid var(--hair-soft);
  align-items:start; text-decoration:none;
  transition:background .26s var(--ease);
}
.post:last-of-type{ border-bottom:1px solid var(--hair-soft); }
.post:hover{ background:var(--ink-2); }
.post__meta{ display:flex; flex-direction:column; gap:7px; }
.post__date{
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--gold-lo); font-variant-numeric:tabular-nums;
}
.post__tag{
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mute);
  border:1px solid var(--hair-soft); padding:.34em .6em;
  align-self:flex-start; border-radius:2px;
}
.post__b{ display:flex; flex-direction:column; gap:9px; }
.post h3{
  font-family:var(--f-display); font-weight:750; font-stretch:86%;
  font-size:clamp(1.1rem,2vw,1.35rem); line-height:1.2; margin:0;
  color:var(--bone); text-wrap:balance;
}
.post p{ margin:0; color:var(--mute); font-size:.92rem; max-width:66ch; }
@media (max-width:640px){ .post{ grid-template-columns:1fr; gap:10px; } }

/* estado vazio — enquanto não há artigos publicados */
.empty{
  margin-top:44px; border:1px dashed var(--hair);
  padding:clamp(34px,5vw,60px);
  display:flex; flex-direction:column; align-items:flex-start; gap:16px;
  background:linear-gradient(180deg, rgba(236,197,58,.03), transparent);
}
.empty h3{
  font-family:var(--f-display); font-weight:800; font-stretch:78%;
  font-size:clamp(1.3rem,2.4vw,1.7rem); text-transform:uppercase;
  margin:0; color:var(--bone);
}
.empty p{ margin:0; color:var(--mute); max-width:58ch; }

/* ══════════════════════════════════════════════════════════════════════
   QUEM SOU EU
   ══════════════════════════════════════════════════════════════════════ */
.bio{
  display:grid; grid-template-columns:.86fr 1.14fr;
  gap:clamp(30px,5vw,68px); align-items:start;
}
.bio__fig{ position:relative; }
.bio__img{
  width:100%; height:auto; aspect-ratio:5/6.4; object-fit:cover; object-position:52% 16%;
  border:1px solid var(--hair);
}
.bio__fig::before{
  content:""; position:absolute; inset:14px -14px -14px 14px; z-index:-1;
  border:1px solid rgba(94,16,22,.85);
}
.bio__body{ display:flex; flex-direction:column; gap:22px; }
.bio__body p{ margin:0; color:var(--bone-2); font-size:1.02rem; line-height:1.68; max-width:64ch; }
.bio__body p.muted{ color:var(--mute); font-size:.95rem; }
@media (max-width:880px){
  .bio{ grid-template-columns:1fr; }
  .bio__fig{ max-width:400px; }
}

/* credenciais em lista de definição */
.creds{ display:flex; flex-direction:column; margin-top:48px; }
.cred{
  display:grid; grid-template-columns:210px 1fr;
  gap:clamp(14px,3vw,34px);
  padding-block:20px; border-top:1px solid var(--hair-soft);
  align-items:baseline;
}
.cred:last-child{ border-bottom:1px solid var(--hair-soft); }
.cred__k{
  font-family:var(--f-mono); font-size:.64rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--gold-lo);
}
.cred__v{ color:var(--bone-2); font-size:.97rem; }
.cred__v b{ color:var(--bone); font-weight:600; }
.cred__v span{ display:block; color:var(--mute); font-size:.88rem; margin-top:3px; }
@media (max-width:640px){ .cred{ grid-template-columns:1fr; gap:6px; } }

/* números de destaque */
.figs{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px;
  background:var(--hair-soft); border:1px solid var(--hair-soft); margin-top:48px;
}
.fig{ background:var(--ink); padding:clamp(22px,2.8vw,30px); display:flex; flex-direction:column; gap:7px; }
.fig b{
  font-family:var(--f-display); font-weight:900; font-stretch:72%;
  font-size:clamp(2.1rem,4.4vw,3rem); line-height:.9; color:var(--gold);
  font-variant-numeric:tabular-nums;
}
.fig span{ font-size:.9rem; color:var(--mute); line-height:1.45; }
@media (max-width:700px){ .figs{ grid-template-columns:1fr; } }

/* aviso de conteúdo pendente — remover quando preenchido */
.todo{
  margin-top:34px; border-left:2px solid var(--signal);
  background:linear-gradient(90deg, rgba(226,80,58,.09), transparent 72%);
  padding:18px 22px; display:flex; gap:14px; align-items:flex-start;
}
.todo svg{ width:18px; height:18px; flex:none; color:var(--signal); margin-top:3px; }
.todo p{ margin:0; color:var(--bone-2); font-size:.92rem; max-width:64ch; }
.todo code{
  font-family:var(--f-mono); font-size:.85em; color:var(--gold);
  background:rgba(236,197,58,.09); padding:.1em .4em; border-radius:2px;
}

/* ══════════════════════════════════════════════════════════════════════
   CONTATE-NOS — formulário de qualificação
   ══════════════════════════════════════════════════════════════════════ */
.contato{
  border-top:1px solid var(--hair-soft);
  background:
    radial-gradient(58% 60% at 78% 6%, rgba(236,197,58,.07), transparent 68%),
    var(--ink-2);
}
.contato__grid{
  display:grid; grid-template-columns:.82fr 1.18fr;
  gap:clamp(30px,5vw,70px); align-items:start;
}
.contato__aside{ display:flex; flex-direction:column; gap:20px; }
.contato__aside .h2{ max-width:14ch; }
.contato__pts{ display:flex; flex-direction:column; gap:12px; margin:6px 0 0; padding:0; list-style:none; }
.contato__pts li{
  display:flex; gap:10px; align-items:flex-start;
  color:var(--mute); font-size:.92rem; line-height:1.5;
}
.contato__pts li::before{
  content:""; width:5px; height:5px; margin-top:.62em; flex:none;
  background:var(--gold); transform:rotate(45deg);
}
.contato__alt{
  margin-top:8px; padding-top:20px; border-top:1px solid var(--hair-soft);
  display:flex; flex-direction:column; gap:10px;
}
.contato__alt p{
  margin:0; font-family:var(--f-mono); font-size:.64rem;
  letter-spacing:.12em; text-transform:uppercase; color:var(--mute);
}
@media (max-width:900px){ .contato__grid{ grid-template-columns:1fr; } }

/* ── o formulário ── */
.form{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  border:1px solid var(--hair);
  background:var(--ink);
  padding:clamp(24px,3.4vw,38px);
}
.field{ display:flex; flex-direction:column; gap:7px; }
.field--full{ grid-column:1 / -1; }
.field label{
  font-family:var(--f-mono); font-size:.64rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--gold-lo);
  display:flex; align-items:baseline; gap:.5em;
}
.field label .opt{ color:var(--mute); letter-spacing:.08em; }

.field input,
.field select,
.field textarea{
  font-family:var(--f-body); font-size:.97rem; line-height:1.5;
  color:var(--bone);
  background:var(--ink-2);
  border:1px solid var(--hair-soft);
  border-radius:3px;
  padding:.78em .9em;
  width:100%;
  transition:border-color .2s var(--ease), background .2s var(--ease);
  -webkit-appearance:none; appearance:none;
}
.field textarea{ resize:vertical; min-height:130px; }
.field input::placeholder,
.field textarea::placeholder{ color:#6E675E; }
.field input:hover,
.field select:hover,
.field textarea:hover{ border-color:rgba(236,197,58,.28); }
.field input:focus,
.field select:focus,
.field textarea:focus{
  outline:none; border-color:var(--gold); background:var(--ink);
}
.field input:focus-visible,
.field select:focus-visible,
.field textarea:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; }

/* seta desenhada dentro do proprio select: o pseudo-elemento no campo
   ficava fora da caixa quando o campo esticava para acompanhar a linha */
.field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23ECC53A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:11px 8px;
  padding-right:2.5em;
}
.field select option{ background:var(--ink-2); color:var(--bone); }

/* validação nativa, só depois que o campo foi tocado */
.field input:not(:placeholder-shown):invalid,
.field textarea:not(:placeholder-shown):invalid{ border-color:rgba(226,80,58,.6); }
.field .hint{
  font-size:.78rem; color:var(--mute); line-height:1.4;
}

/* consentimento */
.consent{
  grid-column:1 / -1;
  display:flex; gap:12px; align-items:flex-start;
  padding-top:4px;
}
.consent input[type="checkbox"]{
  width:17px; height:17px; margin-top:2px; flex:none;
  -webkit-appearance:none; appearance:none;
  border:1px solid var(--hair); border-radius:2px;
  background:var(--ink-2); cursor:pointer; position:relative;
  transition:background .18s var(--ease), border-color .18s var(--ease);
}
.consent input[type="checkbox"]:checked{ background:var(--gold); border-color:var(--gold); }
.consent input[type="checkbox"]:checked::after{
  content:""; position:absolute; left:5px; top:1px;
  width:4px; height:9px;
  border-right:2px solid #100E0B; border-bottom:2px solid #100E0B;
  transform:rotate(45deg);
}
.consent label{ font-size:.85rem; color:var(--mute); line-height:1.5; cursor:pointer; }
.consent a{ color:var(--gold-lo); }

.form__foot{
  grid-column:1 / -1;
  display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px;
  padding-top:6px;
}
.form__note{
  font-family:var(--f-mono); font-size:.62rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mute);
}
.form button[type="submit"]{
  font-family:var(--f-display); cursor:pointer; border:0;
}
.form button[type="submit"]:disabled{ opacity:.5; cursor:not-allowed; transform:none; }

/* armadilha de robô — invisível para gente, preenchida por bots */
.trap{
  position:absolute; left:-9999px; width:1px; height:1px;
  overflow:hidden; opacity:0;
}
@media (max-width:620px){ .form{ grid-template-columns:1fr; } }

/* ── página de obrigado ── */
.thanks{
  min-height:62vh; display:flex; align-items:center;
  padding-block:clamp(60px,9vw,120px);
}
.thanks__in{ display:flex; flex-direction:column; gap:22px; max-width:52ch; }
.thanks__tick{
  width:52px; height:52px; border-radius:50%;
  border:1px solid var(--gold); color:var(--gold);
  display:grid; place-items:center;
}
.thanks__tick svg{ width:24px; height:24px; }

/* ══════════════════════════════════════════════════════════════════════
   TRAJETÓRIA — formação, atuação institucional e publicações
   ══════════════════════════════════════════════════════════════════════ */
.recs{ display:flex; flex-direction:column; gap:clamp(40px,5.5vw,64px); margin-top:44px; }

.rec__h{
  font-family:var(--f-display); font-weight:800; font-stretch:80%;
  font-size:clamp(1.15rem,2.2vw,1.5rem); line-height:1.06;
  text-transform:uppercase; letter-spacing:.01em;
  color:var(--bone); margin:0 0 6px;
}
.rec__sub{ margin:0; color:var(--mute); font-size:.92rem; max-width:60ch; }

.rec__list{ list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; }
.rec__i{
  display:grid; grid-template-columns:104px 1fr;
  gap:clamp(12px,2.4vw,28px);
  padding-block:17px; border-top:1px solid var(--hair-soft);
  align-items:baseline;
}
.rec__i:last-child{ border-bottom:1px solid var(--hair-soft); }
.rec__yr{
  font-family:var(--f-mono); font-size:.685rem; font-weight:500;
  letter-spacing:.09em; text-transform:uppercase;
  color:var(--gold-lo); font-variant-numeric:tabular-nums;
}
.rec__b{ display:flex; flex-direction:column; gap:4px; }
.rec__b b{ color:var(--bone); font-weight:600; font-size:1rem; line-height:1.32; }
.rec__b > span:not([class]){ color:var(--mute); font-size:.885rem; line-height:1.5; }
.rec__b a{ color:var(--gold-lo); text-decoration:none; border-bottom:1px solid var(--hair); }
.rec__b a:hover{ color:var(--gold); border-color:var(--gold); }

.rec__tag{
  display:inline-block; align-self:flex-start; margin-top:3px;
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--bone-2);
  border:1px solid var(--hair); padding:.3em .55em; border-radius:2px;
}
.rec__tag--now{ border-color:rgba(236,197,58,.4); color:var(--gold); }

/* o item que mais importa para o cliente, destacado */
.rec__i--key{
  background:linear-gradient(90deg, rgba(236,197,58,.05), transparent 72%);
  border-left:2px solid var(--gold);
  padding-inline:16px 0;
  margin-left:-16px;
}
.rec__gloss{
  margin-top:8px; padding-top:10px; border-top:1px dashed var(--hair);
  color:var(--bone-2); font-size:.88rem; line-height:1.55; max-width:58ch;
}

@media (max-width:640px){
  .rec__i{ grid-template-columns:1fr; gap:5px; }
  .rec__i--key{ padding-inline:14px 0; margin-left:-14px; }
}

/* ══════════════════════════════════════════════════════════════════════
   A EMPRESA — cartão institucional entre o hero e os serviços
   ══════════════════════════════════════════════════════════════════════ */
.empresa{ padding-block:clamp(52px,6.5vw,84px); }
.empresa__card{
  border:1px solid var(--hair);
  background:
    radial-gradient(64% 74% at 96% 4%, rgba(236,197,58,.07), transparent 66%),
    var(--ink-2);
  display:grid; grid-template-columns:1.06fr .94fr;
  gap:1px;
}
.empresa__l,
.empresa__r{ padding:clamp(26px,3.4vw,42px); display:flex; flex-direction:column; gap:18px; }
.empresa__r{ background:rgba(12,11,9,.55); border-left:1px solid var(--hair-soft); }

.empresa__def{
  font-size:clamp(1.05rem,1.5vw,1.22rem); line-height:1.55; color:var(--bone);
  margin:0; max-width:42ch;
}
.empresa__def b{ color:var(--gold); font-weight:600; }
.empresa p{ margin:0; }
.empresa__work{ color:var(--mute); font-size:.95rem; line-height:1.62; max-width:52ch; }

.empresa__where{
  margin-top:auto; padding-top:18px; border-top:1px solid var(--hair-soft);
  display:flex; flex-wrap:wrap; gap:8px 20px;
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--bone-2);
}
.empresa__where span{ display:flex; align-items:center; gap:.55em; }
.empresa__where span::before{
  content:""; width:4px; height:4px; background:var(--gold); flex:none; transform:rotate(45deg);
}

/* áreas de atuação, em etiquetas */
.areas{ display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; list-style:none; }
.areas li{
  font-size:.83rem; color:var(--bone-2); line-height:1.3;
  border:1px solid var(--hair-soft); border-radius:2px;
  padding:.46em .7em;
  display:flex; align-items:center; gap:.5em;
}
.areas li::before{
  content:""; width:9px; height:5px; flex:none;
  border-left:1.5px solid var(--gold); border-bottom:1.5px solid var(--gold);
  transform:rotate(-45deg) translateY(-2px);
}

/* compromissos */
.vows{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px; background:var(--hair-soft);
  border:1px solid var(--hair-soft); margin-top:4px;
}
.vows div{
  background:var(--ink); padding:14px 16px;
  display:flex; flex-direction:column; gap:3px;
}
.vows b{
  font-family:var(--f-display); font-weight:750; font-stretch:88%;
  font-size:.87rem; line-height:1.2; color:var(--bone);
}
.vows span{ font-size:.78rem; color:var(--mute); line-height:1.4; }

@media (max-width:900px){
  .empresa__card{ grid-template-columns:1fr; }
  .empresa__r{ border-left:0; border-top:1px solid var(--hair-soft); }
}
@media (max-width:480px){ .vows{ grid-template-columns:1fr; } }

/* título do cartão institucional */
.empresa__h{
  font-family:var(--f-display); font-weight:800; font-stretch:78%;
  font-size:clamp(1.5rem,2.6vw,2.05rem); line-height:1.04;
  letter-spacing:-.004em; text-transform:uppercase;
  color:var(--bone); margin:0; text-wrap:balance;
}
.empresa__work em{ font-style:normal; color:var(--bone-2); }
.empresa__r .areas{ margin-bottom:4px; }

/* ══════════════════════════════════════════════════════════════════════
   COMO TRABALHAMOS — o método, distinto do rito legal da seção "processo"
   Numeração aqui é sequência real: uma etapa depende da anterior.
   ══════════════════════════════════════════════════════════════════════ */
.mth{ display:grid; grid-template-columns:1.1fr .9fr; gap:1px; background:var(--hair-soft);
      border:1px solid var(--hair-soft); margin-top:52px; }

.mth__main,
.mth__step{ background:var(--ink); padding:clamp(24px,3vw,34px); }

.mth__main{
  display:flex; flex-direction:column; gap:14px;
  background:
    radial-gradient(72% 60% at 4% 0%, rgba(236,197,58,.06), transparent 66%),
    var(--ink);
}
.mth__side{ display:flex; flex-direction:column; gap:1px; background:var(--hair-soft); }
.mth__step{ display:flex; flex-direction:column; gap:9px; flex:1; transition:background .28s var(--ease); }
.mth__step:hover{ background:var(--ink-2); }

.mth__n{
  font-family:var(--f-mono); font-weight:600; font-size:.7rem;
  letter-spacing:.1em; color:#100E0B; background:var(--gold);
  width:26px; height:26px; border-radius:2px;
  display:grid; place-items:center; flex:none;
  font-variant-numeric:tabular-nums;
}
.mth__main .mth__n{ width:34px; height:34px; font-size:.82rem; }

.mth__t{
  font-family:var(--f-display); font-weight:750; font-stretch:88%;
  font-size:1.05rem; line-height:1.22; color:var(--bone); margin:0;
}
.mth__main .mth__t{ font-size:clamp(1.2rem,2vw,1.45rem); }
.mth__d{ margin:0; color:var(--mute); font-size:.91rem; line-height:1.55; }

/* o que é verificado na análise */
.mth__check{
  list-style:none; margin:6px 0 0; padding:14px 0 0;
  border-top:1px solid var(--hair-soft);
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 18px;
}
.mth__check li{
  display:flex; align-items:flex-start; gap:8px;
  font-size:.855rem; color:var(--bone-2); line-height:1.35;
}
.mth__check li::before{
  content:""; width:9px; height:5px; flex:none; margin-top:.42em;
  border-left:1.5px solid var(--gold); border-bottom:1.5px solid var(--gold);
  transform:rotate(-45deg);
}
.mth__lbl{
  font-family:var(--f-mono); font-size:.63rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--gold-lo); margin:8px 0 0;
}

@media (max-width:900px){
  .mth{ grid-template-columns:1fr; }
}
@media (max-width:520px){
  .mth__check{ grid-template-columns:1fr; }
}