/* ═══════════════════════════════════════════════════════
   NXG DIGITECH — style.css  v2
   nxgdigitech.com
═══════════════════════════════════════════════════════ */

/* ── RESET ─────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}

:root{
  --bg:          #070c18;
  --bg2:         #0b1120;
  --bg3:         #0f172a;
  --surface:     #111d33;
  --surface2:    #16233f;
  --surface3:    #1c2d50;
  --border:      rgba(255,255,255,0.07);
  --border2:     rgba(0,224,255,0.20);
  --border3:     rgba(0,224,255,0.08);
  --cyan:        #00e0ff;
  --blue:        #0070f3;
  --violet:      #7c3aed;
  --cyan-soft:   rgba(0,224,255,0.08);
  --blue-soft:   rgba(0,112,243,0.08);
  --violet-soft: rgba(124,58,237,0.08);
  --white:       #ffffff;
  --text:        #cdd8ef;
  --muted:       #64748b;
  --muted2:      #3d4f6a;
  --ff:          -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --radius:      12px;
  --radius-sm:   8px;
  --radius-lg:   18px;
  --tr:          0.22s ease;
  --shadow-cyan: 0 8px 30px rgba(0,224,255,0.20);
}

body{
  background:var(--bg); color:var(--text);
  font-family:var(--ff); line-height:1.7; overflow-x:hidden;
}

/* page grid texture */
body::before{
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(0,224,255,0.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,224,255,0.018) 1px,transparent 1px);
  background-size:58px 58px;
}

nav,.page-header,main,footer{position:relative;z-index:1;}

/* ── TYPE ──────────────────────────────────────────── */
h1,h2,h3,h4,h5{font-family:var(--ff);color:var(--white);line-height:1.12;letter-spacing:-0.02em;}
h1{font-size:clamp(2.5rem,6vw,4.6rem);font-weight:800;}
h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;}
h3{font-size:1.15rem;font-weight:700;}
h4{font-size:0.97rem;font-weight:700;}
p {color:var(--muted);font-size:0.95rem;line-height:1.82;}
a {color:var(--cyan);text-decoration:none;transition:opacity var(--tr);}
a:hover{opacity:.75;}

.tag{display:inline-block;font-size:0.70rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.13em;color:var(--cyan);margin-bottom:.55rem;}
.lead{font-size:1.04rem;color:var(--text);font-weight:400;}
.grad{
  background:linear-gradient(115deg,var(--cyan) 0%,var(--blue) 50%,var(--violet) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* ── LAYOUT ────────────────────────────────────────── */
.container{max-width:1120px;margin:0 auto;padding:0 5%;}
.section-pad{padding:88px 0;}
.section-sm {padding:56px 0;}
.tc{text-align:center;}
.tc .section-sub{margin-left:auto;margin-right:auto;}
.section-head{margin-bottom:2.75rem;}
.section-sub{max-width:510px;margin-top:.7rem;}

/* ── BUTTONS ───────────────────────────────────────── */
.btn{
  display:inline-block;font-family:var(--ff);font-size:.88rem;font-weight:700;
  padding:.78rem 1.85rem;border-radius:var(--radius-sm);cursor:pointer;border:none;
  transition:transform var(--tr),box-shadow var(--tr),opacity var(--tr);
  text-align:center;white-space:nowrap;letter-spacing:.01em;
}
.btn-primary{background:var(--cyan);color:var(--bg);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-cyan);opacity:1;}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);}
.btn-ghost:hover{border-color:var(--border2);background:var(--cyan-soft);color:var(--white);opacity:1;}
.btn-sm{padding:.5rem 1.2rem;font-size:.80rem;}

