@font-face {
  font-family: 'N27';
  src: url('../assets/fonts/n27.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
:root{
  --piano:#1C1E1F;      /* Black Piano */
  --piano-2:#141516;
  --piano-3:#0e0f10;
  --marble:#F3F3F3;     /* Marble */
  --brown:#A7A69E;      /* Mapple Brown */
  --brown-dim:#7d7c75;
  --line:rgba(243,243,243,.10);
  --white:#FFFFFF;      /* branco puro p/ destaques */
  --accent:#F3F3F3;     /* acento = Marble */
  --sand:#F3F3F3;       /* texto claro dos depoimentos */
  --pad:24px;           /* respiro lateral compartilhado */
  --radius:14px;
  --maxw:1120px;
  --section-space:clamp(72px,8vw,112px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'N27',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--piano); color:var(--marble);
  line-height:1.55; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{
  font-size:12px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--brown);font-weight:400;
}
h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(34px,5.4vw,62px)}
h2{font-size:clamp(28px,4vw,46px)}
h3{font-size:clamp(20px,2.4vw,28px)}
.muted{color:var(--brown)}
.section{padding:var(--section-space) 0;position:relative}
.center{text-align:center}

/* ---------- visual divider between main sections ---------- */
.section-divider{
  position:relative;
  z-index:3;
  width:min(calc(100% - 48px),1280px);
  height:1px;
  margin:0 auto;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0,rgba(243,243,243,.18) 12%,rgba(243,243,243,.18) 88%,transparent 100%);
}
.section-divider span{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(243,243,243,.16);
  border-radius:50%;
  background:var(--piano);
  box-shadow:0 0 0 8px var(--piano),0 8px 24px rgba(0,0,0,.22);
}
.section-divider img{
  display:block;
  width:25px;
  height:auto;
  opacity:.9;
}

/* ---------- top bar / urgency ---------- */
.urgency{
  background:linear-gradient(90deg,rgba(243,243,243,.10),rgba(243,243,243,.02));
  border-bottom:1px solid var(--line);
  font-size:13px;letter-spacing:.04em;color:var(--marble);
  text-align:center;padding:10px 16px;
}
.urgency b{color:var(--white)}
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(20,21,22,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  animation:nav-reveal .4s cubic-bezier(.22,1,.36,1) both;
}
.nav-in{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:86px;
}
.event-nav-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.event-nav-day-logo{display:block;width:clamp(190px,14vw,250px);height:auto}
.mf-symbol{height:30px;width:auto;color:var(--marble)}
.event-nav-copy{display:flex;flex-direction:column;gap:2px;text-transform:uppercase}
.event-nav-copy strong{font-size:15px;font-weight:400;letter-spacing:.18em;color:var(--marble)}
.event-nav-copy small{font-size:10px;letter-spacing:.16em;color:var(--brown)}
.event-nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid #71bf57;border-radius:999px;background:#71bf57;color:#121612;font-size:14px;font-weight:600;transition:transform .22s var(--ease),background .22s ease,border-color .22s ease}
.event-nav-cta:hover{transform:translateY(-2px);border-color:#91df77;background:#91df77}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--marble);color:var(--piano);font-weight:400;
  font-size:16px;letter-spacing:.02em;
  padding:17px 34px;border-radius:999px;border:none;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
.btn:hover{transform:translateY(-2px);background:#fff;box-shadow:0 16px 44px rgba(243,243,243,.14)}
.btn.ghost{background:transparent;color:var(--marble);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{border-color:var(--brown);background:rgba(243,243,243,.03)}
.btn.block{display:flex;width:100%}
.btn-note{font-size:12.5px;color:var(--brown-dim);margin-top:12px}

/* ---------- hero + local VSL ---------- */
.hero-vsl{
  position:relative;
  overflow:hidden;
  padding:clamp(12px,1.2vw,18px) 0 clamp(42px,5vw,60px);
}
.hero-vsl::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(820px 460px at 50% 0%,rgba(243,243,243,.07),transparent 66%),
    radial-gradient(760px 520px at 84% 40%,rgba(167,166,158,.04),transparent 68%);
  pointer-events:none;
}
.hero-vsl-in{
  position:relative;
  z-index:1;
}
.hero-vsl-intro{
  position:relative;
  width:100%;
  max-width:1180px;
  min-height:clamp(130px,9vw,150px);
  margin:0 auto clamp(8px,1vw,14px);
  padding:8px 24px 4px;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-vsl-intro::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(280px,31vw);
  aspect-ratio:1019.75 / 483.26;
  background:url("../assets/brand/symbol.svg") center / contain no-repeat;
  opacity:.09;
  pointer-events:none;
}
.hero-vsl-intro::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  width:min(360px,50vw);
  height:42px;
  background:radial-gradient(circle,rgba(167,166,158,.10),rgba(167,166,158,.035) 42%,transparent 72%);
  filter:blur(10px);
  pointer-events:none;
}
.hero-vsl-intro h1{
  position:relative;
  z-index:1;
  width:min(100%,1000px);
  max-width:100%;
  margin:0 auto;
  font-size:clamp(54px,5vw,78px);
  line-height:.9;
  letter-spacing:-.065em;
  text-align:center;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  min-width:0;
  text-shadow:0 14px 48px rgba(0,0,0,.38);
}

.vsl-player{
  width:min(100%,800px);
  margin:0 auto;
  padding:1px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(243,243,243,.18),rgba(243,243,243,.03) 48%,rgba(167,166,158,.12));
  box-shadow:0 42px 110px rgba(0,0,0,.55);
}
.vsl-media{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border-radius:23px;
  background:#090a0a;
}
.vsl-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:#000;
}
.vsl-placeholder{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  border:0;
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:var(--marble);
  cursor:pointer;
  font:inherit;
  background:
    radial-gradient(540px 300px at 50% 44%,rgba(243,243,243,.07),transparent 64%),
    linear-gradient(180deg,#111314,#090a0a);
  transition:opacity .28s ease,visibility .28s ease;
}
.vsl-placeholder-symbol{
  position:absolute;
  left:50%;
  top:50%;
  width:min(40%,340px);
  transform:translate(-50%,-50%);
  opacity:.035;
  pointer-events:none;
}
.vsl-placeholder-symbol img{width:100%;height:auto}
.vsl-placeholder-play{
  position:relative;
  z-index:1;
  width:78px;
  height:78px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--marble);
  box-shadow:0 16px 44px rgba(0,0,0,.42);
  transition:transform .2s ease,background .2s ease;
}
.vsl-placeholder:hover .vsl-placeholder-play{transform:scale(1.05);background:#fff}
.vsl-placeholder-play svg{width:30px;height:30px;fill:var(--piano);margin-left:4px}
.vsl-placeholder-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  text-align:center;
}
.vsl-placeholder-copy strong{font-size:15px;font-weight:400;letter-spacing:.045em}
.vsl-placeholder-copy small{font-size:12px;color:var(--brown);letter-spacing:.025em}
.vsl-player.is-ready .vsl-placeholder{opacity:0;visibility:hidden;pointer-events:none}

.hero-vsl-proof{
  width:min(100%,980px);
  margin:clamp(30px,4vw,44px) auto 0;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hero-vsl-description{
  width:min(100%,760px);
  margin:0 auto;
  color:var(--brown);
  font-size:clamp(15px,1.55vw,18px);
  line-height:1.65;
  text-align:center;
}
.hero-vsl-description strong{
  color:var(--marble);
  font-weight:400;
}
.hero-vsl-stats{
  width:100%;
  margin:clamp(26px,3.5vw,38px) 0 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.hero-vsl-stat{
  min-height:136px;
  padding:24px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(180deg,rgba(243,243,243,.035),rgba(243,243,243,.012));
}
.hero-vsl-stat strong{
  display:block;
  color:var(--marble);
  font-size:clamp(34px,4vw,50px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:400;
}
.hero-vsl-stat span{
  display:block;
  margin-top:10px;
  color:var(--brown);
  font-size:12px;
  line-height:1.3;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero-vsl-cta{
  margin-top:clamp(26px,3.5vw,38px);
  min-width:220px;
}
#leadForm{scroll-margin-top:120px}

@media(max-width:860px){
  .hero-vsl{
    padding:26px 0 48px;
  }
  .hero-vsl-intro{
    width:100%;
    min-height:210px;
    margin:0 auto 24px;
    padding:30px 12px 24px;
  }
  .hero-vsl-intro::before{
    width:min(240px,68vw);
    opacity:.08;
  }
  .hero-vsl-intro::after{
    bottom:6px;
    width:min(230px,64vw);
    height:30px;
  }
  .hero-vsl-intro h1{
    width:min(100%,640px);
    font-size:clamp(48px,14vw,72px);
    line-height:.92;
    letter-spacing:-.06em;
    padding:0 2px;
  }
  .vsl-player{
    width:100%;
    border-radius:18px;
  }
  .vsl-media{border-radius:17px}
  .vsl-placeholder{gap:12px;padding:18px}
  .vsl-placeholder-play{width:58px;height:58px}
  .vsl-placeholder-play svg{width:23px;height:23px}
  .vsl-placeholder-copy strong{font-size:13px}
  .vsl-placeholder-copy small{font-size:11px}
  .hero-vsl-proof{margin-top:28px}
  .hero-vsl-description{
    max-width:600px;
    font-size:15px;
    line-height:1.58;
  }
  .hero-vsl-stats{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:24px;
  }
  .hero-vsl-stat{
    min-height:0;
    padding:20px 18px;
  }
  .hero-vsl-stat strong{font-size:38px}
  .hero-vsl-stat span{margin-top:7px}
  .hero-vsl-cta{
    width:100%;
    max-width:360px;
    margin-top:24px;
  }
  .method-detail-intro{
    min-height:160px;
    margin-bottom:28px;
    padding:22px 12px 18px;
  }
  .method-detail-intro::before{
    width:142px;
    opacity:.065;
  }
  .method-detail-intro::after{
    bottom:8px;
    width:min(230px,64vw);
    height:30px;
  }
  .method-detail-intro h2{
    font-size:clamp(30px,8vw,42px);
    line-height:1.02;
  }
}
@media(max-width:360px){
  .hero-vsl-intro{min-height:190px}
  .hero-vsl-intro::before{width:210px}
  .hero-vsl-intro h1{font-size:46px}
}

/* ---------- event opening composition ---------- */
.event-hero{
  --ease:cubic-bezier(.22,1,.36,1);
  position:relative;
  overflow:visible;
  min-height:calc(100svh - 176px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  /* folga garantida entre a composição e o lockup do palestrante */
  gap:clamp(30px,5.5vh,72px);
  padding:clamp(14px,2.4vh,26px) 0 clamp(16px,2.2vh,26px);
}
.event-hero .hero-vsl-in{width:100%;max-width:1600px;flex:0 0 auto}

/* ----- "palestrante confirmado" — lockup aberto na base do hero (sem card) ----- */
.event-speaker-dock{
  position:relative;
  z-index:6;
  display:flex;
  justify-content:center;
  padding:0 24px;
  /* leve mergulho na seção seguinte, sem afetar o fluxo acima */
  transform:translateY(clamp(12px,3.5vh,40px));
  margin-bottom:clamp(-60px,-5vh,-30px);
  pointer-events:none;
}
.event-speaker{
  pointer-events:auto;
  display:flex;
  align-items:center;
  gap:clamp(16px,1.8vw,26px);
  max-width:calc(100% - 24px);
  color:var(--marble);
  opacity:0;
  transform:translateY(16px);
  transition:opacity .55s var(--ease),transform .55s var(--ease);
}
.event-speaker.is-in{opacity:1;transform:none}
.event-speaker.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}
.event-speaker:focus-visible{outline:2px solid rgba(243,243,243,.7);outline-offset:6px;border-radius:14px}

.event-speaker-media{
  position:relative;
  flex:0 0 auto;
  width:clamp(88px,8vw,116px);
  height:clamp(88px,8vw,116px);
  border-radius:50%;
  overflow:hidden;
  background:linear-gradient(150deg,rgba(243,243,243,.14),rgba(243,243,243,.02));
  box-shadow:0 0 0 1px rgba(243,243,243,.14),0 22px 48px rgba(0,0,0,.45);
}
.event-speaker-media img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.event-speaker-initials{
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  place-items:center;
  font-size:clamp(24px,2.4vw,32px);
  letter-spacing:.04em;
  color:rgba(243,243,243,.7);
}

.event-speaker-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:clamp(4px,.5vw,7px);
  text-align:center;
}
.event-speaker-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:clamp(10px,.8vw,12px);
  letter-spacing:.2em;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--brown);
}
.event-speaker-badge svg{width:14px;height:14px;color:var(--marble)}
.event-speaker-info strong{
  font-size:clamp(19px,1.9vw,27px);
  font-weight:400;
  letter-spacing:-.02em;
  line-height:1.08;
  color:var(--marble);
}
.event-speaker-link{
  font-size:clamp(12px,1vw,14px);
  letter-spacing:.02em;
  color:var(--brown);
  transition:color .2s ease;
}
.event-speaker:hover .event-speaker-link,
.event-speaker:hover .event-speaker-info strong{color:var(--marble)}

.event-speaker-arrow{
  flex:0 0 auto;
  align-self:center;
  display:grid;
  place-items:center;
  width:clamp(38px,3.4vw,46px);
  height:clamp(38px,3.4vw,46px);
  border-radius:50%;
  border:1px solid rgba(243,243,243,.22);
  color:var(--brown);
  transition:color .2s ease,border-color .2s ease,background .2s ease;
  animation:speaker-arrow-bob 2.6s ease-in-out 3.4s infinite;
}
.event-speaker-arrow svg{width:clamp(17px,1.5vw,20px);height:clamp(17px,1.5vw,20px)}
.event-speaker:hover .event-speaker-arrow{color:var(--marble);border-color:rgba(243,243,243,.5);background:rgba(243,243,243,.06)}
@keyframes speaker-arrow-bob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(3px)}
}

