/* ─── RESET ─────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:       #000000;
  --navy2:      #080808;
  --navy3:      #101010;
  --navy4:      #181818;
  --blue:       #0099cc;
  --blue2:      #00bfff;
  --blue3:      #0077aa;
  --blue-glow:  rgba(0,153,204,0.18);
  --blue-faint: rgba(0,153,204,0.06);
  --dark-blue:  #1a3a5c;
  --text:       #c8d8ea;
  --text2:      #7a9ab5;
  --text3:      #4a6a85;
  --border:     rgba(0,153,204,0.12);
  --border2:    rgba(0,153,204,0.25);
  --r:          10px;
  --r2:         16px;
}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  background:var(--navy);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.6;
}
a{text-decoration:none;color:inherit}
ul{list-style:none}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:var(--blue);border-radius:2px}

/* ─── CIRCUIT CANVAS ─────────────────────────── */
#circuitCanvas{
  position:fixed;inset:0;z-index:0;
  pointer-events:none;
  opacity:0.45;
}

/* ─── CURSOR ─────────────────────────────────── */
#cursor{
  width:10px;height:10px;
  background:var(--blue2);
  border-radius:50%;
  position:fixed;
  pointer-events:none;
  z-index:9999;
  transform:translate(-50%,-50%);
  transition:width .2s,height .2s,background .2s;
  mix-blend-mode:screen;
}
#cursorRing{
  width:34px;height:34px;
  border:1.5px solid rgba(0,191,255,0.5);
  border-radius:50%;
  position:fixed;
  pointer-events:none;
  z-index:9998;
  transform:translate(-50%,-50%);
  transition:transform .08s linear,width .2s,height .2s,opacity .2s;
}

