/* Camada de interação inspirada na referência: brilho, reveal, tilt e cards ativos. */
:root{--ease:cubic-bezier(.2,.8,.2,1)}
body{overflow-x:hidden}
.site-header{transition:background .35s ease,box-shadow .35s ease,transform .35s ease}.site-header.scrolled{box-shadow:0 10px 35px rgba(0,0,0,.35)}
.button{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 0 0 rgba(244,197,66,0);transition:transform .3s var(--ease),box-shadow .3s ease,background .3s ease}.button:before{content:"";position:absolute;inset:0 auto 0 -120%;width:70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:left .7s ease;z-index:-1}.button:hover:before{left:140%}.button:hover{box-shadow:0 12px 35px rgba(244,197,66,.2)}
.brand strong,nav a,.section-tag,.eyebrow{transition:color .25s ease}.brand:hover strong,nav a:hover{color:var(--yellow)}
.hero-copy>*{animation:rise-in .8s var(--ease) both}.hero-copy .lead{animation-delay:.12s}.hero-copy .hero-actions{animation-delay:.2s}.hero-art{animation:art-in 1s var(--ease) both}
@keyframes rise-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes art-in{from{opacity:0;transform:translateX(35px) rotate(2deg)}to{opacity:1;transform:none}}
.poster{transition:transform .6s var(--ease),box-shadow .6s ease}.poster:hover{transform:rotate(1deg) translateY(-8px);box-shadow:32px 32px 0 #111,0 35px 95px rgba(244,197,66,.18)}.orbit{animation:float 5s ease-in-out infinite}.orbit-b{animation-delay:-2.2s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
.section:not(.hero) .section-tag{opacity:.7}.section:not(.hero){scroll-margin-top:80px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
.pain-grid span,.signal-list span,.receive-list div,.audience-grid div,.mission-stack article,.timeline article{transition:transform .35s var(--ease),border-color .35s ease,background .35s ease,box-shadow .35s ease}.pain-grid span:hover,.signal-list span:hover{border-color:var(--yellow);transform:translateY(-4px);background:#15130b}.receive-list div:hover,.audience-grid div:hover{border-color:#66551e;transform:translateX(6px);background:#15130b}.timeline article:hover{transform:translateY(-6px);border-color:var(--yellow)}
.mission-stack article{position:relative;overflow:hidden}.mission-stack article:after{content:"↗";position:absolute;right:20px;top:20px;color:var(--yellow);opacity:0;transform:translate(-5px,5px);transition:.3s ease}.mission-stack article:hover:after{opacity:1;transform:none}
.mission-paper{transition:transform .6s var(--ease),box-shadow .6s ease}.mission-paper:hover{transform:rotate(0) translateY(-8px);box-shadow:27px 27px 0 #171717,0 25px 55px rgba(244,197,66,.12)}
.progress span{transform-origin:left;animation:progress-pulse 2.8s ease-in-out infinite alternate}@keyframes progress-pulse{from{filter:brightness(.9);box-shadow:none}to{filter:brightness(1.3);box-shadow:0 0 14px rgba(244,197,66,.5)}}
.phone{transition:transform .6s var(--ease),box-shadow .6s ease}.phone:hover{transform:rotate(3deg) translateY(-8px);box-shadow:0 0 0 1px #777,0 35px 90px rgba(244,197,66,.16)}
.faq details summary{transition:color .25s ease}.faq details:hover summary,.faq details[open] summary{color:var(--yellow)}
/* Interações intencionais e visíveis na área de missões. */
.mission-carousel{position:relative}.mission-stack{min-height:250px;position:relative}.mission-stack article{display:none;animation:card-in .45s var(--ease) both}.mission-stack article.active{display:block}.mission-stack article.active:before{content:"MISSÃO EM DESTAQUE";display:block;color:var(--yellow);font:9px var(--mono);letter-spacing:.12em;margin-bottom:10px}.carousel-controls{display:flex;align-items:center;gap:14px;margin-top:18px}.carousel-controls button{width:42px;height:42px;border:1px solid var(--yellow);background:transparent;color:var(--yellow);font-size:18px;cursor:pointer;transition:.25s ease}.carousel-controls button:hover{background:var(--yellow);color:#050505;transform:translateY(-3px)}.carousel-controls span{font:10px var(--mono);color:#777}.mission-stack article.active{border-color:var(--yellow);box-shadow:0 18px 50px rgba(244,197,66,.1)}
@keyframes card-in{from{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:none}}
.button{animation:button-breathe 3s ease-in-out infinite}.button:hover{animation:none}@keyframes button-breathe{0%,100%{box-shadow:0 0 0 rgba(244,197,66,0)}50%{box-shadow:0 0 0 8px rgba(244,197,66,.07),0 12px 35px rgba(244,197,66,.16)}}
.reveal{opacity:1;transform:none}.reveal.reveal-ready{opacity:0;transform:translateY(35px)}.reveal.reveal-ready.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Seção 06: introdução e missão 01 alinhadas lado a lado. */
.preview{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;column-gap:7vw!important;row-gap:0!important;align-items:start!important}
.preview .section-tag{grid-column:1/-1!important;margin-bottom:26px!important}
.preview-copy{grid-column:1!important;grid-row:2!important;max-width:620px!important;margin:0!important;padding:0!important}
.preview-copy h2{margin:0 0 18px!important}
.preview-copy p{margin:0!important}
.preview-copy .checklist{margin-top:24px!important}
.preview .mission-paper{grid-column:2!important;grid-row:2!important;max-width:none!important;margin:0!important}
@media(max-width:800px){.preview{display:block!important}.preview-copy{margin:0 0 32px!important}.preview .mission-paper{margin-top:0!important}}
.modules-style{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;gap:5vw!important;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(244,197,66,.08),transparent 36%)}
.modules-rail{border-right:1px solid var(--line);min-height:530px;padding-top:8px;color:var(--yellow);font:11px var(--mono);letter-spacing:.1em}.modules-rail span{display:block;font-size:28px;margin-bottom:18px}.modules-rail b{font-weight:400;line-height:1.4}.modules-main{max-width:980px}.modules-main h2{max-width:900px;margin:12px 0 18px}.modules-lead{max-width:550px;color:#aaa;font-size:17px}.module-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:48px 0 28px}.module-card{min-height:190px;padding:22px;text-align:left;border:1px solid #343434;background:#222;color:#fff;cursor:pointer;transition:transform .35s var(--ease),background .35s ease,border-color .35s ease,box-shadow .35s ease}.module-card span{display:block;color:var(--yellow);font:11px var(--mono);margin-bottom:45px}.module-card strong{font:600 16px/1.05 var(--display);letter-spacing:-.03em}.module-card:hover{transform:translateY(-8px);border-color:var(--yellow)}.module-card.active{background:var(--yellow);color:#050505;border-color:var(--yellow);box-shadow:0 0 0 3px #050505,0 0 0 5px var(--yellow),0 24px 55px rgba(244,197,66,.17);transform:translateY(-5px)}.module-card.active span{color:#050505}.module-detail{display:flex;justify-content:space-between;gap:5vw;border-top:1px solid var(--line);padding:24px 0 30px}.module-detail h3{margin:0 0 10px;font-size:25px}.module-detail p{margin:0;color:#aaa;max-width:470px}.module-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;color:#ddd;font:11px var(--mono)}.modules-style>.modules-main>.button{margin-top:8px}.module-card:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:800px){.modules-style{display:block!important}.modules-rail{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:36px}.module-cards{display:flex;overflow-x:auto;padding:10px 4px 18px;scroll-snap-type:x mandatory}.module-card{min-width:230px;scroll-snap-align:start}.module-detail{display:block}.module-points{margin-top:24px}}

/* Cards refeitos para reproduzir a faixa horizontal da referência. */
.modules-style .module-cards{display:flex;align-items:stretch;gap:36px;margin:54px 0 46px;padding:10px 8px 16px;overflow:visible}
.modules-style .module-card{position:relative;flex:0 0 270px;min-height:202px;padding:24px;border:0;border-radius:5px;background:#292929;color:#a9a9a9;box-shadow:none;transform:none;text-align:left;transition:background .35s var(--ease),color .35s ease,transform .35s var(--ease),box-shadow .35s ease}
.modules-style .module-card:before{content:"✦";display:grid;place-items:center;width:40px;height:40px;margin-bottom:38px;border-radius:50%;background:#181818;color:var(--yellow);font-size:18px}
.modules-style .module-card span{position:absolute;top:27px;right:22px;margin:0;color:#777;font:10px var(--mono)}
.modules-style .module-card strong{display:block;font:600 18px/1.05 var(--display);letter-spacing:-.035em}
.modules-style .module-card:hover{transform:translateY(-9px);background:#383838;color:#fff;box-shadow:0 18px 35px rgba(0,0,0,.25)}
.modules-style .module-card.active{z-index:2;background:linear-gradient(135deg,#f4c542 0%,#ffdf63 100%);color:#080808;border:0;box-shadow:0 0 0 3px #080808,0 0 0 5px var(--yellow),0 24px 55px rgba(244,197,66,.22);transform:translateY(-9px) scale(1.04)}
.modules-style .module-card.active:before{background:#171717;color:var(--yellow)}
.modules-style .module-card.active span{color:#5a4a14}
.modules-style .module-card:nth-child(2){margin-left:-8px}.modules-style .module-card:nth-child(3){margin-left:-8px}.modules-style .module-card:nth-child(4){margin-left:-8px}
.modules-style .module-detail{max-width:850px}
@media(max-width:800px){.modules-style .module-cards{gap:18px;margin-top:34px;padding-left:8px;overflow-x:auto}.modules-style .module-card{flex-basis:250px}.modules-style .module-card:nth-child(n){margin-left:0}.modules-style .module-card.active{transform:translateY(-5px) scale(1.01)}}
.specialist{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8vw;align-items:center;background:linear-gradient(120deg,#050505 0%,#090909 100%)}
.specialist-media{position:relative;max-width:500px}.specialist-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.08);border:1px solid #333}.specialist-media:after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--yellow);z-index:-1}.specialist-stamp{position:absolute;left:18px;bottom:18px;padding:14px 16px;background:#050505;border:1px solid #393939;display:flex;gap:18px;align-items:flex-start;font:10px var(--mono)}.specialist-stamp span{color:var(--red)}.specialist-stamp small{color:#aaa;line-height:1.5}.specialist-copy h2{font-size:clamp(60px,7vw,102px);margin:12px 0 18px}.specialist-role{font:600 20px var(--display)!important;color:#fff!important;margin-bottom:34px!important}.specialist-copy>p:not(.specialist-role){max-width:650px;color:#aaa;font-size:15px;line-height:1.75;margin:0 0 18px}.specialist-highlight{margin:34px 0;padding:22px 24px;border-left:2px solid var(--yellow);background:#111;color:#fff;font:600 21px/1.25 var(--display)}.specialist-highlight em{font-style:normal;color:var(--yellow)}.specialist-mark{display:flex;align-items:baseline;gap:14px;margin-top:30px}.specialist-mark b{font:700 28px var(--display);color:var(--yellow)}.specialist-mark span{font:10px var(--mono);color:#777}@media(max-width:800px){.specialist{display:block}.specialist-media{max-width:86%;margin:0 auto 52px}.specialist-media:after{inset:10px -10px -10px 10px}.specialist-copy h2{font-size:68px}.specialist-copy>p:not(.specialist-role){font-size:14px}.specialist-highlight{font-size:18px}}

/* Ajuste exclusivo da primeira seção no mobile. */
@media(max-width:800px){
  .hero{padding-left:7vw!important;padding-right:7vw!important}
  .hero-copy{order:1}
  .hero-art{order:2}
}

/* Menu mobile em painel, com abertura de baixo para cima. */
@media(max-width:800px){
  body.menu-open{overflow:hidden}
  body.menu-open:before{content:"";position:fixed;z-index:9990;inset:0;background:#050505!important;opacity:1!important;pointer-events:auto}
  .site-header{z-index:9999}
  .site-header .menu{display:flex;position:fixed;z-index:10002!important;top:0;right:0;width:68px;height:68px;margin:0;border:0;border-radius:0;background:linear-gradient(145deg,#f4c542,#ffe276);align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}
  .site-header .menu i{display:block;width:23px;height:3px;background:#080808;transition:transform .35s ease,opacity .25s ease}
  .site-header .menu.open i:nth-child(1){transform:translateY(9px) rotate(45deg)}.site-header .menu.open i:nth-child(2){opacity:0}.site-header .menu.open i:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  .site-header nav{display:flex!important;position:fixed;z-index:10001!important;inset:0;background:#050505!important;background-color:#050505!important;isolation:isolate;padding:118px 11vw 55px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;visibility:hidden;opacity:0;transform:translateY(100%);transition:transform .6s cubic-bezier(.77,0,.18,1),opacity .35s ease,visibility 0s linear .6s}
  .site-header nav:before{content:"";position:absolute;z-index:0;inset:0;background:#050505!important;opacity:1}
  .site-header nav>*{position:relative;z-index:1}
  .site-header nav.open{visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s}
  .mobile-nav-title{display:block!important;font:800 clamp(58px,15vw,88px)/.86 var(--display);letter-spacing:-.08em;margin-bottom:72px}.mobile-nav-title em{color:var(--yellow);font-style:normal}
  .site-header nav>a:not(.mobile-nav-cta){display:block;padding:15px 0;color:#f2f2f2;font:600 20px var(--display);border-left:2px solid transparent;transition:color .25s ease,border-color .25s ease,padding-left .25s ease}.site-header nav>a:not(.mobile-nav-cta):hover{color:var(--yellow);border-color:var(--yellow);padding-left:12px}
  .mobile-nav-cta{display:flex!important;width:100%;margin-top:35px;padding:18px 22px;border-radius:999px;background:linear-gradient(100deg,#f4c542,#ffe276);color:#080808!important;align-items:center;justify-content:center;font:800 11px var(--body)!important;letter-spacing:.02em}
  .mobile-nav-cta span{margin-left:12px;font-size:17px}
  .site-header .button-small{display:none}
}
@media(min-width:801px){.mobile-nav-title,.mobile-nav-cta{display:none}}
/* A foto do especialista permanece em cores originais. */
.specialist-media img{filter:none!important}
/* Hero: iPhone Lottie com tela de vídeo mascarada. */
.rotating-phone{position:relative;width:min(100%,570px);aspect-ratio:1/1;margin:auto;isolation:isolate}
.phone-lottie,.phone-video-plane,.phone-fallback{position:absolute;inset:0;width:100%;height:100%}
.phone-lottie{z-index:2}.phone-video-plane{z-index:3;transform-origin:50% 50%;will-change:transform,opacity;pointer-events:none}
.phone-screen-video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.phone-fallback{z-index:1;display:grid;place-items:center}.phone-fallback div{width:32%;height:73%;border:8px solid #222;border-radius:42px;background:linear-gradient(145deg,#30270d,#080808);box-shadow:0 24px 70px rgba(244,197,66,.14)}
.rotating-phone.is-ready .phone-fallback{display:none}.rotating-phone.has-error .phone-video-plane,.rotating-phone.has-error .phone-lottie{display:none}.hero-art>.rec{z-index:5}
@media(max-width:800px){.rotating-phone{width:min(115%,520px);margin-left:50%;transform:translateX(-50%)}.phone-fallback div{border-width:6px;border-radius:30px}}
.rotating-phone{display:none!important}
.hero-art:before{content:"DESAFIO\\A 30 DIAS";white-space:pre;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:min(340px,calc(100vw - 72px));aspect-ratio:3/4;padding:24px;background:linear-gradient(150deg,#191919,#080808);border:1px solid #373737;box-shadow:25px 25px 0 #111,0 30px 80px rgba(244,197,66,.12);transform:rotate(5deg);font:700 clamp(16px,3vw,27px)/.9 var(--display);letter-spacing:-.05em;color:var(--yellow);text-align:left}
.hero-art:after{content:"A VERGONHA\\A NÃO VENDE\\A POR VOCÊ";white-space:pre;position:absolute;z-index:2;left:50%;top:50%;width:min(280px,calc(100vw - 118px));transform:translate(-50%,-25%) rotate(5deg);font:700 clamp(24px,6vw,43px)/.86 var(--display);letter-spacing:-.07em;color:#fff;pointer-events:none}.hero-art:after{color:#fff;text-shadow:0 46px 0 var(--yellow),0 92px 0 #fff}
@media(max-width:800px){.hero-art:before{width:calc(100vw - 96px);max-width:310px;aspect-ratio:3/4;padding:18px}.hero-art:after{width:calc(100vw - 132px);max-width:260px;font-size:clamp(24px,9vw,36px);top:48%}}
/* Ajuste de fallback responsivo do mockup restaurado. */
.hero-art:before{content:"DESAFIO 30 DIAS";width:min(340px,calc(100vw - 72px));aspect-ratio:3/4;white-space:normal;line-height:.9;padding:24px;display:block}
.hero-art:after{content:"A VERGONHA NÃO VENDE POR VOCÊ";width:min(280px,calc(100vw - 118px));white-space:normal;line-height:.86}
@media(max-width:800px){.hero-art:before{width:calc(100vw - 96px);max-width:310px;padding:18px}.hero-art:after{width:calc(100vw - 132px);max-width:260px}}
.hero-art:before,.hero-art:after{content:none!important;display:none!important}
.restored-poster{display:flex!important;position:relative;z-index:1;width:min(340px,70%);aspect-ratio:3/4;height:auto!important;padding:24px;background:linear-gradient(150deg,#191919,#080808);border:1px solid #373737;box-shadow:25px 25px 0 #111,0 30px 80px rgba(244,197,66,.12);transform:rotate(5deg);flex-direction:column;justify-content:space-between;color:#fff}
.restored-poster .poster-top{font-size:10px}.restored-poster .poster-top b{font-size:clamp(76px,10vw,110px)}.restored-poster .poster-title{font-size:clamp(22px,3vw,30px)}.restored-poster .poster-foot{font-size:10px}
@media(max-width:800px){.restored-poster{width:calc(100vw - 96px);max-width:310px;padding:18px}.restored-poster .poster-top b{font-size:76px}.restored-poster .poster-title{font-size:25px}}
.hero-art .orbit{z-index:6}
.restored-poster{overflow:hidden}.restored-poster>*{position:relative;z-index:2}.hero-specialist-image{position:absolute!important;right:-24%!important;bottom:-20%!important;width:116%!important;height:112%!important;max-height:none!important;object-fit:contain!important;object-position:right bottom!important;z-index:1!important;pointer-events:none}
.button span,.mobile-nav-cta span{display:inline-flex;align-items:center;justify-content:center}.arrow-icon{width:17px;height:17px;display:block;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:square;stroke-linejoin:miter}.mission-stack article:after{content:"";width:10px;height:10px;border-top:2px solid var(--yellow);border-right:2px solid var(--yellow);transform:translate(-5px,5px) rotate(0deg);opacity:0}.mission-stack article:hover:after{opacity:1;transform:none}