/* seção do palestrante — alvo do scroll a partir do card */
#palestrante{scroll-margin-top:96px}
.section.speaker{
  position:relative;
  padding-top:calc(var(--section-space) + clamp(32px,3vw,48px));
  padding-bottom:var(--section-space);
}
.section.speaker::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(640px,92%);
  height:220px;
  transform:translate(-50%,-46%);
  background:radial-gradient(ellipse at 50% 50%,rgba(243,243,243,.055),transparent 72%);
  pointer-events:none;
}
.speaker-feature{
  position:relative;
  z-index:1;
  width:min(100%,1040px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  align-items:center;
  gap:clamp(46px,7vw,110px);
}
.speaker-video{display:flex;justify-content:center}
.speaker-video-device{width:min(100%,310px)}
.speaker-video-media{background:#090a0a}
.speaker-video-media>img,
.speaker-video-media>video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
  filter:saturate(.8) contrast(1.04) brightness(.72);
}
.speaker-video-media::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(180deg,rgba(6,7,8,.08),rgba(6,7,8,.06) 48%,rgba(6,7,8,.78));
  pointer-events:none;
}
.speaker-bio{min-width:0}
.speaker-kicker{
  color:#71bf57;
  font-size:clamp(13px,1vw,15px);
  font-weight:600;
  letter-spacing:.18em;
  text-align:center;
  text-transform:uppercase;
}
.speaker-bio h2{
  margin-top:14px;
  font-size:clamp(40px,4.6vw,68px);
  line-height:.92;
  letter-spacing:-.06em;
}
@media(min-width:861px){
  .speaker-bio h2{
    font-size:clamp(24px,3.05vw,44px);
    white-space:nowrap;
  }
}
.speaker-description{
  max-width:56ch;
  margin-top:22px;
  color:var(--brown);
  font-size:clamp(16px,1.25vw,18px);
  line-height:1.62;
}
.speaker-big-numbers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:34px;
}
.speaker-big-number{
  min-width:0;
  min-height:132px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:18px 10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(243,243,243,.045),rgba(243,243,243,.012));
  text-align:center;
}
.speaker-big-number strong{
  color:var(--marble);
  font-size:clamp(26px,2.45vw,38px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.045em;
  white-space:nowrap;
}
.speaker-big-number span{
  margin-top:10px;
  color:var(--brown);
  font-size:10px;
  line-height:1.3;
  letter-spacing:.1em;
  text-transform:uppercase;
}
@media(min-width:861px){
  .speaker-big-number span{white-space:nowrap}
}
.speaker-partners{
  margin-top:32px;
  padding-top:26px;
  border-top:1px solid var(--line);
}
.speaker-partners>p{
  color:var(--brown);
  font-size:11px;
  letter-spacing:.16em;
  line-height:1.35;
  text-align:center;
  text-transform:uppercase;
}
.speaker-partner-logos{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px 18px;
  margin-top:24px;
}
.speaker-partner-logo{
  display:block;
  height:62px;
  object-fit:contain;
  filter:grayscale(1) brightness(0) invert(1) contrast(1);
  opacity:.94;
  transition:opacity .25s ease,transform .25s var(--ease);
}
.speaker-partner-logo:hover{opacity:1;transform:translateY(-2px)}
.speaker-partner-logo--g4{width:108px}
.speaker-partner-logo--v4{width:112px}
.speaker-partner-logo--fgv{width:112px}
.speaker-social-label{
  margin-top:28px;
  color:var(--brown);
  font-size:11px;
  letter-spacing:.16em;
  line-height:1.35;
  text-align:center;
  text-transform:uppercase;
}
.speaker-social-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:12px;
}
.speaker-social-links a{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(243,243,243,.22);
  border-radius:50%;
  color:var(--brown);
  transition:transform .2s var(--ease),color .2s ease,border-color .2s ease,background .2s ease;
}
.speaker-social-links a:hover{transform:translateY(-2px);border-color:#71bf57;color:#71bf57;background:rgba(113,191,87,.08)}
.speaker-social-links a:focus-visible{outline:2px solid #71bf57;outline-offset:3px}
.speaker-social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.speaker-social-links .speaker-social-dot{fill:currentColor;stroke:none}

.event-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) 1px minmax(0,1.05fr);
  align-items:start;
  gap:clamp(28px,3vw,52px);
}

/* ----- left column: manifesto ----- */
.event-manifesto-copy{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:clamp(22px,4vh,40px);
}
.event-manifesto-copy::before{
  content:"";
  position:absolute;
  width:min(340px,82%);
  aspect-ratio:1019.75 / 483.26;
  top:50%;
  left:-2%;
  transform:translateY(-50%);
  background:url("../assets/brand/symbol.svg") center / contain no-repeat;
  opacity:.04;
  pointer-events:none;
}
.event-manifesto-lines{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:clamp(9px,1.3vh,16px);
}
.event-manifesto-mobile{display:none}
.event-manifesto-lines p{
  color:rgba(243,243,243,.72);
  line-height:1.03;
  letter-spacing:-.04em;
  opacity:0;
  transform:translate3d(0,16px,0);
  animation:event-line-reveal .6s var(--ease) both;
}

/* bloco 1 — comandos */
.event-manifesto-lines .mf-lead{
  font-size:clamp(34px,3.8vw,64px);
}
.event-manifesto-lines .mf-lead:nth-child(3){color:var(--marble)}

/* divisão discreta entre a chamada e os detalhes do evento */
.mf-split{
  display:block;
  align-self:stretch;
  position:relative;
  height:12px;
  margin:clamp(6px,.9vh,10px) 0 clamp(2px,.4vh,5px);
  background:none;
  opacity:0;
  animation:event-rule-reveal .5s var(--ease) .95s both;
}
.mf-split::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(243,243,243,.28),rgba(243,243,243,.07));transform:translateY(-50%)}
.mf-split > span{display:none}

/* bloco 2 — data + desdobramento (centralizado) */
.event-manifesto-lines .mf-date{
  color:#71bf57;
  font-size:clamp(28px,2.4vw,40px);
  letter-spacing:.14em;
  line-height:1;
  text-align:center;
  margin-top:clamp(8px,1.2vh,14px);
  margin-bottom:clamp(6px,.9vh,12px);
}
.event-manifesto-lines .mf-sub{
  font-size:clamp(17px,1.55vw,23px);
  line-height:1.28;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-align:center;
  color:rgba(243,243,243,.66);
  white-space:nowrap;
}
.event-manifesto-lines .mf-punch{
  color:var(--marble);
  margin-top:clamp(4px,.6vh,9px);
}
.mf-investment-value{color:#71bf57}

.event-manifesto-lines .mf-lead:nth-child(1){animation-delay:.3s}
.event-manifesto-lines .mf-lead:nth-child(2){animation-delay:.5s}
.event-manifesto-lines .mf-lead:nth-child(3){animation-delay:.7s}
.event-manifesto-lines .mf-date{animation-delay:1.1s}
.event-manifesto-lines .mf-sub:nth-child(6){animation-delay:1.3s}
.event-manifesto-lines .mf-sub:nth-child(7){animation-delay:1.48s}
.event-manifesto-lines .mf-sub:nth-child(8){animation-delay:1.66s}
.event-manifesto-logo{
  position:relative;
  display:block;
  width:clamp(216px,22vw,336px);
  margin:0;
  opacity:0;
  transform:translate3d(0,16px,0) scale(.94);
  animation:event-logo-reveal .6s var(--ease) 2s both;
}
.event-manifesto-logo-mobile{display:none}

/* ----- thin divider between columns ----- */
.event-hero-rule{
  align-self:stretch;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(243,243,243,.16) 18%,rgba(243,243,243,.16) 82%,transparent);
  opacity:0;
  animation:event-rule-reveal .5s var(--ease) 2.15s both;
}