/* ─── NAV ─────────────────────────────────────── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(1.5rem,4vw,4rem);
  height:68px;
  background:rgba(0,0,0,0.88);
  backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
  transition:background .3s;
}
.nav-logo{display:flex;align-items:center;gap:10px}
.nav-logo img{height:44px;width:auto;filter:drop-shadow(0 0 10px rgba(0,153,204,0.35));display:block}
.nav-logo-text{
  font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:800;
  color:var(--text);letter-spacing:-.01em;
}
.nav-logo-text span{color:var(--blue2)}

.nav-menu{display:flex;gap:clamp(.8rem,2vw,2rem)}
.nav-menu a{
  font-size:.875rem;font-weight:400;color:var(--text2);
  transition:color .2s;letter-spacing:.02em;
  position:relative;
}
.nav-menu a::after{
  content:'';position:absolute;bottom:-4px;left:0;right:0;
  height:1px;background:var(--blue2);
  transform:scaleX(0);transform-origin:left;
  transition:transform .2s;
}
.nav-menu a:hover{color:var(--blue2)}
.nav-menu a:hover::after{transform:scaleX(1)}
.nav-cta{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--blue);color:#fff;
  font-weight:600;font-size:.85rem;
  padding:.52rem 1.3rem;border-radius:8px;
  transition:all .2s;border:1px solid transparent;
  font-family:'Inter',sans-serif;letter-spacing:.06em;
}
.nav-cta:hover{background:transparent;border-color:var(--blue2);color:var(--blue2);box-shadow:0 0 20px var(--blue-glow)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{
  display:none;position:fixed;top:68px;left:0;right:0;bottom:0;
  background:rgba(0,0,0,.97);backdrop-filter:blur(20px);
  z-index:199;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;
}
.mobile-nav.open{display:flex}
.mobile-nav a{font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:600;color:var(--text2);transition:color .2s}
.mobile-nav a:hover{color:var(--blue2)}
.mobile-nav .nav-cta{font-size:1rem;padding:.75rem 2rem;margin-top:.5rem}

/* ─── HERO ────────────────────────────────────── */
.hero{
  position:relative;z-index:1;
  min-height:100svh;
  display:flex;align-items:center;
  padding:clamp(6rem,12vw,10rem) clamp(1.5rem,5vw,4rem) clamp(4rem,8vw,6rem);
  overflow:hidden;
}
.hero-inner{
  max-width:1200px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,5rem);align-items:center;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;color:var(--blue2);
  background:rgba(0,153,204,.07);
  border:1px solid var(--border2);
  border-radius:100px;padding:.35rem 1rem;
  margin-bottom:1.5rem;letter-spacing:.08em;
  opacity:0;transform:translateY(20px);
  animation:fadeUp .6s .2s ease forwards;
}
.hero-dot{
  width:7px;height:7px;border-radius:50%;background:var(--blue2);
  animation:pulse 2s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
.hero h1{
  font-family:'Inter',sans-serif;
  font-size:clamp(2.4rem,5vw,4.2rem);
  font-weight:800;line-height:1.05;
  letter-spacing:-.01em;margin-bottom:1.5rem;
  opacity:0;transform:translateY(24px);
  animation:fadeUp .7s .35s ease forwards;
}
.hero h1 .line-blue{color:var(--blue2)}
.hero h1 .line-outline{
  -webkit-text-stroke:2px var(--blue);
  color:transparent;
}
.hero-desc{
  font-size:clamp(.9rem,1.5vw,1.05rem);color:var(--text2);
  max-width:480px;line-height:1.8;font-weight:300;
  margin-bottom:2.5rem;
  opacity:0;transform:translateY(24px);
  animation:fadeUp .7s .5s ease forwards;
}
.hero-btns{
  display:flex;gap:1rem;flex-wrap:wrap;
  opacity:0;transform:translateY(24px);
  animation:fadeUp .7s .65s ease forwards;
}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue);color:#fff;
  font-family:'Inter',sans-serif;font-weight:700;font-size:.95rem;
  letter-spacing:.06em;
  padding:.8rem 1.8rem;border-radius:10px;
  border:1px solid transparent;
  transition:all .25s;
  position:relative;overflow:hidden;
}
.btn-primary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);
  opacity:0;transition:opacity .2s;
}
.btn-primary:hover{
  background:var(--blue2);
  box-shadow:0 0 30px rgba(0,153,204,.45);
  transform:translateY(-2px);
}
.btn-primary:hover::before{opacity:1}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:var(--blue2);
  font-family:'Inter',sans-serif;font-weight:600;font-size:.95rem;
  letter-spacing:.06em;
  padding:.8rem 1.8rem;border-radius:10px;
  border:1px solid var(--border2);
  transition:all .25s;
}
.btn-ghost:hover{background:var(--blue-faint);box-shadow:0 0 20px var(--blue-glow)}
.hero-trust{
  margin-top:2.5rem;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  opacity:0;animation:fadeUp .7s .8s ease forwards;
}
.trust-label{font-size:.72rem;color:var(--text3);text-transform:uppercase;letter-spacing:.1em}
.trust-badges{display:flex;gap:8px;flex-wrap:wrap}
.trust-badge{
  background:rgba(0,153,204,.06);
  border:1px solid var(--border);
  border-radius:6px;padding:.28rem .7rem;
  font-size:.7rem;font-weight:500;color:var(--text2);
  font-family:'JetBrains Mono',monospace;
  transition:all .2s;cursor:default;
}
.trust-badge:hover{border-color:var(--blue2);color:var(--blue2);background:rgba(0,153,204,.1)}

/* HERO VISUAL */
.hero-visual{position:relative}
.terminal-wrap{
  background:var(--navy2);
  border:1px solid var(--border2);
  border-radius:var(--r2);
  overflow:hidden;
  box-shadow:0 0 60px rgba(0,153,204,.12),0 30px 80px rgba(0,0,0,.5);
  opacity:0;transform:translateX(30px);
  animation:fadeLeft .8s .5s ease forwards;
}
@keyframes fadeLeft{to{opacity:1;transform:translateX(0)}}
.term-bar{
  background:var(--navy3);
  padding:.7rem 1rem;
  display:flex;align-items:center;gap:8px;
  border-bottom:1px solid var(--border);
}
.tdot{width:10px;height:10px;border-radius:50%}
.tdot.r{background:#f43f5e}.tdot.y{background:#f59e0b}.tdot.g{background:#22c55e}
.term-title{
  font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--text3);
  margin:0 auto;
}
.term-body{
  padding:1.25rem 1.4rem;
  font-family:'JetBrains Mono',monospace;
  font-size:clamp(.68rem,1.1vw,.78rem);
  line-height:1.85;
  min-height:280px;
}
.tl{display:block}
.tl .p{color:var(--blue2)}
.tl .c{color:var(--text)}
.tl .o{color:var(--text2)}
.tl .ok{color:#22c55e}
.tl .w{color:#f59e0b}
.tl .er{color:#f43f5e}
.tl .cb{color:var(--blue)}
.cursor-b{
  display:inline-block;width:7px;height:13px;
  background:var(--blue2);vertical-align:middle;
  animation:cblink 1s steps(1) infinite;
}
@keyframes cblink{0%,50%{opacity:1}51%,100%{opacity:0}}
.stat-strip{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--r2);
  overflow:hidden;margin-top:1rem;
}
.stat-cell{
  background:var(--navy2);padding:1.1rem;text-align:center;
}
.stat-n{
  font-family:'Inter',sans-serif;
  font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700;
  color:var(--blue2);letter-spacing:-.02em;
}
.stat-l{font-size:.65rem;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}

/* ─── SECTION BASE ────────────────────────────── */
.section{
  position:relative;z-index:1;
  padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,4rem);
}
.wrap{max-width:1200px;margin:0 auto;width:100%}
.eyebrow{
  font-size:.72rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--blue2);
  display:flex;align-items:center;gap:10px;margin-bottom:.75rem;
  font-family:'JetBrains Mono',monospace;
}
.eyebrow::before{content:'//';color:var(--blue3);margin-right:2px}
.sec-title{
  font-family:'Inter',sans-serif;
  font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;
  letter-spacing:-.01em;line-height:1.1;margin-bottom:1rem;
}
.sec-sub{
  color:var(--text2);font-size:.975rem;
  max-width:540px;line-height:1.8;font-weight:300;
}
.center{text-align:center}
.center .eyebrow{justify-content:center}
.center .sec-sub{margin:0 auto}

