/* ARK V77 — isolated rebuild for Structure and Careers */

/* -------------------- Careers hero -------------------- */
.v77-careers-hero{
  position:relative;
  min-height:930px;
  padding:132px 0 76px;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 46%,rgba(91,62,255,.18),transparent 34%),
    radial-gradient(circle at 18% 38%,rgba(35,124,255,.14),transparent 38%),
    linear-gradient(115deg,#061426 0%,#0a1730 44%,#211137 100%);
}
.v77-careers-hero-stage{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(510px,.88fr) minmax(700px,1.12fr);
  gap:20px;
  align-items:center;
  width:min(calc(100% - 48px),1460px);
  min-height:770px;
}
.v77-careers-copy{position:relative;z-index:4;max-width:650px;padding:0!important}
.v77-careers-copy h1{max-width:650px;font-size:clamp(64px,5.2vw,92px)!important;line-height:.965!important;letter-spacing:-.062em!important}
.v77-careers-copy p{max-width:580px}
.v77-careers-art{
  position:relative;
  z-index:2;
  width:100%;
  min-height:760px;
  overflow:visible;
  pointer-events:none;
}
.v77-careers-art>img{
  position:absolute;
  left:50%;
  top:49%;
  width:112%;
  max-width:none;
  height:auto;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 38px 84px rgba(17,28,116,.32));
}
.v77-hero-label{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:17%;
  min-height:10%;
  padding:.25rem .35rem;
  color:#fff;
  font-family:Manrope,sans-serif;
  font-size:clamp(14px,1.02vw,18px);
  font-weight:800;
  line-height:1.04;
  letter-spacing:-.038em;
  text-align:center;
  text-shadow:0 2px 7px #000,0 0 15px #000,0 0 24px rgba(89,151,255,.75);
  transform-style:preserve-3d;
  opacity:.98;
}
.v77-hero-label::after{
  content:attr(data-alt);
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:pre-line;
  color:#fff;
  opacity:0;
  text-shadow:0 0 6px #000,0 0 18px rgba(91,166,255,.9),0 0 34px rgba(190,78,255,.72);
}
.v77-hero-label.is-flash{animation:v77Flash .25s steps(2,end) 2}
.v77-hero-label.is-alt{color:transparent}
.v77-hero-label.is-alt::after{opacity:1;animation:v77Glitch .22s steps(2,end) 2}
@keyframes v77Flash{0%,100%{opacity:1}20%{opacity:.15}38%{opacity:1}56%{opacity:.38}74%{opacity:1}}
@keyframes v77Glitch{0%,100%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,0)}}
.v77-label-intelligence{left:27.6%;top:29.7%;transform:translate(-50%,-50%) perspective(620px) rotateZ(-6.8deg) rotateY(-8deg) skewX(-6deg) scaleY(.92)}
.v77-label-solutions{left:69.6%;top:36.1%;transform:translate(-50%,-50%) perspective(620px) rotateZ(5.5deg) rotateY(7deg) skewX(4deg) scaleY(.94)}
.v77-label-technology{left:28.5%;top:54.2%;transform:translate(-50%,-50%) perspective(620px) rotateZ(-2.4deg) rotateY(-4deg) skewX(-2deg) scaleY(.96)}
.v77-label-connections{left:50.2%;top:65.1%;transform:translate(-50%,-50%) perspective(620px) rotateZ(.2deg) scaleY(.98)}
.v77-label-results{left:68.8%;top:60.6%;transform:translate(-50%,-50%) perspective(620px) rotateZ(1.7deg) rotateY(4deg) skewX(1deg) scaleY(.97)}