/* ----- right column: event name + vsl (center-aligned) ----- */
.event-vsl-panel{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(18px,3vh,30px);
}
.event-vsl-panel h1:not(.event-vsl-brand){
  margin:0;
  font-size:clamp(38px,3.7vw,60px);
  line-height:.92;
  letter-spacing:-.05em;
  text-align:center;
  white-space:nowrap;
  opacity:0;
  animation:event-name-reveal .6s var(--ease) 1.05s both;
}
.event-vsl-panel .event-vsl-brand{width:clamp(250px,28vw,480px);margin:0;line-height:0;opacity:0;animation:event-panel-reveal .6s var(--ease) 1.05s both}
.event-vsl-brand img{display:block;width:100%;height:auto}
/* iPad-style landscape frame — same material language as the phone frames */
.event-vsl-player{
  position:relative;
  width:100%;
  max-width:640px;
  margin:0;
  padding:clamp(12px,1.5vw,22px);
  border-radius:clamp(24px,2.4vw,40px);
  background:linear-gradient(150deg,#2c2e30,#111214 52%,#050506);
  box-shadow:
    0 2px 2px rgba(243,243,243,.14) inset,
    0 0 0 1px rgba(0,0,0,.55),
    0 40px 90px rgba(0,0,0,.5);
  opacity:0;
  transform:translate3d(0,18px,0);
  animation:event-panel-reveal .62s var(--ease) 1.3s both;
}
.event-vsl-player--mobile{display:none}
.event-vsl-player::after{
  content:"";
  position:absolute;
  top:clamp(6px,.75vw,11px);
  left:50%;
  transform:translateX(-50%);
  width:5px;
  height:5px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#39445c,#0a0d15);
  box-shadow:0 0 0 1px rgba(243,243,243,.05);
  z-index:3;
}
.event-vsl-player .vsl-media{
  border-radius:clamp(10px,1vw,16px);
  box-shadow:0 0 0 2px #000,0 0 22px rgba(0,0,0,.6) inset;
}
.event-date{
  margin:0;
  color:var(--brown);
  font-size:clamp(13px,1vw,17px);
  font-weight:400;
  letter-spacing:.26em;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  opacity:0;
  animation:event-line-reveal .45s var(--ease) 1.85s both;
}

@media(min-width:861px){
  .event-manifesto-copy{
    align-self:stretch;
    align-items:center;
    justify-content:center;
  }
  .event-manifesto-copy::before{
    left:50%;
    transform:translate(-50%,-50%);
  }
  .event-manifesto-lines{
    width:fit-content;
    max-width:100%;
    margin-inline:auto;
  }
  .event-manifesto-logo{margin-inline:auto}
}

@keyframes event-line-reveal{
  from{opacity:0;transform:translate3d(0,14px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes event-panel-reveal{
  from{opacity:0;transform:translate3d(0,18px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes event-logo-reveal{
  from{opacity:0;transform:translate3d(0,16px,0) scale(.94)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes event-name-reveal{
  from{opacity:0;letter-spacing:.16em}
  to{opacity:1;letter-spacing:-.05em}
}
@keyframes event-rule-reveal{
  from{opacity:0}
  to{opacity:1}
}
@keyframes nav-reveal{
  from{opacity:0;transform:translateY(-100%)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:860px){
  :root{--section-space:clamp(64px,14vw,80px)}
  .event-hero{
    min-height:calc(100svh - 140px);
    min-height:calc(100dvh - 140px);
    justify-content:flex-start;
    gap:clamp(14px,2.4vh,24px);
    padding:clamp(6px,1.2vh,12px) 0 clamp(18px,2.6vh,28px);
  }
  .event-speaker-dock{
    transform:translateY(clamp(12px,2.2vh,26px));
    margin-bottom:clamp(-26px,-2.2vh,-12px);
  }
  .event-vsl-player{
    width:min(82vw,330px);
    max-width:none;
    margin-inline:auto;
    padding:clamp(8px,2.4vw,12px);
    border-radius:clamp(28px,8vw,38px);
  }
  .event-vsl-player--desktop{display:none}
  .event-vsl-player--mobile{display:block}
  .event-vsl-player .vsl-media{
    aspect-ratio:9 / 16;
    border-radius:clamp(20px,6vw,29px);
  }
  .event-vsl-player .vsl-video{object-fit:cover;object-position:center}
  .event-hero-grid{
    grid-template-columns:1fr;
    gap:clamp(8px,1.4vh,14px);
    align-items:start;
  }
  .event-vsl-panel{order:1;gap:clamp(12px,2vh,18px)}
  .event-manifesto-copy{
    order:2;
    align-items:center;
    gap:0;
    text-align:center;
  }
  .event-manifesto-copy::before{
    width:min(300px,74%);
    left:50%;
    transform:translate(-50%,-50%);
  }
  .event-manifesto-lines{
    display:flex;
    width:min(100%,440px);
    align-items:center;
    gap:clamp(9px,2.4vw,14px);
  }
  .event-manifesto-lines .mf-lead{font-size:clamp(34px,10vw,46px)}
  .event-manifesto-lines .mf-sub{font-size:clamp(14px,3.9vw,17px);white-space:normal}
  .event-manifesto-lines .mf-date{font-size:clamp(23px,7vw,30px)}
  .event-manifesto-logo-desktop{display:none}
  .event-manifesto-mobile{
    position:relative;
    width:min(100%,340px);
    display:grid;
    justify-items:center;
    gap:clamp(12px,2vh,18px);
  }
  .mobile-manifesto-cards{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .mobile-manifesto-card{
    min-height:clamp(68px,16vw,80px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:10px 8px;
    border:1px solid rgba(243,243,243,.14);
    border-radius:12px;
    background:linear-gradient(145deg,rgba(243,243,243,.065),rgba(243,243,243,.018));
    color:var(--marble);
    text-align:center;
  }
  .mobile-manifesto-card strong{
    font-size:clamp(16px,4.3vw,18px);
    font-weight:400;
    line-height:1;
    letter-spacing:-.045em;
    white-space:nowrap;
  }
  .mobile-manifesto-card span{
    margin-top:5px;
    color:var(--brown);
    font-size:10px;
    line-height:1;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .mobile-manifesto-card{
    opacity:0;
    transform:translate3d(0,16px,0);
  }
  .mobile-manifesto-investment{
    width:100%;
    padding:14px 12px;
    border:1px solid rgba(243,243,243,.18);
    border-radius:12px;
    background:linear-gradient(145deg,rgba(243,243,243,.085),rgba(243,243,243,.025));
    color:var(--marble);
    font-size:13px;
    line-height:1.3;
    letter-spacing:.02em;
    text-align:center;
    opacity:0;
    transform:translate3d(0,12px,0);
  }
  .mobile-manifesto-investment strong{
    display:block;
    margin-top:5px;
    color:var(--marble);
    font-size:clamp(23px,6.4vw,29px);
    font-weight:400;
    line-height:1;
    letter-spacing:-.045em;
  }
  .mobile-manifesto-cta{
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px 18px;
    border:1px solid var(--marble);
    border-radius:999px;
    background:var(--marble);
    color:var(--piano);
    font-size:15px;
    font-weight:700;
    letter-spacing:.02em;
    text-decoration:none;
    box-shadow:0 12px 28px rgba(0,0,0,.22);
    opacity:0;
    transform:translate3d(0,12px,0);
    transition:transform .25s var(--ease), background .25s ease, color .25s ease;
  }
  .mobile-manifesto-cta:active{transform:scale(.98)}
  .event-manifesto-logo{
    width:clamp(178px,52vw,234px);
    margin-inline:auto;
    opacity:0;
    transform:translate3d(0,16px,0) scale(.94);
    animation:none;
  }
  .event-manifesto-logo-desktop{display:none}
  .event-manifesto-logo-mobile{display:block}
  .event-manifesto-copy.is-mobile-revealed .mobile-manifesto-card{
    animation:event-line-reveal .52s var(--ease) both;
  }
  .event-manifesto-copy.is-mobile-revealed .mobile-manifesto-card:nth-child(1){animation-delay:.32s}
  .event-manifesto-copy.is-mobile-revealed .mobile-manifesto-card:nth-child(2){animation-delay:.44s}
  .event-manifesto-copy.is-mobile-revealed .mobile-manifesto-card:nth-child(3){animation-delay:.56s}
  .event-manifesto-copy.is-mobile-revealed .mobile-manifesto-card:nth-child(4){animation-delay:.68s}
  .event-manifesto-copy.is-mobile-revealed .event-manifesto-logo-mobile{
    animation:event-logo-reveal .72s var(--ease) both;
  }
  .event-manifesto-copy.is-mobile-revealed .mobile-manifesto-investment{animation:event-line-reveal .56s var(--ease) .94s both}
  .event-manifesto-copy.is-mobile-revealed .mobile-manifesto-cta{animation:event-line-reveal .56s var(--ease) 1.42s both}
  .event-hero-rule{
    display:none;
  }
  .event-vsl-panel .event-vsl-brand{width:min(78vw,340px)}

  /* No mobile, a narrativa começa no vídeo e conclui na assinatura. */
  .event-vsl-panel .event-vsl-brand{animation-delay:.3s}
  .event-vsl-player{animation-delay:.55s}
  .event-date{display:none}
  .event-speaker{gap:clamp(12px,3vw,16px)}
  .event-speaker-media{width:clamp(62px,16vw,72px);height:clamp(62px,16vw,72px)}
  .event-speaker-badge{letter-spacing:.12em}
  .event-speaker-info strong{font-size:clamp(16px,4.2vw,19px)}
  .section.speaker{padding-top:var(--section-space);padding-bottom:var(--section-space)}
  .speaker-feature{grid-template-columns:1fr;gap:40px;max-width:560px}
  .speaker-bio{display:contents}
  .speaker-heading{order:1;text-align:center}
  .speaker-video{order:2}
  .speaker-video-device{width:min(100%,294px)}
  .speaker-bio-content{order:3;text-align:center}
  .speaker-description{margin-inline:auto}
  .speaker-big-numbers{gap:10px;margin-top:32px;text-align:center}
  .speaker-big-number{min-height:128px;align-items:center;padding:14px 8px;text-align:center}
  .speaker-big-number strong{font-size:clamp(22px,6vw,28px)}
  .speaker-big-number span{margin-top:10px;font-size:9px;line-height:1.35;letter-spacing:.08em}
  .speaker-partners{text-align:center}
  .speaker-partner-logos{flex-wrap:nowrap;justify-content:space-between;gap:12px}
}

@media(prefers-reduced-motion:reduce){
  .nav,
  .event-manifesto-lines p,
  .mf-split,
  .mobile-manifesto-card,
  .mobile-manifesto-investment,
  .mobile-manifesto-cta,
  .event-manifesto-logo,
  .event-hero-rule,
  .event-vsl-player,
  .event-vsl-panel .event-vsl-brand,
  .event-date,
  .event-speaker{
    opacity:1;
    clip-path:none;
    transform:none;
    animation:none;
    transition:none;
  }
  .event-speaker.is-hidden{opacity:0}
  .event-speaker-arrow{animation:none}
  .event-vsl-panel .event-vsl-brand{letter-spacing:normal}
}

/* ----- floating speaker callout, preserving the original lockup ----- */
.event-speaker-dock{
  position:absolute;
  z-index:12;
  left:50%;
  right:auto;
  bottom:clamp(-16px,-1.4vh,-8px);
  display:block;
  padding:0 24px;
  margin:0;
  transform:translateX(-50%);
  pointer-events:none;
}
@media(min-width:861px){
  .event-speaker-dock{
    /* Aproxima o convite do limite inferior da janela sem alterar o hero. */
    transform:translate(-50%,clamp(76px,9vh,104px));
  }
  .event-hero-grid{
    grid-template-columns:minmax(0,.63fr) 1px minmax(0,1.37fr);
    gap:clamp(20px,2.2vw,38px);
  }
  .event-manifesto-lines .mf-lead{font-size:clamp(27px,3.1vw,52px)}
  .event-manifesto-lines .mf-date{font-size:clamp(22px,1.8vw,30px)}
  .event-manifesto-lines .mf-sub{font-size:clamp(14px,1.15vw,18px)}
  .event-manifesto-logo{width:clamp(226px,23vw,352px)}
  .event-vsl-panel{gap:clamp(12px,1.7vh,20px)}
  .event-vsl-panel .event-vsl-brand{width:clamp(230px,20vw,360px)}
  .event-vsl-player{max-width:1100px}
}

/* telas de pouca altura no desktop — encolhe a composição para o convite caber
   (fica depois do bloco min-width:861px para vencer na ordem de cascata) */
@media(max-height:840px) and (min-width:861px){
  .event-hero{min-height:calc(100svh - 176px);gap:clamp(22px,4vh,42px)}
  .event-vsl-player{max-width:780px;margin-inline:auto}
  .event-manifesto-lines .mf-lead{font-size:clamp(25px,2.6vw,44px)}
  .event-manifesto-lines .mf-date{font-size:clamp(23px,1.9vw,32px)}
  .event-manifesto-lines .mf-sub{font-size:clamp(15px,1.25vw,19px)}
  .event-manifesto-lines{gap:clamp(6px,1vh,12px)}
  .event-speaker-media{width:clamp(76px,7vw,92px);height:clamp(76px,7vw,92px)}
  .event-speaker-info strong{font-size:clamp(17px,1.6vw,22px)}
}

@media(max-width:860px){
  .event-speaker-dock{
    display:none;
    position:fixed;
    z-index:70;
    left:auto;
    right:max(14px,env(safe-area-inset-right));
    bottom:max(14px,env(safe-area-inset-bottom));
    justify-content:center;
    padding:0;
    margin:0;
    transform:none;
  }
  .event-manifesto-copy{order:3}
  .event-speaker{
    gap:9px;
    max-width:none;
    padding:7px 12px 7px 7px;
    border:1px solid rgba(243,243,243,.18);
    border-radius:999px;
    background:rgba(20,21,22,.9);
    box-shadow:0 12px 32px rgba(0,0,0,.42);
    backdrop-filter:blur(14px);
  }
  .event-speaker-media{width:46px;height:46px}
  .event-speaker-info{gap:0}
  .event-speaker-badge{
    gap:5px;
    font-size:11px;
    font-weight:400;
    letter-spacing:.02em;
    text-transform:none;
    color:var(--marble);
  }
  .event-speaker-badge svg{width:12px;height:12px;color:var(--brown)}
  .event-speaker-info strong,
  .event-speaker-link,
  .event-speaker-arrow{display:none}
}

/* ---------- section header ---------- */
.sec-head{max-width:720px;margin:0 auto 54px}
.sec-head.center{text-align:center}
.sec-head h2{margin-top:14px}
.sec-head p{color:var(--brown);margin-top:16px;font-size:16.5px}

/* ---------- shared manifesto section title ---------- */
.method-flow-intro,
.method-detail-intro,
.ceo-intro{
  position:relative;
  max-width:1180px;
  min-height:210px;
  margin:0 auto 56px;
  padding:34px 24px 26px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.method-flow-intro::before,
.method-detail-intro::before,
.ceo-intro::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:260px;
  aspect-ratio:1019.75 / 483.26;
  background:url("../assets/brand/symbol.svg") center / contain no-repeat;
  opacity:.075;
  pointer-events:none;
}
.method-flow-intro::after,
.method-detail-intro::after,
.ceo-intro::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(360px,50vw);
  height:42px;
  background:radial-gradient(circle,rgba(167,166,158,.10),rgba(167,166,158,.035) 42%,transparent 72%);
  filter:blur(10px);
  pointer-events:none;
}
.method-flow-intro h2,
.method-detail-intro h2,
.ceo-intro h2{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  max-width:none;
  margin:0;
  font-size:clamp(40px,4.2vw,64px);
  line-height:.98;
  letter-spacing:-.045em;
  text-align:center;
}
.method-flow-intro h2 span,
.method-detail-intro h2 span,
.ceo-intro h2 span{
  display:block;
  white-space:nowrap;
}

/* ---------- method flow ---------- */
.method-flow{
  padding-block:var(--section-space);
}
.method-results-stage{
  width:min(100%,1040px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,310px);
  align-items:center;
  gap:clamp(36px,7vw,96px);
}
.method-results-left{min-width:0}
.method-results-heading{margin:0 0 28px;text-align:center}
.method-results-title{
  margin:0;
  color:var(--marble);
  font-size:clamp(38px,4.25vw,56px);
  font-weight:400;
  letter-spacing:-.065em;
  line-height:.9;
  text-transform:uppercase;
}
.method-results-mini-divider{
  position:relative;
  width:min(100%,270px);
  height:1px;
  margin:25px auto 22px;
  background:linear-gradient(90deg,transparent 0,rgba(243,243,243,.18) 12%,rgba(243,243,243,.18) 88%,transparent 100%);
}
.method-results-mini-divider span{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(243,243,243,.16);
  border-radius:50%;
  background:var(--piano);
  box-shadow:0 0 0 5px var(--piano),0 6px 16px rgba(0,0,0,.2);
}
.method-results-mini-divider img{display:block;width:16px;height:auto;opacity:.9}
.method-results-description{
  max-width:44ch;
  margin:0 auto;
  color:var(--marble);
  font-size:clamp(16px,1.45vw,19px);
  font-weight:400;
  line-height:1.45;
  text-align:center;
}
.method-results-numbers{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.method-results-numbers::before{
  content:"";
  position:absolute;
  inset:12% 8%;
  background:url("../assets/brand/symbol.svg") center / contain no-repeat;
  opacity:.045;
  pointer-events:none;
}
.method-results-number{
  position:relative;
  min-height:122px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:16px 12px;
  border:1px solid rgba(243,243,243,.15);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(243,243,243,.075),rgba(243,243,243,.018));
  box-shadow:0 24px 56px rgba(0,0,0,.2);
  text-align:center;
}
.method-results-number strong{
  color:var(--marble);
  font-size:clamp(26px,3vw,38px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.method-results-number span{
  margin-top:8px;
  color:var(--brown);
  font-size:11px;
  font-weight:600;
  letter-spacing:.13em;
  line-height:1.2;
  text-transform:uppercase;
}
.method-results-clients-title{
  margin-top:26px;
  color:var(--brown);
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  line-height:1;
  text-align:center;
  text-transform:uppercase;
}
.method-results-clients{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  gap:22px;
  margin-top:14px;
  padding:8px 12px;
}
.method-results-client{
  min-width:0;
  height:72px;
  display:grid;
  place-items:center;
  padding:0;
  overflow:visible;
}
.method-results-client img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:72px;
  object-fit:contain;
  transform-origin:center;
}
.method-results-client--batel img{transform:scale(1.45)}
.method-results-client--details img{transform:scale(1.4)}
.method-results-client--master img{transform:scale(1.2)}
.method-results-client--vianna img{transform:scale(1.4)}
.method-results-video{display:flex;justify-content:center}
.method-results-device{width:min(100%,300px)}
.method-results-reel{background:#f3f3f3}
.method-results-reel::after{background:transparent}
.method-results-profiles{
  position:absolute;
  z-index:0;
  inset:0;
}
.method-results-reel .method-results-profile{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  animation:method-results-profile-cycle 16s linear infinite;
}
.method-results-reel .method-results-profile:nth-child(2){animation-delay:4s}
.method-results-reel .method-results-profile:nth-child(3){animation-delay:8s}
.method-results-reel .method-results-profile:nth-child(4){animation-delay:12s}
@keyframes method-results-profile-cycle{
  0%,23%{opacity:1}
  25%,100%{opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .method-results-reel .method-results-profile{animation:none;opacity:0}
  .method-results-reel .method-results-profile:first-child{opacity:1}
}
.method-flow-stage{
  position:relative;
  width:min(100%,1120px);
  margin:0 auto;
  overflow:visible;
}
.method-flow-cards{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px;
  align-items:stretch;
}
.method-flow-cards::before{
  content:"";
  position:absolute;
  left:22%;
  right:22%;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(243,243,243,.14) 18%,rgba(243,243,243,.14) 82%,transparent);
  z-index:0;
}
.method-card{
  position:relative;
  z-index:1;
  min-height:300px;
  border:1px solid rgba(243,243,243,.14);
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(243,243,243,.055),rgba(20,21,22,.48));
  box-shadow:0 32px 70px rgba(0,0,0,.28);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.method-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(243,243,243,.06),transparent 58%);
  opacity:.65;
  pointer-events:none;
  transition:opacity .22s ease;
}
.method-card::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:24px;
  width:10px;
  height:10px;
  border-right:1px solid rgba(243,243,243,.62);
  border-bottom:1px solid rgba(243,243,243,.62);
  transform:translateX(-50%) rotate(45deg);
  opacity:.72;
  transition:transform .22s ease,opacity .22s ease;
}
.method-card span{
  position:relative;
  z-index:1;
  color:var(--marble);
  font-size:clamp(30px,3vw,46px);
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.method-card:hover,
.method-card:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(243,243,243,.30);
  background:linear-gradient(180deg,rgba(243,243,243,.085),rgba(20,21,22,.52));
  box-shadow:0 38px 84px rgba(0,0,0,.36);
}
.method-card:hover::before,
.method-card:focus-visible::before{opacity:1}
.method-card:hover::after,
.method-card:focus-visible::after{
  transform:translate(-50%,4px) rotate(45deg);
  opacity:1;
}
.method-card:focus-visible{outline:2px solid rgba(243,243,243,.7);outline-offset:4px}
.method-flow-union{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  display:grid;
  place-items:center;
  width:176px;
  height:118px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  pointer-events:none;
}
.method-flow-union::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:150px;
  height:90px;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,rgba(243,243,243,.09),rgba(243,243,243,.025) 38%,transparent 72%);
  filter:blur(12px);
  pointer-events:none;
}
.method-flow-union img{
  position:relative;
  z-index:1;
  width:112px;
  height:auto;
  opacity:1;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.48));
}

/* ---------- method detail placeholders ---------- */
.method-detail{
  scroll-margin-top:110px;
  padding-block:var(--section-space);
}
.method-detail-intro{
  position:relative;
  max-width:1180px;
  min-height:210px;
  margin:0 auto 34px;
  padding:34px 24px 26px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.method-detail-intro h2{
  font-size:clamp(40px,4.2vw,64px);
  letter-spacing:-.045em;
}
.method-detail-stage{
  position:relative;
  width:min(100%,1040px);
  min-height:260px;
  margin:0 auto;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.method-detail-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(520px 180px at 50% 50%,rgba(243,243,243,.035),transparent 72%);
}


/* ---------- mentorship journey ---------- */
.mentorship{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(760px 520px at 18% 48%,rgba(243,243,243,.038),transparent 70%),
    radial-gradient(680px 420px at 82% 58%,rgba(167,166,158,.025),transparent 72%);
}
.mentorship::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 77%,rgba(243,243,243,.025) 77.1%,transparent 77.3%),
    linear-gradient(180deg,transparent 49.8%,rgba(243,243,243,.022) 50%,transparent 50.2%);
  opacity:.65;
}
.mentorship .wrap{position:relative;z-index:1}
.mentorship .method-detail-intro{
  max-width:1180px;
  min-height:220px;
  margin:0 auto clamp(54px,7vw,86px);
}
.mentorship .method-detail-intro p{
  position:relative;
  z-index:1;
  width:min(100%,760px);
  max-width:760px;
  margin:18px auto 0;
  color:var(--brown);
  font-size:clamp(15px,1.45vw,18px);
  line-height:1.6;
  text-align:center;
}
.mentorship-journey{
  width:min(100%,1120px);
  margin:0 auto;
}
.mentorship-carousel-shell{
  position:relative;
  padding-inline:clamp(34px,4vw,72px);
}
.mentorship-carousel-viewport{
  overflow:hidden;
  border-radius:32px;
  touch-action:pan-y;
  overscroll-behavior-x:contain;
}
.mentorship-carousel-track{
  display:flex;
  align-items:stretch;
  will-change:transform;
  transition:transform .48s cubic-bezier(.22,.61,.36,1);
}
.mentorship-slide{
  min-width:100%;
  flex:0 0 100%;
}
.mentorship-feature{
  position:relative;
  display:grid;
  grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);
  gap:clamp(54px,7vw,96px);
  align-items:center;
  min-height:670px;
  padding:4px 0;
}
.mentorship-feature::after{
  content:"";
  position:absolute;
  left:41%;
  right:-4%;
  bottom:2%;
  height:1px;
  background:linear-gradient(90deg,rgba(243,243,243,.11),transparent 86%);
}
.mentorship-feature-right .mentorship-feature-media{order:2}
.mentorship-feature-right .mentorship-feature-copy{order:1}
.mentorship-feature-left .mentorship-feature-media{order:1}
.mentorship-feature-left .mentorship-feature-copy{order:2}
.mentorship-feature-media{
  position:relative;
  display:flex;
  justify-content:center;
}
.mentorship-feature-media::before{
  content:"";
  position:absolute;
  width:78%;
  aspect-ratio:1;
  left:50%;
  top:52%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(243,243,243,.075),rgba(243,243,243,.018) 44%,transparent 72%);
  filter:blur(18px);
  pointer-events:none;
}
.mentorship-video-frame{
  position:relative;
  width:min(100%,365px);
  aspect-ratio:9 / 16;
  padding:10px;
  overflow:hidden;
  border:1px solid rgba(243,243,243,.16);
  border-radius:40px;
  background:linear-gradient(145deg,#252728,#0d0e0f 68%);
  box-shadow:
    0 34px 80px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.07);
}
.mentorship-video-frame::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:10px;
  border-radius:31px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 48%,rgba(3,4,4,.72) 100%);
}
.mentorship-video-frame::after{
  content:"";
  position:absolute;
  z-index:4;
  top:20px;
  left:50%;
  width:72px;
  height:20px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#08090a;
  box-shadow:0 0 0 1px rgba(255,255,255,.025);
}
.mentorship-video-image{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:31px;
  filter:saturate(.88) contrast(1.04) brightness(.88);
  transition:transform .45s ease,filter .45s ease;
}
.mentorship-video-frame:hover .mentorship-video-image{
  transform:scale(1.018);
  filter:saturate(.96) contrast(1.04) brightness(.92);
}
.mentorship-media-badge{
  position:absolute;
  z-index:5;
  top:34px;
  left:28px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border:1px solid rgba(243,243,243,.15);
  border-radius:999px;
  background:rgba(10,11,12,.48);
  backdrop-filter:blur(8px);
  color:var(--marble);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mentorship-media-badge i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--marble);
  box-shadow:0 0 12px rgba(243,243,243,.48);
}
.mentorship-media-caption{
  position:absolute;
  z-index:5;
  left:30px;
  right:30px;
  bottom:32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
}
.mentorship-media-mark{
  width:44px;
  height:auto;
  display:block;
  margin-bottom:4px;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.34));
}
.mentorship-media-caption strong{
  color:var(--white);
  font-size:14px;
  font-weight:400;
}
.mentorship-media-caption span{
  color:rgba(243,243,243,.58);
  font-size:11px;
  letter-spacing:.03em;
}
.mentorship-feature-copy{
  max-width:590px;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.mentorship-feature-mark{
  display:block;
  width:clamp(48px,4.7vw,64px);
  height:auto;
  margin:0 auto 22px;
  opacity:.96;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));
}
.mentorship-feature-copy h3{
  max-width:none;
  width:max-content;
  margin:0 auto;
  color:var(--white);
  font-size:clamp(34px,3.5vw,46px);
  line-height:1;
  letter-spacing:-.045em;
  text-align:center;
  white-space:nowrap;
}
.mentorship-feature-copy > p:not(.eyebrow){
  max-width:560px;
  margin:18px auto 0;
  color:var(--brown);
  font-size:15.5px;
  line-height:1.65;
  text-align:center;
  text-wrap:pretty;
}
.mentorship-feature-description{
  max-width:560px;
  margin:18px auto 0;
  color:var(--brown);
  font-size:15.5px;
  line-height:1.65;
  text-align:center;
  text-wrap:pretty;
}
.mentorship-feature-accent{
  display:block;
  width:54px;
  height:1px;
  margin:30px auto 18px;
  background:linear-gradient(90deg,rgba(243,243,243,.05),var(--marble),rgba(243,243,243,.05));
  box-shadow:0 0 14px rgba(243,243,243,.10);
}
.mentorship-feature-points{
  list-style:none;
  display:flex;
  flex-direction:column;
}
.mentorship-feature-points li{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:17px;
  align-items:center;
  padding:18px 2px;
  color:rgba(243,243,243,.82);
  font-size:16px;
  line-height:1.4;
  border-bottom:1px solid rgba(243,243,243,.075);
}
.mentorship-feature-points li:last-child{border-bottom:0}
.mentorship-point-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid rgba(243,243,243,.15);
  border-radius:50%;
  color:var(--marble);
  background:rgba(243,243,243,.018);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.mentorship-point-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mentorship-carousel-status{
  margin-top:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.mentorship-carousel-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.mentorship-carousel-dot{
  width:10px;
  height:10px;
  border:0;
  border-radius:999px;
  background:rgba(243,243,243,.18);
  box-shadow:none;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,width .2s ease;
}
.mentorship-carousel-dot.is-active{
  width:34px;
  background:var(--marble);
}
.mentorship-carousel-side-arrow{
  position:absolute;
  top:50%;
  z-index:6;
  width:72px;
  height:72px;
  border:0;
  padding:0;
  background:transparent;
  color:rgba(243,243,243,.72);
  display:grid;
  place-items:center;
  cursor:pointer;
  transform:translateY(-50%);
  transition:transform .2s ease,color .2s ease,opacity .2s ease;
}
.mentorship-carousel-prev{left:-6px}
.mentorship-carousel-next{right:-6px}
.mentorship-carousel-side-arrow:hover,
.mentorship-carousel-side-arrow:focus-visible{
  color:var(--white);
  transform:translateY(calc(-50% - 2px));
}
.mentorship-carousel-side-arrow svg{
  width:44px;
  height:44px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.28));
}

