/* ═══════════════════════════════════════════════════════════
   INDEPENDÊNCIA EMOCIONAL — 10 SET · Feira de Santana/BA
   Identidade extraída do card oficial
   ═══════════════════════════════════════════════════════════ */

/* ───────── 1. TOKENS ───────── */
:root{
  /* verdes */
  --g950:#04160A;
  --g900:#07230D;
  --g850:#0A2E12;
  --g800:#0E3B17;
  --g700:#155321;
  --g600:#1E6B2A;
  --g500:#2E8B32;
  --oliva:#7BA02A;

  /* ouro */
  --o700:#B87A02;
  --o600:#D99500;
  --o500:#F2A900;
  --o400:#FFC01E;
  --o300:#FFD75E;
  --o200:#FFE79B;

  /* neutros */
  --creme:#FDF7E8;
  --txt:#EFE9DA;
  --txt-dim:rgba(239,233,218,.70);
  --txt-mute:rgba(239,233,218,.50);
  --azul:#2B5EA8;

  /* tipografia */
  --serif:'Playfair Display', 'Times New Roman', Georgia, serif;
  --sans:'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* layout */
  --wrap:1180px;
  --narrow:820px;
  --r:16px;
  --nav-h:74px;

  --shadow-lg:0 30px 70px -20px rgba(0,0,0,.75);
  --shadow-gold:0 18px 46px -14px rgba(242,169,0,.45);
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ───────── 2. RESET / BASE ───────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--nav-h) + 12px);
  -webkit-text-size-adjust:100%;
}

body{
  font-family:var(--sans);
  font-size:17px;
  line-height:1.68;
  color:var(--txt);
  background:var(--g950);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  padding-bottom:0;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{width:100%;height:100%;display:block}
::selection{background:var(--o400);color:var(--g950)}

.skip{
  position:absolute;left:-9999px;top:0;z-index:999;
  background:var(--o400);color:var(--g950);padding:12px 20px;
  font-weight:700;border-radius:0 0 10px 0;
}
.skip:focus{left:0}

:focus-visible{outline:2px solid var(--o400);outline-offset:3px;border-radius:4px}

/* ───────── 3. UTILITÁRIOS ───────── */
.wrap{width:min(100% - 40px, var(--wrap));margin-inline:auto}
.narrow{width:min(100% - 40px, var(--narrow))}
.center{text-align:center}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease), transform .85s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1!important;transform:none!important;transition:none}
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ───────── 4. TIPOGRAFIA ───────── */
.h2{
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(2rem, 5.2vw, 3.4rem);
  line-height:1.1;
  letter-spacing:-.015em;
  color:var(--creme);
  margin-bottom:32px;
  text-wrap:balance;
}
.h2 em{
  display:block;
  font-style:italic;
  font-weight:500;
  color:var(--o300);
  margin-top:.14em;
}

.kicker{
  font-family:var(--sans);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--o400);
  margin-bottom:18px;
}
.kicker.center{text-align:center}

.lead{
  font-size:clamp(1.06rem,2.1vw,1.28rem);
  color:var(--txt-dim);
  line-height:1.72;
  margin-bottom:30px;
  max-width:70ch;
}
.lead.center{margin-inline:auto;text-align:center}
.lead b{color:var(--creme);font-weight:700}

.prose p{margin-bottom:16px;color:var(--txt-dim);font-size:1.06rem}
.prose p b{color:var(--creme);font-weight:700}
.prose.center{text-align:center}

.pull{
  font-family:var(--serif);
  font-size:clamp(1.3rem,3vw,1.8rem);
  line-height:1.4;
  color:var(--txt);
  margin:34px 0;
  padding-left:24px;
  border-left:3px solid var(--o500);
}
.pull b{color:var(--o300);font-weight:700}

.stamp{
  margin-top:44px;
  padding:26px 30px;
  text-align:center;
  font-size:1.1rem;
  line-height:1.6;
  color:var(--txt-dim);
  background:linear-gradient(180deg, rgba(255,192,30,.07), rgba(255,192,30,.02));
  border:1px solid rgba(255,192,30,.22);
  border-radius:var(--r);
}
.stamp b{
  display:inline-block;
  font-family:var(--serif);
  font-style:italic;
  font-size:1.28em;
  color:var(--o300);
  font-weight:600;
  margin-top:4px;
}

.megaline{
  font-family:var(--serif);
  font-weight:800;
  font-size:clamp(1.7rem,5.4vw,3.2rem);
  line-height:1.12;
  text-align:center;
  color:var(--creme);
  margin:44px 0;
  text-wrap:balance;
}
.megaline em{
  display:block;font-style:italic;font-weight:600;
  background:linear-gradient(100deg,var(--o500),var(--o300) 45%,var(--o200) 60%,var(--o500));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ───────── 5. BOTÕES ───────── */
.btn{
  --pad-y:15px;--pad-x:30px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:var(--pad-y) var(--pad-x);
  font-family:var(--sans);
  font-size:.94rem;font-weight:800;
  letter-spacing:.03em;
  border-radius:100px;
  cursor:pointer;
  text-align:center;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), filter .3s var(--ease);
  will-change:transform;
}
.btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