/* ─── SCROLL REVEAL ──────────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:none}
.reveal.rd1{transition-delay:.05s}
.reveal.rd2{transition-delay:.12s}
.reveal.rd3{transition-delay:.2s}

/* ─── SERVICES GRID ───────────────────────────── */
.srv-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:3rem;
  align-items:start;
}
.srv-card{
  background:var(--navy2);
  border:1px solid var(--border);
  border-radius:var(--r2);
  padding:1.5rem;
  position:relative;overflow:hidden;
  transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;
  cursor:default;
  display:flex;
  flex-direction:column;
}
.srv-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--blue3),var(--blue2));
  transform:scaleX(0);transform-origin:left;transition:transform .4s;
}
.srv-card:hover{background:var(--navy3);border-color:var(--border2);box-shadow:0 8px 32px rgba(0,153,204,.08);transform:translateY(-2px)}
.srv-card:hover::before{transform:scaleX(1)}
.srv-card-head{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:1rem;margin-bottom:1.25rem;
}
.srv-icon{
  width:50px;height:50px;border-radius:12px;
  display:grid;place-items:center;font-size:1.3rem;flex-shrink:0;
}
.srv-code{
  font-family:'JetBrains Mono',monospace;font-size:.62rem;
  color:var(--text3);background:rgba(0,153,204,.06);
  border:1px solid var(--border);border-radius:4px;padding:3px 7px;
}
.srv-card h3{
  font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:700;
  margin-bottom:.6rem;letter-spacing:.02em;
}
.srv-card p{font-size:.875rem;color:var(--text2);line-height:1.75;font-weight:300}
.srv-feats{margin-top:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.srv-feat{
  display:flex;align-items:center;gap:9px;
  font-size:.78rem;color:var(--text2);
}
.srv-feat::before{
  content:'';width:14px;height:14px;flex-shrink:0;
  background:rgba(0,153,204,.1);
  border:1px solid rgba(0,153,204,.3);
  border-radius:50%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 7l3 3 5-5' stroke='%230099cc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:11px;
}

/* ─── SOLUTIONS ───────────────────────────────── */
.sol-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1.5rem;margin-top:3rem;
}
.sol-card{
  background:var(--navy2);border:1px solid var(--border);
  border-radius:var(--r2);padding:clamp(1.5rem,3vw,2.5rem);
  position:relative;overflow:hidden;
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
.sol-card::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 0% 0%,rgba(0,153,204,.06),transparent 60%);
  opacity:0;transition:opacity .3s;
}
.sol-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.sol-card:hover::after{opacity:1}
.sol-card.feat{border-color:rgba(0,153,204,.35);background:linear-gradient(135deg,rgba(0,153,204,.05),var(--navy2))}
.feat-tag{
  position:absolute;top:1.2rem;right:1.2rem;
  background:rgba(0,153,204,.12);border:1px solid rgba(0,153,204,.3);
  color:var(--blue2);font-size:.65rem;font-weight:600;
  font-family:'JetBrains Mono',monospace;
  padding:3px 9px;border-radius:100px;letter-spacing:.06em;
}
.sol-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.sol-ico{
  width:54px;height:54px;border-radius:14px;
  display:grid;place-items:center;font-size:1.5rem;flex-shrink:0;
}
.sol-ttl{font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.02em}
.sol-sub{font-size:.75rem;color:var(--text3);margin-top:2px}
.sol-desc{font-size:.875rem;color:var(--text2);line-height:1.8;font-weight:300;margin-bottom:1.5rem}
.sol-specs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem}
.sol-spec{
  background:rgba(0,153,204,.04);border:1px solid var(--border);
  border-radius:8px;padding:.7rem .9rem;
}
.spec-l{font-size:.65rem;color:var(--text3);text-transform:uppercase;letter-spacing:.07em}
.spec-v{font-size:.8rem;font-weight:600;color:var(--text);margin-top:2px}
.sol-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.8rem;font-weight:600;color:var(--blue2);
  font-family:'Inter',sans-serif;letter-spacing:.06em;
  transition:gap .2s;
}
.sol-link:hover{gap:10px}

