/* Techzzi global styles */
:root{--blue:#2563eb;--blue-600:#2563eb;--blue-500:#3b82f6;--green:#22c55e;--dark:#0f172a;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--light:#f8fafc;--white:#ffffff;--radius:14px;--shadow-sm:0 2px 10px rgba(2,6,23,.05);--shadow-md:0 10px 30px rgba(2,6,23,.12);--shadow-lg:0 20px 60px rgba(2,6,23,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:var(--gray-800);background:#fff;line-height:1.6}img{max-width:100%;display:block}a{color:var(--blue);text-decoration:none}
.container{width:min(1180px,92%);margin:0 auto}
.header{position:sticky;top:0;background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(8px);z-index:50;border-bottom:1px solid var(--gray-100)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.nav .brand{display:flex;align-items:center;gap:12px}.nav img.logo{height:36px}.nav a{font-weight:600;color:var(--gray-800)}.nav .menu{display:flex;gap:20px;align-items:center}.nav .cta{padding:10px 16px;background:var(--blue);color:#fff;border-radius:10px;box-shadow:var(--shadow-sm)}.nav .cta:hover{background:#1d4ed8}.mobile-toggle{display:none}
.hero{position:relative;padding:72px 0 36px 0}.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.h1{font-size:48px;line-height:1.1;margin:0;color:var(--dark)}.subtext{font-size:18px;color:var(--gray-700);margin:16px 0 28px 0}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;font-weight:700;border:1px solid transparent}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#eef2ff;color:#1e40af;border-color:#c7d2fe}.btn.ghost{background:#fff;border-color:var(--gray-200)}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 10px;border-radius:999px;background:var(--light);border:1px solid var(--gray-200);font-size:12px;color:var(--gray-700)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card h3{margin:6px 0 8px 0}.card p{margin:0;color:var(--gray-700)}.card .actions{margin-top:14px}
.section{padding:52px 0}.section-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section h2{font-size:32px;margin:0;color:var(--dark)}.muted{color:var(--gray-600)}
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:center}.logo-grid .logo{background:#fff;border:1px solid var(--gray-100);border-radius:12px;display:flex;align-items:center;justify-content:center;height:90px;box-shadow:var(--shadow-sm)}
.feature-list{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.feature{padding:18px;border:1px solid var(--gray-100);border-radius:12px;background:#fff;display:flex;gap:12px;align-items:flex-start}.feature img{width:28px;height:28px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpi{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid var(--gray-100);border-radius:12px;padding:18px}.kpi h3{margin:0;color:var(--blue)}
.footer{margin-top:40px;padding:28px 0;border-top:1px solid var(--gray-100);color:var(--gray-700)}.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px}.footer small{display:block;margin-top:10px}.socials{display:flex;gap:10px}.socials a{width:34px;height:34px;border:1px solid var(--gray-100);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff}
.banner{background:linear-gradient(120deg,#eff6ff,#fff);border:1px solid var(--gray-100);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow-sm)}.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--gray-100);border-radius:999px;padding:8px 12px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .row{display:flex;flex-direction:column;gap:6px}.form label{font-weight:600}.form input,.form select,.form textarea{padding:12px;border:1px solid var(--gray-200);border-radius:10px;background:#fff}.form textarea{min-height:120px}.form .full{grid-column:1/-1}.alert{padding:12px;border-radius:10px}.alert.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.fabs{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:12px;z-index:60}.fab{width:54px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--blue);box-shadow:var(--shadow-md);border:none}.fab img{width:26px;height:26px}.fab.whatsapp{background:#25D366}
.chatbox{position:fixed;right:18px;bottom:84px;width:320px;max-width:92vw;background:#fff;border:1px solid var(--gray-100);border-radius:14px;box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden;z-index:70}.chatbox header{background:linear-gradient(120deg,#1d4ed8,#2563eb);color:#fff;padding:12px 14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.chatbox .messages{padding:12px;height:260px;overflow:auto;background:#f8fafc}.msg{max-width:82%;margin:6px 0;padding:10px 12px;border-radius:12px}.msg.user{margin-left:auto;background:#e0edff}.msg.agent{background:#fff;border:1px solid var(--gray-100)}.chatbox form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--gray-100)}.chatbox input{flex:1;padding:10px;border:1px solid var(--gray-200);border-radius:10px}.chatbox button{padding:10px 12px;border-radius:10px;border:1px solid var(--blue);background:var(--blue);color:#fff}
@media (max-width:960px){.card-grid{grid-template-columns:1fr 1fr}.logo-grid{grid-template-columns:repeat(3,1fr)}.feature-list{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.footer .cols{grid-template-columns:1fr 1fr}.hero .grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.mobile-toggle{display:block}.nav .menu{display:none}}
@media (max-width:560px){.card-grid{grid-template-columns:1fr}.logo-grid{grid-template-columns:repeat(2,1fr)}.feature-list{grid-template-columns:1fr}.footer .cols{grid-template-columns:1fr}.h1{font-size:36px}}