/* ═══════════════════════════════════════════
   TOKENS
═══════════════════════════════════════════ */
:root {
  --black:    #0a0a0a;
  --black2:   rgb(0, 0, 0);
  --black3:   #161616;
  --orange:   #FF6A00;
  --orange2:  #FF8C00;
  --orange-d: #cc5500;
  --orange-g: linear-gradient(135deg,#FF6A00,#FF8C00);
  --white:    #FFFFFF;
  --gray1:    #CCCCCC;
  --gray2:    #888888;
  --gray3:    #444444;
  --border:   rgba(255,106,0,0.15);
  --border2:  rgba(255,255,255,0.06);
  --glass:    rgba(255,255,255,0.03);
  --orange-glow: rgba(255,106,0,0.3);
  --font-d: 'Barlow Condensed', sans-serif;
  --font-b: 'Barlow', sans-serif;
  --font-m: 'Space Mono', monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--black); background-image:radial-gradient(circle at top right, rgba(255,106,0,.08), transparent 30%), radial-gradient(circle at bottom left, rgba(59,130,246,.08), transparent 30%);
  color: var(--white);
  font-family: var(--font-b);
  overflow-x: hidden;
  
}

/* ── CURSOR ── */
#cur { position:fixed;top:0;left:0;z-index:9999;width:10px;height:10px;background:var(--orange);border-radius:50%;pointer-events:none;transition:transform .15s,opacity .15s;mix-blend-mode:normal; }
#cur-r { position:fixed;top:0;left:0;z-index:9998;width:36px;height:36px;border:1.5px solid rgba(255,106,0,0.5);border-radius:50%;pointer-events:none;transition:transform .35s cubic-bezier(.17,.67,.35,1),width .25s,height .25s,border-color .25s; }
body.hov #cur { transform:scale(2.5); }
body.hov #cur-r { width:54px;height:54px;border-color:var(--orange); }

/* ── NAV ── */
nav {
  position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100;
  display:flex;align-items:center;gap:0;
  background:rgba(15,15,15,0.85);
  backdrop-filter:blur(20px);
  border:1px solid var(--border2);
  border-radius:100px;
  padding:10px 10px 10px 28px;
  width:min(900px,92vw);
}
.nav-logo {
  font-family:var(--font-d);font-size:20px;font-weight:900;
  letter-spacing:1px;color:var(--white);
  margin-right:auto;display:flex;align-items:center;gap:0;
  white-space:nowrap;
}
.nav-logo span { color:var(--orange); }
.nav-links { display:flex;gap:32px;list-style:none;margin:0 32px; }
.nav-links a {
  font-family:var(--font-b);font-size:14px;font-weight:500;
  color:var(--gray2);text-decoration:none;letter-spacing:.3px;
  transition:color .2s;white-space:nowrap;
}
.nav-links a:hover,.nav-links a.active { color:var(--orange); }
.nav-cta {
  font-family:var(--font-d);font-size:13px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  color:var(--white);background:var(--black);
  border:1.5px solid var(--gray3);
  padding:10px 22px;border-radius:100px;
  cursor:none;white-space:nowrap;
  transition:border-color .2s,color .2s,background .2s;
}
.nav-cta:hover { border-color:var(--orange);color:var(--orange); }

