/* ── Reset ─────────────────────────────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* ── Design Tokens ─────────────────────────────────────────────────────────── */
:root{
  --bg:        #0a0e0a;
  --bg2:       #0d120d;
  --bg3:       #111811;
  --bg4:       #0f150f;
  --term:      #00ff41;
  --term-dim:  #00c832;
  --term-dk:   #007a20;
  --term-glow: rgba(0,255,65,.18);
  --term-dim2: rgba(0,255,65,.07);
  --amber:     #f5a623;
  --cyan:      #00ffd0;
  --purple:    #bd93f9;
  --red:       #ff5555;
  --blue:      #8be9fd;
  --text:      #cdd6c0;
  --text2:     #6a7c5e;
  --text3:     #3a4a34;
  --border:    rgba(0,255,65,.1);
  --border2:   rgba(0,255,65,.2);
  --glass:     rgba(0,255,65,.03);
  --scan-line: rgba(0,0,0,.06);
  --r:         4px;
  --shadow:    0 0 40px rgba(0,255,65,.08);
}

html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:'JetBrains Mono','Fira Code','Cascadia Code',Consolas,monospace;
  line-height:1.6;overflow-x:hidden;
}

/* CRT scan-line effect */
body::before{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;
  background:repeating-linear-gradient(0deg,var(--scan-line) 0px,transparent 1px,transparent 3px);
  background-size:100% 4px;opacity:1;
}
/* phosphor glow noise */
body::after{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:0.025;
}

::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--term-dk);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:var(--term)}

/* ── Layout ─────────────────────────────────────────────────────────────────── */
.container{max-width:1120px;margin:0 auto;padding:0 28px;position:relative;z-index:1}
section{padding:100px 0}

/* ── Typography ─────────────────────────────────────────────────────────────── */
h1,h2,h3,h4,h5{font-family:'JetBrains Mono','Fira Code',Consolas,monospace;font-weight:700}
.txt-green{color:var(--term)}
.txt-amber{color:var(--amber)}
.txt-cyan{color:var(--cyan)}
.txt-dim{color:var(--text2)}
.txt-muted{color:var(--text3)}

.prompt::before{content:'> ';color:var(--term)}
.comment{color:var(--text3);font-style:normal}
.comment::before{content:'// '}
.dollar::before{content:'$ ';color:var(--amber)}

/* ── Section Header ─────────────────────────────────────────────────────────── */
.sec-head{margin-bottom:56px}
.sec-head .cmd-line{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;color:var(--term-dim);margin-bottom:12px;
  letter-spacing:.5px;
}
.sec-head .cmd-line::before{content:'[nexuscraft@server ~]$';color:var(--text3);margin-right:4px}
.sec-head h2{font-size:clamp(24px,3.2vw,40px);color:var(--text);line-height:1.2;margin-bottom:14px}
.sec-head p{color:var(--text2);font-size:14px;max-width:540px;line-height:1.8}
.sec-head.center{text-align:center}
.sec-head.center p{margin:0 auto}

/* ── Terminal Button ─────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:var(--r);
  font-family:inherit;font-size:13px;font-weight:600;
  cursor:pointer;text-decoration:none;border:1px solid;
  transition:all .2s;letter-spacing:.3px;
}
.btn-term{
  background:rgba(0,255,65,.1);color:var(--term);
  border-color:var(--border2);
}
.btn-term:hover{background:rgba(0,255,65,.18);box-shadow:0 0 24px var(--term-glow);color:#fff}
.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border)}
.btn-ghost:hover{border-color:var(--border2);color:var(--term)}
.btn-sm{padding:7px 16px;font-size:12px}
.btn::before{content:'['}
.btn::after{content:']'}

/* ══════════════════════════════════════════════════════════════════════════════
   NAVBAR — terminal topbar
══════════════════════════════════════════════════════════════════════════════ */
#navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:14px 0;
  border-bottom:1px solid var(--border);
  background:rgba(10,14,10,.95);backdrop-filter:blur(8px);
}
#navbar.scrolled{border-bottom-color:var(--border2)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{
  font-family:inherit;font-size:16px;font-weight:700;
  color:var(--term);text-decoration:none;letter-spacing:1px;flex-shrink:0;
}
.logo .logo-bracket{color:var(--text3)}
.logo em{color:var(--amber);font-style:normal}

