:root {
  --c:   #00d4ff;
  --c2:  #0055ff;
  --c3:  #003aaa;
  --bg:  #000408;
  --bg2: #020810;
  --bg3: #030c18;
  --txt: #b8cee8;
  --dim: #3a5570;
  --glow:      0 0 8px #00d4ff, 0 0 24px #0055ff88;
  --glow-hard: 0 0 8px #00d4ff, 0 0 30px #00d4ff, 0 0 80px #0055ff;
  --glow-soft: 0 0 4px #00d4ff66, 0 0 16px #0055ff33;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
body{
  background:var(--bg);
  color:var(--txt);
  font-family:'Rajdhani',sans-serif;
  overflow-x:hidden;
}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:#000;}
::-webkit-scrollbar-thumb{background:var(--c2);box-shadow:var(--glow-soft);}


/* ══════════════════════════════════════
   CANVAS PARTICLE FIELD
══════════════════════════════════════ */
#cvs{
  position:fixed;inset:0;
  z-index:0;pointer-events:none;
}

/* ══════════════════════════════════════
   NOISE OVERLAY
══════════════════════════════════════ */
body::after{
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
  background-size:200px;opacity:.4;
}

/* ══════════════════════════════════════
   LANG SYSTEM
══════════════════════════════════════ */
[data-hu],[data-en]{display:none;}
.lang-hu [data-hu]{display:revert;}
.lang-en [data-en]{display:revert;}
.lang-hu span[data-hu],.lang-en span[data-en]{display:inline;}

/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 60px;height:72px;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .4s,border-color .4s;
  border-bottom:1px solid transparent;
}
nav.scrolled{
  background:rgba(0,4,8,.92);
  border-bottom-color:rgba(0,212,255,.12);
  backdrop-filter:blur(16px);
}
.logo{
  font-family:'Orbitron',sans-serif;font-weight:900;font-size:1.5rem;
  letter-spacing:.3em;color:var(--c);
  text-decoration:none;text-shadow:var(--glow);
  position:relative;
}
.logo::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--c),transparent);
  box-shadow:var(--glow-soft);
}
.nav-r{display:flex;align-items:center;gap:40px;}
.nav-links{display:flex;gap:32px;}
.nav-links a{
  font-family:'Share Tech Mono',monospace;
  font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;
  color:#7a9bba;text-decoration:none;
  transition:color .25s;position:relative;
}
.nav-links a::after{
  content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;
  background:var(--c);box-shadow:var(--glow-soft);
  transform:scaleX(0);transition:transform .3s;
}
.nav-links a:hover{color:var(--c);}
.nav-links a:hover::after{transform:scaleX(1);}
.lang-sw{display:flex;gap:6px;}
.lbtn{
  font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:.12em;
  background:none;border:1px solid var(--dim);color:var(--dim);
  padding:4px 10px;cursor:pointer;transition:all .25s;
}
.lbtn.on,.lbtn:hover{border-color:var(--c);color:var(--c);box-shadow:var(--glow-soft);}
.hbgr{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;}
.hbgr span{width:26px;height:1.5px;background:var(--c);display:block;transition:all .3s;}

/* ══════════════════════════════════════
   MOBILE MENU
══════════════════════════════════════ */
.mob-menu{
  position:fixed;inset:0;z-index:1200;
  background:rgba(0,3,10,.97);
  display:flex !important;flex-direction:column;
  align-items:center;justify-content:center;gap:36px;
  transform:translateX(100%);transition:transform .45s cubic-bezier(.77,0,.175,1);
  backdrop-filter:blur(24px);
  /* override nav base styles */
  padding:0 !important;height:100vh !important;
  border-bottom:none !important;
}
.mob-menu.open{transform:translateX(0);}
.mob-menu a{
  font-family:'Orbitron',sans-serif;font-size:1.25rem;letter-spacing:.25em;
  color:white;text-decoration:none;text-transform:uppercase;
  transition:color .3s,text-shadow .3s;
  padding:10px 0;
  border-bottom:1px solid rgba(0,212,255,.12);text-align:center;
}
.mob-menu a:hover{color:var(--c);text-shadow:var(--glow-soft);}
.mob-close{
  position:absolute;top:22px;right:26px;
  font-size:1.6rem;color:var(--dim);cursor:pointer;
  background:none;border:none;
  font-family:'Share Tech Mono',monospace;
  transition:color .25s;line-height:1;padding:4px;
}
.mob-close:hover{color:var(--c);}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.hero{
  position:relative;min-height:100vh;
  display:flex;align-items:center;
  overflow:clip;z-index:2;
  padding:0 60px;
}

