body:not(.theme-light) {
--pv2-line: rgba(170, 197, 255, 0.18);
--pv2-line-strong: rgba(115, 162, 255, 0.38);
--pv2-surface: rgba(10, 17, 34, 0.82);
--pv2-surface-2: rgba(13, 22, 43, 0.9);
--pv2-text: #f6f8ff;
--pv2-muted: #a8b5d3;
--pv2-shadow: 0 20px 44px rgba(2, 8, 23, .34);
}
body.theme-light {
--pv2-line: rgba(29, 78, 216, 0.12);
--pv2-line-strong: rgba(29, 78, 216, 0.26);
--pv2-surface: rgba(255, 255, 255, 0.95);
--pv2-surface-2: rgba(247, 250, 255, 0.98);
--pv2-text: #0f172a;
--pv2-muted: #475569;
--pv2-shadow: 0 14px 30px rgba(15, 23, 42, .08);
} .hero .heroCard,
.tvxHero__card {
border-color: var(--pv2-line);
box-shadow: var(--pv2-shadow);
background:
radial-gradient(520px 200px at 90% 0%, rgba(59,130,246,.10), transparent 70%),
radial-gradient(520px 240px at 0% 100%, rgba(16,185,129,.10), transparent 72%);
}
body.theme-light .hero .heroCard,
body.theme-light .tvxHero__card {
background:
radial-gradient(520px 200px at 90% 0%, rgba(59,130,246,.05), transparent 70%),
radial-gradient(520px 240px at 0% 100%, rgba(16,185,129,.05), transparent 72%),
linear-gradient(180deg, rgba(255,255,255,.97), rgba(247,250,255,.98));
}
.heroTitle,
.tvxHero__title {
letter-spacing: -.02em;
}
.heroTitle em,
.tvxHero__title em {
background: linear-gradient(135deg, #10b981 0%, #3b82f6 50%, #f97316 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.heroLead,
.tvxHero__lead {
color: var(--pv2-muted);
}
.heroActions,
.tvxHero__actions {
gap: 10px;
}
.heroActions .btn,
.tvxHero__actions .btn,
.routeFlow__item .btn,
.faqAssist .btn,
.contactBtns .btn,
.tvxBottom .btn,
.tvxEmpty .btn {
min-height: 44px;
border-radius: 14px;
font-weight: 700;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.heroActions .btn:hover,
.tvxHero__actions .btn:hover,
.routeFlow__item .btn:hover,
.faqAssist .btn:hover,
.contactBtns .btn:hover,
.tvxBottom .btn:hover,
.tvxEmpty .btn:hover {
transform: translateY(-1px);
}
.heroActions .btn.btn--primary,
.tvxHero__actions .btn.btn--primary,
.routeFlow__item .btn.btn--primary,
.faqAssist .btn.btn--primary,
.contactBtns .btn.btn--primary,
.tvxBottom .btn.btn--primary {
background: linear-gradient(135deg, #2563eb 0%, #3b82f6 45%, #0ea5e9 100%);
box-shadow: 0 12px 26px rgba(37,99,235,.22);
}
.heroActions .btn.btn--soft,
.tvxHero__actions .btn.btn--soft,
.routeFlow__item .btn.btn--soft,
.faqAssist .btn.btn--soft,
.contactBtns .btn.btn--soft,
.tvxEmpty .btn.btn--soft {
background: rgba(255,255,255,.02);
border-color: var(--pv2-line);
color: var(--pv2-text);
}
body.theme-light .heroActions .btn.btn--soft,
body.theme-light .tvxHero__actions .btn.btn--soft,
body.theme-light .routeFlow__item .btn.btn--soft,
body.theme-light .faqAssist .btn.btn--soft,
body.theme-light .contactBtns .btn.btn--soft,
body.theme-light .tvxEmpty .btn.btn--soft {
background: rgba(255,255,255,.9);
}
.heroActions .btn.btn--ghost,
.tvxHero__actions .btn.btn--ghost,
.routeFlow__item .btn.btn--ghost,
.faqAssist .btn.btn--ghost,
.contactBtns .btn.btn--ghost,
.tvxBottom .btn.btn--ghost {
border-color: var(--pv2-line);
background: rgba(255,255,255,.02);
color: var(--pv2-text);
}
.heroActions .btn.btn--soft:hover,
.heroActions .btn.btn--ghost:hover,
.tvxHero__actions .btn.btn--soft:hover,
.tvxHero__actions .btn.btn--ghost:hover,
.routeFlow__item .btn.btn--soft:hover,
.routeFlow__item .btn.btn--ghost:hover,
.faqAssist .btn.btn--soft:hover,
.faqAssist .btn.btn--ghost:hover,
.contactBtns .btn.btn--soft:hover,
.contactBtns .btn.btn--ghost:hover,
.tvxBottom .btn.btn--ghost:hover {
border-color: var(--pv2-line-strong);
background: rgba(255,255,255,.05);
}
.heroRight .stat,
.tvxKpi,
.tvxHero__right,
.faqHub__item,
.faqFinal__card,
.contactProof__item,
.contactBox,
.routeFlow__item,
.abxWhy__item,
.abxFinal__card,
.abxCompare,
.abxFaq,
.speedCard {
border-color: var(--pv2-line);
box-shadow: var(--pv2-shadow);
background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
body.theme-light .heroRight .stat,
body.theme-light .tvxKpi,
body.theme-light .tvxHero__right,
body.theme-light .faqHub__item,
body.theme-light .faqFinal__card,
body.theme-light .contactProof__item,
body.theme-light .contactBox,
body.theme-light .routeFlow__item,
body.theme-light .abxWhy__item,
body.theme-light .abxFinal__card,
body.theme-light .abxCompare,
body.theme-light .abxFaq,
body.theme-light .speedCard {
background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,255,.98));
}
.faqHub__item,
.routeFlow__item,
.abxWhy__item,
.contactProof__item {
transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.faqHub__item:hover,
.routeFlow__item:hover,
.abxWhy__item:hover,
.contactProof__item:hover {
transform: translateY(-3px);
border-color: var(--pv2-line-strong);
}
.faqHub__item h3,
.routeFlow__item h3,
.abxWhy__item h3,
.faqFinal__card h2,
.abxFinal__card h2,
.speedCard__title,
.tvxEmpty__title {
color: var(--pv2-text);
}
.faqHub__item p,
.routeFlow__item p,
.abxWhy__item p,
.faqFinal__card p,
.abxFinal__card p,
.speedP,
.speedCard p,
.contactProof__item p,
.contactV {
color: var(--pv2-muted);
} .contentCard.faqList,
.contentCard.faqAssist,
.contentCard.speedLayout,
.contactLayout .contentCard,
.contentCard.tvxShell {
border-color: var(--pv2-line);
background:
radial-gradient(500px 180px at 90% 0%, rgba(59,130,246,.08), transparent 70%),
linear-gradient(180deg, rgba(9,15,29,.92), rgba(6,11,22,.96));
box-shadow: var(--pv2-shadow);
}
body.theme-light .contentCard.faqList,
body.theme-light .contentCard.faqAssist,
body.theme-light .contentCard.speedLayout,
body.theme-light .contactLayout .contentCard,
body.theme-light .contentCard.tvxShell {
background:
radial-gradient(500px 180px at 90% 0%, rgba(59,130,246,.05), transparent 70%),
linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,255,.98));
} .faqList details,
.abxFaq details {
border-color: var(--pv2-line);
background: rgba(255,255,255,.015);
border-radius: 14px;
}
body.theme-light .faqList details,
body.theme-light .abxFaq details {
background: rgba(255,255,255,.88);
}
.faqList summary,
.abxFaq summary {
color: var(--pv2-text);
font-weight: 700;
}
.faq__a,
.wysiwyg,
.faqAssist p {
color: var(--pv2-muted);
}
.contactBox {
border-radius: 16px;
padding: 14px;
}
.contactK {
color: var(--pv2-muted);
font-weight: 700;
font-size: .82rem;
letter-spacing: .08em;
text-transform: uppercase;
}
.contactV {
margin-top: 4px;
}
.contactBtns {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.contactBtns .btn {
flex: 1 1 140px;
} .abxCompare {
overflow: hidden;
border-radius: 18px;
}
.abxCompare__head {
background: rgba(59,130,246,.08);
border-bottom: 1px solid var(--pv2-line);
}
.abxCompare__row {
border-top-color: var(--pv2-line);
}
.abxCompare__row div {
color: var(--pv2-muted);
}
.abxCompare__row div:first-child {
color: var(--pv2-text);
font-weight: 700;
}
.abxCompare__row .fa-check {
color: #34d399;
}
.abxFaq {
border-radius: 18px;
}
.abxQuickPills {
margin: 0 0 12px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.abxQuickPills__item {
min-height: 32px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid var(--pv2-line);
background: rgba(255,255,255,.02);
color: var(--pv2-text);
font-size: .82rem;
font-weight: 700;
display: inline-flex;
align-items: center;
}
.abxPlansStage {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
gap: 14px;
align-items: start;
}
.abxPlansStage__main {
min-width: 0;
}
.abxPlansStage__side {
min-width: 0;
position: sticky;
top: calc(86px + env(safe-area-inset-top, 0px));
}
.abxPlansStage__card {
border-radius: 18px;
border: 1px solid var(--pv2-line);
background:
radial-gradient(360px 120px at 90% 0%, rgba(59,130,246,.08), transparent 70%),
linear-gradient(180deg, rgba(9,15,29,.92), rgba(6,11,22,.96));
box-shadow: var(--pv2-shadow);
padding: 14px;
}
body.theme-light .abxPlansStage__card {
background:
radial-gradient(360px 120px at 90% 0%, rgba(59,130,246,.05), transparent 70%),
linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,255,.98));
}
.abxPlansStage__card h3 {
margin: 0;
color: var(--pv2-text);
font-size: 1rem;
}
.abxPlansStage__card ul {
margin: 10px 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 8px;
}
.abxPlansStage__card li {
position: relative;
padding-left: 16px;
color: var(--pv2-muted);
line-height: 1.45;
font-size: .9rem;
}
.abxPlansStage__card li::before {
content: "";
position: absolute;
left: 0;
top: .45em;
width: 7px;
height: 7px;
border-radius: 50%;
background: linear-gradient(135deg, #10b981, #3b82f6);
}
.abxPlansStage__card .btn {
margin-top: 12px;
} .speedCard {
border-radius: 18px;
}
.speedRow {
border-color: var(--pv2-line);
}
.speedK { color: var(--pv2-muted); }
.speedV { color: var(--pv2-text); }
.speedMini,
.embedNote {
border-color: var(--pv2-line);
background: rgba(255,255,255,.02);
color: var(--pv2-muted);
}
.routeFlow__actions {
gap: 8px;
} .tvxHero__card {
border-radius: 24px;
}
.tvxHero__chips span {
border-color: var(--pv2-line);
background: rgba(255,255,255,.02);
}
.tvxSignal {
border-color: rgba(16,185,129,.26);
background: rgba(16,185,129,.10);
color: #d1fae5;
}
.tvxHero__list li {
color: var(--pv2-text);
}
.tvxHero__list li i {
color: #60a5fa;
}
.tvxShell {
border-radius: 22px;
}
.tvxShell__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--pv2-line);
}
.tvxShell__copy {
min-width: 0;
}
.tvxShell__over {
color: var(--pv2-muted);
font-size: .76rem;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.tvxShell__title {
margin: 6px 0 0;
color: var(--pv2-text);
font-size: clamp(1.05rem, 2vw, 1.4rem);
line-height: 1.15;
letter-spacing: -.02em;
}
.tvxShell__lead {
margin: 8px 0 0;
color: var(--pv2-muted);
line-height: 1.55;
max-width: 60ch;
font-size: .92rem;
}
.tvxShell__tips {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
max-width: 38%;
}
.tvxShell__tip {
min-height: 30px;
padding: 0 10px;
border-radius: 999px;
border: 1px solid var(--pv2-line);
background: rgba(255,255,255,.02);
color: var(--pv2-text);
display: inline-flex;
align-items: center;
font-size: .76rem;
font-weight: 700;
white-space: nowrap;
}
.tvxToolbar {
gap: 10px;
}
.tvxField {
min-width: 0;
}
.tvxField__label {
color: var(--pv2-muted);
}
.tvxField .gridInput,
.tvxField .gridSelect {
min-height: 44px;
border-radius: 14px;
border-color: var(--pv2-line) !important;
background: rgba(255,255,255,.02);
color: var(--pv2-text);
}
body.theme-light .tvxField .gridInput,
body.theme-light .tvxField .gridSelect {
background: rgba(255,255,255,.92);
}
.tvxField .gridInput::placeholder {
color: var(--pv2-muted);
}
.tvxQuick__label,
.tvxMeta .gridHint,
.tvxProgress {
color: var(--pv2-muted);
}
.tvxAssist {
margin: 8px 0 10px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.tvxAssist__link {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid var(--pv2-line);
background: rgba(255,255,255,.02);
color: var(--pv2-text);
text-decoration: none;
font-size: .84rem;
font-weight: 700;
transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.tvxAssist__link:hover {
transform: translateY(-1px);
border-color: var(--pv2-line-strong);
background: rgba(255,255,255,.05);
}
.tvxAssist__link i {
color: #60a5fa;
}
.tvxQuick button,
.tvxQuick .tvxQuick__item,
.tvxQuick .chip {
border-color: var(--pv2-line);
}
.tvxQuick .is-active,
.tvxQuick .active {
border-color: rgba(59,130,246,.3);
}
.tvxGrid .channelCard,
.tvxGrid .gridCard,
.tvxGrid > * {
border-color: var(--pv2-line);
}
.tvxEmpty {
border: 1px solid var(--pv2-line);
border-radius: 18px;
background: rgba(255,255,255,.02);
} @media (max-width: 980px) {
.contactBtns .btn {
flex-basis: 100%;
}
.abxCompare {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.abxCompare__head,
.abxCompare__row {
min-width: 640px;
}
.abxPlansStage {
grid-template-columns: 1fr;
}
.abxPlansStage__side {
position: static;
}
.tvxShell__head {
flex-direction: column;
}
.tvxShell__tips {
max-width: none;
justify-content: flex-start;
}
}
@media (max-width: 720px) {
.hero .heroCard,
.tvxHero__card,
.contentCard.faqList,
.contentCard.faqAssist,
.contentCard.speedLayout,
.contactLayout .contentCard,
.contentCard.tvxShell {
border-radius: 18px;
}
.heroActions .btn,
.tvxHero__actions .btn {
width: 100%;
}
.heroActions,
.tvxHero__actions {
display: grid;
grid-template-columns: 1fr;
}
.routeFlow__actions {
display: grid;
grid-template-columns: 1fr;
}
.tvxHero__stats {
grid-template-columns: 1fr;
}
.tvxKpi {
border-radius: 14px;
}
.tvxShell__lead {
font-size: .88rem;
}
.tvxAssist {
display: grid;
grid-template-columns: 1fr;
}
.tvxAssist__link {
min-height: 38px;
border-radius: 12px;
justify-content: flex-start;
}
.tvxField .gridInput,
.tvxField .gridSelect,
.gridCheck.tvxCheck,
.tvxReset {
min-height: 44px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.faqHub__item,
.routeFlow__item,
.abxWhy__item,
.contactProof__item,
.heroActions .btn,
.tvxHero__actions .btn,
.routeFlow__item .btn,
.faqAssist .btn,
.contactBtns .btn {
transition: none !important;
}
.faqHub__item:hover,
.routeFlow__item:hover,
.abxWhy__item:hover,
.contactProof__item:hover,
.heroActions .btn:hover,
.tvxHero__actions .btn:hover,
.routeFlow__item .btn:hover,
.faqAssist .btn:hover,
.contactBtns .btn:hover {
transform: none !important;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}