body {
overflow-x: hidden !important;
}

.netthub-mobile-offer-section {
  display: none !important;
}


/* =========================================================
DESKTOP FALLBACK ARCHITECTURE
1280px+
========================================================= */
@media (min-width: 1280px) {

  .home-hero-new-bg {
    display: none !important;
  }

  .netthub-desktop-homepage {
    display: block !important;
  }

}

/* =========================================================
TABLET / SMALL LAPTOP FALLBACK ARCHITECTURE
768px → 1279px
========================================================= */
@media (min-width: 768px) and (max-width: 1279px) {

  .netthub-desktop-homepage {
    display: none !important;
  }

  .home-hero-new-bg {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    height: clamp(760px, 100vh, 980px) !important;
    min-height: clamp(760px, 100vh, 980px) !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
    background: #10233c !important;
  }

  .home-hero-image-wrap {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }

  .home-hero-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: scale(1.03) !important;
  }

  .home-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background: linear-gradient(
      90deg,
      rgba(0,0,0,0.82) 0%,
      rgba(0,0,0,0.54) 38%,
      rgba(0,0,0,0.14) 72%,
      rgba(0,0,0,0.02) 100%
    ) !important;
  }

  .home-hero-content {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    height: 100% !important;
    padding: clamp(160px, 20vh, 240px)
             clamp(48px, 7vw, 90px)
             0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .home-hero-title {
    margin: 0 0 46px !important;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(42px, 5vw, 62px) !important;
    line-height: 0.96 !important;
    font-weight: 800 !important;
    letter-spacing: -1.5px !important;
    text-align: left !important;
    max-width: 520px !important;
    text-shadow:
      0 10px 28px rgba(0,0,0,0.42),
      0 3px 8px rgba(0,0,0,0.30) !important;
  }

  .netthub-mobile-relationship-wrapper {
    width: 100% !important;
    max-width: 360px !important;
    margin-top: 10px !important;
  }

  .netthub-mobile-relationship-question {
    margin: 0 0 16px !important;
    color: #ffffff !important;
    font-size: clamp(18px, 2vw, 22px) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: left !important;
    text-shadow: 0 4px 18px rgba(0,0,0,0.55) !important;
  }

  .netthub-mobile-relationship-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .netthub-mobile-relationship-option {
    position: relative !important;
    width: 320px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 18px 0 54px !important;
    border-radius: 12px !important;
    border: none !important;
    background: rgba(255,255,255,0.97) !important;
    color: #10233c !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
  }

  .netthub-mobile-relationship-option::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    width: 22px !important;
    height: 22px !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    border: 2px solid #1e5a32 !important;
    background: #ffffff !important;
  }

  .netthub-mobile-relationship-option.active,
  .netthub-mobile-relationship-option:hover {
    background: #1e5a32 !important;
    color: #ffffff !important;
  }

  .netthub-mobile-relationship-option.active::before,
  .netthub-mobile-relationship-option:hover::before {
    content: "✓" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #1e5a32 !important;
  }

  .netthub-mobile-offer-section {
    display: block !important;
    position: relative !important;
    z-index: 20 !important;
    margin-top: clamp(-140px, -12vh, -70px) !important;
    padding: 0 clamp(24px, 5vw, 50px) 32px !important;
    background: #f7f4ef !important;
  }

  .netthub-mobile-offer-card {
    background: #fffdf9 !important;
    border-radius: 24px !important;
    padding: 32px 34px 28px !important;
    text-align: center !important;
    box-shadow:
      0 14px 38px rgba(0,0,0,0.12),
      0 3px 10px rgba(0,0,0,0.04) !important;
  }

  .netthub-mobile-offer-card h2 {
    margin: 0 0 12px !important;
    color: #10233c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(28px, 3vw, 38px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
  }

  .netthub-mobile-offer-subtitle {
    margin: 0 0 12px !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  .netthub-mobile-offer-text {
    margin: 0 !important;
    color: #10233c !important;
    font-size: 18px !important;
    line-height: 1.60 !important;
    text-align: center !important;
  }

}

/* =========================================================
768 × 1024 TABLET PORTRAIT
========================================================= */
@media (width: 768px) and (height: 1024px) {

  .netthub-mobile-offer-section {
    margin-top: -220px !important;
  }

}