/* ── HERO ── */
#hero {
  min-height:100vh;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;
  padding:120px 80px 80px;
  position:relative;overflow:hidden;
  gap:60px;
}
/* subtle circuit-board grid */
.hero-grid {
  position:absolute;inset:0;z-index:0;opacity:.035;
  background-image:
    linear-gradient(rgba(255,106,0,1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,106,0,1) 1px, transparent 1px);
  background-size:50px 50px;
}
/* faint diagonal stripes on left */
.hero-stripes {
  position:absolute;top:0;left:0;width:50%;height:100%;z-index:0;
  background: repeating-linear-gradient(
    -55deg,
    rgba(255,106,0,0.02) 0px,
    rgba(255,106,0,0.02) 1px,
    transparent 1px,
    transparent 40px
  );
}
.hero-left { position:relative;z-index:2; }
.hero-badge {
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,106,0,0.1);border:1px solid rgba(255,106,0,0.3);
  border-radius:100px;padding:6px 16px;margin-bottom:28px;
  font-family:var(--font-m);font-size:11px;color:var(--orange);letter-spacing:1px;
}
.hero-badge-dot { width:7px;height:7px;border-radius:50%;background:var(--orange);animation:blink 1.5s infinite; }
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero-h1 {
  font-family:var(--font-d);
  font-size:clamp(72px,9vw,130px);
  font-weight:900;line-height:.95;letter-spacing:-1px;
  color:var(--white);margin-bottom:4px;
  text-transform:uppercase;
}
.hero-h1-orange {
  font-family:var(--font-d);
  font-size:clamp(72px,9vw,130px);
  font-weight:900;line-height:.95;letter-spacing:-1px;
  color:var(--orange);margin-bottom:32px;
  text-transform:uppercase;display:block;
}
.hero-sub {
  font-size:16px;color:var(--gray2);line-height:1.7;
  max-width:480px;margin-bottom:44px;
}
.hero-btns { display:flex;gap:14px;flex-wrap:wrap; }
.btn-orange {
  font-family:var(--font-d);font-size:15px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  color:var(--white);
  background:var(--orange);
  border:none;padding:14px 34px;border-radius:100px;
  cursor:none;display:flex;align-items:center;gap:10px;
  transition:background .2s,transform .2s,box-shadow .2s;
  box-shadow:0 0 28px rgba(255,106,0,0.35);
}
.btn-orange:hover { background:var(--orange2);transform:translateY(-2px);box-shadow:0 6px 36px rgba(255,106,0,0.5); }
.btn-ghost {
  font-family:var(--font-d);font-size:15px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  color:var(--white);background:transparent;
  border:1.5px solid var(--gray3);
  padding:14px 34px;border-radius:100px;
  cursor:none;
  transition:border-color .2s,color .2s,transform .2s;
}
.btn-ghost:hover { border-color:var(--orange);color:var(--orange);transform:translateY(-2px); }

/* HERO RIGHT — AI visual zone */
.hero-right { position:relative;z-index:2;display:flex;align-items:center;justify-content:center; }
.hero-orb {
  width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle at 50% 40%, #FF8C00 0%, #FF6A00 30%, transparent 70%);
  filter:blur(0px);
  position:relative;
  display:flex;align-items:center;justify-content:center;
  overflow:visible;
}
.hero-orb::before {
  content:'';position:absolute;inset:-20px;border-radius:50%;
  background:radial-gradient(circle at 50% 40%, rgba(255,140,0,0.18) 0%, transparent 70%);
  animation:orbpulse 4s ease-in-out infinite;
}
@keyframes orbpulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.06);opacity:1}}
.hero-robot-scene {
  position:relative;width:420px;height:420px;
  display:flex;align-items:flex-end;justify-content:center;
}
/* SVG robot illustration */
.robot-svg { width:360px;height:360px;position:absolute;bottom:0;left:50%;transform:translateX(-50%); }
/* floating badges */
.float-badge {
  position:absolute;
  background:rgba(10,10,10,0.85);
  backdrop-filter:blur(12px);
  border:1px solid var(--border);
  border-radius:100px;
  padding:8px 16px;
  display:flex;align-items:center;gap:8px;
  font-family:var(--font-m);font-size:10px;letter-spacing:1px;
  color:var(--orange);
  animation:floatbadge 3s ease-in-out infinite;
}
.float-badge .fb-dot { width:7px;height:7px;border-radius:50%;background:var(--orange); }
.float-badge.b1 { top:60px;left:-20px;animation-delay:0s; }
.float-badge.b2 { bottom:80px;right:-30px;animation-delay:1.5s; }
@keyframes floatbadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── MARQUEE ── */
.marquee-wrap {
  background:var(--orange);
  padding:15px 0;overflow:hidden;
  transform:rotate(-1deg) scaleX(1.05);
  margin:-8px 0;position:relative;z-index:10;
}
.marquee-track {
  display:flex;width:max-content;
  animation:mq 22s linear infinite;
}
.mq-item {
  font-family:var(--font-d);font-size:14px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  color:var(--black);padding:0 28px;white-space:nowrap;
  display:flex;align-items:center;gap:28px;
}
.mq-item::after { content:'✦';font-size:10px; }
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── SECTION BASE ── */
section.zsect { padding:110px 80px; }
.s-eyebrow {
  font-family:var(--font-m);font-size:11px;letter-spacing:3px;
  color:var(--orange);text-transform:uppercase;margin-bottom:16px;
}
.s-h2 {
  font-family:var(--font-d);font-size:clamp(42px,5.5vw,72px);
  font-weight:900;letter-spacing:-1px;line-height:1;
  color:var(--white);text-transform:uppercase;margin-bottom:16px;
}
.s-h2 span { color:var(--orange); }
.s-sub { font-size:15px;color:var(--gray2);line-height:1.7;max-width:540px; }
.centered { text-align:center; }
.centered .s-sub { margin:0 auto; }