.nav-links{
  display:flex;align-items:center;gap:2px;list-style:none;
  flex:1;justify-content:center;
}
.nav-links a{
  font-size:13px;font-weight:500;color:var(--text2);text-decoration:none;
  padding:7px 14px;transition:color .2s;letter-spacing:.1px;
  position:relative;
}
.nav-links a::before{
  content:'';position:absolute;bottom:0;left:14px;right:14px;height:1px;
  background:var(--term);transform:scaleX(0);transition:transform .2s;
}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a:hover::before,.nav-links a.active::before{transform:scaleX(1)}

.nav-right{
  display:flex;align-items:center;gap:16px;flex-shrink:0;
}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;flex-shrink:0}
.hamburger span{width:20px;height:1.5px;background:var(--term);border-radius:2px;transition:all .3s}

/* ── Status dot ─────────────────────────────────────────────────────────────── */
.nav-status{
  display:flex;align-items:center;gap:6px;
  font-size:11px;color:var(--text3);letter-spacing:.2px;
  padding:5px 10px;border:1px solid var(--border);
}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--term);flex-shrink:0;animation:blink-g 2s ease infinite}
@keyframes blink-g{0%,100%{opacity:1}50%{opacity:.2}}

/* ══════════════════════════════════════════════════════════════════════════════
   HERO — terminal window
══════════════════════════════════════════════════════════════════════════════ */
#hero{
  min-height:100vh;display:flex;align-items:center;
  padding-top:70px;position:relative;overflow:hidden;
}
/* ambient glow */
#hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(0,255,65,.04) 0%,transparent 70%);
}
.hero-inner{
  display:grid;grid-template-columns:1fr 480px;
  gap:56px;align-items:center;padding:60px 0;
}

/* left: ASCII + typed */
.hero-ascii{
  color:var(--term-dk);font-size:12px;line-height:1.2;
  margin-bottom:28px;user-select:none;letter-spacing:0;
}
.hero-greeting{
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:var(--text2);margin-bottom:16px;
}
.hero-greeting .prompt-sym{color:var(--term);font-size:16px;font-weight:700}
.hero-cmd{
  font-size:clamp(28px,4vw,52px);
  color:var(--text);line-height:1.12;margin-bottom:20px;
  letter-spacing:-1px;
}
.hero-cmd .typed-word{color:var(--term);border-right:2px solid var(--term);padding-right:2px;animation:cursor-blink 1.2s step-end infinite}
@keyframes cursor-blink{0%,100%{border-color:var(--term)}50%{border-color:transparent}}

.hero-desc{font-size:14px;color:var(--text2);max-width:480px;line-height:1.9;margin-bottom:36px}

/* terminal output lines */
.hero-output{
  display:flex;flex-direction:column;gap:4px;
  background:rgba(0,0,0,.3);border:1px solid var(--border);
  border-radius:var(--r);padding:16px 18px;
  margin-bottom:36px;font-size:12.5px;
}
.out-line{display:flex;align-items:center;gap:10px;color:var(--text2)}
.out-line .key{color:var(--term-dim);width:130px;flex-shrink:0}
.out-line .val{color:var(--text)}
.out-line .val.ok{color:var(--term)}
.out-line .val.warn{color:var(--amber)}

.hero-cta{display:flex;gap:12px;flex-wrap:wrap}

