/* ═══════════════════════════════════════════════════════════════
   KRITEXA LABS — COMPONENTS CSS
   Phase 3 update — Navbar styles moved to css/header.css

   The navbar / hamburger / mobile drawer CSS has been moved to
   css/header.css (Phase 3). The CSS load order in scripts/build.js
   is: global.css → utilities.css → header.css → components.css
   so header.css rules take precedence over any residual fallbacks below.
═══════════════════════════════════════════════════════════════ */



/* ═══ CURSOR ═══ */
#cur{
  position:fixed;width:8px;height:8px;
  background:var(--purple2);border-radius:50%;
  pointer-events:none;z-index:9999;
  transform:translate(-50%,-50%);
  mix-blend-mode:screen;transition:width .2s,height .2s;
}
#cur-r{
  position:fixed;width:32px;height:32px;
  border:1px solid rgba(124,58,237,.4);
  border-radius:50%;pointer-events:none;z-index:9998;
  transform:translate(-50%,-50%);transition:all .1s ease;
}
#cur.big{width:5px;height:5px;}
#cur-r.big{width:48px;height:48px;border-color:rgba(124,58,237,.65);}

/* ═══ AMBIENT BACKGROUND ═══ */
.ambient{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  overflow:hidden;
}
.amb-blob{
  position:absolute;border-radius:50%;
  filter:blur(120px);opacity:0.12;
  animation:amb 22s ease-in-out infinite;
}
.ab1{width:700px;height:700px;
  background:var(--gradient-ambient-purple);
  top:-250px;right:-200px;animation-delay:0s;}
.ab2{width:500px;height:500px;
  background:var(--gradient-ambient-cyan);
  bottom:0;left:-100px;animation-delay:-10s;}
.ab3{width:400px;height:400px;
  background:var(--gradient-ambient-purple);
  top:50%;left:40%;animation-delay:-5s;opacity:.07;}
@keyframes amb{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(-30px,40px) scale(1.06);}
  66%{transform:translate(40px,-20px) scale(.94);}
}


/* ═══ NAVBAR ═══ */
/* Phase 3: All navbar/navigation CSS is now in css/header.css */
/* nav-ham and nav-mob base states (display:none) are defined in header.css.
   The previous fallback rules here were removed because they loaded AFTER
   header.css in cascade order and overrode the @media (max-width:768px)
   { display:flex } rule for nav-ham, hiding the hamburger on mobile. */
.nav-mob  { display: none; }

/* ═══ PAGE SYSTEM ═══ */
.page{display:none;}
.page.active{display:block;}

/* ═══ BUTTONS ═══ */
.btn-p{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:10px;
  background:var(--purple);color:#fff;
  font-size:15px;font-weight:600;
  box-shadow:0 0 30px rgba(124,58,237,.3);
  transition:all .25s;cursor:pointer;border:none;
  font-family:inherit;
}
.btn-p:hover{background:#6D28D9;transform:translateY(-2px);box-shadow:0 6px 40px rgba(124,58,237,.5);}
.btn-g{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 26px;border-radius:10px;
  background:transparent;border:1px solid var(--border);
  color:var(--white);font-size:15px;font-weight:500;
  transition:all .25s;cursor:pointer;font-family:inherit;
}
.btn-g:hover{border-color:rgba(124,58,237,.4);background:rgba(124,58,237,.06);transform:translateY(-2px);}
.btn-icon{transition:transform .2s;}
.btn-p:hover .btn-icon,.btn-g:hover .btn-icon{transform:translateX(3px);}

/* ═══ SECTION HEADING ═══ */
.sh{text-align:center;margin-bottom:60px;}
.sh-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--purple2);margin-bottom:16px;
}
.sh-eyebrow::before,.sh-eyebrow::after{
  content:'';width:20px;height:1px;background:var(--purple2);opacity:.5;
}
.sh h2{
  font-size:clamp(32px,4.5vw,54px);font-weight:900;
  letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px;
}
.sh p{font-size:17px;color:var(--gray);max-width:540px;margin:0 auto;line-height:1.7;}

/* ═══ HOME HERO ═══ */
.hero{
  position:relative;z-index:1;
  min-height:100vh;
  display:flex;align-items:center;
  padding:120px 0 80px;
  overflow:hidden;
}
.hero::before{
  content:'';position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 60% at 65% 40%,rgba(124,58,237,.1),transparent 65%),
             radial-gradient(ellipse 50% 50% at 20% 80%,rgba(6,182,212,.07),transparent 60%);
}
.hero-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:center;
}
.hero-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:24px;
  padding:6px 14px;
  background:rgba(6,182,212,.08);
  border:1px solid rgba(6,182,212,.2);
  border-radius:100px;
}
.hero-kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:blink 2s infinite;}
.hero h1{
  font-size:clamp(40px,5.5vw,72px);
  font-weight:900;line-height:1.04;
  letter-spacing:-2.5px;margin-bottom:22px;
}
.hero-sub{
  font-size:17px;color:var(--gray);line-height:1.75;
  margin-bottom:36px;max-width:460px;
}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px;}
.hero-proof{
  display:flex;align-items:center;gap:16px;
  padding-top:28px;border-top:1px solid var(--border);
  flex-wrap:wrap;
}
.hero-proof-avi{
  display:flex;
}
.hero-proof-avi span{
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,var(--purple),var(--cyan));
  border:2px solid var(--bg);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;margin-left:-8px;
  flex-shrink:0;
}
.hero-proof-avi span:first-child{margin-left:0;}
.hero-proof-text{font-size:13px;color:var(--gray);}
.hero-proof-text strong{color:var(--white);}
.hero-proof-stars{color:#F5C518;font-size:12px;letter-spacing:1px;}

/* Hero visual */
.hero-visual{
  position:relative;
  display:flex;align-items:center;justify-content:center;
}
.hero-card-wrap{
  position:relative;
  animation:float-hero 6s ease-in-out infinite;
}
@keyframes float-hero{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.hero-card-main{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--r3);
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(124,58,237,.1),
             0 40px 100px rgba(0,0,0,.6),
             0 0 60px rgba(124,58,237,.08);
  width:360px;
}
.hc-header{
  padding:14px 18px;
  background:var(--bg3);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.hc-dots{display:flex;gap:6px;}
.hc-dot{width:10px;height:10px;border-radius:50%;}
.hc-title{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray2);flex:1;}
.hc-live{
  display:flex;align-items:center;gap:5px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:#22C55E;
}
.hc-body{padding:18px;}
.hc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}
.hc-metric{
  background:var(--bg4);border:1px solid var(--border);
  border-radius:var(--r);padding:14px;
}
.hc-m-lbl{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--gray2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;}
.hc-m-val{
  font-size:24px;font-weight:800;
  background:linear-gradient(135deg,#fff,var(--purple2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hc-m-sub{font-size:10px;color:#22C55E;margin-top:3px;}
.hc-chart-lbl{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--gray2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.hc-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;}
.hc-pill{
  padding:3px 9px;border-radius:100px;
  font-family:'JetBrains Mono',monospace;font-size:9px;
}
.hp-p{background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);color:var(--purple2);}
.hp-c{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.2);color:var(--cyan);}
.hp-g{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:#22C55E;}
.hc-ai{
  display:flex;align-items:center;gap:7px;
  padding:8px 11px;margin-top:10px;
  background:rgba(124,58,237,.06);
  border:1px solid rgba(124,58,237,.12);
  border-radius:8px;
  font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--purple2);
}
.blink-dots span{
  display:inline-block;width:3px;height:3px;
  background:var(--purple2);border-radius:50%;margin:0 1px;
  animation:blink 1.2s infinite;
}
.blink-dots span:nth-child(2){animation-delay:.2s;}
.blink-dots span:nth-child(3){animation-delay:.4s;}

/* Floating chips around hero card */
.h-chip{
  position:absolute;
  display:flex;align-items:center;gap:7px;
  padding:8px 14px;
  background:rgba(15,15,15,.95);
  border:1px solid var(--border);
  border-radius:100px;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  font-size:12px;font-weight:500;
  white-space:nowrap;
  animation:chip-float 4s ease-in-out infinite;
}
.hch1{top:-28px;right:0;animation-delay:0s;}
.hch2{bottom:0;right:-24px;animation-delay:-1.5s;}
.hch3{bottom:-24px;left:20px;animation-delay:-.8s;}
@keyframes chip-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

/* Glow ring behind card */
.hero-glow-ring{
  position:absolute;inset:-40px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 65%);
  pointer-events:none;
}

/* ═══ MARQUEE ═══ */
.marquee-sec{
  position:relative;z-index:1;
  padding:36px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  overflow:hidden;
}
.marquee-label{
  text-align:center;margin-bottom:22px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;color:var(--gray2);letter-spacing:.18em;text-transform:uppercase;
}
.marquee-inner{
  display:flex;gap:0;
  animation:marq 30s linear infinite;
  width:max-content;
}
.marquee-inner:hover{animation-play-state:paused;}
.marq-item{
  display:flex;align-items:center;gap:10px;
  padding:0 38px;font-size:15px;font-weight:600;
  color:var(--gray2);white-space:nowrap;transition:color .25s;
}
.marq-item:hover{color:var(--gray);}
.marq-sep{color:var(--gray3);font-size:18px;}
@keyframes marq{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.marq-fade-l,.marq-fade-r{
  position:absolute;top:0;width:140px;height:100%;
  z-index:2;pointer-events:none;
}
.marq-fade-l{left:0;background:linear-gradient(to right,var(--bg),transparent);}
.marq-fade-r{right:0;background:linear-gradient(to left,var(--bg),transparent);}

/* ═══ SERVICE CARDS (C0demine style — icon card) ═══ */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:var(--r3);overflow:hidden;}
.svc-item{
  background:var(--bg2);
  padding:36px 28px;
  position:relative;overflow:hidden;
  transition:background .25s;cursor:default;
}
.svc-item:hover{background:var(--bg3);}
.svc-item::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(124,58,237,.4),transparent);
  opacity:0;transition:opacity .3s;
}
.svc-item:hover::before{opacity:1;}
.svc-num{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;color:var(--gray2);letter-spacing:.1em;
  margin-bottom:20px;
}
.svc-icon-wrap{
  width:52px;height:52px;border-radius:14px;
  background:rgba(124,58,237,.1);
  border:1px solid rgba(124,58,237,.2);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin-bottom:20px;
  transition:all .25s;
}
.svc-item:hover .svc-icon-wrap{
  background:rgba(124,58,237,.18);
  border-color:rgba(124,58,237,.4);
  box-shadow:0 0 20px rgba(124,58,237,.2);
}
.svc-item h3{font-size:17px;font-weight:700;margin-bottom:10px;}
.svc-item p{font-size:13px;color:var(--gray);line-height:1.65;margin-bottom:16px;}
.svc-tags{display:flex;gap:5px;flex-wrap:wrap;}
.svc-tag{
  padding:3px 8px;border-radius:4px;
  font-size:10px;font-family:'JetBrains Mono',monospace;color:var(--gray2);
  background:rgba(255,255,255,.03);border:1px solid var(--border);
}
.svc-link{
  display:flex;align-items:center;gap:5px;margin-top:16px;
  font-size:13px;font-weight:600;color:var(--purple2);
  opacity:0;transform:translateX(-8px);
  transition:opacity .25s,transform .25s;
}
.svc-item:hover .svc-link{opacity:1;transform:none;}

/* ═══ BENTO GRID (Feature showcase) ═══ */
.bento{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:auto;
  gap:12px;
}
.b-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r2);padding:28px 24px;
  position:relative;overflow:hidden;
  transition:border-color .25s,background .25s;
}
.b-card:hover{border-color:rgba(124,58,237,.25);background:var(--bg3);}
.b-card.b-wide{grid-column:span 2;}
.b-card.b-tall{grid-row:span 2;}
.b-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--purple2);letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:14px;
}
.b-tag::before{content:'✦';opacity:.6;}
.b-card h3{font-size:18px;font-weight:700;margin-bottom:10px;line-height:1.3;}
.b-card p{font-size:13.5px;color:var(--gray);line-height:1.65;}
.b-metric{
  margin-top:20px;
  font-size:38px;font-weight:900;letter-spacing:-2px;
  background:linear-gradient(135deg,#fff,var(--purple2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.b-metric-lbl{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray2);}
.b-bars{display:flex;align-items:flex-end;gap:4px;height:60px;margin-top:20px;}
.b-bar{
  flex:1;border-radius:3px 3px 0 0;
  background:linear-gradient(to top,rgba(124,58,237,.3),var(--purple2));
  animation:bar-grow 2s ease-out both;
}
@keyframes bar-grow{from{transform:scaleY(0);transform-origin:bottom;}to{transform:scaleY(1);transform-origin:bottom;}}
.b-glow{
  position:absolute;bottom:-30px;right:-30px;
  width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(124,58,237,.15),transparent 70%);
  pointer-events:none;
}
.b-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:16px;}
.b-list li{
  display:flex;align-items:center;gap:10px;
  font-size:13.5px;color:var(--gray);
}
.b-list li::before{
  content:'';width:16px;height:16px;border-radius:50%;flex-shrink:0;
  background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);
  display:flex;align-items:center;justify-content:center;
}
.b-check{color:var(--purple2);font-size:10px;margin-left:-22px;margin-right:6px;}
.b-progress{
  margin-top:14px;display:flex;flex-direction:column;gap:8px;
}
.bp-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--gray);}
.bp-bar{
  flex:1;height:4px;background:var(--bg4);border-radius:2px;overflow:hidden;
}
.bp-fill{
  height:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--purple),var(--purple2));
  animation:fill-anim 1.5s ease-out both;
  animation-delay:.3s;
}
@keyframes fill-anim{from{width:0};}

/* ═══ PROCESS TIMELINE ═══ */
.process-wrap{
  display:grid;grid-template-columns:repeat(7,1fr);
  gap:0;position:relative;
}
.proc-line{
  position:absolute;top:20px;left:7%;right:7%;height:1px;
  background:linear-gradient(90deg,transparent,var(--purple),var(--cyan),var(--purple),transparent);
  z-index:0;
}
.proc-step{
  position:relative;z-index:1;
  text-align:center;padding:0 6px;
}
.proc-dot{
  width:40px;height:40px;border-radius:50%;
  background:var(--bg2);border:2px solid var(--purple);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 14px;font-size:16px;
  box-shadow:0 0 14px rgba(124,58,237,.3);
  transition:all .3s;
}
.proc-step:hover .proc-dot{
  border-color:var(--cyan);
  box-shadow:0 0 20px rgba(6,182,212,.4);
}
.proc-step h4{font-size:12px;font-weight:700;margin-bottom:4px;}
.proc-step p{font-size:10.5px;color:var(--gray2);}

