:root{
    --navy-950:#040814;
    --navy-900:#070d1e;
    --navy-800:#0b1428;
    --navy-700:#111d38;
    --navy-600:#182749;
    --blue-500:#2f6bff;
    --blue-400:#4f7fff;
    --blue-300:#7ea3ff;
    --ink-900:#0a0e1a;
    --white:#ffffff;
    --gray-100:#f4f6fb;
    --gray-300:#c7cede;
    --gray-500:#8891a8;
    --gray-700:#5b6478;
    --border-soft: rgba(255,255,255,0.08);
    --border-soft-dark: rgba(10,14,26,0.08);
    --radius-lg: 20px;
    --radius-md: 14px;
    --radius-sm: 10px;
    --max-w: 1240px;
    --nav-h: 84px;
  }

  *,*::before,*::after{ box-sizing:border-box; }
  html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
  body{
    margin:0;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background:var(--gray-100);
    color:var(--ink-900);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{ max-width:100%; display:block; }
  a{ color:inherit; text-decoration:none; }
  button{ font-family:inherit; cursor:pointer; }
  ul{ margin:0; padding:0; list-style:none; }
  section{ position:relative; }

  .wrap{
    width:100%;
    max-width:var(--max-w);
    margin:0 auto;
    padding:0 24px;
  }

  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    font-weight:700;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:var(--blue-400);
  }
  .eyebrow::before{
    content:"";
    width:22px;
    height:2px;
    background:var(--blue-400);
    display:inline-block;
  }

  h1,h2,h3,h4{
    margin:0;
    font-weight:600;
    letter-spacing:-0.01em;
    line-height:1.15;
  }

  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:15px 28px;
    border-radius:999px;
    font-weight:700;
    font-size:15px;
    border:1.5px solid transparent;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
    white-space:nowrap;
    -webkit-tap-highlight-color: transparent;
  }
  .btn:active{ transform:scale(0.97); }
  .btn-primary{
    background:linear-gradient(180deg,var(--blue-400),var(--blue-500));
    color:#fff;
    box-shadow:0 10px 24px -8px rgba(47,107,255,.55);
  }
  .btn-primary:hover{ box-shadow:0 14px 30px -8px rgba(47,107,255,.7); transform:translateY(-1px); }
  .btn-outline-dark{
    background:transparent;
    border-color: rgba(255,255,255,0.28);
    color:#fff;
  }
  .btn-outline-dark:hover{ border-color:#fff; background:rgba(255,255,255,0.06); }
  .btn-outline-light{
    background:transparent;
    border-color: rgba(10,14,26,0.18);
    color:var(--ink-900);
  }
  .btn-outline-light:hover{ border-color:var(--ink-900); }
  .btn-dark{
    background:var(--ink-900);
    color:#fff;
  }
  .btn-dark:hover{ background:#000; }
  .btn-block{ width:100%; }

  /* ============ HEADER ============ */
  header{
    position:fixed;
    top:0; left:0; right:0;
    z-index:1000;
    height:var(--nav-h);
    display:flex;
    align-items:center;
    background:rgba(4,8,20,0.72);
    backdrop-filter:saturate(180%) blur(14px);
    -webkit-backdrop-filter:saturate(180%) blur(14px);
    border-bottom:1px solid var(--border-soft);
    transition:background .25s ease;
  }
  header.scrolled{ background:rgba(4,8,20,0.92); }
  .nav-inner{
    width:100%;
    max-width:var(--max-w);
    margin:0 auto;
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }
  .brand{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    min-width:0;
  }
  .brand-mark{
    width:50px; height:50px;
    border-radius:13px;
    background:linear-gradient(160deg,var(--navy-600),var(--navy-800));
    border:1px solid rgba(255,255,255,0.15);
    display:flex; align-items:center; justify-content:center;
    flex:none;
    overflow:hidden;
  }
  .brand-mark svg{ width:24px; height:24px; }
  .brand-mark img{ width:100%; height:100%; object-fit:cover; }
  .brand-text{ display:flex; flex-direction:column; line-height:1.15; min-width:0; }
  .brand-text strong{ font-size:16px; letter-spacing:0.5px; white-space:nowrap; }
  .brand-text span{ font-size:10px; letter-spacing:2px; color:var(--gray-300); white-space:nowrap; }

  nav.primary-nav{ display:flex; align-items:center; gap:36px; }
  nav.primary-nav a{
    font-size:14.5px;
    font-weight:600;
    color:var(--gray-300);
    position:relative;
    padding:6px 0;
    transition:color .2s ease;
  }
  nav.primary-nav a:hover{ color:#fff; }
  nav.primary-nav a.active{ color:#fff; }
  nav.primary-nav a.active::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-4px;
    height:2px;
    background:var(--blue-400);
    border-radius:2px;
  }

  .nav-right{ display:flex; align-items:center; gap:14px; }

  .hamburger{
    display:none;
    width:44px; height:44px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.15);
    background:rgba(255,255,255,0.04);
    align-items:center; justify-content:center;
    flex:none;
  }
  .hamburger span, .hamburger span::before, .hamburger span::after{
    content:"";
    display:block;
    width:20px; height:2px;
    background:#fff;
    border-radius:2px;
    position:relative;
    transition:transform .25s ease, opacity .25s ease;
  }
  .hamburger span::before{ position:absolute; top:-6px; left:0; }
  .hamburger span::after{ position:absolute; top:6px; left:0; }
  .hamburger.is-open span{ background:transparent; }
  .hamburger.is-open span::before{ transform:translateY(6px) rotate(45deg); }
  .hamburger.is-open span::after{ transform:translateY(-6px) rotate(-45deg); }

  .mobile-panel{
    position:fixed;
    top:var(--nav-h); left:0; right:0; bottom:0;
    background:rgba(4,8,20,0.98);
    backdrop-filter:blur(10px);
    padding:28px 24px 40px;
    transform:translateY(-12px);
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease, transform .22s ease;
    z-index:999;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .mobile-panel.open{ opacity:1; transform:translateY(0); pointer-events:auto; }
  .mobile-panel a{
    display:block;
    padding:16px 4px;
    font-size:19px;
    font-weight:700;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .mobile-panel .btn{ margin-top:24px; }

  /* ============ HERO ============ */
  .hero{
    position:relative;
    background:radial-gradient(120% 100% at 78% 15%, #0d1a3a 0%, var(--navy-950) 55%), var(--navy-950);
    color:#fff;
    padding:calc(var(--nav-h) + 64px) 0 90px;
    overflow:hidden;
  }
  .hero-net{
    position:absolute; inset:0;
    background-image:
      radial-gradient(2px 2px at 15% 25%, rgba(120,150,255,.35), transparent),
      radial-gradient(2px 2px at 85% 15%, rgba(120,150,255,.3), transparent),
      radial-gradient(2px 2px at 65% 70%, rgba(120,150,255,.28), transparent),
      radial-gradient(2px 2px at 30% 80%, rgba(120,150,255,.28), transparent),
      radial-gradient(2px 2px at 92% 60%, rgba(120,150,255,.25), transparent);
    opacity:.9;
    pointer-events:none;
  }
  .hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:40px;
    align-items:center;
  }
  .hero-copy .eyebrow{ margin-bottom:22px; }
  .hero-copy h1{
    font-size:clamp(38px, 5.4vw, 64px);
    letter-spacing:-0.02em;
    margin-bottom:22px;
  }
  .hero-copy h1 .accent{
    background:linear-gradient(90deg,var(--blue-300),var(--blue-400) 60%, #a9bdff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .hero-copy p.lead{
    font-size:17px;
    color:var(--gray-300);
    max-width:540px;
    margin-bottom:34px;
  }
  .hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:38px; }
  .hero-tags{
    display:flex; align-items:center; gap:10px;
    font-size:12px; font-weight:700; letter-spacing:2.5px;
    color:var(--gray-500); text-transform:uppercase;
    flex-wrap:wrap;
  }
  .hero-tags .dot{ width:4px; height:4px; border-radius:50%; background:var(--blue-400); }

  .hero-visual{
    position:relative;
    min-height:420px;
    display:flex; align-items:center; justify-content:center;
  }
  .hub-center{
    width:96px; height:96px;
    border-radius:22px;
    background:linear-gradient(160deg,var(--navy-600),var(--navy-800));
    border:1px solid rgba(255,255,255,0.15);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 0 60px rgba(60,100,255,.25);
  }
  .hub-center svg{ width:44px; height:44px; }
  .chip{
    position:absolute;
    display:flex; align-items:center; gap:10px;
    background:rgba(10,16,32,0.75);
    border:1px solid rgba(255,255,255,0.14);
    padding:12px 18px;
    border-radius:999px;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    backdrop-filter:blur(6px);
  }
  .chip svg{ width:16px; height:16px; color:var(--blue-400); flex:none; }
  .chip-web{ top:2%; left:52%; }
  .chip-support{ top:22%; left:0%; }
  .chip-software{ top:22%; right:2%; }
  .chip-crypto{ bottom:26%; left:6%; }
  .chip-mobile{ bottom:26%; right:0%; }
  .chip-blockchain{ bottom:2%; left:36%; }
  .chip-ecommerce{ bottom:2%; right:6%; }

  /* marquee strip */
  .marquee{
    background:var(--navy-900);
    border-top:1px solid var(--border-soft);
    border-bottom:1px solid var(--border-soft);
    overflow:hidden;
    padding:18px 0;
  }
  .marquee-track{
    display:flex;
    gap:48px;
    white-space:nowrap;
    width:max-content;
    animation:scrollLeft 28s linear infinite;
  }
  .marquee-track span{
    font-size:13px;
    font-weight:700;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:var(--gray-500);
    display:flex;
    align-items:center;
    gap:48px;
  }
  .marquee-track span::after{
    content:"•";
    color:var(--blue-400);
  }
  @keyframes scrollLeft{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
  }

  /* stats */
  .stats{
    background:var(--navy-950);
    padding:56px 0;
    border-bottom:1px solid var(--border-soft);
  }
  .stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    text-align:center;
  }
  .stat h3{
    color:#fff;
    font-size:clamp(24px,3vw,36px);
    margin-bottom:8px;
  }
  .stat p{
    margin:0;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--gray-500);
  }

  /* ============ GENERIC SECTION SPACING ============ */
  .section{ padding:96px 0; }
  .section-tight{ padding:80px 0; }
  .section.on-dark{ background:var(--navy-950); color:#fff; }
  .section.on-navy{ background:var(--navy-900); color:#fff; }

  /* ============ ABOUT ============ */
  .about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:64px;
    align-items:center;
  }
  .about-copy h2{ font-size:clamp(30px,3.6vw,44px); margin:16px 0 22px; }
  .about-copy p{ color:var(--gray-700); font-size:16px; margin-bottom:16px; max-width:520px; }
  .about-copy p strong{ color:var(--ink-900); }
  blockquote{
    margin:26px 0 0;
    padding-left:20px;
    border-left:3px solid var(--blue-500);
    font-size:22px;
    font-style:italic;
    font-weight:700;
    color:var(--ink-900);
    max-width:480px;
  }
  .about-media{ position:relative; border-radius:var(--radius-lg); overflow:hidden; }
  .about-media img{ width:100%; height:420px; object-fit:cover; display:block; }
  .media-badge{
    position:absolute; top:22px; right:22px;
    background:rgba(6,10,22,0.85);
    color:#fff;
    padding:14px 20px;
    border-radius:12px;
    font-weight:700;
    font-size:14px;
    backdrop-filter:blur(6px);
  }
  .media-badge span{ display:block; font-size:11px; font-weight:600; letter-spacing:1.5px; color:var(--blue-300); margin-top:3px; text-transform:uppercase;}
  .meta-pills{
    position:absolute; bottom:22px; left:22px; right:22px;
    display:flex; gap:12px; flex-wrap:wrap;
  }
  .meta-pill{
    background:rgba(6,10,22,0.85);
    color:#fff;
    padding:10px 16px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    display:flex; align-items:center; gap:8px;
    backdrop-filter:blur(6px);
  }
  .meta-pill svg{ width:14px; height:14px; color:var(--blue-400); }

  .mv-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:64px;
  }
  .mv-card{
    background:linear-gradient(160deg,var(--navy-700),var(--navy-900));
    border-radius:var(--radius-lg);
    padding:38px;
    color:#fff;
    position:relative;
    overflow:hidden;
  }
  .mv-card::after{
    content:"";
    position:absolute; top:-40px; right:-40px;
    width:160px; height:160px;
    background:radial-gradient(circle, rgba(80,120,255,.25), transparent 70%);
  }
  .mv-icon{
    width:48px; height:48px;
    border-radius:12px;
    background:rgba(80,120,255,0.15);
    border:1px solid rgba(120,150,255,0.3);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:22px;
  }
  .mv-icon svg{ width:22px; height:22px; color:var(--blue-300); }
  .mv-card .eyebrow{ margin-bottom:12px; }
  .mv-card p{ font-size:19px; font-weight:700; line-height:1.4; margin:0; color:#fff; }

  /* ============ SERVICES ============ */
  .services-head{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:40px;
    align-items:end;
    margin-bottom:52px;
  }
  .services-head h2{ font-size:clamp(30px,3.8vw,46px); margin-top:16px; }
  .services-head .sub{ color:var(--gray-700); font-size:17px; text-align:right; }

  .services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .svc-card{
    border:1px solid var(--border-soft-dark);
    border-radius:var(--radius-lg);
    padding:34px 30px;
    background:#fff;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .svc-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 40px -18px rgba(20,30,60,.25);
    border-color:transparent;
  }
  .svc-top{
    display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:22px;
  }
  .svc-num{
    font-size:38px; font-weight:800;
    color:rgba(10,14,26,0.1);
    line-height:1;
  }
  .svc-icon{
    width:44px; height:44px;
    border-radius:12px;
    background:var(--ink-900);
    display:flex; align-items:center; justify-content:center;
    flex:none;
  }
  .svc-icon svg{ width:20px; height:20px; color:var(--blue-300); }
  .svc-card h3{ font-size:21px; margin-bottom:10px; }
  .svc-card p{ color:var(--gray-700); font-size:15px; margin-bottom:20px; }
  .tag-row{ display:flex; flex-wrap:wrap; gap:8px; }
  .tag{
    font-size:12.5px;
    font-weight:700;
    padding:7px 13px;
    border-radius:999px;
    background:var(--gray-100);
    color:var(--gray-700);
    border:1px solid var(--border-soft-dark);
  }

  /* ============ BLOCKCHAIN ============ */
  .bc-head{ text-align:center; max-width:680px; margin:0 auto 56px; }
  .bc-head .eyebrow{ justify-content:center; }
  .bc-head h2{ font-size:clamp(30px,4vw,46px); margin:18px 0 18px; }
  .bc-head p{ color:var(--gray-300); font-size:17px; }

  .bc-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
  }
  .bc-card{
    background:rgba(255,255,255,0.03);
    border:1px solid var(--border-soft);
    border-radius:var(--radius-md);
    padding:26px 24px;
    transition:background .2s ease, border-color .2s ease, transform .2s ease;
  }
  .bc-card:hover, .bc-card.highlight{
    background:rgba(80,120,255,0.08);
    border-color:rgba(120,150,255,.35);
    transform:translateY(-3px);
  }
  .bc-icon{
    width:42px; height:42px;
    border-radius:11px;
    background:rgba(120,150,255,0.12);
    border:1px solid rgba(120,150,255,0.25);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:18px;
  }
  .bc-icon svg{ width:19px; height:19px; color:var(--blue-300); }
  .bc-card h4{ font-size:16.5px; margin-bottom:8px; color:#fff; }
  .bc-card p{ font-size:14px; color:var(--gray-500); margin:0; }

  .notice{
    display:flex; gap:14px; align-items:flex-start;
    margin-top:36px;
    padding:22px 26px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,0.03);
    border:1px solid var(--border-soft);
    color:var(--gray-300);
    font-size:14.5px;
  }
  .notice svg{ width:20px; height:20px; color:var(--blue-400); flex:none; margin-top:2px; }
  .notice strong{ color:#fff; }

  /* ============ SUPPORT ============ */
  .support-head{ text-align:center; max-width:720px; margin:0 auto 20px; }
  .support-head h2{ font-size:clamp(30px,4vw,46px); margin:18px 0 18px; }
  .support-head p{ color:var(--gray-700); font-size:17px; margin-bottom:10px; }

  .support-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    margin-top:50px;
  }
  .support-card{
    border:1px solid var(--border-soft-dark);
    border-radius:var(--radius-md);
    padding:30px 26px;
  }
  .support-icon{
    width:46px; height:46px;
    border-radius:12px;
    background:var(--ink-900);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:20px;
  }
  .support-icon svg{ width:21px; height:21px; color:var(--blue-300); }
  .support-card h4{ font-size:18px; margin-bottom:10px; }
  .support-card p{ font-size:14.5px; color:var(--gray-700); margin:0; }

  .support-cta{
    margin-top:56px;
    background:linear-gradient(135deg,var(--navy-700),var(--navy-900));
    border-radius:var(--radius-lg);
    padding:46px 48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    color:#fff;
  }
  .support-cta h3{ font-size:clamp(22px,2.6vw,30px); margin-bottom:12px; }
  .support-cta p{ color:var(--gray-300); font-size:15px; max-width:520px; margin:0; }

  /* ============ CAPABILITIES (hub diagram) ============ */
  .cap-head{ text-align:center; max-width:680px; margin:0 auto 60px; }
  .cap-head h2{ font-size:clamp(30px,4vw,46px); margin:18px 0 0; }

  .cap-hub{
    position:relative;
    max-width:960px;
    margin:0 auto;
    min-height:560px;
  }
  .cap-node{
    position:absolute;
    display:flex; align-items:center; gap:14px;
    background:rgba(255,255,255,0.03);
    border:1px solid var(--border-soft);
    padding:16px 20px;
    border-radius:14px;
    min-width:190px;
  }
  .cap-node .ic{
    width:38px; height:38px;
    border-radius:10px;
    background:var(--ink-900);
    display:flex; align-items:center; justify-content:center;
    flex:none;
  }
  .cap-node .ic svg{ width:17px; height:17px; color:var(--blue-300); }
  .cap-node h5{ font-size:15px; margin:0 0 2px; color:#fff; }
  .cap-node p{ font-size:12.5px; margin:0; color:var(--gray-500); }
  .cap-node.web{ top:0%; left:50%; transform:translateX(-50%); }
  .cap-node.ecommerce{ top:22%; left:2%; }
  .cap-node.mobile{ top:22%; right:2%; }
  .cap-node.blockchain{ top:50%; left:0%; transform:translateY(-50%); }
  .cap-node.software{ top:50%; right:0%; transform:translateY(-50%); }
  .cap-node.apis{ bottom:22%; left:4%; }
  .cap-node.database{ bottom:22%; right:4%; }
  .cap-node.cloud{ bottom:0%; left:50%; transform:translateX(-50%); }
  .cap-logo{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:120px; height:120px;
    border-radius:20px;
    background:radial-gradient(circle,var(--navy-700),var(--navy-950));
    border:1px solid rgba(255,255,255,0.12);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 0 70px rgba(60,100,255,.25);
    overflow:hidden;
  }
  .cap-logo img{ width:100%; height:100%; object-fit:cover; }
  .cap-logo span{
    font-weight:800; color:#fff; font-size:15px; letter-spacing:1px;
  }

  /* ============ WHY US ============ */
  .why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .why-card{
    border:1px solid var(--border-soft-dark);
    border-radius:var(--radius-lg);
    padding:34px 30px;
  }
  .why-icon{
    width:46px; height:46px;
    border-radius:12px;
    background:var(--ink-900);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:20px;
  }
  .why-icon svg{ width:20px; height:20px; color:var(--blue-300); }
  .why-card h4{ font-size:19px; margin-bottom:10px; }
  .why-card p{ font-size:14.5px; color:var(--gray-700); margin:0; }
  .why-card.feature{
    background:linear-gradient(160deg,var(--navy-800),var(--navy-950));
    color:#fff;
    border:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .why-card.feature .eyebrow{ margin-bottom:14px; }
  .why-card.feature p{ color:var(--gray-300); font-size:16px; }

  .why-grid2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:24px;
  }
  .why-card.dark{
    background:linear-gradient(160deg,var(--navy-700),var(--navy-900));
    color:#fff;
    border:none;
  }
  .why-card.dark .why-icon{ background:rgba(80,120,255,0.15); border:1px solid rgba(120,150,255,.3); }
  .why-card.dark p{ color:var(--gray-300); }

  /* ============ PROCESS ============ */
  .process-head{ text-align:center; max-width:600px; margin:0 auto 64px; }
  .process-head h2{ font-size:clamp(30px,4vw,46px); margin:18px 0 0; }
  .process-track{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
    position:relative;
  }
  .process-track::before{
    content:"";
    position:absolute;
    top:32px; left:10%; right:10%;
    height:2px;
    background:rgba(10,14,26,0.12);
  }
  .process-step{ text-align:center; position:relative; z-index:2; }
  .process-num{
    width:64px; height:64px;
    border-radius:50%;
    background:var(--ink-900);
    color:var(--blue-300);
    font-weight:800;
    font-size:16px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 22px;
  }
  .process-step h4{
    font-size:14px; letter-spacing:1.5px; text-transform:uppercase;
    margin-bottom:12px;
  }
  .process-step p{ font-size:14.5px; color:var(--gray-700); margin:0; padding:0 6px; }

  /* ============ INDUSTRIES ============ */
  .industries-head{ text-align:center; max-width:640px; margin:0 auto 56px; }
  .industries-head h2{ font-size:clamp(30px,4vw,46px); margin:18px 0 0; }
  .industries-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
  }
  .ind-card{
    border:1px solid var(--border-soft-dark);
    border-radius:var(--radius-md);
    padding:36px 20px;
    text-align:center;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .ind-card:hover{ transform:translateY(-4px); box-shadow:0 20px 36px -20px rgba(20,30,60,.25); }
  .ind-icon{
    width:56px; height:56px;
    border-radius:14px;
    background:var(--ink-900);
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 20px;
  }
  .ind-icon svg{ width:24px; height:24px; color:var(--blue-300); }
  .ind-card h4{ font-size:16.5px; }

  /* ============ PORTFOLIO ============ */
  .portfolio-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .port-card{
    border:1px solid var(--border-soft-dark);
    border-radius:var(--radius-lg);
    overflow:hidden;
    background:#fff;
  }
  .port-preview{
    position:relative;
    background:linear-gradient(160deg,#101c3d,#050a18);
    padding:22px;
    aspect-ratio:16/11;
  }
  .port-tag{
    position:absolute; top:16px; left:16px;
    background:rgba(255,255,255,0.14);
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
    padding:6px 12px;
    border-radius:999px;
    backdrop-filter:blur(4px);
  }
  .port-skeleton{
    margin-top:34px;
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:12px;
  }
  .port-skeleton div{
    height:44px;
    border-radius:8px;
    background:rgba(90,130,255,0.28);
  }
  .port-skeleton div:nth-child(1){ background:rgba(90,130,255,0.55); grid-column:1/3; height:52px; }
  .port-skeleton.mobile{ grid-template-columns:1fr 1fr; }
  .port-skeleton.mobile div{ height:150px; border-radius:14px; }
  .port-bar{
    position:absolute; bottom:18px; left:22px; right:22px;
    height:6px; border-radius:6px;
    background:rgba(255,255,255,0.12);
  }
  .port-bar::after{
    content:""; display:block; width:55%; height:100%;
    background:linear-gradient(90deg,var(--blue-400),var(--blue-300));
    border-radius:6px;
  }
  .port-body{ padding:26px 26px 30px; }
  .port-body h4{ font-size:19px; margin-bottom:6px; }
  .port-body .badge{
    font-size:11px; font-weight:800; letter-spacing:1.5px;
    text-transform:uppercase; color:var(--gray-500);
    margin-bottom:16px; display:block;
  }

  /* ============ FINAL CTA ============ */
  .final-cta{
    background:radial-gradient(120% 140% at 85% 20%, #0d1a3a, var(--navy-950) 60%);
    color:#fff;
    padding:100px 0;
    position:relative;
    overflow:hidden;
  }
  .final-cta::before{
    content:"";
    position:absolute; right:-120px; top:50%; transform:translateY(-50%);
    width:520px; height:520px;
    border-radius:50%;
    border:1px solid rgba(120,150,255,0.15);
  }
  .final-cta::after{
    content:"";
    position:absolute; right:-40px; top:50%; transform:translateY(-50%);
    width:340px; height:340px;
    border-radius:50%;
    border:1px solid rgba(120,150,255,0.12);
  }
  .final-cta .eyebrow{ margin-bottom:20px; }
  .final-cta h2{ font-size:clamp(32px,5vw,54px); max-width:720px; margin-bottom:22px; }
  .final-cta h2 .accent{ color:var(--blue-300); }
  .final-cta p{ color:var(--gray-300); font-size:17px; max-width:600px; margin-bottom:34px; }
  .final-cta .hero-ctas{ margin-bottom:0; }

  /* ============ CONTACT ============ */
  .contact-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:56px;
  }
  .contact-info h2{ font-size:clamp(30px,3.8vw,44px); margin:18px 0 18px; }
  .contact-info > p{ color:var(--gray-700); font-size:16px; margin-bottom:34px; max-width:420px; }
  .info-row{
    display:flex; gap:16px; align-items:flex-start;
    padding:18px 0;
    border-top:1px solid var(--border-soft-dark);
  }
  .info-row:last-child{ border-bottom:1px solid var(--border-soft-dark); }
  .info-icon{
    width:42px; height:42px;
    border-radius:11px;
    background:var(--ink-900);
    display:flex; align-items:center; justify-content:center;
    flex:none;
  }
  .info-icon svg{ width:18px; height:18px; color:var(--blue-300); }
  .info-row h5{
    font-size:11.5px; letter-spacing:1.8px; text-transform:uppercase;
    color:var(--gray-500); margin-bottom:6px; font-weight:800;
  }
  .info-row strong{ display:block; font-size:15.5px; color:var(--ink-900); }
  .info-row small{ display:block; font-size:13px; color:var(--gray-500); margin-top:2px; }

  .contact-form{
    background:#fff;
    border:1px solid var(--border-soft-dark);
    border-radius:var(--radius-lg);
    padding:40px;
    box-shadow:0 30px 60px -30px rgba(20,30,60,.25);
  }
  .form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
  }
  .field{ display:flex; flex-direction:column; gap:8px; }
  .field.full{ grid-column:1/3; }
  .field label{
    font-size:11.5px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase;
    color:var(--gray-700);
  }
  .field label .req{ color:var(--blue-500); }
  .field input, .field select, .field textarea{
    font-family:inherit;
    font-size:15px;
    padding:14px 16px;
    border-radius:10px;
    border:1.5px solid var(--border-soft-dark);
    background:var(--gray-100);
    color:var(--ink-900);
    outline:none;
    transition:border-color .2s ease, background .2s ease;
    width:100%;
    -webkit-appearance:none;
    appearance:none;
  }
  .field input:focus, .field select:focus, .field textarea:focus{
    border-color:var(--blue-400);
    background:#fff;
  }
  .field textarea{ resize:vertical; min-height:120px; font-family:inherit; }
  .field select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%235b6478' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    padding-right:40px;
  }
  .contact-form .btn{ margin-top:8px; }

  /* ============ FOOTER ============ */
  footer{
    background:var(--navy-950);
    color:var(--gray-500);
    padding:80px 0 0;
    border-top:1px solid var(--border-soft);
  }
  .footer-top{
    display:grid;
    grid-template-columns:1.4fr .8fr .8fr;
    gap:40px;
    padding-bottom:56px;
  }
  .footer-brand .brand{ margin-bottom:22px; }
  .footer-brand h3{
    font-size:clamp(24px,2.6vw,32px);
    color:#fff;
    margin-bottom:16px;
    letter-spacing:-0.01em;
  }
  .footer-brand h3 .accent{ color:var(--blue-300); }
  .footer-brand p{
    font-size:15px;
    color:var(--gray-500);
    max-width:400px;
    margin-bottom:20px;
  }
  .footer-brand .footer-location{
    font-size:12.5px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--blue-300);
  }
  .footer-col h5{
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--gray-500);
    margin-bottom:22px;
  }
  .footer-col ul li{ margin-bottom:15px; }
  .footer-col ul li a{
    font-size:14.5px;
    color:var(--gray-300);
    transition:color .2s ease;
  }
  .footer-col ul li a:hover{ color:var(--blue-300); }
  .footer-bottom{
    border-top:1px solid var(--border-soft);
    padding:26px 0 calc(26px + env(safe-area-inset-bottom));
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:14px;
    font-size:13px;
  }
  .footer-bottom .tagline{
    font-size:11.5px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--gray-500);
  }

  /* back to top */
  .to-top{
    position:fixed;
    right:20px; bottom:calc(20px + env(safe-area-inset-bottom));
    width:48px; height:48px;
    border-radius:50%;
    background:var(--ink-900);
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 12px 26px -8px rgba(0,0,0,.4);
    opacity:0; pointer-events:none;
    transform:translateY(10px);
    transition:opacity .25s ease, transform .25s ease;
    z-index:900;
    border:none;
  }
  .to-top.visible{ opacity:1; pointer-events:auto; transform:translateY(0); }
  .to-top svg{ width:20px; height:20px; }

  /* ============ RESPONSIVE ============ */
  @media (max-width: 1080px){
    .hero-grid{ grid-template-columns:1fr; }
    .hero-visual{ min-height:340px; order:-1; }
    .services-grid{ grid-template-columns:repeat(2,1fr); }
    .bc-grid{ grid-template-columns:repeat(2,1fr); }
    .support-grid{ grid-template-columns:repeat(2,1fr); }
    .why-grid{ grid-template-columns:repeat(2,1fr); }
    .industries-grid{ grid-template-columns:repeat(2,1fr); }
    .portfolio-grid{ grid-template-columns:repeat(2,1fr); }
    .stats-grid{ grid-template-columns:repeat(2,1fr); }
    .about-grid{ gap:44px; }
    .contact-grid{ grid-template-columns:1fr; gap:44px; }
  }

  @media (max-width: 900px){
    nav.primary-nav{ display:none; }
    .hamburger{ display:flex; }
    .nav-right .btn-primary{ display:none; }
    .services-head{ grid-template-columns:1fr; }
    .services-head .sub{ text-align:left; }
    .about-grid{ grid-template-columns:1fr; }
    .about-media img{ height:320px; }
    .mv-grid{ grid-template-columns:1fr; }
    .process-track{ grid-template-columns:1fr 1fr; row-gap:44px; }
    .process-track::before{ display:none; }
    .support-cta{ flex-direction:column; align-items:flex-start; text-align:left; }
    .cap-hub{ display:none; }
    .cap-fallback{ display:grid !important; }
    .footer-top{ grid-template-columns:1fr 1fr; row-gap:36px; }
    .footer-brand{ grid-column:1/3; }
  }

  @media (max-width: 640px){
    :root{ --nav-h:72px; }
    .wrap{ padding:0 18px; }
    .section{ padding:64px 0; }
    .hero{ padding-top:calc(var(--nav-h) + 36px); padding-bottom:56px; }
    .hero-copy p.lead{ font-size:16px; }
    .hero-ctas{ flex-direction:column; }
    .hero-ctas .btn{ width:100%; }
    .hero-tags{ font-size:11px; gap:8px; }
    .brand-text strong{ font-size:13px; }
    .brand-text span{ font-size:8.5px; }
    .brand-mark{ width:42px; height:42px; border-radius:11px; }
    .stats-grid{ grid-template-columns:1fr 1fr; gap:28px 16px; }
    .services-grid{ grid-template-columns:1fr; }
    .bc-grid{ grid-template-columns:1fr; }
    .support-grid{ grid-template-columns:1fr; }
    .why-grid{ grid-template-columns:1fr; }
    .why-grid2{ grid-template-columns:1fr; }
    .industries-grid{ grid-template-columns:1fr 1fr; }
    .portfolio-grid{ grid-template-columns:1fr; }
    .process-track{ grid-template-columns:1fr; }
    .form-grid{ grid-template-columns:1fr; }
    .field.full{ grid-column:1/2; }
    .contact-form{ padding:26px; }
    blockquote{ font-size:19px; }
    .final-cta{ padding:70px 0; }
    .to-top{ width:44px; height:44px; right:16px; }
    .footer-top{ grid-template-columns:1fr; }
    .footer-brand{ grid-column:1/2; }
    .footer-bottom{ flex-direction:column; align-items:flex-start; text-align:left; }
  }

  @media (max-width: 400px){
    .industries-grid{ grid-template-columns:1fr; }
  }

  /* reduced motion */
  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; }
  }

  /* focus visibility */
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
    outline:2px solid var(--blue-400);
    outline-offset:2px;
  }

  /* =========================================================
     VISUAL UPGRADE — typography, contrast, polish & motion
     Keeps the original navy/blue theme and page structure.
     ========================================================= */
  :root{
    --font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display:"Sora", "Plus Jakarta Sans", sans-serif;
    --gray-100:#f7f9fc;
    --gray-300:#d9e1ef;
    --gray-500:#9aa8bd;
    --gray-700:#1f2a3a;
    --blue-glow:#6d8fff;
    --shadow-soft:0 18px 50px rgba(15,23,42,.10);
  }

  body{
    font-family:var(--font-body);
    letter-spacing:-.01em;
  }

  h1,h2,h3,h4,h5,h6,
  .brand-text strong,
  .btn,
  .eyebrow,
  .stat h3,
  .chip,
  .cap-node h5{
    font-family:var(--font-display);
  }

  h1,h2,h3,h4,h5,h6{ letter-spacing:-.01em; font-weight:600; }

  /* Better contrast on light sections */
  .about-copy p,
  .services-head .sub,
  .svc-card p,
  .support-head p,
  .support-card p,
  .why-card p,
  .process-step p,
  .contact-info > p{
    color:#1f2a3a;
  }

  .tag{ color:#28344a; background:#eef3fa; border-color:#d8e1ee; }
  .svc-num{ color:rgba(10,14,26,.18); }
  .process-track::before{ background:rgba(10,14,26,.18); }
  .info-row h5,
  .info-row small{ color:#47536a; }
  .info-row strong{ color:#0f172a; }
  .field label{ color:#28344a; }
  .port-body .badge{ color:#47536a; }

  /* Header */
  header{
    background:rgba(4,8,20,.78);
    box-shadow:0 8px 30px rgba(0,0,0,.08);
  }
  header.scrolled{
    background:rgba(4,8,20,.96);
    box-shadow:0 10px 35px rgba(0,0,0,.22);
  }
  .brand-mark{
    box-shadow:0 0 24px rgba(79,127,255,.16);
  }
  nav.primary-nav a{
    font-family:var(--font-display);
    font-weight:600;
  }
  nav.primary-nav a::after{
    transition:transform .25s ease, opacity .25s ease;
  }
  nav.primary-nav a:not(.active)::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-4px;
    height:2px;
    background:var(--blue-300);
    border-radius:2px;
    transform:scaleX(0);
    opacity:0;
  }
  nav.primary-nav a:hover::after{
    transform:scaleX(1);
    opacity:1;
  }

  /* Hero */
  .hero{
    min-height:690px;
    background:
      radial-gradient(55% 70% at 78% 20%,rgba(57,93,190,.34),transparent 70%),
      radial-gradient(45% 60% at 12% 85%,rgba(47,107,255,.12),transparent 70%),
      linear-gradient(135deg,#040814 0%,#071126 52%,#0b1731 100%);
  }
  .hero::after{
    content:"";
    position:absolute;
    width:620px;height:620px;
    right:-260px;top:-260px;
    border:1px solid rgba(126,163,255,.10);
    border-radius:50%;
    box-shadow:0 0 0 80px rgba(126,163,255,.025),0 0 0 160px rgba(126,163,255,.018);
    pointer-events:none;
  }
  .hero-copy h1{
    font-family:var(--font-display);
    font-weight:600;
    font-size:clamp(40px,5.2vw,64px);
    letter-spacing:-.015em;
    line-height:1.12;
    text-wrap:balance;
  }
  .hero-copy h1 .accent{
    background:linear-gradient(90deg,#8eafff 0%,#5f88ff 48%,#b8c9ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
  }
  .hero-copy p.lead{
    color:#c8d3e5;
    line-height:1.8;
  }
  .hero-tags{ color:#a7b4c9; }
  .hero-ctas .btn-primary{
    box-shadow:0 16px 36px -12px rgba(47,107,255,.75),inset 0 1px 0 rgba(255,255,255,.25);
  }
  .hero-ctas .btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 42px -12px rgba(47,107,255,.85);
  }
  .hero-visual::before{
    content:"";
    position:absolute;
    width:310px;height:310px;
    border:1px solid rgba(126,163,255,.13);
    border-radius:50%;
    box-shadow:0 0 70px rgba(47,107,255,.12);
    animation:heroPulse 5s ease-in-out infinite;
  }
  .hero-visual::after{
    content:"";
    position:absolute;
    width:430px;height:430px;
    border:1px dashed rgba(126,163,255,.09);
    border-radius:50%;
    animation:heroRotate 24s linear infinite;
  }
  .hub-center{
    position:relative;
    z-index:3;
    width:112px;height:112px;
    border-radius:28px;
    background:linear-gradient(145deg,#1a2b55,#0b1428);
    box-shadow:0 0 80px rgba(60,100,255,.34),inset 0 1px 0 rgba(255,255,255,.12);
  }
  .hub-center::before{
    content:"";
    position:absolute;inset:-8px;
    border-radius:34px;
    border:1px solid rgba(126,163,255,.24);
    animation:hubGlow 3s ease-in-out infinite;
  }
  .chip{
    z-index:4;
    background:rgba(9,16,34,.82);
    border-color:rgba(142,175,255,.20);
    color:#eef4ff;
    box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07);
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
  }
  .chip:hover{
    transform:translateY(-3px);
    background:rgba(16,28,57,.92);
    border-color:rgba(126,163,255,.42);
  }

  /* Moving service strip */
  .marquee{
    background:linear-gradient(90deg,#060b18,#0a1224,#060b18);
  }
  .marquee-track span{ color:#a9b6cb; }

  /* Stats */
  .stats{
    background:linear-gradient(180deg,#040814,#071126);
  }
  .stat{
    padding:10px 14px;
    border-right:1px solid rgba(255,255,255,.07);
  }
  .stat:last-child{ border-right:0; }
  .stat h3{
    background:linear-gradient(90deg,#fff,#a8c0ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .stat p{ color:#9aa9c0; }

  /* Light cards */
  .svc-card,.support-card,.why-card,.ind-card,.port-card{
    background:rgba(255,255,255,.92);
    box-shadow:0 1px 0 rgba(255,255,255,.8);
  }
  .svc-card,
  .support-card,
  .why-card,
  .ind-card,
  .port-card{
    border-color:#dbe3ef;
  }
  .svc-card:hover,
  .support-card:hover,
  .why-card:not(.feature):hover,
  .ind-card:hover,
  .port-card:hover{
    transform:translateY(-7px);
    box-shadow:var(--shadow-soft);
  }
  .svc-icon,.support-icon,.why-icon,.ind-icon,.info-icon{
    box-shadow:0 8px 18px rgba(10,14,26,.14);
  }

  /* About media */
  .about-media{
    box-shadow:0 28px 60px -28px rgba(15,23,42,.45);
  }
  .about-media::after{
    content:"";
    position:absolute;inset:0;
    border:1px solid rgba(255,255,255,.12);
    border-radius:inherit;
    pointer-events:none;
  }

  /* Dark sections: make muted text clearly readable */
  .section.on-dark .bc-card p,
  .section.on-dark .cap-node p,
  .section.on-dark .notice,
  .section.on-dark .notice p{
    color:#b9c6da;
  }
  .section.on-dark .bc-card p{ color:#b7c3d7; }

  .bc-card{
    background:rgba(255,255,255,.045);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .bc-card p{ color:#b7c3d7; }

  .notice{
    background:rgba(255,255,255,.045);
    color:#c5d0e1;
  }

  /* Capabilities */
  .cap-node{
    box-shadow:0 14px 35px rgba(0,0,0,.10);
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
  }
  .cap-node:hover{
    background:rgba(255,255,255,.06);
    border-color:rgba(126,163,255,.35);
  }
  .cap-node p{ color:#b3c0d4; }
  .cap-logo{
    box-shadow:0 0 90px rgba(60,100,255,.30),inset 0 1px 0 rgba(255,255,255,.08);
  }

  /* Why/Process/Industries */
  .why-card.feature{
    box-shadow:0 25px 60px -28px rgba(4,8,20,.5);
  }
  .why-card.feature p,
  .why-card.dark p{ color:#c4d0e2; }
  .process-step p{ color:#3b4a61; }
  .process-num{
    box-shadow:0 10px 24px rgba(10,14,26,.18);
  }

  /* Final CTA */
  .final-cta{
    background:
      radial-gradient(65% 100% at 80% 20%,rgba(45,82,180,.34),transparent 70%),
      linear-gradient(135deg,#040814,#09152e);
  }
  .final-cta p{ color:#c7d2e3; }

  /* Contact form */
  .contact-form{
    background:rgba(255,255,255,.96);
    box-shadow:0 30px 70px -28px rgba(15,23,42,.28);
  }
  .field input,.field select,.field textarea{
    border-color:#d5deeb;
    background:#f7f9fc;
  }
  .field input::placeholder,.field textarea::placeholder{ color:#5f6b80; }
  .field input:focus,.field select:focus,.field textarea:focus{
    box-shadow:0 0 0 4px rgba(79,127,255,.10);
  }

  /* Footer */
  footer{ background:linear-gradient(180deg,#040814,#02050c); }
  .footer-brand p{ color:#a7b4c8; }
  .footer-col h5{ color:#a6b3c7; }
  .footer-col ul li a{ color:#c7d2e2; }

  /* Subtle section texture */
  .section:not(.on-dark):not(.on-navy){
    background:
      radial-gradient(circle at 90% 10%,rgba(79,127,255,.035),transparent 24%),
      linear-gradient(180deg,#f8faff,#f5f7fb);
  }

  @keyframes heroPulse{
    0%,100%{ transform:scale(.96); opacity:.55; }
    50%{ transform:scale(1.04); opacity:1; }
  }
  @keyframes heroRotate{ to{ transform:rotate(360deg); } }
  @keyframes hubGlow{
    0%,100%{ opacity:.35; transform:scale(.98); }
    50%{ opacity:1; transform:scale(1.04); }
  }

  @media (max-width:900px){
    .hero{ min-height:auto; }
    .hero-visual{ min-height:370px; }
    .stat{ border-right:0; }
  }

  @media (max-width:640px){
    .hero-copy h1{ font-size:clamp(38px,12vw,52px); }
    .hero-visual{ min-height:300px; transform:scale(.90); }
    .hero-visual::after{ width:340px;height:340px; }
    .hero-visual::before{ width:245px;height:245px; }
    .chip{ font-size:12px; padding:9px 13px; gap:7px; }
    .chip-web{ left:48%; }
    .chip-support{ left:-1%; }
    .chip-software{ right:-2%; }
    .chip-crypto{ left:0; }
    .chip-mobile{ right:-2%; }
    .chip-blockchain{ left:28%; }
    .chip-ecommerce{ right:0; }
    .stat h3{ font-size:24px; }
  }

  @media (prefers-reduced-motion:reduce){
    .hero-visual::before,
    .hero-visual::after,
    .hub-center::before{ animation:none; }
  }


/* ============ UPDATED BIZ MLM LOGO ============ */
.brand-mark{
  width:150px;
  height:54px;
  border-radius:12px;
  background:#071a3b;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 24px rgba(79,127,255,.16);
  padding:4px 8px;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-text{ display:none; }

.hub-center{
  width:132px;
  height:96px;
  border-radius:20px;
  padding:7px;
}
.hub-center img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:14px;
}

.cap-logo{
  width:180px;
  height:112px;
  border-radius:18px;
  padding:7px;
}
.cap-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:12px;
}

@media (max-width:640px){
  .brand-mark{
    width:128px;
    height:46px;
    padding:3px 6px;
  }
  .hub-center{
    width:118px;
    height:86px;
  }
}



/* =========================================================
   MOBILE MENU FIX
   The menu is inside the fixed header. Because the header uses
   backdrop-filter, a fixed child can be incorrectly constrained
   to the header height on Safari/iOS. Absolute positioning keeps
   the menu attached to the header while allowing it to fill the
   viewport correctly.
   ========================================================= */
@media (max-width: 900px){
  header{
    z-index:10000;
  }

  .mobile-panel{
    position:absolute;
    top:var(--nav-h);
    left:0;
    right:0;
    bottom:auto;
    width:100%;
    height:calc(100vh - var(--nav-h));
    height:calc(100dvh - var(--nav-h));
    max-height:calc(100vh - var(--nav-h));
    max-height:calc(100dvh - var(--nav-h));
    padding:
      24px
      max(24px, env(safe-area-inset-right))
      calc(32px + env(safe-area-inset-bottom))
      max(24px, env(safe-area-inset-left));
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:rgba(4,8,20,.985);
    z-index:10001;
  }

  .mobile-panel a{
    min-height:54px;
    display:flex;
    align-items:center;
    padding:15px 4px;
    touch-action:manipulation;
  }

  .mobile-panel .btn{
    min-height:52px;
    justify-content:center;
    margin-top:20px;
  }

  .hamburger{
    position:relative;
    z-index:10002;
    -webkit-tap-highlight-color:transparent;
  }
}

/* Extra-small phones */
@media (max-width:400px){
  .mobile-panel{
    padding-left:18px;
    padding-right:18px;
  }
}

/* =========================================================
   BIZ MLM CONTENT + RESPONSIVE POLISH
   Targeted overrides; existing visual system remains intact.
   ========================================================= */

.home-service-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.home-service-card{
  display:flex;
  flex-direction:column;
  min-height:250px;
  padding:28px;
  border:1px solid #dbe3ef;
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.94);
  box-shadow:0 1px 0 rgba(255,255,255,.8);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.home-service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:transparent}
.home-service-icon{
  width:42px;height:42px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:var(--ink-900);color:var(--blue-300);
  font:700 13px var(--font-display);
  margin-bottom:24px;
}
.home-service-card h3{font-size:19px;margin-bottom:10px}
.home-service-card p{font-size:14px;color:#3b4a61;margin:0 0 20px}
.home-service-link{margin-top:auto;color:var(--blue-500);font:700 12px var(--font-display);letter-spacing:.4px}
.home-industries{background:#f8faff}
.home-why{background:linear-gradient(180deg,#f5f7fb,#eef3fa)}
.home-why-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center
}
.home-why-grid h2{font-size:clamp(30px,4vw,46px);margin:18px 0}
.home-why-grid p{max-width:560px;color:#3b4a61;font-size:16px;margin:0 0 28px}
.home-proof{
  display:grid;grid-template-columns:1fr 1fr;gap:16px
}
.home-proof div,.about-proof-grid>div{
  padding:26px 22px;border-radius:var(--radius-md);
  border:1px solid #dbe3ef;background:#fff;
}
.home-proof strong,.about-proof-grid strong{
  display:block;font:700 clamp(25px,3vw,34px) var(--font-display);color:var(--ink-900)
}
.home-proof span,.about-proof-grid span{
  display:block;margin-top:5px;color:#536078;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px
}
.about-proof-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px
}
.about-proof-grid>div{text-align:center}
.why-highlight{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px
}
.why-highlight>div{
  padding:22px;border-radius:var(--radius-md);
  background:#f4f7fc;border:1px solid #dbe3ef
}
.why-highlight strong{display:block;font:700 16px var(--font-display);color:var(--ink-900);margin-bottom:5px}
.why-highlight span{font-size:13px;color:#536078;line-height:1.45}
.info-row a{color:inherit}
.info-row a:hover{color:var(--blue-500)}

@media (max-width:1080px){
  .home-service-grid{grid-template-columns:repeat(2,1fr)}
  .about-proof-grid{grid-template-columns:repeat(2,1fr)}
  .why-highlight{grid-template-columns:repeat(2,1fr)}
  .home-why-grid{gap:40px}
}
@media (max-width:900px){
  .home-why-grid{grid-template-columns:1fr}
  .home-proof{max-width:680px}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-card{min-width:0}
  .home-service-card{min-height:230px}
}
@media (max-width:640px){
  .wrap{padding-left:18px;padding-right:18px}
  .home-service-grid{grid-template-columns:1fr;gap:16px}
  .home-service-card{min-height:0;padding:24px}
  .home-proof{grid-template-columns:1fr 1fr;gap:12px}
  .home-proof div,.about-proof-grid>div{padding:20px 14px}
  .home-proof span,.about-proof-grid span{font-size:10px;letter-spacing:1px}
  .about-proof-grid{grid-template-columns:1fr 1fr}
  .why-highlight{grid-template-columns:1fr 1fr;gap:12px}
  .why-highlight>div{padding:18px 15px}
  .why-highlight strong{font-size:14px}
  .why-highlight span{font-size:12px}
  .services-grid{grid-template-columns:1fr}
  .svc-card{padding:26px 22px}
  .svc-card h3{font-size:20px}
  .tag{font-size:11.5px;padding:6px 10px}
  .industries-grid{grid-template-columns:1fr 1fr}
  .ind-card{min-width:0;padding:26px 14px}
  .ind-card h4{font-size:14px;overflow-wrap:anywhere}
  .contact-form{padding:22px 18px}
  .contact-grid{gap:32px}
  .info-row strong{overflow-wrap:anywhere}
  .support-cta{padding:30px 24px}
  .footer-brand .footer-location{display:block;line-height:1.6;overflow-wrap:anywhere}
  .footer-bottom{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .hero{padding-left:0;padding-right:0}
  .hero-copy h1{font-size:clamp(36px,11.5vw,50px);overflow-wrap:anywhere}
}
@media (max-width:430px){
  .hero-visual{min-height:285px;transform:scale(.82);transform-origin:center top;margin-bottom:-35px}
  .chip{max-width:44vw;overflow:hidden;text-overflow:ellipsis}
  .chip-web{left:46%}.chip-support{left:0}.chip-software{right:0}
  .chip-crypto{left:0}.chip-mobile{right:0}.chip-blockchain{left:25%}.chip-ecommerce{right:0}
  .stats-grid{gap:20px 10px}
  .stat{padding:8px 4px}
  .stat h3{font-size:21px}
  .stat p{font-size:9.5px;letter-spacing:1px;line-height:1.35}
  .about-proof-grid,.home-proof{gap:10px}
}
@supports (-webkit-touch-callout:none){
  html{min-height:100%;-webkit-text-size-adjust:100%}
  body{min-height:100%;overflow-x:hidden}
  input,select,textarea{font-size:16px}
  .mobile-panel{
    height:calc(100dvh - var(--nav-h));
    max-height:calc(100dvh - var(--nav-h));
    padding-bottom:calc(32px + env(safe-area-inset-bottom))
  }
  .btn,.hamburger,.mobile-panel a{touch-action:manipulation}
}
@media (prefers-reduced-motion:reduce){
  .home-service-card,.svc-card,.support-card,.why-card,.ind-card{transition:none}
}

/* =========================================================
   NEW — MLM PLANS STRIP
   Compact dark strip matching the existing marquee/hero system.
   Shows only: Binary Plan · Matrix Plan · Level Plan
   ========================================================= */
.mlm-plans{
  background:var(--navy-950);
  color:#fff;
  padding:64px 0 0;
  overflow:hidden;
}
.mlm-plans-head{
  text-align:center;
  max-width:620px;
  margin:0 auto 34px;
}
.mlm-plans-head h2{
  font-size:clamp(26px,3.4vw,38px);
  margin:14px 0 10px;
}
.mlm-plans-head p{
  color:var(--gray-300);
  font-size:15.5px;
  margin:0;
}
.mlm-marquee{
  background:var(--navy-900);
  border-top:1px solid var(--border-soft);
  border-bottom:1px solid var(--border-soft);
  overflow:hidden;
  padding:22px 0;
  width:100%;
}
.mlm-marquee-track{
  display:flex;
  align-items:center;
  gap:20px;
  width:max-content;
  animation:mlmScroll 20s linear infinite;
}
.mlm-plan-chip{
  flex:none;
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(126,163,255,.20);
  padding:14px 26px;
  border-radius:999px;
  white-space:nowrap;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.mlm-plan-chip:hover{
  background:rgba(80,120,255,0.10);
  border-color:rgba(126,163,255,.42);
  transform:translateY(-2px);
}
.mlm-plan-chip .mlm-ic{
  width:34px; height:34px;
  border-radius:10px;
  background:var(--ink-900);
  border:1px solid rgba(126,163,255,.25);
  display:flex; align-items:center; justify-content:center;
  flex:none;
}
.mlm-plan-chip .mlm-ic svg{ width:16px; height:16px; color:var(--blue-300); }
.mlm-plan-chip span{
  font-family:var(--font-display);
  font-weight:700;
  font-size:14.5px;
  color:#fff;
  letter-spacing:.2px;
}
.mlm-plan-chip .mlm-dot{
  color:var(--blue-400);
  font-size:16px;
  margin-left:4px;
}
@keyframes mlmScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@media (max-width:640px){
  .mlm-plans{ padding-top:48px; }
  .mlm-plans-head{ margin-bottom:24px; }
  .mlm-marquee{ padding:16px 0; }
  .mlm-plan-chip{ padding:11px 18px; gap:9px; }
  .mlm-plan-chip .mlm-ic{ width:28px; height:28px; }
  .mlm-plan-chip .mlm-ic svg{ width:13px; height:13px; }
  .mlm-plan-chip span{ font-size:13px; }
}

@media (prefers-reduced-motion: reduce){
  .mlm-marquee-track{ animation:none; }
}

/* =========================================================
   NEW — OUR CLIENTS SECTION
   Continuously scrolling logo carousel, CSS-only animation.
   ========================================================= */
.clients-section{ overflow:hidden; }
.clients-head{
  text-align:center;
  max-width:640px;
  margin:0 auto 40px;
}
.clients-head h2{
  font-size:clamp(28px,3.6vw,42px);
  margin:14px 0 10px;
}
.clients-head p{
  color:#3b4a61;
  font-size:15.5px;
  margin:0;
}
.clients-marquee{
  position:relative;
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.clients-track{
  display:flex;
  align-items:center;
  gap:28px;
  width:max-content;
  padding:6px 14px;
  animation:clientsScroll 26s linear infinite;
}
.clients-marquee:hover .clients-track{
  animation-play-state:paused;
}
.client-logo{
  flex:none;
  width:190px;
  height:96px;
  background:#fff;
  border:1px solid #dbe3ef;
  border-radius:var(--radius-md);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 22px;
  box-shadow:0 1px 0 rgba(255,255,255,.8);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.client-logo:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow-soft);
  border-color:transparent;
}
.client-logo img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
@keyframes clientsScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@media (max-width:900px){
  .client-logo{ width:160px; height:84px; padding:14px 18px; }
  .clients-track{ gap:20px; }
}

@media (max-width:640px){
  .clients-head{ margin-bottom:28px; }
  .client-logo{ width:132px; height:70px; padding:12px 14px; border-radius:var(--radius-sm); }
  .clients-track{ gap:14px; }
  .clients-marquee{
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
    mask-image:linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
  }
}

@media (prefers-reduced-motion: reduce){
  .clients-track{ animation:none; }
}