/* ─── THREAT PANEL ────────────────────────────── */
.threat-sec{
  background:var(--navy2);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.threat-grid{
  display:grid;grid-template-columns:1fr 1.2fr;
  gap:clamp(2rem,5vw,5rem);align-items:center;
}
.dash{
  background:var(--navy);border:1px solid var(--border2);
  border-radius:var(--r2);overflow:hidden;
  box-shadow:0 0 40px rgba(0,153,204,.08),0 20px 60px rgba(0,0,0,.4);
}
.dash-hdr{
  background:var(--navy3);padding:.9rem 1.2rem;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--border);
}
.dash-ttl{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px}
.live-badge{
  display:flex;align-items:center;gap:5px;
  font-family:'JetBrains Mono',monospace;font-size:.67rem;color:#22c55e;
}
.live-d{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 1.5s infinite}
.dash-body{padding:1rem 1.2rem}
.t-row{
  display:flex;align-items:center;gap:.9rem;
  padding:.65rem 0;border-bottom:1px solid var(--border);
}
.t-row:last-child{border:none}
.t-sev{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sev-c{background:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.6)}
.sev-h{background:#f59e0b}
.sev-m{background:var(--blue)}
.sev-l{background:#22c55e}
.t-inf{flex:1;min-width:0}
.t-nm{font-size:.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-mt{font-size:.65rem;color:var(--text3);margin-top:1px;font-family:'JetBrains Mono',monospace}
.t-st{
  font-size:.65rem;font-weight:600;padding:2px 8px;
  border-radius:4px;white-space:nowrap;flex-shrink:0;
}
.st-ok{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}
.st-mit{background:rgba(0,153,204,.1);color:var(--blue2);border:1px solid rgba(0,153,204,.2)}
.st-mon{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}
.dash-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);border-top:1px solid var(--border);
}
.d-metric{background:var(--navy3);padding:1rem;text-align:center}
.d-mval{font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}
.d-mlbl{font-size:.62rem;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-top:2px}

.threat-list{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}
.t-item{display:flex;gap:1rem;align-items:flex-start}
.t-ico{
  width:40px;height:40px;border-radius:10px;
  display:grid;place-items:center;font-size:1.1rem;flex-shrink:0;
}
.t-itxt h4{font-family:'Inter',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:3px;letter-spacing:.02em}
.t-itxt p{font-size:.8rem;color:var(--text2);font-weight:300;line-height:1.65}

/* ─── CLOUD STACK ─────────────────────────────── */
.stack-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1rem;margin-top:3rem;
}
.stk-card{
  background:var(--navy2);border:1px solid var(--border);
  border-radius:var(--r);padding:1.25rem;
  text-align:center;transition:all .25s;cursor:default;
  position:relative;overflow:hidden;
}
.stk-card::before{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--blue3),var(--blue2));
  transform:scaleX(0);transition:transform .3s;
}
.stk-card:hover::before{transform:scaleX(1)}
.stk-card:hover{border-color:var(--border2);background:rgba(0,153,204,.04);transform:translateY(-3px)}
.stk-ico{font-size:1.8rem;margin-bottom:.75rem}
.stk-nm{font-size:.8rem;font-weight:600;font-family:'Inter',sans-serif;letter-spacing:.04em;margin-bottom:3px}
.stk-tp{font-size:.65rem;color:var(--text3);text-transform:uppercase;letter-spacing:.07em}