/* ═══ STATS ═══ */
.stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--border);
  border-radius:var(--r2);overflow:hidden;
}
.stat-box{
  background:var(--bg2);
  padding:32px 24px;text-align:center;
  transition:background .25s;
}
.stat-box:hover{background:var(--bg3);}
.stat-box-val{
  font-size:48px;font-weight:900;letter-spacing:-2px;line-height:1;
  background:linear-gradient(135deg,#fff,var(--purple2),var(--cyan));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:8px;
}
.stat-box-lbl{font-size:14px;color:var(--gray);font-weight:500;}
.stat-box-sub{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray2);margin-top:4px;}

/* ═══ CASE STUDY CARDS ═══ */
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.cs-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r2);overflow:hidden;
  transition:all .3s;cursor:pointer;
}
.cs-card:hover{
  border-color:rgba(124,58,237,.25);
  transform:translateY(-5px);
  box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 30px rgba(124,58,237,.06);
}
.cs-thumb{
  height:165px;position:relative;
  display:flex;align-items:center;justify-content:center;
  font-size:52px;border-bottom:1px solid var(--border);
}
.cst-1{background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(8,8,8,.9));}
.cst-2{background:linear-gradient(135deg,rgba(6,182,212,.14),rgba(8,8,8,.9));}
.cst-3{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(8,8,8,.9));}
.cs-ind{
  position:absolute;top:12px;left:12px;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;
  background:rgba(0,0,0,.75);padding:3px 9px;border-radius:100px;
  border:1px solid rgba(6,182,212,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.cs-res{
  position:absolute;top:12px;right:12px;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;color:#22C55E;
  background:rgba(0,0,0,.75);padding:3px 9px;border-radius:100px;
  border:1px solid rgba(34,197,94,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.cs-body{padding:22px 20px;}
.cs-svc-row{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px;}
.cs-svc{
  font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--gray2);
  padding:2px 8px;background:rgba(255,255,255,.04);
  border:1px solid var(--border);border-radius:4px;
}
.cs-body h3{font-size:15px;font-weight:700;margin-bottom:7px;line-height:1.4;}
.cs-body p{font-size:13px;color:var(--gray);line-height:1.6;}
.cs-foot{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:14px;padding-top:12px;border-top:1px solid var(--border);
}
.cs-mets{display:flex;gap:14px;}
.cs-met-v{
  font-size:17px;font-weight:800;
  background:linear-gradient(135deg,#fff,var(--purple2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.cs-met-l{font-size:10px;color:var(--gray2);font-family:'JetBrains Mono',monospace;}
.cs-arr{
  width:30px;height:30px;border-radius:8px;
  background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2);
  display:flex;align-items:center;justify-content:center;
  color:var(--purple2);font-size:14px;transition:all .2s;
}
.cs-card:hover .cs-arr{background:rgba(124,58,237,.18);transform:translate(2px,-2px);}

/* ═══ TESTIMONIALS ═══ */
.testi-outer{overflow:hidden;position:relative;}
.testi-track{
  display:flex;gap:14px;
  animation:testi-roll 34s linear infinite;
  width:max-content;
}
.testi-track:hover{animation-play-state:paused;}
@keyframes testi-roll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.t-card{
  min-width:320px;max-width:320px;
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r2);padding:24px;flex-shrink:0;
  transition:border-color .25s;
}
.t-card:hover{border-color:rgba(124,58,237,.2);}
.t-stars{color:#F5C518;font-size:12px;letter-spacing:2px;margin-bottom:12px;}
.t-text{font-size:14px;color:var(--gray);line-height:1.7;font-style:italic;margin-bottom:18px;}
.t-author{display:flex;align-items:center;gap:11px;}
.t-av{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--purple),var(--cyan));
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#fff;flex-shrink:0;
}
.t-name{font-size:14px;font-weight:700;margin-bottom:1px;}
.t-role{font-size:11px;color:var(--gray2);font-family:'JetBrains Mono',monospace;}
.t-fade-l,.t-fade-r{
  position:absolute;top:0;width:100px;height:100%;
  z-index:2;pointer-events:none;
}
.t-fade-l{left:0;background:linear-gradient(to right,var(--bg),transparent);}
.t-fade-r{right:0;background:linear-gradient(to left,var(--bg),transparent);}

/* ═══ FAQ ═══ */
.faq-wrap{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:8px;}
.faq-item{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r);overflow:hidden;transition:border-color .2s;
}
.faq-item.open,.faq-item:hover{border-color:rgba(124,58,237,.2);}
.faq-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px;text-align:left;
  font-size:15px;font-weight:600;color:var(--white);
  cursor:pointer;background:none;border:none;font-family:inherit;
  transition:color .2s;
}
.faq-btn:hover{color:var(--purple2);}
.faq-icon{
  width:26px;height:26px;border-radius:7px;flex-shrink:0;
  background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.15);
  display:flex;align-items:center;justify-content:center;
  color:var(--purple2);font-size:18px;font-weight:300;
  transition:transform .3s,background .2s;line-height:1;
}
.faq-item.open .faq-icon{transform:rotate(45deg);background:rgba(124,58,237,.18);}
.faq-ans{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;}
.faq-item.open .faq-ans{max-height:280px;}
.faq-ans p{padding:0 20px 18px;font-size:14px;color:var(--gray);line-height:1.7;}

/* ═══ GLOBAL CTA ═══ */
.gcta{
  position:relative;z-index:1;
  padding:80px 0;border-top:1px solid var(--border);
}
.gcta-box{
  position:relative;
  background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(6,182,212,.05));
  border:1px solid rgba(124,58,237,.2);
  border-radius:var(--r3);padding:64px 48px;
  text-align:center;overflow:hidden;
}
.gcta-box::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 80% at 50% -20%,rgba(124,58,237,.2),transparent 70%);
}
.gcta-box h2{
  font-size:clamp(28px,4vw,48px);font-weight:900;
  letter-spacing:-1.5px;margin-bottom:14px;position:relative;
}
.gcta-box p{font-size:17px;color:var(--gray);margin-bottom:32px;position:relative;}
.gcta-btns{
  display:flex;gap:14px;justify-content:center;
  flex-wrap:wrap;position:relative;
}
.btn-wa{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:10px;
  background:linear-gradient(135deg,#25D366,#128C7E);
  color:#fff;font-size:15px;font-weight:600;
  transition:all .25s;box-shadow:0 0 28px rgba(37,211,102,.2);
}
.btn-wa:hover{transform:translateY(-2px);box-shadow:0 6px 36px rgba(37,211,102,.38);}
.btn-email{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 26px;border-radius:10px;
  background:transparent;border:1px solid var(--border);
  color:var(--white);font-size:15px;font-weight:500;
  transition:all .25s;
}
.btn-email:hover{border-color:rgba(124,58,237,.4);background:rgba(124,58,237,.06);transform:translateY(-2px);}

/* ═══ INNER PAGE HERO (shared) ═══ */
.iph{
  padding:140px 0 72px;text-align:center;
  position:relative;z-index:1;
}
.iph::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(124,58,237,.1),transparent 65%);
}
.iph h1{
  font-size:clamp(36px,5vw,62px);font-weight:900;
  letter-spacing:-2px;line-height:1.1;margin-bottom:18px;
  position:relative;
}
.iph p{
  font-size:17px;color:var(--gray);max-width:560px;
  margin:0 auto;line-height:1.7;position:relative;
}
.iph-btns{
  display:flex;gap:14px;justify-content:center;
  margin-top:30px;flex-wrap:wrap;position:relative;
}

/* ═══ SOLUTIONS ALTERNATING ═══ */
.sol-item{
  display:grid;grid-template-columns:1fr 1fr;
  gap:72px;align-items:center;
  padding:72px 0;border-bottom:1px solid var(--border);
}
.sol-item:last-child{border-bottom:none;}
.sol-item.rev{direction:rtl;}
.sol-item.rev>*{direction:ltr;}
.sol-vis{
  border-radius:var(--r2);overflow:hidden;
  background:var(--bg2);border:1px solid var(--border);
  aspect-ratio:4/3;
  display:flex;align-items:center;justify-content:center;
  position:relative;transition:all .35s;
}
.sol-vis:hover{border-color:rgba(124,58,237,.28);transform:scale(1.02);box-shadow:0 24px 64px rgba(0,0,0,.5);}
.sol-vis-em{font-size:72px;z-index:1;position:relative;}
.sol-vis-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 40% 40%,rgba(124,58,237,.12),transparent 60%);
}
.sol-badge{
  position:absolute;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--purple2);
  background:rgba(8,8,8,.85);padding:4px 10px;border-radius:100px;
  border:1px solid rgba(124,58,237,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;
}
.sb-tl{top:14px;left:14px;}
.sb-tr{top:14px;right:14px;}
.sb-bl{bottom:14px;left:14px;}
.sb-br{bottom:14px;right:14px;}
.sol-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray2);margin-bottom:10px;}
.sol-content h2{
  font-size:clamp(24px,3vw,36px);font-weight:800;
  letter-spacing:-.8px;line-height:1.2;margin-bottom:14px;
}
.sol-content p{font-size:14.5px;color:var(--gray);line-height:1.75;margin-bottom:20px;}
.sol-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px;}
.sol-tag{
  padding:5px 12px;border-radius:100px;
  font-size:11px;font-family:'JetBrains Mono',monospace;color:var(--purple2);
  background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);
}
.sol-feats{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.sol-feat{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--gray);}
.sol-feat-ck{
  width:20px;height:20px;border-radius:6px;flex-shrink:0;
  background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);
  display:flex;align-items:center;justify-content:center;font-size:10px;margin-top:2px;color:var(--purple2);
}
.sol-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 22px;border-radius:9px;
  background:transparent;border:1px solid rgba(124,58,237,.3);
  color:var(--purple2);font-size:14px;font-weight:500;
  cursor:pointer;transition:all .25s;font-family:inherit;
}
.sol-btn:hover{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.5);transform:translateX(4px);}

/* ═══ ABOUT PAGE ═══ */
.tl-wrap{position:relative;padding-left:28px;max-width:640px;}
.tl-wrap::before{
  content:'';position:absolute;left:0;top:4px;bottom:4px;width:1px;
  background:linear-gradient(to bottom,transparent,var(--purple),var(--cyan),transparent);
}
.tl-item{position:relative;padding-bottom:36px;}
.tl-item::before{
  content:'';position:absolute;left:-32px;top:5px;
  width:8px;height:8px;border-radius:50%;
  background:var(--purple);border:2px solid var(--bg);
  box-shadow:0 0 10px rgba(124,58,237,.5);
}
.tl-yr{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--purple2);letter-spacing:.1em;margin-bottom:7px;}
.tl-item h3{font-size:17px;font-weight:700;margin-bottom:7px;}
.tl-item p{font-size:13.5px;color:var(--gray);line-height:1.65;}

/* ═══ WHY GRID ═══ */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.why-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r2);padding:26px;
  position:relative;overflow:hidden;transition:all .28s;
}
.why-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--purple),var(--cyan));
  opacity:0;transition:opacity .3s;
}
.why-card:hover::after{opacity:1;}
.why-card:hover{border-color:rgba(124,58,237,.2);transform:translateY(-3px);}
.why-n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray2);margin-bottom:12px;}
.why-card h3{font-size:17px;font-weight:700;margin-bottom:9px;}
.why-card p{font-size:13.5px;color:var(--gray);line-height:1.65;}

/* ═══ CAREER PAGE ═══ */
.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:64px;}
.ben-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r2);padding:24px;transition:all .28s;
}
.ben-card:hover{border-color:rgba(124,58,237,.2);transform:translateY(-3px);}
.ben-icon{font-size:26px;margin-bottom:12px;}
.ben-card h3{font-size:16px;font-weight:700;margin-bottom:8px;}
.ben-card p{font-size:13px;color:var(--gray);line-height:1.6;}

