/* ─────────────────────────────────────────────────────────
   Venda+ Telecom · Stylesheet
   ───────────────────────────────────────────────────────── */

:root{
  --navy-0:#070f1c;
  --navy:#0a1628;
  --navy-1:#0f1f38;
  --navy-2:#152c4d;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --paper:#f3efe8;
  --paper-2:#ebe5db;
  --rule-lt:#d8d1c4;
  --ink:#10141a;
  --ink-2:#2b3038;
  --muted-lt:#6e6961;
  --orange:#ff7a3d;
  --orange-2:#f15a24;
  --orange-soft:rgba(255,122,61,.12);
  --green:#5ed29a;
  --green-deep:#2a7d4f;
  --cream:#f5efe6;
  --cream-2:#cdc7bd;
  --cream-3:#a8a298;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--navy);
  color:var(--cream);
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  font-feature-settings:"ss01","cv11";
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:0;background:0}

.wrap{max-width:1240px;margin:0 auto;padding:0 32px}

/* ─── Typography utilities ─── */
.serif{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.01em}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.accent{color:var(--orange);font-style:italic}

/* ──────────────────────────────────────────
   NAVBAR
   ────────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(10,22,40,.6);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
  transition:background .2s ease;
}
.nav.scrolled{background:rgba(10,22,40,.92)}
.nav .row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;letter-spacing:-.01em}
.brand img.logo{height:54px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text .name{font-weight:700;font-size:15px;letter-spacing:-.01em;color:#fff}
.brand-text .tag{font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--cream-3);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}
@media (max-width:680px){.brand-text{display:none}.brand img.logo{height:44px}}
.nav-links{display:flex;gap:28px;font-size:13.5px}
.nav-links a{color:var(--cream-2);transition:color .15s}
.nav-links a:hover{color:#fff}
.nav-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;background:#fff;color:var(--navy);
  border-radius:8px;font-weight:600;font-size:13px;
  transition:transform .15s ease;
}
.nav-cta:hover{transform:translateY(-1px)}
.nav-cta .wa{width:13px;height:13px;border-radius:50%;background:#25d366;position:relative;flex:0 0 13px}
.nav-cta .wa::after{content:"";position:absolute;width:5px;height:5px;border:1.5px solid #fff;border-right:0;border-bottom:0;left:3px;top:3px;border-radius:1px}
.menu-toggle{display:none;width:36px;height:36px;border:1px solid var(--line-2);border-radius:8px;color:#fff;font-size:18px}

/* ──────────────────────────────────────────
   HERO
   ────────────────────────────────────────── */
.hero{position:relative;padding:140px 0 80px;overflow:hidden}
.hero .grid-bg{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 90% 70% at 25% 40%,#000 25%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 25% 40%,#000 25%,transparent 80%);
  pointer-events:none;
}
.hero .glow{
  position:absolute;width:680px;height:680px;border-radius:50%;
  right:-180px;top:-140px;
  background:radial-gradient(circle,rgba(255,122,61,.28),transparent 60%);
  filter:blur(30px);pointer-events:none;
}
.hero .glow.b{
  left:-220px;bottom:-260px;top:auto;right:auto;width:600px;height:600px;
  background:radial-gradient(circle,rgba(94,210,154,.10),transparent 60%);
}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero-visual{position:relative;display:flex;flex-direction:column;gap:20px}
.hero-photo{
  position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;
  background:linear-gradient(160deg,var(--navy-2),var(--navy-0));
  border:1px solid var(--line-2);
  box-shadow:0 50px 100px -40px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.05) inset;
}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7,15,28,.35) 100%);pointer-events:none}
.hero-visual .proof-card{
  position:relative;width:100%;padding:24px 26px;border-radius:14px;
  background:rgba(7,15,28,.92);backdrop-filter:blur(20px) saturate(180%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 60px -30px rgba(0,0,0,.6);
}
.hero-visual .proof-card .big{margin-top:14px}
.hero-visual .proof-card .big .n{font-size:64px}
.hero-visual .proof-card .big .u{font-size:26px}
.hero-visual .proof-card .cap{font-size:13px;max-width:none}
.hero-visual .proof-card .pc-div{margin:18px 0}
.hero-visual .proof-card .mini-stats{grid-template-columns:1fr 1fr;gap:18px}
.hero-visual .proof-card .ms .v{font-size:24px}
.hero-visual .proof-card .ms .s{font-size:11px}
.hero-visual .proof-card .ms .k{font-size:10px}

.badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:7px 14px;
  border:1px solid rgba(255,122,61,.4);
  background:rgba(255,122,61,.08);
  border-radius:999px;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:#ffb38d;
}
.badge .ld{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,122,61,.18)}