/* -------------------- Careers areas -------------------- */
.v77-career-areas{overflow:hidden}
.v77-areas-stage{
  position:relative;
  width:100%;
  aspect-ratio:1821/864;
  margin-top:38px;
  isolation:isolate;
  overflow:visible;
}
.v77-areas-skin{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:99%;
  height:auto;
  transform:translate(-50%,-50%);
  pointer-events:none;
  user-select:none;
}
#v77-areas-globe{
  position:absolute;
  z-index:0;
  left:50%;
  top:50.8%;
  width:13.8%;
  height:29.1%;
  transform:translate(-50%,-50%);
  clip-path:circle(46.5% at 50% 50%);
  pointer-events:none;
}
.v77-area-card{
  --vx:0px;
  --vy:0px;
  position:absolute;
  z-index:3;
  width:20.2%;
  transform:translate3d(var(--vx),var(--vy),0);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .3s ease;
  overflow:visible;
}
.v77-area-card img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 42px rgba(0,0,0,.26))}
.v77-area-card:hover{filter:brightness(1.07)}
.v77-area-01{left:1.2%;top:8.2%}.v77-area-02{left:26.4%;top:5.7%}.v77-area-03{left:51.2%;top:5.7%}.v77-area-04{right:1.2%;top:8.2%}
.v77-area-05{left:-.3%;top:38.0%}.v77-area-06{left:24.7%;top:36.5%}.v77-area-07{left:55.1%;top:36.5%}.v77-area-08{right:-.3%;top:38.0%}
.v77-area-09{left:16.4%;top:67.0%}.v77-area-10{left:40.1%;top:68.4%}.v77-area-11{right:16.0%;top:67.0%}

