/* ============================================================
   mentoria-wr.css, LP da Mentoria War Room 1x1 (R$ 1.297).
   Página autossuficiente (não carrega o style.css do site).
   Tema: war room oriental (oni, katana, torii, cerejeira) com o
   azul TG (#1283c4) no lugar do vermelho da referência CSX.
   Bandas: ~60% escuro / 40% claro (claro com tom de papel washi,
   casando com a ilustração sumi-e). Namespace: .wr-*
   ============================================================ */

@font-face{font-family:'Outfit';src:url('/fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;font-style:normal;}
@font-face{font-family:'DM Sans';src:url('/fonts/dmsans-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap;font-style:normal;}
/* display techwear (Chakra Petch) + mono de "código" (IBM Plex Mono), subsets latin */
@font-face{font-family:'Chakra Petch';src:url('/fonts/chakrapetch-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;font-style:normal;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2191,U+2193;}
@font-face{font-family:'Chakra Petch';src:url('/fonts/chakrapetch-600-latin.woff2') format('woff2');font-weight:600;font-display:swap;font-style:normal;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2191,U+2193;}
@font-face{font-family:'Chakra Petch';src:url('/fonts/chakrapetch-700-latin.woff2') format('woff2');font-weight:700;font-display:swap;font-style:normal;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2191,U+2193;}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/ibmplexmono-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;font-style:normal;unicode-range:U+0000-00FF,U+2000-206F,U+20AC;}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/ibmplexmono-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;font-style:normal;unicode-range:U+0000-00FF,U+2000-206F,U+20AC;}

:root{
  /* banda escura */
  --wr-bg:#060607;
  --wr-bg-2:#0a0a0d;
  --wr-card:#0e0e12;
  --wr-line:rgba(255,255,255,.08);
  --wr-line-strong:rgba(255,255,255,.14);
  --wr-text:#a6a6ae;
  --wr-text-soft:#7d7d86;
  --wr-white:#fff;
  /* banda clara (papel washi, casa com o fundo do sumi-e) */
  --wr-paper:#f3f1ea;
  --wr-paper-card:#fffdf8;
  --wr-ink:#111114;
  --wr-ink-soft:#4a4a4f;
  --wr-paper-line:rgba(17,17,20,.1);
  /* azul TG */
  --wr-blue:#1283c4;
  --wr-blue-deep:#0a5a8a;
  --wr-blue-bright:#41b1f2;
  --wr-neon:#22c4ff;
  --wr-neon-deep:#0b8fd9;
  --wr-blue-soft:rgba(18,131,196,.14);
  --wr-blue-line:rgba(18,131,196,.38);

  --wr-font-display:'Chakra Petch','Outfit',sans-serif;
  --wr-font-mono:'IBM Plex Mono',ui-monospace,'Cascadia Mono',monospace;
  --wr-font-body:'DM Sans',sans-serif;
  --wr-t:.35s cubic-bezier(0,0,.36,1);
  /* chanfro dos cantos cortados (botões/cards) */
  --wr-cut:12px;
  /* ÂNGULO ÚNICO das divisórias. A faixa azul (skewY) e os cortes diagonais das
     seções claras (clip-path) derivam do MESMO tilt: a queda do corte é a tangente
     do ângulo vezes a largura, então as diagonais ficam paralelas em qualquer tela. */
  --wr-tilt:2.6deg;
  --wr-slope:calc(100vw * tan(var(--wr-tilt)));
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--wr-font-body);font-size:16px;line-height:1.65;color:var(--wr-text);background:var(--wr-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img,svg{display:block;max-width:100%;}
img{height:auto;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
s{text-decoration-thickness:2px;}

/* display techwear, caixa alta (Chakra Petch, peso máx. 700) */
h1,h2,h3{font-family:var(--wr-font-display);color:var(--wr-white);font-weight:700;line-height:1.06;letter-spacing:.005em;text-transform:uppercase;}
h1{font-size:clamp(33px,4.6vw,56px);}
h2{font-size:clamp(26px,3.8vw,42px);}
h3{font-size:clamp(17px,2vw,22px);}
strong{color:#dcdce2;font-weight:600;}

.wr-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;}
.wr-hl{color:var(--wr-blue-bright);}
.wr-hl-dark{color:var(--wr-blue);}

/* ---------- utilitários HUD (portados do hero-v2) ---------- */
/* corner-brackets em 2 cantos opostos; --wr-tick define a cor por card */
.wr-ticks{position:relative;}
.wr-ticks::before,.wr-ticks::after{content:'';position:absolute;width:16px;height:16px;
  border:1px solid var(--wr-tick,var(--wr-blue-line));pointer-events:none;z-index:3;}
.wr-ticks::before{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.wr-ticks::after{bottom:-1px;right:-1px;border-left:0;border-top:0;}
/* canto cortado (chanfro) */
.wr-chamfer{clip-path:polygon(var(--wr-cut) 0,100% 0,100% calc(100% - var(--wr-cut)),calc(100% - var(--wr-cut)) 100%,0 100%,0 var(--wr-cut));}
/* label mono uppercase, para "coordenadas" de sistema */
.wr-mono{font-family:var(--wr-font-mono);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--wr-blue-bright);}
@keyframes wr-blink{to{opacity:.2;}}
@keyframes wr-shine{0%{left:-60%;}55%,100%{left:130%;}}

/* reveal on scroll */
.js [data-animate]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--wr-t),transform .7s var(--wr-t);}
.js [data-animate].wr-in{opacity:1;transform:none;}

/* ---------- botão azul neon, canto cortado + brilho varrendo ---------- */
.wr-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:19px 40px;
  background:linear-gradient(180deg,#3fd0ff 0%,var(--wr-neon-deep) 100%);
  color:#fff;font-family:var(--wr-font-display);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);
  /* glow acompanha o chanfro: drop-shadow no lugar de box-shadow (que seria cortado) */
  filter:drop-shadow(0 12px 30px rgba(34,196,255,.34));
  transition:transform var(--wr-t),filter var(--wr-t);}
/* faixa de luz varrendo o botão em loop */
.wr-btn::before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-18deg);pointer-events:none;animation:wr-shine 2.4s ease-in-out infinite;}
.wr-btn>*{position:relative;z-index:1;}
.wr-btn svg{width:20px;height:20px;flex-shrink:0;transition:transform var(--wr-t);}
.wr-btn:hover{transform:translateY(-2px);filter:drop-shadow(0 18px 44px rgba(34,196,255,.5)) brightness(1.05);}
.wr-btn:hover svg{transform:translateX(4px);}
.wr-btn:active{transform:translateY(0);}

/* link secundário */
.wr-link{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--wr-font-mono);font-size:12.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wr-blue-bright);transition:color var(--wr-t);}
.wr-link::before{content:'> ';color:var(--wr-neon);}
.wr-link svg{width:16px;height:16px;transition:transform var(--wr-t);}
.wr-link:hover{color:var(--wr-neon);}
.wr-link:hover svg{transform:translateX(3px);}