.hero h1{
  font-family:"Instrument Serif",serif;font-weight:400;
  font-size:clamp(48px,7vw,92px);
  line-height:.98;letter-spacing:-.025em;
  margin-top:26px;color:#fff;
  text-wrap:balance;
}
.hero h1 .line2{display:block;color:var(--orange);font-style:italic}
.hero h1 .strike{display:inline-block;position:relative;color:rgba(255,255,255,.85);font-style:normal}
.hero h1 .strike::after{content:"";position:absolute;left:-4%;right:-4%;top:55%;height:5px;background:var(--orange);border-radius:2px;transform:rotate(-2.5deg);opacity:.9}
.hero .sub{margin-top:24px;font-size:18px;line-height:1.55;color:var(--cream-2);max-width:50ch}
.hero .sub strong{color:#fff;font-weight:600}

.ctas{margin-top:34px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 24px;
  background:var(--orange);color:#1a0f06;
  border-radius:10px;font-weight:700;font-size:14px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px -12px rgba(255,122,61,.55)}
.btn-primary .arrow{
  width:18px;height:18px;display:grid;place-items:center;
  border-radius:50%;background:rgba(0,0,0,.14);
  font-size:11px;
}
.btn-ghost{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 22px;background:transparent;color:var(--cream);
  border:1px solid rgba(255,255,255,.18);border-radius:10px;
  font-weight:600;font-size:14px;
}
.btn-ghost:hover{background:rgba(255,255,255,.04)}

.micro{margin-top:20px;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--cream-3)}
.micro .ck{width:16px;height:16px;border-radius:50%;background:rgba(94,210,154,.18);position:relative;flex:0 0 16px}
.micro .ck::after{content:"";position:absolute;left:3px;top:6px;width:7px;height:3.5px;border-left:1.6px solid #5ed29a;border-bottom:1.6px solid #5ed29a;transform:rotate(-45deg)}

/* Proof card */
.proof-card{
  position:relative;padding:30px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border-radius:18px;
  backdrop-filter:blur(8px);
  box-shadow:0 30px 80px -40px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
}
.proof-card .pc-head{display:flex;align-items:center;justify-content:space-between}
.proof-card .pc-head .lbl{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-3)}
.proof-card .live{display:flex;align-items:center;gap:6px;font-family:"JetBrains Mono",monospace;font-size:10.5px;color:#5ed29a}
.proof-card .live .pulse{width:6px;height:6px;border-radius:50%;background:#5ed29a;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.3}}
.proof-card .big{margin-top:18px;display:flex;align-items:baseline;gap:6px}
.proof-card .big .n{font-family:"Instrument Serif",serif;font-size:96px;line-height:.86;color:#fff;letter-spacing:-.03em}
.proof-card .big .u{font-family:"Instrument Serif",serif;font-style:italic;font-size:36px;color:var(--orange)}
.proof-card .cap{margin-top:12px;font-size:13.5px;color:var(--cream-2);max-width:34ch;line-height:1.5}
.proof-card .pc-div{height:1px;background:rgba(255,255,255,.08);margin:24px 0}
.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ms .k{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-3)}
.ms .v{margin-top:6px;font-family:"Instrument Serif",serif;font-size:32px;color:#fff;line-height:1}
.ms .s{margin-top:4px;font-size:11px;color:#5ed29a}

/* ──────────────────────────────────────────
   TRUST STRIP — carousel infinito
   ────────────────────────────────────────── */
.trust{
  position:relative;background:var(--paper);color:var(--ink-2);
  border-top:1px solid var(--rule-lt);border-bottom:1px solid var(--rule-lt);
  padding:40px 0;overflow:hidden;
}
.trust .trust-head{
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  padding:0 32px;margin-bottom:24px;
  font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted-lt);
}
.trust .trust-head .lbl{display:flex;align-items:center;gap:10px}
.trust .trust-head .lbl::before{content:"";width:24px;height:1px;background:var(--orange-2)}
.trust .trust-head .count{color:var(--ink);font-weight:600}
.marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}
.marquee-track{display:flex;width:max-content;align-items:center;gap:64px;padding:8px 40px;animation:marquee 60s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.logo-wrap{display:grid;place-items:center;height:64px;flex:0 0 auto}
.logo-wrap img{max-height:54px;max-width:170px;width:auto;height:auto;object-fit:contain;filter:saturate(1) contrast(1)}
@media (max-width:680px){
  .trust{padding:32px 0}
  .trust .trust-head{padding:0 22px;flex-direction:column;align-items:flex-start;gap:8px}
  .marquee-track{gap:56px;padding:8px 22px}
  .logo-wrap{height:48px}
  .logo-wrap img{max-height:42px;max-width:130px}
}

/* ──────────────────────────────────────────
   SECTION GENERIC
   ────────────────────────────────────────── */
section{position:relative}
.sec{padding:120px 0}
.sec.light{background:var(--paper);color:var(--ink)}
.sec.cream{background:var(--paper-2);color:var(--ink)}
.sec-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--orange);
}
.sec.light .sec-eyebrow,.sec.cream .sec-eyebrow{color:var(--orange-2)}
.sec-eyebrow::before{content:"";width:18px;height:1px;background:currentColor}
.sec-title{
  margin-top:18px;
  font-family:"Instrument Serif",serif;font-weight:400;
  font-size:clamp(40px,5.4vw,68px);
  line-height:1.02;letter-spacing:-.02em;
  max-width:22ch;text-wrap:balance;
}
.sec-title em{font-style:italic;color:var(--orange)}
.sec.light .sec-title em,.sec.cream .sec-title em{color:var(--orange-2)}
.sec-lede{margin-top:22px;font-size:18px;line-height:1.55;max-width:60ch}
.sec.dark .sec-lede{color:var(--cream-2)}
.sec.light .sec-lede,.sec.cream .sec-lede{color:var(--ink-2)}

.sec-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:64px}
.sec-head .right{font-size:14px;line-height:1.6;max-width:38ch;justify-self:end}
.sec.dark .sec-head .right{color:var(--cream-3)}
.sec.light .sec-head .right,.sec.cream .sec-head .right{color:var(--muted-lt)}