/* Grid lines */
.h-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);
  background-size:80px 80px;
  animation:gridDrift 25s linear infinite;
}
@keyframes gridDrift{0%{transform:translate(0,0);}100%{transform:translate(80px,80px);}}

/* Scanlines */
.h-scan{
  position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(
    0deg,transparent,transparent 3px,
    rgba(0,212,255,.012) 3px,rgba(0,212,255,.012) 4px
  );
}

/* Radial glow center */
.h-glow{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:900px;height:500px;
  background:radial-gradient(ellipse,rgba(0,85,255,.08) 0%,transparent 70%);
  pointer-events:none;
  animation:glowPulse 6s ease-in-out infinite;
}
@keyframes glowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1);}}

/* Diagonal accent line */
.h-diag{
  position:absolute;top:0;right:25%;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.25) 40%,rgba(0,212,255,.25) 60%,transparent 100%);
  box-shadow:0 0 20px rgba(0,212,255,.1);
  transform:skewX(-12deg);
}

/* 3D SCENE */
.hero-3d{
  position:absolute;right:8%;top:50%;
  transform:translateY(-50%);
  width:340px;height:340px;
  perspective:800px;
  pointer-events:none;
}
.scene{
  width:100%;height:100%;
  transform-style:preserve-3d;
  animation:sceneSpin 20s linear infinite;
}
@keyframes sceneSpin{from{transform:rotateX(15deg) rotateY(0deg);}to{transform:rotateX(15deg) rotateY(360deg);}}

.cube-outer{
  position:absolute;inset:0;
  transform-style:preserve-3d;
}
.face{
  position:absolute;
  transform-style:preserve-3d;
}
/* 340/2 = 170px half */
.face.ft{width:170px;height:170px;transform:rotateY(0deg)   translateZ(85px);left:85px;top:85px;}
.face.bk{width:170px;height:170px;transform:rotateY(180deg) translateZ(85px);left:85px;top:85px;}
.face.lt{width:170px;height:170px;transform:rotateY(-90deg) translateZ(85px);left:85px;top:85px;}
.face.rt{width:170px;height:170px;transform:rotateY(90deg)  translateZ(85px);left:85px;top:85px;}
.face.tp{width:170px;height:170px;transform:rotateX(90deg)  translateZ(85px);left:85px;top:85px;}
.face.bt{width:170px;height:170px;transform:rotateX(-90deg) translateZ(85px);left:85px;top:85px;}

.face{
  border:1px solid rgba(0,212,255,.35);
  background:linear-gradient(135deg,rgba(0,30,60,.5),rgba(0,10,25,.5));
  backdrop-filter:blur(2px);
  display:flex;align-items:center;justify-content:center;
}
.face::before{
  content:'';position:absolute;inset:8px;
  border:1px solid rgba(0,212,255,.12);
}
.face-lbl{
  font-family:'Orbitron',sans-serif;font-size:.55rem;
  letter-spacing:.2em;color:var(--c);text-shadow:var(--glow-soft);
}
.face.ft{box-shadow:0 0 40px rgba(0,212,255,.15) inset;}