/* eyebrow: ▪ TEXTO (mono, dot quadrado piscante) */
.wr-eyebrow{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--wr-font-mono);font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--wr-blue-bright);}
.wr-eyebrow::before{content:'';width:7px;height:7px;background:var(--wr-blue);box-shadow:0 0 12px var(--wr-blue);flex-shrink:0;animation:wr-blink 1.6s steps(2,start) infinite;}

/* cabeçalho central de seção */
.wr-shead{position:relative;z-index:1;text-align:center;max-width:790px;margin:0 auto 52px;}
.wr-shead .wr-eyebrow{margin-bottom:18px;}
.wr-shead h2{margin-bottom:16px;text-wrap:balance;}
.wr-shead p{font-size:16.5px;}

/* aba de glow no topo dos cards (eco das abas da referência) */
.wr-tab::before{content:'';position:absolute;top:-1px;left:36px;width:110px;height:7px;border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,var(--wr-blue),var(--wr-neon));box-shadow:0 6px 22px rgba(34,196,255,.55);}

/* ============================================================
   TOPBAR
   ============================================================ */
.wr-topbar{position:sticky;top:0;z-index:50;background:rgba(6,6,7,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--wr-line);}
.wr-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;max-width:1180px;margin:0 auto;}
.wr-topbar-logo{flex-shrink:0;display:block;}
.wr-topbar-logo svg{height:34px;width:auto;display:block;}
.wr-topbar-note{font-family:var(--wr-font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--wr-text);text-align:center;}
.wr-topbar-note b{color:var(--wr-white);font-weight:500;}
.wr-topbar-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;flex-shrink:0;
  background:linear-gradient(180deg,#3fd0ff 0%,var(--wr-neon-deep) 100%);
  color:#fff;font-family:var(--wr-font-display);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  filter:drop-shadow(0 8px 20px rgba(34,196,255,.3));transition:filter var(--wr-t),transform var(--wr-t);}
.wr-topbar-cta svg{width:15px;height:15px;}
.wr-topbar-cta:hover{filter:drop-shadow(0 12px 28px rgba(34,196,255,.45)) brightness(1.06);transform:translateY(-1px);}

/* ============================================================
   01 · HERO (capa cover: texto à esquerda, expert + oni à direita)
   ============================================================ */
.wr-hero{position:relative;overflow:hidden;padding:56px 0 72px;background-color:var(--wr-bg);}
@media (min-width:1021px){
  .wr-hero{min-height:min(92vh,880px);display:flex;align-items:center;
    background-image:url('/images/lp-mentoria/bg-hero-war-desktop.webp');
    background-size:cover;background-position:top center;background-repeat:no-repeat;}
  /* degradê pra garantir leitura do texto à esquerda em qualquer largura */
  .wr-hero::before{content:'';position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,rgba(6,6,7,.9) 0%,rgba(6,6,7,.62) 36%,transparent 62%);}
  .wr-hero::after{content:'';position:absolute;inset:auto 0 0 0;height:140px;pointer-events:none;
    background:linear-gradient(180deg,transparent,var(--wr-bg));}
}
.wr-hero-inner{position:relative;z-index:1;width:100%;}
.wr-hero-text{max-width:600px;}
.wr-hero-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;
  padding:9px 16px;border:1px solid var(--wr-blue-line);background:rgba(18,131,196,.1);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  font-family:var(--wr-font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--wr-blue-bright);}
