:root { --lime:#9bdc00; --black:#050807; }
* { box-sizing:border-box; }
html, body { width:100%; height:100%; overflow:hidden; }
body { margin:0; background:var(--black); color:#f5f7f6; font-family:"Manrope","Segoe UI",sans-serif; }
.holding-page { position:relative; width:100%; height:100dvh; min-height:0; overflow:hidden; display:grid; grid-template-columns:minmax(470px,.9fr) minmax(520px,1.1fr); background:var(--black); }
.content-panel { position:relative; z-index:3; height:100%; min-height:0; padding:clamp(32px,5vw,76px); display:flex; flex-direction:column; justify-content:space-between; }
.status { display:flex; align-items:center; gap:12px; color:#c8d0cd; font-size:12px; font-weight:650; letter-spacing:.15em; text-transform:uppercase; }
.status span { width:9px; height:9px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 6px rgba(155,220,0,.13),0 0 25px rgba(155,220,0,.55); animation:pulse 2.2s ease-in-out infinite; }
.headline-wrap { margin:clamp(70px,12vh,140px) 0; }
.eyebrow { margin:0 0 25px; color:var(--lime); font-size:13px; font-weight:750; letter-spacing:.18em; text-transform:uppercase; }
h1 { margin:0; max-width:720px; font-family:"Archivo","Manrope",sans-serif; font-size:clamp(54px,6.4vw,100px); font-weight:800; letter-spacing:-.06em; line-height:.9; }
h1 strong { color:var(--lime); font-weight:800; }
.intro { margin:35px 0 0; max-width:570px; color:#aeb9b5; font-size:clamp(17px,1.5vw,21px); line-height:1.65; }
.contacts { display:flex; gap:clamp(28px,5vw,76px); flex-wrap:wrap; }
.contacts a { display:flex; flex-direction:column; gap:8px; color:#f5f7f6; text-decoration:none; font-size:clamp(16px,1.35vw,20px); transition:color .25s ease,transform .25s ease; }
.contacts a:hover { color:var(--lime); transform:translateY(-2px); }
.contact-label { color:#6f7c78; font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.visual-panel { position:relative; z-index:1; height:100%; min-height:0; display:grid; align-items:center; overflow:hidden; }
.tech-hero { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:62% center; transform:scale(1.035); animation:hero-in 1.4s cubic-bezier(.2,.75,.2,1) both; }
.visual-panel::before { content:""; position:absolute; z-index:2; inset:0; background:linear-gradient(90deg,var(--black) 0%,rgba(5,8,7,.88) 7%,rgba(5,8,7,.22) 35%,transparent 62%); pointer-events:none; }
.visual-glow { position:absolute; z-index:2; left:9%; top:25%; width:1px; height:50%; background:linear-gradient(transparent,rgba(155,220,0,.85),transparent); box-shadow:0 0 32px rgba(155,220,0,.35); }
.orb { position:absolute; border-radius:50%; pointer-events:none; }
.orb-one { width:420px; height:420px; right:25%; top:-240px; background:rgba(155,220,0,.08); box-shadow:0 0 120px rgba(155,220,0,.1); }
.orb-two { width:220px; height:220px; left:-150px; bottom:-100px; border:1px solid rgba(155,220,0,.18); }
@keyframes pulse { 50% { opacity:.5; transform:scale(.78); } }
@keyframes hero-in { from { opacity:0; transform:scale(1.09) translateX(24px); } to { opacity:1; transform:scale(1.035) translateX(0); } }
@media (max-width:860px) {
  html,body { overflow:auto; }
  .holding-page { height:auto; min-height:100dvh; grid-template-columns:1fr; background:#09100f; }
  .content-panel { height:auto; min-height:auto; padding-bottom:38px; }
  .headline-wrap { margin:90px 0 70px; }
  h1 { font-size:clamp(50px,14vw,76px); }
  .visual-panel { height:auto; min-height:58svh; }
  .tech-hero { object-position:66% center; }
  .visual-panel::before { background:linear-gradient(180deg,var(--black) 0%,transparent 25%); }
  .visual-glow { display:none; }
}
@media (max-width:540px) {
  .content-panel { padding:28px 22px 34px; }
  .status { font-size:10px; letter-spacing:.1em; }
  .headline-wrap { margin:78px 0 58px; }
  h1 { font-size:clamp(46px,13.5vw,66px); line-height:.9; }
  .intro { margin-top:26px; font-size:16px; }
  .contacts { flex-direction:column; gap:24px; }
  .visual-panel { min-height:48svh; }
}
@media (prefers-reduced-motion:reduce) { .status span,.tech-hero { animation:none; } .contacts a { transition:none; } }

/* FUELDESIGN — MOBILE SEM IMAGEM */
@media (max-width: 860px) {
  html,
  body {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .holding-page {
    display: block;
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
    background:
      radial-gradient(
        circle at 15% 10%,
        rgba(155, 220, 0, 0.10),
        transparent 35%
      ),
      #050807;
  }

  .content-panel {
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    padding: 38px 22px 34px;
  }

  .visual-panel {
    display: none;
  }

  .headline-wrap {
    margin: auto 0;
  }

  .orb-two {
    display: none;
  }
}

/* FUELDESIGN — LOGÓTIPO DO BANNER */
.brand-logo {
  display: block;
  width: clamp(205px, 17vw, 260px);
  height: auto;
  margin: 0 0 28px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 860px) {
  .brand-logo {
    width: clamp(175px, 48vw, 220px);
    margin-bottom: 24px;
  }
}

/* FUELDESIGN — TOPO DA PÁGINA */
.top-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.top-brand .brand-logo {
  margin: 0;
}

@media (max-width: 860px) {
  .top-brand {
    gap: 16px;
  }

  .headline-wrap {
    padding-top: 45px;
  }
}