:root{
  --bg:#07130d;
  --bg-2:#0d1e15;
  --panel:rgba(10,27,18,.72);
  --panel-solid:#0b1c13;
  --line:rgba(151,213,184,.18);
  --line-strong:rgba(151,213,184,.38);
  --green:#4CA380;
  --green-2:#7ed8a9;
  --mint:#d7f6e4;
  --text:#f4fff9;
  --muted:#b8d3c4;
  --soft:#7f9f8d;
  --shadow:0 24px 80px rgba(0,0,0,.44);
  --radius:24px;
  --max:1180px;
  --font-title:'Orbitron',system-ui,sans-serif;
  --font-body:'Exo 2',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);font-family:var(--font-body);background:
  radial-gradient(circle at var(--mx,50%) var(--my,20%),rgba(76,163,128,.16),transparent 28rem),
  linear-gradient(160deg,#06110b 0%,#08170f 42%,#020604 100%);min-height:100vh;overflow-x:hidden}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.skip-link{position:absolute;left:1rem;top:-4rem;background:#fff;color:#07130d;padding:.8rem 1rem;z-index:99999;border-radius:12px}.skip-link:focus{top:1rem}
.grain{pointer-events:none;position:fixed;inset:0;z-index:1;opacity:.08;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 0%,transparent 72%)}
.cursor-glow{pointer-events:none;position:fixed;left:var(--mx,50%);top:var(--my,35%);width:380px;height:380px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(76,163,128,.18),transparent 68%);filter:blur(8px);z-index:0;transition:opacity .2s ease}.scroll-meter{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.04);z-index:10000}.scroll-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4CA380,#d7f6e4);box-shadow:0 0 18px rgba(76,163,128,.8)}
.lab-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#06110b;transition:opacity .85s ease,visibility .85s ease}.lab-intro.is-hidden{opacity:0;visibility:hidden}.intro-grid{position:absolute;inset:-2px;background:linear-gradient(rgba(126,216,169,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,216,169,.08) 1px,transparent 1px);background-size:44px 44px;animation:introPan 3s linear infinite}.intro-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(76,163,128,.22),transparent 44%),linear-gradient(160deg,rgba(0,0,0,.2),rgba(0,0,0,.74))}.intro-panel{position:relative;width:min(440px,calc(100% - 40px));padding:34px;border:1px solid var(--line-strong);border-radius:26px;background:rgba(8,22,14,.84);box-shadow:var(--shadow);text-align:center;backdrop-filter:blur(14px)}.intro-logo{width:210px;margin:0 auto 24px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.38))}.intro-panel p{margin:0;color:var(--mint);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.intro-panel small{display:block;margin-top:16px;color:var(--muted);letter-spacing:.08em}.intro-line{height:4px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden;margin:18px 0 0}.intro-line span{display:block;height:100%;width:32%;background:linear-gradient(90deg,transparent,#4CA380,#d7f6e4);animation:loadLine 1.2s ease-in-out infinite}
@keyframes introPan{from{transform:translate3d(0,0,0)}to{transform:translate3d(44px,44px,0)}}@keyframes loadLine{0%{transform:translateX(-100%)}100%{transform:translateX(330%)}}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.site-header.is-scrolled{background:rgba(5,17,10,.82);box-shadow:0 14px 40px rgba(0,0,0,.26);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-promise{text-align:center;font-size:.78rem;color:var(--mint);letter-spacing:.1em;text-transform:uppercase;background:rgba(76,163,128,.12);border-bottom:1px solid rgba(126,216,169,.12);padding:8px 16px}.nav{width:min(var(--max),calc(100% - 32px));margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:174px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.32))}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions a{padding:11px 14px;color:var(--muted);font-weight:700;border:1px solid transparent;border-radius:999px;transition:.25s ease}.nav-actions a:hover{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.05)}.nav-actions .nav-cta{color:#06110b;background:linear-gradient(135deg,var(--green-2),var(--green));border-color:rgba(255,255,255,.2);box-shadow:0 10px 24px rgba(76,163,128,.22)}.nav-toggle{display:none;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:10px 14px}
.hero{position:relative;min-height:100vh;display:grid;align-items:center;overflow:hidden;padding:152px 0 70px;background:#06110b}.hero:before{content:"";position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:.24;filter:saturate(.82) contrast(1.12) brightness(.72);transform:scale(1.05)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(76,163,128,.18),transparent 30%),linear-gradient(120deg,rgba(3,8,5,.93) 0%,rgba(3,10,6,.78) 44%,rgba(3,8,5,.88) 100%)}.technical-map{position:absolute;inset:0;z-index:1;opacity:.76;mix-blend-mode:screen;pointer-events:none}.technical-map svg{width:100%;height:100%}.draw{fill:none;stroke:url(#saranLine);stroke-width:1.5;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawLine 2.6s ease forwards}.draw-2{animation-delay:.25s}.draw-3{animation-delay:.45s}.draw-4{animation-delay:.65s}.node{fill:#d7f6e4;filter:drop-shadow(0 0 12px rgba(126,216,169,.8));opacity:0;animation:nodePulse 1.8s ease infinite}.n1{animation-delay:1.2s}.n2{animation-delay:1.4s}.n3{animation-delay:1.6s}.n4{animation-delay:1.8s}.n5{animation-delay:2s}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes nodePulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.55)}}
.hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.68fr);gap:56px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--green-2);font-family:var(--font-title);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{width:34px;height:1px;background:linear-gradient(90deg,var(--green-2),transparent)}.hero h1{font-family:var(--font-title);font-size:clamp(2.25rem,6.3vw,5.75rem);line-height:.96;letter-spacing:-.075em;margin:0;max-width:980px;text-wrap:balance}.hero-text{font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.62;color:var(--muted);max-width:690px;margin:24px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-weight:800;letter-spacing:.02em;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.24) 45%,transparent 60%);transform:translateX(-120%);transition:transform .75s ease}.btn:hover:after{transform:translateX(120%)}.btn-primary{background:linear-gradient(135deg,var(--green-2),var(--green));color:#06110b;box-shadow:0 18px 44px rgba(76,163,128,.28)}.btn-secondary{border:1px solid var(--line-strong);background:rgba(255,255,255,.05);color:var(--text);backdrop-filter:blur(8px)}.btn:hover{transform:translateY(-2px)}.diagnostic-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(12,31,20,.82),rgba(7,19,13,.64));border-radius:32px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px);position:relative;overflow:hidden}.diagnostic-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(126,216,169,.2),transparent 35%,rgba(255,255,255,.08));opacity:.72;pointer-events:none}.diag-top,.diag-logo,.diag-readout,.diag-link{position:relative;z-index:1}.diag-top{display:flex;align-items:center;gap:10px;color:var(--green-2);font-family:var(--font-title);font-size:.76rem;letter-spacing:.14em}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--green-2);box-shadow:0 0 0 rgba(126,216,169,.7);animation:pulse 1.8s infinite}.diag-logo{min-height:150px;display:grid;place-items:center}.diag-logo img{width:min(250px,90%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.46))}.diag-readout{display:grid;gap:10px}.diag-readout div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:12px}.diag-readout span{color:var(--soft)}.diag-readout strong{text-align:right}.diag-link{display:block;margin-top:22px;text-align:center;color:var(--mint);border:1px solid var(--line-strong);border-radius:999px;padding:12px;font-weight:800;transition:.25s ease}.diag-link:hover{background:rgba(76,163,128,.12);transform:translateY(-2px)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(126,216,169,.55)}70%{box-shadow:0 0 0 12px rgba(126,216,169,0)}100%{box-shadow:0 0 0 0 rgba(126,216,169,0)}}.scroll-cue{position:absolute;z-index:3;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.scroll-cue span{width:18px;height:30px;border:1px solid var(--line-strong);border-radius:999px;position:relative}.scroll-cue span:after{content:"";position:absolute;left:50%;top:6px;width:4px;height:4px;border-radius:50%;background:var(--green-2);transform:translateX(-50%);animation:wheel 1.6s infinite}@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,12px)}}
.section{position:relative;z-index:2;width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:94px 0}.section-title{max-width:790px;margin-bottom:34px}.section-title h2,.flow-copy h2,.location-copy h2{font-family:var(--font-title);font-size:clamp(2rem,4.4vw,4.1rem);line-height:1.03;letter-spacing:-.05em;margin:0;text-wrap:balance}.section-title p:not(.eyebrow),.flow-copy p,.location-copy dd{color:var(--muted);line-height:1.7}.compact-title{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:none}.compact-title h2{max-width:650px}.criteria-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.criterion-card,.channel-card,.flow-panel,.location-copy,.map-shell{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border-radius:var(--radius);box-shadow:0 18px 54px rgba(0,0,0,.24);backdrop-filter:blur(12px)}.criterion-card{padding:26px;min-height:245px;position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s ease,background .28s ease}.criterion-card:before,.channel-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--cx,50%) var(--cy,20%),rgba(126,216,169,.20),transparent 46%);opacity:0;transition:opacity .25s ease}.criterion-card:hover,.channel-card:hover{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(76,163,128,.13),rgba(255,255,255,.03));transform:translateY(-5px)}.criterion-card:hover:before,.channel-card:hover:before{opacity:1}.criterion-card span{font-family:var(--font-title);color:var(--green-2);font-size:.82rem}.criterion-card h3{font-family:var(--font-title);font-size:1.18rem;line-height:1.2;margin:60px 0 14px}.criterion-card p{color:var(--muted);line-height:1.6;margin:0}.flow-section{padding-top:26px}.flow-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;padding:36px;overflow:hidden;position:relative}.flow-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(76,163,128,.12),transparent 50%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px;opacity:.7}.flow-copy,.flow-steps{position:relative;z-index:1}.flow-copy p:not(.eyebrow){margin-top:18px}.flow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flow-step{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(3,10,6,.42)}.flow-step span{display:block;color:var(--green-2);font-family:var(--font-title);font-size:.76rem;margin-bottom:20px}.flow-step strong{display:block;font-family:var(--font-title);font-size:1.05rem}.flow-step small{display:block;color:var(--muted);line-height:1.55;margin-top:8px}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.channel-card{min-height:175px;padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:.28s ease}.channel-card.feature{grid-column:span 2;min-height:230px;background:linear-gradient(135deg,rgba(76,163,128,.26),rgba(255,255,255,.04))}.channel-card .tag{position:relative;z-index:1;align-self:flex-start;color:var(--green-2);font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;border:1px solid var(--line);border-radius:999px;padding:8px 10px}.channel-card strong{position:relative;z-index:1;font-family:var(--font-title);font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.18;margin-top:auto}.channel-card small{position:relative;z-index:1;color:var(--muted);margin-top:8px}.location-section{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;padding-top:28px}.location-copy{padding:34px}.location-copy dl{display:grid;gap:16px;margin:28px 0 0}.location-copy div{border-top:1px solid var(--line);padding-top:14px}.location-copy dt{font-family:var(--font-title);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-2);margin-bottom:4px}.location-copy dd{margin:0}.location-copy a{color:var(--mint);font-weight:800}.map-shell{padding:14px;overflow:hidden}.map-frame{height:430px;border-radius:18px;overflow:hidden;position:relative}.map-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.12);border-radius:18px}.map-frame iframe{width:100%;height:100%;border:0;filter:saturate(.84) contrast(1.04) brightness(.88)}.map-route{display:block;margin-top:12px;text-align:center;background:rgba(76,163,128,.12);border:1px solid var(--line);border-radius:999px;padding:13px;font-weight:800;color:var(--mint);transition:.25s ease}.map-route:hover{background:rgba(76,163,128,.18);transform:translateY(-2px)}.footer{position:relative;z-index:2;text-align:center;padding:42px 16px 84px;color:var(--muted);border-top:1px solid var(--line);background:rgba(0,0,0,.2)}.footer img{width:190px;margin:0 auto 18px}.footer p{margin:6px 0}.footer a{color:var(--mint);font-weight:800}.floating-whatsapp{position:fixed;right:24px;bottom:24px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4CA380,#7ed8a9);color:#06110b;z-index:999;box-shadow:0 18px 40px rgba(76,163,128,.34);transition:transform .25s ease,box-shadow .25s ease}.floating-whatsapp svg{width:33px;height:33px;fill:currentColor}.floating-whatsapp:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 24px 54px rgba(76,163,128,.42)}.reveal-up{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal-up.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:980px){.nav-toggle{display:block}.nav-actions{position:fixed;inset:101px 16px auto 16px;display:grid;background:rgba(5,17,10,.96);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s ease}.nav-actions.is-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-actions a{padding:14px}.hero-inner{grid-template-columns:1fr;gap:28px}.diagnostic-card{max-width:560px}.criteria-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-panel,.location-section{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-card.feature{grid-column:span 2}.compact-title{display:block}}
@media (max-width:640px){.header-promise{font-size:.66rem;letter-spacing:.05em}.nav{min-height:68px;width:calc(100% - 24px)}.brand img{width:142px}.hero{padding-top:136px}.hero h1{font-size:clamp(2.04rem,13vw,3.15rem);letter-spacing:-.06em}.hero-actions{display:grid}.btn{width:100%}.diagnostic-card{padding:20px;border-radius:22px}.section{padding:66px 0;width:calc(100% - 24px)}.criteria-grid,.flow-steps,.channel-grid{grid-template-columns:1fr}.channel-card.feature{grid-column:auto;min-height:190px}.criterion-card{min-height:auto}.criterion-card h3{margin-top:34px}.location-copy,.flow-panel{padding:22px}.map-frame{height:340px}.floating-whatsapp{right:16px;bottom:16px;width:56px;height:56px}.footer{padding-bottom:92px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.lab-intro{display:none}.reveal-up{opacity:1;transform:none}.cursor-glow{display:none}}

/* ATLAS v3 LAB refinements */
:root{
  --glow-soft:0 0 18px rgba(126,216,169,.26),0 14px 34px rgba(0,0,0,.28);
  --glow-strong:0 0 0 1px rgba(215,246,228,.18),0 0 28px rgba(126,216,169,.42),0 20px 52px rgba(76,163,128,.28);
}
body{font-size:17px}
.nav-actions .nav-cta{
  position:relative;
  overflow:hidden;
  box-shadow:var(--glow-strong);
}
.nav-actions .nav-cta:after,
.diag-link:after,
.map-route:after,
.channel-card:after{
  content:"";
  position:absolute;
  inset:-45% -60%;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.55) 48%,rgba(215,246,228,.28) 54%,transparent 70%);
  transform:translateX(-135%) rotate(7deg);
  transition:transform .82s ease;
  pointer-events:none;
}
.nav-actions .nav-cta:hover:after,
.diag-link:hover:after,
.map-route:hover:after,
.channel-card:hover:after{
  transform:translateX(135%) rotate(7deg);
}
.hero h1{
  font-size:clamp(2.35rem,5.15vw,4.72rem);
  line-height:1.02;
  letter-spacing:-.04em;
}
.hero-text{
  font-size:clamp(1.12rem,2vw,1.38rem);
  line-height:1.7;
  max-width:720px;
}
.btn{
  box-shadow:var(--glow-soft);
}
.btn:after{
  inset:-45% -60%;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.62) 48%,rgba(215,246,228,.34) 54%,transparent 70%);
  transform:translateX(-135%) rotate(7deg);
  transition:transform .82s ease;
}
.btn:hover:after{transform:translateX(135%) rotate(7deg)}
.btn-primary{box-shadow:var(--glow-strong)}
.btn-secondary{box-shadow:var(--glow-soft)}
.btn-primary:hover{box-shadow:0 0 0 1px rgba(215,246,228,.28),0 0 34px rgba(126,216,169,.55),0 24px 58px rgba(76,163,128,.34)}
.btn-secondary:hover{border-color:rgba(215,246,228,.48);box-shadow:0 0 24px rgba(126,216,169,.28),0 18px 42px rgba(0,0,0,.32)}
.diag-link,
.map-route{
  position:relative;
  overflow:hidden;
  box-shadow:var(--glow-soft);
}
.diag-link:hover,
.map-route:hover{
  box-shadow:0 0 24px rgba(126,216,169,.28),0 18px 42px rgba(0,0,0,.32);
}
.section-title h2,
.flow-copy h2,
.location-copy h2{
  font-size:clamp(1.86rem,3.35vw,3.35rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.section-title p:not(.eyebrow),
.flow-copy p,
.location-copy dd{
  font-size:1.08rem;
  line-height:1.78;
}
.criteria-grid{gap:18px}
.criterion-card{
  min-height:225px;
  padding:28px;
}
.criterion-card span{
  font-size:1.02rem;
}
.criterion-card h3{
  font-size:clamp(1.02rem,1.05vw,1.13rem);
  line-height:1.18;
  margin:32px 0 14px;
  white-space:nowrap;
}
.criterion-card p{
  font-size:1.04rem;
  line-height:1.68;
}
.flow-panel{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
  padding:38px;
}
.flow-copy{
  max-width:850px;
}
.flow-copy p:not(.eyebrow){
  max-width:760px;
}
.flowchart{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.flow-step{
  position:relative;
  min-height:178px;
  padding:24px 22px;
  background:linear-gradient(180deg,rgba(7,19,13,.78),rgba(3,10,6,.48));
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.flow-step:after{
  content:"";
  position:absolute;
  top:50%;
  right:-17px;
  width:19px;
  height:1px;
  background:linear-gradient(90deg,var(--green-2),transparent);
  box-shadow:0 0 14px rgba(126,216,169,.5);
}
.flow-step:last-child:after{display:none}
.flow-step span{
  font-size:1rem;
  margin-bottom:18px;
}
.flow-step strong{
  font-size:clamp(1rem,1.18vw,1.16rem);
  line-height:1.22;
}
.flow-step small{
  font-size:.98rem;
  line-height:1.6;
}
.channel-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.channel-card{
  box-shadow:var(--glow-soft);
}
.channel-card.feature{
  grid-column:1 / -1;
  min-height:190px;
}
.channel-card:hover{
  box-shadow:0 0 26px rgba(126,216,169,.26),0 22px 52px rgba(0,0,0,.3);
}
.channel-card strong{
  font-size:clamp(1.08rem,1.65vw,1.42rem);
}
.floating-whatsapp{
  box-shadow:0 0 0 1px rgba(215,246,228,.16),0 0 28px rgba(126,216,169,.42),0 18px 40px rgba(76,163,128,.34);
}

@media (max-width:980px){
  .flowchart{grid-template-columns:1fr 1fr}
  .flow-step:after{display:none}
  .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel-card.feature{grid-column:1 / -1}
}
@media (max-width:640px){
  body{font-size:16px}
  .hero h1{font-size:clamp(2rem,11vw,3rem);letter-spacing:-.035em;line-height:1.04}
  .hero-text{font-size:1.06rem}
  .section-title h2,.flow-copy h2,.location-copy h2{font-size:clamp(1.72rem,9vw,2.65rem)}
  .section-title p:not(.eyebrow),.flow-copy p,.location-copy dd{font-size:1.02rem}
  .criterion-card h3{white-space:normal}
  .flowchart,.channel-grid{grid-template-columns:1fr}
  .flow-step{min-height:auto}
}
@media (prefers-reduced-motion:reduce){
  .nav-actions .nav-cta:after,
  .diag-link:after,
  .map-route:after,
  .channel-card:after,
  .btn:after{display:none}
}

/* ATLAS v4 LAB refinements */
.hero-title-lines{
  max-width:920px;
}
.hero-title-lines span{
  display:block;
}
.hero h1.hero-title-lines{
  font-size:clamp(2.25rem,4.72vw,4.42rem);
  line-height:1.04;
  letter-spacing:-.035em;
}
.hero-text{
  max-width:760px;
}
.section-title p:not(.eyebrow),
.flow-copy p{
  max-width:850px;
}
.channels-section{
  padding-top:72px;
}
.channels-section .compact-title{
  display:block;
  margin-bottom:24px;
}
.channels-section .compact-title h2{
  max-width:620px;
}
.channel-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.channel-card{
  min-height:158px;
  padding:20px;
}
.channel-card.feature{
  grid-column:2;
  grid-row:1;
  min-height:158px;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.channel-card:nth-child(2){grid-column:1;grid-row:2}
.channel-card:nth-child(3){grid-column:2;grid-row:2}
.channel-card:nth-child(4){grid-column:3;grid-row:2}
.channel-card:nth-child(5){grid-column:1;grid-row:3}
.channel-card:nth-child(6){grid-column:2;grid-row:3}
.channel-card:nth-child(7){grid-column:3;grid-row:3}
.channel-card strong{
  font-size:clamp(1.04rem,1.45vw,1.3rem);
}
.location-section{
  grid-template-columns:.86fr 1.14fr;
  align-items:stretch;
  gap:22px;
}
.location-copy{
  padding:32px;
}
.location-copy dl{
  gap:14px;
}
.location-copy div{
  padding-top:12px;
}
.location-copy dd{
  line-height:1.62;
}
.map-frame{
  height:500px;
}

@media (max-width:980px){
  .hero h1.hero-title-lines{
    font-size:clamp(2.1rem,8vw,3.65rem);
  }
  .channel-card,
  .channel-card.feature,
  .channel-card:nth-child(n){
    grid-column:auto;
    grid-row:auto;
  }
  .channel-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .location-section{
    grid-template-columns:1fr;
  }
  .map-frame{
    height:420px;
  }
}
@media (max-width:640px){
  .hero h1.hero-title-lines{
    font-size:clamp(1.78rem,9.6vw,2.75rem);
  }
  .hero-title-lines span{
    display:inline;
  }
  .hero-title-lines span:after{
    content:" ";
  }
  .channel-grid{
    grid-template-columns:1fr;
  }
  .channel-card{
    min-height:150px;
  }
  .map-frame{
    height:340px;
  }
}

/* ATLAS v5 LAB refinements */
.hero-title-lines{
  max-width:760px;
}
.hero-title-lines span{
  white-space:nowrap;
}
.hero h1.hero-title-lines{
  font-size:clamp(2rem,3.52vw,3.12rem);
  line-height:1.13;
  letter-spacing:-.024em;
}
.nav-actions .nav-cta:after,
.diag-link:after,
.map-route:after,
.channel-card:after,
.btn:after{
  background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.24) 48%,rgba(215,246,228,.14) 55%,transparent 72%);
  transition:transform 1.55s cubic-bezier(.2,.7,.15,1);
}
.btn-primary:hover{
  box-shadow:0 0 0 1px rgba(215,246,228,.22),0 0 30px rgba(126,216,169,.42),0 24px 58px rgba(76,163,128,.28);
}
.btn-secondary:hover,
.diag-link:hover,
.map-route:hover{
  box-shadow:0 0 22px rgba(126,216,169,.22),0 18px 42px rgba(0,0,0,.3);
}
.flowchart{
  position:relative;
  isolation:isolate;
  padding:28px 0 6px;
}
.flow-motion{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.86;
}
.flow-motion svg{
  width:100%;
  height:100%;
  min-height:245px;
}
.flow-path{
  fill:none;
  stroke-linecap:round;
}
.path-base{
  stroke:rgba(126,216,169,.13);
  stroke-width:2;
}
.path-live{
  stroke:url(#flowLine);
  stroke-width:2.2;
  stroke-dasharray:120 920;
  animation:flowTrace 7.8s cubic-bezier(.42,0,.2,1) infinite;
  filter:drop-shadow(0 0 9px rgba(126,216,169,.42));
}
.flow-node{
  fill:#7ed8a9;
  opacity:.45;
  filter:drop-shadow(0 0 10px rgba(126,216,169,.5));
  transform-origin:center;
  animation:flowNode 7.8s ease-in-out infinite;
}
.flow-node-2{animation-delay:.7s}
.flow-node-3{animation-delay:1.4s}
.flow-node-4{animation-delay:2.1s}
.flow-node-5{animation-delay:2.8s}
.flow-step{
  z-index:1;
  backdrop-filter:blur(14px);
}
.flow-step:after{
  opacity:.45;
}
@keyframes flowTrace{
  0%{stroke-dashoffset:1040;opacity:.12}
  16%{opacity:.7}
  68%{opacity:.7}
  100%{stroke-dashoffset:-1040;opacity:.12}
}
@keyframes flowNode{
  0%,42%,100%{opacity:.34;transform:scale(1)}
  18%{opacity:1;transform:scale(1.75)}
}

@media (max-width:980px){
  .hero h1.hero-title-lines{
    font-size:clamp(1.92rem,5.8vw,3rem);
  }
  .flow-motion{
    display:none;
  }
  .flowchart{
    padding:0;
  }
}
@media (max-width:640px){
  .hero h1.hero-title-lines{
    font-size:clamp(1.62rem,8.1vw,2.38rem);
  }
  .hero-title-lines span{
    white-space:normal;
  }
}
@media (prefers-reduced-motion:reduce){
  .path-live,
  .flow-node{
    animation:none!important;
  }
}

/* ATLAS v6 LAB - criterio tecnico com imagem */
.criteria-section .section-title{
  max-width:980px;
}
.criteria-section .section-title p:not(.eyebrow) + p{
  margin-top:10px;
}
.criteria-showcase{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
.criterion-photo-card{
  grid-column:span 3;
  min-height:292px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  isolation:isolate;
  background-image:
    linear-gradient(180deg,rgba(2,7,4,.24),rgba(2,7,4,.88)),
    radial-gradient(circle at 22% 10%,rgba(126,216,169,.22),transparent 34%),
    var(--card-image);
  background-size:cover;
  background-position:var(--card-position,center);
  border-color:rgba(151,213,184,.24);
}
.criterion-photo-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(4,15,9,.88) 0%,rgba(4,15,9,.62) 42%,rgba(4,15,9,.18) 100%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:auto,40px 40px,40px 40px;
  opacity:.94;
  transition:opacity .35s ease;
}
.criterion-photo-card:after{
  content:"";
  position:absolute;
  inset:-45% -60%;
  background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.18) 48%,rgba(215,246,228,.12) 55%,transparent 72%);
  transform:translateX(-135%) rotate(7deg);
  transition:transform 1.55s cubic-bezier(.2,.7,.15,1);
  pointer-events:none;
}
.criterion-photo-card:hover:before{
  opacity:.82;
}
.criterion-photo-card:hover:after{
  transform:translateX(135%) rotate(7deg);
}
.criterion-photo-card span,
.criterion-photo-card h3,
.criterion-photo-card p{
  position:relative;
  z-index:1;
}
.criterion-photo-card span{
  width:max-content;
  margin-bottom:auto;
  padding:7px 10px;
  border:1px solid rgba(126,216,169,.28);
  border-radius:999px;
  background:rgba(4,15,9,.42);
  box-shadow:0 0 18px rgba(126,216,169,.16);
}
.criterion-photo-card h3{
  max-width:520px;
  margin:92px 0 14px;
  font-size:clamp(1.15rem,1.7vw,1.62rem);
  line-height:1.12;
  white-space:normal;
}
.criterion-photo-card p{
  max-width:590px;
  font-size:1.05rem;
  line-height:1.66;
  color:#d2e7da;
}
.criterion-feature-card{
  grid-column:2 / span 4;
  min-height:252px;
  background-position:76% center;
}
.criterion-feature-card h3{
  max-width:720px;
}
.criterion-feature-card p{
  max-width:780px;
}

@media (max-width:980px){
  .criteria-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .criterion-photo-card,
  .criterion-feature-card{
    grid-column:auto;
  }
}
@media (max-width:640px){
  .criteria-showcase{
    grid-template-columns:1fr;
  }
  .criterion-photo-card{
    min-height:260px;
    padding:24px;
  }
  .criterion-photo-card h3{
    margin-top:64px;
  }
}

/* ATLAS v7 LAB - criterio tecnico em palco unico com transicao por scroll */
.criteria-scroll-section{
  padding-bottom:26px;
}
.criteria-scroll-section .section-title{
  max-width:1040px;
}
.criteria-scroll-section .section-title p:not(.eyebrow){
  font-size:1.05rem;
}
.criteria-scroll-lab{
  position:relative;
  margin-top:34px;
  min-height:520vh;
}
.criteria-stage{
  position:sticky;
  top:128px;
  min-height:540px;
  border:1px solid rgba(151,213,184,.28);
  border-radius:30px;
  overflow:hidden;
  isolation:isolate;
  background-color:#020604;
  box-shadow:0 32px 88px rgba(0,0,0,.34),0 0 36px rgba(76,163,128,.14);
}
.criteria-stage-photo{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:1;
  filter:saturate(1.02) contrast(1.08) brightness(.95);
  transform:scale(1.01);
}
.criteria-stage-bg{
  display:none;
}
.criteria-stage:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,7,4,.88) 0%,rgba(2,7,4,.74) 36%,rgba(2,7,4,.28) 61%,rgba(2,7,4,.02) 100%);
}
.criteria-stage-lines{
  display:none;
}
.criteria-stage-counter{
  position:absolute;
  top:28px;
  right:34px;
  z-index:3;
  display:flex;
  align-items:flex-end;
  gap:8px;
  font-family:var(--font-title);
  color:var(--green-2);
  text-shadow:0 0 16px rgba(126,216,169,.22);
}
.criteria-stage-counter span{
  font-size:clamp(2rem,4.2vw,4.4rem);
  line-height:.86;
}
.criteria-stage-counter small{
  margin-bottom:7px;
  color:rgba(215,246,228,.58);
  font-size:.9rem;
}
.criteria-slide{
  position:absolute;
  left:46px;
  bottom:54px;
  z-index:3;
  width:min(650px,calc(100% - 92px));
  opacity:0;
  transform:translateY(24px);
  pointer-events:none;
  transition:opacity .72s ease,transform .72s ease,filter .72s ease;
  filter:blur(8px);
}
.criteria-slide.is-active{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  filter:blur(0);
}
.criteria-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(126,216,169,.34);
  border-radius:999px;
  padding:9px 13px;
  color:var(--green-2);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(4,15,9,.54);
  box-shadow:0 0 22px rgba(126,216,169,.14);
}
.criteria-slide h3{
  margin:26px 0 16px;
  font-family:var(--font-title);
  font-size:clamp(1.9rem,3.25vw,3.35rem);
  line-height:1.02;
  letter-spacing:-.045em;
  max-width:760px;
  text-shadow:0 0 24px rgba(0,0,0,.46);
}
.criteria-slide p{
  max-width:720px;
  color:#d6eadf;
  font-size:clamp(1rem,1.35vw,1.18rem);
  line-height:1.7;
  margin:0 0 10px;
}
.criteria-progress{
  position:absolute;
  left:46px;
  top:34px;
  display:flex;
  gap:10px;
  z-index:3;
}
.criteria-progress button{
  border:1px solid rgba(126,216,169,.26);
  background:rgba(4,15,9,.44);
  color:rgba(215,246,228,.68);
  border-radius:999px;
  padding:8px 12px;
  font-family:var(--font-title);
  font-size:.75rem;
  cursor:pointer;
  transition:.25s ease;
}
.criteria-progress button.is-active{
  color:#08120c;
  border-color:rgba(126,216,169,.8);
  background:linear-gradient(135deg,#4CA380,#7ed8a9);
  box-shadow:0 0 26px rgba(126,216,169,.28);
}
.criteria-scroll-triggers{
  position:relative;
  z-index:0;
  height:440vh;
  margin-top:-540px;
  padding-top:540px;
  pointer-events:none;
}
.criteria-scroll-triggers span{
  display:block;
  height:88vh;
}
.channels-section .channel-grid{
  gap:26px;
}
.channels-section .channel-card{
  justify-content:flex-start;
  gap:4px;
  padding-top:20px;
  padding-bottom:20px;
}
.channels-section .channel-card .tag{
  margin-bottom:0;
}
.channels-section .channel-card strong{
  margin-top:14px;
}
.channels-section .channel-card small{
  margin-top:1px;
}
.channels-section .channel-card.feature strong{
  margin-top:14px;
}

@media (max-width:980px){
  .criteria-stage{
    position:relative;
    top:auto;
    min-height:560px;
  }
  .criteria-scroll-triggers{
    display:none;
  }
  .criteria-slide{
    left:28px;
    bottom:38px;
    width:calc(100% - 56px);
  }
  .criteria-progress{
    left:28px;
    top:28px;
    flex-wrap:wrap;
  }
  .criteria-stage-counter{
    right:28px;
  }
  .channels-section .channel-grid{
    gap:20px;
  }
}
@media (max-width:640px){
  .criteria-stage{
    min-height:620px;
    border-radius:24px;
  }
  .criteria-stage-bg{
    background-position:68% center;
    opacity:.52;
  }
  .criteria-stage:before{
    background:linear-gradient(180deg,rgba(2,7,4,.95),rgba(2,7,4,.72));
  }
  .criteria-progress{
    gap:7px;
  }
  .criteria-progress button{
    padding:7px 9px;
  }
  .criteria-slide h3{
    font-size:clamp(1.55rem,9vw,2.2rem);
  }
  .criteria-chip{
    font-size:.66rem;
    white-space:normal;
  }
  .criteria-stage-counter{
    display:none;
  }
  .channels-section .channel-grid{
    gap:18px;
  }
}

/* ATLAS v12 LAB - hero mais presente + fluxograma vivo */
.hero:before{
  opacity:.42;
  filter:saturate(1.02) contrast(1.28) brightness(.88);
  transform:scale(1.035);
}
.hero:after{
  background:
    radial-gradient(circle at 72% 34%,rgba(76,163,128,.16),transparent 31%),
    linear-gradient(120deg,rgba(3,8,5,.82) 0%,rgba(3,10,6,.56) 45%,rgba(3,8,5,.72) 100%);
}
.technical-map{
  opacity:.52;
}
.flow-section{
  padding-top:34px;
}
.flow-panel{
  padding:42px;
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(11,31,20,.82),rgba(3,10,6,.62)),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,46px 46px,46px 46px;
}
.flow-panel:before{
  background:
    radial-gradient(circle at 16% 18%,rgba(126,216,169,.16),transparent 28%),
    linear-gradient(90deg,rgba(76,163,128,.10),transparent 62%);
  opacity:.9;
}
.flow-copy{
  max-width:980px;
}
.flow-copy p:not(.eyebrow){
  max-width:920px;
  font-size:1.09rem;
}
.flowchart{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  padding:40px 0 8px;
}
.flow-motion{
  inset:20px 0 0;
  opacity:.82;
}
.path-base{
  stroke:rgba(126,216,169,.16);
  stroke-width:2;
}
.path-live{
  stroke:url(#flowLine);
  stroke-width:2.8;
  stroke-dasharray:100;
  stroke-dashoffset:var(--flow-offset,100);
  animation:none;
  transition:stroke-dashoffset .42s ease;
  filter:drop-shadow(0 0 12px rgba(126,216,169,.46));
}
.flow-node{
  opacity:.36;
  transition:opacity .32s ease,transform .32s ease,filter .32s ease;
  animation:none;
}
.flow-node.is-active{
  opacity:1;
  transform:scale(1.75);
  filter:drop-shadow(0 0 15px rgba(126,216,169,.72));
}
.flow-step{
  min-height:252px;
  padding:24px 22px 22px;
  display:flex;
  flex-direction:column;
  border-color:rgba(151,213,184,.22);
  background:linear-gradient(180deg,rgba(9,24,16,.86),rgba(3,10,6,.58));
  opacity:.78;
  transform:translateY(0);
  transition:opacity .32s ease,transform .32s ease,border-color .32s ease,box-shadow .32s ease,background .32s ease;
}
.flow-step.is-active{
  opacity:1;
  transform:translateY(-7px);
  border-color:rgba(126,216,169,.58);
  background:linear-gradient(180deg,rgba(18,45,30,.92),rgba(5,18,11,.7));
  box-shadow:0 0 26px rgba(126,216,169,.22),0 22px 56px rgba(0,0,0,.32);
}
.flow-step span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:32px;
  margin-bottom:26px;
  border:1px solid rgba(126,216,169,.32);
  border-radius:999px;
  background:rgba(4,15,9,.5);
  box-shadow:0 0 18px rgba(126,216,169,.12);
}
.flow-step.is-active span{
  color:#06110b;
  background:linear-gradient(135deg,var(--green-2),var(--green));
  box-shadow:0 0 24px rgba(126,216,169,.46);
}
.flow-step strong{
  font-size:clamp(1.02rem,1.22vw,1.24rem);
  line-height:1.18;
  min-height:2.35em;
}
.flow-step small{
  margin-top:14px;
  font-size:1rem;
  line-height:1.58;
}
.flow-step:after{
  top:48px;
  right:-24px;
  width:30px;
  opacity:.72;
}
@media (max-width:1180px){
  .flowchart{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .flow-step{
    min-height:220px;
  }
  .flow-step:after,
  .flow-motion{
    display:none;
  }
}
@media (max-width:640px){
  .hero:before{
    opacity:.34;
    filter:saturate(1) contrast(1.16) brightness(.82);
  }
  .flow-panel{
    padding:24px;
  }
  .flowchart{
    grid-template-columns:1fr;
    gap:14px;
    padding-top:18px;
  }
  .flow-step{
    min-height:auto;
  }
}

/* ATLAS v13 LAB - fluxograma em palco inspirado na referencia */
.flow-cinematic-section{
  padding-top:34px;
}
.flow-cinematic-intro{
  max-width:980px;
  margin-bottom:28px;
}
.flow-cinematic-intro p:not(.eyebrow){
  max-width:920px;
  font-size:1.09rem;
}
.flow-scroll-lab{
  position:relative;
  min-height:460vh;
  margin-top:24px;
}
.flow-stage{
  position:sticky;
  top:126px;
  min-height:620px;
  border:1px solid rgba(151,213,184,.28);
  border-radius:30px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 24%,rgba(126,216,169,.12),transparent 26%),
    linear-gradient(135deg,rgba(11,31,20,.90),rgba(2,8,5,.72));
  box-shadow:0 32px 88px rgba(0,0,0,.34),0 0 36px rgba(76,163,128,.14);
}
.flow-stage-grid{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(120deg,transparent 0 41%,rgba(126,216,169,.12) 41.15%,transparent 41.6% 100%);
  background-size:46px 46px,46px 46px,100% 100%;
  opacity:.86;
}
.flow-stage-counter{
  position:absolute;
  top:28px;
  right:34px;
  z-index:4;
  display:flex;
  align-items:flex-end;
  gap:8px;
  font-family:var(--font-title);
  color:var(--green-2);
  text-shadow:0 0 18px rgba(126,216,169,.28);
}
.flow-stage-counter strong{
  font-size:clamp(2.4rem,4.8vw,5rem);
  line-height:.82;
}
.flow-stage-counter span{
  margin-bottom:8px;
  color:rgba(215,246,228,.66);
  font-weight:800;
}
.flow-stage .flow-motion{
  position:absolute;
  inset:120px 28px 70px;
  z-index:1;
  opacity:.94;
  pointer-events:none;
}
.flow-stage .flow-motion svg{
  width:100%;
  height:100%;
  min-height:360px;
}
.flow-stage .path-base{
  stroke:rgba(126,216,169,.16);
  stroke-width:2.2;
}
.flow-stage .path-live{
  stroke:url(#flowLine);
  stroke-width:3;
  stroke-dasharray:100;
  stroke-dashoffset:var(--flow-offset,100);
  animation:none;
  transition:stroke-dashoffset .44s ease;
  filter:drop-shadow(0 0 14px rgba(126,216,169,.52));
}
.flow-stage .flow-node{
  opacity:.32;
  animation:none;
  transform-box:fill-box;
  transform-origin:center;
  transition:opacity .32s ease,transform .32s ease,filter .32s ease;
}
.flow-stage .flow-node.is-active{
  opacity:1;
  transform:scale(1.9);
  filter:drop-shadow(0 0 18px rgba(126,216,169,.78));
}
.flow-stage-step{
  position:absolute;
  left:46px;
  bottom:54px;
  z-index:3;
  width:min(650px,calc(100% - 92px));
  opacity:0;
  transform:translateY(26px);
  pointer-events:none;
  filter:blur(8px);
  transition:opacity .62s ease,transform .62s ease,filter .62s ease;
}
.flow-stage-step.is-active{
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
  pointer-events:auto;
}
.flow-stage-step span{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(126,216,169,.34);
  border-radius:999px;
  padding:9px 13px;
  color:var(--green-2);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(4,15,9,.54);
  box-shadow:0 0 22px rgba(126,216,169,.14);
}
.flow-stage-step h3{
  margin:28px 0 16px;
  font-family:var(--font-title);
  font-size:clamp(2rem,3.35vw,3.4rem);
  line-height:1.02;
  letter-spacing:-.045em;
  text-shadow:0 0 24px rgba(0,0,0,.46);
}
.flow-stage-step p{
  max-width:720px;
  color:#d6eadf;
  font-size:clamp(1.02rem,1.35vw,1.18rem);
  line-height:1.68;
  margin:0;
}
.flow-stage-cue{
  position:absolute;
  left:50%;
  bottom:26px;
  z-index:4;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(215,246,228,.72);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:opacity .32s ease,transform .32s ease;
}
.flow-stage-cue span{
  width:18px;
  height:30px;
  border:1px solid rgba(126,216,169,.42);
  border-radius:999px;
  position:relative;
}
.flow-stage-cue span:after{
  content:"";
  position:absolute;
  left:50%;
  top:6px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--green-2);
  transform:translateX(-50%);
  animation:wheel 1.6s infinite;
}
@media (max-width:980px){
  .flow-scroll-lab{
    min-height:auto;
  }
  .flow-stage{
    position:relative;
    top:auto;
    min-height:700px;
  }
}
@media (max-width:640px){
  .flow-stage{
    min-height:660px;
    border-radius:24px;
  }
  .flow-stage .flow-motion{
    inset:150px 14px 120px;
    opacity:.46;
  }
  .flow-stage-counter{
    display:none;
  }
  .flow-stage-step{
    left:22px;
    bottom:44px;
    width:calc(100% - 44px);
  }
  .flow-stage-step h3{
    font-size:clamp(1.55rem,8.2vw,2.2rem);
  }
  .flow-stage-cue{
    display:none;
  }
}

