@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/bodoni-moda-normal-400-600.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-italic-100-900.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-normal-100-900.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/spectral-italic-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/spectral-normal-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/spectral-normal-500.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/spectral-normal-600.woff2) format('woff2')}

@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/bodoni-moda-normal-400-600.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-italic-100-900.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-normal-100-900.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/spectral-italic-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/spectral-normal-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/spectral-normal-500.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/spectral-normal-600.woff2) format('woff2')}
:root{
  --deep:#04211F; --mid:#0A3E3A; --light:#12645C;
  --card-on-deep:#0B3A36; --card-on-mid:#07302D; --card-on-light:#0E4A45;
  --gold:#F9D933; --gold-soft:#FFE58A; --gold-deep:#FFA44F;
  --horizon:#81D8D0; --violet:#2EC4B6;
  --ink:#F2FBF9; --dim:#D5ECE7; --faint:#9CC9C1;
  --measure:37rem; --col:min(94vw,84rem);
  --s1:.5rem; --s2:1.1rem; --s3:1.8rem; --s4:3rem; --s5:5rem; --s6:7rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--deep);color:var(--ink);
  font-family:'Libre Franklin',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-weight:400;font-size:clamp(1.06rem,.42vw + .98rem,1.19rem);line-height:1.68;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--horizon)}
strong,b{font-weight:700;color:var(--ink)}

#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.band,.hero{position:relative;z-index:1}
#prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--horizon));transition:width .1s linear}

/* ---------- faixas ---------- */
.band{padding:var(--s6) 0;overflow:hidden}
.band--deep{background:rgba(4,33,31,.92)}
.band--mid{background:rgba(10,62,58,.92)}
.band--light{background:rgba(18,100,92,.92)}
.band+.band::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(94vw,84rem);height:1px;background:linear-gradient(90deg,transparent,rgba(249,217,51,.5),transparent)}
.wrap{width:var(--col);margin:0 auto;position:relative;z-index:2}

/* ---------- tipografia ---------- */
h1,h2,h3{font-family:'Spectral',Georgia,'Times New Roman',serif;font-weight:600;text-wrap:balance;margin:0;
  letter-spacing:-.012em}
h1{font-size:clamp(2.7rem,7.2vw,5.6rem);line-height:1.02}
h2{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.14;margin-bottom:var(--s3)}
h3{font-size:clamp(1.35rem,1.85vw,1.66rem);line-height:1.24;color:var(--gold);font-weight:600}
h4{font-family:'Libre Franklin',sans-serif;font-weight:700;font-size:1.24rem;margin:0}
p{margin:0 0 var(--s2)}
.lede{font-size:clamp(1.1rem,.9vw + .82rem,1.26rem);line-height:1.62;color:var(--dim)}
.prose{max-width:none} /* REGRA: texto solto nunca espremido; sem imagem ou box ao lado, ocupa a largura toda */
.dim{color:var(--dim)} .it{font-style:italic}
.eyebrow{font-family:'Libre Franklin',sans-serif;font-size:clamp(1rem,1.1vw,1.16rem);letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);font-weight:700;
  display:flex;align-items:center;gap:1.1rem;margin-bottom:var(--s3)}
.eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(249,217,51,.6),transparent);
  transform-origin:left;transform:scaleX(0);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
.eyebrow.is-in::after{transform:scaleX(1)}

/* ---------- texto + geometria: ocupa a largura toda ---------- */
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s5);align-items:center}
.split__geo{position:relative;min-height:22rem;display:grid;place-items:center}
.geo{width:min(100%,30rem);aspect-ratio:1;display:block;overflow:visible}
.geo .spin-a{transform-origin:200px 200px;animation:spin 150s linear infinite}
.geo .spin-b{transform-origin:200px 200px;animation:spin 110s linear infinite reverse}
.geo .breathe{transform-origin:200px 200px;animation:breathe 11s ease-in-out infinite}
.geo .orb{animation:orbit 26s linear infinite;transform-origin:200px 200px}
.geo .orb2{animation:orbit 38s linear infinite reverse;transform-origin:200px 200px}
.geo .orb3{animation:orbit 19s linear infinite;transform-origin:200px 200px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{opacity:.5;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}

/* ---------- hero ---------- */
.hero{min-height:100svh;display:flex;align-items:flex-end;padding:var(--s6) 0 var(--s5);isolation:isolate}
.hero__bg{position:absolute;inset:-6% 0 0;z-index:0;overflow:hidden}
.hero__bg img{width:100%;height:112%;object-fit:cover;object-position:center 42%;will-change:transform}
.hero__veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(4,28,26,.58) 0%,rgba(4,33,31,.24) 32%,rgba(4,33,31,.80) 72%,var(--deep) 100%)}
#beam{position:absolute;inset:0;z-index:2;width:100%;height:100%}
.hero .wrap{z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s4);align-items:end}
.hero__geo{position:relative;display:grid;place-items:center;min-height:20rem}
.hero__logo{width:min(60vw,15rem);margin-bottom:var(--s3);opacity:0;animation:rise 1.1s cubic-bezier(.2,.7,.2,1) .2s forwards}
.hero h1{margin-bottom:var(--s2);text-shadow:0 4px 46px rgba(3,22,20,.85)}
.hero h1 .word{display:block}
.hero h1 .brk{color:var(--gold)}
.hero__claim{max-width:34rem;text-shadow:0 2px 22px rgba(3,22,20,.9);color:var(--ink);
  font-size:clamp(1.16rem,1.2vw,1.4rem);line-height:1.5}
.hero__sub{max-width:36rem;color:var(--dim);text-shadow:0 2px 18px rgba(3,22,20,.85)}
.scrollcue{margin-top:var(--s4);font-size:.86rem;letter-spacing:.2em;text-transform:uppercase;color:var(--horizon);
  display:flex;align-items:center;gap:.8rem;font-weight:700}