/* ─── PROCESS ─────────────────────────────────── */
.proc-steps{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:0;margin-top:3rem;position:relative;
}
.proc-line{
  position:absolute;top:27px;left:10%;right:10%;height:1px;
  background:linear-gradient(to right,transparent,var(--border2),var(--border2),transparent);
}
.proc-step{padding:1rem;text-align:center;position:relative;z-index:1}
.proc-num{
  width:54px;height:54px;border-radius:50%;
  background:var(--navy2);border:1px solid var(--border2);
  display:grid;place-items:center;margin:0 auto 1.25rem;
  font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:500;
  color:var(--blue2);
  transition:all .3s;position:relative;
  box-shadow:0 0 0 0 rgba(0,153,204,0);
}
.proc-step:hover .proc-num{
  background:var(--blue);color:#fff;
  box-shadow:0 0 20px rgba(0,153,204,.4);
}
.proc-step h3{font-family:'Inter',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:.5rem}
.proc-step p{font-size:.78rem;color:var(--text2);line-height:1.65;font-weight:300}

/* ─── WHY US ──────────────────────────────────── */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.why-list{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}
.why-item{display:flex;gap:1.2rem;align-items:flex-start}
.why-n{
  font-family:'JetBrains Mono',monospace;
  font-size:.67rem;color:var(--blue2);
  background:rgba(0,153,204,.08);border:1px solid rgba(0,153,204,.2);
  border-radius:6px;padding:4px 8px;flex-shrink:0;margin-top:3px;
}
.why-txt h4{font-family:'Inter',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:4px;letter-spacing:.03em}
.why-txt p{font-size:.82rem;color:var(--text2);font-weight:300;line-height:1.65}
.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cert-card{
  background:var(--navy2);border:1px solid var(--border);
  border-radius:var(--r2);padding:1.5rem;
  transition:border-color .3s,box-shadow .3s;
}
.cert-card:hover{border-color:var(--border2);box-shadow:0 0 20px rgba(0,153,204,.08)}
.cert-ico{font-size:2rem;margin-bottom:.75rem}
.cert-nm{font-family:'Inter',sans-serif;font-size:.9rem;font-weight:700;margin-bottom:3px;letter-spacing:.03em}
.cert-desc{font-size:.75rem;color:var(--text2);font-weight:300;line-height:1.55}
.cert-badge{
  display:inline-block;background:rgba(0,153,204,.08);
  border:1px solid rgba(0,153,204,.2);color:var(--blue2);
  font-size:.62rem;font-weight:600;padding:2px 8px;
  border-radius:4px;margin-top:.5rem;
  font-family:'JetBrains Mono',monospace;letter-spacing:.05em;
}

/* ─── CONTACT ─────────────────────────────────── */
.contact-sec{background:var(--navy2);border-top:1px solid var(--border)}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.ci-stack{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}
.ci-item{
  display:flex;align-items:center;gap:1rem;
  background:rgba(0,153,204,.04);border:1px solid var(--border);
  border-radius:var(--r);padding:.9rem 1.2rem;
  transition:border-color .2s,box-shadow .2s;
}
.ci-item:hover{border-color:var(--border2);box-shadow:0 0 16px rgba(0,153,204,.08)}
.ci-ico{
  width:38px;height:38px;border-radius:9px;
  background:rgba(0,153,204,.08);border:1px solid rgba(0,153,204,.15);
  display:grid;place-items:center;font-size:1rem;flex-shrink:0;
}
.ci-lbl{font-size:.67rem;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}
.ci-val{font-size:.88rem;font-weight:500;color:var(--text);margin-top:1px}
.c-form{
  background:var(--navy3);border:1px solid var(--border2);
  border-radius:var(--r2);padding:clamp(1.5rem,3vw,2.5rem);
}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.f-grp{margin-bottom:1rem}
.f-grp label{
  display:block;font-size:.72rem;font-weight:500;
  color:var(--text2);margin-bottom:.4rem;
  text-transform:uppercase;letter-spacing:.08em;
  font-family:'JetBrains Mono',monospace;
}
.f-grp input,.f-grp select,.f-grp textarea{
  width:100%;background:var(--navy);
  border:1px solid var(--border2);border-radius:8px;
  padding:.75rem 1rem;color:var(--text);
  font-family:'Inter',sans-serif;font-size:.9rem;
  outline:none;transition:border-color .2s,box-shadow .2s;
  appearance:none;
}
.f-grp input::placeholder,.f-grp textarea::placeholder{color:var(--text3)}
.f-grp input:focus,.f-grp select:focus,.f-grp textarea:focus{
  border-color:rgba(0,153,204,.5);
  box-shadow:0 0 0 3px rgba(0,153,204,.07);
}
.f-grp select option{background:var(--navy2)}
.f-grp textarea{height:110px;resize:none}
.f-submit{
  width:100%;padding:.9rem;
  background:var(--blue);color:#fff;
  font-family:'Inter',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;
  border:none;border-radius:10px;cursor:pointer;
  transition:all .25s;
  display:flex;align-items:center;justify-content:center;gap:8px;
  position:relative;overflow:hidden;
}
.f-submit::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);
  opacity:0;transition:opacity .2s;
}
.f-submit:hover{background:var(--blue2);box-shadow:0 0 30px rgba(0,153,204,.4);transform:translateY(-1px)}
.f-submit:hover::before{opacity:1}
.f-note{font-size:.7rem;color:var(--text3);text-align:center;margin-top:.75rem}