/* ATLAS v14 LAB - jornada com caminho vertical, pontos grandes e conteudo em dois tempos */
.flow-vertical-lab{
  min-height:900vh;
}
.flow-vertical-stage{
  min-height:780px;
  display:block;
  background:
    radial-gradient(circle at 28% 22%,rgba(126,216,169,.10),transparent 28%),
    radial-gradient(circle at 70% 64%,rgba(76,163,128,.10),transparent 30%),
    linear-gradient(135deg,rgba(10,28,18,.90),rgba(2,8,5,.76));
}
.flow-vertical-stage .flow-stage-grid{
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    radial-gradient(circle at 50% 50%,rgba(126,216,169,.08),transparent 58%);
  background-size:46px 46px,46px 46px,100% 100%;
}
.flow-vertical-track{
  position:absolute;
  top:124px;
  left:50%;
  z-index:2;
  width:min(330px,32vw);
  height:calc(100% - 178px);
  transform:translateX(-50%);
  pointer-events:none;
}
.flow-vertical-track svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.flow-vertical-track .path-base{
  fill:none;
  stroke:rgba(126,216,169,.16);
  stroke-width:2.4;
}
.flow-vertical-track .path-live{
  fill:none;
  stroke:url(#flowLineVertical);
  stroke-width:4;
  stroke-linecap:round;
  stroke-dasharray:100;
  stroke-dashoffset:var(--flow-offset,100);
  transition:stroke-dashoffset .36s ease;
  filter:drop-shadow(0 0 18px rgba(126,216,169,.60));
}
.flow-orb{
  position:absolute;
  left:50%;
  width:64px;
  height:64px;
  border:1px solid rgba(126,216,169,.34);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:rgba(215,246,228,.80);
  background:rgba(3,12,7,.74);
  box-shadow:0 0 0 rgba(126,216,169,0), inset 0 0 18px rgba(126,216,169,.06);
  transform:translate(-50%,-50%) scale(.88);
  opacity:.58;
  transition:width .36s ease,height .36s ease,opacity .36s ease,background .36s ease,box-shadow .36s ease,transform .36s ease,border-color .36s ease;
}
.flow-orb-1{top:8%}
.flow-orb-2{top:30%}
.flow-orb-3{top:52%}
.flow-orb-4{top:74%}
.flow-orb-5{top:94%}
.flow-orb-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
}
.flow-orb-icon svg{
  position:static;
  width:100%;
  height:100%;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}
.flow-orb-label{
  position:absolute;
  left:calc(100% + 12px);
  top:50%;
  white-space:nowrap;
  border-radius:999px;
  padding:10px 14px;
  color:#06110b;
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:linear-gradient(135deg,var(--green-2),var(--green));
  box-shadow:0 16px 34px rgba(76,163,128,.24);
  transform:translate(-12px,-50%);
  opacity:0;
  transition:opacity .32s ease,transform .32s ease;
}
.flow-orb:nth-of-type(even) .flow-orb-label{
  left:auto;
  right:calc(100% + 12px);
  transform:translate(12px,-50%);
}
.flow-orb.is-passed{
  opacity:.86;
  color:var(--green-2);
  border-color:rgba(126,216,169,.50);
}
.flow-orb.is-active{
  width:104px;
  height:104px;
  opacity:1;
  color:#06110b;
  border-color:rgba(215,246,228,.74);
  background:linear-gradient(135deg,var(--green-2),var(--green));
  box-shadow:0 20px 48px rgba(76,163,128,.32),0 0 34px rgba(126,216,169,.36);
  transform:translate(-50%,-50%) scale(1);
}
.flow-orb.is-active .flow-orb-icon{
  width:42px;
  height:42px;
}
.flow-orb.is-active .flow-orb-label{
  opacity:1;
  transform:translate(0,-50%);
}
.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right{
  top:50%;
  bottom:auto;
  left:46px;
  width:min(510px,39%);
  transform:translateY(-50%) translateX(-22px);
}
.flow-stage-step.flow-pos-right{
  left:auto;
  right:46px;
  transform:translateY(-50%) translateX(22px);
}
.flow-stage-step.flow-pos-final{
  top:54%;
}
.flow-stage-step.is-active.flow-pos-left,
.flow-stage-step.is-active.flow-pos-right{
  transform:translateY(-50%) translateX(0);
}
.flow-stage-step span{
  background:rgba(4,15,9,.68);
  font-size:.86rem;
}
.flow-stage-step h3{
  margin:30px 0 0;
  font-size:clamp(2.35rem,3.9vw,4.45rem);
  line-height:.98;
}
.flow-stage-step p{
  margin-top:22px;
  max-width:820px;
  font-size:clamp(1.12rem,1.58vw,1.36rem);
  line-height:1.72;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .42s ease .06s,transform .42s ease .06s;
}
.flow-stage-step.is-detail p{
  opacity:1;
  transform:translateY(0);
}
.flow-vertical-stage .flow-stage-cue{
  top:44px;
  bottom:auto;
}
.flow-vertical-lab.is-flow-started .flow-stage-cue{
  opacity:.18;
  transform:translateX(-50%) translateY(-8px);
}
@media (max-width:980px){
  .flow-vertical-lab{
    min-height:auto;
  }
  .flow-vertical-stage{
    position:relative;
    top:auto;
    min-height:820px;
  }
  .flow-vertical-track{
    left:64px;
    width:130px;
    top:76px;
    height:calc(100% - 154px);
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    top:50%;
    left:170px;
    right:auto;
    width:calc(100% - 210px);
  }
  .flow-orb-label{
    display:none;
  }
}
@media (max-width:640px){
  .flow-vertical-stage{
    min-height:760px;
  }
  .flow-vertical-track{
    left:48px;
    width:92px;
    top:72px;
    height:calc(100% - 132px);
  }
  .flow-orb{
    width:50px;
    height:50px;
  }
  .flow-orb.is-active{
    width:72px;
    height:72px;
  }
  .flow-orb-icon{
    width:24px;
    height:24px;
  }
  .flow-orb.is-active .flow-orb-icon{
    width:31px;
    height:31px;
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    left:104px;
    width:calc(100% - 128px);
  }
  .flow-stage-step h3{
    font-size:clamp(1.55rem,8.2vw,2.08rem);
  }
  .flow-stage-step p{
    font-size:.98rem;
  }
}

/* ATLAS v16 LAB - percurso vertical longo com hover nos icones e texto por scroll */
.flow-vertical-lab{
  min-height:auto;
  margin-top:34px;
}
.flow-vertical-stage{
  position:relative;
  top:auto;
  min-height:1580px;
  overflow:visible;
  padding:0;
}
.flow-vertical-stage .flow-stage-grid{
  border-radius:30px;
  overflow:hidden;
}
.flow-vertical-track{
  top:150px;
  left:50%;
  width:min(390px,34vw);
  height:calc(100% - 230px);
  pointer-events:none;
}
.flow-orb{
  pointer-events:auto;
}
.flow-vertical-track .path-base{
  stroke:rgba(126,216,169,.13);
  stroke-width:2.2;
}
.flow-vertical-track .path-live{
  stroke-width:4.6;
  transition:stroke-dashoffset .28s linear;
}
.flow-orb{
  width:52px;
  height:52px;
  opacity:.34;
  color:rgba(215,246,228,.56);
  border-color:rgba(126,216,169,.22);
  background:rgba(3,12,7,.56);
  box-shadow:inset 0 0 14px rgba(126,216,169,.04);
  transform:translate(-50%,-50%) scale(.78);
}
.flow-orb-1{top:6%}
.flow-orb-2{top:29%}
.flow-orb-3{top:51%}
.flow-orb-4{top:73%}
.flow-orb-5{top:94%}
.flow-orb-icon{
  width:25px;
  height:25px;
  transition:width .26s ease,height .26s ease;
}
.flow-orb.is-passed,
.flow-orb.is-current{
  opacity:.58;
  color:rgba(126,216,169,.82);
  border-color:rgba(126,216,169,.40);
}
.flow-orb.is-current{
  width:78px;
  height:78px;
  opacity:1;
  color:var(--green-2);
  border-color:rgba(215,246,228,.62);
  background:rgba(10,44,28,.82);
  box-shadow:0 18px 42px rgba(76,163,128,.20),0 0 28px rgba(126,216,169,.34);
  transform:translate(-50%,-50%) scale(1);
}
.flow-orb.is-current .flow-orb-icon{
  width:35px;
  height:35px;
}
.flow-orb:hover,
.flow-orb:focus-visible{
  width:106px;
  height:106px;
  opacity:1;
  color:#06110b;
  border-color:rgba(215,246,228,.78);
  background:linear-gradient(135deg,var(--green-2),var(--green));
  box-shadow:0 22px 54px rgba(76,163,128,.34),0 0 36px rgba(126,216,169,.38);
  transform:translate(-50%,-50%) scale(1);
}
.flow-orb:hover .flow-orb-icon,
.flow-orb:focus-visible .flow-orb-icon{
  width:43px;
  height:43px;
}
.flow-orb:hover .flow-orb-label,
.flow-orb:focus-visible .flow-orb-label{
  opacity:1;
  transform:translate(0,-50%);
}
.flow-orb.is-active{
  width:52px;
  height:52px;
  opacity:.34;
  color:rgba(215,246,228,.56);
  border-color:rgba(126,216,169,.22);
  background:rgba(3,12,7,.56);
  box-shadow:inset 0 0 14px rgba(126,216,169,.04);
  transform:translate(-50%,-50%) scale(.78);
}
.flow-orb.is-active .flow-orb-icon{
  width:25px;
  height:25px;
}
.flow-orb.is-active .flow-orb-label{
  opacity:0;
}
.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  top:auto;
  bottom:auto;
  width:min(520px,38%);
}
.flow-stage-step[data-flow-step="0"]{top:14%}
.flow-stage-step[data-flow-step="1"]{top:34%}
.flow-stage-step[data-flow-step="2"]{top:53%}
.flow-stage-step[data-flow-step="3"]{top:72%}
.flow-stage-step[data-flow-step="4"]{top:90%}
.flow-stage-step.flow-pos-left{
  left:56px;
  transform:translateY(calc(-50% + 30px));
}
.flow-stage-step.flow-pos-right{
  right:56px;
  transform:translateY(calc(-50% + 30px));
}
.flow-stage-step.flow-pos-final{
  left:56px;
}
.flow-stage-step.is-active.flow-pos-left,
.flow-stage-step.is-active.flow-pos-right{
  transform:translateY(-50%);
}
.flow-stage-step.is-active{
  opacity:1;
  filter:blur(0);
  transition-delay:.18s;
}
.flow-stage-step span{
  font-size:.9rem;
}
.flow-stage-step h3{
  font-size:clamp(2.45rem,4.1vw,4.75rem);
}
.flow-stage-step p{
  font-size:clamp(1.12rem,1.6vw,1.38rem);
}
.flow-vertical-stage .flow-stage-cue{
  top:52px;
  bottom:auto;
}
.flow-vertical-lab.is-flow-started .flow-stage-cue{
  opacity:.20;
}
@media (max-width:980px){
  .flow-vertical-stage{
    min-height:1420px;
  }
  .flow-vertical-track{
    left:62px;
    width:130px;
    top:136px;
    height:calc(100% - 216px);
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    left:172px;
    right:auto;
    width:calc(100% - 220px);
  }
}
@media (max-width:640px){
  .flow-vertical-stage{
    min-height:1320px;
  }
  .flow-vertical-track{
    left:44px;
    width:88px;
    top:124px;
    height:calc(100% - 196px);
  }
  .flow-orb,
  .flow-orb.is-active{
    width:44px;
    height:44px;
  }
  .flow-orb:hover,
  .flow-orb:focus-visible{
    width:62px;
    height:62px;
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    left:92px;
    width:calc(100% - 112px);
  }
  .flow-stage-step h3{
    font-size:clamp(1.65rem,8.4vw,2.25rem);
  }
  .flow-stage-step p{
    font-size:1rem;
  }
}

