/* DOZOR AI — Main Stylesheet v1.0.0 */

:root{
  --accent:#c8ff00;
  --accent-dim:rgba(200,255,0,0.12);
  --bg:#0d0f0b;
  --bg2:#111308;
  --text:#d4d9c8;
  --text-dim:#7a7f6e;
  --border:rgba(200,255,0,0.16);
  --olive:#4a5240;
  --olive-light:#6b7560;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  background:var(--bg);
  color:var(--text);
  font-family:'Barlow',sans-serif;
  font-weight:300;
  overflow-x:hidden;
}

body::before{
  content:'';
  position:fixed;inset:0;
  background-image:
    linear-gradient(rgba(200,255,0,0.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,255,0,0.022) 1px,transparent 1px);
  background-size:44px 44px;
  pointer-events:none;z-index:0;
}

/* ── NAV ─────────────────────────────── */
#site-nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 48px;
  background:rgba(10,11,8,0.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
.nav-logo{
  font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:22px;letter-spacing:3px;color:var(--accent);
  text-transform:uppercase;user-select:none;
}
.nav-logo span{color:var(--text-dim);font-weight:300}
.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:2px;color:var(--text-dim);text-decoration:none;
  text-transform:uppercase;transition:color .2s;
}
.nav-links a:hover{color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:14px}

/* Lang switcher */
.lang-sw{display:flex;gap:2px;border:1px solid var(--border);padding:3px}
.lb{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:1px;text-transform:uppercase;
  padding:5px 9px;background:transparent;
  color:var(--text-dim);border:none;cursor:pointer;
  transition:background .15s,color .15s;
}
.lb.active{background:var(--accent);color:var(--bg)}
.lb:hover:not(.active){color:var(--accent)}

.nav-cta{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:2px;text-transform:uppercase;
  padding:9px 22px;border:1px solid var(--accent);
  color:var(--accent);background:transparent;cursor:pointer;
  transition:background .2s,color .2s;
}
.nav-cta:hover{background:var(--accent);color:var(--bg)}

/* ── HERO ────────────────────────────── */
.hero{
  min-height:100vh;display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  padding:120px 48px 80px;
  position:relative;overflow:hidden;z-index:1;
}
.hero::after{
  content:'';position:absolute;right:-180px;top:50%;
  transform:translateY(-50%);width:680px;height:680px;
  background:radial-gradient(circle,rgba(200,255,0,0.055) 0%,transparent 68%);
  pointer-events:none;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:3px;text-transform:uppercase;
  color:var(--accent);padding:6px 14px;
  border:1px solid var(--accent);margin-bottom:30px;
  animation:fadeUp .8s ease forwards;opacity:0;
}
.hero-badge::before{
  content:'';width:6px;height:6px;
  background:var(--accent);border-radius:50%;
  animation:blink 1.6s infinite;
}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}

.hero-title{
  font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:clamp(68px,8.5vw,116px);
  line-height:.88;text-transform:uppercase;letter-spacing:-2px;
  margin-bottom:10px;
  animation:fadeUp .8s .1s ease forwards;opacity:0;
}
.hero-title .acc,.acc{color:var(--accent)}
.acc-txt{color:var(--accent)}

.hero-sub-label{
  font-family:'Share Tech Mono',monospace;font-size:11px;
  letter-spacing:4px;text-transform:uppercase;
  color:var(--olive-light);margin-bottom:28px;
  animation:fadeUp .8s .18s ease forwards;opacity:0;
}
.hero-desc{
  font-size:16px;line-height:1.72;color:var(--text-dim);
  max-width:470px;margin-bottom:44px;
  animation:fadeUp .8s .28s ease forwards;opacity:0;
}
.hero-actions{
  display:flex;gap:14px;flex-wrap:wrap;
  animation:fadeUp .8s .38s ease forwards;opacity:0;
}
.hero-left{position:relative;z-index:1}
.hero-right{
  display:flex;justify-content:center;align-items:center;
  animation:fadeIn 1.2s .3s ease forwards;opacity:0;
  position:relative;z-index:1;
}
.hero-img-wrap{position:relative;width:510px;height:410px}
.hero-img-wrap img{
  width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 0 64px rgba(200,255,0,0.11));
}
.hero-img-wrap::before{
  content:'';position:absolute;inset:-22px;
  border:1px solid var(--border);pointer-events:none;
}
.hc{position:absolute;width:18px;height:18px;border-color:var(--accent);border-style:solid}
.hc.tl{top:-22px;left:-22px;border-width:2px 0 0 2px}
.hc.tr{top:-22px;right:-22px;border-width:2px 2px 0 0}
.hc.bl{bottom:-22px;left:-22px;border-width:0 0 2px 2px}
.hc.br{bottom:-22px;right:-22px;border-width:0 2px 2px 0}

