/* onLUME v16.2 — engrenagem metálica, leitura ampliada e interação visual */
:root{--metal-gold:#e7c76f;--metal-deep:#6f4a10;--panel-green:#092319}

section{scroll-margin-top:88px}
h1,h2,h3{text-wrap:balance;overflow-wrap:normal;word-break:normal}

/* Títulos de seção usam a largura disponível, sem colunas estreitas. */
.section-head{grid-template-columns:1fr;gap:16px;align-items:start;margin-bottom:46px}
.section-head h2,.section-title{max-width:none;font-size:clamp(2.75rem,4vw,4.5rem);line-height:1.02;letter-spacing:-.03em}
.section-head>p{max-width:84ch;margin:0;color:#a9b5ad;font-size:.92rem;line-height:1.82}
.paper .section-head>p,.plans .section-head>p{color:#59645d}
#metodo .section-head h2{max-width:none}
#momentos .section-head h2{max-width:30ch;font-size:clamp(2.65rem,3.65vw,4.15rem)}
#planos .section-head h2{max-width:28ch}

/* Engrenagem metálica em camadas: aro gira, núcleo permanece estável. */
.metal-machine{position:relative;isolation:isolate;transform:translateZ(0)}
.metal-machine:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(239,207,112,.2),rgba(27,92,61,.18) 44%,transparent 72%);filter:blur(20px);z-index:-2}
.metal-machine:after{content:"";position:absolute;inset:5%;border-radius:50%;border:1px solid rgba(232,201,111,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 52px rgba(188,142,43,.08);z-index:-1}
.metal-gear,.metal-core{position:absolute;left:50%;top:50%;object-fit:contain;pointer-events:none;user-select:none}
.metal-gear{width:88%;height:88%;z-index:2;transform:translate(-50%,-50%);transform-origin:50% 50%;animation:metalGearSpin 28s linear infinite;filter:drop-shadow(0 28px 36px rgba(0,0,0,.52)) drop-shadow(0 0 12px rgba(223,174,57,.16));will-change:transform}
.metal-core{width:35%;height:35%;z-index:4;transform:translate(-50%,-50%);filter:drop-shadow(0 14px 20px rgba(0,0,0,.48));animation:corePulse 4.8s ease-in-out infinite}
.machine-scan{position:absolute;z-index:5;inset:17%;border-radius:50%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.28;animation:scanTurn 8s ease-in-out infinite}
.machine-scan:before{content:"";position:absolute;left:46%;top:-25%;width:8%;height:150%;transform:rotate(32deg);background:linear-gradient(90deg,transparent,rgba(255,246,201,.85),transparent);filter:blur(5px)}
.metal-machine .symbol-orbit{inset:1%;animation-duration:52s;border-color:rgba(231,199,108,.25)}
.metal-machine .symbol-orbit:before{inset:5%;border-style:dashed;border-color:rgba(113,179,135,.17)}
.metal-machine .symbol-orbit:after{inset:13%;border-color:rgba(231,199,108,.1)}
.metal-machine .orbit-word{appearance:none;border:1px solid rgba(231,199,108,.16);background:rgba(4,21,14,.62);backdrop-filter:blur(10px);padding:8px 11px;border-radius:999px;z-index:8;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s;color:#d9c887;white-space:nowrap}
.metal-machine .orbit-word:hover,.metal-machine .orbit-word.active{color:#fff3bd;border-color:rgba(238,207,114,.65);background:rgba(141,105,26,.22);box-shadow:0 0 0 4px rgba(201,166,70,.07),0 8px 24px rgba(0,0,0,.26)}
.metal-machine .ow1{top:-1%;transform:translateX(-50%)}.metal-machine .ow2{right:-7%;top:50%;transform:translateY(-50%)}.metal-machine .ow3{bottom:-1%;transform:translateX(-50%)}.metal-machine .ow4{left:-10%;top:50%;transform:translateY(-50%)}
.machine-badge{position:absolute;z-index:7;left:50%;bottom:11%;transform:translateX(-50%);min-width:178px;padding:9px 14px;text-align:center;border:1px solid rgba(231,199,108,.2);border-radius:14px;background:rgba(3,17,11,.76);backdrop-filter:blur(12px);box-shadow:0 14px 30px rgba(0,0,0,.28)}
.machine-badge span{display:block;font-size:.48rem;letter-spacing:.16em;text-transform:uppercase;color:#7e9788}.machine-badge strong{display:block;margin-top:3px;font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:#f1d987}
@keyframes metalGearSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(.985);filter:drop-shadow(0 14px 20px rgba(0,0,0,.48))}50%{transform:translate(-50%,-50%) scale(1.035);filter:drop-shadow(0 12px 24px rgba(232,197,92,.22))}}
@keyframes scanTurn{0%,12%{transform:rotate(-55deg);opacity:.08}52%{opacity:.34}88%,100%{transform:rotate(305deg);opacity:.08}}

/* Palco da assessoria */
.advisor-stage{min-height:620px;background:radial-gradient(circle at 50% 34%,rgba(43,111,77,.32),transparent 40%),linear-gradient(145deg,#0a271b,#06160f);border-color:rgba(227,192,94,.25)}
.advisor-metal-machine{position:absolute;z-index:1;top:-7px;left:50%;width:min(94%,500px);aspect-ratio:1;transform:translateX(-50%);transition:transform .35s ease,filter .35s ease}
.advisor-stage.kick .advisor-metal-machine{transform:translateX(-50%) scale(1.025);filter:drop-shadow(0 0 22px rgba(210,166,53,.18))}
.advisor-metal-machine .metal-gear{width:86%;height:86%;animation-duration:25s}
.advisor-metal-machine .metal-core{width:34%;height:34%}
.machine-node{position:absolute;z-index:8;width:38px;height:38px;border:1px solid rgba(231,199,108,.2);border-radius:50%;display:grid;place-items:center;background:rgba(4,21,14,.82);font-size:.58rem;font-weight:700;color:#799285;transition:.25s;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.mn1{left:50%;top:1%;transform:translateX(-50%)}.mn2{right:1%;top:50%;transform:translateY(-50%)}.mn3{left:50%;bottom:1%;transform:translateX(-50%)}.mn4{left:1%;top:50%;transform:translateY(-50%)}
.advisor-metal-machine[data-step="0"] .mn1,.advisor-metal-machine[data-step="1"] .mn2,.advisor-metal-machine[data-step="2"] .mn3,.advisor-metal-machine[data-step="3"] .mn4{color:#fff1b6;border-color:#e6c461;background:#765817;box-shadow:0 0 0 5px rgba(201,166,70,.09),0 8px 24px rgba(0,0,0,.3)}
.advisor-panel{background:rgba(3,18,12,.91);border-color:rgba(236,207,121,.25)}
.advisor-btn{position:relative;overflow:hidden;font-size:.68rem}
.advisor-btn:before{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:linear-gradient(90deg,#50a26f,#e6c663);transition:right .25s}.advisor-btn.active:before{right:0}

/* Eixo LUME: contraste corrigido e leitura gráfica. */
.offer-intro{grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);padding:clamp(28px,3vw,44px);gap:clamp(28px,4vw,58px);background:radial-gradient(circle at 85% 28%,rgba(201,166,70,.11),transparent 30%),linear-gradient(125deg,#0d2d20,#061a11);box-shadow:0 28px 65px rgba(28,43,34,.13)}
.offer-intro h3{color:#f4efe3!important;max-width:18ch;font-size:clamp(2.55rem,3.8vw,4.25rem);line-height:1.02;letter-spacing:-.025em}
.offer-intro p{font-size:.9rem;color:#c0cdc4;max-width:72ch}
.offer-price{text-align:left;padding:26px;border:1px solid rgba(235,205,118,.24);border-radius:20px;background:rgba(2,15,9,.42);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.offer-price strong{font-size:clamp(2.35rem,3.2vw,3.5rem)}
.offer-price .btn{width:100%}
.offer-ribbon{background:rgba(255,255,255,.025);color:#c4d0c8}
.eixo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 4px}
.eixo-flow-item{position:relative;min-width:0;padding:14px 10px;border:1px solid rgba(231,199,108,.16);border-radius:14px;background:rgba(255,255,255,.025)}
.eixo-flow-item:not(:last-child):after{content:"";position:absolute;right:-8px;top:31px;width:8px;height:1px;background:#b9943d}
.eixo-flow-item svg{width:22px;height:22px;fill:none;stroke:#e1bf62;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eixo-flow-item b{display:block;margin-top:8px;font-size:.7rem;color:#f3ead2}.eixo-flow-item small{display:block;margin-top:4px;font-size:.55rem;line-height:1.45;color:#85988c}

/* Método agora responde ao clique e mostra uma síntese operacional. */
.method-steps{gap:10px;background:transparent;border:0;overflow:visible}
.method-step{position:relative;appearance:none;border:1px solid rgba(255,255,255,.075);border-radius:18px;text-align:left;color:inherit;overflow:hidden;cursor:pointer;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.method-step:after{content:"Explorar";position:absolute;right:18px;top:19px;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:#667d70;transition:.2s}
.method-step:hover,.method-step.active{transform:translateY(-5px);border-color:rgba(222,190,97,.4);background:#0c281c;box-shadow:0 18px 38px rgba(0,0,0,.2)}
.method-step.active:after{content:"Ativo";color:#e0c268}
.method-icon,.moment-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(229,197,104,.2);background:rgba(201,166,70,.06);color:#e1c268}
.method-icon svg,.moment-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.method-n{position:absolute;right:18px;bottom:14px;font-size:4.2rem;color:rgba(201,166,70,.08)}
.method-step h3{margin-top:20px}
.method-readout{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:14px;padding:18px 20px;border:1px solid rgba(201,166,70,.16);border-radius:16px;background:rgba(201,166,70,.045);color:#aebcb3}
.method-readout b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d8b858;color:#102018;font-size:.68rem}.method-readout strong{color:#f0e8d6}.method-readout span{display:block;margin-top:4px;font-size:.76rem;line-height:1.6}

/* Cartões com sinalização visual e affordance clara. */
.service,.plan,.ret-card,.about-line{position:relative;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.service:after,.ret-card:after{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,#4f9b6d,#dfbd5d);transition:width .3s ease}
.service:hover:after,.ret-card:hover:after{width:100%}
.service:hover,.ret-card:hover{transform:translateY(-5px);border-color:rgba(201,166,70,.34);box-shadow:0 18px 36px rgba(0,0,0,.16)}
.plan:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(36,48,40,.15)}.plan.featured:hover{transform:translateY(-11px)}
.plan:before{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border:1px solid rgba(163,125,37,.1);border-radius:50%;box-shadow:inset 0 0 0 18px rgba(163,125,37,.025)}
#momentos .services-grid{gap:18px}
#momentos .service{min-height:315px;padding:28px}
#momentos .service h3{margin-top:18px;font-size:2rem}
#momentos .service small{margin-top:18px}

/* Entrada progressiva; sem JavaScript o conteúdo continua visível. */
.reveal-enabled .reveal-card{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.reveal-enabled .reveal-card.is-visible{opacity:1;transform:none}

@media(max-width:900px){
  .offer-intro{grid-template-columns:1fr}.offer-price{max-width:none}
  .section-head h2,.section-title,#momentos .section-head h2,#planos .section-head h2{max-width:none}
}
@media(max-width:820px){
  .hero-symbol.metal-machine{width:min(82vw,390px)}
  .metal-machine .orbit-word{font-size:.47rem;padding:7px 9px}
  .metal-machine .ow2{right:-10%}.metal-machine .ow4{left:-13%}
  .machine-badge{bottom:9%;min-width:154px}
  .advisor-stage{min-height:590px}.advisor-metal-machine{width:min(96%,470px);top:4px}
  .section-head{margin-bottom:34px}.section-head h2,.section-title{font-size:clamp(2.45rem,8vw,3.75rem)}
  .method-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .hero-symbol.metal-machine{width:min(78vw,315px)}
  .metal-machine .orbit-word{font-size:.42rem;letter-spacing:.08em;padding:6px 8px}
  .metal-machine .ow2{right:-14%}.metal-machine .ow4{left:-17%}
  .machine-badge{bottom:7%;padding:7px 10px}.machine-badge strong{font-size:.9rem}
  .advisor-stage{min-height:575px}.advisor-metal-machine{width:108%;top:22px}.machine-node{width:33px;height:33px}
  .eixo-flow{grid-template-columns:1fr 1fr}.eixo-flow-item:nth-child(2):after{display:none}
  .method-steps{grid-template-columns:1fr}.method-step{min-height:190px}.method-readout{grid-template-columns:1fr}.method-readout b{width:34px;height:34px}
  .offer-intro h3{font-size:clamp(2.3rem,10vw,3.2rem)}
}
@media(prefers-reduced-motion:reduce){
  .metal-gear,.metal-core,.machine-scan,.metal-machine .symbol-orbit{animation:none!important}
  .reveal-enabled .reveal-card{opacity:1;transform:none;transition:none}
}