/* ═══════════════════════════════════════════════════
   TEAM NO LIMIT — style.css v5 FINAL
   Fixed: nav-active, work section merged, all bugs
   ═══════════════════════════════════════════════════ */

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

:root {
  --p:   #B900FF;
  --pd:  #4E0484;
  --pm:  #8000CC;
  --bg:  #020204;
  --s1:  rgba(255,255,255,.04);
  --s2:  rgba(255,255,255,.08);
  --b:   rgba(255,255,255,.09);
  --b2:  rgba(255,255,255,.14);
  --t:   #fff;
  --tm:  rgba(255,255,255,.60);
  --td:  rgba(255,255,255,.30);
  --r:   20px;
  --rs:  12px;
  --nav-h: 72px;
}

html { scroll-behavior: smooth; scroll-padding-top: var(--nav-h); }
body {
  background: var(--bg);
  color: var(--t);
  font-family: 'DM Sans', system-ui, sans-serif;
  line-height: 1.7;
  font-size: 16px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── BACKGROUND ── */
.bg-root {
  position: fixed; inset: 0; z-index: 0;
  pointer-events: none; overflow: hidden;
  background:
    radial-gradient(ellipse 80% 60% at 72% -8%,  rgba(90,0,160,.7)  0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at -8% 82%,  rgba(40,0,90,.8)   0%, transparent 55%),
    linear-gradient(180deg, #060010 0%, #020204 40%, #020108 100%);
}
.orb { position: absolute; border-radius: 50%; filter: blur(130px); will-change: transform; backface-visibility: hidden; }
.o1 { width:820px;height:820px;background:radial-gradient(circle,rgba(185,0,255,.5) 0%,rgba(78,4,132,.18) 55%,transparent 78%);top:-240px;right:-160px;opacity:.3;animation:orbA 16s ease-in-out infinite alternate; }
.o2 { width:620px;height:620px;background:radial-gradient(circle,rgba(78,4,132,.55) 0%,rgba(128,0,204,.12) 58%,transparent 82%);bottom:0;left:-160px;opacity:.25;animation:orbA 11s ease-in-out infinite alternate-reverse; }
.o3 { width:480px;height:480px;background:radial-gradient(circle,rgba(185,0,255,.38) 0%,transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);opacity:.13;animation:orbP 9s ease-in-out infinite; }
.o4 { width:320px;height:320px;background:radial-gradient(circle,rgba(255,0,180,.28) 0%,transparent 70%);top:22%;left:8%;opacity:.11;animation:orbA 14s ease-in-out 2s infinite alternate; }
.o5 { width:260px;height:260px;background:radial-gradient(circle,rgba(100,0,255,.38) 0%,transparent 70%);bottom:28%;right:8%;opacity:.13;animation:orbA 10s ease-in-out 4s infinite alternate-reverse; }
.bg-grid {
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(185,0,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(185,0,255,.04) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 25%,transparent 100%);
}
.bg-beam {
  position:absolute;width:2px;height:55%;
  background:linear-gradient(to bottom,transparent,rgba(185,0,255,.45),transparent);
  top:22%;left:66%;transform:rotate(18deg);filter:blur(1px);
  animation:beamP 9s ease-in-out infinite;opacity:.45;
}
@keyframes beamP { 0%,100%{opacity:.2;transform:rotate(18deg) scaleY(.8);}50%{opacity:.55;transform:rotate(18deg) scaleY(1.25);} }
.noise { position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;mix-blend-mode:overlay; }
@keyframes orbA { from{transform:translate(0,0) scale(1);}to{transform:translate(50px,72px) scale(1.14);} }
@keyframes orbP { 0%,100%{opacity:.13;transform:translate(-50%,-50%) scale(1);}50%{opacity:.26;transform:translate(-50%,-50%) scale(1.22);} }

/* ── CURSOR ── */
#cursorFx { position:fixed;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(185,0,255,.08) 0%,transparent 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);will-change:left,top; }

/* ── NAVBAR ── */
#nav {
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 5%;height:var(--nav-h);
  border-bottom:1px solid transparent;
  transition:background .4s,border-color .4s,backdrop-filter .4s,box-shadow .4s;
}
#nav.scrolled {
  background:rgba(2,2,4,.90);
  border-color:var(--b);
  backdrop-filter:blur(24px) saturate(1.5);
  box-shadow:0 1px 40px rgba(0,0,0,.6);
}
.nav-brand { display:flex;align-items:center;text-decoration:none; }
.nav-brand img { height:44px;width:auto;display:block;border-radius:8px; }
.nav-links { display:flex;list-style:none;gap:2.2rem;align-items:center; }
.nav-links a {
  color:rgba(255,255,255,.65);text-decoration:none;
  font-family:'Syne',sans-serif;font-size:.82rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;
  transition:color .2s;position:relative;
}
.nav-links a:hover { color:#fff; }
/* FIX: nav-active was missing CSS */
.nav-links a.nav-active { color:#fff; }
.nav-links a.nav-active::after {
  content:'';position:absolute;bottom:-4px;left:0;right:0;
  height:2px;background:var(--p);border-radius:2px;
}
.nav-pill {
  background:linear-gradient(135deg,var(--p),var(--pd)) !important;
  color:#fff !important;padding:.44rem 1.2rem;border-radius:50px;
}
.nav-pill:hover { opacity:.85;transform:translateY(-1px); }
.nav-pill.nav-active::after { display:none; }

.burger { display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001; }
.burger span { display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease; }

/* ── MOBILE MENU ── */
.mob-menu {
  position:fixed;inset:0;z-index:998;
  background:rgba(2,2,4,.97);backdrop-filter:blur(24px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transform:translateX(100%);transition:transform .42s cubic-bezier(.77,0,.175,1);
  overflow-y:auto;
}
.mob-menu.open { transform:translateX(0); }
.mob-x { position:absolute;top:1.4rem;right:1.8rem;background:none;border:none;color:rgba(255,255,255,.7);font-size:1.5rem;cursor:pointer;transition:color .2s;line-height:1; }
.mob-x:hover { color:var(--p); }
.mob-menu ul { list-style:none;text-align:center;margin-bottom:2.5rem; }
.mob-menu li { margin:.9rem 0; }
.ml { font-family:'Syne',sans-serif;font-size:1.7rem;font-weight:800;color:rgba(255,255,255,.88);text-decoration:none;transition:color .2s; }
.ml:hover { color:var(--p); }
.mob-icons { display:flex;gap:1.6rem; }
.mob-icons a { color:rgba(255,255,255,.45);transition:color .2s;display:flex;align-items:center; }
.mob-icons a:hover { color:var(--p); }

/* ── BUTTONS ── */
.btn-p {
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.82rem 1.85rem;
  background:linear-gradient(135deg,var(--p) 0%,var(--pd) 100%);
  color:#fff;text-decoration:none;border-radius:50px;
  font-family:'Syne',sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.03em;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,opacity .2s;
  box-shadow:0 0 28px rgba(185,0,255,.35);
  position:relative;overflow:hidden;border:none;cursor:pointer;white-space:nowrap;
}
.btn-p:hover { transform:translateY(-3px) scale(1.02);box-shadow:0 4px 50px rgba(185,0,255,.55);color:#fff; }
.btn-p:active { transform:translateY(0) scale(.98); }

.btn-wa {
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.82rem 1.85rem;
  background:linear-gradient(135deg,#25D366,#128C7E);
  color:#fff;text-decoration:none;border-radius:50px;
  font-family:'Syne',sans-serif;font-weight:700;font-size:.88rem;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;
  box-shadow:0 0 24px rgba(37,211,102,.3);white-space:nowrap;
}
.btn-wa:hover { transform:translateY(-3px) scale(1.02);box-shadow:0 4px 42px rgba(37,211,102,.5);color:#fff; }

.btn-g {
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.82rem 1.85rem;
  background:transparent;color:var(--t);text-decoration:none;
  border-radius:50px;border:1px solid var(--b);
  font-family:'Syne',sans-serif;font-weight:700;font-size:.88rem;
  transition:background .25s,border-color .25s,transform .25s;
  cursor:pointer;white-space:nowrap;
}
.btn-g:hover { background:var(--s1);border-color:rgba(185,0,255,.45);transform:translateY(-2px);color:#fff; }
.btn-full { width:100%;justify-content:center; }
.btn-no-gap { margin-top:0 !important; }

/* ── HERO ── */
.hero {
  position:relative;z-index:1;min-height:100svh;
  display:grid;grid-template-columns:1fr 1fr;
  align-items:center;gap:3rem;
  padding:calc(var(--nav-h) + 3rem) 5% 5rem;
  max-width:1400px;margin:0 auto;
}
.hero-copy { display:flex;flex-direction:column;gap:1.4rem; }
.hero-badge {
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.77rem;font-family:'Syne',sans-serif;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--p);
  padding:.4rem 1rem;border:1px solid rgba(185,0,255,.32);border-radius:50px;
  width:fit-content;background:rgba(185,0,255,.07);
}
.bdot { width:7px;height:7px;border-radius:50%;background:var(--p);flex-shrink:0;animation:blink 2.2s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1;}50%{opacity:.2;} }

.hero-h1 { font-family:'Syne',sans-serif;font-size:clamp(2.8rem,5.5vw,5.5rem);font-weight:800;line-height:1.04;letter-spacing:-.025em;color:#fff; }
.hline { display:block; }
.gtext {
  background:linear-gradient(135deg,#B900FF 0%,#FF00AA 50%,#B900FF 100%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;animation:shimmer 4s linear infinite;
}
@keyframes shimmer { 0%{background-position:0% center;}100%{background-position:200% center;} }

.hero-sub { font-size:1.05rem;color:var(--tm);line-height:1.8;max-width:500px; }
.hero-actions { display:flex;gap:1rem;flex-wrap:wrap; }
.hero-stats { display:flex;align-items:center;gap:1.8rem;padding-top:.5rem; }
.hstat { display:flex;flex-direction:column;gap:.12rem; }
.hsn { font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff 30%,var(--p));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.hsl { font-size:.7rem;color:var(--td);text-transform:uppercase;letter-spacing:.1em; }
.hsdiv { width:1px;height:36px;background:var(--b); }

/* HERO VISUAL */
.hero-viz { display:flex;align-items:center;justify-content:center; isolation:isolate; }
.logo-stage { position:relative;display:flex;align-items:center;justify-content:center; isolation: isolate; transform: translateZ(0); }
.hero-logo {
  width:min(380px,88%);height:auto;position:relative;z-index:2;display:block;
  border-radius:12px;
  box-shadow:0 0 60px rgba(185,0,255,.5),0 0 120px rgba(185,0,255,.2);
  transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);
  animation:logoF 6.5s cubic-bezier(.25,.46,.45,.94) infinite;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.hero-logo:hover { transform:translateY(0) scale(1.04) translateZ(0) !important;box-shadow:0 0 80px rgba(185,0,255,.7),0 0 160px rgba(185,0,255,.3) !important;animation-play-state:paused; }
@keyframes logoF { 0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);} }
.ring { position:absolute;border-radius:50%;border:1px solid rgba(185,0,255,.2);animation:ringP 3.5s ease-in-out infinite; will-change: transform, opacity; backface-visibility: hidden; }
.ring-a { width:320px;height:320px; }
.ring-b { width:450px;height:450px;animation-delay:.7s;border-color:rgba(185,0,255,.1); }
.ring-c { width:580px;height:580px;animation-delay:1.4s;border-color:rgba(185,0,255,.06); }
@keyframes ringP { 0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.06);opacity:.45;} }
.dot { position:absolute;width:9px;height:9px;border-radius:50%;background:var(--p);box-shadow:0 0 18px rgba(185,0,255,.9); will-change: transform; backface-visibility: hidden; }
.dot-1 { animation:dO1 7s linear infinite; }
.dot-2 { animation:dO2 11s linear infinite; }
.dot-3 { animation:dO3 9s linear infinite; }
@keyframes dO1 { 0%{transform:rotate(0deg) translateX(160px) rotate(0deg);}100%{transform:rotate(360deg) translateX(160px) rotate(-360deg);} }
@keyframes dO2 { 0%{transform:rotate(120deg) translateX(225px) rotate(-120deg);}100%{transform:rotate(480deg) translateX(225px) rotate(-480deg);} }
@keyframes dO3 { 0%{transform:rotate(240deg) translateX(290px) rotate(-240deg);}100%{transform:rotate(600deg) translateX(290px) rotate(-600deg);} }

.scroll-cue { position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--td);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;user-select:none; }
.scl { width:1px;height:46px;background:linear-gradient(to bottom,var(--td),transparent);animation:scD 2.1s ease-in-out infinite; }
@keyframes scD { 0%{transform:scaleY(0);transform-origin:top;}48%{transform:scaleY(1);transform-origin:top;}50%{transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;} }

/* ── SECTIONS ── */
.sec { position:relative;z-index:1;padding:7rem 5%; }
.sdark { background:rgba(0,0,0,.28); }
.spitch { background:linear-gradient(135deg,rgba(185,0,255,.055),rgba(78,4,132,.08));border-top:1px solid var(--b);border-bottom:1px solid var(--b); }
.wrap { max-width:1200px;margin:0 auto; }
.chip { font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--p);margin-bottom:1rem; }
.sec-h { font-family:'Syne',sans-serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:.8rem;color:#fff; }
.sec-p { color:var(--tm);font-size:1rem;max-width:520px;margin-bottom:2.8rem; }

/* ── ABOUT ── */
.about-grid { display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-top:2rem;margin-bottom:3.5rem; }
.about-left h2 { font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3.2vw,2.9rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:1.2rem;color:#fff; }
.about-left > p { color:var(--tm);font-size:1rem;line-height:1.8;margin-bottom:1rem; }
.mv-tabs { display:flex;flex-direction:column;gap:1.2rem;margin:1.5rem 0; }
.mvt { padding:1.15rem 1.4rem;background:var(--s1);border-left:2px solid var(--p);border-radius:0 var(--rs) var(--rs) 0; }
.mvt-label { display:inline-block;font-family:'Syne',sans-serif;font-size:.71rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--p);margin-bottom:.45rem; }
.mvt p { color:var(--tm);font-size:.9rem;line-height:1.72;margin:0; }
.about-actions { display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem; }
.value-row { display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem; }
.vcard { padding:1.6rem 1.4rem;background:var(--s1);border:1px solid var(--b);border-radius:var(--r);transition:border-color .3s,background .3s,transform .35s,box-shadow .35s;cursor:default; }
.vcard:hover { border-color:rgba(185,0,255,.4);background:var(--s2);transform:translateY(-7px);box-shadow:0 18px 45px rgba(185,0,255,.14); }
.vi { font-size:1.7rem;margin-bottom:.8rem;line-height:1; }
.vcard h3 { font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:.45rem;color:#fff; }
.vcard p { color:var(--tm);font-size:.87rem;line-height:1.6; }

/* ── WHY US ── */
.why-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;margin-top:2.5rem; }
.why-card { padding:1.8rem 1.5rem;background:var(--s1);border:1px solid var(--b);border-radius:var(--r);transition:all .38s;cursor:default; }
.why-card:hover { border-color:rgba(185,0,255,.38);background:var(--s2);transform:translateY(-8px);box-shadow:0 20px 50px rgba(185,0,255,.15); }
.why-ico { font-size:1.8rem;margin-bottom:.88rem;line-height:1; }
.why-card h3 { font-family:'Syne',sans-serif;font-size:.97rem;font-weight:700;margin-bottom:.48rem;color:#fff; }
.why-card p { color:var(--tm);font-size:.87rem;line-height:1.6; }

/* ═══════════════════════════════════════════════════
   FEATURED WORK SECTION (merged Reels + Design)
   ═══════════════════════════════════════════════════ */

/* Filter tabs */
.work-filter-row {
  display:flex;justify-content:center;gap:.6rem;
  margin-bottom:3rem;flex-wrap:wrap;
}
.work-filter-btn {
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.5rem 1.3rem;
  background:var(--s1);border:1px solid var(--b);border-radius:50px;
  color:var(--tm);font-family:'Syne',sans-serif;font-size:.8rem;font-weight:600;
  cursor:pointer;transition:all .25s ease;letter-spacing:.04em;
}
.work-filter-btn:hover { border-color:rgba(185,0,255,.4);color:#fff; }
.work-filter-btn.active {
  background:linear-gradient(135deg,var(--p),var(--pd));
  border-color:transparent;color:#fff;
  box-shadow:0 4px 24px rgba(185,0,255,.45);
}
.wfc {
  font-size:.68rem;background:var(--s2);
  padding:.15rem .45rem;border-radius:50px;color:var(--td);
}
.work-filter-btn.active .wfc { background:rgba(255,255,255,.18);color:#fff; }

/* Work grid */
.work-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.6rem;margin-bottom:2.5rem;
}

/* Work card */
.work-card {
  background:var(--s1);border:1px solid var(--b);
  border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .38s cubic-bezier(.34,1.56,.64,1),box-shadow .38s ease,border-color .3s;
  animation:wkFadeUp .6s ease both;
}
.work-card:hover {
  transform:translateY(-10px) scale(1.01);
  box-shadow:0 28px 70px rgba(185,0,255,.28);
  border-color:rgba(185,0,255,.35);
}
.work-card[hidden] { display:none !important; }

/* Stagger delays */
.work-card:nth-child(1){animation-delay:.05s;}
.work-card:nth-child(2){animation-delay:.12s;}
.work-card:nth-child(3){animation-delay:.19s;}
.work-card:nth-child(4){animation-delay:.26s;}
.work-card:nth-child(5){animation-delay:.33s;}
.work-card:nth-child(6){animation-delay:.40s;}

/* Thumb */
.work-thumb {
  position:relative;height:260px;overflow:hidden;
  background:#0a0015;cursor:pointer;
}
.work-thumb-img {
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease,opacity .4s ease;
}
.work-card:hover .work-thumb-img { transform:scale(1.07); }

.work-thumb-overlay {
  position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.18),rgba(185,0,255,.25));
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;
  opacity:0;transition:opacity .3s ease;
}
.work-card:hover .work-thumb-overlay,
.work-thumb:focus-within .work-thumb-overlay { opacity:1; }

.work-play-orb, .work-eye-orb {
  width:70px;height:70px;
  background:rgba(255,255,255,.14);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(12px);
  border:1.5px solid rgba(255,255,255,.3);
  box-shadow:0 0 42px rgba(185,0,255,.7);
}
.work-play-orb { padding-left:4px; }
.work-open-label {
  font-family:'Syne',sans-serif;font-size:.82rem;
  font-weight:700;color:rgba(255,255,255,.92);
}
.work-type-badge {
  position:absolute;top:.88rem;left:.88rem;
  background:rgba(0,0,0,.55);backdrop-filter:blur(8px);
  color:rgba(255,255,255,.9);font-family:'Syne',sans-serif;font-size:.65rem;font-weight:700;
  padding:.25rem .7rem;border-radius:50px;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.14);
}
.work-tag-badge {
  position:absolute;bottom:.88rem;right:.88rem;
  background:linear-gradient(135deg,var(--p),var(--pd));
  color:#fff;font-family:'Syne',sans-serif;font-size:.62rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  padding:.25rem .7rem;border-radius:50px;
}

/* Card body */
.work-card-body {
  padding:1.3rem 1.4rem 1.5rem;
  display:flex;flex-direction:column;flex:1;
}
.work-client {
  font-family:'Syne',sans-serif;font-size:.66rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--p);
  margin-bottom:.25rem;
}
.work-title {
  font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;
  color:#fff;margin-bottom:.5rem;line-height:1.3;
}
.work-desc {
  color:var(--tm);font-size:.87rem;line-height:1.6;
  flex:1;margin-bottom:1rem;
}
.work-footer {
  display:flex;align-items:center;justify-content:space-between;
}
.work-preview-btn {
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.45rem 1rem;
  background:linear-gradient(135deg,var(--p),var(--pd));
  color:#fff;border:none;border-radius:50px;
  font-family:'Syne',sans-serif;font-weight:700;font-size:.78rem;
  cursor:pointer;transition:opacity .2s,transform .2s;
  box-shadow:0 0 18px rgba(185,0,255,.3);
}
.work-preview-btn:hover { opacity:.88;transform:translateY(-2px); }
.work-ig-small {
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;
  background:var(--s2);border:1px solid var(--b);
  border-radius:50%;color:var(--tm);text-decoration:none;
  transition:border-color .2s,color .2s;
}
.work-ig-small:hover { border-color:rgba(185,0,255,.5);color:var(--p); }