/* Job card */
.job-card{
  background:var(--bg2);border:1px solid rgba(124,58,237,.15);
  border-radius:var(--r3);overflow:hidden;transition:all .3s;
}
.job-card:hover{border-color:rgba(124,58,237,.3);box-shadow:0 0 50px rgba(124,58,237,.07);}
.jb-hd{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 28px;
  background:linear-gradient(90deg,rgba(124,58,237,.07),rgba(6,182,212,.03));
  border-bottom:1px solid rgba(124,58,237,.1);
  flex-wrap:wrap;gap:10px;
}
.jb-badge{
  padding:5px 13px;border-radius:100px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
}
.jb-dept{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.25);color:var(--purple2);}
.jb-live{
  display:flex;align-items:center;gap:5px;
  background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);color:#22C55E;
}
.jb-type{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--gray);}
.jb-title-row{display:flex;align-items:flex-start;gap:18px;padding:28px 28px 0;}
.jb-icon{
  width:58px;height:58px;border-radius:14px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(6,182,212,.1));
  border:1px solid rgba(124,58,237,.2);
  display:flex;align-items:center;justify-content:center;font-size:24px;
}
.jb-title{
  font-size:clamp(20px,2.5vw,28px);font-weight:800;letter-spacing:-.5px;
  background:linear-gradient(135deg,#fff,var(--purple2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:5px;
}
.jb-sub{font-size:13px;color:var(--gray);font-family:'JetBrains Mono',monospace;}
.jb-sec{padding:22px 28px 0;}
.jb-sec-lbl{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--purple2);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;
}
.jb-desc{font-size:14px;color:var(--gray);line-height:1.75;}
.jb-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 28px;}
.jb-info{
  background:rgba(255,255,255,.025);border:1px solid var(--border);
  border-radius:var(--r);padding:18px;
}
.jb-info-icon{font-size:20px;margin-bottom:9px;}
.jb-info-lbl{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--gray2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px;}
.jb-info ul{list-style:none;display:flex;flex-direction:column;gap:6px;}
.jb-info li{font-size:13px;color:var(--gray);display:flex;align-items:flex-start;gap:7px;}
.jb-info li::before{content:'';width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--purple2);margin-top:6px;}
.jb-tags{display:flex;flex-wrap:wrap;gap:7px;padding:0 28px 22px;}
.jb-tag{
  padding:5px 12px;background:rgba(124,58,237,.08);
  border:1px solid rgba(124,58,237,.2);border-radius:100px;
  font-size:12px;color:var(--purple2);font-family:'JetBrains Mono',monospace;
  transition:all .2s;
}
.jb-tag:hover{background:rgba(124,58,237,.16);border-color:rgba(124,58,237,.4);}
.jb-foot{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 28px 28px;
  border-top:1px solid var(--border);
  background:linear-gradient(135deg,rgba(124,58,237,.04),transparent);
  flex-wrap:wrap;gap:14px;
}
.jb-comp{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
.jb-ci{display:flex;align-items:center;gap:11px;padding:0 18px;}
.jb-ci:first-child{padding-left:0;}
.jb-ci-sep{width:1px;height:38px;background:var(--border);}
.jb-ci-icon{font-size:20px;}
.jb-ci-lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray2);margin-bottom:2px;}
.jb-ci-val{font-size:14px;font-weight:700;color:var(--white);}
.jb-apply-col{display:flex;flex-direction:column;gap:9px;align-items:flex-end;}
.jb-apply-dis{
  padding:9px 20px;border-radius:9px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);
  color:var(--gray2);font-size:13px;font-weight:600;
  cursor:not-allowed;opacity:.4;text-decoration:line-through;
}
.jb-resume{
  display:flex;align-items:center;gap:9px;
  padding:11px 18px;
  background:linear-gradient(135deg,rgba(255,200,0,.12),rgba(255,160,0,.07));
  border:1.5px solid rgba(255,200,0,.45);border-radius:10px;
  text-decoration:none;transition:all .25s;
}
.jb-resume:hover{
  background:linear-gradient(135deg,rgba(255,200,0,.22),rgba(255,160,0,.14));
  border-color:rgba(255,200,0,.85);transform:translateY(-2px);
}
.jb-res-icon{font-size:18px;flex-shrink:0;}
.jb-res-txt{font-size:12.5px;font-weight:700;color:#FFD700;line-height:1.35;font-family:'Inter',sans-serif;}

/* Internship card */
.intern-card{
  background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(6,182,212,.04));
  border:1px solid rgba(124,58,237,.2);border-radius:var(--r3);
  padding:48px;text-align:center;margin-top:20px;
}
.intern-card h2{font-size:28px;font-weight:800;margin-bottom:11px;}
.intern-card p{font-size:15px;color:var(--gray);margin-bottom:7px;}
.intern-card .isub{font-size:14px;color:var(--gray2);margin-bottom:28px;}
.intern-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ═══ CONTACT PAGE ═══ */
.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:start;}
.ci h2{font-size:clamp(28px,3.5vw,42px);font-weight:900;letter-spacing:-1px;line-height:1.15;margin-bottom:14px;}
.ci>p{font-size:15px;color:var(--gray);line-height:1.7;margin-bottom:26px;}
.c-links{display:flex;flex-direction:column;gap:9px;}
.c-link{
  display:flex;align-items:center;gap:14px;
  padding:15px 18px;background:var(--bg2);
  border:1px solid var(--border);border-radius:var(--r);
  transition:all .22s;
}
.c-link:hover{border-color:rgba(124,58,237,.25);background:rgba(124,58,237,.04);transform:translateX(4px);}
.c-l-icon{
  width:36px;height:36px;border-radius:9px;
  background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.14);
  display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;
}
.c-l-lbl{font-size:10px;color:var(--gray2);font-family:'JetBrains Mono',monospace;margin-bottom:2px;}
.c-l-val{font-size:14px;font-weight:500;}
.cf{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:34px;}
.cf h3{font-size:20px;font-weight:700;margin-bottom:22px;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.fg{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.fg label{font-size:10px;font-family:'JetBrains Mono',monospace;color:var(--gray);letter-spacing:.05em;text-transform:uppercase;}
.fg input,.fg select,.fg textarea{
  width:100%;background:rgba(255,255,255,.03);
  border:1px solid var(--border);border-radius:9px;
  color:var(--white);font-size:14px;padding:12px 14px;
  font-family:'Inter',sans-serif;outline:none;resize:none;
  transition:all .2s;-webkit-appearance:none;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{
  border-color:rgba(124,58,237,.45);
  background:rgba(124,58,237,.04);
  box-shadow:0 0 0 3px rgba(124,58,237,.08);
}
.fg input:focus-visible,.fg select:focus-visible,.fg textarea:focus-visible{
  outline:2px solid var(--purple2);
  outline-offset:2px;
}
.fg select option{background:var(--bg2);}
.btn-sub{
  width:100%;padding:14px;background:var(--purple);border:none;
  border-radius:10px;color:#fff;font-size:15px;font-weight:600;
  cursor:pointer;transition:all .25s;font-family:inherit;
  box-shadow:0 0 28px rgba(124,58,237,.3);
}
.btn-sub:hover{background:#6D28D9;transform:translateY(-2px);box-shadow:0 6px 40px rgba(124,58,237,.5);}

/* ═══ LABS PAGE ═══ */
.labs-bar{
  display:flex;align-items:center;gap:12px;
  padding:14px 20px;border-radius:var(--r);
  background:rgba(6,182,212,.05);border:1px solid rgba(6,182,212,.15);
  margin-bottom:40px;
}
.labs-bar span{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--cyan);letter-spacing:.1em;}
.labs-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r2);padding:24px 26px;
  display:flex;gap:18px;transition:all .3s;flex-wrap:wrap;margin-bottom:14px;
}
.labs-card:hover{border-color:rgba(124,58,237,.2);transform:translateY(-2px);}
.labs-st{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.12em;padding:5px 12px;border-radius:100px;
  white-space:nowrap;height:fit-content;flex-shrink:0;
}
.ls-act{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.28);color:#22C55E;}
.ls-soon{background:rgba(255,181,71,.07);border:1px solid rgba(255,181,71,.25);color:#FFB547;}
.labs-body{flex:1;min-width:200px;}
.labs-t{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;}
.labs-body h3{font-size:17px;font-weight:700;margin-bottom:8px;}
.labs-body p{font-size:13.5px;color:var(--gray);line-height:1.65;margin-bottom:12px;}
.labs-prog-wrap{margin-top:10px;}
.labs-prog-hd{display:flex;justify-content:space-between;margin-bottom:5px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray2);}
.labs-prog-hd span:last-child{color:var(--cyan);}
.labs-prog-bar{height:4px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden;}
.labs-prog-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:2px;}
.labs-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;}
.labs-meta span{font-size:11px;color:var(--gray2);font-family:'JetBrains Mono',monospace;}
.labs-coming{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r2);padding:22px;transition:all .28s;
}
.labs-coming:hover{border-color:rgba(124,58,237,.2);transform:translateY(-2px);}
.labs-coming h3{font-size:16px;font-weight:700;margin-bottom:8px;}
.labs-coming p{font-size:13px;color:var(--gray);line-height:1.6;}

/* ═══ PORTFOLIO / CASE STUDIES ═══ */
.port-stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:12px;margin-bottom:44px;
}
.ps-box{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--r2);padding:20px;text-align:center;transition:all .28s;
}
.ps-box:hover{border-color:rgba(124,58,237,.2);transform:translateY(-2px);}
.ps-val{
  font-size:32px;font-weight:900;letter-spacing:-1.5px;
  background:linear-gradient(135deg,#fff,var(--purple2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:6px;
}
.ps-lbl{font-size:12px;color:var(--gray);font-family:'JetBrains Mono',monospace;}

/* Featured case study */
.cs-feat{
  background:var(--bg2);border:1px solid rgba(124,58,237,.15);
  border-radius:var(--r3);overflow:hidden;margin-bottom:32px;transition:all .3s;
}
.cs-feat:hover{border-color:rgba(124,58,237,.28);box-shadow:0 0 50px rgba(124,58,237,.07);}
.cs-feat-top{
  display:grid;grid-template-columns:1fr auto;
  gap:32px;padding:36px;border-bottom:1px solid var(--border);align-items:center;
}
.cs-feat-ey{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;}
.cs-feat-top h3{font-size:clamp(20px,2.5vw,28px);font-weight:800;letter-spacing:-.8px;margin-bottom:11px;}
.cs-feat-top p{font-size:14px;color:var(--gray);max-width:430px;line-height:1.65;margin-bottom:16px;}
.cs-bads{display:flex;gap:8px;flex-wrap:wrap;}
.csb{padding:4px 12px;border-radius:100px;font-size:11px;font-family:'JetBrains Mono',monospace;}
.csb-p{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28);color:var(--purple2);}
.csb-c{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.28);color:var(--cyan);}
.csb-g{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.28);color:#22C55E;}
.cs-feat-mets{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:200px;}
.cs-feat-met{
  padding:14px;text-align:center;
  background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.1);border-radius:var(--r);
}
.cfm-v{
  font-size:22px;font-weight:900;
  background:linear-gradient(135deg,#fff,var(--purple2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;line-height:1;margin-bottom:4px;
}
.cfm-l{font-size:9.5px;color:var(--gray2);font-family:'JetBrains Mono',monospace;text-transform:uppercase;}
.cs-flow{
  display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;
  padding:28px 36px;gap:0;align-items:center;
}
.cf-s{padding:16px 18px;background:rgba(255,255,255,.015);border:1px solid var(--border);border-radius:var(--r);}
.cf-s-n{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--cyan);margin-bottom:7px;}
.cf-s h4{font-size:14px;font-weight:700;margin-bottom:6px;}
.cf-s p{font-size:12.5px;color:var(--gray);line-height:1.55;}
.cf-arr{text-align:center;color:var(--gray2);font-size:16px;}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:48px;}
  .hero-visual{display:none;}
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .bento{grid-template-columns:1fr 1fr;}
  .b-card.b-wide{grid-column:span 2;}
  .b-card.b-tall{grid-row:auto;}
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .cs-grid{grid-template-columns:repeat(2,1fr);}
  .sol-item{grid-template-columns:1fr;gap:32px;}
  .sol-item.rev{direction:ltr;}
  .contact-grid{grid-template-columns:1fr;gap:40px;}
  .cs-feat-top{grid-template-columns:1fr;}
  .cs-flow{grid-template-columns:1fr;gap:10px;padding:20px 24px;}
  .cf-arr{display:none;}
  .port-stats-row{grid-template-columns:repeat(2,1fr);}
  .process-wrap{grid-template-columns:repeat(4,1fr);gap:16px;}
  .proc-line{display:none;}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .ben-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  /* navbar rules moved to css/header.css */
  .svc-grid{grid-template-columns:1fr;}
  .bento{grid-template-columns:1fr;}
  .b-card.b-wide{grid-column:auto;}
  .cs-grid{grid-template-columns:1fr;}
  .hero-sub{max-width:100%;}
  .hero h1{letter-spacing:-1.5px;}
  .process-wrap{grid-template-columns:repeat(2,1fr);}
  .jb-info-grid{grid-template-columns:1fr;}
  .jb-foot{flex-direction:column;align-items:flex-start;}
  .jb-apply-col{align-items:flex-start;width:100%;}
  .jb-resume{width:100%;justify-content:center;}
  .f-row{grid-template-columns:1fr;}
  .gcta-box{padding:40px 24px;}
  .section{padding:72px 0;}
  .why-grid{grid-template-columns:1fr;}
  .ben-grid{grid-template-columns:1fr;}
  .sol-item{padding:48px 0;}
}
@media(max-width:500px){
  .stats-row{grid-template-columns:1fr 1fr;}
  .gcta-btns{flex-direction:column;}
  .port-stats-row{grid-template-columns:1fr 1fr;}
  .cs-feat-mets{grid-template-columns:repeat(2,1fr);}
  .hero-proof{flex-direction:column;align-items:flex-start;}
}
@media(hover:none){#cur,#cur-r{display:none;}}


/* ═══ EXTRACTED PAGE STYLES ═══ */

/* ═══ About Page — Rounded Box Hero ═══ */

/* Outer wrapper — adds side margin + top margin (below navbar) */
.about-fs-hero-outer{
  padding: 88px 20px 0;   /* 88px = navbar height + small gap, 20px sides */
  position:relative;z-index:1;
}

/* The rounded box itself */
.about-fs-hero{
  position:relative;
  width:100%;
  /* Almost full viewport height — touch bottom */
  height: calc(100vh - 100px);
  min-height: 520px;
  display:flex;align-items:center;
  overflow:hidden;
  border-radius: 20px;    /* Rounded corners */
  /* 3D premium box shadow */
  box-shadow:
    0 0 0 1px rgba(124,58,237,.25),
    0 24px 80px rgba(0,0,0,.65),
    0 0 60px rgba(124,58,237,.1),
    inset 0 1px 0 rgba(255,255,255,.05);
}

/* Fullscreen background image — fills the box */
.about-fs-hero-bg{
  position:absolute;inset:0;
  background-image:url('/assets/images/about-hero.jpg');
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  z-index:0;
  border-radius:20px;
}

/* Gradient overlay — dark left, fade right */
.about-fs-hero-bg::after{
  content:'';
  position:absolute;inset:0;
  border-radius:20px;
  background:
    linear-gradient(
      to right,
      rgba(5,4,16,0.88) 0%,
      rgba(5,4,16,0.72) 32%,
      rgba(5,4,16,0.30) 58%,
      rgba(5,4,16,0.05) 100%
    );
}

/* Top inside-box fade — subtle */
.about-fs-hero-bg::before{
  content:'';
  position:absolute;top:0;left:0;right:0;
  height:100px;
  background:linear-gradient(to bottom,rgba(8,8,16,.45),transparent);
  z-index:1;border-radius:20px 20px 0 0;
}

/* Bottom fade inside box */
.about-fs-hero-bottom-fade{
  position:absolute;bottom:0;left:0;right:0;
  height:80px;
  background:linear-gradient(to top,rgba(5,4,16,.7),transparent);
  z-index:1;pointer-events:none;
  border-radius:0 0 20px 20px;
}

/* Content — left side */
.about-fs-hero-content{
  position:relative;z-index:2;
  max-width:540px;
  padding:0 0 0 8px;
}

/* Kicker */
.about-fs-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--purple2);margin-bottom:22px;
  padding:6px 14px;
  background:rgba(124,58,237,.1);
  box-shadow:0 0 0 1px rgba(124,58,237,.25),
             inset 0 1px 0 rgba(255,255,255,.05);
  border-radius:100px;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.about-fs-kicker-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--purple2);animation:blink 2s infinite;
}

/* Heading */
.about-fs-hero-content h1{
  font-size:clamp(36px,5vw,64px);
  font-weight:900;line-height:1.05;
  letter-spacing:-2.5px;
  margin-bottom:20px;
  text-shadow:0 2px 40px rgba(0,0,0,.6);
}

/* Description */
.about-fs-desc{
  font-size:16.5px;color:rgba(200,198,214,.92);
  line-height:1.75;margin-bottom:34px;
  max-width:430px;
  text-shadow:0 1px 20px rgba(0,0,0,.5);
}