.btn--gold{
  color:#2A1B00;
  background:linear-gradient(135deg,var(--o600) 0%,var(--o400) 42%,var(--o200) 55%,var(--o500) 100%);
  background-size:200% 200%;
  box-shadow:var(--shadow-gold), inset 0 1px 0 rgba(255,255,255,.5);
}
.btn--gold:hover{transform:translateY(-3px);box-shadow:0 24px 56px -14px rgba(242,169,0,.62), inset 0 1px 0 rgba(255,255,255,.6);background-position:100% 0}
.btn--gold:active{transform:translateY(-1px)}

.btn--ghost{
  color:var(--o300);
  border:1.5px solid rgba(255,192,30,.42);
  background:rgba(255,192,30,.05);
}
.btn--ghost:hover{background:rgba(255,192,30,.14);border-color:var(--o400);transform:translateY(-2px)}

.btn--sm{--pad-y:11px;--pad-x:20px;font-size:.82rem}
.btn--lg{--pad-y:19px;--pad-x:44px;font-size:1.06rem}
.btn--block{display:flex;width:100%}

/* ───────── 6. LOGO / LOCKUP ───────── */
.lockup{
  display:flex;flex-direction:column;align-items:center;
  margin:6px 0 18px;
  line-height:1;
}
.lockup__top{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(2.15rem, 10.6vw, 7rem);
  letter-spacing:.012em;
  color:#FFFDF6;
  text-shadow:0 4px 30px rgba(0,0,0,.55), 0 0 60px rgba(255,215,94,.16);
  white-space:nowrap;
}
.lockup__banner{
  display:inline-block;
  margin-top:-.14em;
  padding:.36em 1.05em .36em 1.47em;
  border-radius:.42em;
  background:linear-gradient(96deg,#E09300 0%,#FFC01E 32%,#FFD75E 52%,#FFB300 78%,#E8A000 100%);
  box-shadow:0 10px 34px -10px rgba(242,169,0,.6), inset 0 1px 0 rgba(255,255,255,.45);
}
.lockup__bot{
  font-family:var(--sans);
  font-weight:700;
  font-size:clamp(.82rem, 3.55vw, 2.35rem);
  letter-spacing:.42em;
  color:#fff;
  text-shadow:0 1px 3px rgba(120,70,0,.32);
  white-space:nowrap;
}

/* ───────── 7. NAV ───────── */
.nav{
  position:fixed;inset:0 0 auto 0;z-index:100;
  height:var(--nav-h);
  transition:background .4s var(--ease), backdrop-filter .4s var(--ease), box-shadow .4s var(--ease);
}
.nav.is-stuck{
  background:rgba(4,22,10,.88);
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:0 1px 0 rgba(255,192,30,.16), 0 12px 40px -20px rgba(0,0,0,.9);
}
.nav__inner{
  width:min(100% - 32px, var(--wrap));
  margin-inline:auto;height:var(--nav-h);
  display:flex;align-items:center;gap:20px;
}
.nav__logo{display:flex;flex-direction:column;line-height:1;flex:none}
.nav__logo-top{
  font-family:var(--serif);font-weight:500;font-size:1.02rem;
  letter-spacing:.01em;color:var(--creme);
}
.nav__logo-bot{
  font-size:.5rem;font-weight:700;letter-spacing:.34em;
  color:var(--o400);margin-top:2px;
}
.nav__links{display:flex;gap:28px;margin-left:auto}
.nav__links a{
  font-size:.86rem;font-weight:600;color:var(--txt-dim);
  position:relative;padding:6px 0;transition:color .25s;
}
.nav__links a::after{
  content:'';position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--o400);transition:width .3s var(--ease);
}
.nav__links a:hover{color:var(--creme)}
.nav__links a:hover::after{width:100%}

.nav__burger{display:none;flex-direction:column;gap:5px;padding:8px;flex:none;margin-left:auto}
.nav__burger span{display:block;width:24px;height:2px;background:var(--creme);border-radius:2px;transition:transform .3s var(--ease), opacity .2s}
.nav__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger.is-open span:nth-child(2){opacity:0}
.nav__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav__mobile{
  display:none;flex-direction:column;gap:4px;
  padding:16px 24px 26px;
  background:rgba(4,22,10,.97);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-top:1px solid rgba(255,192,30,.16);
  box-shadow:0 22px 50px -20px rgba(0,0,0,.9);
}
.nav__mobile a:not(.btn){
  padding:13px 4px;font-size:.98rem;font-weight:600;color:var(--txt-dim);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.nav__mobile .btn{margin-top:16px}

/* ───────── 8. HERO ───────── */
.hero{
  position:relative;
  padding:calc(var(--nav-h) + 46px) 0 90px;
  overflow:hidden;
  background:var(--g950);
  isolation:isolate;
}
.hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}