/* =========================================================
1024 × 768 TABLET LANDSCAPE
========================================================= */
@media (width: 1024px) and (height: 768px) {

  .netthub-mobile-offer-section {
  margin-top: -150px !important;
  }

}


/* =========================================================
PREMIUM DESKTOP REBUILD
1280px+
========================================================= */
@media (min-width: 1280px) {

.netthub-desktop-homepage {
position: relative !important;
display: block !important;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: visible !important;
background: #ffffff !important;
}

.netthub-desktop-hero {
position: relative !important;
width: 100% !important;
max-width: none !important;
height: 820px !important;
min-height: 820px !important;
overflow: hidden !important;
margin: 0 !important;
background: #10233c !important;
}

.netthub-desktop-hero-image-wrap {
position: absolute !important;
inset: 0 !important;
overflow: hidden !important;
}

.netthub-desktop-hero-image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;transform: scale(1.02) !important;
filter:
brightness(0.84)
contrast(1.08)
saturate(1.03) !important;
}

.netthub-desktop-hero-overlay {
position: absolute !important;
inset: 0 !important;
background:
linear-gradient(
90deg,
rgba(0,0,0,0.76) 0%,
rgba(0,0,0,0.56) 26%,
rgba(0,0,0,0.18) 56%,
rgba(0,0,0,0.03) 100%
) !important;
z-index: 2 !important;
}

.netthub-desktop-hero-content {
position: relative !important;
z-index: 5 !important;
width: 100% !important;
max-width: 1280px !important;
height: 100% !important;
margin: 0 auto !important;
padding: 112px 78px 0 !important;
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
flex-direction: column !important;
}

.netthub-desktop-hero-left {
width: 100% !important;
max-width: 500px !important;
margin-left: 0 !important;
padding-top: 0 !important;
transform: translateX(0) !important;
}

.netthub-desktop-hero-title {
margin: 0 0 64px !important;
color: #ffffff !important;
font-family: Georgia, "Times New Roman", serif !important;
font-size: 42px !important;
line-height: 0.96 !important;
font-weight: 800 !important;
letter-spacing: -1.5px !important;
text-align: left !important;
text-shadow:
0 10px 28px rgba(0,0,0,0.42),
0 3px 8px rgba(0,0,0,0.30) !important;
}

.netthub-desktop-option.is-selected {
  position: relative !important;
  background: #1e5a32 !important;
  color: #ffffff !important;
  border: 2px solid #1e5a32 !important;
  box-shadow:
    0 0 0 3px rgba(30, 90, 50, 0.22),
    0 10px 26px rgba(0, 0, 0, 0.20) !important;
  transform: translateY(-1px) !important;
  padding-left: 42px !important;
}

.netthub-desktop-option.is-selected::before {
  content: "✓" !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}
.netthub-desktop-offer-section {
position: relative !important;
z-index: 20 !important;
margin-top: -24px !important;
padding-left: 76px !important;
padding-right: 76px !important;
padding-bottom: 44px !important;
}

.netthub-desktop-offer-card {
max-width: 920px !important;
margin: 0 auto !important;
background: #fffdf9 !important;
border-radius: 22px !important;
padding: 18px 46px 20px !important;
box-shadow:
0 14px 40px rgba(0,0,0,0.08),
0 3px 10px rgba(0,0,0,0.03) !important;
text-align: center !important;
}

.netthub-desktop-offer-card h2 {
margin: 0 0 8px !important;
color: #10233c !important;
font-family: Georgia, "Times New Roman", serif !important;
font-size: 30px !important;
line-height: 1.10 !important;
font-weight: 800 !important;
letter-spacing: -0.8px !important;
}
.netthub-desktop-offer-subtitle {
margin-bottom: 12px !important;
color: #000000 !important;
font-size: 16px !important;
font-weight: 800 !important;
letter-spacing: 0.1px !important;
}

.home-hero-free-word {
color: #1e5a32 !important;
}
.netthub-desktop-offer-features {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: nowrap !important;
gap: 0 !important;
margin-top: 24px !important;
}

.netthub-desktop-feature-item {
position: relative !important;
min-width: 220px !important;
padding: 0 26px !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
color: #173224 !important;
}

.netthub-desktop-feature-item:not(:last-child)::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
right: 0 !important;
width: 1px !important;
height: 40px !important;
transform: translateY(-50%) !important;
background: rgba(20, 34, 53, 0.16) !important;
}
.netthub-desktop-hero-image-wrap,
.netthub-desktop-hero-image,
.netthub-desktop-hero-overlay {
  pointer-events: none !important;
}

