html.nbn-handset body.nbn .nav { display: none !important; }
html.nbn-handset body.nbn .mobile-menu-btn { display: inline-flex !important; }
html.nbn-handset body.nbn .brand { min-width: 0; max-width: calc(100% - 58px); }
html.nbn-handset body.nbn .brand__tag { display: none; }
html.nbn-handset body.nbn { padding-bottom: calc(98px + env(safe-area-inset-bottom)); }
html.nbn-handset body.nbn main { padding-bottom: calc(124px + env(safe-area-inset-bottom)); }
html.nbn-handset body.nbn .nav-mobile { display: none; }
html.nbn-handset body.nbn .nav-mobile.is-open { display: block !important; }
html.nbn-handset body.nbn .mobileDock {
display: grid !important;
position: fixed !important;
left: max(10px, env(safe-area-inset-left));
right: max(10px, env(safe-area-inset-right));
bottom: max(10px, env(safe-area-inset-bottom));
z-index: 2200;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 4px;
padding: 6px;
border-radius: 16px;
border: 1px solid rgba(148, 163, 184, .32);
background: rgba(2, 6, 23, .9);
box-shadow: 0 16px 38px rgba(2, 6, 23, .46);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
html.nbn-handset body.nbn .mobileDock__link {
min-height: 52px;
min-width: 0;
border-radius: 12px;
border: 1px solid transparent;
background: transparent;
color: #e2e8f0;
text-decoration: none;
font-weight: 900;
font-size: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
}
html.nbn-handset body.nbn .mobileDock__link i {
font-size: 15px;
line-height: 1;
color: #cbd5e1;
}
html.nbn-handset body.nbn .mobileDock__link span {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.1;
}
html.nbn-handset body.nbn .mobileDock__link.is-active {
background: rgba(37, 99, 235, .28);
border-color: rgba(125, 211, 252, .5);
color: #eff6ff;
}
html.nbn-handset body.nbn .mobileDock__link.is-active i {
color: #93c5fd;
}
html.nbn-handset body.nbn .mobileDock__theme {
appearance: none;
-webkit-appearance: none;
font: inherit;
padding: 0;
margin: 0;
cursor: pointer;
background: transparent;
}
html.nbn-handset body.nbn.theme-light .mobileDock {
border-color: rgba(148, 163, 184, .28);
background: rgba(255, 255, 255, .96);
box-shadow: 0 16px 34px rgba(15, 23, 42, .16);
}
html.nbn-handset body.nbn.theme-light .mobileDock__link { color: #0f172a; }
html.nbn-handset body.nbn.theme-light .mobileDock__link i { color: #475569; }
html.nbn-handset body.nbn.theme-light .mobileDock__link.is-active {
background: #eef2ff;
border-color: #c7d2fe;
color: #1e3a8a;
}
html.nbn-handset body.nbn.theme-light .mobileDock__link.is-active i {
color: #1d4ed8;
}
@media (max-width: 520px) {
html.nbn-handset body.nbn .mobileDock {
left: max(8px, env(safe-area-inset-left));
right: max(8px, env(safe-area-inset-right));
}
} html.nbn-handset body.nbn {
padding-bottom: calc(142px + env(safe-area-inset-bottom)) !important;
}
html.nbn-handset body.nbn main {
padding-bottom: calc(176px + env(safe-area-inset-bottom)) !important;
}
html.nbn-handset body.nbn main > :last-child {
margin-bottom: calc(20px + env(safe-area-inset-bottom));
}
html.nbn-handset body.nbn .rxHero {
padding: 18px 0 10px;
}
html.nbn-handset body.nbn .rxHero__grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
align-items: stretch;
}
html.nbn-handset body.nbn .rxHero__copy,
html.nbn-handset body.nbn .rxGlass,
html.nbn-handset body.nbn .heroCard,
html.nbn-handset body.nbn .contentCard:not(.tvxShell),
html.nbn-handset body.nbn .routeFlow__item,
html.nbn-handset body.nbn .homeProof__item,
html.nbn-handset body.nbn .faqHub__item,
html.nbn-handset body.nbn .contactProof__item {
border: 1px solid rgba(148, 163, 184, .34) !important;
border-radius: 18px !important;
background: linear-gradient(166deg, rgba(255,255,255,.95), rgba(248,250,252,.84)) !important;
box-shadow: 0 16px 36px rgba(15, 23, 42, .12) !important;
max-width: 100% !important;
overflow: hidden;
}
html.nbn-handset body.nbn.theme-dark .rxHero__copy,
html.nbn-handset body.nbn.theme-dark .rxGlass,
html.nbn-handset body.nbn.theme-dark .heroCard,
html.nbn-handset body.nbn.theme-dark .contentCard:not(.tvxShell),
html.nbn-handset body.nbn.theme-dark .routeFlow__item,
html.nbn-handset body.nbn.theme-dark .homeProof__item,
html.nbn-handset body.nbn.theme-dark .faqHub__item,
html.nbn-handset body.nbn.theme-dark .contactProof__item {
border-color: rgba(148, 163, 184, .32) !important;
background: linear-gradient(166deg, rgba(8,16,36,.88), rgba(7,12,28,.74)) !important;
box-shadow: 0 22px 46px rgba(2, 6, 23, .52) !important;
}
html.nbn-handset body.nbn .rxHero__copy,
html.nbn-handset body.nbn .rxGlass {
padding: 14px !important;
}
html.nbn-handset body.nbn .rxEyebrow {
display: inline-flex !important;
align-items: center;
gap: 8px;
margin-bottom: 12px;
border: 1px solid rgba(37, 99, 235, .28);
border-radius: 999px;
background: rgba(37, 99, 235, .12);
color: #bfdbfe;
padding: 8px 12px;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .08em;
}
html.nbn-handset body.nbn.theme-light .rxEyebrow {
color: #1d4ed8;
background: rgba(37, 99, 235, .08);
}
html.nbn-handset body.nbn .rxEyebrow__dot {
width: 8px;
height: 8px;
border-radius: 999px;
background: #3b82f6;
display: inline-block;
flex: 0 0 auto;
}
html.nbn-handset body.nbn .rxHero__chips {
list-style: none !important;
margin: 14px 0 0 !important;
padding: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
html.nbn-handset body.nbn .rxHero__chips > li {
list-style: none !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center;
border: 1px solid rgba(148, 163, 184, .35);
border-radius: 999px;
padding: 7px 11px;
font-size: 12px;
font-weight: 900;
background: rgba(15, 23, 42, .38);
color: #e2e8f0;
}
html.nbn-handset body.nbn.theme-light .rxHero__chips > li {
background: #ffffff;
color: #0f172a;
}
html.nbn-handset body.nbn .rxMetrics {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
html.nbn-handset body.nbn .rxMetric {
border: 1px solid rgba(148, 163, 184, .34) !important;
border-radius: 12px !important;
background: rgba(15, 23, 42, .36) !important;
padding: 10px !important;
box-shadow: none !important;
}
html.nbn-handset body.nbn.theme-light .rxMetric {
background: rgba(255, 255, 255, .92) !important;
}
html.nbn-handset body.nbn .rxMetric__k {
font-size: 11px;
line-height: 1.1;
color: #cbd5e1;
}
html.nbn-handset body.nbn.theme-light .rxMetric__k {
color: #475569;
}
html.nbn-handset body.nbn .rxMetric__v {
margin-top: 5px;
font-size: 20px;
line-height: 1.08;
color: #f8fafc;
}
html.nbn-handset body.nbn.theme-light .rxMetric__v {
color: #0f172a;
}
html.nbn-handset body.nbn .homeProof__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
html.nbn-handset body.nbn .tvxHero__stats,
html.nbn-handset body.nbn .rxTrust,
html.nbn-handset body.nbn .rxFlow,
html.nbn-handset body.nbn .rxStack,
html.nbn-handset body.nbn .faqHub__grid,
html.nbn-handset body.nbn .contactProof__grid,
html.nbn-handset body.nbn .routeFlow__grid {
grid-template-columns: 1fr !important;
}
html.nbn-handset body.nbn .heroCard__inner {
grid-template-columns: 1fr !important;
gap: 12px !important;
padding: 14px !important;
}
html.nbn-handset body.nbn .heroRight {
border-left: 0 !important;
border-top: 1px solid rgba(148, 163, 184, .34) !important;
border-radius: 0;
padding: 12px 0 0 !important;
}
@media (max-width: 360px) {
html.nbn-handset body.nbn .rxMetrics,
html.nbn-handset body.nbn .homeProof__grid {
grid-template-columns: 1fr !important;
}
}