.scrollcue span{display:block;width:1px;height:36px;background:linear-gradient(180deg,var(--gold),transparent);animation:drop 2.4s ease-in-out infinite}
@keyframes drop{0%,100%{opacity:.25;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.stg{opacity:0;animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
.g1{animation-delay:.4s}.g2{animation-delay:.55s}.g3{animation-delay:.7s}.g4{animation-delay:.85s}.g5{animation-delay:1s}

/* ---------- botoes ---------- */
.btn{display:inline-block;font-family:'Libre Franklin',sans-serif;font-size:1.06rem;font-weight:700;
  text-decoration:none;padding:1.05em 2.4em;border-radius:2px;position:relative;overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .35s,color .35s,border-color .35s}
.btn--primary{background:linear-gradient(150deg,var(--gold-soft),var(--gold));color:#07302D;
  box-shadow:0 10px 30px -14px rgba(249,217,51,.75)}
.btn--primary::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transition:left .75s ease}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 22px 50px -16px rgba(249,217,51,.9)}
.btn--primary:hover::after{left:130%}
.btn--ghost{background:rgba(129,216,208,.14);border:2px solid var(--horizon);color:#EEFBF8}
.btn--ghost:hover{background:rgba(129,216,208,.3);border-color:#fff;transform:translateY(-3px)}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.cta-row{margin-top:var(--s4);display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.btn-note{margin-top:var(--s2);font-size:1.02rem;font-style:italic;color:var(--horizon)}

.marks{list-style:none;padding:0;margin:0 0 var(--s2);display:grid;gap:.62rem}
.marks li{display:grid;grid-template-columns:1.55em 1fr;align-items:baseline}
.marks li::before{content:"✦";color:var(--gold);font-size:.82em}
.marks--wide{max-width:none}

/* ---------- video ---------- */
.video{max-width:62rem;margin:0 auto;border:1px solid rgba(249,217,51,.4);border-radius:3px;padding:10px;
  background:linear-gradient(150deg,rgba(249,217,51,.2),rgba(129,216,208,.05))}
.video__box{position:relative;aspect-ratio:16/9;background:#021A18;border-radius:2px;overflow:hidden}
.video__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__facade{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:none;display:block;width:100%;height:100%}
.video__facade img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s}
.video__facade:hover img{transform:scale(1.04);filter:brightness(1.08)}
.video__play{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}
.video__play i{display:grid;place-content:center;width:92px;height:92px;border-radius:50%;
  background:rgba(249,217,51,.95);color:#07302D;font-style:normal;font-size:2.1rem;padding-left:7px;
  box-shadow:0 0 0 0 rgba(249,217,51,.55);animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(249,217,51,.5)}70%{box-shadow:0 0 0 32px rgba(249,217,51,0)}100%{box-shadow:0 0 0 0 rgba(249,217,51,0)}}
.video__facade:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.video__alt{text-align:center;margin:var(--s2) 0 0;font-size:1.02rem}

/* ---------- pares ---------- */
.pairs{display:grid;gap:var(--s2);margin-top:var(--s4)}
.pair{display:grid;grid-template-columns:minmax(0,.85fr) auto minmax(0,1.35fr);gap:var(--s3);align-items:center;
  padding:var(--s3);border-radius:3px;background:var(--card-on-mid);border-left:4px solid var(--gold-deep);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-left-color .45s,box-shadow .45s}
.band--deep .pair{background:var(--card-on-deep)}
.band--light .pair{background:var(--card-on-light)}
.pair:hover{transform:translateX(10px);border-left-color:var(--gold);box-shadow:-6px 18px 44px -22px rgba(0,0,0,.9)}
.pair__no{color:var(--faint);font-style:italic;font-size:1.04rem}
.pair__arrow{color:var(--gold);font-size:1.5rem;transition:transform .45s}
.pair:hover .pair__arrow{transform:translateX(5px)}
.pair__yes{color:var(--ink);font-weight:600}

/* ---------- para quem ---------- */
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--s3);margin-top:var(--s4)}
.box{padding:var(--s4) var(--s3);border-radius:3px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.box:hover{transform:translateY(-6px);box-shadow:0 28px 60px -34px rgba(0,0,0,.95)}
.box--yes{background:linear-gradient(165deg,rgba(249,217,51,.2),var(--card-on-deep));border:2px solid var(--gold)}
.box--no{background:var(--card-on-deep);border:2px solid rgba(156,201,193,.32)}
.box h4{margin-bottom:var(--s2);font-size:1.38rem}
.box--yes h4{color:var(--gold)} .box--no h4{color:var(--faint)}

/* ---------- cards ---------- */
.deliv{display:grid;gap:var(--s3);margin-top:var(--s4);grid-template-columns:repeat(auto-fit,minmax(21rem,1fr))}
.card{padding:var(--s3);border-radius:3px;background:var(--card-on-mid);border-top:4px solid var(--gold-deep);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-top-color .45s,box-shadow .45s}
.band--deep .card{background:var(--card-on-deep)}
.band--light .card{background:var(--card-on-light)}
.card:hover{transform:translateY(-8px);border-top-color:var(--gold);box-shadow:0 30px 64px -34px rgba(0,0,0,.95)}
.card h3{margin-bottom:.5rem}
.card .tag{display:inline-block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:#07302D;background:var(--horizon);padding:.35em .8em;border-radius:2px;margin-bottom:.9rem}
.card .when{color:var(--gold-soft);font-weight:700;font-size:1.02rem;margin-bottom:.7rem}
.recebe{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid rgba(129,216,208,.28);
  font-size:1rem;color:var(--dim);font-style:italic}

/* ---------- quem conduz ---------- */
.guide{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:var(--s5);align-items:start;margin-top:var(--s4)}
.guide__img{border:1px solid rgba(249,217,51,.45);border-radius:3px;padding:9px;
  background:linear-gradient(150deg,rgba(249,217,51,.26),rgba(129,216,208,.06))}
.guide__img img{border-radius:2px}
.guide__roles{list-style:none;padding:0;margin:var(--s2) 0;display:grid;gap:.5rem}
.guide__roles li{display:grid;grid-template-columns:1.55em 1fr;align-items:baseline;color:var(--gold-soft);font-weight:600}
.guide__roles li::before{content:"✦";color:var(--gold);font-size:.82em}

/* ---------- prova de vida ---------- */
.proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-top:var(--s4);align-items:start}
.shot{border:1px solid rgba(249,217,51,.34);border-radius:3px;padding:12px;position:relative;
  background:linear-gradient(150deg,rgba(249,217,51,.16),rgba(129,216,208,.04));
  display:flex;align-items:center;justify-content:center;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s}
.shot:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 28px 58px -30px rgba(0,0,0,.95)}
.shot img{border-radius:2px;width:var(--sc,100%);cursor:zoom-in}
.shot__hint{position:absolute;right:16px;bottom:16px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:#07302D;background:var(--gold);padding:.4em .8em;border-radius:2px;
  opacity:0;transition:opacity .35s;pointer-events:none}
.shot:hover .shot__hint{opacity:1}
#lbx{position:fixed;inset:0;z-index:80;display:none;place-content:center;padding:clamp(12px,4vw,48px);
  background:rgba(3,21,19,.95);backdrop-filter:blur(8px);cursor:zoom-out;overflow:auto}
#lbx.on{display:grid}
#lbx img{max-width:min(100%,1200px);max-height:88vh;width:auto;border:1px solid rgba(249,217,51,.5);
  border-radius:3px;animation:pop .35s cubic-bezier(.2,.7,.2,1)}
#lbx .close{position:fixed;top:18px;right:22px;color:var(--gold);font-size:2.4rem;line-height:1;background:none;border:0;cursor:pointer}
#lbx .close:focus-visible{outline:3px solid var(--horizon);outline-offset:4px}
@keyframes pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}

/* ---------- planos ---------- */
.plans{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));
  margin-top:var(--s5);align-items:stretch}
.plan{display:flex;flex-direction:column;gap:.85rem;padding:var(--s4) var(--s3);border-radius:3px;position:relative;
  background:var(--card-on-mid);border:2px solid rgba(156,201,193,.3);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s}