.netthub-desktop-hero-content,
.netthub-desktop-hero-left,
.netthub-desktop-selection-column,
.netthub-desktop-option,
.netthub-desktop-join-btn {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 10 !important;
}

}


/* =========================================================
DESKTOP RELATIONSHIP QUESTION
1280px+
========================================================= */
@media (min-width: 1280px) {

.netthub-desktop-relationship-wrapper {
  margin-top: 108px !important;
  width: 650px !important;
}

.netthub-desktop-relationship-question {
  margin: 0 0 16px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.30 !important;
  font-weight: 700 !important;
  text-align: left !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.62) !important;
  max-width: 390px !important;
}

  .netthub-desktop-relationship-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
}

.netthub-desktop-relationship-option {
    width: 405px !important;
    height: 46px !important;
    padding: 0 16px 0 48px !important;
    border: 1px solid rgba(16, 97, 53, 0.22) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #09233f !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: left !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important;
    cursor: pointer !important;
}

  .netthub-desktop-relationship-option::before {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    top: 50% !important;
    width: 22px !important;
    height: 22px !important;
    transform: translateY(-50%) !important;
    border: 2px solid #11613a !important;
    border-radius: 50% !important;
    background: #ffffff !important;
  }

.netthub-desktop-relationship-option:hover {
    background: #ffffff !important;
    transform: translateY(-1px) !important;
}

.netthub-desktop-relationship-option.is-selected {
    background: #1e5a32 !important;
    color: #ffffff !important;
    border-color: #1e5a32 !important;
    transform: scale(0.985) !important;
    transition: all 0.16s ease !important;
}

.netthub-desktop-relationship-option.is-selected::before {
    content: "✓" !important;
    color: #1e5a32 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
  .netthub-desktop-relationship-option {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
transition: all 0.18s ease !important;
}

}

/* =========================================================
1280 × 800 DESKTOP BASE
========================================================= */
@media (width: 1280px) and (height: 800px) {

.netthub-desktop-hero {
height: 600px !important;
min-height: 600px !important;
}

.netthub-desktop-hero-image {
object-position: center 20% !important;
transform: scale(1.025) !important;
}

.netthub-desktop-hero-content {
max-width: 1240px !important;
padding: 122px 58px 0 !important;
}

.netthub-desktop-hero-title {
font-size: 60px !important;
line-height: 0.92 !important;
max-width: 520px !important;
margin-bottom: 24px !important;
}

.netthub-desktop-hero-left {
max-width: 570px !important;
}

.netthub-desktop-relationship-wrapper {
margin-top: 38px !important;
}

.netthub-desktop-relationship-question {
font-size: 20px !important;
line-height: 1.35 !important;
margin-bottom: 18px !important;
max-width: 340px !important;
font-weight: 700 !important;
}

.netthub-desktop-relationship-option {
width: 310px !important;
height: 46px !important;
font-size: 14px !important;
}

.netthub-desktop-offer-section {
margin-top: -15px !important;
}

.netthub-desktop-offer-card {
max-width: 920px !important;
padding: 18px 46px 34px !important;
}

.netthub-desktop-offer-card p {
margin-top: -6px !important;
line-height: 1.45 !important;
}

}

/* =========================================================
1366 × 768 DESKTOP
========================================================= */
@media (width: 1366px) and (height: 768px) {

.netthub-desktop-hero {
height: 585px !important;
min-height: 585px !important;
}

.netthub-desktop-hero-image {
object-position: center 20% !important;
transform: scale(1.025) !important;
}

.netthub-desktop-hero-content {
max-width: 1320px !important;
padding: 122px 58px 0 !important;
}

.netthub-desktop-hero-title {
font-size: 60px !important;
line-height: 0.92 !important;
max-width: 520px !important;
margin-bottom: 24px !important;
}

.netthub-desktop-hero-left {
max-width: 570px !important;
}

/* EXACT SAME STRUCTURE AS 1280×800 */

.netthub-desktop-relationship-wrapper {
margin-top: 52px !important;
}

.netthub-desktop-relationship-question {
font-size: 20px !important;
line-height: 1.35 !important;
margin-bottom: 18px !important;
max-width: 340px !important;
font-weight: 700 !important;
}

.netthub-desktop-relationship-option {
width: 310px !important;
height: 46px !important;
padding: 0 16px 0 48px !important;
border: 1px solid rgba(16, 97, 53, 0.22) !important;
border-radius: 7px !important;
background: rgba(255, 255, 255, 0.96) !important;
color: #09233f !important;
font-size: 14px !important;
font-weight: 600 !important;
text-align: left !important;
position: relative !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important;
cursor: pointer !important;
}

.netthub-desktop-offer-section {
margin-top: -15px !important;
}

.netthub-desktop-offer-card {
max-width: 920px !important;
padding: 14px 46px 24px !important;
}

.netthub-desktop-offer-card h2 {
font-size: 30px !important;
}

.netthub-desktop-offer-card p {
margin-top: -6px !important;
line-height: 1.45 !important;
}

}