/* ATLAS v18 LAB - refino de contador, icones metalicos e atmosfera da jornada */
.flow-atmosphere{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  border-radius:30px;
  pointer-events:none;
}
.flow-atmosphere:before{
  content:"";
  position:absolute;
  inset:10% -10%;
  background:
    radial-gradient(circle at 22% 28%,rgba(126,216,169,.16),transparent 20%),
    radial-gradient(circle at 76% 66%,rgba(76,163,128,.13),transparent 24%),
    linear-gradient(115deg,transparent 0 36%,rgba(126,216,169,.08) 36.2%,transparent 37.4% 100%);
  animation:flowAtmosphereDrift 18s ease-in-out infinite alternate;
}
.flow-scan{
  position:absolute;
  display:block;
  opacity:.18;
  background:linear-gradient(90deg,transparent,rgba(126,216,169,.72),transparent);
  filter:blur(.2px) drop-shadow(0 0 14px rgba(126,216,169,.34));
}
.flow-scan-1{left:9%;right:18%;top:17%;height:1px;animation:flowScanX 9s ease-in-out infinite}
.flow-scan-2{left:22%;right:9%;top:57%;height:1px;animation:flowScanX 11s ease-in-out infinite reverse}
.flow-scan-3{top:8%;bottom:12%;left:69%;width:1px;background:linear-gradient(180deg,transparent,rgba(126,216,169,.60),transparent);animation:flowScanY 10s ease-in-out infinite}
.flow-datum{
  position:absolute;
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(126,216,169,.72);
  box-shadow:0 0 0 8px rgba(126,216,169,.05),0 0 22px rgba(126,216,169,.42);
  opacity:.36;
  animation:flowDatumPulse 4.8s ease-in-out infinite;
}
.flow-datum-1{left:24%;top:22%}
.flow-datum-2{right:20%;top:48%;animation-delay:1.2s}
.flow-datum-3{left:36%;bottom:16%;animation-delay:2.1s}
.flow-stage-counter{
  position:sticky;
  top:calc(50vh - 28px);
  right:auto;
  margin-left:calc(50% + min(215px,18vw));
  width:max-content;
  z-index:6;
  display:inline-flex;
  align-items:flex-end;
  gap:5px;
  padding:9px 12px 8px;
  border:1px solid rgba(126,216,169,.26);
  border-radius:16px;
  background:rgba(3,12,7,.46);
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 20px rgba(126,216,169,.10);
  backdrop-filter:blur(10px);
  transform:translateY(-50%);
  transition:opacity .26s ease,transform .26s ease,filter .26s ease;
}
.flow-stage-counter strong{
  font-size:clamp(1.25rem,2.2vw,2.1rem);
  line-height:.82;
}
.flow-stage-counter span{
  margin-bottom:2px;
  font-size:.82rem;
}
.flow-vertical-lab.is-flow-detail .flow-stage-counter{
  opacity:0;
  transform:translateY(-50%) scale(.92);
  filter:blur(6px);
  pointer-events:none;
}
.flow-orb{
  width:74px;
  height:74px;
  opacity:.46;
  color:rgba(215,246,228,.70);
  border-color:rgba(126,216,169,.25);
  background:
    radial-gradient(circle at 36% 28%,rgba(255,255,255,.20),transparent 18%),
    linear-gradient(145deg,rgba(20,50,35,.88),rgba(3,12,7,.76) 52%,rgba(109,179,139,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -18px 28px rgba(0,0,0,.24),0 0 16px rgba(126,216,169,.08);
  transform:translate(-50%,-50%) scale(.86);
  perspective:700px;
}
.flow-orb:before{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.42),transparent 18%),
    conic-gradient(from 220deg,rgba(255,255,255,.08),rgba(126,216,169,.30),rgba(0,0,0,.26),rgba(215,246,228,.20),rgba(0,0,0,.18),rgba(126,216,169,.24));
  opacity:.52;
  transform:translateZ(-1px);
}
.flow-orb:after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:50%;
  background:linear-gradient(120deg,rgba(255,255,255,.42),transparent 24%,transparent 72%,rgba(255,255,255,.16));
  opacity:.18;
  mix-blend-mode:screen;
}
.flow-orb-icon{
  position:relative;
  z-index:2;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 34% 25%,rgba(255,255,255,.62),rgba(126,216,169,.34) 24%,rgba(7,32,20,.24) 58%,rgba(0,0,0,.42)),
    conic-gradient(from 235deg,#102719,#7ed8a9,#f0fff7,#4ca380,#06110b,#7ed8a9,#102719);
  box-shadow:inset 0 2px 4px rgba(255,255,255,.28),inset 0 -10px 16px rgba(0,0,0,.30),0 8px 16px rgba(0,0,0,.22);
  transform-style:preserve-3d;
  transition:width .28s ease,height .28s ease,filter .28s ease,transform .28s ease;
}
.flow-orb-icon svg{
  width:58%;
  height:58%;
  color:#e9fff2;
  stroke:currentColor;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.38)) drop-shadow(0 0 5px rgba(255,255,255,.20));
}
.flow-orb.is-passed,
.flow-orb.is-current{
  opacity:.76;
  color:rgba(215,246,228,.90);
  border-color:rgba(126,216,169,.42);
}
.flow-orb.is-current{
  width:112px;
  height:112px;
  opacity:1;
  color:#f4fff8;
  border-color:rgba(215,246,228,.70);
  background:
    radial-gradient(circle at 34% 25%,rgba(255,255,255,.28),transparent 17%),
    linear-gradient(145deg,rgba(126,216,169,.92),rgba(34,108,72,.90) 45%,rgba(8,24,15,.88));
  box-shadow:0 24px 58px rgba(76,163,128,.28),0 0 44px rgba(126,216,169,.40),inset 0 2px 0 rgba(255,255,255,.28),inset 0 -20px 30px rgba(0,0,0,.24);
  transform:translate(-50%,-50%) scale(1);
}
.flow-orb.is-current .flow-orb-icon{
  width:52px;
  height:52px;
  animation:flowIconTurn 7.5s linear infinite;
}
.flow-orb:hover,
.flow-orb:focus-visible{
  width:120px;
  height:120px;
  opacity:1;
  color:#f4fff8;
  border-color:rgba(215,246,228,.78);
  background:
    radial-gradient(circle at 34% 25%,rgba(255,255,255,.30),transparent 17%),
    linear-gradient(145deg,rgba(126,216,169,1),rgba(49,132,90,.94) 46%,rgba(6,20,12,.90));
  box-shadow:0 28px 64px rgba(76,163,128,.35),0 0 54px rgba(126,216,169,.48),inset 0 2px 0 rgba(255,255,255,.32),inset 0 -22px 32px rgba(0,0,0,.26);
  transform:translate(-50%,-50%) scale(1);
}
.flow-orb:hover .flow-orb-icon,
.flow-orb:focus-visible .flow-orb-icon{
  width:56px;
  height:56px;
  animation:flowIconTilt 3.6s ease-in-out infinite;
}
.flow-orb.is-active{
  width:74px;
  height:74px;
  opacity:.46;
  transform:translate(-50%,-50%) scale(.86);
}
.flow-orb.is-active .flow-orb-icon{
  width:34px;
  height:34px;
}
.flow-orb.is-active .flow-orb-label{
  opacity:0;
}
@keyframes flowAtmosphereDrift{
  from{transform:translate3d(-2%,0,0) scale(1)}
  to{transform:translate3d(2%,2%,0) scale(1.04)}
}
@keyframes flowScanX{
  0%,100%{transform:translateX(-7%);opacity:.08}
  45%,55%{opacity:.28}
  100%{transform:translateX(7%)}
}
@keyframes flowScanY{
  0%,100%{transform:translateY(-5%);opacity:.08}
  50%{transform:translateY(5%);opacity:.26}
}
@keyframes flowDatumPulse{
  0%,100%{transform:scale(.72);opacity:.22}
  50%{transform:scale(1.18);opacity:.48}
}
@keyframes flowIconTurn{
  from{transform:rotateY(0deg)}
  to{transform:rotateY(360deg)}
}
@keyframes flowIconTilt{
  0%,100%{transform:rotateY(-28deg)}
  50%{transform:rotateY(28deg)}
}
@media (max-width:980px){
  .flow-stage-counter{
    margin-left:calc(100% - 112px);
    top:calc(50vh - 24px);
  }
  .flow-orb{
    width:64px;
    height:64px;
  }
  .flow-orb-icon{
    width:30px;
    height:30px;
  }
  .flow-orb.is-current{
    width:90px;
    height:90px;
  }
  .flow-orb.is-current .flow-orb-icon{
    width:43px;
    height:43px;
  }
}
@media (max-width:640px){
  .flow-atmosphere{
    opacity:.7;
  }
  .flow-stage-counter{
    margin-left:calc(100% - 92px);
    padding:7px 10px;
  }
  .flow-stage-counter strong{
    font-size:1.2rem;
  }
  .flow-stage-counter span{
    font-size:.7rem;
  }
  .flow-orb,
  .flow-orb.is-active{
    width:54px;
    height:54px;
  }
  .flow-orb-icon,
  .flow-orb.is-active .flow-orb-icon{
    width:26px;
    height:26px;
  }
  .flow-orb.is-current,
  .flow-orb:hover,
  .flow-orb:focus-visible{
    width:70px;
    height:70px;
  }
  .flow-orb.is-current .flow-orb-icon,
  .flow-orb:hover .flow-orb-icon,
  .flow-orb:focus-visible .flow-orb-icon{
    width:34px;
    height:34px;
  }
}
@media (prefers-reduced-motion:reduce){
  .flow-atmosphere:before,
  .flow-scan,
  .flow-datum,
  .flow-orb.is-current .flow-orb-icon,
  .flow-orb:hover .flow-orb-icon,
  .flow-orb:focus-visible .flow-orb-icon{
    animation:none;
  }
}

/* ATLAS v19 LAB - fluxograma tecnico com texto condicionado por hover + centro */
.flow-stage-counter{
  display:none !important;
}
.flow-vertical-stage{
  min-height:2180px;
}
.flow-vertical-track{
  top:190px;
  width:min(520px,42vw);
  height:calc(100% - 360px);
}
.flow-atmosphere{
  z-index:1;
  opacity:1;
}
.flow-atmosphere:before,
.flow-scan,
.flow-datum{
  display:none;
}
.flow-blueprint{
  position:absolute;
  display:block;
  width:min(520px,38vw);
  height:300px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  opacity:.075;
  filter:drop-shadow(0 0 16px rgba(126,216,169,.10));
  mix-blend-mode:screen;
  animation:flowBlueprintFloat 18s ease-in-out infinite alternate;
}
.flow-blueprint-1{
  top:11%;
  right:5%;
  background-image:url("../img/blueprint-discovery.png");
}
.flow-blueprint-2{
  top:42%;
  left:4%;
  background-image:url("../img/blueprint-velar.png");
  animation-delay:2.8s;
}
.flow-blueprint-3{
  bottom:8%;
  right:7%;
  background-image:url("../img/blueprint-vogue.png");
  animation-delay:5.2s;
}
.flow-gauge{
  position:absolute;
  width:190px;
  height:96px;
  border:1px solid rgba(126,216,169,.12);
  border-bottom:0;
  border-radius:190px 190px 0 0;
  opacity:.16;
  transform-origin:50% 100%;
  background:
    radial-gradient(circle at 50% 100%,transparent 0 34px,rgba(126,216,169,.07) 35px 38px,transparent 39px),
    repeating-conic-gradient(from 235deg at 50% 100%,rgba(126,216,169,.34) 0 1deg,transparent 1deg 10deg);
  filter:drop-shadow(0 0 12px rgba(126,216,169,.12));
}
.flow-gauge:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:70px;
  height:1px;
  background:rgba(126,216,169,.62);
  transform-origin:left center;
  animation:flowNeedle 5.8s ease-in-out infinite;
}
.flow-gauge-1{top:25%;left:8%}
.flow-gauge-2{bottom:23%;right:8%;transform:scale(.82)}
.flow-note{
  position:absolute;
  color:rgba(215,246,228,.28);
  font-family:var(--font-title);
  font-size:.76rem;
  letter-spacing:.12em;
  transform:rotate(-3deg);
  text-shadow:0 0 12px rgba(126,216,169,.16);
  animation:flowNoteFlicker 7s ease-in-out infinite;
}
.flow-note-1{top:20%;left:12%}
.flow-note-2{top:58%;right:12%;transform:rotate(3deg);animation-delay:1.5s}
.flow-note-3{bottom:16%;left:10%;animation-delay:3s}
.flow-orb{
  width:78px;
  height:78px;
  opacity:.56;
  border-color:rgba(126,216,169,.22);
  background:rgba(3,12,7,.34);
  box-shadow:0 0 0 1px rgba(126,216,169,.04),inset 0 0 18px rgba(126,216,169,.04);
  transform:translate(-50%,-50%) scale(.90);
}
.flow-orb:before,
.flow-orb:after{
  display:none;
}
.flow-orb-1,
.flow-orb-3,
.flow-orb-5{
  left:calc(50% - 136px);
}
.flow-orb-2,
.flow-orb-4{
  left:calc(50% + 136px);
}
.flow-orb-1{top:8%}
.flow-orb-2{top:29%}
.flow-orb-3{top:50%}
.flow-orb-4{top:71%}
.flow-orb-5{top:92%}
.flow-orb-icon{
  width:48px;
  height:48px;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.86),rgba(215,246,228,.54) 16%,rgba(126,216,169,.22) 34%,rgba(5,24,14,.82) 72%),
    conic-gradient(from 230deg,#07130c,#9e8068,#f4f1d0,#7ed8a9,#1e4c31,#0b160f,#d9f0df,#07130c);
  box-shadow:inset 0 3px 5px rgba(255,255,255,.34),inset 0 -12px 18px rgba(0,0,0,.36),0 10px 18px rgba(0,0,0,.28),0 0 14px rgba(126,216,169,.10);
  filter:saturate(.78) brightness(.78);
}
.flow-orb-icon svg{
  width:62%;
  height:62%;
  color:#06110b;
  stroke-width:2.35;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.42)) drop-shadow(0 -1px 0 rgba(0,0,0,.34));
}
.flow-orb.is-current{
  width:78px;
  height:78px;
  opacity:.76;
  border-color:rgba(126,216,169,.34);
  background:rgba(3,12,7,.42);
  box-shadow:0 0 22px rgba(126,216,169,.14),inset 0 0 18px rgba(126,216,169,.06);
}
.flow-orb.is-current .flow-orb-icon{
  width:50px;
  height:50px;
  animation:none;
}
.flow-orb.is-armed,
.flow-orb:hover,
.flow-orb:focus-visible{
  width:116px;
  height:116px;
  opacity:1;
  border-color:rgba(215,246,228,.54);
  background:rgba(3,12,7,.58);
  box-shadow:0 24px 58px rgba(76,163,128,.26),0 0 38px rgba(126,216,169,.36),inset 0 0 18px rgba(126,216,169,.10);
}
.flow-orb.is-armed .flow-orb-icon,
.flow-orb:hover .flow-orb-icon,
.flow-orb:focus-visible .flow-orb-icon{
  width:72px;
  height:72px;
  filter:saturate(1.08) brightness(1.06);
  animation:flowIconTilt 3.8s ease-in-out infinite;
}
.flow-orb.is-armed .flow-orb-label,
.flow-orb:hover .flow-orb-label,
.flow-orb:focus-visible .flow-orb-label{
  opacity:1;
  transform:translate(0,-50%);
}
.flow-orb.is-active{
  width:78px;
  height:78px;
  opacity:.56;
  background:rgba(3,12,7,.34);
  transform:translate(-50%,-50%) scale(.90);
}
.flow-orb.is-active .flow-orb-icon{
  width:48px;
  height:48px;
}
.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  width:min(500px,35%);
}
.flow-stage-step[data-flow-step="0"]{top:8%}
.flow-stage-step[data-flow-step="1"]{top:29%}
.flow-stage-step[data-flow-step="2"]{top:50%}
.flow-stage-step[data-flow-step="3"]{top:71%}
.flow-stage-step[data-flow-step="4"]{top:92%}
.flow-stage-step.flow-pos-left{
  left:60px;
  right:auto;
}
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  right:60px;
  left:auto;
}
.flow-stage-step{
  opacity:0;
  filter:blur(10px);
  pointer-events:none;
}
.flow-stage-step.is-active{
  opacity:1;
  filter:blur(0);
  pointer-events:auto;
  transition-delay:.10s;
}
.flow-stage-step h3{
  font-size:clamp(2.1rem,3.35vw,3.9rem);
}
.flow-stage-step p{
  font-size:clamp(1.06rem,1.42vw,1.24rem);
}
@keyframes flowBlueprintFloat{
  from{transform:translate3d(-1.5%,0,0) rotate(-.4deg)}
  to{transform:translate3d(1.5%,1%,0) rotate(.4deg)}
}
@keyframes flowNeedle{
  0%,100%{transform:rotate(202deg)}
  50%{transform:rotate(318deg)}
}
@keyframes flowNoteFlicker{
  0%,100%{opacity:.18}
  45%,55%{opacity:.34}
}
@media (max-width:980px){
  .flow-vertical-stage{
    min-height:1900px;
  }
  .flow-vertical-track{
    left:50%;
    width:220px;
  }
  .flow-orb-1,
  .flow-orb-3,
  .flow-orb-5{
    left:calc(50% - 72px);
  }
  .flow-orb-2,
  .flow-orb-4{
    left:calc(50% + 72px);
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    left:24px;
    right:auto;
    width:calc(100% - 48px);
    transform:translateY(calc(-50% + 128px));
  }
  .flow-stage-step.is-active.flow-pos-left,
  .flow-stage-step.is-active.flow-pos-right{
    transform:translateY(calc(-50% + 112px));
  }
  .flow-blueprint{
    width:70vw;
    opacity:.045;
  }
}
@media (max-width:640px){
  .flow-vertical-stage{
    min-height:1760px;
  }
  .flow-vertical-track{
    width:160px;
    top:150px;
    height:calc(100% - 290px);
  }
  .flow-orb,
  .flow-orb.is-current,
  .flow-orb.is-active{
    width:62px;
    height:62px;
  }
  .flow-orb-icon,
  .flow-orb.is-current .flow-orb-icon{
    width:40px;
    height:40px;
  }
  .flow-orb.is-armed,
  .flow-orb:hover,
  .flow-orb:focus-visible{
    width:78px;
    height:78px;
  }
  .flow-orb.is-armed .flow-orb-icon,
  .flow-orb:hover .flow-orb-icon,
  .flow-orb:focus-visible .flow-orb-icon{
    width:50px;
    height:50px;
  }
  .flow-stage-step h3{
    font-size:clamp(1.55rem,7.7vw,2.15rem);
  }
  .flow-stage-step p{
    font-size:.98rem;
  }
  .flow-note,
  .flow-gauge{
    display:none;
  }
}
@media (prefers-reduced-motion:reduce){
  .flow-blueprint,
  .flow-gauge:after,
  .flow-note,
  .flow-orb.is-armed .flow-orb-icon{
    animation:none;
  }
}