.band--deep .plan{background:var(--card-on-deep)}
.plan:hover{transform:translateY(-6px);border-color:var(--horizon)}
.plan--star{border-color:var(--gold);border-width:3px;
  background:linear-gradient(168deg,rgba(249,217,51,.24),var(--card-on-deep) 62%);
  box-shadow:0 0 0 1px rgba(249,217,51,.4),0 40px 90px -40px rgba(249,217,51,.75);transform:scale(1.035)}
.plan--star:hover{transform:scale(1.035) translateY(-8px);border-color:var(--gold-soft)}
.plan__flag{position:absolute;top:-1rem;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:linear-gradient(150deg,var(--gold-soft),var(--gold));color:#07302D;
  font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.5em 1.2em;border-radius:2px;
  box-shadow:0 8px 22px -10px rgba(249,217,51,.9)}
.plan__name{font-family:'Bodoni Moda',Didot,Georgia,serif;font-size:1.9rem;line-height:1;color:var(--gold)}
.plan--star .plan__name{font-size:2.25rem;color:var(--gold-soft)}
.plan__big{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:2.7rem;line-height:1.05;
  font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em;color:var(--ink)}
.plan--star .plan__big{font-size:3.25rem;color:#fff}
.plan__cash{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.5rem;line-height:1.1;color:var(--horizon);
  font-variant-numeric:lining-nums tabular-nums;margin-top:-.2rem}
.plan--star .plan__cash{font-size:1.92rem;color:var(--gold-soft)}
/* lembrete discreto: nunca compete com o botao */
.plan__save{font-size:.94rem;color:var(--dim);font-style:italic;margin-top:-.35rem}
.plan__ideal{font-size:1.02rem;color:var(--dim);font-style:italic}
.plan .marks{font-size:1.01rem;flex:1;max-width:none}
.plan .btn{text-align:center;width:100%}

/* ---------- faq ---------- */
.faq{margin-top:var(--s4);display:grid;gap:.7rem;max-width:58rem}
details{border-radius:3px;background:var(--card-on-deep);border:2px solid rgba(156,201,193,.26);
  transition:border-color .4s,background .4s}
details[open]{border-color:var(--gold);background:var(--mid)}
summary{cursor:pointer;list-style:none;padding:1.25rem var(--s3);font-weight:700;color:var(--ink);
  display:flex;gap:1rem;align-items:flex-start;font-size:1.12rem}
summary::-webkit-details-marker{display:none}
summary::before{content:"✦";color:var(--gold);font-size:.86em;line-height:1.6;flex:none;transition:transform .4s}
details[open] summary::before{transform:rotate(72deg)}
summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
details .ans{padding:0 var(--s3) 1.5rem 3.4rem;color:var(--dim)}
details .ans .marks{font-size:1rem}

.seals{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--s2);margin-top:var(--s4)}
.seal{padding:var(--s2) var(--s3);border-radius:3px;background:var(--card-on-deep);
  border-left:4px solid var(--gold-deep);font-size:1.02rem;font-weight:600;display:flex;gap:.8rem;align-items:center;
  transition:transform .4s,border-left-color .4s}
.seal:hover{transform:translateY(-4px);border-left-color:var(--gold)}
.seal b{color:var(--gold);font-weight:400;font-size:1.2rem}

.closing{text-align:center;font-style:italic;line-height:2;margin-top:var(--s5);font-size:1.2rem;color:var(--dim)}
.closing .mark{font-style:normal;color:var(--gold);display:block;margin:var(--s2) 0;font-size:1.6rem}
.brandline{font-style:normal;font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600}
.legal{margin-top:var(--s4);font-size:.98rem;color:var(--faint);max-width:48rem;font-style:italic}

.brandsite{margin:.5rem 0 0;font-style:normal}
.brandsite a{color:var(--gold);text-decoration:none;font-weight:600;font-size:1.02rem;
  letter-spacing:.02em;border-bottom:1px solid rgba(249,217,51,.45);padding-bottom:2px;
  transition:color .3s,border-color .3s}
.brandsite a:hover{color:var(--gold-soft);border-color:var(--gold-soft)}
.brandsite a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.social{display:flex;justify-content:center;gap:1rem;margin-top:var(--s3)}
.soc{display:grid;place-content:center;width:52px;height:52px;border-radius:50%;
  border:1px solid rgba(249,217,51,.5);color:var(--gold);text-decoration:none;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s,color .35s,border-color .35s,box-shadow .35s}
.soc svg{width:23px;height:23px;fill:currentColor;display:block}
.soc:hover{background:var(--gold);color:#07302D;border-color:var(--gold);
  transform:translateY(-4px);box-shadow:0 14px 32px -14px rgba(249,217,51,.9)}
.soc:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media (max-width:640px){.soc{width:48px;height:48px}.social{gap:.8rem}}
.rv{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.rv.is-in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}

@media (max-width:960px){
  .split,.guide,.hero .wrap{grid-template-columns:1fr}
  .split__geo,.hero__geo{min-height:16rem;order:-1}
  .geo{width:min(72%,20rem)}
}
@media (max-width:860px){
  .pair{grid-template-columns:1fr;gap:.5rem}
  .pair__arrow{display:none}
  .plan--star,.plan--star:hover{transform:none}
}
@media (max-width:640px){
  :root{--s5:3.2rem;--s6:4.2rem}
  .proof{grid-template-columns:1fr}
  .shot img{--sc:100%!important}
  details .ans{padding-left:var(--s3)}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rv,.stg,.hero__logo{opacity:1!important;transform:none!important}
  .eyebrow::after{transform:scaleX(1)!important}
  .plan--star{transform:none!important}
}


/* ===================== camada do padrão Carol (sobre o molde) ===================== */
[hidden]{display:none!important}

/* fundo galáctico vivo: a imagem fica parada atrás de tudo, as estrelas brancas correm por cima,
   e as faixas são véus translúcidos (é o que dá o "vivo e delicado") */
.ceu{position:fixed;inset:0;z-index:0;pointer-events:none}
.ceu img{width:100%;height:100%;object-fit:cover;opacity:.72}
.band{padding:5rem 0}
.band--deep{background:rgba(4,33,31,.62)}
.band--mid{background:rgba(10,62,58,.5)}
.band--light{background:rgba(18,100,92,.42)}
.band+.band::before{display:none}
.hero{min-height:92svh;padding:var(--s5) 0 var(--s4)}
.hero__veil{background:linear-gradient(180deg,rgba(4,28,26,.35) 0%,rgba(4,33,31,.05) 40%,rgba(4,33,31,.45) 100%)}
@media (max-width:640px){.band{padding:3.4rem 0}}

/* símbolo oficial sozinho, sem nada atrás */
.hero__geo{align-self:center}
.hero__simbolo{position:relative;width:min(70%,17rem);filter:drop-shadow(0 6px 26px rgba(3,22,20,.55));
  animation:levita 9s ease-in-out infinite}