/* =========================================================
1440 × 900 DESKTOP
========================================================= */
@media (width: 1440px) and (height: 900px) {

.netthub-desktop-hero {
height: 720px !important;
min-height: 720px !important;
}

.netthub-desktop-hero-image {
object-position: center center !important;
transform: scale(1.02) !important;
}

.netthub-desktop-hero-content {
max-width: 1380px !important;
padding: 122px 58px 0 !important;
}

.netthub-desktop-hero-title {
font-size: 60px !important;
line-height: 0.92 !important;
max-width: 520px !important;
margin-bottom: 32px !important;
}

.netthub-desktop-hero-left {
max-width: 570px !important;
}

.netthub-desktop-relationship-wrapper {
margin-top: 108px !important;
}

.netthub-desktop-relationship-question {
font-size: 16px !important;
line-height: 1.35 !important;
margin-bottom: 16px !important;
max-width: 280px !important;
font-weight: 700 !important;
}

.netthub-desktop-relationship-option {
width: 310px !important;
height: 46px !important;
font-size: 14px !important;
}

.netthub-desktop-offer-section {
margin-top: -55px !important;
}

.netthub-desktop-offer-card {
max-width: 920px !important;
padding: 26px 48px 18px !important;
}

.netthub-desktop-offer-card h2 {
font-size: 28px !important;
margin-bottom: 10px !important;
}

}

/* =========================================================
1600 × 900 DESKTOP
========================================================= */
@media (width: 1600px) and (height: 900px) {

.netthub-desktop-hero {
height: 760px !important;
min-height: 760px !important;
}

.netthub-desktop-hero-image {
object-position: center center !important;
transform: scale(1.02) !important;
}

.netthub-desktop-hero-content {
max-width: 1580px !important;
padding: 118px 100px 0 !important;
}

.netthub-desktop-hero-title {
font-size: 68px !important;
line-height: 0.92 !important;
max-width: 620px !important;
margin-bottom: 38px !important;
}

.netthub-desktop-hero-left {
max-width: 620px !important;
}

.netthub-desktop-relationship-wrapper {
margin-top: 108px !important;
}

.netthub-desktop-relationship-question {
font-size: 18px !important;
line-height: 1.35 !important;
margin-bottom: 18px !important;
max-width: 300px !important;
font-weight: 700 !important;
}

.netthub-desktop-relationship-option {
width: 310px !important;
height: 46px !important;
font-size: 14px !important;
padding: 0 16px 0 48px !important;
}

.netthub-desktop-offer-section {
margin-top: -95px !important;
}

.netthub-desktop-offer-card {
max-width: 980px !important;
padding: 28px 52px 20px !important;
}

.netthub-desktop-offer-card h2 {
font-size: 30px !important;
}

}

