:root{
  --bg:#050608;--bg2:#090A0D;--panel:#0D1015;--gold:#D4A23B;--gold2:#F2C86A;
  --purple:#6A2CFF;--purple2:#9D6BFF;--white:#fff;--text:rgba(255,255,255,.84);
  --muted:rgba(255,255,255,.62);--line:rgba(255,255,255,.10);--container:1500px;
  --font-title:"Arial Narrow",Impact,sans-serif;--font-body:Arial,Helvetica,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font-body);overflow-x:hidden}
a{text-decoration:none;color:inherit}.site-container{width:min(calc(100% - 64px),var(--container));margin:auto}.center{text-align:center}
.site-header{position:sticky;top:0;z-index:100;background:rgba(3,4,6,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:210px;height:58px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:30px;font:bold 14px var(--font-title)}.nav-cta{border:1px solid var(--gold);padding:13px 20px;border-radius:4px;color:var(--gold2)}
.nav-item-has-children{position:relative}.mobile-nav-row{display:flex;align-items:center;gap:8px}.submenu-toggle{display:none;border:1px solid rgba(212,162,59,.42);border-radius:4px;background:transparent;color:var(--gold2);width:34px;height:34px;align-items:center;justify-content:center;cursor:pointer}.nav-submenu{position:absolute;top:100%;left:0;z-index:5000;min-width:230px;margin:0;padding:10px 0;list-style:none;background:#030405;border:1px solid rgba(212,162,59,.62);border-radius:4px;box-shadow:0 14px 30px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.nav-item-has-children:hover>.nav-submenu,.nav-item-has-children:focus-within>.nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav-submenu a{display:block;padding:11px 16px;color:#fff;white-space:nowrap}.nav-submenu a:hover,.nav-submenu a:focus,.nav-submenu a.is-active{color:var(--gold);background:rgba(212,162,59,.06)}
.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero{position:relative;min-height:700px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-media{position:absolute;inset:0;background-image:url("../img/hero-home.jpg?v=20260720-03&nt=1");background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.38) 0%,rgba(4,7,10,.12) 48%,rgba(4,7,10,0) 100%);pointer-events:none}
.hero-inner{position:relative;z-index:2;min-height:700px;display:flex;align-items:center}.hero-copy{width:46%;padding:60px 0}
.eyebrow,.section-kicker{margin:0 0 12px;color:var(--gold2);font:bold 16px var(--font-title);letter-spacing:.04em}.hero h1{margin:0;font:900 clamp(68px,5.3vw,108px)/.84 var(--font-title);letter-spacing:-.02em}.hero h1 span{display:block;background:linear-gradient(var(--gold2),var(--gold));-webkit-background-clip:text;color:transparent}
.hero-description{max-width:590px;margin-top:24px;color:var(--text);font-size:17px;line-height:1.6}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.btn{min-height:50px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font:bold 14px var(--font-title);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(var(--gold2),var(--gold));color:#050608}.btn-outline{border:1px solid var(--gold);color:var(--gold2)}.btn-purple{border:1px solid var(--purple2);color:var(--purple2)}.btn-whatsapp{background:linear-gradient(var(--purple2),var(--purple))}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.hero-metrics article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(212,162,59,.26);border-radius:5px;background:rgba(0,0,0,.34)}.metric-icon{color:var(--gold2);font-size:24px}.hero-metrics strong,.hero-metrics small{display:block}.hero-metrics small{font-size:10px;color:var(--muted);text-transform:uppercase}
.focus-strip{padding:18px 0;border-bottom:1px solid var(--line)}.focus-strip .section-kicker{text-align:center;font-size:11px}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr)}.focus-grid article{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px}.focus-grid article+article{border-left:1px solid var(--line)}.focus-grid span{color:var(--gold2);font-size:28px}.focus-grid strong{font:800 18px var(--font-title)}
.section{padding:68px 0;border-bottom:1px solid var(--line)}.challenge{background:radial-gradient(circle at 50% 50%,rgba(106,44,255,.08),transparent 30%)}.challenge-grid{display:grid;grid-template-columns:1fr 330px 1fr;gap:64px;align-items:center}.challenge h2{margin:0 0 24px;font:700 30px var(--font-title)}.accent-title{color:var(--gold2)}
.list{list-style:none;padding:0;margin:0;display:grid;gap:15px;color:var(--text)}.list li{display:flex;gap:12px;align-items:center}.list li:before{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font-size:12px}.negative li:before{content:"×"}.positive li:before{content:"✓";background:var(--gold);color:#050608}
.section-title{margin:0;font:700 clamp(30px,2.5vw,42px)/1 var(--font-title)}.section-subtitle{margin:8px 0 30px;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(8,1fr);gap:18px;margin:42px 0 32px}.steps article{text-align:center;position:relative}.steps article:not(:last-child):after{content:"";position:absolute;top:25px;right:-18px;width:36px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.step-icon{display:grid;place-items:center;width:50px;height:50px;margin:auto;border:1px solid var(--gold);border-radius:8px;color:var(--gold2);font-size:24px}.steps strong{display:block;margin:10px 0 6px;color:var(--gold2);font-size:21px}.steps p{margin:0;color:var(--text);font-size:12px;line-height:1.35}
.market-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:30px}.market-grid article{text-align:center;padding:24px 12px;border-left:1px solid var(--line)}.market-grid article:last-child{border-right:1px solid var(--line)}.market-grid span{display:block;color:var(--gold2);font-size:34px;margin-bottom:10px}.market-grid strong{font:700 14px/1.2 var(--font-title)}
.site-footer{border-top:1px solid var(--line);background:#030405}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:32px;padding:38px 0}.footer-brand img{width:180px}.footer-grid h3{font:700 12px var(--font-title)}.footer-grid p,.footer-grid a{display:block;margin:5px 0;color:var(--muted);font-size:11px;line-height:1.5}.social-row{display:flex;gap:8px}.social-row a{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line)}.footer-bottom{min-height:52px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.footer-bottom div{display:flex;gap:28px}
@media(max-width:1100px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:86px;left:0;right:0;background:#030405;padding:24px;flex-direction:column;align-items:stretch;gap:18px}.main-nav.open{display:flex}.main-nav>a,.mobile-nav-row>a{display:block}.nav-item-has-children{width:100%}.mobile-nav-row{justify-content:space-between;width:100%}.submenu-toggle{display:inline-flex}.nav-submenu{position:static;display:none;min-width:0;margin-top:10px;padding:8px 0 8px 14px;border:0;border-left:1px solid rgba(212,162,59,.35);border-radius:0;opacity:1;visibility:visible;transform:none}.nav-submenu.is-open{display:block}.hero-media{inset:0}.hero-copy{width:100%}.challenge-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(4,1fr)}.steps article:after{display:none}.experience-grid{grid-template-columns:1fr}.market-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.site-container{width:min(calc(100% - 32px),var(--container))}.hero h1{font-size:clamp(48px,15vw,68px)}.hero-metrics{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}.market-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column}.btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start;padding:16px 0}}

.hero-media {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.ui-icon,
.step-icon,
.market-icon {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
}

.metric-card .ui-icon {
  width: 30px;
  height: 30px;
}

.step-item .step-icon {
  width: 48px;
  height: 48px;
  margin-inline: auto;
}

.market-item .market-icon,
.market-grid .market-icon,
.focus-grid .market-icon {
  width: 40px;
  height: 40px;
  margin-inline: auto;
}

.hero-metrics article {
  align-items: center;
}

.focus-grid article,
.market-grid article {
  display: grid;
  justify-items: center;
}

.step-item {
  display: grid;
  justify-items: center;
}

.btn-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.whatsapp-icon img {
  width: 34px;
  height: 34px;
}

.site-logo {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.experience-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 30px 0;
}

.experience-card-image {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.experience-card-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

.experience-card-image:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(0,0,0,.34);
}

.experience-card-image.is-disabled {
  cursor: default;
}

.step-icon {
  display: block;
  width: 54px;
  height: 54px;
  margin-inline: auto;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(69%) sepia(63%) saturate(641%) hue-rotate(358deg) brightness(94%) contrast(89%);
  transition: transform .25s ease, filter .25s ease;
}

.step-item:hover .step-icon {
  transform: translateY(-3px) scale(1.04);
  filter: brightness(0) saturate(100%) invert(82%) sepia(52%) saturate(749%) hue-rotate(347deg) brightness(102%) contrast(91%) drop-shadow(0 0 8px rgba(212,162,59,.25));
}

.market-icon,
.ui-icon {
  display: block;
  width: 66px;
  height: 66px;
  margin-inline: auto;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(69%) sepia(63%) saturate(641%) hue-rotate(358deg) brightness(94%) contrast(89%);
}

.metric-card .ui-icon {
  width: 30px;
  height: 30px;
}

.social-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  transition: .2s ease;
}

.social-icon:hover {
  color: #F2C86A;
  border-color: #D4A23B;
  box-shadow: 0 0 12px rgba(212,162,59,.18);
}

@media (max-width: 768px) {
  .hero-media {
    min-height: 420px;
    background-position: 65% center;
  }

  .experience-grid {
    grid-template-columns: 1fr;
  }

  .market-icon {
    width: 56px;
    height: 56px;
  }
}

.hero-copy {
  width: 52%;
  max-width: 820px;
  overflow: visible;
}

.hero h1 {
  font-size: clamp(58px, 4.65vw, 94px);
  letter-spacing: 0;
  max-width: 100%;
}

.challenge-grid {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 620px) minmax(0, 1fr);
}

@media(max-width:1100px) {
  .hero-copy {
    width: 100%;
  }

  .challenge-grid {
    grid-template-columns: 1fr;
  }
}

img {
  max-width: 100%;
}

.site-logo {
  width: 200px;
}

.challenge-section {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  background: #071018;
}

.challenge-background {
  position: absolute;
  inset: 0;
  background-image: url("../img/bg-alvo.png?v=20260720-03&nt=1");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 0;
}

.challenge-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(3, 8, 12, .12);
}

.challenge-content {
  position: relative;
  z-index: 2;
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(0, 34%) minmax(280px, 32%) minmax(0, 34%);
  align-items: center;
  gap: 36px;
}

.challenge-center-spacer {
  min-width: 0;
}

.cta-exploration-icon {
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(69%) sepia(63%) saturate(641%) hue-rotate(358deg) brightness(94%) contrast(89%);
}

.market-item {
  min-height: 150px;
  padding: 24px 14px;
}

.market-item .market-icon,
.market-grid .market-icon {
  width: 66px;
  height: 66px;
}

.market-item strong {
  margin-top: 14px;
}

@media(max-width:1100px) {
  .challenge-content {
    grid-template-columns: 1fr;
  }

  .challenge-center-spacer {
    display: none;
  }

  .hero::after {
    background: linear-gradient(90deg,rgba(4,7,10,.38) 0%,rgba(4,7,10,.12) 48%,rgba(4,7,10,0) 100%);
  }
}

@media(max-width:768px) {
  .market-item .market-icon,
  .market-grid .market-icon {
    width: 56px;
    height: 56px;
  }
}

.hero-media {
  position: absolute;
  inset: 0;
  background-image: url("../img/hero-home.jpg?v=20260720-03&nt=1");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  filter: none;
  transform: none;
  image-rendering: auto;
}

.challenge-section {
  position: relative;
  overflow: hidden;
  background: #071018;
}

.challenge-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("../img/bg-alvo.png?v=20260720-03&nt=1");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  image-rendering: auto;
  filter: none;
  transform: none;
}

