/* Gennex IT Solutions LLC - compact styles */
:root{--bg:#0b0e14;--panel:#111624;--muted:#98a2b3;--fg:#e6ebf3;--brand:#e71f2b;--brand2:#ff4757;--ok:#10b981;--link:#60a5fa;--card:#0f1422;--max:1100px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;color:var(--fg);background:linear-gradient(180deg,#0a0f1e 0%,#0c1222 100%);}img{max-width:100%;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:50;background:rgba(12,18,34,.7);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #151b2e}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-weight:700}
.menu{display:flex;gap:22px;align-items:center}
.menu a{color:var(--fg);text-decoration:none;font-weight:500;opacity:.9}
.menu a:hover{opacity:1}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--brand);border:1px solid #2a1520;color:#fff;text-decoration:none;font-weight:700}
.btn:hover{filter:brightness(1.1)}
.btn-ghost{background:transparent;border:1px solid #2a354d}
.btn-sm{padding:8px 12px}
.link{margin-left:12px;text-decoration:none;color:var(--link);font-weight:600}
.hamburger{display:none;flex-direction:column;gap:4px;background:transparent;border:0;cursor:pointer}
.hamburger span{width:22px;height:2px;background:#cbd5e1;display:block}
.hero{padding:72px 0;background:radial-gradient(1200px 400px at 20% -10%,rgba(231,31,43,.2),transparent),radial-gradient(1200px 400px at 80% -10%,rgba(96,165,250,.15),transparent)}
.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 12px}
.accent{color:#fff;background:linear-gradient(90deg,var(--brand),var(--link));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{font-size:18px;color:#d1d8e6;margin:0 0 16px}
.checks{margin:8px 0 18px;padding:0;list-style:none}
.checks li{margin:6px 0;padding-left:24px;position:relative}
.checks li::before{content:"✔";position:absolute;left:0;top:0;color:var(--ok)}
.cta{display:flex;align-items:center;gap:12px;margin:10px 0 6px}
.service-area{color:var(--muted);font-size:14px}
.hero-card{background:var(--panel);border:1px solid #1a2238;border-radius:14px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.trust{border-top:1px solid #141a30;border-bottom:1px solid #141a30;background:#0b1020}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:16px 0;color:#c3cde4}
.badges{display:flex;flex-wrap:wrap;gap:8px}
.badge{border:1px solid #22315a;background:#0f162b;padding:6px 10px;border-radius:999px;font-size:12px;color:#cbd5e1}
.section{padding:60px 0}
.alt{background:linear-gradient(180deg,#0c1222 0%,#0a0f1e 100%)}
h2{margin:0 0 20px;font-size:28px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid #18223c;border-radius:14px;padding:16px}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0 0 10px;color:#cfd6ea}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{border:1px dashed #2a385f;padding:8px 12px;border-radius:999px;font-size:13px;color:#cbd5e1}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact{background:radial-gradient(800px 220px at 10% -10%,rgba(231,31,43,.15),transparent)}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
.form{display:grid;gap:10px}
label{display:grid;gap:6px;font-weight:600}
input,textarea{background:#0c1324;border:1px solid #1a2847;color:#e6ebf3;padding:10px;border-radius:10px;font:inherit}
input:focus,textarea:focus{outline:2px solid #2f54a3}
.contact-card{background:var(--panel);border:1px solid #1a2238;border-radius:14px;padding:16px}
.plain{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.small{font-size:12px}.muted{color:var(--muted)}
.footer{border-top:1px solid #141a2a;background:#0a0f1e}
.foot{display:flex;align-items:center;justify-content:space-between;padding:18px 0;color:#aab4c8}
.foot a{color:#cfd6ea;text-decoration:none;opacity:.8}
.foot a:hover{opacity:1}
@media (max-width:960px){.hero-grid,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}.menu{display:none;position:absolute;right:10px;top:64px;background:#0d1426;border:1px solid #1a2238;border-radius:12px;padding:12px;flex-direction:column}.hamburger{display:flex}}
@media (max-width:640px){.cards{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}h1{font-size:34px}}

#software h2,
#software h3,
#software p,
#software li,
#software small,
#software .lead { color:#e6ebf3 !important; }

#software a:not(.btn) { color:#e6ebf3 !important; text-decoration: none; }
#software a:not(.btn):hover { opacity:.9; }

#software .card { border-color: rgba(255,255,255,.10) !important; }

.section.alt h2,
.section.alt h3,
.section.alt p,
.section.alt li,
.section.alt small { color:#e6ebf3 !important; }
.section.alt a:not(.btn) { color:#e6ebf3 !important; }

.cards .card h3{color:#e6ebf3!important;opacity:1!important}
.cards .card p,
.cards .card li,
.cards .card small{color:#e6ebf3!important}
.cards .card li::marker{color:#e6ebf3!important}       
.cards .card a:not(.btn){color:#e6ebf3!important}

.section h2{color:#e6ebf3!important}
.badge,.pill{color:#e6ebf3!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.05)!important}

#why .grid-3, 
#why .grid-3 * { opacity: 1 !important; }                 
#why h2, 
#why h3 { color: #e6ebf3 !important; }                    
#why p, 
#why li, 
#why small { color: #cfd6ea !important; }                  
#why .badge, 
#why .pill { 
  color:#e6ebf3 !important; 
  border-color: rgba(255,255,255,.18) !important; 
  background: rgba(255,255,255,.06) !important; 
}

.hero h1,
.hero h1 span:not(.accent),
.hero h2,
.hero p,
.hero li,
.hero small { color:#e6ebf3 !important; opacity:1 !important; }

.hero .accent { 
  background: linear-gradient(90deg,var(--brand),var(--link));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero-card h3,
.hero-card p,
.hero-card small { color:#e6ebf3 !important; opacity:1 !important; }

.hero .checks li { color:#cfd6ea !important; }
.hero .checks li::before { color:var(--ok) !important; }
.section h2 { color:#e6ebf3 !important; }

#contact h2,
#contact p,
#contact small { color:#e6ebf3 !important; opacity:1 !important; }

#contact label { color:#e6ebf3 !important; opacity:1 !important; }
#contact input,
#contact textarea{
  background:#0c1324 !important;
  color:#e6ebf3 !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
#contact input::placeholder,
#contact textarea::placeholder{ color:#aab4c8 !important; }
#contact input:focus,
#contact textarea:focus{
  outline:2px solid var(--link) !important;
  border-color:var(--link) !important;
}

#contact .contact-card{ border-color:rgba(255,255,255,.15) !important; }
#contact .contact-card h3{ color:#e6ebf3 !important; opacity:1 !important; }
#contact .contact-card li,
#contact .contact-card address,
#contact .contact-card span{ color:#cfd6ea !important; }
#contact .contact-card a{ color:#e6ebf3 !important; text-decoration:none; }
#contact .contact-card a:hover{ opacity:.9; }

#faq summary{ color:#e6ebf3 !important; opacity:1 !important; }

#contact .btn,
#contact button,
#contact button[type="submit"],
#contact input[type="submit"],
#contact .wp-block-button__link{
  background: var(--brand) !important;
  color: #fff !important;
  border: 1px solid #2a1520 !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  width: auto !important;              
  display: inline-block !important;
  box-shadow: none !important;
}

#contact input,
#contact textarea{
  background:#0c1324 !important;
  color:#e6ebf3 !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

#colophon,
.ct-footer,
.site-footer{
  background: linear-gradient(180deg,#0c1222 0%, #0a0f1e 100%) !important;
  border-top: 1px solid #141a2a !important;
  color:#cfd6ea !important;
}
#colophon a,
.ct-footer a{ color:#cfd6ea !important; opacity:.85; text-decoration:none; }
#colophon a:hover,
.ct-footer a:hover{ opacity:1; }


.fab-quote{
  position:fixed; inset-inline-end:18px; inset-block-end:18px;
  z-index:10000; transition:transform .2s ease, opacity .2s ease;
}
.fab-quote.is-hidden{ transform:translateY(110%); opacity:0; pointer-events:none; }

.fab-quote .btn{
  font-weight:800; font-size:16px; padding:12px 18px; border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}

body.admin-bar .fab-quote{ inset-block-end:64px; }

.has-scroll-top .fab-quote{ inset-block-end:88px; }

@media (max-width: 720px){
  .fab-quote{
    inset-inline:0; inset-block-end:env(safe-area-inset-bottom,0);
    display:flex; justify-content:center; padding:10px; pointer-events:none;
    background:linear-gradient(180deg,rgba(11,14,20,.0),rgba(11,14,20,.35));
  }
  .fab-quote .btn{
    width:calc(100% - 24px); pointer-events:auto;
    text-align:center; border-radius:14px;
  }
}
.fab-quote a.btn,
.fab-quote a.btn:link,
.fab-quote a.btn:visited,
.fab-quote a.btn:hover,
.fab-quote a.btn:focus,
.fab-quote a.btn:active{
  color:#fff !important;
  text-decoration:none !important;
  background:var(--brand) !important;    
  border-color:#2a1520 !important;
}

.fab-quote a.btn svg,
.fab-quote a.btn *{ color:#fff !important; fill:currentColor !important; }

.fab-quote a.btn:hover{ filter:brightness(1.06); }

.fab-quote a.btn:focus-visible{
  outline:2px solid rgba(255,255,255,.8);
  outline-offset:2px;
}

.fab-quote a.btn{ -webkit-tap-highlight-color:transparent; }