/* Orbit rings */
.orbit{
  position:absolute;inset:-40px;
  border-radius:50%;
  transform-style:preserve-3d;
}
.orbit1{border:1px solid rgba(0,212,255,.18);animation:orb1 7s linear infinite;}
.orbit2{border:1px solid rgba(0,85,255,.2);animation:orb2 11s linear infinite;inset:-70px;}
.orbit3{border:1px solid rgba(0,212,255,.1);animation:orb1 15s linear infinite reverse;inset:-100px;}
@keyframes orb1{from{transform:rotateX(75deg) rotateZ(0deg);}to{transform:rotateX(75deg) rotateZ(360deg);}}
@keyframes orb2{from{transform:rotateX(20deg) rotateZ(0deg);}to{transform:rotateX(20deg) rotateZ(360deg);}}

.orbit1::after,.orbit2::after,.orbit3::after{
  content:'';position:absolute;
  width:8px;height:8px;border-radius:50%;
  background:var(--c);top:-4px;left:50%;transform:translateX(-50%);
  box-shadow:var(--glow-hard);
}

/* HERO TEXT */
.hero-txt{
  position:relative;z-index:3;
  max-width:680px;
}
.h-tag{
  font-family:'Share Tech Mono',monospace;
  font-size:.7rem;letter-spacing:.35em;color:var(--c);
  margin-bottom:28px;display:flex;align-items:center;gap:12px;
  animation:fadeUp .8s ease both;
}
.h-tag-line{flex:1;height:1px;background:linear-gradient(90deg,var(--c),transparent);box-shadow:var(--glow-soft);}
.h-tag-line-r{height:1px;width:60px;background:linear-gradient(270deg,var(--c),transparent);box-shadow:var(--glow-soft);}

.h-title{
  font-family:'Orbitron',sans-serif;font-weight:900;
  font-size:clamp(3.2rem,7vw,6.5rem);
  line-height:.95;margin-bottom:12px;
  animation:fadeUp .8s ease .15s both;
}
.h-title .w1{display:block;color:white;letter-spacing:.04em;}
.h-title .w2{
  display:block;color:var(--c);
  text-shadow:var(--glow-hard);
  letter-spacing:.06em;
  position:relative;
}
/* Glitch */
.h-title .w2::before,.h-title .w2::after{
  content:attr(data-t);position:absolute;left:0;top:0;width:100%;
  pointer-events:none;
}
.h-title .w2::before{
  color:rgba(0,212,255,.7);clip-path:inset(20% 0 60% 0);
  animation:glA 4s infinite linear;left:2px;
}
.h-title .w2::after{
  color:rgba(0,85,255,.6);clip-path:inset(60% 0 20% 0);
  animation:glB 4s infinite linear;left:-2px;
}
@keyframes glA{
  0%,93%,100%{transform:skewX(0);opacity:0;}
  94%{transform:skewX(-8deg);opacity:1;clip-path:inset(15% 0 55% 0);}
  96%{transform:skewX(4deg);clip-path:inset(45% 0 30% 0);}
}
@keyframes glB{
  0%,95%,100%{transform:skewX(0);opacity:0;}
  96%{transform:skewX(6deg);opacity:1;clip-path:inset(50% 0 10% 0);}
  98%{transform:skewX(-3deg);clip-path:inset(70% 0 5% 0);}
}

.h-sub{
  font-size:1.1rem;color:var(--txt);font-weight:300;
  line-height:1.75;max-width:520px;margin-bottom:44px;
  animation:fadeUp .8s ease .3s both;
}