@keyframes levita{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero h1 .brk{background:linear-gradient(135deg,#81D8D0 5%,#A8E6B8 45%,#FFE58A 85%);
  -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}

/* botões secundários sempre chamando atenção: contorno e texto em amarelo */
.btn--ghost{background:rgba(249,217,51,.08);border:2px solid var(--gold);color:var(--gold-soft)}
.btn--ghost:hover{background:var(--gold);border-color:var(--gold);color:#07302D;transform:translateY(-3px)}
.cta-row--centro{justify-content:center}

/* vidro: caixas com relevo, sombra e luz na borda */
.pair,.box,.plan,details,.seal,.info,.etapa__card,.c3d{
  border-radius:16px;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 60%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 50px -26px rgba(2,16,15,.95),0 2px 6px -2px rgba(2,16,15,.5);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.band--deep .pair,.band--light .pair,.band--deep .box,.band--deep .plan{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 60%)}
.pair{border-left:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden}
.pair::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:3px;background:linear-gradient(var(--gold),#A8E6B8)}
.box--yes{border:1px solid rgba(249,217,51,.6);background:linear-gradient(165deg,rgba(249,217,51,.16),rgba(255,255,255,.02) 65%)}
details[open]{background:linear-gradient(160deg,rgba(249,217,51,.12),rgba(255,255,255,.03) 60%);border-color:rgba(249,217,51,.6)}
.seal{border-left:1px solid rgba(255,255,255,.14)}
.frame{margin:0;border-radius:18px;padding:8px;width:min(100%,30rem);
  background:linear-gradient(150deg,rgba(249,217,51,.5),rgba(168,230,184,.25) 50%,rgba(129,216,208,.35));
  box-shadow:0 34px 70px -34px rgba(2,16,15,.95)}
.frame img{border-radius:12px;width:100%}
.guide__img{border-radius:18px;padding:8px;border:0;background:linear-gradient(150deg,rgba(249,217,51,.5),rgba(168,230,184,.25) 50%,rgba(129,216,208,.35));box-shadow:0 34px 70px -34px rgba(2,16,15,.95)}
.guide__img img{border-radius:12px}

/* as camadas: geometria viva, cada camada é um ponto da Merkaba */
.camadas{margin-top:var(--s5);text-align:center}
.camadas__tit{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--gold-soft);margin:0 0 var(--s2)}
.camadas__mapa{position:relative;width:min(100%,40rem);aspect-ratio:1;margin:0 auto}
.camadas__mapa svg{position:absolute;inset:7%;width:86%;height:86%;overflow:visible}
.camadas__mapa .anel{transform-origin:300px 300px;animation:spin 120s linear infinite}
.camadas__mapa .tri polygon{fill:none;stroke:url(#cg);stroke-width:1.6;stroke-opacity:.85}
.camadas__mapa .tri--a{transform-origin:300px 300px;animation:respira 10s ease-in-out infinite}
.camadas__mapa .tri--b{transform-origin:300px 300px;animation:respira 10s ease-in-out -5s infinite}
.camadas__mapa .raios line{stroke:#FFE58A;stroke-opacity:.5;stroke-width:1.2;stroke-dasharray:3 12;animation:flui 3.5s linear infinite}
.camadas__mapa .no circle,.camadas__mapa .centro circle{fill:#FFE58A}
.camadas__mapa .no__halo{fill:rgba(249,217,51,.22)!important}
.camadas__mapa .no{transform-box:fill-box;transform-origin:center;animation:pulsa 5.4s ease-in-out infinite}
.camadas__mapa .centro{transform-origin:300px 300px;animation:pulsa 6s ease-in-out infinite}
@keyframes respira{0%,100%{opacity:.55;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}
@keyframes flui{to{stroke-dashoffset:-60}}
@keyframes pulsa{0%,100%{opacity:.65;transform:scale(.9)}40%{opacity:1;transform:scale(1.12)}}
.camadas__mapa ul{list-style:none;margin:0;padding:0}
.camadas__mapa li{position:absolute;transform:translate(-50%,-50%);max-width:9.5em;
  font-size:clamp(.74rem,2.3vw,.98rem);line-height:1.25;font-weight:700;color:var(--ink);
  text-shadow:0 2px 12px rgba(3,22,20,.95)}
.camadas__mapa .camadas__centro{color:var(--gold-soft);font-family:'Spectral',Georgia,serif;font-size:clamp(.86rem,2.4vw,1.12rem)}

/* o que você recebe: cartões com imagem, relevo e leve inclinação 3D */
.c3d-grade{display:grid;gap:var(--s3);margin-top:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));perspective:1100px}
@media (max-width:960px){.c3d-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.c3d-grade{grid-template-columns:1fr}}
.c3d{overflow:hidden;display:flex;flex-direction:column;transform-style:preserve-3d;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s}
.c3d:hover{border-color:rgba(249,217,51,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 40px 70px -30px rgba(2,16,15,.95),0 0 0 1px rgba(249,217,51,.25),0 0 46px -12px rgba(168,230,184,.45)}
.c3d__img{margin:0;position:relative;aspect-ratio:16/10;overflow:hidden}
.c3d__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.c3d:hover .c3d__img img{transform:scale(1.07)}
.c3d__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,33,31,.85))}
.c3d__tag{position:absolute;left:14px;bottom:12px;z-index:1;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;
  color:#07302D;background:linear-gradient(150deg,#FFE58A,#F9D933);padding:.42em .9em;border-radius:99px;box-shadow:0 6px 18px -6px rgba(249,217,51,.8)}
.c3d__txt{padding:var(--s2) var(--s3) var(--s3)}
.c3d__txt h3{margin-bottom:.5rem}
.c3d__txt p{margin:0;color:var(--dim)}
.c3d__txt em{color:var(--gold-soft);font-style:italic}

/* os encontros: zigue-zague, um tempo de cada lado */
.linha{position:relative;margin-top:var(--s4);display:grid;gap:var(--s4)}
.linha::before{content:"";position:absolute;left:50%;top:2%;bottom:2%;width:2px;transform:translateX(-50%);
  background:linear-gradient(transparent,rgba(249,217,51,.7) 12%,rgba(168,230,184,.6) 88%,transparent)}
.etapa{display:grid;grid-template-columns:1fr 1fr;position:relative}
.etapa__card{grid-column:1;margin-right:calc(var(--s5) / 2);padding:var(--s3);position:relative;text-align:right}
.etapa--inv .etapa__card{grid-column:2;margin:0 0 0 calc(var(--s5) / 2);text-align:left}
.etapa__n{position:absolute;top:50%;right:calc(-1 * var(--s5) / 2);transform:translate(50%,-50%);
  width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;z-index:2;
  font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.4rem;color:#07302D;
  background:linear-gradient(150deg,#FFE58A,#F9D933);box-shadow:0 0 0 6px rgba(249,217,51,.16),0 10px 30px -8px rgba(249,217,51,.8)}
.etapa--inv .etapa__n{right:auto;left:calc(-1 * var(--s5) / 2);transform:translate(-50%,-50%)}
.linha{gap:var(--s2)}
.etapa__tag{margin:0 0 .3rem;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.etapa__dias{margin:0;font-family:'Spectral',Georgia,serif;font-weight:700;font-size:clamp(2.4rem,4.4vw,3.4rem);line-height:1.12;color:var(--ink)}
.etapa__mes{font-size:.56em;font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:0}
.etapa__sem{margin:.45rem 0 0;font-size:1.12rem;font-weight:600;color:var(--dim)}
.etapa__obs{font-style:italic;font-weight:400}
.info{margin-top:var(--s4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--s3)}
.info__cert .ic-cert{display:block;width:2.1rem;height:2.1rem;margin:0 auto .3rem;color:var(--gold)}
.ic-cert{width:1.6rem;height:1.6rem;color:var(--gold)}
.info>div{padding:0 var(--s2);text-align:center}
.info>div+div{border-left:1px solid rgba(249,217,51,.3)}
.info__k{display:block;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:.35rem}
.info p{margin:0;color:var(--ink);font-size:1.02rem}
@media (max-width:960px){.info{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s3)}.info>div:nth-child(3){border-left:0}}
@media (max-width:860px){
  .linha::before{left:1.6rem}
  .etapa{grid-template-columns:1fr;padding-left:3.6rem}
  .etapa__card,.etapa--inv .etapa__card{grid-column:1;margin:0;text-align:left}
  .etapa__n,.etapa--inv .etapa__n{left:-2rem;right:auto;top:2.2rem;transform:translate(-50%,-50%);width:2.7rem;height:2.7rem;font-size:1.2rem}
}
@media (max-width:600px){
  .info{grid-template-columns:1fr;gap:var(--s2)}
  .info>div+div{border-left:0;border-top:1px solid rgba(249,217,51,.3);padding-top:var(--s2)}
}


/* presente: a Irmandade, com o selo do acesso vitalício girando */
.presente{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s5);align-items:center}
.presente__img{position:relative;display:grid;place-items:center}
.presente__img::before{content:"";position:absolute;inset:-8%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,217,51,.24),rgba(168,230,184,.12) 55%,transparent 76%);
  filter:blur(14px);animation:breathe 9s ease-in-out infinite}
.presente__img .frame{position:relative;transform:rotate(-2deg)}
.selo{position:absolute;right:-2%;bottom:-6%;width:clamp(7.5rem,13vw,9.5rem);z-index:2;filter:drop-shadow(0 14px 26px rgba(2,16,15,.8))}
.selo__giro{transform-origin:100px 100px;animation:spin 40s linear infinite}
.selo text{font-family:'Libre Franklin',sans-serif;font-weight:800;font-size:15px;letter-spacing:.06em;fill:#FFE58A}
.selo .selo__mid{font-size:44px}
.vital{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin-top:var(--s5);padding:var(--s3) var(--s3);text-align:center;
  border-radius:16px;border:1px solid rgba(249,217,51,.55);
  background:linear-gradient(160deg,rgba(249,217,51,.16),rgba(255,255,255,.03) 65%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 26px 54px -26px rgba(2,16,15,.95),0 0 40px -18px rgba(249,217,51,.5);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.vital__txt{margin:0;font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.18rem,1.5vw,1.42rem);line-height:1.35;color:var(--gold-soft);text-wrap:balance}
.vital__img{margin:0;flex:none;width:clamp(6.5rem,10vw,8.5rem);aspect-ratio:1;border-radius:14px;overflow:hidden;
  transform:rotate(3deg);border:2px solid rgba(255,255,255,.7);box-shadow:0 18px 36px -14px rgba(2,16,15,.9);animation:levita 9s ease-in-out -3s infinite}
.vital__img img{width:100%;height:100%;object-fit:cover}
.vantagens__ic--cert{display:flex;padding-top:.1rem}
.remate{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.3rem,1.7vw,1.6rem);
  line-height:1.35;color:var(--gold-soft);margin:var(--s3) 0 0;text-wrap:balance}
@media (max-width:960px){.presente{grid-template-columns:1fr;gap:var(--s4)}.presente__img{order:-1;margin:0 4% var(--s2)}}

/* faixa da live */
.live{position:sticky;top:0;z-index:65;background:linear-gradient(90deg,#0A3E3A,#1C7F72 55%,#0A3E3A);
  border-bottom:1px solid rgba(249,217,51,.45);box-shadow:0 8px 24px -14px rgba(0,0,0,.8)}
.live .wrap{display:flex;align-items:center;justify-content:center;gap:.6rem 1.4rem;flex-wrap:wrap;padding:.7rem 0;text-align:center}
.live p{margin:0;font-size:1rem;color:var(--ink)}
.live p b{color:var(--gold)}
.live .btn{padding:.55em 1.3em;font-size:.94rem}
.so-cel{display:none}
@media (max-width:600px){
  .so-pc{display:none}.so-cel{display:inline}
  .live .wrap{flex-wrap:nowrap;justify-content:space-between;gap:.7rem;padding:.5rem 0;text-align:left}
  .live p{font-size:.88rem}
  .live .btn{padding:.5em .95em;font-size:.84rem;white-space:nowrap}
}

/* investimento por lote: valores numa fonte elegante e legível */
.plan__big,.plan__cash{font-family:'Spectral',Georgia,serif;font-weight:600;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.plan__big{font-size:2.7rem}
.plan__cash{font-size:1.15rem;font-weight:500;color:var(--dim)}
.old{color:var(--faint);font-size:1.06rem;margin-top:var(--s3)}
.old s{text-decoration-thickness:2px}
.plan__flag{display:none}
.plan.is-now .plan__flag{display:block}
.plan.is-now{border:2px solid var(--gold);
  background:linear-gradient(168deg,rgba(249,217,51,.22),rgba(255,255,255,.03) 62%);
  box-shadow:0 0 0 1px rgba(249,217,51,.4),0 40px 90px -40px rgba(249,217,51,.75);transform:scale(1.035)}
.plan.is-now .plan__name{color:var(--gold-soft)}
.plan.is-now .plan__big{color:#fff}
.plan.is-off{opacity:.42;filter:saturate(.45)}
.plan.is-off:hover{transform:none}
.plan__when{font-weight:700;color:var(--ink);font-size:1.04rem}
.plan__status{font-style:italic;color:var(--dim);font-size:1rem;margin-top:auto}
.bonus{position:relative;margin:.9rem 0 .2rem;padding:1.45rem 1rem .95rem;border-radius:12px;
  border:1px dashed rgba(249,217,51,.75);background:linear-gradient(160deg,rgba(249,217,51,.16),rgba(168,230,184,.08))}
.bonus__tag{position:absolute;top:-.95rem;left:1rem;background:linear-gradient(150deg,#FFE58A,#F9D933);color:#07302D;
  font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;padding:.38em .95em;border-radius:99px;
  box-shadow:0 8px 20px -8px rgba(249,217,51,.9)}
.bonus p{margin:0;color:var(--ink);font-weight:600;font-size:1.02rem}
.nota-lote{margin-top:var(--s3);color:var(--dim);font-style:italic}
.vantagens{display:grid;gap:.8rem;margin-top:var(--s3);max-width:44rem}
.vantagens p{margin:0;display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1.1rem;border-radius:12px;
  background:rgba(249,217,51,.07);border:1px solid rgba(249,217,51,.3)}
.vantagens__ic{font-size:1.4rem;line-height:1.2}
.vantagens strong{color:var(--gold-soft)}
@media (max-width:860px){.plan.is-now{transform:none}}

/* lista de espera dentro da página */
.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:clamp(10px,4vw,40px);
  background:rgba(3,21,19,.88);backdrop-filter:blur(8px);overflow:auto}
.modal__box{position:relative;width:min(100%,34rem);background:linear-gradient(170deg,#0A3E3A,#04211F 70%);
  border:1px solid rgba(249,217,51,.5);border-radius:18px;padding:var(--s4) var(--s3);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.95);animation:pop .35s cubic-bezier(.2,.7,.2,1)}
.modal__box h3{color:var(--ink);margin-bottom:.6rem}
.modal .close{position:absolute;top:10px;right:14px;color:var(--gold);font-size:2.2rem;line-height:1;background:none;border:0;cursor:pointer}
.campo{display:grid;gap:.35rem;margin-top:1rem}
.campo label{font-weight:700;font-size:.98rem}
.campo label small{font-weight:400;color:var(--faint)}
.campo input,.campo textarea{font:inherit;font-size:1rem;color:var(--ink);background:rgba(255,255,255,.06);
  border:1px solid rgba(129,216,208,.45);border-radius:10px;padding:.75em .9em;width:100%}
.campo textarea{min-height:5.2em;resize:vertical}
.campo input:focus,.campo textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.modal .btn{width:100%;text-align:center;margin-top:var(--s3);border:0;cursor:pointer}
.modal .priv{font-size:.9rem;color:var(--faint);margin:.9rem 0 0;text-align:center}
.modal .erro{color:#FFB3B3;font-size:.98rem;margin-top:.8rem}

/* botão flutuante do WhatsApp (padrão de toda LP) */
/* REGRA (Carol, 10/10): WhatsApp acima do selo "Powered by Netlify", que ocupa o canto de baixo */
.wa-float{position:fixed;right:18px;bottom:84px;z-index:70;width:58px;height:58px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px -8px rgba(0,0,0,.6);transition:transform .25s ease}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:31px;height:31px;fill:#fff}
@media (max-width:600px){.wa-float{width:54px;height:54px;right:14px;bottom:76px}.wa-float svg{width:29px;height:29px}}

/* página de obrigado */
.obg{min-height:100svh;display:flex;align-items:center;padding:var(--s5) 0;background:none!important}
.obg .wrap{max-width:44rem;text-align:center}
.obg .hero__logo{margin:0 auto var(--s3)}
.obg .simb{width:8rem;margin:0 auto var(--s3);animation:levita 9s ease-in-out infinite}
.obg h1{font-size:clamp(2.1rem,5vw,3.4rem);margin-bottom:var(--s3)}
.obg .cta-row{justify-content:center}
.obg .assina{font-family:'Spectral',Georgia,serif;font-size:1.4rem;color:var(--gold-soft);margin-top:var(--s4)}

@media (prefers-reduced-motion:reduce){.c3d{transform:none!important}}

/* fatos dos encontros: sem caixa, ícone, valor em destaque e detalhe menor */
.fatos{margin-top:var(--s5);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.fato{text-align:center;padding:0 var(--s1);position:relative}
.fato+.fato::before{content:"";position:absolute;left:calc(-1 * var(--s3) / 2);top:12%;bottom:12%;width:1px;
  background:linear-gradient(transparent,rgba(249,217,51,.55),transparent)}
.fato__ic{display:grid;place-items:center;width:4.2rem;height:4.2rem;margin:0 auto var(--s2);border-radius:50%;color:var(--gold);
  background:radial-gradient(circle,rgba(249,217,51,.18),rgba(249,217,51,0) 70%);box-shadow:0 0 0 1px rgba(249,217,51,.35);
  animation:levita 8s ease-in-out infinite}
.fato:nth-child(2) .fato__ic{animation-delay:-2s}.fato:nth-child(3) .fato__ic{animation-delay:-4s}.fato:nth-child(4) .fato__ic{animation-delay:-6s}
.fato__ic svg{width:2.1rem;height:2.1rem}
.fato__v{margin:0;font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.1;color:var(--ink)}
.fato__d{margin:.45rem auto 0;max-width:15rem;font-size:.95rem;color:var(--dim);line-height:1.45}
@media (max-width:860px){.fatos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s4)}.fato:nth-child(3)::before{display:none}}
.vital__ic{font-size:.85em;margin-right:.3rem}

/* régua dos lotes: delicada, mostra onde a pessoa está hoje e a data de cada virada */
.regua{max-width:56rem;margin:var(--s4) auto 0;padding:0 .3rem}
.regua__nomes{display:flex;font-size:.82rem;color:var(--faint);margin-bottom:.6rem}
.regua__nomes span{text-align:center;white-space:nowrap}
.regua__nomes .is-now{color:var(--gold-soft);font-weight:700}
.regua__trilho{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.regua__cor{position:absolute;inset:0;border-radius:inherit;clip-path:inset(0 var(--p) 0 0 round 99px);
  background:linear-gradient(90deg,#FFE58A,#F9D933 22%,#FFA44F 58%,#FF6B5E 82%,#E8364A);transition:clip-path 1.6s cubic-bezier(.2,.7,.2,1) .3s}
.regua.rv:not(.is-in) .regua__cor{clip-path:inset(0 100% 0 0 round 99px)}
.regua__trilho i{position:absolute;top:50%;width:2px;height:14px;transform:translate(-50%,-50%);background:rgba(255,255,255,.5);border-radius:2px}
.regua__hoje{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;
  box-shadow:0 0 0 3px rgba(255,164,79,.6),0 0 18px 4px rgba(255,107,94,.5);animation:pulso 2.6s ease-in-out infinite}
@keyframes pulso{50%{box-shadow:0 0 0 6px rgba(255,164,79,.22),0 0 26px 7px rgba(255,107,94,.35)}}
.regua__datas{position:relative;height:2.5rem;margin-top:.6rem;font-size:.8rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.regua__datas span{position:absolute;transform:translateX(-50%);text-align:center;white-space:nowrap;line-height:1.25}
.regua__datas span:first-child{transform:none;text-align:left}
.regua__datas span:last-child{transform:translateX(-100%);text-align:right}
.regua__datas em{display:block;font-weight:400;color:var(--faint);font-size:.74rem}
.regua__msg{text-align:center;margin:.4rem auto 0;color:var(--dim);font-size:1rem;max-width:var(--measure)}
.regua__msg strong{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.regua__hoje{animation:none}.regua__cor{transition:none}}

/* texto abaixo dos boxes na largura dos boxes; nota dos juros dentro do box; fechamento centralizado */
.plan__juros{margin:.15rem 0 0;font-size:.84rem;font-style:italic;color:var(--faint)}
.prose--larga,.prose--larga .nota-lote,.vantagens{max-width:none}
.seals + .cta-row{justify-content:center}
.legal{max-width:none;text-align:center}
.hero__info{display:block;margin-top:.55rem;color:var(--ink);font-weight:600}

/* valor e bônus trancados até a live: cadeado dourado sobre um valor desfocado (falso, nada vaza) */
.plan.is-trancado{opacity:1;filter:none}
.plan.is-trancado .plan__big{font-size:1rem;margin:.6rem 0 .2rem}
.trava{position:relative;display:inline-grid;place-items:center;margin-bottom:.7rem}
.trava__vela{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:2.7rem;line-height:1.05;color:var(--dim);filter:blur(9px);opacity:.55;user-select:none}
.trava .cadeado{position:absolute;width:2.5rem;height:2.5rem;color:var(--gold);filter:drop-shadow(0 4px 16px rgba(249,217,51,.5))}
.trava__txt{display:block;font-family:'Libre Franklin',system-ui,sans-serif;font-size:1.02rem;font-weight:600;line-height:1.4;color:var(--ink)}
.bonus p .cadeado{width:1.1em;height:1.1em;vertical-align:-.15em;color:var(--gold)}

/* botão vermelho da live no YouTube (página de obrigado) */
.btn--yt{display:inline-flex;align-items:center;gap:.6em;background:linear-gradient(150deg,#FF3B30,#E62117);color:#fff;box-shadow:0 18px 40px -16px rgba(230,33,23,.8)}
.btn--yt:hover{filter:brightness(1.08)}
.btn--yt .yt{width:1.6em;height:auto;flex:none}

/* ===== Componentes acrescentados em 15/10/2026 (padrão Carol) ===== */
/* link "Ver mais ↓" dentro do cartão 3D; etapas numeradas (.fases); figura solta sem moldura (PNG transparente) */
.c3d__mais{display:inline-block;margin-top:.7rem;color:var(--gold);font-weight:600;font-size:.95rem;text-decoration:none}
.c3d__mais:hover{text-decoration:underline}
.fases{list-style:none;padding:0;margin:var(--s3) 0;display:grid;gap:var(--s2)}
.fases li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 60%);border:1px solid rgba(249,217,51,.22);border-radius:14px;padding:1rem 1.2rem;box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}
.fases__n{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--gold);color:#07302D;font-weight:700;font-size:1.1rem}
.fases p{margin:0}
.fases__nome{color:var(--gold-soft);font-weight:700;font-size:1.08rem;margin-bottom:.2rem!important}
.fases em{color:var(--gold-soft)}
.fig-solta{width:100%;max-width:30rem;margin:0 auto}
.fig-solta img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 28px rgba(249,217,51,.22))}
.remate{margin:var(--s4) 0 0;font-size:1.12rem}

/* cartões 3D sem foto, com ícone desenhado (Carol, 15/10: card estático de faixa no topo lembra o Gamma) */
.c3d--ic{padding-top:var(--s3)}
.c3d__ic{display:grid;place-items:center;width:4.2rem;height:4.2rem;margin:0 var(--s3);border-radius:50%;color:var(--gold);
  background:radial-gradient(circle at 35% 30%,rgba(249,217,51,.22),rgba(249,217,51,.04) 70%);border:1px solid rgba(249,217,51,.35);
  box-shadow:0 0 28px -8px rgba(249,217,51,.45);transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.c3d__ic svg{width:2.5rem;height:2.5rem}
.c3d--ic:hover .c3d__ic{transform:translateZ(30px) scale(1.06);box-shadow:0 0 40px -6px rgba(249,217,51,.7)}
/* .fig-depois na <section>: no celular, a imagem vem depois do texto (alternar imagem e texto) */
.fig-depois .split__geo{order:0}
@media (max-width:960px){.fig-depois .split{gap:var(--s2)}.fig-depois .fases{margin-bottom:var(--s1)}.fig-depois .split__geo{order:1;min-height:0}.fig-solta{max-width:17rem}}

/* valores em amarelo: parcelado em destaque, à vista menor embaixo (Carol, 15/10) */
.plan:not(.is-trancado) .plan__big{color:var(--gold)!important}
.plan:not(.is-trancado) .plan__cash{color:var(--gold-soft)!important;font-size:1.35rem;font-weight:600}

/* ===== da LP Essentia: estrela do Robson acima do logo da Academia, estrela no rodapé ===== */
.marca{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:var(--s3)}
.marca .hero__logo{margin-bottom:0}
.marca__estrela{width:clamp(4.6rem,7vw,6.2rem);margin-bottom:.9rem;filter:drop-shadow(0 6px 22px rgba(249,217,51,.35))}
.mark-estrela{display:block;width:4.6rem;margin:var(--s2) auto;filter:drop-shadow(0 6px 22px rgba(249,217,51,.3))}
/* ===== gravação: um box só, centralizado ===== */
.plans--um{grid-template-columns:minmax(0,30rem);justify-content:center}
.plans--um .plan__name{font-size:1.25rem}
/* imagem do topo (foto, não símbolo) */
.hero__foto{position:relative;width:min(92%,28rem);border-radius:16px;box-shadow:0 24px 60px -18px rgba(3,22,20,.75),0 0 0 1px rgba(249,217,51,.22)}

/* ===== fundo próprio da Câmara (15/10/2026): verde profundo, raios de luz e bolinhas de água ===== */
body{background:radial-gradient(120% 70% at 50% -8%,#0F5A52 0%,#07332F 38%,#04211F 70%,#021614 100%) fixed,#04211F}
.ceu{overflow:hidden}
.ceu__luz{position:absolute;left:50%;top:-30vh;width:120vw;height:90vh;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(129,216,208,.30),rgba(46,196,182,.10) 55%,rgba(4,33,31,0) 100%);
  animation:luz 9s ease-in-out infinite alternate}
.feixe{position:absolute;left:50%;top:-12vh;width:220vmax;height:220vmax;margin-left:-110vmax;margin-top:-110vmax;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.55) 22%,transparent 48%);
          mask-image:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.55) 22%,transparent 48%);
  transform-origin:50% 50%;mix-blend-mode:screen}
.feixe--a{background:repeating-conic-gradient(from 90deg at 50% 50%,
  rgba(129,216,208,0) 0deg,rgba(129,216,208,.16) 2.2deg,rgba(129,216,208,0) 5deg,rgba(129,216,208,0) 13deg);
  animation:raio-a 38s ease-in-out infinite alternate}
.feixe--b{background:repeating-conic-gradient(from 96deg at 50% 50%,
  rgba(168,230,184,0) 0deg,rgba(168,230,184,.10) 1.4deg,rgba(168,230,184,0) 3.4deg,rgba(168,230,184,0) 19deg);
  animation:raio-b 52s ease-in-out infinite alternate}
@keyframes raio-a{from{transform:rotate(-4deg);opacity:.75}to{transform:rotate(4deg);opacity:1}}
@keyframes raio-b{from{transform:rotate(5deg);opacity:1}to{transform:rotate(-3deg);opacity:.6}}
@keyframes luz{from{opacity:.7}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.feixe,.ceu__luz{animation:none}}
/* faixas mais translúcidas para a luz aparecer por trás */
.band--deep{background:rgba(4,33,31,.55)}
.band--mid{background:rgba(10,62,58,.42)}
.band--light{background:rgba(18,100,92,.34)}
.hero__veil{background:linear-gradient(180deg,rgba(4,28,26,0) 0%,rgba(4,33,31,0) 55%,rgba(4,33,31,.55) 100%)}

/* ===== figuras próprias da Câmara ===== */
/* o Portal: arco da Câmara com o ovo de luz e os raios descendo */
.portal{width:min(100%,26rem);aspect-ratio:1;display:block;overflow:visible}
.portal .p-arco{fill:none;stroke:url(#pg);stroke-width:1.8;stroke-linejoin:round}
.portal .p-arco2{fill:none;stroke:#81D8D0;stroke-opacity:.45;stroke-width:1.1;stroke-dasharray:2 7;stroke-linejoin:round}
.portal .p-ovo{fill:url(#po);stroke:#81D8D0;stroke-opacity:.8;stroke-width:1.4;transform-origin:200px 225px;animation:breathe 9s ease-in-out infinite}
.portal .p-raio{stroke:#D6FFF7;stroke-width:1.2;stroke-linecap:round;opacity:.14;animation:p-raio 5s ease-in-out infinite}
.portal .p-chama{fill:none;stroke:#FFE58A;stroke-width:1.6;stroke-linecap:round}
.portal .p-chama-halo{fill:rgba(249,217,51,.22);transform-origin:200px 92px;animation:pulsa 4.5s ease-in-out infinite}
.portal .p-ponto{fill:#D6FFF7;animation:p-raio 6s ease-in-out infinite}
@keyframes p-raio{0%,100%{opacity:.08}50%{opacity:.5}}
@media (prefers-reduced-motion:reduce){.portal *{animation:none!important}}
/* a Kiva: hexágono dos Itás, com as linhas de energia até o centro */
.camadas__mapa .kiva-hex{fill:none;stroke:url(#cg);stroke-width:1.6;stroke-opacity:.85}
.camadas__mapa .kiva-in{fill:none;stroke:#81D8D0;stroke-opacity:.35;stroke-width:1.1}
.camadas__mapa .kiva-in{transform-origin:300px 300px;animation:respira 10s ease-in-out infinite}
.camadas__mapa .ita{fill:#A8E6B8!important}

/* ===== ajustes da Carol (15/10) ===== */
/* frase de remate em amarelo, maior */
.remate{font-size:clamp(1.3rem,1.9vw,1.62rem);line-height:1.42}
/* ressonância: sinais em grade dentro de um painel com relevo */
.sinais{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4);margin-top:var(--s4);
  padding:var(--s4);border-radius:16px;border:1px solid rgba(129,216,208,.35);
  background:linear-gradient(160deg,rgba(129,216,208,.12),rgba(255,255,255,.02) 60%);
  box-shadow:0 30px 60px -30px rgba(2,16,15,.9),inset 0 1px 0 rgba(255,255,255,.08)}
.sinal{display:grid;grid-template-columns:3.4rem 1fr;gap:var(--s2);align-items:start}
.sinal__ic{width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;color:var(--gold);
  background:radial-gradient(circle,rgba(129,216,208,.22),rgba(129,216,208,.04));border:1px solid rgba(249,217,51,.45)}
.sinal__ic svg{width:1.9rem;height:1.9rem}
.sinal h3{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.22rem;line-height:1.3;color:var(--gold-soft);margin:.15rem 0 .35rem}
.sinal p{margin:0;color:var(--dim)}
@media (max-width:760px){.sinais{grid-template-columns:1fr;padding:var(--s3)}}
/* investimento: o que está incluído dentro do box, com ✓ */
.inclui{list-style:none;margin:.6rem 0 .4rem;padding-top:1.1rem!important;border-top:1px solid rgba(249,217,51,.25);padding:0;display:grid;gap:.55rem;font-size:1.02rem;color:var(--dim)}
.inclui li{display:grid;grid-template-columns:1.6em 1fr;align-items:baseline}
.inclui li::before{content:"✓";color:var(--gold);font-weight:700}
.plans--um .plan__name{font-size:1.55rem}
/* a frase do chamado, sem faixa, abrindo o rodapé */
.chamado{margin:0 auto var(--s5);text-align:center;max-width:52rem}
.chamado blockquote{margin:0;font-family:'Spectral',Georgia,serif;font-weight:500;line-height:1.34;
  font-size:clamp(1.4rem,2.3vw,2rem);color:var(--gold-soft);text-wrap:balance}
.chamado figcaption{margin-top:var(--s2);font-family:'Spectral',Georgia,serif;font-style:italic;font-size:1.02rem;color:var(--dim)}
/* pessoa sentada no centro da Kiva */
.camadas__mapa .pessoa__halo{fill:rgba(129,216,208,.10);stroke:rgba(249,217,51,.35);stroke-width:1.2;transform-origin:300px 300px;animation:pulsa 6s ease-in-out infinite}
.camadas__mapa .pessoa__coracao{transform-origin:300px 296px;animation:pulsa 3.2s ease-in-out infinite}

/* logomarca da Câmara no topo, ao lado do título: grande no computador, sem nada atrás */
.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.hero__logo-camara{position:relative;width:min(118%,40rem);max-width:none;height:auto;margin-inline:auto;
  filter:drop-shadow(0 0 40px rgba(249,217,51,.30));animation:logo-luz 7s ease-in-out infinite alternate}
@keyframes logo-luz{from{filter:drop-shadow(0 0 26px rgba(249,217,51,.22))}to{filter:drop-shadow(0 0 54px rgba(249,217,51,.42))}}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr}.hero__logo-camara{width:min(96%,25rem)}}
@media (prefers-reduced-motion:reduce){.hero__logo-camara{animation:none}}
/* celular: a marca da Academia e o título vêm primeiro; a logomarca da Câmara vem depois do botão */


/* imagens da Câmara: soltas, sem moldura, com brilho */
.fig-camara{max-width:34rem}
.fig-camara img,.fig-larga img{filter:drop-shadow(0 0 30px rgba(249,217,51,.22))}
.fig-larga{margin:var(--s4) auto 0;max-width:62rem}
.fig-larga img{width:100%;height:auto;display:block}
/* ponto de partida sem figura ao lado: texto na largura toda */
.ponto .split{grid-template-columns:1fr}
/* celular, topo nesta ordem: marca da Academia, título, logomarca da Câmara, explicação, botão */
@media (max-width:960px){
  .hero .wrap{gap:0}
  .hero .wrap>div:first-child{display:contents}
  .hero .marca{order:1;justify-self:start}
  .hero h1{order:2}
  .hero .hero__geo{order:3;min-height:0;margin:0 0 var(--s3)}
  .hero .hero__claim{order:4}
  .hero .hero__sub{order:5}
  .hero .cta-row{order:6}
}
/* REGRA 14/10: frase de abertura de cada seção (lede) em dourado claro; negrito dentro dela fica branco. O topo segue branco. */
.band .lede{color:var(--gold-soft)}
.band .lede b,.band .lede strong{color:var(--ink);font-weight:600}

/* lados alternados no computador (Carol, 16/10): o topo fica texto à esquerda e logo à direita;
   daí para baixo a imagem troca de lado a cada bloco. No celular nada muda. */
@media (min-width:961px){
  .split--inv{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .split--inv>.split__geo,.fig-depois .split--inv>.split__geo,#grade-edenica .split--inv>.split__geo{order:-1}
}