@media(max-width:900px){
  .mentorship-feature{
    grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
    gap:42px;
    min-height:600px;
  }
  .mentorship-carousel-side-arrow{
    width:62px;
    height:62px;
  }
  .mentorship-carousel-side-arrow svg{
    width:38px;
    height:38px;
  }
  .mentorship-video-frame{width:min(100%,330px)}
  .mentorship-feature-copy h3{font-size:clamp(32px,4.2vw,40px)}
  .mentorship-feature-points li{font-size:14.5px}
}

@media(max-width:720px){
  .mentorship .method-detail-intro{margin-bottom:44px}
  .mentorship .method-detail-intro p{
    width:min(100%,520px);
    padding:0 8px;
    font-size:14px;
  }
  .mentorship-carousel-shell{
    padding-inline:0;
  }
  .mentorship-carousel-viewport{
    border-radius:0;
    cursor:default;
  }
  .mentorship-feature{
    grid-template-columns:1fr;
    gap:46px;
    min-height:0;
  }
  .mentorship-feature::after{display:none}
  /* Mobile: source order is always media first, copy second.
     Repeat modifier selectors to override the more-specific desktop alternation rules. */
  .mentorship-feature-left .mentorship-feature-media,
  .mentorship-feature-right .mentorship-feature-media{
    justify-content:center;
    order:1;
  }
  .mentorship-feature-left .mentorship-feature-copy,
  .mentorship-feature-right .mentorship-feature-copy{
    order:2;
  }
  .mentorship-video-frame{
    width:min(82vw,350px);
    border-radius:34px;
  }
  .mentorship-video-frame img,
  .mentorship-video-frame::before{border-radius:26px}
  .mentorship-feature-copy{
    width:min(100%,540px);
    margin:0 auto;
  }
  .mentorship-feature-mark{width:48px;margin-bottom:18px}
  .mentorship-feature-copy h3{
    max-width:100%;
    width:max-content;
    font-size:clamp(24px,6.7vw,30px);
    line-height:1;
    white-space:nowrap;
  }
  .mentorship-feature-accent{margin:24px auto 14px}
  .mentorship-feature-description{
    margin-top:16px;
    font-size:14px;
    line-height:1.6;
  }
  .mentorship-feature-points li{
    grid-template-columns:42px minmax(0,1fr);
    gap:13px;
    padding:14px 0;
    font-size:14px;
  }
  .mentorship-carousel-status{
    margin-top:18px;
  }
  .mentorship-carousel-dot{width:9px;height:9px}
  .mentorship-carousel-dot.is-active{width:28px}
  .mentorship-carousel-side-arrow{
    top:clamp(138px,28vw,190px);
    width:48px;
    height:48px;
  }
  .mentorship-carousel-prev{left:4px}
  .mentorship-carousel-next{right:4px}
  .mentorship-carousel-side-arrow svg{
    width:30px;
    height:30px;
  }
  .mentorship-point-icon{
    width:36px;
    height:36px;
  }
  .mentorship-point-icon svg{width:17px;height:17px}
}