.h-btns{
  display:flex;gap:16px;flex-wrap:wrap;
  animation:fadeUp .8s ease .45s both;
}
.btn-neo{
  font-family:'Orbitron',sans-serif;font-size:.72rem;
  letter-spacing:.18em;font-weight:700;text-transform:uppercase;
  text-decoration:none;display:inline-block;
  padding:15px 36px;
  position:relative;overflow:hidden;
  clip-path:polygon(14px 0%,100% 0%,calc(100% - 14px) 100%,0% 100%);
  transition:transform .25s;
}
.btn-neo:hover{transform:translateY(-3px);}
.btn-neo.solid{
  background:var(--c);color:#000;
  box-shadow:0 0 30px rgba(0,212,255,.5);
}
.btn-neo.solid:hover{box-shadow:0 0 60px rgba(0,212,255,.9);}
.btn-neo.solid::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transform:translateX(-100%);transition:transform .5s;
}
.btn-neo.solid:hover::after{transform:translateX(100%);}
.btn-neo.outline{
  background:transparent;color:var(--c);
  border:1px solid var(--c);
  box-shadow:inset 0 0 16px rgba(0,212,255,.06),0 0 16px rgba(0,212,255,.1);
}
.btn-neo.outline:hover{
  background:rgba(0,212,255,.07);
  box-shadow:inset 0 0 30px rgba(0,212,255,.12),0 0 40px rgba(0,212,255,.25);
}

/* Scroll indicator */
.h-scroll{
  position:absolute;bottom:36px;left:60px;
  display:flex;align-items:center;gap:14px;
  font-family:'Share Tech Mono',monospace;font-size:.62rem;
  letter-spacing:.25em;color:var(--dim);
  animation:fadeUp .8s ease .7s both;
}
.h-scroll-line{
  width:48px;height:1px;
  background:linear-gradient(90deg,var(--c),transparent);
  box-shadow:var(--glow-soft);
  animation:scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse{0%,100%{width:48px}50%{width:80px}}

/* Corner decorations */
.h-corner{
  position:absolute;
  width:40px;height:40px;
  border-color:rgba(0,212,255,.35);border-style:solid;
  pointer-events:none;z-index:3;
}
.h-corner.tl{top:90px;left:20px;border-width:1px 0 0 1px;}
.h-corner.tr{top:90px;right:20px;border-width:1px 1px 0 0;}
.h-corner.bl{bottom:20px;left:20px;border-width:0 0 1px 1px;}
.h-corner.br{bottom:20px;right:20px;border-width:0 1px 1px 0;}

/* Status pill */
.h-status{
  position:absolute;top:90px;right:60px;z-index:3;
  font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.15em;
  color:var(--c);border:1px solid rgba(0,212,255,.25);
  padding:6px 14px;background:rgba(0,212,255,.04);
  display:flex;align-items:center;gap:8px;
  animation:fadeUp .8s ease .6s both;
}
.status-dot{
  width:6px;height:6px;border-radius:50%;background:var(--c);
  box-shadow:var(--glow-hard);animation:blink 1.8s step-end infinite;
}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}

@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}

/* ══════════════════════════════════════
   TICKER
══════════════════════════════════════ */
.ticker{
  position:relative;z-index:2;
  border-top:1px solid rgba(0,212,255,.12);
  border-bottom:1px solid rgba(0,212,255,.12);
  background:rgba(0,10,20,.8);
  overflow:hidden;padding:14px 0;
}
.ticker-track{
  display:flex;gap:0;
  animation:ticker 22s linear infinite;
  width:max-content;
}
.ticker-item{
  white-space:nowrap;
  font-family:'Share Tech Mono',monospace;
  font-size:.68rem;letter-spacing:.15em;color:#6a8aaa;
  padding:0 40px;
  border-right:1px solid rgba(0,212,255,.1);
}
.ticker-item span{color:var(--c);}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ══════════════════════════════════════
   SERVICES
══════════════════════════════════════ */
.sec{position:relative;z-index:2;}
.services{
  padding:120px 60px;
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg3) 50%,var(--bg) 100%);
}
.sec-head{text-align:center;margin-bottom:80px;}
.sec-tag{
  font-family:'Share Tech Mono',monospace;font-size:.68rem;
  letter-spacing:.4em;color:var(--c);display:block;margin-bottom:14px;
}
.sec-title{
  font-family:'Orbitron',sans-serif;font-size:clamp(1.9rem,4vw,3rem);
  font-weight:700;color:white;line-height:1.1;
}
.sec-title em{font-style:normal;color:var(--c);text-shadow:var(--glow-soft);}
.sec-rule{
  width:60px;height:1px;margin:20px auto 0;
  background:linear-gradient(90deg,transparent,var(--c),transparent);
  box-shadow:var(--glow-soft);
}