/* -------------------- Structure hero -------------------- */
.v77-structure-hero{position:relative;overflow:visible!important;padding:132px 0 76px!important;min-height:960px!important}
.v77-structure-grid{
  display:grid;
  grid-template-columns:minmax(430px,.88fr) minmax(590px,1.12fr);
  gap:34px;
  align-items:start;
  width:min(calc(100% - 48px),1440px);
}
.v77-structure-copy{padding-top:14px}
.v77-structure-copy h1{font-size:clamp(64px,5.2vw,92px)!important;line-height:.965!important;letter-spacing:-.062em!important}
.v77-structure-stack{
  position:relative;
  width:min(100%,680px);
  height:820px;
  margin:-22px auto 0;
  perspective:1200px;
  overflow:visible;
  isolation:isolate;
}
.v77-structure-stack::before{
  content:"";
  position:absolute;
  inset:5% -8%;
  z-index:-2;
  background:radial-gradient(circle at 50% 42%,rgba(72,80,255,.17),transparent 43%),radial-gradient(circle at 64% 54%,rgba(199,55,255,.13),transparent 47%);
  filter:blur(34px);
}
.v77-layer{
  --px:0px;
  --py:0px;
  position:absolute;
  left:50%;
  width:590px;
  max-width:96%;
  aspect-ratio:1320/860;
  transform:translate3d(calc(-50% + var(--px)),calc(55px + var(--py)),0) scale(.78);
  opacity:0;
  filter:blur(7px);
  transition:transform 1.05s cubic-bezier(.16,1,.3,1) calc(var(--v77-order)*120ms),opacity .65s ease calc(var(--v77-order)*120ms),filter .75s ease calc(var(--v77-order)*120ms);
  overflow:visible;
}
.v77-layer-you{top:-6px}.v77-layer-ark{top:177px}.v77-layer-market{top:360px}.v77-layer-follow{top:543px}
.v77-structure-stack.is-ready .v77-layer{transform:translate3d(calc(-50% + var(--px)),var(--py),0) scale(1);opacity:1;filter:none}
.v77-layer-float{width:100%;height:100%;animation:v77LayerFloat 6.2s ease-in-out infinite;animation-delay:calc(var(--v77-order)*-.9s);overflow:visible}
.v77-layer-card{position:relative;width:100%;height:100%;overflow:visible;transform-style:preserve-3d}
.v77-layer-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:5%;right:5%;top:13%;bottom:8%;
  border-radius:42px;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--v77-color) 50%,transparent),transparent 72%);
  filter:blur(30px);
  opacity:.92;
  transform:rotate(7deg) scale(1.03,.9);
}
.v77-layer-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  mix-blend-mode:screen;
  filter:drop-shadow(0 24px 32px rgba(0,0,0,.34));
  -webkit-mask-image:radial-gradient(ellipse 82% 78% at 50% 50%,#000 68%,transparent 100%);
  mask-image:radial-gradient(ellipse 82% 78% at 50% 50%,#000 68%,transparent 100%);
}
.v77-layer-label{
  position:absolute;
  left:31.2%;
  top:39.8%;
  width:41.5%;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:10px;
  color:var(--v77-color);
  transform-origin:center;
  transform:perspective(720px) rotateZ(7.9deg) rotateX(8deg) rotateY(-5deg) skewX(-6.7deg) scaleY(.9) translateZ(28px);
  text-shadow:0 2px 9px #000,0 0 18px rgba(0,0,0,.95);
}
.v77-layer-label span{display:grid;place-items:center}
.v77-layer-label svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px currentColor)}
.v77-layer-label h3{margin:0;font-family:Manrope,sans-serif;font-size:clamp(17px,1.35vw,22px);line-height:1.01;letter-spacing:-.025em;color:#fff;text-transform:none}
.v77-layer-label p{margin:5px 0 0;font-family:Manrope,sans-serif;font-size:clamp(9px,.72vw,12px);line-height:1.08;color:rgba(231,236,255,.78)}
.v77-layer-ark .v77-layer-label{transform:perspective(720px) rotateZ(8.2deg) rotateX(8deg) rotateY(-4deg) skewX(-6.4deg) scaleY(.9) translateZ(28px)}
.v77-layer-market .v77-layer-label{transform:perspective(720px) rotateZ(8deg) rotateX(7.8deg) rotateY(-4deg) skewX(-6.2deg) scaleY(.9) translateZ(28px)}
.v77-layer-follow .v77-layer-label{transform:perspective(720px) rotateZ(7.8deg) rotateX(7.8deg) rotateY(-4deg) skewX(-6.2deg) scaleY(.9) translateZ(28px)}
@keyframes v77LayerFloat{0%,100%{transform:translateY(-3px)}50%{transform:translateY(6px)}}

/* Small correction for the international globe already present on Structure. */
.structure-page .inst-globe-shell{overflow:visible!important}
.structure-page #inst-global-globe{clip-path:circle(25.4% at 50% 45.7%)!important}

@media(max-width:1180px){
  .v77-careers-hero-stage,.v77-structure-grid{grid-template-columns:1fr}
  .v77-careers-copy,.v77-structure-copy{max-width:720px}
  .v77-careers-art{min-height:680px;max-width:900px;margin:0 auto}
  .v77-structure-stack{max-width:720px}
  .v77-areas-stage{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:360px}
  .v77-areas-skin{top:185px;width:780px;max-width:96%}
  #v77-areas-globe{top:188px;width:122px;height:122px}
  .v77-area-card{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto}
}
@media(max-width:720px){
  .v77-careers-hero,.v77-structure-hero{padding-top:116px!important;min-height:auto!important}
  .v77-careers-hero-stage,.v77-structure-grid{width:min(calc(100% - 28px),1440px)}
  .v77-careers-copy h1,.v77-structure-copy h1{font-size:52px!important}
  .v77-careers-art{min-height:510px;width:112%;margin-left:-6%}
  .v77-hero-label{font-size:8px}
  .v77-areas-stage{grid-template-columns:1fr;padding-top:285px}
  .v77-areas-skin{top:138px;width:600px;max-width:112%}
  #v77-areas-globe{top:140px;width:94px;height:94px}
  .v77-structure-stack{height:620px;width:112%;margin-left:-6%}
  .v77-layer{width:460px;max-width:100%}
  .v77-layer-you{top:-10px}.v77-layer-ark{top:130px}.v77-layer-market{top:270px}.v77-layer-follow{top:410px}
  .v77-layer-label{gap:7px}.v77-layer-label svg{width:24px;height:24px}.v77-layer-label h3{font-size:14px}.v77-layer-label p{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.v77-layer-float{animation:none}.v77-hero-label{animation:none!important}}

/* V77 QA refinement: prevent old careers rules from narrowing the hero copy. */
@media(min-width:1181px){
  .v77-careers-hero-stage{grid-template-columns:minmax(610px,.9fr) minmax(790px,1.1fr)!important;gap:12px!important}
  .v77-careers-copy{width:100%!important;max-width:650px!important;overflow:visible!important}
  .v77-careers-copy h1{width:100%!important;max-width:650px!important;font-size:clamp(66px,4.8vw,82px)!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important}
  .v77-careers-copy p{width:100%!important;max-width:590px!important}
  .v77-careers-art{transform:scale(1.18)!important;transform-origin:46% 51%!important}
}

/* Specificity guard against legacy careers declarations. */
@media(min-width:1181px){
  .careers-page .v77-careers-hero .v77-careers-hero-stage{width:min(calc(100% - 48px),1460px)!important;max-width:1460px!important;grid-template-columns:minmax(620px,620px) minmax(0,1fr)!important;gap:18px!important}
  .careers-page .v77-careers-hero .v77-careers-copy{width:100%!important;max-width:650px!important;min-width:0!important;overflow:visible!important}
  .careers-page .v77-careers-hero .v77-careers-copy h1{width:100%!important;max-width:650px!important;font-size:clamp(66px,4.8vw,82px)!important;word-break:normal!important;overflow-wrap:normal!important}
  .careers-page .v77-careers-hero .v77-careers-copy p{width:100%!important;max-width:590px!important}
}

/* Corrected Produto e UX card because the supplied PNG duplicated Engenharia de Software. */
.v77-area-html-shell{display:flex;align-items:center;gap:18px;width:100%;aspect-ratio:420/175;padding:20px 22px;border:1px solid rgba(109,129,255,.34);border-radius:24px;background:linear-gradient(135deg,rgba(18,29,59,.88),rgba(8,12,31,.9));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 38px rgba(0,0,0,.22)}
.v77-area-html-icon{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border:1px solid rgba(111,100,255,.72);border-radius:17px;background:linear-gradient(145deg,rgba(90,82,255,.25),rgba(35,38,93,.54));box-shadow:0 0 18px rgba(132,76,255,.4),inset 0 0 18px rgba(112,91,255,.18)}
.v77-area-html-icon svg{width:34px;height:34px;fill:none;stroke:#b293ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #805eff)}
.v77-area-html-shell strong{display:block;color:#fff;font-family:Manrope,sans-serif;font-size:16px;line-height:1.08;letter-spacing:-.025em}
.v77-area-html-shell small{display:block;margin-top:8px;color:rgba(221,229,251,.72);font-family:Manrope,sans-serif;font-size:12px;line-height:1.35}
@media(max-width:720px){.v77-area-html-shell{padding:18px}.v77-area-html-icon{flex-basis:58px;width:58px;height:58px}.v77-area-html-shell strong{font-size:15px}.v77-area-html-shell small{font-size:11px}}

/* Mobile: show the four structure layers immediately; keep hover/reveal only on larger screens. */
@media(max-width:720px){
  .v77-structure-stack .v77-layer{opacity:1!important;filter:none!important;transform:translate3d(-50%,0,0) scale(1)!important}
}


/* V77 request refinement */
.v77-careers-hero{padding:104px 0 62px!important;min-height:auto!important}
.v77-careers-hero-stage{grid-template-columns:minmax(0,520px) minmax(0,1fr)!important;gap:36px!important;align-items:start!important;min-height:0!important;width:min(calc(100% - 54px),1420px)!important}
.v77-careers-copy{max-width:520px!important;padding-top:6px!important}
.v77-careers-copy h1{max-width:520px!important;font-size:clamp(62px,4.8vw,84px)!important}
.v77-careers-copy p{max-width:500px!important}
.v77-careers-art{min-height:700px!important;display:flex;align-items:flex-start;justify-content:center;transform:none!important;pointer-events:none}
.v77-careers-art>img{position:relative!important;left:auto!important;top:auto!important;width:min(100%,980px)!important;transform:none!important;margin-top:-18px;filter:drop-shadow(0 42px 85px rgba(17,28,116,.32))!important}
.v77-careers-hero .exp-scroll-cue{bottom:18px}
#v77-areas-globe{z-index:2!important;top:51%!important;width:17.6%!important;height:37.5%!important}
.v77-area-card{width:20.6%!important}
.v77-area-02{left:26.0%!important;top:6.1%!important}
@media(max-width:1180px){.v77-careers-hero-stage{grid-template-columns:1fr!important}.v77-careers-art{min-height:620px!important;max-width:900px;margin:0 auto}.v77-careers-art>img{width:min(100%,860px)!important;margin-top:-12px}}
@media(max-width:720px){.v77-careers-hero{padding-top:108px!important}.v77-careers-copy h1{font-size:52px!important}.v77-careers-art{min-height:440px!important;width:100%!important;margin-left:0!important}.v77-careers-art>img{width:100%!important}.v77-area-card{width:auto!important}}