@media(max-width:390px){
  .mentorship-carousel-status{gap:10px}
  .mentorship-video-frame{width:min(86vw,330px);padding:8px}
  .mentorship-video-frame img,
  .mentorship-video-frame::before{border-radius:25px}
  .mentorship-media-badge{top:28px;left:24px}
  .mentorship-media-caption{left:26px;right:26px;bottom:28px}
  .mentorship-media-mark{width:40px}
  .mentorship-feature-mark{width:44px;margin-bottom:16px}
  .mentorship-feature-copy h3{font-size:clamp(23px,6.4vw,26px)}
  .mentorship-feature-points li{font-size:13.5px}
  .mentorship-carousel-dot.is-active{width:24px}
  .mentorship-carousel-side-arrow{
    width:42px;
    height:42px;
  }
  .mentorship-carousel-side-arrow svg{
    width:26px;
    height:26px;
  }
}


/* ---------- tools showcase ---------- */
.tools-showcase{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(820px 520px at 78% 42%,rgba(243,243,243,.035),transparent 70%),
    radial-gradient(720px 460px at 18% 62%,rgba(167,166,158,.028),transparent 72%);
}
.tools-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(112deg,transparent 0 78%,rgba(243,243,243,.022) 78.1%,transparent 78.3%),
    linear-gradient(180deg,transparent 50%,rgba(243,243,243,.016) 50.1%,transparent 50.2%);
}
.tools-showcase .wrap{position:relative;z-index:1}
.tools-showcase .method-detail-intro{
  max-width:1180px;
  min-height:220px;
  margin:0 auto clamp(48px,6vw,72px);
}
.tools-showcase .method-detail-intro p{
  position:relative;
  z-index:1;
  width:min(100%,720px);
  margin:18px auto 0;
  color:var(--brown);
  font-size:clamp(15px,1.45vw,18px);
  line-height:1.6;
  text-align:center;
}
.tools-carousel{
  width:min(100%,1240px);
  margin:0 auto;
  outline:none;
}
.tools-carousel-shell{
  position:relative;
  padding-inline:clamp(56px,5vw,92px);
}
.tools-carousel-viewport{
  overflow:hidden;
  border-radius:32px;
  touch-action:pan-y;
  overscroll-behavior-x:contain;
  isolation:isolate;
}
.tools-carousel-track{
  display:flex;
  align-items:stretch;
  will-change:transform;
  backface-visibility:hidden;
  transition:transform .48s cubic-bezier(.22,.61,.36,1);
}
.tools-slide{
  min-width:100%;
  flex:0 0 100%;
  overflow:hidden;
  contain:layout paint;
}
.tools-feature{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.34fr) minmax(360px,.78fr);
  gap:clamp(28px,4vw,56px);
  align-items:center;
  min-height:640px;
  padding:16px 0 20px;
  overflow:hidden;
}
.tools-feature-right{
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.34fr);
}
.tools-feature-left .tools-feature-media{order:1}
.tools-feature-left .tools-feature-copy{order:2}
.tools-feature-right .tools-feature-media{order:2}
.tools-feature-right .tools-feature-copy{order:1}
.tools-feature-media{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.tools-feature-media::before{
  content:"";
  position:absolute;
  left:50%;
  top:56%;
  width:92%;
  aspect-ratio:1.48 / 1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(243,243,243,.08),rgba(243,243,243,.025) 46%,transparent 74%);
  filter:blur(24px);
  pointer-events:none;
}
.tools-device{
  position:relative;
  z-index:1;
  width:min(100%,820px);
  padding:0 10px 34px;
}
.tools-device-screen{
  position:relative;
  width:100%;
  padding:7px;
  overflow:hidden;
  border:1px solid rgba(243,243,243,.18);
  border-radius:24px 24px 10px 10px;
  background:linear-gradient(145deg,#2d2f31,#090a0b 72%);
  box-shadow:
    0 34px 78px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.tools-device-screen::before{
  content:"";
  position:absolute;
  z-index:3;
  left:50%;
  top:4px;
  width:6px;
  height:6px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#080909;
  box-shadow:0 0 0 1px rgba(255,255,255,.04);
}
.tools-device-screen img{
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  object-position:center;
  border-radius:16px 16px 6px 6px;
  background:#111314;
}
.tools-device-base{
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:14px;
  width:108%;
  height:18px;
  transform:translateX(-50%);
  border:1px solid rgba(243,243,243,.16);
  border-top-color:rgba(243,243,243,.28);
  border-radius:2px 2px 16px 16px;
  background:linear-gradient(180deg,#4c4f51 0%,#242627 40%,#111213 100%);
  box-shadow:0 20px 34px rgba(0,0,0,.30);
}
.tools-device-base::before{
  content:"";
  position:absolute;
  left:50%;
  top:-1px;
  width:15%;
  height:6px;
  transform:translateX(-50%);
  border-radius:0 0 7px 7px;
  background:#161718;
  border:1px solid rgba(243,243,243,.08);
  border-top:0;
}
.tools-device-base span{
  position:absolute;
  left:50%;
  bottom:-6px;
  width:84%;
  height:6px;
  transform:translateX(-50%);
  border-radius:0 0 50% 50%;
  background:rgba(0,0,0,.25);
  filter:blur(4px);
}
.tools-feature-copy{
  position:relative;
  z-index:2;
  width:100%;
  max-width:460px;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.tools-feature-mark{
  display:block;
  width:clamp(48px,4.4vw,62px);
  height:auto;
  margin:0 auto 20px;
  opacity:.96;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.26));
}
.tools-feature-copy h3{
  max-width:100%;
  margin:0 auto;
  color:var(--white);
  font-size:clamp(30px,3.05vw,48px);
  line-height:1.02;
  letter-spacing:-.04em;
  text-align:center;
  white-space:nowrap;
}
.tools-feature-copy > p:not(.eyebrow){
  max-width:430px;
  margin:18px auto 0;
  color:var(--brown);
  font-size:15px;
  line-height:1.62;
  text-align:center;
  text-wrap:pretty;
}
.tools-feature-description{
  max-width:430px;
  margin:18px auto 0;
  color:var(--brown);
  font-size:15px;
  line-height:1.62;
  text-align:center;
  text-wrap:pretty;
}
.tools-feature-accent{
  display:block;
  width:54px;
  height:1px;
  margin:27px auto 16px;
  background:linear-gradient(90deg,rgba(243,243,243,.05),var(--marble),rgba(243,243,243,.05));
  box-shadow:0 0 14px rgba(243,243,243,.10);
}
.tools-feature-points{
  list-style:none;
  display:flex;
  flex-direction:column;
}
.tools-feature-points li{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:15px;
  align-items:center;
  padding:15px 0;
  color:rgba(243,243,243,.82);
  font-size:14.5px;
  line-height:1.4;
  border-bottom:1px solid rgba(243,243,243,.07);
}
.tools-feature-points li:last-child{border-bottom:0}
.tools-point-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border:1px solid rgba(243,243,243,.14);
  border-radius:50%;
  color:var(--marble);
  background:rgba(243,243,243,.015);
}
.tools-point-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tools-carousel-side-arrow{
  position:absolute;
  top:calc(50% - 22px);
  z-index:7;
  width:68px;
  height:82px;
  border:0;
  padding:0;
  background:transparent;
  color:rgba(243,243,243,.66);
  display:grid;
  place-items:center;
  cursor:pointer;
  transform:translateY(-50%);
  transition:transform .2s ease,color .2s ease,opacity .2s ease;
}
.tools-carousel-prev{left:-8px}
.tools-carousel-next{right:-8px}
.tools-carousel-side-arrow:hover,
.tools-carousel-side-arrow:focus-visible{
  color:var(--white);
  transform:translateY(calc(-50% - 2px));
}
.tools-carousel-side-arrow:focus-visible{outline:1px solid rgba(243,243,243,.4);outline-offset:4px}
.tools-carousel-side-arrow svg{
  width:44px;
  height:44px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.32));
}
.tools-carousel-status{
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tools-carousel-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.tools-carousel-dot{
  width:9px;
  height:9px;
  border:0;
  border-radius:999px;
  background:rgba(243,243,243,.18);
  cursor:pointer;
  transition:width .2s ease,background .2s ease,transform .2s ease;
}
.tools-carousel-dot.is-active{
  width:32px;
  background:var(--marble);
}
.tools-carousel-dot:focus-visible{outline:1px solid rgba(243,243,243,.55);outline-offset:4px}

@media(max-width:1100px){
  .tools-carousel{width:min(100%,1180px)}
  .tools-carousel-shell{padding-inline:46px}
  .tools-feature,
  .tools-feature-right{
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
    gap:30px;
    min-height:580px;
  }
  .tools-feature-right{
    grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
  }
  .tools-device{width:min(100%,700px)}
  .tools-feature-copy{max-width:420px}
  .tools-feature-copy h3{font-size:clamp(28px,3.6vw,40px)}
}

@media(max-width:960px){
  .tools-carousel-shell{padding-inline:42px}
  .tools-feature,
  .tools-feature-right{
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
    gap:26px;
    min-height:530px;
  }
  .tools-feature-right{
    grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);
  }
  .tools-device{width:min(100%,610px)}
  .tools-feature-copy{max-width:390px}
  .tools-feature-copy h3{font-size:clamp(26px,3.8vw,34px)}
  .tools-feature-description{font-size:14px}
  .tools-feature-points li{font-size:13.5px}
  .tools-carousel-side-arrow{width:56px}
  .tools-carousel-side-arrow svg{width:36px;height:36px}
}