/* ──────────────────────────────────────────
   RESULTADOS
   ────────────────────────────────────────── */
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule-lt);border-bottom:1px solid var(--rule-lt)}
.r-card{padding:48px 36px;border-right:1px solid var(--rule-lt);position:relative}
.r-card:last-child{border-right:0}
.r-card .when{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-2)}
.r-card .num{
  margin-top:18px;display:flex;align-items:baseline;gap:6px;
  font-family:"Instrument Serif",serif;line-height:.9;letter-spacing:-.03em;
}
.r-card .num .big{font-size:124px;color:var(--ink)}
.r-card .num .unit{font-size:48px;color:var(--orange-2);font-style:italic}
.r-card .desc{margin-top:18px;font-size:15.5px;line-height:1.5;color:var(--ink-2);max-width:32ch}
.r-card .desc strong{color:var(--ink);font-weight:600}
.r-card.guarantee .num .big{font-size:108px}
.r-card.guarantee .seal{position:absolute;right:32px;top:32px;width:64px;height:64px;border:1px solid var(--rule-lt);border-radius:50%;display:grid;place-items:center;font-family:"Instrument Serif",serif;font-style:italic;font-size:18px;color:var(--orange-2);transform:rotate(-12deg)}

/* ──────────────────────────────────────────
   PROBLEMA (dark) — com foto âncora
   ────────────────────────────────────────── */