/* ATLAS v20 LAB - ajuste final do fluxograma tecnico */
.flow-vertical-stage{
  --flow-left-x:calc(50% - min(360px,31vw));
  --flow-right-x:calc(50% + min(360px,31vw));
  --flow-card-edge:clamp(42px,6.2vw,92px);
  min-height:3200px;
  overflow:hidden;
}
.flow-vertical-track{
  top:270px;
  width:min(1040px,86vw);
  height:calc(100% - 540px);
}
.flow-vertical-track .path-base{
  stroke-width:2.4;
  opacity:.20;
}
.flow-vertical-track .path-live{
  stroke-width:4.2;
  filter:drop-shadow(0 0 20px rgba(126,216,169,.36));
}
.flow-vertical-stage .flow-stage-cue{
  top:105px;
}
.flow-atmosphere{
  overflow:hidden;
}
.flow-blueprint{
  width:min(910px,66vw);
  height:525px;
  opacity:.055;
  filter:drop-shadow(0 0 20px rgba(126,216,169,.13));
  animation:flowBlueprintDraw 18s ease-in-out infinite alternate;
}
.flow-blueprint-1{
  top:5%;
  right:-4%;
}
.flow-blueprint-2{
  top:37%;
  left:-9%;
}
.flow-blueprint-3{
  bottom:2%;
  right:-6%;
}
.flow-gauge{
  width:333px;
  height:168px;
  opacity:.15;
  border-color:rgba(126,216,169,.16);
  animation:flowDrawReveal 10s ease-in-out infinite alternate;
}
.flow-gauge:after{
  width:122px;
  animation-duration:6.8s;
}
.flow-gauge-1{top:17%;left:5%}
.flow-gauge-2{bottom:18%;right:4%;transform:scale(.94)}
.flow-gauge-3{
  top:53%;
  right:14%;
  transform:scale(.72) rotate(-4deg);
  animation-delay:2.4s;
}
.flow-chart{
  position:absolute;
  display:block;
  width:clamp(190px,21vw,340px);
  height:clamp(92px,10vw,160px);
  opacity:.16;
  background:
    linear-gradient(90deg,rgba(126,216,169,.26) 1px,transparent 1px) 0 0/34px 34px,
    linear-gradient(0deg,rgba(126,216,169,.18) 1px,transparent 1px) 0 0/34px 34px;
  border-left:1px solid rgba(126,216,169,.24);
  border-bottom:1px solid rgba(126,216,169,.24);
  filter:drop-shadow(0 0 18px rgba(126,216,169,.11));
  clip-path:inset(0 100% 0 0);
  animation:flowWriteReveal 9.5s ease-in-out infinite;
}
.flow-chart:before{
  content:"";
  position:absolute;
  inset:16% 8% 14% 10%;
  background:
    linear-gradient(135deg,transparent 0 18%,rgba(126,216,169,.48) 18% 20%,transparent 20% 38%,rgba(126,216,169,.60) 38% 40%,transparent 40% 60%,rgba(126,216,169,.42) 60% 62%,transparent 62%),
    radial-gradient(circle at 18% 78%,rgba(126,216,169,.58) 0 4px,transparent 5px),
    radial-gradient(circle at 40% 45%,rgba(126,216,169,.58) 0 4px,transparent 5px),
    radial-gradient(circle at 63% 58%,rgba(126,216,169,.58) 0 4px,transparent 5px),
    radial-gradient(circle at 84% 22%,rgba(126,216,169,.58) 0 4px,transparent 5px);
}
.flow-chart-1{top:9%;left:25%;animation-delay:.8s}
.flow-chart-2{top:48%;left:8%;animation-delay:2.6s}
.flow-chart-3{bottom:9%;right:18%;animation-delay:4.2s}
.flow-note{
  font-size:1.1rem;
  opacity:.22;
  clip-path:inset(0 100% 0 0);
  animation:flowWriteReveal 8.8s ease-in-out infinite;
}
.flow-note-1{top:15%;left:9%}
.flow-note-2{top:44%;right:8%;animation-delay:1.3s}
.flow-note-3{bottom:19%;left:8%;animation-delay:2.7s}
.flow-note-4{top:28%;right:23%;transform:rotate(-2deg);animation-delay:3.5s}
.flow-note-5{top:65%;left:18%;transform:rotate(2deg);animation-delay:4.4s}
.flow-note-6{bottom:7%;right:10%;transform:rotate(-3deg);animation-delay:5.2s}
.flow-orb{
  width:126px;
  height:126px;
  opacity:.68;
  border-color:rgba(126,216,169,.18);
  background:radial-gradient(circle at 50% 50%,rgba(9,32,19,.56),rgba(2,9,5,.72) 68%);
  box-shadow:0 0 0 1px rgba(126,216,169,.07),0 14px 42px rgba(0,0,0,.26),inset 0 0 22px rgba(126,216,169,.05);
  transition:
    width .55s cubic-bezier(.2,.8,.2,1),
    height .55s cubic-bezier(.2,.8,.2,1),
    opacity .38s ease,
    border-color .38s ease,
    background .38s ease,
    box-shadow .55s ease,
    transform .55s cubic-bezier(.2,.8,.2,1);
}
.flow-orb:before,
.flow-orb:after{
  display:block;
  content:"";
  position:absolute;
  border-radius:inherit;
  pointer-events:none;
}
.flow-orb:before{
  inset:10px;
  border:1px solid rgba(215,246,228,.14);
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.08),transparent 34%);
}
.flow-orb:after{
  inset:24px;
  border:1px solid rgba(126,216,169,.10);
  box-shadow:inset 0 0 18px rgba(126,216,169,.08);
}
.flow-orb-1,
.flow-orb-3,
.flow-orb-5{
  left:var(--flow-left-x);
}
.flow-orb-2,
.flow-orb-4{
  left:var(--flow-right-x);
}
.flow-orb-1{top:7%}
.flow-orb-2{top:29%}
.flow-orb-3{top:51%}
.flow-orb-4{top:73%}
.flow-orb-5{top:94%}
.flow-orb-icon{
  width:88px;
  height:88px;
  z-index:2;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.76) 0 7%,rgba(215,246,228,.52) 8% 18%,rgba(126,216,169,.22) 19% 32%,transparent 33%),
    radial-gradient(circle at 50% 54%,rgba(4,13,8,.96) 0 23%,rgba(126,216,169,.18) 24% 38%,transparent 39%),
    conic-gradient(from 225deg,#030805,#1b2418,#d9e8d3,#6bd09c,#123723,#07100a,#c6b999,#080d08);
  box-shadow:
    inset 0 5px 8px rgba(255,255,255,.32),
    inset -8px -16px 24px rgba(0,0,0,.48),
    inset 8px 9px 18px rgba(126,216,169,.16),
    0 13px 24px rgba(0,0,0,.36),
    0 0 18px rgba(126,216,169,.16);
  filter:saturate(.82) brightness(.74);
  transition:width .55s cubic-bezier(.2,.8,.2,1),height .55s cubic-bezier(.2,.8,.2,1),filter .45s ease,transform .55s ease;
}
.flow-orb-icon:before,
.flow-orb-icon:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.flow-orb-icon:before{
  inset:9px;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 0 14px rgba(0,0,0,.38),0 0 12px rgba(126,216,169,.12);
}
.flow-orb-icon:after{
  inset:21px;
  background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.42),rgba(126,216,169,.22) 34%,rgba(2,8,5,.88) 72%);
  box-shadow:inset 0 2px 5px rgba(255,255,255,.24),inset 0 -7px 10px rgba(0,0,0,.42);
}
.flow-orb-icon svg{
  position:relative;
  z-index:3;
  width:72%;
  height:72%;
  color:#031008;
  stroke-width:2.8;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.56))
    drop-shadow(0 -1px 0 rgba(0,0,0,.46))
    drop-shadow(0 0 7px rgba(126,216,169,.16));
}
.flow-orb.is-current{
  width:126px;
  height:126px;
  opacity:.82;
  border-color:rgba(126,216,169,.28);
  background:radial-gradient(circle at 50% 50%,rgba(11,40,24,.62),rgba(2,9,5,.72) 68%);
  box-shadow:0 0 30px rgba(126,216,169,.16),inset 0 0 20px rgba(126,216,169,.06);
}
.flow-orb.is-current .flow-orb-icon{
  width:88px;
  height:88px;
}
.flow-orb.is-armed,
.flow-orb:hover,
.flow-orb:focus-visible{
  width:204px;
  height:204px;
  opacity:1;
  border-color:rgba(215,246,228,.56);
  background:radial-gradient(circle at 50% 50%,rgba(8,28,17,.70),rgba(1,8,5,.70) 70%);
  box-shadow:0 34px 76px rgba(76,163,128,.26),0 0 56px rgba(126,216,169,.42),inset 0 0 26px rgba(126,216,169,.10);
}
.flow-orb.is-armed .flow-orb-icon,
.flow-orb:hover .flow-orb-icon,
.flow-orb:focus-visible .flow-orb-icon{
  width:146px;
  height:146px;
  filter:saturate(1.18) brightness(1.08);
  animation:flowIconMetalTurn 5.8s ease-in-out infinite;
}
.flow-orb-label{
  z-index:4;
  min-height:48px;
  padding:0 22px;
  font-size:1.05rem;
  letter-spacing:.09em;
  transition:opacity .36s ease .30s,transform .52s cubic-bezier(.2,.8,.2,1) .30s;
  white-space:nowrap;
}
.flow-orb-1 .flow-orb-label,
.flow-orb-3 .flow-orb-label,
.flow-orb-5 .flow-orb-label{
  left:auto;
  right:calc(100% + 22px);
  transform:translate(18px,-50%);
}
.flow-orb-2 .flow-orb-label,
.flow-orb-4 .flow-orb-label{
  left:calc(100% + 22px);
  right:auto;
  transform:translate(-18px,-50%);
}
.flow-vertical-track .flow-orb-1 .flow-orb-label,
.flow-vertical-track .flow-orb-3 .flow-orb-label,
.flow-vertical-track .flow-orb-5 .flow-orb-label{
  left:auto;
  right:calc(100% + 22px);
  transform:translate(18px,-50%);
}
.flow-vertical-track .flow-orb-2 .flow-orb-label,
.flow-vertical-track .flow-orb-4 .flow-orb-label{
  left:calc(100% + 22px);
  right:auto;
  transform:translate(-18px,-50%);
}
.flow-orb-1.is-armed .flow-orb-label,
.flow-orb-1:hover .flow-orb-label,
.flow-orb-1:focus-visible .flow-orb-label,
.flow-orb-3.is-armed .flow-orb-label,
.flow-orb-3:hover .flow-orb-label,
.flow-orb-3:focus-visible .flow-orb-label,
.flow-orb-5.is-armed .flow-orb-label,
.flow-orb-5:hover .flow-orb-label,
.flow-orb-5:focus-visible .flow-orb-label,
.flow-orb-2.is-armed .flow-orb-label,
.flow-orb-2:hover .flow-orb-label,
.flow-orb-2:focus-visible .flow-orb-label,
.flow-orb-4.is-armed .flow-orb-label,
.flow-orb-4:hover .flow-orb-label,
.flow-orb-4:focus-visible .flow-orb-label{
  opacity:1;
  transform:translate(0,-50%);
}
.flow-vertical-track .flow-orb-1.is-armed .flow-orb-label,
.flow-vertical-track .flow-orb-1:hover .flow-orb-label,
.flow-vertical-track .flow-orb-1:focus-visible .flow-orb-label,
.flow-vertical-track .flow-orb-2.is-armed .flow-orb-label,
.flow-vertical-track .flow-orb-2:hover .flow-orb-label,
.flow-vertical-track .flow-orb-2:focus-visible .flow-orb-label,
.flow-vertical-track .flow-orb-3.is-armed .flow-orb-label,
.flow-vertical-track .flow-orb-3:hover .flow-orb-label,
.flow-vertical-track .flow-orb-3:focus-visible .flow-orb-label,
.flow-vertical-track .flow-orb-4.is-armed .flow-orb-label,
.flow-vertical-track .flow-orb-4:hover .flow-orb-label,
.flow-vertical-track .flow-orb-4:focus-visible .flow-orb-label,
.flow-vertical-track .flow-orb-5.is-armed .flow-orb-label,
.flow-vertical-track .flow-orb-5:hover .flow-orb-label,
.flow-vertical-track .flow-orb-5:focus-visible .flow-orb-label{
  opacity:1;
  transform:translate(0,-50%);
}
.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  width:min(610px,38%);
}
.flow-stage-step[data-flow-step="0"]{top:7%}
.flow-stage-step[data-flow-step="1"]{top:29%}
.flow-stage-step[data-flow-step="2"]{top:51%}
.flow-stage-step[data-flow-step="3"]{top:73%}
.flow-stage-step[data-flow-step="4"]{top:94%}
.flow-stage-step.flow-pos-left{
  left:var(--flow-card-edge);
  right:auto;
}
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  right:var(--flow-card-edge);
  left:auto;
}
.flow-stage-step{
  transform:translateY(-50%) translate3d(0,24px,0);
  transition:opacity .58s ease .78s,filter .58s ease .78s,transform .68s cubic-bezier(.2,.8,.2,1) .78s;
}
.flow-stage-step.is-active{
  transform:translateY(-50%) translate3d(0,0,0);
  transition-delay:.78s;
}
.flow-stage-step span{
  font-size:clamp(1rem,1.25vw,1.18rem);
  min-height:42px;
  padding:0 18px;
}
.flow-stage-step h3{
  font-size:clamp(2.1rem,3.35vw,3.9rem);
}
.flow-stage-step p{
  margin-top:24px;
  font-size:clamp(1.58rem,2.12vw,1.86rem);
  line-height:1.56;
  max-width:19em;
}
@keyframes flowIconMetalTurn{
  0%,100%{transform:rotateY(0deg) rotateX(0deg)}
  25%{transform:rotateY(28deg) rotateX(3deg)}
  50%{transform:rotateY(0deg) rotateX(0deg)}
  75%{transform:rotateY(-28deg) rotateX(-3deg)}
}
@keyframes flowBlueprintDraw{
  0%{clip-path:inset(0 100% 0 0);opacity:.02;transform:translate3d(-1%,0,0) rotate(-.3deg)}
  24%{clip-path:inset(0 0 0 0);opacity:.060}
  100%{clip-path:inset(0 0 0 0);opacity:.045;transform:translate3d(1.5%,1%,0) rotate(.4deg)}
}
@keyframes flowWriteReveal{
  0%{clip-path:inset(0 100% 0 0);opacity:0}
  28%{clip-path:inset(0 0 0 0);opacity:.22}
  72%{clip-path:inset(0 0 0 0);opacity:.16}
  100%{clip-path:inset(0 0 0 100%);opacity:0}
}
@keyframes flowDrawReveal{
  0%{clip-path:inset(0 100% 0 0);opacity:.02}
  30%{clip-path:inset(0 0 0 0);opacity:.16}
  100%{clip-path:inset(0 0 0 0);opacity:.10}
}
@media (max-width:980px){
  .flow-vertical-stage{
    --flow-left-x:calc(50% - 116px);
    --flow-right-x:calc(50% + 116px);
    min-height:2700px;
  }
  .flow-vertical-track{
    width:360px;
    top:230px;
    height:calc(100% - 460px);
  }
  .flow-orb,
  .flow-orb.is-current{
    width:94px;
    height:94px;
  }
  .flow-orb-icon,
  .flow-orb.is-current .flow-orb-icon{
    width:66px;
    height:66px;
  }
  .flow-orb.is-armed,
  .flow-orb:hover,
  .flow-orb:focus-visible{
    width:132px;
    height:132px;
  }
  .flow-orb.is-armed .flow-orb-icon,
  .flow-orb:hover .flow-orb-icon,
  .flow-orb:focus-visible .flow-orb-icon{
    width:94px;
    height:94px;
  }
  .flow-orb-label{
    min-height:38px;
    font-size:.8rem;
    padding:0 14px;
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    width:calc(100% - 56px);
    left:28px;
    right:auto;
    transform:translateY(calc(-50% + 132px)) translate3d(0,24px,0);
  }
  .flow-stage-step.is-active.flow-pos-left,
  .flow-stage-step.is-active.flow-pos-right,
  .flow-stage-step.is-active.flow-pos-final{
    transform:translateY(calc(-50% + 132px)) translate3d(0,0,0);
  }
  .flow-stage-step p{
    font-size:clamp(1.18rem,3.2vw,1.48rem);
    max-width:26em;
  }
  .flow-blueprint{
    width:94vw;
  }
}
@media (max-width:640px){
  .flow-vertical-stage{
    --flow-left-x:calc(50% - 62px);
    --flow-right-x:calc(50% + 62px);
    min-height:2360px;
  }
  .flow-vertical-track{
    width:190px;
    top:180px;
    height:calc(100% - 360px);
  }
  .flow-orb,
  .flow-orb.is-current{
    width:72px;
    height:72px;
  }
  .flow-orb-icon,
  .flow-orb.is-current .flow-orb-icon{
    width:50px;
    height:50px;
  }
  .flow-orb.is-armed,
  .flow-orb:hover,
  .flow-orb:focus-visible{
    width:96px;
    height:96px;
  }
  .flow-orb.is-armed .flow-orb-icon,
  .flow-orb:hover .flow-orb-icon,
  .flow-orb:focus-visible .flow-orb-icon{
    width:68px;
    height:68px;
  }
  .flow-orb-label{
    display:none;
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    left:18px;
    width:calc(100% - 36px);
    transform:translateY(calc(-50% + 104px)) translate3d(0,20px,0);
  }
  .flow-stage-step.is-active.flow-pos-left,
  .flow-stage-step.is-active.flow-pos-right,
  .flow-stage-step.is-active.flow-pos-final{
    transform:translateY(calc(-50% + 104px)) translate3d(0,0,0);
  }
  .flow-stage-step h3{
    font-size:clamp(1.55rem,7.4vw,2.15rem);
  }
  .flow-stage-step p{
    font-size:1.06rem;
  }
  .flow-chart,
  .flow-note,
  .flow-gauge{
    display:none;
  }
}
@media (prefers-reduced-motion:reduce){
  .flow-chart,
  .flow-orb.is-armed .flow-orb-icon,
  .flow-orb:hover .flow-orb-icon,
  .flow-orb:focus-visible .flow-orb-icon{
    animation:none;
  }
}

/* ATLAS v21 LAB - ajuste de etiqueta e area segura dos textos da Jornada */
.flow-vertical-stage{
  --flow-text-edge:clamp(42px,6vw,86px);
  --flow-text-width:min(560px,calc(50% - 148px));
}
.flow-vertical-track .flow-orb .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even) .flow-orb-label,
.flow-vertical-track .flow-orb-1 .flow-orb-label,
.flow-vertical-track .flow-orb-2 .flow-orb-label,
.flow-vertical-track .flow-orb-3 .flow-orb-label,
.flow-vertical-track .flow-orb-4 .flow-orb-label,
.flow-vertical-track .flow-orb-5 .flow-orb-label{
  left:50%;
  right:auto;
  top:calc(100% + 16px);
  bottom:auto;
  transform:translate(-50%,-10px);
  min-height:46px;
  padding:0 22px;
  max-width:220px;
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.05;
}
.flow-vertical-track .flow-orb.is-armed .flow-orb-label,
.flow-vertical-track .flow-orb:hover .flow-orb-label,
.flow-vertical-track .flow-orb:focus-visible .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even).is-armed .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even):hover .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even):focus-visible .flow-orb-label{
  opacity:1;
  transform:translate(-50%,0);
}
.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  box-sizing:border-box;
  z-index:6;
  width:var(--flow-text-width);
  max-width:var(--flow-text-width);
  min-width:360px;
  overflow:visible;
}
.flow-stage-step.flow-pos-left{
  left:var(--flow-text-edge);
  right:auto;
}
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  left:auto;
  right:var(--flow-text-edge);
}
.flow-stage-step[data-flow-step="0"]{top:7%}
.flow-stage-step[data-flow-step="1"]{top:29%}
.flow-stage-step[data-flow-step="2"]{top:51%}
.flow-stage-step[data-flow-step="3"]{top:73%}
.flow-stage-step[data-flow-step="4"]{top:94%}
.flow-stage-step h3,
.flow-stage-step p{
  max-width:100%;
}
.flow-stage-step p{
  max-width:22em;
}
@media (max-width:980px){
  .flow-vertical-stage{
    --flow-text-width:calc(100% - 56px);
    --flow-text-edge:28px;
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    min-width:0;
    width:var(--flow-text-width);
    max-width:var(--flow-text-width);
  }
  .flow-vertical-track .flow-orb .flow-orb-label,
  .flow-vertical-track .flow-orb:nth-of-type(even) .flow-orb-label{
    top:calc(100% + 10px);
    max-width:160px;
  }
}
@media (max-width:640px){
  .flow-vertical-stage{
    --flow-text-width:calc(100% - 36px);
    --flow-text-edge:18px;
  }
  .flow-vertical-track .flow-orb .flow-orb-label,
  .flow-vertical-track .flow-orb:nth-of-type(even) .flow-orb-label{
    display:none;
  }
}

/* ATLAS v22 LAB - percurso com snap visual, etiqueta limpa e HUD reforcado */
.hero .node{
  display:none;
}
.hero-hud{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  opacity:.74;
  mix-blend-mode:screen;
}
.hero-hud-ring,
.hero-hud-chart,
.hero-hud-note{
  position:absolute;
  display:block;
}
.hero-hud-ring{
  width:240px;
  height:240px;
  border-radius:50%;
  border:1px solid rgba(126,216,169,.16);
  background:
    radial-gradient(circle,transparent 0 42%,rgba(126,216,169,.08) 43% 45%,transparent 46%),
    conic-gradient(from 0deg,rgba(126,216,169,.34),transparent 18%,transparent 42%,rgba(215,246,228,.20),transparent 60%,rgba(126,216,169,.22),transparent 100%);
  filter:drop-shadow(0 0 22px rgba(126,216,169,.16));
  animation:heroHudSpin 18s linear infinite;
}
.hero-hud-ring-1{right:13%;top:28%}
.hero-hud-ring-2{left:9%;bottom:16%;width:170px;height:170px;animation-duration:24s;animation-direction:reverse}
.hero-hud-chart{
  width:310px;
  height:130px;
  border-left:1px solid rgba(126,216,169,.22);
  border-bottom:1px solid rgba(126,216,169,.22);
  background:
    linear-gradient(90deg,rgba(126,216,169,.20) 1px,transparent 1px) 0 0/36px 36px,
    linear-gradient(0deg,rgba(126,216,169,.12) 1px,transparent 1px) 0 0/36px 36px;
  opacity:.18;
  clip-path:inset(0 100% 0 0);
  animation:flowWriteReveal 8s ease-in-out infinite;
}
.hero-hud-chart:before{
  content:"";
  position:absolute;
  inset:16px 18px;
  background:
    linear-gradient(135deg,transparent 0 16%,rgba(126,216,169,.48) 16% 18%,transparent 18% 36%,rgba(126,216,169,.56) 36% 38%,transparent 38% 58%,rgba(126,216,169,.42) 58% 60%,transparent 60%),
    radial-gradient(circle at 18% 70%,rgba(126,216,169,.58) 0 4px,transparent 5px),
    radial-gradient(circle at 38% 38%,rgba(126,216,169,.58) 0 4px,transparent 5px),
    radial-gradient(circle at 62% 50%,rgba(126,216,169,.58) 0 4px,transparent 5px),
    radial-gradient(circle at 86% 20%,rgba(126,216,169,.58) 0 4px,transparent 5px);
}
.hero-hud-chart-1{left:30%;top:18%;animation-delay:1.2s}
.hero-hud-chart-2{right:19%;bottom:20%;transform:scale(.82);animation-delay:3.6s}
.hero-hud-note{
  color:rgba(215,246,228,.26);
  font-family:var(--font-title);
  font-weight:800;
  font-size:.88rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(126,216,169,.16);
  clip-path:inset(0 100% 0 0);
  animation:flowWriteReveal 9s ease-in-out infinite;
}
.hero-hud-note-1{left:15%;top:34%;animation-delay:.6s}
.hero-hud-note-2{right:13%;top:57%;animation-delay:2.2s}
.hero-hud-note-3{left:44%;bottom:15%;animation-delay:4.1s}
.hero-hud-note-4{left:12%;bottom:28%;transform:rotate(-3deg);animation-delay:5.4s}
.flow-vertical-lab{
  scroll-margin-top:120px;
}
.flow-vertical-stage{
  --flow-text-width:min(540px,35vw);
  --flow-text-left:clamp(96px,12vw,178px);
  --flow-text-right:clamp(96px,13vw,190px);
  --flow-left-x:calc(50% - min(370px,32vw));
  --flow-right-x:calc(50% + min(370px,32vw));
}
.flow-vertical-stage:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(126,216,169,.035) 0 1px,transparent 1px) 0 0/78px 100%,
    linear-gradient(0deg,rgba(126,216,169,.028) 0 1px,transparent 1px) 0 0/100% 78px;
  mask-image:radial-gradient(circle at 50% 50%,#000 0 68%,transparent 90%);
}
.flow-atmosphere{
  z-index:1;
}
.flow-radar{
  position:absolute;
  width:310px;
  height:310px;
  border-radius:50%;
  border:1px solid rgba(126,216,169,.12);
  opacity:.13;
  background:
    radial-gradient(circle,transparent 0 28%,rgba(126,216,169,.10) 29% 30%,transparent 31% 50%,rgba(126,216,169,.09) 51% 52%,transparent 53%),
    conic-gradient(from 0deg,rgba(126,216,169,.42),transparent 18%,transparent 100%);
  filter:drop-shadow(0 0 18px rgba(126,216,169,.12));
  animation:heroHudSpin 16s linear infinite;
}
.flow-radar-1{top:18%;right:20%}
.flow-radar-2{bottom:16%;left:16%;width:250px;height:250px;animation-duration:22s;animation-direction:reverse}
.flow-chart-4{top:28%;right:5%;animation-delay:5.1s}
.flow-chart-5{bottom:28%;left:24%;animation-delay:6.3s}
.flow-note-7{top:8%;right:31%;animation-delay:5.8s}
.flow-note-8{top:35%;left:34%;transform:rotate(-2deg);animation-delay:6.6s}
.flow-note-9{bottom:32%;right:16%;animation-delay:7.2s}
.flow-note-10{bottom:5%;left:28%;transform:rotate(2deg);animation-delay:7.8s}
.flow-vertical-track .flow-orb .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even) .flow-orb-label,
.flow-vertical-track .flow-orb-1 .flow-orb-label,
.flow-vertical-track .flow-orb-2 .flow-orb-label,
.flow-vertical-track .flow-orb-3 .flow-orb-label,
.flow-vertical-track .flow-orb-4 .flow-orb-label,
.flow-vertical-track .flow-orb-5 .flow-orb-label{
  top:calc(100% + 18px);
  min-height:auto;
  padding:0;
  max-width:260px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#062719;
  -webkit-text-stroke:.8px rgba(162,255,202,.88);
  text-shadow:
    0 0 2px rgba(215,246,228,.82),
    0 0 14px rgba(126,216,169,.46),
    0 0 28px rgba(76,163,128,.28);
  font-size:clamp(1.22rem,1.45vw,1.55rem);
  font-weight:1000;
  letter-spacing:.09em;
  line-height:.98;
  opacity:0;
}
.flow-vertical-track .flow-orb.is-armed .flow-orb-label,
.flow-vertical-track .flow-orb:hover .flow-orb-label,
.flow-vertical-track .flow-orb:focus-visible .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even).is-armed .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even):hover .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even):focus-visible .flow-orb-label{
  opacity:1;
  transform:translate(-50%,0);
}
.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  width:var(--flow-text-width);
  max-width:var(--flow-text-width);
  min-width:0;
  z-index:7;
  transform:translateY(-46%) translate3d(0,22px,0);
}
.flow-stage-step.is-active.flow-pos-left,
.flow-stage-step.is-active.flow-pos-right,
.flow-stage-step.is-active.flow-pos-final{
  transform:translateY(-46%) translate3d(0,0,0);
}
.flow-stage-step.flow-pos-left{
  left:var(--flow-text-left);
  right:auto;
}
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  right:var(--flow-text-right);
  left:auto;
}
.flow-stage-step[data-flow-step="0"]{top:10%}
.flow-stage-step[data-flow-step="1"]{top:30%}
.flow-stage-step[data-flow-step="2"]{top:51%}
.flow-stage-step[data-flow-step="3"]{top:72%}
.flow-stage-step[data-flow-step="4"]{top:89%}
.flow-stage-step span{
  margin-bottom:22px;
}
.flow-stage-step h3{
  margin-top:22px;
  margin-bottom:24px;
}
.flow-stage-step p{
  max-width:100%;
}
@keyframes heroHudSpin{
  to{transform:rotate(360deg)}
}
@media (max-width:980px){
  .flow-vertical-stage{
    --flow-text-width:calc(100% - 56px);
    --flow-text-left:28px;
    --flow-text-right:28px;
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    left:var(--flow-text-left);
    right:auto;
    width:var(--flow-text-width);
    max-width:var(--flow-text-width);
    transform:translateY(calc(-50% + 132px)) translate3d(0,24px,0);
  }
  .flow-stage-step.is-active.flow-pos-left,
  .flow-stage-step.is-active.flow-pos-right,
  .flow-stage-step.is-active.flow-pos-final{
    transform:translateY(calc(-50% + 132px)) translate3d(0,0,0);
  }
  .hero-hud-chart,
  .hero-hud-ring,
  .flow-radar{
    opacity:.08;
  }
}
@media (max-width:640px){
  .hero-hud{
    display:none;
  }
  .flow-radar,
  .flow-chart-4,
  .flow-chart-5,
  .flow-note-7,
  .flow-note-8,
  .flow-note-9,
  .flow-note-10{
    display:none;
  }
}

/* ATLAS v23 LAB - refinamento final: HERO limpo, HUD distribuido e textos da Jornada alinhados */
.hero-hud{
  display:none;
}
.hero .technical-map{
  opacity:.24;
  mix-blend-mode:screen;
}
.hero .draw{
  stroke-dashoffset:0;
  animation:none;
  opacity:.54;
  stroke-width:1.08;
}
.hero .draw-1{opacity:.34}
.hero .draw-2{opacity:.48}
.hero .draw-3,
.hero .draw-4{opacity:.26}
.hero .technical-map .node{
  display:none !important;
}
.hero:after{
  background:
    radial-gradient(circle at 72% 34%,rgba(76,163,128,.12),transparent 32%),
    linear-gradient(120deg,rgba(3,8,5,.88) 0%,rgba(3,10,6,.62) 45%,rgba(3,8,5,.80) 100%);
}

