:root{
      --bg:#0b1220;
      --bg2:#070b14;
      --ink:#0f172a;
      --muted:#64748b;
      --line:rgba(15,23,42,.10);
      --card:#ffffff;
      --brand:#3B71FE;
      --brand2:#14b8a6;
      --sky:#38bdf8;
      --sky2:#06b6d4;
      --radius:18px;
      --shadow:0 18px 45px rgba(0,0,0,.24);
      --shadow2:0 12px 35px rgba(15,23,42,.16);
      --navH:92px;
    }

    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color: var(--ink);
      background:#fff;
      overflow-x:hidden;
    }

    /* NAVBAR */
    #gzNavbar.gz-navbar{
      position:fixed;
      top:0;left:0;right:0;
      z-index:2000 !important;
      padding:14px 0;
      transition:all .25s ease;
    }

    #gzNavbar .nav-wrap{
      border-radius:999px;
      padding:10px 12px;
      background: rgba(10,15,25,.25);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 12px 30px rgba(0,0,0,.18);
      transition:all .25s ease;
    }

    #gzNavbar.scrolled{ padding:10px 0; }
    #gzNavbar.scrolled .nav-wrap{
      background: rgba(255,255,255,.92);
      border:1px solid rgba(15,23,42,.10);
      box-shadow: var(--shadow2);
    }

    .brand{ display:flex; align-items:center; gap:10px; text-decoration:none; }
    .brand img{ height:34px; width:auto; display:block; }

    #gzNavbar .logo-light{ display:block !important; }
    #gzNavbar .logo-dark{ display:none !important; }
    #gzNavbar.scrolled .logo-light{ display:none !important; }
    #gzNavbar.scrolled .logo-dark{ display:block !important; }

    #gzNavbar .nav-link{
      font-weight:600;
      letter-spacing:.2px;
      padding:10px 12px !important;
      border-radius:999px;
      color: rgba(255,255,255,.92) !important;
      transition: all .2s ease;
    }
    #gzNavbar.scrolled .nav-link{ color: rgba(15,23,42,.88) !important; }

    #gzNavbar .nav-link:hover{ background: rgba(255,255,255,.10); }
    #gzNavbar.scrolled .nav-link:hover{ background: rgba(15,23,42,.06); }

    .nav-pill-btn{
      display:inline-flex; align-items:center; gap:8px;
      padding:10px 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.10);
      color:#fff !important;
      text-decoration:none;
      font-weight:700;
      white-space:nowrap;
      transition:all .2s ease;
    }
    .nav-pill-btn:hover{ transform:translateY(-1px); background:rgba(255,255,255,.16); }

    #gzNavbar.scrolled .nav-pill-btn{
      color: rgba(15,23,42,.92) !important;
      background: rgba(15,23,42,.04);
      border: 1px solid rgba(15,23,42,.10);
    }

    .hambtn{
      width:44px; height:44px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.10);
      color:#fff;
      display:flex; align-items:center; justify-content:center;
      transition:all .2s ease;
    }
    #gzNavbar.scrolled .hambtn{
      background: rgba(15,23,42,.04);
      border:1px solid rgba(15,23,42,.10);
      color: rgba(15,23,42,.90);
    }

    #gzNavbar .dropdown-menu{
      border-radius:18px;
      padding:12px;
      min-width:270px;
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border:1px solid rgba(15,23,42,.10);
      box-shadow: 0 22px 60px rgba(15,23,42,.18);
      transform: translateY(10px) scale(.985);
      opacity:0;
      visibility:hidden;
      transition: all .18s ease;
    }

    #gzNavbar:not(.scrolled) .dropdown-menu{
      background: rgba(10, 15, 25, .72);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 22px 70px rgba(0,0,0,.28);
    }

    #gzNavbar .dropdown-menu.show{
      transform: translateY(0) scale(1);
      opacity:1;
      visibility:visible;
    }

    #gzNavbar .dropdown-item{
      border-radius:14px;
      padding:11px 12px;
      font-weight:750;
      display:flex;
      align-items:center;
      gap:10px;
      transition:all .15s ease;
    }

    #gzNavbar:not(.scrolled) .dropdown-item{ color: rgba(255,255,255,.92); }
    #gzNavbar.scrolled .dropdown-item{ color: rgba(15,23,42,.88); }

    #gzNavbar .dropdown-item:hover{
      transform: translateX(2px);
      background: rgba(59,113,254,.12);
    }

    #gzNavbar .dropdown-toggle::after{
      margin-left:.5rem;
      transition: transform .18s ease;
    }
    #gzNavbar .dropdown.show > .dropdown-toggle::after{ transform: rotate(-180deg); }

    .dd-ico{
      width:28px; height:28px;
      border-radius:10px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background: rgba(59,113,254,.14);
      color:#3B71FE;
      flex:0 0 auto;
    }
    #gzNavbar:not(.scrolled) .dd-ico{
      background: rgba(59,113,254,.22);
      color:#9bb6ff;
    }

    .dropdown-submenu{ position: relative; }
    .dropdown-submenu > .dropdown-menu{
      position: static;
      margin-top: 6px;
      margin-left: 0;
      padding: 8px;
      border-radius: 14px;
      display: none;
      opacity: 1;
      visibility: visible;
      transform: none;
      box-shadow: none;
    }
    .dropdown-submenu.show > .dropdown-menu{ display:block; }
    .dropdown-submenu .dropdown-menu .dropdown-item{ padding-left: 42px; }

    @media (min-width: 992px){
      .dropdown:hover > .dropdown-menu{
        display:block;
        opacity:1;
        visibility:visible;
        transform: translateY(0) scale(1);
      }
      .dropdown-submenu:hover > .dropdown-menu{ display:block; }
    }

    .offcanvas{
      background: var(--bg);
      color:#fff;
      border-left:1px solid rgba(255,255,255,.10);
    }
    .offcanvas .offcanvas-header{ border-bottom:1px solid rgba(255,255,255,.10); }
    .offcanvas .offcanvas-title{ font-weight:900; letter-spacing:.2px; }
    .offcanvas a{ color: rgba(255,255,255,.92); text-decoration:none; }

    #offcanvasNav,
    #offcanvasInfo{
      top: var(--navH) !important;
      height: calc(100vh - var(--navH)) !important;
      z-index:1500 !important;
    }
    .offcanvas-backdrop{ z-index:1400 !important; }

    #offcanvasNav .offcanvas-header,
    #offcanvasInfo .offcanvas-header{
      position: sticky;
      top:0;
      background: var(--bg);
      z-index:1;
    }

    .mobile-nav a{
      display:flex; align-items:center; justify-content:space-between;
      padding:12px 12px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
      margin-bottom:10px;
      font-weight:700;
    }
    .mobile-nav a:hover{ background: rgba(255,255,255,.07); }
    .mobile-sub{ padding-left:10px; margin:8px 0 14px; display:none; }
    .mobile-sub a{ margin-bottom:8px; font-weight:650; background: rgba(255,255,255,.03); }
    .mobile-sub .hint{
      opacity:.78;
      font-size:12px;
      margin:10px 0 6px;
      text-transform:uppercase;
      letter-spacing:.14em;
      font-weight:900;
    }

 

    section{ padding: clamp(56px, 6vw, 96px) 0; }

    .section-title{
      font-weight:950;
      letter-spacing:-.02em;
      font-size: clamp(28px, 2.8vw, 46px);
      margin-bottom:10px;
    }

    .section-sub{
      color: rgba(15,23,42,.72);
      line-height:1.7;
      max-width:74ch;
    }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border-radius:999px;
      padding:8px 12px;
      background: rgba(56,189,248,.10);
      color: rgba(15,23,42,.86);
      font-weight:800;
      font-size:13px;
      border:1px solid rgba(56,189,248,.18);
    }

    .soft-bg{
      background:
        radial-gradient(1200px 500px at 20% -10%, rgba(56,189,248,.20), transparent 60%),
        radial-gradient(900px 450px at 90% 0%, rgba(6,182,212,.18), transparent 55%),
        #f8fafc;
    }

    .cardx{
      border-radius: var(--radius);
      border: 1px solid rgba(15,23,42,.08);
      box-shadow: 0 14px 40px rgba(15,23,42,.10);
      background: #fff;
      overflow:hidden;
      height:100%;
    }

    .cardx .p{ padding:22px; }

    .icon-badge{
      width:52px; height:52px;
      border-radius:16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(56,189,248,.14);
      color: var(--sky2);
      font-size:24px;
      flex: 0 0 auto;
    }

    .cardx h5{ font-weight:900; margin:14px 0 8px; }
    .cardx p{ color: rgba(15,23,42,.72); margin-bottom:0; line-height:1.65; }

    .lift{ transition: transform .2s ease, box-shadow .2s ease; }
    .lift:hover{ transform: translateY(-4px); box-shadow: 0 18px 55px rgba(15,23,42,.14); }

    .service-card{
      border-radius:24px;
      padding:26px;
      background:#fff;
      border:1px solid rgba(15,23,42,.08);
      box-shadow:0 18px 46px rgba(15,23,42,.08);
      transition:all .25s ease;
      height:100%;
      position:relative;
      overflow:hidden;
    }

    .service-card:hover{
      transform:translateY(-6px);
      box-shadow:0 26px 60px rgba(15,23,42,.12);
      border-color:rgba(59,113,254,.16);
    }

    .service-card::before{
      content:"";
      position:absolute;
      inset:auto auto 0 0;
      width:120px;
      height:120px;
      border-radius:50%;
      background: radial-gradient(circle, rgba(59,113,254,.12), transparent 70%);
      transform:translate(-30%, 30%);
      pointer-events:none;
    }

    .service-list{
      list-style:none;
      padding:0;
      margin:18px 0 0;
    }

    .service-list li{
      display:flex;
      gap:10px;
      align-items:flex-start;
      padding:7px 0;
      color:rgba(15,23,42,.76);
      font-weight:600;
    }

    .service-list i{
      color:var(--brand);
      margin-top:2px;
    }

    .stack-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:10px 16px;
      border-radius:999px;
      border:1px solid rgba(15,23,42,.10);
      background:#fff;
      font-weight:800;
      color:var(--ink);
      box-shadow:0 8px 24px rgba(15,23,42,.06);
    }

    .timeline-card{
      position:relative;
      padding:24px 24px 24px 78px;
      border-radius:22px;
      background:#fff;
      border:1px solid rgba(15,23,42,.08);
      box-shadow:0 14px 40px rgba(15,23,42,.08);
      height:100%;
    }

    .timeline-badge{
      position:absolute;
      left:22px;
      top:22px;
      width:42px;
      height:42px;
      border-radius:14px;
      background: linear-gradient(135deg, var(--brand), #5f86ff);
      color:#fff;
      font-weight:900;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 10px 24px rgba(59,113,254,.28);
    }

    .timeline-card h5{
      font-weight:900;
      margin-bottom:8px;
    }

    .timeline-card p{
      margin-bottom:0;
      color:rgba(15,23,42,.72);
      line-height:1.7;
    }

    .project-card{
      border-radius:24px;
      overflow:hidden;
      background:#fff;
      border:1px solid rgba(15,23,42,.08);
      box-shadow:0 18px 50px rgba(15,23,42,.10);
      height:100%;
      transition:.25s ease;
    }

    .project-card:hover{
      transform:translateY(-6px);
      box-shadow:0 26px 64px rgba(15,23,42,.13);
    }

    .project-top{
      padding:26px;
      color:#fff;
      position:relative;
      overflow:hidden;
    }

    .project-top::after{
      content:"";
      position:absolute;
      inset:auto -40px -40px auto;
      width:140px;
      height:140px;
      border-radius:50%;
      background:rgba(255,255,255,.08);
    }

    .project-top h4{
      font-weight:900;
      margin-bottom:10px;
      position:relative;
      z-index:1;
    }

    .project-top p{
      color:rgba(255,255,255,.86);
      margin-bottom:0;
      position:relative;
      z-index:1;
    }

    .project-body{
      padding:22px 26px 26px;
    }

    .project-meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-bottom:16px;
    }

    .project-meta span{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      background:rgba(59,113,254,.08);
      color:var(--ink);
      font-size:13px;
      font-weight:800;
    }

    .stats-wrap{
      display:grid;
      grid-template-columns: repeat(4,1fr);
      gap:18px;
    }

    .stat-box{
      border-radius:22px;
      padding:22px;
      background:#fff;
      border:1px solid rgba(15,23,42,.08);
      box-shadow:0 14px 40px rgba(15,23,42,.08);
      text-align:center;
      height:100%;
    }

    .stat-box h3{
      font-weight:950;
      font-size:34px;
      margin-bottom:6px;
      color:var(--brand);
    }

    .stat-box p{
      margin:0;
      color:rgba(15,23,42,.72);
      font-weight:700;
    }

    .faq-item{
      border-radius:22px !important;
      overflow:hidden;
      border:1px solid rgba(15,23,42,.08) !important;
      box-shadow:0 12px 32px rgba(15,23,42,.06);
      background:#fff;
      margin-bottom:14px;
    }

    .accordion-button{
      font-weight:850;
      padding:20px 22px;
      box-shadow:none !important;
    }

    .accordion-button:not(.collapsed){
      background:rgba(59,113,254,.06);
      color:var(--ink);
    }

    .cta-band{
      position:relative;
      overflow:hidden;
      border-radius:32px;
      padding:38px;
      background:
        radial-gradient(600px 260px at 0% 0%, rgba(56,189,248,.16), transparent 70%),
        radial-gradient(500px 260px at 100% 0%, rgba(20,184,166,.14), transparent 70%),
        linear-gradient(135deg, #0b1220, #111c32 55%, #0e1729);
      color:#fff;
      border:1px solid rgba(255,255,255,.08);
      box-shadow: var(--shadow);
    }

    .cta-band h2{
      font-weight:950;
      letter-spacing:-.02em;
      margin-bottom:10px;
    }

    .cta-band p{
      color:rgba(255,255,255,.80);
      margin-bottom:0;
      line-height:1.7;
    }

    footer{
      background:
        radial-gradient(900px 420px at 20% 10%, rgba(59,113,254,.18), transparent 60%),
        radial-gradient(900px 420px at 80% 30%, rgba(20,184,166,.16), transparent 60%),
        var(--bg2);
      color:#fff;
      padding:70px 0 40px;
      border-top:1px solid rgba(255,255,255,.10);
    }
    footer a{ color: rgba(255,255,255,.88); text-decoration:none; }
    footer a:hover{ color:#fff; text-decoration:underline; }

    .footer-card{
      border-radius:22px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.05);
      padding:18px;
    }

    .modal{ z-index:3000 !important; }
    .modal-backdrop{ z-index:2990 !important; }

    [id]{ scroll-margin-top: var(--navH); }

    @media (max-width: 1199.98px){
      .hero-grid{
        grid-template-columns:1fr;
        padding:46px 36px 88px;
      }
      .hero-copy{
        max-width:100%;
      }
      .hero-title{
        max-width:100%;
      }
      .hero-side-cards{
        min-height:420px;
      }
      .stats-wrap{ grid-template-columns: repeat(2,1fr); }
    }

    @media (max-width: 991.98px){
      .floating-grid{ grid-template-columns:1fr; }
      .hero-slide{
        min-height: auto;
      }
      .hero-grid{
        padding:34px 22px 92px;
      }
      .glass-card.card-main{
        position:relative;
        inset:auto;
        margin-left:0;
      }
      .glass-card.card-stats,
      .glass-card.card-mini{
        position:relative;
        left:auto; right:auto; bottom:auto;
        width:100%;
        margin-top:16px;
      }
      .hero-side-cards{
        min-height:auto;
      }
      .stats-wrap{ grid-template-columns: repeat(2,1fr); }
    }

    @media (max-width: 575.98px){
      .icon-badge{ width:46px; height:46px; border-radius:14px; font-size:21px; }
      .service-card{ padding:20px; border-radius:20px; }
      .timeline-card{ padding:22px 18px 22px 66px; }
      .timeline-badge{ left:16px; top:18px; }
      .hero-title{ font-size: clamp(26px, 7.2vw, 34px); }
      .cta-band{ padding:26px; border-radius:24px; }
      .stats-wrap{ grid-template-columns:1fr; }
      .hero-slider .swiper-pagination{
        left:18px !important;
        bottom:18px !important;
      }
      .hero-nav{
        right:18px;
        bottom:16px;
      }
      .hero-slider .swiper-button-next,
      .hero-slider .swiper-button-prev{
        width:42px;
        height:42px;
      }
    }

    @media (max-width:768px){
      body{ position:relative; overflow-x:hidden !important; touch-action: pan-y; }
    }
 .hero-dev.hero-dev-fixed{
    background:
      radial-gradient(1000px 500px at 20% 20%, rgba(59,113,254,.22), transparent 60%),
      radial-gradient(900px 540px at 80% 30%, rgba(20,184,166,.18), transparent 60%),
      #070b14;
    color:#fff;
    position:relative;
    padding-top: var(--navH);
    overflow:hidden;
  }

  .hero-dev-fixed .container{ position:relative; z-index:2; }
  .hero-dev-fixed .hero-swiper-wrap{ position:relative; padding:24px 0 20px; }
  .hero-dev-fixed .hero-slider{
    border-radius:32px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 45px rgba(0,0,0,.24);
    background:
      radial-gradient(700px 280px at 0% 0%, rgba(59,113,254,.18), transparent 60%),
      radial-gradient(700px 280px at 100% 0%, rgba(20,184,166,.14), transparent 60%),
      #0b1220;
  }
  .hero-dev-fixed .hero-slider .swiper-wrapper{ align-items:stretch; }
  .hero-dev-fixed .hero-slider .swiper-slide{ height:auto; }

  .hero-dev-fixed .hero-slide{
    position:relative;
    display:flex;
    align-items:stretch;
    min-height:760px;
    height:760px;
    background:#0b1220;
    overflow:hidden;
  }
  .hero-dev-fixed .hero-bg{
    position:absolute;
    inset:0;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    background-color:#0b1220;
  }
  .hero-dev-fixed .hero-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(360px 240px at 88% 18%, rgba(56,189,248,.14), transparent 70%),
      radial-gradient(280px 220px at 82% 78%, rgba(20,184,166,.10), transparent 70%),
      radial-gradient(260px 200px at 8% 78%, rgba(59,113,254,.10), transparent 70%);
    pointer-events:none;
  }
  .hero-dev-fixed .hero-bg.bg-slide-1{
    background-image:
      linear-gradient(90deg, rgba(7,11,20,.94) 0%, rgba(7,11,20,.82) 34%, rgba(7,11,20,.52) 62%, rgba(7,11,20,.68) 100%),
      url('https://globelzone.com/images/slide2.svg') !important;
    background-size:cover, cover !important;
    background-position:center center, center right !important;
  }
  .hero-dev-fixed .hero-bg.bg-slide-2{
    background-image:
      linear-gradient(180deg, rgba(7,11,20,.84) 0%, rgba(7,11,20,.58) 45%, rgba(7,11,20,.76) 100%),
      url('https://globelzone.com/images/slide3.svg') !important;
    background-size:cover, cover !important;
    background-position:center center, center center !important;
  }
  .hero-dev-fixed .hero-bg.bg-slide-3{
    background-image:
      linear-gradient(90deg, rgba(7,11,20,.94) 0%, rgba(7,11,20,.82) 34%, rgba(7,11,20,.52) 62%, rgba(7,11,20,.68) 100%),
      url('https://globelzone.com/images/slide3.svg') !important;
    background-size:cover, cover !important;
    background-position:center center, center center !important;
  }

  .hero-dev-fixed .hero-grid{
    position:relative;
    z-index:2;
    width:100%;
    min-height:760px;
    height:100%;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:38px;
    align-items:center;
    padding:70px 64px 84px;
  }
  .hero-dev-fixed .hero-copy{ max-width:720px; }
  .hero-dev-fixed .hero-kicker{
    display:inline-flex; gap:8px; align-items:center; padding:8px 12px;
    border-radius:999px; border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.08); color:rgba(255,255,255,.92);
    font-weight:800; margin-bottom:18px; font-size:13px;
  }
  .hero-dev-fixed .hero-title{
    font-weight:950; line-height:1.12; font-size:clamp(28px, 2.8vw, 40px);
    margin-bottom:16px; letter-spacing:-.02em; max-width:13ch; color:#fff;
  }
  .hero-dev-fixed .hero-sub{
    font-size:clamp(15px, 1.05vw, 17px); color:rgba(255,255,255,.82);
    line-height:1.72; margin-bottom:22px; max-width:58ch;
  }
  .hero-dev-fixed .hero-actions{
    display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:22px;
  }
  .hero-dev-fixed .btn-glow{
    border-radius:999px; padding:12px 18px; font-weight:850;
    border:1px solid rgba(255,255,255,.14);
    background:linear-gradient(135deg, rgba(59,113,254,1), rgba(41,84,212,1));
    color:#fff; box-shadow:0 12px 32px rgba(59,113,254,.25);
  }
  .hero-dev-fixed .btn-glow:hover{ transform:translateY(-1px); color:#fff; }
  .hero-dev-fixed .btn-ghost{
    border-radius:999px; padding:12px 18px; font-weight:850;
    border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); color:#fff;
  }
  .hero-dev-fixed .btn-ghost:hover{ transform:translateY(-1px); color:#fff; background:rgba(255,255,255,.12); }

  .hero-dev-fixed .hero-meta{
    display:flex; flex-wrap:wrap; gap:12px 14px; color:rgba(255,255,255,.78);
    font-weight:700; font-size:14px;
  }
  .hero-dev-fixed .hero-meta span{
    display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10); backdrop-filter:blur(10px);
  }

  .hero-dev-fixed .hero-side-cards{ position:relative; min-height:460px; }
  .hero-dev-fixed .glass-card{
    position:absolute; border-radius:24px; background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    box-shadow:0 18px 50px rgba(0,0,0,.22); overflow:hidden;
  }
  .hero-dev-fixed .glass-card.card-main{ inset:10px 0 auto 68px; padding:24px; min-height:290px; }
  .hero-dev-fixed .glass-card.card-stats{ left:0; bottom:38px; width:240px; padding:18px; }
  .hero-dev-fixed .glass-card.card-mini{ right:18px; bottom:-2px; width:230px; padding:16px; }
  .hero-dev-fixed .window-bar{ display:flex; gap:8px; margin-bottom:18px; }
  .hero-dev-fixed .window-dot{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.52); }
  .hero-dev-fixed .hero-ui-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:18px; }
  .hero-dev-fixed .hero-ui-head h5{ font-weight:900; margin:0 0 8px; color:#fff; }
  .hero-dev-fixed .hero-ui-head p{ margin:0; color:rgba(255,255,255,.74); font-size:14px; line-height:1.6; }
  .hero-dev-fixed .hero-ui-icon{
    width:54px; height:54px; border-radius:16px; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.12); color:#fff; font-size:25px; flex:0 0 auto;
  }
  .hero-dev-fixed .hero-progress-block{ margin-top:18px; }
  .hero-dev-fixed .hero-progress-block .label{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    font-size:13px; font-weight:800; color:rgba(255,255,255,.86); margin-bottom:10px;
  }
  .hero-dev-fixed .hero-progress{
    height:10px; width:100%; border-radius:999px; background:rgba(255,255,255,.10); overflow:hidden;
  }
  .hero-dev-fixed .hero-progress > span{
    display:block; height:100%; border-radius:999px; background:linear-gradient(90deg, #60a5fa, #14b8a6);
  }
  .hero-dev-fixed .feature-chip{
    display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10); color:#fff; font-size:13px; font-weight:800; margin:5px 6px 0 0;
  }
  .hero-dev-fixed .stat-list{ display:grid; gap:12px; }
  .hero-dev-fixed .stat-item{ display:flex; align-items:center; gap:12px; }
  .hero-dev-fixed .stat-item i{
    width:40px; height:40px; border-radius:14px; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.12); color:#fff; font-size:18px; flex:0 0 auto;
  }
  .hero-dev-fixed .stat-item strong{ display:block; color:#fff; font-weight:900; line-height:1.2; }
  .hero-dev-fixed .stat-item small{ color:rgba(255,255,255,.70); font-weight:600; }
  .hero-dev-fixed .hero-badge-row{ margin-top:18px; display:flex; gap:10px; flex-wrap:wrap; }

  .hero-dev-fixed .hero-slide.slide-center .hero-grid{
    grid-template-columns:1fr; text-align:center; justify-items:center; min-height:760px;
  }
  .hero-dev-fixed .hero-slide.slide-center .hero-copy{ max-width:860px; }
  .hero-dev-fixed .hero-slide.slide-center .hero-title{ max-width:15ch; margin-left:auto; margin-right:auto; }
  .hero-dev-fixed .hero-slide.slide-center .hero-sub{ margin-left:auto; margin-right:auto; }
  .hero-dev-fixed .hero-slide.slide-center .hero-actions,
  .hero-dev-fixed .hero-slide.slide-center .hero-meta{ justify-content:center; }

  .hero-dev-fixed .hero-floating-panel{
    margin-top:24px; border-radius:26px; background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    box-shadow:0 20px 50px rgba(0,0,0,.22); padding:22px; width:min(860px, 100%); text-align:left;
  }
  .hero-dev-fixed .floating-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .hero-dev-fixed .floating-box{
    border-radius:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10); padding:16px;
  }
  .hero-dev-fixed .floating-box h6{ color:#fff; font-weight:900; margin-bottom:8px; }
  .hero-dev-fixed .floating-box p{ color:rgba(255,255,255,.74); margin:0; font-size:14px; line-height:1.6; }

  .hero-dev-fixed .hero-nav{
    position:absolute; inset:auto 28px 28px auto; z-index:10; display:flex; gap:10px; align-items:center;
  }
  .hero-dev-fixed .hero-slider .swiper-button-next,
  .hero-dev-fixed .hero-slider .swiper-button-prev{
    position:static; margin:0; width:48px; height:48px; border-radius:50%;
    background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16); color:#fff; backdrop-filter:blur(12px);
  }
  .hero-dev-fixed .hero-slider .swiper-button-next:after,
  .hero-dev-fixed .hero-slider .swiper-button-prev:after{ font-size:18px; font-weight:900; }
  .hero-dev-fixed .hero-slider .swiper-pagination{
    position:absolute; left:32px !important; right:auto !important; bottom:30px !important; width:auto !important;
    display:flex; gap:8px; align-items:center; z-index:10;
  }
  .hero-dev-fixed .hero-slider .swiper-pagination-bullet{
    width:11px; height:11px; background:rgba(255,255,255,.48); opacity:1; margin:0 !important;
  }
  .hero-dev-fixed .hero-slider .swiper-pagination-bullet-active{
    width:30px; border-radius:999px; background:#fff;
  }

  @media (max-width:1199.98px){
    .hero-dev-fixed .hero-slide{ min-height:720px; height:720px; }
    .hero-dev-fixed .hero-grid{ grid-template-columns:1fr; min-height:720px; padding:46px 36px 88px; }
    .hero-dev-fixed .hero-copy,
    .hero-dev-fixed .hero-title{ max-width:100%; }
    .hero-dev-fixed .hero-side-cards{ min-height:420px; }
    .hero-dev-fixed .hero-slide.slide-center .hero-grid{ min-height:720px; }
  }

  @media (max-width:991.98px){
    .hero-dev-fixed .hero-slide{ min-height:680px; height:680px; align-items:stretch; }
    .hero-dev-fixed .hero-grid{ min-height:680px; padding:28px 20px 84px; gap:22px; align-items:center; }
    .hero-dev-fixed .hero-side-cards{ min-height:auto; }
    .hero-dev-fixed .glass-card.card-main{ position:relative; inset:auto; margin-left:0; }
    .hero-dev-fixed .glass-card.card-stats,
    .hero-dev-fixed .glass-card.card-mini{
      position:relative; left:auto; right:auto; bottom:auto; width:100%; margin-top:16px;
    }
    .hero-dev-fixed .hero-slide.slide-center .hero-grid{
      min-height:680px; text-align:left; justify-items:stretch;
    }
    .hero-dev-fixed .hero-slide.slide-center .hero-title,
    .hero-dev-fixed .hero-slide.slide-center .hero-sub{
      margin-left:0; margin-right:0; max-width:100%;
    }
    .hero-dev-fixed .hero-slide.slide-center .hero-actions,
    .hero-dev-fixed .hero-slide.slide-center .hero-meta{ justify-content:flex-start; }
    .hero-dev-fixed .floating-grid{ grid-template-columns:1fr; }
    .hero-dev-fixed .hero-bg.bg-slide-1,
    .hero-dev-fixed .hero-bg.bg-slide-2,
    .hero-dev-fixed .hero-bg.bg-slide-3{
      background-size:cover, cover !important; background-position:center center, center center !important;
    }
    .hero-dev-fixed .hero-bg.bg-slide-1{
      background-image:
        linear-gradient(180deg, rgba(7,11,20,.92) 0%, rgba(7,11,20,.76) 42%, rgba(7,11,20,.82) 100%),
        url('https://globelzone.com/images/slide2.svg') !important;
    }
    .hero-dev-fixed .hero-bg.bg-slide-2,
    .hero-dev-fixed .hero-bg.bg-slide-3{
      background-image:
        linear-gradient(180deg, rgba(7,11,20,.92) 0%, rgba(7,11,20,.74) 42%, rgba(7,11,20,.82) 100%),
        url('https://globelzone.com/images/slide3.svg') !important;
    }
  }

  @media (max-width:575.98px){
    .hero-dev-fixed .hero-swiper-wrap{ padding:16px 0 16px; }
    .hero-dev-fixed .hero-slider{ border-radius:24px; }
    .hero-dev-fixed .hero-slide{ min-height:620px; height:620px; }
    .hero-dev-fixed .hero-grid{ min-height:620px; padding:22px 16px 74px; }
    .hero-dev-fixed .hero-title{ font-size:clamp(24px, 6.4vw, 32px); line-height:1.18; margin-bottom:14px; }
    .hero-dev-fixed .hero-sub{ font-size:15px; line-height:1.65; }
    .hero-dev-fixed .hero-meta{ gap:10px; }
    .hero-dev-fixed .hero-meta span{ width:100%; justify-content:flex-start; font-size:13px; padding:9px 12px; }
    .hero-dev-fixed .hero-ui-head{ flex-direction:column; }
    .hero-dev-fixed .hero-nav{ right:16px; bottom:14px; }
    .hero-dev-fixed .hero-slider .swiper-button-next,
    .hero-dev-fixed .hero-slider .swiper-button-prev{ width:42px; height:42px; }
    .hero-dev-fixed .hero-slider .swiper-pagination{ left:16px !important; bottom:18px !important; }
    .hero-dev-fixed .hero-slide.slide-center .hero-grid{ min-height:620px; }
  }