.elementor-1957 .elementor-element.elementor-element-2cb5a84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-33f0dc8 */@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Barlow:wght@300;400;500;600;700&display=swap');

/* ── CSS Variables ── */
#tri-lp {
  --purple-deep:   #2B1183;
  --purple-mid:    #3D1A8C;
  --purple-bright: #6B35D9;
  --blue-mid:      #2A3BCC;
  --blue-bright:   #4B6EF5;
  --green-neon:    #5EFF6A;
  --green-mid:     #3DCC4A;
  --white:         #FFFFFF;
  --white-80:      rgba(255,255,255,0.80);
  --white-60:      rgba(255,255,255,0.60);
  --white-20:      rgba(255,255,255,0.20);
  --white-10:      rgba(255,255,255,0.10);
  --white-06:      rgba(255,255,255,0.06);

  /* Gradiente principal do PDF */
  --grad-bg: linear-gradient(135deg, #1A0A3E 0%, #2D1580 30%, #4B35CC 60%, #3B4FD4 100%);
  --grad-hero: linear-gradient(135deg, #2B1183 0%, #2A1080 25%, #5535CC 55%, #3B55E0 80%, #2A6BE0 100%);
  --grad-section: linear-gradient(160deg, #1A0A3E 0%, #341890 50%, #4055CC 100%);
  --grad-light: linear-gradient(135deg, #F0F4FF 0%, #E8F0FF 50%, #EFF8F0 100%);

  font-family: 'Barlow', ui-sans-serif, sans-serif;
  background: var(--purple-deep);
  color: var(--white);
  line-height: 1.55;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Reset isolado */
#tri-lp *, #tri-lp *::before, #tri-lp *::after {
  margin: 0; padding: 0; box-sizing: border-box;
}

#tri-lp a { text-decoration: none; color: inherit; }
#tri-lp img { max-width: 100%; display: block; }
#tri-lp button { border: none; background: none; font-family: inherit; cursor: pointer; }

/* WPBakery override */
#tri-lp .vc_row, #tri-lp .vc_column-inner, #tri-lp .wpb_wrapper {
  padding: 0 !important; margin: 0 !important;
}

/* ── LAYOUT ── */
#tri-lp .tri-container {
  width: 100%; max-width: 1200px;
  margin: 0 auto; padding: 0 1.25rem;
}
#tri-lp .tri-section { position: relative; padding: 5rem 0; overflow: hidden; }

/* GRIDS */
#tri-lp .tri-grid-2 { display: grid; grid-template-columns: 1fr; gap: 2rem; }
#tri-lp .tri-grid-3 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
#tri-lp .tri-grid-4 { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }

/* ── TIPOGRAFIA estilo PDF ── */
#tri-lp .display-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.92;
  letter-spacing: -0.01em;
}

#tri-lp .section-eyebrow {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--green-neon);
}

#tri-lp .section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  font-size: 2.4rem;
  line-height: 0.95;
  letter-spacing: -0.01em;
  margin-top: 0.75rem;
}

#tri-lp .text-green { color: var(--green-neon); }
#tri-lp .text-purple { color: var(--purple-bright); }
#tri-lp .text-white-60 { color: var(--white-60); }
#tri-lp .text-center { text-align: center; }
#tri-lp .mx-auto { margin-left: auto; margin-right: auto; }

/* ── BLOBS de fundo (decoração) ── */
#tri-lp .blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

/* ── BADGE PILL ── */
#tri-lp .tri-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1.5px solid var(--white-20);
  border-radius: 999px;
  padding: 0.45rem 1.1rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--white);
  background: var(--white-06);
  backdrop-filter: blur(8px);
}

/* ── BOTÃO CTA ── */
#tri-lp .tri-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  background: var(--green-neon) !important;
  color: #0D0826 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800;
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 1rem 2.2rem;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease;
  box-shadow: 0 0 30px rgba(94,255,106,0.4), 0 4px 20px rgba(0,0,0,0.3);
}

#tri-lp .tri-btn:hover {
  background: #8AFFFF !important;
  transform: scale(1.04);
  box-shadow: 0 0 50px rgba(94,255,106,0.6);
  color: #0D0826 !important;
}

#tri-lp .tri-btn.full { width: 100%; }

/* ── CARD COM BORDA (estilo PDF) ── */
#tri-lp .tri-card {
  background: var(--white-06);
  border: 1.5px solid var(--white-20);
  border-radius: 1.5rem;
  padding: 2rem;
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 1;
}

