:root {
  --gold: #C9A84C;
  --gold-light: #E8C96A;
  --gold-dim: rgba(201,168,76,0.15);
  --black: #060608;
  --dark: #0E0E12;
  --panel: #141419;
  --border: rgba(201,168,76,0.18);
  --silver: #8A8A9A;
  --white: #F0EEE8;
  --green: #00D97E;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }

body {
  background: var(--black);
  color: var(--white);
  font-family: 'Outfit', sans-serif;
  overflow-x: hidden;
}

/* SCANLINE TEXTURE */
body::after {
  content:'';
  position:fixed; inset:0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);
  pointer-events:none; z-index:9999;
}

/* ── NAV ── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:200;
  display:flex; align-items:center; justify-content:space-between;
  padding:1.1rem 5rem;
  background:rgba(6,6,8,0.9);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
.nav-brand {
  display:flex; flex-direction:column; line-height:1;
}
.nav-brand-main {
  font-family:'Orbitron', monospace;
  font-size:1.1rem; font-weight:900;
  letter-spacing:0.08em;
  color:var(--gold);
}
.nav-brand-sub {
  font-size:0.6rem; font-weight:500;
  letter-spacing:0.25em; text-transform:uppercase;
  color:var(--silver); margin-top:2px;
}
.nav-links { display:flex; gap:2.2rem; list-style:none; align-items:center; }
.nav-links a {
  font-size:0.78rem; font-weight:500;
  letter-spacing:0.1em; text-transform:uppercase;
  color:var(--silver); text-decoration:none;
  transition:color 0.2s;
}
.nav-links a:hover { color:var(--gold); }
.nav-cta {
  background:transparent !important;
  border:1px solid var(--gold) !important;
  color:var(--gold) !important;
  padding:0.45rem 1.1rem;
  transition:background 0.2s !important;
}
.nav-cta:hover { background:var(--gold-dim) !important; }

/* ── HERO ── */
.hero {
  min-height:100vh;
  display:flex; flex-direction:column; justify-content:center;
  padding:0 5rem; padding-top:100px;
  position:relative; overflow:hidden;
}