/* right: terminal window */
.term-window{
  background:#060a06;border:1px solid var(--border2);
  border-radius:6px;overflow:hidden;
  box-shadow:0 0 60px rgba(0,255,65,.08),inset 0 1px 0 var(--border);
}
.term-bar{
  display:flex;align-items:center;gap:10px;
  padding:11px 16px;background:rgba(0,255,65,.05);
  border-bottom:1px solid var(--border);
}
.term-dots{display:flex;gap:6px}
.term-dots span{width:11px;height:11px;border-radius:50%}
.term-dots span:nth-child(1){background:#ff5555}
.term-dots span:nth-child(2){background:#f5a623}
.term-dots span:nth-child(3){background:var(--term)}
.term-title{
  font-size:11px;color:var(--text3);margin-left:auto;
  letter-spacing:.5px;font-family:inherit;
}
.term-body{padding:22px 20px;font-size:12.5px;line-height:2;min-height:300px}
.tl{display:flex;flex-direction:column;gap:0}
.tl-row{color:var(--text2)}
.tl-row .p{color:var(--term);user-select:none}
.tl-row .cmd{color:var(--text)}
.tl-row .out{color:var(--text2);padding-left:16px}
.tl-row .ok{color:var(--term)}
.tl-row .err{color:var(--red)}
.tl-row .warn{color:var(--amber)}
.tl-row .c{color:var(--text3)}
.tl-row .f{color:var(--purple)}
.tl-row .s{color:var(--cyan)}
.tl-cursor{
  display:inline-block;width:9px;height:1.1em;
  background:var(--term);vertical-align:middle;margin-left:2px;
  animation:cursor-blink 1.2s step-end infinite;
}

/* availability badge */
.hero-avail{
  display:flex;align-items:center;gap:8px;
  padding:10px 14px;background:rgba(0,255,65,.05);
  border-top:1px solid var(--border);
  font-size:11.5px;color:var(--text2);
}

/* ══════════════════════════════════════════════════════════════════════════════
   SERVICES
══════════════════════════════════════════════════════════════════════════════ */
#services{background:var(--bg2)}

/* Section header — 2-col layout */
.svc-header{
  display:grid;grid-template-columns:1fr 1fr;gap:56px;
  align-items:end;margin-bottom:48px;
}
.svc-header h2{font-size:clamp(24px,3.2vw,40px);line-height:1.2}
.svc-header p{color:var(--text2);font-size:14px;line-height:1.85}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--border)}
.sv-card{
  background:var(--bg2);padding:26px 24px;
  border-right:1px solid var(--border);border-bottom:1px solid var(--border);
  position:relative;overflow:hidden;
  transition:background .25s;cursor:default;
  display:flex;flex-direction:column;
}
.sv-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1.5px;
  background:var(--c,var(--term));opacity:0;transition:opacity .3s;
}
.sv-card:hover{background:rgba(0,255,65,.025)}
.sv-card:hover::before{opacity:1}

.sv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sv-num{
  font-size:10px;color:var(--text3);
  letter-spacing:1px;font-family:inherit;
}
.sv-num::before{content:'['}
.sv-num::after{content:']'}
.sv-icon-wrap{font-size:20px}

.sv-card h3{font-size:14px;color:var(--text);margin-bottom:8px;font-weight:700}
.sv-card p{color:var(--text2);font-size:12.5px;line-height:1.7;margin-bottom:14px}

/* Feature list */
.sv-feats{
  list-style:none;display:flex;flex-direction:column;gap:5px;
  flex:1;margin-bottom:16px;
}
.sv-feats li{
  font-size:12px;color:var(--text2);
  padding-left:16px;position:relative;line-height:1.5;
}
.sv-feats li::before{
  content:'✓';position:absolute;left:0;
  color:var(--c,var(--term));font-size:10px;font-weight:700;top:1px;
}
.sv-divider{height:1px;background:var(--border);margin-bottom:14px}

.sv-tags{display:flex;flex-wrap:wrap;gap:4px}
.sv-tag{
  padding:2px 7px;border-radius:2px;
  font-size:10px;font-family:inherit;
  background:rgba(0,255,65,.05);color:var(--term-dim);
  border:1px solid var(--border);
}

/* ══════════════════════════════════════════════════════════════════════════════
   WHY
══════════════════════════════════════════════════════════════════════════════ */
#why{background:var(--bg)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.why-feats{display:flex;flex-direction:column;gap:0}
.wf{
  display:flex;gap:18px;padding:22px 0;
  border-bottom:1px solid var(--border);transition:padding-left .2s;
}
.wf:first-child{border-top:1px solid var(--border)}
.wf:hover{padding-left:10px}
.wf-num{
  width:32px;height:32px;border-radius:2px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:var(--term);
  background:rgba(0,255,65,.08);border:1px solid var(--border2);
  font-family:inherit;
}
.wf-body h4{font-size:14px;margin-bottom:5px;color:var(--text)}
.wf-body p{color:var(--text2);font-size:12.5px;line-height:1.65}

