/* Novo Rumo — experiência V2 */
:root{--green:#16c875;--card:#f0f3f8}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{height:108px;background:linear-gradient(#080b12ed,#080b1255);gap:24px}
.brand-plate{display:block;width:265px;height:77px;padding:0 8px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #0003}
.brand-logo{width:100%;height:100%;object-fit:contain;transform:scale(1.12)}
.wa-icon{width:23px;height:23px;flex:0 0 23px;display:block}
.whatsapp-cta{display:inline-flex;gap:12px;align-items:center;justify-content:center}
.header-cta{border:1px solid #58f0a16b;background:#16c875;color:#02170e;border-radius:40px;padding:15px 20px;font-weight:800;box-shadow:0 0 0 5px #16c87510,0 8px 30px #16c87530;animation:waBreathe 3s ease-in-out infinite}
.header-cta span{margin:0}.header-cta b{font-size:19px;font-weight:400;margin-left:8px}
.header-cta:hover{background:#38e794;box-shadow:0 0 0 7px #16c87522,0 10px 36px #16c87544}
.team-cta{padding:15px 20px;border:1px solid #50eea875;background:#082e24b5;border-radius:14px;color:#ddffed;box-shadow:0 8px 28px #0004;transition:transform .3s,box-shadow .3s;animation:teamFloat 4s ease-in-out infinite}
.team-cta:hover{transform:translateY(-4px);box-shadow:0 10px 40px #16c87538}
.team-cta>span{font-size:13px;font-weight:700}.team-cta small{display:block;font-weight:400;font-size:10px;color:#9bcdb8;margin-top:5px}.team-cta b{font-weight:400;margin-left:6px}
.button{border-radius:14px}.hero-actions{gap:22px}
.hero{min-height:820px}.hero-content{z-index:3;padding-top:160px}.hero:after{z-index:1;background:linear-gradient(90deg,#080b12f5 0%,#080b12ac 50%,#080b1240),linear-gradient(0deg,#080b12 0%,transparent 55%)}
.water-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:.65;pointer-events:none}
.water-glow{position:absolute;z-index:2;inset:35% -15% -40% 25%;background:radial-gradient(ellipse at 55% 70%,#164eff38,transparent 65%);mix-blend-mode:screen;pointer-events:none;animation:waterGlow 9s ease-in-out infinite alternate}
.fluid-heading>span.word{display:inline-block;color:inherit;animation:wordFlow 1.4s cubic-bezier(.18,.7,.18,1) both}
.fluid-heading>span.word:nth-child(2){animation-delay:.12s}.fluid-heading>span.word:nth-child(4){animation-delay:.28s}.fluid-heading>span.word:nth-child(5){animation-delay:.4s}
.fluid-heading>span.blue-word{color:#8ba4ff}
.hero-description{animation:wordFlow 1.4s .55s both}.hero-actions{animation:wordFlow 1.4s .7s both}
.intro{display:block;text-align:center;padding-top:100px;padding-bottom:90px}
.intro-heading{max-width:850px;margin:0 auto 40px}.intro-heading h2{margin-top:22px}.intro-heading>p:last-child{color:var(--muted);font-size:15px;line-height:1.9;max-width:620px;margin:24px auto 0}
.blueprint-scene{--project-progress:0%;width:min(100%,920px);height:480px;position:relative;overflow:hidden;border-radius:28px;background:#e3eaf5;border:1px solid #7185a34d;box-shadow:0 30px 80px #0006,0 0 0 8px #ffffff03;margin:auto;transform:perspective(1200px) rotateX(3deg)}
.draft-paper{position:absolute;inset:0;background:linear-gradient(130deg,#fff,#dee6f1);color:#264876}
.paper-header{position:absolute;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;z-index:1}
.draft-tank{height:100%;width:100%;object-fit:contain}.draft-tank g{stroke-dasharray:1300;animation:blueprintTrace 8s ease-in-out infinite alternate}
.paper-stamp{position:absolute;right:26px;bottom:22px;border:1px solid #536c8a55;padding:10px 15px;font:8px monospace;letter-spacing:1.5px;text-align:left;transform:rotate(-7deg)}.paper-stamp strong{font-size:10px;display:block;margin-top:4px}
.finished-project{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--project-progress)) 0 0);background:#e5e9ef}
.product-sprite{background-image:url('assets/produtos.png');background-size:300% 200%;background-position:0 0;background-repeat:no-repeat}
.project-sprite{position:absolute;inset:0;width:480px;max-width:100%;margin:auto;background-position:0 0}
.finished-label{position:absolute;bottom:22px;left:26px;background:#091524dc;padding:11px 16px;border:1px solid #ffffff38;border-radius:40px;font-size:9px;letter-spacing:1.5px;color:#e9f0ff}
.scan-line{position:absolute;inset:0 auto 0 var(--project-progress);width:2px;box-shadow:0 0 15px 4px #447dffb0;background:#9cbeff;pointer-events:none}
.scene-badge{position:absolute;right:25px;top:22px;padding:9px 13px;border-radius:30px;background:#123459;font-size:8px;letter-spacing:1px;box-shadow:0 4px 15px #12345930;color:white}
.blueprint-control{display:flex;align-items:center;justify-content:center;gap:20px;max-width:700px;margin:30px auto 0;color:#afbdd2;font-size:8px;letter-spacing:1.5px}
.blueprint-control input{appearance:none;-webkit-appearance:none;width:280px;max-width:40%;padding:0;margin:0;border:0;height:3px;background:#344058;cursor:ew-resize}
.blueprint-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:#5a80ff;border:4px solid #b1c4ff;border-radius:50%;box-shadow:0 0 20px #3961ff80}
.blueprint-control input::-moz-range-thumb{width:14px;height:14px;background:#5a80ff;border:3px solid #b1c4ff;border-radius:50%}
.visual-caption{color:#8f9caf;font-size:10px;line-height:1.7;text-align:center;margin:18px auto 0;max-width:600px}
.intro .service-line{justify-content:center;margin-top:30px}
.section-heading{text-align:center;justify-content:center;flex-direction:column;align-items:center;gap:20px}
.section-heading>p{max-width:500px}.tabs{justify-content:center;margin:40px 0 34px}.tabs button{border-radius:40px;padding:13px 22px}.tabs button.active{background:#214dff;color:white;border-color:#547aff;box-shadow:0 7px 24px #214dff33}
.product-grid{gap:26px}.product{border-radius:25px;border:1px solid #ffffff24;background:linear-gradient(145deg,#202b3d,#111925);box-shadow:0 20px 50px #0006,inset 0 1px #ffffff10;transform-style:preserve-3d;will-change:transform;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s;text-align:center}
.product-image{height:auto;aspect-ratio:1;border-radius:21px;margin:9px;box-shadow:0 2px 16px #0004;background:#e9ecf2}
.product-image .product-sprite{width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.product:hover{transform:perspective(1000px) translateY(-9px) rotateX(2deg);box-shadow:0 30px 65px #0009,0 0 30px #315fff20;border-color:#648bff9c}
.product:hover .product-sprite{transform:scale(1.035)}
.product-number{border-radius:30px;background:#122237d9;letter-spacing:1px;top:14px;left:14px;box-shadow:0 4px 14px #0002}
.product-copy{padding:25px 24px 28px}.product h3{display:flex;justify-content:center;align-items:center;min-height:52px;font-size:21px;line-height:1.3}.product-copy>p{min-height:88px;line-height:1.8;color:#b4bfd0;margin:14px 0 24px}.product-actions{flex-direction:column;gap:18px;padding-top:22px}.product-actions button{font-size:12px}.product-actions a{width:100%;padding:14px 12px;border-radius:12px;background:#0a4934;border:1px solid #3ad99560;color:#e1ffef;font-size:11px;display:flex;gap:9px;justify-content:center;align-items:center;transition:background .25s,box-shadow .25s}.product-actions a:hover{background:#086344;box-shadow:0 5px 20px #11c27525}.product-actions a .wa-icon{width:17px;height:17px;flex-basis:17px}
.statement{padding:150px 6%;min-height:800px;display:flex;align-items:center;justify-content:center;background:#040a16;isolation:isolate;text-align:center}
#particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.8}
.holo-grid{position:absolute;inset:35% -40% -70%;z-index:-1;background:linear-gradient(#426dff1a 1px,transparent 1px),linear-gradient(90deg,#426dff1a 1px,transparent 1px);background-size:65px 65px;transform:perspective(450px) rotateX(60deg);mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}
.statement-content{padding:40px 35px;max-width:1100px;border:1px solid #4568b52b;border-radius:35px;background:linear-gradient(110deg,#0510208c,#051020c9);backdrop-filter:blur(4px);box-shadow:0 20px 80px #01050b99}
.statement h2{font-size:clamp(36px,4.4vw,68px);max-width:1000px;margin:25px auto 22px;text-wrap:balance}
.flow-text{background:linear-gradient(100deg,#edf4ff 0%,#b9ceff 25%,#fff 45%,#789dff 65%,#edf4ff 90%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:textShimmer 9s ease-in-out infinite}
.statement .flow-text em{color:inherit}.statement-description{line-height:1.9;font-size:14px;color:#b6c6e1;margin-bottom:30px}
.holo-caption{position:absolute;bottom:28px;left:0;right:0;color:#6b8dcc;font:8px monospace;letter-spacing:2px}
.process-orbit{position:relative;height:240svh;min-height:1800px;max-width:1800px;margin:auto}
.orbit-stage{position:sticky;top:0;min-height:780px;height:100svh;max-height:1100px;display:flex;flex-direction:column;justify-content:center;padding:50px 6% 25px;overflow:hidden}
.orbit-stage .section-heading{margin-bottom:0}.orbit-stage h2{font-size:clamp(33px,3.4vw,51px)}.orbit-stage .section-kicker{margin-bottom:15px}
.orbit-space{width:100%;max-width:1250px;height:440px;position:relative;margin:0 auto}
.orbit-track{position:absolute;width:83%;height:220px;left:8.5%;top:50%;transform:translateY(-50%) rotate(-7deg);border:1px solid #7497ff33;border-radius:50%;box-shadow:0 0 50px #315fff0c,inset 0 0 50px #315fff0c}
.orbit-track:before{content:'';position:absolute;inset:24px;border:1px dashed #537bff33;border-radius:50%}
.orbit-core{position:absolute;width:110px;height:110px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#506dff,#1833a5 75%);border-radius:50%;box-shadow:0 0 0 12px #214dff0a,0 0 0 28px #214dff06,0 0 65px #315fff50,inset -12px -15px 24px #0005;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}
.orbit-core>span{font-weight:900;font-style:italic;font-size:31px;letter-spacing:-3px}.orbit-core small{font-size:6px;letter-spacing:1.5px;margin-top:7px}
.orbit-cards{display:block;position:absolute;inset:0}
.steps .orbit-card{position:absolute;left:50%;top:50%;width:280px;padding:25px 24px;background:linear-gradient(145deg,#26344a,#101925);border:1px solid #7195d233;border-radius:24px;text-align:center;box-shadow:0 20px 60px #0008,inset 0 1px #ffffff0c;transform-origin:center;transition:border-color .4s,background .4s;will-change:transform,opacity}
.steps .orbit-card.active{border-color:#7a9dffb3;background:linear-gradient(145deg,#28499a,#14294f);box-shadow:0 22px 70px #0009,0 0 30px #214dff33}
.steps .orbit-card .step-number{font-size:38px;color:#86a4ff;letter-spacing:-2px;line-height:1}
.steps .orbit-card h3{font-size:21px;margin:15px 0 12px;letter-spacing:-.6px}
.steps .orbit-card p{font-size:12px;color:#bdc9de;line-height:1.8}
.step-tag{display:block!important;font-size:7px!important;letter-spacing:1.7px!important;color:#86a4ff!important;margin-top:19px;border-top:1px solid #7793bf38;padding-top:14px;font-weight:700!important}
.orbit-controls{display:flex;justify-content:center;gap:10px;position:relative;z-index:6;margin-top:5px}
.orbit-controls button{background:#151d2a;border:1px solid #ffffff20;border-radius:30px;padding:11px 18px;color:#a7b3c8;font-size:10px;transition:background .25s}
.orbit-controls button span{margin-left:7px}.orbit-controls button.active{background:#214dff;border-color:#6487ff;color:white;box-shadow:0 5px 25px #214dff30}
.orbit-hint{text-align:center;color:#7d8ca7;font-size:7px;letter-spacing:1.8px;margin-top:18px}
.contact{text-align:center;align-items:center;gap:60px;background:radial-gradient(ellipse at 90% 40%,#14376820,transparent 60%)}
.contact-intro>p:not(.section-kicker){margin-left:auto;margin-right:auto}.contact h2{margin-bottom:24px}
.phone{padding:22px;border:1px solid #3afaa659;border-radius:20px;background:linear-gradient(120deg,#073629,#0c201f);color:#d5ffea;margin:30px auto 0;max-width:430px;box-shadow:0 10px 35px #0006,0 0 30px #19c8770d;font-weight:700;font-size:clamp(19px,2vw,27px);transition:transform .3s,box-shadow .3s}
.phone:hover{transform:translateY(-4px);box-shadow:0 15px 45px #19c87726}.phone>.wa-icon{height:32px;width:32px;flex-basis:32px;color:#45e79a}.phone small{display:block;font-size:8px;letter-spacing:1.2px;margin-bottom:9px;color:#83d9af;font-weight:600}.phone b{font-weight:400}
form{border-radius:27px;border-color:#71839e33;background:linear-gradient(145deg,#202c40,#111a28);box-shadow:0 25px 70px #0008,inset 0 1px #ffffff0d;padding:34px}input,select,textarea{border-radius:12px;background:#0b1422b0;border-color:#6a7f9d4d;box-shadow:inset 0 2px 6px #0003}form label{text-align:center;font-size:12px}
form .button{background:#16c875;color:#052316;box-shadow:0 8px 30px #16c87526;font-size:13px;justify-content:center}form .button:hover{background:#40e896}form .button .wa-icon{margin-right:3px}
footer{justify-content:center;text-align:center;gap:35px;flex-wrap:wrap;background:#060a10}footer .brand-plate{width:285px;height:92px}footer p{line-height:1.8}
dialog{border-radius:25px;box-shadow:0 30px 100px #000b}dialog>#detail-image{width:100%;height:100%;min-height:440px;background-size:300% 200%;border-radius:20px 0 0 20px}
.dialog-copy{text-align:center;padding-top:55px}.dialog-copy .button{font-size:11px;justify-content:center}.close{z-index:5;border-radius:50%;top:12px;right:12px}
@keyframes waBreathe{0%,100%{box-shadow:0 0 0 4px #16c87508,0 8px 30px #16c87520}50%{box-shadow:0 0 0 7px #16c8751c,0 8px 35px #16c87540}}
@keyframes teamFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes wordFlow{from{opacity:0;filter:blur(14px);transform:translateY(35px) skewY(3deg)}to{opacity:1;filter:blur(0);transform:translateY(0) skewY(0)}}
@keyframes textShimmer{0%,100%{background-position:0% center}50%{background-position:100% center}}
@keyframes waterGlow{0%{transform:translate(-3%,3%) scale(.95);opacity:.65}100%{transform:translate(3%,-3%) scale(1.1);opacity:1}}
@keyframes blueprintTrace{from{stroke-dashoffset:500;opacity:.55}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:1100px){.brand-plate{width:220px;height:70px}.header{gap:15px}.header nav{font-size:11px;gap:20px}.header-cta{font-size:11px;padding:13px 16px}.header-cta .wa-icon{width:19px;height:19px;flex-basis:19px}.contact{gap:30px}.product-copy>p{min-height:72px}.steps .orbit-card{width:250px;padding:23px 20px}.orbit-space{max-width:1000px}.orbit-core{width:85px;height:85px}.blueprint-scene{height:440px}.project-sprite{width:440px}}
@media(max-width:760px){.header nav{display:none}.header{height:94px}.header nav.open{display:flex;top:94px}.header-cta{font-size:10px;padding:11px 13px;gap:7px}.header-cta b{display:none}.brand-plate{width:185px;height:63px;border-radius:10px}.header .brand{flex-shrink:0}.menu{display:block}.hero-content{padding-top:140px}.hero-actions{gap:16px}.hero .button{padding:18px 20px}.statement{min-height:720px;padding:100px 5%}.statement-content{padding:30px 20px;border-radius:25px}.statement h2{font-size:40px}.statement-description{font-size:13px}.blueprint-scene{height:390px;border-radius:22px}.project-sprite{width:390px}.paper-header{font-size:7px;letter-spacing:1px;left:15px}.scene-badge{right:14px;top:20px;font-size:6px}.blueprint-control{gap:12px;font-size:7px}.process-orbit{height:260svh;min-height:1900px}.orbit-stage{min-height:760px;padding:45px 4% 25px}.orbit-space{height:440px}.orbit-stage h2{font-size:34px}.steps .orbit-card{width:215px;padding:22px 18px}.steps .orbit-card h3{font-size:19px}.steps .orbit-card p{font-size:11px;line-height:1.75}.orbit-core{width:72px;height:72px}.orbit-core>span{font-size:26px}.orbit-core small{font-size:5px}.orbit-controls button{font-size:9px;padding:10px 13px}}
@media(max-width:480px){.header{padding:0 4%;gap:9px}.brand-plate{width:158px;height:58px}.header-cta{font-size:0;padding:12px;border-radius:50%;gap:0}.header-cta span{display:none}.header-cta .wa-icon{width:24px;height:24px;flex-basis:24px}.menu{padding:8px}.hero{min-height:790px}.hero h1{font-size:54px;letter-spacing:-3px}.hero-content{padding:145px 6% 125px}.hero-actions{align-items:stretch;max-width:310px}.hero-actions .button{gap:18px}.team-cta{padding:14px 18px}.hero-description{font-size:14px}.blueprint-scene{height:350px}.project-sprite{width:350px}.scene-badge{font-size:5px;padding:7px;top:18px}.paper-header span:last-child{display:none}.draft-tank{width:115%;max-width:none;margin-left:-7%}.paper-stamp{font-size:6px;right:16px;bottom:16px;padding:7px}.paper-stamp strong{font-size:8px}.finished-label{left:14px;bottom:16px;font-size:7px}.blueprint-control{font-size:6px;letter-spacing:.5px}.visual-caption{font-size:9px}.product-grid{gap:26px}.product-copy>p{min-height:0}.product h3{min-height:0}.product-copy{padding:23px}.statement .eyebrow{max-width:280px;margin:auto;font-size:8px}.statement h2{font-size:35px}.statement .button{font-size:11px;gap:10px;padding:18px 16px}.process-orbit{min-height:1850px}.orbit-stage{min-height:730px}.orbit-stage h2{font-size:31px}.orbit-stage .section-kicker{font-size:8px}.orbit-space{height:430px}.orbit-track{width:92%;left:4%;height:250px}.steps .orbit-card{width:210px;padding:20px 17px}.steps .orbit-card p{font-size:11px}.orbit-hint{font-size:6px;letter-spacing:1px}.contact h2{font-size:36px}.phone{font-size:23px;padding:18px 14px;gap:10px}.phone small{font-size:7px}.phone b{display:none}form{padding:25px 20px}.contact{gap:34px}dialog>#detail-image{min-height:0;height:290px;background-size:300% 200%;border-radius:22px 22px 0 0}}
@media(prefers-reduced-motion:reduce){.fluid-heading>span.word,.hero-description,.hero-actions{opacity:1;filter:none;transform:none}.process-orbit{height:auto;min-height:0;padding:60px 6%}.orbit-stage{height:auto;min-height:0;position:relative;padding:0;overflow:visible}.orbit-space{height:auto;margin-top:30px}.orbit-track,.orbit-core,.orbit-hint{display:none}.orbit-cards{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps .orbit-card{position:static;width:auto;transform:none!important;opacity:1!important}.orbit-controls{margin-top:25px}.water-canvas{opacity:.4}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.orbit-cards{grid-template-columns:1fr}}