/* ── SERVICES ── */
#services { background:var(--black2); }
.svc-top { display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px; }
.svc-grid {
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--gray3);
}
.svc-link{
  display:block;
  color:inherit;
  text-decoration:none;
  height:100%;
}
.svc-card {
  background:var(--black2);padding:48px 40px;
  position:relative;overflow:hidden;cursor:none;
  transition:background .3s;
}
/* =========================
   SERVICE CARD
========================= */

.svc-card{
  background:var(--black2);
  padding:48px 40px;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  transition:all .35s ease;
  border:1px solid rgba(255,255,255,.04);
}

.svc-card::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:2px;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}

.svc-card:hover{
  background:var(--black3);
  transform:translateY(-5px);
}

.svc-card:hover::after{
  transform:scaleX(1);
}

/* =========================
   ICON
========================= */

.svc-card-icon{
  width:56px;
  height:56px;
  border-radius:12px;
  background:rgba(255,106,0,.1);
  border:1px solid rgba(255,106,0,.2);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  margin-bottom:24px;
  transition:all .3s ease;
}

.svc-card:hover .svc-card-icon{
  background:rgba(255,106,0,.18);
  box-shadow:0 0 20px rgba(255,106,0,.25);
  transform:scale(1.05);
}

/* =========================
   TITLE
========================= */

.svc-name{
  font-family:var(--font-d);
  font-size:24px;
  font-weight:800;
  color:var(--white);
  letter-spacing:.3px;
  text-transform:uppercase;
  margin-bottom:12px;

  display:flex;
  align-items:center;
  justify-content:space-between;
}

.dropdown-arrow{
  font-size:12px;
  color:var(--orange);
  transition:.35s ease;
}

/* =========================
   DESCRIPTION
========================= */

.svc-desc{
  font-size:14px;
  color:var(--gray2);
  line-height:1.7;
  margin-bottom:24px;
}

/* =========================
   TAGS
========================= */

.svc-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.svc-tag{
  font-family:var(--font-m);
  font-size:9px;
  letter-spacing:1px;
  color:var(--orange);
  border:1px solid rgba(255,106,0,.25);
  padding:3px 10px;
  border-radius:100px;
}

/* =========================
   DROPDOWN
========================= */

.svc-dropdown{
  max-height:0;
  overflow:hidden;
  opacity:0;
  margin-top:0;
  transition:
  max-height .4s ease,
  opacity .3s ease,
  margin-top .3s ease;
}

.svc-dropdown a{
  display:block;
  padding:12px 14px;
  margin-top:10px;
  background:#111;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  transition:all .25s ease;
}

.svc-dropdown a:hover{
  border-color:var(--orange);
  background:rgba(255,106,0,.08);
  transform:translateX(6px);
}

/* Hover Open */

.svc-card:hover .svc-dropdown{
  max-height:400px;
  opacity:1;
  margin-top:20px;
}

.svc-card:hover .dropdown-arrow{
  transform:rotate(180deg);
}

/* Click Open */

.svc-card.active .svc-dropdown{
  max-height:400px;
  opacity:1;
  margin-top:20px;
}

.svc-card.active .dropdown-arrow{
  transform:rotate(180deg);
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  .svc-card{
    padding:32px 24px;
  }

  .svc-name{
    font-size:20px;
  }

  .svc-desc{
    font-size:13px;
  }

  .svc-dropdown a{
    padding:12px;
    font-size:12px;
  }
}