/* Buttons */
.about-fs-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}

/* Stats */
.about-fs-stats{
  display:flex;gap:28px;flex-wrap:wrap;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.1);
}
.afs-stat-val{
  font-size:26px;font-weight:800;letter-spacing:-1px;
  background:linear-gradient(135deg,#fff,var(--purple2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:3px;
}
.afs-stat-lbl{
  font-size:11px;color:rgba(161,161,170,.8);
  font-family:'JetBrains Mono',monospace;
}

/* Floating badges */
.about-fs-badge{
  position:absolute;
  display:flex;align-items:center;gap:8px;
  padding:8px 14px;
  background:rgba(6,5,18,.88);
  border-radius:100px;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3;
  box-shadow:0 4px 20px rgba(0,0,0,.45),
             0 0 0 1px rgba(124,58,237,.22),
             inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .3s ease;
}
.about-fs-badge:hover{transform:translateY(-3px);}
.afb-1{bottom:40px;right:6%;color:#22c55e;}
.afb-2{bottom:96px;right:24%;color:var(--purple2);}
.afb-3{top:36px;right:8%;color:var(--cyan);}
.afb-dot{width:7px;height:7px;border-radius:50%;
  background:#22c55e;animation:blink 2s infinite;flex-shrink:0;}

/* Scroll hint */
.about-fs-scroll{
  position:absolute;bottom:20px;left:50%;
  transform:translateX(-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:5px;
  font-family:'JetBrains Mono',monospace;font-size:9px;
  color:rgba(255,255,255,.3);
  animation:scroll-hint 2s ease-in-out infinite;
}
@keyframes scroll-hint{
  0%,100%{transform:translateX(-50%) translateY(0);opacity:.5;}
  50%{transform:translateX(-50%) translateY(6px);opacity:1;}
}
.about-fs-scroll-line{
  width:1px;height:28px;
  background:linear-gradient(to bottom,rgba(124,58,237,.7),transparent);
  border-radius:1px;
}

@media(max-width:768px){
  .about-fs-hero-outer{padding:82px 12px 0;}
  .about-fs-hero{height:calc(100vh - 94px);border-radius:14px;}
  .about-fs-hero-bg{
    background-position:70% center;border-radius:14px;
  }
  .about-fs-hero-bg::after{
    background:linear-gradient(to right,rgba(5,4,16,.92) 0%,rgba(5,4,16,.80) 60%,rgba(5,4,16,.45) 100%);
    border-radius:14px;
  }
  .about-fs-hero-content{max-width:100%;padding:0;}
  .about-fs-desc{max-width:100%;}
  .about-fs-badge{display:none;}
  .about-fs-scroll{display:none;}
}
@media(max-width:480px){
  .about-fs-hero-content h1{letter-spacing:-1.5px;}
  .about-fs-btns{flex-direction:column;}
  .about-fs-stats{gap:20px;}
}



      /* ── Premium 3D Value Cards ── */
      .val-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:20px;
        margin-bottom:64px;
      }
      .val-card{
        position:relative;
        background:linear-gradient(160deg,rgba(26,22,46,0.95) 0%,rgba(16,14,30,0.98) 100%);
        border-radius:18px;
        padding:44px 32px 38px;
        text-align:center;
        overflow:hidden;
        cursor:default;
        /* 3D layered shadow */
        box-shadow:
          0 0 0 1px rgba(255,255,255,0.055),
          0 8px 32px rgba(0,0,0,0.6),
          0 2px 8px rgba(0,0,0,0.45),
          inset 0 1px 0 rgba(255,255,255,0.07),
          inset 0 -1px 0 rgba(0,0,0,0.3);
        transition:all .38s cubic-bezier(0.34,1.56,0.64,1);
      }
      /* 3D lift on hover */
      .val-card:hover{
        transform:translateY(-10px) scale(1.02);
        box-shadow:
          0 0 0 1px rgba(124,58,237,0.35),
          0 24px 64px rgba(0,0,0,0.7),
          0 0 48px rgba(124,58,237,0.15),
          inset 0 1px 0 rgba(255,255,255,0.1),
          inset 0 -1px 0 rgba(0,0,0,0.25);
      }
      /* Top glow line on hover */
      .val-card::before{
        content:'';
        position:absolute;top:0;left:0;right:0;
        height:2px;border-radius:18px 18px 0 0;
        background:linear-gradient(90deg,transparent,rgba(124,58,237,0.8),rgba(168,85,247,0.6),transparent);
        opacity:0;
        transition:opacity .35s ease;
      }
      .val-card:hover::before{opacity:1;}
      /* Ambient glow blob inside card */
      .val-card::after{
        content:'';
        position:absolute;
        top:50%;left:50%;
        transform:translate(-50%,-50%);
        width:160px;height:160px;
        background:radial-gradient(circle,rgba(124,58,237,0.12),transparent 70%);
        opacity:0;
        transition:opacity .35s ease;
        pointer-events:none;border-radius:50%;
      }
      .val-card:hover::after{opacity:1;}

      /* Icon wrapper */
      .val-icon-wrap{
        position:relative;
        width:72px;height:72px;
        margin:0 auto 24px;
        display:flex;align-items:center;justify-content:center;
      }
      /* Icon bg circle — 3D depth */
      .val-icon-bg{
        position:absolute;inset:0;border-radius:50%;
        background:linear-gradient(145deg,rgba(124,58,237,0.25),rgba(88,28,235,0.1));
        box-shadow:
          0 0 0 1px rgba(124,58,237,0.3),
          0 4px 16px rgba(124,58,237,0.2),
          inset 0 1px 0 rgba(255,255,255,0.1),
          inset 0 -2px 4px rgba(0,0,0,0.3);
        transition:all .35s ease;
      }
      .val-card:hover .val-icon-bg{
        background:linear-gradient(145deg,rgba(124,58,237,0.45),rgba(88,28,235,0.25));
        box-shadow:
          0 0 0 1px rgba(168,85,247,0.5),
          0 0 32px rgba(124,58,237,0.4),
          0 8px 24px rgba(124,58,237,0.3),
          inset 0 1px 0 rgba(255,255,255,0.15),
          inset 0 -2px 4px rgba(0,0,0,0.2);
        transform:scale(1.08);
      }
      /* Outer ring */
      .val-icon-ring{
        position:absolute;inset:-5px;border-radius:50%;
        border:1px solid rgba(124,58,237,0.15);
        transition:all .35s ease;
      }
      .val-card:hover .val-icon-ring{
        border-color:rgba(124,58,237,0.4);
        box-shadow:0 0 20px rgba(124,58,237,0.2);
        transform:scale(1.1);
      }
      .val-icon{
        position:relative;z-index:1;
        font-size:28px;
        filter:drop-shadow(0 0 8px rgba(124,58,237,0.5));
        transition:all .35s ease;
      }
      .val-card:hover .val-icon{
        filter:drop-shadow(0 0 16px rgba(168,85,247,0.8));
        transform:scale(1.1);
      }
      /* Small corner accent dot */
      .val-corner-dot{
        position:absolute;bottom:12px;right:14px;
        width:5px;height:5px;border-radius:50%;
        background:rgba(124,58,237,0.4);
        box-shadow:0 0 8px rgba(124,58,237,0.4);
        transition:all .35s;
      }
      .val-card:hover .val-corner-dot{
        background:rgba(168,85,247,0.9);
        box-shadow:0 0 14px rgba(168,85,247,0.7);
        transform:scale(1.4);
      }

      .val-card h3{
        font-size:18px;font-weight:700;
        margin-bottom:12px;letter-spacing:-.3px;
        color:#fff;transition:color .25s;
        position:relative;z-index:1;
      }
      .val-card:hover h3{color:var(--purple2);}
      .val-card p{
        font-size:13.5px;color:var(--gray);
        line-height:1.7;max-width:260px;
        margin:0 auto;position:relative;z-index:1;
        transition:color .25s;
      }
      .val-card:hover p{color:rgba(190,188,210,0.95);}

      @media(max-width:900px){.val-grid{grid-template-columns:repeat(2,1fr);}}
      @media(max-width:560px){.val-grid{grid-template-columns:1fr;}}
      


/* ═══ Solutions v3 ═══ */
.sol-section{padding:80px 0;position:relative;z-index:1;}

/* Alternating rows */
.sol-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:stretch;        /* STRETCH — image box = content box height */
  padding:72px 0;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.sol-row:last-child{border-bottom:none;}
.sol-row.rev{direction:rtl;}
.sol-row.rev>*{direction:ltr;}

/* Image box */
.sol-img{
  border-radius:20px;
  overflow:hidden;
  position:relative;
  width:100%;
  height:100%;
  box-shadow:
    0 0 0 1px rgba(124,58,237,0.2),
    0 20px 60px rgba(0,0,0,0.6),
    0 4px 16px rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.06);
  transition:all .4s cubic-bezier(0.34,1.56,0.64,1);
  cursor:default;
}
/* SVG/IMG inside fills the box completely */
.sol-img svg,
.sol-img img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.sol-img:hover{
  box-shadow:
    0 0 0 1px rgba(124,58,237,0.45),
    0 30px 80px rgba(0,0,0,0.7),
    0 0 80px rgba(124,58,237,0.15),
    inset 0 1px 0 rgba(255,255,255,0.08);
  transform:scale(1.03) translateY(-6px);
}
/* sol-img svg handled above */
.sol-img-badge{
  position:absolute;
  display:flex;align-items:center;gap:7px;
  padding:7px 13px;
  background:rgba(8,8,16,0.92);
  border-radius:100px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--purple2);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;
  box-shadow:0 4px 16px rgba(0,0,0,0.4),
             0 0 0 1px rgba(124,58,237,0.25),
             inset 0 1px 0 rgba(255,255,255,0.07);
  transition:all .25s;
}
.sol-img:hover .sol-img-badge{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.5),0 0 0 1px rgba(124,58,237,0.45);}
.sib-tl{top:16px;left:16px;}
.sib-tr{top:16px;right:16px;}
.sib-bl{bottom:16px;left:16px;}
.sib-br{bottom:16px;right:16px;}
.sib-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:blink 2s infinite;flex-shrink:0;}

/* Content box — hover effect */
.sol-content-box{
  padding:36px;
  border-radius:18px;
  background:linear-gradient(160deg,rgba(18,16,30,0.7),rgba(12,10,22,0.8));
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.05),
    0 8px 32px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.05);
  transition:all .35s ease;
  display:flex;
  flex-direction:column;
  text-align:left;
  align-items:flex-start;
}
.sol-content-box .sol-btn{
  margin-top:24px;
  align-self:flex-start;
  flex-shrink:0;
}
.sol-content-box:hover{
  box-shadow:
    0 0 0 1px rgba(124,58,237,0.25),
    0 16px 48px rgba(0,0,0,0.45),
    0 0 40px rgba(124,58,237,0.06),
    inset 0 1px 0 rgba(255,255,255,0.07);
  background:linear-gradient(160deg,rgba(24,20,42,0.8),rgba(16,12,30,0.9));
  transform:translateY(-3px);
}
.sol-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray2);margin-bottom:10px;letter-spacing:.05em;}
.sol-h{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:14px;}
.sol-p{font-size:14.5px;color:var(--gray);line-height:1.75;margin-bottom:20px;}
.sol-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px;}
.sol-tag{
  padding:5px 13px;border-radius:100px;
  font-size:11px;font-family:'JetBrains Mono',monospace;
  color:var(--purple2);
  background:rgba(124,58,237,.08);
  box-shadow:0 0 0 1px rgba(124,58,237,0.2),inset 0 1px 0 rgba(255,255,255,0.04);
  transition:all .2s;
}
.sol-tag:hover{background:rgba(124,58,237,.15);box-shadow:0 0 0 1px rgba(124,58,237,0.4);}
.sol-feats{display:flex;flex-direction:column;gap:9px;margin-bottom:26px;}
.sol-feat{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--gray);transition:color .2s;}
.sol-feat:hover{color:var(--white);}
.sol-ck{
  width:20px;height:20px;border-radius:6px;flex-shrink:0;
  background:rgba(124,58,237,.1);
  box-shadow:0 0 0 1px rgba(124,58,237,.25),inset 0 1px 0 rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;
  font-size:10px;margin-top:2px;color:var(--purple2);
  transition:all .2s;
}
.sol-feat:hover .sol-ck{background:rgba(124,58,237,.2);box-shadow:0 0 0 1px rgba(124,58,237,.45),0 0 12px rgba(124,58,237,.2);}
/* CTA Button */
.sol-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:10px;
  background:linear-gradient(135deg,#5B21B6,#4C1D95);
  color:#fff;font-size:14px;font-weight:700;
  cursor:pointer;transition:all .25s;
  font-family:'Inter',sans-serif;border:none;
  box-shadow:0 0 0 1px rgba(139,92,246,.35),0 4px 18px rgba(88,28,135,.45),inset 0 1px 0 rgba(255,255,255,.12);
}
.sol-btn:hover{
  background:linear-gradient(135deg,#6D28D9,#5B21B6);
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(139,92,246,.5),0 8px 28px rgba(88,28,135,.6),inset 0 1px 0 rgba(255,255,255,.15);
}

@media(max-width:900px){
  .sol-row{
    grid-template-columns:1fr;
    gap:0;
    padding:40px 0;
    border-bottom:1px solid rgba(255,255,255,0.05);
  }
  .sol-row.rev{direction:ltr;}

  /* Image: top of card — round only top corners */
  .sol-row .sol-img{
    height:240px !important;
    border-radius:18px 18px 0 0 !important;
    box-shadow:none !important;
  }
  .sol-row .sol-img img{
    border-radius:18px 18px 0 0 !important;
  }

  /* Content: bottom of card — round only bottom corners, flush against image */
  .sol-row .sol-content-box{
    flex:none;
    border-radius:0 0 18px 18px !important;
    border-top:none !important;
    box-shadow:
      0 0 0 1px rgba(124,58,237,0.18),
      0 16px 40px rgba(0,0,0,0.4),
      inset 0 0 0 0 transparent !important;
    margin-top:0;
    padding:24px 20px 28px;
    height:auto !important;
    overflow:visible !important;
  }
  /* Button: clear margin-top:auto on mobile, use regular margin */
  .sol-row .sol-content-box .sol-btn{
    margin-top:20px;
    align-self:flex-start;
    position:relative;
    z-index:1;
  }

  /* Force image always on top regardless of row direction */
  .sol-row{display:flex; flex-direction:column;}
  .sol-row .sol-img{order:1;}
  .sol-row .sol-content-box{order:2;}
}
@media(max-width:480px){
  .sol-row .sol-img{height:200px !important;}
  .sol-row .sol-content-box{padding:20px 16px 24px;}
}



/* ═══ Contact Page — Fullscreen Rounded Hero ═══ */

/* Outer wrapper — zero side margin (touch both sides), starts below navbar */
.con-hero-outer{
  padding:76px 0 0;
  position:relative;z-index:1;
}

/* The rounded box — half screen height, touch both sides */
.con-hero{
  position:relative;
  width:100%;
  height:auto;
  min-height:580px;
  display:flex;align-items:center;
  overflow:hidden;
  border-radius:0 0 28px 28px;
  box-shadow:
    0 0 0 1px rgba(124,58,237,.2),
    0 24px 72px rgba(0,0,0,.65),
    0 0 50px rgba(124,58,237,.08),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* BG image — fills the box */
.con-hero-bg{
  position:absolute;inset:0;
  background-image:url('/assets/images/contact-hero.jpg');
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  z-index:0;
}

/* Gradient overlay — heavy dark left, fade to right */
.con-hero-bg::after{
  content:'';
  position:absolute;inset:0;
  background:
    linear-gradient(
      to right,
      rgba(5,4,16,0.92) 0%,
      rgba(5,4,16,0.78) 30%,
      rgba(5,4,16,0.35) 58%,
      rgba(5,4,16,0.06) 100%
    );
}

/* Bottom fade — blends into form section */
.con-hero-bottom-fade{
  position:absolute;bottom:0;left:0;right:0;
  height:120px;
  background:linear-gradient(to top,rgba(8,8,16,.9),transparent);
  z-index:2;pointer-events:none;
}

/* Content — left side */
.con-hero-content{
  position:relative;z-index:3;
  max-width:520px;
  padding:48px 8px 56px;
}

/* Kicker */
.con-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:18px;
  padding:6px 14px;
  background:rgba(6,182,212,.08);
  box-shadow:0 0 0 1px rgba(6,182,212,.2),
             inset 0 1px 0 rgba(255,255,255,.04);
  border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.con-kicker-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--cyan);animation:blink 2s infinite;
}