.hero__arc{
  position:absolute;top:-58vw;left:50%;transform:translateX(-50%);
  width:190vw;aspect-ratio:1/1;border-radius:50%;
  background:radial-gradient(closest-side,
    transparent 60%,
    rgba(43,94,168,.30) 64%,
    rgba(123,160,42,.40) 70%,
    rgba(255,193,30,.24) 75%,
    rgba(30,107,42,.28) 80%,
    transparent 88%);
  filter:blur(6px);
}
.hero__glow{
  position:absolute;top:-10%;left:50%;transform:translateX(-50%);
  width:min(1100px,140vw);aspect-ratio:1.5/1;
  background:radial-gradient(ellipse at center, rgba(255,183,3,.20), rgba(30,107,42,.14) 45%, transparent 72%);
  filter:blur(30px);
}
.hero__grid{
  position:absolute;inset:0;
  background-image:
    repeating-linear-gradient(58deg, rgba(255,215,94,.05) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(-58deg, rgba(43,94,168,.05) 0 1px, transparent 1px 13px);
  -webkit-mask-image:radial-gradient(ellipse at 78% 88%, #000 0%, transparent 62%);
  mask-image:radial-gradient(ellipse at 78% 88%, #000 0%, transparent 62%);
}
.hero__fade{
  position:absolute;left:0;right:0;bottom:0;height:180px;
  background:linear-gradient(180deg,transparent,var(--g950));
  pointer-events:none;
}

.hero__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}

.hero__eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:9px 20px;margin-bottom:26px;
  font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--o200);
  background:rgba(255,192,30,.08);
  border:1px solid rgba(255,192,30,.28);
  border-radius:100px;
}
.dot{width:7px;height:7px;border-radius:50%;background:var(--o400);box-shadow:0 0 0 4px rgba(255,192,30,.18);flex:none}

.hero__tagline{
  font-family:var(--serif);font-style:italic;font-weight:500;
  font-size:clamp(1.02rem,2.7vw,1.62rem);
  line-height:1.34;
  color:var(--o300);
  letter-spacing:.005em;
  margin-top:12px;
  max-width:min(100%, 760px);
  margin-inline:auto;
  text-wrap:balance;
}
.hero__rule{
  width:min(560px,88%);height:1px;margin:26px 0 34px;
  background:linear-gradient(90deg,transparent,rgba(255,192,30,.5),transparent);
}

/* vídeo */
.video{width:min(100%, 880px)}
.video__frame{
  position:relative;
  border-radius:20px;
  padding:8px;
  background:linear-gradient(140deg, rgba(255,192,30,.55), rgba(255,192,30,.08) 35%, rgba(30,107,42,.35) 70%, rgba(255,192,30,.4));
  box-shadow:var(--shadow-lg), 0 0 90px -30px rgba(242,169,0,.5);
}
.video__player{
  position:relative;display:block;width:100%;
  aspect-ratio:16/9;
  border-radius:14px;overflow:hidden;
  background:var(--g900);
}
.video__poster{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 22%;
  filter:brightness(.62) saturate(1.05);
  transition:transform .8s var(--ease), filter .5s;
}
.video__player:hover .video__poster{transform:scale(1.04);filter:brightness(.5)}
.video__shade{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at center, rgba(4,22,10,.25), rgba(4,22,10,.82) 78%);
}
.video__play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:clamp(62px,9vw,86px);aspect-ratio:1;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--o500),var(--o300));
  box-shadow:0 14px 40px -8px rgba(242,169,0,.7);
  transition:transform .35s var(--ease);
}
.video__play::after{
  content:'';position:absolute;inset:-14px;border-radius:50%;
  border:2px solid rgba(255,192,30,.4);
  animation:ring 2.6s ease-out infinite;
}
@keyframes ring{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.video__play svg{width:36%;height:36%;fill:#2A1B00;margin-left:8%}
.video__player:hover .video__play{transform:translate(-50%,-50%) scale(1.08)}

.video__label{
  position:absolute;left:0;right:0;bottom:16px;
  font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--o200);
}
.video__hint{margin-top:16px;font-size:.88rem;color:var(--txt-mute)}

.video__frame iframe,.video__frame video{
  position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px;
}

/* meta */
.hero__meta{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  width:min(100%,880px);margin:40px 0 36px;
}
.hero__meta li{
  display:flex;align-items:center;gap:12px;
  padding:15px 16px;text-align:left;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  transition:border-color .3s, background .3s, transform .3s var(--ease);
}
.hero__meta li:hover{border-color:rgba(255,192,30,.35);background:rgba(255,192,30,.06);transform:translateY(-3px)}
.hero__meta svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--o400);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero__meta span{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.hero__meta b{font-size:.94rem;font-weight:700;color:var(--creme)}
.hero__meta small{font-size:.72rem;color:var(--txt-mute)}

.hero__cta{display:flex;flex-direction:column;align-items:center;gap:16px}
.hero__scarcity{display:inline-flex;align-items:center;gap:9px;font-size:.87rem;color:var(--txt-mute)}
.hero__scarcity b{color:var(--o300)}
.pulse{
  width:8px;height:8px;border-radius:50%;background:#FF6B3D;flex:none;
  box-shadow:0 0 0 0 rgba(255,107,61,.65);
  animation:pulse 2s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(255,107,61,.65)}
  70%{box-shadow:0 0 0 12px rgba(255,107,61,0)}
  100%{box-shadow:0 0 0 0 rgba(255,107,61,0)}
}