/* ── STATS BAND ── */
#stats {
  background:var(--black3);
  border-top:1px solid var(--border2);
  border-bottom:1px solid var(--border2);
  padding:70px 80px;
}
.stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:0; }
.stat-item {
  text-align:center;padding:0 30px;
  border-right:1px solid var(--border2);
}
.stat-item:last-child { border-right:none; }
.stat-num {
  font-family:var(--font-d);font-size:72px;font-weight:900;
  color:var(--orange);letter-spacing:-2px;line-height:1;
  margin-bottom:8px;
}
.stat-lbl { font-size:13px;color:var(--gray2);letter-spacing:.5px; }

/* ── WORK ── */
#work { background:var(--black); }
.work-top { display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px; }
.all-link {
  font-family:var(--font-d);font-size:14px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:var(--orange);
  text-decoration:none;border-bottom:1px solid rgba(255,106,0,.3);
  padding-bottom:2px;transition:border-color .2s;
}
.all-link:hover { border-color:var(--orange); }
.work-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:24px; }
.work-card {
  background:var(--black2);border:1px solid var(--border2);
  border-radius:4px;overflow:hidden;cursor:none;
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
.work-card:hover { border-color:rgba(255,106,0,0.5);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.6),0 0 0 1px rgba(255,106,0,0.3); }
.work-card.span2 { grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr; }
/* browser mock */
.wm-browser {
  background:var(--black3);
  border-bottom:1px solid var(--border2);
}
.work-card.span2 .wm-browser { border-bottom:none;border-right:1px solid var(--border2); }
.wm-bar {
  display:flex;align-items:center;gap:7px;
  padding:10px 14px;background:var(--black2);
  border-bottom:1px solid var(--border2);
}
.wm-dot { width:9px;height:9px;border-radius:50%; }
.wm-addr {
  flex:1;height:18px;background:var(--black3);border-radius:3px;
  margin:0 10px;display:flex;align-items:center;padding:0 8px;
  font-family:var(--font-m);font-size:8px;color:var(--gray3);overflow:hidden;
}
.wm-body { padding:0;overflow:hidden; }

/* ── mock screens ── */
/* SaaS */
.ms-saas { display:flex;height:220px; }
.ms-sidebar { width:140px;background:rgba(255,106,0,0.04);border-right:1px solid var(--border2);padding:14px 12px;flex-shrink:0; }
.ms-slogo { width:70px;height:8px;background:var(--orange);border-radius:4px;opacity:.6;margin-bottom:18px; }
.ms-snav { height:6px;background:var(--black3);border-radius:3px;margin-bottom:9px; }
.ms-snav.a { background:var(--orange);opacity:.5;width:75%; }
.ms-content { flex:1;padding:14px; }
.ms-kpis { display:flex;gap:8px;margin-bottom:10px; }
.ms-kpi { flex:1;background:var(--black2);border:1px solid var(--border2);border-radius:4px;padding:10px; }
.ms-kpi-v { font-family:var(--font-d);font-size:18px;font-weight:700;color:var(--white); }
.ms-kpi-l { font-size:8px;color:var(--gray2);margin-top:2px; }
.ms-kpi.hot .ms-kpi-v { color:var(--orange); }
.ms-chart { background:var(--black2);border:1px solid var(--border2);border-radius:4px;padding:12px; }
.ms-bars { display:flex;align-items:flex-end;gap:5px;height:60px;margin-top:8px; }
.ms-b { flex:1;border-radius:2px 2px 0 0;min-height:6px; }

/* E-com */
.ms-ecom { height:200px;display:flex;flex-direction:column; }
.ms-ecom-nav { height:32px;background:var(--black2);border-bottom:1px solid var(--border2);display:flex;align-items:center;justify-content:space-between;padding:0 14px; }
.ms-ecom-logo { font-family:var(--font-d);font-size:11px;font-weight:900;color:var(--white);letter-spacing:2px; }
.ms-hero-band { flex:1;background:linear-gradient(120deg,rgba(255,106,0,0.08),rgba(255,106,0,0.03));display:flex;gap:14px;align-items:center;padding:14px; }
.ms-hero-txt { flex:1; }
.ms-pill { display:inline-block;background:var(--orange);border-radius:100px;padding:2px 8px;font-size:8px;color:var(--black);font-weight:700;margin-bottom:7px; }
.ms-hbar { height:9px;background:var(--white);opacity:.85;border-radius:3px;margin-bottom:5px; }
.ms-hbar.sm { width:55%;height:6px;opacity:.3; }
.ms-hbtn { width:70px;height:18px;background:var(--orange);border-radius:100px;margin-top:8px; }
.ms-img-box { width:70px;height:70px;background:rgba(255,106,0,0.15);border-radius:6px; }
.ms-prods { display:flex;gap:8px;padding:10px 14px; }
.ms-prod { flex:1;background:var(--black2);border:1px solid var(--border2);border-radius:4px;overflow:hidden; }
.ms-prod-img { height:44px;background:linear-gradient(135deg,rgba(255,106,0,0.08),rgba(255,106,0,0.04)); }
.ms-prod-body { padding:7px; }
.ms-prod-n { height:5px;background:var(--gray2);border-radius:3px;opacity:.3;margin-bottom:4px; }
.ms-prod-p { height:7px;width:45%;background:var(--orange);border-radius:3px;opacity:.5; }