.site-logo {
  display: block;
  width: 200px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.brand img.site-logo,
.footer-brand img.site-logo {
  width: 200px;
  height: auto;
}

.focus-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

.focus-grid .focus-item {
  min-height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  padding: 16px 12px;
}

.focus-icon {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
  margin: 0 auto;
  filter: brightness(0) saturate(100%) invert(69%) sepia(63%) saturate(641%) hue-rotate(358deg) brightness(94%) contrast(89%);
}

.focus-grid .focus-item strong {
  display: block;
  margin: 0;
  text-align: center;
  line-height: 1.2;
}

.focus-grid .focus-item + .focus-item {
  border-left: 1px solid var(--line);
}

@media (max-width: 1024px) {
  .focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .focus-grid .focus-item {
    min-height: 110px;
  }

  .focus-grid .focus-item:nth-child(odd) {
    border-left: 0;
  }
}

@media (max-width: 640px) {
  .focus-grid {
    grid-template-columns: 1fr;
  }

.focus-grid .focus-item {
    min-height: 100px;
    width: 100%;
    border-left: 0;
  }
}

@media (min-width: 1025px) {
  .challenge-content {
    grid-template-columns:
      minmax(0, 34%)
      minmax(260px, 32%)
      minmax(0, 34%);
  }

  .solution-offset-target {
    position: relative !important;
    margin-left: 20px !important;
    width: calc(100% - 20px);
  }
}

@media (max-width: 1024px) {
  .solution-offset-target {
    position: relative !important;
    margin-left: 0 !important;
  }
}


.main-nav a.is-active { color: #D4A23B; }

.site-logo-link,
.footer-logo-link {
  display: inline-block;
}

.global-cta-section {
  padding: 32px 0 46px;
}

.global-cta-banner {
  position: relative;
  width: 100%;
}

.global-cta-banner > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.global-cta-hotspot {
  position: absolute;
  z-index: 2;
  display: block;
}

.global-cta-whatsapp {
  left: 48%;
  top: 26%;
  width: 22%;
  height: 46%;
}

.global-cta-demo {
  left: 71%;
  top: 26%;
  width: 24%;
  height: 46%;
}