/* metric terminal cards */
.why-right{display:flex;flex-direction:column;gap:12px}
.metric-term{
  background:var(--bg2);border:1px solid var(--border);
  padding:26px 28px;position:relative;overflow:hidden;
}
.metric-term::before{
  content:'';position:absolute;top:0;left:0;width:2px;height:100%;
  background:var(--term-dim);
}
.metric-term:hover{border-color:var(--border2);box-shadow:0 0 24px rgba(0,255,65,.06)}
.mt-label{
  font-size:11px;color:var(--text3);margin-bottom:8px;letter-spacing:.5px;
}
.mt-label::before{content:'# ';color:var(--text3)}
.mt-value{font-size:28px;font-weight:700;color:var(--term);line-height:1;margin-bottom:6px}
.mt-sub{font-size:12px;color:var(--text2)}
.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ══════════════════════════════════════════════════════════════════════════════
   TECH
══════════════════════════════════════════════════════════════════════════════ */
#tech{background:var(--bg2)}
.tech-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:52px}
.tech-header p{color:var(--text2);font-size:14px;line-height:1.8}
.tech-group{margin-bottom:28px}
.tg-label{
  font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--text3);margin-bottom:12px;
  display:flex;align-items:center;gap:8px;
}
.tg-label::before{content:'//';color:var(--border2);font-size:13px}
.tech-pills{display:flex;flex-wrap:wrap;gap:6px}
.tp{
  padding:5px 13px;border-radius:2px;font-size:11.5px;font-family:inherit;
  color:var(--text2);border:1px solid var(--border);background:rgba(0,0,0,.2);
  transition:all .2s;cursor:default;
}
.tp:hover{border-color:var(--term-dim);color:var(--term);background:rgba(0,255,65,.05)}

/* ══════════════════════════════════════════════════════════════════════════════
   PROCESS
══════════════════════════════════════════════════════════════════════════════ */
#process{background:var(--bg)}
.process-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:60px}
.process-header p{color:var(--text2);font-size:14px;line-height:1.8}

/* pipeline display */
.pipeline{display:flex;flex-direction:column;gap:0;border:1px solid var(--border)}
.pl-step{
  display:grid;grid-template-columns:56px 1fr;
  border-bottom:1px solid var(--border);
  transition:background .2s;
}
.pl-step:last-child{border-bottom:none}
.pl-step:hover{background:rgba(0,255,65,.03)}
.pl-n{
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,255,65,.05);border-right:1px solid var(--border);
  padding:20px 0;font-size:18px;
}
.pl-body{padding:20px 24px}
.pl-body h4{font-size:13.5px;color:var(--text);margin-bottom:4px}
.pl-body p{font-size:12px;color:var(--text2);line-height:1.6}
.pl-status{font-size:10.5px;margin-top:6px}
.pl-status.done{color:var(--term)}
.pl-status.done::before{content:'✓ '}
.pl-status.prog{color:var(--amber)}
.pl-status.prog::before{content:'⚡ '}



/* ══════════════════════════════════════════════════════════════════════════════
   CTA
══════════════════════════════════════════════════════════════════════════════ */
.cta-wrap{background:var(--bg2);padding:0 0 100px}
.cta-box{
  border:1px solid var(--border2);
  padding:64px 56px;position:relative;overflow:hidden;
  background:rgba(0,255,65,.02);
}
.cta-box::before{
  content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);
  width:300px;height:300px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,255,65,.07) 0%,transparent 70%);
  pointer-events:none;
}
.cta-box::after{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--term-dim),transparent);
}
.cta-box h2{font-size:clamp(22px,3vw,38px);color:var(--text);margin-bottom:14px;position:relative}
.cta-box p{color:var(--text2);font-size:15px;margin-bottom:32px;position:relative}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap;position:relative}

/* ══════════════════════════════════════════════════════════════════════════════
   CONTACT
══════════════════════════════════════════════════════════════════════════════ */
#contact{background:var(--bg)}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:72px;align-items:start}
.c-items{display:flex;flex-direction:column;gap:0}
.c-item{
  display:flex;align-items:center;gap:14px;
  padding:16px 0;border-top:1px solid var(--border);
  text-decoration:none;color:var(--text);transition:padding-left .2s;
}
.c-item:last-child{border-bottom:1px solid var(--border)}
.c-item:hover{padding-left:8px}
.c-item:hover .cv{color:var(--term)}
.ci-icon{
  width:34px;height:34px;flex-shrink:0;border-radius:2px;
  background:rgba(0,255,65,.07);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;font-size:15px;
}
.cl{font-size:10.5px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}
.cv{font-size:13px;font-weight:500;color:var(--text);transition:color .2s}
.c-arrow{margin-left:auto;color:var(--text3);font-size:14px;transition:all .2s}
.c-item:hover .c-arrow{color:var(--term);transform:translateX(3px)}

