/* onLUME v18.5.10 — anel tipográfico circular do método */
.hero{background:radial-gradient(circle at 78% 39%,rgba(53,142,93,.25),transparent 30%),radial-gradient(circle at 82% 18%,rgba(201,166,70,.11),transparent 46%),linear-gradient(132deg,#020d09 0%,#04170f 51%,#0b2b1e 100%)}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(560px,1.06fr);gap:clamp(58px,6vw,98px)}
.hero-copy{max-width:690px}
.hero h1{max-width:10.5ch;margin:24px 0 28px;font-size:clamp(4.4rem,6.8vw,7.25rem);line-height:.85;letter-spacing:-.055em}
.hero h1 em{display:inline-block;color:#f1d477;font-weight:500}
.hero-lead{max-width:61ch;color:#c2cec6;font-size:1.06rem;line-height:1.92}
.hero-mantra{margin-top:22px;border-left-color:#e1bb4c;color:#f0eadc;font-size:1.32rem}

.hero-symbol.metal-machine{--hero-orbit-radius:44;width:min(100%,640px);margin-bottom:94px;overflow:visible}
.hero-symbol.metal-machine:before{inset:17%;background:radial-gradient(circle,rgba(83,231,113,.13),rgba(31,92,61,.23) 45%,transparent 72%)}
.hero-symbol.metal-machine:after{inset:6%;border-color:rgba(235,203,106,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 64px rgba(75,228,108,.07)}
.hero-symbol .symbol-orbit{inset:6%;border-color:rgba(231,199,108,.045);animation:none}
.hero-symbol .symbol-orbit:before{inset:5%;border-style:dashed;border-color:rgba(87,228,119,.035)}
.hero-symbol .symbol-orbit:after{inset:12%;border-color:rgba(231,199,108,.035)}
.hero-symbol .metal-gear{left:50.12%;top:50.61%;width:72%;height:72%;animation-duration:32s}
.hero-symbol .metal-core{left:49.37%;top:49.79%;width:29.5%;height:29.5%}
.hero-symbol .machine-scan{inset:26%}

/* As letras acompanham a curvatura; as quatro palavras compõem um único círculo giratório. */
.hero-word-ring{position:absolute;z-index:9;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;isolation:isolate}
.hero-word-ring .word-ring-track{fill:none;stroke:none}
.hero-word-ring .word-ring-track-dash{stroke:rgba(83,231,102,.045);stroke-width:.65;stroke-dasharray:1 11;animation:heroWordRail 26s linear infinite;transform-origin:320px 320px}
.hero-word-ring .orbit-divider{fill:#d0ad4d;opacity:.24;filter:none;pointer-events:none}
.hero-word-ring #heroOrbitWords{will-change:auto}
.hero-symbol .hero-word-ring .orbit-word{--orbit-proximity:0;position:static!important;inset:auto!important;display:inline!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important;fill:#f0ead8;stroke:rgba(0,0,0,.001);stroke-width:18px;paint-order:stroke fill;font-family:Montserrat,Arial,sans-serif;font-size:22px;font-weight:800;letter-spacing:4.4px;text-transform:uppercase;opacity:calc(.84 + var(--orbit-proximity) * .16);filter:brightness(calc(.9 + var(--orbit-proximity) * .24));transition:fill .22s ease,opacity .18s linear,filter .18s linear;pointer-events:visiblePainted;cursor:pointer;user-select:none}
.hero-symbol .hero-word-ring .orbit-word:hover{fill:#fff0b3;opacity:1;filter:brightness(1.14) drop-shadow(0 0 8px rgba(232,199,96,.28))}
.hero-symbol .hero-word-ring .orbit-word:focus-visible{fill:#efffe8;opacity:1;outline:none;filter:drop-shadow(0 0 7px rgba(101,255,137,.72))}
.hero-symbol .hero-word-ring .orbit-word.orbit-lit{fill:#72ff92;opacity:1;filter:brightness(1.2) drop-shadow(0 0 5px #4dff76) drop-shadow(0 0 13px rgba(77,255,118,.88));animation:heroWordPulse 1.7s ease-in-out infinite}
.hero-symbol .machine-badge{top:calc(100% + 21px);border-color:rgba(231,199,108,.35);background:linear-gradient(145deg,rgba(8,38,25,.97),rgba(2,16,10,.97))}
.hero-symbol .machine-badge strong{color:#f3d66f}

@keyframes heroWordRail{to{transform:rotate(360deg)}}
@keyframes heroWordPulse{50%{filter:brightness(1.32) drop-shadow(0 0 7px #5cff7e) drop-shadow(0 0 18px rgba(77,255,118,.94))}}

@media(max-width:1120px) and (min-width:821px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);gap:38px}
  .hero-symbol.metal-machine{width:min(100%,540px)}
  .hero-symbol .hero-word-ring .orbit-word{font-size:23px;letter-spacing:4.5px}
}

@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-symbol.metal-machine{order:-1;width:min(92vw,470px);margin-bottom:82px}
  .hero-symbol .metal-gear{width:65%;height:65%}
  .hero-symbol .metal-core{width:27%;height:27%}
  .hero-symbol .hero-word-ring .orbit-word{font-size:26px;letter-spacing:4.8px}
  .hero h1{max-width:10.8ch;font-size:clamp(3.5rem,13.2vw,5.1rem)}
}

@media(max-width:440px){
  .hero-symbol.metal-machine{width:min(94vw,360px);margin-bottom:74px}
  .hero-symbol .metal-gear{width:63%;height:63%}
  .hero-symbol .hero-word-ring .orbit-word{font-size:29px;letter-spacing:5px}
  .hero h1{font-size:3.35rem}.hero-lead{font-size:.98rem}
}

@media(prefers-reduced-motion:reduce){
  .hero-word-ring .word-ring-track-dash,.hero-symbol .hero-word-ring .orbit-word.orbit-lit{animation:none}
  .hero-word-ring #heroOrbitWords{will-change:auto}
}