:root{
  --bg:#031224;
  --bg-soft:#08213c;
  --bg-card:#0a2644;
  --bg-card-2:#0d2d4d;
  --text:#f4f8fd;
  --muted:#bdd1e3;
  --muted-2:#89a9c7;
  --line:#21537b;
  --line-soft:#183f5f;
  --gold:#f4c13a;
  --gold-2:#ffde7a;
  --green:#17ef8a;
  --blue:#2da3ff;
  --purple:#a149ff;
  --nav-h:92px;
  --shadow-lg:0 24px 80px rgba(0,0,0,.34);
  --shadow-md:0 18px 50px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:linear-gradient(180deg,#02101f,#051a31 32%,#031224 100%);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.ui-icon{width:1.18em;height:1.18em;display:inline-block;vertical-align:middle;flex:none}

.topbar{
  position:sticky;
  top:0;
  z-index:50;
  height:var(--nav-h);
  display:grid;
  grid-template-columns:minmax(190px,300px) 1fr auto auto;
  align-items:center;
  gap:18px;
  padding:10px clamp(14px,2vw,28px);
  background:rgba(2,14,28,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(244,193,58,.18);
}
.brand{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
}
.brand-desktop{width:min(250px,100%);max-height:68px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28))}
.brand-mobile{display:none}
#nav{min-width:0}
.nav-links{
  display:flex;
  justify-content:center;
  gap:clamp(14px,1.5vw,28px);
  align-items:center;
}
.nav-links a{
  font-size:clamp(1rem,1.25vw,1.08rem);
  font-weight:800;
  color:#eef5fb;
  padding:8px 2px;
  position:relative;
  white-space:nowrap;
}
.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),#ffe8ab);
  transition:width .28s ease;
}
.nav-links a:hover::after,
.nav-links a:focus-visible::after{width:100%}
.member-btn,
.btn,
.card-cta,
.nav-mobile-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:18px;
  font-weight:900;
  letter-spacing:.01em;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.member-btn{
  min-height:62px;
  padding:0 24px;
  border:1px solid rgba(244,193,58,.8);
  color:var(--gold);
  background:linear-gradient(180deg,rgba(18,37,66,.98),rgba(7,24,45,.98));
  box-shadow:0 10px 26px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.08);
}
.member-btn .ui-icon{color:#fff;font-size:1.05rem}
.member-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.28)}
.menu-btn,
.menu-close{
  display:none;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg,#102947,#081d34);
  color:#fff;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.menu-btn .ui-icon,
.menu-close .ui-icon{font-size:1.12rem}
.nav-mobile-head,
.nav-mobile-card{display:none}

.hero,
.closing{
  position:relative;
  overflow:hidden;
}
.hero{height:min(100vh - var(--nav-h),960px);min-height:720px}
.hero picture,
.hero picture img,
.closing picture,
.closing picture img{width:100%;height:100%}
.hero picture img{object-fit:cover;object-position:center 30%}
.hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(1,11,24,.70) 0%,rgba(1,11,24,.48) 36%,rgba(1,11,24,.16) 62%,rgba(1,11,24,.10) 100%),
    linear-gradient(180deg,rgba(1,11,24,.18),rgba(1,11,24,.28) 52%,rgba(1,11,24,.58) 100%);
}
.hero-content{
  position:absolute;
  inset:0;
  padding:0 clamp(22px,5vw,82px);
}
.hero-topline{
  position:absolute;
  left:clamp(22px,5vw,82px);
  top:clamp(138px,21vh,205px);
  margin:0;
  max-width:760px;
}
.eyebrow{
  font-size:.96rem;
  color:#88cdff;
  font-weight:950;
  letter-spacing:.35em;
}
.hero-main{
  position:absolute;
  left:clamp(22px,5vw,82px);
  bottom:clamp(42px,10vh,92px);
  max-width:min(640px,55vw);
}
.hero h1,
.closing-content h2{
  margin:0;
  line-height:.96;
  letter-spacing:-.03em;
}
.hero h1{font-size:clamp(3.7rem,7vw,6.8rem);margin-top:20px}
.hero h1 span{color:var(--gold)}
.hero-copy{font-size:clamp(1.03rem,1.55vw,1.32rem);line-height:1.72;color:#d8e6f2;max-width:600px;margin:22px 0 0}
.sponsor-chip{
  margin-top:22px;
  display:inline-flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(3,18,37,.46);
  color:#eef7ff;
  font-size:.92rem;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.sponsor-chip span{color:var(--gold);font-weight:900}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{
  min-height:58px;
  padding:0 26px;
  font-size:.98rem;
  border:1px solid transparent;
}
.btn-gold,
.card-cta,
.plan-card.gold .card-cta{
  color:#091526;
  background:linear-gradient(180deg,#ffe38c,#f3b427);
  box-shadow:0 16px 34px rgba(242,174,17,.25);
}
.btn-gold:hover,
.card-cta:hover{transform:translateY(-2px)}
.btn-ghost,
.btn-outline{
  background:rgba(6,28,50,.54);
  color:#f3f7fc;
  border-color:rgba(255,255,255,.22);
}
.btn-outline:hover,
.btn-ghost:hover{background:rgba(10,38,68,.86);border-color:rgba(255,255,255,.38)}
.shine{position:relative;overflow:hidden}
.shine::after{
  content:"";
  position:absolute;
  top:-20%;
  left:-55%;
  width:34%;
  height:160%;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation:shineSweep 6.2s ease-in-out infinite;
}
@keyframes shineSweep{
  0%,64%{left:-55%}
  100%{left:130%}
}

.section{padding:90px clamp(20px,4.8vw,70px)}
.section-head{max-width:920px;margin:0 auto 42px;text-align:center}
.section-head span,
.closing-content span{
  display:inline-block;
  color:#83ceff;
  font-size:.98rem;
  font-weight:950;
  letter-spacing:.32em;
}
.section-head h2{font-size:clamp(2.6rem,4.3vw,4rem);line-height:1.05;margin:16px 0 14px;letter-spacing:-.03em}
.section-head p{margin:0 auto;max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.74}
.section-head.sub{margin-top:88px}

.plans-grid,
.tool-grid,
.benefit-grid,
.steps{max-width:1480px;margin:auto;display:grid;gap:22px}
.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.plan-card{
  position:relative;
  min-height:365px;
  padding:24px 24px 24px;
  border-radius:26px;
  background:linear-gradient(180deg,#0d2a48,#071b31 100%);
  border:1px solid rgba(75,125,173,.45);
  box-shadow:var(--shadow-md);
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease;
  overflow:hidden;
}
.plan-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 35%);
}
.plan-card:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(0,0,0,.32)}
.plan-card.accent-left::after,
.benefit-card.accent-left::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:7px;
  border-radius:22px 0 0 22px;
  background:var(--accent-color);
}
.plan-card.accent-top::after,
.benefit-card.accent-top::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:7px;
  border-radius:0 0 14px 14px;
  background:var(--accent-color);
}
.plan-card.green{--accent-color:var(--green)}
.plan-card.blue{--accent-color:var(--blue)}
.plan-card.gold{--accent-color:var(--gold)}
.plan-card.purple{--accent-color:var(--purple)}
.plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}
.plan-icon{
  width:62px;height:62px;border-radius:18px;display:grid;place-items:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.plan-icon .ui-icon{font-size:1.7rem}
.plan-card.green .plan-icon{color:var(--green)}
.plan-card.blue .plan-icon{color:var(--blue)}
.plan-card.gold .plan-icon{color:var(--gold)}
.plan-card.purple .plan-icon{color:#d28fff}
.plan-tag{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:0 12px;border-radius:999px;
  font-size:.73rem;font-weight:950;letter-spacing:.12em;
  border:1px solid currentColor;background:rgba(4,20,39,.42)
}
.plan-card.green .plan-tag{color:#b8ffe0}
.plan-card.blue .plan-tag{color:#b8e0ff}
.plan-card.gold .plan-tag{color:#ffe6a0}
.plan-card.purple .plan-tag{color:#ebc5ff}
.plan-card h3{font-size:clamp(1.8rem,2.6vw,2.1rem);line-height:1.02;margin:4px 0 16px}
.plan-card.green h3{color:var(--green)}
.plan-card.blue h3{color:var(--blue)}
.plan-card.gold h3{color:#ffc940}
.plan-card.purple h3{color:#d278ff}
.plan-card p{margin:0;color:#dce8f2;font-size:1rem;line-height:1.62;max-width:31ch;padding-bottom:88px}
.card-cta{
  position:absolute;left:24px;right:24px;bottom:24px;min-height:66px;
  border-radius:18px;font-size:1rem;text-align:center;padding:0 18px;
}
.plan-card.green .card-cta{background:linear-gradient(180deg,#1fed8a,#14c86b)}
.plan-card.blue .card-cta{background:linear-gradient(180deg,#4bb5ff,#1882d8);color:#fff}
.plan-card.gold .card-cta{background:linear-gradient(180deg,#ffd86a,#f3ae1b)}
.plan-card.purple .card-cta{background:linear-gradient(180deg,#ab5cff,#7f2be0);color:#fff}

.tools{background:linear-gradient(180deg,rgba(5,27,49,.35),rgba(3,18,36,.15))}
.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tool-card{
  position:relative;
  min-height:410px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(68,120,164,.55);
  box-shadow:var(--shadow-lg);
}
.tool-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.tool-card:hover img{transform:scale(1.04)}
.tool-overlay{
  position:absolute;inset:auto 0 0 0;padding:30px 30px 26px;
  background:linear-gradient(180deg,transparent,rgba(1,11,25,.26) 20%,rgba(1,11,25,.95) 84%);
  display:grid;gap:8px;
}
.tool-overlay span{font-size:2rem;font-weight:950;color:var(--gold)}
.tool-overlay strong{font-size:1.16rem;line-height:1.45}
.tool-overlay em{font-style:normal;color:#89d8ff;font-weight:900}

.testimonials{background:linear-gradient(180deg,rgba(3,18,34,.22),rgba(5,31,55,.72),rgba(3,18,34,.18))}
.carousel{position:relative;max-width:1480px;margin:0 auto 28px}
.track{
  display:grid;
  grid-auto-flow:column;
  gap:20px;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  padding:8px 6px 18px;
}
.track::-webkit-scrollbar{display:none}
.video-track{grid-auto-columns:minmax(310px,25%)}
.partner-track{grid-auto-columns:minmax(300px,25%)}
.testimonial{
  scroll-snap-align:start;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(66,121,165,.48);
  background:linear-gradient(180deg,#0a2744,#071a31);
  box-shadow:var(--shadow-md);
}
.testimonial > div{padding:22px}
.testimonial small{color:#ffd667;font-weight:950;letter-spacing:.18em;font-size:.72rem}
.testimonial h3{margin:10px 0 8px;font-size:1.9rem;line-height:1.02}
.testimonial b{display:block;color:#7fd4ff;font-size:1.04rem;margin-bottom:12px}
.testimonial p{margin:0;color:#d1dfec;line-height:1.65}
.inline-link{color:var(--gold);font-weight:800}
.video-frame{
  aspect-ratio:9/16;
  background:#000;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
.partner-card>a{
  display:block;
  aspect-ratio:9/16;
  background:radial-gradient(circle at top,#183c5d,#051120 72%);
  padding:14px;
}
.partner-card>a img{width:100%;height:100%;object-fit:contain}
.arrow{
  position:absolute;top:40%;transform:translateY(-50%);
  z-index:3;width:56px;height:56px;border-radius:50%;border:1px solid var(--gold);
  background:linear-gradient(180deg,#102744,#06192f);color:var(--gold);
  display:grid;place-items:center;font-size:2rem;cursor:pointer;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
}
.arrow.prev{left:-20px}
.arrow.next{right:-20px}
.center{text-align:center}

.benefit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.benefit-card{
  position:relative;
  min-height:250px;
  padding:24px 20px 20px;
  border-radius:22px;
  border:1px solid rgba(55,107,149,.52);
  background:linear-gradient(180deg,#0d2a49,#071c33 100%);
  box-shadow:var(--shadow-md);
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
  overflow:hidden;
}
.benefit-card:hover{transform:translateY(-6px);border-color:rgba(244,193,58,.62);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.benefit-icon{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
  color:var(--gold);margin-bottom:16px
}
.benefit-icon .ui-icon{font-size:1.55rem}
.benefit-card h3{margin:0 0 10px;font-size:1.18rem;color:#ffd05f}
.benefit-card p{margin:0;color:#c8dae9;font-size:.97rem;line-height:1.65}
.benefit-card em{display:inline-block;margin-top:18px;font-style:normal;font-size:.78rem;color:#7fdaff;font-weight:950;letter-spacing:.14em}

.journey{padding-top:60px}
.steps{grid-template-columns:repeat(5,minmax(0,1fr))}
.steps article{
  position:relative;
  padding:28px 20px 24px;
  border-radius:22px;
  border:1px solid rgba(55,107,149,.52);
  background:linear-gradient(180deg,#0a2744,#071a31);
  text-align:center;
  box-shadow:var(--shadow-md);
}
.steps article b{
  position:absolute;left:18px;top:16px;color:#67c8ff;font-size:1.1rem;
}
.step-icon{
  width:76px;height:76px;margin:16px auto 18px;border-radius:22px;
  display:grid;place-items:center;color:var(--gold);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.1)
}
.step-icon .ui-icon{font-size:1.95rem}
.steps h3{margin:0 0 10px;font-size:1.8rem}
.steps p{margin:0;color:#c4d7e6;line-height:1.62}

.faq-list{max-width:1040px;margin:auto;display:grid;gap:16px}
.faq-list details{
  border:1px solid rgba(57,109,151,.52);
  border-radius:22px;
  background:linear-gradient(180deg,#0d2a48,#071c32);
  box-shadow:var(--shadow-md);
  overflow:hidden;
}
.faq-list summary{
  list-style:none;cursor:pointer;padding:24px 74px 24px 24px;
  position:relative;font-weight:900;font-size:1.08rem;
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::before{
  content:"?";
  position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:rgba(244,193,58,.14);color:var(--gold);font-weight:950;
}
.faq-list summary{padding-left:66px}
.faq-list summary::after{
  content:"+";
  position:absolute;right:22px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(244,193,58,.48);color:var(--gold);font-size:1.4rem;
}
.faq-list details[open] summary::after{content:"−"}
.faq-list p{margin:0;padding:0 24px 24px 66px;color:#c5d8e7;line-height:1.75}

.closing{height:620px;margin-top:18px}
.closing picture img{object-fit:cover;object-position:center 48%}
.closing-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,11,27,.86) 0%,rgba(0,11,27,.52) 42%,rgba(0,11,27,.16) 72%,rgba(0,11,27,.12) 100%),
    linear-gradient(180deg,rgba(0,11,27,.18),rgba(0,11,27,.35) 52%,rgba(0,11,27,.52) 100%);
}
.closing-content{
  position:absolute;
  left:clamp(22px,6vw,94px);
  top:50%;
  transform:translateY(-50%);
  max-width:620px;
}
.closing-content h2{font-size:clamp(3rem,5.2vw,4.7rem);margin:16px 0 18px}
.closing-content p{margin:0 0 26px;font-size:1.16rem;line-height:1.75;color:#d6e3ef}

.stats{
  max-width:1320px;
  margin:-54px auto 0;
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:linear-gradient(180deg,#0a223d,#08192c);
  border:1px solid rgba(244,193,58,.68);
  border-radius:26px;
  box-shadow:var(--shadow-lg);
}
.stats div{text-align:center;padding:30px 16px}
.stats div+div{border-left:1px solid rgba(64,109,151,.48)}
.stats strong{display:block;font-size:2.65rem;color:var(--gold);line-height:1;font-weight:950}
.stats span{display:block;margin-top:8px;color:#d3e0ec;font-size:1.02rem}

footer{
  padding:100px clamp(20px,4vw,64px) 34px;
  display:grid;
  grid-template-columns:1.35fr .95fr .95fr .95fr;
  gap:34px;
  background:linear-gradient(180deg,#031120,#020b18 100%);
  border-top:1px solid rgba(31,72,106,.7);
}
.footer-brand img{width:min(320px,100%);object-fit:contain}
.footer-brand p{margin:20px 0 0;color:#a6bed3;line-height:1.75;max-width:420px}
.footer-mini-cta{
  margin-top:22px;display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(244,193,58,.22);color:#fff
}
.footer-mini-cta span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(244,193,58,.15);color:var(--gold)}
.footer-links,
.social{display:flex;flex-direction:column;gap:12px}
.footer-links h3,
.social h3{margin:0 0 8px;font-size:1.08rem;color:#ffd56a;letter-spacing:.06em;text-transform:uppercase}
.footer-links a,
.social a{color:#d2dfeb;line-height:1.5;transition:color .22s ease, transform .22s ease}
.footer-links a:hover,
.social a:hover{color:#fff;transform:translateX(4px)}
.copy{
  grid-column:1/-1;
  margin:8px 0 0;
  padding-top:24px;
  text-align:center;
  color:#7792aa;
  border-top:1px solid rgba(31,72,106,.48)
}

.floating-wa,
.to-top{
  position:fixed;
  right:20px;
  width:58px;
  height:58px;
  border-radius:50%;
  z-index:35;
  display:grid;
  place-items:center;
  box-shadow:0 16px 36px rgba(0,0,0,.35);
}
.floating-wa{
  bottom:86px;
  background:linear-gradient(180deg,#18d96f,#0fb45b);
  color:#fff;
}
.to-top{
  bottom:20px;
  background:linear-gradient(180deg,#0e2645,#08192f);
  border:1px solid var(--gold);
  color:var(--gold)
}
.floating-wa .ui-icon,
.to-top .ui-icon{font-size:1.45rem}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media (max-width:1260px){
  .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .video-track{grid-auto-columns:minmax(300px,33%)}
  .partner-track{grid-auto-columns:minmax(300px,33%)}
  footer{grid-template-columns:1.2fr 1fr 1fr}
}

@media (max-width:1100px){
  .topbar{grid-template-columns:180px 1fr auto auto}
  .nav-links{gap:14px}
  .nav-links a{font-size:.97rem}
  .hero-main{max-width:min(640px,62vw)}
  .tool-grid{grid-template-columns:1fr}
}

@media (max-width:980px){
  :root{--nav-h:84px}
  .topbar{
    grid-template-columns:1fr auto auto;
    gap:10px;
    padding:10px 12px;
  }
  .brand{width:auto}
  .brand-desktop{display:none}
  .brand-mobile{
    display:block;
    width:62px;
    height:62px;
    object-fit:contain;
    filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));
  }
  #nav{
    position:fixed;
    inset:0;
    background:rgba(1,8,18,.58);
    backdrop-filter:blur(4px);
    display:none;
  }
  #nav.open{display:block}
  .nav-panel{
    position:absolute;
    top:0;
    right:0;
    width:min(92vw,380px);
    height:100%;
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:18px;
    background:linear-gradient(180deg,#071a31,#04101e);
    border-left:1px solid rgba(244,193,58,.22);
    box-shadow:-20px 0 50px rgba(0,0,0,.35);
  }
  .nav-mobile-head,
  .nav-mobile-card{display:block}
  .nav-mobile-head{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
  }
  .nav-mobile-brand{display:flex;align-items:center;gap:12px}
  .nav-mobile-brand img{width:60px;height:60px;border-radius:14px;object-fit:contain}
  .nav-mobile-brand strong{display:block;font-size:1.05rem}
  .nav-mobile-brand span{display:block;color:#87cfff;font-size:.88rem;margin-top:4px}
  .menu-close{display:grid}
  .nav-links{
    display:grid;
    gap:12px;
    margin-top:4px;
  }
  .nav-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 18px;
    border-radius:18px;
    background:linear-gradient(180deg,#102946,#081d33);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 28px rgba(0,0,0,.16);
  }
  .nav-links a::after{display:none}
  .nav-mobile-card{
    margin-top:auto;
    padding:20px;
    border-radius:24px;
    background:linear-gradient(180deg,rgba(244,193,58,.14),rgba(20,42,71,.4));
    border:1px solid rgba(244,193,58,.22);
  }
  .nav-mobile-card small{display:block;color:#88d2ff;font-weight:950;letter-spacing:.24em}
  .nav-mobile-card strong{display:block;margin-top:10px;font-size:1.3rem;line-height:1.2}
  .nav-mobile-card p{margin:12px 0 0;color:#d1dfeb;line-height:1.6}
  .nav-mobile-btn{
    margin-top:18px;min-height:56px;padding:0 18px;
    background:linear-gradient(180deg,#ffd96f,#f0b022);
    color:#081526
  }
  .member-btn{min-height:52px;padding:0 14px;border-radius:14px;font-size:.86rem}
  .member-btn span{display:none}
  .menu-btn{display:grid}
  .hero{min-height:760px;height:calc(100svh - var(--nav-h))}
  .hero picture img{object-position:center top}
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(1,11,24,.10),rgba(1,11,24,.22) 30%,rgba(1,11,24,.46) 54%,rgba(1,11,24,.84) 86%,#02101f 100%),
      linear-gradient(90deg,rgba(1,11,24,.28),rgba(1,11,24,.08) 60%);
  }
  .hero-topline{
    top:39%;
    left:18px;
    right:18px;
    max-width:none;
    font-size:.72rem;
    text-align:left;
  }
  .hero-main{
    left:18px;
    right:18px;
    bottom:34px;
    max-width:none;
  }
  .hero h1{font-size:clamp(2.8rem,10vw,4.2rem);margin-top:12px;max-width:76%}
  .hero-copy{font-size:1rem;max-width:78%;line-height:1.62;margin-top:18px}
  .hero-actions{margin-top:20px}
  .btn{min-height:54px;padding:0 18px;font-size:.92rem}
  .section{padding:72px 16px}
  .section-head{margin-bottom:32px}
  .section-head h2{font-size:clamp(2.2rem,9vw,3.25rem)}
  .plans-grid{grid-template-columns:1fr}
  .plan-card{min-height:340px}
  .video-track{grid-auto-columns:84%}
  .partner-track{grid-auto-columns:84%}
  .arrow{width:46px;height:46px;font-size:1.6rem}
  .arrow.prev{left:-4px}
  .arrow.next{right:-4px}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:1fr}
  .closing{height:760px}
  .closing picture img{object-position:center 42%}
  .closing-shade{
    background:
      linear-gradient(180deg,rgba(1,11,24,.10),rgba(1,11,24,.28) 34%,rgba(1,11,24,.56) 56%,rgba(1,11,24,.86) 82%,#02101f 100%),
      linear-gradient(90deg,rgba(1,11,24,.15),rgba(1,11,24,.06) 60%);
  }
  .closing-content{
    left:18px;
    right:18px;
    top:auto;
    bottom:34px;
    transform:none;
    max-width:none;
  }
  .closing-content h2{font-size:clamp(2.5rem,10vw,3.6rem)}
  .closing-content p{font-size:1rem;max-width:72%}
  .stats{margin:0 16px;border-radius:18px;grid-template-columns:1fr}
  .stats div+div{border-left:0;border-top:1px solid rgba(64,109,151,.48)}
  footer{grid-template-columns:1fr 1fr;padding:78px 18px 30px}
}

@media (max-width:620px){
  .member-btn{padding:0 12px;min-width:52px}
  .hero-topline{top:41%;font-size:.68rem;letter-spacing:.28em;max-width:86%}
  .hero h1{max-width:82%;font-size:clamp(2.55rem,12vw,3.7rem)}
  .hero-copy{max-width:84%}
  .sponsor-chip{font-size:.78rem;padding:10px 12px;border-radius:18px}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .btn,.card-cta{width:100%}
  .benefit-grid{grid-template-columns:1fr}
  .video-track{grid-auto-columns:92%}
  .partner-track{grid-auto-columns:92%}
  .testimonial h3{font-size:1.55rem}
  .tool-card{min-height:300px}
  .tool-overlay span{font-size:1.65rem}
  .closing-content p{max-width:84%}
  footer{grid-template-columns:1fr;text-align:center}
  .footer-brand p{max-width:none}
  .footer-mini-cta{margin-left:auto;margin-right:auto}
  .footer-links,
  .social{align-items:center}
  .footer-links a:hover,
  .social a:hover{transform:none}
}

@media (max-width:460px){
  :root{--nav-h:78px}
  .topbar{padding:8px 10px}
  .brand-mobile{width:56px;height:56px}
  .member-btn{font-size:.8rem}
  .hero{min-height:730px}
  .hero-topline{top:38%;right:20px}
  .hero h1{max-width:88%;font-size:2.45rem}
  .hero-copy{max-width:90%;font-size:.96rem}
  .closing-content p{max-width:90%}
  .plan-card,.benefit-card,.steps article,.faq-list details{border-radius:20px}
  .floating-wa,.to-top{width:54px;height:54px;right:16px}
  .floating-wa{bottom:82px}
  .to-top{bottom:16px}
}

/* =========================================================
   REFINO FINAL 21-09-2026 15:46
   ========================================================= */

/* HERO DESKTOP: textos mais altos e menos invasivos */
@media (min-width:981px){
  .hero{min-height:700px;height:min(calc(100vh - var(--nav-h)),880px)}
  .hero picture img{object-position:center 22%}
  .hero-topline{top:17%;max-width:680px;font-size:.86rem}
  .hero-main{top:29%;bottom:auto;max-width:540px}
  .hero h1{font-size:clamp(3.15rem,5.5vw,5.25rem);margin-top:12px}
  .hero-copy{font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.58;max-width:520px;margin-top:16px}
  .sponsor-chip{margin-top:16px}
  .hero-actions{margin-top:18px}
}

/* PLANOS: todas as bordas de destaque à esquerda */
.plan-card.accent-top::after,
.benefit-card.accent-top::after{display:none!important}
.plan-card.accent-left::after,
.benefit-card.accent-left::after{
  left:0;top:16px;bottom:16px;width:7px;border-radius:0 10px 10px 0;
}
.benefit-card{--accent-color:var(--gold)}

/* Depoimentos parceiros: arte inteira, sem link externo */
.partner-image{
  display:block;
  aspect-ratio:9/16;
  background:radial-gradient(circle at top,#183c5d,#051120 72%);
  padding:14px;
  overflow:hidden;
}
.partner-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.partner-card>a{display:none!important}
.expand-carousel{cursor:pointer}
.carousel.expanded .track{
  grid-auto-flow:row;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:visible;
  scroll-snap-type:none;
}
.carousel.expanded .arrow{display:none}
.carousel.expanded + .center .expand-carousel{display:none}

/* ENCERRAMENTO: conteúdo bem mais alto e imagem mais visível */
@media (min-width:981px){
  .closing{height:600px}
  .closing picture img{object-position:center 42%}
  .closing-shade{
    background:
      linear-gradient(90deg,rgba(0,11,27,.72) 0%,rgba(0,11,27,.38) 40%,rgba(0,11,27,.10) 72%,rgba(0,11,27,.06) 100%),
      linear-gradient(180deg,rgba(0,11,27,.08),rgba(0,11,27,.20) 60%,rgba(0,11,27,.34) 100%);
  }
  .closing-content{top:34%;transform:none;max-width:560px}
  .closing-content h2{font-size:clamp(2.7rem,4.5vw,4.25rem)}
  .closing-content p{font-size:1.03rem;line-height:1.62;max-width:500px}
}

/* Rodapé + contador discreto, por último */
.stats{display:none!important}
.copy strong{color:var(--gold)}
.footer-stats{
  grid-column:1/-1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0;
  margin:4px auto 0;
  max-width:720px;
  width:100%;
  padding:10px 0 0;
}
.footer-stats div{
  flex:1;
  text-align:center;
  padding:8px 18px;
  position:relative;
}
.footer-stats div+div::before{
  content:"";
  position:absolute;
  left:0;
  top:18%;
  height:64%;
  width:1px;
  background:rgba(125,166,201,.22);
}
.footer-stats strong{display:block;color:var(--gold);font-size:1.35rem;line-height:1;font-weight:900}
.footer-stats span{display:block;color:#738da5;font-size:.76rem;margin-top:5px}

/* WhatsApp: marca reconhecível e limpa */
.floating-wa{
  background:#18c96e;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 12px 34px rgba(0,0,0,.32), 0 0 0 5px rgba(24,201,110,.08);
}
.floating-wa .ui-icon{width:29px;height:29px;font-size:initial}
.floating-wa:hover{transform:translateY(-2px) scale(1.03)}

/* MOBILE: menu dropdown inspirado em menu premium clássico */
@media (max-width:980px){
  #nav{
    position:fixed;
    inset:var(--nav-h) 12px auto 12px;
    height:auto;
    background:transparent;
    backdrop-filter:none;
    display:none;
    z-index:60;
  }
  #nav.open{display:block}
  .nav-panel{
    position:relative;
    top:auto;right:auto;
    width:100%;height:auto;
    padding:10px;
    gap:8px;
    border:1px solid rgba(244,193,58,.78);
    border-radius:0 0 22px 22px;
    background:linear-gradient(180deg,rgba(7,33,62,.98),rgba(4,20,39,.99));
    box-shadow:0 22px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
  }
  .nav-mobile-head,.nav-mobile-card{display:none!important}
  .nav-links{display:grid;gap:7px;margin:0}
  .nav-links a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:10px 16px;
    border-radius:12px;
    background:linear-gradient(180deg,#1453a0,#0b3b7f);
    border:1px solid rgba(255,210,60,.88);
    color:#fff;
    font-size:1rem;
    font-weight:900;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  }
  .nav-links a:hover{background:linear-gradient(180deg,#1b66bc,#0d4795)}

  /* hero mobile - textos sobem bastante */
  .hero{min-height:760px;height:calc(100svh - var(--nav-h))}
  .hero picture img{object-position:center top}
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(1,11,24,.05),rgba(1,11,24,.10) 34%,rgba(1,11,24,.28) 54%,rgba(1,11,24,.66) 76%,#02101f 100%),
      linear-gradient(90deg,rgba(1,11,24,.20),rgba(1,11,24,.03) 62%);
  }
  .hero-topline{top:28%;left:18px;right:18px;font-size:.68rem;line-height:1.6;max-width:84%}
  .hero-main{top:46%;bottom:auto;left:18px;right:18px;max-width:none}
  .hero h1{font-size:clamp(2.15rem,10.5vw,3.15rem);max-width:82%;line-height:.96}
  .hero-copy{font-size:.95rem;line-height:1.55;max-width:83%;margin-top:14px}
  .hero-actions{margin-top:16px;gap:10px}
  .sponsor-chip{margin-top:14px}

  /* Cards planos sem estouro lateral */
  .plan-card{padding:24px 20px 22px;min-height:332px}
  .plan-card p{padding-bottom:82px}
  .card-cta{
    left:20px!important;
    right:20px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0 14px!important;
    font-size:.88rem!important;
    line-height:1.2;
    white-space:normal;
    text-align:center;
  }

  /* encerramento mobile: texto mais alto */
  .closing{height:730px}
  .closing picture img{object-position:center 36%}
  .closing-shade{
    background:
      linear-gradient(180deg,rgba(1,11,24,.04),rgba(1,11,24,.11) 34%,rgba(1,11,24,.30) 55%,rgba(1,11,24,.66) 78%,#02101f 100%),
      linear-gradient(90deg,rgba(1,11,24,.13),rgba(1,11,24,.03) 64%);
  }
  .closing-content{
    top:45%;
    bottom:auto;
    transform:none;
    left:18px;right:18px;
  }
  .closing-content h2{font-size:clamp(2.3rem,10vw,3.2rem);max-width:88%}
  .closing-content p{font-size:.97rem;line-height:1.58;max-width:84%;margin-bottom:20px}

  .carousel.expanded .track{grid-template-columns:repeat(2,minmax(0,1fr))}

  .footer-stats{max-width:100%;gap:0}
  .footer-stats div{padding:8px 6px}
  .footer-stats strong{font-size:1.1rem}
  .footer-stats span{font-size:.66rem}
}

@media (max-width:620px){
  .hero-topline{top:26%;max-width:88%}
  .hero-main{top:44%}
  .hero h1{max-width:88%;font-size:2.3rem}
  .hero-copy{max-width:90%;font-size:.93rem}
  .closing-content{top:42%}
  .closing-content h2{font-size:2.45rem;max-width:92%}
  .closing-content p{max-width:90%}
  .carousel.expanded .track{grid-template-columns:1fr}
}

@media (max-width:460px){
  .hero{min-height:735px}
  .hero-topline{top:25%;font-size:.64rem}
  .hero-main{top:43%}
  .hero h1{font-size:2.18rem;max-width:92%}
  .hero-copy{max-width:92%}
  .closing{height:700px}
  .closing-content{top:40%}
  .footer-stats{flex-direction:row}
}


/* =========================================================
   WINNERS CLUB — REFINO FINAL DE BORDAS PREMIUM
   21/09/2026
   ========================================================= */

/* Integra a faixa colorida ao próprio card, como no Admin/Área de Membros.
   Evita o efeito visual de "risco solto". */
.plan-card.accent-left,
.benefit-card.accent-left{
  border:1px solid rgba(67,116,160,.72);
  border-left:7px solid var(--accent-color);
  box-shadow:
    0 16px 40px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05);
}

/* Desativa a antiga faixa sobreposta, que parecia apenas um risco. */
.plan-card.accent-left::after,
.benefit-card.accent-left::after{
  display:none !important;
}

/* Caso alguma classe antiga accent-top permaneça em cache/HTML,
   converte visualmente para a borda premium lateral. */
.plan-card.accent-top,
.benefit-card.accent-top{
  border:1px solid rgba(67,116,160,.72);
  border-left:7px solid var(--accent-color);
}
.plan-card.accent-top::after,
.benefit-card.accent-top::after{
  display:none !important;
}

/* Reforço delicado da moldura nos demais cards do site. */
.tool-card,
.steps article,
.faq-list details,
.testimonial-card{
  border-color:rgba(68,120,164,.72);
  box-shadow:
    0 14px 38px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.035);
}

/* Contador final: cada indicador vira um mini-card discreto,
   com borda lateral premium, sem aumentar o bloco. */
.stats{
  gap:10px;
  padding:10px;
  border:1px solid rgba(244,193,58,.58);
}
.stats > div{
  margin:0;
  border:1px solid rgba(62,107,150,.66) !important;
  border-left:5px solid #f4c13a !important;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(13,42,73,.84),rgba(7,27,49,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.stats > div:nth-child(2){
  border-left-color:#43a8ff !important;
}
.stats > div:nth-child(3){
  border-left-color:#26d890 !important;
}
.stats > div + div{
  border-top:1px solid rgba(62,107,150,.66) !important;
}

/* Mantém as bordas bonitas e proporcionais no celular. */
@media (max-width: 760px){
  .plan-card.accent-left,
  .benefit-card.accent-left,
  .plan-card.accent-top,
  .benefit-card.accent-top{
    border-left-width:6px;
  }

  .stats{
    gap:8px;
    padding:8px;
  }

  .stats > div{
    border-left-width:5px !important;
    border-radius:14px;
  }
}\n\n/* =========================================================\n   WINNERS CLUB — CADASTRO DIRETO + REFINO CONTADOR\n   21/09/2026\n   ========================================================= */\n.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}\n.signup-btn{min-height:62px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;border:1px solid rgba(244,193,58,.88);color:#071526;background:linear-gradient(180deg,#ffe48d,#f2b322);font-size:.92rem;font-weight:950;white-space:nowrap;box-shadow:0 10px 28px rgba(239,173,30,.20),inset 0 1px 0 rgba(255,255,255,.35)}\n.signup-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(239,173,30,.28)}\n.signup-short{display:none}\n.plan-card p{padding-bottom:156px}\n.plan-actions{position:absolute;left:24px;right:24px;bottom:22px;display:grid;gap:10px}\n.plan-actions .card-cta{position:static;left:auto;right:auto;bottom:auto;width:100%;min-height:56px}\n.card-detail{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.20);background:rgba(4,20,38,.60);color:#e9f3fb;font-size:.82rem;font-weight:900;letter-spacing:.06em;transition:background .22s ease,border-color .22s ease,transform .22s ease}\n.card-detail:hover{transform:translateY(-1px);background:rgba(15,43,73,.88);border-color:rgba(255,255,255,.38)}\n.plan-card.green .card-detail{border-color:rgba(23,239,138,.38)}\n.plan-card.blue .card-detail{border-color:rgba(45,163,255,.42)}\n.plan-card.gold .card-detail{border-color:rgba(244,193,58,.44)}\n.plan-card.purple .card-detail{border-color:rgba(161,73,255,.48)}\n.section-direct-cta{max-width:1180px;margin:42px auto 0;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(244,193,58,.44);border-left:7px solid var(--gold);border-radius:22px;background:linear-gradient(180deg,rgba(14,43,72,.96),rgba(6,25,45,.96));box-shadow:0 16px 42px rgba(0,0,0,.22)}\n.section-direct-cta span{display:block;color:#82d1ff;font-size:.75rem;font-weight:950;letter-spacing:.19em}\n.section-direct-cta strong{display:block;margin-top:7px;font-size:1.28rem;color:#fff}\n.closing-actions{display:flex;gap:12px;flex-wrap:wrap}\n.footer-stats{gap:12px;max-width:760px;padding-top:14px}\n.footer-stats div{border:1px solid rgba(62,107,150,.62);border-left:4px solid var(--gold);border-radius:12px;background:linear-gradient(180deg,rgba(12,38,65,.70),rgba(5,22,39,.74));padding:10px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}\n.footer-stats div:nth-child(2){border-left-color:#43a8ff}\n.footer-stats div:nth-child(3){border-left-color:#26d890}\n.footer-stats div+div::before{display:none}\n.footer-stats strong{font-size:1.22rem}\n.footer-stats span{font-size:.72rem}\n.footer-register-link{color:#ffd05c!important;font-weight:900}\n@media (max-width:1100px){.signup-btn{padding:0 14px;font-size:.82rem}.signup-full{display:none}.signup-short{display:inline}}\n@media (max-width:980px){.top-actions{gap:8px}.signup-btn{min-height:52px;padding:0 12px;border-radius:14px;font-size:.76rem}.signup-short{display:inline}.nav-mobile-card .nav-mobile-btn{margin-top:10px}.nav-mobile-signup{background:linear-gradient(180deg,#ffe07b,#efb020);color:#071526;border-color:rgba(255,214,104,.76)}.nav-mobile-member{background:linear-gradient(180deg,#123257,#0a2340);color:#fff}.plan-card p{padding-bottom:150px}.plan-actions{left:20px;right:20px;bottom:20px}.plan-actions .card-cta{left:auto!important;right:auto!important;width:100%!important;min-height:54px}.card-detail{min-height:42px;font-size:.78rem}.section-direct-cta{flex-direction:column;align-items:stretch;text-align:center;padding:22px 18px}.section-direct-cta .btn{width:100%}.closing-actions{flex-direction:column;align-items:flex-start}.closing-actions .btn{width:min(100%,420px)}.footer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0 0}.footer-stats div{padding:9px 5px;border-left-width:4px}.footer-stats strong{font-size:1.08rem}.footer-stats span{font-size:.62rem}}\n@media (max-width:620px){.signup-btn{font-size:.7rem;padding:0 10px}.plan-card p{padding-bottom:148px}.section-direct-cta strong{font-size:1.12rem}.footer-stats{gap:6px}.footer-stats div{padding:8px 3px}.footer-stats span{font-size:.58rem}}\n@media (max-width:390px){.signup-btn{display:none}}\n


/* =========================================================
   WINNERS CLUB — REFINO 18:05 — 21/09/2026
   ========================================================= */

/* Topo: só Área de Membros, sem texto espremido ao lado */
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:0}
.member-btn{overflow:hidden}
.member-btn::after{display:none!important}

/* Dois botões reais e premium nos cards de níveis */
.plan-card p{padding-bottom:176px}
.plan-actions{left:24px;right:24px;bottom:22px;display:grid;gap:10px}
.plan-actions .card-detail,
.plan-actions .card-cta{width:100%;position:static!important;left:auto!important;right:auto!important;bottom:auto!important}
.card-detail{
  min-height:50px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:15px;
  background:linear-gradient(180deg,rgba(19,52,84,.96),rgba(7,27,49,.96));
  color:#f7fbff;
  font-size:.83rem;
  font-weight:950;
  letter-spacing:.07em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.16);
}
.card-detail .detail-arrow{font-size:1.1rem;line-height:1}
.plan-card.green .card-detail{border:1px solid rgba(23,239,138,.68)}
.plan-card.blue .card-detail{border:1px solid rgba(45,163,255,.72)}
.plan-card.gold .card-detail{border:1px solid rgba(244,193,58,.74)}
.plan-card.purple .card-detail{border:1px solid rgba(181,92,255,.78)}
.card-detail:hover{
  transform:translateY(-2px);
  background:linear-gradient(180deg,rgba(29,72,113,.98),rgba(10,37,66,.98));
}

/* Parceiros: capa inteira + play; vídeo abre dentro do próprio card */
.partner-card{overflow:hidden}
.partner-media{
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  display:block;
  padding:0;
  border:0;
  background:#020a12;
  cursor:pointer;
  overflow:hidden;
}
.partner-media>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#020a12;
}
.partner-play{
  position:absolute;
  left:50%;
  top:50%;
  width:70px;
  height:70px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#ffdf76,#e5a315);
  border:2px solid rgba(255,255,255,.84);
  box-shadow:0 12px 32px rgba(0,0,0,.38),0 0 0 8px rgba(244,193,58,.13);
  transition:transform .2s ease,box-shadow .2s ease;
}
.partner-media:hover .partner-play{
  transform:translate(-50%,-50%) scale(1.06);
  box-shadow:0 15px 38px rgba(0,0,0,.42),0 0 0 10px rgba(244,193,58,.16);
}
.play-triangle{
  width:0;height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:16px solid #071526;
  margin-left:4px;
}
.partner-watch{
  position:absolute;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  white-space:nowrap;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(3,17,32,.88);
  border:1px solid rgba(244,193,58,.72);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}
.partner-media.is-playing{aspect-ratio:9/16;background:#000}
.partner-media.is-playing iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

/* Contador: três botões/indicadores com bordas realmente visíveis */
.footer-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:780px!important;
  margin:18px auto 0!important;
  padding:0!important;
  border:0!important;
}
.footer-stats .counter-chip{
  position:relative;
  min-height:76px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0!important;
  padding:10px 14px!important;
  border:1.5px solid rgba(244,193,58,.72)!important;
  border-left:5px solid #f4c13a!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(14,45,76,.94),rgba(6,25,45,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.18)!important;
}
.footer-stats .counter-chip:nth-child(2){
  border-color:rgba(67,168,255,.70)!important;
  border-left-color:#43a8ff!important;
}
.footer-stats .counter-chip:nth-child(3){
  border-color:rgba(38,216,144,.66)!important;
  border-left-color:#26d890!important;
}
.footer-stats .counter-chip::before,
.footer-stats .counter-chip+div::before{display:none!important}
.footer-stats .counter-chip strong{font-size:1.2rem!important}
.footer-stats .counter-chip span{font-size:.7rem!important}

/* Mobile */
@media(max-width:980px){
  .plan-card p{padding-bottom:174px}
  .plan-actions{left:20px;right:20px;bottom:20px}
  .card-detail{min-height:48px;font-size:.78rem}
}
@media(max-width:620px){
  .plan-card p{padding-bottom:170px}
  .footer-stats{gap:7px!important}
  .footer-stats .counter-chip{
    min-height:68px;
    padding:8px 5px!important;
    border-left-width:4px!important;
    border-radius:13px!important;
  }
  .footer-stats .counter-chip strong{font-size:1.04rem!important}
  .footer-stats .counter-chip span{font-size:.58rem!important;text-align:center}
  .partner-play{width:60px;height:60px}
}


/* =========================================================
   WINNERS CLUB — REFINO FINAL: LUZ NOS BOTÕES, ALINHAMENTO
   DOS PLANOS E MODAL DE DEPOIMENTOS PJ — 21/09/2026
   ========================================================= */

/* A luz deve atravessar somente os botões importantes. */
.plan-card::before{display:none!important}
.member-btn.shine::after,
.nav-mobile-member.shine::after,
.btn.shine::after,
.card-cta.shine::after{display:block!important}
.member-btn.shine,
.nav-mobile-member.shine,
.btn.shine,
.card-cta.shine{isolation:isolate}
.member-btn.shine::after,
.nav-mobile-member.shine::after,
.btn.shine::after,
.card-cta.shine::after{z-index:0;pointer-events:none}
.member-btn.shine > *,
.nav-mobile-member.shine > *,
.btn.shine > *,
.card-cta.shine > *{position:relative;z-index:1}

/* Cards dos níveis: estrutura flexível para os dois botões ficarem
   rigorosamente alinhados, independentemente do tamanho do texto. */
.plan-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:500px;
}
.plan-card p{
  padding-bottom:0!important;
  margin-bottom:28px!important;
}
.plan-actions{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin-top:auto!important;
  display:grid!important;
  grid-template-rows:52px 62px;
  gap:10px!important;
  width:100%!important;
}
.plan-actions .card-detail,
.plan-actions .card-cta{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  box-sizing:border-box!important;
}
.plan-actions .card-detail{display:flex!important;align-items:center!important;justify-content:center!important}
.plan-actions .card-cta{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}

/* Depoimentos PJ: preserva a capa inteira e abre o vídeo em modal. */
.partner-media{cursor:pointer}
.partner-media.is-playing{aspect-ratio:9/16;background:#020a12}
.partner-media.is-playing iframe{display:none!important}

.partner-video-modal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:none;
  align-items:center;
  justify-content:center;
  padding:26px;
  background:rgba(0,7,15,.88);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.partner-video-modal.open{display:flex}
.partner-video-shell{
  position:relative;
  width:min(430px,calc(100vw - 48px));
  max-height:calc(100vh - 52px);
  aspect-ratio:9/16;
  border-radius:24px;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(244,193,58,.72);
  box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.05) inset;
}
.partner-video-shell iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.partner-video-close{
  position:absolute;
  top:20px;
  right:20px;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(11,27,45,.92);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:1.75rem;
  line-height:1;
  cursor:pointer;
  box-shadow:0 12px 34px rgba(0,0,0,.38);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.partner-video-close:hover{transform:scale(1.06);background:#173b61;border-color:rgba(244,193,58,.72)}
body.modal-open{overflow:hidden}

@media(max-width:980px){
  .plan-card{min-height:470px}
  .plan-actions{grid-template-rows:50px 58px}
}
@media(max-width:620px){
  .plan-card{min-height:455px}
  .plan-card p{margin-bottom:24px!important}
  .plan-actions{grid-template-rows:50px 58px;gap:9px!important}
  .partner-video-modal{padding:16px}
  .partner-video-shell{width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 28px);border-radius:20px}
  .partner-video-close{top:12px;right:12px;width:46px;height:46px;font-size:1.55rem}
}

/* 21/09/2026 - ajuste final capas reais dos depoimentos PJ */
.partner-media{
  aspect-ratio: 244 / 444 !important;
  background:#020a12 !important;
}
.partner-media > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  background:#020a12 !important;
}
.partner-play{
  top:50% !important;
}


/* Refino V3.8.1 - hero com indicação: CTA nunca fica cortado */
@media (min-width:981px){
  .hero.has-sponsor{min-height:780px;height:min(calc(100vh - var(--nav-h)),940px)}
  .hero.has-sponsor .hero-topline{top:14%}
  .hero.has-sponsor .hero-main{top:24%;bottom:auto;max-width:560px}
  .hero.has-sponsor h1{font-size:clamp(2.95rem,5vw,4.85rem)}
  .hero.has-sponsor .hero-copy{margin-top:14px;line-height:1.5}
  .hero.has-sponsor .sponsor-chip{margin-top:14px}
  .hero.has-sponsor .hero-actions{margin-top:14px}
}
@media (min-width:769px) and (max-height:820px){
  .hero.has-sponsor{min-height:760px}
  .hero.has-sponsor .hero-main{top:20%}
  .hero.has-sponsor h1{font-size:clamp(2.75rem,4.7vw,4.35rem)}
}

/* 22/09/2026 - capas PF com botão fora do rosto e modal no site */
.pf-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:244 / 444;
  padding:0;
  border:0;
  cursor:pointer;
  overflow:hidden;
  background:#020a12;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.pf-media > img,
.pf-placeholder-brand{
  display:block;
  width:100%;
  height:100%;
}
.pf-media > img{
  object-fit:cover;
  object-position:center;
  background:#020a12;
}
.pf-media.is-placeholder{
  background:
    radial-gradient(circle at top, rgba(33,86,146,.65), rgba(5,18,33,.98) 68%),
    linear-gradient(180deg,#123761 0%,#06172b 100%);
}
.pf-placeholder-brand{
  position:relative;
}
.pf-placeholder-brand::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:28px;
  border:1px solid rgba(244,193,58,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
}
.pf-placeholder-brand img{
  position:absolute;
  inset:50% auto auto 50%;
  width:min(54%,190px);
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.34));
  opacity:.96;
}
.pf-play{
  position:absolute;
  left:50%;
  bottom:18px;
  width:64px;
  height:64px;
  transform:translateX(-50%);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#ffdf76,#e5a315);
  border:2px solid rgba(255,255,255,.84);
  box-shadow:0 12px 32px rgba(0,0,0,.38),0 0 0 8px rgba(244,193,58,.13);
  transition:transform .2s ease,box-shadow .2s ease;
}
.pf-media:hover .pf-play{
  transform:translateX(-50%) scale(1.06);
  box-shadow:0 15px 38px rgba(0,0,0,.42),0 0 0 10px rgba(244,193,58,.16);
}
.pf-media .play-triangle{
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  border-left:14px solid #071526;
  margin-left:4px;
}
@media(max-width:620px){
  .pf-play{width:58px;height:58px;bottom:16px}
}

/* V4.5 - Contador público Winners Family */
.winner-live-counter{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 28px);margin:14px auto;padding:10px 18px;border:1px solid rgba(255,193,61,.55);border-radius:999px;background:linear-gradient(135deg,rgba(8,31,58,.96),rgba(15,53,91,.96));box-shadow:0 8px 24px rgba(0,0,0,.22);color:#fff;text-decoration:none;position:relative;z-index:6;transition:.2s ease}.winner-live-counter strong{font-size:18px;color:#ffd15a}.winner-live-counter small{color:#a9c8e8;font-weight:700}.winner-live-hand{font-size:24px;display:inline-block;animation:winnerHand 1s ease-in-out infinite}.winner-live-counter:hover{transform:translateY(-1px);border-color:#ffd15a}.winner-live-counter:hover small{color:#fff}@keyframes winnerHand{0%,100%{transform:translateX(0) scale(1)}50%{transform:translateX(7px) scale(1.08)}}@media(max-width:620px){.winner-live-counter{margin:10px auto;padding:9px 14px}.winner-live-counter strong{font-size:16px}.winner-live-counter small{display:none}}