/* Heading */
.con-hero-content h1{
  font-size:clamp(34px,4.5vw,58px);
  font-weight:900;line-height:1.06;
  letter-spacing:-2px;margin-bottom:18px;
  text-shadow:0 2px 40px rgba(0,0,0,.6);
}

/* Description */
.con-hero-desc{
  font-size:16px;color:rgba(200,198,214,.92);
  line-height:1.75;margin-bottom:30px;
  max-width:440px;
  text-shadow:0 1px 24px rgba(0,0,0,.6);
}

/* Stats row */
.con-stats{
  display:flex;gap:24px;flex-wrap:wrap;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.09);
}
.con-stat-val{
  font-size:26px;font-weight:800;letter-spacing:-1px;
  background:linear-gradient(135deg,#fff,var(--purple2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:2px;
}
.con-stat-lbl{
  font-size:10px;color:rgba(161,161,170,.8);
  font-family:'JetBrains Mono',monospace;
}

/* Floating badges on right (image area) */
.con-hero-badge{
  position:absolute;
  display:flex;align-items:center;gap:7px;
  padding:8px 14px;
  background:rgba(6,5,18,.9);
  border-radius:100px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:4;
  box-shadow:0 4px 18px rgba(0,0,0,.45),
             0 0 0 1px rgba(124,58,237,.22),
             inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .3s;
}
.con-hero-badge:hover{transform:translateY(-3px);}
.chb-1{bottom:52px;right:6%;color:#22c55e;}
.chb-2{top:50%;right:7%;transform:translateY(-50%);color:var(--cyan);}
.chb-3{bottom:100px;right:24%;color:var(--purple2);}
.chb-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:blink 2s infinite;flex-shrink:0;}

/* Form section */
.con-form-sec{padding:60px 0 0;position:relative;z-index:1;}
.con-form-grid{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:48px;
  align-items:start;     /* both columns flush at top */
}
.ci h2{font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:-1px;line-height:1.12;margin-bottom:14px;}
.ci>p{font-size:14.5px;color:var(--gray);line-height:1.7;margin-bottom:24px;}
.c-links{display:flex;flex-direction:column;gap:10px;margin-bottom:0;}
.c-link{
  display:flex;align-items:center;gap:16px;
  padding:16px 20px;
  background:linear-gradient(160deg,rgba(22,20,38,.95),rgba(14,12,26,.98));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 4px 18px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.06);
  border-radius:14px;
  transition:all .28s ease;
}
.c-link:hover{
  box-shadow:
    0 0 0 1px rgba(124,58,237,.35),
    0 8px 30px rgba(0,0,0,.5),
    0 0 20px rgba(124,58,237,.07),
    inset 0 1px 0 rgba(255,255,255,.09);
  background:linear-gradient(160deg,rgba(28,24,48,.97),rgba(20,16,36,1));
  transform:translateX(5px);
}
.c-l-icon{
  width:44px;height:44px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(145deg,rgba(124,58,237,.2),rgba(88,28,235,.1));
  box-shadow:
    0 0 0 1px rgba(124,58,237,.25),
    0 4px 12px rgba(124,58,237,.15),
    inset 0 1px 0 rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;font-size:18px;
  transition:all .28s;
}
.c-link:hover .c-l-icon{
  background:linear-gradient(145deg,rgba(124,58,237,.32),rgba(88,28,235,.2));
  box-shadow:0 0 0 1px rgba(124,58,237,.45),0 6px 18px rgba(124,58,237,.25);
}
.c-l-lbl{font-size:10px;color:var(--gray2);font-family:'JetBrains Mono',monospace;margin-bottom:3px;letter-spacing:.05em;}
.c-l-val{font-size:14px;font-weight:600;color:var(--white);}
.cf{
  background:linear-gradient(160deg,rgba(18,16,30,.97),rgba(12,10,22,.98));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 20px 60px rgba(0,0,0,.55),
    0 4px 16px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.06);
  border-radius:18px;
  padding:36px;
}
.cf h3{font-size:20px;font-weight:700;margin-bottom:24px;letter-spacing:-.3px;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.fg{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.fg label{font-size:10px;font-family:'JetBrains Mono',monospace;color:var(--gray);letter-spacing:.05em;text-transform:uppercase;}
.fg input,.fg select,.fg textarea{
  width:100%;background:rgba(255,255,255,.03);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.07);
  border:none;border-radius:10px;color:var(--white);
  font-size:14px;padding:12px 14px;font-family:'Inter',sans-serif;
  outline:none;resize:none;transition:all .2s;-webkit-appearance:none;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{
  box-shadow:inset 0 1px 3px rgba(0,0,0,.3),0 0 0 1.5px rgba(124,58,237,.5),0 0 16px rgba(124,58,237,.1);
  background:rgba(124,58,237,.04);
}
.fg input:focus-visible,.fg select:focus-visible,.fg textarea:focus-visible{
  outline:2px solid var(--purple2);
  outline-offset:2px;
}
.fg select option{background:#111;}
.btn-sub{
  width:100%;padding:14px;
  background:linear-gradient(135deg,#5B21B6,#4C1D95);
  border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;
  cursor:pointer;transition:all .25s;font-family:'Inter',sans-serif;
  box-shadow:0 0 0 1px rgba(139,92,246,.35),0 4px 18px rgba(88,28,135,.5),inset 0 1px 0 rgba(255,255,255,.12);
}
.btn-sub:hover{
  background:linear-gradient(135deg,#6D28D9,#5B21B6);transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(139,92,246,.5),0 8px 28px rgba(88,28,135,.6),inset 0 1px 0 rgba(255,255,255,.15);
}
@media(max-width:900px){
  .con-hero{min-height:480px;border-radius:0 0 20px 20px;}
  .con-hero-bg{background-position:70% center;}
  .con-hero-bg::after{background:linear-gradient(to right,rgba(5,4,16,.94) 0%,rgba(5,4,16,.82) 55%,rgba(5,4,16,.45) 100%);}
  .con-hero-content{max-width:100%;padding:40px 0 48px;}
  .con-hero-desc{max-width:100%;}
  .con-hero-badge{display:none;}
  .con-form-grid{grid-template-columns:1fr;gap:36px;}
  .f-row{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .con-hero-outer{padding:76px 0 0;}
  .con-hero{min-height:340px;}
  .con-hero-content h1{letter-spacing:-1.5px;}
  .con-stats{gap:16px;}
}


/* ═══════════════════════════════════════
   JOSH-STYLE HERO — Kritexa Home
═══════════════════════════════════════ */
.jk-hero{
  position:relative;
  width:100%;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#06050f;
  padding:120px 24px 80px;
}

/* Noise texture */
.jk-noise{
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
  pointer-events:none;z-index:1;opacity:.5;
}

/* Grid lines like josh */
.jk-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(124,58,237,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,58,237,0.04) 1px, transparent 1px);
  background-size:60px 60px;
  pointer-events:none;z-index:1;
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 100%);
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 100%);
}

/* Ambient orbs */
.jk-orb{
  position:absolute;border-radius:50%;
  filter:blur(100px);pointer-events:none;z-index:1;
  animation:jk-drift 20s ease-in-out infinite;
}
.jk-orb1{
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(124,58,237,0.18),transparent 70%);
  top:-200px;left:-150px;animation-delay:0s;
}
.jk-orb2{
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(6,182,212,0.12),transparent 70%);
  bottom:-100px;right:-100px;animation-delay:-8s;
}
.jk-orb3{
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(124,58,237,0.1),transparent 70%);
  top:40%;left:50%;transform:translate(-50%,-50%);
  animation-delay:-14s;
}
@keyframes jk-drift{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(40px,-30px) scale(1.06);}
  66%{transform:translate(-30px,20px) scale(0.94);}
}

/* Content */
.jk-hero-inner{
  position:relative;z-index:2;
  text-align:center;
  display:flex;flex-direction:column;
  align-items:center;gap:0;
  width:100%;max-width:1200px;
}

/* Line 1 — "we put the tech in your" */
.jk-line1{
  font-size:clamp(22px,3.5vw,44px);
  font-weight:500;
  color:rgba(220,218,235,0.85);
  letter-spacing:0.01em;
  margin-bottom:12px;
  line-height:1.2;
}
.jk-line1 em{
  font-style:italic;
  font-weight:700;
  color:#fff;
}
.jk-line1 .jk-ai-em{
  font-style:italic;
  font-weight:700;
  color:#06B6D4;
  text-shadow:0 0 20px rgba(6,182,212,0.5);
}

/* BIG TEXT — BUSINESS */
.jk-big-wrap{
  position:relative;
  display:inline-block;
  margin-bottom:16px;
  line-height:1;
}
.jk-big-text{
  font-size:clamp(80px,18vw,220px);
  font-weight:900;
  letter-spacing:-0.04em;
  line-height:0.9;
  color:transparent;
  -webkit-text-stroke:0px transparent;
  background:none;
  -webkit-text-fill-color:transparent;
  position:relative;z-index:2;
  display:block;
  text-shadow:none;
  /* Canvas handles all fill via destination-in */
  filter:none;
  animation:none;
}
@keyframes jk-shimmer{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}

/* Glow canvas behind BUSINESS text */
.jk-glow-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:3;
  pointer-events:none;
  opacity:1;
}

/* Line 2 */
.jk-line2{
  font-size:clamp(16px,2.5vw,28px);
  font-weight:400;
  color:rgba(180,178,200,0.75);
  letter-spacing:0.02em;
  margin-bottom:14px;
}

/* Line 3 — tag / AI-FIRST identity badge */
.jk-line3{margin-bottom:48px;}
.jk-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-family-mono);
  font-size: clamp(10px, 1.3vw, 12.5px);
  letter-spacing: 0.26em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--color-purple2);
  padding: 9px 24px;
  background: rgba(12, 8, 28, 0.75);
  border: 1px solid rgba(124, 58, 237, 0.38);
  border-radius: 100px;
  box-shadow:
    0 0 0 1px rgba(124, 58, 237, 0.10),
    0 0 28px rgba(124, 58, 237, 0.16),
    0 0 56px rgba(124, 58, 237, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative;
}
.jk-tag::before {
  content: '◈';
  opacity: 0.55;
  font-size: 9px;
  color: var(--color-purple2);
}
.jk-tag::after {
  content: '◈';
  opacity: 0.55;
  font-size: 9px;
  color: var(--color-purple2);
}

/* Reduced-motion: drop glow for accessibility */
@media (prefers-reduced-motion: no-preference) {
  .jk-tag {
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
  }
}

/* Buttons */
.jk-btns{
  display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
}
.jk-btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 32px;border-radius:100px;
  background:linear-gradient(135deg,#5B21B6,#7C3AED);
  color:#fff;font-size:15px;font-weight:700;
  border:none;cursor:pointer;font-family:'Inter',sans-serif;
  box-shadow:
    0 0 0 1px rgba(139,92,246,0.4),
    0 8px 32px rgba(88,28,135,0.5),
    0 0 60px rgba(124,58,237,0.2),
    inset 0 1px 0 rgba(255,255,255,0.15);
  transition:all .28s ease;letter-spacing:0.01em;
}
.jk-btn-primary:hover{
  background:linear-gradient(135deg,#6D28D9,#9333EA);
  transform:translateY(-3px);
  box-shadow:
    0 0 0 1px rgba(139,92,246,0.6),
    0 12px 40px rgba(88,28,135,0.65),
    0 0 80px rgba(124,58,237,0.35),
    inset 0 1px 0 rgba(255,255,255,0.2);
}
.jk-btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 32px;border-radius:100px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
  color:rgba(220,218,235,0.9);
  font-size:15px;font-weight:500;
  cursor:pointer;font-family:'Inter',sans-serif;
  box-shadow:0 0 0 1px rgba(255,255,255,0.06),
             inset 0 1px 0 rgba(255,255,255,0.06);
  transition:all .28s ease;letter-spacing:0.01em;
}
.jk-btn-ghost:hover{
  background:rgba(124,58,237,0.08);
  border-color:rgba(124,58,237,0.4);
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 0 0 1px rgba(124,58,237,0.3),
             0 8px 24px rgba(0,0,0,0.3);
}
.jk-arrow{
  transition:transform .25s;font-size:16px;
}
.jk-btn-primary:hover .jk-arrow,
.jk-btn-ghost:hover .jk-arrow{transform:translate(3px,-1px);}