.srv-grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:rgba(0,212,255,.06);
  border:1px solid rgba(0,212,255,.06);
}
.srv-card{
  background:var(--bg2);
  padding:44px 32px 36px;
  position:relative;overflow:hidden;
  transition:background .3s,transform .3s;
  cursor:default;
}
.srv-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,212,255,.06) 0%,transparent 55%);
  opacity:0;transition:opacity .4s;
}
.srv-card::after{
  content:'';position:absolute;
  top:0;left:-100%;width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--c),transparent);
  transition:left .55s;
}
.srv-card:hover{background:rgba(0,15,30,.95);transform:translateY(-5px);}
.srv-card:hover::before{opacity:1;}
.srv-card:hover::after{left:100%;}
.srv-card:hover .srv-icon{filter:drop-shadow(0 0 12px var(--c));}

.srv-num{
  font-family:'Share Tech Mono',monospace;font-size:.6rem;
  letter-spacing:.25em;color:var(--dim);margin-bottom:20px;
  display:block;
}
.srv-icon{
  width:52px;height:52px;margin-bottom:22px;
  transition:filter .4s;
}
.srv-icon svg{width:100%;height:100%;}
.srv-title{
  font-family:'Orbitron',sans-serif;font-size:.88rem;
  font-weight:700;letter-spacing:.08em;
  color:white;margin-bottom:14px;
}
.srv-desc{
  font-size:.92rem;color:var(--txt);line-height:1.75;font-weight:400;
}
.srv-more{
  margin-top:24px;
  font-family:'Share Tech Mono',monospace;font-size:.64rem;
  letter-spacing:.2em;color:var(--c);
  display:inline-flex;align-items:center;gap:6px;
  text-decoration:none;transition:gap .3s;
}
.srv-more:hover{gap:12px;}
.srv-more::after{content:'→';}

/* ══════════════════════════════════════
   STATS
══════════════════════════════════════ */
.stats{
  position:relative;z-index:2;
  padding:60px;
  background:var(--bg3);
  border-top:1px solid rgba(0,212,255,.1);
  border-bottom:1px solid rgba(0,212,255,.1);
  overflow:hidden;
}
.stats::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 50%,rgba(0,85,255,.06),transparent 70%);
}
.stats-grid{
  max-width:1000px;margin:0 auto;position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;
}
.stat{
  text-align:center;padding:20px;
  border-right:1px solid rgba(0,212,255,.1);
}
.stat:last-child{border-right:none;}
.stat-n{
  font-family:'Orbitron',sans-serif;font-weight:900;
  font-size:clamp(2rem,4vw,3.2rem);
  color:var(--c);text-shadow:var(--glow-soft);line-height:1;
  display:block;
}
.stat-l{
  font-family:'Rajdhani',sans-serif;font-size:.9rem;
  font-weight:600;letter-spacing:.08em;color:var(--txt);margin-top:10px;
  display:block;text-transform:uppercase;
}

/* ══════════════════════════════════════
   ABOUT
══════════════════════════════════════ */
.about{
  padding:120px 60px;
  background:var(--bg);
}
.about-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;
  gap:100px;align-items:center;
}

/* Animated ring sphere */
.about-vis{
  position:relative;aspect-ratio:1;
  display:flex;align-items:center;justify-content:center;
}
.ring{
  position:absolute;border-radius:50%;
  border-style:solid;border-color:transparent;
}
.ring1{inset:0;border-width:1px;border-color:rgba(0,212,255,.2);animation:rSpin 25s linear infinite;}
.ring1::before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--c);top:-5px;left:50%;margin-left:-5px;box-shadow:var(--glow-hard);}
.ring2{inset:12%;border-width:1px;border-color:rgba(0,85,255,.25);animation:rSpin 17s linear infinite reverse;}
.ring2::before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--c2);top:-3px;left:50%;margin-left:-3px;box-shadow:var(--glow-soft);}
.ring3{inset:24%;border-width:1px;border-color:rgba(0,212,255,.15);animation:rSpin 10s linear infinite;}
.ring3::before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--c);top:-2px;left:50%;margin-left:-2px;box-shadow:var(--glow-soft);}
@keyframes rSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

