:root{
  --brand:#1d4ed8; /* indigo-600 */
  --brand-2:#0ea5e9; /* sky-500 */
  --ink:#0b1220;
  --muted:#5c6b7a;
  --bg:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header.sticky{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}
.brand{font-weight:900;letter-spacing:-.02em;background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}
nav a{margin:0 12px;font-size:14px;color:#1f2937}
.lang a{font-size:12px;border:1px solid rgba(0,0,0,.12);padding:5px 10px;border-radius:999px;margin-left:6px}
.lang a.active{background:var(--brand);border-color:var(--brand);color:#fff}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);transition:transform .12s ease, box-shadow .12s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(2,6,23,.08)}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent;box-shadow:0 18px 40px rgba(2,6,23,.12)}
.section{padding:68px 0}
.grid{display:grid;gap:24px}
.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.card{border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 34px rgba(2,6,23,.06)}
.card .img{aspect-ratio:4/3;background:linear-gradient(90deg,#eff6ff,#f0f9ff)}
.card .body{padding:16px}
.badge{font-size:12px;color:#334155}
.muted{color:var(--muted)}
.footer{border-top:1px solid rgba(0,0,0,.06);margin-top:64px}
.hero{padding:80px 0;background:radial-gradient(80% 60% at 50% -20%, rgba(14,165,233,.25), transparent 60%), linear-gradient(180deg,#fff,#f5f9ff)}
.hero h1{font-size:46px;line-height:1.05;margin:0}
.hero-sub{max-width:780px;margin:12px auto 0}
.h-1{height:4px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}
.marquee{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:200%}
@keyframes scroll{from{transform:translateX(0)} to{transform:translateX(-50%)}}
.tag{display:inline-block;font-size:12px;padding:4px 10px;border:1px solid rgba(0,0,0,.1);border-radius:999px;margin:6px 6px 0 0}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease}
.reveal.in{opacity:1;transform:none}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}
.kpis .k{border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 24px rgba(2,6,23,.04)}
.specs{font-size:14px;color:#1f2937}
.map{border-radius:16px;border:1px solid rgba(0,0,0,.1);width:100%;height:260px}