/* IG Banner */
.ig-banner {
  display:flex;align-items:center;justify-content:space-between;
  padding:1.4rem 2rem;
  background:var(--s1);border:1px solid var(--b);border-radius:var(--r);
  flex-wrap:wrap;gap:1rem;
}
.ig-banner-l { display:flex;align-items:center;gap:1rem; }
.ig-ava {
  width:48px;height:48px;border-radius:50%;overflow:hidden;
  border:2px solid rgba(185,0,255,.42);flex-shrink:0;background:#0a0015;
  display:flex;align-items:center;justify-content:center;
}
.ig-ava img { width:100%;height:100%;object-fit:contain;display:block;border-radius:8px; }
.ig-banner-l strong { display:block;font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:#fff; }
.ig-banner-l span { display:block;font-size:.82rem;color:var(--tm); }

/* ── WORK MODAL ── */
.work-modal-overlay {
  position:fixed;inset:0;z-index:9500;
  background:rgba(2,2,4,.92);backdrop-filter:blur(20px);
  display:flex;align-items:center;justify-content:center;
  padding:1rem;animation:wkFadeIn .22s ease;
}
.work-modal-overlay[hidden] { display:none; }
.work-modal-box {
  background:#0a0015;
  border:1px solid rgba(185,0,255,.25);
  border-radius:24px;width:100%;max-width:540px;
  max-height:92vh;overflow-y:auto;
  padding:2rem;position:relative;
  box-shadow:0 32px 100px rgba(185,0,255,.25);
  animation:wkSlideUp .32s cubic-bezier(.16,1,.3,1);
  scrollbar-width:thin;scrollbar-color:rgba(185,0,255,.35) transparent;
}
.work-modal-box::-webkit-scrollbar { width:4px; }
.work-modal-box::-webkit-scrollbar-thumb { background:rgba(185,0,255,.35);border-radius:4px; }
.work-modal-close {
  position:absolute;top:1.2rem;right:1.2rem;
  background:var(--s2);border:1px solid var(--b);border-radius:50%;
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--tm);transition:color .2s,border-color .2s;
}
.work-modal-close:hover { color:#fff;border-color:rgba(185,0,255,.5); }
.work-modal-header { display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem; }
.work-modal-tag {
  font-family:'Syne',sans-serif;font-size:.68rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--p);
  background:rgba(185,0,255,.1);padding:.22rem .7rem;border-radius:50px;
  border:1px solid rgba(185,0,255,.25);
}
.work-modal-client {
  font-family:'Syne',sans-serif;font-size:.75rem;
  color:var(--td);letter-spacing:.08em;text-transform:uppercase;
}
.work-modal-title {
  font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;
  color:#fff;margin-bottom:.5rem;line-height:1.2;
}
.work-modal-desc {
  color:var(--tm);font-size:.9rem;line-height:1.7;margin-bottom:1.4rem;
}
.work-embed-wrap {
  border-radius:14px;overflow:hidden;
  border:1px solid var(--b);background:#000;
  margin-bottom:1.2rem;min-height:200px;
}
.work-embed-wrap iframe { display:block;border:none;width:100%; }
.work-ig-link {
  display:inline-flex;align-items:center;gap:.45rem;
  font-family:'Syne',sans-serif;font-size:.82rem;font-weight:700;
  color:var(--p);text-decoration:none;transition:opacity .2s;
}
.work-ig-link:hover { opacity:.75; }

