:root{--bg:#0B0D12;--bg-alt:#0F1420;--card:#121826;--stroke:#20283A;--text:#EAF1FF;--muted:#9FB2D7;--brand:#1F5FFF;--brand-2:#5BC8FF}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 Inter,system-ui}
img{max-width:100%;display:block}a{text-decoration:none}
.nav{position:sticky;top:0;z-index:50;background:rgba(11,13,18,.6);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke)}
.nav__in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 20px}
.brand img{height:28px}.menu{display:flex;gap:18px;margin-left:auto}.menu a{color:var(--muted)}.menu a:hover{color:var(--text)}
.cta{background:var(--brand);color:#fff;padding:12px 18px;border-radius:999px;font-weight:600;display:inline-block}
.cta--ghost{background:transparent;border:1px solid var(--brand);color:var(--text)}.cta--whatsapp{background:#25D366;color:#061B09}
.hero{position:relative;min-height:84vh;display:grid;place-items:center;overflow:hidden}
.hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.85)}
.hero__layer{position:absolute;inset:0;background:radial-gradient(1200px 600px at 60% 35%, rgba(31,95,255,.24), transparent),linear-gradient(180deg,rgba(11,13,18,.5),rgba(11,13,18,.9))}
.hero__in{position:relative;z-index:1;max-width:980px;padding:80px 20px;text-align:center}
.hero h1{font:800 42px/1.15 Inter,system-ui;margin:0 0 16px}.lead{color:var(--muted);margin:0 auto 24px;max-width:820px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.trust{opacity:.85;display:flex;gap:16px;justify-content:center;margin-top:20px;font-size:.9rem;color:var(--muted)}
.section{padding:90px 20px}.container{max-width:1180px;margin:0 auto}.h2{font:700 28px/1.2}.subtitle{color:var(--muted);margin:0 0 24px}
.grid{display:grid;gap:20px}@media(min-width:900px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:18px;padding:20px;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-6px);box-shadow:0 8px 28px rgba(0,0,0,.25)}
.tile{background:radial-gradient(900px 400px at 70% 30%, rgba(31,95,255,.18), transparent),#0C111B;border:1px solid var(--stroke);border-radius:18px;padding:0;overflow:hidden}
.tile img{width:100%;height:260px;object-fit:cover;filter:brightness(.9)}.tile .tx{padding:18px}
.badge{display:inline-block;padding:6px 10px;border:1px solid var(--stroke);border-radius:999px;color:var(--muted);font-size:.8rem;margin-bottom:8px}
.inp{width:100%;padding:12px 14px;margin:0 0 12px;border-radius:12px;border:1px solid var(--stroke);background:#0C111B;color:var(--text)}
.inp:focus{outline:none;border-color:var(--brand)}.footer{padding:28px 20px;border-top:1px solid var(--stroke);background:var(--bg-alt);color:var(--muted)}
.brand-gradient{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}
.brand-gradient::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-100%);animation:shimmer 4s infinite}
@keyframes shimmer{to{transform:translateX(100%)}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal._show{opacity:1;transform:none}
.marquee{display:flex;gap:28px;overflow:hidden}.marquee__row{display:flex;gap:28px;animation:marq 25s linear infinite}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero.parallax .hero__bg{transform:translateY(var(--py,0));transition:transform .05s}