/* Scroll hint */
.jk-scroll-hint{
  position:absolute;bottom:32px;left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,0.25);
  animation:jk-scroll-anim 2s ease-in-out infinite;
}
@keyframes jk-scroll-anim{
  0%,100%{transform:translateX(-50%) translateY(0);opacity:.4;}
  50%{transform:translateX(-50%) translateY(8px);opacity:.9;}
}
.jk-scroll-line{
  width:1px;height:40px;
  background:linear-gradient(to bottom,rgba(124,58,237,0.8),transparent);
  border-radius:1px;
}

/* Responsive */
@media(max-width:768px){
  .jk-hero{padding:100px 20px 70px;}
  .jk-big-text{letter-spacing:-0.03em;}
  .jk-btns{flex-direction:column;align-items:center;}
  .jk-btn-primary,.jk-btn-ghost{width:240px;justify-content:center;}
  .jk-glow-canvas{display:block;}
}
@media(max-width:480px){
  .jk-line1{font-size:18px;}
  .jk-line2{font-size:14px;}
}



/* ═══ SOLUTIONS PAGE — ENHANCED ═══ */

/* Subtitle above heading */
.sol-subtitle{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--purple2);opacity:.8;
  margin:4px 0 10px;
}

/* Stats row under features */
.sol-stats{
  display:flex;gap:0;
  border:1px solid rgba(124,58,237,.18);
  border-radius:12px;
  overflow:hidden;
  margin:20px 0 24px;
  background:rgba(124,58,237,.04);
}
.sol-stat{
  flex:1;
  padding:14px 12px;
  text-align:center;
  border-right:1px solid rgba(124,58,237,.14);
}
.sol-stat:last-child{border-right:none;}
.sol-stat-num{
  font-size:clamp(18px,2.5vw,26px);
  font-weight:800;
  background:linear-gradient(135deg,#9D6FFF,#06B6D4);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1.1;margin-bottom:3px;
}
.sol-stat-lbl{
  font-size:10px;letter-spacing:.06em;
  color:rgba(180,178,200,.65);
  text-transform:uppercase;
  font-family:'JetBrains Mono',monospace;
}

/* Image overlay on hover */
.sol-img{
  position:relative;
  cursor:pointer;
  overflow:hidden;
}
.sol-img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    135deg,
    rgba(88,28,135,.72) 0%,
    rgba(124,58,237,.55) 50%,
    rgba(6,182,212,.35) 100%
  );
  display:flex;align-items:flex-end;justify-content:flex-start;
  padding:28px 28px;
  border-radius:20px;
  opacity:0;
  transition:opacity .35s ease;
}
.sol-img:hover .sol-img-overlay{opacity:1;}
.sol-img-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:100px;
  background:rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;font-size:14px;font-weight:700;
  letter-spacing:.02em;
  transform:translateY(12px);
  transition:transform .35s ease;
  box-shadow:0 4px 20px rgba(0,0,0,.3);
}
.sol-img:hover .sol-img-cta{transform:translateY(0);}
.sol-img:hover{
  box-shadow:
    0 0 0 2px rgba(124,58,237,.5),
    0 20px 60px rgba(88,28,135,.4),
    0 0 80px rgba(124,58,237,.15);
}

/* Sol btn enhanced */
.sol-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:10px;
  background:linear-gradient(135deg,rgba(88,28,135,.3),rgba(124,58,237,.2));
  border:1px solid rgba(124,58,237,.35);
  color:var(--purple2);font-size:14px;font-weight:600;
  cursor:pointer;transition:all .25s;font-family:inherit;
  letter-spacing:.01em;
  box-shadow:0 0 0 1px rgba(124,58,237,.1),
             inset 0 1px 0 rgba(255,255,255,.06);
}
.sol-btn:hover{
  background:linear-gradient(135deg,#5B21B6,#7C3AED);
  border-color:transparent;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(88,28,135,.45),
             0 0 0 1px rgba(124,58,237,.4);
}

/* Features list — tighter */
.sol-feats{
  display:flex;flex-direction:column;gap:7px;
  margin:16px 0 0;
}
.sol-feat{
  display:flex;align-items:flex-start;gap:10px;
  font-size:13.5px;color:rgba(200,198,220,.8);
  line-height:1.4;
}
.sol-ck{
  width:18px;height:18px;min-width:18px;
  background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(6,182,212,.15));
  border:1px solid rgba(124,58,237,.3);
  border-radius:5px;
  display:flex;align-items:center;justify-content:center;
  font-size:10px;color:#9D6FFF;
  margin-top:1px;
  flex-shrink:0;
}

@media(max-width:768px){
  .sol-stats{flex-direction:row;}
  .sol-stat{padding:10px 8px;}
  .sol-stat-num{font-size:18px;}
  .sol-img-overlay{opacity:1;}
  .sol-img-cta{transform:translateY(0);}
}

/* ═══════════════════════════════════════
   PORTFOLIO PAGE
═══════════════════════════════════════ */

/* Hero stats strip */
.pf-hero-stats{
  display:flex;align-items:center;justify-content:center;
  gap:0;flex-wrap:wrap;
  margin-top:48px;
  background:linear-gradient(160deg,rgba(18,16,30,0.8),rgba(12,10,22,0.9));
  border:1px solid rgba(255,255,255,0.07);
  border-radius:16px;
  padding:28px 40px;
  box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.06);
}
.pf-hstat{
  display:flex;flex-direction:column;align-items:center;
  padding:0 40px;flex:1;min-width:120px;
}
.pf-hstat-num{
  font-size:clamp(28px,4vw,44px);font-weight:900;
  background:linear-gradient(135deg,#9D6FFF,#06B6D4);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1;
}
.pf-hstat-plus{
  font-size:clamp(20px,2.5vw,32px);font-weight:900;
  background:linear-gradient(135deg,#9D6FFF,#06B6D4);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.pf-hstat > span:first-child,.pf-hstat > span:nth-child(2){display:inline;}
.pf-hstat-lbl{
  font-size:12px;color:var(--gray2);letter-spacing:.08em;
  text-transform:uppercase;font-family:'JetBrains Mono',monospace;
  margin-top:6px;text-align:center;
}
.pf-hstat-div{
  width:1px;height:48px;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.1),transparent);
  flex-shrink:0;
}

/* Filter pills */
.pf-filter-sec{padding:40px 0 0;}
.pf-filters{
  display:flex;gap:8px;flex-wrap:wrap;justify-content:center;
}
.pf-filter{
  padding:9px 20px;border-radius:100px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.09);
  color:var(--gray);font-size:13px;font-weight:500;
  cursor:pointer;font-family:'Inter',sans-serif;
  transition:all .22s ease;
}
.pf-filter:hover{
  background:rgba(124,58,237,0.1);
  border-color:rgba(124,58,237,0.3);
  color:var(--purple2);
}
.pf-filter.active{
  background:linear-gradient(135deg,rgba(88,28,135,0.5),rgba(124,58,237,0.35));
  border-color:rgba(124,58,237,0.5);
  color:#fff;
  box-shadow:0 0 20px rgba(124,58,237,0.2);
}

/* Projects grid */
.pf-section{padding:40px 0 80px;}
.pf-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
}

/* Project card */
.pf-card{
  background:linear-gradient(160deg,rgba(18,16,30,0.85),rgba(12,10,22,0.95));
  border:1px solid rgba(255,255,255,0.07);
  border-radius:20px;
  overflow:hidden;
  transition:all .35s cubic-bezier(0.34,1.2,0.64,1);
  box-shadow:0 4px 24px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05);
  display:flex;flex-direction:column;
}
.pf-card:hover{
  border-color:rgba(124,58,237,0.3);
  box-shadow:
    0 0 0 1px rgba(124,58,237,0.2),
    0 20px 60px rgba(0,0,0,0.5),
    0 0 60px rgba(124,58,237,0.08);
  transform:translateY(-4px);
}

/* Image wrapper */
.pf-img-wrap{
  position:relative;
  width:100%;
  height:220px;
  overflow:hidden;
  flex-shrink:0;
}
.pf-img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.pf-card:hover .pf-img{transform:scale(1.04);}

/* Number badge */
.pf-img-num{
  position:absolute;top:14px;left:14px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;letter-spacing:.12em;
  color:rgba(255,255,255,0.5);
  background:rgba(0,0,0,0.55);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  padding:4px 10px;border-radius:6px;
  border:1px solid rgba(255,255,255,0.1);
}

/* Category badge */
.pf-cat-badge{
  position:absolute;top:14px;right:14px;
  font-size:11px;font-weight:600;
  padding:4px 12px;border-radius:100px;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  letter-spacing:.04em;
}

/* Details section */
.pf-details{
  padding:24px 26px 26px;
  display:flex;flex-direction:column;
  flex:1;
}
.pf-top-row{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:12px;gap:8px;flex-wrap:wrap;
}
.pf-tags{display:flex;gap:6px;flex-wrap:wrap;}
.pf-tag{
  font-size:11px;font-weight:500;
  padding:3px 10px;border-radius:100px;
  letter-spacing:.03em;
}
.pf-year{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;color:var(--gray2);letter-spacing:.1em;
  flex-shrink:0;
}
.pf-name{
  font-size:clamp(18px,2vw,22px);font-weight:800;
  letter-spacing:-.02em;color:var(--white);
  margin:0 0 10px;line-height:1.2;
}
.pf-desc{
  font-size:13.5px;color:var(--gray);line-height:1.7;
  margin-bottom:20px;
}

/* Results row */
.pf-results{
  display:flex;gap:0;
  background:rgba(124,58,237,0.06);
  border:1px solid rgba(124,58,237,0.14);
  border-radius:10px;overflow:hidden;
  margin-bottom:18px;
}
.pf-result{
  flex:1;padding:10px 8px;text-align:center;
  border-right:1px solid rgba(124,58,237,0.12);
  display:flex;flex-direction:column;gap:2px;
}
.pf-result:last-child{border-right:none;}
.pf-res-val{
  font-size:13px;font-weight:800;
  background:linear-gradient(135deg,#9D6FFF,#06B6D4);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1.1;
}
.pf-res-lbl{
  font-size:10px;color:var(--gray2);
  font-family:'JetBrains Mono',monospace;
  letter-spacing:.04em;line-height:1.2;
}

/* Tech stack */
.pf-tech-row{
  display:flex;align-items:center;gap:8px;
  margin-bottom:20px;flex-wrap:wrap;
}
.pf-tech-lbl{
  font-size:11px;color:var(--gray2);
  font-family:'JetBrains Mono',monospace;
  letter-spacing:.08em;text-transform:uppercase;
  flex-shrink:0;
}
.pf-techs{display:flex;gap:6px;flex-wrap:wrap;}
.pf-tech{
  font-size:11px;font-weight:500;
  padding:3px 9px;border-radius:5px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  color:var(--gray);
}

/* View Project button */
.pf-view-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;border-radius:10px;
  background:linear-gradient(135deg,rgba(88,28,135,0.35),rgba(124,58,237,0.25));
  border:1px solid rgba(124,58,237,0.35);
  color:var(--purple2);font-size:14px;font-weight:600;
  cursor:pointer;font-family:'Inter',sans-serif;
  transition:all .25s ease;letter-spacing:.01em;
  margin-top:auto;align-self:flex-start;
  box-shadow:0 0 0 1px rgba(124,58,237,0.08),
             inset 0 1px 0 rgba(255,255,255,0.05);
}
.pf-view-btn:hover{
  background:linear-gradient(135deg,#5B21B6,#7C3AED);
  border-color:transparent;color:#fff;
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(88,28,135,0.4),
             0 0 0 1px rgba(124,58,237,0.4);
}
.pf-view-btn svg{transition:transform .22s;}
.pf-view-btn:hover svg{transform:translate(2px,-2px);}

/* Hidden card for filter */
.pf-card.pf-hidden{
  display:none;
}

/* Responsive */
@media(max-width:900px){
  .pf-grid{grid-template-columns:1fr;}
  .pf-hero-stats{padding:20px 16px;gap:4px;}
  .pf-hstat{padding:8px 16px;}
}
@media(max-width:600px){
  .pf-img-wrap{height:180px;}
  .pf-hstat-div{display:none;}
  .pf-hero-stats{gap:0;}
  .pf-filters{justify-content:flex-start;}
}


/* ── Portfolio filter label ── */
.pf-filter-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gray2);margin-bottom:10px;
}

/* ── Type tabs (Website / Software) ── */
.pf-type-tabs{
  display:flex;gap:8px;flex-wrap:wrap;
}
.pf-type-tab{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 20px;border-radius:10px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.09);
  color:var(--gray);font-size:13px;font-weight:600;
  cursor:pointer;font-family:'Inter',sans-serif;
  transition:all .22s ease;
}
.pf-type-tab:hover{
  background:rgba(124,58,237,0.1);
  border-color:rgba(124,58,237,0.3);
  color:var(--purple2);
}
.pf-type-tab.active{
  background:linear-gradient(135deg,rgba(88,28,135,0.5),rgba(124,58,237,0.35));
  border-color:rgba(124,58,237,0.5);
  color:#fff;
  box-shadow:0 0 20px rgba(124,58,237,0.2);
}

/* ── Type badge on card ── */
.pf-type-badge{
  font-size:10px;font-weight:600;
  padding:3px 9px;border-radius:6px;
  letter-spacing:.04em;white-space:nowrap;
}

/* ── Count bar ── */
.pf-count-bar{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;color:var(--gray2);
  letter-spacing:.06em;
  margin-bottom:20px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.05);
}

/* ── Hidden card ── */
.pf-card.pf-hidden{display:none;}

/* ═══ KRITEXA.AI NAV PILL ═══ */
/* Phase 3: Moved to css/header.css — removing duplicate here */

