:root{
  --sx-bg:#020711;
  --sx-bg-2:#061225;
  --sx-panel:rgba(5,18,40,.76);
  --sx-panel-2:rgba(7,18,34,.92);
  --sx-blue:#26a7ff;
  --sx-blue-2:#0b8fff;
  --sx-gold:#ffc13b;
  --sx-gold-2:#ffe082;
  --sx-text:#edf5ff;
  --sx-muted:#a9bdd7;
  --sx-border:rgba(38,167,255,.24);
  --sx-gold-border:rgba(255,193,59,.34);
  --sx-shadow:0 26px 60px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Rajdhani',sans-serif;
  background:linear-gradient(180deg,#020711 0%,#051226 45%,#020711 100%);
  color:var(--sx-text);
  overflow-x:hidden;
}
a{transition:.25s ease}
a,.btn{text-decoration:none}
img{max-width:100%;height:auto;display:block}
section,header,footer{position:relative;z-index:1}
.container{position:relative;z-index:2}
.section-space{padding:100px 0}

#starCanvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}

.sx-navbar{
  background:rgba(2,10,24,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.sx-navbar .container{
  min-height:96px;
}
.navbar-brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  margin-right:20px;
}
.navbar-brand:hover{color:#fff}
.nav-logo{
  width:64px;
  height:64px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(11,143,255,.45));
}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text strong{
  font-family:'Orbitron',sans-serif;
  font-size:1.18rem;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.brand-text strong span,
.hero-content h1 span,
.footer-section h3 span{color:var(--sx-blue)}
.brand-text small{
  color:var(--sx-gold);
  font-size:.75rem;
  letter-spacing:1.4px;
  margin-top:6px;
  text-transform:uppercase;
}
.navbar-nav{gap:10px}
.sx-navbar .nav-link{
  color:rgba(235,245,255,.76);
  font-weight:700;
  font-size:1.24rem;
  padding:10px 16px!important;
  border-radius:999px;
}
.sx-navbar .nav-link:hover,
.sx-navbar .nav-link.active{color:#fff;background:rgba(38,167,255,.12)}
.navbar-toggler{
  border-color:rgba(255,255,255,.18);
  padding:.45rem .65rem;
}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler-icon{filter:invert(1)}
.nav-actions{display:flex;align-items:center;gap:12px}
.btn-launch{min-width:148px;justify-content:center;display:inline-flex;align-items:center;gap:10px}

.btn-gold{
  color:#061225;
  border:1px solid var(--sx-gold);
  background:linear-gradient(135deg,var(--sx-gold),#ffe9a2,var(--sx-gold));
  font-weight:800;
  border-radius:18px;
  box-shadow:0 0 22px rgba(255,193,59,.24);
}
.btn-gold:hover{transform:translateY(-2px);color:#061225;box-shadow:0 0 34px rgba(255,193,59,.36)}
.btn-outline-gold{
  color:var(--sx-gold);
  border:1px solid rgba(255,193,59,.62);
  border-radius:18px;
  font-weight:800;
  background:transparent;
}
.btn-outline-gold:hover{background:var(--sx-gold);color:#061225}
.btn-outline-light{
  color:#fff;
  border-color:rgba(255,255,255,.28);
  border-radius:18px;
  font-weight:800;
  background:rgba(255,255,255,.02);
}
.btn-outline-light:hover{background:#fff;color:#061225}

.hero-section{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:150px 0 80px;
}
.hero-shell{
  text-align:center;
}
.hero-shell::before{
  content:"";
  position:absolute;
  left:50%;
  top:8%;
  transform:translateX(-50%);
  width:min(820px,90vw);
  height:min(820px,90vw);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,193,59,.08) 0%,rgba(11,143,255,.08) 45%,transparent 72%);
  filter:blur(10px);
  z-index:-1;
}
.hero-tray{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:min(640px,100%);
  margin-bottom:32px;
}
.hero-tray span{
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--sx-blue),var(--sx-gold),transparent);
}
.hero-tray p{
  margin:0;
  color:var(--sx-gold);
  font-family:'Orbitron',sans-serif;
  font-size:.96rem;
  letter-spacing:3px;
  text-transform:uppercase;
  white-space:nowrap;
}
.hero-orbits{
  position:absolute;
  inset:30px 0 auto;
  width:100%;
  height:660px;
  pointer-events:none;
}
.hero-orbit{
  position:absolute;
  border-radius:50%;
  left:50%;
  transform:translateX(-50%);
  border:1px solid rgba(38,167,255,.14);
}
.orbit-a{width:min(860px,98vw);height:min(860px,98vw);top:-40px}
.orbit-b{width:min(560px,74vw);height:min(560px,74vw);top:110px;border-color:rgba(255,193,59,.15)}
.orbit-c{width:min(1060px,115vw);height:min(1060px,115vw);top:-145px;opacity:.55}

.hero-logo-box{
  width:min(310px,70vw);
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
  margin-bottom:26px;
}
.hero-main-logo{
  width:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 30px rgba(11,143,255,.5));
  animation:floatLogo 5s ease-in-out infinite;
}
.hero-content{max-width:980px;position:relative}
.hero-content h1{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(2.8rem,9vw,6.4rem);
  line-height:.95;
  text-transform:uppercase;
  font-weight:800;
  margin:0;
  text-shadow:0 0 24px rgba(11,143,255,.18);
}
.hero-content h2{
  font-family:'Orbitron',sans-serif;
  color:var(--sx-gold);
  font-size:clamp(1.05rem,2.8vw,2rem);
  font-weight:800;
  text-transform:uppercase;
  margin:14px 0 0;
  letter-spacing:1px;
}
.hero-fade-text{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(3rem,11vw,8rem);
  font-style:italic;
  color:rgba(255,255,255,.08);
  line-height:.92;
  margin-top:10px;
}
.hero-text,.lead-text{
  color:var(--sx-muted);
  font-size:1.28rem;
  line-height:1.7;
  max-width:900px;
}
.hero-tags,
.hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.hero-tags{margin-top:18px}
.hero-tags span{
  padding:10px 18px;
  border:1px solid var(--sx-border);
  border-radius:999px;
  background:rgba(38,167,255,.08);
  color:#edf5ff;
  font-weight:700;
}
.hero-buttons{margin-top:28px}
.hero-buttons .btn{padding:15px 28px}

.section-title span{
  display:inline-block;
  color:var(--sx-gold);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:2.5px;
  margin-bottom:10px;
}
.section-title h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(2rem,4vw,3.3rem);
  text-transform:uppercase;
  font-weight:800;
  margin:0;
}
.section-title h2::after{
  content:"";
  display:block;
  width:96px;
  height:3px;
  margin-top:16px;
  background:linear-gradient(90deg,var(--sx-gold),var(--sx-blue),transparent);
  border-radius:999px;
}
.section-title.text-center h2::after{margin-left:auto;margin-right:auto}

.sx-gradient-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 80% 20%,rgba(38,167,255,.12),transparent 28%),
             radial-gradient(circle at 15% 75%,rgba(255,193,59,.08),transparent 22%);
  pointer-events:none;
}
.section-logo-wrap{
  width:min(360px,82vw);
  padding:28px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(38,167,255,.15),rgba(2,7,17,.16) 62%);
  border:1px solid var(--sx-border);
  box-shadow:var(--sx-shadow);
}
.section-logo,.terms-logo{
  width:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 26px rgba(11,143,255,.55));
}
.terms-logo{max-width:320px;margin-inline:auto}
.about-list{display:grid;gap:18px}
.info-row{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:20px;
  border:1px solid rgba(255,255,255,.08);
  border-left:3px solid var(--sx-blue);
  background:rgba(4,14,31,.62);
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.info-row i,
.feature-card i,
.income-card i{
  width:54px;
  height:54px;
  min-width:54px;
  display:grid;
  place-items:center;
  color:var(--sx-gold);
  font-size:1.45rem;
  border:1px solid var(--sx-gold-border);
  border-radius:50%;
  background:rgba(255,193,59,.08);
  box-shadow:0 0 18px rgba(255,193,59,.12);
}
.info-row p{margin:0;color:#d9e7fb;font-size:1.12rem;line-height:1.58}
.info-row strong{color:var(--sx-blue)}

.glass-card,
.feature-card,
.income-card,
.package-card,
.level-panel,
.terms-card,
.sx-accordion .accordion-item{
  position:relative;
  overflow:hidden;
  border:1px solid var(--sx-border);
  background:linear-gradient(145deg,rgba(6,20,45,.82),rgba(3,9,22,.72));
  border-radius:26px;
  box-shadow:var(--sx-shadow);
}
.glass-card::before,
.feature-card::before,
.income-card::before,
.package-card::before,
.level-panel::before,
.terms-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%,rgba(255,193,59,.06));
  pointer-events:none;
}
.glass-card{padding:34px;min-height:100%}
.card-icon{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:rgba(38,167,255,.12);
  border:1px solid var(--sx-border);
  color:var(--sx-gold);
  font-size:2rem;
  margin-bottom:20px;
}
.glass-card h3,.income-card h3{
  font-family:'Orbitron',sans-serif;
  font-size:1.48rem;
  font-weight:800;
  margin-bottom:18px;
}
.clean-list{padding-left:0;margin:0;list-style:none;display:grid;gap:14px;color:#dce8ff;font-size:1.08rem}
.clean-list li{position:relative;padding-left:30px}
.clean-list li::before{
  content:"\F26A";
  font-family:"bootstrap-icons";
  position:absolute;
  left:0;
  top:1px;
  color:var(--sx-gold);
}

.feature-card{padding:28px;height:100%;transition:.28s ease}
.feature-card:hover,.income-card:hover{transform:translateY(-8px);border-color:var(--sx-gold-border)}
.feature-card i{margin-bottom:18px;color:var(--sx-blue);border-color:var(--sx-border);background:rgba(38,167,255,.12)}
.feature-card h4{font-weight:800;color:var(--sx-gold);font-size:1.38rem}
.feature-card p,.income-card p,.package-card p{color:var(--sx-muted);font-size:1.08rem;line-height:1.58;margin-bottom:0}

.income-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.income-mini-grid div{
  padding:24px 18px;
  min-height:160px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  border:1px solid var(--sx-gold-border);
  border-radius:22px;
  background:rgba(255,193,59,.06);
}
.income-mini-grid i{font-size:2rem;color:var(--sx-blue)}
.income-mini-grid span{font-weight:800;color:#fff;font-size:1.15rem}

.package-card{padding:36px}
.package-top{
  color:var(--sx-gold);
  font-family:'Orbitron',sans-serif;
  font-size:1.35rem;
  font-weight:800;
  text-transform:uppercase;
}
.package-price{
  font-family:'Orbitron',sans-serif;
  color:var(--sx-blue);
  font-size:clamp(4rem,10vw,7rem);
  font-weight:800;
  line-height:1;
  text-shadow:0 0 20px rgba(11,143,255,.44);
  margin:10px 0 18px;
}
.package-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.package-points span{
  display:block;
  padding:15px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  color:#e8f5ff;
  font-weight:700;
}
.package-points i{color:var(--sx-gold);margin-right:8px}

.income-card{padding:32px;height:100%;transition:.28s ease}
.income-card .income-number{
  position:absolute;
  right:24px;
  top:16px;
  font-family:'Orbitron',sans-serif;
  font-size:2.7rem;
  color:rgba(255,255,255,.07);
  font-weight:800;
}
.income-card i{margin-bottom:18px;color:var(--sx-gold)}
.income-card strong{color:var(--sx-gold);font-size:1.35rem}

.level-panel{padding:24px}
.level-table{
  --bs-table-bg:transparent;
  --bs-table-color:#e8f5ff;
  margin-bottom:0;
  border-color:rgba(255,255,255,.1);
  font-size:1.06rem;
}
.level-table thead th{
  color:#061225;
  background:linear-gradient(135deg,var(--sx-blue),#73c4ff);
  font-family:'Orbitron',sans-serif;
  text-transform:uppercase;
  border-color:rgba(255,255,255,.12);
}
.level-table td{border-color:rgba(255,255,255,.1);font-weight:700}
.level-table td:nth-child(2),
.level-table td:nth-child(4){color:var(--sx-gold);font-weight:800}

.terms-card{padding:34px}
.term-box{
  padding:24px;
  border:1px solid var(--sx-border);
  border-radius:20px;
  background:rgba(38,167,255,.08);
  color:#fff;
  font-size:clamp(1.35rem,3vw,2.1rem);
  font-weight:800;
  line-height:1.25;
  margin-bottom:18px;
}
.term-box strong{color:var(--sx-blue)}
.term-box.warning{
  display:flex;
  gap:16px;
  align-items:flex-start;
  font-size:1.18rem;
  font-weight:700;
  color:#e8f4ff;
  border-color:var(--sx-gold-border);
  background:rgba(255,193,59,.07);
}
.term-box.warning i{color:var(--sx-gold);font-size:1.5rem}

.sx-accordion .accordion-item{margin-bottom:14px;border-radius:18px!important}
.sx-accordion .accordion-button{
  background:rgba(6,20,45,.85);
  color:#fff;
  font-weight:800;
  font-size:1.13rem;
  border-radius:18px!important;
  box-shadow:none;
}
.sx-accordion .accordion-button:not(.collapsed){color:var(--sx-gold);background:rgba(38,167,255,.12)}
.sx-accordion .accordion-button::after{filter:invert(1)}
.sx-accordion .accordion-body{color:var(--sx-muted);font-size:1.08rem;line-height:1.6;background:rgba(2,7,17,.45)}

.footer-section{
  padding:70px 0 36px;
  background:linear-gradient(180deg,rgba(2,7,17,.7),#020711);
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-logo{width:110px;filter:drop-shadow(0 0 20px rgba(11,143,255,.55));margin:0 auto 16px}
.footer-section h3{font-family:'Orbitron',sans-serif;font-weight:800;text-transform:uppercase;margin-bottom:12px}
.footer-section p{color:var(--sx-gold);font-weight:700}
.footer-links a{color:#cfe7ff;font-weight:700}
.footer-links a:hover{color:var(--sx-gold)}
.footer-section small{color:#8090aa}

.back-to-top{
  position:fixed;
  right:18px;
  bottom:18px;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid var(--sx-gold-border);
  border-radius:50%;
  color:#061225;
  background:linear-gradient(135deg,var(--sx-gold),var(--sx-gold-2));
  box-shadow:0 0 24px rgba(255,193,59,.3);
  opacity:0;
  transform:translateY(18px);
  pointer-events:none;
  transition:.25s ease;
  z-index:30;
}
.back-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}

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

@media (max-width:1199.98px){
  .sx-navbar .container{min-height:86px}
  .hero-text,.lead-text{font-size:1.18rem}
}

@media (max-width:991.98px){
  .section-space{padding:84px 0}
  .sx-navbar .container{min-height:82px}
  .navbar-collapse{
    margin-top:12px;
    padding:16px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(3,10,22,.92);
  }
  .navbar-nav{gap:6px}
  .nav-actions{margin-top:12px;justify-content:stretch}
  .nav-actions .btn{width:100%}
  .hero-section{padding:130px 0 70px;min-height:auto}
  .hero-tray{width:100%;gap:10px;margin-bottom:22px}
  .hero-tray p{font-size:.78rem;letter-spacing:2px}
  .hero-orbits{height:540px}
  .orbit-a{top:20px}
  .orbit-b{top:110px}
  .orbit-c{top:-20px}
  .hero-logo-box{width:min(260px,72vw)}
  .hero-fade-text{margin-top:6px}
  .income-mini-grid{grid-template-columns:1fr}
  .package-points{grid-template-columns:1fr}
}

@media (max-width:767.98px){
  .navbar-brand{max-width:calc(100% - 70px)}
  .brand-text strong{font-size:1rem}
  .brand-text small{font-size:.64rem;letter-spacing:1px}
  .nav-logo{width:52px;height:52px}
  .hero-content h1{font-size:clamp(2.2rem,13vw,4rem)}
  .hero-content h2{font-size:1rem;line-height:1.5}
  .hero-fade-text{font-size:clamp(2.6rem,14vw,4.6rem)}
  .hero-text,.lead-text{font-size:1.08rem}
  .hero-buttons .btn{width:100%;justify-content:center}
  .hero-tags{justify-content:center}
  .info-row{flex-direction:column}
  .glass-card,.package-card,.income-card,.terms-card{padding:24px}
  .term-box.warning{flex-direction:column}
}

@media (max-width:575.98px){
  .section-space{padding:74px 0}
  .hero-section{padding-top:118px}
  .hero-logo-box{background:transparent;border:0;box-shadow:none;padding:0}
  .hero-tray p{
    font-size:.66rem;
    letter-spacing:1.2px;
    white-space:normal;
    line-height:1.45;
    text-align:center;
  }
  .hero-tray span{display:none}
  .hero-logo-box{padding:16px;border-radius:24px}
  .section-title h2{font-size:1.72rem}
  .feature-card h4,.glass-card h3,.income-card h3{font-size:1.28rem}
  .level-panel{padding:14px}
  .level-table{font-size:.92rem}
  .level-table th,.level-table td{padding:.7rem .45rem}
}

/* ===== Strong Mobile Responsive Fix ===== */
@media (max-width: 767.98px){
  body{max-width:100%;overflow-x:hidden}

  .sx-navbar .container{
    min-height:72px;
    padding-left:14px;
    padding-right:14px;
  }

  .navbar-brand{
    gap:9px;
    min-width:0;
    max-width:calc(100vw - 86px);
    overflow:hidden;
  }

  .nav-logo{
    width:42px;
    height:42px;
    min-width:42px;
  }

  .brand-text{
    min-width:0;
    overflow:hidden;
  }

  .brand-text strong{
    font-size:.92rem;
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    letter-spacing:.2px;
  }

  .brand-text small{
    font-size:.52rem;
    letter-spacing:.6px;
    max-width:220px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .navbar-toggler{
    width:50px;
    height:48px;
    padding:0;
    display:grid;
    place-items:center;
    flex:0 0 auto;
  }

  .hero-section{
    min-height:auto;
    padding:104px 0 54px;
  }

  .hero-shell{
    max-width:100%;
    padding-left:14px;
    padding-right:14px;
  }

  .hero-shell::before{
    width:520px;
    height:520px;
    top:92px;
    max-width:none;
  }

  .hero-tray{
    margin-bottom:20px;
    padding:0 6px;
  }

  .hero-tray p{
    width:100%;
    max-width:315px;
    margin-inline:auto;
    font-size:.68rem;
    line-height:1.35;
    letter-spacing:.85px;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
  }

  .hero-logo-box{
    width:210px;
    max-width:60vw;
    margin-bottom:18px;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  .hero-main-logo{
    width:100%;
    max-width:100%;
  }

  .hero-orbits{
    height:420px;
    overflow:hidden;
    inset:100px 0 auto;
  }

  .orbit-a{
    width:430px;
    height:430px;
    max-width:none;
    top:0;
  }

  .orbit-b{
    width:300px;
    height:300px;
    max-width:none;
    top:65px;
  }

  .orbit-c{
    width:560px;
    height:560px;
    max-width:none;
    top:-60px;
  }

  .hero-content{
    max-width:100%;
    overflow:hidden;
  }

  .hero-content h1{
    font-size:clamp(2.15rem, 12.2vw, 2.9rem);
    line-height:1.05;
    letter-spacing:-1px;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
    margin-top:0;
  }

  .hero-content h2{
    font-size:.95rem;
    line-height:1.35;
    letter-spacing:.45px;
    max-width:320px;
    margin:12px auto 0;
  }

  .hero-fade-text{
    font-size:3.1rem;
    line-height:.9;
    max-width:320px;
    margin:14px auto 4px;
  }

  .hero-text{
    max-width:320px;
    font-size:1rem;
    line-height:1.55;
    margin-top:10px;
  }

  .hero-tags{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
    gap:10px;
  }

  .hero-tags span{
    width:calc(50% - 5px);
    min-width:0;
    padding:10px 8px;
    font-size:.94rem;
    text-align:center;
  }

  .hero-tags span:nth-child(3){
    width:56%;
    margin-left:auto;
    margin-right:auto;
  }

  .hero-buttons{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
    gap:12px;
  }

  .hero-buttons .btn{
    width:100%;
    padding:12px 16px;
    font-size:1rem;
  }

  .section-space{
    padding:62px 0;
  }

  .section-title h2{
    font-size:1.55rem;
    line-height:1.28;
  }

  .section-title span{
    font-size:.82rem;
    letter-spacing:1.3px;
  }

  .section-logo-wrap{
    width:210px;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  .info-row,
  .glass-card,
  .feature-card,
  .income-card,
  .package-card,
  .terms-card{
    border-radius:18px;
  }

  .info-row{
    padding:16px;
    gap:12px;
  }

  .info-row p,
  .feature-card p,
  .income-card p,
  .package-card p,
  .clean-list{
    font-size:1rem;
  }

  .feature-card,
  .income-card,
  .glass-card,
  .package-card,
  .terms-card{
    padding:20px;
  }

  .income-mini-grid{
    grid-template-columns:1fr;
  }

  .package-price{
    font-size:4rem;
  }

  .package-points{
    grid-template-columns:1fr;
  }

  .level-panel{
    padding:12px;
    overflow:hidden;
  }

  .level-table{
    min-width:560px;
    font-size:.88rem;
  }

  .table-responsive{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .term-box{
    font-size:1.2rem;
    padding:18px;
  }

  .footer-logo{
    width:84px;
  }
}

@media (max-width: 380px){
  .brand-text strong{font-size:.82rem;max-width:185px}
  .brand-text small{font-size:.48rem;max-width:190px}
  .hero-content h1{font-size:2rem}
  .hero-content h2{font-size:.86rem}
  .hero-text{font-size:.94rem;max-width:300px}
  .hero-logo-box{width:190px}
  .hero-tags span{font-size:.86rem}
}


/* ===== FINAL MOBILE RESPONSIVE PATCH ===== */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}

@media (max-width: 767.98px){
  .container{
    width:100%;
    max-width:100%;
    padding-left:16px;
    padding-right:16px;
  }

  .sx-navbar{
    width:100%;
  }

  .sx-navbar .container{
    min-height:76px !important;
    display:flex;
    flex-wrap:nowrap;
  }

  .navbar-brand{
    flex:1 1 auto;
    min-width:0;
    max-width:calc(100vw - 92px) !important;
    margin:0 !important;
  }

  .nav-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  .brand-text{
    min-width:0;
    max-width:100%;
  }

  .brand-text strong{
    font-size:.86rem !important;
    line-height:1.1;
    letter-spacing:.2px;
    max-width:210px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .brand-text small{
    font-size:.47rem !important;
    line-height:1.2;
    letter-spacing:.45px !important;
    max-width:214px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .navbar-toggler{
    width:48px !important;
    height:46px !important;
    flex:0 0 48px;
    margin-left:8px;
  }

  .hero-section{
    width:100%;
    max-width:100%;
    min-height:auto !important;
    padding:104px 0 52px !important;
    overflow:hidden;
  }

  .hero-shell{
    width:100%;
    max-width:100%;
    padding-left:16px !important;
    padding-right:16px !important;
    overflow:hidden;
  }

  .hero-tray{
    width:100%;
    max-width:100%;
    margin-bottom:18px !important;
    display:block;
  }

  .hero-tray span{
    display:none !important;
  }

  .hero-tray p{
    max-width:290px !important;
    margin:0 auto !important;
    font-size:.62rem !important;
    line-height:1.35 !important;
    letter-spacing:.7px !important;
    white-space:normal !important;
    word-break:normal;
    overflow-wrap:break-word;
    text-align:center;
  }

  .hero-logo-box{
    width:190px !important;
    max-width:54vw !important;
    margin:0 auto 18px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  .hero-main-logo{
    width:100% !important;
    max-width:100% !important;
  }

  .hero-orbits{
    position:absolute;
    height:410px !important;
    inset:112px 0 auto 0 !important;
    width:100%;
    overflow:hidden;
  }

  .orbit-a{
    width:390px !important;
    height:390px !important;
    max-width:none !important;
    top:8px !important;
  }

  .orbit-b{
    width:270px !important;
    height:270px !important;
    max-width:none !important;
    top:68px !important;
  }

  .orbit-c{
    width:500px !important;
    height:500px !important;
    max-width:none !important;
    top:-42px !important;
  }

  .hero-content{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .hero-title,
  .hero-content h1{
    display:block;
    width:100%;
    max-width:100%;
    font-size:1.78rem !important;
    line-height:1.12 !important;
    letter-spacing:-1.1px !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    text-align:center;
    margin:0 auto !important;
  }

  .hero-content h2{
    width:100%;
    max-width:292px !important;
    font-size:.88rem !important;
    line-height:1.35 !important;
    letter-spacing:.35px !important;
    margin:12px auto 0 !important;
    text-align:center;
  }

  .hero-fade-text{
    width:100%;
    max-width:290px !important;
    font-size:2.4rem !important;
    line-height:.9 !important;
    margin:14px auto 8px !important;
    text-align:center;
  }

  .hero-text{
    width:100%;
    max-width:300px !important;
    font-size:.94rem !important;
    line-height:1.55 !important;
    margin:10px auto 0 !important;
    text-align:center;
  }

  .hero-tags{
    width:100%;
    max-width:300px !important;
    margin:18px auto 0 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:10px !important;
  }

  .hero-tags span{
    width:100% !important;
    min-width:0 !important;
    padding:9px 6px !important;
    font-size:.84rem !important;
    line-height:1.2 !important;
    text-align:center;
  }

  .hero-tags span:nth-child(3){
    grid-column:1 / -1;
    width:58% !important;
    justify-self:center;
  }

  .hero-buttons{
    width:100%;
    max-width:300px !important;
    margin:24px auto 0 !important;
    display:grid !important;
    grid-template-columns:1fr;
    gap:12px !important;
  }

  .hero-buttons .btn{
    width:100% !important;
    padding:11px 14px !important;
    font-size:.96rem !important;
    line-height:1.25;
  }

  .section-logo-wrap{
    width:190px !important;
    max-width:54vw !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .section-title h2{
    font-size:1.42rem !important;
    line-height:1.28 !important;
  }

  .level-table{
    min-width:520px !important;
  }
}

@media (max-width: 374.98px){
  .brand-text strong{font-size:.78rem !important;max-width:178px !important}
  .brand-text small{font-size:.43rem !important;max-width:180px !important}
  .hero-title,
  .hero-content h1{font-size:1.58rem !important;letter-spacing:-1px !important}
  .hero-logo-box{width:176px !important}
  .hero-content h2{font-size:.82rem !important;max-width:268px !important}
  .hero-fade-text{font-size:2.1rem !important}
  .hero-text{font-size:.9rem !important;max-width:282px !important}
}