.about-core{
  position:relative;z-index:2;text-align:center;
}
.about-year{
  font-family:'Orbitron',sans-serif;font-weight:900;
  font-size:3.5rem;color:var(--c);
  text-shadow:var(--glow-hard);line-height:1;
}
.about-core-lbl{
  font-family:'Share Tech Mono',monospace;font-size:.6rem;
  letter-spacing:.25em;color:var(--dim);margin-top:8px;
}

.about-txt h2{
  font-family:'Orbitron',sans-serif;font-size:clamp(1.5rem,2.8vw,2.1rem);
  font-weight:700;color:white;margin-bottom:24px;line-height:1.25;
}
.about-txt h2 em{font-style:normal;color:var(--c);text-shadow:var(--glow-soft);}
.about-txt p{
  font-size:1rem;color:var(--txt);line-height:1.85;
  font-weight:400;margin-bottom:16px;
}
.about-chips{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;
}
.chip{
  font-family:'Share Tech Mono',monospace;font-size:.64rem;
  letter-spacing:.15em;padding:6px 14px;
  border:1px solid rgba(0,212,255,.25);
  color:var(--c);background:rgba(0,212,255,.04);
  transition:all .3s;
}
.chip:hover{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.5);box-shadow:var(--glow-soft);}
.about-cta{
  display:inline-block;margin-top:32px;
}

/* ══════════════════════════════════════
   PREMIUM
══════════════════════════════════════ */
.premium{
  padding:120px 60px;
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg3) 50%,var(--bg) 100%);
}
.prem-wrap{max-width:1000px;margin:0 auto;}

.prem-card{
  position:relative;
  border:1px solid rgba(0,212,255,.28);
  background:linear-gradient(135deg,rgba(0,20,44,.95),rgba(0,5,16,.98));
  overflow:hidden;margin-top:56px;
}
/* Animated top border */
.prem-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,
    transparent 0%,var(--c2) 20%,var(--c) 50%,var(--c2) 80%,transparent 100%);
  box-shadow:0 0 24px rgba(0,212,255,.6);
}
/* Inner glow */
.prem-card::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.06) 0%,transparent 55%);
  pointer-events:none;
}

/* Corner brackets */
.pc-c{position:absolute;width:28px;height:28px;border-color:rgba(0,212,255,.6);border-style:solid;}
.pc-c.tl{top:16px;left:16px;border-width:1.5px 0 0 1.5px;}
.pc-c.tr{top:16px;right:16px;border-width:1.5px 1.5px 0 0;}
.pc-c.bl{bottom:16px;left:16px;border-width:0 0 1.5px 1.5px;}
.pc-c.br{bottom:16px;right:16px;border-width:0 1.5px 1.5px 0;}

.prem-inner{padding:56px;position:relative;z-index:1;}
.prem-head{text-align:center;margin-bottom:48px;}
.prem-head h3{
  font-family:'Orbitron',sans-serif;font-size:clamp(1.2rem,2.5vw,1.8rem);
  font-weight:700;color:white;margin-bottom:12px;
}
.prem-head h3 em{font-style:normal;color:var(--c);text-shadow:var(--glow-soft);}
.prem-head p{font-size:.97rem;color:var(--txt);max-width:540px;margin:0 auto;line-height:1.7;font-weight:400;}