@media(max-width:760px){
  .tools-showcase .method-detail-intro{margin-bottom:42px}
  .tools-showcase .method-detail-intro p{
    width:min(100%,520px);
    padding:0 8px;
    font-size:14px;
  }
  .tools-carousel-shell{padding-inline:0}
  .tools-carousel-viewport{border-radius:0}
  .tools-feature,
  .tools-feature-right{
    grid-template-columns:1fr;
    gap:34px;
    min-height:0;
    padding:4px 0 10px;
  }
  .tools-feature-left .tools-feature-media,
  .tools-feature-right .tools-feature-media{
    order:1;
  }
  .tools-feature-left .tools-feature-copy,
  .tools-feature-right .tools-feature-copy{
    order:2;
  }
  .tools-feature-media{padding:0 28px}
  .tools-device{
    width:min(100%,620px);
    padding:0 8px 21px;
  }
  .tools-device-screen{
    padding:7px;
    border-radius:16px 16px 7px 7px;
  }
  .tools-device-screen img{border-radius:10px 10px 4px 4px}
  .tools-device-base{height:13px;bottom:9px;border-radius:2px 2px 12px 12px}
  .tools-feature-copy{
    width:min(100%,540px);
    max-width:540px;
    margin:0 auto;
    padding:0 8px;
  }
  .tools-feature-mark{width:44px;margin-bottom:15px}
  .tools-feature-copy h3{
    font-size:clamp(22px,6.2vw,28px);
    white-space:nowrap;
  }
  .tools-feature-description{
    max-width:500px;
    margin-top:14px;
    font-size:14px;
    line-height:1.58;
  }
  .tools-feature-accent{margin:22px auto 12px}
  .tools-feature-points li{
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
    padding:13px 0;
    font-size:13.5px;
  }
  .tools-point-icon{width:34px;height:34px}
  .tools-point-icon svg{width:16px;height:16px}
  .tools-carousel-side-arrow{
    top:clamp(98px,21vw,150px);
    width:44px;
    height:56px;
  }
  .tools-carousel-prev{left:0}
  .tools-carousel-next{right:0}
  .tools-carousel-side-arrow svg{width:28px;height:28px}
  .tools-carousel-status{margin-top:16px}
  .tools-carousel-dot{width:8px;height:8px}
  .tools-carousel-dot.is-active{width:26px}
}

@media(max-width:390px){
  .tools-feature-media{padding:0 24px}
  .tools-feature-copy h3{font-size:22px}
  .tools-feature-description{font-size:13.5px}
  .tools-feature-points li{font-size:13px}
  .tools-carousel-side-arrow{width:40px}
  .tools-carousel-side-arrow svg{width:25px;height:25px}
  .tools-carousel-dot.is-active{width:23px}
}