/* AI */
.ms-ai { height:200px;display:flex; }
.ms-ai-side { width:120px;background:rgba(255,106,0,0.03);border-right:1px solid var(--border2);padding:12px 10px; }
.ms-ai-logo { height:7px;width:55px;background:var(--orange);border-radius:3px;opacity:.6;margin-bottom:14px; }
.ms-ai-h { height:5px;background:var(--black3);border-radius:3px;margin-bottom:7px; }
.ms-ai-chat { flex:1;padding:12px;display:flex;flex-direction:column;gap:8px; }
.ms-bubble { max-width:80%;padding:7px 10px;border-radius:6px;font-size:8.5px;color:var(--gray1);line-height:1.5; }
.ms-bubble.ai { background:rgba(255,106,0,0.1);border:1px solid rgba(255,106,0,0.2);align-self:flex-start; }
.ms-bubble.u { background:var(--orange);color:var(--black);align-self:flex-end; }
.ms-typing { display:flex;gap:3px;align-items:center;align-self:flex-start;padding:7px 10px;background:rgba(255,106,0,0.08);border:1px solid rgba(255,106,0,0.15);border-radius:6px; }
.ms-td { width:5px;height:5px;border-radius:50%;background:var(--orange);animation:td 1.2s infinite; }
.ms-td:nth-child(2){animation-delay:.2s}.ms-td:nth-child(3){animation-delay:.4s}
@keyframes td{0%,60%,100%{opacity:.2}30%{opacity:1}}

.work-info { padding:28px 32px; }
.work-tag { font-family:var(--font-m);font-size:10px;letter-spacing:2px;color:var(--orange);text-transform:uppercase;margin-bottom:10px; }
.work-title { font-family:var(--font-d);font-size:24px;font-weight:800;color:var(--white);text-transform:uppercase;margin-bottom:10px; }
.work-desc { font-size:13px;color:var(--gray2);line-height:1.65;margin-bottom:18px; }
.work-chips { display:flex;flex-wrap:wrap;gap:7px; }
.wchip { font-family:var(--font-m);font-size:9px;letter-spacing:1px;color:var(--gray2);border:1px solid var(--border2);padding:3px 9px;border-radius:100px; }

/* ── PROCESS ── */
#process { background:var(--black2); }
.proc-header { margin-bottom:72px; }
.proc-steps { display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative; }
.proc-line {
  position:absolute;top:44px;left:calc(12%);right:calc(12%);height:1px;
  background:linear-gradient(90deg,var(--orange),rgba(255,106,0,0.1));
  z-index:0;
}
.proc-step { padding:0 28px 0 0;position:relative;z-index:1; }
.proc-circle {
  width:88px;height:88px;border-radius:50%;
  border:1.5px solid var(--gray3);
  background:var(--black2);
  display:flex;align-items:center;justify-content:center;
  font-size:32px;margin-bottom:28px;position:relative;
  transition:border-color .3s,box-shadow .3s;
}
.proc-step:hover .proc-circle { border-color:var(--orange);box-shadow:0 0 24px rgba(255,106,0,0.3); }
.proc-n {
  position:absolute;top:-4px;right:-4px;
  width:22px;height:22px;border-radius:50%;
  background:var(--orange);
  font-family:var(--font-m);font-size:9px;font-weight:700;color:var(--black);
  display:flex;align-items:center;justify-content:center;
}
.proc-title { font-family:var(--font-d);font-size:19px;font-weight:800;text-transform:uppercase;color:var(--white);margin-bottom:10px; }
.proc-desc { font-size:13px;color:var(--gray2);line-height:1.65; }