@keyframes wkFadeUp { from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);} }
@keyframes wkFadeIn { from{opacity:0;}to{opacity:1;} }
@keyframes wkSlideUp { from{opacity:0;transform:translateY(40px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);} }

/* ── SERVICES ── */
.srv-list { display:flex;flex-direction:column; }
.srv-item { display:grid;grid-template-columns:70px 1fr;gap:2rem;align-items:start;padding:2.2rem 0;border-bottom:1px solid var(--b);transition:padding-left .3s ease; }
.srv-item:first-child { border-top:1px solid var(--b); }
.srv-item:hover { padding-left:1rem; }
.srv-n { font-family:'Syne',sans-serif;font-size:2.6rem;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(185,0,255,.22);line-height:1;padding-top:.2rem;transition:-webkit-text-stroke-color .3s; }
.srv-item:hover .srv-n { -webkit-text-stroke-color:rgba(185,0,255,.9); }
.srv-body h3 { font-family:'Syne',sans-serif;font-size:1.42rem;font-weight:700;margin-bottom:.58rem;transition:color .25s;color:#fff; }
.srv-item:hover .srv-body h3 { color:var(--p); }
.srv-body p { color:var(--tm);font-size:.95rem;line-height:1.75;max-width:560px;margin-bottom:.88rem; }
.srv-tags { display:flex;gap:.5rem;flex-wrap:wrap; }
.srv-tags span { font-family:'Syne',sans-serif;font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tm);background:var(--s1);border:1px solid var(--b);padding:.22rem .7rem;border-radius:50px;transition:border-color .25s,color .25s; }
.srv-item:hover .srv-tags span { border-color:rgba(185,0,255,.4);color:rgba(185,0,255,.95); }