/* =========================================================
1920 × 1080 DESKTOP
========================================================= */
@media (width: 1920px) and (height: 1080px) {

.netthub-desktop-hero {
height: 820px !important;
min-height: 820px !important;
}

.netthub-desktop-hero-image {
object-position: center center !important;
transform: scale(1.01) !important;
}

.netthub-desktop-hero-content {
max-width: 1820px !important;
padding: 108px 150px 0 !important;
}

.netthub-desktop-hero-title {
font-size: 74px !important;
line-height: 0.92 !important;
max-width: 620px !important;
margin-bottom: 82px !important;
}

.netthub-desktop-hero-left {
max-width: 600px !important;
}

.netthub-desktop-relationship-wrapper {
margin-top: 92px !important;
}

.netthub-desktop-relationship-question {
font-size: 20px !important;
line-height: 1.35 !important;
margin-bottom: 18px !important;
max-width: 300px !important;
font-weight: 700 !important;
}

.netthub-desktop-relationship-option {
width: 310px !important;
height: 46px !important;
font-size: 14px !important;
padding: 0 16px 0 48px !important;
border-radius: 8px !important;
}

.netthub-desktop-offer-section {
margin-top: -150px !important;
}

.netthub-desktop-offer-card {
max-width: 1040px !important;
padding: 42px 56px 26px !important;
border-radius: 24px !important;
}

}
/* =========================================================
1921px+ ULTRA-WIDE DESKTOP
========================================================= */
@media (min-width: 1921px) {

.netthub-desktop-hero {
height: 760px !important;
min-height: 760px !important;
}

.netthub-desktop-hero-image {
object-position: center 30% !important;
transform: scale(1.0) !important;
}

.netthub-desktop-hero-content {
max-width: 2200px !important;
padding: 110px 0 0 460px !important;
margin: 0 !important;
}

.netthub-desktop-hero-left {
max-width: 760px !important;
}

.netthub-desktop-hero-title {
font-size: 78px !important;
line-height: 0.92 !important;
max-width: 680px !important;
margin-bottom: 70px !important;
}

.netthub-desktop-relationship-wrapper {
margin-top: 80px !important;
}

.netthub-desktop-relationship-question {
font-size: 22px !important;
line-height: 1.35 !important;
max-width: 360px !important;
margin-bottom: 22px !important;
font-weight: 700 !important;
}

.netthub-desktop-relationship-option {
width: 380px !important;
height: 52px !important;
font-size: 16px !important;
padding: 0 16px 0 48px !important;
border-radius: 8px !important;
}

.netthub-desktop-offer-section {
margin-top: -10px !important;
}

.netthub-desktop-offer-card {
max-width: 1040px !important;
padding: 36px 56px 30px !important;
border-radius: 24px !important;
}

.netthub-desktop-offer-card h2 {
font-size: 36px !important;
margin-bottom: 12px !important;
}

.netthub-desktop-offer-card p {
font-size: 16px !important;
line-height: 1.45 !important;
}

}