/* ── TECH ── */
#tech { background:var(--black); }
.tech-grid {
  display:grid;grid-template-columns:repeat(6,1fr);
  border:1px solid var(--border2);margin-top:64px;
}
.tech-item {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:32px 16px;text-align:center;
  border-right:1px solid var(--border2);border-bottom:1px solid var(--border2);
  cursor:none;transition:background .3s;
}
.tech-item:hover { background:rgba(255,106,0,0.06); }
.tech-em { font-size:28px;margin-bottom:8px; }
.tech-nm { font-family:var(--font-d);font-size:13px;font-weight:700;text-transform:uppercase;color:var(--gray1);letter-spacing:.5px; }
.tech-cat { font-family:var(--font-m);font-size:8px;color:var(--gray3);letter-spacing:1px;margin-top:3px; }

/* ── TESTIMONIALS ── */
#testimonials { background:var(--black2); }
.test-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px; }
.test-card {
  background:var(--black3);border:1px solid var(--border2);
  border-radius:4px;padding:40px 34px;
  position:relative;overflow:hidden;
  transition:border-color .3s,transform .3s;cursor:none;
}
.test-card::before {
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--orange);transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.test-card:hover::before { transform:scaleX(1); }
.test-card:hover { border-color:rgba(255,106,0,0.3);transform:translateY(-4px); }
.test-stars { color:var(--orange);font-size:14px;margin-bottom:18px;letter-spacing:2px; }
.test-q { font-family:var(--font-d);font-size:52px;font-weight:900;color:var(--orange);opacity:.2;line-height:1;margin-bottom:10px; }
.test-txt { font-size:14px;color:var(--gray1);line-height:1.75;margin-bottom:28px;font-style:italic; }
.test-author { display:flex;align-items:center;gap:12px; }
.test-av {
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--orange),#FF8C00);
  display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
}
.test-nm { font-family:var(--font-d);font-size:15px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.5px; }
.test-rl { font-size:12px;color:var(--gray2);margin-top:2px; }

/* ── PRICING ── */
#pricing { background:var(--black); }
.price-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px; }
.price-card {
  background:var(--black2);border:1px solid var(--border2);
  border-radius:4px;padding:44px 38px;
  position:relative;overflow:hidden;
  transition:transform .3s,border-color .3s;cursor:none;
}
.price-card:hover { transform:translateY(-6px); }
.price-card.feat {
  border-color:var(--orange);
  background:var(--black3);
  box-shadow:0 0 50px rgba(255,106,0,0.1);
}
.price-card.feat::after {
  content:'MOST POPULAR';
  position:absolute;top:20px;right:20px;
  font-family:var(--font-m);font-size:8px;letter-spacing:2px;font-weight:700;
  background:var(--orange);color:var(--black);
  padding:4px 12px;border-radius:100px;
}
.price-tier { font-family:var(--font-m);font-size:10px;letter-spacing:3px;color:var(--orange);text-transform:uppercase;margin-bottom:22px; }
.price-amt { font-family:var(--font-d);font-size:56px;font-weight:900;color:var(--white);letter-spacing:-2px;line-height:1;margin-bottom:6px; }
.price-amt sub { font-size:22px;font-weight:400;color:var(--gray2);vertical-align:baseline; }
.price-note { font-size:13px;color:var(--gray2);margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border2); }
.price-feats { list-style:none;margin-bottom:36px; }
.price-feats li {
  font-size:14px;color:var(--gray1);padding:10px 0;
  border-bottom:1px solid var(--border2);
  display:flex;align-items:center;gap:12px;
}
.price-feats li::before { content:'→';color:var(--orange);font-weight:700;flex-shrink:0; }
.price-feats li.off::before { content:'✕';color:var(--gray3); }
.price-feats li.off { color:var(--gray3); }
.price-btn {
  display:block;width:100%;text-align:center;
  font-family:var(--font-d);font-size:14px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  padding:14px;border-radius:4px;cursor:none;
  text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;
}
.price-btn.outline { color:var(--white);border:1.5px solid var(--gray3);background:transparent; }
.price-btn.outline:hover { border-color:var(--orange);color:var(--orange); }
.price-btn.filled { color:var(--black);background:var(--orange);border:none;box-shadow:0 0 24px rgba(255,106,0,0.3); }
.price-btn.filled:hover { background:var(--orange2);box-shadow:0 6px 30px rgba(255,106,0,0.5); }