/* ---------- CEO / founder ---------- */
.ceo{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(760px 520px at 84% 42%,rgba(243,243,243,.035),transparent 68%);
}
.ceo-feature{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(42px,5.6vw,78px);
  align-items:start;
}
.ceo-copy{
  min-width:0;
  padding-top:8px;
}
.ceo-role{
  color:var(--brown);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.ceo-copy > h3{
  max-width:520px;
  margin-top:16px;
  font-size:clamp(26px,2.55vw,36px);
  line-height:1.06;
  letter-spacing:-.03em;
}
.ceo-lead{
  max-width:540px;
  margin-top:18px;
  color:var(--brown);
  font-size:15px;
  line-height:1.58;
}
.ceo-lead b{
  color:var(--marble);
  font-weight:400;
}
.ceo-lead .at{color:var(--marble)}
.ceo-stats{
  margin:28px 0 32px;
}
.ceo-stats.hero-vsl-stats{
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.ceo-stats .hero-vsl-stat{
  min-width:0;
  min-height:108px;
  padding:18px 10px;
  border-radius:14px;
}
.ceo-stats .hero-vsl-stat strong{
  max-width:100%;
  font-size:clamp(27px,2.35vw,34px);
  line-height:.96;
  letter-spacing:-.035em;
  white-space:nowrap;
}
.ceo-stats .hero-vsl-stat span{
  margin-top:9px;
  font-size:10.5px;
  line-height:1.25;
  letter-spacing:.1em;
}

.ceo-credentials{
  border-top:1px solid var(--line);
}
.ceo-credential{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:16px;
  padding:20px 0;
  border-bottom:1px solid var(--line);
}
.ceo-credential-index{
  color:var(--brown-dim);
  font-size:11px;
  letter-spacing:.16em;
}
.ceo-credential h4{
  color:var(--marble);
  font-size:13px;
  line-height:1.2;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:400;
}
.ceo-credential p{
  max-width:500px;
  margin-top:7px;
  color:var(--brown);
  font-size:14px;
  line-height:1.55;
}
.ceo-credential p b{
  color:var(--marble);
  font-weight:400;
}
.ceo-carousel{
  position:relative;
  min-width:0;
  height:clamp(590px,57vw,700px);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--piano-3);
  box-shadow:0 32px 82px rgba(0,0,0,.38);
}
.ceo-carousel-viewport{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.ceo-carousel-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .72s ease,visibility .72s ease;
}
.ceo-carousel-slide.is-active{
  opacity:1;
  visibility:visible;
}
.ceo-carousel-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(8,9,10,.88));
  pointer-events:none;
}
.ceo-carousel-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.015);
  transition:transform 5s ease;
}
.ceo-carousel-slide.is-active img{transform:scale(1.055)}
.ceo-carousel-slide:nth-child(1) img{object-position:50% 50%}
.ceo-carousel-slide:nth-child(2) img{object-position:55% 50%}
.ceo-carousel-slide:nth-child(3) img{object-position:50% 50%}
.ceo-carousel-slide figcaption{
  position:absolute;
  z-index:2;
  left:26px;
  right:80px;
  bottom:25px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ceo-carousel-slide figcaption strong{
  color:var(--marble);
  font-size:19px;
  line-height:1.15;
  font-weight:400;
}
.ceo-carousel-slide figcaption span{
  color:rgba(243,243,243,.68);
  font-size:10.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.ceo-carousel-arrow{
  position:absolute;
  z-index:4;
  top:50%;
  width:42px;
  height:42px;
  border:1px solid rgba(243,243,243,.18);
  border-radius:50%;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  background:rgba(14,15,16,.58);
  backdrop-filter:blur(10px);
  color:var(--marble);
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.ceo-carousel-arrow:hover{
  background:rgba(28,30,31,.88);
  border-color:rgba(243,243,243,.34);
}
.ceo-carousel-arrow:focus-visible{outline:2px solid var(--marble);outline-offset:3px}
.ceo-carousel-arrow svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ceo-carousel-prev{left:18px}
.ceo-carousel-next{right:18px}
.ceo-carousel-dots{
  position:absolute;
  z-index:5;
  right:24px;
  bottom:27px;
  display:flex;
  align-items:center;
  gap:7px;
}
.ceo-carousel-dots button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(243,243,243,.34);
  cursor:pointer;
  transition:width .25s ease,background .25s ease;
}
.ceo-carousel-dots button.is-active{
  width:24px;
  background:var(--marble);
}
.ceo-carousel-dots button:focus-visible{outline:2px solid var(--marble);outline-offset:3px}

@media(max-width:960px){
  .ceo-feature{
    grid-template-columns:1fr;
    gap:36px;
  }
  .ceo-carousel{
    order:-1;
    height:auto;
    aspect-ratio:4 / 5;
    max-height:720px;
  }
}

@media(max-width:620px){
  .method-flow-intro,
  .ceo-intro{
    width:calc(100% + 32px);
    min-height:132px;
    margin-left:-16px;
    margin-right:-16px;
    margin-bottom:38px;
    padding:20px 4px 18px;
  }
  .method-flow-intro::before,
  .ceo-intro::before{
    width:140px;
    opacity:.065;
  }
  .method-flow-intro::after,
  .ceo-intro::after{
    bottom:6px;
    width:min(230px,64vw);
    height:30px;
  }
  .method-flow-intro h2,
  .ceo-intro h2{
    gap:7px;
    font-size:clamp(24px,7.7vw,30px);
    line-height:1.02;
    letter-spacing:-.04em;
  }
  .method-flow-cards{
    grid-template-columns:1fr;
    grid-template-rows:repeat(2,190px);
    gap:20px;
  }
  .method-results-stage{
    grid-template-columns:1fr;
    gap:34px;
  }
  .method-results-heading{margin-bottom:20px}
  .method-results-title{font-size:clamp(36px,10vw,46px)}
  .method-results-mini-divider{width:min(100%,220px);margin:20px auto 18px}
  .method-results-description{font-size:16px}
  .method-results-numbers{gap:9px}
  .method-results-number{
    min-height:102px;
    padding:14px 8px;
    border-radius:14px;
  }
  .method-results-number strong{font-size:clamp(20px,5.5vw,25px)}
  .method-results-number span{margin-top:7px;font-size:9px;letter-spacing:.11em}
  .method-results-clients-title{margin-top:22px;font-size:10px}
  .method-results-clients{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:12px;padding:8px 16px}
  .method-results-client{height:68px;padding:0}
  .method-results-client img{max-height:68px}
  .method-results-device{width:min(100%,294px)}
  .method-flow-cards::before{
    display:block;
    left:50%;
    right:auto;
    top:10%;
    bottom:10%;
    width:1px;
    height:auto;
    transform:translateX(-50%);
    background:linear-gradient(180deg,transparent,rgba(243,243,243,.14) 18%,rgba(243,243,243,.14) 82%,transparent);
  }
  .method-flow-stage{width:100%}
  .method-card{
    min-height:0;
    height:190px;
    padding:22px 22px 34px;
    border-radius:20px;
  }
  .method-card::after{
    bottom:20px;
    width:9px;
    height:9px;
  }
  .method-card span{
    font-size:clamp(24px,7.6vw,32px);
    letter-spacing:.12em;
  }
  .method-card-ferramentas span{
    font-size:clamp(21px,6.8vw,30px);
    letter-spacing:.10em;
  }
  .method-flow-union{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:150px;
    height:96px;
    margin:0;
    z-index:5;
  }
  .method-flow-union::before{
    left:50%;
    top:50%;
    width:126px;
    height:76px;
    transform:translate(-50%,-50%);
  }
  .method-flow-union img{width:94px}
  .method-detail{scroll-margin-top:96px}
  .method-detail-stage{min-height:190px}
  .ceo-carousel{
    aspect-ratio:4 / 5;
    border-radius:16px;
  }
  .ceo-carousel-slide figcaption{
    left:18px;
    right:70px;
    bottom:18px;
  }
  .ceo-carousel-slide figcaption strong{font-size:17px}
  .ceo-carousel-arrow{
    width:38px;
    height:38px;
  }
  .ceo-carousel-prev{left:12px}
  .ceo-carousel-next{right:12px}
  .ceo-carousel-dots{
    right:18px;
    bottom:20px;
  }
  .ceo-copy > h3{font-size:clamp(25px,7.2vw,30px)}
  .ceo-lead{font-size:14.5px;line-height:1.55}
  .ceo-stats{
    margin:24px 0 28px;
  }
  .ceo-stats .hero-vsl-stat{
    min-height:0;
    padding:17px 14px;
  }
  .ceo-stats .hero-vsl-stat strong{font-size:32px}
  .ceo-stats .hero-vsl-stat span{font-size:10px;margin-top:7px}
  .ceo-credential{grid-template-columns:34px minmax(0,1fr);gap:12px}
}

@media(max-width:360px){
  .method-flow-intro::before,
  .ceo-intro::before{width:126px}
}

/* ---------- offer ---------- */
.offer-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.offer-card{
  border:1px solid rgba(243,243,243,.16);border-radius:22px;
  background:linear-gradient(180deg,rgba(243,243,243,.05),rgba(20,21,22,.5));
  padding:36px 32px;position:relative;overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.45);
}
.offer-card::before{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:120%;
  background:radial-gradient(circle,rgba(243,243,243,.10),transparent 60%);pointer-events:none}
.offer-badge{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--marble);border:1px solid rgba(243,243,243,.28);border-radius:999px;padding:7px 16px}
.price{display:flex;align-items:flex-end;gap:12px;margin:22px 0 4px}
.price .cur{font-size:22px;color:var(--brown);margin-bottom:8px}
.price .val{font-size:clamp(56px,9vw,84px);line-height:.9;letter-spacing:-.03em}
.price .per{font-size:14px;color:var(--brown);margin-bottom:12px}
.price-note{font-size:13.5px;color:var(--brown)}
.incl{list-style:none;margin:26px 0 0;display:grid;gap:14px}
.incl li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}
.incl .ck{flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  background:rgba(243,243,243,.10);border:1px solid rgba(243,243,243,.28);
  display:flex;align-items:center;justify-content:center;margin-top:2px}
.incl .ck svg{width:12px;height:12px;fill:var(--marble)}

/* form */
.lead-form{display:grid;gap:14px;margin-top:26px}
.field label{display:block;font-size:12.5px;color:var(--brown);letter-spacing:.04em;margin-bottom:7px}
.field input{
  width:100%;background:rgba(14,15,16,.7);border:1px solid var(--line);
  color:var(--marble);font-family:inherit;font-size:15px;
  padding:15px 16px;border-radius:12px;outline:none;transition:border .18s}
.field input:focus{border-color:var(--marble)}
.field input::placeholder{color:var(--brown-dim)}
.form-legal{font-size:11.5px;color:var(--brown-dim);text-align:center;line-height:1.5}

/* countdown */
.count{display:flex;gap:12px;justify-content:center;margin:8px 0 0}
.count .u{border:1px solid var(--line);border-radius:12px;padding:14px 10px;min-width:74px;
  background:rgba(243,243,243,.02);text-align:center}
.count .u .cn{font-size:30px;letter-spacing:-.02em;color:var(--marble)}
.count .u .cl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brown);margin-top:4px}