/* =========================================================
MOBILE FALLBACK BASE ARCHITECTURE
361px → 767px
UNKNOWN MOBILE / SMALL TABLET SAFETY NET
========================================================= */
@media (min-width: 361px) and (max-width: 767px) {

  .netthub-desktop-homepage,
  .netthub-mobile-homepage,
  .old-mobile-hero-disabled {
    display: none !important;
  }

  .home-hero-new-bg {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    height: clamp(690px, 92vh, 820px) !important;
    min-height: clamp(690px, 92vh, 820px) !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
    background: #10233c !important;
  }

  .home-hero-image-wrap {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }

  .home-hero-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: scale(1.04) !important;
  }

  .home-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(
      90deg,
      rgba(0,0,0,0.88) 0%,
      rgba(0,0,0,0.66) 36%,
      rgba(0,0,0,0.22) 70%,
      rgba(0,0,0,0.02) 100%
    ) !important;
  }

  .home-hero-content {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    height: 100% !important;
    padding: clamp(225px, 33vh, 290px) clamp(18px, 5vw, 28px) 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .home-hero-title {
    margin: 0 0 clamp(34px, 5vh, 46px) !important;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(24px, 6.2vw, 31px) !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    text-align: left !important;
    max-width: 260px !important;
    text-shadow: 0 8px 26px rgba(0,0,0,0.55) !important;
  }

  .home-hero-selection-grid,
  .home-hero-join-btn {
    display: none !important;
  }

  .netthub-mobile-relationship-wrapper {
    width: 100% !important;
    max-width: clamp(205px, 52vw, 240px) !important;
    margin-top: -10px !important;
  }

  .netthub-mobile-relationship-question {
    margin: 0 0 11px !important;
    color: #ffffff !important;
    font-size: clamp(15px, 3.6vw, 18px) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: left !important;
    max-width: 300px !important;
    text-shadow: 0 4px 18px rgba(0,0,0,0.55) !important;
  }

  .netthub-mobile-relationship-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .netthub-mobile-relationship-option {
    position: relative !important;
    width: 100% !important;
    height: clamp(40px, 6vh, 46px) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 18px 0 52px !important;
    border-radius: 12px !important;
    border: none !important;
    background: rgba(255,255,255,0.97) !important;
    color: #10233c !important;
    text-decoration: none !important;
    font-size: clamp(12px, 3.1vw, 14px) !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
  }

  .netthub-mobile-relationship-option::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    border: 2px solid #1e5a32 !important;
    background: #ffffff !important;
  }

  .netthub-mobile-offer-section {
    display: block !important;
    position: relative !important;
    z-index: 20 !important;
    margin-top: clamp(-160px, -18vh, -110px) !important;
    padding: 0 clamp(16px, 4vw, 24px) 22px !important;
    background: #f7f4ef !important;
  }

  .netthub-mobile-offer-card {
    background: #fffdf9 !important;
    border-radius: 22px !important;
    padding: clamp(18px, 4vw, 24px) clamp(18px, 5vw, 26px) !important;
    text-align: center !important;
    box-shadow:
      0 14px 38px rgba(0,0,0,0.12),
      0 3px 10px rgba(0,0,0,0.04) !important;
  }

  .netthub-mobile-offer-card h2 {
    margin: 0 0 8px !important;
    color: #10233c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(18px, 4.8vw, 24px) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
  }

  .netthub-mobile-offer-subtitle {
    margin: 0 0 10px !important;
    color: #000000 !important;
    font-size: clamp(13px, 3.4vw, 15px) !important;
    font-weight: 800 !important;
  }

  .netthub-mobile-offer-text {
    margin: 0 !important;
    color: #10233c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

    .netthub-mobile-relationship-option.active,
  .netthub-mobile-relationship-option:hover {
    background: #1e5a32 !important;
    color: #ffffff !important;
  }

  .netthub-mobile-relationship-option.active::before,
  .netthub-mobile-relationship-option:hover::before {
    content: "✓" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #1e5a32 !important;
  }

}
/* =========================================================
MOBILE HOMEPAGE — 430 × 932 BASE ONLY
DESKTOP SAFE
========================================================= */