/* Live terminal */
.live-term{
  background:#060a06;border:1px solid var(--border2);
  border-radius:4px;overflow:hidden;margin-bottom:20px;
  box-shadow:0 0 32px rgba(0,255,65,.06);
}
.lt-bar{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;background:rgba(0,255,65,.05);
  border-bottom:1px solid var(--border);
}
.lt-running{
  margin-left:auto;display:flex;align-items:center;gap:6px;
  font-size:10px;color:var(--term-dim);letter-spacing:.5px;
}
.lt-dot{
  width:6px;height:6px;border-radius:50%;background:var(--term);
  animation:blink-g 1s ease infinite;
}
.lt-body{
  padding:18px 18px 14px;
  font-size:12px;line-height:1.85;
  min-height:200px;max-height:240px;overflow:hidden;
  display:flex;flex-direction:column;gap:0;
}
.lt-line{
  display:block;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;
}
.lt-line.cmd{color:var(--text)}
.lt-line.cmd::before{content:'[nc@srv]$ ';color:var(--term)}
.lt-line.ok{color:var(--term-dim)}
.lt-line.ok::before{content:'  ✓ ';color:var(--term)}
.lt-line.info{color:var(--text2)}
.lt-line.info::before{content:'  › ';color:var(--text3)}
.lt-line.warn{color:var(--amber)}
.lt-line.warn::before{content:'  ⚡ ';color:var(--amber)}
.lt-line.blank{opacity:0;pointer-events:none;height:1.85em}
.lt-line.typing::after{content:'▋';animation:cursor-blink 1s step-end infinite}

/* WA block */
.wa-block{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 22px;
  background:rgba(0,255,65,.06);
  border:1px solid var(--border2);
  text-decoration:none;color:var(--text);
  transition:all .25s;
}
.wa-block:hover{background:rgba(0,255,65,.12);box-shadow:0 0 28px rgba(0,255,65,.1)}
.wa-block:hover .wa-arrow{color:var(--term);transform:translateX(4px)}
.wa-left{display:flex;align-items:center;gap:16px}
.wa-icon{font-size:26px;line-height:1}
.wa-label{font-size:10.5px;color:var(--text3);letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}
.wa-num{font-size:17px;font-weight:700;color:var(--term);letter-spacing:.5px}
.wa-arrow{font-size:20px;color:var(--text3);transition:all .25s}