/* ─── FORM ALERTS ─────────────────────────────── */
.form-alert{
  padding:.85rem 1.1rem;border-radius:8px;margin-bottom:1rem;
  font-size:.85rem;font-weight:500;display:none;
}
.form-alert.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#22c55e}
.form-alert.error{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.25);color:#f43f5e}
.form-alert.show{display:block}

/* ─── FOOTER ──────────────────────────────────── */
footer{
  position:relative;z-index:1;
  background:var(--navy2);
  border-top:1px solid var(--border);
}
.foot-cta-bar{
  background:linear-gradient(135deg,rgba(0,153,204,.1),rgba(0,153,204,.04));
  border-bottom:1px solid var(--border);
  padding:clamp(2rem,4vw,3rem) clamp(1.5rem,5vw,4rem);
  display:flex;align-items:center;justify-content:space-between;
  gap:2rem;flex-wrap:wrap;
}
.foot-cta-text h3{
  font-family:'Inter',sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);
  font-weight:700;letter-spacing:-.01em;margin-bottom:.35rem;
}
.foot-cta-text p{font-size:.875rem;color:var(--text2);font-weight:300}
.foot-cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue);color:#fff;
  font-family:'Inter',sans-serif;font-weight:700;font-size:.9rem;
  letter-spacing:.04em;padding:.8rem 1.75rem;border-radius:10px;
  border:none;transition:all .25s;white-space:nowrap;text-decoration:none;
  flex-shrink:0;
}
.foot-cta-btn:hover{background:var(--blue2);box-shadow:0 0 28px rgba(0,153,204,.4);transform:translateY(-2px)}
.foot-main{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:clamp(2rem,3vw,3rem);
  padding:clamp(2.5rem,4vw,4rem) clamp(1.5rem,5vw,4rem);
}
.foot-brand-col p{
  font-size:.82rem;color:var(--text3);line-height:1.8;
  font-weight:300;max-width:260px;margin-bottom:1.5rem;
}
.foot-brand-name{
  font-family:'Inter',sans-serif;font-size:1.2rem;font-weight:800;
  color:var(--text);letter-spacing:-.01em;
  margin-bottom:1.25rem;display:block;
}
.foot-brand-name span{color:var(--blue2)}
.foot-social{display:flex;gap:.6rem}
.foot-social-btn{
  width:34px;height:34px;border-radius:8px;
  background:rgba(0,153,204,.07);border:1px solid var(--border);
  display:grid;place-items:center;font-size:.85rem;
  color:var(--text3);transition:all .2s;text-decoration:none;
}
.foot-social-btn:hover{background:rgba(0,153,204,.15);border-color:var(--border2);color:var(--blue2)}
.foot-col-title{
  font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.15em;
  color:var(--blue2);margin-bottom:1rem;
  font-family:'JetBrains Mono',monospace;
  display:flex;align-items:center;gap:8px;
}
.foot-col-title::before{content:'//';color:var(--blue3);margin-right:2px}
.foot-col-links{display:flex;flex-direction:column;gap:.5rem}
.foot-col-links a{
  font-size:.82rem;color:var(--text3);
  transition:color .2s,padding-left .2s;font-weight:300;
  display:flex;align-items:center;gap:6px;
  text-decoration:none;
}
.foot-col-links a::before{
  content:'';width:0;height:1px;
  background:var(--blue2);
  transition:width .2s;flex-shrink:0;
}
.foot-col-links a:hover{color:var(--text);padding-left:4px}
.foot-col-links a:hover::before{width:12px}
.foot-contact-item{
  display:flex;align-items:flex-start;gap:.7rem;
  margin-bottom:.75rem;
}
.foot-contact-icon{
  width:28px;height:28px;border-radius:7px;
  background:rgba(0,153,204,.07);border:1px solid var(--border);
  display:grid;place-items:center;font-size:.75rem;
  flex-shrink:0;margin-top:1px;
}
.foot-contact-text .label{font-size:.65rem;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;}
.foot-contact-text .val{font-size:.8rem;color:var(--text2);font-weight:400;margin-top:1px}
.foot-contact-text a{text-decoration:none;color:inherit;transition:color .2s}
.foot-contact-text a:hover{color:var(--blue2)}
.foot-divider{
  height:1px;background:var(--border);
  margin:0 clamp(1.5rem,5vw,4rem);
}
.foot-bottom{
  padding:1.25rem clamp(1.5rem,5vw,4rem);
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:1rem;
}
.foot-bottom-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.foot-bottom p{font-size:.75rem;color:var(--text3)}
.foot-bottom-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-size:.68rem;color:var(--text3);
  background:rgba(0,153,204,.06);border:1px solid var(--border);
  border-radius:4px;padding:3px 8px;
  font-family:'JetBrains Mono',monospace;
}
.foot-bottom-badge::before{
  content:'';width:5px;height:5px;border-radius:50%;
  background:#22c55e;flex-shrink:0;
}
.foot-links{display:flex;gap:1.25rem;flex-wrap:wrap}
.foot-links a{font-size:.75rem;color:var(--text3);transition:color .2s;text-decoration:none}
.foot-links a:hover{color:var(--blue2)}