.prem-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:12px;margin-bottom:48px;
}
.pi{
  display:flex;align-items:flex-start;gap:12px;
  padding:18px 16px;
  border:1px solid rgba(0,212,255,.07);
  background:rgba(0,0,0,.35);
  transition:border-color .3s,background .3s;
}
.pi:hover{border-color:rgba(0,212,255,.3);background:rgba(0,212,255,.04);}
.pi-dot{
  width:22px;height:22px;flex-shrink:0;
  border:1px solid rgba(0,212,255,.5);
  display:flex;align-items:center;justify-content:center;
  font-size:.65rem;color:var(--c);margin-top:1px;
  background:rgba(0,212,255,.06);
}
.pi-t{font-size:.88rem;color:var(--txt);line-height:1.45;font-weight:400;}

.prem-cta{text-align:center;}

/* ══════════════════════════════════════
   REFERENCES
══════════════════════════════════════ */
.refs{
  padding:100px 60px;
  background:var(--bg3);
  border-top:1px solid rgba(0,212,255,.07);
}
.refs-grid{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:rgba(0,212,255,.05);
  border:1px solid rgba(0,212,255,.05);
}
.ref-card{
  background:var(--bg2);
  padding:36px 24px;
  min-height:110px;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  transition:background .3s;
}
.ref-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,212,255,.05),transparent);
  opacity:0;transition:opacity .3s;
}
.ref-card:hover{background:rgba(0,15,30,.9);}
.ref-card:hover::before{opacity:1;}
.ref-card:hover .ref-name{color:var(--c);text-shadow:var(--glow-soft);}
.ref-name{
  font-family:'Orbitron',sans-serif;font-size:.65rem;
  letter-spacing:.15em;color:var(--dim);
  text-align:center;text-transform:uppercase;
  transition:color .3s,text-shadow .3s;
}

/* ══════════════════════════════════════
   FAQ
══════════════════════════════════════ */
.faq{padding:120px 60px;background:var(--bg);}
.faq-body{max-width:820px;margin:0 auto;}
.fq{
  border:1px solid rgba(0,212,255,.07);
  margin-bottom:2px;overflow:hidden;
  transition:border-color .3s;
}
.fq.open{border-color:rgba(0,212,255,.3);}
.fq-q{
  padding:22px 28px;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  font-family:'Rajdhani',sans-serif;font-size:1.05rem;font-weight:600;
  color:white;background:var(--bg3);
  transition:background .3s,color .3s;user-select:none;
}
.fq.open .fq-q{background:rgba(0,212,255,.04);color:var(--c);}
.fq-ico{
  width:22px;height:22px;flex-shrink:0;
  border:1px solid var(--dim);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.75rem;color:var(--dim);
  transition:all .3s;
}
.fq.open .fq-ico{transform:rotate(45deg);border-color:var(--c);color:var(--c);box-shadow:var(--glow-soft);}
.fq-a{
  max-height:0;overflow:hidden;
  transition:max-height .4s ease,padding .4s ease;
  font-size:.97rem;color:var(--txt);line-height:1.75;font-weight:400;
  background:rgba(0,4,10,.9);padding:0 28px;
}
.fq.open .fq-a{max-height:200px;padding:18px 28px;}