#tri-lp .tri-card-solid {
  background: rgba(255,255,255,0.97);
  border-radius: 1.5rem;
  padding: 2rem;
  color: #1A0A3E;
}

#tri-lp .tri-card-green {
  background: linear-gradient(135deg, #1A5C24 0%, #0D3A16 100%);
  border: 1.5px solid rgba(94,255,106,0.35);
  border-radius: 1.5rem;
  padding: 2rem;
}

/* ── HERO ── */
#tri-lp .tri-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: var(--grad-hero);
}
@media (max-width: 768px) {
  #tri-lp .tri-hero {
    padding: 2% 4%;
  }
}

#tri-lp .tri-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 80% 50%, rgba(75,110,245,0.35) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 10% 70%, rgba(94,255,106,0.18) 0%, transparent 60%);
  z-index: 0;
}

/* Estrela/símbolo decorativo Trinômio (canto esquerdo) */
#tri-lp .hero-deco {
  position: absolute;
  transform: translateY(-50%);
  width: 22rem;
  height: 22rem;
  opacity: 0.9;
  z-index: 0;
}
@media (max-width: 768px) {
  #tri-lp .hero-deco {
    display: none;
  }
}
#tri-lp .hero-deco svg {
  width: 100%;
  height: 100%;
}

#tri-lp .hero-content {
  position: relative;
  z-index: 2;
  padding: 5rem 0 4rem;
  width: 100%;
}

/* Logo / marca */
#tri-lp .tri-logo {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  text-transform: lowercase;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 2.5rem;
}

#tri-lp .tri-logo .logo-arrow {
  color: var(--green-neon);
  font-size: 1.4rem;
  letter-spacing: -0.05em;
}

/* Hero title grande */
#tri-lp .hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 4.5rem;
  line-height: 0.88;
  letter-spacing: -0.02em;
  color: var(--white);
}

#tri-lp .hero-title .line-green { color: var(--green-neon); }

#tri-lp .hero-subtitle {
  margin-top: 1.5rem;
  font-size: 1.05rem;
  color: var(--white-80);
  line-height: 1.65;
  max-width: 32rem;
}

#tri-lp .hero-subtitle strong { color: var(--white); font-weight: 700; }

#tri-lp .hero-meta {
  display: flex;
  gap: 1.5rem;
  margin-top: 2rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: var(--white-60);
}
#tri-lp .hero-meta span {
  display: flex; align-items: center; gap: 0.4rem;
}

/* Stats box hero (lado direito no desktop) */
#tri-lp .hero-stats {
  background: var(--white-06);
  border: 1.5px solid var(--white-20);
  border-radius: 1.5rem;
  padding: 2rem;
  backdrop-filter: blur(16px);
  display: none;
}

#tri-lp .hero-stat-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  font-size: 2.6rem;
  line-height: 1;
}

#tri-lp .hero-stat-lbl {
  color: var(--white-60);
  font-size: 0.82rem;
  margin-top: 0.2rem;
}

#tri-lp .stat-divider {
  height: 1px;
  background: var(--white-10);
  margin: 1.25rem 0;
}

/* ── SEÇÃO WORKSHOP (roxa escura) ── */
#tri-lp .sec-workshop {
  background: linear-gradient(160deg, #140730 0%, #2A1280 55%, #3B3ACC 100%);
}

#tri-lp .sec-workshop::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 50% 70% at 90% 20%, rgba(94,255,106,0.12) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 5% 90%, rgba(94,255,106,0.08) 0%, transparent 50%);
}

#tri-lp .quote-mark {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 8rem;
  line-height: 0.5;
  color: var(--white-10);
  font-weight: 900;
  user-select: none;
  position: absolute;
  top: 1rem;
  left: 1.5rem;
}

/* ── SEÇÃO METODOLOGIA (fundo claro estilo PDF pág 3) ── */
#tri-lp .sec-metodo {
  background: var(--grad-light);
  color: #1A0A3E;
}

#tri-lp .sec-metodo .section-eyebrow { color: var(--purple-bright); }
#tri-lp .sec-metodo .section-title { color: #1A0A3E; }

#tri-lp .nao-e-card {
  background: white;
  border: 2px solid #F0E8FF;
  border-radius: 1.5rem;
  padding: 2rem;
}