/* contact form */
.cform{
  background:var(--bg2);border:1px solid var(--border);
  padding:36px 32px;
}
.cform-header{
  display:flex;align-items:center;gap:10px;
  margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border);
}
.cform-dots{display:flex;gap:5px}
.cform-dots span{width:9px;height:9px;border-radius:50%}
.cform-dots span:nth-child(1){background:#ff5555}
.cform-dots span:nth-child(2){background:var(--amber)}
.cform-dots span:nth-child(3){background:var(--term)}
.cform-ttl{font-size:11.5px;color:var(--text3);margin-left:auto;letter-spacing:.5px}

.fg{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.fg label{font-size:11px;font-weight:600;color:var(--text3);letter-spacing:.5px;text-transform:uppercase}
.fg input,.fg select,.fg textarea{
  background:rgba(0,0,0,.3);border:1px solid var(--border);
  padding:10px 13px;color:var(--text);
  font-size:13px;font-family:inherit;outline:none;
  transition:all .2s;resize:vertical;border-radius:0;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{
  border-color:var(--term-dim);background:rgba(0,255,65,.04);
}
.fg input::placeholder,.fg textarea::placeholder{color:var(--text3)}
.fg select option{background:var(--bg3)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn-sub{width:100%;justify-content:center;margin-top:4px}

/* ══════════════════════════════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════════════════════════════ */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:52px 0 28px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.f-brand .logo{display:inline-block;margin-bottom:14px;font-size:17px}
.f-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:240px}
.f-brand-status{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:16px;padding:6px 10px;
  border:1px solid var(--border);font-size:11px;color:var(--text3);
}
.f-brand-status .status-dot{width:5px;height:5px;border-radius:50%;background:var(--term);flex-shrink:0;animation:blink-g 2s ease infinite}
.f-col h5{
  font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:var(--text3);margin-bottom:16px;
}
.f-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.f-links a{font-size:13px;color:var(--text2);text-decoration:none;transition:color .2s}
.f-links a:hover{color:var(--term)}
.footer-bottom{
  padding-top:20px;border-top:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
}
.footer-bottom p,.footer-bottom a{font-size:12px;color:var(--text3);text-decoration:none}
.footer-bottom a:hover{color:var(--term)}

/* ══════════════════════════════════════════════════════════════════════════════
   ANIMATIONS
══════════════════════════════════════════════════════════════════════════════ */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.06s}
.reveal-delay-2{transition-delay:.12s}
.reveal-delay-3{transition-delay:.18s}
.reveal-delay-4{transition-delay:.24s}
.reveal-delay-5{transition-delay:.30s}
.reveal-delay-6{transition-delay:.36s}

/* Toast */
.toast{
  position:fixed;bottom:22px;right:22px;z-index:9999;
  background:var(--bg3);border:1px solid var(--border2);
  border-left:2px solid var(--term);
  padding:14px 20px;font-size:13px;
  font-family:inherit;
  animation:slideUp .3s ease;
}
@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ══════════════════════════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════════════════════════ */

/* ── Tablet / small laptop ──────────────────────────────────────────────── */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr}
  .term-window{display:none}
  .hero-inner{padding:48px 0}
  .svc-header{grid-template-columns:1fr;gap:20px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:1fr;gap:40px}
  .metric-row{grid-template-columns:1fr 1fr}
  .tech-header{grid-template-columns:1fr;gap:20px}
  .process-header{grid-template-columns:1fr;gap:20px}
  .contact-grid{grid-template-columns:1fr;gap:40px}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px}
  .cta-box{padding:48px 36px}
}

/* ── Mobile ─────────────────────────────────────────────────────────────── */
@media(max-width:768px){
  section{padding:64px 0}
  .container{padding:0 20px}
  .hero-inner{padding:36px 0}
  .hero-ascii{display:none}
  .hero-cmd{font-size:clamp(24px,7.5vw,36px)}
  .hero-desc{font-size:13px;margin-bottom:28px}
  .hero-output{padding:14px 14px;font-size:12px}
  .hero-cta{flex-direction:column}
  .hero-cta .btn{justify-content:center}
  .services-grid{grid-template-columns:1fr}
  .sv-card{padding:22px 20px}
  .why-grid{gap:28px}
  .metric-row{grid-template-columns:1fr}
  .contact-grid{gap:28px}
  .wa-block{flex-wrap:wrap;gap:8px}
  .lt-body{font-size:11.5px;padding:14px}
  .footer-top{grid-template-columns:1fr;gap:24px}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
  .form-row{grid-template-columns:1fr}
  .cform{padding:24px 20px}
  .cta-box{padding:36px 22px;margin:0 8px}
  .cta-btns{flex-direction:column}
  .cta-box h2{font-size:clamp(20px,6vw,28px)}
  .nav-links{
    display:none;position:fixed;inset:0;
    background:rgba(10,14,10,.98);backdrop-filter:blur(8px);
    flex-direction:column;align-items:center;justify-content:center;
    gap:28px;z-index:999;
  }
  .nav-links.open{display:flex}
  .nav-links a{font-size:16px;padding:10px 20px}
  .hamburger{display:flex;z-index:1000}
  .nav-right{gap:8px}
  .nav-status{display:none}
  .btn-sm{font-size:11px;padding:7px 13px}
}

/* ── Small phone ────────────────────────────────────────────────────────── */
@media(max-width:480px){
  .container{padding:0 16px}
  section{padding:56px 0}
  .hero-inner{padding:28px 0}
  .hero-output{display:none}
  .hero-cmd{font-size:clamp(22px,9vw,32px)}
  .sv-card{padding:20px 16px}
  .cform{padding:20px 16px}
  .cta-box{padding:28px 16px;margin:0 4px}
  .sec-head{margin-bottom:40px}
  .sec-head h2{font-size:clamp(22px,7vw,32px)}
  .pipeline .pl-body{padding:16px 18px}
}