/* ── NAV ───────────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:999;
  display:flex;align-items:center;justify-content:space-between;
  height:62px;padding:0 5%;
  background:rgba(7,12,24,.88);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  transition:background var(--tr);
}
.nav.scrolled{background:rgba(7,12,24,.97);}
.nav-logo{display:flex;align-items:center;text-decoration:none;}
.nav-logo img{height:30px;width:auto;}
.nav-links{display:flex;gap:.2rem;list-style:none;align-items:center;}
.nav-links a{
  display:block;padding:.42rem .85rem;color:var(--muted);
  font-size:.855rem;font-weight:500;border-radius:var(--radius-sm);
  text-decoration:none;transition:color var(--tr),background var(--tr);
}
.nav-links a:hover{color:var(--white);background:rgba(255,255,255,.04);}
.nav-links a.active{color:var(--cyan);}
.nav-links .btn-nav{
  background:var(--cyan);color:var(--bg);padding:.42rem 1.05rem;
  margin-left:.5rem;font-weight:700;
}
.nav-links .btn-nav:hover{opacity:.88;background:var(--cyan);color:var(--bg);}

.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:var(--tr);}

.nav-mobile{
  display:none;position:fixed;top:62px;left:0;right:0;z-index:998;
  background:rgba(7,12,24,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);padding:1.5rem 5% 2rem;
  flex-direction:column;gap:.2rem;
}
.nav-mobile.open{display:flex;}
.nav-mobile a{
  display:block;padding:.65rem 0;color:var(--text);font-size:.95rem;
  font-weight:500;border-bottom:1px solid var(--border);text-decoration:none;
  transition:color var(--tr);
}
.nav-mobile a:last-child{border-bottom:none;}
.nav-mobile a:hover,.nav-mobile a.active{color:var(--cyan);}

/* ── PAGE HEADER ───────────────────────────────────── */
.page-header{
  padding:128px 5% 68px;
  background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);
  border-bottom:1px solid var(--border);
  position:relative;overflow:hidden;
}
.ph-glow{
  position:absolute;top:-30%;right:-8%;width:480px;height:480px;pointer-events:none;
  background:radial-gradient(circle,rgba(0,224,255,0.07) 0%,transparent 70%);
}
.page-header h1{font-size:clamp(1.9rem,5vw,3.2rem);margin-bottom:.55rem;}
.page-header p{max-width:560px;font-size:1rem;}

/* ── HERO ──────────────────────────────────────────── */
#hero{
  min-height:100vh;display:flex;align-items:center;
  padding:118px 5% 76px;overflow:hidden;
}
.hg-a{position:absolute;top:-18%;right:-8%;width:680px;height:680px;pointer-events:none;
  background:radial-gradient(circle,rgba(0,224,255,0.09) 0%,rgba(124,58,237,0.05) 55%,transparent 70%);}
.hg-b{position:absolute;bottom:8%;left:-8%;width:500px;height:500px;pointer-events:none;
  background:radial-gradient(circle,rgba(0,112,243,0.08) 0%,transparent 65%);}

.hero-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:3.5rem;align-items:center;position:relative;z-index:1;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(0,224,255,0.07);border:1px solid rgba(0,224,255,0.17);
  border-radius:100px;padding:.28rem .9rem;
  font-size:.70rem;font-weight:700;color:var(--cyan);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.4rem;
}
.hb-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:blink 2s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

.hero-title{margin-bottom:.35rem;}
.hero-sub-line{
  font-size:clamp(.85rem,1.7vw,1rem);font-weight:700;
  color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:1.4rem;
}
.hero-desc{font-size:1.02rem;color:var(--muted);max-width:490px;margin-bottom:2.2rem;line-height:1.85;}
.hero-btns{display:flex;flex-wrap:wrap;gap:.8rem;}

.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;}
.hero-visual img{width:100%;max-width:470px;animation:float 6s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}

/* ── STATS ─────────────────────────────────────────── */
.stats-strip{
  background:var(--bg2);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.stats-row{display:flex;flex-wrap:wrap;}
.stat-item{
  flex:1 1 160px;padding:1.65rem 1.5rem;text-align:center;
  border-right:1px solid var(--border);
}
.stat-item:last-child{border-right:none;}
.stat-num{
  font-family:var(--ff);font-size:1.9rem;font-weight:800;
  color:var(--cyan);letter-spacing:-.03em;line-height:1;margin-bottom:.28rem;
}
.stat-label{font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;}

/* ── SERVICE CARDS (home) ──────────────────────────── */
.svc-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;
}
.svc-card{
  background:var(--bg2);padding:1.9rem 1.65rem;
  position:relative;overflow:hidden;transition:background var(--tr);cursor:default;
}
.svc-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--cyan),var(--violet));
  transform:scaleX(0);transform-origin:left;transition:transform .32s ease;
}
.svc-card:hover{background:var(--bg3);}
.svc-card:hover::after{transform:scaleX(1);}
.svc-icon{
  width:44px;height:44px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;margin-bottom:.95rem;
}
.ic-c{background:var(--cyan-soft);}
.ic-b{background:var(--blue-soft);}
.ic-v{background:var(--violet-soft);}
.ic-t{background:rgba(20,184,166,.09);}
.ic-a{background:rgba(245,158,11,.09);}
.ic-r{background:rgba(244,63,94,.09);}
.svc-card h3{font-size:.97rem;margin-bottom:.42rem;}
.svc-card p{font-size:.845rem;line-height:1.72;}