.criteria-section,
.flow-section,
.channels-section,
.location-section{
  isolation:isolate;
}
.criteria-section:before,
.channels-section:before,
.location-section:before{
  content:"";
  position:absolute;
  inset:34px -7vw 18px;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background:
    radial-gradient(circle at 78% 24%,rgba(126,216,169,.15),transparent 18%),
    linear-gradient(90deg,rgba(126,216,169,.045) 1px,transparent 1px) 0 0/92px 100%,
    linear-gradient(0deg,rgba(126,216,169,.032) 1px,transparent 1px) 0 0/100% 92px;
  mask-image:radial-gradient(circle at 54% 48%,#000 0 54%,transparent 82%);
}
.criteria-section:after,
.channels-section:after,
.location-section:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:clamp(220px,28vw,420px);
  height:clamp(150px,18vw,260px);
  opacity:.18;
  filter:drop-shadow(0 0 20px rgba(126,216,169,.14));
  background:
    linear-gradient(90deg,rgba(126,216,169,.26) 1px,transparent 1px) 0 0/38px 38px,
    linear-gradient(0deg,rgba(126,216,169,.18) 1px,transparent 1px) 0 0/38px 38px,
    linear-gradient(135deg,transparent 0 22%,rgba(126,216,169,.42) 22% 23%,transparent 24% 44%,rgba(215,246,228,.24) 44% 45%,transparent 46%);
  border-left:1px solid rgba(126,216,169,.18);
  border-bottom:1px solid rgba(126,216,169,.16);
  clip-path:inset(0 0 0 0);
  animation:flowDrawReveal 13s ease-in-out infinite alternate;
}
.criteria-section:after{
  right:-3vw;
  top:190px;
}
.channels-section:after{
  right:3vw;
  top:108px;
  transform:scale(.82);
}
.location-section:after{
  left:-4vw;
  bottom:70px;
  transform:scale(.76) rotate(-2deg);
}
.footer{
  overflow:hidden;
}
.footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    radial-gradient(circle at 50% 0%,rgba(126,216,169,.14),transparent 34%),
    linear-gradient(90deg,rgba(126,216,169,.05) 1px,transparent 1px) 0 0/84px 100%,
    linear-gradient(0deg,rgba(126,216,169,.035) 1px,transparent 1px) 0 0/100% 84px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 72%,transparent);
}

.flow-vertical-stage{
  --flow-text-width:min(562px,36vw);
  --flow-text-left:clamp(92px,11.8vw,168px);
  --flow-text-right:clamp(92px,12.4vw,174px);
  --flow-left-x:calc(50% - min(372px,31.5vw));
  --flow-right-x:calc(50% + min(372px,31.5vw));
}
.flow-vertical-stage:after{
  opacity:.72;
}
.flow-atmosphere{
  opacity:.88;
}
.flow-atmosphere:before,
.flow-atmosphere:after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.18;
  filter:drop-shadow(0 0 24px rgba(126,216,169,.14));
}
.flow-atmosphere:before{
  width:clamp(320px,34vw,560px);
  height:clamp(180px,20vw,320px);
  left:4%;
  top:7%;
  background:
    linear-gradient(90deg,rgba(126,216,169,.24) 1px,transparent 1px) 0 0/42px 42px,
    linear-gradient(0deg,rgba(126,216,169,.16) 1px,transparent 1px) 0 0/42px 42px,
    radial-gradient(circle at 18% 72%,rgba(126,216,169,.62) 0 3px,transparent 4px),
    radial-gradient(circle at 47% 44%,rgba(126,216,169,.62) 0 3px,transparent 4px),
    radial-gradient(circle at 76% 25%,rgba(126,216,169,.62) 0 3px,transparent 4px);
  border-left:1px solid rgba(126,216,169,.20);
  border-bottom:1px solid rgba(126,216,169,.18);
  clip-path:polygon(0 0,100% 0,100% 82%,84% 100%,0 100%);
  animation:flowWriteReveal 12s ease-in-out infinite;
}
.flow-atmosphere:after{
  width:clamp(230px,24vw,390px);
  height:clamp(230px,24vw,390px);
  right:6%;
  bottom:9%;
  border-radius:50%;
  border:1px solid rgba(126,216,169,.18);
  background:
    radial-gradient(circle,transparent 0 30%,rgba(126,216,169,.10) 31% 32%,transparent 33% 52%,rgba(126,216,169,.08) 53% 54%,transparent 55%),
    conic-gradient(from 35deg,rgba(126,216,169,.50),transparent 16%,transparent 36%,rgba(215,246,228,.20),transparent 54%,transparent 100%);
  animation:heroHudSpin 24s linear infinite;
}
.flow-blueprint{
  opacity:.038;
}
.flow-blueprint-1{
  top:3%;
  right:-10%;
  transform:scale(.86);
}
.flow-blueprint-2{
  top:39%;
  left:-13%;
  transform:scale(1.08) rotate(.6deg);
}
.flow-blueprint-3{
  bottom:0;
  right:-11%;
  transform:scale(.94) rotate(-.4deg);
}
.flow-gauge{
  opacity:.115;
}
.flow-gauge-1{
  top:18%;
  left:3%;
  transform:scale(.80);
}
.flow-gauge-2{
  bottom:17%;
  right:2%;
  transform:scale(.72) rotate(1deg);
}
.flow-gauge-3{
  top:55%;
  right:7%;
  transform:scale(.60) rotate(-4deg);
}
.flow-radar{
  opacity:.10;
}
.flow-radar-1{
  top:12%;
  right:9%;
  width:260px;
  height:260px;
}
.flow-radar-2{
  bottom:10%;
  left:8%;
  width:220px;
  height:220px;
}
.flow-chart{
  opacity:.12;
}
.flow-chart-1{
  top:13%;
  left:31%;
  transform:scale(.82);
}
.flow-chart-2{
  top:44%;
  left:4%;
  transform:scale(.72);
}
.flow-chart-3{
  bottom:9%;
  right:24%;
  transform:scale(.78);
}
.flow-chart-4{
  top:28%;
  right:7%;
  transform:scale(.64);
}
.flow-chart-5{
  bottom:30%;
  left:25%;
  transform:scale(.62);
}
.flow-note{
  opacity:.16;
  font-size:clamp(.78rem,1vw,1rem);
}
.flow-note-1{top:11%;left:12%}
.flow-note-2{top:39%;right:8%}
.flow-note-3{bottom:18%;left:10%}
.flow-note-4{top:25%;right:27%}
.flow-note-5{top:67%;left:14%}
.flow-note-6{bottom:8%;right:11%}
.flow-note-7{top:6%;right:30%}
.flow-note-8{top:34%;left:32%}
.flow-note-9{bottom:34%;right:13%}
.flow-note-10{bottom:4%;left:31%}

.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  width:var(--flow-text-width);
  max-width:var(--flow-text-width);
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transform:translateY(-50%) translate3d(0,20px,0);
}
.flow-stage-step.is-active.flow-pos-left,
.flow-stage-step.is-active.flow-pos-right,
.flow-stage-step.is-active.flow-pos-final{
  transform:translateY(-50%) translate3d(0,0,0);
}
.flow-stage-step[data-flow-step="0"]{top:12%}
.flow-stage-step[data-flow-step="1"]{top:30%}
.flow-stage-step[data-flow-step="2"]{top:51%}
.flow-stage-step[data-flow-step="3"]{top:72%}
.flow-stage-step[data-flow-step="4"]{top:90%}
.flow-stage-step span{
  align-self:flex-start;
  margin:0 0 28px;
}
.flow-stage-step h3{
  margin:0 0 28px;
  line-height:1.04;
}
.flow-stage-step p{
  margin:0;
  max-width:22.6em;
  line-height:1.58;
}
.flow-pos-left p{
  max-width:22em;
}
.flow-pos-final p{
  max-width:23em;
}

@media (max-width:980px){
  .criteria-section:before,
  .channels-section:before,
  .location-section:before{
    inset:20px -12px;
    opacity:.22;
  }
  .criteria-section:after,
  .channels-section:after,
  .location-section:after{
    opacity:.10;
  }
  .flow-vertical-stage{
    --flow-text-width:calc(100% - 56px);
    --flow-text-left:28px;
    --flow-text-right:28px;
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    min-height:300px;
    left:var(--flow-text-left);
    right:auto;
    transform:translateY(calc(-50% + 132px)) translate3d(0,24px,0);
  }
  .flow-stage-step.is-active.flow-pos-left,
  .flow-stage-step.is-active.flow-pos-right,
  .flow-stage-step.is-active.flow-pos-final{
    transform:translateY(calc(-50% + 132px)) translate3d(0,0,0);
  }
}
@media (max-width:640px){
  .criteria-section:after,
  .channels-section:after,
  .location-section:after,
  .flow-atmosphere:before,
  .flow-atmosphere:after{
    display:none;
  }
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    min-height:260px;
  }
}

/* ATLAS v24 LAB - ousadia controlada: HUD high-tech distribuido + ajuste fino de posicao */
.hero-hud{
  display:block;
  opacity:.36;
}
.hero-hud-ring,
.hero-hud-note{
  display:none;
}
.hero-hud-chart{
  display:block;
  opacity:.16;
}
.hero-hud-chart-1{
  left:41%;
  top:20%;
  width:390px;
  height:160px;
  transform:skewX(-8deg) scale(.92);
}
.hero-hud-chart-2{
  right:6%;
  bottom:16%;
  width:430px;
  height:150px;
  transform:skewX(7deg) scale(.86);
}
.hero .technical-map{
  opacity:.46;
}
.hero .draw{
  stroke-width:1.38;
  opacity:.72;
  filter:drop-shadow(0 0 11px rgba(126,216,169,.22));
}
.hero .draw-1{opacity:.50}
.hero .draw-2{opacity:.70}
.hero .draw-3{opacity:.42}
.hero .draw-4{opacity:.46}
.hero:after{
  background:
    radial-gradient(circle at 74% 32%,rgba(76,163,128,.16),transparent 30%),
    radial-gradient(circle at 18% 70%,rgba(126,216,169,.10),transparent 24%),
    linear-gradient(120deg,rgba(3,8,5,.82) 0%,rgba(3,10,6,.56) 45%,rgba(3,8,5,.76) 100%);
}
.hero:before{
  opacity:.46;
  filter:saturate(1.06) contrast(1.30) brightness(.88);
}
.hero-inner:before,
.hero-inner:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  opacity:.20;
  filter:drop-shadow(0 0 18px rgba(126,216,169,.16));
}
.hero-inner:before{
  width:340px;
  height:340px;
  left:-78px;
  bottom:-92px;
  border-radius:50%;
  border:1px solid rgba(126,216,169,.16);
  background:
    radial-gradient(circle,transparent 0 42%,rgba(126,216,169,.10) 43% 44%,transparent 45% 62%,rgba(126,216,169,.08) 63% 64%,transparent 65%),
    conic-gradient(from -30deg,rgba(126,216,169,.42),transparent 12%,transparent 35%,rgba(215,246,228,.18),transparent 52%,transparent);
  animation:heroHudSpin 34s linear infinite;
}
.hero-inner:after{
  width:430px;
  height:210px;
  right:21%;
  top:8%;
  background:
    repeating-linear-gradient(90deg,rgba(126,216,169,.0) 0 13px,rgba(126,216,169,.22) 14px 15px,rgba(126,216,169,.0) 16px 28px),
    linear-gradient(135deg,transparent 0 18%,rgba(126,216,169,.28) 18% 19%,transparent 20% 42%,rgba(215,246,228,.18) 42% 43%,transparent 44%);
  border-bottom:1px solid rgba(126,216,169,.16);
  clip-path:polygon(0 22%,90% 0,100% 75%,16% 100%);
  animation:hudPanelDrift 16s ease-in-out infinite alternate;
}

.section-title,
.flow-copy,
.channel-grid,
.location-copy,
.map-shell,
.footer{
  position:relative;
}
.section-title:before,
.flow-copy:before,
.channel-grid:before,
.location-copy:before,
.map-shell:before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  opacity:.16;
  filter:drop-shadow(0 0 16px rgba(126,216,169,.10));
}
.section-title:before{
  right:-34vw;
  top:18px;
  width:min(520px,40vw);
  height:240px;
  background:
    repeating-linear-gradient(90deg,transparent 0 18px,rgba(126,216,169,.20) 19px 21px,transparent 22px 34px),
    linear-gradient(0deg,rgba(126,216,169,.18) 1px,transparent 1px) 0 0/100% 48px;
  clip-path:polygon(0 12%,100% 0,86% 100%,10% 82%);
  animation:hudPanelDrift 18s ease-in-out infinite alternate;
}
.flow-copy:before{
  right:-24vw;
  bottom:-110px;
  width:460px;
  height:230px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.22) 1px,transparent 1px) 0 0/44px 44px,
    radial-gradient(circle at 20% 70%,rgba(126,216,169,.62) 0 3px,transparent 4px),
    radial-gradient(circle at 46% 36%,rgba(126,216,169,.52) 0 3px,transparent 4px),
    radial-gradient(circle at 78% 54%,rgba(126,216,169,.56) 0 3px,transparent 4px),
    linear-gradient(128deg,transparent 0 20%,rgba(126,216,169,.38) 21% 22%,transparent 23% 46%,rgba(126,216,169,.24) 47% 48%,transparent 49%);
  border-left:1px solid rgba(126,216,169,.18);
  border-bottom:1px solid rgba(126,216,169,.16);
  animation:flowWriteReveal 11s ease-in-out infinite;
}
.channel-grid:before{
  right:5%;
  top:-120px;
  width:370px;
  height:370px;
  border-radius:50%;
  border:1px solid rgba(126,216,169,.14);
  background:
    radial-gradient(circle,transparent 0 31%,rgba(126,216,169,.12) 32% 33%,transparent 34% 55%,rgba(126,216,169,.08) 56% 57%,transparent 58%),
    conic-gradient(from 20deg,rgba(126,216,169,.38),transparent 14%,transparent 38%,rgba(215,246,228,.14),transparent 54%,transparent);
  animation:heroHudSpin 28s linear infinite reverse;
}
.location-copy:before{
  left:-72px;
  bottom:-44px;
  width:310px;
  height:170px;
  background:
    repeating-linear-gradient(90deg,rgba(126,216,169,.18) 0 4px,transparent 5px 18px),
    linear-gradient(0deg,rgba(126,216,169,.14) 1px,transparent 1px) 0 0/100% 34px;
  clip-path:polygon(0 64%,7% 64%,7% 42%,14% 42%,14% 72%,21% 72%,21% 34%,28% 34%,28% 58%,35% 58%,35% 24%,42% 24%,42% 76%,49% 76%,49% 48%,56% 48%,56% 30%,63% 30%,63% 66%,70% 66%,70% 40%,77% 40%,77% 18%,84% 18%,84% 72%,91% 72%,91% 54%,100% 54%,100% 100%,0 100%);
  animation:hudEqualizerPulse 2.8s ease-in-out infinite alternate;
}
.map-shell:before{
  right:-42px;
  top:-42px;
  width:250px;
  height:250px;
  border-radius:50%;
  border:1px solid rgba(126,216,169,.14);
  background:
    radial-gradient(circle,transparent 0 46%,rgba(126,216,169,.11) 47% 48%,transparent 49%),
    conic-gradient(from 140deg,rgba(126,216,169,.34),transparent 18%,transparent 100%);
  animation:heroHudSpin 20s linear infinite;
}

.criteria-section:before,
.channels-section:before,
.location-section:before{
  opacity:.46;
  background:
    radial-gradient(circle at 78% 24%,rgba(126,216,169,.16),transparent 18%),
    radial-gradient(circle at 15% 82%,rgba(76,163,128,.10),transparent 20%),
    linear-gradient(90deg,rgba(126,216,169,.058) 1px,transparent 1px) 0 0/86px 100%,
    linear-gradient(0deg,rgba(126,216,169,.043) 1px,transparent 1px) 0 0/100% 86px;
}
.criteria-section:after,
.channels-section:after,
.location-section:after{
  opacity:.25;
}
.channels-section:after{
  right:0;
  top:130px;
  transform:scale(1.04) skewX(-7deg);
}
.location-section:after{
  left:-5vw;
  bottom:18px;
  transform:scale(1.02) rotate(-2deg);
}

.flow-atmosphere{
  opacity:1;
}
.flow-atmosphere:before{
  opacity:.24;
  left:3%;
  top:6%;
  animation:flowWriteReveal 10s ease-in-out infinite;
}
.flow-atmosphere:after{
  opacity:.22;
  right:2%;
  bottom:7%;
  animation:heroHudSpin 20s linear infinite;
}
.flow-radar{
  opacity:.16;
}
.flow-radar-1{
  top:9%;
  right:5%;
  width:330px;
  height:330px;
}
.flow-radar-2{
  bottom:7%;
  left:6%;
  width:290px;
  height:290px;
}
.flow-gauge{
  opacity:.18;
  border-radius:999px 999px 12px 12px;
  background:
    radial-gradient(circle at 50% 100%,transparent 0 42%,rgba(126,216,169,.10) 43% 45%,transparent 46%),
    conic-gradient(from 235deg at 50% 100%,rgba(126,216,169,.50),transparent 18%,transparent 38%,rgba(215,246,228,.25),transparent 54%,rgba(126,216,169,.32),transparent 72%);
}
.flow-gauge:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:12%;
  width:43%;
  height:2px;
  transform-origin:left center;
  transform:rotate(-18deg);
  background:linear-gradient(90deg,rgba(215,246,228,.78),transparent);
  filter:drop-shadow(0 0 10px rgba(126,216,169,.42));
  animation:hudNeedleSweep 4.6s ease-in-out infinite alternate;
}
.flow-gauge:after{
  display:none;
}
.flow-gauge-1{top:13%;left:2%;transform:scale(.86)}
.flow-gauge-2{bottom:9%;right:0;transform:scale(.82) rotate(1deg)}
.flow-gauge-3{top:55%;right:4%;transform:scale(.66) rotate(-4deg)}

.flow-chart{
  opacity:.20;
  border-left:1px solid rgba(126,216,169,.24);
  border-bottom:1px solid rgba(126,216,169,.22);
}
.flow-chart-1{
  top:10%;
  left:30%;
  width:360px;
  height:135px;
  transform:scale(.88) skewX(-4deg);
}
.flow-chart-1:before{
  background:
    linear-gradient(135deg,transparent 0 16%,rgba(126,216,169,.58) 16% 18%,transparent 19% 36%,rgba(215,246,228,.42) 36% 38%,transparent 39% 58%,rgba(126,216,169,.50) 58% 60%,transparent 61%),
    radial-gradient(circle at 18% 72%,rgba(126,216,169,.72) 0 4px,transparent 5px),
    radial-gradient(circle at 41% 42%,rgba(126,216,169,.68) 0 4px,transparent 5px),
    radial-gradient(circle at 68% 54%,rgba(126,216,169,.68) 0 4px,transparent 5px),
    radial-gradient(circle at 86% 22%,rgba(126,216,169,.72) 0 4px,transparent 5px);
}
.flow-chart-2{
  top:42%;
  left:2%;
  width:280px;
  height:165px;
  transform:scale(.84);
  background:
    repeating-linear-gradient(90deg,transparent 0 12px,rgba(126,216,169,.35) 13px 18px,transparent 19px 28px),
    linear-gradient(0deg,rgba(126,216,169,.10) 1px,transparent 1px) 0 0/100% 31px;
  animation:hudEqualizerPulse 3.4s ease-in-out infinite alternate;
}
.flow-chart-2:before{
  display:none;
}
.flow-chart-3{
  bottom:7%;
  right:21%;
  width:330px;
  height:145px;
  transform:scale(.90);
}
.flow-chart-4{
  top:26%;
  right:4%;
  width:310px;
  height:120px;
  transform:scale(.82) skewX(5deg);
}
.flow-chart-4:before{
  background:
    repeating-linear-gradient(90deg,rgba(126,216,169,.42) 0 5px,transparent 6px 18px),
    linear-gradient(90deg,transparent 0 22%,rgba(215,246,228,.34) 22% 23%,transparent 24% 54%,rgba(126,216,169,.30) 54% 55%,transparent 56%);
}
.flow-chart-5{
  bottom:29%;
  left:25%;
  width:250px;
  height:250px;
  border-radius:50%;
  transform:scale(.78);
  background:
    radial-gradient(circle,transparent 0 34%,rgba(126,216,169,.13) 35% 36%,transparent 37% 58%,rgba(126,216,169,.10) 59% 60%,transparent 61%),
    conic-gradient(from 0deg,rgba(126,216,169,.38),transparent 12%,transparent 38%,rgba(215,246,228,.18),transparent 55%,transparent);
  animation:heroHudSpin 18s linear infinite;
}
.flow-chart-5:before{
  display:none;
}
.flow-note{
  opacity:.22;
  font-size:clamp(.9rem,1.08vw,1.08rem);
  text-shadow:0 0 14px rgba(126,216,169,.18);
}
.flow-note-1{top:10%;left:10%}
.flow-note-2{top:38%;right:7%}
.flow-note-3{bottom:17%;left:8%}
.flow-note-4{top:24%;right:25%}
.flow-note-5{top:66%;left:12%}
.flow-note-6{bottom:7%;right:9%}
.flow-note-7{top:5%;right:29%}
.flow-note-8{top:35%;left:31%}
.flow-note-9{bottom:33%;right:11%}
.flow-note-10{bottom:3%;left:29%}

.flow-vertical-track .flow-orb .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even) .flow-orb-label,
.flow-vertical-track .flow-orb-1 .flow-orb-label,
.flow-vertical-track .flow-orb-2 .flow-orb-label,
.flow-vertical-track .flow-orb-3 .flow-orb-label,
.flow-vertical-track .flow-orb-4 .flow-orb-label,
.flow-vertical-track .flow-orb-5 .flow-orb-label{
  font-size:clamp(1.54rem,1.9vw,2rem);
  letter-spacing:.075em;
  -webkit-text-stroke:.8px rgba(162,255,202,.90);
  text-shadow:
    0 0 2px rgba(215,246,228,.92),
    0 0 15px rgba(126,216,169,.56),
    0 0 32px rgba(76,163,128,.34);
}

.flow-stage-step[data-flow-step="0"]{top:15.5%}
.flow-stage-step[data-flow-step="1"]{top:33.5%}
.flow-stage-step[data-flow-step="2"]{top:51%}
.flow-stage-step[data-flow-step="3"]{top:68.5%}
.flow-stage-step[data-flow-step="4"]{top:84.5%}
.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  min-height:330px;
}

@keyframes hudPanelDrift{
  0%{opacity:.10;transform:translate3d(-10px,0,0) skewX(-2deg)}
  40%{opacity:.22}
  100%{opacity:.15;transform:translate3d(18px,8px,0) skewX(2deg)}
}
@keyframes hudEqualizerPulse{
  0%{opacity:.10;filter:drop-shadow(0 0 10px rgba(126,216,169,.08));background-position:0 0,0 0}
  45%{opacity:.24}
  100%{opacity:.18;filter:drop-shadow(0 0 22px rgba(126,216,169,.18));background-position:36px 0,0 16px}
}
@keyframes hudNeedleSweep{
  0%{transform:rotate(-32deg)}
  38%{transform:rotate(18deg)}
  70%{transform:rotate(-4deg)}
  100%{transform:rotate(34deg)}
}

@media (max-width:980px){
  .hero-inner:before,
  .hero-inner:after,
  .section-title:before,
  .flow-copy:before,
  .channel-grid:before,
  .location-copy:before,
  .map-shell:before{
    opacity:.10;
  }
  .flow-stage-step[data-flow-step="0"]{top:15%}
  .flow-stage-step[data-flow-step="1"]{top:32%}
  .flow-stage-step[data-flow-step="3"]{top:70%}
  .flow-stage-step[data-flow-step="4"]{top:86%}
}
@media (max-width:640px){
  .hero-hud,
  .hero-inner:before,
  .hero-inner:after,
  .section-title:before,
  .flow-copy:before,
  .channel-grid:before,
  .location-copy:before,
  .map-shell:before{
    display:none;
  }
}

/* ATLAS v25 LAB - HUD curado/high-tech modular: menos repeticao, mais sistema visual */
.hero,
.criteria-section,
.channels-section,
.location-section,
.flow-vertical-stage{
  isolation:isolate;
}
.hero-hud,
.section-tech-layer,
.flow-atmosphere{
  pointer-events:none;
}