/* radar circle bg */
.radar-bg {
  position:absolute;
  right:-5%; top:50%; transform:translateY(-50%);
  width:650px; height:650px;
  pointer-events:none;
}
.radar-ring {
  position:absolute; border-radius:50%;
  border:1px solid rgba(201,168,76,0.12);
  top:50%; left:50%; transform:translate(-50%,-50%);
}
.radar-ring:nth-child(1) { width:150px; height:150px; }
.radar-ring:nth-child(2) { width:280px; height:280px; }
.radar-ring:nth-child(3) { width:420px; height:420px; }
.radar-ring:nth-child(4) { width:560px; height:560px; }
.radar-ring:nth-child(5) { width:650px; height:650px; }
.radar-sweep {
  position:absolute;
  width:50%; height:1px;
  background:linear-gradient(90deg, rgba(201,168,76,0.6), transparent);
  top:50%; left:50%; transform-origin:left center;
  animation:sweep 3s linear infinite;
}
@keyframes sweep { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.radar-crosshair {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
}
.radar-crosshair::before, .radar-crosshair::after {
  content:''; position:absolute; background:rgba(201,168,76,0.2);
}
.radar-crosshair::before { width:650px; height:1px; top:0; left:-325px; }
.radar-crosshair::after { width:1px; height:650px; top:-325px; left:0; }

.hero-content { position:relative; z-index:2; max-width:640px; }

.hero-eyebrow {
  display:inline-flex; align-items:center; gap:0.6rem;
  background:var(--gold-dim);
  border:1px solid var(--border);
  padding:0.3rem 0.9rem;
  font-size:0.7rem; font-weight:600;
  letter-spacing:0.2em; text-transform:uppercase;
  color:var(--gold); margin-bottom:2rem;
  animation:fadeUp 0.7s ease both;
}
.blink { animation:blink 1.2s step-end infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }

.hero-h1 {
  font-family:'Orbitron', monospace;
  font-size:clamp(2.8rem, 5.5vw, 5.8rem);
  font-weight:900;
  line-height:1;
  letter-spacing:0.04em;
  margin-bottom:1.5rem;
  animation:fadeUp 0.7s ease 0.1s both;
}
.hero-h1 .line2 {
  display:block;
  -webkit-text-stroke:1.5px var(--gold);
  color:transparent;
}
.hero-h1 .line3 { display:block; color:var(--gold); }

.hero-p {
  font-size:1rem; font-weight:300;
  color:var(--silver); line-height:1.75;
  max-width:480px; margin-bottom:2.5rem;
  animation:fadeUp 0.7s ease 0.2s both;
}

.hero-btns {
  display:flex; gap:1rem; flex-wrap:wrap;
  animation:fadeUp 0.7s ease 0.3s both;
}

.btn-gold {
  background:var(--gold);
  color:var(--black);
  padding:0.85rem 2rem;
  font-family:'Outfit', sans-serif;
  font-size:0.82rem; font-weight:700;
  letter-spacing:0.1em; text-transform:uppercase;
  border:none; cursor:pointer; text-decoration:none;
  display:inline-block;
  transition:background 0.2s, transform 0.2s;
}
.btn-gold:hover { background:var(--gold-light); transform:translateY(-2px); }

.btn-outline {
  background:transparent;
  color:var(--white);
  padding:0.85rem 2rem;
  font-family:'Outfit', sans-serif;
  font-size:0.82rem; font-weight:600;
  letter-spacing:0.1em; text-transform:uppercase;
  border:1px solid rgba(255,255,255,0.2);
  cursor:pointer; text-decoration:none;
  display:inline-block;
  transition:border-color 0.2s;
}
.btn-outline:hover { border-color:var(--gold); color:var(--gold); }

.hero-metrics {
  display:flex; gap:3rem; margin-top:3.5rem;
  padding-top:2.5rem;
  border-top:1px solid var(--border);
  animation:fadeUp 0.7s ease 0.4s both;
}
.metric-num {
  font-family:'Orbitron', monospace;
  font-size:2.2rem; font-weight:700;
  color:var(--gold); line-height:1;
}
.metric-label {
  font-size:0.72rem; font-weight:500;
  letter-spacing:0.1em; text-transform:uppercase;
  color:var(--silver); margin-top:0.35rem;
}

@keyframes fadeUp {
  from { opacity:0; transform:translateY(20px); }
  to { opacity:1; transform:translateY(0); }
}

/* ── MARQUEE ── */
.marquee-wrap {
  overflow:hidden;
  background:var(--gold);
  padding:0.6rem 0;
  border-top:none;
}
.marquee-track {
  display:flex; gap:3rem;
  white-space:nowrap;
  animation:marquee 20s linear infinite;
}
.marquee-track span {
  font-family:'Orbitron', monospace;
  font-size:0.7rem; font-weight:700;
  letter-spacing:0.15em; text-transform:uppercase;
  color:var(--black);
  flex-shrink:0;
}
.marquee-track span::before { content:'◆ '; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── SECTIONS ── */
section { padding:6rem 5rem; }

.tag {
  font-family:'Orbitron', monospace;
  font-size:0.62rem; font-weight:600;
  letter-spacing:0.25em; text-transform:uppercase;
  color:var(--gold); margin-bottom:1rem;
  display:flex; align-items:center; gap:0.6rem;
}
.tag::before {
  content:'';
  width:24px; height:1px; background:var(--gold);
}

.section-h {
  font-family:'Orbitron', monospace;
  font-size:clamp(2rem, 3.5vw, 3.5rem);
  font-weight:900; line-height:1.05;
  letter-spacing:0.04em; margin-bottom:1rem;
}

.section-p {
  font-size:0.95rem; color:var(--silver);
  max-width:500px; line-height:1.75;
}

/* ── SERVICES ── */
.services-bg { background:var(--dark); }

.srv-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin-top:3.5rem;
  background:var(--border);
}
.srv-card {
  background:var(--panel);
  padding:2.5rem 2rem;
  position:relative; overflow:hidden;
  transition:background 0.3s;
}
.srv-card:hover { background:#18181f; }
.srv-card:hover .srv-icon { transform:scale(1.1); }
.srv-glow {
  position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
  opacity:0; transition:opacity 0.3s;
}
.srv-card:hover .srv-glow { opacity:1; }
.srv-icon {
  font-size:2.2rem; margin-bottom:1.2rem; display:block;
  transition:transform 0.3s;
}
.srv-n {
  position:absolute; bottom:1rem; right:1.5rem;
  font-family:'Orbitron', monospace;
  font-size:3.5rem; font-weight:900;
  color:rgba(201,168,76,0.05);
  line-height:1;
}
.srv-title {
  font-family:'Orbitron', monospace;
  font-size:0.8rem; font-weight:700;
  letter-spacing:0.08em; text-transform:uppercase;
  margin-bottom:0.8rem; color:var(--white);
}
.srv-desc { font-size:0.87rem; color:var(--silver); line-height:1.65; }

/* ── WHY ── */
.why-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:4rem; align-items:center; margin-top:3.5rem;
}
.why-points { display:flex; flex-direction:column; gap:1.5rem; }
.why-point {
  display:flex; gap:1.2rem; align-items:flex-start;
  padding:1.2rem;
  background:var(--panel);
  border:1px solid var(--border);
  transition:border-color 0.3s;
}
.why-point:hover { border-color:var(--gold); }
.why-ico {
  font-size:1.4rem; flex-shrink:0;
  width:42px; height:42px;
  background:var(--gold-dim);
  display:flex; align-items:center; justify-content:center;
}
.why-title {
  font-family:'Orbitron', monospace;
  font-size:0.75rem; font-weight:700;
  letter-spacing:0.06em; margin-bottom:0.4rem;
  color:var(--white);
}
.why-text { font-size:0.84rem; color:var(--silver); line-height:1.6; }

/* terminal widget */
.terminal {
  background:#08080C;
  border:1px solid var(--border);
  padding:0;
  font-family:'Orbitron', monospace;
  font-size:0.75rem;
  overflow:hidden;
}
.term-bar {
  background:var(--panel);
  border-bottom:1px solid var(--border);
  padding:0.7rem 1rem;
  display:flex; align-items:center; gap:0.6rem;
}
.term-dot { width:10px; height:10px; border-radius:50%; }
.term-body { padding:1.5rem; display:flex; flex-direction:column; gap:0.7rem; }
.term-line { display:flex; gap:0.8rem; }
.term-prompt { color:var(--gold); }
.term-cmd { color:var(--white); }
.term-out { color:var(--green); padding-left:1.5rem; }
.term-out.dim { color:var(--silver); }
.cursor { display:inline-block; width:8px; height:14px; background:var(--gold); animation:blink 1s step-end infinite; vertical-align:middle; }

/* ── HOW ── */
.how-bg { background:var(--dark); }

.steps {
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:0; margin-top:3.5rem; position:relative;
}
.steps::after {
  content:'';
  position:absolute;
  top:30px; left:12%; right:12%;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
}
.step {
  padding:0 1.5rem; text-align:center; position:relative;
}
.step-circle {
  width:60px; height:60px;
  background:var(--dark);
  border:1px solid var(--gold);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 1.8rem;
  font-family:'Orbitron', monospace;
  font-size:1.1rem; font-weight:900;
  color:var(--gold);
  position:relative; z-index:1;
}
.step-title {
  font-family:'Orbitron', monospace;
  font-size:0.72rem; font-weight:700;
  letter-spacing:0.08em; text-transform:uppercase;
  margin-bottom:0.6rem; color:var(--white);
}
.step-desc { font-size:0.82rem; color:var(--silver); line-height:1.6; }

/* ── PRICING ── */
.price-note {
  font-size:0.85rem; color:var(--silver);
  background:var(--panel); border:1px solid var(--border);
  padding:0.8rem 1.2rem; margin-top:1rem;
  display:inline-flex; align-items:center; gap:0.5rem;
  max-width:600px;
}

.p-grid {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:1px; margin-top:2.5rem;
  background:var(--border);
}
.p-card {
  background:var(--panel);
  padding:2.5rem 2rem;
  border:1px solid transparent;
  position:relative; overflow:hidden;
  transition:border-color 0.3s;
}
.p-card:hover { border-color:rgba(201,168,76,0.3); }
.p-card.hot {
  background:var(--dark);
  border:1px solid var(--gold);
}
.p-hot-label {
  position:absolute; top:-1px; left:50%; transform:translateX(-50%);
  background:var(--gold); color:var(--black);
  font-family:'Orbitron', monospace;
  font-size:0.6rem; font-weight:700;
  letter-spacing:0.15em; text-transform:uppercase;
  padding:0.25rem 0.8rem;
  white-space:nowrap;
}
.p-tier {
  font-family:'Orbitron', monospace;
  font-size:0.65rem; font-weight:600;
  letter-spacing:0.2em; text-transform:uppercase;
  color:var(--silver); margin-bottom:0.8rem;
}
.p-price {
  font-family:'Orbitron', monospace;
  font-size:2.5rem; font-weight:900;
  color:var(--gold); line-height:1;
  margin-bottom:0.3rem;
}
.p-price sup { font-size:1rem; }
.p-period { font-size:0.78rem; color:var(--silver); margin-bottom:2rem; }
.p-feats { list-style:none; margin-bottom:2rem; }
.p-feats li {
  font-size:0.84rem; color:var(--silver);
  padding:0.5rem 0;
  border-bottom:1px solid rgba(255,255,255,0.04);
  display:flex; align-items:center; gap:0.6rem;
}
.p-feats li::before { content:'→'; color:var(--gold); font-size:0.75rem; }
.p-feats li.off { opacity:0.3; }
.p-feats li.off::before { content:'×'; color:var(--silver); }

/* ── TESTIMONIALS ── */
.testi-bg { background:var(--dark); }
.t-grid {
  display:grid; grid-template-columns:repeat(2,1fr);
  gap:1.5px; margin-top:3.5rem;
  background:var(--border);
}
.t-card {
  background:var(--panel);
  padding:2.2rem;
  border-left:2px solid var(--gold);
  position:relative;
}
.t-quote {
  font-size:0.95rem; color:var(--white);
  line-height:1.8; font-style:italic;
  margin-bottom:1.5rem;
}
.t-stars { color:var(--gold); font-size:0.8rem; margin-bottom:1rem; }
.t-name {
  font-family:'Orbitron', monospace;
  font-size:0.72rem; font-weight:700;
  letter-spacing:0.08em; color:var(--white);
}
.t-role { font-size:0.75rem; color:var(--silver); margin-top:0.2rem; }

/* ── CTA BAND ── */
.cta-band {
  background:linear-gradient(135deg, #1a1200, #0E0E12 50%, #1a0800);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:5rem;
  text-align:center; position:relative; overflow:hidden;
}
.cta-band::before {
  content:'';
  position:absolute; inset:0;
  background:radial-gradient(ellipse at center, rgba(201,168,76,0.08) 0%, transparent 70%);
}
.cta-band * { position:relative; z-index:1; }
.cta-h {
  font-family:'Orbitron', monospace;
  font-size:clamp(2rem,4vw,4rem);
  font-weight:900; letter-spacing:0.04em;
  margin-bottom:1rem; line-height:1.1;
}
.cta-h span { color:var(--gold); }
.cta-p { font-size:0.95rem; color:var(--silver); max-width:480px; margin:0 auto 2.5rem; line-height:1.7; }

/* ── CONTACT ── */
.contact-wrap {
  display:grid; grid-template-columns:1fr 1.5fr;
  gap:5rem; margin-top:3.5rem; align-items:start;
}
.c-items { display:flex; flex-direction:column; gap:1.5rem; }
.c-item { display:flex; gap:1rem; align-items:flex-start; }
.c-ico {
  width:44px; height:44px; min-width:44px;
  background:var(--gold-dim);
  border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem;
}
.c-lbl {
  font-family:'Orbitron', monospace;
  font-size:0.62rem; font-weight:600;
  letter-spacing:0.18em; text-transform:uppercase;
  color:var(--silver); margin-bottom:0.3rem;
}
.c-val { font-size:0.9rem; color:var(--white); }

.c-form { display:flex; flex-direction:column; gap:1rem; }
.c-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.c-group { display:flex; flex-direction:column; gap:0.4rem; }
.c-group label {
  font-family:'Orbitron', monospace;
  font-size:0.6rem; font-weight:600;
  letter-spacing:0.18em; text-transform:uppercase;
  color:var(--silver);
}
.c-group input,
.c-group select,
.c-group textarea {
  background:var(--panel);
  border:1px solid var(--border);
  color:var(--white);
  padding:0.75rem 1rem;
  font-family:'Outfit', sans-serif;
  font-size:0.9rem;
  outline:none; width:100%;
  transition:border-color 0.2s;
}
.c-group input:focus,
.c-group select:focus,
.c-group textarea:focus { border-color:var(--gold); }
.c-group textarea { resize:vertical; min-height:90px; }
.c-group select { appearance:none; }
::placeholder { color:rgba(138,138,154,0.5); }

/* ── FOOTER ── */
footer {
  background:var(--dark);
  border-top:1px solid var(--border);
  padding:3.5rem 5rem 2rem;
}
.ft {
  display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr;
  gap:3rem; padding-bottom:2.5rem;
  border-bottom:1px solid var(--border);
  margin-bottom:2rem;
}
.ft-brand {
  font-family:'Orbitron', monospace;
  font-size:1.1rem; font-weight:900;
  color:var(--gold); margin-bottom:0.8rem;
}
.ft-tagline { font-size:0.84rem; color:var(--silver); line-height:1.65; }
.ft-h {
  font-family:'Orbitron', monospace;
  font-size:0.62rem; font-weight:700;
  letter-spacing:0.18em; text-transform:uppercase;
  color:var(--white); margin-bottom:1.2rem;
}
.ft-links { list-style:none; display:flex; flex-direction:column; gap:0.6rem; }
.ft-links a {
  font-size:0.84rem; color:var(--silver);
  text-decoration:none; transition:color 0.2s;
}
.ft-links a:hover { color:var(--gold); }
.ft-bottom {
  display:flex; justify-content:space-between; align-items:center;
  font-size:0.76rem; color:var(--silver);
}
.ft-bottom span { color:var(--gold); }

/* ── WHATSAPP FLOAT ── */
.wa-float {
  position:fixed; bottom:2rem; right:2rem; z-index:300;
  width:54px; height:54px;
  background:#25D366;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem;
  box-shadow:0 4px 20px rgba(37,211,102,0.4);
  text-decoration:none;
  animation:waBounce 2s ease infinite;
}
@keyframes waBounce {
  0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}
}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  nav { padding:1rem 1.5rem; }
  .nav-links { display:none; }
  .hero { padding:5rem 1.5rem 3rem; }
  .radar-bg { display:none; }
  section { padding:4rem 1.5rem; }
  .srv-grid { grid-template-columns:1fr; }
  .why-grid { grid-template-columns:1fr; }
  .steps { grid-template-columns:1fr 1fr; }
  .steps::after { display:none; }
  .p-grid { grid-template-columns:1fr; }
  .t-grid { grid-template-columns:1fr; }
  .contact-wrap { grid-template-columns:1fr; gap:3rem; }
  .c-row { grid-template-columns:1fr; }
  .cta-band { padding:4rem 1.5rem; }
  footer { padding:3rem 1.5rem 2rem; }
  .ft { grid-template-columns:1fr 1fr; gap:2rem; }
  .ft-bottom { flex-direction:column; gap:0.8rem; text-align:center; }
}