/* live */
.live-badge{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.06em;color:var(--marble)}
.live-dot{width:9px;height:9px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 0 rgba(229,72,77,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}70%{box-shadow:0 0 0 12px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;
  background:linear-gradient(180deg,rgba(243,243,243,.025),transparent)}
.step .sn{font-size:13px;letter-spacing:.2em;color:var(--marble)}
.step h3{margin:14px 0 10px;font-size:20px}
.step p{color:var(--brown);font-size:14.5px}

/* faq */
.faq{max-width:780px;margin:0 auto}
.qa{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;background:rgba(243,243,243,.02)}
.qa summary{list-style:none;cursor:pointer;padding:20px 22px;font-size:16.5px;
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary .ic{color:var(--marble);transition:transform .2s;flex:0 0 auto}
.qa[open] summary .ic{transform:rotate(45deg)}
.qa .ans{padding:0 22px 20px;color:var(--brown);font-size:15px}

/* final cta */
.final{text-align:center;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;
  background:radial-gradient(700px 380px at 50% 30%,rgba(243,243,243,.08),transparent 60%)}
.final .wrap{position:relative}

/* ---------- inscription quiz ---------- */
body.is-quiz-open{overflow:hidden}
.quiz-modal{
  width:min(680px,calc(100% - 32px));
  max-height:calc(100dvh - 32px);
  margin:auto;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:28px;
  color:var(--marble);
  background:transparent;
  box-shadow:0 30px 100px rgba(0,0,0,.68);
}
.quiz-modal::backdrop{background:rgba(5,6,7,.76);backdrop-filter:blur(10px)}
.quiz-shell{
  position:relative;
  max-height:calc(100dvh - 32px);
  overflow:auto;
  padding:clamp(32px,5vw,52px);
  border:1px solid rgba(243,243,243,.15);
  border-radius:28px;
  background:radial-gradient(480px 300px at 50% 0,rgba(243,243,243,.08),transparent 72%),linear-gradient(145deg,#252728,#151617 72%);
}
.quiz-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.36;
  background:linear-gradient(120deg,transparent 0 70%,rgba(243,243,243,.045) 70.1%,transparent 70.3%);
}
.quiz-close{
  position:absolute;
  z-index:2;
  top:18px;
  right:18px;
  display:grid;
  width:38px;
  height:38px;
  padding:0;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--brown);
  background:rgba(0,0,0,.18);
  cursor:pointer;
  transition:color .2s ease,border-color .2s ease,transform .2s ease;
}
.quiz-close:hover,.quiz-close:focus-visible{color:var(--white);border-color:rgba(243,243,243,.45);transform:rotate(4deg)}
.quiz-close svg,.quiz-next svg,.quiz-send svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.quiz-head{position:relative;z-index:1;text-align:center;padding:2px 34px 0}
.quiz-head img{width:46px;margin:0 auto 18px}
.quiz-head .eyebrow{margin-bottom:10px}
.quiz-head h2{font-size:clamp(31px,5vw,46px);letter-spacing:-.055em}
.quiz-head h2 .quiz-day-logo{display:block;width:min(100%,260px);margin:0 auto}
.quiz-head > p:last-child{max-width:380px;margin:12px auto 0;color:var(--brown);font-size:15px;line-height:1.55}
.quiz-form{position:relative;z-index:1;margin-top:34px}
.quiz-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:30px}
.quiz-progress span{height:2px;background:rgba(243,243,243,.14);transition:background .25s ease}
.quiz-progress span.is-active{background:var(--marble)}
.quiz-step-index{margin-bottom:7px;color:var(--brown);font-size:11px;letter-spacing:.22em}
.quiz-step h3{font-size:clamp(24px,3.8vw,31px);letter-spacing:-.04em}
.quiz-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.quiz-fields > label,.quiz-other{display:flex;flex-direction:column;gap:7px;color:var(--brown);font-size:12px;letter-spacing:.035em}
.quiz-fields input[type="text"],.quiz-fields input[type="email"],.quiz-fields input[type="tel"]{
  width:100%;
  min-height:48px;
  padding:0 14px;
  border:1px solid rgba(243,243,243,.14);
  border-radius:10px;
  outline:0;
  color:var(--marble);
  background:rgba(5,6,7,.32);
  font:400 15px 'N27',sans-serif;
  transition:border-color .2s ease,background .2s ease;
}
.quiz-fields input:focus{border-color:rgba(243,243,243,.65);background:rgba(5,6,7,.48)}
.quiz-fields input::placeholder{color:var(--brown-dim)}
.quiz-fields--choices{grid-template-columns:1fr;gap:22px}
.quiz-fields fieldset{min-width:0;border:0}
.quiz-fields legend{margin-bottom:12px;color:var(--white);font-size:16px;line-height:1.35}
.quiz-choice{display:flex;align-items:center;gap:11px;min-height:38px;color:var(--brown);font-size:14.5px;cursor:pointer}
.quiz-choice input{position:absolute;opacity:0;pointer-events:none}
.quiz-choice span{display:flex;align-items:center;gap:11px}
.quiz-choice span::before{content:"";width:17px;height:17px;border:1px solid rgba(243,243,243,.34);border-radius:50%;background:rgba(0,0,0,.14);transition:border .18s ease,box-shadow .18s ease,background .18s ease}
.quiz-choice input:checked + span{color:var(--white)}
.quiz-choice input:checked + span::before{border:5px solid var(--marble);box-shadow:0 0 0 3px rgba(243,243,243,.12)}
.quiz-choice input:focus-visible + span::before{outline:2px solid rgba(243,243,243,.55);outline-offset:3px}
.quiz-other{margin:4px 0 2px 28px}
.quiz-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}
.quiz-actions [hidden]{display:none!important}
.quiz-actions button{min-height:50px;border-radius:999px;font:400 15px 'N27',sans-serif;cursor:pointer}
.quiz-back{padding:0 20px;border:1px solid rgba(243,243,243,.22);color:var(--marble);background:transparent}
.quiz-next,.quiz-send{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid var(--marble);color:#171819;background:var(--marble);font-weight:600!important;transition:transform .2s ease,background .2s ease}
.quiz-next:hover,.quiz-send:hover{transform:translateY(-1px);background:var(--white)}
.quiz-note{margin:16px auto 0;max-width:400px;color:var(--brown-dim);font-size:12px;line-height:1.45;text-align:center}

/* ---------- participation calls ---------- */
.cases-cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  margin:clamp(48px,6vw,72px) auto 0;
  text-align:center;
}
.cases-cta p{color:var(--brown);font-size:16px}
.cases-cta a,.final-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:52px;
  padding:0 24px;
  border:1px solid var(--marble);
  border-radius:999px;
  color:#171819;
  background:var(--marble);
  font-size:15px;
  font-weight:600;
  transition:transform .22s var(--ease),background .22s ease;
}
.cases-cta a:hover,.final-cta a:hover{transform:translateY(-2px);background:var(--white)}
.cases-cta svg,.final-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.final-cta{
  position:relative;
  scroll-margin-top:88px;
  overflow:hidden;
  padding-block:clamp(104px,12vw,160px);
  background:radial-gradient(620px 310px at 50% 48%,rgba(243,243,243,.07),transparent 72%);
}
.final-cta::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:min(660px,78vw);
  aspect-ratio:1019.75 / 483.26;
  transform:translate(-50%,-50%);
  background:url("../assets/brand/symbol.svg") center / contain no-repeat;
  opacity:.055;
  pointer-events:none;
}
.final-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(54px,8vw,130px);align-items:center;max-width:1120px;margin:0 auto}
.final-cta-content{display:flex;flex-direction:column;align-items:flex-start}
.final-cta-content > img{width:52px;margin:0 0 22px}
.final-cta-content .eyebrow{margin-bottom:15px}
.final-cta h2{display:flex;flex-direction:column;gap:4px;font-size:clamp(38px,5.1vw,70px);line-height:.96;letter-spacing:-.055em;text-align:left}
.final-cta h2 span{display:block}
.final-cta-content > p:last-of-type{max-width:510px;margin:22px 0 24px;color:var(--brown);font-size:clamp(15px,1.4vw,18px);line-height:1.55}
.final-event-location{max-width:530px;margin:0 0 30px;padding-top:20px;border-top:1px solid var(--line)}
.final-event-location .eyebrow{margin-bottom:10px}
.final-event-location address{font-style:normal;color:var(--brown);font-size:15px;line-height:1.62}
.final-cta a{min-height:56px;padding-inline:28px;border-color:#71bf57;background:#71bf57;color:#121612}
.final-cta a:hover{border-color:#91df77;background:#91df77}
.event-sponsors{position:relative;min-height:500px;padding:48px 42px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,#aaa79d,#8f8d85);box-shadow:0 22px 56px rgba(0,0,0,.15)}
.event-sponsors > *{position:relative;z-index:1}
.event-sponsors .eyebrow{margin:0;color:#373834;line-height:1.45}
.event-sponsor-logos{position:relative;z-index:1;width:min(100%,250px);display:flex;flex-direction:column;align-items:center;gap:26px;margin:10px auto 0}
.event-sponsor-logo{width:100%;height:72px;object-fit:contain;opacity:.94;transition:opacity .22s ease,transform .22s var(--ease)}
.event-sponsor-logo--wl{height:78px;transform:scale(1.1)}
.event-sponsor-logo--sgp{height:62px;transform:scale(.98)}
.event-sponsor-logo--autoconf{height:48px}
.event-sponsor-logo--belloscar{height:124px;transform:translateY(-36px) scale(1.02)}
.event-sponsor-logo:hover{opacity:1;transform:translateY(-2px) scale(1.04)}
.event-sponsor-logo--belloscar:hover{transform:translateY(-38px) scale(1.06)}
.event-sponsor-logo--wl:hover{transform:translateY(-2px) scale(1.14)}

@media(max-width:860px){
  .final-cta{text-align:center}
  .final-cta-grid{grid-template-columns:1fr;max-width:600px}
  .final-cta-content{align-items:center}
  .final-cta-content > img{margin-inline:auto}
  .final-cta h2{text-align:center}
  .final-cta-content > p:last-of-type{margin-inline:auto}
  .final-event-location{display:none}
  .event-sponsors{min-height:0;padding:36px 28px;border-radius:24px;gap:16px}
  .event-sponsor-logos{width:min(100%,230px);gap:19px;margin-top:6px}
  .event-sponsor-logo{height:58px}
  .event-sponsor-logo--wl{height:64px}
  .event-sponsor-logo--sgp{height:52px}
  .event-sponsor-logo--autoconf{height:40px}
  .event-sponsor-logo--belloscar{height:102px;transform:translateY(-28px) scale(1.02)}
}

/* footer */
.footer{border-top:1px solid var(--line);padding:40px 0;text-align:center}
.footer .mf-symbol{height:22px;margin:0 auto 16px}
.footer p{font-size:12.5px;color:var(--brown-dim);letter-spacing:.02em}

/* responsive */
@media(max-width:860px){
  .section-divider{width:calc(100% - 32px)}
  .section-divider--hero{margin-top:34px}
  .section-divider span{width:36px;height:36px;box-shadow:0 0 0 6px var(--piano),0 7px 20px rgba(0,0,0,.20)}
  .section-divider img{width:21px}
  .offer-grid{grid-template-columns:1fr;gap:30px}
  .steps{grid-template-columns:1fr}
  .nav-in{height:64px}
  .event-nav-brand{gap:10px}
  .event-nav-day-logo{width:clamp(150px,48vw,190px)}
  .event-nav-cta{min-height:38px;padding:0 14px;font-size:12.5px}
  .mf-symbol{height:25px}
}
@media(max-width:480px){
  .count .u{min-width:64px;padding:12px 6px}
  .count .u .cn{font-size:24px}
}
/* ---------- client cases intro ---------- */
.cases-intro{
  position:relative;
  max-width:1180px;
  min-height:210px;
  margin:0 auto 56px;
  padding:34px 24px 26px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cases-intro::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:260px;
  aspect-ratio:1019.75 / 483.26;
  background:url("../assets/brand/symbol.svg") center / contain no-repeat;
  opacity:.075;
  pointer-events:none;
}
.cases-intro::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(360px,50vw);
  height:42px;
  background:radial-gradient(circle,rgba(167,166,158,.10),rgba(167,166,158,.035) 42%,transparent 72%);
  filter:blur(10px);
  pointer-events:none;
}
.cases-intro h2{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  max-width:none;
  margin:0;
  font-size:clamp(40px,4.2vw,64px);
  line-height:.98;
  letter-spacing:-.045em;
  text-align:center;
}
.cases-intro h2 span{
  display:block;
  white-space:nowrap;
}
@media(max-width:860px){
  .cases-intro{
    width:calc(100% + 32px);
    min-height:132px;
    margin-left:-16px;
    margin-right:-16px;
    margin-bottom:42px;
    padding:20px 4px 18px;
  }
  .cases-intro::before{
    width:140px;
    opacity:.065;
  }
  .cases-intro::after{
    bottom:6px;
    width:min(230px,64vw);
    height:30px;
  }
  .cases-intro h2{
    gap:7px;
    font-size:clamp(24px,7.7vw,30px);
    line-height:1.02;
    letter-spacing:-.04em;
  }
}
@media(max-width:360px){
  .cases-intro::before{width:126px}
}

@media(max-width:600px){
  .quiz-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:22px}
  .quiz-shell{max-height:calc(100dvh - 20px);padding:30px 20px 24px;border-radius:22px}
  .quiz-close{top:13px;right:13px;width:34px;height:34px}
  .quiz-head{padding:2px 32px 0}
  .quiz-head img{width:40px;margin-bottom:14px}
  .quiz-head h2{font-size:30px}
  .quiz-head > p:last-child{font-size:14px}
  .quiz-form{margin-top:25px}
  .quiz-progress{margin-bottom:24px}
  .quiz-fields{grid-template-columns:1fr;gap:13px;margin-top:20px}
  .quiz-fields--choices{gap:19px}
  .quiz-fields legend{font-size:15px}
  .quiz-choice{min-height:35px;font-size:14px}
  .quiz-actions{margin-top:26px}
  .quiz-actions button{min-height:48px;font-size:14px}
  .quiz-next,.quiz-send{padding:0 18px}
  .quiz-note{font-size:11.5px}
  .cases-cta{gap:15px;margin-top:44px}
  .cases-cta p{font-size:14.5px}
  .cases-cta a,.final-cta a{width:min(100%,330px);min-height:52px;font-size:14.5px}
  .final-cta{padding-block:88px}
  .final-cta-content > img{width:44px;margin-bottom:18px}
  .final-cta h2{font-size:clamp(33px,9.2vw,42px)}
  .final-cta-content > p:last-of-type{max-width:340px;margin:18px auto 25px;font-size:15px}
}