:root{--bg:#07111f;--bg2:#0c1b31;--surface:#fff;--soft:#f5f7fb;--text:#101828;--muted:#667085;--primary:#0b5ed7;--primary2:#3182f6;--accent:#22c55e;--line:#e4e7ec;--white:#fff;--shadow:0 24px 70px rgba(16,24,40,.12);--radius:22px;--max:1180px;--theme:#0b5ed7;--theme2:#2f7df4;--theme-soft:#eef5ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:#050b14;color:#cad5e3;font-size:.84rem}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,231,236,.9)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;text-decoration:none;font-weight:900;gap:10px;letter-spacing:-.025em}.brand img{width:50px;height:50px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:1.05rem}.brand-copy small{font-size:.72rem;color:#667085;font-weight:700;margin-top:5px;letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{text-decoration:none;padding:10px 11px;border-radius:10px;color:#344054;font-weight:750;font-size:.91rem}.nav-links a:hover,.nav-links a.active{background:var(--theme-soft);color:var(--theme)}.mobile-toggle{display:none;background:none;border:0;font-size:1.55rem;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:13px 18px;text-decoration:none;font-weight:850;border:1px solid transparent;transition:.2s ease}.btn.primary{background:linear-gradient(135deg,var(--theme),var(--theme2));color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--theme) 24%,transparent)}.btn.primary:hover{transform:translateY(-2px)}.btn.secondary{background:#fff;border-color:var(--line);color:#1d2939}.btn.whatsapp{background:#16a34a;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--theme)}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--theme) 38%,transparent) 0,transparent 28%),linear-gradient(135deg,#06101e 0%,#0b1830 60%,color-mix(in srgb,var(--theme) 48%,#07111f));color:#fff;padding:82px 0 74px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.hero h1{font-size:clamp(2.75rem,5.7vw,4.9rem);line-height:.99;letter-spacing:-.055em;margin:15px 0 22px;max-width:790px}.hero p{font-size:1.13rem;color:#c8d4e4;max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .eyebrow{color:#8fc0ff}.hero-visual{position:relative}.hero-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:15px;box-shadow:0 30px 80px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.hero-card img{border-radius:18px;aspect-ratio:4/3;object-fit:cover}.hero-panel{border-radius:28px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px rgba(0,0,0,.3)}.hero-panel .panel-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#cdd9e7}.hero-panel h3{font-size:1.8rem;line-height:1.1;margin:10px 0 14px}.hero-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}.hero-panel li{padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.07);color:#e4edf8}.hero-panel li:before{content:"✓";margin-right:9px;color:#86efac;font-weight:900}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.mini-stat{padding:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:14px}.mini-stat strong{display:block;font-size:1.17rem}.mini-stat span{font-size:.81rem;color:#c6d3e3}.section{padding:88px 0}.section.soft{background:var(--soft)}.section.tint{background:var(--theme-soft)}.section.dark{background:linear-gradient(135deg,var(--bg),var(--bg2));color:#fff}.section-head{max-width:760px;margin-bottom:42px}.section-head h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;margin:12px 0 14px;letter-spacing:-.035em}.section-head p{font-size:1.06rem;color:var(--muted);margin:0}.dark .section-head p{color:#b9c6d8}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 12px 34px rgba(15,23,42,.05)}.card h3{margin:13px 0 8px;font-size:1.28rem}.card p{margin:0;color:var(--muted)}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--theme-soft);color:var(--theme);font-weight:950;font-size:1.1rem}.product-card{overflow:hidden;padding:0}.product-card img{width:100%;height:215px;object-fit:cover}.product-card .body{padding:24px}.tag{display:inline-flex;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--theme);background:var(--theme-soft);border-radius:999px;padding:5px 9px}.product-card h3{font-size:1.62rem;margin:10px 0}.product-card .link,.link{display:inline-flex;margin-top:18px;color:var(--theme);font-weight:900;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split.reverse .media{order:2}.media{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#e9eef6}.media img{width:100%;aspect-ratio:16/10;object-fit:cover}.checklist{display:grid;gap:13px;margin:24px 0;padding:0;list-style:none}.checklist li{display:flex;gap:12px;align-items:flex-start}.checklist li:before{content:"✓";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-weight:900;flex:0 0 24px;margin-top:2px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:25px;border-radius:18px;background:#fff;border:1px solid var(--line)}.metric strong{font-size:1.7rem;line-height:1.05;display:block;margin-bottom:8px}.metric span{color:var(--muted);font-size:.9rem}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.journey .step{position:relative;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line)}.journey .step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--theme);font-weight:950;font-size:.8rem;letter-spacing:.08em;margin-bottom:16px}.journey h3{margin:0 0 8px}.journey p{margin:0;color:var(--muted);font-size:.92rem}.cta{padding:54px;border-radius:28px;background:linear-gradient(135deg,var(--theme),color-mix(in srgb,var(--theme) 62%,#06101e));color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0 0 12px}.cta p{margin:0;color:#e5efff;max-width:700px}.disclaimer{font-size:.83rem;color:#667085;margin-top:18px}.partner-note{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.partner-note strong{display:block;margin-bottom:4px}.partner-note p{margin:0;color:var(--muted)}.footer{background:#050b14;color:#c7d2e0;padding:54px 0 28px}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,.8fr);gap:32px}.footer h4{color:white;margin:0 0 12px}.footer a{display:block;text-decoration:none;color:#c7d2e0;margin:7px 0}.footer .brand-copy strong{color:#fff}.footer .brand-copy small{color:#94a3b8}.copyright{border-top:1px solid #1b2838;margin-top:34px;padding-top:22px;font-size:.82rem;color:#8291a6;display:flex;justify-content:space-between;gap:20px}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:60;background:#16a34a;color:white;text-decoration:none;border-radius:999px;padding:13px 17px;font-weight:900;box-shadow:0 18px 38px rgba(22,163,74,.35)}
body.theme-imperium{--theme:#f59e0b;--theme2:#ef4444;--theme-soft:#fff7e6}body.theme-masterkey{--theme:#0f5bd7;--theme2:#00a9e8;--theme-soft:#edf6ff}body.theme-sysfar{--theme:#139c72;--theme2:#38b98a;--theme-soft:#ecfbf5}
@media(max-width:980px){.topbar{display:none}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:20px;right:20px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;padding:14px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero-grid,.split,.footer-grid{grid-template-columns:1fr}.hero{padding-top:58px}.grid-4,.journey{grid-template-columns:1fr 1fr}.split.reverse .media{order:0}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.section{padding:64px 0}.grid-2,.grid-3,.grid-4,.metrics,.mini-stats,.journey{grid-template-columns:1fr}.hero h1{font-size:2.6rem}.hero-actions .btn{width:100%}.cta{padding:34px 24px}.floating-wa{right:14px;bottom:14px;padding:12px 15px}.brand-copy small{display:none}.copyright{flex-direction:column}.product-card img{height:190px}}

/* ===== Auticom identity update ===== */
.brand img{
  width:58px;
  height:58px;
  object-fit:contain;
}

.footer{
  background:
    radial-gradient(circle at 13% 20%, rgba(21,128,61,.17), transparent 26%),
    radial-gradient(circle at 31% 12%, rgba(14,116,144,.16), transparent 30%),
    linear-gradient(135deg,#06111f 0%,#071c2d 52%,#05101c 100%);
}

.footer .footer-brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  width:max-content;
  max-width:100%;
  padding:12px 16px;
  margin-bottom:14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(21,128,61,.12),rgba(14,116,144,.11));
  border:1px solid rgba(103,232,249,.15);
  box-shadow:
    0 14px 38px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.footer .footer-brand img{
  width:72px;
  height:88px;
  object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.28));
}

.footer .footer-brand .brand-copy strong{
  color:#f8fafc;
}

.footer .footer-brand .brand-copy small{
  color:#cbd5e1;
}

@media(max-width:680px){
  .footer .footer-brand{
    padding:10px 13px;
  }
  .footer .footer-brand img{
    width:60px;
    height:76px;
  }
}