/* RioPerform · refinamento visual e interações · 21/09/2026 */
:root{--pedra:#a19c97;--pedra-dim:#948a81;--thread:#de7455}
[hidden]{display:none!important}
html{scroll-padding-top:96px}
body{background:#0b0b0b}
body::after{opacity:.022}
main{position:relative;isolation:isolate}
main>section>.wrap{position:relative;z-index:2}
.page-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint;background:radial-gradient(ellipse 780px 650px at 100% 3%,rgba(217,79,48,.09),transparent 76%),radial-gradient(ellipse 720px 900px at 0% 33%,rgba(166,78,45,.055),transparent 76%),radial-gradient(ellipse 820px 1050px at 100% 68%,rgba(217,79,48,.06),transparent 75%)}
.ambient-orbit{position:absolute;right:-380px;width:1180px;height:720px;background:url('../assets/flow-lines.svg') center/contain no-repeat;opacity:.13;transform:rotate(-13deg);will-change:auto}
.ambient-orbit:nth-child(1){top:8%}
.ambient-orbit:nth-child(2){top:42%;left:-520px;right:auto;transform:rotate(170deg);opacity:.09}
.ambient-orbit:nth-child(3){top:73%;transform:rotate(-19deg);opacity:.11}
.reading-thread{position:absolute;inset:0 auto auto 0;width:100%;z-index:1;pointer-events:none;overflow:hidden;opacity:.78}
.reading-thread path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
.reading-thread .thread-track{stroke:rgba(179,113,77,.17)}
.reading-thread .thread-progress{stroke:var(--thread);opacity:.5}
.reading-thread .thread-point{fill:#ec9978}
.reading-thread .thread-halo{fill:rgba(224,116,85,.11)}
.hero,.page-hero{isolation:isolate}
.hero::before,.page-hero::before{width:1100px;height:900px;right:-350px;top:-300px;aspect-ratio:auto;background:radial-gradient(ellipse,rgba(217,79,48,.14),rgba(119,60,36,.035) 42%,transparent 68%);transform:translate3d(var(--light-x,0px),var(--light-y,0px),0);transition:transform 1s var(--ease);pointer-events:none}
.hero::after,.page-hero::after{content:'';position:absolute;z-index:0;right:-10%;top:4%;width:78%;height:92%;background:url('../assets/flow-lines.svg') center/contain no-repeat;opacity:.24;pointer-events:none;transform:translate3d(var(--ribbon-x,0px),var(--ribbon-y,0px),0) rotate(-9deg);transition:transform 1.2s var(--ease);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 90%,transparent)}
.page-hero::after{width:66%;right:-8%;opacity:.17}
.section{border-top-color:transparent;background:transparent}
.section.alt{background:linear-gradient(180deg,rgba(20,20,20,0),rgba(22,20,18,.75) 19%,rgba(22,20,18,.75) 81%,rgba(20,20,20,0))}
.page-hero{border-bottom-color:rgba(118,88,66,.13)}
.section-head .eyebrow{margin-bottom:14px}
.process-panel{background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 50%),rgba(20,19,18,.96);border-color:#49372d;box-shadow:0 25px 70px rgba(0,0,0,.18),0 0 80px rgba(217,79,48,.025)}
.process-panel::before{opacity:.18}
.panel-head{color:#b5a597}
.process-panel .live-dot::before{animation:none;box-shadow:none}
.event{transition:background .45s var(--ease),opacity .45s var(--ease)}
.event.active .event-state{box-shadow:0 0 12px rgba(217,79,48,.18)}
.service-row{transition:background .3s var(--ease),padding .3s var(--ease)}
.service-row:hover{background:linear-gradient(90deg,rgba(217,79,48,.075),transparent 76%)}
.example-link strong,.node,.principle{transition:color .3s,border-color .3s,background .3s}
.example-link:hover strong{color:#efae94}
.diagram,.chart,.contact-card{background:linear-gradient(145deg,rgba(255,255,255,.015),transparent),rgba(19,18,17,.95);border-color:#3a302a}
.metric,.alt .metric,.principle{background:#11100f}
.metric-grid,.principles{border-color:#3a302a;background:#3a302a}
.node{min-width:0;background:#1b1816;border-color:#3e332b}
.node strong,.contact-card h2,.footer-email{overflow-wrap:anywhere}
.proof-note{background:linear-gradient(180deg,transparent,rgba(22,20,18,.7),transparent)}
.cta{position:relative;z-index:3;background:var(--offwhite);border-top:0}
.cta::before{content:'';position:absolute;left:0;right:0;top:-48px;height:48px;background:linear-gradient(180deg,rgba(249,249,247,0),var(--offwhite));pointer-events:none}
.cta .eyebrow{color:#74665b}
.footer{background:#0b0b0b;border-top-color:rgba(118,88,66,.15)}
.reveal{opacity:1;transform:none}
.reveal[data-reveal-pending]{opacity:0;transform:translate3d(0,18px,0)}
.reveal.in{opacity:1;transform:none;transition:opacity .65s var(--ease),transform .65s var(--ease)}
select:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.drop{top:100%;padding-top:8px}
.drop::before{content:'';position:absolute;left:0;right:0;top:-8px;height:8px}
.nav-dropdown>button[aria-expanded='true']{color:var(--offwhite)}

/* A demonstração ocupa o mesmo bloco e os mesmos cinco passos. */
.demo-stage[data-interactive-demo] .sticky-copy{gap:20px}
.demo-stage[data-interactive-demo] .demo-flow{min-width:0}
.demo-stage[data-interactive-demo] .demo-flow::before{display:none}
.demo-controls{max-width:360px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:2px}
.demo-controls label{font-size:13px;color:var(--areia)}
.demo-select{width:100%;min-height:46px;padding:11px 12px;font:400 15px var(--font-body);color:var(--offwhite);background:#211b17;border:1px solid #68503f;border-radius:4px;cursor:pointer}
.demo-select option{background:#211b17;color:var(--offwhite)}
.demo-play{min-width:220px;max-width:100%}
.demo-live{min-height:46px;color:#c9b7aa;font-size:13px;line-height:1.6;margin:3px 0 0}
.demo-disclaimer{font-size:11px;line-height:1.7;color:var(--pedra-dim);max-width:42ch}
.demo-stage[data-interactive-demo] .link-arrow{font-size:14px}
.demo-stage[data-interactive-demo] .demo-step{padding-bottom:29px}
.demo-stage[data-interactive-demo] .demo-step::before{left:-30px;top:6px;z-index:1;background:#15110f;border-color:#8b6249;transition:background .3s,border-color .3s,box-shadow .3s}
.demo-stage[data-interactive-demo] .demo-step:not(:last-of-type)::after{content:'';position:absolute;left:-27px;top:14px;bottom:-6px;width:1px;background:linear-gradient(var(--thread),var(--thread)) top/1px var(--step-progress,0%) no-repeat,#3e3128;transition:background-size .7s var(--ease)}
.demo-stage[data-interactive-demo] .demo-step[data-state='done']{--step-progress:100%}
.demo-stage[data-interactive-demo] .demo-step[data-state='done']::before{background:#c5815b;border-color:#c5815b}
.demo-stage[data-interactive-demo] .demo-step[data-state='active']::before{background:var(--coral);border-color:var(--coral);box-shadow:0 0 0 5px rgba(217,79,48,.11)}
.demo-step[data-state='active'] .step-label{color:#e9a180}
.demo-detail{margin-top:12px;padding:12px 15px;border-left:1px solid #554031;background:rgba(21,17,14,.9);border-radius:0 4px 4px 0;font:400 13px/1.7 var(--font-body);color:#bda99a;min-height:47px;overflow-wrap:anywhere;transition:background .4s,border-color .4s,color .4s}
.demo-step[data-state='active'] .demo-detail{border-left-color:var(--coral);background:rgba(79,38,21,.36);color:#f3d9c6}
.demo-step[data-state='done'] .demo-detail{color:#d6bdab}
.demo-outcome{margin-top:2px;padding-top:24px;border-top:1px solid #493427}
.demo-outcome p{font-size:15px;line-height:1.65;color:var(--areia);margin-bottom:18px;max-width:44ch}
.demo-outcome .btn{max-width:100%}

@media(min-width:981px){.hero-grid{gap:72px}.site-header{background:rgba(10,10,10,.87)}}
@media(max-width:980px){.ambient-orbit{right:-620px;opacity:.085}.ambient-orbit:nth-child(2){left:-710px}.hero::after{width:110%;right:-30%;top:18%;opacity:.18}.page-hero::after{width:100%;right:-28%;opacity:.12}.reading-thread{opacity:.52}}
@media(max-width:650px){html{scroll-padding-top:84px}.hero::before,.page-hero::before{right:-520px;opacity:.75;transform:none}.hero::after,.page-hero::after{transform:rotate(-9deg);transition:none}.page-atmosphere{background:radial-gradient(ellipse 400px 600px at 100% 8%,rgba(217,79,48,.065),transparent 80%),radial-gradient(ellipse 400px 800px at 0% 60%,rgba(217,79,48,.045),transparent 80%)}.ambient-orbit{display:none}.reading-thread{opacity:.4}.cta::before{top:-32px;height:32px}.demo-controls{max-width:100%}.demo-select{font-size:16px}.demo-play{min-width:0;width:100%}.demo-live{min-height:0}.demo-disclaimer{max-width:100%}.demo-outcome .btn{width:100%;font-size:13px}.contact-card{padding:24px}.panel-head{gap:12px;font-size:10px}.micro{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal[data-reveal-pending]{opacity:1!important;transform:none!important}.hero::before,.page-hero::before,.hero::after,.page-hero::after{transform:none!important;transition:none!important}.reading-thread .thread-halo{display:none}.demo-step::after,.demo-detail{transition:none!important}}