/* ============================================================
         SERVICES HERO — dark navy, tokens matched to site:
         #0b132b (ink/bg), #12244f (mid), #2454ff (primary), #00c8ff (cyan)
      ============================================================ */
      .svc-hero{ position:relative; background:linear-gradient(135deg,#0b132b 0%,#12244f 100%); overflow:hidden; padding:clamp(64px,8.5vw,104px) 0 clamp(56px,7vw,88px); }
      .svc-hero::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1px); background-size:26px 26px; -webkit-mask-image:radial-gradient(680px 460px at 20% 10%, #000 0%, transparent 74%); mask-image:radial-gradient(680px 460px at 20% 10%, #000 0%, transparent 74%); pointer-events:none; }
      .svc-hero::after{ content:""; position:absolute; top:-160px; right:-140px; width:520px; height:520px; border-radius:50%; background:radial-gradient(closest-side, rgba(0,200,255,0.20), transparent 72%); pointer-events:none; }
      .svc-hero-wrap{ position:relative; max-width:1180px; margin:0 auto; padding:0 24px; }
      .svc-hero-grid{ display:grid; grid-template-columns:1.15fr 1fr; gap:48px; align-items:center; }
      @media(max-width:940px){ .svc-hero-grid{ grid-template-columns:1fr; } }

      .svc-hero-pill{ display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.14); font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color:#00c8ff; margin-bottom:22px; }
      .svc-hero-pill-dot{ width:7px; height:7px; border-radius:50%; background:#00c8ff; flex:none; box-shadow:0 0 0 4px rgba(0,200,255,0.16); }
      .svc-hero h1, .svc-hero h2{ font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:clamp(32px,4.6vw,52px) !important; line-height:1.15 !important; letter-spacing:-0.025em; color:#ffffff !important; margin:0 0 18px !important; max-width:620px; }
      .svc-hero h1 span, .svc-hero h2 span{ color:#00c8ff; }
      .svc-hero-desc{ font-size:15.5px !important; line-height:1.85 !important; color:rgba(255,255,255,0.66) !important; max-width:540px; margin:0 !important; padding-top:0 !important; }
      .svc-hero-btns{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
      .svc-hero-btn{ display:inline-flex; align-items:center; gap:9px; padding:14px 26px; border-radius:12px; font-family:'Inter',sans-serif; font-weight:700; font-size:14px; cursor:pointer; text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease; border:none; }
      .svc-hero-btn-solid{ background:#2454ff; color:#fff !important; box-shadow:0 14px 28px -10px rgba(36,84,255,0.55); }
      .svc-hero-btn-solid:hover{ transform:translateY(-2px); box-shadow:0 18px 32px -10px rgba(36,84,255,0.62); }
      .svc-hero-btn-outline{ background:transparent; color:#fff !important; border:1.5px solid rgba(255,255,255,0.24); }
      .svc-hero-btn-outline:hover{ border-color:#00c8ff; color:#00c8ff !important; transform:translateY(-2px); }

      .svc-hero-tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
      .svc-hero-tag{ font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:0.04em; color:#cfe0ff; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.13); padding:8px 14px; border-radius:999px; }

      .svc-hero-panel{ position:relative; background:rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,0.12); border-radius:24px; padding:clamp(22px,2.6vw,28px); backdrop-filter:blur(6px); }
      .svc-hero-panel::before{ content:""; position:absolute; inset:0; border-radius:24px; padding:1px; background:linear-gradient(135deg, rgba(0,200,255,0.4), transparent 60%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
      .svc-hero-panel-row{ display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    flex-direction: row;
    flex-wrap: wrap;}
      .svc-hero-panel-row:last-child{ border-bottom:none; }
      .svc-hero-panel-ico{ width:42px; height:42px; border-radius:11px; background:rgba(0,200,255,0.14); color:#00c8ff; display:flex; align-items:center; justify-content:center; font-size:16px; flex:none; }
      .svc-hero-panel-text strong{ display:block; font-family:'Inter',sans-serif; font-size:14px; font-weight:700; color:#ffffff; }
      .svc-hero-panel-text span{ font-size:12px; color:rgba(255,255,255,0.55); }