/* ── VALUES ── */
.inno-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;margin-top:3rem; }
.inno-card { padding:1.8rem 1.5rem;background:var(--s1);border:1px solid var(--b);border-radius:var(--r);transition:all .38s;cursor:default; }
.inno-card:hover { border-color:rgba(185,0,255,.38);background:var(--s2);transform:translateY(-8px);box-shadow:0 20px 50px rgba(185,0,255,.15); }
.ic-ico { font-size:1.8rem;margin-bottom:.88rem;line-height:1; }
.inno-card h3 { font-family:'Syne',sans-serif;font-size:.97rem;font-weight:700;margin-bottom:.48rem;color:#fff; }
.inno-card p { color:var(--tm);font-size:.87rem;line-height:1.6; }

/* ── CONSULTATION ── */
.slideshow-wrap { position:relative;max-width:680px;margin:0 auto 2.5rem; }
.slides { position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:var(--s1);border:1px solid var(--b); }
.slide { position:absolute;inset:0;opacity:0;transition:opacity .5s ease; }
.slide.active { opacity:1; }
.slide img { width:100%;height:100%;object-fit:cover;display:block; }
.slide-prev, .slide-next {
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.6);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2);color:#fff;
  width:40px;height:40px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;transition:background .2s,border-color .2s;z-index:5;
}
.slide-prev { left:.8rem; } .slide-next { right:.8rem; }
.slide-prev:hover, .slide-next:hover { background:rgba(185,0,255,.4);border-color:rgba(185,0,255,.6); }
.consultation-inner { display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start; }
.consult-left h3 { font-family:'Syne',sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:.8rem; }
.consult-checklist { list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem; }
.consult-checklist li { font-size:.92rem;color:var(--tm);line-height:1.6; }
.consult-note { font-size:.8rem;color:var(--td);margin-top:.5rem; }
.tally-form-wrap { min-height:400px; }