/* Camada HERO: linhas tecnicas mais ricas, mas preservando leitura principal */
.hero .technical-map{
  opacity:.84;
  filter:drop-shadow(0 0 18px rgba(126,216,169,.10));
}
.hero .technical-map .draw{
  stroke-width:1.8;
  filter:drop-shadow(0 0 8px rgba(126,216,169,.20));
}
.hero-hud{
  display:block;
  opacity:.92;
  mix-blend-mode:screen;
}
.hero-hud:before,
.hero-hud:after{
  content:"";
  position:absolute;
  display:block;
  pointer-events:none;
}
.hero-hud:before{
  left:5vw;
  right:8vw;
  top:19%;
  height:36%;
  opacity:.34;
  background:
    linear-gradient(90deg,transparent 0 6%,rgba(126,216,169,.20) 6.2% 6.45%,transparent 6.7% 21%,rgba(215,246,228,.18) 21.15% 21.35%,transparent 21.6% 100%),
    linear-gradient(110deg,transparent 0 32%,rgba(126,216,169,.15) 32.1% 32.45%,transparent 32.7% 58%,rgba(126,216,169,.10) 58.1% 58.35%,transparent 58.55% 100%),
    radial-gradient(circle at 18% 72%,rgba(126,216,169,.50) 0 3px,transparent 4px),
    radial-gradient(circle at 54% 24%,rgba(215,246,228,.42) 0 3px,transparent 4px),
    radial-gradient(circle at 82% 64%,rgba(126,216,169,.42) 0 3px,transparent 4px);
  clip-path:polygon(0 8%,100% 0,96% 82%,8% 100%);
  animation:hudAtlasDrift 18s ease-in-out infinite alternate;
}
.hero-hud:after{
  right:8vw;
  bottom:12%;
  width:min(520px,36vw);
  height:128px;
  opacity:.18;
  border:1px solid rgba(126,216,169,.25);
  border-radius:18px 4px 28px 4px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.12) 1px,transparent 1px) 0 0/38px 38px,
    linear-gradient(0deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/100% 32px,
    linear-gradient(120deg,transparent 0 18%,rgba(126,216,169,.38) 18.2% 18.7%,transparent 19% 42%,rgba(215,246,228,.28) 42.2% 42.7%,transparent 43% 70%,rgba(126,216,169,.25) 70.2% 70.7%,transparent 71%);
  clip-path:inset(0 100% 0 0 round 18px);
  animation:hudRevealMask 9.5s ease-in-out infinite;
}
.hero-hud-ring{
  opacity:.12;
}
.hero-hud-chart{
  opacity:.12;
  filter:blur(.1px) drop-shadow(0 0 18px rgba(126,216,169,.10));
}
.hero-hud-note{
  opacity:.19;
  font-size:clamp(.72rem,.92vw,.92rem);
  letter-spacing:.14em;
}
.hero-hud-module{
  position:absolute;
  display:block;
  z-index:2;
  color:rgba(215,246,228,.76);
  font-family:var(--font-title);
  text-transform:uppercase;
  letter-spacing:.13em;
  opacity:.26;
  filter:drop-shadow(0 0 16px rgba(126,216,169,.16));
}
.hero-hud-tach{
  left:9%;
  bottom:10%;
  width:230px;
  height:230px;
  border-radius:50%;
  border:1px solid rgba(126,216,169,.20);
  background:
    radial-gradient(circle,transparent 0 38%,rgba(126,216,169,.10) 39% 40%,transparent 41% 58%,rgba(215,246,228,.09) 59% 60%,transparent 61%),
    repeating-conic-gradient(from 218deg,rgba(126,216,169,.34) 0deg 1.5deg,transparent 1.7deg 9deg),
    conic-gradient(from 220deg,rgba(126,216,169,.34),transparent 23%,transparent 56%,rgba(215,246,228,.18),transparent 78%);
  animation:hudAtlasSpin 26s linear infinite;
}
.hero-hud-tach:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:43%;
  height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(215,246,228,.78),transparent);
  animation:hudNeedleSweepSoft 5.8s ease-in-out infinite alternate;
}
.hero-hud-tach:after{
  content:"RPM / TORQUE";
  position:absolute;
  left:22%;
  bottom:21%;
  font-size:.58rem;
  color:rgba(126,216,169,.68);
}
.hero-hud-telemetry{
  left:42%;
  top:17%;
  width:min(420px,32vw);
  height:88px;
  border:1px solid rgba(126,216,169,.20);
  border-radius:12px 2px 18px 2px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.12) 1px,transparent 1px) 0 0/32px 100%,
    linear-gradient(0deg,rgba(126,216,169,.10) 1px,transparent 1px) 0 0/100% 22px;
  clip-path:polygon(0 0,91% 0,100% 28%,100% 100%,8% 100%,0 72%);
  animation:hudRevealMask 10.8s ease-in-out infinite .6s;
}
.hero-hud-telemetry:before{
  content:"";
  position:absolute;
  inset:15% 7% 18% 7%;
  background:
    linear-gradient(128deg,transparent 0 9%,rgba(126,216,169,.62) 9.4% 10%,transparent 10.6% 27%,rgba(215,246,228,.44) 27.5% 28.1%,transparent 28.8% 46%,rgba(126,216,169,.56) 46.4% 47%,transparent 47.7% 67%,rgba(215,246,228,.40) 67.2% 68%,transparent 68.6%),
    radial-gradient(circle at 10% 71%,rgba(126,216,169,.76) 0 3px,transparent 4px),
    radial-gradient(circle at 28% 38%,rgba(126,216,169,.70) 0 3px,transparent 4px),
    radial-gradient(circle at 47% 55%,rgba(126,216,169,.70) 0 3px,transparent 4px),
    radial-gradient(circle at 68% 28%,rgba(126,216,169,.76) 0 3px,transparent 4px);
}
.hero-hud-system{
  right:12%;
  top:34%;
  width:250px;
  height:142px;
  border:1px solid rgba(126,216,169,.18);
  border-radius:4px 18px 4px 22px;
  background:
    radial-gradient(circle at 18% 55%,rgba(126,216,169,.65) 0 4px,transparent 5px),
    radial-gradient(circle at 48% 26%,rgba(215,246,228,.44) 0 3px,transparent 4px),
    radial-gradient(circle at 78% 67%,rgba(126,216,169,.60) 0 4px,transparent 5px),
    linear-gradient(28deg,transparent 0 20%,rgba(126,216,169,.30) 20.2% 20.7%,transparent 21% 50%,rgba(126,216,169,.24) 50.2% 50.7%,transparent 51%),
    linear-gradient(150deg,transparent 0 36%,rgba(215,246,228,.22) 36.2% 36.7%,transparent 37%);
  animation:hudPanelBreath 7.4s ease-in-out infinite alternate;
}
.hero-hud-readout{
  right:20%;
  bottom:17%;
  display:grid;
  grid-template-columns:auto auto;
  gap:6px 12px;
  align-items:center;
  padding:13px 16px 12px;
  border:1px solid rgba(126,216,169,.22);
  border-radius:16px 4px 16px 4px;
  background:rgba(4,15,9,.36);
  backdrop-filter:blur(4px);
  animation:hudFloatY 8s ease-in-out infinite alternate;
}
.hero-hud-readout b{font-size:1.25rem;color:rgba(215,246,228,.76)}
.hero-hud-readout i{font-style:normal;color:rgba(126,216,169,.82)}
.hero-hud-readout em{grid-column:1 / -1;font-style:normal;font-size:.58rem;color:rgba(126,216,169,.68)}

/* Camadas tecnicas por secao */
.section-tech-layer{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  opacity:.92;
}
.criteria-section > :not(.section-tech-layer),
.channels-section > :not(.section-tech-layer),
.location-section > :not(.section-tech-layer){
  position:relative;
  z-index:2;
}
.criteria-section:before,
.channels-section:before,
.location-section:before{
  opacity:.56;
  background:
    radial-gradient(circle at 78% 22%,rgba(126,216,169,.14),transparent 18%),
    radial-gradient(circle at 11% 82%,rgba(76,163,128,.11),transparent 19%),
    linear-gradient(90deg,rgba(126,216,169,.060) 1px,transparent 1px) 0 0/72px 100%,
    linear-gradient(0deg,rgba(126,216,169,.045) 1px,transparent 1px) 0 0/100% 72px;
}
.section-tech-layer span{
  position:absolute;
  display:block;
  color:rgba(215,246,228,.58);
  font-family:var(--font-title);
  text-transform:uppercase;
  letter-spacing:.13em;
  pointer-events:none;
}
.layer-criteria .section-hud-tach{
  right:2%;
  top:9%;
  width:min(360px,28vw);
  height:min(360px,28vw);
  border-radius:50%;
  opacity:.17;
  border:1px solid rgba(126,216,169,.22);
  background:
    radial-gradient(circle,transparent 0 42%,rgba(126,216,169,.14) 43% 44%,transparent 45% 64%,rgba(126,216,169,.10) 65% 66%,transparent 67%),
    repeating-conic-gradient(from 210deg,rgba(126,216,169,.36) 0 1deg,transparent 1.3deg 8deg),
    conic-gradient(from 215deg,rgba(126,216,169,.30),transparent 28%,transparent 68%,rgba(215,246,228,.14),transparent 84%);
  animation:hudAtlasSpin 30s linear infinite;
}
.layer-criteria .section-hud-tach:before,
.layer-location .section-hud-tach:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:40%;
  height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(215,246,228,.68),transparent);
  animation:hudNeedleSweepSoft 6.3s ease-in-out infinite alternate;
}
.layer-criteria .section-hud-panel{
  right:3%;
  bottom:9%;
  width:min(430px,34vw);
  height:170px;
  opacity:.14;
  border:1px solid rgba(126,216,169,.24);
  border-radius:18px 4px 24px 4px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.12) 1px,transparent 1px) 0 0/38px 38px,
    linear-gradient(0deg,rgba(126,216,169,.10) 1px,transparent 1px) 0 0/100% 34px,
    linear-gradient(132deg,transparent 0 12%,rgba(126,216,169,.50) 12.4% 13%,transparent 13.5% 34%,rgba(215,246,228,.36) 34.4% 35%,transparent 35.5% 61%,rgba(126,216,169,.42) 61.4% 62%,transparent 62.5%);
  clip-path:polygon(0 0,88% 0,100% 24%,100% 100%,8% 100%,0 82%);
  animation:hudRevealMask 12s ease-in-out infinite;
}
.layer-criteria .section-hud-wave{
  left:2%;
  bottom:4%;
  width:min(540px,42vw);
  height:96px;
  opacity:.13;
  border-left:1px solid rgba(126,216,169,.20);
  border-bottom:1px solid rgba(126,216,169,.20);
  background:
    linear-gradient(110deg,transparent 0 10%,rgba(126,216,169,.48) 10.4% 11%,transparent 11.5% 26%,rgba(126,216,169,.26) 26.4% 27%,transparent 27.5% 47%,rgba(215,246,228,.34) 47.4% 48%,transparent 48.5% 70%,rgba(126,216,169,.36) 70.4% 71%,transparent 71.5%),
    linear-gradient(90deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/42px 42px;
  animation:hudTelemetrySlide 12s ease-in-out infinite alternate;
}
.layer-channels .section-hud-gridpanel{
  right:5%;
  top:7%;
  width:min(520px,40vw);
  height:220px;
  opacity:.14;
  border:1px solid rgba(126,216,169,.22);
  border-radius:4px 30px 4px 30px;
  background:
    radial-gradient(circle at 18% 58%,rgba(126,216,169,.55) 0 4px,transparent 5px),
    radial-gradient(circle at 41% 25%,rgba(215,246,228,.38) 0 3px,transparent 4px),
    radial-gradient(circle at 73% 64%,rgba(126,216,169,.50) 0 4px,transparent 5px),
    linear-gradient(24deg,transparent 0 22%,rgba(126,216,169,.30) 22.2% 22.7%,transparent 23% 50%,rgba(126,216,169,.22) 50.2% 50.7%,transparent 51%),
    linear-gradient(90deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/40px 40px,
    linear-gradient(0deg,rgba(126,216,169,.06) 1px,transparent 1px) 0 0/100% 40px;
  animation:hudPanelBreath 8.5s ease-in-out infinite alternate;
}
.layer-channels .section-hud-bars{
  left:1%;
  bottom:4%;
  width:min(430px,36vw);
  height:185px;
  opacity:.13;
  border:1px solid rgba(126,216,169,.20);
  border-radius:20px 4px 20px 4px;
  background:
    linear-gradient(180deg,transparent 0 18%,rgba(126,216,169,.14) 18% 19%,transparent 20%),
    linear-gradient(90deg,transparent 0 8%,rgba(126,216,169,.45) 8% 10%,transparent 10% 15%,rgba(126,216,169,.20) 15% 17%,transparent 17% 23%,rgba(126,216,169,.35) 23% 26%,transparent 26% 33%,rgba(215,246,228,.38) 33% 36%,transparent 36% 44%,rgba(126,216,169,.24) 44% 47%,transparent 47% 55%,rgba(126,216,169,.42) 55% 58%,transparent 58% 67%,rgba(126,216,169,.22) 67% 69%,transparent 69% 77%,rgba(215,246,228,.30) 77% 80%,transparent 80%);
  clip-path:polygon(0 0,92% 0,100% 16%,100% 100%,0 100%);
  animation:hudEqualizerContained 4.4s ease-in-out infinite alternate;
}
.layer-channels .section-hud-readout{
  right:22%;
  bottom:15%;
  padding:12px 15px;
  opacity:.16;
  border:1px solid rgba(126,216,169,.22);
  border-radius:999px;
  background:rgba(4,15,9,.34);
  font-size:.72rem;
  animation:hudTypingGlow 7s steps(2,end) infinite;
}
.layer-location .section-hud-route{
  left:0;
  top:11%;
  width:min(480px,38vw);
  height:250px;
  opacity:.13;
  border:1px solid rgba(126,216,169,.20);
  border-radius:4px 24px 4px 24px;
  background:
    radial-gradient(circle at 18% 76%,rgba(126,216,169,.54) 0 4px,transparent 5px),
    radial-gradient(circle at 47% 42%,rgba(215,246,228,.36) 0 3px,transparent 4px),
    radial-gradient(circle at 78% 22%,rgba(126,216,169,.46) 0 4px,transparent 5px),
    linear-gradient(142deg,transparent 0 18%,rgba(126,216,169,.38) 18.2% 18.7%,transparent 19% 46%,rgba(215,246,228,.26) 46.2% 46.7%,transparent 47% 68%,rgba(126,216,169,.32) 68.2% 68.7%,transparent 69%),
    linear-gradient(90deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/42px 42px,
    linear-gradient(0deg,rgba(126,216,169,.06) 1px,transparent 1px) 0 0/100% 42px;
  animation:hudTelemetrySlide 12s ease-in-out infinite alternate-reverse;
}
.layer-location .section-hud-coordinates{
  right:6%;
  bottom:8%;
  opacity:.16;
  padding:10px 14px;
  border:1px solid rgba(126,216,169,.20);
  border-radius:14px 4px 14px 4px;
  background:rgba(3,12,7,.34);
  font-size:.70rem;
  animation:hudRevealMask 10s ease-in-out infinite;
}
.layer-location .section-hud-tach.small{
  right:3%;
  top:4%;
  width:210px;
  height:210px;
  border-radius:50%;
  opacity:.12;
  border:1px solid rgba(126,216,169,.18);
  background:
    radial-gradient(circle,transparent 0 42%,rgba(126,216,169,.12) 43% 44%,transparent 45% 62%,rgba(126,216,169,.08) 63% 64%,transparent 65%),
    repeating-conic-gradient(from 205deg,rgba(126,216,169,.30) 0 1deg,transparent 1.2deg 8deg),
    conic-gradient(from 215deg,rgba(126,216,169,.26),transparent 32%,transparent 68%,rgba(215,246,228,.12),transparent 84%);
  animation:hudAtlasSpin 36s linear infinite reverse;
}

/* Fluxograma: remover elementos repetitivos e substituir por modulos variados */
.flow-chart{
  display:none !important;
}
.flow-atmosphere{
  opacity:1;
}
.flow-atmosphere:before{
  opacity:.20;
  background:
    radial-gradient(circle at 22% 24%,rgba(126,216,169,.12),transparent 19%),
    radial-gradient(circle at 74% 70%,rgba(76,163,128,.12),transparent 25%),
    linear-gradient(90deg,rgba(126,216,169,.050) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(0deg,rgba(126,216,169,.038) 1px,transparent 1px) 0 0/100% 58px;
  animation:flowAtmosphereDrift 22s ease-in-out infinite alternate;
}
.flow-atmosphere:after{
  opacity:.12;
  background:
    radial-gradient(circle,transparent 0 38%,rgba(126,216,169,.10) 39% 40%,transparent 41% 64%,rgba(126,216,169,.08) 65% 66%,transparent 67%),
    conic-gradient(from 270deg,rgba(126,216,169,.34),transparent 16%,transparent 50%,rgba(215,246,228,.15),transparent 66%,transparent);
  animation:hudAtlasSpin 34s linear infinite;
}
.flow-blueprint{
  opacity:.052;
  filter:drop-shadow(0 0 20px rgba(126,216,169,.10));
}
.flow-gauge,
.flow-radar{
  opacity:.11;
}
.flow-note{
  opacity:.12;
  font-size:clamp(.72rem,.86vw,.88rem);
  letter-spacing:.10em;
  color:rgba(126,216,169,.62);
  filter:blur(.05px) drop-shadow(0 0 12px rgba(126,216,169,.10));
}
.flow-note-1{top:9%;left:10%}
.flow-note-2{top:31%;right:7%}
.flow-note-3{bottom:18%;left:8%}
.flow-note-4{top:23%;right:24%}
.flow-note-5{top:64%;left:9%}
.flow-note-6{bottom:7%;right:10%}
.flow-note-7{top:5%;right:26%}
.flow-note-8{top:42%;left:28%}
.flow-note-9{bottom:35%;right:10%}
.flow-note-10{bottom:3%;left:29%}
.flow-module{
  position:absolute;
  z-index:1;
  display:block;
  color:rgba(215,246,228,.70);
  font-family:var(--font-title);
  text-transform:uppercase;
  letter-spacing:.12em;
  pointer-events:none;
  opacity:.16;
  filter:drop-shadow(0 0 16px rgba(126,216,169,.13));
}
.flow-module-tach{
  width:clamp(210px,22vw,340px);
  height:clamp(210px,22vw,340px);
  border-radius:50%;
  border:1px solid rgba(126,216,169,.18);
  background:
    radial-gradient(circle,transparent 0 39%,rgba(126,216,169,.12) 40% 41%,transparent 42% 59%,rgba(215,246,228,.09) 60% 61%,transparent 62%),
    repeating-conic-gradient(from 214deg,rgba(126,216,169,.32) 0 1deg,transparent 1.25deg 7.5deg),
    conic-gradient(from 222deg,rgba(126,216,169,.35),transparent 20%,transparent 52%,rgba(215,246,228,.18),transparent 74%,transparent);
  animation:hudAtlasSpin 32s linear infinite;
}
.flow-module-tach:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:40%;
  height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(215,246,228,.72),transparent);
  animation:hudNeedleSweepSoft 6.8s ease-in-out infinite alternate;
}
.flow-module-tach:after{
  content:"TORQUE / RPM";
  position:absolute;
  left:24%;
  bottom:22%;
  font-size:.58rem;
  color:rgba(126,216,169,.62);
}
.flow-module-tach-1{top:8%;left:3%;opacity:.15;animation-duration:38s}
.flow-module-tach-2{bottom:13%;right:3%;opacity:.12;transform:scale(.82);animation-duration:44s;animation-direction:reverse}
.flow-module-telemetry{
  width:clamp(320px,31vw,520px);
  height:clamp(100px,10vw,154px);
  border:1px solid rgba(126,216,169,.18);
  border-radius:16px 3px 22px 3px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.10) 1px,transparent 1px) 0 0/35px 35px,
    linear-gradient(0deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/100% 28px;
  clip-path:polygon(0 0,90% 0,100% 22%,100% 100%,8% 100%,0 78%);
  animation:hudRevealMask 11.5s ease-in-out infinite;
}
.flow-module-telemetry:before{
  content:"";
  position:absolute;
  inset:17% 6% 18% 7%;
  background:
    linear-gradient(132deg,transparent 0 8%,rgba(126,216,169,.58) 8.4% 9%,transparent 9.7% 21%,rgba(215,246,228,.38) 21.5% 22.2%,transparent 23% 39%,rgba(126,216,169,.54) 39.4% 40%,transparent 40.8% 58%,rgba(215,246,228,.34) 58.5% 59.2%,transparent 60% 76%,rgba(126,216,169,.44) 76.4% 77%,transparent 77.8%),
    radial-gradient(circle at 9% 74%,rgba(126,216,169,.70) 0 3px,transparent 4px),
    radial-gradient(circle at 22% 42%,rgba(126,216,169,.66) 0 3px,transparent 4px),
    radial-gradient(circle at 40% 54%,rgba(126,216,169,.66) 0 3px,transparent 4px),
    radial-gradient(circle at 59% 28%,rgba(126,216,169,.70) 0 3px,transparent 4px),
    radial-gradient(circle at 77% 47%,rgba(126,216,169,.66) 0 3px,transparent 4px);
}
.flow-module-telemetry-1{top:21%;right:5%;opacity:.14}
.flow-module-telemetry-2{bottom:8%;left:18%;opacity:.11;transform:scale(.88) skewX(-4deg);animation-delay:2.7s}
.flow-module-diagnostic{
  min-width:clamp(180px,18vw,280px);
  padding:13px 15px 12px;
  border:1px solid rgba(126,216,169,.20);
  border-radius:16px 4px 16px 4px;
  background:rgba(3,12,7,.34);
  backdrop-filter:blur(4px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  animation:hudPanelBreath 7.8s ease-in-out infinite alternate;
}
.flow-module-diagnostic b{font-size:1rem;color:rgba(215,246,228,.78)}
.flow-module-diagnostic i{font-style:normal;font-size:.62rem;color:rgba(126,216,169,.64)}
.flow-module-diagnostic em{font-style:normal;font-size:.75rem;color:rgba(126,216,169,.86)}
.flow-module-diagnostic-1{top:37%;left:5%;opacity:.13}
.flow-module-diagnostic-2{bottom:27%;right:8%;opacity:.13;animation-delay:1.2s}
.flow-module-bars{
  width:clamp(250px,23vw,380px);
  height:140px;
  border:1px solid rgba(126,216,169,.18);
  border-radius:20px 4px 20px 4px;
  background:
    linear-gradient(0deg,rgba(126,216,169,.12) 1px,transparent 1px) 0 0/100% 26px,
    linear-gradient(90deg,transparent 0 8%,rgba(126,216,169,.36) 8% 10%,transparent 10% 16%,rgba(126,216,169,.18) 16% 18%,transparent 18% 25%,rgba(126,216,169,.28) 25% 28%,transparent 28% 35%,rgba(215,246,228,.30) 35% 38%,transparent 38% 48%,rgba(126,216,169,.21) 48% 51%,transparent 51% 59%,rgba(126,216,169,.34) 59% 62%,transparent 62% 72%,rgba(215,246,228,.22) 72% 75%,transparent 75%);
  clip-path:polygon(0 0,92% 0,100% 18%,100% 100%,0 100%);
  animation:hudEqualizerContained 4.8s ease-in-out infinite alternate;
}
.flow-module-bars-1{top:58%;right:7%;opacity:.115}
.flow-module-system{
  width:clamp(260px,24vw,410px);
  height:clamp(150px,14vw,220px);
  border:1px solid rgba(126,216,169,.18);
  border-radius:4px 24px 4px 24px;
  background:
    radial-gradient(circle at 16% 62%,rgba(126,216,169,.58) 0 4px,transparent 5px),
    radial-gradient(circle at 38% 30%,rgba(215,246,228,.36) 0 3px,transparent 4px),
    radial-gradient(circle at 66% 47%,rgba(126,216,169,.50) 0 4px,transparent 5px),
    radial-gradient(circle at 82% 22%,rgba(215,246,228,.30) 0 3px,transparent 4px),
    linear-gradient(26deg,transparent 0 18%,rgba(126,216,169,.28) 18.2% 18.7%,transparent 19% 40%,rgba(215,246,228,.20) 40.2% 40.7%,transparent 41% 68%,rgba(126,216,169,.23) 68.2% 68.7%,transparent 69%),
    linear-gradient(145deg,transparent 0 30%,rgba(126,216,169,.20) 30.2% 30.7%,transparent 31% 58%,rgba(126,216,169,.16) 58.2% 58.7%,transparent 59%);
  animation:hudPanelBreath 9.2s ease-in-out infinite alternate;
}
.flow-module-system-1{bottom:38%;left:25%;opacity:.10}
.flow-module-radar{
  width:clamp(220px,22vw,350px);
  height:clamp(220px,22vw,350px);
  border-radius:50%;
  border:1px solid rgba(126,216,169,.15);
  background:
    radial-gradient(circle,transparent 0 28%,rgba(126,216,169,.08) 29% 30%,transparent 31% 51%,rgba(126,216,169,.08) 52% 53%,transparent 54% 72%,rgba(126,216,169,.06) 73% 74%,transparent 75%),
    conic-gradient(from 0deg,rgba(126,216,169,.30),transparent 13%,transparent 100%);
  animation:hudAtlasSpin 18s linear infinite;
}
.flow-module-radar-1{top:43%;right:1%;opacity:.10}
.flow-module-readout{
  display:flex;
  align-items:flex-end;
  gap:8px;
  padding:10px 14px;
  border:1px solid rgba(126,216,169,.19);
  border-radius:14px 4px 14px 4px;
  background:rgba(4,15,9,.34);
  backdrop-filter:blur(4px);
  animation:hudFloatY 7.8s ease-in-out infinite alternate;
}
.flow-module-readout strong{font-size:clamp(1.45rem,2.6vw,2.3rem);line-height:.9;color:rgba(215,246,228,.70)}
.flow-module-readout span{font-size:.62rem;color:rgba(126,216,169,.68);padding-bottom:3px}
.flow-module-readout-1{top:13%;right:21%;opacity:.13}
.flow-module-readout-2{bottom:19%;left:6%;opacity:.12;animation-delay:1.6s}

@keyframes hudAtlasDrift{
  0%{transform:translate3d(-10px,-3px,0) skewX(-1deg);opacity:.20}
  45%{opacity:.38}
  100%{transform:translate3d(18px,8px,0) skewX(1.5deg);opacity:.28}
}
@keyframes hudAtlasSpin{to{transform:rotate(360deg)}}
@keyframes hudRevealMask{
  0%,14%{clip-path:inset(0 100% 0 0 round 18px);opacity:.06}
  35%,72%{clip-path:inset(0 0 0 0 round 18px);opacity:.18}
  100%{clip-path:inset(0 0 0 100% round 18px);opacity:.08}
}
@keyframes hudNeedleSweepSoft{
  0%{transform:rotate(-38deg)}
  36%{transform:rotate(18deg)}
  68%{transform:rotate(-6deg)}
  100%{transform:rotate(34deg)}
}
@keyframes hudPanelBreath{
  0%{opacity:.08;transform:translate3d(-6px,0,0)}
  45%{opacity:.17}
  100%{opacity:.12;transform:translate3d(9px,5px,0)}
}
@keyframes hudFloatY{
  0%{transform:translate3d(0,-5px,0);opacity:.10}
  50%{opacity:.18}
  100%{transform:translate3d(0,7px,0);opacity:.13}
}
@keyframes hudTelemetrySlide{
  0%{background-position:-18px 0,0 0;opacity:.09;transform:translate3d(-8px,0,0)}
  50%{opacity:.16}
  100%{background-position:28px 0,12px 0;opacity:.13;transform:translate3d(12px,4px,0)}
}
@keyframes hudEqualizerContained{
  0%{opacity:.08;filter:drop-shadow(0 0 8px rgba(126,216,169,.06));background-position:0 0,0 0}
  45%{opacity:.16}
  100%{opacity:.12;filter:drop-shadow(0 0 18px rgba(126,216,169,.13));background-position:0 13px,24px 0}
}
@keyframes hudTypingGlow{
  0%,100%{opacity:.10;filter:drop-shadow(0 0 6px rgba(126,216,169,.08))}
  45%{opacity:.18;filter:drop-shadow(0 0 18px rgba(126,216,169,.16))}
}

@media (max-width:980px){
  .hero-hud-module,
  .section-tech-layer,
  .flow-module{
    opacity:.55;
  }
  .flow-module-telemetry,
  .flow-module-system,
  .flow-module-bars{
    transform:scale(.82);
  }
}
@media (max-width:640px){
  .hero-hud,
  .section-tech-layer,
  .flow-module{
    display:none !important;
  }
}

/* ATLAS v25.1 LAB - limpeza dos elementos antigos repetitivos */
.hero-hud-chart,
.section-title:before,
.flow-copy:before,
.channel-grid:before,
.location-copy:before{
  display:none !important;
}
.hero-inner:after{
  opacity:.10;
  background:
    linear-gradient(90deg,rgba(126,216,169,.14) 1px,transparent 1px) 0 0/52px 52px,
    linear-gradient(0deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/100% 52px,
    linear-gradient(125deg,transparent 0 28%,rgba(126,216,169,.24) 28.3% 28.8%,transparent 29.2% 64%,rgba(215,246,228,.16) 64.3% 64.8%,transparent 65.2%);
  border:1px solid rgba(126,216,169,.10);
  border-radius:18px 4px 28px 4px;
  clip-path:polygon(0 0,92% 0,100% 24%,100% 100%,8% 100%,0 78%);
}

/* ATLAS v25.2 LAB - troca das linhas diagonais por telemetria modular */
.hero-hud-telemetry:before,
.flow-module-telemetry:before{
  content:"";
  position:absolute;
  inset:14% 7% 16% 7%;
  background:
    linear-gradient(90deg,rgba(126,216,169,.10) 1px,transparent 1px) 0 0/34px 100%,
    linear-gradient(0deg,rgba(126,216,169,.12) 1px,transparent 1px) 0 0/100% 22px,
    linear-gradient(90deg,transparent 0 5%,rgba(126,216,169,.38) 5% 7%,transparent 7% 13%,rgba(215,246,228,.24) 13% 15%,transparent 15% 24%,rgba(126,216,169,.34) 24% 27%,transparent 27% 38%,rgba(126,216,169,.20) 38% 40%,transparent 40% 51%,rgba(215,246,228,.30) 51% 54%,transparent 54% 66%,rgba(126,216,169,.38) 66% 68%,transparent 68% 81%,rgba(126,216,169,.22) 81% 84%,transparent 84%),
    linear-gradient(180deg,transparent 0 54%,rgba(215,246,228,.28) 54% 56%,transparent 56%);
  clip-path:polygon(0 72%,4% 72%,4% 48%,9% 48%,9% 66%,15% 66%,15% 34%,20% 34%,20% 58%,27% 58%,27% 28%,34% 28%,34% 74%,41% 74%,41% 42%,49% 42%,49% 62%,56% 62%,56% 24%,64% 24%,64% 52%,72% 52%,72% 36%,80% 36%,80% 68%,89% 68%,89% 44%,100% 44%,100% 100%,0 100%);
  animation:hudEqualizerContained 5.6s ease-in-out infinite alternate;
}
.hero-hud-telemetry:after,
.flow-module-telemetry:after{
  content:"TELEMETRIA / LEITURA";
  position:absolute;
  left:7%;
  top:8%;
  font-size:.56rem;
  letter-spacing:.16em;
  color:rgba(126,216,169,.62);
}

/* ATLAS v26 LAB - HERO limpo + HUD refinado sem repeticao circular */
.hero{
  isolation:isolate;
}
.hero .technical-map{
  opacity:.16 !important;
  mix-blend-mode:screen;
}
.hero .technical-map svg{
  filter:drop-shadow(0 0 10px rgba(126,216,169,.08));
}
.hero .technical-map .draw{
  stroke-width:1.35 !important;
  opacity:.36 !important;
  stroke-dasharray:120 760;
  stroke-dashoffset:0;
  animation:heroV26PathRun 12s linear infinite;
}
.hero .technical-map .draw-1{animation-delay:0s;opacity:.30 !important}
.hero .technical-map .draw-2{animation-delay:-2.4s;opacity:.42 !important}
.hero .technical-map .draw-3{animation-delay:-4.8s;opacity:.22 !important}
.hero .technical-map .draw-4{animation-delay:-7.2s;opacity:.26 !important}
.hero-inner:after{
  opacity:.035 !important;
}
.hero-hud{
  display:block !important;
  opacity:.70 !important;
  mix-blend-mode:screen;
  z-index:1;
}
.hero-hud > *:not(.hero-line){
  display:none !important;
}
.hero-hud:before,
.hero-hud:after{
  content:"";
  position:absolute;
  left:-18vw;
  right:-18vw;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(126,216,169,0) 12%,rgba(126,216,169,.50) 44%,rgba(215,246,228,.36) 50%,rgba(126,216,169,.42) 56%,rgba(126,216,169,0) 88%,transparent 100%);
  filter:drop-shadow(0 0 12px rgba(126,216,169,.26));
  transform-origin:center;
  animation:heroV26LongSweep 8.8s linear infinite;
}
.hero-hud:before{top:31%;transform:rotate(-1.8deg);animation-delay:-1.2s}
.hero-hud:after{top:64%;transform:rotate(1.4deg);animation-duration:10.6s;animation-delay:-4.2s;opacity:.70}
.hero-line{
  position:absolute;
  display:block;
  height:1px;
  width:min(680px,55vw);
  left:-58vw;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(126,216,169,.12) 18%,rgba(215,246,228,.58) 50%,rgba(126,216,169,.14) 82%,transparent);
  filter:drop-shadow(0 0 12px rgba(126,216,169,.24));
  animation:heroV26LineTravel 7.5s cubic-bezier(.22,.62,.28,1) infinite;
}
.hero-line-1{top:24%;transform:rotate(-4deg);animation-delay:-.7s;width:min(720px,62vw)}
.hero-line-2{top:43%;transform:rotate(2deg);animation-delay:-2.4s;width:min(560px,48vw);opacity:.82}
.hero-line-3{top:58%;transform:rotate(-2.2deg);animation-delay:-4.8s;width:min(800px,68vw);opacity:.62}
.hero-line-4{top:76%;transform:rotate(3.5deg);animation-delay:-6.1s;width:min(620px,52vw);opacity:.56}

/* Remove/reduz repeticoes circulares antigas sem alterar os orbs do fluxo */
.hero-hud-ring,
.hero-hud-chart,
.hero-hud-note,
.hero-hud-module,
.flow-gauge,
.flow-radar,
.flow-module-tach,
.flow-module-radar,
.flow-atmosphere:after,
.section-hud-tach{
  display:none !important;
}
.flow-module-telemetry,
.flow-module-system,
.flow-module-bars,
.flow-module-diagnostic,
.flow-module-readout{
  opacity:.07 !important;
}

/* Seções: HUD modular mais elaborado, com paineis, telemetria, leitura e movimento */
.section-tech-layer{
  opacity:.86 !important;
  mix-blend-mode:screen;
}
.section-tech-layer span{
  pointer-events:none;
}
.criteria-section:before,
.channels-section:before,
.location-section:before{
  opacity:.42 !important;
}
.criteria-section:after,
.channels-section:after,
.location-section:after{
  display:none !important;
}
.layer-criteria .section-hud-panel{
  right:2%;
  top:16%;
  width:min(510px,38vw);
  height:190px;
  opacity:.12 !important;
  border:1px solid rgba(126,216,169,.18);
  border-radius:24px 4px 30px 4px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.09) 1px,transparent 1px) 0 0/34px 34px,
    linear-gradient(0deg,rgba(126,216,169,.065) 1px,transparent 1px) 0 0/100% 30px,
    linear-gradient(120deg,transparent 0 17%,rgba(126,216,169,.30) 17.2% 17.7%,transparent 18.1% 44%,rgba(215,246,228,.20) 44.2% 44.7%,transparent 45.1% 72%,rgba(126,216,169,.22) 72.2% 72.7%,transparent 73.1%);
  clip-path:polygon(0 0,89% 0,100% 23%,100% 100%,9% 100%,0 80%);
  animation:hudV26PanelReveal 13s ease-in-out infinite;
}
.layer-criteria .section-hud-wave{
  left:3%;
  bottom:8%;
  width:min(560px,42vw);
  height:110px;
  opacity:.13 !important;
  border-left:1px solid rgba(126,216,169,.18);
  border-bottom:1px solid rgba(126,216,169,.16);
  background:
    linear-gradient(90deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(0deg,rgba(126,216,169,.06) 1px,transparent 1px) 0 0/100% 28px,
    linear-gradient(90deg,transparent 0 4%,rgba(126,216,169,.42) 4% 5.5%,transparent 5.5% 10%,rgba(215,246,228,.26) 10% 12%,transparent 12% 19%,rgba(126,216,169,.38) 19% 21%,transparent 21% 31%,rgba(126,216,169,.22) 31% 33%,transparent 33% 45%,rgba(215,246,228,.30) 45% 48%,transparent 48% 61%,rgba(126,216,169,.34) 61% 63%,transparent 63% 80%);
  clip-path:polygon(0 78%,4% 78%,4% 46%,8% 46%,8% 68%,14% 68%,14% 30%,20% 30%,20% 58%,28% 58%,28% 22%,36% 22%,36% 74%,44% 74%,44% 42%,54% 42%,54% 62%,63% 62%,63% 26%,73% 26%,73% 56%,83% 56%,83% 38%,100% 38%,100% 100%,0 100%);
  animation:hudV26Equalizer 5.2s ease-in-out infinite alternate;
}
.layer-criteria .section-hud-lane{
  left:44%;
  top:36%;
  width:min(360px,28vw);
  height:170px;
  opacity:.13;
  border-bottom:1px solid rgba(126,216,169,.17);
  background:
    linear-gradient(112deg,transparent 0 43%,rgba(126,216,169,.30) 43.3% 44%,transparent 44.6%),
    linear-gradient(68deg,transparent 0 53%,rgba(126,216,169,.24) 53.3% 54%,transparent 54.6%),
    linear-gradient(90deg,transparent 0 48%,rgba(215,246,228,.22) 48.3% 48.8%,transparent 49.2%);
  transform:perspective(520px) rotateX(55deg) rotateZ(-1deg);
  animation:hudV26Road 7.4s linear infinite;
}
.layer-criteria .section-hud-matrix{
  right:7%;
  bottom:4%;
  width:min(260px,22vw);
  height:118px;
  opacity:.12;
  border:1px solid rgba(126,216,169,.16);
  border-radius:4px 16px 4px 20px;
  background:
    radial-gradient(circle at 12% 24%,rgba(215,246,228,.34) 0 2px,transparent 2.7px),
    radial-gradient(circle at 34% 58%,rgba(126,216,169,.38) 0 2px,transparent 2.7px),
    radial-gradient(circle at 68% 38%,rgba(126,216,169,.30) 0 2px,transparent 2.7px),
    linear-gradient(90deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/26px 26px,
    linear-gradient(0deg,rgba(126,216,169,.06) 1px,transparent 1px) 0 0/100% 26px;
  animation:hudV26MatrixScan 6.8s ease-in-out infinite;
}
.layer-criteria .section-hud-code,
.layer-criteria .section-hud-meterline,
.layer-channels .section-hud-terminal,
.layer-location .section-hud-lock{
  font-size:clamp(.68rem,.9vw,.9rem);
  font-weight:800;
  color:rgba(215,246,228,.28);
  text-shadow:0 0 14px rgba(126,216,169,.14);
  white-space:nowrap;
  clip-path:inset(0 100% 0 0);
  animation:hudV26Typing 9s steps(34,end) infinite;
}
.layer-criteria .section-hud-code{left:9%;top:26%}
.layer-criteria .section-hud-meterline{right:9%;bottom:28%;animation-delay:2.1s}

.layer-channels .section-hud-gridpanel{
  right:5%;
  top:16%;
  width:min(520px,40vw);
  height:210px;
  opacity:.10 !important;
  border:1px solid rgba(126,216,169,.16);
  border-radius:4px 30px 4px 30px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.07) 1px,transparent 1px) 0 0/36px 36px,
    linear-gradient(0deg,rgba(126,216,169,.05) 1px,transparent 1px) 0 0/100% 36px,
    linear-gradient(135deg,transparent 0 16%,rgba(126,216,169,.18) 16.2% 16.7%,transparent 17.1% 44%,rgba(215,246,228,.14) 44.2% 44.7%,transparent 45.1% 78%);
  animation:hudV26PanelReveal 14s ease-in-out infinite .4s;
}
.layer-channels .section-hud-bars,
.layer-channels .section-hud-pulsebar{
  left:4%;
  bottom:8%;
  width:min(430px,34vw);
  height:128px;
  opacity:.115 !important;
  border:1px solid rgba(126,216,169,.15);
  border-radius:18px 4px 18px 4px;
  background:
    linear-gradient(0deg,rgba(126,216,169,.08) 1px,transparent 1px) 0 0/100% 24px,
    linear-gradient(90deg,transparent 0 7%,rgba(126,216,169,.34) 7% 9%,transparent 9% 14%,rgba(126,216,169,.14) 14% 16%,transparent 16% 23%,rgba(215,246,228,.24) 23% 26%,transparent 26% 35%,rgba(126,216,169,.28) 35% 38%,transparent 38% 50%,rgba(126,216,169,.18) 50% 53%,transparent 53% 64%,rgba(215,246,228,.28) 64% 67%,transparent 67% 80%);
  clip-path:polygon(0 78%,4% 78%,4% 42%,11% 42%,11% 70%,18% 70%,18% 28%,27% 28%,27% 62%,36% 62%,36% 36%,47% 36%,47% 74%,58% 74%,58% 22%,68% 22%,68% 56%,78% 56%,78% 34%,90% 34%,90% 66%,100% 66%,100% 100%,0 100%);
  animation:hudV26Equalizer 4.6s ease-in-out infinite alternate;
}
.layer-channels .section-hud-pulsebar{left:auto;right:6%;bottom:3%;transform:scale(.72);animation-delay:1.3s}
.layer-channels .section-hud-readout{
  right:17%;
  top:42%;
  opacity:.14 !important;
  padding:10px 14px;
  border:1px solid rgba(126,216,169,.16);
  border-radius:14px 4px 14px 4px;
  background:rgba(4,15,9,.22);
  animation:hudV26Float 7s ease-in-out infinite alternate;
}
.layer-channels .section-hud-scan{
  left:18%;
  top:18%;
  width:min(390px,30vw);
  height:2px;
  opacity:.18;
  background:linear-gradient(90deg,transparent,rgba(215,246,228,.52),transparent);
  filter:drop-shadow(0 0 12px rgba(126,216,169,.22));
  animation:hudV26ScanLine 6.2s ease-in-out infinite;
}
.layer-channels .section-hud-terminal{left:9%;top:35%;animation-delay:1.8s}

