/* =====================================================
   HT ERP v0.2.0 — approved landing refinements
   ===================================================== */
.hero-brand-note{margin:10px auto 0;color:#7185aa;font-size:11px;letter-spacing:.9px;direction:ltr}.section-action{display:flex;justify-content:center;margin-top:34px}.section-link-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid rgba(45,212,255,.22);border-radius:14px;color:#dffbff;background:rgba(6,22,46,.62);transition:.3s}.section-link-btn:hover{color:#fff;border-color:rgba(77,237,255,.55);transform:translateY(-3px);box-shadow:0 16px 35px rgba(0,174,255,.12)}
.footer .footer-logo{color:inherit;text-decoration:none}.footer .footer-logo span{color:#6f82a4}.footer h5 a{color:inherit}.footer-phone{display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:#5eead4;font-weight:800;direction:ltr}.footer-phone:hover{color:#fff}

/* Globe: stronger enterprise cards */
.ht-hero-v2__stage{grid-template-columns:minmax(255px,1fr) minmax(450px,540px) minmax(255px,1fr);gap:24px}.ht-hero-v2__earth{width:420px;height:420px;filter:drop-shadow(0 30px 36px rgba(0,0,0,.45)) drop-shadow(0 0 20px rgba(38,205,255,.2))}.ht-hero-v2__earth #earth-canvas{box-shadow:0 0 0 1px rgba(72,232,255,.18),0 0 24px rgba(0,229,168,.12),0 0 54px rgba(0,128,255,.13)}.ht-hero-v2__earth-shine{inset:-8px;border:1px solid rgba(89,236,255,.28);background:radial-gradient(circle at 72% 24%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 24% 62%,rgba(0,229,168,.07),transparent 48%);box-shadow:0 0 22px rgba(34,211,238,.16),inset 0 0 16px rgba(34,211,238,.05)}.ht-hero-v2__halo{opacity:.18!important;border-color:rgba(56,232,255,.18)!important;box-shadow:none!important}.ht-hero-v2__halo.halo-a{width:510px;height:195px}.ht-hero-v2__halo.halo-b{width:485px;height:180px}.ht-hero-v2__halo.halo-c{opacity:.32!important;width:520px;height:520px}
.ht-module-card{position:relative;overflow:hidden;max-width:285px;min-height:118px;padding:18px 18px;border-radius:22px;border:1px solid rgba(61,224,255,.38);background:linear-gradient(145deg,rgba(5,28,45,.94),rgba(3,12,29,.88));box-shadow:0 22px 48px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05),0 0 0 1px rgba(0,229,168,.035);backdrop-filter:blur(18px)}.ht-module-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(90,235,255,.08),transparent 70%);transform:translateX(120%);transition:.55s}.ht-module-card:hover:after{transform:translateX(-120%)}.ht-module-card:hover{border-color:rgba(80,246,255,.78);box-shadow:0 26px 52px rgba(0,0,0,.42),0 0 24px rgba(0,213,255,.12);transform:translateY(-5px)!important}.ht-module-card__icon{width:56px;height:56px;flex:0 0 56px;border-radius:16px;color:#16f3b4;background:linear-gradient(145deg,rgba(0,229,168,.2),rgba(0,76,96,.12));border:1px solid rgba(0,229,168,.36);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 24px rgba(0,229,168,.2)}.ht-module-card strong{font-size:16px}.ht-module-card small{font-size:11px;color:#8ca0bb}.ht-hero-v2__modules--left .ht-module-card:nth-child(2){transform:translateX(22px)}.ht-hero-v2__modules--right .ht-module-card:nth-child(2){transform:translateX(-22px)}

/* CTA redesign */
.cta-section{padding:95px 0}.cta-wrapper-v2{position:relative;overflow:hidden;padding:54px 58px;border-radius:30px;border:1px solid rgba(84,168,255,.38);background:radial-gradient(circle at 15% 20%,rgba(0,194,255,.22),transparent 32%),radial-gradient(circle at 90% 20%,rgba(134,60,255,.25),transparent 38%),linear-gradient(135deg,rgba(5,38,93,.93),rgba(27,18,90,.93));box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08)}.cta-grid-light{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black 35%,black 80%,transparent)}.cta-wrapper-v2 h2{font-size:clamp(32px,4vw,54px);line-height:1.45;margin:18px 0 14px;max-width:760px}.cta-wrapper-v2 h2 span{background:linear-gradient(90deg,#22d3ee,#8b5cf6);-webkit-background-clip:text;color:transparent}.cta-wrapper-v2 p{max-width:760px;color:#b8c7df;line-height:2}.cta-badge{display:inline-flex;align-items:center;gap:9px}.cta-trust-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}.cta-trust-row span{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:rgba(3,15,40,.42);border:1px solid rgba(130,188,255,.18);color:#d7e8ff;font-size:11px}.cta-trust-row i{color:#2dd4bf}.cta-action-panel{position:relative;z-index:3;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(4,13,38,.38);backdrop-filter:blur(18px)}.cta-action-panel a{display:flex!important;align-items:center;justify-content:space-between;width:100%;margin:0 0 12px!important}.cta-action-panel small{display:block;color:#91a5c5;font-size:10px;line-height:1.8}.cta-visual-stack{position:absolute;left:35%;bottom:-95px;width:210px;height:190px;opacity:.28;transform:rotate(-8deg)}.stack-layer{position:absolute;left:50%;width:130px;height:50px;border:1px solid #4eeaff;border-radius:14px;transform:translateX(-50%) rotate(30deg) skewX(-25deg);box-shadow:0 0 22px rgba(0,225,255,.28)}.layer-1{bottom:22px}.layer-2{bottom:52px}.layer-3{bottom:82px}.cta-visual-stack>i{position:absolute;left:50%;top:12px;transform:translateX(-50%);font-size:52px;color:#80efff;filter:drop-shadow(0 0 18px #4f62ff)}
@media(max-width:991px){.ht-hero-v2__stage{grid-template-columns:1fr}.ht-hero-v2__modules--left .ht-module-card,.ht-hero-v2__modules--right .ht-module-card{transform:none!important}.cta-wrapper-v2{padding:40px 28px}.cta-visual-stack{display:none}.cta-action-panel{margin-top:15px}}@media(max-width:576px){.cta-wrapper-v2{padding:32px 20px}.cta-trust-row{display:grid}.ht-hero-v2__earth{width:300px;height:300px}}


/* Trust statistics premium refinement */
.trust-statistics-section .trust-stat-box{position:relative;overflow:hidden;min-height:230px;padding:30px 24px;border:1px solid rgba(90,180,255,.25);border-radius:22px;background:linear-gradient(145deg,rgba(6,26,58,.82),rgba(4,12,31,.76));box-shadow:0 22px 52px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04);transition:.35s}
.trust-statistics-section .trust-stat-box:before{content:"";position:absolute;inset:auto -30% -60% 15%;height:150px;background:radial-gradient(circle,rgba(39,213,255,.13),transparent 70%)}
.trust-statistics-section .trust-stat-box:hover{transform:translateY(-7px);border-color:rgba(82,221,255,.5);box-shadow:0 30px 65px rgba(0,0,0,.32),0 0 24px rgba(27,190,255,.08)}
.trust-statistics-section .trust-stat-icon{position:relative;z-index:2;width:54px;height:54px;margin:0 auto 16px;display:grid;place-items:center;border-radius:16px;color:#4ee7f6;background:linear-gradient(145deg,rgba(0,229,168,.18),rgba(37,99,235,.14));border:1px solid rgba(46,226,255,.27);box-shadow:0 0 22px rgba(0,213,255,.12)}
.trust-statistics-section h2{position:relative;z-index:2;font-size:36px;letter-spacing:-1px;background:linear-gradient(90deg,#22d3ee,#8b5cf6);-webkit-background-clip:text;color:transparent}
.trust-statistics-section span{position:relative;z-index:2;font-weight:800;color:#e9f4ff}.trust-statistics-section small{position:relative;z-index:2;display:block;margin-top:8px;color:#7589a7;font-size:10px}
.footer h5 a{color:inherit;text-decoration:none}.footer h5 a:hover{color:#5eead4}


/* =====================================================
   v0.2.1 review fixes
   1. Premium exterior globe orbits
   2. Standardized section link buttons
   3. Correct CTA icon alignment
   ===================================================== */

/* Remove the legacy CSS rings that visually intersected the globe. */
.ht-hero-v2__halo{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  opacity:0 !important;
}

/* Subtle back orbital system. It stays behind the opaque globe. */
.ht-hero-v2__core::before,
.ht-hero-v2__core::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  pointer-events:none;
  border-radius:50%;
  border:1px solid rgba(49,225,255,.32);
  filter:drop-shadow(0 0 5px rgba(38,216,255,.18));
  transform-origin:center;
}

.ht-hero-v2__core::before{
  width:560px;
  height:205px;
  transform:translate(-50%,-50%) rotate(-13deg);
  border-color:rgba(34,211,238,.30);
  animation:htOrbitBackA 24s linear infinite;
}

.ht-hero-v2__core::after{
  width:525px;
  height:184px;
  transform:translate(-50%,-50%) rotate(22deg);
  border-color:rgba(45,212,191,.25);
  animation:htOrbitBackB 29s linear infinite reverse;
}

/* Front arcs are clipped to their lower half so they read as exterior depth,
   rather than bright bands painted through the globe. */
.ht-orbit-front-system{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  overflow:visible;
}

.ht-orbit-front{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(69,231,255,.48);
  box-shadow:0 0 7px rgba(37,218,255,.14);
  clip-path:inset(50% -20px -20px -20px);
  transform-origin:center;
}

.ht-orbit-front--a{
  width:560px;
  height:205px;
  transform:translate(-50%,-50%) rotate(-13deg);
  animation:htOrbitFrontA 24s linear infinite;
}

.ht-orbit-front--b{
  width:525px;
  height:184px;
  border-color:rgba(45,212,191,.40);
  transform:translate(-50%,-50%) rotate(22deg);
  animation:htOrbitFrontB 29s linear infinite reverse;
}

@keyframes htOrbitBackA{
  to{transform:translate(-50%,-50%) rotate(347deg)}
}
@keyframes htOrbitBackB{
  to{transform:translate(-50%,-50%) rotate(-338deg)}
}
@keyframes htOrbitFrontA{
  to{transform:translate(-50%,-50%) rotate(347deg)}
}
@keyframes htOrbitFrontB{
  to{transform:translate(-50%,-50%) rotate(-338deg)}
}

/* Refined secondary navigation buttons: quieter, sharper and more premium. */
.section-action{
  display:flex;
  justify-content:center;
  margin-top:38px;
}

.section-link-btn{
  position:relative;
  isolation:isolate;
  min-width:300px;
  min-height:54px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px;
  align-items:center;
  gap:13px;
  padding:7px 8px 7px 18px;
  overflow:hidden;
  border:1px solid rgba(72,194,255,.28);
  border-radius:999px;
  color:#edf8ff;
  background:
    linear-gradient(115deg,rgba(7,25,55,.94),rgba(7,19,45,.91));
  box-shadow:
    0 14px 34px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(76,221,255,.035);
  text-decoration:none;
  font-size:13px;
  font-weight:820;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}

.section-link-btn::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(105deg,transparent 18%,rgba(61,216,255,.075),transparent 68%);
  transform:translateX(115%);
  transition:transform .55s ease;
}

.section-link-btn::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,#29d6ff,#8168ff,transparent);
  opacity:.72;
}

.section-link-btn:hover{
  color:#fff;
  transform:translateY(-3px);
  border-color:rgba(88,220,255,.5);
  background:linear-gradient(115deg,rgba(8,32,67,.96),rgba(14,24,57,.94));
  box-shadow:
    0 20px 42px rgba(0,0,0,.32),
    0 0 20px rgba(29,173,255,.075),
    inset 0 1px 0 rgba(255,255,255,.07);
}

.section-link-btn:hover::before{
  transform:translateX(-115%);
}

.section-link-copy{
  position:relative;
  z-index:2;
  text-align:center;
  line-height:1.6;
  white-space:nowrap;
}

.section-link-icon{
  position:relative;
  z-index:2;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#61e8f5;
  background:rgba(26,117,177,.13);
  border:1px solid rgba(77,213,244,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .28s ease,color .28s ease,background .28s ease,border-color .28s ease;
}

.section-link-icon i{
  font-size:12px;
}

.section-link-btn:hover .section-link-icon{
  transform:translateX(-2px);
  color:#fff;
  background:rgba(34,211,238,.18);
  border-color:rgba(91,230,255,.42);
}

/* CTA buttons: explicit RTL grid keeps both icons perfectly aligned. */
.cta-action-panel a.btn-cta-primary,
.cta-action-panel a.btn-cta-secondary{
  direction:rtl;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 44px;
  align-items:center;
  gap:14px;
  min-height:62px;
  padding:8px 9px 8px 18px !important;
  border-radius:17px;
  text-decoration:none;
}

.cta-button-copy{
  min-width:0;
  text-align:right;
  line-height:1.5;
}

.cta-button-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  justify-self:end;
  border-radius:13px;
  background:rgba(3,14,38,.25);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .28s ease,background .28s ease;
}

.cta-action-panel a:hover .cta-button-icon{
  transform:translateX(-3px);
  background:rgba(3,14,38,.38);
}

@media(max-width:1200px){
  .ht-hero-v2__core::before,
  .ht-orbit-front--a{width:510px;height:188px}
  .ht-hero-v2__core::after,
  .ht-orbit-front--b{width:480px;height:170px}
}

@media(max-width:680px){
  .ht-hero-v2__core::before,
  .ht-orbit-front--a{width:382px;height:142px}
  .ht-hero-v2__core::after,
  .ht-orbit-front--b{width:356px;height:128px}
  .section-link-btn{min-width:min(100%,290px)}
}