#tri-lp .e-card {
  background: white;
  border: 2px solid #D0FFD4;
  border-radius: 1.5rem;
  padding: 2rem;
}

#tri-lp .nao-e-item {
  display: flex; align-items: flex-start;
  gap: 0.6rem; margin-bottom: 1rem;
  color: #3D1A8C; font-size: 0.95rem;
  line-height: 1.5;
}

#tri-lp .e-item {
  display: flex; align-items: flex-start;
  gap: 0.6rem; margin-bottom: 1rem;
  color: #1A5C24; font-size: 0.95rem;
  line-height: 1.5;
}

#tri-lp .x-mark { color: #E53535; font-weight: 700; font-size: 1.1rem; flex-shrink: 0; margin-top: 0.1rem; }
#tri-lp .v-mark { color: var(--green-mid); font-weight: 700; font-size: 1.1rem; flex-shrink: 0; margin-top: 0.1rem; }

/* Fio condutor */
#tri-lp .fio-condutor {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 2.5rem;
}

#tri-lp .fio-pill {
  border-radius: 999px;
  padding: 0.55rem 1.4rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#tri-lp .fio-pill.purple { background: var(--purple-bright); color: white; }
#tri-lp .fio-pill.green  { background: var(--green-neon); color: #0D0826; }
#tri-lp .fio-arrow { color: #1A0A3E; font-size: 1.3rem; opacity: 0.5; }

/* ── TRILHA DE MÓDULOS (roxa) ── */
#tri-lp .sec-trilha {
  background: linear-gradient(160deg, #1A0A3E 0%, #341898 60%, #4855D4 100%);
}
#tri-lp .sec-trilha::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 55% 40% at 95% 10%, rgba(94,255,106,0.12) 0%, transparent 65%),
    radial-gradient(ellipse 40% 50% at 0% 90%, rgba(75,110,245,0.2) 0%, transparent 60%);
}

#tri-lp .module-pill {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 999px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  color: var(--white);
  transition: background 0.2s;
  position: relative;
  z-index: 1;
}

#tri-lp .module-pill:hover {
  background: rgba(255,255,255,0.14);
}

#tri-lp .module-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 0.95rem;
  color: var(--green-neon);
  min-width: 2rem;
}

#tri-lp .module-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-top: 2.5rem;
  position: relative;
  z-index: 1;
}

/* Entregáveis */
#tri-lp .deliverable-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  padding: 1.5rem 1rem;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 1.25rem;
  position: relative;
  z-index: 1;
}

#tri-lp .deliverable-icon {
  font-size: 2.2rem;
  line-height: 1;
}

#tri-lp .deliverable-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--white);
}

#tri-lp .deliverable-sub {
  font-size: 0.78rem;
  color: var(--white-60);
  line-height: 1.4;
}

/* ── IMPACTO FINANCEIRO (claro) ── */
#tri-lp .sec-impacto {
  background: var(--grad-light);
  color: #1A0A3E;
}

#tri-lp .sec-impacto .section-eyebrow { color: var(--purple-bright); }
#tri-lp .sec-impacto .section-title { color: #1A0A3E; }

#tri-lp .impacto-card-purple {
  background: linear-gradient(135deg, var(--purple-bright) 0%, var(--blue-mid) 100%);
  border-radius: 1.5rem;
  padding: 2rem;
  color: white;
  text-align: center;
}

#tri-lp .impacto-card-purple .impact-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0.9;
  margin-bottom: 0.75rem;
}

#tri-lp .impacto-card-purple .impact-value {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  font-size: 3.5rem;
  line-height: 1;
  color: var(--green-neon);
}

#tri-lp .impacto-card-purple .impact-desc {
  font-size: 0.82rem;
  opacity: 0.85;
  margin-top: 0.5rem;
  line-height: 1.5;
}

#tri-lp .prova-real-card {
  background: white;
  border: 2px solid #D0FFD4;
  border-radius: 1.5rem;
  padding: 2rem;
  color: #1A0A3E;
}

#tri-lp .prova-real-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--green-mid);
  margin-bottom: 0.75rem;
}

/* ── CLIENTES / LOGOS ── */
#tri-lp .sec-clientes {
  background: white;
  color: #1A0A3E;
}

#tri-lp .logos-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
}

#tri-lp .logo-pill {
  background: #F4F0FF;
  border: 1.5px solid #E0D8FF;
  border-radius: 0.75rem;
  padding: 0.5rem 1rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #3D1A8C;
  white-space: nowrap;
}