/* ───────── 9. COUNTDOWN ───────── */
.countdown{
  background:linear-gradient(100deg,var(--o700),var(--o500) 30%,var(--o300) 50%,var(--o500) 72%,var(--o700));
  color:#2A1B00;
  padding:22px 0;
  box-shadow:0 18px 50px -22px rgba(242,169,0,.7);
}
.countdown__inner{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,54px);flex-wrap:wrap}
.countdown__title{
  font-family:var(--serif);font-style:italic;font-weight:600;
  font-size:clamp(1.02rem,2.4vw,1.4rem);
}
.countdown__clock{display:flex;align-items:center;gap:clamp(6px,1.4vw,14px)}
.cd{display:flex;flex-direction:column;align-items:center;min-width:clamp(48px,8vw,66px)}
.cd b{
  font-family:var(--sans);font-weight:800;
  font-size:clamp(1.4rem,4.2vw,2.2rem);line-height:1;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}
.cd small{font-size:.6rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-top:4px}
.cd__sep{font-size:clamp(1.1rem,3vw,1.8rem);font-weight:700;opacity:.4;transform:translateY(-6px)}

/* ───────── 10. SEÇÕES ───────── */
.sec{position:relative;padding:clamp(72px,10vw,124px) 0;overflow:hidden}

.sec--dark{background:var(--g950)}
.sec--dark::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:900px;max-width:120%;height:400px;
  background:radial-gradient(ellipse at top, rgba(30,107,42,.22), transparent 70%);
  pointer-events:none;
}
.sec--green{
  background:linear-gradient(175deg,var(--g900) 0%,var(--g850) 45%,var(--g900) 100%);
  border-block:1px solid rgba(255,192,30,.10);
}
.sec--speakers{
  background:
    radial-gradient(ellipse at 20% 0%, rgba(255,192,30,.10), transparent 55%),
    radial-gradient(ellipse at 85% 100%, rgba(43,94,168,.12), transparent 55%),
    linear-gradient(180deg,var(--g950),var(--g900) 50%,var(--g950));
}
.sec--offer{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,192,30,.16), transparent 62%),
    linear-gradient(180deg,var(--g900),var(--g850));
  border-block:1px solid rgba(255,192,30,.18);
}
.sec--final{
  background:linear-gradient(180deg,var(--g950),#021006);
  padding-block:clamp(84px,11vw,140px);
}
.sec--final .hero__bg{z-index:0}
.sec--final .wrap{position:relative;z-index:1}

/* ───────── 11. LISTAS DE COPY ───────── */
.emotions{display:flex;flex-direction:column;gap:2px;margin:30px 0 34px}
.emotions li{
  position:relative;
  padding:15px 18px 15px 30px;
  font-size:1.04rem;color:var(--txt-dim);
  border-left:2px solid rgba(255,192,30,.22);
  background:linear-gradient(90deg, rgba(255,192,30,.05), transparent 60%);
  transition:border-color .3s, background .3s, padding-left .3s var(--ease);
}
.emotions li:hover{border-left-color:var(--o400);padding-left:38px;background:linear-gradient(90deg, rgba(255,192,30,.11), transparent 65%)}
.emotions b{color:var(--creme);font-weight:700}

.cost{display:flex;flex-wrap:wrap;gap:11px;margin:26px 0}
.cost span{
  padding:11px 20px;
  font-size:.88rem;font-weight:600;
  color:#FFC9B4;
  background:rgba(255,107,61,.09);
  border:1px solid rgba(255,107,61,.28);
  border-radius:100px;
}

.checks{display:flex;flex-direction:column;gap:13px;margin:28px 0}
.checks li{
  position:relative;padding-left:40px;
  font-size:1.06rem;color:var(--txt-dim);line-height:1.6;
}
.checks li::before{
  content:'';position:absolute;left:0;top:.28em;
  width:23px;height:23px;border-radius:50%;
  background:rgba(46,139,50,.2);
  border:1.5px solid rgba(46,139,50,.55);
}
.checks li::after{
  content:'';position:absolute;left:8px;top:.62em;
  width:7px;height:11px;
  border:solid var(--o300);border-width:0 2px 2px 0;
  transform:rotate(42deg);
}
.checks--gold li::before{background:rgba(255,192,30,.14);border-color:rgba(255,192,30,.5)}

.definition{
  margin-top:40px;padding:34px 32px;text-align:center;
  border-radius:var(--r);
  background:linear-gradient(160deg, rgba(255,192,30,.10), rgba(255,192,30,.02));
  border:1px solid rgba(255,192,30,.24);
}
.definition p{font-size:1.08rem;color:var(--txt-dim);margin-bottom:8px}
.definition__neg{color:var(--txt-mute)!important;text-decoration:line-through;text-decoration-color:rgba(255,107,61,.6)}
.definition__pos{
  font-family:var(--serif);font-style:italic;font-weight:700;
  font-size:clamp(1.24rem,3.2vw,1.85rem)!important;
  color:var(--o300)!important;
  margin-top:14px!important;line-height:1.32;
}

.mirror{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:32px 0}
.mirror li{
  display:flex;gap:12px;align-items:flex-start;
  padding:16px 18px;
  font-size:.98rem;color:var(--txt-dim);line-height:1.55;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  transition:border-color .3s, background .3s, transform .3s var(--ease);
}
.mirror li::before{
  content:'';flex:none;width:9px;height:9px;margin-top:.5em;border-radius:2px;
  background:var(--o500);transform:rotate(45deg);
}
.mirror li:hover{border-color:rgba(255,192,30,.34);background:rgba(255,192,30,.055);transform:translateX(4px)}

.note{
  margin-top:34px;padding:28px 30px;
  border-left:3px solid var(--o500);
  background:linear-gradient(90deg, rgba(255,192,30,.08), transparent 70%);
  border-radius:0 var(--r) var(--r) 0;
}
.note p{color:var(--txt-dim);margin-bottom:10px;font-size:1.04rem}
.note p:last-child{margin-bottom:0}
.note b{color:var(--o300)}

/* ───────── 12. GRID / CARDS EXPERIÊNCIA ───────── */
.grid{display:grid;gap:20px}
.grid--7{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));margin-top:48px}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(292px,1fr));margin-top:52px}