.problem-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}
.problem-photo{
  position:relative;border-radius:14px;overflow:hidden;
  border:1px solid var(--line-2);min-height:520px;
  background:linear-gradient(160deg,var(--navy-2),var(--navy-0));
}
.problem-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.problem-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,15,28,.2) 0%,rgba(7,15,28,.85) 100%);pointer-events:none}
.problem-photo .ph-cap{
  position:absolute;left:24px;right:24px;bottom:24px;color:#fff;z-index:1;
}
.problem-photo .ph-cap .qm{
  display:inline-block;padding:5px 12px;
  border:1px solid rgba(255,122,61,.45);background:rgba(255,122,61,.1);
  border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:#ffb38d;margin-bottom:14px;
}
.problem-photo .ph-cap h4{font-family:"Instrument Serif",serif;font-weight:400;font-size:32px;line-height:1.05;letter-spacing:-.015em;max-width:18ch}
.problem-photo .ph-cap h4 em{font-style:italic;color:var(--orange)}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.p-card{padding:30px 26px 34px;background:var(--navy);min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
.p-card .nu{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--orange);letter-spacing:.12em}
.p-card h3{margin-top:16px;font-family:"Instrument Serif",serif;font-weight:400;font-size:24px;line-height:1.05;color:#fff;letter-spacing:-.01em}
.p-card p{margin-top:12px;font-size:13.5px;color:var(--cream-2);line-height:1.55}
.p-card .ic{margin-top:auto;width:32px;height:32px;border:1px solid var(--line-2);border-radius:8px;display:grid;place-items:center;font-family:"Instrument Serif",serif;font-style:italic;color:var(--orange);font-size:15px}
@media (max-width:1024px){
  .problem-layout{grid-template-columns:1fr}
  .problem-photo{min-height:380px}
}

/* ──────────────────────────────────────────
   PROTOCOLO PAC (method)
   ────────────────────────────────────────── */
.method{background:var(--paper);color:var(--ink)}
.method .timeline{
  position:relative;margin-top:48px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.method .timeline::before{
  content:"";position:absolute;left:48px;right:48px;top:64px;
  height:2px;background:repeating-linear-gradient(90deg,var(--rule-lt) 0 8px,transparent 8px 14px);
  z-index:0;
}
.phase{
  position:relative;z-index:1;
  background:#fff;border:1px solid var(--rule-lt);border-radius:14px;
  padding:36px 30px 32px;
  display:flex;flex-direction:column;
}
.phase.active{border-color:rgba(255,122,61,.5);box-shadow:0 30px 60px -30px rgba(241,90,36,.25)}
.phase .marker{
  width:48px;height:48px;border-radius:50%;
  background:#fff;border:1.5px solid var(--rule-lt);
  display:grid;place-items:center;
  font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;color:var(--orange-2);
  margin-bottom:24px;
}
.phase.active .marker{background:var(--orange);border-color:var(--orange);color:#fff}
.phase h3{font-family:"Instrument Serif",serif;font-weight:400;font-size:32px;line-height:1;letter-spacing:-.015em}
.phase .dur{margin-top:8px;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--muted-lt);letter-spacing:.1em;text-transform:uppercase}
.phase p{margin-top:18px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.phase ul{margin-top:20px;list-style:none;display:flex;flex-direction:column;gap:10px}
.phase li{font-size:13px;color:var(--ink-2);padding-left:18px;position:relative;line-height:1.5}
.phase li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:1px;background:var(--orange-2)}
.phase .out{margin-top:24px;padding-top:18px;border-top:1px solid var(--rule-lt);font-size:12px;color:var(--muted-lt);font-family:"JetBrains Mono",monospace;letter-spacing:.05em}
.phase .out b{color:var(--ink);font-weight:600;display:block;margin-top:4px;font-family:"Plus Jakarta Sans",sans-serif;font-size:13.5px;letter-spacing:0;text-transform:none}

/* ──────────────────────────────────────────
   ULISSES
   ────────────────────────────────────────── */
.ulisses{background:var(--paper-2);color:var(--ink)}
.ulisses .u-bio h2,.ulisses .sec-title,.ulisses h2,.ulisses h3{color:var(--ink)}
.u-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.u-portrait{
  position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;
  background:linear-gradient(160deg,var(--navy-1),var(--navy));
  border:1px solid var(--rule-lt);
}
.u-portrait .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.u-portrait .ph-placeholder{
  position:absolute;inset:0;display:grid;place-items:center;
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 14px,transparent 14px 28px);
  color:var(--cream-3);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;
}
.u-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.55) 100%);pointer-events:none}
.u-portrait .tag{display:none}
.u-portrait .tag{
  position:absolute;left:18px;bottom:18px;right:18px;
  display:flex;justify-content:space-between;align-items:end;
  color:#fff;
}
.u-portrait .tag .name{font-family:"Instrument Serif",serif;font-size:26px;line-height:1;letter-spacing:-.01em}
.u-portrait .tag .role{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--cream-2);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.u-portrait .tag .ye{font-family:"Instrument Serif",serif;font-style:italic;font-size:48px;color:var(--orange);line-height:.9}
.u-portrait .tag .ye-cap{font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--cream-2);letter-spacing:.12em;text-transform:uppercase;text-align:right}
.u-bio h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.015em;max-width:18ch}
.u-bio h2 em{font-style:italic;color:var(--orange-2)}
.u-bio .quote{margin-top:28px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:50ch}
.u-bio .quote p+p{margin-top:14px}
.u-bio .cred{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule-lt);border-bottom:1px solid var(--rule-lt)}
.u-bio .cred .it{padding:22px 22px 22px 0;border-right:1px solid var(--rule-lt)}
.u-bio .cred .it:last-child{border-right:0;padding-right:0}
.u-bio .cred .k{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-lt)}
.u-bio .cred .v{margin-top:6px;font-family:"Instrument Serif",serif;font-size:28px;color:var(--ink);line-height:1}