/* ── CTA ── */
#cta {
  background:var(--black2);
  text-align:center;position:relative;overflow:hidden;
  padding:120px 80px;
}
.cta-bg {
  position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse 70% 80% at 50% 50%, rgba(255,106,0,0.07), transparent 70%);
}
.cta-inner { position:relative;z-index:2;max-width:740px;margin:0 auto; }
.cta-h { font-family:var(--font-d);font-size:clamp(48px,7vw,90px);font-weight:900;letter-spacing:-1.5px;line-height:.95;text-transform:uppercase;color:var(--white);margin-bottom:24px; }
.cta-h span { color:var(--orange); }
.cta-sub { font-size:16px;color:var(--gray2);margin-bottom:48px;line-height:1.7; }
.cta-btns { display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:36px; }
.cta-note { font-family:var(--font-m);font-size:11px;color:var(--gray3);letter-spacing:1px; }
.cta-note b { color:var(--orange); }

/* ── FOOTER ── */
footer {
  background:var(--black);
  border-top:1px solid var(--border2);
  padding:70px 80px 40px;
}
.foot-top { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px; }
.foot-brand {}
.foot-logo { font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);display:block;margin-bottom:16px;letter-spacing:1px; }
.foot-logo span { color:var(--orange); }
.foot-tag { font-size:14px;color:var(--gray2);line-height:1.65;margin-bottom:28px;max-width:260px; }
.foot-socials { display:flex;gap:10px; }
.foot-soc {
  width:38px;height:38px;border-radius:4px;
  border:1px solid var(--border2);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;text-decoration:none;cursor:none;
  transition:border-color .2s,background .2s;
}
.foot-soc:hover { border-color:var(--orange);background:rgba(255,106,0,0.1); }
.foot-col h4 { font-family:var(--font-d);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--white);margin-bottom:20px; }
.foot-col ul { list-style:none; }
.foot-col li { margin-bottom:12px; }
.foot-col a { font-size:13px;color:var(--gray2);text-decoration:none;transition:color .2s; }
.foot-col a:hover { color:var(--orange); }
.foot-bot {
  display:flex;justify-content:space-between;align-items:center;
  border-top:1px solid var(--border2);padding-top:28px;
}
.foot-copy { font-size:12px;color:var(--gray3); }
.foot-copy b { color:var(--orange); }
.foot-legal { display:flex;gap:24px; }
.foot-legal a { font-size:12px;color:var(--gray3);text-decoration:none;transition:color .2s; }
.foot-legal a:hover { color:var(--gray2); }

/* ── REVEAL ── */
.rv { opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s ease; }
.rv.vis { opacity:1;transform:translateY(0); }
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}

/* ── MOBILE ── */
@media(max-width:960px){
  nav{padding:8px 8px 8px 20px;width:92vw}
  .nav-links{display:none}
  #hero{grid-template-columns:1fr;padding:100px 24px 60px;text-align:center;     position: relative;
    min-height: 100vh;
    background: linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),
                url('https://futuristic-digital-agency.vercel.app/assets/nextImageExportOptimizer/bg-robo-opt-750.WEBP');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
  .hero-right{display:none}
  .hero-btns{justify-content:center}
  section.zsect{padding:80px 24px}
  #stats{padding:60px 24px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:40px}
  .stat-item{border-right:none;border-bottom:1px solid var(--border2);padding-bottom:30px}
  .svc-grid{grid-template-columns:1fr}
  .work-grid{grid-template-columns:1fr}
  .work-card.span2{grid-template-columns:1fr}
  .proc-steps{grid-template-columns:1fr 1fr;gap:40px}
  .proc-line{display:none}
  .tech-grid{grid-template-columns:repeat(3,1fr)}
  .test-grid,.price-grid{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr 1fr;gap:40px}
  .foot-bot{flex-direction:column;gap:14px;text-align:center}
  body{cursor:auto}
  #cur,#cur-r{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}