.layer-location .section-hud-route{
  left:2%;
  bottom:16%;
  width:min(430px,34vw);
  height:210px;
  opacity:.10 !important;
  border:1px solid rgba(126,216,169,.14);
  border-radius:24px 4px 28px 4px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.06) 1px,transparent 1px) 0 0/38px 38px,
    linear-gradient(0deg,rgba(126,216,169,.05) 1px,transparent 1px) 0 0/100% 38px,
    linear-gradient(145deg,transparent 0 18%,rgba(126,216,169,.24) 18.2% 18.7%,transparent 19.1% 40%,rgba(126,216,169,.18) 40.2% 40.7%,transparent 41.1% 64%,rgba(215,246,228,.14) 64.2% 64.7%,transparent 65.1%);
  animation:hudV26PanelReveal 15s ease-in-out infinite;
}
.layer-location .section-hud-coordinates{
  left:7%;
  top:18%;
  opacity:.15 !important;
}
.layer-location .section-hud-gpsgrid{
  right:3%;
  top:10%;
  width:min(500px,38vw);
  height:210px;
  opacity:.10;
  border:1px solid rgba(126,216,169,.14);
  border-radius:4px 24px 4px 24px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.07) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(0deg,rgba(126,216,169,.05) 1px,transparent 1px) 0 0/100% 32px,
    radial-gradient(circle at 20% 64%,rgba(126,216,169,.34) 0 3px,transparent 4px),
    radial-gradient(circle at 53% 35%,rgba(215,246,228,.24) 0 3px,transparent 4px),
    radial-gradient(circle at 82% 58%,rgba(126,216,169,.28) 0 3px,transparent 4px);
  animation:hudV26MatrixScan 8s ease-in-out infinite;
}
.layer-location .section-hud-route-scan{
  right:8%;
  bottom:18%;
  width:min(420px,32vw);
  height:1px;
  opacity:.18;
  background:linear-gradient(90deg,transparent,rgba(215,246,228,.48),transparent);
  transform:rotate(-7deg);
  animation:hudV26ScanLine 7.4s ease-in-out infinite .8s;
}
.layer-location .section-hud-lock{right:12%;top:34%;animation-delay:2.4s}

/* Fluxograma: módulos únicos inspirados no vídeo, sem repetição circular */
.flow-atmosphere{
  opacity:.82 !important;
}
.flow-atmosphere:before{
  opacity:.10 !important;
  border-radius:20px 4px 26px 4px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.07) 1px,transparent 1px) 0 0/34px 34px,
    linear-gradient(0deg,rgba(126,216,169,.05) 1px,transparent 1px) 0 0/34px 34px,
    linear-gradient(130deg,transparent 0 12%,rgba(126,216,169,.24) 12.2% 12.7%,transparent 13.1% 35%,rgba(215,246,228,.18) 35.2% 35.7%,transparent 36.1% 60%,rgba(126,216,169,.20) 60.2% 60.7%,transparent 61.1%);
  clip-path:polygon(0 0,90% 0,100% 24%,100% 100%,8% 100%,0 80%);
  animation:hudV26PanelReveal 14s ease-in-out infinite;
}
.flow-v26{
  position:absolute;
  display:block;
  pointer-events:none;
  font-family:var(--font-title);
  text-transform:uppercase;
  letter-spacing:.14em;
  color:rgba(215,246,228,.48);
  filter:drop-shadow(0 0 16px rgba(126,216,169,.12));
  z-index:1;
}
.flow-v26-speedstrip{
  top:9%;
  right:8%;
  width:clamp(300px,30vw,520px);
  height:96px;
  opacity:.12;
  border-top:1px solid rgba(126,216,169,.18);
  border-bottom:1px solid rgba(126,216,169,.14);
  background:
    linear-gradient(90deg,rgba(126,216,169,.14) 1px,transparent 1px) 0 0/18px 100%,
    linear-gradient(90deg,transparent 0 14%,rgba(215,246,228,.36) 14.3% 15%,transparent 15.6% 42%,rgba(126,216,169,.24) 42.3% 43%,transparent 43.6% 70%,rgba(126,216,169,.20) 70.3% 71%,transparent 71.6%);
  clip-path:polygon(0 0,94% 0,100% 20%,100% 100%,0 100%);
  animation:hudV26SpeedStrip 5.8s linear infinite;
}
.flow-v26-wave{
  top:29%;
  left:5%;
  width:clamp(300px,30vw,500px);
  height:96px;
  opacity:.13;
  border-left:1px solid rgba(126,216,169,.18);
  border-bottom:1px solid rgba(126,216,169,.14);
  background:
    linear-gradient(90deg,rgba(126,216,169,.06) 1px,transparent 1px) 0 0/36px 36px,
    linear-gradient(90deg,transparent 0 5%,rgba(126,216,169,.32) 5% 7%,transparent 7% 13%,rgba(215,246,228,.20) 13% 14%,transparent 14% 21%,rgba(126,216,169,.35) 21% 22.5%,transparent 22.5% 31%,rgba(126,216,169,.18) 31% 33%,transparent 33% 45%,rgba(215,246,228,.25) 45% 47%,transparent 47% 64%,rgba(126,216,169,.31) 64% 66%,transparent 66% 80%);
  clip-path:polygon(0 74%,5% 74%,5% 45%,10% 45%,10% 66%,17% 66%,17% 25%,24% 25%,24% 62%,32% 62%,32% 35%,42% 35%,42% 76%,51% 76%,51% 30%,61% 30%,61% 58%,70% 58%,70% 40%,82% 40%,82% 68%,100% 68%,100% 100%,0 100%);
  animation:hudV26Equalizer 4.9s ease-in-out infinite alternate;
}
.flow-v26-gear{
  right:16%;
  top:47%;
  min-width:130px;
  height:88px;
  padding:16px 22px;
  opacity:.14;
  border:1px solid rgba(126,216,169,.20);
  border-radius:18px 4px 20px 4px;
  background:rgba(4,15,9,.24);
  font-size:clamp(2.1rem,4vw,4.1rem);
  font-weight:800;
  line-height:.78;
  text-align:center;
  animation:hudV26Float 7.2s ease-in-out infinite alternate;
}
.flow-v26-gear:after{
  content:"DRIVE / READY";
  display:block;
  margin-top:10px;
  font-size:.52rem;
  color:rgba(126,216,169,.70);
  letter-spacing:.18em;
}
.flow-v26-matrix{
  left:31%;
  bottom:14%;
  width:clamp(260px,25vw,410px);
  height:150px;
  opacity:.105;
  border:1px solid rgba(126,216,169,.16);
  border-radius:4px 18px 4px 24px;
  background:
    linear-gradient(90deg,rgba(126,216,169,.07) 1px,transparent 1px) 0 0/26px 26px,
    linear-gradient(0deg,rgba(126,216,169,.05) 1px,transparent 1px) 0 0/100% 26px,
    radial-gradient(circle at 14% 30%,rgba(215,246,228,.34) 0 2px,transparent 3px),
    radial-gradient(circle at 41% 62%,rgba(126,216,169,.32) 0 2px,transparent 3px),
    radial-gradient(circle at 72% 42%,rgba(126,216,169,.28) 0 2px,transparent 3px);
  animation:hudV26MatrixScan 7.8s ease-in-out infinite;
}
.flow-v26-vin{
  left:9%;
  top:12%;
  opacity:.14;
  font-size:clamp(.72rem,1vw,1rem);
  clip-path:inset(0 100% 0 0);
  animation:hudV26Typing 9.8s steps(32,end) infinite .3s;
}
.flow-v26-terminal{
  right:9%;
  bottom:8%;
  opacity:.12;
  font-size:clamp(.68rem,.9vw,.92rem);
  clip-path:inset(0 100% 0 0);
  animation:hudV26Typing 10.4s steps(38,end) infinite 1.8s;
}
.flow-v26-lane{
  left:46%;
  top:56%;
  width:clamp(300px,29vw,500px);
  height:190px;
  opacity:.115;
  background:
    linear-gradient(112deg,transparent 0 42%,rgba(126,216,169,.32) 42.2% 42.9%,transparent 43.4%),
    linear-gradient(68deg,transparent 0 57%,rgba(126,216,169,.25) 57.2% 57.9%,transparent 58.4%),
    linear-gradient(90deg,transparent 0 49%,rgba(215,246,228,.20) 49.3% 49.8%,transparent 50.2%);
  transform:perspective(520px) rotateX(58deg) rotateZ(-1deg);
  animation:hudV26Road 8s linear infinite;
}

@keyframes heroV26LineTravel{
  0%{transform:translate3d(0,0,0) rotate(var(--r,0deg));opacity:0}
  12%{opacity:.18}
  46%{opacity:.70}
  100%{transform:translate3d(185vw,0,0) rotate(var(--r,0deg));opacity:0}
}
@keyframes heroV26LongSweep{
  0%{background-position:-60vw 0;opacity:.10}
  35%{opacity:.58}
  100%{background-position:70vw 0;opacity:.10}
}
@keyframes heroV26PathRun{
  to{stroke-dashoffset:-880}
}
@keyframes hudV26PanelReveal{
  0%,12%{clip-path:inset(0 100% 0 0 round 18px);opacity:.05}
  34%,72%{clip-path:inset(0 0 0 0 round 18px);opacity:.14}
  100%{clip-path:inset(0 0 0 100% round 18px);opacity:.06}
}
@keyframes hudV26Equalizer{
  0%{opacity:.07;filter:drop-shadow(0 0 8px rgba(126,216,169,.06));background-position:0 0,0 0,0 0}
  48%{opacity:.16}
  100%{opacity:.10;filter:drop-shadow(0 0 18px rgba(126,216,169,.14));background-position:0 0,0 14px,28px 0}
}
@keyframes hudV26Typing{
  0%,12%{clip-path:inset(0 100% 0 0);opacity:.04}
  36%,74%{clip-path:inset(0 0 0 0);opacity:.18}
  100%{clip-path:inset(0 0 0 100%);opacity:.05}
}
@keyframes hudV26MatrixScan{
  0%{opacity:.07;background-position:0 0,0 0,0 0,0 0,0 0;filter:drop-shadow(0 0 8px rgba(126,216,169,.08))}
  48%{opacity:.15}
  100%{opacity:.09;background-position:24px 0,0 24px,0 0,0 0,0 0;filter:drop-shadow(0 0 18px rgba(126,216,169,.12))}
}
@keyframes hudV26Road{
  0%{background-position:0 -90px,0 -90px,0 -120px;opacity:.07}
  45%{opacity:.16}
  100%{background-position:0 120px,0 120px,0 150px;opacity:.10}
}
@keyframes hudV26ScanLine{
  0%{transform:translate3d(-42px,0,0) rotate(var(--scan-rot,0deg));opacity:0}
  40%{opacity:.23}
  100%{transform:translate3d(80px,0,0) rotate(var(--scan-rot,0deg));opacity:0}
}
@keyframes hudV26Float{
  0%{transform:translate3d(0,-5px,0);opacity:.08}
  48%{opacity:.16}
  100%{transform:translate3d(0,7px,0);opacity:.11}
}
@keyframes hudV26SpeedStrip{
  0%{background-position:-40px 0,-90px 0;opacity:.08}
  48%{opacity:.16}
  100%{background-position:40px 0,90px 0;opacity:.10}
}
@media (max-width:980px){
  .hero .technical-map{opacity:.10 !important}
  .hero-hud{opacity:.46 !important}
  .flow-v26,
  .section-tech-layer{opacity:.58 !important}
}
@media (max-width:640px){
  .hero-hud,
  .section-tech-layer,
  .flow-v26{display:none !important}
}
/* ATLAS v26.1 - preserva angulo das linhas em movimento */
.hero-line-1{--r:-4deg}
.hero-line-2{--r:2deg}
.hero-line-3{--r:-2.2deg}
.hero-line-4{--r:3.5deg}
.layer-location .section-hud-route-scan{--scan-rot:-7deg}
/* ATLAS v26.2 - remove graficos antigos que ainda repetiam diagonais/barras soltas */
.flow-chart,
.flow-module-telemetry,
.flow-module-system,
.flow-module-bars,
.flow-module-diagnostic,
.flow-module-readout{
  display:none !important;
}