/* ─── VISITOR COUNTER ─────────────────────────── */
.foot-visitor{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.7rem;color:var(--text3);
  background:rgba(0,153,204,.05);
  border:1px solid var(--border);
  border-radius:6px;padding:4px 10px;
  font-family:'JetBrains Mono',monospace;
  letter-spacing:.03em;
}
.foot-visitor-icon{
  width:7px;height:7px;border-radius:50%;
  background:var(--blue2);
  box-shadow:0 0 6px rgba(0,191,255,.6);
  flex-shrink:0;
  animation:visitorPulse 2.5s ease-in-out infinite;
}
@keyframes visitorPulse{
  0%,100%{opacity:1;box-shadow:0 0 6px rgba(0,191,255,.6)}
  50%{opacity:.5;box-shadow:0 0 12px rgba(0,191,255,.3)}
}
.foot-visitor-num{color:var(--blue2);font-weight:500;transition:all .3s}

/* ─── THEME TOGGLE ─────────────────────────────── */
#themeToggle{
  width:40px;height:40px;
  border-radius:10px;
  background:transparent;
  border:1px solid var(--border2);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:1.05rem;
  transition:all .25s;flex-shrink:0;
  color:var(--text2);position:relative;overflow:hidden;
}
#themeToggle:hover{
  background:var(--blue-faint);
  border-color:var(--blue2);
  box-shadow:0 0 14px var(--blue-glow);
}
.t-icon{position:absolute;transition:all .3s}
body:not(.light) .t-icon.sun{opacity:0;transform:scale(.5) rotate(-90deg)}
body:not(.light) .t-icon.moon{opacity:1;transform:scale(1) rotate(0deg)}
body.light .t-icon.moon{opacity:0;transform:scale(.5) rotate(90deg)}
body.light .t-icon.sun{opacity:1;transform:scale(1) rotate(0deg)}