/* ══════════════════════════════════════
   CONTACT CTA
══════════════════════════════════════ */
.contact-strip{
  padding:120px 60px;
  background:var(--bg3);
  position:relative;overflow:hidden;
}
.contact-strip::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 50%,rgba(0,85,255,.08),transparent 65%);
}
.cs-inner{
  max-width:1100px;margin:0 auto;position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.cs-left h2{
  font-family:'Orbitron',sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);
  font-weight:700;color:white;margin-bottom:16px;line-height:1.2;
}
.cs-left h2 em{font-style:normal;color:var(--c);text-shadow:var(--glow-soft);}
.cs-left p{font-size:1rem;color:var(--txt);line-height:1.75;font-weight:400;margin-bottom:32px;}
.cs-detail{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.cs-icon{
  width:38px;height:38px;flex-shrink:0;
  border:1px solid rgba(0,212,255,.25);
  display:flex;align-items:center;justify-content:center;
  font-size:.95rem;color:var(--c);
  background:rgba(0,212,255,.04);
}
.cs-dtxt{font-family:'Share Tech Mono',monospace;font-size:.78rem;color:var(--txt);}

/* FORM */
.cs-form{display:flex;flex-direction:column;gap:12px;}
.cf{position:relative;}
.cf input,.cf textarea{
  width:100%;padding:15px 18px;
  background:rgba(0,0,0,.5);
  border:1px solid rgba(0,212,255,.1);
  color:var(--txt);font-family:'Rajdhani',sans-serif;font-size:.95rem;
  outline:none;transition:border-color .3s,box-shadow .3s;
}
.cf textarea{min-height:110px;resize:vertical;}
.cf input:focus,.cf textarea:focus{
  border-color:var(--c);
  box-shadow:0 0 20px rgba(0,212,255,.08);
}
.cf input::placeholder,.cf textarea::placeholder{
  font-family:'Share Tech Mono',monospace;
  font-size:.68rem;letter-spacing:.15em;color:var(--dim);
}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.btn-submit{
  font-family:'Orbitron',sans-serif;font-size:.72rem;
  letter-spacing:.18em;font-weight:700;text-transform:uppercase;
  width:100%;padding:16px;border:none;cursor:pointer;
  background:var(--c);color:#000;
  clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);
  transition:all .3s;box-shadow:0 0 28px rgba(0,212,255,.4);
  position:relative;overflow:hidden;
}
.btn-submit:hover{background:white;box-shadow:0 0 56px rgba(0,212,255,.8);transform:translateY(-2px);}
.btn-submit::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  transform:translateX(-100%);transition:transform .5s;
}
.btn-submit:hover::before{transform:translateX(100%);}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer{
  padding:48px 60px;
  background:var(--bg);
  border-top:1px solid rgba(0,212,255,.1);
  position:relative;z-index:2;
}
.ft-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:20px;
}
.ft-logo{
  font-family:'Orbitron',sans-serif;font-size:1.3rem;font-weight:900;
  letter-spacing:.3em;color:var(--c);text-shadow:var(--glow-soft);
  text-decoration:none;
}
.ft-links{display:flex;gap:2%;}
.ft-links a{
  font-family:'Share Tech Mono',monospace;font-size:.62rem;
  letter-spacing:.15em;color:var(--dim);
  text-decoration:none;text-transform:uppercase;transition:color .3s;
}
.ft-links a:hover{color:var(--c);}
.ft-copy{
  font-family:'Share Tech Mono',monospace;font-size:.6rem;
  letter-spacing:.12em;color:var(--dim);
}

/* ══════════════════════════════════════
   SCROLL REVEAL
══════════════════════════════════════ */
.rv{opacity:0;transform:translateY(44px);transition:opacity .9s ease,transform .9s ease;}
.rv.in{opacity:1;transform:translateY(0);}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1100px){
  .hero-3d{width:250px;height:250px;right:4%;}
  .srv-grid{grid-template-columns:repeat(2,1fr);}
  .about-inner{grid-template-columns:1fr;gap:60px;}
  .about-vis{max-width:320px;margin:0 auto;}
  .cs-inner{grid-template-columns:1fr;}
  .prem-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:780px){
  nav{padding:0 24px;}
  .nav-links,.lang-sw{display:none;}
  .hbgr{display:flex;}
  .hero{padding:0 24px;}
  .hero-3d{display:none;}
  .h-status{display:none;}
  .services,.about,.premium,.faq,.contact-strip,.refs{padding:80px 24px;}
  .stats{padding:48px 24px;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .refs-grid{grid-template-columns:repeat(2,1fr);}
  .prem-grid{grid-template-columns:1fr;}
  .prem-inner{padding:32px 20px;}
  .cf-row{grid-template-columns:1fr;}
  footer{padding:36px 24px;}
  .ft-inner{flex-direction:column;text-align:center;width: 100%;}
}

@media(max-width:780px) {
  .srv-grid { grid-template-columns: 1fr; }
}