/* ═══ KRITEXA.AI PAGE ═══ */
.kai-hero{
  min-height:100vh;
  display:flex;align-items:center;
  padding:120px 0 80px;
  position:relative;overflow:hidden;
  background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(6,182,212,0.08), transparent 65%),
             radial-gradient(ellipse 60% 50% at 80% 80%, rgba(124,58,237,0.07), transparent 60%),
             var(--bg);
}
.kai-orb{
  position:absolute;border-radius:50%;
  filter:blur(90px);pointer-events:none;
  animation:jk-drift 18s ease-in-out infinite;
}
.kai-orb1{
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(6,182,212,0.12),transparent 70%);
  top:-100px;right:-100px;animation-delay:0s;
}
.kai-orb2{
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(124,58,237,0.1),transparent 70%);
  bottom:-80px;left:-80px;animation-delay:-9s;
}
.kai-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(6,182,212,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,182,212,0.04) 1px, transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 100%);
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 100%);
}
.kai-badge-row{
  display:flex;align-items:center;gap:10px;
  margin-bottom:28px;
}
.kai-arrow-badge{
  color:rgba(255,255,255,0.3);font-size:18px;
}
.kai-ai-pill{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 18px;border-radius:100px;
  background:rgba(6,182,212,0.1);
  border:1px solid rgba(6,182,212,0.35);
  font-size:13px;font-weight:700;color:#06B6D4;
  letter-spacing:0.04em;
}
.kai-ai-dot{
  width:8px;height:8px;border-radius:50%;
  background:#06B6D4;
  box-shadow:0 0 8px #06B6D4;
  animation:kai-blink 1.5s ease-in-out infinite;
}
.kai-heading{
  font-size:clamp(40px,7vw,80px);
  font-weight:900;letter-spacing:-0.03em;
  line-height:1.1;color:#fff;
  margin:0 0 20px;
}
.kai-grad{
  background:linear-gradient(135deg,#06B6D4,#9D6FFF,#06B6D4);
  background-size:200%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:jk-shimmer 4s ease-in-out infinite;
}
.kai-sub{
  font-size:clamp(16px,2vw,20px);
  color:var(--gray);line-height:1.7;
  max-width:600px;margin:0 0 48px;
}

/* Countdown */
.kai-countdown{
  display:flex;align-items:center;gap:12px;
  margin-bottom:48px;flex-wrap:wrap;
}
.kai-cd-box{
  display:flex;flex-direction:column;align-items:center;
  background:linear-gradient(160deg,rgba(18,16,30,0.9),rgba(12,10,22,0.95));
  border:1px solid rgba(6,182,212,0.2);
  border-radius:14px;padding:16px 24px;
  min-width:80px;
  box-shadow:0 0 0 1px rgba(6,182,212,0.08),
             0 8px 32px rgba(0,0,0,0.4),
             inset 0 1px 0 rgba(255,255,255,0.05);
}
.kai-cd-num{
  font-size:clamp(28px,4vw,42px);font-weight:900;
  background:linear-gradient(135deg,#06B6D4,#9D6FFF);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1;font-family:'JetBrains Mono',monospace;
  letter-spacing:-0.02em;
}
.kai-cd-lbl{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gray2);margin-top:6px;
  font-family:'JetBrains Mono',monospace;
}
.kai-cd-sep{
  font-size:32px;font-weight:900;
  color:rgba(6,182,212,0.4);
  margin-bottom:16px;
}

/* Waitlist */
.kai-waitlist{margin-bottom:0;}
.kai-wl-label{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gray2);margin-bottom:12px;
}
.kai-wl-form{display:flex;gap:10px;flex-wrap:wrap;}
.kai-wl-input{
  padding:13px 20px;border-radius:10px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(6,182,212,0.2);
  color:#fff;font-size:14px;font-family:'Inter',sans-serif;
  outline:none;width:280px;
  transition:border-color .2s,box-shadow .2s;
}
.kai-wl-input::placeholder{color:var(--gray2);}
.kai-wl-input:focus{
  border-color:rgba(6,182,212,0.5);
  box-shadow:0 0 0 3px rgba(6,182,212,0.08);
}
.kai-wl-input:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}
.kai-wl-btn{
  padding:13px 28px;border-radius:10px;
  background:linear-gradient(135deg,#0891B2,#06B6D4);
  color:#fff;font-size:14px;font-weight:700;
  border:none;cursor:pointer;font-family:'Inter',sans-serif;
  box-shadow:0 0 0 1px rgba(6,182,212,0.3),
             0 8px 24px rgba(6,182,212,0.25);
  transition:all .25s;
}
.kai-wl-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(6,182,212,0.5),
             0 12px 32px rgba(6,182,212,0.35);
}
.kai-wl-note{
  font-size:13px;color:#06B6D4;margin-top:10px;
  font-family:'JetBrains Mono',monospace;min-height:20px;
}

/* Features section */
.kai-features-sec{padding:80px 0;}
.kai-sec-label{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:#06B6D4;margin-bottom:12px;
}
.kai-sec-h{
  font-size:clamp(28px,4vw,42px);font-weight:800;
  letter-spacing:-0.02em;margin:0 0 48px;color:#fff;
}
.kai-features{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.kai-feat{
  background:linear-gradient(160deg,rgba(18,16,30,0.9),rgba(12,10,22,0.95));
  border:1px solid rgba(255,255,255,0.07);
  border-radius:18px;padding:28px;
  transition:all .3s ease;
  box-shadow:0 4px 24px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05);
}
.kai-feat:hover{
  border-color:rgba(6,182,212,0.25);
  box-shadow:0 0 0 1px rgba(6,182,212,0.12),
             0 16px 48px rgba(0,0,0,0.4),
             0 0 40px rgba(6,182,212,0.06);
  transform:translateY(-3px);
}
.kai-feat-icon{font-size:32px;margin-bottom:12px;display:block;}
.kai-feat-status{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-family:'JetBrains Mono',monospace;
  letter-spacing:.1em;text-transform:uppercase;
  color:#10B981;margin-bottom:14px;
}
.kai-status-plan{color:var(--gray2);}
.kai-status-dot{
  width:6px;height:6px;border-radius:50%;
  background:#10B981;
  box-shadow:0 0 6px #10B981;
  animation:kai-blink 2s ease-in-out infinite;
}
.kai-dot-plan{background:var(--gray2);box-shadow:none;animation:none;}
.kai-feat-h{
  font-size:18px;font-weight:700;color:#fff;
  margin:0 0 10px;letter-spacing:-0.01em;
}
.kai-feat-p{
  font-size:13.5px;color:var(--gray);line-height:1.7;
  margin:0 0 16px;
}
.kai-feat-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;}
.kai-ftag{
  font-size:11px;padding:3px 10px;border-radius:5px;
  background:rgba(6,182,212,0.08);
  border:1px solid rgba(6,182,212,0.18);
  color:rgba(6,182,212,0.8);
}
.kai-feat-prog{
  height:4px;border-radius:2px;
  background:rgba(255,255,255,0.07);
  margin-bottom:6px;overflow:hidden;
}
.kai-feat-prog-bar{
  height:100%;border-radius:2px;
  background:linear-gradient(90deg,#06B6D4,#9D6FFF);
  animation:kai-prog 2s ease-out forwards;
}
.kai-prog-plan{background:rgba(255,255,255,0.15);}
@keyframes kai-prog{from{width:0!important;}}
.kai-feat-prog-label{
  font-size:10px;color:var(--gray2);
  font-family:'JetBrains Mono',monospace;letter-spacing:.06em;
}

/* Stats */
.kai-stats-sec{padding:40px 0 80px;}
.kai-stats{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,rgba(6,182,212,0.06),rgba(124,58,237,0.04));
  border:1px solid rgba(6,182,212,0.15);
  border-radius:16px;padding:32px 40px;gap:0;flex-wrap:wrap;
  box-shadow:0 0 40px rgba(6,182,212,0.05);
}
.kai-stat{
  flex:1;min-width:120px;text-align:center;padding:0 24px;
}
.kai-stat-n{
  font-size:clamp(24px,3vw,36px);font-weight:900;
  background:linear-gradient(135deg,#06B6D4,#9D6FFF);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:4px;
}
.kai-stat-l{
  font-size:12px;color:var(--gray2);
  font-family:'JetBrains Mono',monospace;
  letter-spacing:.08em;text-transform:uppercase;
}
.kai-stat-div{
  width:1px;height:40px;
  background:linear-gradient(to bottom,transparent,rgba(6,182,212,0.2),transparent);
  flex-shrink:0;
}

/* Responsive */
@media(max-width:900px){
  .kai-features{grid-template-columns:1fr;}
  .kai-stats{flex-direction:column;gap:20px;padding:24px;}
  .kai-stat-div{display:none;}
}
@media(max-width:600px){
  .kai-countdown{gap:8px;}
  .kai-cd-box{padding:12px 16px;min-width:64px;}
  .kai-wl-input{width:100%;}
  .kai-wl-form{flex-direction:column;}
  .kai-wl-btn{width:100%;}
}

/* ═══════════════════════════════════════
   PROCESS SECTION — Desktop Horizontal + Mobile Orbital
═══════════════════════════════════════ */

/* ── Shared circle styles ── */
.proc-c{
  border:2px solid var(--cc);
  background:var(--cbg);
  box-shadow:0 0 0 1px var(--cb),0 6px 24px rgba(0,0,0,0.55),0 0 28px var(--cg);
  cursor:pointer;
  transition:transform .3s cubic-bezier(.34,1.3,.64,1),box-shadow .3s;
  position:relative;
  border-radius:50%;
}
.proc-c:hover{
  transform:scale(1.1);
  box-shadow:0 0 0 2px var(--cc),0 10px 32px rgba(0,0,0,0.65),0 0 48px var(--cg);
}
.proc-c.pulsing::after{animation:pc-pulse .95s ease-out infinite;}
.proc-c::after{
  content:'';position:absolute;inset:-8px;border-radius:50%;
  border:1.5px solid var(--cc);opacity:0;
}
@keyframes pc-pulse{0%{opacity:.7;transform:scale(1);}100%{opacity:0;transform:scale(1.4);}}

/* ════════════════
   DESKTOP LAYOUT
════════════════ */
.proc-desktop{display:block;}
.proc-mobile{display:none;}

.proc-h-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  grid-template-rows:auto auto auto;
  position:relative;
  margin-top:48px;
}

/* Spine line */
.proc-spine{
  position:absolute;
  left:calc(100%/14);
  right:calc(100%/14);
  height:2px;
  background:linear-gradient(to right,transparent,rgba(124,58,237,0.4) 8%,rgba(124,58,237,0.4) 92%,transparent);
  z-index:1;
  top:50%;
}
.proc-spine-pulse{
  position:absolute;top:0;left:0;height:100%;width:60px;
  background:linear-gradient(to right,transparent,rgba(157,111,255,0.9),transparent);
  animation:spine-sweep 3s ease-in-out infinite;
}
@keyframes spine-sweep{
  0%{left:-60px;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{left:100%;opacity:0;}
}

/* Top labels */
.ph-top{
  grid-row:1;
  display:flex;flex-direction:column;align-items:center;
  padding:0 6px 18px;
}
.ph-bottom{
  grid-row:3;
  display:flex;flex-direction:column;align-items:center;
  padding:18px 6px 0;
}
.ph-empty{pointer-events:none;}
.ph-num{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;
}
.ph-label{
  font-size:clamp(11px,1.1vw,13px);font-weight:700;
  color:#fff;letter-spacing:-.01em;text-align:center;margin-bottom:3px;line-height:1.25;
}
.ph-sub{
  font-size:clamp(9px,0.8vw,10px);
  color:rgba(160,158,190,0.65);
  font-family:'JetBrains Mono',monospace;
  letter-spacing:.04em;text-align:center;line-height:1.3;
}
.ph-tick{
  width:1px;margin:0 auto;
}
.ph-tick-top{
  height:16px;
  background:linear-gradient(to bottom,transparent,var(--ptc));
  margin-top:6px;
}
.ph-tick-bot{
  height:16px;
  background:linear-gradient(to top,transparent,var(--ptc));
  margin-bottom:0;
}

/* Circle cells */
.ph-circ-cell{
  grid-row:2;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:4;padding:4px 0;
}
.ph-circle{
  width:clamp(70px,7vw,92px);
  height:clamp(70px,7vw,92px);
  border-radius:50%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}
.ph-c-num{
  font-family:'JetBrains Mono',monospace;
  font-size:clamp(7px,0.7vw,9px);font-weight:700;
  color:rgba(255,255,255,0.4);letter-spacing:.1em;
}
.ph-c-icon{font-size:clamp(16px,2vw,24px);line-height:1;margin:2px 0;}
.ph-c-lbl{
  font-size:clamp(6px,0.65vw,9px);font-weight:700;
  color:rgba(255,255,255,0.55);letter-spacing:.04em;text-transform:uppercase;
}

/* ════════════════
   MOBILE LAYOUT
════════════════ */
@media(max-width:900px){
  .proc-desktop{display:none;}
  .proc-mobile{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100vw;
    margin-left:calc(-50vw + 50%);
    margin-right:calc(-50vw + 50%);
    padding:0;
    overflow:hidden;
  }
  /* Reduce section padding on mobile */
  .proc-section{padding:32px 0 24px !important;}
  .proc-orb-wrap{margin-top:16px;}
  /* Reduce sh (heading) margin on mobile */
  .proc-section .sh{margin-bottom:0 !important;}
}

.proc-orb-wrap{
  position:relative;
  width:min(460px,88vw);
  height:min(460px,88vw);
  margin:32px 0 0;
  overflow:visible;
  flex-shrink:0;
}

/* Rings */
.porb-ring{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);border-radius:50%;
}
.porb-ring-outer{
  width:90%;height:90%;
  border:1px dashed rgba(124,58,237,0.15);
}
.porb-ring-spin{
  width:66%;height:66%;
  border:1.5px dashed rgba(124,58,237,0.25);
  animation:porb-cw 30s linear infinite;
}
.porb-ring-spin2{
  width:90%;height:90%;
  border:1px solid rgba(6,182,212,0.06);
  animation:porb-ccw 45s linear infinite;
}
@keyframes porb-cw{to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes porb-ccw{to{transform:translate(-50%,-50%) rotate(-360deg);}}

/* SVG */
.porb-svg{
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:2;overflow:visible;
}

/* Center orb */
.porb-center{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:19%;height:19%;min-width:84px;min-height:84px;
  border-radius:50%;
  background:linear-gradient(145deg,#3B1E7A,#5B21B6,#7C3AED);
  box-shadow:0 0 0 1px rgba(124,58,237,0.45),0 0 36px rgba(124,58,237,0.5),0 0 80px rgba(124,58,237,0.2),inset 0 1px 0 rgba(255,255,255,0.18);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;z-index:10;
}
.porb-center-icon{font-size:clamp(16px,4vw,24px);margin-bottom:2px;}
.porb-center-name{
  font-size:clamp(8px,2vw,11px);font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;
  color:rgba(255,255,255,0.9);line-height:1.2;
}
.porb-center-tag{
  font-size:clamp(7px,1.5vw,9px);color:rgba(255,255,255,0.4);
  font-family:'JetBrains Mono',monospace;letter-spacing:.06em;margin-top:1px;
}

/* Orbital nodes */
.porb-node{
  position:absolute;transform:translate(-50%,-50%);
  z-index:8;cursor:pointer;
  border-radius:50%;
}
.porb-pill{
  width:clamp(80px,17vw,100px);
  height:clamp(80px,17vw,100px);
  border-radius:50%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  overflow:hidden;
  flex-shrink:0;
}
.porb-num{
  font-family:'JetBrains Mono',monospace;
  font-size:clamp(8px,2vw,10px);font-weight:700;
  color:rgba(255,255,255,0.45);letter-spacing:.08em;
}
.porb-icon{font-size:clamp(18px,4.5vw,24px);line-height:1;margin:2px 0;}
.porb-title{
  font-size:clamp(8px,2vw,11px);font-weight:700;
  color:#fff;text-align:center;padding:0 4px;line-height:1.1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
.porb-sub{
  font-size:clamp(6px,1.4vw,9px);
  color:rgba(200,198,220,0.55);
  font-family:'JetBrains Mono',monospace;
  letter-spacing:.02em;text-align:center;padding:0 4px;line-height:1.1;margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}

/* ═══ NAVBAR DESKTOP RESPONSIVE ═══ */
/* Phase 3: Moved to css/header.css */

/* ═══════════════════════════════════════
   CAPABILITIES PAGE — Premium Service Cards
═══════════════════════════════════════ */
.cap-svc-section{padding:0 0 64px;}

/* ── Hero Card ── */
.cap-hero-card{
  position:relative;border-radius:24px;
  background:linear-gradient(135deg,rgba(60,20,120,0.55),rgba(20,10,50,0.75) 50%,rgba(6,30,60,0.5));
  border:1px solid rgba(124,58,237,0.3);
  padding:44px 52px;margin-bottom:20px;
  overflow:hidden;cursor:pointer;
  transition:transform .35s cubic-bezier(.34,1.1,.64,1),box-shadow .35s,border-color .35s;
  box-shadow:0 0 0 1px rgba(124,58,237,0.1),0 8px 40px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.07);
}
.cap-hero-card::before{
  content:'';position:absolute;
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(124,58,237,0.2),transparent 70%);
  top:-100px;right:-80px;pointer-events:none;
  transition:transform .5s ease;
}
.cap-hero-card:hover{
  transform:translateY(-8px);
  border-color:rgba(124,58,237,0.55);
  box-shadow:0 0 0 1px rgba(124,58,237,0.3),0 24px 64px rgba(88,28,135,0.4),0 0 80px rgba(124,58,237,0.12),inset 0 1px 0 rgba(255,255,255,0.09);
}
.cap-hero-card:hover::before{transform:scale(1.2);}

.cap-hc-inner{
  display:grid;grid-template-columns:1fr auto;
  align-items:center;gap:40px;position:relative;z-index:1;
}
.cap-hc-icon{
  font-size:56px;display:block;margin-bottom:18px;
  filter:drop-shadow(0 0 16px rgba(124,58,237,0.5));
  transition:transform .35s cubic-bezier(.34,1.5,.64,1);
}
.cap-hero-card:hover .cap-hc-icon{transform:rotate(-8deg) scale(1.1);}
.cap-hc-title{
  font-size:clamp(24px,3vw,32px);font-weight:900;
  letter-spacing:-0.03em;margin-bottom:10px;color:#fff;
}
.cap-hc-desc{
  font-size:16px;color:rgba(200,198,225,0.75);
  line-height:1.65;max-width:560px;margin-bottom:22px;
}
.cap-hc-svcs{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:22px;}
.cap-hc-svc{
  display:flex;align-items:center;gap:7px;
  font-size:13.5px;color:rgba(210,208,230,0.85);
}
.cap-hc-svc::before{
  content:'✔';
  width:18px;height:18px;border-radius:5px;
  background:linear-gradient(135deg,rgba(124,58,237,0.3),rgba(6,182,212,0.2));
  border:1px solid rgba(124,58,237,0.35);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;color:#9D6FFF;flex-shrink:0;
}
.cap-hc-badges{display:flex;gap:8px;flex-wrap:wrap;}
.cap-hc-badge{
  font-size:11px;font-weight:600;padding:4px 12px;border-radius:100px;
  background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.22);
  color:rgba(180,178,220,0.8);font-family:'JetBrains Mono',monospace;
  letter-spacing:.04em;
}
.cap-hc-arrow{
  width:52px;height:52px;border-radius:50%;flex-shrink:0;
  background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.3);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;color:#9D6FFF;cursor:pointer;
  transition:background .3s,transform .3s,border-color .3s;
}
.cap-hero-card:hover .cap-hc-arrow{
  background:rgba(124,58,237,0.25);border-color:rgba(124,58,237,0.55);
  transform:translateX(6px);
}

