/* Movimento progressivo. Sem biblioteca externa ou conteúdo dependente de animação. */
.senlux-reference {--page-progress:0;--method-progress:0}
.m-scroll-progress {position:fixed;top:0;left:0;right:0;z-index:60;height:2px;background:#ff7a43;transform:scaleX(var(--page-progress));transform-origin:left;pointer-events:none}
.senlux-reference .m-title-first {display:block;background:none;-webkit-text-fill-color:currentColor;color:#f2f1ec}
.senlux-reference .m-title-accent {display:block}
.m-hero {--pointer-x:50%;--pointer-y:25%;--light-x:0px;--light-y:0px}
.m-glow::before {content:"";position:absolute;inset:-25%;background:radial-gradient(ellipse at 55% 15%,#f1794140 0%,#94392316 30%,transparent 57%);transform:translate3d(var(--light-x),var(--light-y),0);transition:transform 1.1s cubic-bezier(.16,1,.3,1);pointer-events:none}
.m-glow::after {content:"";position:absolute;inset:0;background:radial-gradient(ellipse 360px 280px at var(--pointer-x) var(--pointer-y),#ff915014,transparent 75%);opacity:0;transition:opacity .5s;pointer-events:none}
.m-hero.is-pointer-over .m-glow::after {opacity:1}
.has-motion .m-title-accent {background-size:180% 100%;background-position:var(--pointer-x) 50%;transition:background-position 1.2s ease}
.has-motion .site-header {transition:background-color .4s,box-shadow .4s}
.has-motion .site-header.m-is-scrolled {background:rgba(15,18,16,.94);box-shadow:0 10px 40px #0000001c}
.m-process-layout {display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:70px;align-items:start}
.m-process-stage {position:sticky;top:135px;padding:30px 10px 40px;text-align:center}
.m-direction-graphic {position:relative;max-width:320px;margin:0 auto 24px;isolation:isolate;aspect-ratio:1}
.m-direction-graphic svg {width:100%;height:100%;position:relative;z-index:1;overflow:visible;color:#7e898066}
.m-orbit-outside {opacity:.6;transform-origin:160px 160px;transform:rotate(calc(var(--method-progress)*45deg))}
.m-orbit-progress {stroke:#ff793e;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--method-progress));transform:rotate(-90deg);transform-origin:160px 160px}
.m-orbit-cross {opacity:.35}
.m-orbit-center {fill:#141916;stroke:#ced9cd27}
.m-orbit-brand {font:600 48px Archivo,Arial,sans-serif;letter-spacing:-4px;fill:#f2f1ec}
.m-orbit-brand tspan {fill:#ff7137}
[data-stage-dot] {fill:#364038;stroke:#111313;stroke-width:3;transition:fill .35s}
[data-stage-dot].is-active {fill:#ff9058}
.m-orbit-light {position:absolute;inset:10%;z-index:0;background:radial-gradient(ellipse,#ff683416,transparent 67%);transform:scale(calc(.8 + var(--method-progress)*.4));pointer-events:none}
.m-stage-caption {display:flex;flex-direction:column;gap:14px;align-items:center}
.m-stage-count {font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.16em;color:#ff996d}
.m-stage-name {font-size:32px;line-height:1.2;letter-spacing:-.04em;color:#f2f1ec}
.senlux-reference .m-stage-note {font-size:12px;color:#9aab9b;margin-top:17px}
.senlux-reference .m-process-layout .m-steps li {position:relative;grid-template-columns:35px minmax(0,1fr);gap:17px;min-height:255px;padding:38px 0;transition:border-color .5s,background-color .5s}
.senlux-reference .m-process-layout .m-steps li>div {grid-column:2}
.m-process-layout .m-steps h3 {font-size:31px;margin-bottom:5px}
.m-process-layout .m-steps p {max-width:470px;margin-bottom:18px}
.m-process-layout .m-steps li::before {content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#ff996d;transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.16,1,.3,1)}
.m-process-layout .m-steps li.is-active::before {transform:scaleX(1)}
.m-process-layout .m-steps li.is-active h3 {color:#ffab80}
.m-process-layout .m-step-number {padding-top:5px;transition:color .4s}
.m-process-layout .m-steps li.is-active .m-step-number {color:#fff0e3}
.m-method-end {margin-top:30px}
.senlux-reference .m-primary>span,.senlux-reference .m-secondary>span {display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.senlux-reference .m-primary:hover>span {transform:translate(3px,-3px)}
.senlux-reference .m-secondary:hover>span {transform:translateY(4px)}
.m-resources>a {position:relative;isolation:isolate;transform-style:preserve-3d;--card-x:50%;--card-y:30%;--tilt-x:0deg;--tilt-y:0deg}
.m-resources>a::before {content:"";position:absolute;inset:-1px -18px -12px;z-index:-1;background:radial-gradient(ellipse at var(--card-x) var(--card-y),#ff9d591c,transparent 65%);opacity:0;transition:opacity .45s;pointer-events:none}
.m-resources>a:hover::before,.m-resources>a:focus-visible::before {opacity:1}
.has-motion .m-resources>a:hover {transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px)}
.m-motion-toggle {border:1px solid #ffffff30;border-radius:4px;padding:9px 12px;color:#d1d6cf;background:transparent;font:12px Archivo,Arial,sans-serif;cursor:pointer}
.m-motion-toggle:hover {background:#ffffff0a}.m-motion-toggle:disabled {cursor:default;color:#9da398}
.is-motion-disabled .m-glow::before,.is-motion-disabled .m-glow::after {transform:none;transition:none;opacity:0}
.is-motion-disabled :is(.m-resources>a,.m-primary,.m-secondary,.m-primary>span,.m-secondary>span) {transform:none!important;transition:none!important}
.is-motion-disabled .m-scroll-progress {display:none}
html:has(.is-motion-disabled) {scroll-behavior:auto}
.is-motion-disabled :is(.m-orbit-outside,.m-orbit-light,.m-steps li,.m-steps li::before) {transition:none!important;transform:none!important}
@media (max-width:1000px) {
 .m-process-layout {grid-template-columns:minmax(220px,.65fr) minmax(0,1fr);gap:34px}
 .m-process-stage {top:110px}.m-direction-graphic {max-width:240px}
 .m-stage-name {font-size:27px}.m-process-layout .m-steps h3 {font-size:27px}
}
@media (max-width:700px) {
 .m-process-layout {display:block}
 .m-process-stage {display:none}
 .senlux-reference .m-process-layout .m-steps li {grid-template-columns:28px minmax(0,1fr);min-height:0;gap:14px;padding-block:27px}
 .m-process-layout .m-steps h3 {font-size:27px}
 .m-glow::before {inset:-10%;background:radial-gradient(ellipse at 70% 5%,#d66c392e,transparent 60%)}
 .m-method-end {margin-top:0}
}
@media (hover:none), (pointer:coarse) {
 .has-motion .m-resources>a:hover {transform:none}
 .m-glow::after {display:none}
}
@media (prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto!important}
 .m-scroll-progress {display:none}
 .senlux-reference :is(.m-glow::before,.m-glow::after,.m-title-accent,.m-orbit-outside,.m-orbit-progress,.m-orbit-light,.m-steps li,.m-steps li::before,.m-primary>span,.m-secondary>span,.m-resources>a) {animation:none!important;transition:none!important;transform:none!important}
 .m-glow::after {display:none}
}