/* ── CONTACT ── */
.contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-top:2rem; }
.contact-channels { display:flex;flex-direction:column;gap:.8rem; }
.chan {
  display:flex;align-items:center;gap:1rem;
  padding:1.12rem 1.35rem;background:var(--s1);border:1px solid var(--b);
  border-radius:var(--rs);text-decoration:none;color:var(--t);
  transition:border-color .25s,background .25s,transform .25s;
}
.chan:not(.chan-location):hover { border-color:rgba(185,0,255,.45);background:var(--s2);transform:translateX(6px); }
.chan-wa:hover { border-color:rgba(37,211,102,.45) !important;background:rgba(37,211,102,.06) !important; }
.chan-location { cursor:default; }
.chan-icon { width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.ci-wa{background:rgba(37,211,102,.15);color:#25D366;}
.ci-ph{background:rgba(185,0,255,.14);color:var(--p);}
.ci-em{background:rgba(185,0,255,.14);color:var(--p);}
.ci-ig{background:rgba(185,0,255,.14);color:var(--p);}
.ci-li{background:rgba(0,119,181,.2);color:#0077B5;}
.ci-loc{background:rgba(185,0,255,.14);color:var(--p);}
.ci-copy{background:rgba(185,0,255,.14);color:var(--p);cursor:pointer;}
.chan-body { flex:1;min-width:0; }
.chan-lbl { display:block;font-family:'Syne',sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--td);margin-bottom:.1rem; }
.chan-body strong { display:block;font-family:'Syne',sans-serif;font-size:.93rem;font-weight:700;margin-bottom:.08rem; }
.chan-val { display:block;font-size:.82rem;color:var(--tm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.chan-arr { color:var(--td);flex-shrink:0;transition:color .22s,transform .22s; }
.chan:not(.chan-location):hover .chan-arr { color:var(--p);transform:translateX(4px); }
.chan-wa:hover .chan-arr { color:#25D366 !important; }
.cta-box { background:var(--s1);border:1px solid var(--b);border-radius:var(--r);padding:2rem;display:flex;flex-direction:column;gap:.95rem;position:relative;overflow:hidden; }
.cta-glow { position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(185,0,255,.24),transparent);border-radius:50%;pointer-events:none; }
.cta-logo { height:44px;width:auto;position:relative;z-index:1;display:block;border-radius:8px; }
.cta-box h3 { font-family:'Syne',sans-serif;font-size:1.35rem;font-weight:700;position:relative;z-index:1;color:#fff; }
.cta-box p { color:var(--tm);font-size:.88rem;line-height:1.6;position:relative;z-index:1; }
.cta-or { text-align:center;color:var(--td);font-size:.8rem;position:relative;display:flex;align-items:center;gap:.8rem; }
.cta-or::before,.cta-or::after { content:'';flex:1;height:1px;background:var(--b); }

/* ── FOOTER ── */
.footer { position:relative;z-index:1;border-top:1px solid var(--b);padding:3.5rem 5% 2rem; }
.footer-top { max-width:1200px;margin:0 auto 2.5rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:start; }
.fb p { color:var(--td);font-size:.85rem;margin:.5rem 0 .3rem; }
.flogo { height:40px;width:auto;display:block;border-radius:8px; }
.fmotto { font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--p) !important; }
.fsocs { display:flex;gap:1rem;margin-top:1.2rem;flex-wrap:wrap; }
.fsocs a { color:var(--td);transition:color .2s;display:flex;align-items:center; }
.fsocs a:hover { color:var(--p); }
.fnav { display:flex;gap:3rem;flex-wrap:wrap; }
.fnc { display:flex;flex-direction:column;gap:.5rem; }
.fnc h4 { font-family:'Syne',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--td);margin-bottom:.4rem; }
.fnc a { color:var(--tm);text-decoration:none;font-size:.87rem;transition:color .2s;width:fit-content; }
.fnc a:hover { color:var(--p); }
.footer-bot { max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--b);display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--td);flex-wrap:wrap;gap:.5rem; }

/* ── FLOATING WA ── */
.wa-btn { position:fixed;bottom:2rem;right:2rem;z-index:9990;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:transform .35s cubic-bezier(.12,.4,.29,.95),box-shadow .35s cubic-bezier(.12,.4,.29,.95); will-change: transform; transform: translateZ(0); backface-visibility: hidden; isolation: isolate; }
.wa-btn:hover { transform:scale(1.14);box-shadow:0 8px 36px rgba(37,211,102,.6);color:#fff; }
.wa-pulse { position:absolute;width:100%;height:100%;border-radius:50%;background:#25D366;z-index:-1;animation:waPulse 2.6s cubic-bezier(.25,.46,.45,.94) infinite; will-change: transform, opacity; transform-origin: center center; backface-visibility: hidden; }
@keyframes waPulse { 0%{transform:scale(1);opacity:.8;}100%{transform:scale(1.9);opacity:0;} }
.wa-tip { position:absolute;right:72px;top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;background:rgba(0,0,0,.88);color:#fff;padding:.4rem .88rem;border-radius:8px;font-family:'Syne',sans-serif;font-size:.76rem;font-weight:600;opacity:0;transition:opacity .22s,transform .22s;pointer-events:none; }
.wa-btn:hover .wa-tip { opacity:1;transform:translateY(-50%) translateX(0); }

/* ── SCROLL REVEAL ── */
.rv,.rv-1,.rv-2,.rv-3,.rv-4,.rv-5,.rv-6 { opacity:0;transform:translateY(26px);animation:revUp .8s cubic-bezier(.16,1,.3,1) forwards; }
.rv{animation-delay:.08s;}.rv-1{animation-delay:.22s;}.rv-2{animation-delay:.38s;}
.rv-3{animation-delay:.52s;}.rv-4{animation-delay:.66s;}.rv-5{animation-delay:.82s;}
.rv-6{animation-delay:.98s;}
@keyframes revUp { to{opacity:1;transform:translateY(0);} }

.sr { opacity:0;transform:translateY(36px);transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1); }
.sr.in { opacity:1 !important;transform:translateY(0) !important; }
.sd1{transition-delay:.08s;}.sd2{transition-delay:.16s;}.sd3{transition-delay:.24s;}

/* Fallback */
.sr-fallback-shown { opacity:1 !important;transform:none !important;transition:none !important; }

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important;transition-duration:.01ms !important; }
  .sr { opacity:1 !important;transform:none !important; }
}

/* ── RESPONSIVE ── */
@media (max-width:1100px) {
  .inno-grid,.value-row,.why-grid { grid-template-columns:repeat(2,1fr); }
  .work-grid { grid-template-columns:repeat(2,1fr); }
  .contact-grid { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .hero { grid-template-columns:1fr;text-align:center; }
  .hero-badge,.hero-sub { margin-inline:auto; }
  .hero-actions,.hero-stats { justify-content:center; }
  .hero-viz { order:-1; }
  .hero-logo { width:220px; }
  .ring-a{width:210px;height:210px;}.ring-b{width:300px;height:300px;}.ring-c{width:390px;height:390px;}
  .about-grid { grid-template-columns:1fr;gap:3rem; }
  .consultation-inner { grid-template-columns:1fr;gap:2.5rem; }
  .footer-top { grid-template-columns:1fr; }
  .nav-links { display:none; }
  .burger { display:flex; }
}
@media (max-width:650px) {
  .work-grid { grid-template-columns:1fr; }
  .inno-grid,.value-row,.why-grid { grid-template-columns:1fr; }
  .hero-stats { flex-direction:column;gap:.7rem; }
  .hsdiv { width:40px;height:1px; }
  .ig-banner { flex-direction:column;text-align:center; }
  .ig-banner-l { flex-direction:column;align-items:center; }
  .scroll-cue { display:none; }
  .fnav { flex-direction:column;gap:2rem; }
  .footer-bot { flex-direction:column;text-align:center; }
  .sec { padding:5rem 5%; }
  .bg-beam { display:none; }
}


/* ══════════════════════════════════════════════════════
   FIX #11 — SERVICES 2×2 CARD GRID
   ══════════════════════════════════════════════════════ */
.srv-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.6rem;
  margin-top:2rem;
}
.srv-card {
  background:var(--s1);border:1px solid var(--b);border-radius:var(--r);
  padding:2rem 1.8rem;
  display:flex;flex-direction:column;gap:.8rem;
  transition:border-color .3s,background .3s,transform .35s,box-shadow .35s;
  cursor:default;
}
.srv-card:hover {
  border-color:rgba(185,0,255,.38);background:var(--s2);
  transform:translateY(-6px);box-shadow:0 20px 50px rgba(185,0,255,.14);
}
.srv-icon {
  width:52px;height:52px;border-radius:14px;
  background:rgba(185,0,255,.1);border:1px solid rgba(185,0,255,.2);
  display:flex;align-items:center;justify-content:center;
  color:var(--p);flex-shrink:0;
  transition:background .3s,border-color .3s;
}
.srv-card:hover .srv-icon { background:rgba(185,0,255,.18);border-color:rgba(185,0,255,.4); }
.srv-card h3 {
  font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:700;color:#fff;
  line-height:1.3;
}
.srv-card p { color:var(--tm);font-size:.93rem;line-height:1.7;flex:1; }
.srv-cta {
  display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;
  font-family:'Syne',sans-serif;font-size:.8rem;font-weight:700;
  color:var(--p);text-decoration:none;
  transition:color .2s,gap .2s;width:fit-content;
}
.srv-cta:hover { color:#fff;gap:.6rem; }

/* ══════════════════════════════════════════════════════
   FIX #3 — CONSULTATION FORM
   ══════════════════════════════════════════════════════ */
.consult-form-wrap {
  background:var(--s1);border:1px solid var(--b);border-radius:var(--r);
  padding:2rem;
}
.consult-form { display:flex;flex-direction:column;gap:1.2rem; }
.form-group { display:flex;flex-direction:column;gap:.45rem; }
.form-group label {
  font-family:'Syne',sans-serif;font-size:.78rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);
}
.form-group label span { color:var(--p); }
.form-group input,
.form-group select,
.form-group textarea {
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--rs);
  color:#fff;
  font-family:'DM Sans',sans-serif;font-size:.95rem;
  padding:.75rem 1rem;
  transition:border-color .25s,background .25s;
  outline:none;
  width:100%;
}
.form-group select { cursor:pointer; }
.form-group select option { background:#1a0028;color:#fff; }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color:rgba(185,0,255,.55);background:rgba(185,0,255,.06);
}
.form-group input::placeholder,
.form-group textarea::placeholder { color:rgba(255,255,255,.3); }
.form-group textarea { resize:vertical;min-height:120px; }
.form-submit-btn { margin-top:.4rem; }
.form-success {
  display:flex;align-items:center;gap:.7rem;
  padding:1rem 1.2rem;
  background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.3);
  border-radius:var(--rs);color:#25D366;
  font-size:.9rem;font-family:'Syne',sans-serif;font-weight:600;
  animation:revUp .4s ease;
}
.form-error {
  padding:.9rem 1.1rem;
  background:rgba(255,60,60,.08);border:1px solid rgba(255,60,60,.25);
  border-radius:var(--rs);color:#ff6b6b;font-size:.85rem;
}
.form-error a { color:var(--p); }