.xcard{
  position:relative;
  padding:30px 26px 28px;
  background:linear-gradient(165deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  overflow:hidden;
  transition:transform .45s var(--ease), border-color .35s, box-shadow .45s var(--ease);
}
.xcard::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(ellipse at 50% 0%, rgba(255,192,30,.16), transparent 60%);
  opacity:0;transition:opacity .4s;
}
.xcard:hover{transform:translateY(-7px);border-color:rgba(255,192,30,.4);box-shadow:0 26px 60px -26px rgba(0,0,0,.9)}
.xcard:hover::after{opacity:1}
.xcard > *{position:relative;z-index:1}
.xcard__ico{
  display:grid;place-items:center;
  width:52px;height:52px;margin-bottom:18px;
  background:linear-gradient(140deg, rgba(255,192,30,.22), rgba(255,192,30,.06));
  border:1px solid rgba(255,192,30,.3);
  border-radius:14px;
  transition:background .4s var(--ease), border-color .4s, transform .4s var(--ease);
}
.xcard__ico svg{
  width:25px;height:25px;
  fill:none;stroke:var(--o400);stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .4s;
}
.xcard:hover .xcard__ico{
  background:linear-gradient(140deg, rgba(255,192,30,.34), rgba(255,192,30,.12));
  border-color:rgba(255,192,30,.5);
  transform:translateY(-2px);
}
.xcard:hover .xcard__ico svg{stroke:var(--o300)}
.xcard h3{
  font-family:var(--serif);font-weight:700;font-size:1.24rem;
  color:var(--creme);margin-bottom:9px;line-height:1.25;
}
.xcard p{font-size:.94rem;color:var(--txt-mute);line-height:1.6}
.xcard--hi{
  background:linear-gradient(150deg, rgba(255,192,30,.16), rgba(255,192,30,.03));
  border-color:rgba(255,192,30,.34);
}

/* ───────── 13. PALESTRANTES ───────── */
.speakers{align-items:stretch}
.sp{
  display:flex;flex-direction:column;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;overflow:hidden;
  transition:transform .5s var(--ease), border-color .4s, box-shadow .5s var(--ease);
}
.sp:hover{
  transform:translateY(-9px);
  border-color:rgba(255,192,30,.48);
  box-shadow:0 34px 70px -28px rgba(0,0,0,.92), 0 0 60px -30px rgba(242,169,0,.5);
}
.sp__photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--g850)}
.sp__photo img{
  width:100%;height:100%;object-fit:cover;object-position:center top;
  transition:transform .8s var(--ease), filter .5s;
  filter:saturate(1.04) contrast(1.03);
}
.sp:hover .sp__photo img{transform:scale(1.055)}
.sp__glow{
  position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 42%, rgba(4,22,10,.55) 78%, rgba(4,22,10,.95) 100%);
}
.sp__photo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg, rgba(255,192,30,.14), transparent 45%);
  opacity:0;transition:opacity .45s;
}
.sp:hover .sp__photo::after{opacity:1}