/* ── PRICING (roxa) ── */
#tri-lp .sec-pricing {
  background: linear-gradient(160deg, #0D0826 0%, #2A1280 50%, #4035BB 100%);
}

#tri-lp .sec-pricing::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 85% 30%, rgba(75,110,245,0.3) 0%, transparent 65%),
    radial-gradient(ellipse 50% 60% at 10% 80%, rgba(94,255,106,0.12) 0%, transparent 55%);
}

#tri-lp .price-container {
  background: rgba(255,255,255,0.07);
  border: 1.5px solid rgba(255,255,255,0.18);
  border-radius: 1.5rem;
  padding: 2.5rem 2rem;
  position: relative;
  z-index: 1;
}

#tri-lp .price-old {
  font-size: 1.1rem;
  color: var(--white-60);
  text-decoration: line-through;
  text-align: center;
}

#tri-lp .price-main {
  text-align: center;
  margin-top: 0.25rem;
}

#tri-lp .price-prefix-txt { font-size: 1.1rem; color: var(--white-60); }

#tri-lp .price-big {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  font-size: 4.5rem;
  line-height: 1;
  color: var(--green-neon);
}

#tri-lp .price-discount {
  display: inline-block;
  background: var(--green-neon);
  color: #0D0826;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.35rem 1rem;
  border-radius: 999px;
  margin-top: 0.75rem;
}

#tri-lp .price-features {
  list-style: none;
  margin-top: 2rem;
  text-align: left;
}

#tri-lp .price-features li {
  display: flex; align-items: center;
  gap: 0.75rem; padding: 0.65rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 0.92rem; color: var(--white-80);
}

#tri-lp .price-features li:last-child { border-bottom: none; }
#tri-lp .pf-check { color: var(--green-neon); font-weight: 700; flex-shrink: 0; }

/* Bonus card */
#tri-lp .bonus-container {
  background: white;
  border-radius: 1.5rem;
  padding: 2.5rem 2rem;
  text-align: center;
  color: #1A0A3E;
  position: relative;
  z-index: 1;
}

#tri-lp .bonus-star { font-size: 3rem; margin-bottom: 0.75rem; }

#tri-lp .bonus-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--purple-bright);
  margin-bottom: 0.75rem;
}

#tri-lp .bonus-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 1.15;
  text-transform: uppercase;
  color: #1A0A3E;
}

/* ── FAQ ── */
#tri-lp .sec-faq {
  background: linear-gradient(160deg, #1A0A3E 0%, #341898 60%, #4855D4 100%);
}

#tri-lp .faq-item {
  border-bottom: 1px solid rgba(255,255,255,0.12);
  position: relative;
  z-index: 1;
}

#tri-lp .tri-faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
  text-align: left;
  background: transparent;
  border: none;
  color: var(--white);
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  outline: none;
  transition: color 0.2s;
  gap: 1rem;
}

#tri-lp .tri-faq-question:hover { color: var(--green-neon); }

#tri-lp .faq-plus {
  width: 1.75rem; height: 1.75rem;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  border: 1.5px solid rgba(255,255,255,0.2);
  color: var(--green-neon);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; font-weight: 300; flex-shrink: 0;
  transition: transform 0.3s ease, background 0.2s;
}

#tri-lp .tri-faq-question.open .faq-plus {
  transform: rotate(45deg);
  background: rgba(94,255,106,0.15);
}

#tri-lp .tri-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
}

#tri-lp .tri-faq-answer.open {
  max-height: 400px;
  padding-bottom: 1.25rem;
}

#tri-lp .tri-faq-answer p {
  color: var(--white-60);
  line-height: 1.75;
  font-size: 0.93rem;
}

/* ── FORM ── */
#tri-lp .sec-form {
  background: var(--grad-hero);
}

#tri-lp .sec-form::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 50% 60% at 95% 40%, rgba(94,255,106,0.12) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 5% 60%, rgba(75,110,245,0.2) 0%, transparent 55%);
}

#tri-lp .form-wrap {
  background: rgba(255,255,255,0.07);
  border: 1.5px solid rgba(255,255,255,0.18);
  border-radius: 1.5rem;
  padding: 2.5rem 2rem;
  position: relative;
  z-index: 1;
  backdrop-filter: blur(12px);
}