/* ATLAS v27 LAB - HUD visivel + textos tecnicos 2x + preview estreito corrigido
   Objetivo: preservar o HERO limpo, reativar os elementos escritos que estavam discretos demais
   e impedir que o modo estreito esconda totalmente os HUDs durante revisao. */

/* HERO: imagem como protagonista, apenas linhas de varredura em movimento */
.hero .technical-map{
  display:none !important;
}
.hero-hud{
  display:block !important;
  opacity:.62 !important;
  mix-blend-mode:screen;
}
.hero-hud:before,
.hero-hud:after{
  opacity:.64 !important;
  height:1px;
}
.hero-line{
  height:1.5px;
  width:min(920px,74vw);
  opacity:.70;
  background:linear-gradient(90deg,transparent 0%,rgba(126,216,169,.10) 16%,rgba(215,246,228,.72) 48%,rgba(126,216,169,.26) 64%,transparent 100%);
  filter:drop-shadow(0 0 16px rgba(126,216,169,.28));
}
.hero-line-1{top:22%;width:min(980px,76vw);opacity:.68}
.hero-line-2{top:40%;width:min(760px,60vw);opacity:.54}
.hero-line-3{top:61%;width:min(1040px,80vw);opacity:.50}
.hero-line-4{top:78%;width:min(840px,66vw);opacity:.42}

/* Reativa camadas que estavam excessivamente discretas ou sumindo em viewport estreito */
.section-tech-layer,
.flow-atmosphere,
.flow-v26{
  display:block !important;
  visibility:visible !important;
}
.section-tech-layer{
  opacity:.98 !important;
}
.flow-atmosphere{
  opacity:.98 !important;
}
.flow-v26{
  opacity:.24 !important;
}

/* Elementos escritos: aproximadamente 2x em relacao a v26, mantendo aspecto de fundo tecnico */
.flow-note{
  display:block !important;
  visibility:visible !important;
  font-size:clamp(1rem,1.28vw,1.42rem) !important;
  line-height:1.05 !important;
  letter-spacing:.16em !important;
  opacity:.28 !important;
  color:rgba(215,246,228,.46) !important;
  text-shadow:0 0 18px rgba(126,216,169,.22) !important;
}
.flow-v26-vin,
.flow-v26-terminal,
.layer-criteria .section-hud-code,
.layer-criteria .section-hud-meterline,
.layer-channels .section-hud-terminal,
.layer-location .section-hud-lock,
.layer-location .section-hud-coordinates,
.layer-channels .section-hud-readout{
  display:block !important;
  visibility:visible !important;
  font-size:clamp(1.16rem,1.65vw,1.82rem) !important;
  line-height:1.05 !important;
  letter-spacing:.16em !important;
  color:rgba(215,246,228,.42) !important;
  opacity:.34 !important;
  text-shadow:0 0 22px rgba(126,216,169,.24) !important;
}
.flow-v26-gear{
  display:block !important;
  visibility:visible !important;
  opacity:.20 !important;
  font-size:clamp(3.4rem,6vw,6.2rem) !important;
  color:rgba(215,246,228,.46) !important;
}
.flow-v26-gear:after{
  font-size:clamp(.82rem,1.1vw,1.08rem) !important;
  color:rgba(126,216,169,.72) !important;
}
.flow-module-diagnostic{
  display:flex !important;
  opacity:.15 !important;
}
.flow-module-diagnostic b{font-size:2rem !important}
.flow-module-diagnostic i{font-size:1.2rem !important}
.flow-module-diagnostic em{font-size:1.35rem !important}
.flow-module-readout{
  display:flex !important;
  opacity:.16 !important;
}
.flow-module-readout strong{font-size:clamp(2.6rem,4.2vw,4.6rem) !important}
.flow-module-readout span{font-size:1.05rem !important}

/* Aumenta presença dos módulos não textuais sem trazer de volta circulares repetitivos */
.flow-v26-speedstrip,
.flow-v26-wave,
.flow-v26-matrix,
.flow-v26-lane,
.layer-criteria .section-hud-panel,
.layer-criteria .section-hud-wave,
.layer-criteria .section-hud-lane,
.layer-criteria .section-hud-matrix,
.layer-channels .section-hud-gridpanel,
.layer-channels .section-hud-bars,
.layer-channels .section-hud-pulsebar,
.layer-channels .section-hud-scan,
.layer-location .section-hud-route,
.layer-location .section-hud-gpsgrid,
.layer-location .section-hud-route-scan{
  opacity:.20 !important;
  filter:drop-shadow(0 0 18px rgba(126,216,169,.12));
}
.flow-v26-speedstrip{height:132px;width:clamp(420px,42vw,720px)}
.flow-v26-wave{height:126px;width:clamp(390px,38vw,640px)}
.flow-v26-matrix{height:190px;width:clamp(340px,34vw,560px)}
.flow-v26-lane{height:230px;width:clamp(400px,38vw,680px)}

/* Mantem fora os circulares antigos que causavam repeticao visual */
.flow-gauge,
.flow-radar,
.flow-module-tach,
.flow-module-radar,
.section-hud-tach,
.hero-hud-ring,
.hero-hud-chart,
.hero-hud-note{
  display:none !important;
}

/* Evita que o preview no celular esconda tudo. Continua discreto para nao quebrar leitura. */
@media (max-width:980px){
  .hero-hud{display:block !important;opacity:.54 !important}
  .section-tech-layer{display:block !important;opacity:.72 !important}
  .flow-v26{display:block !important;opacity:.18 !important}
  .flow-note{font-size:clamp(.82rem,2.2vw,1.1rem) !important;opacity:.22 !important}
  .flow-v26-vin,
  .flow-v26-terminal,
  .layer-criteria .section-hud-code,
  .layer-criteria .section-hud-meterline,
  .layer-channels .section-hud-terminal,
  .layer-location .section-hud-lock,
  .layer-location .section-hud-coordinates,
  .layer-channels .section-hud-readout{
    font-size:clamp(.9rem,2.6vw,1.28rem) !important;
    opacity:.24 !important;
  }
}
@media (max-width:640px){
  .hero-hud,
  .section-tech-layer,
  .flow-v26{
    display:block !important;
  }
  .hero-hud{opacity:.42 !important}
  .section-tech-layer{opacity:.56 !important}
  .flow-v26{opacity:.16 !important}
  .flow-v26-speedstrip,
  .flow-v26-wave,
  .flow-v26-matrix,
  .flow-v26-lane{
    transform:scale(.72);
    transform-origin:center;
  }
  .flow-note{
    font-size:.78rem !important;
    opacity:.18 !important;
  }
}


/* ATLAS v27.2 - ajuste funcional de navegacao
   Critério Técnico: slides automáticos em loop, sem progressão por scroll.
   Fluxograma: scroll centraliza, arma o botão e exibe o conteúdo sem hover. */
.criteria-scroll-lab{
  min-height:auto !important;
}
.criteria-stage{
  position:relative !important;
  top:auto !important;
}
.criteria-scroll-triggers{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.criteria-slide{
  transition:opacity .82s ease,transform .82s ease,filter .82s ease !important;
}
.criteria-progress button{
  touch-action:manipulation;
}

.flow-stage-step{
  transition:opacity .76s ease .18s,transform .76s ease .18s,filter .76s ease .18s !important;
}
.flow-stage-step.flow-pos-left,
.flow-stage-step.flow-pos-right,
.flow-stage-step.flow-pos-final{
  transform:translateY(calc(-50% + 30px)) !important;
}
.flow-stage-step.is-active.flow-pos-left,
.flow-stage-step.is-active.flow-pos-right,
.flow-stage-step.is-active.flow-pos-final{
  transform:translateY(-50%) !important;
}
.flow-orb{
  transition:width .46s ease,height .46s ease,opacity .46s ease,color .46s ease,border-color .46s ease,background .46s ease,box-shadow .46s ease,transform .46s ease !important;
}
.flow-orb:hover:not(.is-armed),
.flow-orb:focus-visible:not(.is-armed){
  width:78px !important;
  height:78px !important;
  opacity:.76 !important;
  color:rgba(126,216,169,.82) !important;
  border-color:rgba(126,216,169,.34) !important;
  background:rgba(3,12,7,.42) !important;
  box-shadow:0 0 22px rgba(126,216,169,.14),inset 0 0 18px rgba(126,216,169,.06) !important;
  transform:translate(-50%,-50%) scale(.90) !important;
}
.flow-orb:hover:not(.is-armed) .flow-orb-icon,
.flow-orb:focus-visible:not(.is-armed) .flow-orb-icon{
  width:50px !important;
  height:50px !important;
  animation:none !important;
}
.flow-orb:hover:not(.is-armed) .flow-orb-label,
.flow-orb:focus-visible:not(.is-armed) .flow-orb-label{
  opacity:0 !important;
}
.flow-orb.is-armed{
  width:116px !important;
  height:116px !important;
  opacity:1 !important;
  border-color:rgba(215,246,228,.54) !important;
  background:rgba(3,12,7,.58) !important;
  box-shadow:0 24px 58px rgba(76,163,128,.26),0 0 38px rgba(126,216,169,.36),inset 0 0 18px rgba(126,216,169,.10) !important;
  transform:translate(-50%,-50%) scale(1) !important;
}
.flow-orb.is-armed .flow-orb-icon{
  width:72px !important;
  height:72px !important;
  filter:saturate(1.08) brightness(1.06) !important;
  animation:flowIconTilt 3.8s ease-in-out infinite !important;
}
.flow-orb.is-armed .flow-orb-label{
  opacity:1 !important;
  transform:translate(0,-50%) !important;
}
.flow-vertical-stage .flow-stage-cue{
  top:auto !important;
  bottom:26px !important;
  opacity:.76 !important;
  transform:translateX(-50%) !important;
  pointer-events:none !important;
}
.flow-vertical-lab.is-flow-started .flow-stage-cue{
  opacity:.76 !important;
}
@media (max-width:980px){
  .flow-stage-step.flow-pos-left,
  .flow-stage-step.flow-pos-right,
  .flow-stage-step.flow-pos-final{
    transform:translateY(calc(-50% + 128px)) !important;
  }
  .flow-stage-step.is-active.flow-pos-left,
  .flow-stage-step.is-active.flow-pos-right,
  .flow-stage-step.is-active.flow-pos-final{
    transform:translateY(calc(-50% + 112px)) !important;
  }
}


/* ATLAS v27.3 - refinamento do fluxograma por scroll
   Mantem a direcao da v27.2, restaura o impacto do hover aprovado no estado automatico
   e transforma o cue em indicador flutuante durante a leitura da seção. */
.flow-orb.is-armed{
  width:204px !important;
  height:204px !important;
  opacity:1 !important;
  border-color:rgba(215,246,228,.56) !important;
  background:radial-gradient(circle at 50% 50%,rgba(8,28,17,.70),rgba(1,8,5,.70) 70%) !important;
  box-shadow:0 34px 76px rgba(76,163,128,.26),0 0 56px rgba(126,216,169,.42),inset 0 0 26px rgba(126,216,169,.10) !important;
  transform:translate(-50%,-50%) scale(1) !important;
}
.flow-orb.is-armed .flow-orb-icon{
  width:146px !important;
  height:146px !important;
  filter:saturate(1.18) brightness(1.08) !important;
  animation:flowIconMetalTurn 5.8s ease-in-out infinite !important;
}
.flow-vertical-track .flow-orb .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even) .flow-orb-label,
.flow-vertical-track .flow-orb-1 .flow-orb-label,
.flow-vertical-track .flow-orb-2 .flow-orb-label,
.flow-vertical-track .flow-orb-3 .flow-orb-label,
.flow-vertical-track .flow-orb-4 .flow-orb-label,
.flow-vertical-track .flow-orb-5 .flow-orb-label{
  left:50% !important;
  right:auto !important;
  top:calc(100% + 18px) !important;
  bottom:auto !important;
  transform:translate(-50%,8px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  min-height:44px !important;
  max-width:260px !important;
  line-height:1.04 !important;
  pointer-events:none !important;
}
.flow-vertical-track .flow-orb.is-armed .flow-orb-label,
.flow-vertical-track .flow-orb:hover .flow-orb-label,
.flow-vertical-track .flow-orb:focus-visible .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even).is-armed .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even):hover .flow-orb-label,
.flow-vertical-track .flow-orb:nth-of-type(even):focus-visible .flow-orb-label{
  opacity:1 !important;
  transform:translate(-50%,0) !important;
}
.flow-stage-step{
  transition:opacity .72s ease .82s,transform .72s cubic-bezier(.2,.8,.2,1) .82s,filter .72s ease .82s !important;
}
.flow-stage-step.is-active{
  transition-delay:.82s !important;
}
.flow-vertical-stage .flow-stage-cue{
  opacity:0 !important;
  top:auto !important;
  bottom:28px !important;
  pointer-events:none !important;
}
.flow-vertical-lab.is-flow-inview .flow-stage-cue{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:28px !important;
  z-index:180 !important;
  opacity:.86 !important;
  transform:translateX(-50%) !important;
  padding:9px 13px 9px 11px !important;
  border:1px solid rgba(126,216,169,.24) !important;
  border-radius:999px !important;
  background:rgba(3,12,7,.52) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.28),0 0 22px rgba(126,216,169,.16) !important;
  backdrop-filter:blur(10px) !important;
}
.flow-vertical-lab.is-flow-started .flow-stage-cue{
  opacity:.86 !important;
}
@media (max-width:980px){
  .flow-orb.is-armed{
    width:132px !important;
    height:132px !important;
  }
  .flow-orb.is-armed .flow-orb-icon{
    width:94px !important;
    height:94px !important;
  }
  .flow-vertical-track .flow-orb .flow-orb-label,
  .flow-vertical-track .flow-orb:nth-of-type(even) .flow-orb-label{
    max-width:170px !important;
    top:calc(100% + 12px) !important;
    font-size:.86rem !important;
  }
}
@media (max-width:640px){
  .flow-orb.is-armed{
    width:96px !important;
    height:96px !important;
  }
  .flow-orb.is-armed .flow-orb-icon{
    width:68px !important;
    height:68px !important;
  }
  .flow-vertical-lab.is-flow-inview .flow-stage-cue{
    display:flex !important;
    bottom:18px !important;
  }
}


/* ATLAS v27.4 - mapa My Maps sem API paga + cue flutuante real do fluxograma */
.flow-vertical-stage .flow-stage-cue{
  display:none !important;
}
.flow-floating-cue{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:880;
  transform:translate(-50%,12px);
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 13px 9px 11px;
  border:1px solid rgba(126,216,169,.26);
  border-radius:999px;
  background:rgba(3,12,7,.62);
  color:rgba(215,246,228,.78);
  font-family:var(--font-title);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(0,0,0,.30),0 0 24px rgba(126,216,169,.18);
  backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .32s ease,visibility .32s ease,transform .32s ease;
}
.flow-floating-cue.is-visible{
  opacity:.9;
  visibility:visible;
  transform:translate(-50%,0);
}
.flow-floating-cue span{
  width:18px;
  height:30px;
  border:1px solid rgba(126,216,169,.46);
  border-radius:999px;
  position:relative;
  box-shadow:inset 0 0 10px rgba(126,216,169,.10);
}
.flow-floating-cue span:after{
  content:"";
  position:absolute;
  left:50%;
  top:6px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--green-2);
  transform:translateX(-50%);
  animation:wheel 1.6s infinite;
}

.map-shell-premium{
  position:relative;
  padding:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(126,216,169,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026));
}
.map-shell-premium:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(126,216,169,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,216,169,.03) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.74),transparent 88%);
  opacity:.78;
}
.map-panel-head,
.map-access-tags,
.map-route-form,
.map-actions-row,
.map-frame-mymaps{
  position:relative;
  z-index:2;
}
.map-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin:2px 2px 14px;
}
.map-kicker{
  display:block;
  color:var(--green-2);
  font-family:var(--font-title);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.map-panel-head strong{
  display:block;
  color:var(--mint);
  font-family:var(--font-title);
  font-size:clamp(1.08rem,1.85vw,1.42rem);
  line-height:1.14;
  letter-spacing:-.03em;
}
.map-place-link{
  flex:0 0 auto;
  border:1px solid rgba(126,216,169,.28);
  border-radius:999px;
  padding:9px 12px;
  color:var(--mint);
  font-size:.78rem;
  font-weight:900;
  background:rgba(76,163,128,.10);
  transition:.22s ease;
}
.map-place-link:hover{
  transform:translateY(-2px);
  background:rgba(76,163,128,.16);
  border-color:rgba(126,216,169,.44);
}
.map-access-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 2px 14px;
}
.map-access-tags span{
  border:1px solid rgba(126,216,169,.22);
  border-radius:999px;
  padding:8px 10px;
  color:rgba(215,246,228,.82);
  background:rgba(2,10,6,.48);
  font-size:.76rem;
  font-weight:800;
}
.map-frame-mymaps{
  height:470px;
  border-radius:20px;
  border:1px solid rgba(126,216,169,.22);
  box-shadow:0 18px 46px rgba(0,0,0,.28),0 0 34px rgba(126,216,169,.10);
}
.map-frame-mymaps iframe{
  filter:saturate(.94) contrast(1.04) brightness(.92);
}
.map-route-form{
  margin:14px 2px 0;
  padding:14px;
  border:1px solid rgba(126,216,169,.18);
  border-radius:18px;
  background:rgba(2,10,6,.42);
}
.map-route-form label{
  display:block;
  margin-bottom:10px;
  color:var(--green-2);
  font-family:var(--font-title);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.map-route-controls{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.map-route-controls input{
  min-width:0;
  height:48px;
  border:1px solid rgba(126,216,169,.24);
  border-radius:999px;
  padding:0 16px;
  background:rgba(1,8,5,.72);
  color:var(--mint);
  outline:none;
  font:600 1rem var(--font-body);
}
.map-route-controls input::placeholder{
  color:rgba(215,246,228,.48);
}
.map-route-controls input:focus{
  border-color:rgba(126,216,169,.54);
  box-shadow:0 0 0 4px rgba(126,216,169,.10);
}
.map-route-controls button{
  height:48px;
  border:0;
  border-radius:999px;
  padding:0 18px;
  cursor:pointer;
  background:linear-gradient(135deg,#4CA380,#7ed8a9);
  color:#06110b;
  font-weight:950;
  font-family:var(--font-body);
  box-shadow:0 14px 30px rgba(76,163,128,.22);
  transition:.22s ease;
}
.map-route-controls button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(76,163,128,.30);
}
.map-route-form small{
  display:block;
  margin-top:9px;
  color:rgba(215,246,228,.58);
  line-height:1.45;
}
.map-actions-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.map-actions-row .map-route{
  margin-top:12px;
}
.map-route-secondary{
  background:rgba(255,255,255,.035) !important;
}
@media (max-width:980px){
  .map-frame-mymaps{height:420px;}
}
@media (max-width:640px){
  .flow-floating-cue{
    bottom:18px;
    font-size:.64rem;
    padding:8px 11px 8px 10px;
  }
  .map-panel-head,
  .map-actions-row,
  .map-route-controls{
    grid-template-columns:1fr;
    display:grid;
  }
  .map-place-link{
    width:max-content;
  }
  .map-frame-mymaps{height:360px;}
  .map-route-controls button{width:100%;}
}

/* ATLAS v27.5 — refinamento da seção Contato + Mapa
   Proporção desktop 1:2, mapa centralizado e rota ao lado para reduzir altura total. */
@media (min-width:981px){
  .location-section{
    grid-template-columns:minmax(286px,1fr) minmax(0,2fr);
    gap:20px;
    align-items:stretch;
    padding:24px 0 56px;
  }
  .location-copy,
  .map-shell-premium{
    min-height:0;
  }
  .location-copy{
    padding:28px 30px;
  }
  .location-copy .eyebrow,
  .map-kicker{
    font-size:.78rem;
    letter-spacing:.16em;
    font-weight:700;
  }
  .location-copy h2,
  .map-panel-head strong{
    font-family:var(--font-title);
    font-size:clamp(1.42rem,1.8vw,1.72rem);
    line-height:1.08;
    letter-spacing:-.045em;
    text-wrap:balance;
  }
  .location-copy dl{
    gap:10px;
    margin-top:20px;
  }
  .location-copy div{
    padding-top:10px;
  }
  .location-copy dt{
    font-size:.68rem;
    margin-bottom:3px;
  }
  .location-copy dd{
    font-size:.96rem;
    line-height:1.45;
  }
  .map-shell-premium{
    padding:16px;
  }
  .map-panel-head{
    align-items:center;
    margin:0 0 10px;
  }
  .map-kicker{
    margin-bottom:5px;
  }
  .map-place-link{
    padding:8px 12px;
    font-size:.76rem;
  }
  .map-access-tags{
    gap:7px;
    margin:0 0 12px;
  }
  .map-access-tags span{
    padding:7px 9px;
    font-size:.72rem;
  }
  .map-interaction-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(232px,.42fr);
    gap:14px;
    align-items:stretch;
    position:relative;
    z-index:2;
  }
  .map-frame-mymaps{
    height:360px;
    min-height:360px;
  }
  .map-side-panel{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:0;
  }
  .map-route-form{
    margin:0;
    padding:14px;
    flex:1;
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .map-route-form label{
    font-size:.68rem;
    margin-bottom:10px;
  }
  .map-route-controls{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .map-route-controls input,
  .map-route-controls button{
    height:45px;
  }
  .map-route-form small{
    font-size:.78rem;
    line-height:1.38;
    margin-top:8px;
  }
  .map-actions-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .map-actions-row .map-route{
    margin-top:0;
    padding:12px 10px;
  }
}
@media (min-width:981px) and (max-width:1180px){
  .location-section{
    grid-template-columns:minmax(270px,.95fr) minmax(0,2.05fr);
    gap:16px;
  }
  .location-copy{
    padding:24px;
  }
  .map-shell-premium{
    padding:14px;
  }
  .map-interaction-grid{
    grid-template-columns:minmax(0,1fr) minmax(214px,.44fr);
    gap:12px;
  }
  .map-frame-mymaps{
    height:340px;
    min-height:340px;
  }
  .map-access-tags span{
    font-size:.68rem;
    padding:6px 8px;
  }
}
@media (max-width:980px){
  .map-interaction-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    position:relative;
    z-index:2;
  }
  .map-side-panel{
    display:grid;
    gap:10px;
  }
}


/* ATLAS v27.7 — ajuste pontual de fontes e hover
   Base: v27.5 aprovada. Não reduz fontes gerais; mexe apenas nos pontos marcados. */
@media (min-width:981px){
  /* Aumentar somente o título da caixa de contato, preservando o mapa. */
  .location-copy h2{
    font-size:clamp(1.66rem,2.2vw,2.08rem) !important;
    line-height:1.05 !important;
    letter-spacing:-.045em;
  }
  .map-panel-head strong{
    font-size:clamp(1.42rem,1.8vw,1.72rem) !important;
    line-height:1.08 !important;
  }

  /* Evitar corte no campo lateral sem reduzir a seção inteira. */
  .map-route-form label{
    font-size:.62rem !important;
    line-height:1.22 !important;
    letter-spacing:.105em !important;
    margin-bottom:10px !important;
  }
  .map-route-controls input{
    font-size:.82rem !important;
    padding:0 13px !important;
    letter-spacing:-.01em;
  }
  .map-route-controls input::placeholder{
    font-size:.82rem !important;
  }

  /* Diminuir somente os botões inferiores da caixa do mapa. */
  .map-actions-row .map-route{
    font-size:.82rem !important;
    line-height:1.15 !important;
    padding:11px 8px !important;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
}

/* Efeito do botão Loja virtual replicado no botão Traçar rota e nos WhatsApps. */
.map-route-controls button,
.floating-whatsapp,
.btn-secondary{
  position:relative;
  overflow:hidden;
}
.map-route-controls button::after,
.floating-whatsapp::after{
  content:"";
  position:absolute;
  inset:-45% -60%;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.55) 48%,rgba(215,246,228,.28) 54%,transparent 70%);
  transform:translateX(-135%) rotate(7deg);
  transition:transform .82s ease;
  pointer-events:none;
  border-radius:inherit;
}
.map-route-controls button:hover::after,
.floating-whatsapp:hover::after{
  transform:translateX(135%) rotate(7deg);
}
.map-route-controls button:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(215,246,228,.28),0 0 34px rgba(126,216,169,.55),0 24px 58px rgba(76,163,128,.34) !important;
}
.btn-secondary:hover{
  border-color:rgba(215,246,228,.52) !important;
  box-shadow:0 0 0 1px rgba(215,246,228,.24),0 0 34px rgba(126,216,169,.46),0 22px 54px rgba(76,163,128,.24) !important;
}
.floating-whatsapp:hover{
  transform:translateY(-3px) scale(1.035);
  box-shadow:0 0 0 1px rgba(215,246,228,.28),0 0 34px rgba(126,216,169,.55),0 24px 58px rgba(76,163,128,.36) !important;
}
.floating-whatsapp svg{
  position:relative;
  z-index:1;
}

/* ATLAS v27.9 — ajuste pontual sobre v27.7
   Mantém fontes e efeitos da v27.7; apenas amplia levemente a área útil do mapa
   e corrige o posicionamento do botão flutuante do WhatsApp. */
@media (min-width:981px){
  .map-interaction-grid{
    grid-template-columns:minmax(0,1fr) minmax(204px,.34fr) !important;
    gap:12px !important;
  }
  .map-frame-mymaps iframe{
    width:104.2% !important;
    height:104.2% !important;
    transform:scale(.96) !important;
    transform-origin:top left !important;
  }
}
@media (min-width:981px) and (max-width:1180px){
  .map-interaction-grid{
    grid-template-columns:minmax(0,1fr) minmax(198px,.32fr) !important;
  }
}
.floating-whatsapp{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  left:auto !important;
  top:auto !important;
  z-index:999 !important;
}
@media (max-width:640px){
  .floating-whatsapp{
    right:16px !important;
    bottom:16px !important;
  }
}