/* ── WHY CARDS ─────────────────────────────────────── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem;margin-top:2.4rem;}
.why-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.65rem 1.4rem;transition:border-color var(--tr),transform var(--tr);
}
.why-card:hover{border-color:var(--border2);transform:translateY(-2px);}
.why-num{
  font-size:1.35rem;font-weight:800;color:rgba(0,224,255,0.13);
  letter-spacing:-.03em;margin-bottom:.65rem;
}
.why-card h4{margin-bottom:.38rem;}

/* ── TECH STACK LOGOS ──────────────────────────────── */
.stack-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;margin-top:2.5rem;
}
.stack-item{
  background:var(--bg2);padding:1.4rem 1rem;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.55rem;transition:background var(--tr);cursor:default;
}
.stack-item:hover{background:var(--bg3);}
.stack-logo{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;
}
/* SVG logos for major brands */
.stack-logo svg{width:32px;height:32px;}
.stack-item span{font-size:.70rem;color:var(--muted);text-align:center;letter-spacing:.03em;}

/* ── CTA BANNER ────────────────────────────────────── */
.cta-banner{
  background:linear-gradient(135deg,var(--surface) 0%,var(--bg2) 100%);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  text-align:center;overflow:hidden;position:relative;
}
.cta-glow{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:800px;height:380px;pointer-events:none;
  background:radial-gradient(ellipse,rgba(0,224,255,0.055) 0%,transparent 70%);
}
.cta-inner{position:relative;z-index:1;}
.cta-inner h2{margin-bottom:.75rem;}
.cta-inner p{max-width:470px;margin:0 auto 2.1rem;}
.cta-btns{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;}

/* ── ABOUT PAGE ────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:center;}
.about-body p{margin-bottom:.95rem;}
.about-visual-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:2.4rem 2rem;position:relative;overflow:hidden;
}
.about-visual-card::before{
  content:'';position:absolute;top:-50%;right:-40%;
  width:280px;height:280px;pointer-events:none;
  background:radial-gradient(circle,rgba(0,224,255,0.07) 0%,transparent 70%);
}
.about-wm{
  font-size:5rem;font-weight:800;color:rgba(0,224,255,0.04);
  line-height:1;letter-spacing:-.04em;position:absolute;bottom:.5rem;right:1rem;
  pointer-events:none;user-select:none;
}
.pillar-list{display:flex;flex-direction:column;gap:.8rem;}
.pillar{
  display:flex;align-items:center;gap:.8rem;
  padding:.75rem .95rem;background:rgba(255,255,255,.02);
  border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--tr);
}
.pillar:hover{border-color:var(--border2);}
.pillar-ico{
  width:32px;height:32px;border-radius:7px;background:var(--cyan-soft);
  display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;
}
.pillar span{font-size:.845rem;font-weight:500;color:var(--text);}

/* Founder card */
.founder-card{
  background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-lg);padding:2.25rem 2rem;
  display:grid;grid-template-columns:auto 1fr;gap:1.75rem;align-items:start;
  position:relative;overflow:hidden;margin-top:2.5rem;
}
.founder-card::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 0% 50%,rgba(0,224,255,0.05) 0%,transparent 65%);
}
.founder-avatar{
  width:80px;height:80px;border-radius:50%;flex-shrink:0;
  background:var(--surface2);border:2px solid var(--border2);
  display:flex;align-items:center;justify-content:center;
  font-size:1.9rem;font-weight:800;color:var(--cyan);
  position:relative;z-index:1;
}
.founder-body{position:relative;z-index:1;}
.founder-body h3{font-size:1.25rem;margin-bottom:.2rem;}
.founder-role{font-size:.75rem;font-weight:700;color:var(--cyan);text-transform:uppercase;
  letter-spacing:.1em;margin-bottom:.8rem;}
.founder-body p{font-size:.875rem;margin-bottom:.75rem;}
.founder-tags{display:flex;flex-wrap:wrap;gap:.5rem;}
.ftag{
  background:var(--surface2);border:1px solid var(--border);
  border-radius:100px;padding:.22rem .75rem;
  font-size:.70rem;color:var(--muted);
}

.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem;margin-top:2.4rem;}
.value-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.4rem;transition:border-color var(--tr);
}
.value-card:hover{border-color:var(--border2);}
.value-card h4{margin-bottom:.33rem;font-size:.93rem;}