/* ──────────────────────────────────────────
   GARANTIA
   ────────────────────────────────────────── */
.guarantee-sec{background:var(--navy);position:relative;overflow:hidden}
.guarantee-sec::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,122,61,.12),transparent 60%);filter:blur(40px);pointer-events:none}
.g-wrap{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.g-seal{
  position:relative;width:280px;height:280px;
  border-radius:50%;border:2px solid var(--orange);
  display:grid;place-items:center;
  justify-self:center;
  background:radial-gradient(circle,rgba(255,122,61,.08),transparent 70%);
}
.g-seal::before,.g-seal::after{content:"";position:absolute;border:1px dashed rgba(255,122,61,.35);border-radius:50%}
.g-seal::before{inset:14px}
.g-seal::after{inset:-18px;border-style:solid;border-color:rgba(255,122,61,.15)}
.g-seal .inner{text-align:center}
.g-seal .inner .n{font-family:"Instrument Serif",serif;font-size:96px;line-height:.9;color:#fff;letter-spacing:-.03em}
.g-seal .inner .u{font-family:"Instrument Serif",serif;font-style:italic;font-size:38px;color:var(--orange)}
.g-seal .inner .lab{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.18em;color:var(--cream-2);text-transform:uppercase;margin-top:10px}
.g-text h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(36px,4.4vw,56px);line-height:1.04;letter-spacing:-.018em;color:#fff;max-width:18ch}
.g-text h2 em{color:var(--orange);font-style:italic}
.g-text p{margin-top:22px;font-size:17px;line-height:1.6;color:var(--cream-2);max-width:54ch}
.g-text .terms{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:520px}
.g-text .term{padding:18px;border:1px solid var(--line-2);border-radius:10px}
.g-text .term .k{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-3)}
.g-text .term .v{margin-top:8px;font-size:15px;font-weight:600;color:#fff}

/* ──────────────────────────────────────────
   FAQ
   ────────────────────────────────────────── */
.faq{background:var(--paper);color:var(--ink)}
.faq .sec-title,.faq h2{color:var(--ink)}
.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.faq-list{border-top:1px solid var(--rule-lt)}
.faq-item{border-bottom:1px solid var(--rule-lt);padding:24px 0;cursor:pointer}
.faq-item .q{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:18px;font-weight:600;color:var(--ink);letter-spacing:-.005em}
.faq-item .ic{
  width:28px;height:28px;border-radius:50%;
  border:1px solid var(--rule-lt);background:#fff;
  display:grid;place-items:center;font-size:14px;color:var(--orange-2);
  transition:transform .25s ease, background .25s ease, color .25s ease;
  flex:0 0 28px;
}
.faq-item .a{max-height:0;overflow:hidden;transition:max-height .35s ease, margin .35s ease;color:var(--ink-2);font-size:15px;line-height:1.6}
.faq-item.open .a{max-height:420px;margin-top:14px}
.faq-item.open .ic{transform:rotate(45deg);background:var(--orange);color:#fff;border-color:var(--orange)}

/* ──────────────────────────────────────────
   CTA FINAL
   ────────────────────────────────────────── */
.cta-final{background:var(--navy);padding:120px 0;position:relative;overflow:hidden}
.cta-final::before{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 50% at 20% 30%,rgba(255,122,61,.18),transparent 60%),
  radial-gradient(ellipse 60% 40% at 80% 70%,rgba(94,210,154,.06),transparent 60%);
  pointer-events:none;z-index:1}
.cta-final .bg-photo{position:absolute;right:-5%;top:0;bottom:0;width:55%;z-index:0;opacity:.18;mask-image:linear-gradient(90deg,transparent 0%,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%)}
.cta-final .bg-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
@media (max-width:1024px){.cta-final .bg-photo{display:none}}
.cta-wrap{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:end}
.cta-wrap h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.02em;color:#fff;max-width:14ch}
.cta-wrap h2 em{font-style:italic;color:var(--orange)}
.cta-wrap .meta{font-size:14px;color:var(--cream-2);line-height:1.6;max-width:36ch}
.cta-wrap .meta .ck-row{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.cta-wrap .meta .ck-row .it{display:flex;align-items:center;gap:10px}
.cta-wrap .meta .ck-row .ck{width:16px;height:16px;border-radius:50%;background:rgba(94,210,154,.18);position:relative;flex:0 0 16px}
.cta-wrap .meta .ck-row .ck::after{content:"";position:absolute;left:3px;top:6px;width:7px;height:3.5px;border-left:1.6px solid #5ed29a;border-bottom:1.6px solid #5ed29a;transform:rotate(-45deg)}
.cta-final .ctas{margin-top:36px}

/* ──────────────────────────────────────────
   FOOTER
   ────────────────────────────────────────── */
footer{background:var(--navy-0);border-top:1px solid var(--line);padding:56px 0 32px;color:var(--cream-2)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
.foot-brand{max-width:32ch}
.foot-brand .brand{margin-bottom:18px}
.foot-brand p{font-size:14px;color:var(--cream-3);line-height:1.6}
.foot-col h4{font-size:11px;font-family:"JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-3);margin-bottom:18px}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.foot-col a{font-size:14px;color:var(--cream-2)}
.foot-col a:hover{color:var(--orange)}
.foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--cream-3);font-family:"JetBrains Mono",monospace;letter-spacing:.08em}

/* ──────────────────────────────────────────
   RESPONSIVE
   ────────────────────────────────────────── */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .sec-head{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  .sec-head .right{justify-self:start;max-width:60ch}
  .results-grid{grid-template-columns:1fr;border-bottom:0}
  .r-card{border-right:0;border-bottom:1px solid var(--rule-lt)}
  .r-card:last-child{border-bottom:0}
  .problem-grid{grid-template-columns:1fr 1fr}
  .method .timeline{grid-template-columns:1fr;gap:14px}
  .method .timeline::before{display:none}
  .u-grid,.g-wrap,.cta-wrap,.faq-grid{grid-template-columns:1fr;gap:48px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .wrap{padding:0 22px}
  .sec{padding:80px 0}
  .nav-links{display:none}
  .menu-toggle{display:grid;place-items:center}
  .hero{padding:120px 0 60px}
  .hero .sub{font-size:16px}
  .ctas{flex-direction:column;align-items:stretch}
  .btn-primary,.btn-ghost{justify-content:center}
  .proof-card{padding:24px}
  .proof-card .big .n{font-size:72px}
  .proof-card .big .u{font-size:28px}
  .trust .wrap{padding:20px 22px;gap:20px}
  .trust .logos{gap:28px}
  .r-card{padding:36px 22px}
  .r-card .num .big{font-size:88px}
  .r-card .num .unit{font-size:36px}
  .problem-grid{grid-template-columns:1fr}
  .u-bio .cred{grid-template-columns:1fr}
  .u-bio .cred .it{border-right:0;border-bottom:1px solid var(--rule-lt);padding:18px 0}
  .u-bio .cred .it:last-child{border-bottom:0}
  .g-seal{width:220px;height:220px}
  .g-seal .inner .n{font-size:72px}
  .g-text .terms{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:32px}
  .foot-bottom{flex-direction:column;gap:12px}
}

/* In-view fade */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease, transform .8s ease}
.reveal.in{opacity:1;transform:none}

/* ──────────────────────────────────────────
   TREINAMENTOS
   ────────────────────────────────────────── */
.trainings{background:var(--navy);position:relative;overflow:hidden}
.trainings::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-180px;top:-120px;background:radial-gradient(circle,rgba(255,122,61,.12),transparent 60%);filter:blur(40px);pointer-events:none}
.trainings .wrap{position:relative;z-index:1}
.trainings .sec-head{margin-bottom:36px}

.trainings-lede{
  font-family:"Instrument Serif",serif;font-weight:400;
  font-size:clamp(22px,2.4vw,30px);line-height:1.3;letter-spacing:-.01em;
  color:var(--cream-2);max-width:32ch;margin-bottom:44px;
}
.trainings-lede em{font-style:italic;color:var(--orange)}

/* KITComercial · feature band */
.kit-feature{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  padding:44px;border-radius:18px;margin-bottom:24px;
  background:linear-gradient(150deg,rgba(255,122,61,.10),rgba(255,255,255,.015));
  border:1px solid rgba(255,122,61,.3);
}
.kit-badge{
  display:inline-flex;align-items:center;gap:10px;padding:7px 14px;
  border:1px solid rgba(255,122,61,.4);background:rgba(255,122,61,.08);border-radius:999px;
  font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffb38d;
}
.kit-badge .ld{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,122,61,.18)}
.kit-word{margin-top:20px;font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(40px,5vw,60px);line-height:1;letter-spacing:-.02em;color:#fff}
.kit-word em{font-style:italic;color:var(--orange)}
.kit-main p{margin-top:16px;font-size:15px;line-height:1.6;color:var(--cream-2);max-width:46ch}
.kit-pillars{display:flex;flex-direction:column;border-top:1px solid var(--line-2)}
.kit-pillar{padding:18px 0;border-bottom:1px solid var(--line-2)}
.kit-pillar:last-child{border-bottom:0}
.kit-pillar .k{font-family:"Instrument Serif",serif;font-size:25px;color:#fff;line-height:1;letter-spacing:-.01em}
.kit-pillar .d{margin-top:6px;font-size:13px;color:var(--cream-3);line-height:1.5}

/* grade de treinamentos */
.trainings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.t-card{background:var(--navy);padding:38px 34px;display:flex;flex-direction:column;min-height:308px}
.t-card .t-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.t-card .nu{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--orange);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.t-card .t-focus{font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--cream-3);letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border:1px solid var(--line-2);border-radius:999px;white-space:nowrap}
.t-card h3{margin-top:20px;font-family:"Instrument Serif",serif;font-weight:400;font-size:33px;line-height:1.02;color:#fff;letter-spacing:-.015em}
.t-card h3 .pl{color:var(--orange);font-style:italic}
.t-card p{margin-top:14px;font-size:14px;line-height:1.6;color:var(--cream-2)}
.t-card .t-seal{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:11px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.03em;color:var(--cream-3);line-height:1.4}
.t-card .t-seal strong{color:var(--cream-2);font-weight:600}
.t-card .t-seal .pl{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:rgba(255,122,61,.16);color:var(--orange);display:grid;place-items:center;font-family:"Instrument Serif",serif;font-style:italic;font-size:16px}

/* CTA band */
.trainings-foot{
  margin-top:24px;padding:38px 44px;border:1px solid var(--line-2);border-radius:16px;
  background:rgba(255,255,255,.02);
  display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;
}
.trainings-foot h3{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.05;color:#fff;letter-spacing:-.015em;max-width:22ch}
.trainings-foot h3 em{font-style:italic;color:var(--orange)}
.trainings-foot p{margin-top:10px;font-size:15px;color:var(--cream-2)}

@media (max-width:1024px){
  .kit-feature{grid-template-columns:1fr;gap:28px;padding:32px}
  .trainings-grid{grid-template-columns:1fr}
  .trainings-foot{flex-direction:column;align-items:flex-start;padding:32px}
}
@media (max-width:680px){
  .trainings-lede{margin-bottom:32px}
  .kit-feature{padding:24px}
  .kit-word{font-size:44px}
  .t-card{padding:30px 24px}
  .t-card .t-top{flex-direction:column;align-items:flex-start;gap:10px}
}

/* ──────────────────────────────────────────
   PAGE HERO — usado em subpáginas (ex.: treinamentos.html)
   ────────────────────────────────────────── */
.page-hero{position:relative;padding:140px 0 70px;overflow:hidden;background:var(--navy)}
.page-hero .grid-bg{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 90% 70% at 25% 30%,#000 25%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 25% 30%,#000 25%,transparent 80%);
  pointer-events:none;
}
.page-hero .glow{
  position:absolute;width:680px;height:680px;border-radius:50%;
  right:-180px;top:-160px;
  background:radial-gradient(circle,rgba(255,122,61,.28),transparent 60%);
  filter:blur(30px);pointer-events:none;
}
.page-hero-inner{position:relative;max-width:760px}
.page-hero-inner h1{
  font-family:"Instrument Serif",serif;font-weight:400;
  font-size:clamp(40px,6vw,72px);
  line-height:1.04;letter-spacing:-.02em;
  margin-top:26px;color:#fff;
  text-wrap:balance;
}
.page-hero-inner h1 .line2{display:block;color:var(--orange);font-style:italic}
.page-hero-inner .sub{margin-top:22px;font-size:17px;line-height:1.6;color:var(--cream-2);max-width:60ch}
.page-hero-inner .sub strong{color:#fff;font-weight:600}

.ph-stats{margin-top:44px;display:flex;gap:48px;flex-wrap:wrap}
.ph-stat .v{font-family:"Instrument Serif",serif;font-size:34px;color:#fff;line-height:1}
.ph-stat .k{margin-top:6px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-3)}

@media (max-width:680px){
  .page-hero{padding:118px 0 48px}
  .ph-stats{gap:28px}
}

/* ──────────────────────────────────────────
   TRAININGS GRID — variante clara (sobre .sec.light)
   ────────────────────────────────────────── */
.trainings-grid--light{background:var(--rule-lt);border-color:var(--rule-lt)}
.trainings-grid--light .t-card{background:#fff}
.trainings-grid--light .t-card .t-focus{border-color:var(--rule-lt);color:var(--muted-lt)}
.trainings-grid--light .t-card h3{color:var(--ink)}
.trainings-grid--light .t-card p{color:var(--ink-2)}
.trainings-grid--light .t-card .t-seal{color:var(--muted-lt)}
.trainings-grid--light .t-card .t-seal strong{color:var(--ink-2)}
