:root{
    --navy:#011538;
    --blue:#075dcc;
    --blue2:#0d83e8;
    --cyan:#19b4f0;
    --gold:#d9b85f;
    --gold-lt:#ebcf82;
    --red:#e35b4f;
    --paper:#f5f8fc;
    --grey:#64748b;
    --white:#ffffff;
    --line:#e3eaf3;
    --radius:16px;
    --ink:var(--navy);
    --violet:var(--blue);
    --violet-light:var(--blue2);
    --amber:var(--gold);
    --lav:#edf4fb;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden;cursor:default;}
  h1,h2,h3,h4,.display-font{font-family:'Sora',sans-serif;}
  a{text-decoration:none;}

  /* Scroll progress bar */
  .scroll-progress{
    position:fixed; top:0; left:0; height:3px; background:linear-gradient(90deg,var(--violet),var(--amber));
    width:0%; z-index:2000; transition:width .1s linear;
  }

  a.navbar-brand img {
    width: 120px;
}

  /* Custom cursor dot (desktop only) */
  .cursor-dot{
    position:fixed; width:18px; height:18px; border:2px solid var(--violet);
    border-radius:50%; pointer-events:none; z-index:1900; transform:translate(-50%,-50%);
    transition:width .2s, height .2s, background .2s, opacity .2s;
    mix-blend-mode:normal; opacity:0;
  }
  /* =========================================================
     PREMIUM HEADER - DESKTOP + MOBILE
     ========================================================= */

  .top-strip{background:var(--navy);color:rgba(255,255,255,.78);font-size:.74rem;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.10);}
  .top-strip a{color:rgba(255,255,255,.78);transition:.25s ease;}
  .top-strip a:hover{color:var(--gold);}
  .top-strip .top-item{display:inline-flex;align-items:center;gap:7px;}
  .top-strip .top-item i{color:#69c8ff;font-size:.72rem;}
  .top-social{display:flex;align-items:center;gap:8px;}
  .top-social a{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.07);}

  .pro-header{position:sticky;top:0;z-index:1500;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(10,26,92,.08);box-shadow:0 6px 24px rgba(10,26,92,.05);transition:.3s ease;}
  .pro-header.scrolled{background:#fff;box-shadow:0 12px 35px rgba(10,26,92,.13);}
  .pro-nav{min-height:76px;padding:1px 0;}
  .pro-brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-family:'Sora',sans-serif;font-weight:800;font-size:1.28rem;letter-spacing:-.04em;white-space:nowrap;}
  .pro-brand:hover{color:var(--navy);}
  .pro-brand-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--navy);background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 8px 22px rgba(7,93,204,.28);color:#fff;font-size:.95rem;position:relative;}
  .pro-brand-mark::after{content:'';position:absolute;inset:-4px;border:1px solid rgba(26,58,140,.13);border-radius:13px;}
  .pro-brand-text span{color:var(--blue);}
  .pro-nav-menu{gap:3px;}
  .pro-nav-link{position:relative;display:flex;align-items:center;gap:6px;padding:11px 12px!important;color:var(--navy)!important;font-size:.81rem;font-weight:700;border-radius:8px;transition:.25s ease;}
  .pro-nav-link::after{content:'';position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:.25s ease;}
  .pro-nav-link:hover,.pro-nav-link.active{color:var(--blue)!important;background:#f3f6fb;}
  .pro-nav-link:hover::after,.pro-nav-link.active::after{transform:scaleX(1);transform-origin:left;}
  .pro-nav-link .chevron{font-size:.58rem;transition:.25s ease;}
  .mega-wrap:hover .pro-nav-link .chevron{transform:rotate(180deg);}
  .pro-nav-cta{display:inline-flex;align-items:center;gap:8px;margin-left:10px;padding:11px 18px;border-radius:8px;color:var(--navy);background:var(--gold);font-size:.78rem;font-weight:800;box-shadow:0 8px 20px rgba(255,225,2,.25);transition:.3s ease;}
  .pro-nav-cta:hover{color:var(--navy);background:var(--gold-lt);transform:translateY(-2px);box-shadow:0 12px 25px rgba(255,225,2,.32);}

  /* Dropdown has no hover gap + bridge so it stays open while moving from Services to menu */
  .mega-wrap{position:static;}
  .mega-wrap::after{content:'';position:absolute;left:0;right:0;top:100%;height:18px;background:transparent;z-index:1498;}
  .pro-mega-menu{position:absolute;top:100%;left:50%;width:min(1120px,calc(100vw - 36px));padding:0;transform:translate(-50%,8px);background:#fff;border:1px solid rgba(10,26,92,.09);border-top:3px solid var(--gold);border-radius:0 0 18px 18px;box-shadow:0 25px 60px rgba(10,26,92,.17);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;overflow:hidden;z-index:1499;}
  .mega-wrap:hover .pro-mega-menu,.mega-wrap:focus-within .pro-mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
  .mega-inner{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;}
  .mega-intro{padding:30px 27px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue));}
  .mega-intro .mega-label{color:var(--gold);font-size:.67rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;}
  .mega-intro h5{margin:10px 0 8px;color:#fff;font-family:'Sora',sans-serif;font-size:1.08rem;line-height:1.4;}
  .mega-intro p{margin:0;color:rgba(255,255,255,.70);font-size:.74rem;line-height:1.7;}
  .mega-intro-link{display:inline-flex!important;align-items:center;gap:7px;margin-top:18px;padding:9px 12px!important;border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#fff!important;font-size:.7rem!important;}
  .mega-intro-link:hover{color:var(--navy)!important;background:var(--gold);transform:none!important;}
  .mega-col{padding:27px 22px;border-left:1px solid #edf0f5;}
  .mega-col h6{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:var(--navy);font-family:'Sora',sans-serif;font-size:.76rem;font-weight:800;}
  .mega-col h6 i{color:var(--blue);font-size:.7rem;}
  .mega-col a{display:flex;align-items:center;gap:9px;padding:6px 0;color:#626b7c;font-size:.74rem;font-weight:600;transition:.2s ease;}
  .mega-col a i{width:15px;color:#a4adbd;text-align:center;transition:.2s ease;}
  .mega-col a:hover{color:var(--blue);transform:translateX(4px);}
  .mega-col a:hover i{color:var(--gold);}

  .pro-toggler{width:44px;height:42px;display:none;align-items:center;justify-content:center;border:1px solid #dfe4ee;border-radius:9px;color:var(--navy);background:#fff;font-size:1rem;}
  .pro-toggler:focus{box-shadow:0 0 0 3px rgba(26,58,140,.10);}
  .pro-mobile-cta{display:none;}

  @media(max-width:991px){
    .pro-toggler{display:flex;}
    .pro-nav{min-height:68px;padding:8px 0;}
    .pro-nav-collapse{padding:12px 0 18px;border-top:1px solid #edf0f5;margin-top:8px;}
    .pro-nav-menu{gap:1px;align-items:stretch!important;}
    .pro-nav-menu .nav-item{width:100%;}
    .pro-nav-link{width:100%;justify-content:space-between;padding:13px 10px!important;}
    .pro-nav-link::after{display:none;}
    .mega-wrap{width:100%;}
    .mega-wrap::after{display:none;}
    .pro-mega-menu{position:static;width:100%;max-width:none;display:none;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;border:1px solid #e5e9f1;border-top:3px solid var(--gold);border-radius:10px;box-shadow:none;background:#f7f9fc;margin:2px 0 8px;}
    .pro-mega-menu.mobile-open{display:block;}
    .mega-inner{display:block;}
    .mega-intro{display:block;padding:18px 17px;background:linear-gradient(135deg,var(--navy),var(--blue));}
    .mega-intro h5{font-size:1rem;}
    .mega-intro p{font-size:.72rem;}
    .mega-intro-link{margin-top:12px;}
    .mega-col{padding:14px 16px;border-left:0;border-bottom:1px solid #e5e9f1;}
    .mega-col:last-child{border-bottom:0;}
    .mega-col h6{margin-bottom:5px;}
    .mega-col a{padding:7px 0;font-size:.74rem;}
    .pro-nav-cta{display:none;}
    .pro-mobile-cta{display:flex;width:100%;justify-content:center;margin-top:10px;}
  }

  /* =========================================================
     HERO - COMPLETELY NEW PREMIUM LAYOUT
     ========================================================= */
  .hero{
    position:relative;
    min-height:calc(100vh - 115px);
    display:flex;
    align-items:center;
    overflow:hidden;
    isolation:isolate;
    color:#06183a;
    font-family:'Manrope',sans-serif;
    background:
      radial-gradient(circle at 12% 18%,rgba(73,184,255,.18),transparent 24%),
      radial-gradient(circle at 78% 12%,rgba(25,180,240,.25),transparent 27%),
      radial-gradient(circle at 95% 72%,rgba(7,93,204,.18),transparent 29%),
      radial-gradient(circle at 45% 105%,rgba(74,121,255,.12),transparent 32%),
      linear-gradient(125deg,#f9fcff 0%,#edf7ff 38%,#eaf4ff 67%,#f8fbff 100%);
    background-size:130% 130%;
    animation:premiumGradient 14s ease-in-out infinite alternate;
  }

  @keyframes premiumGradient{
    0%{
      background-position:0% 50%;
      filter:saturate(1);
    }
    50%{
      background-position:70% 20%;
      filter:saturate(1.12);
    }
    100%{
      background-position:100% 80%;
      filter:saturate(1.05);
    }
  }

  .hero::before{
    content:"";
    position:absolute;
    width:900px;
    height:900px;
    right:-500px;
    top:-520px;
    border-radius:50%;
    background:
      radial-gradient(circle,
        rgba(25,180,240,.34) 0%,
        rgba(7,93,204,.15) 35%,
        rgba(88,192,255,.07) 52%,
        transparent 70%);
    filter:blur(2px);
    animation:heroAmbient 9s ease-in-out infinite, heroColorPulse 6s ease-in-out infinite alternate;
  }

  .hero .color-orb-one,
  .hero .color-orb-two,
  .hero .color-orb-three{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    z-index:0;
    filter:blur(2px);
  }

  .hero .color-orb-one{
    width:270px;
    height:270px;
    left:27%;
    top:-120px;
    background:radial-gradient(circle,rgba(25,180,240,.17),transparent 70%);
    animation:orbOne 10s ease-in-out infinite;
  }

  .hero .color-orb-two{
    width:340px;
    height:340px;
    right:20%;
    bottom:-230px;
    background:radial-gradient(circle,rgba(7,93,204,.14),transparent 70%);
    animation:orbTwo 12s ease-in-out infinite;
  }

  .hero .color-orb-three{
    width:210px;
    height:210px;
    left:4%;
    bottom:18%;
    background:radial-gradient(circle,rgba(94,211,255,.14),transparent 70%);
    animation:orbThree 8s ease-in-out infinite;
  }

  @keyframes heroColorPulse{
    0%{opacity:.72;transform:scale(.94)}
    100%{opacity:1;transform:scale(1.08)}
  }

  @keyframes orbOne{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(65px,45px) scale(1.18)}
  }

  @keyframes orbTwo{
    0%,100%{transform:translate(0,0)}
    50%{transform:translate(-70px,-55px) scale(1.14)}
  }

  @keyframes orbThree{
    0%,100%{transform:translate(0,0);opacity:.55}
    50%{transform:translate(35px,-45px);opacity:1}
  }

  .hero::after{
    content:"";
    position:absolute;
    width:560px;
    height:560px;
    left:-390px;
    bottom:-390px;
    border-radius:50%;
    background:
      radial-gradient(circle,
        rgba(7,93,204,.13),
        rgba(25,180,240,.06) 38%,
        transparent 68%);
    animation:heroAmbientLeft 11s ease-in-out infinite;
  }

  .hero-content::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:38%;
    top:8%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,180,240,.10),transparent 68%);
    filter:blur(8px);
    pointer-events:none;
    animation:softColorFloat 7s ease-in-out infinite;
  }

  @keyframes heroAmbientLeft{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(22px,-18px) scale(1.08)}
  }

  @keyframes softColorFloat{
    0%,100%{transform:translate(0,0);opacity:.55}
    50%{transform:translate(-25px,20px);opacity:1}
  }

  @keyframes heroAmbient{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(-25px,20px) scale(1.08)}
  }

  #particle-canvas{
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.10;
  }

  .hero-content::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.34;
    background:
      linear-gradient(90deg,rgba(7,93,204,.045) 1px,transparent 1px),
      linear-gradient(rgba(25,180,240,.035) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
  }

  .hero-content{
    position:relative;
    z-index:2;
    width:100%;
  }

  /* ---------- LEFT TYPOGRAPHY ---------- */
  .premium-copy{
    position:relative;
    padding:78px 0 86px;
  }

  .premium-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#075dcc;
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.17em;
    text-transform:uppercase;
    opacity:0;
    animation:heroTextIn .7s ease .05s forwards;
  }

  .premium-eyebrow::before{
    content:"";
    width:38px;
    height:2px;
    border-radius:3px;
    background:linear-gradient(90deg,#075dcc,#19b4f0);
  }

  .premium-title{
    max-width:690px;
    margin:21px 0 0;
    color:#06183a;
    font-family:'Plus Jakarta Sans','Manrope',sans-serif;
    font-size:clamp(3.25rem,6vw,5.55rem);
    line-height:.94;
    letter-spacing:-.075em;
    font-weight:800;
    opacity:0;
    animation:heroTextIn .8s ease .15s forwards;
  }

  .premium-title .fixed{
    display:block;
  }

  .premium-title .dynamic-wrap{
    display:block;
    height:1.02em;
    overflow:hidden;
    position:relative;
  }

  .premium-title .dynamic{
    display:block;
    background:linear-gradient(90deg,#075dcc 0%,#19a9e8 75%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:serviceSwap 4s cubic-bezier(.65,0,.25,1) infinite;
  }

  @keyframes serviceSwap{
    0%,12%{opacity:0;transform:translateY(105%);filter:blur(8px)}
    22%,69%{opacity:1;transform:translateY(0);filter:blur(0)}
    79%,100%{opacity:0;transform:translateY(-105%);filter:blur(8px)}
  }

  .premium-title .subline{
    display:block;
    max-width:600px;
    margin-top:17px;
    color:#64748b;
    font-family:'Manrope',sans-serif;
    font-size:.29em;
    line-height:1.45;
    font-weight:500;
    letter-spacing:-.012em;
  }

  .premium-desc{
    max-width:570px;
    margin:25px 0 0;
    color:#69788f;
    font-size:.91rem;
    line-height:1.85;
    font-weight:500;
    opacity:0;
    animation:heroTextIn .8s ease .30s forwards;
  }

  .premium-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
    opacity:0;
    animation:heroTextIn .8s ease .42s forwards;
  }

  .premium-actions .btn{
    min-width:180px;
    min-height:51px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:7px;
    font-family:'Manrope',sans-serif;
    font-size:.76rem;
    font-weight:800;
    position:relative;
    overflow:hidden;
    transition:.3s ease;
  }

  .premium-actions .btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    transform:skewX(-20deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
    transition:left .75s ease;
  }

  .premium-actions .btn:hover::before{left:145%;}

  .premium-primary{
    color:#fff;
    border:0;
    background:linear-gradient(135deg,#06183a,#075dcc 72%,#19a9e8);
    box-shadow:0 15px 32px rgba(7,93,204,.20);
  }

  .premium-primary:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 22px 42px rgba(7,93,204,.30);
  }

  .premium-secondary{
    color:#06183a;
    background:#fff;
    border:1px solid #dce5ef;
    box-shadow:0 8px 22px rgba(6,24,58,.05);
  }

  .premium-secondary:hover{
    color:#075dcc;
    border-color:#075dcc;
    transform:translateY(-3px);
  }

  .premium-proof{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:30px;
    color:#8a96a8;
    font-size:.56rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:0;
    animation:heroTextIn .8s ease .54s forwards;
  }

  .premium-proof strong{color:#06183a;}
  .premium-proof span{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#19a9e8;
  }

  @keyframes heroTextIn{
    from{opacity:0;transform:translateY(24px)}
    to{opacity:1;transform:translateY(0)}
  }

  /* =========================================================
     RIGHT SIDE - NO CARD / ABSTRACT PREMIUM BRAND SYSTEM
     ========================================================= */
  .premium-visual{
    position:relative;
    min-height:650px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 0 20px 30px;
  }

  .visual-stage{
    position:relative;
    width:min(570px,96%);
    height:570px;
  }

  .visual-stage::before{
    content:"";
    position:absolute;
    width:410px;
    height:410px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,169,232,.14),transparent 67%);
    filter:blur(4px);
    animation:stagePulse 5s ease-in-out infinite;
  }

  @keyframes stagePulse{
    0%,100%{transform:translate(-50%,-50%) scale(.95);opacity:.7}
    50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}
  }

  .orbit-outer,
  .orbit-middle,
  .orbit-inner{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    pointer-events:none;
  }

  .orbit-outer{
    width:510px;
    height:510px;
    border:1px solid rgba(7,93,204,.11);
    animation:orbitRotate 22s linear infinite;
  }

  .orbit-middle{
    width:390px;
    height:390px;
    border:1px dashed rgba(7,93,204,.15);
    animation:orbitRotateReverse 17s linear infinite;
  }

  .orbit-inner{
    width:270px;
    height:270px;
    border:1px solid rgba(25,169,232,.18);
    animation:orbitRotate 12s linear infinite;
  }

  @keyframes orbitRotate{
    to{transform:translate(-50%,-50%) rotate(360deg)}
  }

  @keyframes orbitRotateReverse{
    to{transform:translate(-50%,-50%) rotate(-360deg)}
  }

  .orbit-dot{
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#19a9e8;
    box-shadow:0 0 0 8px rgba(25,169,232,.08),0 0 22px rgba(25,169,232,.25);
  }

  .dot-a{top:20px;left:50%;margin-left:-5px;}
  .dot-b{right:17px;top:50%;margin-top:-5px;}
  .dot-c{bottom:28px;left:22%;}

  /* Main geometric composition */
  .brand-symbol{
    position:absolute;
    z-index:5;
    left:50%;
    top:50%;
    width:235px;
    height:235px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:linear-gradient(145deg,#06183a 0%,#075dcc 68%,#19a9e8 100%);
    box-shadow:
      0 35px 70px rgba(6,24,58,.22),
      0 0 0 18px rgba(7,93,204,.045),
      0 0 0 42px rgba(7,93,204,.025);
    animation:brandFloat 5s ease-in-out infinite;
  }

  .brand-symbol::before{
    content:"";
    position:absolute;
    inset:15px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.19);
  }

  .brand-symbol::after{
    content:"";
    position:absolute;
    width:70px;
    height:70px;
    right:-24px;
    top:30px;
    border-radius:50%;
    background:linear-gradient(145deg,#fff,#dff5ff);
    box-shadow:0 15px 35px rgba(7,93,204,.18);
    animation:miniOrb 4s ease-in-out infinite;
  }

  @keyframes brandFloat{
    0%,100%{transform:translate(-50%,-50%) translateY(0)}
    50%{transform:translate(-50%,-50%) translateY(-10px)}
  }

  @keyframes miniOrb{
    0%,100%{transform:translate(0,0)}
    50%{transform:translate(-5px,9px)}
  }

  .brand-symbol-content{
    position:absolute;
    inset:0;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-align:center;
  }

  .brand-symbol-content .initials{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:4.15rem;
    line-height:.85;
    font-weight:800;
    letter-spacing:-.12em;
    margin-right:.12em;
  }

  .brand-symbol-content .small{
    margin-top:12px;
    color:rgba(255,255,255,.68);
    font-size:.50rem;
    font-weight:800;
    letter-spacing:.26em;
    text-transform:uppercase;
  }

  /* Floating service labels */
  .floating-service{
    position:absolute;
    z-index:9;
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 14px;
    color:#06183a;
    background:rgba(255,255,255,.91);
    border:1px solid rgba(255,255,255,.85);
    border-radius:9px;
    box-shadow:0 18px 38px rgba(6,24,58,.12);
    backdrop-filter:blur(12px);
    font-size:.59rem;
    font-weight:800;
    white-space:nowrap;
    animation:serviceFloat 4.5s ease-in-out infinite;
  }

  .floating-service i{
    color:#075dcc;
    font-size:.70rem;
  }

  .floating-service.one{left:30px;top:170px;}
  .floating-service.two{right:25px;top:137px;animation-delay:.65s;}
  .floating-service.three{left:16px;bottom:145px;animation-delay:1.1s;}
  .floating-service.four{right:12px;bottom:113px;animation-delay:1.65s;}

  @keyframes serviceFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-9px)}
  }

  /* Small top/bottom labels */
  .visual-tag{
    position:absolute;
    z-index:10;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 13px;
    border-radius:8px;
    background:#06183a;
    color:#fff;
    box-shadow:0 16px 32px rgba(6,24,58,.18);
    font-size:.54rem;
    font-weight:800;
    letter-spacing:.01em;
  }

  .visual-tag i{color:#5bd5ff;}

  .visual-tag.top{
    top:53px;
    right:12px;
  }

  .visual-tag.bottom{
    bottom:48px;
    left:66px;
    background:linear-gradient(135deg,#075dcc,#19a9e8);
  }

  /* Growth chart without card */
  .growth-lines{
    position:absolute;
    z-index:3;
    left:50%;
    bottom:71px;
    width:215px;
    height:75px;
    transform:translateX(-50%);
    opacity:.95;
  }

  .growth-lines svg{
    width:100%;
    height:100%;
    overflow:visible;
  }

  .growth-path{
    fill:none;
    stroke:#19a9e8;
    stroke-width:3;
    stroke-linecap:round;
    stroke-dasharray:330;
    stroke-dashoffset:330;
    animation:drawGrowth 3s ease-in-out infinite alternate;
  }

  @keyframes drawGrowth{
    to{stroke-dashoffset:0}
  }

  .growth-dot{
    fill:#fff;
    stroke:#19a9e8;
    stroke-width:3;
    animation:chartDot 3s ease-in-out infinite alternate;
  }

  @keyframes chartDot{
    0%{transform:translate(0,0)}
    100%{transform:translate(0,-2px)}
  }

  .visual-caption{
    position:absolute;
    z-index:9;
    left:50%;
    bottom:12px;
    transform:translateX(-50%);
    color:#7c899d;
    font-size:.50rem;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
    white-space:nowrap;
  }

  @media(max-width:991px){
    .hero{min-height:auto;}
    .premium-copy{padding:62px 0 24px;}
    .premium-visual{min-height:570px;padding:10px 0 50px;}
    .premium-title{font-size:clamp(2.9rem,8vw,4.5rem);}
  }

  @media(max-width:575px){
    .hero{
      min-height:auto;
      background:
        radial-gradient(circle at 100% 0%,rgba(25,180,240,.28),transparent 34%),
        radial-gradient(circle at 0% 72%,rgba(7,93,204,.13),transparent 30%),
        radial-gradient(circle at 52% 38%,rgba(92,210,255,.08),transparent 27%),
        linear-gradient(145deg,#fbfdff 0%,#edf7ff 54%,#f8fbff 100%);
      background-size:140% 140%;
      animation:premiumGradient 12s ease-in-out infinite alternate;
    }

    .hero::before{
      width:480px;
      height:480px;
      right:-300px;
      top:-270px;
    }

    .premium-copy{
      padding:40px 0 10px;
    }

    .premium-eyebrow{
      font-size:.54rem;
    }

    .premium-title{
      margin-top:16px;
      font-size:2.55rem;
      line-height:.98;
      letter-spacing:-.055em;
    }

    .premium-title .subline{
      margin-top:11px;
      font-size:.38em;
      line-height:1.42;
    }

    .premium-desc{
      margin-top:17px;
      font-size:.83rem;
      line-height:1.72;
    }

    .premium-actions{
      display:grid;
      grid-template-columns:1fr;
      gap:9px;
      margin-top:21px;
    }

    .premium-actions .btn{
      width:100%;
      min-width:100%;
      min-height:49px;
    }

    .premium-proof{
      margin-top:19px;
      gap:8px;
      font-size:.43rem;
    }

    .premium-visual{
      min-height:395px;
      padding:0 0 32px;
    }

    .visual-stage{
      width:100%;
      height:355px;
    }

    .orbit-outer{
      width:315px;
      height:315px;
    }

    .orbit-middle{
      width:245px;
      height:245px;
    }

    .orbit-inner{
      width:175px;
      height:175px;
    }

    .brand-symbol{
      width:150px;
      height:150px;
    }

    .brand-symbol::before{
      inset:10px;
    }

    .brand-symbol::after{
      width:43px;
      height:43px;
      right:-13px;
      top:20px;
    }

    .brand-symbol-content .initials{
      font-size:2.55rem;
    }

    .brand-symbol-content .small{
      margin-top:8px;
      font-size:.33rem;
      letter-spacing:.20em;
    }

    .floating-service{
      padding:7px 8px;
      gap:5px;
      border-radius:7px;
      font-size:.43rem;
    }

    .floating-service i{font-size:.52rem;}

    .floating-service.one{left:1px;top:88px;}
    .floating-service.two{right:1px;top:73px;}
    .floating-service.three{left:0;bottom:83px;}
    .floating-service.four{right:0;bottom:66px;}

    .visual-tag{
      padding:7px 9px;
      font-size:.40rem;
      gap:5px;
    }

    .visual-tag.top{
      top:13px;
      right:4px;
    }

    .visual-tag.bottom{
      bottom:24px;
      left:17px;
    }

    .growth-lines{
      bottom:49px;
      width:145px;
      height:51px;
    }

    .visual-caption{
      bottom:0;
      font-size:.40rem;
    }

    .dot-a{top:13px;}
    .dot-b{right:8px;}
    .dot-c{bottom:17px;}
  }

  @media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
      animation-duration:.01ms!important;
      animation-iteration-count:1!important;
      transition-duration:.01ms!important;
    }
  }

  /* Marquee strip */
  .marquee-wrap{background:linear-gradient(90deg,var(--navy),#0d2452,var(--navy));padding:18px 0;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(215,184,106,.22);border-bottom:1px solid rgba(215,184,106,.22);}
  .marquee-track{display:inline-flex;gap:60px;animation:marquee 22s linear infinite;}
  .marquee-track span{color:#dbe5ff;font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;letter-spacing:.02em;}
  .marquee-track span i{color:var(--amber); margin-right:10px;}
  @keyframes marquee{from{transform:translateX(0);} to{transform:translateX(-50%);}}

  /* Sections */
  .section{padding:100px 0;}
  .section-tag{color:var(--violet); font-weight:700; font-size:.9rem; margin-bottom:10px;}
  .section-title{font-size:clamp(1.8rem,3vw,2.6rem); font-weight:800; letter-spacing:-.02em; margin-bottom:16px;}
  .section-desc{color:var(--grey); font-size:1.03rem; max-width:560px; line-height:1.7;}


  /* CTA band */
  .cta-band{
    background:linear-gradient(120deg, var(--ink), #1B1740); border-radius:28px; padding:64px 48px;
    color:var(--white); position:relative; overflow:hidden;
  }
  .cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%, rgba(255,176,32,.22), transparent 55%);}

  footer{background:var(--navy); color:#9db1c9; padding:60px 0 24px;}
  footer h6{color:var(--white); font-family:'Sora',sans-serif; margin-bottom:16px;}
  footer a{color:#9db1c9; font-size:.92rem; display:block; padding:5px 0;}
  footer a:hover{color:var(--white);}
  .social-circle{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:var(--white);transition:.3s;}
  .social-circle:hover{background:var(--violet); border-color:var(--violet);}

  .reveal{opacity:0; transform:translateY(28px); transition:.7s ease;}
  .reveal.show{opacity:1; transform:translateY(0);}

  @media(max-width:575px){
    .pro-brand{font-size:1.08rem;}
    .pro-brand-mark{width:38px;height:38px;}
    .top-strip{
      display:block;
      padding:6px 0;
      font-size:.62rem;
    }
    .top-strip .container{justify-content:center!important;}
    .top-strip .d-flex.gap-4{
      width:100%;
      justify-content:center;
      gap:10px!important;
    }
    .top-strip .top-item:nth-child(3),
    .top-social{display:none!important;}
  }

  /* =========================================================
     FINAL MOBILE DRAWER + PREMIUM HERO POLISH
     ========================================================= */
  .mobile-menu-backdrop{
    display:none;position:fixed;inset:0;z-index:1490;
    background:rgba(4,14,48,.52);backdrop-filter:blur(4px);
    opacity:0;transition:opacity .3s ease;
  }
  .mobile-menu-backdrop.show{display:block;opacity:1;}
  .mobile-drawer-head{display:none;}

  @media(max-width:991px){
    .pro-nav-collapse{
      position:fixed!important;top:0;left:0;width:min(88vw,370px);height:100dvh;
      max-height:100dvh;overflow-y:auto;overflow-x:hidden;padding:0 18px 24px!important;
      margin:0!important;background:#fff;border:0!important;
      box-shadow:18px 0 55px rgba(5,20,75,.25);
      transform:translateX(-105%);transition:transform .38s cubic-bezier(.22,.61,.36,1);
      display:block!important;visibility:hidden;z-index:1600;
    }
    .pro-nav-collapse.drawer-open{transform:translateX(0);visibility:visible;}
    .mobile-drawer-head{
      position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;
      margin:0 -18px 10px;padding:15px 18px;
      background:linear-gradient(135deg,var(--navy),var(--blue));
      box-shadow:0 8px 22px rgba(10,26,92,.15);
    }
    .mobile-drawer-brand{display:flex;align-items:center;gap:9px;color:#fff!important;font-weight:800;font-family:'Sora',sans-serif;font-size:1rem;}
    .mobile-drawer-brand-mark{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--gold);color:var(--navy);}
    .mobile-drawer-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:1rem;}
    .pro-nav-menu{margin:0!important;padding-top:4px;gap:1px;align-items:stretch!important;}
    .pro-nav-menu .nav-item{width:100%;}
    .pro-nav-link{width:100%;min-height:50px;justify-content:space-between;padding:13px 10px!important;font-size:.88rem!important;border-radius:10px;margin-bottom:4px;}
    .pro-nav-link::after{display:none;}
    .pro-nav-link:hover,.pro-nav-link.active{background:#f1f4fa;}
    .mega-wrap{width:100%;position:relative;}
    .mega-wrap::after{display:none;}
    .pro-mega-menu{
      position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-width:none!important;
      display:none;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
      margin:0 0 7px!important;border:1px solid #e2e7f0!important;border-top:3px solid var(--gold)!important;
      border-radius:0 0 12px 12px!important;box-shadow:0 12px 30px rgba(10,26,92,.08)!important;
      background:#f8faff!important;overflow:hidden;
    }
    .pro-mega-menu.mobile-open{display:block;animation:mobileMenuIn .28s ease both;}
    @keyframes mobileMenuIn{from{opacity:0;transform:translateY(-7px)!important}to{opacity:1;transform:translateY(0)!important}}
    .mega-inner{display:block;}
    /* Remove the promotional "What We Do" panel on phones */
    .mega-intro{display:none!important;}
    .mega-col{padding:15px 16px!important;border-left:0!important;border-bottom:1px solid #e4e8f0!important;}
    .mega-col:last-child{border-bottom:0!important;}
    .mega-col h6{font-size:.77rem!important;margin-bottom:7px!important;}
    .mega-col a{padding:7px 0!important;font-size:.75rem!important;}
    .pro-nav-cta:not(.pro-mobile-cta){display:none!important;}
    .pro-mobile-cta{display:flex!important;width:100%;justify-content:center;margin:13px 0 5px!important;min-height:48px;}
    body.mobile-menu-open{overflow:hidden;}
  }

  @media(max-width:575px){
    .hero-actions{display:grid!important;grid-template-columns:1fr;gap:10px;}
    .hero-actions .btn{width:100%;min-width:100%;min-height:52px;}
  }


  /* =========================================================
     FINAL PREMIUM POLISH - GLASS JSS + DUAL GRADIENT HERO
     ========================================================= */
  .hero{
    background:
      radial-gradient(circle at 86% 14%, rgba(25,180,240,.26), transparent 24%),
      radial-gradient(circle at 8% 86%, rgba(7,93,204,.20), transparent 28%),
      linear-gradient(135deg, #f8fbff 0%, #e5f3ff 46%, #f4f9ff 100%);
    background-size: 125% 125%;
    animation: premiumGradient 15s ease-in-out infinite alternate;
  }

  .hero::before{
    background:
      radial-gradient(circle at center,
        rgba(25,180,240,.30) 0%,
        rgba(7,93,204,.16) 36%,
        rgba(88,192,255,.08) 54%,
        transparent 72%);
  }

  /* Glassmorphism JSS mark */
  .brand-symbol{
    background:
      linear-gradient(145deg,
        rgba(4,28,72,.92) 0%,
        rgba(7,93,204,.78) 52%,
        rgba(25,180,240,.72) 100%);
    border:1px solid rgba(255,255,255,.38);
    box-shadow:
      0 30px 70px rgba(3,35,88,.25),
      inset 0 1px 0 rgba(255,255,255,.48),
      inset 0 -20px 45px rgba(0,119,255,.12),
      0 0 0 12px rgba(255,255,255,.08),
      0 0 45px rgba(25,180,240,.18);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .brand-symbol::before{
    inset:10px;
    border:1px solid rgba(255,255,255,.34);
    box-shadow:inset 0 0 22px rgba(255,255,255,.06);
  }

  .brand-symbol-content .initials{
    background:linear-gradient(180deg,#ffffff 0%,#e8f8ff 42%,#9edfff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.24);
    text-shadow:
      0 2px 0 rgba(255,255,255,.28),
      0 8px 24px rgba(0,0,0,.20),
      0 0 24px rgba(153,229,255,.38);
    filter:drop-shadow(0 0 8px rgba(255,255,255,.15));
  }

  .brand-symbol-content .small{
    padding:4px 10px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.78);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .visual-stage::before{
    background:radial-gradient(circle,
      rgba(25,180,240,.22),
      rgba(7,93,204,.09) 42%,
      transparent 70%);
    box-shadow:0 0 100px rgba(25,180,240,.10);
  }

  .floating-service{
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,249,255,.82));
    border:1px solid rgba(255,255,255,.96);
    box-shadow:
      0 18px 38px rgba(6,24,58,.13),
      inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .visual-tag{
    background:linear-gradient(135deg,rgba(3,24,57,.94),rgba(7,93,204,.86));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 18px 38px rgba(6,24,58,.20), inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  /* More reliable mobile drawer; independent of Bootstrap collapse JS */
  @media(max-width:991px){
    .pro-nav-collapse{
      display:block!important;
      visibility:hidden;
      pointer-events:none;
      opacity:1;
      transform:translateX(-105%);
      transition:transform .38s cubic-bezier(.22,.61,.36,1);
    }
    .pro-nav-collapse.drawer-open{
      visibility:visible!important;
      pointer-events:auto!important;
      transform:translateX(0)!important;
    }
    .pro-toggler{
      cursor:pointer;
      position:relative;
      z-index:1700;
    }
    .mobile-menu-backdrop{
      pointer-events:none;
    }
    .mobile-menu-backdrop.show{
      pointer-events:auto;
    }
    .pro-mega-menu.mobile-open{
      display:block!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
    }
    .mega-trigger.menu-open{
      color:var(--blue)!important;
      background:#eef5ff!important;
    }
  }

  @media(max-width:575px){
    .hero{
      background:
        radial-gradient(circle at 100% 0%,rgba(25,180,240,.32),transparent 34%),
        radial-gradient(circle at 0% 78%,rgba(7,93,204,.18),transparent 32%),
        linear-gradient(145deg,#fbfdff 0%,#e6f4ff 52%,#f7fbff 100%);
      background-size:145% 145%;
    }
    .brand-symbol{
      border-width:1px;
      box-shadow:
        0 24px 48px rgba(3,35,88,.24),
        inset 0 1px 0 rgba(255,255,255,.50),
        0 0 0 9px rgba(255,255,255,.08),
        0 0 32px rgba(25,180,240,.18);
    }
    .brand-symbol-content .initials{
      text-shadow:0 2px 0 rgba(255,255,255,.28),0 5px 16px rgba(0,0,0,.20);
    }
  }

  /* =========================================================
     VERIFIED CREDENTIALS + PERFORMANCE METRICS
     ========================================================= */
  .cred-metrics-section{
    position:relative;
    background:#f8fafc;
    border-top:1px solid #e5eaf1;
    border-bottom:1px solid #e5eaf1;
    padding:30px 0 32px;
    overflow:hidden;
  }

  .cred-metrics-section::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    left:-240px;
    top:-260px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(7,93,204,.055),transparent 68%);
    pointer-events:none;
  }

  .cred-metrics-inner{
    position:relative;
    z-index:1;
  }

  .cred-top-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    padding-bottom:23px;
  }

  .cred-identity{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
  }

  .cred-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#075dcc;
    background:#edf5ff;
    border:1px solid #dcecff;
    font-size:.95rem;
  }

  .cred-copy{
    min-width:0;
  }

  .cred-label{
    margin:0 0 3px;
    color:#075dcc;
    font-family:'Sora',sans-serif;
    font-size:.70rem;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase;
  }

  .cred-subtitle{
    margin:0;
    color:#718096;
    font-size:.82rem;
    line-height:1.35;
    font-weight:700;
  }

  .cred-rating{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    padding:7px 15px;
    border-radius:999px;
    color:#fff;
    background:#09295e;
    border:1px solid rgba(7,93,204,.16);
    box-shadow:0 7px 18px rgba(1,21,56,.10);
    font-size:.69rem;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
  }

  .cred-stars{
    color:#ffc400;
    letter-spacing:1px;
    font-size:.74rem;
  }

  .cred-divider{
    width:100%;
    height:1px;
    background:linear-gradient(90deg,#123a78 0%,#1e5ea8 50%,#123a78 100%);
    opacity:.75;
  }

  .cred-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding-top:25px;
  }

  .cred-stat{
    position:relative;
    min-height:75px;
    padding:0 27px;
  }

  .cred-stat:first-child{
    padding-left:0;
  }

  .cred-stat:last-child{
    padding-right:0;
  }

  .cred-stat + .cred-stat{
    border-left:1px solid #e3e9f1;
  }

  .cred-stat-value{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0;
    color:#1765cf;
    font-family:'Sora',sans-serif;
    font-size:1.50rem;
    line-height:1.1;
    font-weight:700;
    letter-spacing:-.025em;
  }

  .cred-stat-icon{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#0b8bdf;
  }

  .cred-stat-icon svg{
    width:20px;
    height:20px;
    display:block;
  }

  .cred-stat:nth-child(4) .cred-stat-icon{
    color:#e4a400;
  }

  .cred-stat-title{
    margin:9px 0 0;
    color:#7c8798;
    font-size:.69rem;
    line-height:1.25;
    font-weight:600;
  }

  .cred-stat-note{
    margin:5px 0 0;
    color:#71829b;
    font-size:.65rem;
    line-height:1.35;
    font-weight:500;
  }

  @media(max-width:767px){
    .cred-metrics-section{padding:24px 0 26px;}
    .cred-top-row{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:18px;}
    .cred-rating{font-size:.63rem;padding:7px 12px;}
    .cred-subtitle{font-size:.76rem;line-height:1.5;}
    .cred-stats{grid-template-columns:repeat(2,1fr);gap:0;padding-top:20px;}
    .cred-stat{min-height:84px;padding:0 14px 18px;}
    .cred-stat:nth-child(odd){padding-left:0;}
    .cred-stat:nth-child(even){padding-right:0;}
    .cred-stat:nth-child(3),.cred-stat:nth-child(4){padding-top:18px;border-top:1px solid #e3e9f1;}
    .cred-stat:nth-child(3){padding-left:0;}
    .cred-stat:nth-child(4){padding-right:0;}
    .cred-stat + .cred-stat{border-left:1px solid #e3e9f1;}
    .cred-stat:nth-child(3){border-left:0;}
    .cred-stat-value{font-size:1.12rem;gap:6px;}
    .cred-stat-icon{width:19px;height:19px;flex-basis:19px;}
    .cred-stat-icon svg{width:18px;height:18px;}
    .cred-stat-title{margin-top:7px;font-size:.63rem;}
    .cred-stat-note{font-size:.58rem;}
  }

  @media(max-width:991px){
    .cred-top-row{
      align-items:flex-start;
      flex-direction:column;
      gap:16px;
    }

    .cred-rating{
      align-self:flex-start;
    }

    .cred-stats{
      grid-template-columns:repeat(2,1fr);
      row-gap:25px;
    }

    .cred-stat{
      padding:0 18px;
    }

    .cred-stat:nth-child(odd){
      padding-left:0;
    }

    .cred-stat:nth-child(even){
      padding-right:0;
    }

    .cred-stat:nth-child(3),
    .cred-stat:nth-child(4){
      padding-top:5px;
    }
  }

  @media(max-width:575px){
    .cred-metrics-section{
      padding:25px 0 28px;
    }

    .cred-top-row{
      gap:13px;
      padding-bottom:18px;
    }

    .cred-identity{
      gap:10px;
      align-items:flex-start;
    }

    .cred-icon{
      width:36px;
      height:36px;
      flex-basis:36px;
      border-radius:10px;
      font-size:.82rem;
    }

    .cred-label{
      font-size:.59rem;
      letter-spacing:.025em;
    }

    .cred-subtitle{
      font-size:.70rem;
      line-height:1.45;
    }

    .cred-rating{
      padding:7px 11px;
      font-size:.58rem;
      gap:6px;
    }

    .cred-stars{
      font-size:.62rem;
      letter-spacing:.5px;
    }

    .cred-stats{
      grid-template-columns:1fr 1fr;
      padding-top:20px;
      row-gap:22px;
    }

    .cred-stat{
      min-height:70px;
      padding:0 10px;
    }

    .cred-stat:nth-child(odd){
      padding-left:0;
    }

    .cred-stat:nth-child(even){
      padding-right:0;
    }

    .cred-stat-value{
      gap:5px;
      font-size:1.02rem;
    }

    .cred-stat-value i{
      font-size:.76rem;
    }

    .cred-stat-title{
      margin-top:7px;
      font-size:.57rem;
    }

    .cred-stat-note{
      margin-top:4px;
      font-size:.53rem;
      line-height:1.35;
    }
  }



  /* =========================================================
     PREMIUM CREDENTIALS MOTION + BACKGROUND POLISH
     ========================================================= */
  .cred-metrics-section{
    isolation:isolate;
    background:
      radial-gradient(circle at 8% 18%, rgba(25,180,240,.12), transparent 22%),
      radial-gradient(circle at 92% 12%, rgba(7,93,204,.10), transparent 25%),
      radial-gradient(circle at 50% 115%, rgba(217,184,95,.08), transparent 30%),
      linear-gradient(135deg,#fbfdff 0%,#f1f7fd 46%,#f9fbff 100%);
    background-size:130% 130%;
    animation:credBgMove 14s ease-in-out infinite alternate;
  }

  .cred-metrics-section::before{
    width:520px;
    height:520px;
    left:-260px;
    top:-330px;
    background:radial-gradient(circle,
      rgba(25,180,240,.16) 0%,
      rgba(7,93,204,.07) 38%,
      transparent 70%);
    filter:blur(2px);
    animation:credGlowLeft 8s ease-in-out infinite alternate;
  }

  .cred-metrics-section::after{
    content:'';
    position:absolute;
    width:430px;
    height:430px;
    right:-260px;
    bottom:-300px;
    border-radius:50%;
    background:radial-gradient(circle,
      rgba(7,93,204,.12) 0%,
      rgba(25,180,240,.06) 42%,
      transparent 70%);
    filter:blur(3px);
    pointer-events:none;
    z-index:0;
    animation:credGlowRight 10s ease-in-out infinite alternate;
  }

  .cred-metrics-inner::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.38;
    background:
      linear-gradient(90deg,rgba(7,93,204,.035) 1px,transparent 1px),
      linear-gradient(rgba(25,180,240,.028) 1px,transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);
  }

  .cred-top-row,
  .cred-divider,
  .cred-stat{
    position:relative;
    z-index:2;
  }

  .cred-identity{
    animation:credReveal .75s cubic-bezier(.22,.61,.36,1) both;
  }

  .cred-icon{
    position:relative;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(7,93,204,.10);
    animation:credIconFloat 4s ease-in-out infinite;
  }

  .cred-icon::after{
    content:'';
    position:absolute;
    top:-40%;
    left:-80%;
    width:55%;
    height:180%;
    transform:rotate(25deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
    animation:credShine 4.5s ease-in-out infinite;
  }

  .cred-rating{
    animation:credRevealRight .8s cubic-bezier(.22,.61,.36,1) .12s both;
    position:relative;
    overflow:hidden;
  }

  .cred-rating::after{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:65%;
    height:100%;
    transform:skewX(-22deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
    animation:credRatingShine 5s ease-in-out 1s infinite;
  }

  .cred-stars{
    text-shadow:0 0 10px rgba(255,196,0,.35);
  }

  .cred-divider{
    background:linear-gradient(90deg,
      rgba(7,93,204,.12),
      rgba(7,93,204,.60) 22%,
      rgba(25,180,240,.55) 50%,
      rgba(7,93,204,.60) 78%,
      rgba(7,93,204,.12));
    box-shadow:0 0 12px rgba(25,180,240,.08);
    animation:credLineIn 1s ease .25s both;
  }

  .cred-stat{
    opacity:0;
    transform:translateY(22px);
    animation:credStatIn .7s cubic-bezier(.22,.61,.36,1) forwards;
  }

  .cred-stat:nth-child(1){animation-delay:.30s;}
  .cred-stat:nth-child(2){animation-delay:.42s;}
  .cred-stat:nth-child(3){animation-delay:.54s;}
  .cred-stat:nth-child(4){animation-delay:.66s;}

  .cred-stat::before{
    content:'';
    position:absolute;
    left:27px;
    right:27px;
    top:-7px;
    height:2px;
    border-radius:20px;
    background:linear-gradient(90deg,transparent,#19b4f0,transparent);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .45s ease;
    opacity:.55;
  }

  .cred-stat:first-child::before{left:0;}
  .cred-stat:last-child::before{right:0;}

  .cred-stat:hover::before{transform:scaleX(1);}

  .cred-stat-value{
    transition:transform .35s ease, text-shadow .35s ease;
  }

  .cred-stat:hover .cred-stat-value{
    transform:translateY(-2px);
    text-shadow:0 7px 22px rgba(7,93,204,.13);
  }

  .cred-stat-icon{
    transition:transform .35s ease, filter .35s ease;
  }

  .cred-stat:hover .cred-stat-icon{
    transform:scale(1.14) rotate(-4deg);
    filter:drop-shadow(0 5px 9px rgba(25,180,240,.25));
  }

  @keyframes credBgMove{
    0%{background-position:0% 40%;}
    50%{background-position:55% 20%;}
    100%{background-position:100% 70%;}
  }

  @keyframes credGlowLeft{
    0%{transform:translate(0,0) scale(.92);opacity:.55;}
    100%{transform:translate(55px,35px) scale(1.08);opacity:1;}
  }

  @keyframes credGlowRight{
    0%{transform:translate(0,0) scale(.90);opacity:.45;}
    100%{transform:translate(-45px,-35px) scale(1.12);opacity:1;}
  }

  @keyframes credReveal{
    from{opacity:0;transform:translateX(-24px);}
    to{opacity:1;transform:translateX(0);}
  }

  @keyframes credRevealRight{
    from{opacity:0;transform:translateX(24px);}
    to{opacity:1;transform:translateX(0);}
  }

  @keyframes credLineIn{
    from{transform:scaleX(.15);opacity:0;}
    to{transform:scaleX(1);opacity:.75;}
  }

  @keyframes credStatIn{
    to{opacity:1;transform:translateY(0);}
  }

  @keyframes credIconFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-3px);}
  }

  @keyframes credShine{
    0%,55%{left:-80%;}
    72%,100%{left:145%;}
  }

  @keyframes credRatingShine{
    0%,58%{left:-120%;}
    76%,100%{left:145%;}
  }

  @media(max-width:991px){
    .cred-metrics-section{
      background-size:155% 155%;
    }
    .cred-stat::before{
      left:18px;
      right:18px;
    }
    .cred-stat:first-child::before{left:0;}
    .cred-stat:last-child::before{right:0;}
  }

  @media(max-width:767px){
    .cred-metrics-section::after{
      width:280px;
      height:280px;
      right:-180px;
      bottom:-170px;
    }
    .cred-metrics-inner::before{
      background-size:42px 42px;
    }
    .cred-stat::before{
      display:none;
    }
  }

  @media(prefers-reduced-motion:reduce){
    .cred-metrics-section,
    .cred-metrics-section::before,
    .cred-metrics-section::after,
    .cred-icon,
    .cred-icon::after,
    .cred-rating,
    .cred-rating::after,
    .cred-divider,
    .cred-stat,
    .cred-identity{
      animation:none!important;
    }
    .cred-stat{
      opacity:1!important;
      transform:none!important;
    }
  }


  /* =========================================================
     JSS INNOVATION ROADMAP - ADDED SECTION ONLY
     ========================================================= */
  .dpv-roadmap{
    position:relative;
    padding:105px 0 110px;
    overflow:hidden;
    background:
      radial-gradient(circle at 18% 18%,rgba(255,112,65,.08),transparent 22%),
      radial-gradient(circle at 82% 20%,rgba(94,102,230,.10),transparent 25%),
      linear-gradient(135deg,#fffdfc 0%,#f9fbff 52%,#ffffff 100%);
  }
  .dpv-roadmap::before{
    content:"";
    position:absolute;
    width:520px;height:520px;
    left:-270px;top:-250px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,112,65,.10),transparent 68%);
    pointer-events:none;
  }
  .dpv-roadmap::after{
    content:"";
    position:absolute;
    width:500px;height:500px;
    right:-280px;bottom:-290px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(78,91,224,.10),transparent 68%);
    pointer-events:none;
  }
  .dpv-roadmap-head{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:0 auto 72px;
    text-align:center;
  }
  .dpv-roadmap-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 18px;
    border:1px solid #d8dcef;
    border-radius:999px;
    background:linear-gradient(135deg,#fff,#f2f1ff);
    color:#075dcc;
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    box-shadow:0 8px 24px rgba(78,89,217,.08);
  }
  .dpv-roadmap-tag i{
    color:#19a9e8;
    font-size:.72rem;
  }
  .dpv-roadmap-title{
    margin:22px 0 0;
    color:#06183a;
    font-family:'Sora',sans-serif;
    font-size:clamp(2rem,4.1vw,3.25rem);
    line-height:1.12;
    letter-spacing:-.055em;
    font-weight:800;
  }
  .dpv-roadmap-title .accent{color:#075dcc;}
  .dpv-roadmap-desc{
    max-width:650px;
    margin:20px auto 0;
    color:#8588a6;
    font-size:.98rem;
    line-height:1.75;
  }
  .dpv-roadmap-track{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    max-width:1100px;
    margin:0 auto;
  }
  .dpv-roadmap-track::before{
    content:"";
    position:absolute;
    left:11%;
    right:11%;
    top:43px;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg,#075dcc 0%,#075dcc 35%,#19a9e8 68%,#075dcc 100%);
    z-index:0;
  }
  .dpv-step{
    position:relative;
    z-index:1;
    padding-top:68px;
  }
  .dpv-step-number{
    position:absolute;
    top:0;
    left:50%;
    width:51px;
    height:51px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-family:'Sora',sans-serif;
    font-size:1rem;
    font-weight:800;
    border:4px solid rgba(255,255,255,.92);
    box-shadow:0 0 0 1px rgba(0,0,0,.04),0 8px 20px rgba(31,42,75,.13);
  }
  .dpv-step:nth-child(1) .dpv-step-number{background:#075dcc;box-shadow:0 0 0 7px rgba(7,93,204,.08),0 8px 20px rgba(31,42,75,.13);}
  .dpv-step:nth-child(2) .dpv-step-number{background:#19a9e8;box-shadow:0 0 0 7px rgba(25,169,232,.08),0 8px 20px rgba(31,42,75,.13);}
  .dpv-step:nth-child(3) .dpv-step-number{background:#075dcc;box-shadow:0 0 0 7px rgba(7,93,204,.08),0 8px 20px rgba(31,42,75,.13);}
  .dpv-step:nth-child(4) .dpv-step-number{background:#19a9e8;box-shadow:0 0 0 7px rgba(25,169,232,.08),0 8px 20px rgba(31,42,75,.13);}
  .dpv-step-card{
    min-height:332px;
    padding:30px 24px 28px;
    border:1px solid #e8e9ef;
    border-top:4px solid #075dcc;
    border-radius:17px;
    background:rgba(255,255,255,.94);
    box-shadow:0 15px 36px rgba(29,39,70,.07);
    text-align:center;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
  }
  .dpv-step:nth-child(2) .dpv-step-card{border-top-color:#19a9e8;}
  .dpv-step:nth-child(3) .dpv-step-card{border-top-color:#075dcc;}
  .dpv-step:nth-child(4) .dpv-step-card{border-top-color:#19a9e8;}
  .dpv-step-card:hover{
    transform:translateY(-8px);
    box-shadow:0 24px 48px rgba(29,39,70,.11);
  }
  .dpv-step-icon{
    width:54px;
    height:54px;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:1.35rem;
  }
  .dpv-step:nth-child(1) .dpv-step-icon{color:#075dcc;background:#eaf3ff;}
  .dpv-step:nth-child(2) .dpv-step-icon{color:#19a9e8;background:#eaf8fe;}
  .dpv-step:nth-child(3) .dpv-step-icon{color:#075dcc;background:#eaf3ff;}
  .dpv-step:nth-child(4) .dpv-step-icon{color:#19a9e8;background:#eaf8fe;}
  .dpv-step-title{
    margin:0 auto 13px;
    max-width:220px;
    color:#191a31;
    font-family:'Sora',sans-serif;
    font-size:.94rem;
    line-height:1.28;
    font-weight:800;
  }
  .dpv-step-text{
    margin:0;
    color:#8588a6;
    font-size:.77rem;
    line-height:1.75;
  }
  @media(max-width:991px){
    .dpv-roadmap{padding:80px 0 85px;}
    .dpv-roadmap-head{margin-bottom:62px;}
    .dpv-roadmap-track{grid-template-columns:repeat(2,1fr);gap:45px 20px;}
    .dpv-roadmap-track::before{display:none;}
    .dpv-step{padding-top:60px;}
    .dpv-step-card{min-height:300px;padding:27px 20px 25px;}
  }
  @media(max-width:575px){
    .dpv-roadmap{padding:65px 0 70px;}
    .dpv-roadmap-head{margin-bottom:50px;}
    .dpv-roadmap-title{font-size:2rem;line-height:1.15;}
    .dpv-roadmap-desc{font-size:.82rem;line-height:1.7;}
    .dpv-roadmap-track{grid-template-columns:1fr;gap:34px;}
    .dpv-step{padding-top:57px;}
    .dpv-step-card{min-height:auto;padding:26px 22px 25px;}
    .dpv-step-number{width:48px;height:48px;font-size:.9rem;}
  }


  /* =========================================================
     WHO WE ARE + ANIMATED PROCESS ENHANCEMENTS
     ========================================================= */
  .jss-who-section{
    position:relative;
    padding:105px 0;
    overflow:hidden;
    background:#fff;
  }
  .jss-who-section::before{
    content:"";
    position:absolute;
    width:430px;height:430px;
    left:-220px;top:-180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(7,93,204,.10),transparent 68%);
    pointer-events:none;
  }
  .jss-who-section::after{
    content:"";
    position:absolute;
    width:400px;height:400px;
    right:-220px;bottom:-210px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,169,232,.10),transparent 68%);
    pointer-events:none;
  }
  .jss-who-wrap{position:relative;z-index:2;}
  .jss-who-label{
    display:inline-flex;align-items:center;gap:9px;
    color:#075dcc;
    font-size:.68rem;font-weight:800;
    letter-spacing:.18em;text-transform:uppercase;
    margin-bottom:16px;
  }
  .jss-who-label::before{
    content:"";width:30px;height:2px;border-radius:20px;
    background:linear-gradient(90deg,#075dcc,#19a9e8);
  }
  .jss-who-title{
    margin:0 0 20px;
    color:#06183a;
    font-family:'Sora',sans-serif;
    font-size:clamp(2rem,4vw,3.25rem);
    line-height:1.12;
    letter-spacing:-.055em;
    font-weight:800;
  }
  .jss-who-title span{color:#075dcc;}
  .jss-who-lead{
    color:#53627a;
    font-size:1rem;
    line-height:1.85;
    max-width:690px;
    margin-bottom:24px;
  }
  .jss-who-text{
    color:#7a8799;
    font-size:.9rem;
    line-height:1.8;
    max-width:680px;
    margin-bottom:0;
  }
  .jss-who-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px;}
  .jss-who-point{
    display:flex;align-items:flex-start;gap:12px;
    padding:16px 17px;
    border:1px solid #e6edf6;
    border-radius:14px;
    background:#fbfdff;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
  }
  .jss-who-point:hover{transform:translateY(-5px);border-color:#bcd8f6;box-shadow:0 15px 30px rgba(7,93,204,.08);}
  .jss-who-point-icon{
    flex:0 0 38px;width:38px;height:38px;
    display:flex;align-items:center;justify-content:center;
    border-radius:11px;color:#075dcc;background:#eaf3ff;
  }
  .jss-who-point:nth-child(even) .jss-who-point-icon{color:#19a9e8;background:#eaf8fe;}
  .jss-who-point h4{margin:0 0 4px;color:#18243b;font-size:.82rem;font-weight:800;}
  .jss-who-point p{margin:0;color:#7b8798;font-size:.72rem;line-height:1.6;}
  .jss-who-visual{
    position:relative;min-height:475px;
    display:flex;align-items:center;justify-content:center;
  }
  .jss-who-orbit{
    position:absolute;width:360px;height:360px;border:1px dashed #cbdff4;
    border-radius:50%;animation:jssOrbit 16s linear infinite;
  }
  .jss-who-orbit::before,.jss-who-orbit::after{
    content:"";position:absolute;width:11px;height:11px;border-radius:50%;
    background:#075dcc;box-shadow:0 0 0 7px rgba(7,93,204,.09);
  }
  .jss-who-orbit::before{top:38px;left:35px;}
  .jss-who-orbit::after{right:22px;bottom:55px;background:#19a9e8;box-shadow:0 0 0 7px rgba(25,169,232,.10);}
  .jss-who-core{
    position:relative;width:250px;height:250px;border-radius:32px;
    display:flex;align-items:center;justify-content:center;text-align:center;
    background:linear-gradient(145deg,#06183a,#075dcc);
    box-shadow:0 30px 70px rgba(7,93,204,.24);
    overflow:hidden;
  }
  .jss-who-core::before{
    content:"";position:absolute;width:180px;height:180px;border-radius:50%;
    background:rgba(25,169,232,.25);filter:blur(5px);top:-75px;right:-65px;
  }
  .jss-who-core-content{position:relative;z-index:2;color:#fff;}
  .jss-who-core-icon{font-size:2.2rem;margin-bottom:13px;color:#7bd8ff;}
  .jss-who-core h3{font-size:1.35rem;font-weight:800;margin:0 0 7px;}
  .jss-who-core p{margin:0;color:rgba(255,255,255,.72);font-size:.72rem;line-height:1.6;}
  .jss-who-float{
    position:absolute;display:flex;align-items:center;gap:9px;padding:11px 15px;
    border:1px solid rgba(255,255,255,.72);border-radius:12px;background:rgba(255,255,255,.92);
    box-shadow:0 16px 35px rgba(20,44,80,.12);color:#18243b;font-size:.68rem;font-weight:800;
    backdrop-filter:blur(10px);animation:jssFloat 4s ease-in-out infinite;
  }
  .jss-who-float i{color:#075dcc;}
  .jss-who-float.one{top:62px;left:3%;}
  .jss-who-float.two{right:0;top:155px;animation-delay:1s;}
  .jss-who-float.three{left:5%;bottom:62px;animation-delay:1.8s;}
  .jss-who-float.four{right:4%;bottom:40px;animation-delay:2.5s;}

  @keyframes jssOrbit{to{transform:rotate(360deg);}}
  @keyframes jssFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}

  /* Process reveal animation */
  .dpv-roadmap .dpv-roadmap-head,.dpv-roadmap .dpv-step{
    opacity:0;transform:translateY(35px);
  }
  .dpv-roadmap .dpv-roadmap-head{transition:opacity .75s ease,transform .75s ease;}
  .dpv-roadmap.is-visible .dpv-roadmap-head{opacity:1;transform:translateY(0);}
  .dpv-roadmap .dpv-step{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1);}
  .dpv-roadmap .dpv-step:nth-child(1){transition-delay:.12s;}
  .dpv-roadmap .dpv-step:nth-child(2){transition-delay:.27s;}
  .dpv-roadmap .dpv-step:nth-child(3){transition-delay:.42s;}
  .dpv-roadmap .dpv-step:nth-child(4){transition-delay:.57s;}
  .dpv-roadmap.is-visible .dpv-step{opacity:1;transform:translateY(0);}
  .dpv-roadmap .dpv-step-number{transform:translateX(-50%) scale(.65);opacity:.25;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s ease,box-shadow .6s ease;}
  .dpv-roadmap.is-visible .dpv-step-number{transform:translateX(-50%) scale(1);opacity:1;}
  .dpv-roadmap .dpv-step-card{transform:perspective(900px) rotateX(7deg) translateY(12px);opacity:.7;}
  .dpv-roadmap.is-visible .dpv-step-card{animation:jssProcessCard .8s cubic-bezier(.2,.75,.25,1) both;}
  .dpv-roadmap.is-visible .dpv-step:nth-child(1) .dpv-step-card{animation-delay:.22s;}
  .dpv-roadmap.is-visible .dpv-step:nth-child(2) .dpv-step-card{animation-delay:.37s;}
  .dpv-roadmap.is-visible .dpv-step:nth-child(3) .dpv-step-card{animation-delay:.52s;}
  .dpv-roadmap.is-visible .dpv-step:nth-child(4) .dpv-step-card{animation-delay:.67s;}
  @keyframes jssProcessCard{from{opacity:.7;transform:perspective(900px) rotateX(7deg) translateY(12px);}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0);}}
  .dpv-roadmap .dpv-roadmap-track::before{transform:scaleX(0);transform-origin:left;transition:transform 1.25s cubic-bezier(.2,.75,.25,1) .15s;}
  .dpv-roadmap.is-visible .dpv-roadmap-track::before{transform:scaleX(1);}
  .dpv-roadmap.is-visible .dpv-step-number{animation:jssStepPop .7s cubic-bezier(.2,.8,.2,1) both;}
  .dpv-roadmap.is-visible .dpv-step:nth-child(1) .dpv-step-number{animation-delay:.18s;}
  .dpv-roadmap.is-visible .dpv-step:nth-child(2) .dpv-step-number{animation-delay:.33s;}
  .dpv-roadmap.is-visible .dpv-step:nth-child(3) .dpv-step-number{animation-delay:.48s;}
  .dpv-roadmap.is-visible .dpv-step:nth-child(4) .dpv-step-number{animation-delay:.63s;}
  @keyframes jssStepPop{0%{transform:translateX(-50%) scale(.45);opacity:0;}65%{transform:translateX(-50%) scale(1.12);opacity:1;}100%{transform:translateX(-50%) scale(1);opacity:1;}}

  @media(max-width:991px){
    .jss-who-section{padding:85px 0;}
    .jss-who-visual{min-height:410px;margin-top:20px;}
    .jss-who-orbit{width:320px;height:320px;}
    .jss-who-float.one{left:0;}
    .jss-who-float.two{right:0;}
  }
  @media(max-width:575px){
    .jss-who-section{padding:70px 0;}
    .jss-who-points{grid-template-columns:1fr;}
    .jss-who-visual{min-height:390px;}
    .jss-who-orbit{width:285px;height:285px;}
    .jss-who-core{width:210px;height:210px;border-radius:27px;}
    .jss-who-core h3{font-size:1.15rem;}
    .jss-who-float{font-size:.6rem;padding:9px 11px;}
    .jss-who-float.one{top:45px;left:0;}
    .jss-who-float.two{right:0;top:115px;}
    .jss-who-float.three{left:0;bottom:55px;}
    .jss-who-float.four{right:0;bottom:28px;}
  }
  @media(prefers-reduced-motion:reduce){
    .jss-who-orbit,.jss-who-float{animation:none!important;}
    .dpv-roadmap .dpv-roadmap-head,.dpv-roadmap .dpv-step{opacity:1!important;transform:none!important;transition:none!important;}
    .dpv-roadmap .dpv-step-card{animation:none!important;opacity:1!important;transform:none!important;}
    .dpv-roadmap .dpv-roadmap-track::before{transform:none!important;transition:none!important;}
    .dpv-roadmap .dpv-step-number{animation:none!important;opacity:1!important;transform:translateX(-50%) scale(1)!important;}
  }


  /* =========================================================
     WHY CHOOSE JSS INNOVATION - PREMIUM ANIMATED SECTION
     ========================================================= */
  .jss-why-section{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:115px 0 120px;
    background:
      radial-gradient(circle at 12% 18%,rgba(25,180,240,.13),transparent 24%),
      radial-gradient(circle at 88% 82%,rgba(7,93,204,.14),transparent 28%),
      linear-gradient(135deg,#f8fbff 0%,#eef6ff 46%,#fbfdff 100%);
  }
  .jss-why-section::before{
    content:"";
    position:absolute;
    width:620px;height:620px;
    left:-360px;top:-300px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,180,240,.18),rgba(7,93,204,.05) 42%,transparent 70%);
    filter:blur(3px);
    animation:jssWhyGlow 9s ease-in-out infinite alternate;
    pointer-events:none;
  }
  .jss-why-section::after{
    content:"";
    position:absolute;
    width:500px;height:500px;
    right:-300px;bottom:-300px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(7,93,204,.14),rgba(25,180,240,.05) 45%,transparent 72%);
    filter:blur(4px);
    animation:jssWhyGlowRight 11s ease-in-out infinite alternate;
    pointer-events:none;
  }
  @keyframes jssWhyGlow{from{transform:translate(0,0) scale(.92);opacity:.65}to{transform:translate(55px,35px) scale(1.12);opacity:1}}
  @keyframes jssWhyGlowRight{from{transform:translate(0,0) scale(.92);opacity:.55}to{transform:translate(-45px,-38px) scale(1.12);opacity:1}}

  .jss-why-grid{
    position:relative;
    z-index:2;
  }
  .jss-why-heading{
    max-width:790px;
    margin:0 auto 55px;
    text-align:center;
    opacity:0;
    transform:translateY(34px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1);
  }
  .jss-why-section.is-visible .jss-why-heading{
    opacity:1;
    transform:translateY(0);
  }
  .jss-why-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 13px;
    margin-bottom:16px;
    border:1px solid #d9e9fa;
    border-radius:999px;
    background:rgba(255,255,255,.76);
    box-shadow:0 8px 24px rgba(7,93,204,.06);
    color:#075dcc;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
    backdrop-filter:blur(10px);
  }
  .jss-why-kicker i{color:#19a9e8;}
  .jss-why-title{
    margin:0;
    color:#06183a;
    font-family:'Sora',sans-serif;
    font-size:clamp(2rem,4vw,3.35rem);
    line-height:1.08;
    letter-spacing:-.055em;
    font-weight:800;
  }
  .jss-why-title span{
    background:linear-gradient(90deg,#075dcc,#19a9e8);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .jss-why-desc{
    max-width:690px;
    margin:17px auto 0;
    color:#6d7b90;
    font-size:.91rem;
    line-height:1.8;
  }

  .jss-why-layout{
    display:grid;
    grid-template-columns:1.02fr 1.28fr;
    gap:55px;
    align-items:center;
  }

  /* Left animated visual */
  .jss-why-visual{
    position:relative;
    min-height:510px;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transform:translateX(-45px) scale(.96);
    transition:opacity .9s ease .18s,transform .9s cubic-bezier(.2,.75,.25,1) .18s;
  }
  .jss-why-section.is-visible .jss-why-visual{
    opacity:1;
    transform:translateX(0) scale(1);
  }
  .jss-why-ring{
    position:absolute;
    width:400px;height:400px;
    border:1px solid rgba(7,93,204,.14);
    border-radius:50%;
    animation:jssWhyRotate 20s linear infinite;
  }
  .jss-why-ring::before,
  .jss-why-ring::after{
    content:"";
    position:absolute;
    width:12px;height:12px;
    border-radius:50%;
    background:#19a9e8;
    box-shadow:0 0 0 8px rgba(25,169,232,.08),0 0 22px rgba(25,169,232,.22);
  }
  .jss-why-ring::before{left:38px;top:38px;}
  .jss-why-ring::after{right:25px;bottom:45px;background:#075dcc;}
  @keyframes jssWhyRotate{to{transform:rotate(360deg)}}

  .jss-why-ring-two{
    position:absolute;
    width:300px;height:300px;
    border:1px dashed rgba(25,169,232,.22);
    border-radius:50%;
    animation:jssWhyRotateReverse 14s linear infinite;
  }
  @keyframes jssWhyRotateReverse{to{transform:rotate(-360deg)}}

  .jss-why-core{
    position:relative;
    z-index:3;
    width:230px;height:230px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:42px;
    background:linear-gradient(145deg,#06183a 0%,#075dcc 62%,#19a9e8 100%);
    border:1px solid rgba(255,255,255,.35);
    box-shadow:0 32px 70px rgba(6,24,58,.24),0 0 0 16px rgba(7,93,204,.045),inset 0 1px 0 rgba(255,255,255,.25);
    animation:jssWhyCoreFloat 5s ease-in-out infinite;
    overflow:hidden;
  }
  .jss-why-core::before{
    content:"";
    position:absolute;
    width:180px;height:180px;
    right:-75px;top:-75px;
    border-radius:50%;
    background:rgba(100,220,255,.25);
    filter:blur(5px);
  }
  .jss-why-core::after{
    content:"";
    position:absolute;
    inset:14px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:31px;
  }
  @keyframes jssWhyCoreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  .jss-why-core-content{position:relative;z-index:4;color:#fff;padding:20px;}
  .jss-why-core-icon{
    width:53px;height:53px;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 13px;
    border-radius:15px;
    color:#fff;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    font-size:1.25rem;
  }
  .jss-why-core h3{margin:0 0 6px;font-size:1.16rem;font-weight:800;}
  .jss-why-core p{margin:0;color:rgba(255,255,255,.72);font-size:.61rem;line-height:1.55;}

  .jss-why-orb{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:10px;
    color:#18243b;
    background:rgba(255,255,255,.90);
    box-shadow:0 16px 34px rgba(6,24,58,.12);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:.59rem;
    font-weight:800;
    white-space:nowrap;
    animation:jssWhyFloat 4.5s ease-in-out infinite;
  }
  .jss-why-orb i{color:#075dcc;}
  .jss-why-orb.one{left:1%;top:82px;}
  .jss-why-orb.two{right:0;top:142px;animation-delay:.7s;}
  .jss-why-orb.three{left:3%;bottom:100px;animation-delay:1.3s;}
  .jss-why-orb.four{right:1%;bottom:58px;animation-delay:1.9s;}
  @keyframes jssWhyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

  .jss-why-pulse{
    position:absolute;
    width:18px;height:18px;
    right:19%;top:14%;
    border-radius:50%;
    background:#19a9e8;
    box-shadow:0 0 0 0 rgba(25,169,232,.28);
    animation:jssWhyPulse 2.2s ease-out infinite;
  }
  @keyframes jssWhyPulse{0%{box-shadow:0 0 0 0 rgba(25,169,232,.30)}70%{box-shadow:0 0 0 18px rgba(25,169,232,0)}100%{box-shadow:0 0 0 0 rgba(25,169,232,0)}}

  /* Right feature cards */
  .jss-why-cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }
  .jss-why-card{
    position:relative;
    min-height:190px;
    padding:25px 23px 23px;
    border:1px solid #dfe9f5;
    border-radius:18px;
    background:rgba(255,255,255,.78);
    box-shadow:0 12px 35px rgba(6,24,58,.055);
    overflow:hidden;
    opacity:0;
    transform:translateY(35px);
    transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,border-color .3s ease;
  }
  .jss-why-card::before{
    content:"";
    position:absolute;
    width:120px;height:120px;
    right:-55px;top:-55px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,169,232,.14),transparent 70%);
    transition:transform .4s ease;
  }
  .jss-why-card::after{
    content:"";
    position:absolute;
    left:0;top:0;
    width:100%;height:3px;
    background:linear-gradient(90deg,#075dcc,#19a9e8);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .45s ease;
  }
  .jss-why-card:hover{
    transform:translateY(-7px)!important;
    border-color:#b9d7f5;
    box-shadow:0 24px 48px rgba(7,93,204,.11);
  }
  .jss-why-card:hover::before{transform:scale(1.45);}
  .jss-why-card:hover::after{transform:scaleX(1);}
  .jss-why-section.is-visible .jss-why-card{opacity:1;transform:translateY(0);}
  .jss-why-section.is-visible .jss-why-card:nth-child(1){transition-delay:.28s;}
  .jss-why-section.is-visible .jss-why-card:nth-child(2){transition-delay:.42s;}
  .jss-why-section.is-visible .jss-why-card:nth-child(3){transition-delay:.56s;}
  .jss-why-section.is-visible .jss-why-card:nth-child(4){transition-delay:.70s;}
  .jss-why-section.is-visible .jss-why-card:nth-child(5){transition-delay:.84s;}
  .jss-why-section.is-visible .jss-why-card:nth-child(6){transition-delay:.98s;}
  .jss-why-icon{
    position:relative;z-index:2;
    width:46px;height:46px;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
    border-radius:13px;
    color:#075dcc;
    background:#edf5ff;
    border:1px solid #dbeaff;
    font-size:.95rem;
    transition:transform .35s ease,background .35s ease,color .35s ease;
  }
  .jss-why-card:nth-child(even) .jss-why-icon{color:#19a9e8;background:#eaf9ff;border-color:#d5f1fb;}
  .jss-why-card:hover .jss-why-icon{transform:rotate(-5deg) scale(1.08);background:#075dcc;color:#fff;}
  .jss-why-card:nth-child(even):hover .jss-why-icon{background:#19a9e8;}
  .jss-why-card h3{position:relative;z-index:2;margin:0 0 8px;color:#12213b;font-size:.88rem;font-weight:800;}
  .jss-why-card p{position:relative;z-index:2;margin:0;color:#748196;font-size:.70rem;line-height:1.7;}
  .jss-why-number{position:absolute;right:18px;bottom:8px;color:#edf3fa;font-family:'Sora',sans-serif;font-size:2.7rem;line-height:1;font-weight:800;letter-spacing:-.08em;}

  .jss-why-bottom{
    margin-top:30px;
    padding:18px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border:1px solid #dbe8f6;
    border-radius:15px;
    background:linear-gradient(100deg,rgba(255,255,255,.86),rgba(239,248,255,.82));
    opacity:0;
    transform:translateY(25px);
    transition:opacity .75s ease 1.05s,transform .75s ease 1.05s;
  }
  .jss-why-section.is-visible .jss-why-bottom{opacity:1;transform:translateY(0);}
  .jss-why-bottom p{margin:0;color:#65748a;font-size:.70rem;line-height:1.55;font-weight:600;}
  .jss-why-bottom strong{color:#172743;}
  .jss-why-btn{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:43px;
    padding:10px 17px;
    border-radius:8px;
    color:#fff;
    background:linear-gradient(135deg,#06183a,#075dcc 75%,#19a9e8);
    font-size:.67rem;
    font-weight:800;
    box-shadow:0 12px 25px rgba(7,93,204,.16);
    transition:.3s ease;
  }
  .jss-why-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 17px 32px rgba(7,93,204,.24);}

  @media(max-width:991px){
    .jss-why-section{padding:90px 0 95px;}
    .jss-why-layout{grid-template-columns:1fr;gap:30px;}
    .jss-why-visual{min-height:450px;order:2;}
    .jss-why-cards{order:1;}
    .jss-why-bottom{margin-top:25px;}
  }

  @media(max-width:767px){
    .jss-why-section{padding:78px 0 82px;}
    .jss-why-heading{margin-bottom:35px;}
    .jss-why-title{font-size:2rem;}
    .jss-why-desc{font-size:.82rem;line-height:1.72;}
    .jss-why-layout{gap:18px;}
    .jss-why-cards{grid-template-columns:1fr;gap:12px;}
    .jss-why-card{min-height:160px;padding:21px 19px;}
    .jss-why-icon{width:42px;height:42px;margin-bottom:14px;}
    .jss-why-card h3{font-size:.84rem;}
    .jss-why-card p{font-size:.67rem;}
    .jss-why-visual{min-height:390px;}
    .jss-why-ring{width:300px;height:300px;}
    .jss-why-ring-two{width:225px;height:225px;}
    .jss-why-core{width:190px;height:190px;border-radius:30px;}
    .jss-why-core-icon{width:45px;height:45px;font-size:1rem;margin-bottom:10px;}
    .jss-why-core h3{font-size:1rem;}
    .jss-why-core p{font-size:.54rem;}
    .jss-why-orb{padding:8px 10px;font-size:.51rem;gap:6px;}
    .jss-why-orb.one{left:0;top:53px;}
    .jss-why-orb.two{right:0;top:91px;}
    .jss-why-orb.three{left:0;bottom:70px;}
    .jss-why-orb.four{right:0;bottom:38px;}
    .jss-why-pulse{right:13%;top:10%;width:12px;height:12px;}
    .jss-why-bottom{flex-direction:column;align-items:stretch;padding:16px;gap:13px;}
    .jss-why-btn{width:100%;}
  }

  @media(max-width:420px){
    .jss-why-title{font-size:1.78rem;}
    .jss-why-kicker{font-size:.55rem;padding:7px 11px;}
    .jss-why-visual{min-height:350px;}
    .jss-why-ring{width:270px;height:270px;}
    .jss-why-ring-two{width:205px;height:205px;}
    .jss-why-core{width:170px;height:170px;border-radius:27px;}
    .jss-why-core h3{font-size:.91rem;}
    .jss-why-core p{font-size:.49rem;}
    .jss-why-orb{font-size:.46rem;padding:7px 8px;}
    .jss-why-orb.one{top:46px;}
    .jss-why-orb.two{top:82px;}
    .jss-why-orb.three{bottom:63px;}
    .jss-why-orb.four{bottom:32px;}
  }

  @media(prefers-reduced-motion:reduce){
    .jss-why-section::before,.jss-why-section::after,.jss-why-ring,.jss-why-ring-two,.jss-why-core,.jss-why-orb,.jss-why-pulse{animation:none!important;}
    .jss-why-heading,.jss-why-visual,.jss-why-card,.jss-why-bottom{opacity:1!important;transform:none!important;transition:none!important;}
  }



  /* =========================================================
     WHY CHOOSE - RIGHT SIDE PREMIUM IMAGE
     ========================================================= */
  .jss-why-layout{
    grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
    gap:58px;
  }

  .jss-why-layout > div:first-child{
    order:2;
  }

  .jss-why-layout > div:last-child{
    order:1;
  }

  .jss-why-visual{
    min-height:545px;
    overflow:visible;
  }

  .jss-why-image-wrap{
    position:relative;
    z-index:4;
    width:min(100%,500px);
    margin-left:auto;
    transform:translateX(12px);
  }

  .jss-why-image-glow{
    position:absolute;
    width:82%;
    height:82%;
    right:-5%;
    top:8%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,180,240,.30),rgba(7,93,204,.08) 45%,transparent 72%);
    filter:blur(18px);
    animation:jssWhyImageGlow 6s ease-in-out infinite alternate;
    pointer-events:none;
  }

  @keyframes jssWhyImageGlow{
    from{transform:scale(.88) translate(0,0);opacity:.55;}
    to{transform:scale(1.10) translate(-15px,12px);opacity:1;}
  }

  .jss-why-image-frame{
    position:relative;
    min-height:470px;
    border-radius:28px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.92);
    background:#dfeefa;
    box-shadow:
      0 30px 70px rgba(6,24,58,.18),
      0 0 0 10px rgba(7,93,204,.035),
      inset 0 1px 0 rgba(255,255,255,.90);
    transform:perspective(1000px) rotateY(-4deg) rotateX(1deg);
    transition:transform .55s cubic-bezier(.2,.75,.25,1),box-shadow .55s ease;
  }

  .jss-why-image-frame:hover{
    transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-7px);
    box-shadow:
      0 38px 82px rgba(6,24,58,.22),
      0 0 0 10px rgba(7,93,204,.045),
      0 0 55px rgba(25,180,240,.13);
  }

  .jss-why-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transform:scale(1.035);
    filter:saturate(.96) contrast(1.02);
    transition:transform .9s cubic-bezier(.2,.75,.25,1),filter .6s ease;
  }

  .jss-why-image-frame:hover .jss-why-image{
    transform:scale(1.08);
    filter:saturate(1.05) contrast(1.03);
  }

  .jss-why-image-overlay{
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(3,24,57,.02) 30%,rgba(3,24,57,.72) 100%),
      linear-gradient(135deg,rgba(7,93,204,.16),transparent 48%);
    pointer-events:none;
  }

  .jss-why-image-frame::before{
    content:"";
    position:absolute;
    z-index:2;
    top:-35%;
    left:-65%;
    width:42%;
    height:180%;
    transform:rotate(24deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    animation:jssWhyImageShine 5.5s ease-in-out infinite;
    pointer-events:none;
  }

  @keyframes jssWhyImageShine{
    0%,58%{left:-65%;}
    78%,100%{left:135%;}
  }

  .jss-why-image-badge{
    position:absolute;
    z-index:5;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:999px;
    color:#fff;
    background:rgba(3,24,57,.78);
    box-shadow:0 15px 30px rgba(3,24,57,.22),inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:.58rem;
    font-weight:800;
    letter-spacing:.02em;
    white-space:nowrap;
    animation:jssWhyBadgeFloat 4.2s ease-in-out infinite;
  }

  .jss-why-image-badge i{color:#5bd5ff;}
  .jss-why-image-badge.top{top:20px;right:20px;}
  .jss-why-image-badge.bottom{left:20px;bottom:20px;background:linear-gradient(135deg,rgba(6,24,58,.92),rgba(7,93,204,.86));animation-delay:.8s;}
  .jss-why-badge-icon{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.13);color:#fff;}
  .jss-why-badge-icon i{color:#7cddff;font-size:.62rem;}

  @keyframes jssWhyBadgeFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-7px);}
  }

  /* Keep the existing animated rings as a subtle frame around the image. */
  .jss-why-ring{
    width:455px;
    height:455px;
    opacity:.75;
  }

  .jss-why-ring-two{
    width:335px;
    height:335px;
    opacity:.65;
  }

  .jss-why-core{
    width:150px;
    height:150px;
    border-radius:28px;
    opacity:.94;
    transform:translateY(125px) translateX(115px);
    box-shadow:0 24px 50px rgba(6,24,58,.20),0 0 0 10px rgba(7,93,204,.04),inset 0 1px 0 rgba(255,255,255,.25);
  }

  .jss-why-core-icon{
    width:36px;
    height:36px;
    font-size:.82rem;
    margin-bottom:8px;
  }

  .jss-why-core h3{font-size:.84rem;}
  .jss-why-core p{font-size:.45rem;max-width:120px;}

  .jss-why-orb{
    z-index:7;
    box-shadow:0 14px 30px rgba(6,24,58,.12);
  }

  @media(max-width:1199px){
    .jss-why-layout{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:35px;}
    .jss-why-image-wrap{transform:none;}
    .jss-why-image-frame{min-height:440px;}
    .jss-why-ring{width:405px;height:405px;}
    .jss-why-ring-two{width:295px;height:295px;}
    .jss-why-core{transform:translateY(112px) translateX(92px);} 
  }

  @media(max-width:991px){
    .jss-why-layout{grid-template-columns:1fr;gap:35px;}
    .jss-why-layout > div:first-child{order:1;}
    .jss-why-layout > div:last-child{order:2;}
    .jss-why-visual{min-height:500px;}
    .jss-why-image-wrap{width:min(100%,560px);margin:0 auto;}
    .jss-why-image-frame{min-height:480px;}
    .jss-why-ring{width:440px;height:440px;}
    .jss-why-ring-two{width:325px;height:325px;}
    .jss-why-core{transform:translateY(126px) translateX(115px);}
  }

  @media(max-width:575px){
    .jss-why-layout{gap:25px;}
    .jss-why-visual{min-height:395px;}
    .jss-why-image-wrap{width:100%;}
    .jss-why-image-frame{min-height:350px;border-radius:20px;}
    .jss-why-image-badge{padding:8px 10px;font-size:.48rem;gap:6px;}
    .jss-why-image-badge.top{top:12px;right:12px;}
    .jss-why-image-badge.bottom{left:12px;bottom:12px;}
    .jss-why-badge-icon{width:21px;height:21px;}
    .jss-why-ring{width:315px;height:315px;opacity:.48;}
    .jss-why-ring-two{width:235px;height:235px;opacity:.45;}
    .jss-why-core{width:112px;height:112px;border-radius:21px;transform:translateY(94px) translateX(82px);}
    .jss-why-core-icon{width:29px;height:29px;font-size:.66rem;margin-bottom:5px;}
    .jss-why-core h3{font-size:.65rem;}
    .jss-why-core p{font-size:.35rem;max-width:92px;}
  }

  @media(prefers-reduced-motion:reduce){
    .jss-why-image-glow,.jss-why-image-frame::before,.jss-why-image-badge{animation:none!important;}
    .jss-why-image-frame,.jss-why-image{transition:none!important;}
  }



  /* =========================================================
     WHY CHOOSE JSS - FRESH PREMIUM LAYOUT OVERRIDE
     ========================================================= */
  .jss-why-new{
    padding:108px 0 112px;
    background:
      radial-gradient(circle at 8% 15%,rgba(25,169,232,.12),transparent 24%),
      radial-gradient(circle at 94% 75%,rgba(7,93,204,.12),transparent 28%),
      linear-gradient(135deg,#f7fbff 0%,#eef6ff 52%,#fbfdff 100%);
  }
  .jss-why-new-wrap{position:relative;z-index:2;}
  .jss-why-new-head{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
    gap:70px;
    align-items:end;
    margin-bottom:52px;
    opacity:0;
    transform:translateY(30px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1);
  }
  .jss-why-new.is-visible .jss-why-new-head,
  .jss-why-new.jss-why-section.is-visible .jss-why-new-head{
    opacity:1;transform:translateY(0);
  }
  .jss-why-new-head .jss-why-kicker{margin-bottom:18px;}
  .jss-why-new-head .jss-why-title{text-align:left;font-size:clamp(2.35rem,4.3vw,4.1rem);line-height:1.02;}
  .jss-why-new-head .jss-why-desc{max-width:600px;margin:0 0 22px;text-align:left;font-size:.92rem;line-height:1.85;}
  .jss-why-new-mini-stats{display:flex;gap:10px;flex-wrap:wrap;}
  .jss-why-stat{
    display:flex;align-items:center;gap:8px;
    padding:9px 13px;border:1px solid #d9e9fa;border-radius:12px;
    background:rgba(255,255,255,.68);box-shadow:0 10px 25px rgba(6,24,58,.045);
  }
  .jss-why-stat strong{font-size:.72rem;color:#075dcc;}
  .jss-why-stat span{font-size:.62rem;font-weight:800;color:#52647c;}

  .jss-why-new-main{
    display:grid;
    grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);
    gap:55px;
    align-items:center;
  }
  .jss-why-new-media{
    position:relative;
    min-height:560px;
    display:flex;align-items:center;justify-content:center;
    opacity:0;transform:translateX(-42px);
    transition:opacity .9s ease .12s,transform .9s cubic-bezier(.2,.75,.25,1) .12s;
  }
  .jss-why-new.jss-why-section.is-visible .jss-why-new-media{opacity:1;transform:translateX(0);}
  .jss-why-new-glow{
    position:absolute;width:88%;height:88%;border-radius:50%;
    background:radial-gradient(circle,rgba(25,169,232,.24),rgba(7,93,204,.07) 46%,transparent 72%);
    filter:blur(22px);animation:jssNewGlow 7s ease-in-out infinite alternate;
  }
  @keyframes jssNewGlow{from{transform:scale(.88) translate(8px,5px);opacity:.55}to{transform:scale(1.08) translate(-12px,-8px);opacity:1}}
  .jss-why-new-image-card{
    position:relative;width:min(100%,510px);height:500px;border-radius:30px;overflow:hidden;
    border:8px solid rgba(255,255,255,.88);
    background:#dbeaf7;
    box-shadow:0 30px 75px rgba(6,24,58,.18),0 0 0 1px rgba(7,93,204,.07);
    transform:rotate(-2.2deg);transition:transform .55s ease,box-shadow .55s ease;
  }
  .jss-why-new-image-card:hover{transform:rotate(0) translateY(-8px);box-shadow:0 40px 90px rgba(6,24,58,.22),0 0 50px rgba(25,169,232,.13);}
  .jss-why-new-image-card img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .8s ease;}
  .jss-why-new-image-card:hover img{transform:scale(1.08);}
  .jss-why-new-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,24,57,.02) 34%,rgba(3,24,57,.80) 100%),linear-gradient(120deg,rgba(7,93,204,.16),transparent 48%);}
  .jss-why-new-image-top{
    position:absolute;right:18px;top:18px;display:flex;align-items:center;gap:8px;
    padding:9px 13px;border-radius:999px;background:rgba(3,24,57,.76);border:1px solid rgba(255,255,255,.25);
    color:#fff;font-size:.58rem;font-weight:800;backdrop-filter:blur(10px);
  }
  .jss-live-dot{width:7px;height:7px;border-radius:50%;background:#62dcff;box-shadow:0 0 0 5px rgba(98,220,255,.10);animation:jssLivePulse 1.8s infinite;}
  @keyframes jssLivePulse{50%{box-shadow:0 0 0 9px rgba(98,220,255,0)}}
  .jss-why-new-image-bottom{
    position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;
    padding:13px 15px;border-radius:17px;background:rgba(3,24,57,.78);border:1px solid rgba(255,255,255,.18);
    color:#fff;backdrop-filter:blur(12px);box-shadow:0 18px 35px rgba(3,24,57,.18);
  }
  .jss-why-new-brand-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#075dcc,#19a9e8);box-shadow:0 8px 20px rgba(7,93,204,.3);}
  .jss-why-new-brand-icon i{font-size:.85rem;}
  .jss-why-new-image-bottom strong{display:block;font-size:.75rem;letter-spacing:.01em;}
  .jss-why-new-image-bottom small{display:block;margin-top:3px;color:#c5d7eb;font-size:.5rem;}

  .jss-why-new-float-card{
    position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:10px 13px;
    border:1px solid rgba(255,255,255,.78);border-radius:14px;background:rgba(255,255,255,.90);
    box-shadow:0 18px 38px rgba(6,24,58,.13);backdrop-filter:blur(12px);animation:jssFloatCard 4.5s ease-in-out infinite;
  }
  .jss-why-new-float-card.float-one{left:-18px;top:105px;}
  .jss-why-new-float-card.float-two{right:-18px;bottom:100px;animation-delay:1s;}
  .jss-float-icon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#edf7ff;color:#075dcc;font-size:.65rem;}
  .jss-why-new-float-card strong{display:block;color:#132746;font-size:.59rem;}
  .jss-why-new-float-card small{display:block;color:#7b8ba0;font-size:.46rem;margin-top:2px;}
  @keyframes jssFloatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

  .jss-why-new-features{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
    opacity:0;transform:translateX(42px);transition:opacity .9s ease .22s,transform .9s cubic-bezier(.2,.75,.25,1) .22s;
  }
  .jss-why-new.jss-why-section.is-visible .jss-why-new-features{opacity:1;transform:translateX(0);}
  .jss-why-new-feature{
    position:relative;display:flex;gap:13px;min-height:165px;padding:20px 19px 18px;
    border:1px solid #dce9f6;border-radius:19px;background:rgba(255,255,255,.76);
    box-shadow:0 13px 30px rgba(6,24,58,.045);overflow:hidden;
    transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
  }
  .jss-why-new-feature::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#075dcc,#19a9e8);transform:scaleY(0);transform-origin:top;transition:transform .35s ease;}
  .jss-why-new-feature:hover{transform:translateY(-5px);border-color:#b9daf4;background:#fff;box-shadow:0 22px 42px rgba(6,24,58,.10);}
  .jss-why-new-feature:hover::before{transform:scaleY(1);}
  .jss-feature-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#eff7ff,#e5f7ff);border:1px solid #d6ebfa;color:#075dcc;font-size:.78rem;box-shadow:inset 0 1px 0 #fff;}
  .jss-feature-copy{padding-right:8px;}
  .jss-feature-no{display:block;margin-bottom:5px;color:#19a9e8;font-size:.52rem;font-weight:900;letter-spacing:.15em;}
  .jss-feature-copy h3{margin:0;color:#10213d;font-size:.78rem;line-height:1.3;font-weight:800;}
  .jss-feature-copy p{margin:7px 0 0;color:#74849a;font-size:.56rem;line-height:1.65;}
  .jss-feature-arrow{position:absolute;right:15px;bottom:15px;color:#c5d8ec;font-size:.58rem;transition:transform .35s ease,color .35s ease;}
  .jss-why-new-feature:hover .jss-feature-arrow{color:#075dcc;transform:translate(2px,-2px);}

  .jss-why-new-cta{
    margin-top:30px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;
    border-radius:22px;background:linear-gradient(120deg,#06183a 0%,#075dcc 65%,#19a9e8 100%);
    box-shadow:0 25px 55px rgba(7,93,204,.18);overflow:hidden;position:relative;
    opacity:0;transform:translateY(25px);transition:opacity .8s ease .38s,transform .8s ease .38s;
  }
  .jss-why-new-cta::after{content:"";position:absolute;width:250px;height:250px;right:-100px;top:-150px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 25px rgba(255,255,255,.035),0 0 0 50px rgba(255,255,255,.025);}
  .jss-why-new.jss-why-section.is-visible .jss-why-new-cta{opacity:1;transform:translateY(0);}
  .jss-why-new-cta-copy{position:relative;z-index:1;}
  .jss-cta-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#a9eaff;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;}
  .jss-why-new-cta h3{margin:6px 0 4px;color:#fff;font-size:1.15rem;font-weight:800;}
  .jss-why-new-cta p{margin:0;color:#c8ddf3;font-size:.59rem;line-height:1.55;}
  .jss-why-new-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:12px 17px;border-radius:11px;background:#fff;color:#075dcc;text-decoration:none;font-size:.61rem;font-weight:900;box-shadow:0 10px 25px rgba(3,24,57,.16);transition:transform .3s ease,box-shadow .3s ease;}
  .jss-why-new-btn:hover{color:#075dcc;transform:translateY(-3px);box-shadow:0 15px 30px rgba(3,24,57,.23);}
  .jss-why-new-btn i{transition:transform .3s ease;}
  .jss-why-new-btn:hover i{transform:translateX(4px);}

  @media(max-width:1199px){
    .jss-why-new-head{gap:40px;}
    .jss-why-new-main{grid-template-columns:minmax(350px,.88fr) minmax(0,1.12fr);gap:35px;}
    .jss-why-new-image-card{height:470px;}
    .jss-why-new-float-card.float-one{left:-8px;}
    .jss-why-new-float-card.float-two{right:-8px;}
  }
  @media(max-width:991px){
    .jss-why-new{padding:85px 0 90px;}
    .jss-why-new-head{grid-template-columns:1fr;gap:20px;margin-bottom:40px;}
    .jss-why-new-head .jss-why-title{font-size:clamp(2.15rem,7vw,3.4rem);}
    .jss-why-new-head .jss-why-desc{max-width:760px;}
    .jss-why-new-main{grid-template-columns:1fr;gap:45px;}
    .jss-why-new-media{min-height:540px;}
    .jss-why-new-image-card{width:min(100%,620px);height:520px;}
    .jss-why-new-float-card.float-one{left:calc(50% - 330px);}
    .jss-why-new-float-card.float-two{right:calc(50% - 330px);}
  }
  @media(max-width:767px){
    .jss-why-new{padding:70px 0 75px;}
    .jss-why-new-head .jss-why-title br{display:none;}
    .jss-why-new-mini-stats{gap:7px;}
    .jss-why-stat{padding:8px 10px;}
    .jss-why-new-media{min-height:430px;}
    .jss-why-new-image-card{height:410px;border-width:6px;border-radius:24px;}
    .jss-why-new-float-card{padding:8px 10px;}
    .jss-why-new-float-card.float-one{left:4px;top:70px;}
    .jss-why-new-float-card.float-two{right:4px;bottom:55px;}
    .jss-float-icon{width:25px;height:25px;}
    .jss-why-new-feature{min-height:150px;padding:17px 15px;}
    .jss-feature-icon{width:37px;height:37px;flex-basis:37px;}
    .jss-feature-copy h3{font-size:.73rem;}
    .jss-feature-copy p{font-size:.54rem;}
    .jss-why-new-cta{align-items:flex-start;flex-direction:column;padding:22px;}
  }
  @media(max-width:575px){
    .jss-why-new-head .jss-why-title{font-size:2rem;letter-spacing:-.045em;}
    .jss-why-new-head .jss-why-desc{font-size:.78rem;line-height:1.7;}
    .jss-why-new-media{min-height:355px;}
    .jss-why-new-image-card{height:335px;border-radius:20px;}
    .jss-why-new-image-top{right:10px;top:10px;padding:7px 9px;font-size:.47rem;}
    .jss-why-new-image-bottom{left:10px;right:10px;bottom:10px;padding:9px 10px;border-radius:13px;}
    .jss-why-new-brand-icon{width:31px;height:31px;flex-basis:31px;border-radius:8px;}
    .jss-why-new-image-bottom strong{font-size:.61rem;}
    .jss-why-new-image-bottom small{font-size:.4rem;}
    .jss-why-new-float-card{gap:6px;padding:7px 8px;border-radius:10px;}
    .jss-why-new-float-card.float-one{left:-2px;top:48px;}
    .jss-why-new-float-card.float-two{right:-2px;bottom:42px;}
    .jss-float-icon{width:23px;height:23px;font-size:.55rem;border-radius:7px;}
    .jss-why-new-float-card strong{font-size:.48rem;}
    .jss-why-new-float-card small{font-size:.38rem;}
    .jss-why-new-features{grid-template-columns:1fr;gap:11px;}
    .jss-why-new-feature{min-height:0;padding:16px 15px;}
    .jss-feature-copy p{font-size:.55rem;}
    .jss-why-new-cta h3{font-size:.98rem;}
    .jss-why-new-cta p{font-size:.54rem;}
    .jss-why-new-btn{width:100%;justify-content:center;}
  }
  @media(prefers-reduced-motion:reduce){
    .jss-why-new-glow,.jss-why-new-float-card,.jss-live-dot{animation:none!important;}
    .jss-why-new-head,.jss-why-new-media,.jss-why-new-features,.jss-why-new-cta{opacity:1!important;transform:none!important;transition:none!important;}
    .jss-why-new-image-card,.jss-why-new-image-card img,.jss-why-new-feature,.jss-why-new-btn{transition:none!important;}
  }
  /* =========================================================
     JSS SERVICES - PREMIUM ANIMATED SECTION
     ========================================================= */
  .jss-services-section{
    position:relative;
    padding:110px 0 115px;
    overflow:hidden;
    isolation:isolate;
    background:
      radial-gradient(circle at 8% 20%,rgba(25,180,240,.20),transparent 25%),
      radial-gradient(circle at 88% 18%,rgba(7,93,204,.18),transparent 28%),
      radial-gradient(circle at 50% 110%,rgba(217,184,95,.10),transparent 32%),
      linear-gradient(135deg,#03183b 0%,#062d68 45%,#075dcc 100%);
    background-size:145% 145%;
    animation:jssServicesBg 16s ease-in-out infinite alternate;
  }
  .jss-services-section::before{
    content:"";
    position:absolute;
    width:620px;height:620px;
    left:-310px;top:-330px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,180,240,.22),rgba(25,180,240,.04) 42%,transparent 70%);
    filter:blur(2px);
    pointer-events:none;
    animation:jssServicesOrbOne 10s ease-in-out infinite alternate;
  }
  .jss-services-section::after{
    content:"";
    position:absolute;
    width:560px;height:560px;
    right:-280px;bottom:-300px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.13),rgba(25,180,240,.06) 42%,transparent 70%);
    filter:blur(3px);
    pointer-events:none;
    animation:jssServicesOrbTwo 12s ease-in-out infinite alternate;
  }
  .jss-services-grid-bg{
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.20;
    pointer-events:none;
    background-image:
      linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
    background-size:58px 58px;
    mask-image:linear-gradient(180deg,transparent 0%,black 18%,black 82%,transparent 100%);
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,black 18%,black 82%,transparent 100%);
    animation:jssServicesGrid 18s linear infinite;
  }
  .jss-services-particle{
    position:absolute;
    width:7px;height:7px;
    border-radius:50%;
    background:#71dcff;
    box-shadow:0 0 0 7px rgba(113,220,255,.08),0 0 25px rgba(113,220,255,.45);
    pointer-events:none;
    opacity:.75;
  }
  .jss-services-particle.p1{left:12%;top:28%;animation:jssServiceParticle 5s ease-in-out infinite;}
  .jss-services-particle.p2{left:76%;top:17%;width:5px;height:5px;animation:jssServiceParticle 6.5s ease-in-out 1s infinite;}
  .jss-services-particle.p3{left:91%;top:67%;width:6px;height:6px;animation:jssServiceParticle 5.8s ease-in-out .4s infinite;}
  .jss-services-particle.p4{left:23%;top:84%;width:4px;height:4px;animation:jssServiceParticle 7s ease-in-out 1.4s infinite;}

  .jss-services-head{
    position:relative;
    z-index:2;
    max-width:820px;
    margin:0 auto 55px;
    text-align:center;
  }
  .jss-services-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 17px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:999px;
    color:#8ee3ff;
    background:rgba(255,255,255,.08);
    box-shadow:0 10px 30px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:.65rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .jss-services-tag i{color:#d9b85f;font-size:.72rem;}
  .jss-services-title{
    margin:21px auto 0;
    max-width:780px;
    color:#fff;
    font-family:'Sora',sans-serif;
    font-size:clamp(2rem,4.1vw,3.35rem);
    line-height:1.12;
    letter-spacing:-.055em;
    font-weight:800;
  }
  .jss-services-title span{
    background:linear-gradient(90deg,#6bdcff,#dff8ff,#7fcfff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .jss-services-desc{
    max-width:680px;
    margin:19px auto 0;
    color:rgba(232,243,255,.72);
    font-size:.91rem;
    line-height:1.8;
  }

  .jss-services-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width:1120px;
    margin:0 auto;
  }
  .jss-service-card{
    position:relative;
    min-height:270px;
    padding:29px 27px 26px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.055));
    box-shadow:0 24px 55px rgba(0,12,38,.20),inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    opacity:0;
    transform:translateY(35px) scale(.97);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1),border-color .35s ease,box-shadow .35s ease;
  }
  .jss-service-card::before{
    content:"";
    position:absolute;
    width:180px;height:180px;
    right:-100px;top:-100px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,180,240,.22),transparent 68%);
    transition:transform .5s ease;
  }
  .jss-service-card::after{
    content:"";
    position:absolute;
    top:0;left:-130%;
    width:70%;height:100%;
    transform:skewX(-20deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
    transition:left .85s ease;
  }
  .jss-service-card:hover{
    transform:translateY(-9px)!important;
    border-color:rgba(113,220,255,.48);
    box-shadow:0 30px 65px rgba(0,9,31,.30),0 0 0 1px rgba(113,220,255,.08),inset 0 1px 0 rgba(255,255,255,.18);
  }
  .jss-service-card:hover::before{transform:scale(1.45);}
  .jss-service-card:hover::after{left:145%;}
  .jss-service-icon{
    position:relative;
    z-index:2;
    width:58px;height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
    border:1px solid rgba(123,220,255,.23);
    border-radius:16px;
    color:#72dcff;
    background:linear-gradient(145deg,rgba(25,180,240,.20),rgba(7,93,204,.20));
    box-shadow:0 12px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.13);
    font-size:1.25rem;
    transition:transform .35s ease,background .35s ease,box-shadow .35s ease;
  }
  .jss-service-card:hover .jss-service-icon{
    transform:translateY(-3px) rotate(-5deg) scale(1.06);
    background:linear-gradient(145deg,rgba(25,180,240,.34),rgba(7,93,204,.32));
    box-shadow:0 16px 32px rgba(25,180,240,.18);
  }
  .jss-service-number{
    position:absolute;
    z-index:1;
    right:22px;top:20px;
    color:rgba(255,255,255,.075);
    font-family:'Sora',sans-serif;
    font-size:3.5rem;
    line-height:1;
    font-weight:800;
    letter-spacing:-.08em;
  }
  .jss-service-card h3{
    position:relative;
    z-index:2;
    margin:0 0 10px;
    color:#fff;
    font-family:'Sora',sans-serif;
    font-size:1.02rem;
    line-height:1.3;
    font-weight:800;
  }
  .jss-service-card p{
    position:relative;
    z-index:2;
    margin:0;
    color:rgba(224,237,255,.67);
    font-size:.76rem;
    line-height:1.75;
  }
  .jss-service-link{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:19px;
    color:#8de5ff;
    font-size:.68rem;
    font-weight:800;
    transition:gap .3s ease,color .3s ease;
  }
  .jss-service-link i{font-size:.62rem;}
  .jss-service-card:hover .jss-service-link{gap:11px;color:#fff;}

  .jss-services-bottom{
    position:relative;
    z-index:2;
    max-width:1120px;
    margin:34px auto 0;
    padding:18px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:15px;
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .jss-services-bottom p{margin:0;color:rgba(235,245,255,.70);font-size:.75rem;line-height:1.6;}
  .jss-services-bottom strong{color:#fff;}
  .jss-services-btn{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 17px;
    border-radius:8px;
    color:#06183a;
    background:linear-gradient(135deg,#d9b85f,#ebcf82);
    font-size:.70rem;
    font-weight:800;
    box-shadow:0 10px 25px rgba(217,184,95,.16);
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .jss-services-btn:hover{color:#06183a;transform:translateY(-3px);box-shadow:0 15px 30px rgba(217,184,95,.25);}

  .jss-services-section.is-visible .jss-service-card{opacity:1;transform:translateY(0) scale(1);}
  .jss-services-section.is-visible .jss-service-card:nth-child(1){transition-delay:.08s;}
  .jss-services-section.is-visible .jss-service-card:nth-child(2){transition-delay:.18s;}
  .jss-services-section.is-visible .jss-service-card:nth-child(3){transition-delay:.28s;}
  .jss-services-section.is-visible .jss-service-card:nth-child(4){transition-delay:.38s;}
  .jss-services-section.is-visible .jss-service-card:nth-child(5){transition-delay:.48s;}
  .jss-services-section.is-visible .jss-service-card:nth-child(6){transition-delay:.58s;}
  .jss-services-section .jss-services-head{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;}
  .jss-services-section.is-visible .jss-services-head{opacity:1;transform:translateY(0);}
  .jss-services-section .jss-services-bottom{opacity:0;transform:translateY(20px);transition:opacity .7s ease .72s,transform .7s ease .72s;}
  .jss-services-section.is-visible .jss-services-bottom{opacity:1;transform:translateY(0);}

  @keyframes jssServicesBg{
    0%{background-position:0% 45%;}
    50%{background-position:55% 20%;}
    100%{background-position:100% 75%;}
  }
  @keyframes jssServicesOrbOne{
    0%{transform:translate(0,0) scale(.90);opacity:.55;}
    100%{transform:translate(90px,65px) scale(1.14);opacity:1;}
  }
  @keyframes jssServicesOrbTwo{
    0%{transform:translate(0,0) scale(.88);opacity:.45;}
    100%{transform:translate(-70px,-55px) scale(1.13);opacity:1;}
  }
  @keyframes jssServicesGrid{from{transform:translateY(0);}to{transform:translateY(58px);}}
  @keyframes jssServiceParticle{
    0%,100%{transform:translate(0,0) scale(.75);opacity:.35;}
    50%{transform:translate(20px,-24px) scale(1.25);opacity:1;}
  }
  @media(max-width:991px){
    .jss-services-section{padding:85px 0 90px;}
    .jss-services-grid{grid-template-columns:repeat(2,1fr);gap:18px;}
    .jss-service-card{min-height:285px;}
    .jss-services-bottom{align-items:flex-start;flex-direction:column;}
  }
  @media(max-width:575px){
    .jss-services-section{padding:70px 0 75px;}
    .jss-services-title{font-size:2rem;line-height:1.15;}
    .jss-services-desc{font-size:.80rem;line-height:1.7;}
    .jss-services-head{margin-bottom:40px;}
    .jss-services-grid{grid-template-columns:1fr;gap:14px;}
    .jss-service-card{min-height:auto;padding:25px 22px 23px;border-radius:17px;}
    .jss-service-icon{width:52px;height:52px;margin-bottom:18px;}
    .jss-service-number{font-size:3rem;right:18px;top:18px;}
    .jss-services-bottom{padding:17px 16px;margin-top:24px;}
    .jss-services-btn{width:100%;justify-content:center;}
    .jss-services-grid-bg{background-size:42px 42px;}
  }
  @media(prefers-reduced-motion:reduce){
    .jss-services-section,.jss-services-section::before,.jss-services-section::after,.jss-services-grid-bg,.jss-services-particle{animation:none!important;}
    .jss-services-section .jss-services-head,.jss-services-section .jss-service-card,.jss-services-section .jss-services-bottom{opacity:1!important;transform:none!important;transition:none!important;}
    .jss-service-card::after{display:none;}
  }



/* =========================================================
   OUR SERVICE INDUSTRIES - NEW BENTO / EDITORIAL LAYOUT
   ========================================================= */
.jss-industries-section{
  position:relative;
  overflow:hidden;
  padding:110px 0 105px;
  background:#06183a;
  isolation:isolate;
}
.jss-industries-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 8% 15%,rgba(25,169,232,.22),transparent 25%),
    radial-gradient(circle at 92% 85%,rgba(7,93,204,.28),transparent 30%),
    linear-gradient(125deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(35deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:auto,auto,85px 85px,85px 85px;
  pointer-events:none;
}
.jss-industries-section::after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-260px;top:-230px;
  border:1px solid rgba(91,213,255,.14);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(91,213,255,.025),0 0 0 110px rgba(91,213,255,.018),0 0 0 165px rgba(91,213,255,.012);
  animation:jssIndustryOrbit 12s linear infinite;
  pointer-events:none;
}
@keyframes jssIndustryOrbit{to{transform:rotate(360deg)}}
.jss-ind-new-orb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none;z-index:0;animation:jssIndustryFloat 7s ease-in-out infinite alternate}
.jss-ind-new-orb.one{width:260px;height:260px;left:-150px;bottom:7%;background:radial-gradient(circle,rgba(25,169,232,.18),transparent 68%)}
.jss-ind-new-orb.two{width:210px;height:210px;right:12%;top:25%;background:radial-gradient(circle,rgba(91,213,255,.12),transparent 68%);animation-delay:1.5s}
@keyframes jssIndustryFloat{to{transform:translate(25px,-22px) scale(1.1);opacity:.8}}
.jss-industries-wrap{position:relative;z-index:2}
.jss-ind-new-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;
}
.jss-ind-new-eyebrow{
  display:inline-flex;align-items:center;gap:9px;color:#8de5ff;font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.jss-ind-new-eyebrow i{font-size:.72rem}
.jss-ind-new-title{margin:14px 0 0;color:#fff;font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:850;max-width:760px}
.jss-ind-new-title span{color:#5bd5ff}
.jss-ind-new-intro{max-width:405px;margin:0;color:rgba(225,239,255,.68);font-size:.82rem;line-height:1.85}
.jss-ind-new-meta{display:flex;align-items:center;gap:12px;margin-top:20px;color:rgba(255,255,255,.48);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.jss-ind-new-meta::before{content:"";width:38px;height:1px;background:linear-gradient(90deg,#19a9e8,#5bd5ff)}

.jss-ind-new-grid{
  display:grid;
  grid-template-columns:1.35fr .8fr .8fr;
  grid-template-rows:230px 230px 155px;
  gap:14px;
}
.jss-ind-new-card{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:24px;
  background:rgba(255,255,255,.065);box-shadow:0 22px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  padding:23px;transition:transform .5s cubic-bezier(.2,.75,.25,1),border-color .45s ease,background .45s ease,box-shadow .45s ease;
}
.jss-ind-new-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(25,169,232,.10),transparent 45%);opacity:0;transition:opacity .45s ease}
.jss-ind-new-card::after{content:"";position:absolute;width:140px;height:140px;right:-70px;bottom:-70px;border-radius:50%;background:radial-gradient(circle,rgba(25,169,232,.20),transparent 70%);transition:transform .55s ease}
.jss-ind-new-card:hover{transform:translateY(-7px);border-color:rgba(91,213,255,.35);background:rgba(255,255,255,.095);box-shadow:0 30px 65px rgba(0,0,0,.24),0 0 35px rgba(25,169,232,.08)}
.jss-ind-new-card:hover::before{opacity:1}.jss-ind-new-card:hover::after{transform:scale(1.7)}
.jss-ind-new-card.featured{grid-row:1 / span 2;grid-column:1;padding:31px;background:linear-gradient(145deg,#0a2a57 0%,#075dcc 68%,#0788c7 100%);border-color:rgba(91,213,255,.24)}
.jss-ind-new-card.featured::before{background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 42%);opacity:1}
.jss-ind-new-card.wide{grid-column:2 / span 2;grid-row:3;padding:22px 25px}
.jss-ind-new-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px}
.jss-ind-new-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;color:#69dcff;background:rgba(91,213,255,.10);border:1px solid rgba(91,213,255,.16);font-size:.92rem;transition:.35s ease}
.jss-ind-new-card:hover .jss-ind-new-icon{transform:rotate(-6deg) scale(1.08);background:#19a9e8;color:#fff}
.featured .jss-ind-new-icon{width:60px;height:60px;border-radius:18px;font-size:1.25rem;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#a8efff}
.jss-ind-new-num{color:rgba(255,255,255,.30);font-size:.55rem;font-weight:900;letter-spacing:.1em}
.jss-ind-new-card h3{position:relative;z-index:2;margin:18px 0 8px;color:#fff;font-size:1.03rem;line-height:1.18;letter-spacing:-.025em}
.jss-ind-new-card p{position:relative;z-index:2;margin:0;color:rgba(220,235,253,.62);font-size:.61rem;line-height:1.7;max-width:410px}
.featured h3{font-size:1.85rem;max-width:430px;margin-top:28px}.featured p{font-size:.72rem;line-height:1.8;color:rgba(240,249,255,.72);max-width:470px}
.jss-ind-new-tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.jss-ind-new-tags span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.72);font-size:.45rem;font-weight:800}
.jss-ind-new-arrow{position:absolute;z-index:3;right:22px;bottom:20px;width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:rgba(255,255,255,.10);font-size:.55rem;transition:.35s ease}
.jss-ind-new-card:hover .jss-ind-new-arrow{transform:translate(3px,-3px);background:#19a9e8}
.featured .jss-ind-new-arrow{width:42px;height:42px;right:27px;bottom:27px;background:#fff;color:#075dcc}
.featured .jss-ind-new-arrow:hover{background:#5bd5ff;color:#06183a}
.jss-ind-feature-list{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:27px;max-width:470px}
.jss-ind-feature-list span{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.72);font-size:.55rem;font-weight:700}
.jss-ind-feature-list i{color:#73e0ff;font-size:.5rem}
.jss-ind-wide-content{position:relative;z-index:2;display:flex;align-items:center;gap:18px;height:100%}
.jss-ind-wide-copy{flex:1}.wide h3{margin:0 0 6px}.wide p{max-width:600px}
.jss-ind-wide-stat{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#91e8ff;font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.jss-ind-wide-stat strong{color:#fff;font-size:1.1rem;letter-spacing:-.03em}

/* Reveal animation */
.jss-industries-section .jss-ind-new-head,
.jss-industries-section .jss-ind-new-card{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
.jss-industries-section .jss-ind-new-head{transform:translateY(25px)}
.jss-industries-section.is-visible .jss-ind-new-head,
.jss-industries-section.is-visible .jss-ind-new-card{opacity:1;transform:none}
.jss-industries-section.is-visible .jss-ind-new-card:nth-child(1){transition-delay:.15s}
.jss-industries-section.is-visible .jss-ind-new-card:nth-child(2){transition-delay:.24s}
.jss-industries-section.is-visible .jss-ind-new-card:nth-child(3){transition-delay:.33s}
.jss-industries-section.is-visible .jss-ind-new-card:nth-child(4){transition-delay:.42s}
.jss-industries-section.is-visible .jss-ind-new-card:nth-child(5){transition-delay:.51s}
.jss-industries-section.is-visible .jss-ind-new-card:nth-child(6){transition-delay:.60s}
.jss-industries-section.is-visible .jss-ind-new-card:nth-child(7){transition-delay:.69s}
.jss-industries-section.is-visible .jss-ind-new-card:nth-child(8){transition-delay:.78s}

@media(max-width:1199px){
  .jss-ind-new-grid{grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:225px 225px 150px}
  .featured h3{font-size:1.65rem}.jss-ind-new-card{padding:20px}
}
@media(max-width:991px){
  .jss-industries-section{padding:90px 0}.jss-ind-new-head{display:block;margin-bottom:35px}.jss-ind-new-intro{margin-top:20px;max-width:650px}
  .jss-ind-new-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}
  .jss-ind-new-card.featured{grid-column:1 / span 2;grid-row:auto;min-height:350px}.jss-ind-new-card.wide{grid-column:1 / span 2;grid-row:auto;min-height:125px}
}
@media(max-width:575px){
  .jss-industries-section{padding:75px 0}.jss-ind-new-title{font-size:2.55rem}.jss-ind-new-intro{font-size:.75rem}
  .jss-ind-new-grid{grid-template-columns:1fr;gap:10px}.jss-ind-new-card,.jss-ind-new-card.featured,.jss-ind-new-card.wide{grid-column:auto;min-height:0;padding:20px;border-radius:20px}
  .featured h3{font-size:1.45rem}.featured p{font-size:.65rem}.jss-ind-feature-list{grid-template-columns:1fr;gap:7px;margin-top:20px}.jss-ind-new-card p{font-size:.62rem}
  .jss-ind-wide-content{display:block}.jss-ind-wide-stat{margin-top:14px}.jss-ind-new-orb.two{right:-90px}.jss-industries-section::after{width:340px;height:340px;right:-190px;top:-150px}
}
@media(prefers-reduced-motion:reduce){
  .jss-industries-section::after,.jss-ind-new-orb{animation:none!important}
  .jss-industries-section .jss-ind-new-head,.jss-industries-section .jss-ind-new-card{opacity:1!important;transform:none!important;transition:none!important}
}



/* =========================================================
   OUR SERVICE INDUSTRIES V2 - PREMIUM REFERENCE-INSPIRED GRID
   ========================================================= */
.jss-industries-v2{
  position:relative;
  overflow:hidden;
  padding:105px 0 112px;
  background:linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#f4f9ff 100%);
  color:#071a38;
}
.jss-ind-v2-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(4px);opacity:.55;animation:jssIndV2Float 9s ease-in-out infinite alternate}
.jss-ind-v2-bg-orb-one{width:360px;height:360px;right:-150px;top:50px;background:radial-gradient(circle,rgba(25,169,232,.18),transparent 68%)}
.jss-ind-v2-bg-orb-two{width:300px;height:300px;left:-150px;bottom:-80px;background:radial-gradient(circle,rgba(7,93,204,.12),transparent 68%);animation-delay:-3s}
@keyframes jssIndV2Float{from{transform:translate3d(0,0,0) scale(.95)}to{transform:translate3d(-18px,20px,0) scale(1.08)}}
.jss-ind-v2-grid-line{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:linear-gradient(rgba(7,93,204,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,93,204,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.jss-ind-v2-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:70px;align-items:center}
.jss-ind-v2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jss-ind-v2-card{position:relative;min-height:150px;padding:21px 20px 18px;border:1px solid rgba(10,38,70,.10);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(8,35,66,.07);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;opacity:0;transform:translateY(26px) scale(.98);transition:transform .5s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease,border-color .45s ease,background .45s ease}
.jss-industries-v2.is-visible .jss-ind-v2-card{opacity:1;transform:none}
.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(1){transition-delay:.04s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(2){transition-delay:.08s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(3){transition-delay:.12s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(4){transition-delay:.16s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(5){transition-delay:.20s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(6){transition-delay:.24s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(7){transition-delay:.28s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(8){transition-delay:.32s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(9){transition-delay:.36s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(10){transition-delay:.40s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(11){transition-delay:.44s}.jss-industries-v2.is-visible .jss-ind-v2-card:nth-child(12){transition-delay:.48s}
.jss-ind-v2-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--ind-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.jss-ind-v2-card::after{content:"";position:absolute;width:90px;height:90px;right:-35px;bottom:-42px;border-radius:50%;background:var(--ind-soft);transition:transform .45s ease}
.jss-ind-v2-card:hover{transform:translateY(-8px)!important;border-color:color-mix(in srgb,var(--ind-accent) 42%,white);box-shadow:0 22px 42px rgba(8,35,66,.12);background:#fff}
.jss-ind-v2-card:hover::before{transform:scaleX(1)}
.jss-ind-v2-card:hover::after{transform:scale(1.55)}
.jss-ind-v2-icon{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ind-soft);color:var(--ind-icon);font-size:19px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);transition:transform .45s ease,box-shadow .45s ease}
.jss-ind-v2-card:hover .jss-ind-v2-icon{transform:rotate(-7deg) scale(1.08);box-shadow:0 9px 20px color-mix(in srgb,var(--ind-accent) 20%,transparent)}
.jss-ind-v2-card-body{position:relative;z-index:2;margin-top:14px;padding-right:10px}
.jss-ind-v2-card-body span{display:block;margin-bottom:3px;font-size:9px;line-height:1;font-weight:800;letter-spacing:.12em;color:#9aa9bb}
.jss-ind-v2-card h3{margin:0;font-size:15px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#0a1d38}
.jss-ind-v2-card p{margin:5px 0 0;font-size:10.5px;line-height:1.45;color:#73839a}
.jss-ind-v2-arrow{position:absolute;right:17px;bottom:18px;z-index:3;font-size:10px;color:#a8b5c5;transition:transform .4s ease,color .4s ease}
.jss-ind-v2-card:hover .jss-ind-v2-arrow{transform:translate(3px,-3px);color:var(--ind-icon)}
.jss-ind-v2-content{position:relative;opacity:0;transform:translateX(32px);transition:opacity .75s ease .15s,transform .75s cubic-bezier(.2,.75,.25,1) .15s}
.jss-industries-v2.is-visible .jss-ind-v2-content{opacity:1;transform:none}
.jss-ind-v2-kicker{display:flex;align-items:center;gap:11px;margin-bottom:18px;font-size:14px;font-weight:800;color:#ff4a42}
.jss-ind-v2-kicker span{display:block;width:62px;height:2px;background:linear-gradient(90deg,#075dcc,#19a9e8);position:relative}
.jss-ind-v2-kicker span::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-radius:50%;background:#19a9e8;transform:translateY(-50%);box-shadow:0 0 0 5px rgba(25,169,232,.10)}
.jss-ind-v2-content h2{margin:0 0 19px;font-size:clamp(34px,3.3vw,50px);line-height:1.05;letter-spacing:-.045em;font-weight:800;color:#071a38}
.jss-ind-v2-content h2 strong{font-weight:800;color:#075dcc}
.jss-ind-v2-lead{margin:0 0 18px;font-size:15px;line-height:1.85;color:#5d6f85}
.jss-ind-v2-copy{margin:0;font-size:14px;line-height:1.9;color:#718095}
.jss-ind-v2-copy em{font-style:normal;color:#ff4a42;font-weight:700}
.jss-ind-v2-highlight{display:flex;align-items:center;gap:14px;margin:28px 0 24px;padding:16px 17px;border:1px solid rgba(7,93,204,.10);border-radius:17px;background:linear-gradient(135deg,rgba(7,93,204,.045),rgba(25,169,232,.08));box-shadow:0 12px 25px rgba(7,93,204,.05)}
.jss-ind-v2-highlight-icon{flex:0 0 43px;width:43px;height:43px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#075dcc;color:#fff;box-shadow:0 10px 20px rgba(7,93,204,.22)}
.jss-ind-v2-highlight strong{display:block;font-size:13px;color:#0b2343;margin-bottom:3px}.jss-ind-v2-highlight span{display:block;font-size:11px;line-height:1.5;color:#708097}
.jss-ind-v2-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(7,35,67,.10);border-bottom:1px solid rgba(7,35,67,.10);margin-bottom:26px}
.jss-ind-v2-stats div{padding:15px 12px 14px}.jss-ind-v2-stats div+div{border-left:1px solid rgba(7,35,67,.10)}
.jss-ind-v2-stats strong{display:block;font-size:24px;line-height:1;font-weight:800;color:#075dcc}.jss-ind-v2-stats span{display:block;margin-top:5px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8190a3}
.jss-ind-v2-btn{display:inline-flex;align-items:center;gap:11px;padding:13px 18px;border-radius:10px;background:#075dcc;color:#fff;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 12px 25px rgba(7,93,204,.22);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.jss-ind-v2-btn:hover{color:#fff;background:#064fae;transform:translateY(-3px);box-shadow:0 17px 30px rgba(7,93,204,.28)}
.jss-ind-v2-btn i{transition:transform .3s ease}.jss-ind-v2-btn:hover i{transform:translateX(4px)}
@media(max-width:1199px){.jss-ind-v2-layout{grid-template-columns:1.08fr .92fr;gap:42px}.jss-ind-v2-cards{gap:12px}.jss-ind-v2-card{min-height:142px;padding:18px 16px}.jss-ind-v2-content h2{font-size:38px}}
@media(max-width:991px){.jss-industries-v2{padding:85px 0}.jss-ind-v2-layout{grid-template-columns:1fr;gap:48px}.jss-ind-v2-content{order:-1;max-width:760px}.jss-ind-v2-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.jss-ind-v2-card{min-height:132px}.jss-ind-v2-card h3{font-size:13px}.jss-ind-v2-card p{font-size:9.5px}}
@media(max-width:767px){.jss-industries-v2{padding:70px 0}.jss-ind-v2-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jss-ind-v2-card{min-height:145px;padding:18px}.jss-ind-v2-content h2{font-size:35px}.jss-ind-v2-lead{font-size:14px;line-height:1.75}.jss-ind-v2-copy{font-size:13px;line-height:1.8}.jss-ind-v2-stats strong{font-size:21px}}
@media(max-width:480px){.jss-industries-v2{padding:58px 0}.jss-ind-v2-layout{gap:34px}.jss-ind-v2-card{min-height:137px;border-radius:16px;padding:15px}.jss-ind-v2-icon{width:42px;height:42px;font-size:16px}.jss-ind-v2-card-body{margin-top:11px}.jss-ind-v2-card h3{font-size:12px}.jss-ind-v2-card p{font-size:8.8px}.jss-ind-v2-arrow{right:13px;bottom:14px;font-size:8px}.jss-ind-v2-kicker{font-size:12px}.jss-ind-v2-kicker span{width:42px}.jss-ind-v2-content h2{font-size:31px}.jss-ind-v2-highlight{align-items:flex-start;padding:14px;margin-top:23px}.jss-ind-v2-highlight-icon{flex-basis:38px;width:38px;height:38px}.jss-ind-v2-highlight strong{font-size:12px}.jss-ind-v2-highlight span{font-size:10px}.jss-ind-v2-stats div{padding:13px 7px}.jss-ind-v2-stats strong{font-size:18px}.jss-ind-v2-stats span{font-size:7px}.jss-ind-v2-btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.jss-ind-v2-bg-orb,.jss-ind-v2-card,.jss-ind-v2-content{animation:none!important;transition:none!important}.jss-industries-v2.is-visible .jss-ind-v2-card{opacity:1;transform:none}}

/* =========================================================
   JSS INNOVATION - ANIMATED FAQ SECTION
   ========================================================= */
.jss-faq-section{
  position:relative;
  overflow:hidden;
  padding:110px 0 105px;
  background:
    radial-gradient(circle at 8% 18%,rgba(25,169,232,.13),transparent 30%),
    radial-gradient(circle at 92% 78%,rgba(7,93,204,.12),transparent 32%),
    linear-gradient(135deg,#f7fbff 0%,#eef7ff 48%,#f9fcff 100%);
  isolation:isolate;
}
.jss-faq-section::before{
  content:"";
  position:absolute;
  width:620px;height:620px;
  left:-300px;top:-250px;
  border:1px solid rgba(7,93,204,.10);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(7,93,204,.025),0 0 0 140px rgba(7,93,204,.018);
  animation:jssFaqOrbit 18s linear infinite;
  pointer-events:none;
}
.jss-faq-section::after{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-170px;bottom:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,169,232,.18),rgba(25,169,232,.03) 48%,transparent 72%);
  filter:blur(3px);
  animation:jssFaqGlow 7s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes jssFaqOrbit{
  from{transform:rotate(0deg) scale(1);}
  to{transform:rotate(360deg) scale(1.06);}
}
@keyframes jssFaqGlow{
  from{transform:translate3d(0,0,0) scale(.88);opacity:.55;}
  to{transform:translate3d(-35px,-25px,0) scale(1.12);opacity:1;}
}
.jss-faq-noise{
  position:absolute;inset:0;z-index:-1;
  background-image:radial-gradient(rgba(7,93,204,.09) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
  opacity:.34;
  animation:jssFaqGridMove 18s linear infinite;
  pointer-events:none;
}
@keyframes jssFaqGridMove{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(28px,28px,0);}
}
.jss-faq-particle{
  position:absolute;
  width:7px;height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,#075dcc,#19a9e8);
  box-shadow:0 0 0 6px rgba(25,169,232,.08),0 0 20px rgba(25,169,232,.24);
  opacity:.5;
  animation:jssFaqParticle 6s ease-in-out infinite;
  pointer-events:none;
}
.jss-faq-particle.p1{left:9%;top:25%;animation-delay:.2s}
.jss-faq-particle.p2{left:45%;top:12%;width:5px;height:5px;animation-delay:1.4s}
.jss-faq-particle.p3{right:14%;top:27%;width:6px;height:6px;animation-delay:2.1s}
.jss-faq-particle.p4{right:30%;bottom:14%;width:5px;height:5px;animation-delay:3s}
@keyframes jssFaqParticle{
  0%,100%{transform:translate3d(0,0,0);opacity:.3}
  50%{transform:translate3d(0,-18px,0);opacity:.9}
}
.jss-faq-head{
  position:relative;
  z-index:2;
  max-width:780px;
  margin:0 auto 52px;
  text-align:center;
}
.jss-faq-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 14px;
  border:1px solid rgba(7,93,204,.14);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  box-shadow:0 10px 28px rgba(6,24,58,.06);
  color:#075dcc;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease,transform .7s ease;
}
.jss-faq-kicker i{font-size:.72rem;color:#19a9e8}
.jss-faq-title{
  margin:17px 0 12px;
  color:#06183a;
  font-family:'Sora',sans-serif;
  font-size:clamp(2rem,4vw,3.15rem);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.045em;
  opacity:0;
  transform:translateY(20px);
  transition:opacity .8s ease .08s,transform .8s ease .08s;
}
.jss-faq-title span{color:#075dcc}
.jss-faq-desc{
  max-width:690px;
  margin:0 auto;
  color:#63748b;
  font-size:.98rem;
  line-height:1.8;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .8s ease .16s,transform .8s ease .16s;
}
.jss-faq-wrap{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:42px;
  align-items:stretch;
}
.jss-faq-visual{
  position:relative;
  min-height:510px;
  padding:34px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(6,24,58,.98),rgba(7,93,204,.96) 58%,rgba(25,169,232,.94));
  box-shadow:0 28px 70px rgba(6,24,58,.18),inset 0 1px 0 rgba(255,255,255,.16);
  opacity:0;
  transform:translateX(-35px);
  transition:opacity .85s ease .22s,transform .85s cubic-bezier(.2,.75,.25,1) .22s;
}
.jss-faq-visual::before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-150px;top:-150px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 95px rgba(255,255,255,.025);
  animation:jssFaqVisualOrbit 14s linear infinite;
}
.jss-faq-visual::after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  left:-90px;bottom:-90px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  filter:blur(4px);
  animation:jssFaqVisualFloat 6s ease-in-out infinite alternate;
}
@keyframes jssFaqVisualOrbit{to{transform:rotate(360deg)}}
@keyframes jssFaqVisualFloat{to{transform:translate(35px,-28px) scale(1.15)}}
.jss-faq-visual-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.jss-faq-visual-top small{
  color:#8fe4ff;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.jss-faq-visual-top h3{
  margin:13px 0 12px;
  max-width:350px;
  color:#fff;
  font-family:'Sora',sans-serif;
  font-size:clamp(1.6rem,3vw,2.35rem);
  line-height:1.12;
  letter-spacing:-.035em;
}
.jss-faq-visual-top p{max-width:370px;margin:0;color:rgba(255,255,255,.73);font-size:.88rem;line-height:1.75}
.jss-faq-question-mark{
  width:112px;height:112px;
  margin:38px 0 30px;
  display:flex;align-items:center;justify-content:center;
  border-radius:34px;
  color:#fff;
  font-size:3rem;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 22px 45px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.2);
  animation:jssFaqQuestionFloat 4.5s ease-in-out infinite;
}
@keyframes jssFaqQuestionFloat{
  0%,100%{transform:translateY(0) rotate(-3deg)}
  50%{transform:translateY(-10px) rotate(3deg)}
}
.jss-faq-visual-bottom{
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.14);
}
.jss-faq-avatars{display:flex;align-items:center}
.jss-faq-avatar{
  width:34px;height:34px;
  margin-left:-7px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  color:#06183a;
  background:#fff;
  border:2px solid #075dcc;
  font-size:.62rem;
  font-weight:900;
}
.jss-faq-avatar:first-child{margin-left:0}
.jss-faq-visual-bottom p{margin:0;color:rgba(255,255,255,.76);font-size:.68rem;line-height:1.45}
.jss-faq-visual-bottom strong{color:#fff}
.jss-faq-list{
  display:flex;
  flex-direction:column;
  gap:13px;
  opacity:0;
  transform:translateX(35px);
  transition:opacity .85s ease .3s,transform .85s cubic-bezier(.2,.75,.25,1) .3s;
}
.jss-faq-item{
  position:relative;
  border:1px solid rgba(7,93,204,.10);
  border-radius:18px;
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 32px rgba(6,24,58,.055);
  overflow:hidden;
  transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease,background .35s ease;
}
.jss-faq-item:hover{transform:translateY(-2px);border-color:rgba(7,93,204,.22);box-shadow:0 18px 40px rgba(6,24,58,.09)}
.jss-faq-item.is-open{background:#fff;border-color:rgba(7,93,204,.24);box-shadow:0 18px 45px rgba(7,93,204,.10)}
.jss-faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:21px 23px;
  border:0;
  background:transparent;
  color:#102342;
  text-align:left;
  font-family:'Sora',sans-serif;
  font-size:.88rem;
  font-weight:700;
  line-height:1.45;
  cursor:pointer;
}
.jss-faq-question:hover{color:#075dcc}
.jss-faq-q-left{display:flex;align-items:center;gap:14px}
.jss-faq-q-num{
  flex:0 0 auto;
  width:31px;height:31px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  color:#075dcc;
  background:linear-gradient(135deg,#eaf4ff,#dff7ff);
  font-size:.58rem;
  font-weight:900;
}
.jss-faq-plus{
  flex:0 0 auto;
  width:30px;height:30px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  color:#075dcc;
  background:#edf6ff;
  transition:transform .35s ease,background .35s ease,color .35s ease;
}
.jss-faq-item.is-open .jss-faq-plus{transform:rotate(45deg);background:#075dcc;color:#fff}
.jss-faq-answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .4s cubic-bezier(.2,.75,.25,1);
}
.jss-faq-answer-inner{overflow:hidden}
.jss-faq-answer p{
  margin:0;
  padding:0 23px 0 68px;
  color:#6b7b91;
  font-size:.8rem;
  line-height:1.75;
  opacity:0;
  transform:translateY(-5px);
  transition:opacity .25s ease,transform .25s ease,padding .4s ease;
}
.jss-faq-item.is-open .jss-faq-answer{grid-template-rows:1fr}
.jss-faq-item.is-open .jss-faq-answer p{padding-bottom:21px;opacity:1;transform:none}
.jss-faq-footer{
  position:relative;z-index:2;
  margin:34px auto 0;
  max-width:920px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:18px 20px 18px 23px;
  border:1px solid rgba(7,93,204,.11);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 30px rgba(6,24,58,.045);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  opacity:0;transform:translateY(18px);
  transition:opacity .7s ease .42s,transform .7s ease .42s;
}
.jss-faq-footer p{margin:0;color:#63748b;font-size:.76rem;line-height:1.5}
.jss-faq-footer strong{color:#102342}
.jss-faq-contact{
  flex:0 0 auto;
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 16px;
  border-radius:11px;
  color:#fff!important;
  background:linear-gradient(135deg,#075dcc,#19a9e8);
  box-shadow:0 10px 22px rgba(7,93,204,.18);
  font-size:.68rem;font-weight:800;
  text-decoration:none;
  transition:transform .3s ease,box-shadow .3s ease;
}
.jss-faq-contact:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(7,93,204,.25);color:#fff}
.jss-faq-section.is-visible .jss-faq-kicker,
.jss-faq-section.is-visible .jss-faq-title,
.jss-faq-section.is-visible .jss-faq-desc,
.jss-faq-section.is-visible .jss-faq-footer{opacity:1;transform:none}
.jss-faq-section.is-visible .jss-faq-visual,
.jss-faq-section.is-visible .jss-faq-list{opacity:1;transform:none}
@media(max-width:991px){
  .jss-faq-section{padding:85px 0}
  .jss-faq-wrap{grid-template-columns:1fr;gap:28px}
  .jss-faq-visual{min-height:390px}
  .jss-faq-question-mark{margin:25px 0 25px}
}
@media(max-width:767px){
  .jss-faq-section{padding:72px 0}
  .jss-faq-head{margin-bottom:35px}
  .jss-faq-title{font-size:2rem}
  .jss-faq-desc{font-size:.88rem}
  .jss-faq-visual{min-height:360px;padding:25px;border-radius:24px}
  .jss-faq-visual-top h3{font-size:1.65rem}
  .jss-faq-question-mark{width:88px;height:88px;border-radius:26px;font-size:2.3rem;margin:20px 0}
  .jss-faq-question{padding:17px 15px;font-size:.77rem}
  .jss-faq-q-left{gap:10px}
  .jss-faq-q-num{width:28px;height:28px;border-radius:8px}
  .jss-faq-answer p{padding-left:53px;padding-right:18px;font-size:.74rem}
  .jss-faq-item.is-open .jss-faq-answer p{padding-bottom:17px}
  .jss-faq-footer{align-items:flex-start;flex-direction:column;padding:17px}
  .jss-faq-contact{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .jss-faq-section::before,.jss-faq-section::after,.jss-faq-noise,.jss-faq-particle,.jss-faq-visual::before,.jss-faq-visual::after,.jss-faq-question-mark{animation:none!important}
  .jss-faq-kicker,.jss-faq-title,.jss-faq-desc,.jss-faq-visual,.jss-faq-list,.jss-faq-footer{transition:none!important;opacity:1!important;transform:none!important}
}



/* =========================================================
   CLIENTS TESTIMONIALS - PREMIUM ANIMATED SECTION
   ========================================================= */
.jss-testimonials-section{
  position:relative;
  overflow:hidden;
  padding:110px 0 105px;
  background:
    radial-gradient(circle at 8% 18%,rgba(25,169,232,.13),transparent 30%),
    radial-gradient(circle at 92% 82%,rgba(7,93,204,.11),transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#eef6ff 48%,#f8fbff 100%);
}
.jss-testimonials-section::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.38;
  background-image:linear-gradient(rgba(7,93,204,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,93,204,.045) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
  pointer-events:none;
}
.jss-testimonials-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(2px);
  opacity:.7;
}
.jss-testimonials-orb.one{width:260px;height:260px;left:-110px;top:180px;background:radial-gradient(circle,rgba(25,169,232,.20),transparent 68%);animation:jssTestOrb 9s ease-in-out infinite alternate;}
.jss-testimonials-orb.two{width:330px;height:330px;right:-140px;bottom:80px;background:radial-gradient(circle,rgba(7,93,204,.16),transparent 70%);animation:jssTestOrb 11s ease-in-out infinite alternate-reverse;}
@keyframes jssTestOrb{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(25px,-22px,0) scale(1.08)}}

.jss-testimonials-head{
  position:relative;
  z-index:2;
  max-width:820px;
  margin:0 auto 55px;
  text-align:center;
}
.jss-testimonials-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 14px;
  border:1px solid rgba(7,93,204,.13);
  border-radius:999px;
  color:#075dcc;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 30px rgba(6,24,58,.06);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.jss-testimonials-kicker i{color:#19a9e8;}
.jss-testimonials-title{
  margin:18px 0 14px;
  color:#06183a;
  font-size:clamp(2.2rem,4vw,3.75rem);
  line-height:1.05;
  letter-spacing:-.045em;
  font-weight:800;
}
.jss-testimonials-title span{
  background:linear-gradient(90deg,#075dcc,#19a9e8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.jss-testimonials-desc{
  max-width:700px;
  margin:0 auto;
  color:#687b96;
  font-size:.98rem;
  line-height:1.85;
}

.jss-testimonials-stage{
  position:relative;
  z-index:2;
  max-width:1160px;
  margin:0 auto;
}
.jss-testimonials-main{
  position:relative;
  min-height:430px;
  padding:48px 52px 42px;
  border:1px solid rgba(255,255,255,.95);
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(245,250,255,.92));
  box-shadow:0 35px 90px rgba(6,24,58,.13),0 0 0 1px rgba(7,93,204,.035),inset 0 1px 0 #fff;
  overflow:hidden;
}
.jss-testimonials-main::before{
  content:"“";
  position:absolute;
  top:-32px;
  left:30px;
  color:rgba(7,93,204,.07);
  font-family:Georgia,serif;
  font-size:240px;
  line-height:1;
  pointer-events:none;
}
.jss-testimonials-main::after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-180px;
  top:-210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,169,232,.16),transparent 70%);
  pointer-events:none;
}
.jss-testimonial-feature{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:45px;
  align-items:center;
}
.jss-testimonial-profile{
  position:relative;
  display:flex;
  justify-content:center;
}
.jss-testimonial-avatar-wrap{
  position:relative;
  width:145px;
  height:145px;
}
.jss-testimonial-avatar{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#075dcc,#19a9e8);
  box-shadow:0 24px 45px rgba(7,93,204,.25),inset 0 2px 0 rgba(255,255,255,.35);
  font-size:2.7rem;
  font-weight:800;
  letter-spacing:-.05em;
}
.jss-testimonial-avatar-ring{
  position:absolute;
  inset:-10px;
  border:1px solid rgba(25,169,232,.28);
  border-radius:50%;
  animation:jssTestRing 5s linear infinite;
}
.jss-testimonial-avatar-ring::before{
  content:"";
  position:absolute;
  width:10px;height:10px;
  right:12px;top:18px;
  border-radius:50%;
  background:#19a9e8;
  box-shadow:0 0 0 6px rgba(25,169,232,.10),0 0 20px rgba(25,169,232,.35);
}
@keyframes jssTestRing{to{transform:rotate(360deg)}}
.jss-testimonial-quote-mark{
  position:absolute;
  right:-7px;
  bottom:2px;
  width:42px;height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  background:#06183a;
  border:4px solid #f7fbff;
  box-shadow:0 10px 22px rgba(6,24,58,.18);
}
.jss-testimonial-content{min-width:0;}
.jss-testimonial-stars{
  display:flex;
  gap:5px;
  margin-bottom:18px;
  color:#f4b52d;
  font-size:.78rem;
}
.jss-testimonial-text{
  max-width:780px;
  margin:0 0 24px;
  color:#1b2c46;
  font-size:clamp(1.18rem,2vw,1.55rem);
  line-height:1.65;
  font-weight:600;
  letter-spacing:-.015em;
}
.jss-testimonial-meta{display:flex;align-items:center;gap:13px;}
.jss-testimonial-meta strong{display:block;color:#06183a;font-size:.82rem;font-weight:800;}
.jss-testimonial-meta span{display:block;margin-top:3px;color:#7890ab;font-size:.67rem;font-weight:600;}
.jss-testimonial-verified{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:8px;
  padding:5px 9px;
  border-radius:999px;
  color:#087a68;
  background:#e9faf6;
  font-size:.55rem;
  font-weight:800;
}
.jss-testimonial-verified i{font-size:.56rem;}

.jss-testimonials-bottom{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  margin-top:24px;
}
.jss-testimonial-mini-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.jss-testimonial-mini{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 16px;
  border:1px solid rgba(7,93,204,.09);
  border-radius:17px;
  background:rgba(255,255,255,.76);
  cursor:pointer;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;
}
.jss-testimonial-mini:hover,.jss-testimonial-mini.active{
  transform:translateY(-4px);
  border-color:rgba(7,93,204,.23);
  background:#fff;
  box-shadow:0 15px 30px rgba(6,24,58,.08);
}
.jss-testimonial-mini-avatar{
  flex:0 0 42px;
  width:42px;height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  color:#075dcc;
  background:#edf6ff;
  font-size:.8rem;
  font-weight:900;
}
.jss-testimonial-mini strong{display:block;color:#14243e;font-size:.67rem;font-weight:800;}
.jss-testimonial-mini span{display:block;margin-top:3px;color:#8294ab;font-size:.55rem;line-height:1.4;}
.jss-testimonial-mini i{margin-left:auto;color:#b4c5d9;font-size:.58rem;transition:transform .3s ease,color .3s ease;}
.jss-testimonial-mini:hover i,.jss-testimonial-mini.active i{color:#075dcc;transform:translateX(3px);}

.jss-testimonials-rating{
  min-width:180px;
  padding:18px 20px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg,#06183a,#075dcc 70%,#19a9e8);
  box-shadow:0 18px 35px rgba(7,93,204,.18);
}
.jss-testimonials-rating-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.jss-testimonials-rating strong{font-size:1.55rem;line-height:1;}
.jss-testimonials-rating .stars{color:#ffd66b;font-size:.65rem;letter-spacing:2px;}
.jss-testimonials-rating span{display:block;margin-top:7px;color:rgba(255,255,255,.72);font-size:.56rem;font-weight:700;}

.jss-testimonials-cta{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  max-width:1160px;
  margin:26px auto 0;
  padding:24px 28px;
  border-radius:22px;
  border:1px solid rgba(7,93,204,.10);
  background:rgba(255,255,255,.72);
  box-shadow:0 15px 40px rgba(6,24,58,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.jss-testimonials-cta p{margin:0;color:#647895;font-size:.75rem;line-height:1.6;}
.jss-testimonials-cta p strong{color:#06183a;}
.jss-testimonials-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#075dcc,#19a9e8);
  box-shadow:0 12px 25px rgba(7,93,204,.18);
  text-decoration:none;
  font-size:.68rem;
  font-weight:800;
  transition:transform .3s ease,box-shadow .3s ease;
}
.jss-testimonials-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 17px 32px rgba(7,93,204,.25);}
.jss-testimonials-btn i{transition:transform .3s ease;}
.jss-testimonials-btn:hover i{transform:translateX(4px);}

.jss-testimonials-section .jss-testimonials-head,.jss-testimonials-section .jss-testimonials-stage,.jss-testimonials-section .jss-testimonials-cta{
  opacity:0;
  transform:translateY(35px);
  transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1);
}
.jss-testimonials-section.is-visible .jss-testimonials-head,
.jss-testimonials-section.is-visible .jss-testimonials-stage,
.jss-testimonials-section.is-visible .jss-testimonials-cta{opacity:1;transform:none;}
.jss-testimonials-section.is-visible .jss-testimonial-mini:nth-child(1){animation:jssTestCardIn .6s .15s both;}
.jss-testimonials-section.is-visible .jss-testimonial-mini:nth-child(2){animation:jssTestCardIn .6s .25s both;}
.jss-testimonials-section.is-visible .jss-testimonial-mini:nth-child(3){animation:jssTestCardIn .6s .35s both;}
@keyframes jssTestCardIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:991px){
  .jss-testimonials-section{padding:85px 0 80px;}
  .jss-testimonials-main{padding:38px 32px 32px;}
  .jss-testimonial-feature{grid-template-columns:120px minmax(0,1fr);gap:30px;}
  .jss-testimonial-avatar-wrap{width:110px;height:110px;}
  .jss-testimonial-avatar{font-size:2.1rem;}
  .jss-testimonials-bottom{grid-template-columns:1fr;}
  .jss-testimonials-rating{max-width:220px;}
}
@media(max-width:767px){
  .jss-testimonials-head{margin-bottom:35px;}
  .jss-testimonials-title{font-size:2.25rem;}
  .jss-testimonial-feature{grid-template-columns:1fr;text-align:center;gap:25px;}
  .jss-testimonial-profile{justify-content:center;}
  .jss-testimonial-content{display:flex;flex-direction:column;align-items:center;}
  .jss-testimonial-text{font-size:1.05rem;}
  .jss-testimonial-meta{justify-content:center;}
  .jss-testimonial-mini-list{grid-template-columns:1fr;}
  .jss-testimonial-mini{padding:13px 14px;}
  .jss-testimonials-rating{max-width:none;}
  .jss-testimonials-cta{align-items:flex-start;flex-direction:column;padding:22px;}
}
@media(max-width:575px){
  .jss-testimonials-section{padding:72px 0 70px;}
  .jss-testimonials-main{padding:30px 18px 20px;border-radius:24px;}
  .jss-testimonials-main::before{font-size:180px;left:4px;}
  .jss-testimonial-avatar-wrap{width:92px;height:92px;}
  .jss-testimonial-avatar{font-size:1.75rem;}
  .jss-testimonial-quote-mark{width:34px;height:34px;font-size:.72rem;}
  .jss-testimonial-stars{margin-bottom:12px;}
  .jss-testimonial-text{font-size:.94rem;line-height:1.7;margin-bottom:18px;}
  .jss-testimonial-meta strong{font-size:.72rem;}
  .jss-testimonial-meta span{font-size:.58rem;}
  .jss-testimonial-verified{display:none;}
  .jss-testimonials-cta{margin-top:18px;}
  .jss-testimonials-btn{width:100%;justify-content:center;}
}
@media(prefers-reduced-motion:reduce){
  .jss-testimonials-orb,.jss-testimonial-avatar-ring{animation:none!important;}
  .jss-testimonials-section .jss-testimonials-head,.jss-testimonials-section .jss-testimonials-stage,.jss-testimonials-section .jss-testimonials-cta{transition:none!important;opacity:1;transform:none;}
  .jss-testimonials-section.is-visible .jss-testimonial-mini:nth-child(1),.jss-testimonials-section.is-visible .jss-testimonial-mini:nth-child(2),.jss-testimonials-section.is-visible .jss-testimonial-mini:nth-child(3){animation:none!important;}
}


/* =========================================================
   ORIGINAL-STYLE CLIENT TESTIMONIALS REDESIGN
   ========================================================= */
.jss-testimonials-original{
  position:relative;
  overflow:hidden;
  padding:112px 0 92px;
  background:
    radial-gradient(circle at 8% 22%,rgba(25,169,232,.10),transparent 30%),
    radial-gradient(circle at 92% 72%,rgba(7,93,204,.09),transparent 32%),
    linear-gradient(180deg,#f8fbff 0%,#eef6fd 100%);
  border-top:1px solid rgba(7,93,204,.07);
}
.jss-testimonials-original::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:linear-gradient(rgba(7,93,204,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(7,93,204,.055) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.jss-testimonials-noise{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");}
.jss-testimonials-original .jss-testimonials-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.42;animation:jssTestimonialOrbFloat 8s ease-in-out infinite alternate;}
.jss-testimonials-original .jss-testimonials-orb.one{width:260px;height:260px;right:-80px;top:80px;background:radial-gradient(circle,rgba(25,169,232,.22),transparent 68%);}
.jss-testimonials-original .jss-testimonials-orb.two{width:220px;height:220px;left:-90px;bottom:30px;background:radial-gradient(circle,rgba(7,93,204,.18),transparent 68%);animation-delay:1.5s;}
@keyframes jssTestimonialOrbFloat{from{transform:translate3d(0,0,0) scale(.92)}to{transform:translate3d(-18px,18px,0) scale(1.08)}}
.jss-testimonials-original .jss-testimonials-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:70px;align-items:end;margin-bottom:44px;}
.jss-testimonials-original .jss-testimonials-kicker{display:flex;align-items:center;gap:12px;color:#075dcc;font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:15px;}
.jss-testimonials-kicker-line{width:42px;height:2px;border-radius:99px;background:linear-gradient(90deg,#075dcc,#19a9e8);}
.jss-testimonials-original .jss-testimonials-title{max-width:760px;margin:0;color:#06183a;font-size:clamp(2.2rem,4vw,4.25rem);line-height:1.02;letter-spacing:-.055em;font-weight:850;}
.jss-testimonials-original .jss-testimonials-title span{color:#075dcc;}
.jss-testimonials-original .jss-testimonials-desc{margin:0;color:#667892;font-size:.98rem;line-height:1.85;max-width:570px;}
.jss-testimonials-editorial{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:26px;align-items:stretch;}
.jss-testimonials-feature{position:relative;min-height:510px;padding:42px 44px 30px;border-radius:30px;background:linear-gradient(145deg,#06183a 0%,#0a2e61 62%,#075dcc 150%);box-shadow:0 30px 70px rgba(6,24,58,.18);overflow:hidden;isolation:isolate;}
.jss-testimonials-feature::before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.014);}
.jss-testimonials-feature::after{content:"";position:absolute;width:180px;height:180px;left:-100px;bottom:-100px;border-radius:50%;background:rgba(25,169,232,.20);filter:blur(20px);}
.jss-testimonial-feature-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;color:rgba(255,255,255,.58);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.jss-testimonial-label{display:inline-flex;align-items:center;gap:8px;color:#8be2ff;}
.jss-testimonial-label i{font-size:.7rem;}
.jss-testimonial-index{font-variant-numeric:tabular-nums;}
.jss-testimonial-quote-mark-large{position:absolute;z-index:0;right:34px;top:58px;color:rgba(255,255,255,.075);font-family:Georgia,serif;font-size:15rem;line-height:.8;font-weight:900;}
.jss-testimonials-feature .jss-testimonial-text{position:relative;z-index:2;max-width:780px;margin:68px 0 42px;color:#fff;font-size:clamp(1.35rem,2.1vw,2.15rem);line-height:1.48;letter-spacing:-.025em;font-weight:520;transition:opacity .18s ease,transform .18s ease;}
.jss-testimonial-client-row{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);}
.jss-testimonial-avatar-wrap{position:relative;flex:0 0 auto;width:54px;height:54px;display:grid;place-items:center;}
.jss-testimonial-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#19a9e8,#075dcc);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.05em;box-shadow:0 8px 25px rgba(25,169,232,.25);}
.jss-testimonial-avatar-ring{position:absolute;inset:0;border:1px solid rgba(91,213,255,.45);border-radius:50%;animation:jssTestimonialAvatarSpin 7s linear infinite;}
@keyframes jssTestimonialAvatarSpin{to{transform:rotate(360deg)}}
.jss-testimonial-client-info{display:flex;flex-direction:column;gap:3px;min-width:0;}
.jss-testimonial-client-info strong{color:#fff;font-size:.86rem;transition:opacity .18s ease;}
.jss-testimonial-client-info span{color:rgba(255,255,255,.58);font-size:.66rem;transition:opacity .18s ease;}
.jss-testimonials-feature .jss-testimonial-stars{margin-left:auto;display:flex;gap:3px;color:#ffd76a;font-size:.65rem;}
.jss-testimonial-feature-footer{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.jss-testimonial-feature-footer span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:rgba(255,255,255,.68);background:rgba(255,255,255,.055);font-size:.6rem;font-weight:700;}
.jss-testimonial-feature-footer i{color:#75dcff;}
.jss-testimonials-side{padding:30px;background:rgba(255,255,255,.76);border:1px solid rgba(7,93,204,.10);border-radius:30px;box-shadow:0 22px 55px rgba(6,24,58,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.jss-testimonials-side-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#06183a;font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;}
.jss-testimonials-side-line{height:1px;flex:1;background:linear-gradient(90deg,rgba(7,93,204,.22),transparent);}
.jss-testimonial-story-list{display:flex;flex-direction:column;gap:9px;}
.jss-testimonial-story{position:relative;width:100%;display:grid;grid-template-columns:34px 42px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:15px 13px;border:1px solid transparent;border-radius:18px;background:transparent;text-align:left;cursor:pointer;transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease;}
.jss-testimonial-story:hover{transform:translateX(4px);background:#f5faff;border-color:rgba(7,93,204,.10);}
.jss-testimonial-story.active{background:#fff;border-color:rgba(7,93,204,.14);box-shadow:0 14px 30px rgba(6,24,58,.08);}
.jss-story-number{color:#9aabc0;font-size:.61rem;font-weight:900;font-variant-numeric:tabular-nums;}
.jss-testimonial-story.active .jss-story-number{color:#075dcc;}
.jss-story-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#edf6ff;color:#075dcc;font-size:.6rem;font-weight:900;}
.jss-testimonial-story:nth-child(2) .jss-story-avatar{background:#eefaf8;color:#008d86;}
.jss-testimonial-story:nth-child(3) .jss-story-avatar{background:#fff6e8;color:#c47a00;}
.jss-story-copy{display:flex;flex-direction:column;gap:4px;min-width:0;}
.jss-story-copy strong{overflow:hidden;color:#132747;font-size:.72rem;white-space:nowrap;text-overflow:ellipsis;}
.jss-story-copy span{overflow:hidden;color:#77889f;font-size:.59rem;white-space:nowrap;text-overflow:ellipsis;}
.jss-story-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#7d8da3;background:#f3f7fb;font-size:.58rem;transition:all .3s ease;}
.jss-testimonial-story.active .jss-story-arrow{color:#fff;background:#075dcc;transform:rotate(45deg);}
.jss-testimonials-proof{display:flex;gap:13px;align-items:flex-start;margin-top:24px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#eff8ff,#f8fbff);border:1px solid rgba(25,169,232,.10);}
.jss-proof-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#fff;color:#075dcc;box-shadow:0 8px 20px rgba(7,93,204,.10);}
.jss-testimonials-proof div:last-child{display:flex;flex-direction:column;gap:5px;}
.jss-testimonials-proof strong{color:#173153;font-size:.68rem;line-height:1.45;}
.jss-testimonials-proof span{color:#75869d;font-size:.59rem;line-height:1.6;}
.jss-testimonials-bottom-strip{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:17px 20px 17px 24px;border-radius:18px;background:#fff;border:1px solid rgba(7,93,204,.09);box-shadow:0 15px 35px rgba(6,24,58,.06);}
.jss-testimonials-bottom-strip>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#75869d;font-size:.62rem;}
.jss-testimonials-bottom-strip>div strong{color:#173153;}
.jss-strip-dot{width:7px;height:7px;border-radius:50%;background:#19a9e8;box-shadow:0 0 0 5px rgba(25,169,232,.10);}
.jss-testimonials-bottom-strip .jss-testimonials-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:12px;background:#075dcc;color:#fff;text-decoration:none;font-size:.65rem;font-weight:850;box-shadow:0 10px 24px rgba(7,93,204,.20);transition:transform .3s ease,box-shadow .3s ease,background .3s ease;}
.jss-testimonials-bottom-strip .jss-testimonials-btn:hover{transform:translateY(-2px);background:#064fae;box-shadow:0 15px 30px rgba(7,93,204,.28);}
.jss-testimonials-original.is-visible .jss-testimonials-head{animation:jssTestimonialFadeUp .7s ease both;}
.jss-testimonials-original.is-visible .jss-testimonials-feature{animation:jssTestimonialFadeUp .75s .1s ease both;}
.jss-testimonials-original.is-visible .jss-testimonials-side{animation:jssTestimonialFadeUp .75s .2s ease both;}
.jss-testimonials-original.is-visible .jss-testimonial-story:nth-child(1){animation:jssTestimonialStoryIn .55s .28s ease both;}
.jss-testimonials-original.is-visible .jss-testimonial-story:nth-child(2){animation:jssTestimonialStoryIn .55s .38s ease both;}
.jss-testimonials-original.is-visible .jss-testimonial-story:nth-child(3){animation:jssTestimonialStoryIn .55s .48s ease both;}
.jss-testimonials-original.is-visible .jss-testimonials-bottom-strip{animation:jssTestimonialFadeUp .65s .55s ease both;}
@keyframes jssTestimonialFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes jssTestimonialStoryIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:991px){
  .jss-testimonials-original{padding:90px 0 75px;}
  .jss-testimonials-original .jss-testimonials-head{grid-template-columns:1fr;gap:18px;}
  .jss-testimonials-editorial{grid-template-columns:1fr;}
  .jss-testimonials-feature{min-height:auto;}
}
@media(max-width:575px){
  .jss-testimonials-original{padding:72px 0 60px;}
  .jss-testimonials-original .jss-testimonials-title{font-size:2.25rem;}
  .jss-testimonials-feature{padding:28px 22px 23px;border-radius:22px;}
  .jss-testimonials-feature .jss-testimonial-text{margin:58px 0 32px;font-size:1.2rem;line-height:1.55;}
  .jss-testimonial-quote-mark-large{right:18px;top:50px;font-size:10rem;}
  .jss-testimonial-client-row{flex-wrap:wrap;}
  .jss-testimonials-feature .jss-testimonial-stars{margin-left:68px;margin-top:-4px;}
  .jss-testimonial-feature-footer span{font-size:.54rem;}
  .jss-testimonials-side{padding:18px;border-radius:22px;}
  .jss-testimonial-story{grid-template-columns:27px 38px minmax(0,1fr) 28px;gap:8px;padding:13px 8px;}
  .jss-story-avatar{width:36px;height:36px;border-radius:11px;}
  .jss-story-copy strong{font-size:.67rem;}
  .jss-story-copy span{font-size:.55rem;}
  .jss-testimonials-proof{padding:15px;}
  .jss-testimonials-bottom-strip{align-items:flex-start;flex-direction:column;padding:18px;}
  .jss-testimonials-bottom-strip .jss-testimonials-btn{width:100%;}
}
@media(prefers-reduced-motion:reduce){
  .jss-testimonials-original .jss-testimonials-orb,.jss-testimonial-avatar-ring,.jss-testimonials-original.is-visible .jss-testimonials-head,.jss-testimonials-original.is-visible .jss-testimonials-feature,.jss-testimonials-original.is-visible .jss-testimonials-side,.jss-testimonials-original.is-visible .jss-testimonial-story,.jss-testimonials-original.is-visible .jss-testimonials-bottom-strip{animation:none!important;}
}


/* =========================================================
   CLIENT REVIEWS - GOOGLE-INSPIRED STRUCTURE, ORIGINAL JSS DESIGN
   ========================================================= */
.jss-client-reviews{
  position:relative;
  overflow:hidden;
  padding:105px 0 95px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 52%,#f9fcff 100%);
}
.jss-client-reviews-bg{
  position:absolute;
  inset:0;
  opacity:.42;
  background-image:
    linear-gradient(rgba(7,93,204,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,93,204,.045) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);
  pointer-events:none;
}
.jss-review-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(5px);
}
.jss-review-orb.review-orb-one{
  width:300px;height:300px;left:-140px;top:140px;
  background:radial-gradient(circle,rgba(25,169,232,.20),transparent 70%);
  animation:jssReviewOrb 8s ease-in-out infinite alternate;
}
.jss-review-orb.review-orb-two{
  width:360px;height:360px;right:-170px;bottom:40px;
  background:radial-gradient(circle,rgba(7,93,204,.16),transparent 70%);
  animation:jssReviewOrb 10s ease-in-out infinite alternate-reverse;
}
@keyframes jssReviewOrb{
  from{transform:translate3d(0,0,0) scale(.88);opacity:.6}
  to{transform:translate3d(25px,-18px,0) scale(1.08);opacity:1}
}
.jss-review-heading{
  position:relative;
  z-index:2;
  max-width:780px;
  margin:0 auto 38px;
  text-align:center;
}
.jss-review-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#075dcc;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.jss-review-kicker-line{
  width:42px;height:2px;
  border-radius:20px;
  background:linear-gradient(90deg,#075dcc,#19a9e8);
}
.jss-review-heading h2{
  margin:14px 0 12px;
  color:#06183a;
  font-size:clamp(2.25rem,4vw,3.7rem);
  line-height:1.04;
  letter-spacing:-.045em;
  font-weight:850;
}
.jss-review-heading h2 span{
  background:linear-gradient(90deg,#075dcc,#19a9e8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.jss-review-heading p{
  max-width:690px;
  margin:0 auto;
  color:#6a7e99;
  font-size:.92rem;
  line-height:1.8;
}
.jss-review-summary{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(300px,1.35fr) auto;
  align-items:center;
  gap:22px;
  padding:21px 24px;
  margin-bottom:22px;
  border:1px solid rgba(7,93,204,.10);
  border-radius:20px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 45px rgba(6,24,58,.07),inset 0 1px 0 #fff;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  opacity:0;
  transform:translateY(25px);
}
.jss-client-reviews.is-visible .jss-review-summary{
  animation:jssReviewUp .7s .1s cubic-bezier(.2,.75,.25,1) forwards;
}
.jss-review-summary-brand{display:flex;align-items:center;gap:12px;min-width:0;}
.jss-review-summary-icon{
  width:45px;height:45px;flex:0 0 45px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#075dcc,#19a9e8);
  box-shadow:0 10px 22px rgba(7,93,204,.18);
}
.jss-review-summary-brand strong{display:block;color:#071b3e;font-size:.82rem;font-weight:850;}
.jss-review-summary-brand span{display:block;margin-top:3px;color:#8293a9;font-size:.58rem;line-height:1.4;}
.jss-review-summary-points{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;}
.jss-review-summary-points span{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 10px;
  border-radius:999px;
  color:#506780;
  background:#f4f8fc;
  border:1px solid rgba(7,93,204,.06);
  font-size:.56rem;
  font-weight:750;
  white-space:nowrap;
}
.jss-review-summary-points i{color:#19a9e8;font-size:.52rem;}
.jss-review-summary-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:11px 15px;
  border-radius:11px;
  color:#fff!important;
  background:linear-gradient(135deg,#075dcc,#19a9e8);
  text-decoration:none;
  font-size:.61rem;
  font-weight:850;
  white-space:nowrap;
  box-shadow:0 12px 24px rgba(7,93,204,.18);
  transition:transform .3s ease,box-shadow .3s ease;
}
.jss-review-summary-btn:hover{transform:translateY(-3px);box-shadow:0 17px 30px rgba(7,93,204,.25);}
.jss-review-carousel{position:relative;z-index:3;display:flex;align-items:center;gap:12px;}
.jss-review-track-wrap{width:100%;overflow:hidden;border-radius:21px;padding:4px;}
.jss-review-track{display:flex;gap:15px;transition:transform .55s cubic-bezier(.2,.75,.25,1);will-change:transform;}
.jss-review-card{
  position:relative;
  flex:0 0 calc((100% - 45px)/4);
  min-width:0;
  min-height:318px;
  padding:23px 21px 19px;
  border:1px solid rgba(7,93,204,.09);
  border-radius:19px;
  background:rgba(255,255,255,.93);
  box-shadow:0 17px 38px rgba(6,24,58,.075),inset 0 1px 0 #fff;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
  overflow:hidden;
}
.jss-review-card::before{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-85px;top:-85px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,169,232,.16),transparent 70%);
  transition:transform .45s ease;
}
.jss-review-card:hover{
  transform:translateY(-7px);
  border-color:rgba(7,93,204,.18);
  box-shadow:0 25px 50px rgba(6,24,58,.11),0 0 0 1px rgba(7,93,204,.03);
}
.jss-review-card:hover::before{transform:scale(1.35);}
.jss-review-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;}
.jss-review-label{
  display:inline-flex;align-items:center;gap:6px;
  color:#075dcc;
  font-size:.53rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;
}
.jss-review-label i{font-size:.55rem;}
.jss-review-number{color:#b5c5d6;font-size:.57rem;font-weight:850;letter-spacing:.08em;}
.jss-review-quote{
  position:relative;z-index:1;
  min-height:135px;
  margin:0;
  color:#1a2c46;
  font-size:.77rem;
  line-height:1.75;
  font-weight:620;
}
.jss-review-divider{height:1px;margin:17px 0 15px;background:linear-gradient(90deg,rgba(7,93,204,.13),transparent);}
.jss-review-person{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-width:0;}
.jss-review-avatar{
  width:39px;height:39px;flex:0 0 39px;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;
  color:#075dcc;background:#edf6ff;
  font-size:.62rem;font-weight:900;
}
.jss-review-avatar.teal{color:#008c84;background:#eafaf8;}
.jss-review-avatar.orange{color:#bd7000;background:#fff5e6;}
.jss-review-avatar.purple{color:#6d4bc5;background:#f2efff;}
.jss-review-avatar.green{color:#368b50;background:#eef9f0;}
.jss-review-person strong{display:block;color:#10243f;font-size:.65rem;font-weight:850;line-height:1.3;}
.jss-review-person span:not(.jss-review-arrow){display:block;margin-top:3px;color:#8495aa;font-size:.53rem;line-height:1.35;}
.jss-review-arrow{
  width:27px;height:27px;flex:0 0 27px;margin-left:auto;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  color:#7d91a9;background:#f2f6fa;
  font-size:.5rem;
  transition:.3s ease;
}
.jss-review-card:hover .jss-review-arrow{color:#fff;background:#075dcc;transform:translate(2px,-2px);}
.jss-review-service{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:6px;
  margin-top:13px;
  padding:6px 8px;
  border-radius:8px;
  color:#61758e;background:#f5f8fb;
  font-size:.49rem;font-weight:750;
}
.jss-review-service i{color:#19a9e8;font-size:.5rem;}
.jss-review-nav{
  width:40px;height:40px;flex:0 0 40px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(7,93,204,.10);
  border-radius:50%;
  color:#075dcc;background:#fff;
  box-shadow:0 12px 25px rgba(6,24,58,.08);
  cursor:pointer;
  transition:transform .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease;
}
.jss-review-nav:hover{transform:translateY(-3px);color:#fff;background:#075dcc;box-shadow:0 16px 30px rgba(7,93,204,.20);}
.jss-review-nav:disabled{opacity:.38;cursor:not-allowed;transform:none;}
.jss-review-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;}
.jss-review-dots{display:flex;align-items:center;gap:6px;}
.jss-review-dot{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:#c8d4e2;cursor:pointer;transition:.3s ease;}
.jss-review-dot.active{width:22px;border-radius:10px;background:linear-gradient(90deg,#075dcc,#19a9e8);}
.jss-review-note{display:flex;align-items:center;gap:8px;color:#71859d;font-size:.57rem;font-weight:700;}
.jss-review-live-dot{width:7px;height:7px;border-radius:50%;background:#19a9e8;box-shadow:0 0 0 5px rgba(25,169,232,.10);animation:jssReviewPulse 2s ease-in-out infinite;}
@keyframes jssReviewPulse{50%{box-shadow:0 0 0 8px rgba(25,169,232,.02);transform:scale(.85);}}
@keyframes jssReviewUp{to{opacity:1;transform:none;}}
.jss-client-reviews .jss-review-heading{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1);}
.jss-client-reviews.is-visible .jss-review-heading{opacity:1;transform:none;}
.jss-client-reviews.is-visible .jss-review-card{animation:jssReviewCardIn .65s cubic-bezier(.2,.75,.25,1) both;}
.jss-client-reviews.is-visible .jss-review-card:nth-child(1){animation-delay:.18s;}
.jss-client-reviews.is-visible .jss-review-card:nth-child(2){animation-delay:.26s;}
.jss-client-reviews.is-visible .jss-review-card:nth-child(3){animation-delay:.34s;}
.jss-client-reviews.is-visible .jss-review-card:nth-child(4){animation-delay:.42s;}
.jss-client-reviews.is-visible .jss-review-card:nth-child(5){animation-delay:.50s;}
@keyframes jssReviewCardIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1199px){
  .jss-review-card{flex-basis:calc((100% - 30px)/3);}
  .jss-review-summary{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .jss-review-summary-brand{justify-content:center;}
}
@media(max-width:991px){
  .jss-client-reviews{padding:85px 0 78px;}
  .jss-review-card{flex-basis:calc((100% - 15px)/2);}
  .jss-review-nav{width:36px;height:36px;flex-basis:36px;}
}
@media(max-width:767px){
  .jss-client-reviews{padding:75px 0 68px;}
  .jss-review-heading h2{font-size:2.25rem;}
  .jss-review-heading p{font-size:.82rem;}
  .jss-review-summary{padding:18px 15px;gap:15px;}
  .jss-review-summary-points{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:2px;scrollbar-width:none;}
  .jss-review-summary-points::-webkit-scrollbar{display:none;}
  .jss-review-summary-points span{flex:0 0 auto;}
  .jss-review-card{flex-basis:100%;min-height:310px;}
  .jss-review-nav{display:none;}
  .jss-review-bottom{justify-content:center;}
  .jss-review-note{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .jss-review-orb,.jss-review-live-dot,.jss-client-reviews.is-visible .jss-review-card{animation:none!important;}
  .jss-review-track,.jss-review-card,.jss-review-heading,.jss-review-summary{transition:none!important;}
}






























/* =========================================================
   JSS TESTIMONIALS V2 - PREMIUM REVIEW STYLE
   ========================================================= */
.jss-client-reviews-v2{
  position:relative;
  overflow:hidden;
  padding:92px 0 78px;
  background:
    radial-gradient(circle at 12% 18%,rgba(25,169,232,.10),transparent 30%),
    radial-gradient(circle at 88% 78%,rgba(7,93,204,.09),transparent 34%),
    linear-gradient(180deg,#f7fbff 0%,#eef6fc 100%);
}
.jss-client-reviews-v2 .jss-client-reviews-bg{
  position:absolute;
  inset:0;
  opacity:.38;
  background-image:
    linear-gradient(rgba(7,93,204,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,93,204,.045) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,transparent 0%,black 16%,black 84%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 16%,black 84%,transparent 100%);
}
.jss-review-v2-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:end;
  margin-bottom:30px;
}
.jss-review-v2-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
  color:#075dcc;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.jss-review-v2-kicker span{
  width:38px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#075dcc,#19a9e8);
}
.jss-review-v2-head h2{
  margin:0;
  color:#06183a;
  font-size:clamp(2.15rem,4vw,3.8rem);
  line-height:1.03;
  letter-spacing:-.045em;
  font-weight:850;
}
.jss-review-v2-head h2 em{
  color:#075dcc;
  font-style:normal;
}
.jss-review-v2-head p{
  max-width:700px;
  margin:17px 0 0;
  color:#637892;
  font-size:.91rem;
  line-height:1.8;
}
.jss-review-v2-note{
  min-width:260px;
  padding:18px 20px;
  border:1px solid rgba(7,93,204,.10);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 40px rgba(6,24,58,.07);
  backdrop-filter:blur(12px);
}
.jss-review-v2-stars{
  display:flex;
  gap:4px;
  color:#f4b51f;
  font-size:.82rem;
}
.jss-review-v2-note strong{
  display:block;
  margin-top:10px;
  color:#102846;
  font-size:.74rem;
  font-weight:850;
}
.jss-review-v2-note span{
  display:block;
  margin-top:4px;
  color:#7a8ea5;
  font-size:.58rem;
  font-weight:650;
}
.jss-review-v2-summary{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:25px;
  padding:16px 18px;
  border:1px solid rgba(7,93,204,.10);
  border-radius:20px;
  background:rgba(255,255,255,.84);
  box-shadow:0 16px 40px rgba(6,24,58,.06);
  backdrop-filter:blur(14px);
}
.jss-review-v2-summary-left{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:300px;
}
.jss-review-v2-comment-icon{
  width:43px;
  height:43px;
  flex:0 0 43px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,#075dcc,#19a9e8);
  box-shadow:0 10px 22px rgba(7,93,204,.18);
}
.jss-review-v2-summary-left span{
  display:block;
  margin-bottom:3px;
  color:#075dcc;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.11em;
}
.jss-review-v2-summary-left strong{
  color:#122b49;
  font-size:.68rem;
  font-weight:800;
}
.jss-review-v2-trust{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.jss-review-v2-trust span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  color:#526a84;
  background:#f4f9fd;
  border:1px solid rgba(7,93,204,.07);
  font-size:.53rem;
  font-weight:750;
}
.jss-review-v2-trust i{color:#19a9e8;}
.jss-review-v2-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 15px;
  flex:0 0 auto;
  border-radius:11px;
  color:#fff;
  background:#06183a;
  text-decoration:none;
  font-size:.58rem;
  font-weight:850;
  transition:transform .3s ease,background .3s ease,box-shadow .3s ease;
}
.jss-review-v2-cta:hover{
  color:#fff;
  transform:translateY(-2px);
  background:#075dcc;
  box-shadow:0 12px 24px rgba(7,93,204,.18);
}
.jss-review-v2-carousel{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:13px;
}
.jss-review-v2-window{
  min-width:0;
  flex:1;
  overflow:hidden;
  padding:4px 2px 14px;
}
.jss-review-v2-track{
  display:flex;
  gap:15px;
  transition:transform .65s cubic-bezier(.2,.75,.25,1);
  will-change:transform;
}
.jss-review-v2-card{
  position:relative;
  flex:0 0 calc((100% - 45px)/4);
  min-height:310px;
  display:flex;
  flex-direction:column;
  padding:22px 21px 18px;
  border:1px solid rgba(6,24,58,.09);
  border-radius:21px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 34px rgba(6,24,58,.08);
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.jss-review-v2-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#075dcc,#19a9e8);
  transform:scaleX(.35);
  transform-origin:left;
  transition:transform .4s ease;
}
.jss-review-v2-card:hover{
  transform:translateY(-7px);
  border-color:rgba(7,93,204,.18);
  box-shadow:0 24px 48px rgba(6,24,58,.12);
}
.jss-review-v2-card:hover::before{transform:scaleX(1);}
.jss-review-v2-card-head{
  display:grid;
  grid-template-columns:43px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
}
.jss-review-v2-avatar{
  width:43px;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#075dcc,#19a9e8);
  font-size:.65rem;
  font-weight:900;
  box-shadow:0 8px 18px rgba(7,93,204,.16);
}
.jss-review-v2-avatar.blue{background:linear-gradient(135deg,#1477d8,#42c6f3);}
.jss-review-v2-avatar.orange{background:linear-gradient(135deg,#d77a1d,#f1b14b);}
.jss-review-v2-avatar.purple{background:linear-gradient(135deg,#6852c9,#9d8bf0);}
.jss-review-v2-avatar.green{background:linear-gradient(135deg,#17846e,#46c6a8);}
.jss-review-v2-avatar.cyan{background:linear-gradient(135deg,#087f9d,#35c8e4);}
.jss-review-v2-card-head strong{
  display:block;
  color:#102846;
  font-size:.73rem;
  font-weight:850;
}
.jss-review-v2-card-head span:not(.jss-review-v2-index){
  display:block;
  margin-top:4px;
  color:#8495a8;
  font-size:.52rem;
  font-weight:650;
  line-height:1.35;
}
.jss-review-v2-index{
  color:#b7c6d4;
  font-size:.58rem;
  font-weight:900;
}
.jss-review-v2-card .jss-review-v2-stars{
  margin-top:19px;
}
.jss-review-v2-card .jss-review-v2-stars i{font-size:.66rem;}
.jss-review-v2-card p{
  margin:16px 0 18px;
  color:#40556f;
  font-size:.73rem;
  line-height:1.75;
  font-weight:600;
}
.jss-review-v2-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid #edf2f6;
  color:#6d8299;
  font-size:.5rem;
  font-weight:800;
}
.jss-review-v2-footer span{
  display:flex;
  align-items:center;
  gap:6px;
}
.jss-review-v2-footer span i{color:#075dcc;}
.jss-review-v2-footer > i{
  color:#a6b5c4;
  transition:color .25s ease,transform .25s ease;
}
.jss-review-v2-card:hover .jss-review-v2-footer > i{
  color:#075dcc;
  transform:translate(2px,-2px);
}
.jss-review-v2-nav{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(7,93,204,.12);
  border-radius:50%;
  color:#075dcc;
  background:#fff;
  box-shadow:0 10px 22px rgba(6,24,58,.08);
  transition:all .25s ease;
}
.jss-review-v2-nav:hover:not(:disabled){
  color:#fff;
  background:#075dcc;
  transform:scale(1.05);
}
.jss-review-v2-nav:disabled{opacity:.35;cursor:not-allowed;}
.jss-review-v2-bottom{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:2px;
}
.jss-review-v2-bottom > span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#8193a7;
  font-size:.55rem;
  font-weight:700;
}
.jss-review-v2-bottom > span i{color:#19a9e8;}
.jss-review-v2-bottom .jss-review-dots{
  display:flex;
  gap:6px;
}
.jss-review-v2-bottom .jss-review-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#c8d5e1;
  transition:all .3s ease;
}
.jss-review-v2-bottom .jss-review-dot.active{
  width:22px;
  border-radius:99px;
  background:#075dcc;
}
.jss-client-reviews-v2.is-visible .jss-review-v2-head,
.jss-client-reviews-v2.is-visible .jss-review-v2-summary,
.jss-client-reviews-v2.is-visible .jss-review-v2-card{
  animation:jssReviewV2In .75s cubic-bezier(.2,.75,.25,1) both;
}
.jss-client-reviews-v2.is-visible .jss-review-v2-summary{animation-delay:.12s;}
.jss-client-reviews-v2.is-visible .jss-review-v2-card:nth-child(2){animation-delay:.08s;}
.jss-client-reviews-v2.is-visible .jss-review-v2-card:nth-child(3){animation-delay:.15s;}
.jss-client-reviews-v2.is-visible .jss-review-v2-card:nth-child(4){animation-delay:.22s;}
@keyframes jssReviewV2In{
  from{opacity:0;transform:translateY(25px);}
  to{opacity:1;transform:translateY(0);}
}
@media(max-width:1199px){
  .jss-review-v2-card{flex-basis:calc((100% - 30px)/3);}
  .jss-review-v2-trust{justify-content:flex-start;}
}
@media(max-width:991px){
  .jss-review-v2-head{grid-template-columns:1fr;gap:20px;}
  .jss-review-v2-note{width:max-content;}
  .jss-review-v2-summary{align-items:flex-start;flex-wrap:wrap;}
  .jss-review-v2-summary-left{flex:1 1 100%;}
  .jss-review-v2-cta{margin-left:auto;}
  .jss-review-v2-card{flex-basis:calc((100% - 15px)/2);}
}
@media(max-width:767px){
  .jss-client-reviews-v2{padding:70px 0 60px;}
  .jss-review-v2-head h2{font-size:2.35rem;}
  .jss-review-v2-note{width:100%;}
  .jss-review-v2-summary{padding:14px;}
  .jss-review-v2-trust{width:100%;}
  .jss-review-v2-cta{margin-left:0;}
  .jss-review-v2-carousel{gap:8px;}
  .jss-review-v2-nav{width:35px;height:35px;flex-basis:35px;}
  .jss-review-v2-card{flex-basis:100%;min-height:295px;padding:20px 18px;}
  .jss-review-v2-bottom{align-items:flex-start;flex-direction:column;}
}
@media(prefers-reduced-motion:reduce){
  .jss-client-reviews-v2.is-visible .jss-review-v2-head,
  .jss-client-reviews-v2.is-visible .jss-review-v2-summary,
  .jss-client-reviews-v2.is-visible .jss-review-v2-card{
    animation:none!important;
  }
  .jss-review-v2-track{transition:none;}
}

    /* =========================================================
       JSS INNOVATION — HIRE DEVELOPERS / TEAM PAGE
       Page-only CSS. Replace image paths inside each card.
       ========================================================= */

    .jss-hire-team-page{
        background:#f7faff;
        color:#06183a;
        overflow:hidden;
    }

    /* HERO */
    .jss-hire-team-hero{
        padding:78px 0 58px;
        background:
            radial-gradient(circle at 5% 20%,rgba(25,169,232,.12),transparent 30%),
            radial-gradient(circle at 95% 10%,rgba(7,93,204,.08),transparent 28%),
            linear-gradient(135deg,#f8fbff,#fff 62%,#eff8ff);
    }

    .jss-hire-team-label{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:9px;
        margin-bottom:13px;
        color:#075dcc;
        font-size:11px;
        font-weight:900;
        letter-spacing:1.4px;
        text-transform:uppercase;
    }

    .jss-hire-team-label span{
        width:30px;
        height:2px;
        display:block;
        background:#075dcc;
    }

    .jss-hire-team-hero h1{
        margin:0 auto 13px;
        max-width:850px;
        text-align:center;
        color:#06183a;
        font-family:'Sora',sans-serif;
        font-size:clamp(36px,4.7vw,62px);
        line-height:1.05;
        letter-spacing:-2px;
        font-weight:850;
    }

    .jss-hire-team-hero h1 strong{
        color:#075dcc;
    }

    .jss-hire-team-hero p{
        max-width:690px;
        margin:0 auto;
        text-align:center;
        color:#68788d;
        font-size:15px;
        line-height:1.8;
    }

    .jss-hire-team-actions{
        display:flex;
        justify-content:center;
        gap:10px;
        flex-wrap:wrap;
        margin-top:23px;
    }

    .jss-hire-team-btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-height:43px;
        padding:11px 19px;
        border-radius:9px;
        text-decoration:none;
        font-size:12px;
        font-weight:800;
        transition:.25s ease;
    }

    .jss-hire-team-btn.primary{
        color:#fff;
        background:#075dcc;
        box-shadow:0 10px 24px rgba(7,93,204,.16);
    }

    .jss-hire-team-btn.primary:hover{
        color:#fff;
        background:#064da9;
        transform:translateY(-2px);
    }
.primary {
    flex: none !important;
   
}
    .jss-hire-team-btn.secondary{
        color:#18304c;
        background:#fff;
        border:1px solid #dbe5ee;
    }

    .jss-hire-team-btn.secondary:hover{
        color:#075dcc;
        border-color:#075dcc;
    }

    /* FILTER BAR */
    .jss-hire-team-toolbar{
        margin-top:34px;
    }

    .jss-hire-team-filter{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:8px;
        flex-wrap:wrap;
    }

    .jss-hire-team-filter button{
        border:1px solid #dce6ef;
        border-radius:999px;
        padding:9px 15px;
        color:#65758a;
        background:#fff;
        cursor:pointer;
        font-family:inherit;
        font-size:11px;
        font-weight:750;
        transition:.2s ease;
    }

    .jss-hire-team-filter button:hover,
    .jss-hire-team-filter button.active{
        color:#fff;
        border-color:#075dcc;
        background:#075dcc;
    }

    /* TEAM SECTION */
    .jss-hire-team-section{
        padding:70px 0 90px;
        background:#f7faff;
    }

    .jss-hire-team-heading{
        display:flex;
        align-items:end;
        justify-content:space-between;
        gap:25px;
        margin-bottom:28px;
    }

    .jss-hire-team-heading h2{
        margin:0;
        color:#06183a;
        font-family:'Sora',sans-serif;
        font-size:clamp(28px,3.4vw,43px);
        line-height:1.08;
        letter-spacing:-1.3px;
        font-weight:850;
    }

    .jss-hire-team-heading h2 span{
        color:#075dcc;
    }

    .jss-hire-team-heading p{
        max-width:420px;
        margin:0;
        color:#728196;
        font-size:12px;
        line-height:1.7;
    }

    /* DEVELOPER CARD */
    .jss-hire-developer-card{
        height:100%;
        padding:15px 15px 17px;
        border:1px solid #dfe7ee;
        border-radius:17px;
        background:#fff;
        box-shadow:0 7px 22px rgba(6,24,58,.07);
        transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
    }

    .jss-hire-developer-card:hover{
        transform:translateY(-5px);
        border-color:#c8dced;
        box-shadow:0 18px 40px rgba(6,24,58,.12);
    }

    .jss-hire-developer-title{
        min-height:46px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:3px 8px 11px;
        border-bottom:2px solid #293aa5;
        border-radius:0 0 9px 9px;
        color:#06183a;
        font-family:'Sora',sans-serif;
        font-size:clamp(18px,1.8vw,23px);
        line-height:1.1;
        text-align:center;
        font-weight:800;
    }

    /* IMAGE SLOT — replace src with your own image */
    .jss-hire-developer-image{
        position:relative;
        margin-top:14px;
        height:188px;
        overflow:hidden;
        border:1px solid #dfe7ee;
        border-radius:10px;
        background:#edf4f9;
    }

    .jss-hire-developer-image img{
        width:100%;
        height:100%;
        display:block;
        object-fit:cover;
        object-position:center;
        transition:transform .45s ease;
    }

    .jss-hire-developer-card:hover .jss-hire-developer-image img{
        transform:scale(1.035);
    }



    /* SKILLS */
    .jss-hire-skills{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:7px;
        min-height:43px;
        margin-top:11px;
    }

    .jss-hire-skill{
        display:inline-flex;
        align-items:center;
        padding:6px 9px;
        border:1px solid #d9e2eb;
        border-radius:6px;
        color:#66778b;
        background:#fff;
        font-size:9px;
        font-weight:650;
    }

    .jss-hire-more{
        color:#06183a;
        font-size:9px;
        font-weight:850;
        cursor:pointer;
    }



    /* RATE */
    .jss-hire-rate{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:9px;
        margin-top:35px;
        padding-top:0;
    }

    .jss-hire-rate-box{
        min-width:0;
    }

    .jss-hire-rate-box small{
        display:block;
        color:#16263a;
        font-size:12px;
        line-height:1.2;
    }

    .jss-hire-rate-box strong{
        display:inline-block;
        margin-top:3px;
        color:#075dcc;
        font-size:17px;
        line-height:1.15;
        font-weight:500;
    }

    .jss-hire-rate-box em{
        color:#075dcc;
        font-size:9px;
        font-style:normal;
    }

    .jss-hire-rate-note{
        margin-top:3px;
        color:#91a0b0;
        font-size:8px;
    }

    .jss-hire-now{
        width:140px;
        min-height:38px;
        margin:18px auto 0;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        background:#075dcc;
        border:1px solid #075dcc;
        text-decoration:none;
        font-size:11px;
        font-weight:750;
        transition:.2s ease;
    }

    .jss-hire-now:hover{
        color:#fff;
        background:#064da9;
    }

    /* SECOND SECTION */
    .jss-hire-benefits{
        padding:80px 0;
        background:#fff;
    }

    .jss-hire-benefit-box{
        height:100%;
        padding:25px;
        border:1px solid #e0e8ef;
        border-radius:15px;
        background:#fff;
    }

    .jss-hire-benefit-icon{
        width:43px;
        height:43px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:14px;
        border-radius:11px;
        color:#075dcc;
        background:#edf6ff;
    }

    .jss-hire-benefit-box h3{
        margin:0 0 7px;
        color:#18304c;
        font-family:'Sora',sans-serif;
        font-size:15px;
    }

    .jss-hire-benefit-box p{
        margin:0;
        color:#718096;
        font-size:12px;
        line-height:1.7;
    }

    /* CTA */
    .jss-hire-team-cta{
        padding:35px 0 75px;
        background:#fff;
    }

    .jss-hire-team-cta-box{
        padding:38px 30px;
        text-align:center;
        border-radius:18px;
        background:linear-gradient(135deg,#06183a,#075dcc);
        box-shadow:0 22px 50px rgba(6,24,58,.13);
    }

    .jss-hire-team-cta-box h2{
        margin:0 0 8px;
        color:#fff;
        font-family:'Sora',sans-serif;
        font-size:clamp(25px,3vw,38px);
        font-weight:800;
    }

    .jss-hire-team-cta-box p{
        max-width:650px;
        margin:0 auto 20px;
        color:rgba(255,255,255,.67);
        font-size:13px;
        line-height:1.7;
    }

    .jss-hire-team-cta-box .jss-hire-team-btn.primary{
        background:#fff;
        color:#075dcc;
        box-shadow:none;
    }

    .jss-hire-team-cta-box .jss-hire-team-btn.primary:hover{
        color:#064da9;
        background:#f2f8ff;
    }


    /* =========================================================
       SKILL +10 CLICK DROPDOWN
       ========================================================= */
    .jss-hire-skill-more-wrap{
        position:relative;
        display:inline-flex;
    }

    .jss-hire-skill-more{
        border:0;
        padding:6px 4px;
        color:#06183a;
        background:transparent;
        font-family:inherit;
        font-size:9px;
        font-weight:850;
        cursor:pointer;
        white-space:nowrap;
    }

    .jss-hire-skill-more i{
        margin-left:2px;
        font-size:7px;
        transition:transform .2s ease;
    }

    .jss-hire-skill-more-wrap.open .jss-hire-skill-more i{
        transform:rotate(180deg);
    }

    .jss-hire-skill-dropdown{
        position:absolute;
        z-index:100;
        top:calc(100% + 4px);
        right:0;
        width:125px;
        max-height:210px;
        overflow:auto;
        border:1px solid #d7e0e8;
        border-radius:6px;
        background:#fff;
        box-shadow:0 12px 28px rgba(6,24,58,.16);
        opacity:0;
        visibility:hidden;
        transform:translateY(-5px);
        transition:.18s ease;
    }

    .jss-hire-skill-more-wrap.open .jss-hire-skill-dropdown{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

    .jss-hire-skill-dropdown a{
        display:block;
        padding:7px 9px;
        border-bottom:1px solid #e5e9ed;
        color:#34475b;
        background:#fff;
        text-decoration:none;
        font-size:10px;
        line-height:1.2;
    }

    .jss-hire-skill-dropdown a:hover{
        color:#075dcc;
        background:#f3f8fd;
    }

    /* =========================================================
       ENQUIRY FORM
       ========================================================= */
    .jss-dev-enquiry{
        padding:85px 0;
        background:
            radial-gradient(circle at 5% 15%,rgba(25,169,232,.12),transparent 28%),
            radial-gradient(circle at 95% 80%,rgba(7,93,204,.10),transparent 30%),
            #f5faff;
    }

    .jss-dev-enquiry-box{
        overflow:hidden;
        border:1px solid #dce7f0;
        border-radius:22px;
        background:#fff;
        box-shadow:0 24px 60px rgba(6,24,58,.09);
    }

    .jss-dev-enquiry-intro{
        height:100%;
        padding:42px 36px;
        color:#fff;
        background:linear-gradient(145deg,#06183a,#075dcc);
    }

    .jss-dev-enquiry-label{
        display:flex;
        align-items:center;
        gap:8px;
        margin-bottom:14px;
        color:#70ddff;
        font-size:10px;
        font-weight:900;
        letter-spacing:1.3px;
        text-transform:uppercase;
    }

    .jss-dev-enquiry-label span{
        width:28px;
        height:2px;
        background:#70ddff;
    }

    .jss-dev-enquiry-intro h2{
        margin:0 0 13px;
        color:#fff;
        font-family:'Sora',sans-serif;
        font-size:clamp(29px,3.2vw,43px);
        line-height:1.08;
        letter-spacing:-1px;
        font-weight:850;
    }

    .jss-dev-enquiry-intro>p{
        margin:0;
        color:rgba(255,255,255,.68);
        font-size:13px;
        line-height:1.8;
    }

    .jss-dev-enquiry-points{
        display:grid;
        gap:12px;
        margin-top:27px;
    }

    .jss-dev-enquiry-point{
        display:flex;
        align-items:flex-start;
        gap:10px;
    }

    .jss-dev-enquiry-point i{
        width:30px;
        height:30px;
        flex:0 0 30px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:8px;
        color:#70ddff;
        background:rgba(255,255,255,.08);
        font-size:11px;
    }

    .jss-dev-enquiry-point strong{
        display:block;
        color:#fff;
        font-size:11px;
    }

    .jss-dev-enquiry-point small{
        display:block;
        margin-top:2px;
        color:rgba(255,255,255,.52);
        font-size:9px;
        line-height:1.5;
    }

    .jss-dev-enquiry-form{
        padding:40px;
    }

    .jss-dev-enquiry-form h3{
        margin:0 0 5px;
        color:#06183a;
        font-family:'Sora',sans-serif;
        font-size:24px;
        font-weight:800;
    }

    .jss-dev-enquiry-form>p{
        margin:0 0 23px;
        color:#7a899a;
        font-size:11px;
    }

    .jss-dev-field{
        margin-bottom:15px;
    }

    .jss-dev-field label{
        display:block;
        margin-bottom:6px;
        color:#203a56;
        font-size:11px;
        font-weight:800;
    }

    .jss-dev-field input,
    .jss-dev-field select,
    .jss-dev-field textarea{
        width:100%;
        border:1px solid #dce6ef;
        border-radius:9px;
        outline:none;
        color:#203a56;
        background:#fbfdff;
        font-family:inherit;
        font-size:13px;
        transition:.2s ease;
    }

    .jss-dev-field input,
    .jss-dev-field select{
        height:46px;
        padding:0 12px;
    }

    .jss-dev-field textarea{
        min-height:115px;
        padding:12px;
        resize:vertical;
    }

    .jss-dev-field input:focus,
    .jss-dev-field select:focus,
    .jss-dev-field textarea:focus{
        border-color:#65baf1;
        background:#fff;
        box-shadow:0 0 0 3px rgba(7,93,204,.07);
    }

    .jss-dev-submit-row{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:15px;
        margin-top:4px;
    }

    .jss-dev-submit-note{
        color:#8a98a8;
        font-size:9px;
        line-height:1.5;
    }

    .jss-dev-submit{
        border:0;
        cursor:pointer;
        white-space:nowrap;
    }

    @media(max-width:767px){
        .jss-dev-enquiry{
            padding:65px 0;
        }

        .jss-dev-enquiry-form{
            padding:27px 22px;
        }

        .jss-dev-submit-row{
            flex-direction:column;
            align-items:stretch;
        }

        .jss-dev-submit{
            width:100%;
        }
    }

    /* MOBILE */
    @media(max-width:991px){
        .jss-hire-team-heading{
            align-items:flex-start;
            flex-direction:column;
        }

        .jss-hire-developer-image{
            height:205px;
        }

        .jss-hire-rate{
            margin-top:70px;
        }
    }

    @media(max-width:767px){
        .jss-hire-team-hero{
            padding:58px 0 48px;
        }

        .jss-hire-team-hero h1{
            font-size:42px;
            letter-spacing:-1.5px;
        }

        .jss-hire-team-section{
            padding:55px 0 70px;
        }

        .jss-hire-developer-image{
            height:220px;
        }

        .jss-hire-rate{
            margin-top:65px;
        }
    }

    @media(max-width:575px){
        .jss-hire-team-hero h1{
            font-size:35px;
        }

        .jss-hire-team-hero p{
            font-size:13px;
        }

        .jss-hire-team-actions{
            flex-direction:column;
        }

        .jss-hire-team-btn{
            width:100%;
        }

        .jss-hire-developer-image{
            height:205px;
        }

        .jss-hire-rate{
            margin-top:58px;
        }

        .jss-hire-rate-box strong{
            font-size:15px;
        }

        .jss-hire-now{
            width:100%;
        }
    }



    .pro-nav-cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background: linear-gradient(
        110deg,
        #087bea 0%,
        #0b8ff2 35%,
        #19b7f3 65%,
        #087bea 100%
    );

    background-size: 250% 100%;
    color: #fff !important;

    box-shadow:
        0 8px 22px rgba(8, 123, 234, 0.28);

    animation: hireGradient 4s ease-in-out infinite;
}

/* Moving white/cyan light */
.pro-nav-cta::before {
    content: "";
    position: absolute;
    top: -30%;
    left: -70%;
    width: 45%;
    height: 160%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.65),
        rgba(255,255,255,0.15),
        transparent
    );

    transform: skewX(-22deg);
    animation: hireLight 2.8s ease-in-out infinite;

    pointer-events: none;
}

/* Text + icon */
.pro-nav-cta i,
.pro-nav-cta {
    z-index: 1;
}

/* Gradient movement */
@keyframes hireGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}

/* Light sweep */
@keyframes hireLight {

    0% {
        left: -70%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    55% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        left: 140%;
        opacity: 0;
    }

}

.jss-footer-bottom span {
    font-size: 13px !important;
}
.jss-footer-col a {
  
    color: #9fb2c8!important;
    font-size: 14px !important;
  
}

.jss-footer-trust span {

    font-size: 12px !important;
    font-weight: 700;
}

.jss-footer-cta a {

    background: #e7bf52;
    font-size: 12px !important;
    
}