/* ── SERVICES PAGE ─────────────────────────────────── */
.service-block{
  display:grid;grid-template-columns:1fr 1fr;gap:3.75rem;align-items:center;
}
.service-block.rev{direction:rtl;}
.service-block.rev>*{direction:ltr;}
.svc-visual{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:2.25rem;
  display:flex;align-items:center;justify-content:center;
  min-height:210px;position:relative;overflow:hidden;
}
.svc-visual::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(0,224,255,0.05) 0%,transparent 65%);
}
.svc-visual img{width:100%;max-width:270px;}
.svc-big-icon{font-size:3.8rem;opacity:.65;}
.svc-body h2{font-size:1.55rem;margin-bottom:.6rem;}
.svc-body p{margin-bottom:.95rem;}
.svc-features{list-style:none;margin-top:.95rem;display:flex;flex-direction:column;gap:.45rem;}
.svc-features li{
  display:flex;align-items:flex-start;gap:.55rem;
  font-size:.855rem;color:var(--muted);
}
.svc-features li::before{content:'›';color:var(--cyan);font-weight:700;flex-shrink:0;margin-top:1px;}
.svc-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem;}
.svc-tag{
  background:var(--surface2);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:.28rem .75rem;font-size:.72rem;color:var(--muted);
}
.svc-divider{border:none;border-top:1px solid var(--border);margin:0;}

/* ── PROJECTS PAGE ─────────────────────────────────── */
.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.65rem;}
.proj-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:border-color var(--tr),transform var(--tr);
}
.proj-card:hover{border-color:var(--border2);transform:translateY(-4px);}
.proj-thumb{
  height:172px;display:flex;align-items:center;justify-content:center;
  font-size:3.2rem;position:relative;overflow:hidden;
}
.pt-c{background:linear-gradient(135deg,rgba(0,224,255,0.11),rgba(0,112,243,0.07));}
.pt-v{background:linear-gradient(135deg,rgba(124,58,237,0.11),rgba(0,224,255,0.05));}
.pt-b{background:linear-gradient(135deg,rgba(0,112,243,0.11),rgba(124,58,237,0.06));}
.pt-g{background:linear-gradient(135deg,rgba(16,185,129,0.11),rgba(0,224,255,0.05));}
.pt-lines{
  position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(0,224,255,0.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,224,255,0.035) 1px,transparent 1px);
  background-size:22px 22px;
}
.proj-body{padding:1.65rem;}
.proj-meta{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.8rem;}
.proj-badge{
  font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;
  padding:.18rem .6rem;border-radius:100px;
}
.bc{background:rgba(0,224,255,0.10);color:var(--cyan);}
.bv{background:rgba(124,58,237,0.10);color:#a78bfa;}
.bb{background:rgba(0,112,243,0.10);color:#60a5fa;}
.bg{background:rgba(16,185,129,0.10);color:#34d399;}
.proj-body h3{margin-bottom:.45rem;}
.proj-body p{font-size:.855rem;margin-bottom:1.15rem;}
.proj-outcomes{list-style:none;display:flex;flex-direction:column;gap:.32rem;}
.proj-outcomes li{
  font-size:.80rem;color:var(--muted);
  display:flex;align-items:center;gap:.45rem;
}
.proj-outcomes li::before{content:'✓';color:var(--cyan);font-size:.72rem;}

/* ── CONTACT PAGE ──────────────────────────────────── */
.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:4.5rem;align-items:start;}
.contact-info h3{font-size:1.45rem;margin-bottom:.7rem;}
.contact-info p{margin-bottom:1.65rem;}
.c-item{
  display:flex;align-items:center;gap:.72rem;
  padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.875rem;
}
.c-item:last-of-type{border-bottom:none;}
.ci-ico{
  width:34px;height:34px;border-radius:7px;flex-shrink:0;
  background:var(--cyan-soft);border:1px solid rgba(0,224,255,0.11);
  display:flex;align-items:center;justify-content:center;font-size:.88rem;
}
.c-item span,.c-item a{font-size:.855rem;color:var(--text);}
.c-item a:hover{color:var(--cyan);opacity:1;}

.process-steps{display:flex;flex-direction:column;gap:.85rem;margin-top:2.25rem;}
.p-step{display:flex;gap:.75rem;align-items:flex-start;}
.p-num{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;
  background:var(--cyan-soft);border:1px solid var(--border2);
  display:flex;align-items:center;justify-content:center;
  font-size:.70rem;font-weight:700;color:var(--cyan);
}
.p-step-body p.p-title{font-size:.845rem;color:var(--white);font-weight:600;margin-bottom:.12rem;}
.p-step-body p.p-desc{font-size:.805rem;}

.cf-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:2.1rem;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.95rem;}
.form-group{display:flex;flex-direction:column;gap:.38rem;margin-bottom:.95rem;}
.form-group:last-of-type{margin-bottom:0;}
label{font-size:.70rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);}
input[type="text"],input[type="email"],input[type="tel"],select,textarea{
  background:var(--surface2);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:.68rem .9rem;
  color:var(--text);font-family:var(--ff);font-size:.865rem;
  outline:none;transition:border-color var(--tr);width:100%;
}
input::placeholder,textarea::placeholder{color:var(--muted2);}
input:focus,select:focus,textarea:focus{border-color:rgba(0,224,255,0.35);}
select option{background:var(--surface2);}
textarea{resize:vertical;min-height:90px;}
.form-submit{
  width:100%;margin-top:.45rem;padding:.84rem;
  background:var(--cyan);color:var(--bg);border:none;
  border-radius:var(--radius-sm);font-family:var(--ff);
  font-weight:700;font-size:.88rem;cursor:pointer;
  transition:transform var(--tr),box-shadow var(--tr),opacity var(--tr);
}
.form-submit:hover{transform:translateY(-1px);box-shadow:var(--shadow-cyan);}