/* ─── LIGHT THEME ─────────────────────────────── */
body.light{
  --navy:       #ffffff;
  --navy2:      #f5f8fb;
  --navy3:      #eaf0f6;
  --navy4:      #dde8f0;
  --blue:       #0077aa;
  --blue2:      #0099cc;
  --blue3:      #005580;
  --blue-glow:  rgba(0,120,180,0.12);
  --blue-faint: rgba(0,120,180,0.05);
  --text:       #0d1f35;
  --text2:      #2a4a65;
  --text3:      #6a8aa5;
  --border:     rgba(0,100,160,0.1);
  --border2:    rgba(0,100,160,0.22);
}
body.light nav{background:rgba(255,255,255,0.97)!important;border-bottom:1px solid rgba(0,100,160,0.1);box-shadow:0 1px 20px rgba(0,100,160,0.06)}
body.light .nav-menu a{color:#3a5a75}
body.light .hamburger span{background:#1a3a5c}
body.light .mobile-nav{background:rgba(255,255,255,.98)}
body.light .mobile-nav a{color:#2a4a65}
body.light #circuitCanvas{opacity:0.08}
body.light .srv-card{background:#ffffff;border-color:rgba(0,100,160,0.12)}
body.light .srv-card:hover{background:#f0f7fc;border-color:rgba(0,153,204,0.3);box-shadow:0 8px 32px rgba(0,100,160,.1)}
body.light .sol-card{background:#ffffff;border-color:rgba(0,100,160,0.12)}
body.light .sol-card.feat{background:linear-gradient(135deg,rgba(0,153,204,.06),#ffffff)}
body.light .stk-card{background:#ffffff;border-color:rgba(0,100,160,0.12)}
body.light .cert-card{background:#ffffff;border-color:rgba(0,100,160,0.12)}
body.light .proc-num{background:#ffffff;border-color:rgba(0,100,160,.25)}
body.light .terminal-wrap{background:#f8fbfd;border-color:rgba(0,100,160,.2);box-shadow:0 8px 40px rgba(0,100,160,.1)}
body.light .term-bar{background:#eaf2f8;border-color:rgba(0,100,160,.12)}
body.light .term-body{color:#1a3a5c}
body.light .tl .o{color:#4a6a85}
body.light .tl .ok{color:#0a7a40}
body.light .tl .w{color:#b06000}
body.light .tl .er{color:#c0002a}
body.light .stat-strip{background:rgba(0,100,160,.08);border-color:rgba(0,100,160,.15)}
body.light .stat-cell{background:#ffffff}
body.light .dash{background:#ffffff;border-color:rgba(0,100,160,.18)}
body.light .dash-hdr{background:#eaf2f8;border-color:rgba(0,100,160,.1)}
body.light .d-metric{background:#f5f8fb}
body.light .threat-sec{background:#f5f8fb;border-color:rgba(0,100,160,.08)}
body.light .contact-sec{background:#f5f8fb;border-color:rgba(0,100,160,.08)}
body.light .c-form{background:#ffffff;border-color:rgba(0,100,160,.18)}
body.light .f-grp input,body.light .f-grp select,body.light .f-grp textarea{background:#f8fbfd;border-color:rgba(0,100,160,.18);color:#0d1f35}
body.light .f-grp input::placeholder,body.light .f-grp textarea::placeholder{color:#8aaabc}
body.light .ci-item{background:rgba(0,100,160,.04);border-color:rgba(0,100,160,.1)}
body.light .trust-badge{background:rgba(0,100,160,.05);border-color:rgba(0,100,160,.15);color:#2a5a7a}
body.light footer{background:#f0f7fb;border-color:rgba(0,100,160,.1)}
body.light .foot-cta-bar{background:linear-gradient(135deg,rgba(0,153,204,.08),rgba(0,153,204,.03));border-color:rgba(0,100,160,.1)}
body.light .foot-divider{background:rgba(0,100,160,.1)}
body.light .foot-social-btn{background:rgba(0,100,160,.05);border-color:rgba(0,100,160,.12);color:#2a5a7a}
body.light .foot-bottom-badge{background:rgba(0,100,160,.06);border-color:rgba(0,100,160,.12)}
body.light .foot-visitor{background:rgba(0,100,160,.06);border-color:rgba(0,100,160,.12)}
body.light .hero{background:linear-gradient(160deg,#f0f8fd 0%,#ffffff 60%)}
body.light #services{background:#f5f8fb!important}
body.light #process{background:#f5f8fb!important}
body.light ::-webkit-scrollbar-track{background:#f0f4f8}
body.light #cursorRing{border-color:rgba(0,120,180,.4)}

/* ─── RESPONSIVE ──────────────────────────────── */
@media(max-width:1024px){
  .srv-grid{grid-template-columns:repeat(2,1fr)}
  .proc-steps{grid-template-columns:repeat(3,1fr)}
  .foot-main{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .hero-inner{grid-template-columns:1fr}
  .hero-visual{display:none}
  .nav-menu{display:none}
  .hamburger{display:flex}
  .sol-grid{grid-template-columns:1fr}
  .threat-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .cert-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .foot-main{grid-template-columns:1fr}
  .f-row{grid-template-columns:1fr}
  .proc-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .srv-grid{grid-template-columns:1fr}
  .proc-steps{grid-template-columns:1fr}
  .cert-grid{grid-template-columns:1fr}
}