/* ══════════════════════════════════════════════════════
   FIX #10 — FOOTER CLEANUP
   ══════════════════════════════════════════════════════ */
.footer-clean {
  display:grid;grid-template-columns:1fr auto auto;
  gap:3rem;align-items:start;
  padding-bottom:2.5rem;
}
.footer-brand { display:flex;flex-direction:column;gap:.4rem; }
.footer-loc { font-size:.85rem;color:var(--td); }
.footer-links { display:flex;gap:3rem; }
.footer-clean .fsocs {
  display:flex;flex-direction:column;gap:.8rem;
  align-items:flex-end;margin-top:0;
}
.footer-clean .fsocs a { color:var(--td);transition:color .2s;display:flex; }
.footer-clean .fsocs a:hover { color:var(--p); }

/* ══════════════════════════════════════════════════════
   FIX #15 — WORK CARD HOVER (image scale + overlay slide)
   ══════════════════════════════════════════════════════ */
.work-thumb-overlay {
  background:rgba(0,0,0,.55);
  transition:opacity .3s ease;
}
.work-thumb-overlay .work-open-label {
  transform:translateY(12px);
  transition:transform .3s ease, opacity .3s ease;
  opacity:0;
}
.work-card:hover .work-thumb-overlay .work-open-label {
  transform:translateY(0);opacity:1;
}
.work-thumb-img {
  transition:transform .35s ease;
}
.work-card:hover .work-thumb-img {
  transform:scale(1.04);
}

