:root {
  --bg: #020806;
  --bg-2: #03140f;
  --panel: rgba(3, 16, 12, .94);
  --panel-2: rgba(3, 18, 13, .94);
  --line: rgba(72, 176, 139, .4);
  --blue: #68ffd1;
  --blue-2: #68ffd1;
  --white: #f6fbff;
  --muted: #c6d8ef;
  --green: #14b88a;
  --shadow: 0 26px 80px rgba(0, 80, 54, .28);
  --radius: 12px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--white);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
  background: radial-gradient(circle at 75% 16%, rgba(20,184,138,.18), transparent 26rem), var(--bg);
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .26;
  background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 6px 6px;
  mix-blend-mode: screen;
  z-index: -1;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
.wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.section { position: relative; padding: 92px 0; border-bottom: 1px solid rgba(20,184,138,.18); }
.center { text-align: center; }
.dark { background: linear-gradient(180deg, rgba(4,13,31,.88), rgba(3,9,22,.96)); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.top-strip {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 12px 16px;
  text-align: center;
  background: linear-gradient(90deg, #020806, #07543e, #11a77c);
  color: #fff;
  font-weight: 950;
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: clamp(12px, 1vw, 16px);
  box-shadow: 0 1px 0 rgba(255,255,255,.18);
}
.top-strip::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 12px;
  border-radius: 999px;
  background: #14b88a;
  box-shadow: 0 0 18px rgba(20,184,138,.75);
  vertical-align: middle;
}

.hero {
  min-height: 820px;
  padding: 44px 0 34px;
  overflow: hidden;
  background: #020914;
  isolation: isolate;
}
.hero-video-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(1,8,20,.96), rgba(2,13,31,.72)), url('../img/hero-city-bg.png') center/cover no-repeat;
}
.youtube-player,
.hero-video-bg iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: max(124vw, 220vh) !important;
  height: max(70vw, 124vh) !important;
  transform: translate(-50%, -50%) scale(1.08) !important;
  border: 0 !important;
  opacity: .76;
  filter: saturate(1.18) contrast(1.12) brightness(.74);
  pointer-events: none !important;
}
.hero-video-bg::before,
.hero-video-bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.hero-video-bg::before { top: 0; height: 150px; background: linear-gradient(180deg, rgba(2,9,22,.98), rgba(2,9,22,.68), transparent); }
.hero-video-bg::after { bottom: 0; height: 170px; background: linear-gradient(0deg, rgba(2,9,22,.98), rgba(2,9,22,.72), transparent); }
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(1,8,20,.92) 0%, rgba(1,10,25,.76) 48%, rgba(2,14,34,.62) 100%), linear-gradient(180deg, rgba(1,8,20,.08), rgba(1,8,20,.42));
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at 70% 32%, rgba(20,184,138,.18), transparent 28rem), linear-gradient(180deg, transparent 68%, rgba(2,9,22,.88));
}
.hero-grid {
  position: relative;
  z-index: 3;
  min-height: 720px;
  display: grid;
  grid-template-columns: minmax(0, 520px) minmax(440px, 520px);
  grid-template-areas: "copy form" "bottom bottom";
  gap: 34px 120px;
  align-items: start;
}
.hero-copy { grid-area: copy; padding-top: 58px; }
.hero-form-panel { grid-area: form; width: 100%; max-width: 520px; justify-self: end; margin-top: 44px; padding: 32px 30px 26px; border: 1px solid rgba(72,176,139,.4); border-radius: 10px; background: linear-gradient(180deg, rgba(3,14,34,.92), rgba(1,9,24,.97)); box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(12px); }
.hero-bottom-bar { grid-area: bottom; align-self: end; display: grid; grid-template-columns: 1.2fr .8fr .88fr; align-items: center; gap: 0; margin-top: 18px; padding: 14px 20px; border: 1px solid rgba(72,176,139,.4); border-radius: 10px; background: linear-gradient(90deg, rgba(4,18,42,.92), rgba(4,26,62,.82)); box-shadow: 0 20px 60px rgba(0, 86, 60, .22); }
.hero-lockup { width: 100%; max-width: 520px; margin: 0 0 28px; }
.kicker,
.pill { display: inline-flex; align-items: center; justify-content: center; padding: 7px 13px; border-radius: 5px; background: linear-gradient(90deg, #07543e, #11a77c); color: #fff; font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .04em; box-shadow: 0 0 24px rgba(20,184,138,.32); }
.brand { max-width: 560px; margin-top: 18px; font-family: Arial Black, Impact, Arial, sans-serif; font-size: clamp(38px, 4vw, 58px); line-height: .93; text-transform: uppercase; color: var(--blue); letter-spacing: 1.5px; text-shadow: 0 5px 0 rgba(0,0,0,.24), 0 0 34px rgba(20,184,138,.28); }
.brand span { display: block; }
.hero-lockup::after { content: ""; display: block; width: 64px; height: 4px; margin-top: 26px; background: var(--blue); box-shadow: 0 0 16px rgba(104,255,209,.55); }
.headline,
.title { margin: 18px 0 24px; font-family: Arial Black, Impact, Arial, sans-serif; font-weight: 950; text-transform: uppercase; line-height: 1.04; text-wrap: balance; text-shadow: 0 0 28px rgba(20,184,138,.18); }
.hero .headline { max-width: 540px; margin: 0 0 18px; font-size: clamp(25px, 2.2vw, 34px); line-height: 1.22; color: #fff; text-shadow: 0 4px 0 rgba(0,0,0,.3); }
.hero .headline span,
.title span { color: var(--blue); }
.title { max-width: 980px; margin-left: auto; margin-right: auto; font-size: clamp(34px, 4vw, 56px); color: #fff; }
.title.left { margin-left: 0; text-align: left; }
.lead { max-width: 760px; color: var(--muted); font-size: 20px; margin: 0 auto 32px; }
.hero .lead { max-width: 560px; margin: 0; color: #dceeff; font-size: 17px; line-height: 1.65; }
.lead strong,
p strong { color: #fff; font-weight: 900; }
.eyebrow { display: block; margin-bottom: 18px; color: #68ffd1; font-weight: 900; text-transform: uppercase; letter-spacing: 7px; font-size: 14px; text-align: center; }
.eyebrow.left { text-align: left; }

.seat-progress { width: min(500px, 100%); margin-top: 24px; padding: 15px 16px; border: 1px solid rgba(72,176,139,.4); border-radius: 10px; background: rgba(2,15,37,.62); box-shadow: 0 18px 46px rgba(0, 86, 60, .2); }
.seat-row { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 10px; color: #eaf6ff; font-size: 13px; }
.seat-row strong { color: #fff; font-weight: 950; }
.seat-row span { color: #68ffd1; font-weight: 950; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.progress-track { height: 10px; overflow: hidden; border-radius: 999px; background: rgba(72,176,139,.18); box-shadow: inset 0 0 0 1px rgba(72,176,139,.18); }
.progress-track span { display: block; width: 89%; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #07845f, #68ffd1); box-shadow: 0 0 18px rgba(104,255,209,.65); }

.form-title { margin: 0 0 20px; color: #fff; font-family: Arial Black, Arial, sans-serif; font-size: 22px; line-height: 1.22; letter-spacing: .02em; text-transform: uppercase; text-align: center; }
.form-title span { color: #68ffd1; }
.form-card label { position: relative; display: block; margin-bottom: 12px; }
.form-card label::before { content: ""; position: absolute; left: 14px; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); z-index: 2; background: #68ffd1; filter: drop-shadow(0 0 8px rgba(104,255,209,.65)); -webkit-mask: var(--field-icon) center/contain no-repeat; mask: var(--field-icon) center/contain no-repeat; }
.form-card label:nth-of-type(1) { --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9a9 9 0 0 1 18 0H3Z"/%3E%3C/svg%3E'); }
.form-card label:nth-of-type(2) { --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 5h18v14H3V5Zm9 8 8-6H4l8 6Zm0 3L4 10v7h16v-7l-8 6Z"/%3E%3C/svg%3E'); }
.form-card label:nth-of-type(3) { --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M6.6 10.8a15.4 15.4 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.36 2.3.55 3.6.55a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.55 3.6a1 1 0 0 1-.25 1l-2.2 2.2Z"/%3E%3C/svg%3E'); }
.form-card label:nth-of-type(4) { --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 21V7h5V3h8v8h5v10H3Zm3-3h2v-2H6v2Zm0-5h2v-2H6v2Zm5 5h2v-2h-2v2Zm0-5h2v-2h-2v2Zm0-5h2V6h-2v2Zm5 10h2v-2h-2v2Zm0-5h2v-2h-2v2Z"/%3E%3C/svg%3E'); }
.form-card label:nth-of-type(5) { --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11.5A3.5 3.5 0 1 1 12 6a3.5 3.5 0 0 1 0 7.5Z"/%3E%3C/svg%3E'); }
.form-card label:nth-of-type(n+6)::before { display: none; }
input, select { width: 100%; height: 50px; padding: 0 14px 0 42px; border: 1px solid rgba(72,176,139,.34); border-radius: 6px; background: linear-gradient(180deg, rgba(8,24,52,.94), rgba(2,14,34,.94)); color: #f7fbff; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.14); font: 14px Arial, Helvetica, sans-serif; outline: none; }
select { appearance: none; -webkit-appearance: none; color: #dcecff; cursor: pointer; background-image: linear-gradient(180deg, rgba(8,24,52,.94), rgba(2,14,34,.94)), url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2348baff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m6 9 6 6 6-6"/%3E%3C/svg%3E'); background-repeat: no-repeat, no-repeat; background-position: center, right 14px center; background-size: auto, 16px 16px; padding-right: 42px; }
.form-card label:nth-of-type(n+6) select { padding-left: 14px; }
input::placeholder { color: #b6c8dd; opacity: 1; }
input:focus, select:focus { border-color: rgba(104,255,209,.75); box-shadow: 0 0 0 3px rgba(104,255,209,.18), inset 0 1px 0 rgba(255,255,255,.06); }
.form-card .is-invalid { border-color: rgba(20,184,138,.75); box-shadow: 0 0 0 3px rgba(20,184,138,.14); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: auto; min-height: 56px; padding: 0 26px; border: 0; border-radius: 6px; background: linear-gradient(90deg, #14b88a, #11a77c); color: #fff; font-size: 15px; font-weight: 950; text-decoration: none; text-transform: uppercase; letter-spacing: .2px; box-shadow: 0 18px 44px rgba(20,184,138,.32); cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
.button.full { width: 100%; }
.button:hover { transform: translateY(-1px); box-shadow: 0 22px 54px rgba(20,184,138,.38); }
.button:disabled { opacity: .68; cursor: progress; transform: none; }
.anchor-button { max-width: 360px; }
.fine { margin: 10px 0 0; color: #d8e7f4; font-size: 12px; text-align: center; line-height: 1.35; }
.form-status { min-height: 18px; margin: 10px 0 0; color: #68ffd1; font-size: 13px; text-align: center; }
.form-status.error { color: #68ffd1; }

.hero-bottom-bar .testimonial { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; padding-right: 28px; border-right: 1px solid rgba(72,176,139,.22); }
.quote-mark { color: #14b88a; font-size: 34px; line-height: 1; }
.testimonial p { max-width: 390px; margin: 0; color: #dcecff; font-size: 12px; line-height: 1.45; }
.bar-item { min-height: 66px; display: grid; grid-template-columns: 54px 1fr; column-gap: 14px; align-items: center; padding: 0 28px; border-right: 1px solid rgba(72,176,139,.22); }
.bar-item:last-child { border-right: 0; }
.bar-item strong { color: #fff; font-size: 17px; line-height: 1.05; text-transform: uppercase; }
.bar-item small { display: block; grid-column: 2; color: #cfe4ff; font-size: 12px; text-transform: uppercase; }
.bar-icon { grid-row: 1 / span 2; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(135deg, #0d6b5f, #14b88a); box-shadow: 0 0 28px rgba(20,184,138,.48); }
.calendar-icon::before { content: "▦"; color: #fff; font-size: 24px; }
.online-icon::before { content: "●"; color: #fff; font-size: 22px; }

.countdown { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 54px 24px; background: linear-gradient(180deg, #06142d, #040914); border-top: 1px solid rgba(63,141,225,.2); border-bottom: 1px solid rgba(63,141,225,.2); }
.clock { display: flex; gap: 22px; flex-wrap: wrap; justify-content: center; }
.timebox { width: 116px; min-height: 104px; padding: 14px 10px 16px; border: 1px solid rgba(72,176,139,.45); border-radius: 10px; background: rgba(2,12,31,.8); text-align: center; box-shadow: 0 18px 42px rgba(0, 86, 60, .18), inset 0 1px 0 rgba(255,255,255,.05); }
.timebox b { display: block; color: var(--blue-2); font-family: Impact, Arial Black, Arial, sans-serif; font-size: 58px; line-height: .9; }
.timebox span { color: var(--muted); font-size: 12px; letter-spacing: 1.8px; text-transform: uppercase; }

.pain-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 48px auto 44px; max-width: 1040px; }
.pain-card, .compare-card, .lesson-card, .stat { border: 1px solid rgba(72,176,139,.36); background: rgba(5,15,34,.78); border-radius: 8px; }
.pain-card { min-height: 96px; display: flex; gap: 16px; align-items: center; padding: 22px; color: #fff; text-align: left; box-shadow: 0 16px 50px rgba(0,0,0,.16); }
.pain-card .icon { width: 38px; height: 38px; display: grid; place-items: center; flex: none; border-radius: 10px; background: rgba(20,184,138,.14); color: #68ffd1; font-weight: 950; box-shadow: 0 0 22px rgba(20,184,138,.22); }
.pain-card strong { font-size: 17px; line-height: 1.35; }

.compare-wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 76px 28px; margin: 76px auto 0; max-width: 1150px; align-items: stretch; }
.compare-card { position: relative; min-height: 520px; padding: 92px 52px 44px; border: 1px solid rgba(72,176,139,.4); border-radius: 12px; background: linear-gradient(180deg, rgba(5,22,49,.88), rgba(4,14,32,.92)); box-shadow: 0 24px 76px rgba(0, 86, 60, .18), inset 0 1px 0 rgba(255,255,255,.06); }
.compare-card::before { content: ""; position: absolute; left: 50%; top: -48px; width: 96px; height: 96px; transform: translateX(-50%); border-radius: 999px; background: linear-gradient(135deg, #7f9db4, #7f9db4); box-shadow: 0 14px 34px rgba(20,184,138,.24), 0 14px 28px rgba(0,0,0,.42); }
.compare-card::after { content: "×"; position: absolute; left: 50%; top: -48px; width: 96px; height: 96px; display: grid; place-items: center; transform: translateX(-50%); color: #fff; font-size: 82px; font-weight: 300; line-height: 1; }
.compare-card.after { border-color: rgba(38, 184, 138, .48); }
.compare-card.after::before { background: linear-gradient(135deg, #14b88a, #00d5ff); box-shadow: 0 14px 34px rgba(104,255,209,.38), 0 14px 28px rgba(0,0,0,.42); }
.compare-card.after::after { content: "✓"; font-size: 70px; font-weight: 800; }
.compare-card h3 { margin: 0 0 38px; padding-bottom: 34px; border-bottom: 1px solid rgba(72,176,139,.2); font-family: Arial Black, Arial, sans-serif; font-size: 30px; line-height: 1.1; text-align: center; color: #fff; text-transform: uppercase; }
.compare-card ul { max-width: 430px; margin: 0 auto; padding: 0; list-style: none; }
.compare-card li { display: grid; grid-template-columns: 34px 1fr; align-items: start; gap: 14px; margin: 0 0 22px; color: #fff; font-size: 18px; font-weight: 850; line-height: 1.28; }
.compare-card li::before { content: "×"; color: #6f91b8; font-size: 42px; line-height: 20px; }
.compare-card.after li::before { content: "✓"; width: 24px; height: 24px; border: 2px solid #00d5ff; border-radius: 999px; color: #00d5ff; display: grid; place-items: center; font-size: 18px; font-weight: 950; line-height: 1; }

.guide { display: grid; grid-template-columns: minmax(360px, .82fr) minmax(0, 1.08fr); gap: 54px; align-items: start; }
.guide .portrait { position: relative; min-height: 610px; border: 1px solid rgba(72,176,139,.42); border-radius: 12px; overflow: hidden; background: radial-gradient(circle at 50% 22%, rgba(38, 158, 116, .4), transparent 15rem), linear-gradient(180deg,#08284b 0%, #020914 100%); box-shadow: 0 28px 90px rgba(0, 86, 60, .22), inset 0 1px 0 rgba(255,255,255,.08); }
.guide .portrait::before { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(72,176,139,.2); border-radius: 10px; background: radial-gradient(circle at 50% 35%, rgba(38, 158, 116, .4), transparent 15rem); z-index: 0; }
.guide .portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(1,10,24,.82)); pointer-events: none; z-index: 2; }
.portrait-cutout { position: absolute; left: 50%; bottom: -4px; transform: translateX(-50%); z-index: 1; width: min(82%, 390px); max-height: 101%; object-fit: contain; object-position: bottom center; filter: drop-shadow(0 32px 38px rgba(0,0,0,.58)); }
.guide-copy { padding-top: 4px; }
.guide-copy p { color: var(--muted); font-size: 18px; line-height: 1.58; }
.guide-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 30px; width: 100%; }
.guide-stats .stat { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 98px; padding: 16px 12px; text-align: center; border: 1px solid rgba(72,176,139,.5); border-radius: 8px; background: linear-gradient(180deg, rgba(4,24,55,.88), rgba(3,15,36,.94)); box-shadow: 0 14px 34px rgba(0, 86, 60, .18), inset 0 1px 0 rgba(255,255,255,.06); }
.guide-stats .stat b { display: block; margin: 0 0 9px; color: #68ffd1; font-family: Arial Black, Impact, Arial, sans-serif; font-size: clamp(25px, 2.1vw, 34px); line-height: 1; text-align: center; white-space: nowrap; }
.guide-stats .stat span { display: block; color: #dceeff; font-size: 13px; font-weight: 700; line-height: 1.25; text-align: center; }

.lessons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 52px auto 0; max-width: 1150px; }
.lesson-card { min-height: 190px; display: grid; grid-template-columns: 62px 1fr; grid-template-areas: "num title" "num text"; column-gap: 22px; row-gap: 10px; align-items: start; padding: 30px 28px; text-align: left; box-shadow: 0 18px 58px rgba(0,0,0,.16); }
.lesson-card .num { grid-area: num; width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(72,176,139,.4); border-radius: 12px; background: rgba(20,184,138,.14); color: #68ffd1; font-weight: 950; box-shadow: 0 0 24px rgba(20,184,138,.2); }
.lesson-card h3 { grid-area: title; margin: 0; font-family: Arial Black, Arial, sans-serif; font-size: clamp(21px,1.65vw,28px); line-height: 1.08; text-transform: uppercase; }
.lesson-card p { grid-area: text; margin: 0; color: #d5e4f6; font-size: 16px; line-height: 1.55; }

.cta-final { padding: 104px 0 64px; background: radial-gradient(circle at 50% 26%, rgba(0,119,255,.22), transparent 30rem), linear-gradient(180deg,#06142d,#040914); }
.cta-final .pill { background: rgba(8,91,178,.18); border: 1px solid rgba(72,176,139,.42); color: #68ffd1; border-radius: 999px; }
.meta-row { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 600px; margin: 32px auto; border: 1px solid rgba(72,176,139,.5); border-radius: 10px; overflow: hidden; background: rgba(3,20,49,.78); box-shadow: 0 18px 48px rgba(0, 86, 60, .2); }
.meta-row div { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 66px; padding: 14px 18px; color: #fff; font-weight: 950; font-size: 16px; line-height: 1.15; text-align: center; }
.meta-row div + div { border-left: 1px solid rgba(72,176,139,.24); }
.site-footer { padding: 30px 16px; text-align: center; color: var(--muted); background: #030814; border-top: 1px solid rgba(63,141,225,.2); }
.site-footer .wrap { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }

.success-modal { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 24px; }
.success-modal.is-open { display: flex; }
.success-backdrop { position: absolute; inset: 0; background: rgba(0, 5, 14, .76); backdrop-filter: blur(8px); }
.success-dialog { position: relative; width: min(560px, 100%); padding: 36px 30px 30px; border: 1px solid rgba(62, 160, 255, .56); border-radius: 16px; background: linear-gradient(180deg, rgba(5, 26, 59, .98), rgba(2, 10, 25, .98)); box-shadow: 0 30px 100px rgba(0, 0, 0, .54), 0 0 70px rgba(0, 132, 255, .16); text-align: center; }
.modal-close { position: absolute; top: 12px; right: 14px; width: 36px; height: 36px; border: 0; border-radius: 999px; background: rgba(255,255,255,.08); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.success-badge { display: inline-flex; padding: 7px 13px; border-radius: 999px; background: rgba(20,184,138,.14); color: #68ffd1; border: 1px solid rgba(20,184,138,.4); font-weight: 950; text-transform: uppercase; font-size: 12px; letter-spacing: .05em; }
.success-dialog h2 { margin: 18px 0 10px; font-family: Arial Black, Arial, sans-serif; font-size: clamp(30px, 5vw, 42px); line-height: 1.02; text-transform: uppercase; }
.success-dialog p { margin: 12px auto; max-width: 460px; color: #d8e9ff; }
.modal-actions { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
.whatsapp-button { background: linear-gradient(90deg, #08a83a, #14c75a); box-shadow: 0 18px 44px rgba(20,184,138,.24); }
.calendar-button { background: linear-gradient(90deg, #14b88a, #11a77c); }

@media (max-width: 1100px) {
  .hero-grid { grid-template-columns: 1fr; grid-template-areas: "copy" "form" "bottom"; gap: 26px; min-height: auto; }
  .hero-copy { padding-top: 18px; }
  .hero-form-panel { justify-self: stretch; max-width: none; margin-top: 0; }
  .hero-lockup, .hero .headline, .hero .lead { max-width: 100%; }
  .hero-bottom-bar { grid-template-columns: 1fr; gap: 12px; }
  .hero-bottom-bar .testimonial, .bar-item { border-right: 0; border-bottom: 1px solid rgba(72,176,139,.22); padding: 0 0 14px; }
  .bar-item:last-child { border-bottom: 0; padding-bottom: 0; }
  .guide { grid-template-columns: 1fr; gap: 34px; }
  .guide .portrait { min-height: 520px; }
}

@media (max-width: 920px) {
  .wrap { width: min(100% - 36px, 1180px); }
  .section { padding: 70px 0; }
  .brand { font-size: clamp(32px, 9vw, 48px); }
  .hero .headline { font-size: clamp(23px, 7vw, 31px); }
  .title { font-size: clamp(30px, 9vw, 48px); }
  .pain-grid, .compare-wrap, .lessons { grid-template-columns: 1fr; }
  .compare-card { min-height: auto; padding: 76px 24px 32px; }
  .guide-stats { grid-template-columns: 1fr; }
  .guide-stats .stat b { white-space: normal; }
  .meta-row { grid-template-columns: 1fr; }
  .meta-row div + div { border-left: 0; border-top: 1px solid rgba(72,176,139,.24); }
}

@media (max-width: 760px) {
  .hero-video-bg .youtube-player, .hero-video-bg iframe { display: none !important; }
  .hero-video-bg { background: linear-gradient(180deg, rgba(1,8,20,.88), rgba(1,8,20,.9)), url('../img/hero-city-bg.png') center/cover no-repeat; }
  .hero { min-height: auto; padding-top: 36px; }
  .top-strip { font-size: 12px; line-height: 1.25; padding: 10px 12px; }
  .hero-form-panel { padding: 24px 18px 22px; }
  .hero-lockup::after { margin-top: 18px; }
  .hero .lead { font-size: 15px; line-height: 1.55; }
  .seat-row { flex-direction: column; align-items: flex-start; gap: 4px; }
  .clock { gap: 10px; }
  .timebox { width: 74px; min-height: 82px; }
  .timebox b { font-size: 40px; }
  .timebox span { font-size: 10px; }
  .eyebrow { letter-spacing: 3px; }
  .lesson-card { grid-template-columns: 1fr; grid-template-areas: "num" "title" "text"; }
  .success-dialog { padding: 32px 20px 24px; }
}

@media (max-width: 420px) {
  .wrap { width: min(100% - 28px, 1180px); }
  .brand { font-size: 32px; }
  .hero .headline { font-size: 24px; }
  .button { font-size: 13px; padding: 0 16px; }
  .form-title { font-size: 20px; }
}

.form-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}


/* Refinos de ícones da meta-row e box internacional */
.meta-row div { background: transparent; }
.meta-row .meta-icon {
  width: 34px;
  height: 34px;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #ffffff;
  background: linear-gradient(135deg, #14b88a, #68ffd1);
  box-shadow: 0 0 22px rgba(0, 186, 255, .28), inset 0 1px 0 rgba(255,255,255,.18);
}
.meta-row .meta-icon svg {
  width: 19px;
  height: 19px;
  display: block;
}
.meta-row div:nth-child(2) .meta-icon {
  background: linear-gradient(135deg, #7f9db4, #14b88a);
  box-shadow: 0 0 22px rgba(255, 94, 0, .28), inset 0 1px 0 rgba(255,255,255,.14);
}
.meta-row div:nth-child(3) .meta-icon {
  background: linear-gradient(135deg, #14b88a, #37dfff);
}
.meta-row div span:last-child {
  display: inline-block;
}
.guide-stats .stat.stat-international {
  padding-left: 18px;
  padding-right: 18px;
}
.guide-stats .stat.stat-international b {
  font-size: clamp(22px, 1.8vw, 30px);
  line-height: 1.05;
  white-space: normal;
  max-width: 100%;
  text-wrap: balance;
}
.guide-stats .stat.stat-international span {
  max-width: 155px;
  margin: 0 auto;
}
@media (max-width: 920px) {
  .meta-row .meta-icon { width: 32px; height: 32px; }
  .meta-row .meta-icon svg { width: 18px; height: 18px; }
  .guide-stats .stat.stat-international span { max-width: none; }
}


/* Correção da cor dos menus dos selects */
select,
.form-card select {
  color: #f7fbff !important;
  background-color: #06142d !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #68ffd1 50%),
    linear-gradient(135deg, #68ffd1 50%, transparent 50%),
    linear-gradient(180deg, rgba(8,24,52,.94), rgba(2,14,34,.94)) !important;
  background-position:
    calc(100% - 20px) 50%,
    calc(100% - 14px) 50%,
    0 0 !important;
  background-size:
    6px 6px,
    6px 6px,
    100% 100% !important;
  background-repeat: no-repeat !important;
  border-color: rgba(104,255,209,.55) !important;
}

select option,
.form-card select option {
  background: #06142d !important;
  background-color: #06142d !important;
  color: #f7fbff !important;
}

select option:first-child,
.form-card select option:first-child {
  color: #b6c8dd !important;
}

select option:checked,
select option:hover,
.form-card select option:checked,
.form-card select option:hover {
  background: #14b88a !important;
  background-color: #14b88a !important;
  color: #ffffff !important;
}

/* Firefox */
select:-moz-focusring {
  color: transparent !important;
  text-shadow: 0 0 0 #f7fbff !important;
}



/* =========================================================
   Correção geral de responsividade e títulos
   ========================================================= */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  min-width: 0;
}

img,
iframe,
video {
  max-width: 100%;
}

.wrap {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px;
}

.hero {
  overflow: hidden;
}

.hero-grid {
  width: min(1180px, calc(100% - 48px));
  grid-template-columns: minmax(0, 54%) minmax(380px, 46%);
  gap: 32px;
  align-items: start;
}

.hero-copy {
  max-width: 100%;
}

.hero-form-panel {
  max-width: 520px;
  width: 100%;
  justify-self: end;
}

.hero-lockup {
  max-width: 100%;
}

.hero-lockup .brand {
  max-width: 100%;
  font-size: clamp(42px, 4.2vw, 68px);
  line-height: .9;
  letter-spacing: .02em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.hero-lockup .brand .brand-main,
.hero-lockup .brand span {
  display: block;
  max-width: 100%;
}

.hero .headline {
  max-width: 620px;
  font-size: clamp(28px, 2.35vw, 40px);
  line-height: 1.15;
  letter-spacing: .01em;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}

.hero .lead {
  max-width: 610px;
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.65;
  overflow-wrap: normal;
}

.seat-progress {
  max-width: 560px;
}

.form-title {
  font-size: clamp(21px, 1.8vw, 27px);
  line-height: 1.18;
  text-wrap: balance;
}

.title {
  max-width: 1000px;
  font-size: clamp(34px, 3.6vw, 56px);
  line-height: 1.04;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}

.lead {
  overflow-wrap: normal;
  word-break: normal;
}

/* Desktop médio / notebooks */
@media (max-width: 1240px) {
  .hero-grid {
    grid-template-columns: minmax(0, 52%) minmax(380px, 48%);
    gap: 24px;
  }

  .hero-lockup .brand {
    font-size: clamp(40px, 4vw, 58px);
  }

  .hero .headline {
    font-size: clamp(27px, 2.45vw, 36px);
    max-width: 560px;
  }

  .hero .lead {
    max-width: 560px;
  }
}

/* Tablet: empilha para não cortar texto nem invadir o formulário */
@media (max-width: 1060px) {
  .wrap,
  .hero-grid {
    width: min(100% - 40px, 760px);
  }

  .hero-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "form"
      "bottom";
    gap: 28px;
  }

  .hero-copy {
    grid-area: copy;
    padding-top: 18px;
  }

  .hero-form-panel {
    grid-area: form;
    justify-self: stretch;
    max-width: 100%;
    margin-top: 0;
  }

  .hero-bottom-bar {
    grid-area: bottom;
  }

  .hero-lockup .brand {
    font-size: clamp(42px, 8vw, 64px);
    line-height: .92;
  }

  .hero .headline {
    max-width: 720px;
    font-size: clamp(29px, 5vw, 42px);
  }

  .hero .lead,
  .seat-progress {
    max-width: 720px;
  }
}

/* Mobile */
@media (max-width: 760px) {
  .wrap,
  .hero-grid {
    width: calc(100% - 32px);
    max-width: none;
  }

  .section {
    padding-left: 0;
    padding-right: 0;
  }

  .hero {
    padding: 34px 0 28px !important;
    min-height: auto;
  }

  .hero-grid {
    gap: 22px;
  }

  .hero-copy {
    padding-top: 0 !important;
  }

  .hero-lockup {
    margin-bottom: 20px;
  }

  .hero-lockup .kicker {
    font-size: 11px;
    padding: 7px 12px;
    max-width: 100%;
  }

  .hero-lockup .brand {
    font-size: clamp(34px, 12.2vw, 48px) !important;
    line-height: .94 !important;
    letter-spacing: .01em;
    max-width: 100%;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
  }

  .hero-lockup .brand .brand-main {
    font-size: inherit !important;
  }

  .hero-lockup .brand span:last-child {
    font-size: inherit !important;
  }

  .hero-lockup::after {
    width: 64px;
    height: 4px;
    margin-top: 18px;
  }

  .hero .headline {
    max-width: 100%;
    font-size: clamp(25px, 7.6vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: .01em;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: balance;
  }

  .hero .headline .hot {
    display: inline;
  }

  .hero .lead {
    max-width: 100%;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
  }

  .seat-progress {
    width: 100%;
    margin-top: 22px;
    padding: 14px 15px;
  }

  .seat-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 4px;
  }

  .hero-form-panel {
    padding: 24px 18px 22px !important;
  }

  .form-title {
    font-size: clamp(20px, 6vw, 25px) !important;
    line-height: 1.16 !important;
  }

  input,
  select {
    max-width: 100%;
  }

  .title {
    font-size: clamp(29px, 9vw, 42px) !important;
    line-height: 1.06 !important;
    max-width: 100%;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
  }

  .lead {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .pain-grid,
  .compare-wrap,
  .lessons,
  .guide,
  .guide-stats,
  .badges,
  .meta-row {
    width: 100%;
    max-width: 100%;
  }

  .guide-copy p,
  .lesson-card p,
  .compare-card li,
  .pain-card {
    word-break: normal;
    overflow-wrap: normal;
  }
}

/* Celulares pequenos */
@media (max-width: 420px) {
  .wrap,
  .hero-grid {
    width: calc(100% - 28px);
  }

  .hero-lockup .brand {
    font-size: clamp(31px, 11vw, 40px) !important;
    line-height: .96 !important;
  }

  .hero .headline {
    font-size: clamp(23px, 7vw, 29px) !important;
    line-height: 1.16 !important;
  }

  .hero .lead {
    font-size: 15px !important;
    line-height: 1.56 !important;
  }

  .button,
  .cta-final .button {
    font-size: 13px !important;
    min-height: 56px !important;
  }
}

/* Ajuste extremo para telas muito estreitas */
@media (max-width: 360px) {
  .hero-lockup .brand {
    font-size: 29px !important;
  }

  .hero .headline {
    font-size: 22px !important;
  }

  .form-title {
    font-size: 19px !important;
  }
}



/* =========================================================
   Ajustes finos finais: hero desktop + CTA mobile
   ========================================================= */

/* Hero desktop: impedir que o título invada a área do formulário */
.hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 490px) !important;
  gap: 46px !important;
}
.hero-copy {
  padding-right: 10px;
}
.hero-lockup .brand {
  max-width: 560px !important;
  font-size: clamp(38px, 3.6vw, 58px) !important;
  line-height: .92 !important;
}
.hero .headline {
  max-width: 560px !important;
  font-size: clamp(26px, 2.15vw, 36px) !important;
  line-height: 1.14 !important;
}
.hero .lead,
.seat-progress {
  max-width: 560px !important;
}
.hero-form-panel {
  max-width: 490px !important;
}

@media (max-width: 1280px) and (min-width: 1061px) {
  .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 460px) !important;
    gap: 34px !important;
  }
  .hero-lockup .brand {
    max-width: 500px !important;
    font-size: clamp(34px, 3.1vw, 50px) !important;
  }
  .hero .headline {
    max-width: 500px !important;
    font-size: clamp(24px, 1.95vw, 31px) !important;
  }
  .hero .lead,
  .seat-progress {
    max-width: 500px !important;
  }
}

/* CTA final no mobile: evitar corte/estouro de títulos longos */
@media (max-width: 760px) {
  .cta-final .title {
    max-width: 100% !important;
    font-size: clamp(21px, 7.2vw, 31px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto;
  }
  .cta-final .lead {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 420px) {
  .cta-final .title {
    font-size: clamp(20px, 7vw, 28px) !important;
    line-height: 1.1 !important;
  }
}



/* =========================================================
   Correção definitiva: título do hero não invadir formulário
   ========================================================= */

/* Desktop grande */
@media (min-width: 1061px) {
  .hero-grid {
    grid-template-columns: minmax(0, 600px) minmax(430px, 490px) !important;
    justify-content: space-between !important;
    column-gap: 70px !important;
  }

  .hero-copy {
    width: 100% !important;
    max-width: 600px !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .hero-lockup,
  .hero .headline,
  .hero .lead,
  .seat-progress {
    width: 100% !important;
    max-width: 600px !important;
  }

  .hero-lockup .brand {
    width: 100% !important;
    max-width: 600px !important;
    font-size: clamp(38px, 3.35vw, 56px) !important;
    line-height: .92 !important;
    letter-spacing: .01em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .hero-lockup .brand .brand-main,
  .hero-lockup .brand span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-form-panel {
    width: 100% !important;
    max-width: 490px !important;
    justify-self: end !important;
  }
}

/* Notebooks e telas entre 1061px e 1320px */
@media (min-width: 1061px) and (max-width: 1320px) {
  .hero-grid {
    grid-template-columns: minmax(0, 540px) minmax(410px, 490px) !important;
    column-gap: 54px !important;
  }

  .hero-copy,
  .hero-lockup,
  .hero .headline,
  .hero .lead,
  .seat-progress {
    max-width: 540px !important;
  }

  .hero-lockup .brand {
    max-width: 540px !important;
    font-size: clamp(35px, 3.1vw, 48px) !important;
    line-height: .94 !important;
  }

  .hero .headline {
    font-size: clamp(24px, 2vw, 31px) !important;
    max-width: 520px !important;
  }

  .hero .lead,
  .seat-progress {
    max-width: 520px !important;
  }
}

/* Faixa crítica: antes de empilhar, diminuir mais o título */
@media (min-width: 1061px) and (max-width: 1180px) {
  .hero-grid {
    grid-template-columns: minmax(0, 470px) minmax(390px, 460px) !important;
    column-gap: 42px !important;
  }

  .hero-copy,
  .hero-lockup,
  .hero .headline,
  .hero .lead,
  .seat-progress {
    max-width: 470px !important;
  }

  .hero-lockup .brand {
    max-width: 470px !important;
    font-size: clamp(32px, 2.8vw, 42px) !important;
  }
}

/* Tablets continuam empilhando */
@media (max-width: 1060px) {
  .hero-grid {
    grid-template-columns: 1fr !important;
  }

  .hero-copy,
  .hero-lockup,
  .hero .headline,
  .hero .lead,
  .seat-progress,
  .hero-form-panel {
    max-width: 100% !important;
  }
}



/* =========================================================
   Correção mobile: título do hero sem corte lateral
   ========================================================= */
@media (max-width: 760px) {
  .hero {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero-grid,
  .wrap {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }

  .hero-lockup {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .hero-lockup .brand {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(25px, 7.4vw, 32px) !important;
    line-height: .98 !important;
    letter-spacing: .035em !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .hero-lockup .brand .brand-main,
  .hero-lockup .brand span {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    font-size: inherit !important;
  }

  .hero .headline {
    font-size: clamp(22px, 6.7vw, 30px) !important;
    line-height: 1.16 !important;
    letter-spacing: .02em !important;
  }

  .top-strip {
    font-size: 11px !important;
    line-height: 1.15 !important;
    padding: 9px 12px !important;
    letter-spacing: .45px !important;
  }
}

@media (max-width: 390px) {
  .hero-grid,
  .wrap {
    width: calc(100% - 24px) !important;
  }

  .hero-lockup .brand {
    font-size: clamp(24px, 7vw, 28px) !important;
    letter-spacing: .025em !important;
  }

  .hero .headline {
    font-size: clamp(21px, 6.4vw, 27px) !important;
  }
}



/* =========================================================
   Correção definitiva dos ícones do formulário
   ========================================================= */

/* mantém o honeypot sem ícone */
.form-card .form-hp::before {
  display: none !important;
}

/* remove dependência da ordem dos labels visíveis */
.form-card label.field-name::before,
.form-card label.field-email::before,
.form-card label.field-whatsapp::before,
.form-card label.field-company::before,
.form-card label.field-state::before {
  display: block !important;
}

/* Nome */
.form-card label.field-name {
  --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9a9 9 0 0 1 18 0H3Z"/%3E%3C/svg%3E');
}

/* E-mail */
.form-card label.field-email {
  --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 5h18v14H3V5Zm9 8 8-6H4l8 6Zm0 3L4 10v7h16v-7l-8 6Z"/%3E%3C/svg%3E');
}

/* WhatsApp / telefone */
.form-card label.field-whatsapp {
  --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M6.6 10.8a15.4 15.4 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.36 2.3.55 3.6.55a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.55 3.6a1 1 0 0 1-.25 1l-2.2 2.2Z"/%3E%3C/svg%3E');
}

/* Empresa */
.form-card label.field-company {
  --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 21V7h5V3h8v8h5v10H3Zm3-3h2v-2H6v2Zm0-5h2v-2H6v2Zm5 5h2v-2h-2v2Zm0-5h2v-2h-2v2Zm0-5h2V6h-2v2Zm5 10h2v-2h-2v2Zm0-5h2v-2h-2v2Z"/%3E%3C/svg%3E');
}

/* Estado / localização */
.form-card label.field-state {
  --field-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11.5A3.5 3.5 0 1 1 12 6a3.5 3.5 0 0 1 0 7.5Z"/%3E%3C/svg%3E');
}

/* Selects adicionais sem ícone próprio, preservando visual limpo */
.form-card label.field-team::before,
.form-card label.field-revenue::before {
  display: none !important;
}
.form-card label.field-team select,
.form-card label.field-revenue select {
  padding-left: 14px !important;
}


/* Estado sem ícone */
.form-card label.field-state::before {
  display: none !important;
}
.form-card label.field-state select {
  padding-left: 14px !important;
}

/* =========================================================
   Adaptação Grupo Fathor + IP Seller
   ========================================================= */
:root {
  --bg: #020806;
  --bg-2: #03140f;
  --panel: rgba(3, 16, 12, .94);
  --panel-2: rgba(4, 23, 18, .9);
  --line: rgba(38, 158, 116, .4);
  --blue: #14b88a;
  --blue-2: #68ffd1;
  --green: #16c784;
  --shadow: 0 26px 80px rgba(0, 80, 54, .28);
}

body {
  background: radial-gradient(circle at 75% 16%, rgba(20,184,138,.18), transparent 26rem), var(--bg);
}

.top-strip {
  background: linear-gradient(90deg, #03140f, #07543e, #11a77c);
}

.top-strip::before {
  background: #16c784;
  box-shadow: 0 0 18px rgba(20,184,138,.95);
}

.hero-video-bg {
  background: linear-gradient(90deg, rgba(1,10,7,.97), rgba(2,24,18,.76)), url('../img/hero-city-bg.png') center/cover no-repeat;
}

.hero::before {
  background: linear-gradient(90deg, rgba(1,10,7,.94) 0%, rgba(2,18,14,.82) 48%, rgba(2,30,23,.66) 100%), linear-gradient(180deg, rgba(1,10,7,.08), rgba(1,10,7,.42));
}

.hero::after {
  background: radial-gradient(circle at 70% 32%, rgba(20,184,138,.2), transparent 28rem), linear-gradient(180deg, transparent 68%, rgba(2,9,7,.88));
}

.hero-form-panel,
.hero-bottom-bar,
.seat-progress,
.guide-stats .stat,
.meta-row,
.success-dialog {
  border-color: rgba(38, 184, 138, .48);
  box-shadow: 0 22px 70px rgba(0, 86, 60, .2), inset 0 1px 0 rgba(255,255,255,.07);
}

.hero-form-panel,
.hero-bottom-bar,
.meta-row,
.success-dialog {
  background: linear-gradient(180deg, rgba(3, 18, 13, .94), rgba(1, 10, 8, .98));
}

.kicker,
.pill,
.button,
.calendar-button {
  background: linear-gradient(90deg, #07845f, #14b88a);
  box-shadow: 0 18px 44px rgba(20,184,138,.28);
}

.button:hover {
  box-shadow: 0 22px 54px rgba(20,184,138,.38);
}

.form-title span,
.hero .headline span,
.title span,
.eyebrow,
.seat-row span,
.guide-stats .stat b,
.lesson-card .num {
  color: #68ffd1;
}

.form-card label::before {
  background: #68ffd1;
  filter: drop-shadow(0 0 8px rgba(104,255,209,.55));
}

input,
select {
  border-color: rgba(72, 176, 139, .4);
  background: linear-gradient(180deg, rgba(5, 26, 19, .94), rgba(2, 15, 11, .96));
}

.progress-track span {
  background: linear-gradient(90deg, #07845f, #68ffd1);
  box-shadow: 0 0 18px rgba(104,255,209,.65);
}

.compare-card.after li::before {
  border-color: #68ffd1;
  color: #68ffd1;
}

.hero-logo {
  width: min(360px, 92%);
  height: auto;
  margin: 0 0 20px;
  filter: drop-shadow(0 18px 36px rgba(0,0,0,.44));
}

.hero-lockup .brand {
  color: #68ffd1;
  text-shadow: 0 5px 0 rgba(0,0,0,.24), 0 0 34px rgba(20,184,138,.32);
}

.hero-lockup::after {
  background: #68ffd1;
  box-shadow: 0 0 16px rgba(104,255,209,.75);
}

.form-card label.field-marketplace::before,
.form-card label.field-orders::before,
.form-card label.field-profit::before {
  display: none !important;
}

.form-card label.field-marketplace select,
.form-card label.field-orders select,
.form-card label.field-profit select {
  padding-left: 14px !important;
}

.logo-panel {
  min-height: 430px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 44px 34px;
  background: radial-gradient(circle at 50% 40%, rgba(20,184,138,.22), transparent 16rem), linear-gradient(180deg,#061f18 0%, #020806 100%) !important;
}

.logo-panel::after {
  background: linear-gradient(180deg, transparent 60%, rgba(1,10,8,.72)) !important;
}

.partner-logo {
  position: relative;
  z-index: 3;
  width: min(92%, 520px);
  height: auto;
  filter: drop-shadow(0 26px 42px rgba(0,0,0,.55));
}

.partner-text {
  position: relative;
  z-index: 3;
  display: inline-flex;
  margin-top: 22px;
  padding: 10px 16px;
  border: 1px solid rgba(104,255,209,.38);
  border-radius: 999px;
  color: #dffdf5;
  background: rgba(2, 15, 11, .72);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 13px;
}

.bonus-grid .icon {
  color: #68ffd1;
}

.thank-you-page {
  min-height: calc(100vh - 82px);
  display: grid;
  place-items: center;
}

.thank-you-logo {
  width: min(420px, 90%);
  margin: 0 auto 30px;
  filter: drop-shadow(0 18px 36px rgba(0,0,0,.42));
}

.thank-you-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
}

@media (max-width: 760px) {
  .hero-logo { width: min(300px, 92%); margin-left: auto; margin-right: auto; }
  .hero-copy .hero-lockup { text-align: center; }
  .logo-panel { min-height: 300px !important; }
  .partner-text { font-size: 11px; }
}

/* Ajuste fino: somente cores nas áreas indicadas */
.countdown {
  background: linear-gradient(180deg, #03140f, #020806) !important;
  border-top: 1px solid rgba(38, 158, 116, .32) !important;
  border-bottom: 1px solid rgba(38, 158, 116, .32) !important;
}

.timebox {
  border-color: rgba(72, 176, 139, .4) !important;
  background: rgba(2, 15, 11, .72) !important;
  box-shadow: 0 18px 42px rgba(0, 86, 60, .18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.timebox b { color: #68ffd1 !important; }
.timebox span { color: #d8e7f4 !important; }

.pain-card,
.compare-card,
.lesson-card,
.stat {
  border-color: rgba(72, 176, 139, .34) !important;
  background: linear-gradient(180deg, rgba(3, 18, 13, .94), rgba(1, 10, 8, .98)) !important;
}

.compare-card {
  box-shadow: 0 24px 76px rgba(0, 86, 60, .18), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.compare-card::before {
  background: linear-gradient(135deg, #7f9db4, #9ab4c5) !important;
  box-shadow: 0 14px 34px rgba(0, 86, 60, .18), 0 14px 28px rgba(0,0,0,.42) !important;
}
.compare-card.after {
  border-color: rgba(104,255,209,.38) !important;
}
.compare-card.after::before {
  background: linear-gradient(135deg, #14b88a, #68ffd1) !important;
  box-shadow: 0 14px 34px rgba(20,184,138,.24), 0 14px 28px rgba(0,0,0,.42) !important;
}
.compare-card h3 {
  border-bottom-color: rgba(72, 176, 139, .18) !important;
}
.compare-card li::before { color: #7f9db4 !important; }

.guide .portrait {
  border-color: rgba(72, 176, 139, .42) !important;
  background: radial-gradient(circle at 50% 22%, rgba(20,184,138,.24), transparent 15rem), linear-gradient(180deg, #061f18 0%, #020806 100%) !important;
  box-shadow: 0 28px 90px rgba(0, 86, 60, .22), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.guide .portrait::before {
  border-color: rgba(72, 176, 139, .18) !important;
  background: radial-gradient(circle at 50% 35%, rgba(20,184,138,.18), transparent 15rem) !important;
}

.lesson-card .num,
.pain-card .icon {
  border-color: rgba(72, 176, 139, .38);
  background: rgba(20,184,138,.14) !important;
  color: #68ffd1 !important;
  box-shadow: 0 0 22px rgba(20,184,138,.18) !important;
}

.meta-row {
  background: rgba(3, 18, 13, .94) !important;
}
.meta-row .meta-icon {
  box-shadow: 0 0 22px rgba(20,184,138,.22), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.meta-row div:nth-child(2) .meta-icon {
  box-shadow: 0 0 22px rgba(127,157,180,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.meta-row div:nth-child(3) .meta-icon {
  background: linear-gradient(135deg, #7f9db4, #14b88a) !important;
}

.cta-final {
  background: radial-gradient(circle at 50% 26%, rgba(20,184,138,.18), transparent 30rem), linear-gradient(180deg, #03140f, #020806) !important;
}
.site-footer {
  background: #020806 !important;
  border-top-color: rgba(38, 158, 116, .2) !important;
}