/* ── 3-column grid ── */
.cap-cards-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:20px;margin-bottom:20px;
}

/* ── Service card ── */
.cap-svc-card{
  position:relative;border-radius:20px;
  background:linear-gradient(160deg,rgba(18,16,30,0.9),rgba(10,8,22,0.95));
  border:1px solid rgba(255,255,255,0.06);
  padding:30px 26px 26px;cursor:pointer;overflow:hidden;
  transition:transform .35s cubic-bezier(.34,1.1,.64,1),box-shadow .35s,border-color .35s,background .35s;
  box-shadow:0 4px 24px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.04);
  display:flex;flex-direction:column;
}
.cap-svc-card::before{
  content:'';position:absolute;inset:0;
  background:var(--cc-glow,radial-gradient(circle at 20% 20%,rgba(124,58,237,0.1),transparent 60%));
  pointer-events:none;opacity:0;transition:opacity .35s;
}
.cap-svc-card::after{
  content:'';position:absolute;top:0;left:20px;right:20px;height:1px;
  background:linear-gradient(to right,transparent,var(--cc-border,rgba(124,58,237,0.3)),transparent);
  opacity:0;transition:opacity .35s;
}
.cap-svc-card:hover{
  transform:translateY(-8px);
  border-color:var(--cc-border,rgba(124,58,237,0.35));
  background:var(--cc-hover-bg,linear-gradient(145deg,rgba(88,28,135,0.4),rgba(124,58,237,0.15) 50%,rgba(10,8,22,0.92)));
  box-shadow:0 0 0 1px var(--cc-border,rgba(124,58,237,0.25)),0 20px 56px rgba(0,0,0,0.5),0 0 56px var(--cc-shadow,rgba(124,58,237,0.15)),inset 0 1px 0 rgba(255,255,255,0.08);
}
.cap-svc-card:hover::before,.cap-svc-card:hover::after{opacity:1;}

.cap-card-top{
  display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;
}
.cap-card-icon{
  font-size:clamp(42px,4.5vw,52px);display:block;line-height:1;
  filter:drop-shadow(0 0 12px var(--cc-icon-glow,rgba(124,58,237,0.4)));
  transition:transform .35s cubic-bezier(.34,1.5,.64,1),filter .35s;
}
.cap-svc-card:hover .cap-card-icon{
  transform:rotate(-8deg) scale(1.12);
  filter:drop-shadow(0 0 20px var(--cc-icon-glow,rgba(124,58,237,0.7)));
}
.cap-card-arrow{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;color:rgba(200,198,220,0.5);
  transition:background .3s,transform .3s,border-color .3s,color .3s;
}
.cap-svc-card:hover .cap-card-arrow{
  background:var(--cc-border,rgba(124,58,237,0.15));
  border-color:var(--cc-border,rgba(124,58,237,0.4));
  color:var(--cc-accent,#9D6FFF);transform:translate(4px,-4px);
}
.cap-card-title{
  font-size:clamp(17px,1.8vw,21px);font-weight:800;
  letter-spacing:-0.02em;color:#fff;margin-bottom:7px;line-height:1.2;
}
.cap-card-desc{
  font-size:13px;color:rgba(170,168,195,0.7);
  line-height:1.65;margin-bottom:16px;
}
.cap-card-svcs{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;flex:1;}
.cap-card-svc{
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:rgba(205,203,228,0.8);
}
.cap-svc-ck{
  width:16px;height:16px;border-radius:4px;flex-shrink:0;
  background:var(--cc-ck-bg,rgba(124,58,237,0.15));
  border:1px solid var(--cc-border,rgba(124,58,237,0.3));
  display:inline-flex;align-items:center;justify-content:center;
  font-size:9px;color:var(--cc-accent,#9D6FFF);
}
.cap-card-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;}
.cap-card-badge{
  font-size:10px;font-weight:600;padding:3px 10px;border-radius:100px;
  background:var(--cc-badge-bg,rgba(124,58,237,0.08));
  border:1px solid var(--cc-border,rgba(124,58,237,0.18));
  color:var(--cc-accent,rgba(170,168,210,0.75));
  font-family:'JetBrains Mono',monospace;letter-spacing:.04em;white-space:nowrap;
}

/* ── Color themes ── */
.cap-purple{
  --cc-glow:radial-gradient(circle at 20% 20%,rgba(124,58,237,0.12),transparent 60%);
  --cc-border:rgba(124,58,237,0.38);--cc-shadow:rgba(124,58,237,0.2);
  --cc-icon-glow:rgba(124,58,237,0.5);--cc-ck-bg:rgba(124,58,237,0.18);
  --cc-accent:#9D6FFF;--cc-badge-bg:rgba(124,58,237,0.1);
  --cc-hover-bg:linear-gradient(145deg,rgba(88,28,135,0.45),rgba(124,58,237,0.16) 50%,rgba(10,8,22,0.92));
}
.cap-cyan{
  --cc-glow:radial-gradient(circle at 20% 20%,rgba(6,182,212,0.1),transparent 60%);
  --cc-border:rgba(6,182,212,0.35);--cc-shadow:rgba(6,182,212,0.18);
  --cc-icon-glow:rgba(6,182,212,0.5);--cc-ck-bg:rgba(6,182,212,0.14);
  --cc-accent:#06B6D4;--cc-badge-bg:rgba(6,182,212,0.08);
  --cc-hover-bg:linear-gradient(145deg,rgba(6,105,135,0.42),rgba(6,182,212,0.14) 50%,rgba(10,8,22,0.92));
}
.cap-green{
  --cc-glow:radial-gradient(circle at 20% 20%,rgba(16,185,129,0.1),transparent 60%);
  --cc-border:rgba(16,185,129,0.35);--cc-shadow:rgba(16,185,129,0.18);
  --cc-icon-glow:rgba(16,185,129,0.5);--cc-ck-bg:rgba(16,185,129,0.14);
  --cc-accent:#10B981;--cc-badge-bg:rgba(16,185,129,0.08);
  --cc-hover-bg:linear-gradient(145deg,rgba(4,80,55,0.42),rgba(16,185,129,0.14) 50%,rgba(10,8,22,0.92));
}
.cap-orange{
  --cc-glow:radial-gradient(circle at 20% 20%,rgba(245,158,11,0.1),transparent 60%);
  --cc-border:rgba(245,158,11,0.35);--cc-shadow:rgba(245,158,11,0.18);
  --cc-icon-glow:rgba(245,158,11,0.5);--cc-ck-bg:rgba(245,158,11,0.14);
  --cc-accent:#F59E0B;--cc-badge-bg:rgba(245,158,11,0.08);
  --cc-hover-bg:linear-gradient(145deg,rgba(100,60,5,0.45),rgba(245,158,11,0.14) 50%,rgba(10,8,22,0.92));
}
.cap-pink{
  --cc-glow:radial-gradient(circle at 20% 20%,rgba(236,72,153,0.1),transparent 60%);
  --cc-border:rgba(236,72,153,0.35);--cc-shadow:rgba(236,72,153,0.18);
  --cc-icon-glow:rgba(236,72,153,0.5);--cc-ck-bg:rgba(236,72,153,0.14);
  --cc-accent:#EC4899;--cc-badge-bg:rgba(236,72,153,0.08);
  --cc-hover-bg:linear-gradient(145deg,rgba(100,20,55,0.45),rgba(236,72,153,0.14) 50%,rgba(10,8,22,0.92));
}
.cap-teal{
  --cc-glow:radial-gradient(circle at 20% 20%,rgba(20,184,166,0.1),transparent 60%);
  --cc-border:rgba(20,184,166,0.35);--cc-shadow:rgba(20,184,166,0.18);
  --cc-icon-glow:rgba(20,184,166,0.5);--cc-ck-bg:rgba(20,184,166,0.14);
  --cc-accent:#14B8A6;--cc-badge-bg:rgba(20,184,166,0.08);
  --cc-hover-bg:linear-gradient(145deg,rgba(5,75,65,0.42),rgba(20,184,166,0.14) 50%,rgba(10,8,22,0.92));
}

/* ── Responsive ── */
@media(max-width:1024px){.cap-cards-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){
  .cap-hc-inner{grid-template-columns:1fr;gap:20px;}
  .cap-hero-card{padding:32px 24px;}
  .cap-hc-icon{font-size:44px;}
}
@media(max-width:640px){
  .cap-cards-grid{grid-template-columns:1fr;}
  .cap-hero-card{padding:28px 20px;}
}

/* ── Industry grid mobile: 2 columns ── */
@media(max-width:768px){
  .industry-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

/* ═══ INDUSTRY GRID — Who We Serve ═══ */
.industry-grid .stat-box{
  background:linear-gradient(160deg,rgba(18,16,30,0.85),rgba(12,10,22,0.9)) !important;
  border:1px solid rgba(255,255,255,0.07);
  border-radius:16px !important;
  padding:28px 20px !important;
  text-align:center;
  transition:all .3s ease;
  box-shadow:0 4px 20px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}
.industry-grid .stat-box:hover{
  background:linear-gradient(160deg,rgba(40,20,80,0.6),rgba(20,10,50,0.85)) !important;
  border-color:rgba(124,58,237,0.35);
  transform:translateY(-4px);
  box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px rgba(124,58,237,0.2),inset 0 1px 0 rgba(255,255,255,0.07);
}
.industry-grid .stat-box div[style*="font-size:28px"]{
  font-size:36px !important;
  margin-bottom:12px !important;
  line-height:1;
}
.industry-grid .stat-box div[style*="font-size:14px"]{
  font-size:15px !important;
  font-weight:700;
  color:#fff;
  margin-bottom:6px !important;
  letter-spacing:-0.01em;
}
.stat-box-sub{
  font-size:12px !important;
  color:rgba(160,158,190,0.65) !important;
  font-family:'JetBrains Mono',monospace;
  letter-spacing:.02em;
  line-height:1.4;
  text-align:center;
}

/* Who We Serve section wrapper */
.who-serve-wrap{
  padding:64px 0;
  margin-top:0;
  position:relative;
}
.who-serve-wrap::before{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(124,58,237,0.05),transparent 70%);
  pointer-events:none;
}