.sp__body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}
.sp__name{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(1.42rem,3vw,1.72rem);
  color:var(--creme);line-height:1.15;letter-spacing:-.01em;
}
.sp__role{
  font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--txt-mute);margin-top:7px;line-height:1.5;
  min-height:4.5em; /* reserva 3 linhas: alinha o titulo da palestra nos 3 cards */
}
.sp__talk{
  font-family:var(--serif);font-style:italic;font-weight:600;
  font-size:1.1rem;color:var(--o300);
  margin:16px 0 12px;padding-top:16px;line-height:1.36;
  border-top:1px solid rgba(255,192,30,.24);
}
.sp__desc{font-size:.94rem;color:var(--txt-dim);line-height:1.62}

/* ───────── 14. FAQ / OBJEÇÕES ───────── */
.faq{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.faq__item{
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;overflow:hidden;
  transition:border-color .35s, background .35s;
}
.faq__item[open]{border-color:rgba(255,192,30,.42);background:rgba(255,192,30,.055)}
.faq__item summary{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 24px;cursor:pointer;list-style:none;
  font-family:var(--serif);font-style:italic;font-weight:600;
  font-size:clamp(1.06rem,2.5vw,1.3rem);
  color:var(--creme);line-height:1.35;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary i{
  position:relative;flex:none;width:26px;height:26px;border-radius:50%;
  border:1.5px solid rgba(255,192,30,.45);
  transition:transform .35s var(--ease), background .3s;
}
.faq__item summary i::before,.faq__item summary i::after{
  content:'';position:absolute;top:50%;left:50%;
  background:var(--o300);border-radius:2px;transform:translate(-50%,-50%);
}
.faq__item summary i::before{width:11px;height:2px}
.faq__item summary i::after{width:2px;height:11px;transition:transform .35s var(--ease), opacity .25s}
.faq__item[open] summary i{transform:rotate(180deg);background:rgba(255,192,30,.18)}
.faq__item[open] summary i::after{transform:translate(-50%,-50%) scaleY(0);opacity:0}
.faq__body{padding:0 24px 24px;animation:fade .45s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.faq__body p{color:var(--txt-dim);margin-bottom:12px;font-size:1rem;line-height:1.68}
.faq__body p:last-child{margin-bottom:0}
.faq__body b{color:var(--o300);font-weight:700}
.faq__body ul{margin:4px 0 14px;display:flex;flex-direction:column;gap:8px}
.faq__body ul li{
  position:relative;padding-left:22px;font-size:.98rem;color:var(--txt-dim);
}
.faq__body ul li::before{
  content:'';position:absolute;left:2px;top:.62em;
  width:6px;height:6px;border-radius:50%;background:var(--o500);
}

/* ───────── 15. PASSAPORTES ───────── */
.plans{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  margin-top:44px;align-items:stretch;
}
.plan{
  position:relative;
  display:flex;flex-direction:column;
  padding:34px 26px 26px;
  text-align:center;
  background:linear-gradient(170deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.11);
  border-radius:20px;
  transition:transform .45s var(--ease), border-color .35s, box-shadow .45s var(--ease);
}
.plan:hover{transform:translateY(-6px);border-color:rgba(255,192,30,.42);box-shadow:0 28px 64px -28px rgba(0,0,0,.9)}

.plan--hi{
  background:linear-gradient(170deg, rgba(255,192,30,.16), rgba(255,192,30,.035));
  border-color:rgba(255,192,30,.45);
  box-shadow:0 0 70px -28px rgba(242,169,0,.6);
}
.plan--hi:hover{border-color:rgba(255,192,30,.7);box-shadow:0 28px 70px -26px rgba(0,0,0,.9), 0 0 80px -26px rgba(242,169,0,.7)}

.plan__tag{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  padding:6px 16px;white-space:nowrap;
  font-size:.64rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--o200);
  background:var(--g850);
  border:1px solid rgba(255,192,30,.4);
  border-radius:100px;
}
.plan__tag--hi{
  color:#2A1B00;
  background:linear-gradient(120deg,var(--o500),var(--o300));
  border-color:transparent;
  box-shadow:0 8px 22px -8px rgba(242,169,0,.7);
}

.plan__name{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(1.24rem,2.6vw,1.5rem);
  color:var(--creme);line-height:1.2;margin-top:8px;
}
.plan__for{font-size:.82rem;color:var(--txt-mute);margin-top:7px;min-height:2.4em;line-height:1.4}

.plan__price{
  font-family:var(--sans);
  font-weight:800;
  font-size:clamp(2.5rem,5.4vw,3.35rem);
  line-height:1;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  color:var(--creme);
  margin:18px 0 7px;
}
.plan__price span{
  font-size:.34em;font-weight:700;
  letter-spacing:.01em;
  vertical-align:.78em;
  margin-right:5px;
  color:var(--o300);
}
.plan__price small{
  font-size:.32em;font-weight:700;
  letter-spacing:0;
  vertical-align:.12em;
  margin-left:1px;
  color:var(--txt-mute);
}

.plan__unit{font-size:.8rem;color:var(--txt-mute);margin-bottom:7px;line-height:1.45}
.plan__unit b{color:var(--txt-dim);font-weight:700}

.plan__inst{font-size:.86rem;color:var(--txt-dim);margin-bottom:24px}
.plan__inst b{color:var(--o300);font-weight:700}

.plan__save{
  align-self:center;
  margin:-8px auto 24px;
  padding:7px 16px;
  font-size:.71rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#9BE8A6;
  background:rgba(46,139,50,.18);
  border:1px solid rgba(120,220,130,.4);
  border-radius:100px;
}
.plan--hi .plan__save{
  color:#B8FFC4;
  background:rgba(46,139,50,.3);
  border-color:rgba(150,240,160,.55);
}

.plan .btn{margin-top:auto}
.plan__until{margin-top:14px;font-size:.72rem;color:var(--txt-mute);font-style:italic}

.plans__note{
  display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;
  margin-top:26px;text-align:center;
  font-size:.84rem;color:var(--txt-mute);
}
.plans__note b{color:var(--o300)}

/* o que está incluso */
.included{
  margin-top:44px;
  padding:clamp(28px,4vw,42px);
  border-radius:22px;
  background:linear-gradient(150deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
  border:1px solid rgba(255,192,30,.24);
}
.included__head{text-align:center;margin-bottom:26px}
.included__ev{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(1.3rem,3vw,1.8rem);
  color:var(--creme);line-height:1.15;letter-spacing:-.01em;
}
.included__sub{font-size:.94rem;color:var(--o300);margin-top:8px}
.included__list{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:13px 26px;
  margin-bottom:28px;
}
.included__list li{
  position:relative;padding-left:30px;
  font-size:1rem;color:var(--txt-dim);line-height:1.55;
}
.included__list li::before{
  content:'';position:absolute;left:3px;top:.42em;
  width:9px;height:14px;
  border:solid var(--o400);border-width:0 2.4px 2.4px 0;
  transform:rotate(42deg);
}
.included__list b{color:var(--creme)}
.included__info{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  padding-top:24px;border-top:1px dashed rgba(255,192,30,.32);
}
.included__info div{display:flex;flex-direction:column;gap:3px}
.included__info b{font-size:.98rem;font-weight:800;letter-spacing:.06em;color:var(--o300)}
.included__info small{font-size:.74rem;color:var(--txt-mute)}

.offer__why{
  margin-top:34px;text-align:center;
  font-size:1.04rem;color:var(--txt-dim);line-height:1.7;
}
.offer__why b{
  display:inline-block;margin-top:6px;
  font-family:var(--serif);font-style:italic;font-weight:700;
  font-size:1.24em;color:var(--o300);
}

/* ───────── 16. FINAL ───────── */
.chega{
  max-width:640px;margin:0 auto 40px;text-align:center;
}
.chega p{font-size:1.08rem;color:var(--txt-dim);margin-bottom:12px}
.chega__hi{
  font-family:var(--serif);font-style:italic;font-weight:700;
  font-size:clamp(1.3rem,3.4vw,1.9rem)!important;
  color:var(--o300)!important;
  margin-top:24px!important;
}
.final__h{margin-top:8px}
.final__choice{
  margin-top:26px;font-size:.98rem;color:var(--txt-mute);line-height:1.7;
}
.final__choice b{color:var(--o300);font-weight:700}

/* ───────── 17. LOCAL ───────── */
.local{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,64px);align-items:center}
.local__addr{
  font-size:1.1rem;color:var(--txt-dim);line-height:1.7;margin-bottom:26px;
}
.local__acts{display:flex;flex-wrap:wrap;gap:12px}
.local__phone{margin-top:22px;font-size:.94rem;color:var(--txt-mute)}
.local__phone b{color:var(--o300);font-weight:700;letter-spacing:.02em}
.local__phone a{transition:opacity .25s}
.local__phone a:hover b{text-decoration:underline;text-underline-offset:3px}
.local__card{
  border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,192,30,.28);
  box-shadow:var(--shadow-lg);
  transition:transform .6s var(--ease);
}
.local__card:hover{transform:translateY(-6px) rotate(-.8deg)}

/* ───────── 18. RODAPÉ ───────── */
.foot{
  padding:clamp(60px,8vw,90px) 0 40px;
  background:linear-gradient(180deg,#021006,var(--g950));
  border-top:1px solid rgba(255,192,30,.16);
  text-align:center;
}
.foot__lockup{display:flex;flex-direction:column;align-items:center;line-height:1;margin-bottom:38px}
.foot__lockup .lockup__top{font-size:clamp(1.5rem,5vw,2.5rem)}
.foot__lockup .lockup__bot{font-size:clamp(.56rem,1.7vw,.85rem)}
.foot__tag{font-size:.7rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--txt-mute);margin-bottom:18px}
.foot__partners{
  width:min(100%,900px);margin:0 auto 40px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  overflow:hidden;
  box-shadow:inset 0 0 60px rgba(0,0,0,.35);
}
.foot__partners img{width:100%;opacity:.92;filter:saturate(.85) brightness(.92)}
.foot__meta{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--txt-mute);margin-bottom:26px}
.foot__meta a{color:var(--o300);font-weight:700}
.foot__meta a:hover{text-decoration:underline}
.foot__copy{font-size:.78rem;color:rgba(239,233,218,.32);padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}