/* ── BUTTONS ─────────────────────────── */
.btn-p{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:2px;text-transform:uppercase;
  padding:13px 28px;background:var(--accent);color:var(--bg);
  border:none;cursor:pointer;
  transition:opacity .2s,transform .2s;
  text-decoration:none;display:inline-block;
}
.btn-p:hover{opacity:.82;transform:translateY(-1px)}
.btn-o{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:2px;text-transform:uppercase;
  padding:13px 28px;background:transparent;color:var(--text);
  border:1px solid rgba(255,255,255,.18);cursor:pointer;
  transition:border-color .2s,color .2s;
  text-decoration:none;display:inline-block;
}
.btn-o:hover{border-color:var(--accent);color:var(--accent)}

/* ── STATS ───────────────────────────── */
.stats{
  position:relative;z-index:1;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.si{padding:30px 44px;border-right:1px solid var(--border)}
.si:last-child{border-right:none}
.sn{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:40px;color:var(--accent);line-height:1;margin-bottom:5px}
.sl{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}

/* ── SECTIONS ────────────────────────── */
section,
.gallery-sec,
.pipeline-sec,
.cta-sec{position:relative;z-index:1;padding:96px 48px}

.stag{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:4px;text-transform:uppercase;
  color:var(--accent);margin-bottom:14px;
  display:flex;align-items:center;gap:10px;
}
.stag::before{content:'';width:28px;height:1px;background:var(--accent)}
.stitle{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:clamp(34px,4vw,54px);text-transform:uppercase;
  letter-spacing:-1px;line-height:1;margin-bottom:18px;
}
.sdesc{font-size:15px;line-height:1.72;color:var(--text-dim);max-width:540px;margin-bottom:60px}

/* ── PROBLEM ─────────────────────────── */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border)}
.pc{background:var(--bg2);padding:38px;display:flex;gap:18px;align-items:flex-start;transition:background .2s}
.pc:hover{background:rgba(200,255,0,0.035)}
.pico{font-size:20px;color:var(--accent);min-width:36px;opacity:.7}
.pc h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}
.pc p{font-size:13px;line-height:1.62;color:var(--text-dim)}

/* ── STEPS ───────────────────────────── */
.how-bg{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border:1px solid var(--border)}
.step{padding:36px 28px;border-right:1px solid var(--border);position:relative;transition:background .2s}
.step:last-child{border-right:none}
.step:hover{background:var(--accent-dim)}
.snum{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:18px}
.step h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.step p{font-size:13px;line-height:1.62;color:var(--text-dim)}
.sarr{
  position:absolute;top:36px;right:-13px;
  width:26px;height:26px;
  background:var(--bg2);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;color:var(--accent);z-index:2;
}

/* ── TECH ────────────────────────────── */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.tc{border:1px solid var(--border);padding:32px;position:relative;overflow:hidden;transition:border-color .2s}
.tc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .2s}
.tc:hover{border-color:var(--accent)}.tc:hover::before{opacity:1}
.tico{width:44px;height:44px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:20px}
.tc h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.tc p{font-size:13px;line-height:1.62;color:var(--text-dim)}

/* ── GALLERY ─────────────────────────── */
.gallery-sec{padding:0 48px 96px}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:270px 270px;gap:4px}
.gi{overflow:hidden;position:relative;background:#080908}
.gi:first-child{grid-row:1/3}
.gi img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .3s,transform .35s}
.gi:hover img{opacity:1;transform:scale(1.03)}
.gi::after{content:'';position:absolute;inset:0;border:1px solid var(--border);pointer-events:none}

/* ── PRODUCT ─────────────────────────── */
.prod-sec{background:var(--bg2);border-top:1px solid var(--border)}
.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);margin-top:60px}
.prod-card{background:var(--bg);padding:44px}
.psz{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:68px;color:var(--accent);line-height:1;margin-bottom:8px}
.prod-card h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:19px;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}
.prod-card p{font-size:14px;line-height:1.7;color:var(--text-dim);margin-bottom:24px}
.tags{display:flex;flex-wrap:wrap;gap:7px}
.tag{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border:1px solid var(--border);color:var(--text-dim)}

/* ── APPLICATIONS ────────────────────── */
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.ac{border:1px solid var(--border);padding:36px 28px;position:relative;overflow:hidden}
.ac::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.ac:hover::after{transform:scaleX(1)}
.anum{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--accent);opacity:.45;margin-bottom:18px}
.ac h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.ac p{font-size:13px;line-height:1.62;color:var(--text-dim)}