#tri-lp .form-wrap label {
  display: block;
  color: var(--white-80);
  font-size: 0.82rem;
  font-weight: 600;
  margin-bottom: 0.45rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

#tri-lp .form-wrap input {
  width: 100%;
  background: rgba(255,255,255,0.08);
  border: 1.5px solid rgba(255,255,255,0.18);
  border-radius: 0.75rem;
  padding: 0.85rem 1rem;
  color: var(--white);
  font-family: 'Barlow', sans-serif;
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.25s, box-shadow 0.25s;
  -webkit-appearance: none;
}

#tri-lp .form-wrap input::placeholder { color: rgba(255,255,255,0.3); }
#tri-lp .form-wrap input:focus {
  border-color: var(--green-neon);
  box-shadow: 0 0 0 3px rgba(94,255,106,0.15);
}

#tri-lp .form-group-f { margin-bottom: 1.15rem; }

#tri-lp .form-submit-btn {
  width: 100%;
  margin-top: 1.5rem;
  background: var(--green-neon);
  color: #0D0826;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 1rem;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  transition: all 0.25s;
  box-shadow: 0 0 30px rgba(94,255,106,0.35);
}

#tri-lp .form-submit-btn:hover {
  background: #8AFFFF;
  transform: scale(1.02);
}

#tri-lp .form-disclaimer {
  color: rgba(255,255,255,0.35);
  font-size: 0.7rem;
  text-align: center;
  margin-top: 1rem;
}

/* SUCCESS */
#tri-lp .success-wrap {
  background: rgba(255,255,255,0.07);
  border: 1.5px solid rgba(94,255,106,0.35);
  border-radius: 1.5rem;
  padding: 3rem 2rem;
  text-align: center;
  display: none;
  position: relative;
  z-index: 1;
}

#tri-lp .success-check {
  width: 4rem; height: 4rem;
  border-radius: 50%;
  background: rgba(94,255,106,0.2);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 1.8rem;
}

/* ── FOOTER ── */
#tri-lp .tri-footer {
  background: #0D0826;
  padding: 3rem 0;
  border-top: 1px solid rgba(255,255,255,0.07);
}

#tri-lp .footer-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}

#tri-lp .footer-links {
  display: flex; gap: 1.5rem;
  font-size: 0.85rem; color: var(--white-60);
  flex-wrap: wrap; justify-content: center;
}

#tri-lp .footer-links a { color: var(--white-60); text-decoration: none; transition: color 0.2s; }
#tri-lp .footer-links a:hover { color: var(--green-neon); }

#tri-lp .footer-copy {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.06);
  text-align: center;
  color: rgba(255,255,255,0.25);
  font-size: 0.72rem;
}

/* ── ANIMATIONS ── */
#tri-lp .tri-fade {
  opacity: 0; transform: translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
#tri-lp .tri-fade.visible { opacity: 1; transform: translateY(0); }

#tri-lp .tri-fade-left {
  opacity: 0; transform: translateX(-28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
#tri-lp .tri-fade-left.visible { opacity: 1; transform: translateX(0); }

#tri-lp .tri-fade-right {
  opacity: 0; transform: translateX(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
#tri-lp .tri-fade-right.visible { opacity: 1; transform: translateX(0); }

/* ══════════════════════
   RESPONSIVE
══════════════════════ */
@media (min-width: 640px) {
  #tri-lp .hero-title { font-size: 4.5rem; }
  #tri-lp .section-title { font-size: 3rem; }
  #tri-lp .module-grid { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 768px) {
  #tri-lp .tri-container { padding: 0 2rem; }
  #tri-lp .tri-section { padding: 7rem 0; }
  #tri-lp .tri-grid-2 { grid-template-columns: 1fr 1fr; }
  #tri-lp .tri-grid-3 { grid-template-columns: repeat(3,1fr); }
  #tri-lp .tri-grid-4 { grid-template-columns: repeat(4,1fr); }
  #tri-lp .section-title { font-size: 3.2rem; }
  #tri-lp .footer-inner { flex-direction: row; justify-content: space-between; }
  #tri-lp .footer-links { justify-content: flex-end; }
}

@media (min-width: 1024px) {
  #tri-lp .hero-title { font-size: 4.5rem; }
  #tri-lp .hero-stats { display: block; }
  #tri-lp .section-title { font-size: 3.5rem; }
}/* End custom CSS */