/* ───────── 19. FLUTUANTES ───────── */
.sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  display:none;align-items:center;justify-content:space-between;gap:14px;
  padding:11px 16px calc(11px + env(safe-area-inset-bottom));
  background:rgba(4,22,10,.96);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-top:1px solid rgba(255,192,30,.28);
  transform:translateY(110%);
  transition:transform .45s var(--ease);
}
.sticky.is-on{transform:none}
.sticky__info{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.sticky__info b{font-size:.94rem;color:var(--o300);font-weight:800}
.sticky__info small{font-size:.7rem;color:var(--txt-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky .btn{flex:none}

.wafloat{
  position:fixed;right:18px;bottom:22px;z-index:88;
  width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(140deg,#25D366,#128C7E);
  box-shadow:0 12px 32px -8px rgba(37,211,102,.6);
  transition:transform .35s var(--ease);
}
.wafloat svg{width:60%;height:60%;fill:#fff}
.wafloat:hover{transform:scale(1.1)}

.totop{
  position:fixed;right:20px;bottom:88px;z-index:87;
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,192,30,.14);
  border:1px solid rgba(255,192,30,.38);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  opacity:0;pointer-events:none;
  transition:opacity .4s, transform .4s var(--ease), background .3s;
}
.totop.is-on{opacity:1;pointer-events:auto}
.totop:hover{background:rgba(255,192,30,.26);transform:translateY(-3px)}
.totop svg{width:20px;height:20px;fill:none;stroke:var(--o300);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ───────── 20. RESPONSIVO ───────── */
@media (max-width:980px){
  .plans{gap:16px}
  .plan{padding:32px 20px 24px}
  .local{grid-template-columns:1fr}
  .local__card{max-width:460px;margin-inline:auto}
}

@media (max-width:900px){
  .plans{grid-template-columns:1fr;gap:34px;max-width:440px;margin-inline:auto}
  .plan__for{min-height:0}
}

@media (max-width:860px){
  .nav__links,.nav__cta{display:none}
  .nav__burger{display:flex}
  .nav.is-open .nav__mobile{display:flex}
  .hero__meta{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:680px){
  body{font-size:16px}
  .wrap{width:min(100% - 32px, var(--wrap))}
  .narrow{width:min(100% - 32px, var(--narrow))}
  .hero{padding-top:calc(var(--nav-h) + 26px);padding-bottom:64px}
  .lockup__top{font-size:clamp(1.9rem,10.4vw,3rem)}
  .video__frame{padding:5px;border-radius:16px}
  .video__label{font-size:.66rem;bottom:11px;letter-spacing:.12em}
  .countdown__inner{flex-direction:column;gap:12px}
  .sticky{display:flex}
  .wafloat{width:50px;height:50px;bottom:calc(78px + env(safe-area-inset-bottom))}
  .totop{bottom:calc(138px + env(safe-area-inset-bottom));width:40px;height:40px}
  .h2{margin-bottom:24px}
  .pull{padding-left:18px}
  .stamp{padding:22px 20px}
  .definition{padding:26px 20px}
  .note{padding:22px 20px}
  .included{padding:26px 20px}
  .included__info{grid-template-columns:1fr;gap:10px}
  .included__info div{flex-direction:row;align-items:baseline;gap:10px}
  .emotions li{padding:13px 14px 13px 22px}
  .emotions li:hover{padding-left:28px}
  .faq__item summary{padding:18px 18px}
  .faq__body{padding:0 18px 20px}
}

@media (max-width:400px){
  .hero__meta{grid-template-columns:1fr}
  .cd{min-width:44px}
}