@media (max-width: 430px) {

  .netthub-desktop-homepage {
    display: none !important;
  }

  .netthub-mobile-homepage,
  .old-mobile-hero-disabled {
    display: none !important;
  }

  .home-hero-new-bg {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
 height: 810px !important;
min-height: 810px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
    background: #10233c !important;
  }

  .home-hero-image-wrap {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }

  .home-hero-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
object-position: 48% center !important;    
transform: scale(1.04) !important;
  }

  .home-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(
      90deg,
      rgba(0,0,0,0.88) 0%,
      rgba(0,0,0,0.66) 34%,
      rgba(0,0,0,0.22) 68%,
      rgba(0,0,0,0.02) 100%
    ) !important;
  }

  .home-hero-content {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    height: 100% !important;
padding: 285px 22px 0 !important;
display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .home-hero-title {
    margin: 0 0 44px !important;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 26px !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    text-align: left !important;
    max-width: 220px !important;
    text-shadow: 0 8px 26px rgba(0,0,0,0.55) !important;
  }

  .home-hero-selection-grid,
  .home-hero-join-btn {
    display: none !important;
  }

  .netthub-mobile-relationship-wrapper {
    width: 100% !important;
max-width: 215px !important;    margin-top: -12px !important;
  }

  .netthub-mobile-relationship-question {
    margin: 0 0 10px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: left !important;
    max-width: 280px !important;
    text-shadow: 0 4px 18px rgba(0,0,0,0.55) !important;
  }

  .netthub-mobile-relationship-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .netthub-mobile-relationship-option {
    position: relative !important;
width: 215px !important;
height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 18px 0 54px !important;
    border-radius: 12px !important;
    border: none !important;
    background: rgba(255,255,255,0.97) !important;
    color: #10233c !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
  }

  .netthub-mobile-relationship-option::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    border: 2px solid #1e5a32 !important;
    background: #ffffff !important;
  }
  .netthub-desktop-offer-section {
    margin-top: -120px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-bottom: 24px !important;
    position: relative !important;
    z-index: 20 !important;
  }

  .netthub-desktop-offer-card {
    border-radius: 22px !important;
    padding: 26px 22px 20px !important;
    box-shadow:
      0 12px 34px rgba(0,0,0,0.10),
      0 2px 8px rgba(0,0,0,0.04) !important;
  }

  .netthub-desktop-offer-card h2 {
    font-size: 20px !important;
    line-height: 1.12 !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }

  .netthub-desktop-offer-subtitle {
    font-size: 14px !important;
    margin-bottom: 14px !important;
    text-align: center !important;
  }

  .netthub-desktop-offer-text {
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    margin-bottom: 18px !important;
  }

  .netthub-desktop-offer-features {
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  .netthub-desktop-feature-item {
    min-width: auto !important;
    width: 100% !important;
    padding: 0 !important;
    font-size: 13px !important;
  }

  .netthub-desktop-feature-item::after {
    display: none !important;
  }
  .netthub-desktop-homepage {
  display: none !important;
}
.netthub-mobile-offer-section {
  display: block !important;
  position: relative !important;
  z-index: 20 !important;
  margin-top: -150px !important;
  padding: 0 18px 18px !important;
  background: #f7f4ef !important;
}

  .netthub-mobile-offer-card {
    background: #fffdf9 !important;
    border-radius: 22px !important;
    padding: 22px 22px 18px !important;
    text-align: center !important;
    box-shadow:
      0 14px 38px rgba(0,0,0,0.12),
      0 3px 10px rgba(0,0,0,0.04) !important;
  }

  .netthub-mobile-offer-card h2 {
    margin: 0 0 8px !important;
    color: #10233c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 24px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
  }

  .netthub-mobile-offer-subtitle {
    margin: 0 0 10px !important;
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  .netthub-mobile-offer-text {
    margin: 0 !important;
    color: #10233c !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }
  .netthub-mobile-question-mobile {
  display: inline !important;
}

.netthub-mobile-question-desktop {
  display: none !important;
}
.netthub-mobile-relationship-option.active,
.netthub-mobile-relationship-option:hover {
  background: #1e5a32 !important;
  color: #ffffff !important;
}

.netthub-mobile-relationship-option.active::before,
.netthub-mobile-relationship-option:hover::before {
  content: "✓" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #1e5a32 !important;
}
}
/* =========================================================
MOBILE HOMEPAGE — 360 × 800 ONLY
========================================================= */

@media (width: 360px) and (height: 800px) {
  .home-hero-new-bg {
height: 700px !important;
min-height: 700px !important;
}

.home-hero-content {
padding: 215px 18px 0 !important;}

.home-hero-title {
  font-size: 24px !important;
  line-height: 1.00 !important;
  margin-bottom: 34px !important;
}

.netthub-mobile-relationship-wrapper {
  max-width: 205px !important;
}

.netthub-mobile-relationship-option {
  width: 205px !important;
  height: 40px !important;
  font-size: 11px !important;
}

.netthub-mobile-offer-section {
margin-top: -170px !important;  
padding-left: 14px !important;
  padding-right: 14px !important;
}

.netthub-mobile-offer-card {
padding: 14px 16px 12px !important;}

.netthub-mobile-offer-card h2 {
font-size: 17px !important;  line-height: 1.10 !important;
}

.netthub-mobile-offer-subtitle {
  font-size: 13px !important;
}

.netthub-mobile-offer-text {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
.netthub-mobile-relationship-option {
  padding: 0 14px 0 46px !important;
font-size: 12px !important;}

}
/* =========================================================
MOBILE HOMEPAGE — 390 × 844 ONLY
========================================================= */

@media (width: 390px) and (height: 844px) {
  .home-hero-new-bg {
  height: 730px !important;
  min-height: 730px !important;
}

.home-hero-content {
  padding: 255px 22px 0 !important;
}

.home-hero-title {
  font-size: 26px !important;
  line-height: 1.02 !important;
  margin-bottom: 40px !important;
}

.netthub-mobile-relationship-wrapper {
  max-width: 205px !important;
  margin-top: -10px !important;
}

.netthub-mobile-relationship-question {
  margin-bottom: 10px !important;
}

.netthub-mobile-relationship-option {
width: 205px !important;  
height: 42px !important;
  font-size: 13px !important;
}

.netthub-mobile-offer-section {
  margin-top: -160px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.netthub-mobile-offer-card {
  padding: 18px 18px 14px !important;
}

.netthub-mobile-offer-card h2 {
  font-size: 18px !important;
  line-height: 1.10 !important;
}

}
/* =========================================================
MOBILE HOMEPAGE — 393 × 852 ONLY
========================================================= */

@media (width: 393px) and (height: 852px) {
.home-hero-new-bg {
  height: 735px !important;
  min-height: 735px !important;
}

.home-hero-content {
  padding: 255px 24px 0 !important;
}

.home-hero-title {
  font-size: 27px !important;
  line-height: 1.02 !important;
  margin-bottom: 42px !important;
}

.netthub-mobile-relationship-wrapper {
  max-width: 208px !important;
  margin-top: -10px !important;
}

.netthub-mobile-relationship-question {
  margin-bottom: 10px !important;
}

.netthub-mobile-relationship-option {
  width: 208px !important;
  height: 42px !important;
  font-size: 13px !important;
}

.netthub-mobile-offer-section {
  margin-top: -135px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.netthub-mobile-offer-card {
  padding: 18px 18px 14px !important;
}

.netthub-mobile-offer-card h2 {
  font-size: 18px !important;
  line-height: 1.10 !important;
}

}
/* =========================================================
MOBILE HOMEPAGE — 412 × 915 ONLY
========================================================= */

@media (width: 412px) and (height: 915px) {
  .home-hero-new-bg {
  height: 790px !important;
  min-height: 790px !important;
}

.home-hero-content {
  padding: 275px 26px 0 !important;
}

.home-hero-title {
  font-size: 29px !important;
  line-height: 1.02 !important;
  margin-bottom: 44px !important;
}

.netthub-mobile-relationship-wrapper {
  max-width: 220px !important;
  margin-top: -10px !important;
}

.netthub-mobile-relationship-question {
  margin-bottom: 12px !important;
}

.netthub-mobile-relationship-option {
  width: 220px !important;
  height: 43px !important;
  font-size: 14px !important;
}

.netthub-mobile-offer-section {
margin-top: -120px !important;  padding-left: 18px !important;
  padding-right: 18px !important;
}

.netthub-mobile-offer-card {
  padding: 20px 20px 16px !important;
}

.netthub-mobile-offer-card h2 {
  font-size: 19px !important;
  line-height: 1.10 !important;
}

}
/* =========================================================
MOBILE HOMEPAGE — 414 × 896 ONLY
========================================================= */

@media (width: 414px) and (height: 896px) {
.home-hero-new-bg {
  height: 770px !important;
  min-height: 770px !important;
}

.home-hero-content {
  padding: 268px 26px 0 !important;
}

.home-hero-title {
  font-size: 29px !important;
  line-height: 1.02 !important;
  margin-bottom: 44px !important;
}

.netthub-mobile-relationship-wrapper {
  max-width: 220px !important;
  margin-top: -10px !important;
}

.netthub-mobile-relationship-question {
  margin-bottom: 12px !important;
}

.netthub-mobile-relationship-option {
  width: 220px !important;
  height: 43px !important;
  font-size: 14px !important;
}

.netthub-mobile-offer-section {
  margin-top: -130px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.netthub-mobile-offer-card {
  padding: 20px 20px 16px !important;
}

.netthub-mobile-offer-card h2 {
  font-size: 19px !important;
  line-height: 1.10 !important;
}

}
/* =========================================================
MOBILE HOMEPAGE — 375 × 812 ONLY
========================================================= */

@media (width: 375px) and (height: 812px) {

.home-hero-new-bg {
height: 705px !important;
min-height: 705px !important;
}

.home-hero-content {
  padding: 238px 22px 0 !important;
}

.home-hero-title {
  font-size: 25px !important;
  line-height: 1.02 !important;
  margin-bottom: 40px !important;
}

.netthub-mobile-relationship-wrapper {
  max-width: 210px !important;
  margin-top: -10px !important;
}

.netthub-mobile-relationship-question {
  margin-bottom: 10px !important;
}

.netthub-mobile-relationship-option {
  width: 210px !important;
  height: 32px !important;
  font-size: 13px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}

.netthub-mobile-offer-section {
margin-top: -170px !important;  
padding-left: 16px !important;
  padding-right: 16px !important;
}

.netthub-mobile-offer-card {
padding: 14px 16px 10px !important;}

.netthub-mobile-offer-card h2 {
font-size: 17px !important;  
line-height: 1.10 !important;
}

}