:root{
  --ink:#f7fbff;
  --muted:#a8b3c2;
  --line:#2f3a46;
  --soft:#202020;
  --white:#111111;
  --blue:#0963c0;
  --blue-dark:#064a93;
  --cyan:#28a8ff;
  --red:#e60b13;
  --green:#07c44c;
  --yellow:#e9f842;
  --logo-gray:#414141;
  --panel:#191919;
  --panel-2:#242424;
  --shadow:0 24px 70px rgba(0,0,0,.52);
}
html{scroll-padding-top:112px}
body{
  background:#111111;
  color:var(--ink);
}
.site-header{
  background:rgba(18,18,18,.92);
  border-bottom-color:rgba(9,99,192,.35);
  box-shadow:0 12px 40px rgba(0,0,0,.24);
}
.nav-wrap{min-height:108px}
.brand img{
  width:185px;
  max-height:96px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.32));
}
.main-nav a{color:#e9eef6}.main-nav a:hover{color:var(--cyan)}
.nav-cta{
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  box-shadow:0 12px 28px rgba(9,99,192,.28);
}
.menu-toggle{color:#fff}
.hero{
  background:
    radial-gradient(circle at 11% 8%,rgba(40,168,255,.22),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(230,11,19,.10),transparent 24%),
    linear-gradient(135deg,#111 0%,#1d1d1d 42%,#101820 72%,#111 100%);
}
.hero:after{
  background:
    radial-gradient(circle at 35% 36%,rgba(40,168,255,.28),transparent 0 28%,rgba(255,255,255,.14) 29% 31%,transparent 32%),
    linear-gradient(135deg,rgba(9,99,192,.24),rgba(40,168,255,.13));
}
.service-tabs span,.btn.secondary,.floating-badge,.service-card,.review-grid blockquote,.contact-details,.contact-form{
  background:linear-gradient(180deg,#202020,#171717);
  border-color:rgba(145,164,177,.28);
  color:var(--ink);
}
.service-tabs span{box-shadow:0 10px 26px rgba(0,0,0,.25)}
.eyebrow{color:var(--cyan)}
.hero-lead,.service-card p,.about-copy p,.section-title p,.contact-grid p{color:var(--muted)}
.btn.primary{
  background:linear-gradient(135deg,var(--blue-dark),var(--blue) 58%,var(--cyan));
  color:#fff;
  box-shadow:0 14px 34px rgba(9,99,192,.32);
}
.btn.secondary{color:#f7fbff;border-color:rgba(145,164,177,.35)}
.hero-card{
  background:
    radial-gradient(circle at 72% 18%,rgba(230,11,19,.38) 0 10px,transparent 12px),
    radial-gradient(circle at 78% 33%,rgba(7,196,76,.38) 0 8px,transparent 10px),
    radial-gradient(circle at 83% 49%,rgba(233,248,66,.32) 0 6px,transparent 8px),
    linear-gradient(145deg,#202020,#0e223c 46%,#0963c0);
  border:1px solid rgba(40,168,255,.22);
}
.hero-card:before{background:rgba(40,168,255,.18)}
.hero-device{background:#121212;border:1px solid rgba(255,255,255,.08)}
.terminal-lines span{background:#2b3f55}.screen-bar{background:linear-gradient(90deg,var(--blue),var(--cyan))}
.floating-badge{box-shadow:0 14px 42px rgba(0,0,0,.32)}
.services-section,.review-section{background:#111111}
.service-card{box-shadow:0 12px 35px rgba(0,0,0,.18)}
.service-card:hover{border-color:rgba(40,168,255,.45)}
.icon{background:#10263d;border:1px solid rgba(40,168,255,.18)}
.stats-strip{
  background:linear-gradient(135deg,#0963c0,#0b315f 45%,#202020);
  border-block:1px solid rgba(255,255,255,.08);
}
.about-section{background:#181818}
.photo-card{
  background:
    radial-gradient(circle at 70% 20%,var(--red) 0 10px,transparent 11px),
    radial-gradient(circle at 76% 36%,var(--green) 0 7px,transparent 8px),
    radial-gradient(circle at 80% 50%,var(--yellow) 0 5px,transparent 6px),
    linear-gradient(145deg,#242424,#0e3766 52%,#0963c0);
  border:1px solid rgba(40,168,255,.25);
}
.photo-card:before{border-color:rgba(255,255,255,.18)}
.about-logo{
  position:relative;
  z-index:2;
  width:min(310px,80%);
  margin:auto;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.45));
}
.check-list li:before{color:var(--green)}
.review-grid cite{color:var(--cyan)}
.contact-section{background:linear-gradient(180deg,#181818,#111111)}
.contact-details a{color:#dff1ff}.contact-details a:hover{color:var(--cyan)}
.contact-form input,.contact-form select,.contact-form textarea{
  background:#111111;
  border-color:#3d4a57;
  color:#f8fafc;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  outline:2px solid rgba(40,168,255,.55);
  border-color:var(--cyan);
}
.contact-form option{background:#111111;color:#f8fafc}
.site-footer{background:#0b0b0b;color:#cbd5e1;border-top:1px solid rgba(9,99,192,.25)}
.footer-grid img{width:170px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.32))}
.logo-preview-panel{background:#111;border:1px solid rgba(40,168,255,.2);border-radius:24px;padding:28px}
.logo-preview-panel img{max-width:280px}
@media (max-width:1000px){
  .nav-wrap{min-height:98px}
  .brand img{width:160px;max-height:86px}
  .nav-wrap.open .main-nav{background:#191919;border-color:rgba(40,168,255,.26)}
}
@media (max-width:640px){
  .nav-wrap{min-height:90px}
  .brand img{width:140px;max-height:76px}
  html{scroll-padding-top:94px}
}