/* ══════════════════════════════════════════════════════
   FIX #18 — WA IDLE PULSE RING + TOOLTIP
   ══════════════════════════════════════════════════════ */
.wa-btn.wa-idle .wa-pulse {
  animation:waPulse 2.6s ease-out infinite;
}
.wa-tip {
  /* visible state controlled by JS idle timer */
  position:absolute;right:72px;top:50%;
  transform:translateY(-50%) translateX(6px);
  white-space:nowrap;background:rgba(0,0,0,.88);color:#fff;
  padding:.4rem .88rem;border-radius:8px;
  font-family:'Syne',sans-serif;font-size:.76rem;font-weight:600;
  opacity:0;pointer-events:none;
  transition:opacity .3s,transform .3s;
}
.wa-btn.wa-show-tip .wa-tip {
  opacity:1;transform:translateY(-50%) translateX(0);
}
.wa-btn:hover .wa-tip { opacity:1;transform:translateY(-50%) translateX(0); }

/* ══════════════════════════════════════════════════════
   FIX #13 — SCROLL REVEAL STAGGER for card grids
   ══════════════════════════════════════════════════════ */
.work-card.sr:nth-child(2)  { transition-delay:.08s; }
.work-card.sr:nth-child(3)  { transition-delay:.16s; }
.work-card.sr:nth-child(4)  { transition-delay:.24s; }
.work-card.sr:nth-child(5)  { transition-delay:.32s; }
.work-card.sr:nth-child(6)  { transition-delay:.40s; }
.srv-card.sr.sd1 { transition-delay:.08s; }
.srv-card.sr.sd2 { transition-delay:.16s; }
.srv-card.sr.sd3 { transition-delay:.24s; }
.vcard.sr:nth-child(2) { transition-delay:.08s; }
.vcard.sr:nth-child(3) { transition-delay:.16s; }
.vcard.sr:nth-child(4) { transition-delay:.24s; }

/* ══════════════════════════════════════════════════════
   RESPONSIVE UPDATES for new components
   ══════════════════════════════════════════════════════ */
@media (max-width:900px) {
  .footer-clean { grid-template-columns:1fr;gap:2rem; }
  .footer-clean .fsocs { flex-direction:row;align-items:flex-start; }
  .footer-links { gap:2rem; }
}
@media (max-width:768px) {
  .srv-grid { grid-template-columns:1fr; }
  .consult-form-wrap { padding:1.4rem; }
}
@media (max-width:650px) {
  .footer-links { flex-direction:column;gap:1.5rem; }
}

/* ══════════════════════════════════════════════════════
   MOBILE GPU PERFORMANCE
   ══════════════════════════════════════════════════════ */
@media (max-width:768px) {
  .orb { filter:blur(30px) !important; }
  .o4,.o5,.bg-beam { display:none; }
  .ring-c { display:none; }
  #cursorFx { display:none !important; }
}