.faq-list{display:flex;flex-direction:column;gap:.95rem;margin-top:2.4rem;}
.faq-item{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.2rem 1.4rem;transition:border-color var(--tr);
}
.faq-item:hover{border-color:var(--border2);}
.faq-item h4{margin-bottom:.35rem;font-size:.92rem;}
.faq-item p{font-size:.845rem;}

/* ── FOOTER ────────────────────────────────────────── */
footer{
  background:var(--bg2);border-top:1px solid var(--border);
  padding:3.25rem 5% 1.9rem;
}
.footer-top{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.75rem;
  padding-bottom:2.25rem;border-bottom:1px solid var(--border);margin-bottom:1.75rem;
}
.footer-brand p{font-size:.80rem;color:var(--muted);max-width:220px;line-height:1.72;margin-top:.65rem;}
.footer-col h5{
  font-size:.72rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--white);margin-bottom:.9rem;
}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:.45rem;}
.footer-col a{color:var(--muted);font-size:.80rem;text-decoration:none;transition:color var(--tr);}
.footer-col a:hover{color:var(--cyan);opacity:1;}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:.9rem;
}
.footer-copy{font-size:.74rem;color:var(--muted2);}
.footer-links{display:flex;gap:1.15rem;}
.footer-links a{font-size:.74rem;color:var(--muted2);text-decoration:none;transition:color var(--tr);}
.footer-links a:hover{color:var(--cyan);opacity:1;}

/* ── REVEAL ANIMATION ──────────────────────────────── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── RESPONSIVE 900px ──────────────────────────────── */
@media(max-width:900px){
  .nav-links{display:none;}.nav-toggle{display:flex;}
  .hero-grid{grid-template-columns:1fr;gap:2.25rem;}
  .hero-visual{order:-1;}.hero-visual img{max-width:300px;}
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .stack-grid{grid-template-columns:repeat(4,1fr);}
  .about-grid{grid-template-columns:1fr;gap:2.25rem;}
  .about-visual-card{display:none;}
  .founder-card{grid-template-columns:1fr;gap:1.25rem;}
  .service-block,.service-block.rev{grid-template-columns:1fr;direction:ltr;gap:2rem;}
  .projects-grid{grid-template-columns:1fr;}
  .contact-layout{grid-template-columns:1fr;gap:2.75rem;}
  .footer-top{grid-template-columns:1fr 1fr;gap:1.75rem;}
  .footer-brand{grid-column:1/-1;}
  .values-grid{grid-template-columns:1fr;}
}

/* ── RESPONSIVE 600px ──────────────────────────────── */
@media(max-width:600px){
  .section-pad{padding:60px 0;}
  .svc-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
  .stack-grid{grid-template-columns:repeat(3,1fr);}
  .stat-item{flex:1 1 50%;}
  .stat-item:nth-child(2n){border-right:none;}
  .stat-item:nth-child(n+3){border-top:1px solid var(--border);}
  .form-row{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .hero-btns,.cta-btns{flex-direction:column;}
  .hero-btns .btn,.cta-btns .btn{text-align:center;}
}