.wr-hero-badge::before{content:'';width:7px;height:7px;background:var(--wr-neon);box-shadow:0 0 10px var(--wr-neon);flex-shrink:0;animation:wr-blink 1.6s steps(2,start) infinite;}
.wr-hero h1{margin-bottom:20px;text-wrap:balance;}
.wr-hero-sub{font-size:17px;max-width:540px;margin-bottom:30px;}
.wr-hero-cta{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-bottom:30px;}
.wr-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;}
.wr-hero-meta li{display:inline-flex;align-items:center;gap:8px;
  font-family:var(--wr-font-mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#c7c7cf;}
.wr-hero-meta li svg{width:14px;height:14px;color:var(--wr-neon);flex-shrink:0;}
/* capa mobile: entra no fluxo, sem moldura, com fade pro fundo */
.wr-hero-mob{display:none;}
@media (max-width:1020px){
  .wr-hero{padding-top:40px;}
  .wr-hero-mob{display:block;width:min(430px,86%);margin:34px auto 0;
    -webkit-mask-image:linear-gradient(180deg,#000 76%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 76%,transparent 100%);}
  .wr-hero-text{max-width:640px;margin:0 auto;}
}

/* ============================================================
   faixa marquee (eco do ticker vermelho da referência, em azul)
   ============================================================ */
/* faixa inclinada no MESMO ângulo dos cortes diagonais (sobe pra direita).
   O skew gira em torno do centro, então a base do azul desce metade da queda na
   esquerda e sobe metade na direita. A margin negativa = essa metade (+2px de folga)
   puxa a seção clara pra cima até a diagonal dela encostar na base da faixa:
   acima do azul fica o preto do hero, abaixo o papel, sem faixa parasita no meio. */
.wr-marquee{position:relative;z-index:2;overflow:hidden;padding:16px 0;
  margin-bottom:calc(-50vw * tan(var(--wr-tilt)) - 2px);
  background:linear-gradient(90deg,var(--wr-blue-deep) 0%,var(--wr-blue) 55%,var(--wr-neon-deep) 100%);
  border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(0,0,0,.35);
  transform:skewY(calc(var(--wr-tilt) * -1));}
.wr-marquee-track{display:flex;width:max-content;animation:wr-mq 34s linear infinite;}
.wr-marquee-seq{display:flex;align-items:center;flex-shrink:0;}
.wr-marquee-seq span{font-family:var(--wr-font-display);font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#eaf7ff;white-space:nowrap;}
.wr-marquee-seq .wr-mq-hl{color:#fff;text-shadow:0 0 14px rgba(190,235,255,.65);}
.wr-marquee-seq i{width:6px;height:6px;background:rgba(255,255,255,.55);margin:0 26px;flex-shrink:0;transform:rotate(45deg);}
@keyframes wr-mq{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ============================================================
   02 · PRA QUEM É (claro, papel washi + sumi-e)
   ============================================================ */
/* corte diagonal no mesmo ângulo da faixa azul: a aresta do papel cai exatamente
   sob a base da faixa (ver a margin negativa em .wr-marquee). O clip também é o que
   impede o papel de vazar acima do azul, já que ele só pinta abaixo da diagonal. */
.wr-tracks{position:relative;overflow:hidden;padding:calc(96px + var(--wr-slope)) 0 84px;background:var(--wr-paper);
  clip-path:polygon(0 var(--wr-slope),100% 0,100% 100%,0 100%);}
/* decorativa ancorada no canto sup. direito: as bordas EXTERNAS (topo e
   direita, divisas da seção/viewport) ficam sólidas; só as internas
   derretem no fundo via máscara radial, escondendo a emenda de tom
   entre o papel da imagem e o papel da seção */
.wr-tracks-decor{position:absolute;top:0;right:0;width:min(760px,72vw);aspect-ratio:3/2;pointer-events:none;
  background-image:url('/images/lp-mentoria/sumie-light.webp');background-size:cover;background-position:top right;
  mix-blend-mode:multiply;opacity:.9;
  -webkit-mask-image:radial-gradient(115% 115% at 100% 0%,#000 46%,transparent 74%);
  mask-image:radial-gradient(115% 115% at 100% 0%,#000 46%,transparent 74%);}
.wr-tracks .wr-shead h2,.wr-flow .wr-shead h2,.wr-faq .wr-shead h2{color:var(--wr-ink);}
.wr-tracks .wr-shead p,.wr-flow .wr-shead p,.wr-faq .wr-shead p{color:var(--wr-ink-soft);}
.wr-tracks .wr-eyebrow,.wr-flow .wr-eyebrow,.wr-faq .wr-eyebrow{color:var(--wr-blue);}

.wr-tracks-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.wr-track{position:relative;display:flex;flex-direction:column;padding:22px 30px 26px;
  background:var(--wr-paper-card);border:1px solid var(--wr-paper-line);--wr-tick:rgba(18,131,196,.5);
  box-shadow:0 10px 34px rgba(17,17,20,.06);}
/* cabeçalho do card: código do sistema + índice recortado, com régua embaixo */
.wr-track-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--wr-paper-line);}
.wr-track-code{font-family:var(--wr-font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--wr-blue);}
.wr-track-ix{font-family:var(--wr-font-display);font-size:34px;font-weight:700;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(18,131,196,.32);}
.wr-track h3{color:var(--wr-ink);margin-bottom:10px;}
.wr-track p{font-size:15px;color:var(--wr-ink-soft);margin-bottom:18px;}
.wr-track-proof{display:inline-flex;align-items:flex-start;gap:8px;margin-top:auto;padding-top:14px;border-top:1px dashed rgba(18,131,196,.3);
  font-family:var(--wr-font-mono);font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--wr-blue-deep);}
.wr-track-proof svg{width:15px;height:15px;flex-shrink:0;margin-top:2px;}

.wr-alumni{position:relative;z-index:1;margin-top:26px;padding:20px 28px;
  background:var(--wr-ink);color:#c9c9d1;font-size:15px;text-align:center;
  border:1px solid rgba(18,131,196,.35);box-shadow:0 14px 40px rgba(17,17,20,.16);}
.wr-alumni strong{color:#fff;}

/* ============================================================
   03 · CURSO OU MENTORIA (escuro, mesa de guerra ao fundo)
   ============================================================ */
.wr-ladder{position:relative;overflow:hidden;padding:100px 0 90px;background:var(--wr-bg);}
.wr-ladder-bg{position:absolute;inset:0;pointer-events:none;
  background-image:url('/images/lp-mentoria/war-table.webp');background-size:cover;background-position:center right;}
.wr-ladder-bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,6,7,.97) 0%,rgba(6,6,7,.86) 46%,rgba(6,6,7,.4) 100%),
             linear-gradient(180deg,var(--wr-bg) 0%,transparent 22%,transparent 72%,var(--wr-bg) 100%);}
.wr-ladder-inner{position:relative;z-index:1;}
.wr-ladder-head{max-width:730px;margin-bottom:48px;}
.wr-ladder-head .wr-eyebrow{margin-bottom:18px;}
.wr-ladder-head h2{margin-bottom:16px;text-wrap:balance;}
.wr-ladder-head p{font-size:16.5px;color:#b9b9c1;}

.wr-compare{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;max-width:900px;}
.wr-comp-card{position:relative;padding:30px 30px 26px;background:rgba(14,14,18,.92);border:1px solid var(--wr-line);}
.wr-comp-tag{font-family:var(--wr-font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--wr-text-soft);margin-bottom:8px;}
.wr-comp-tag::before{content:'// ';color:var(--wr-blue);}
.wr-comp-card h3{margin-bottom:18px;}
.wr-comp-card ul{display:grid;gap:11px;margin-bottom:22px;}
.wr-comp-card li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#b9b9c1;}
.wr-comp-card li svg{width:15px;height:15px;flex-shrink:0;margin-top:4px;color:var(--wr-text-soft);}
.wr-comp-price{font-family:var(--wr-font-display);font-size:21px;font-weight:700;color:#d5d5dc;}
.wr-comp-featured{background:linear-gradient(180deg,rgba(18,131,196,.14),rgba(14,14,18,.94) 55%);
  border:1px solid var(--wr-blue-line);box-shadow:0 24px 70px rgba(18,131,196,.2);overflow:hidden;}
.wr-comp-featured.wr-comp-featured{padding-top:34px;}
/* aba de glow no topo do card em destaque (eco do header techwear) */
.wr-comp-featured::before{content:'';position:absolute;top:0;left:34px;width:110px;height:6px;
  background:linear-gradient(90deg,var(--wr-blue),var(--wr-neon));box-shadow:0 6px 22px rgba(34,196,255,.55);}
.wr-comp-featured .wr-comp-tag{color:var(--wr-blue-bright);}
.wr-comp-featured li svg{color:var(--wr-neon);}
.wr-comp-featured .wr-comp-price{color:#fff;text-shadow:0 0 18px rgba(34,196,255,.4);}

.wr-ladder-close{max-width:780px;margin-top:44px;font-size:16.5px;color:#b9b9c1;
  padding-left:22px;border-left:3px solid var(--wr-blue);}

/* ============================================================
   04 · COMO FUNCIONA (claro, 3 passos + garantia)
   ============================================================ */
.wr-flow{position:relative;overflow:hidden;padding:calc(96px + var(--wr-slope)) 0 90px;background:var(--wr-paper);
  /* ângulo espelhado do de cima: triângulo escuro no canto sup. direito */
  clip-path:polygon(0 0,100% var(--wr-slope),100% 100%,0 100%);}
/* mesma lógica no canto inf. esquerdo: bordas externas (base e esquerda)
   sólidas, internas com fade radial; sem flip nem opacity baixa pra
   imagem aparecer de verdade */
.wr-flow-decor{position:absolute;bottom:0;left:0;width:min(700px,70vw);aspect-ratio:3/2;pointer-events:none;
  background-image:url('/images/lp-mentoria/sumie-light.webp');background-size:cover;background-position:bottom left;
  mix-blend-mode:multiply;opacity:.85;
  -webkit-mask-image:radial-gradient(115% 115% at 0% 100%,#000 44%,transparent 74%);
  mask-image:radial-gradient(115% 115% at 0% 100%,#000 44%,transparent 74%);}

.wr-timeline{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (min-width:901px){
  .wr-timeline::before{content:'';position:absolute;top:24px;left:12%;right:12%;height:2px;
    background:linear-gradient(90deg,transparent,rgba(18,131,196,.45) 20%,rgba(18,131,196,.45) 80%,transparent);}
}
.wr-step{display:flex;flex-direction:column;align-items:center;}
/* marcador quadrado (chanfrado), no lugar do círculo */
.wr-step-marker{position:relative;z-index:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  background:linear-gradient(180deg,#3fd0ff,var(--wr-neon-deep));
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  filter:drop-shadow(0 10px 22px rgba(34,196,255,.4));}
.wr-step-marker span{font-family:var(--wr-font-display);font-size:15px;font-weight:700;color:#fff;}
.wr-step-card{flex:1;width:100%;padding:22px 26px 22px;background:var(--wr-paper-card);--wr-tick:rgba(18,131,196,.5);
  border:1px solid var(--wr-paper-line);box-shadow:0 10px 34px rgba(17,17,20,.06);display:flex;flex-direction:column;}
/* tag vira cabeçalho do card: régua embaixo, prefixo // */
.wr-step-tag{font-family:var(--wr-font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--wr-blue);
  margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--wr-paper-line);}
.wr-step-tag::before{content:'// ';color:var(--wr-blue-bright);}
.wr-step-card h3{color:var(--wr-ink);margin-bottom:10px;}
.wr-step-card p{font-size:14.5px;color:var(--wr-ink-soft);margin-bottom:18px;}
.wr-step-deliver{display:inline-flex;align-items:flex-start;gap:8px;margin-top:auto;padding:10px 14px;
  background:var(--wr-blue-soft);font-family:var(--wr-font-mono);font-size:11.5px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--wr-blue-deep);}
.wr-step-deliver svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;}

.wr-guarantee{position:relative;z-index:1;display:flex;gap:18px;align-items:flex-start;max-width:860px;margin:44px auto 0;
  padding:26px 30px;background:var(--wr-paper-card);--wr-tick:rgba(18,131,196,.55);
  border:1px solid rgba(18,131,196,.4);border-left:6px solid var(--wr-blue);box-shadow:0 16px 44px rgba(18,131,196,.14);}
.wr-guarantee svg{width:40px;height:40px;flex-shrink:0;color:var(--wr-blue);}
.wr-guarantee h3{color:var(--wr-ink);margin-bottom:6px;}
.wr-guarantee p{font-size:15px;color:var(--wr-ink-soft);}
.wr-guarantee p strong{color:var(--wr-ink);}

/* ============================================================
   05 · QUEM TE GUIA (escuro, retrato sem moldura)
   ============================================================ */
.wr-guide{position:relative;overflow:hidden;padding:96px 0;background:#070709;}
.wr-guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
.wr-guide-visual{position:relative;align-self:center;}
.wr-guide-visual::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130%;aspect-ratio:1;pointer-events:none;
  background:radial-gradient(circle,rgba(18,131,196,.32) 0%,transparent 62%);}
/* retrato centralizado, com fade leve em cima e embaixo pra mesclar no fundo */
.wr-guide-visual img{position:relative;z-index:1;width:min(483px,100%);margin:0 auto;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);}
.wr-guide-text{padding-bottom:0;}
.wr-guide-text .wr-eyebrow{margin-bottom:18px;}
.wr-guide-text h2{margin-bottom:18px;text-wrap:balance;}
.wr-guide-lead{font-size:16.5px;color:#b9b9c1;margin-bottom:34px;}
.wr-guide-stats{display:flex;flex-wrap:wrap;gap:18px 44px;margin-bottom:34px;}
.wr-guide-stats span{display:block;font-family:var(--wr-font-display);font-size:38px;font-weight:700;line-height:1;color:var(--wr-white);}
.wr-guide-stats small{display:block;margin-top:6px;font-family:var(--wr-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--wr-text-soft);}
.wr-stat-mobile{display:none!important;}
.wr-quote{padding:22px 26px;background:rgba(255,255,255,.03);border:1px solid var(--wr-line);border-left:3px solid var(--wr-blue);}
.wr-quote p{font-size:15.5px;color:#c9c9d1;margin-bottom:12px;}
.wr-quote cite{font-style:normal;font-family:var(--wr-font-display);font-size:13.5px;font-weight:700;color:var(--wr-white);}
.wr-quote cite span{color:var(--wr-text-soft);font-weight:500;}

/* ============================================================
   06 · INVESTIMENTO (escuro premium, oni ao fundo)
   ============================================================ */
.wr-invest{position:relative;overflow:hidden;padding:100px 0;background:var(--wr-bg);}
.wr-invest::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(18,131,196,.12),transparent 70%);}
.wr-invest-oni{position:absolute;top:50%;right:-90px;transform:translateY(-50%);width:min(560px,52vw);aspect-ratio:1;pointer-events:none;
  background-image:url('/images/lp-mentoria/oni-neon.webp');background-size:contain;background-repeat:no-repeat;background-position:center;
  opacity:.42;
  -webkit-mask-image:radial-gradient(circle at center,#000 40%,transparent 74%);
  mask-image:radial-gradient(circle at center,#000 40%,transparent 74%);}
.wr-invest-card{position:relative;z-index:1;isolation:isolate;max-width:680px;margin:0 auto;padding:52px 48px 40px;text-align:center;
  background:linear-gradient(180deg,rgba(18,131,196,.1),rgba(13,13,17,.96) 46%);--wr-tick:rgba(65,177,238,.7);
  border:1px solid var(--wr-blue-line);box-shadow:0 40px 110px rgba(18,131,196,.18);}
.wr-liquid-ether{position:absolute;z-index:0;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:.68;}
.wr-liquid-ether::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,10,16,.12),rgba(5,10,16,.5)),radial-gradient(circle at 50% 15%,transparent 0,rgba(7,12,18,.2) 64%,rgba(7,12,18,.48) 100%);}
.wr-liquid-ether canvas{display:block;width:100%;height:100%;}
.wr-invest-card > :not(.wr-liquid-ether):not(.wr-invest-ribbon){position:relative;z-index:1;}
.wr-invest-ribbon{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;
  padding:9px 24px;background:linear-gradient(90deg,var(--wr-blue),var(--wr-neon-deep));
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  font-family:var(--wr-font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff;
  filter:drop-shadow(0 8px 22px rgba(34,196,255,.35));z-index:2;}
.wr-invest-card .wr-eyebrow{margin-bottom:20px;}
.wr-invest-anchor{font-size:14.5px;color:var(--wr-text-soft);margin-bottom:6px;}
.wr-invest-anchor s{color:#8d8d97;}
.wr-invest-price{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px;}
.wr-invest-parc{font-family:var(--wr-font-mono);font-size:12.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--wr-blue-bright);}
.wr-invest-num{font-family:var(--wr-font-display);font-size:clamp(58px,8vw,84px);font-weight:700;line-height:1;color:var(--wr-white);text-shadow:0 0 34px rgba(34,196,255,.35);}
.wr-invest-num small{font-size:.42em;font-weight:700;vertical-align:.62em;letter-spacing:0;}
.wr-invest-alt{font-size:14.5px;color:var(--wr-text);max-width:460px;margin:0 auto 30px;}
.wr-invest-alt strong{color:#e6e6ec;}

.wr-invest-list{display:grid;gap:13px;text-align:left;max-width:460px;margin:0 auto 28px;}
.wr-invest-list li{display:flex;align-items:flex-start;gap:11px;font-size:15px;color:#c2c2ca;}
.wr-invest-list li svg{width:16px;height:16px;flex-shrink:0;margin-top:4px;color:var(--wr-neon);}

.wr-prereq{display:flex;gap:13px;align-items:flex-start;text-align:left;max-width:500px;margin:0 auto 30px;
  padding:16px 18px;background:rgba(230,180,80,.07);border:1px solid rgba(230,180,80,.28);border-left:3px solid #e6b450;}
.wr-prereq svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:#e6b450;}
.wr-prereq p{font-size:13.5px;line-height:1.55;color:#c2b596;}
.wr-prereq b{color:#eedcae;font-weight:700;}

.wr-invest-cta{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:24px;}
.wr-invest-cta .wr-btn{width:min(380px,100%);}
.wr-invest-note{font-size:13px;color:var(--wr-text-soft);max-width:460px;margin:0 auto;}

/* ============================================================
   07 · FAQ (claro)
   ============================================================ */
.wr-faq{position:relative;overflow:hidden;padding:calc(96px + var(--wr-slope)) 0 90px;background:var(--wr-paper);
  clip-path:polygon(0 var(--wr-slope),100% 0,100% 100%,0 100%);}
.wr-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start;}
.wr-faq-item{background:var(--wr-paper-card);border:1px solid var(--wr-paper-line);box-shadow:0 8px 26px rgba(17,17,20,.05);overflow:hidden;}
.wr-faq-item summary{position:relative;list-style:none;cursor:pointer;padding:19px 52px 19px 22px;
  font-family:var(--wr-font-display);font-size:15.5px;font-weight:700;color:var(--wr-ink);line-height:1.35;}
.wr-faq-item summary::-webkit-details-marker{display:none;}
.wr-faq-ico{position:absolute;right:20px;top:50%;width:16px;height:16px;transform:translateY(-50%);}
.wr-faq-ico::before,.wr-faq-ico::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--wr-blue);transition:transform var(--wr-t);}
.wr-faq-ico::before{width:16px;height:2.4px;}
.wr-faq-ico::after{width:2.4px;height:16px;}
.wr-faq-item[open] .wr-faq-ico::after{transform:translate(-50%,-50%) scaleY(0);}
.wr-faq-body{padding:0 22px 20px;}
.wr-faq-body p{font-size:14.5px;color:var(--wr-ink-soft);}

/* ============================================================
   08 · CTA FINAL (escuro, travessia no torii)
   ============================================================ */
.wr-final{position:relative;overflow:hidden;padding:150px 0;background:var(--wr-bg);}
.wr-final-bg{position:absolute;inset:0;pointer-events:none;
  background-image:url('/images/lp-mentoria/torii.webp');background-size:cover;background-position:center;}
.wr-final-bg::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 90% 80% at 50% 50%,rgba(6,6,7,.42) 0%,rgba(6,6,7,.9) 78%),
             linear-gradient(180deg,var(--wr-bg) 0%,transparent 18%,transparent 80%,var(--wr-bg) 100%);}
.wr-final-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
.wr-final .wr-eyebrow{margin-bottom:20px;}
.wr-final h2{max-width:720px;margin-bottom:18px;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.6);}
.wr-final-sub{max-width:560px;font-size:16.5px;color:#c5c5cd;margin-bottom:36px;text-shadow:0 2px 18px rgba(0,0,0,.7);}
.wr-final-cta{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:34px;}
.wr-final-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;}
.wr-final-meta li{display:inline-flex;align-items:center;gap:8px;
  font-family:var(--wr-font-mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#d3d3da;}
.wr-final-meta li svg{width:14px;height:14px;color:var(--wr-neon);flex-shrink:0;}

/* ============================================================
   FOOTER
   ============================================================ */
.wr-footer{background:#040405;border-top:1px solid var(--wr-line);padding:34px 0;}
.wr-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.wr-footer-logo{height:34px;width:auto;}
.wr-footer p{font-size:13.5px;color:var(--wr-text-soft);}
.wr-footer-legal{display:flex;gap:20px;}
.wr-footer-legal a{font-size:13.5px;color:var(--wr-text-soft);transition:color var(--wr-t);}
.wr-footer-legal a:hover{color:var(--wr-white);}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:1020px){
  .wr-invest-oni{right:50%;transform:translate(50%,-50%);width:min(620px,96vw);opacity:.2;}
}
@media (max-width:900px){
  .wr-timeline{grid-template-columns:1fr;max-width:560px;margin:0 auto;gap:26px;}
  .wr-step{flex-direction:row;align-items:flex-start;gap:18px;}
  .wr-step-marker{margin-bottom:0;flex-shrink:0;box-shadow:0 10px 26px rgba(34,196,255,.35);}
  .wr-guide-grid{grid-template-columns:1fr;gap:0;}
  .wr-guide-text{order:1;padding-bottom:40px;}
  .wr-guide-visual{order:2;margin-top:10px;}
  .wr-compare{grid-template-columns:1fr;max-width:560px;}
}
@media (max-width:860px){
  .wr-topbar-note{display:none;}
}
@media (max-width:800px){
  .wr-tracks-grid{grid-template-columns:1fr;}
  .wr-faq-grid{grid-template-columns:1fr;}
  .wr-tracks-decor{opacity:.45;}
}
@media (max-width:560px){
  .wr-btn{width:100%;padding:18px 26px;}
  .wr-invest::before{display:none;}
  .wr-hero{padding-bottom:40px;}
  .wr-hero-text{display:flex;flex-direction:column;}
  .wr-hero-badge{position:relative;z-index:2;align-self:flex-start;order:1;}
  .wr-hero-mob{order:2;}
  .wr-hero h1{position:relative;z-index:1;order:3;font-size:clamp(20px,6.5vw,28px);}
  .wr-hero-sub{order:4;}
  .wr-hero-cta{flex-direction:column;align-items:flex-start;}
  .wr-hero-cta{order:5;}
  .wr-hero-meta{order:6;}
  .wr-hero-mob{width:calc(100% + 48px);height:calc(150vw - 100px);max-width:none;margin:-100px 0 -100px -24px;
    object-fit:cover;object-position:top;
    filter:brightness(.82) contrast(1.05) saturate(.92);
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 4%,#000 92%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 4%,#000 92%,transparent 100%);}
  .wr-guide{padding:0 0 64px;}
  .wr-guide-visual{order:1;width:calc(100% + 48px);margin:0 0 0 -24px;}
  .wr-guide-visual img{width:100%;max-width:none;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);}
  .wr-guide-text{order:2;padding-bottom:0;}
  .wr-guide-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .wr-guide-stats li{text-align:center;min-width:0;}
  .wr-guide-stats span{font-size:28px;}
  .wr-guide-stats small{margin-top:5px;font-size:10px;line-height:1.2;letter-spacing:.02em;white-space:nowrap;}
  .wr-stat-desktop{display:none!important;}
  .wr-stat-mobile{display:block!important;}
  .wr-invest-card{padding:44px 24px 32px;}
  .wr-invest-ribbon{white-space:normal;text-align:center;width:max(78%,260px);}
  .wr-ladder-close{padding-left:16px;}
  .wr-guarantee{flex-direction:column;padding:24px 22px;}
  .wr-footer-inner{flex-direction:column;text-align:center;}
  .wr-footer-legal{justify-content:center;}
}

/* acessibilidade: sem animação pra quem prefere */
@media (prefers-reduced-motion:reduce){
  .wr-marquee-track{animation:none;}
  .wr-liquid-ether{display:none;}
  .wr-btn::before{display:none;}
  .wr-eyebrow::before,.wr-hero-badge::before{animation:none;}
  .js [data-animate]{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}