/* ── PIPELINE ────────────────────────── */
.pipeline-sec{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.pipeline{display:flex;margin-top:60px;border:1px solid var(--border)}
.ps{flex:1;padding:36px 28px;border-right:1px solid var(--border);position:relative}
.ps:last-child{border-right:none}
.ps::after{content:'→';position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:15px;z-index:2;background:var(--bg2);padding:2px 0}
.ps:last-child::after{display:none}
.psl{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}
.pst{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;text-transform:uppercase;color:var(--accent)}

/* ── CTA ─────────────────────────────── */
.cta-sec{text-align:center;overflow:hidden}
.cta-sec::before{
  content:'DOZOR';position:absolute;
  font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:280px;color:rgba(200,255,0,0.018);
  top:50%;left:50%;transform:translate(-50%,-50%);
  white-space:nowrap;pointer-events:none;letter-spacing:-8px;
}
.cta-sec .stitle{font-size:clamp(46px,5.5vw,76px);margin-bottom:18px}
.cta-sec .sdesc{margin:0 auto 44px;text-align:center}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.brave-note{margin-top:44px;font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}

/* ── FOOTER ──────────────────────────── */
footer{
  border-top:1px solid var(--border);
  padding:36px 48px;
  display:flex;justify-content:space-between;align-items:center;
  position:relative;z-index:1;
}
.flogo{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:19px;letter-spacing:3px;color:var(--accent);text-transform:uppercase}
.ftxt{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}
.feco{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;color:var(--text-dim);text-align:right}
.feco span{color:var(--accent)}

/* ── ANIMATIONS ──────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── SCANLINE ────────────────────────── */
.scanline{position:fixed;top:0;left:0;right:0;height:2px;background:rgba(200,255,0,0.07);animation:scan 7s linear infinite;pointer-events:none;z-index:999}
@keyframes scan{0%{top:-2px}100%{top:100vh}}

/* ── LANG TRANSITION ─────────────────── */
body.lsw [data-i18n]{opacity:0;transition:opacity .12s}
[data-i18n]{transition:opacity .12s}

/* ── MODAL ───────────────────────────── */
.moverlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,0.88);z-index:9999;
  align-items:center;justify-content:center;
  backdrop-filter:blur(8px);
}
.mbox{
  background:#0b0d09;
  border:1px solid rgba(200,255,0,0.28);
  max-width:540px;width:92%;padding:44px;
  position:relative;animation:fadeUp .28s ease;
}
.mclose{
  position:absolute;top:18px;right:18px;
  background:none;border:none;color:var(--text-dim);
  font-size:19px;cursor:pointer;
  font-family:'Share Tech Mono',monospace;
  transition:color .2s;line-height:1;
}
.mclose:hover{color:var(--accent)}
.mtag{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.mtag-line{width:22px;height:1px;background:var(--accent);display:inline-block}
.mtitle{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;margin-bottom:28px;letter-spacing:-.5px}
.flabel{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:7px}
.finput{
  width:100%;background:#101208;
  border:1px solid rgba(200,255,0,0.18);
  color:var(--text);padding:11px 14px;
  font-family:'Barlow',sans-serif;font-size:14px;
  outline:none;transition:border-color .2s;margin-bottom:16px;
}
.finput:focus{border-color:rgba(200,255,0,.55)}
.fsel{appearance:none;cursor:pointer}
.ftarea{resize:vertical;min-height:88px}
.ferr{display:none;font-family:'Share Tech Mono',monospace;font-size:10px;color:#ff3b3b;margin-bottom:14px;letter-spacing:1px}
.fsubmit{
  width:100%;background:var(--accent);color:var(--bg);
  border:none;padding:15px;
  font-family:'Share Tech Mono',monospace;font-size:11px;
  letter-spacing:2px;text-transform:uppercase;
  cursor:pointer;transition:opacity .2s;
}
.fsubmit:hover{opacity:.84}
.fsubmit:disabled{opacity:.5;cursor:not-allowed}
.fsuccess{display:none;text-align:center;padding:16px 0}
.fsuccess-ico{font-size:44px;margin-bottom:16px}
.fsuccess-t{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:26px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.fsuccess-s{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--text-dim)}

/* ── IP BADGE ────────────────────────── */
.ip-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:1px;color:var(--text-dim);
  border:1px solid var(--border);padding:4px 10px;margin-top:12px;
}
.ip-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blink 2s infinite}

/* ── WP ADMIN BAR ────────────────────── */
body.admin-bar #site-nav{top:32px}
@media screen and (max-width:782px){body.admin-bar #site-nav{top:46px}}

/* ── RESPONSIVE ──────────────────────── */
@media(max-width:960px){
  #site-nav{padding:14px 18px}
  .nav-links{display:none}
  .hero{grid-template-columns:1fr;padding:96px 18px 56px}
  .hero-right{display:none}
  .stats{grid-template-columns:1fr 1fr}.si{padding:20px 18px}
  section,.gallery-sec,.pipeline-sec,.cta-sec{padding:56px 18px}
  .gallery-sec{padding:0 18px 56px}
  .pgrid,.prod-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .step{border-bottom:1px solid var(--border)}
  .tgrid,.agrid{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .gi:first-child{grid-row:auto}
  .pipeline{flex-direction:column}
  .ps{border-right:none;border-bottom:1px solid var(--border)}
  .ps::after{content:'↓';right:auto;left:50%;top:auto;bottom:-11px;transform:translateX(-50%)}
  footer{flex-direction:column;gap:14px;text-align:center;padding:28px 18px}
  .nav-right{gap:7px}.lb{padding:5px 7px;font-size:9px}
  .nav-cta{padding:7px 12px}
}

@media(max-width:480px){
  .hero-title{font-size:clamp(52px,14vw,80px)}
  .stitle{font-size:clamp(30px,7vw,44px)}
  .cta-sec .stitle{font-size:clamp(38px,9vw,56px)}
  .steps{grid-template-columns:1fr}
  .cta-btns{flex-direction:column;align-items:center}
}