:root{
  --bg:#030609;
  --panel:#080d14;
  --text:#f4f4f8;
  --muted:#b8bcc8;
  --muted-2:#777d8c;
  --purple:#8c45ff;
  --purple-2:#b168ff;
  --border:rgba(255,255,255,.12);
  --shadow:0 0 40px rgba(140,69,255,.25);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 50% 15%,rgba(140,69,255,.16),transparent 33%),
    radial-gradient(circle at 80% 35%,rgba(72,28,141,.18),transparent 35%),
    var(--bg);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}.z-2{z-index:2}

/* NAV */
.site-navbar{
  min-height:84px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(3,6,9,.92);
  backdrop-filter:blur(16px);
}
.brand-mark{width:44px;height:44px}.brand-text,.display-title{font-family:"Press Start 2P",monospace;letter-spacing:.05em}.brand-text{font-size:1.25rem}.brand-text span,.display-title span{color:var(--purple)}
.navbar-nav .nav-link{position:relative;color:#f6f6f6!important;letter-spacing:.08em;padding:.6rem .2rem!important}.navbar-nav .nav-link::after{content:"";position:absolute;left:50%;right:50%;bottom:-16px;height:2px;background:var(--purple);box-shadow:0 0 14px var(--purple);transition:.25s}.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{left:0;right:0}.social-links a{font-size:1.35rem;opacity:.95}.social-links a:hover{color:var(--purple-2)}

/* HERO: solo CSS background. NO uses <img> para camión/servidores en el HTML */
.hero{
  position:relative;
  min-height:560px;
  /*padding-top:84px;*/
  background:#020508;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg, rgba(3,6,9,.10) 0%, rgba(3,6,9,.70) 31%, rgba(3,6,9,.90) 43%, rgba(3,6,9,.90) 57%, rgba(3,6,9,.70) 69%, rgba(3,6,9,.10) 100%),
    url("assets/hero-truck.webp") left center / 42% 100% no-repeat,
    url("assets/hero-servers.webp") right center / 42% 100% no-repeat,
    #020508;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 42%, rgba(140,69,255,.10), transparent 33%),
    linear-gradient(180deg, rgba(3,6,9,0) 0%, rgba(3,6,9,.12) 62%, #030609 100%);
}
.hero-vignette,
.hero-image{display:none!important}
.hero .container{position:relative;z-index:2;max-width:780px}
.display-title{font-size:clamp(2.4rem,5.2vw,5.2rem);line-height:1.08;text-shadow:0 0 24px rgba(140,69,255,.28);white-space:nowrap}.hero-kicker{font-size:clamp(1.05rem,1.45vw,1.45rem);font-weight:800;letter-spacing:.09em}.hero-subtitle{font-size:clamp(.95rem,1.15vw,1.14rem);font-weight:800;letter-spacing:.16em;color:var(--purple-2)}.hero-copy{max-width:620px;color:#f0eef7;font-size:1.03rem;line-height:1.65}.btn{text-transform:uppercase;font-weight:800;letter-spacing:.05em;border-radius:.35rem}.btn-primary{--bs-btn-bg:linear-gradient(90deg,#7b36ef,#a154ff);--bs-btn-border-color:transparent;background:linear-gradient(90deg,#7b36ef,#a154ff);box-shadow:var(--shadow)}.btn-primary:hover{filter:brightness(1.12)}.btn-outline-purple{border-color:rgba(177,104,255,.75);background:rgba(8,13,20,.48)}.btn-outline-purple:hover{background:rgba(140,69,255,.18);border-color:var(--purple-2)}.scroll-cue{display:inline-block;margin-top:26px;color:var(--purple-2);font-size:2rem;animation:bob 1.6s infinite}@keyframes bob{50%{transform:translateY(8px)}}

/* CONTENT */
.services-section{margin-top:-56px;position:relative;z-index:3}.service-card{position:relative;min-height:296px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(10,16,24,.94),rgba(4,8,13,.88));box-shadow:0 16px 48px rgba(0,0,0,.35)}.service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,13,.97) 0%,rgba(5,8,13,.84) 48%,rgba(5,8,13,.22) 100%)}.service-bg{position:absolute;inset:0;background-size:cover;background-position:right center;opacity:.78}.service-bg-truck{background-image:url("assets/card-truck.webp")}.service-bg-servers{background-image:url("assets/card-servers.webp")}.service-bg-boxes{background-image:url("assets/card-boxes.webp")}.service-content{position:relative;z-index:2;max-width:66%;padding:38px 28px}.service-icon{font-size:2.5rem;color:var(--purple-2);text-shadow:0 0 18px rgba(140,69,255,.45)}.service-card h2{margin:0;text-transform:uppercase;font-size:1.25rem;font-weight:900;letter-spacing:.04em}.line{display:block;width:70px;height:2px;margin-top:10px;background:var(--purple-2);box-shadow:0 0 14px var(--purple)}.service-card p{color:#fff;line-height:1.5;font-size:1rem}.feature-list{list-style:none;margin:20px 0 0;padding:0;color:#f2f2f4}.feature-list li{margin:.55rem 0;display:flex;gap:.55rem;align-items:center}.feature-list li::before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid var(--purple-2);border-radius:50%;color:var(--purple-2);font-size:.7rem;line-height:1}.trust-panel{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,rgba(10,16,24,.9),rgba(6,10,16,.86));overflow:hidden}.trust-item{display:flex;gap:18px;align-items:center;padding:30px 26px;border-right:1px solid rgba(255,255,255,.1)}.trust-item i{font-size:2.3rem;color:var(--purple-2)}.trust-item h3{text-transform:uppercase;font-size:.84rem;font-weight:900;letter-spacing:.07em}.trust-item p,.amazon-cta p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.4}.amazon-cta{padding:26px 32px}.amazon-logo{font-size:2.1rem;font-weight:800;letter-spacing:-.06em;color:white;position:relative}.amazon-logo::after{content:"";position:absolute;left:18px;right:16px;bottom:-5px;height:9px;border-bottom:3px solid #ff9f00;border-radius:0 0 50% 50%;transform:rotate(-4deg)}.footer{color:var(--muted-2);background:#020508}.footer-mark{width:42px;opacity:.9}

@media (max-width:1199.98px){.service-content{max-width:74%}.trust-item{border-bottom:1px solid rgba(255,255,255,.1)}}
@media (max-width:991.98px){.site-navbar{min-height:72px}.navbar-nav .nav-link::after{display:none}.hero{padding-top:72px;min-height:620px}.hero::before,.hero::after{inset:72px 0 0}.hero::before{background:linear-gradient(90deg,rgba(3,6,9,.55),rgba(3,6,9,.88)),url("assets/hero-truck.webp") left center / cover no-repeat,#020508}.services-section{margin-top:0}.service-content{max-width:78%}}
@media (max-width:575.98px){.brand-text{font-size:1rem}.display-title{font-size:2rem;white-space:normal}.hero-copy{font-size:.95rem}.service-content{max-width:100%;padding:30px 22px}.service-card::after{background:rgba(5,8,13,.82)}.service-bg{opacity:.36}.trust-item,.amazon-cta{padding:24px 20px}.amazon-cta{flex-direction:column;align-items:flex-start!important}}