@import "https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap";

body {
font-family: 'Ubuntu', sans-serif;
word-break: break-word;
overflow-wrap: anywhere;
margin: 0;
background: #fff;
color: #1a1a1a;
font-size: 14px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.JthHdr {
background: linear-gradient(135deg, #FB9631 0%, #0A24B0 100%);
padding: 24px 40px;
position: relative;
box-shadow: 0 7px 14px -1px #0a24b01c
}

.hdrInr {
max-width: 1140px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px
}

.brandBox {
width: 44px;
height: 44px;
background: #fff;
border: 1px solid #0a24b033;
border-radius: 4px;
padding: 8px;
box-shadow: 0 3px 5px -1px #0a24b00d;
display: flex;
align-items: center;
justify-content: center;
order: 2
}

.brandBox img {
width: 32px;
height: 32px;
object-fit: contain
}

.mainNav {
display: flex;
gap: 24px;
align-items: center;
flex-wrap: wrap;
order: 1;
flex: 1
}

.mainNav a {
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 700;
letter-spacing: .02em;
padding: 8px 24px;
background: #ffffff26;
border-radius: 44px;
transition: background .18s ease-out, transform .15s ease;
position: relative;
overflow: hidden
}

.mainNav a:hover {
background: #ffffff47;
transform: translateY(-1px)
}

.mainNav a:focus {
outline: none;
box-shadow: 0 0 0 3px #e3eac599
}

.navDrop {
position: relative
}

.navDrop>a::after {
content: '';
display: inline-block;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #fff;
margin-left: 8px;
vertical-align: middle
}

.subNav {
position: absolute;
top: calc(100% + 8px);
left: 0;
background: #fff;
border-radius: 4px;
box-shadow: 0 12px 36px -1px #0a24b01f;
min-width: 220px;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity .2s ease-out, transform .2s ease-out, visibility .2s;
z-index: 100;
padding: 8px 0
}

.navDrop:hover .subNav,
.navDrop:focus-within .subNav {
opacity: 1;
visibility: visible;
transform: translateY(0)
}

.subNav a {
display: block;
color: #0A24B0;
padding: 8px 24px;
background: transparent;
border-radius: 0;
font-weight: 400;
transition: background .15s ease
}

.subNav a:hover {
background: #fb96311a;
transform: none
}

@media (max-width: 992px) {
.JthHdr {
padding: 24px
}

.hdrInr {
flex-direction: column;
gap: 24px
}

.brandBox {
order: 1
}

.mainNav {
order: 2;
justify-content: center
}
}

@media (max-width: 576px) {
.mainNav {
flex-direction: column;
width: 100%
}

.mainNav a {
width: 100%;
text-align: center
}

.subNav {
position: static;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
margin-top: 8px;
background: #ffffff1a
}

.navDrop>a::after {
display: none
}
}

.ftrMain {
background: linear-gradient(180deg, #E3EAC5 0%, #e3eac566 100%);
padding: 80px 40px 40px;
margin-top: 80px
}

.ftrGrid {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 40px;
margin-bottom: 40px
}

.ftrCol h3 {
font-size: 22px;
line-height: 1.1;
color: #0A24B0;
margin: 0 0 24px;
font-weight: 700;
letter-spacing: .01em
}

.ftrCol p,
.ftrCol address {
margin: 0 0 8px;
font-style: normal;
color: #2a2a2a;
letter-spacing: .01em
}

.ftrCol a {
color: #0A24B0;
text-decoration: none;
transition: color .16s ease-out;
display: inline-block
}

.ftrCol a:hover {
color: #FB9631
}

.ftrCol a:focus {
outline: none;
box-shadow: 0 0 0 2px #fb963180;
border-radius: 4px
}

.ftrLnkList {
list-style: none;
padding: 0;
margin: 0
}

.ftrLnkList li {
margin-bottom: 8px
}

.cntInfo {
display: flex;
flex-direction: column;
gap: 8px
}

.cntInfo svg {
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 8px;
fill: #FB9631
}

.ftrBtm {
max-width: 1140px;
margin: 0 auto;
padding-top: 40px;
border-top: 1px solid #0a24b026;
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap
}

.cpyTxt {
font-size: 14px;
color: #4a4a4a;
letter-spacing: .01em
}

.ftrNav {
display: flex;
gap: 24px;
flex-wrap: wrap
}

.ftrNav a {
color: #0A24B0;
text-decoration: none;
font-size: 14px;
transition: color .16s ease-out
}

.ftrNav a:hover {
color: #FB9631
}

.ftrNav a:focus {
outline: none;
box-shadow: 0 0 0 2px #fb963180;
border-radius: 4px
}

.ftrLogo {
width: 32px;
height: 32px;
background: #fff;
border: 1px solid #0a24b033;
border-radius: 4px;
padding: 8px;
box-shadow: 0 3px 5px -1px #0a24b00d;
display: flex;
align-items: center;
justify-content: center
}

.ftrLogo img {
width: 24px;
height: 24px;
object-fit: contain
}

@media (max-width: 992px) {
.ftrMain {
padding: 40px 24px 24px;
margin-top: 40px
}

.ftrBtm {
flex-direction: column;
text-align: center
}

.ftrNav {
justify-content: center
}
}

@media (max-width: 576px) {
.ftrGrid {
grid-template-columns: 1fr;
gap: 24px
}

.ftrNav {
flex-direction: column;
gap: 8px
}
}

.cookieWrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
pointer-events: none
}

.cookieBnr {
background: linear-gradient(90deg, #0A24B0 0%, #FB9631 100%);
padding: 24px 40px;
box-shadow: 0 7px 14px -1px #0a24b01c;
display: none;
opacity: 0;
transition: opacity .26s ease-out;
pointer-events: auto
}

.cookieBnr.go {
display: block;
opacity: 1
}

.cookieInr {
max-width: 1140px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap
}

.cookieTxt {
color: #fff;
font-size: 14px;
line-height: 1.5;
letter-spacing: .01em;
flex: 1;
min-width: 280px
}

.cookieActs {
display: flex;
gap: 8px;
flex-wrap: wrap
}

.cookieBtn {
padding: 8px 24px;
border: none;
border-radius: 44px;
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: background .18s ease-out;
letter-spacing: .02em;
position: relative;
overflow: hidden
}

.cookieBtn:focus {
outline: none;
box-shadow: 0 0 0 3px #e3eac599
}

.cookieAccept {
background: #fff;
color: #0A24B0
}

.cookieAccept:hover {
background: #E3EAC5
}

.cookieCustom {
background: #fff3;
color: #fff
}

.cookieCustom:hover {
background: #ffffff59
}

.cookieDecline {
background: transparent;
color: #fff;
border: 1px solid #ffffff80
}

.cookieDecline:hover {
background: #ffffff26
}

.cookiePanel {
display: none;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #ffffff4d
}

.cookiePanel.visible {
display: block
}

.cookieOpts {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 24px
}

.cookieOpt {
display: flex;
align-items: center;
gap: 8px
}

.cookieOpt input[type="checkbox"] {
width: 18px;
height: 18px;
cursor: pointer
}

.cookieOpt label {
color: #fff;
font-size: 14px;
cursor: pointer;
letter-spacing: .01em
}

@media (max-width: 576px) {
.cookieBnr {
padding: 24px
}

.cookieInr {
flex-direction: column
}

.cookieActs {
width: 100%;
flex-direction: column
}

.cookieBtn {
width: 100%
}
}

.legal-section {
max-width: 1140px;
margin: 0 auto;
padding: 80px 24px;
background: #fff
}

.legal-section p {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #1a1a1a;
margin: 0 0 24px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.legal-section p:last-child {
margin-bottom: 0
}

.legal-section strong,
.legal-section b {
font-weight: 600;
color: #0A24B0
}

.legal-section a {
color: #0A24B0;
text-decoration: none;
border-bottom: 1px solid #0a24b04d;
transition: border-color .15s ease-out, color .15s ease-out
}

.legal-section a:hover {
color: #FB9631;
border-bottom-color: #FB9631
}

.legal-section table {
width: 100%;
margin: 40px 0;
border-collapse: collapse;
background: #fff;
box-shadow: 0 3px 5px -1px #0a24b00d 0 7px 14px -1px #0a24b01c;
border-radius: 4px;
overflow: hidden
}

.legal-section thead {
background: linear-gradient(135deg, #0A24B0 0%, #0a24b0d9 100%)
}

.legal-section thead tr {
border: none
}

.legal-section tbody tr {
border-bottom: 1px solid #0a24b014;
transition: background-color .18s ease
}

.legal-section tbody tr:last-child {
border-bottom: none
}

.legal-section tbody tr:hover {
background-color: #e3eac540
}

.legal-section th {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
font-weight: 600;
color: #fff;
text-align: left;
padding: 24px
}

.legal-section td {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #1a1a1a;
padding: 24px
}

.legal-section hr {
border: none;
height: 2px;
background: linear-gradient(90deg, #0a24b026 0%, #fb963126 50%, #0a24b026 100%);
margin: 40px 0;
border-radius: 44px
}

@media (max-width: 992px) {
.legal-section {
padding: 40px 24px
}

.legal-section table {
margin: 24px 0
}

.legal-section th,
.legal-section td {
padding: 8px;
font-size: 14px
}

.legal-section hr {
margin: 24px 0
}
}

@media (max-width: 576px) {
.legal-section {
padding: 24px 8px
}

.legal-section p {
font-size: 14px;
margin: 0 0 8px
}

.legal-section table {
display: block;
overflow-x: auto;
margin: 24px 0
}

.legal-section thead {
display: none
}

.legal-section tbody tr {
display: block;
margin-bottom: 24px;
border: 1px solid #0a24b01f;
border-radius: 4px;
padding: 8px
}

.legal-section td {
display: block;
text-align: left;
padding: 8px 0;
border: none
}

.legal-section td:before {
content: attr(data-label);
font-weight: 600;
color: #0A24B0;
display: block;
margin-bottom: 8px
}
}

.DetailBroadcast {
background: #FAFAFA;
min-height: 100vh;
position: relative
}

.DetailBroadcast .progressBar {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 4px;
background: linear-gradient(90deg, #FB9631 0%, #0A24B0 50%, #E3EAC5 100%);
z-index: 9999;
transition: width .15s ease-out
}

.DetailBroadcast .heroZone {
max-width: 1140px;
margin: 0 auto;
padding: 80px 24px;
display: grid;
grid-template-columns: 280px 1fr;
gap: 40px;
align-items: center;
position: relative;
overflow: visible
}

.DetailBroadcast .blobDecor {
position: absolute;
border-radius: 44px;
filter: blur(80px);
opacity: .3;
z-index: 0;
pointer-events: none
}

.DetailBroadcast .blob1 {
width: 320px;
height: 320px;
background: #FB9631;
top: -40px;
left: 10%
}

.DetailBroadcast .blob2 {
width: 280px;
height: 280px;
background: #0A24B0;
bottom: 40px;
right: 15%
}

.DetailBroadcast .imgCol {
position: relative;
z-index: 1
}

.DetailBroadcast .mainImg {
width: 100%;
height: 380px;
object-fit: cover;
border-radius: 4px;
box-shadow: 0 12px 36px -1px #0a24b01f;
position: relative
}

.DetailBroadcast .mainImg::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 60%, #fb963126 100%);
border-radius: 4px;
pointer-events: none
}

.DetailBroadcast .txtCol {
position: relative;
z-index: 1
}

.DetailBroadcast .catTag {
display: inline-block;
background: #E3EAC5;
color: #0A24B0;
padding: 8px 24px;
border-radius: 44px;
font-size: 14px;
letter-spacing: .02em;
margin-bottom: 24px;
font-weight: 600
}

.DetailBroadcast .mainTtl {
font-size: 56px;
line-height: 1.1;
letter-spacing: .01em;
color: #1A1A1A;
margin-bottom: 24px;
text-shadow: 0 2px 4px #0a24b014
}

.DetailBroadcast .metaGrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 24px;
margin-top: 40px
}

.DetailBroadcast .metaBox {
background: #fff;
padding: 24px;
border-radius: 4px;
box-shadow: 0 3px 5px -1px #fb96310d;
transition: transform .18s ease-out, box-shadow .18s ease-out
}

.DetailBroadcast .metaBox:hover {
transform: translateY(-2px);
box-shadow: 0 7px 14px -1px #fb96311c
}

.DetailBroadcast .metaLbl {
font-size: 14px;
color: #666;
letter-spacing: .02em;
margin-bottom: 8px
}

.DetailBroadcast .metaVal {
font-size: 22px;
line-height: 1.1;
color: #FB9631;
font-weight: 700;
letter-spacing: .01em
}

.DetailBroadcast .contentWrap {
background: #fff;
max-width: 1140px;
margin: 0 auto 80px;
padding: 80px;
border-radius: 4px;
box-shadow: 0 7px 14px -1px #0a24b01c;
position: relative
}

.DetailBroadcast .contentWrap::before {
content: '';
position: absolute;
top: 0;
left: 40px;
right: 40px;
height: 2px;
background: linear-gradient(90deg, #FB9631 0%, #0A24B0 50%, #E3EAC5 100%)
}

.DetailBroadcast .programSec {
margin-bottom: 80px;
padding-bottom: 80px;
border-bottom: 2px dashed #E3EAC5
}

.DetailBroadcast .secHd {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin-bottom: 40px;
text-shadow: 0 1px 3px #fb96311f
}

.DetailBroadcast .programSec h2 {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
color: #1A1A1A;
margin: 40px 0 24px;
padding-left: 24px;
border-left: 4px solid #FB9631
}

.DetailBroadcast .programSec p {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333;
margin-bottom: 24px
}

.DetailBroadcast .programSec ol {
margin: 24px 0;
padding-left: 0;
list-style: none;
counter-reset: itemNum
}

.DetailBroadcast .programSec ol li {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333;
margin-bottom: 24px;
padding-left: 64px;
position: relative;
counter-increment: itemNum
}

.DetailBroadcast .programSec ol li::before {
content: counter(itemNum);
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
background: #FB9631;
color: #fff;
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px
}

.DetailBroadcast .programSec dl {
margin: 24px 0
}

.DetailBroadcast .programSec dt {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #0A24B0;
font-weight: 700;
margin-bottom: 8px
}

.DetailBroadcast .programSec dd {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333;
margin-bottom: 24px;
padding-left: 24px
}

.DetailBroadcast .programSec blockquote {
background: #F5F5F5;
padding: 24px;
border-radius: 4px;
margin: 24px 0;
border-left: 4px solid #0A24B0;
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333
}

.DetailBroadcast .programSec cite {
display: block;
margin-top: 8px;
font-size: 14px;
color: #FB9631;
font-style: normal
}

.DetailBroadcast .programSec figure {
margin: 40px 0
}

.DetailBroadcast .programSec figcaption {
font-size: 14px;
line-height: 1.5;
color: #666;
margin-top: 8px;
text-align: center
}

.DetailBroadcast .programSec details {
background: #FAFAFA;
padding: 24px;
border-radius: 4px;
margin: 24px 0;
border: 1px solid #E3EAC5
}

.DetailBroadcast .programSec summary {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #0A24B0;
font-weight: 700;
cursor: pointer;
user-select: none
}

.DetailBroadcast .programSec abbr {
text-decoration: none;
border-bottom: 1px dotted #FB9631;
cursor: help
}

.DetailBroadcast .descSec h2 {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
color: #1A1A1A;
margin: 40px 0 24px;
padding-left: 24px;
border-left: 4px solid #0A24B0
}

.DetailBroadcast .descSec h3 {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
color: #333;
margin: 24px 0
}

.DetailBroadcast .descSec p {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333;
margin-bottom: 24px
}

.DetailBroadcast .descSec small {
font-size: 14px;
color: #666
}

.DetailBroadcast .descSec ol {
margin: 24px 0;
padding-left: 0;
list-style: none;
counter-reset: descNum
}

.DetailBroadcast .descSec ol li {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333;
margin-bottom: 24px;
padding-left: 64px;
position: relative;
counter-increment: descNum
}

.DetailBroadcast .descSec ol li::before {
content: counter(descNum);
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
background: #0A24B0;
color: #fff;
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px
}

.DetailBroadcast .descSec dl {
margin: 24px 0
}

.DetailBroadcast .descSec dt {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #FB9631;
font-weight: 700;
margin-bottom: 8px
}

.DetailBroadcast .descSec dd {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333;
margin-bottom: 24px;
padding-left: 24px
}

.DetailBroadcast .descSec blockquote {
background: linear-gradient(135deg, #fb96310d 0%, #e3eac514 100%);
padding: 24px;
border-radius: 4px;
margin: 24px 0;
border-left: 4px solid #FB9631;
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333
}

.DetailBroadcast .descSec details {
background: #fff;
padding: 24px;
border-radius: 4px;
margin: 24px 0;
border: 2px solid #E3EAC5;
box-shadow: 0 3px 5px -1px #fb96310d
}

.DetailBroadcast .descSec summary {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #0A24B0;
font-weight: 700;
cursor: pointer;
user-select: none
}

.DetailBroadcast .actionZone {
background: linear-gradient(135deg, #0A24B0 0%, #FB9631 100%);
padding: 80px 24px;
margin-top: 80px;
position: relative;
overflow: hidden
}

.DetailBroadcast .actionZone::before {
content: '';
position: absolute;
top: -2px;
left: 0;
right: 0;
height: 60px;
background: #fff;
clip-path: polygon(0 0, 100% 0, 100% 20px, 90% 40px, 80% 25px, 70% 45px, 60% 30px, 50% 50px, 40% 35px, 30% 55px, 20% 40px, 10% 60px, 0 45px)
}

.DetailBroadcast .actionInner {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px
}

.DetailBroadcast .priceDisplay {
display: flex;
align-items: center;
gap: 40px
}

.DetailBroadcast .priceNum {
font-size: 56px;
line-height: 1.1;
color: #fff;
font-weight: 700;
letter-spacing: .01em;
text-shadow: 0 2px 8px #0003
}

.DetailBroadcast .priceArrow {
width: 60px;
height: 4px;
background: #fff;
position: relative
}

.DetailBroadcast .priceArrow::after {
content: '';
position: absolute;
right: -12px;
top: -8px;
width: 0;
height: 0;
border-left: 12px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent
}

.DetailBroadcast .priceLabel {
font-size: 22px;
line-height: 1.5;
color: #E3EAC5;
letter-spacing: .02em
}

.DetailBroadcast .btnRow {
display: flex;
gap: 24px;
flex-wrap: wrap;
justify-content: center
}

.DetailBroadcast .btnPrimary {
background: #fff;
color: #0A24B0;
padding: 24px 40px;
border-radius: 4px;
font-size: 14px;
letter-spacing: .02em;
font-weight: 700;
text-decoration: none;
display: inline-block;
transition: transform .2s ease, box-shadow .2s ease;
box-shadow: 0 7px 14px -1px #0003;
position: relative;
overflow: hidden
}

.DetailBroadcast .btnPrimary::before {
content: '';
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: #E3EAC5;
transition: right .35s ease-out;
z-index: -1
}

.DetailBroadcast .btnPrimary:hover::before {
right: 0
}

.DetailBroadcast .btnPrimary:hover {
transform: translateY(-2px);
box-shadow: 0 12px 36px -1px #00000040
}

.DetailBroadcast .btnSecondary {
background: transparent;
color: #fff;
padding: 24px 40px;
border: 2px solid #fff;
border-radius: 4px;
font-size: 14px;
letter-spacing: .02em;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: background .25s ease, color .25s ease;
cursor: pointer;
position: relative
}

.DetailBroadcast .btnSecondary:hover {
background: #fff;
color: #0A24B0
}

.DetailBroadcast .copyIcon {
width: 18px;
height: 18px;
fill: currentColor
}

.DetailBroadcast .copyFeedback {
position: fixed;
bottom: 40px;
right: 40px;
background: #0A24B0;
color: #fff;
padding: 24px 40px;
border-radius: 4px;
font-size: 14px;
letter-spacing: .02em;
box-shadow: 0 12px 36px -1px #0a24b040;
opacity: 0;
pointer-events: none;
transition: opacity .3s ease;
z-index: 9998
}

.DetailBroadcast .copyFeedback.shown {
opacity: 1 !important
}

@media (max-width: 992px) {
.DetailBroadcast .heroZone {
grid-template-columns: 1fr;
padding: 40px 24px;
gap: 24px
}

.DetailBroadcast .mainImg {
height: 280px
}

.DetailBroadcast .mainTtl {
font-size: 42px
}

.DetailBroadcast .contentWrap {
padding: 40px 24px
}

.DetailBroadcast .programSec,
.DetailBroadcast .actionZone {
padding: 40px 24px;
margin-bottom: 40px
}

.DetailBroadcast .secHd {
font-size: 22px
}

.DetailBroadcast .priceDisplay {
flex-direction: column;
gap: 24px
}

.DetailBroadcast .priceNum {
font-size: 42px
}

.DetailBroadcast .btnRow {
flex-direction: column;
width: 100%
}

.DetailBroadcast .btnPrimary,
.DetailBroadcast .btnSecondary {
width: 100%;
text-align: center;
justify-content: center
}
}

@media (max-width: 576px) {
.DetailBroadcast .mainTtl {
font-size: 22px
}

.DetailBroadcast .metaGrid {
grid-template-columns: 1fr
}

.DetailBroadcast .priceNum {
font-size: 22px
}

.DetailBroadcast .copyFeedback {
bottom: 24px;
right: 24px;
left: 24px
}
}

.MethodologyHub-v2 .TopHero-v1 {
background: linear-gradient(135deg, #FB9631 0%, #fb963133 45%, #E3EAC5 100%);
padding: 80px 24px 40px;
position: relative;
overflow: hidden
}

.MethodologyHub-v2 .TopHero-v1::before {
content: '"';
position: absolute;
font-size: 280px;
color: #0a24b014;
top: -60px;
left: 50%;
transform: translateX(-50%);
line-height: 1;
pointer-events: none
}

.MethodologyHub-v2 .hero-imgWrap {
max-width: 1140px;
margin: 0 auto 40px;
height: 360px;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 12px 36px -1px #fb96311f
}

.MethodologyHub-v2 .hero-imgWrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: contrast(1.15) saturate(1.1);
transition: transform .15s ease-out
}

.MethodologyHub-v2 .hero-imgWrap:hover img {
transform: scale(1.04)
}

.MethodologyHub-v2 .hero-txtZone {
max-width: 1140px;
margin: 0 auto;
text-align: center
}

.MethodologyHub-v2 .hero-txtZone h1 {
font-size: 56px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 24px;
text-shadow: 2px 2px 4px #fb963126
}

.MethodologyHub-v2 .hero-txtZone p {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
color: #333;
margin: 0
}

.MethodologyHub-v2 .PricingTable-v3 {
background: #fff;
padding: 80px 24px
}

.MethodologyHub-v2 .pricing-inner {
max-width: 1140px;
margin: 0 auto
}

.MethodologyHub-v2 .pricing-inner h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 40px;
text-align: center
}

.MethodologyHub-v2 .pricing-tbl {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 0 0 40px
}

.MethodologyHub-v2 .pricing-col {
background: #FAFAFA;
border-radius: 4px;
padding: 24px;
box-shadow: 0 3px 5px -1px #0a24b00d;
transition: transform .18s ease
}

.MethodologyHub-v2 .pricing-col:hover {
transform: translateY(-4px);
box-shadow: 0 7px 14px -1px #0a24b01c
}

.MethodologyHub-v2 .pricing-col.featured-v2 {
background: linear-gradient(180deg, #E3EAC5 0%, #fff 100%);
border: 2px solid #FB9631
}

.MethodologyHub-v2 .pricing-hdr {
font-size: 22px;
line-height: 1.1;
letter-spacing: .02em;
color: #0A24B0;
margin: 0 0 8px;
font-weight: 600
}

.MethodologyHub-v2 .pricing-val {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #FB9631;
margin: 0 0 24px
}

.MethodologyHub-v2 .pricing-feat {
list-style: none;
padding: 0;
margin: 0
}

.MethodologyHub-v2 .pricing-feat li {
font-size: 14px;
line-height: 1.8;
letter-spacing: .01em;
color: #333;
margin: 0 0 8px;
padding: 0 0 0 28px;
position: relative
}

.MethodologyHub-v2 .pricing-feat li::before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 18px;
height: 18px;
background: #FB9631;
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center
}

.MethodologyHub-v2 .pricing-note {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #666;
text-align: center
}

.MethodologyHub-v2 .MethodList-v1 {
background: #F5F5F5;
padding: 80px 24px;
position: relative
}

.MethodologyHub-v2 .MethodList-v1::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 8px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 8"><path d="M0,0 Q30,8 60,4 T120,6 T180,2 T240,7 T300,3 T360,5 T420,1 T480,6 T540,4 T600,7 T660,2 T720,5 T780,3 T840,6 T900,4 T960,7 T1020,2 T1080,5 T1140,3 L1200,0 L1200,8 L0,8 Z" fill="%23FB9631"/></svg>') repeat-x;
background-size: 1200px 8px
}

.MethodologyHub-v2 .methodlist-inner {
max-width: 1140px;
margin: 0 auto
}

.MethodologyHub-v2 .methodlist-inner h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 24px;
text-shadow: 1px 1px 3px #fb96311f
}

.MethodologyHub-v2 .methodlist-intro {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
color: #333;
margin: 0 0 40px
}

.MethodologyHub-v2 .method-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 24px
}

.MethodologyHub-v2 .method-card {
background: #fff;
border-radius: 44px;
padding: 24px;
box-shadow: 0 7px 14px -1px #0a24b01c;
transition: box-shadow .2s ease-out, transform .16s ease;
position: relative;
overflow: hidden
}

.MethodologyHub-v2 .method-card::after {
content: '';
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent 0%, #fb963114 100%);
transition: right .35s ease;
pointer-events: none
}

.MethodologyHub-v2 .method-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 36px -1px #0a24b01f
}

.MethodologyHub-v2 .method-card:hover::after {
right: 0
}

.MethodologyHub-v2 .method-imgWrap {
width: 100%;
height: 180px;
border-radius: 4px;
overflow: hidden;
margin: 0 0 24px
}

.MethodologyHub-v2 .method-imgWrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .12s ease-out
}

.MethodologyHub-v2 .method-card:hover .method-imgWrap img {
transform: scale(1.06)
}

.MethodologyHub-v2 .method-tag {
display: inline-block;
background: #E3EAC5;
color: #0A24B0;
font-size: 14px;
line-height: 1.1;
letter-spacing: .01em;
padding: 8px 24px;
border-radius: 44px;
margin: 0 0 8px
}

.MethodologyHub-v2 .method-card h3 {
font-size: 22px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 8px
}

.MethodologyHub-v2 .method-desc {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #555;
margin: 0 0 24px
}

.MethodologyHub-v2 .method-meta {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0 0 24px
}

.MethodologyHub-v2 .method-metaRow {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.1;
letter-spacing: .01em;
color: #333
}

.MethodologyHub-v2 .method-metaIcon {
width: 18px;
height: 18px;
fill: #FB9631
}

.MethodologyHub-v2 .method-price {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #FB9631;
margin: 0 0 24px;
font-weight: 600
}

.MethodologyHub-v2 .method-link {
display: inline-block;
background: #0A24B0;
color: #fff;
font-size: 14px;
line-height: 1.1;
letter-spacing: .02em;
padding: 24px 40px;
border-radius: 4px;
text-decoration: none;
transition: background .25s ease;
position: relative;
overflow: hidden
}

.MethodologyHub-v2 .method-link::before {
content: '';
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: #1632c4;
transition: right .3s ease;
z-index: 0
}

.MethodologyHub-v2 .method-link:hover::before {
right: 0
}

.MethodologyHub-v2 .method-link span {
position: relative;
z-index: 1
}

.MethodologyHub-v2 .FeatureSplit-v2 {
background: #fff;
padding: 80px 0
}

.MethodologyHub-v2 .featuresplit-inner {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: 30fr 70fr;
gap: 40px
}

.MethodologyHub-v2 .featuresplit-left {
background: linear-gradient(180deg, #FB9631 0%, #fb9631b3 100%);
padding: 40px 24px;
border-radius: 4px;
box-shadow: inset 0 2px 8px #ffffff4d;
display: flex;
flex-direction: column;
justify-content: center
}

.MethodologyHub-v2 .featuresplit-left h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #fff;
margin: 0 0 24px;
text-shadow: 2px 2px 6px #0a24b033
}

.MethodologyHub-v2 .featuresplit-left p {
font-size: 14px;
line-height: 1.8;
letter-spacing: .02em;
color: #fff;
margin: 0
}

.MethodologyHub-v2 .featuresplit-right {
background: #FAFAFA;
padding: 40px 24px;
border-radius: 4px;
border-right: 4px solid #0A24B0
}

.MethodologyHub-v2 .featuresplit-right h3 {
font-size: 22px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 24px
}

.MethodologyHub-v2 .featuresplit-list {
list-style: none;
padding: 0;
margin: 0;
counter-reset: featureNum
}

.MethodologyHub-v2 .featuresplit-list li {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #333;
margin: 0 0 24px;
padding: 0 0 0 48px;
position: relative;
counter-increment: featureNum
}

.MethodologyHub-v2 .featuresplit-list li::before {
content: counter(featureNum);
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 36px;
background: #FB9631;
color: #fff;
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 600
}

.MethodologyHub-v2 .featuresplit-list li:last-child {
margin-bottom: 0
}

@media (max-width: 992px) {
.MethodologyHub-v2 .TopHero-v1 {
padding: 40px 24px 24px
}

.MethodologyHub-v2 .hero-imgWrap {
height: 240px;
margin-bottom: 24px
}

.MethodologyHub-v2 .hero-txtZone h1 {
font-size: 42px
}

.MethodologyHub-v2 .hero-txtZone p {
font-size: 14px
}

.MethodologyHub-v2 .PricingTable-v3,
.MethodologyHub-v2 .MethodList-v1,
.MethodologyHub-v2 .FeatureSplit-v2 {
padding: 40px 24px
}

.MethodologyHub-v2 .pricing-tbl {
grid-template-columns: 1fr
}

.MethodologyHub-v2 .method-grid {
grid-template-columns: 1fr
}

.MethodologyHub-v2 .featuresplit-inner {
grid-template-columns: 1fr;
gap: 24px
}

.MethodologyHub-v2 .pricing-inner h2,
.MethodologyHub-v2 .methodlist-inner h2,
.MethodologyHub-v2 .featuresplit-left h2 {
font-size: 22px
}

.MethodologyHub-v2 .methodlist-intro {
font-size: 14px
}
}

@media (max-width: 576px) {
.MethodologyHub-v2 .TopHero-v1::before {
font-size: 180px
}

.MethodologyHub-v2 .hero-imgWrap {
height: 200px
}

.MethodologyHub-v2 .method-card {
border-radius: 4px
}

.MethodologyHub-v2 .method-link {
padding: 24px;
width: 100%;
text-align: center
}
}

.ServicesHub-v2 .tpBlock-v1 {
position: relative;
background: linear-gradient(135deg, #FB9631 0%, #FB9631 45%, #0A24B0 45%, #0A24B0 100%);
padding: 120px 24px 56px;
overflow: hidden
}

.ServicesHub-v2 .tpBlock-v1::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(0deg, #ffffff08 0px, #ffffff08 1px, transparent 1px, transparent 2px), repeating-linear-gradient(90deg, #ffffff08 0px, #ffffff08 1px, transparent 1px, transparent 2px);
background-size: 2px 2px;
opacity: 0;
animation: noiseIn .8s ease-out .2s forwards;
pointer-events: none
}

@keyframes noiseIn {
to {
opacity: 1
}
}

.ServicesHub-v2 .tpBlock-v1 .wrapMax {
max-width: 1140px;
margin: 0 auto;
position: relative;
z-index: 2
}

.ServicesHub-v2 .tpBlock-v1 h1 {
font-size: 56px;
line-height: 1.1;
letter-spacing: .01em;
color: #fff;
margin: 0;
text-shadow: 0 4px 12px #0a24b04d
}

.ServicesHub-v2 .tpBlock-v1 .heroImg {
margin-top: 40px;
opacity: 0;
animation: fadeImgIn 1.2s ease-out .4s forwards
}

@keyframes fadeImgIn {
to {
opacity: 1
}
}

.ServicesHub-v2 .tpBlock-v1 .heroImg img {
width: 100%;
max-width: 680px;
height: auto;
border-radius: 4px;
box-shadow: 0 12px 36px -1px #0a24b01f
}

.ServicesHub-v2 .srvGrid-v3 {
background: #fff;
padding: 80px 24px;
position: relative
}

.ServicesHub-v2 .srvGrid-v3::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 48px);
max-width: 1140px;
height: 1px;
background: linear-gradient(90deg, transparent, #0A24B0, transparent)
}

.ServicesHub-v2 .srvGrid-v3::after {
content: '';
position: absolute;
top: 2px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 48px);
max-width: 1140px;
height: 1px;
background: linear-gradient(90deg, transparent, #FB9631, transparent)
}

.ServicesHub-v2 .srvGrid-v3 .wrapMax {
max-width: 1140px;
margin: 0 auto
}

.ServicesHub-v2 .srvGrid-v3 h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: .02em;
color: #0A24B0;
margin: 0 0 40px;
text-shadow: 2px 2px 4px #fb963126
}

.ServicesHub-v2 .cardMosaic {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 24px
}

.ServicesHub-v2 .cardMosaic .crd-anch {
grid-column: span 2;
grid-row: span 2
}

.ServicesHub-v2 .srvCard-item {
background: #E3EAC5;
border-radius: 4px;
padding: 24px;
position: relative;
overflow: hidden;
box-shadow: 0 3px 5px -1px #fb96310d;
transition: box-shadow .18s ease-out, transform .15s ease
}

.ServicesHub-v2 .srvCard-item::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #fb9631d9, #0a24b0d9);
opacity: 0;
transition: opacity .35s ease-out;
pointer-events: none
}

.ServicesHub-v2 .srvCard-item:hover::before {
opacity: 1
}

.ServicesHub-v2 .srvCard-item:hover {
box-shadow: 0 7px 14px -1px #fb96311c;
transform: translateY(-2px)
}

.ServicesHub-v2 .srvCard-item .icnHolder {
width: 48px;
height: 48px;
background: #FB9631;
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
position: relative;
z-index: 1
}

.ServicesHub-v2 .srvCard-item .icnHolder svg {
width: 24px;
height: 24px;
fill: #fff
}

.ServicesHub-v2 .srvCard-item .icnHolder::after {
content: '';
position: absolute;
top: -2px;
right: -2px;
width: 12px;
height: 12px;
background: #0A24B0;
border: 2px solid #fff;
border-radius: 44px
}

.ServicesHub-v2 .srvCard-item h3 {
font-size: 22px;
line-height: 1.5;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 8px;
position: relative;
z-index: 1;
transition: color .35s ease-out
}

.ServicesHub-v2 .srvCard-item:hover h3 {
color: #fff
}

.ServicesHub-v2 .srvCard-item p {
font-size: 14px;
line-height: 1.8;
letter-spacing: .02em;
color: #222;
margin: 0;
position: relative;
z-index: 1;
transition: color .35s ease-out
}

.ServicesHub-v2 .srvCard-item:hover p {
color: #fff
}

.ServicesHub-v2 .crd-anch {
background: #0A24B0
}

.ServicesHub-v2 .crd-anch h3 {
color: #fff;
font-size: 42px
}

.ServicesHub-v2 .crd-anch p {
color: #E3EAC5
}

.ServicesHub-v2 .crd-anch .icnHolder {
background: #FB9631
}

.ServicesHub-v2 .crd-anch .icnHolder::after {
background: #E3EAC5;
border-color: #0A24B0
}

.ServicesHub-v2 .crd-anch::before {
background: linear-gradient(135deg, #e3eac533, #fb96314d)
}

.ServicesHub-v2 .formSection-v1 {
background: linear-gradient(180deg, #E3EAC5 0%, #fff 100%);
padding: 80px 24px;
position: relative
}

.ServicesHub-v2 .formSection-v1 .wrapMax {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start
}

.ServicesHub-v2 .formSection-v1 .leftContent h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 24px;
text-shadow: 1px 1px 2px #fb96311a
}

.ServicesHub-v2 .formSection-v1 .leftContent p {
font-size: 14px;
line-height: 1.8;
letter-spacing: .02em;
color: #222;
margin: 0 0 24px
}

.ServicesHub-v2 .formSection-v1 .leftContent .imgBox {
margin-top: 40px;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 7px 14px -1px #0a24b01c
}

.ServicesHub-v2 .formSection-v1 .leftContent .imgBox img {
width: 100%;
height: auto;
display: block;
transition: transform .4s ease-out
}

.ServicesHub-v2 .formSection-v1 .leftContent .imgBox:hover img {
transform: scale(1.05)
}

.ServicesHub-v2 .formSection-v1 .frmWrap {
background: #fff;
border-radius: 4px;
padding: 40px;
box-shadow: 0 12px 36px -1px #0a24b01f
}

.ServicesHub-v2 .formSection-v1 .frmWrap h3 {
font-size: 22px;
line-height: 1.5;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 24px
}

.ServicesHub-v2 .formSection-v1 .frmRow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px
}

.ServicesHub-v2 .formSection-v1 .frmGrp {
margin-bottom: 24px
}

.ServicesHub-v2 .formSection-v1 .frmGrp label {
display: block;
font-size: 14px;
line-height: 1.5;
letter-spacing: .01em;
color: #0A24B0;
margin-bottom: 8px;
font-weight: 600
}

.ServicesHub-v2 .formSection-v1 .frmGrp input[type="text"],
.ServicesHub-v2 .formSection-v1 .frmGrp input[type="email"],
.ServicesHub-v2 .formSection-v1 .frmGrp input[type="tel"] {
width: 100%;
padding: 12px 24px;
border: 1px solid #E3EAC5;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #222;
background: #fff;
transition: border-color .2s ease, box-shadow .2s ease;
box-shadow: inset 0 1px 3px #0a24b00d
}

.ServicesHub-v2 .formSection-v1 .frmGrp input::placeholder {
color: #999
}

.ServicesHub-v2 .formSection-v1 .frmGrp input:focus {
outline: none;
border-color: #FB9631;
box-shadow: 0 0 0 3px #fb96311a
}

.ServicesHub-v2 .formSection-v1 .chkGroup {
margin-bottom: 24px
}

.ServicesHub-v2 .formSection-v1 .chkGroup p {
font-size: 14px;
line-height: 1.5;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 8px;
font-weight: 600
}

.ServicesHub-v2 .formSection-v1 .chkItem {
margin-bottom: 8px;
display: flex;
align-items: center
}

.ServicesHub-v2 .formSection-v1 .chkItem input[type="checkbox"] {
width: 18px;
height: 18px;
margin-right: 8px;
cursor: pointer;
accent-color: #FB9631
}

.ServicesHub-v2 .formSection-v1 .chkItem label {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #222;
cursor: pointer;
margin: 0;
font-weight: 400
}

.ServicesHub-v2 .formSection-v1 .privacyChk {
margin-bottom: 24px;
display: flex;
align-items: start
}

.ServicesHub-v2 .formSection-v1 .privacyChk input[type="checkbox"] {
width: 18px;
height: 18px;
margin-right: 8px;
margin-top: 2px;
cursor: pointer;
accent-color: #0A24B0;
flex-shrink: 0
}

.ServicesHub-v2 .formSection-v1 .privacyChk label {
font-size: 14px;
line-height: 1.8;
letter-spacing: .02em;
color: #222;
cursor: pointer;
margin: 0;
font-weight: 400
}

.ServicesHub-v2 .formSection-v1 .privacyChk label a {
color: #0A24B0;
text-decoration: underline;
transition: color .15s ease
}

.ServicesHub-v2 .formSection-v1 .privacyChk label a:hover {
color: #FB9631
}

.ServicesHub-v2 .formSection-v1 .btnSubmit {
width: 100%;
padding: 16px 40px;
background: #0A24B0;
color: #fff;
border: none;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
font-weight: 600;
cursor: pointer;
position: relative;
overflow: hidden;
transition: transform .15s ease;
box-shadow: 0 3px 5px -1px #0a24b00d
}

.ServicesHub-v2 .formSection-v1 .btnSubmit::before {
content: '';
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: #061870;
transition: right .35s ease-out;
z-index: 0
}

.ServicesHub-v2 .formSection-v1 .btnSubmit:hover::before {
right: 0
}

.ServicesHub-v2 .formSection-v1 .btnSubmit span {
position: relative;
z-index: 1
}

.ServicesHub-v2 .formSection-v1 .btnSubmit:hover {
transform: translateY(-1px);
box-shadow: 0 7px 14px -1px #0a24b01c
}

.ServicesHub-v2 .formSection-v1 .btnSubmit:active {
transform: translateY(0)
}

@media (max-width: 992px) {
.ServicesHub-v2 .tpBlock-v1 {
padding: 80px 24px 40px
}

.ServicesHub-v2 .tpBlock-v1 h1 {
font-size: 42px
}

.ServicesHub-v2 .srvGrid-v3 {
padding: 40px 24px
}

.ServicesHub-v2 .srvGrid-v3 h2 {
font-size: 22px;
margin-bottom: 24px
}

.ServicesHub-v2 .cardMosaic .crd-anch {
grid-column: span 1;
grid-row: span 1
}

.ServicesHub-v2 .crd-anch h3 {
font-size: 22px
}

.ServicesHub-v2 .formSection-v1 {
padding: 40px 24px
}

.ServicesHub-v2 .formSection-v1 .wrapMax {
grid-template-columns: 1fr;
gap: 40px
}

.ServicesHub-v2 .formSection-v1 .leftContent h2 {
font-size: 22px
}

.ServicesHub-v2 .formSection-v1 .frmWrap {
padding: 24px
}

.ServicesHub-v2 .formSection-v1 .frmRow {
grid-template-columns: 1fr
}
}

@media (max-width: 576px) {
.ServicesHub-v2 .tpBlock-v1 {
padding: 40px 24px 24px
}

.ServicesHub-v2 .tpBlock-v1 h1 {
font-size: 22px
}

.ServicesHub-v2 .cardMosaic {
grid-template-columns: 1fr
}
}

.JTHub-about {
background: #fff;
color: #1a1a1a
}

.JTHub-about .bentoHero-v2 {
max-width: 1140px;
margin: 0 auto;
padding: 80px 24px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 24px;
position: relative
}

.JTHub-about .bentoHero-v2::before {
content: '';
position: absolute;
top: 40px;
right: 80px;
width: 120px;
height: 4px;
background: linear-gradient(90deg, #FB9631 0%, #fb963100 100%)
}

.JTHub-about .bentoHero-v2::after {
content: '';
position: absolute;
top: 60px;
right: 80px;
width: 90px;
height: 4px;
background: linear-gradient(90deg, #0A24B0 0%, #0a24b000 100%)
}

.JTHub-about .heroTxt-cell {
grid-column: 1;
grid-row: 1 / 3;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
background: linear-gradient(135deg, #fff 0%, #E3EAC5 100%);
border-radius: 44px;
box-shadow: 0 7px 14px -1px #fb96311c
}

.JTHub-about .heroTxt-cell h1 {
font-size: 56px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 24px;
color: #0A24B0;
text-shadow: 2px 2px 4px #0a24b01a
}

.JTHub-about .heroTxt-cell ul {
list-style: none;
padding: 0;
margin: 0
}

.JTHub-about .heroTxt-cell li {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
margin: 0 0 8px;
padding-left: 40px;
position: relative
}

.JTHub-about .heroTxt-cell li::before {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 28px;
height: 28px;
background: #FB9631;
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #fff;
font-weight: 700
}

.JTHub-about .heroTxt-cell li:nth-child(1)::before {
content: '1';
line-height: 28px;
text-align: center
}

.JTHub-about .heroTxt-cell li:nth-child(2)::before {
content: '2';
line-height: 28px;
text-align: center
}

.JTHub-about .heroTxt-cell li:nth-child(3)::before {
content: '3';
line-height: 28px;
text-align: center
}

.JTHub-about .heroImg-cell {
grid-column: 2;
grid-row: 1;
border-radius: 4px;
overflow: hidden;
position: relative;
box-shadow: 0 3px 5px -1px #0a24b00d
}

.JTHub-about .heroImg-cell::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at center, transparent 40%, #0009 100%);
pointer-events: none
}

.JTHub-about .heroImg-cell img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s ease-out
}

.JTHub-about .heroImg-cell:hover img {
transform: scale(1.08)
}

.JTHub-about .heroShape-cell {
grid-column: 2;
grid-row: 2;
display: flex;
align-items: center;
justify-content: center;
background: #0A24B0;
border-radius: 44px;
position: relative;
overflow: hidden
}

.JTHub-about .heroShape-cell::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, #fb963126 0%, transparent 70%);
opacity: .3
}

.JTHub-about .heroShape-cell::after {
content: '';
position: absolute;
bottom: 24px;
right: 24px;
width: 60px;
height: 60px;
border: 3px solid #e3eac566;
border-radius: 44px
}

.JTHub-about .complexGrid-v1 {
max-width: 1140px;
margin: 0 auto;
padding: 80px 24px;
background: linear-gradient(180deg, #fff 0%, #e3eac54d 50%, #fff 100%)
}

.JTHub-about .complexGrid-v1 h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 40px;
text-align: center;
color: #0A24B0
}

.JTHub-about .iconGrid-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
position: relative;
margin-bottom: 80px
}

.JTHub-about .iconGrid-wrapper::before {
content: '';
position: absolute;
top: 50%;
left: 16.666%;
right: 16.666%;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #FB9631 20%, #0A24B0 50%, #FB9631 80%, transparent 100%);
transform: translateY(-50%);
z-index: 0
}

.JTHub-about .iconBox-v3 {
background: #fff;
padding: 40px 24px;
border-radius: 4px;
text-align: center;
position: relative;
z-index: 1;
box-shadow: 0 7px 14px -1px #fb96311c;
transition: transform .15s ease-out, box-shadow .15s ease-out
}

.JTHub-about .iconBox-v3:hover {
transform: translateY(-8px);
box-shadow: 0 12px 36px -1px #0a24b01f
}

.JTHub-about .iconBox-v3:hover~.iconBox-v3 {
transform: translateX(8px)
}

.JTHub-about .iconCircle-v2 {
width: 80px;
height: 80px;
margin: 0 auto 24px;
background: linear-gradient(135deg, #FB9631 0%, #0A24B0 100%);
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 2px 8px #ffffff4d
}

.JTHub-about .iconCircle-v2 svg {
width: 40px;
height: 40px;
fill: #fff
}

.JTHub-about .iconBox-v3 h3 {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
margin: 0 0 8px;
color: #0A24B0
}

.JTHub-about .iconBox-v3 p {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
margin: 0;
color: #1a1a1a
}

.JTHub-about .dualFormat-block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.JTHub-about .txtFormat-col {
background: #fff;
padding: 40px;
border-radius: 44px;
box-shadow: 0 3px 5px -1px #0a24b00d
}

.JTHub-about .txtFormat-col h3 {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
margin: 0 0 24px;
color: #FB9631;
position: relative;
padding-left: 24px
}

.JTHub-about .txtFormat-col h3::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
background: #FB9631;
border-radius: 44px
}

.JTHub-about .txtFormat-col p {
font-size: 14px;
line-height: 1.8;
letter-spacing: .02em;
margin: 0 0 24px
}

.JTHub-about .txtFormat-col p:last-child {
margin: 0
}

.JTHub-about .visualFormat-col {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.JTHub-about .visualCard-v1 {
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 3px 5px -1px #fb96310d;
transition: transform .2s ease
}

.JTHub-about .visualCard-v1:hover {
transform: scale(1.05)
}

.JTHub-about .visualCard-v1 img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
transition: transform .35s ease-out
}

.JTHub-about .visualCard-v1:hover img {
transform: scale(1.12)
}

.JTHub-about .visualCard-v1 .cardCaption-v1 {
padding: 24px;
background: linear-gradient(135deg, #E3EAC5 0%, #fff 100%)
}

.JTHub-about .visualCard-v1 .cardCaption-v1 h4 {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
margin: 0;
color: #0A24B0;
font-weight: 700
}

.JTHub-about .divBand-v1 {
height: 8px;
background: linear-gradient(90deg, #FB9631 0%, #fb963100 100%);
margin: 80px 0 0
}

@media (max-width: 992px) {
.JTHub-about .bentoHero-v2 {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
padding: 40px 24px
}

.JTHub-about .heroTxt-cell {
grid-column: 1;
grid-row: 1;
padding: 24px
}

.JTHub-about .heroTxt-cell h1 {
font-size: 42px;
margin: 0 0 24px
}

.JTHub-about .heroTxt-cell li {
font-size: 14px
}

.JTHub-about .heroImg-cell {
grid-column: 1;
grid-row: 2;
min-height: 240px
}

.JTHub-about .heroShape-cell {
grid-column: 1;
grid-row: 3;
min-height: 120px
}

.JTHub-about .iconGrid-wrapper {
grid-template-columns: 1fr;
gap: 24px
}

.JTHub-about .iconGrid-wrapper::before {
display: none
}

.JTHub-about .dualFormat-block {
grid-template-columns: 1fr;
gap: 24px
}

.JTHub-about .visualFormat-col {
grid-template-columns: 1fr
}

.JTHub-about .complexGrid-v1 {
padding: 40px 24px
}

.JTHub-about .complexGrid-v1 h2 {
font-size: 22px;
margin: 0 0 24px
}
}

@media (max-width: 576px) {
.JTHub-about .bentoHero-v2 {
padding: 24px 8px
}

.JTHub-about .heroTxt-cell {
padding: 24px
}

.JTHub-about .heroTxt-cell h1 {
font-size: 22px
}

.JTHub-about .heroTxt-cell li {
font-size: 14px;
padding-left: 40px
}

.JTHub-about .complexGrid-v1 {
padding: 24px 8px
}

.JTHub-about .txtFormat-col {
padding: 24px
}

.JTHub-about .visualCard-v1 img {
height: 160px
}
}

.JTHub-contactv2 {
background: #FAFAFA;
min-height: 100vh;
padding: 0;
margin: 0
}

.JTHub-contactv2 .HeroSplit {
display: grid;
grid-template-columns: 40% 60%;
min-height: 85vh;
max-width: 1140px;
margin: 0 auto;
gap: 0;
position: relative;
overflow: hidden
}

.JTHub-contactv2 .LeftPane {
background: linear-gradient(180deg, #fb9631eb 0%, #fb963126 100%);
padding: 80px 40px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}

.JTHub-contactv2 .LeftPane::before {
content: '';
position: absolute;
top: 24px;
right: 24px;
width: 180px;
height: 180px;
border: 1px solid #0a24b014;
border-radius: 4px
}

.JTHub-contactv2 .LeftPane::after {
content: '';
position: absolute;
top: 32px;
right: 32px;
width: 164px;
height: 164px;
border: 1px solid #0a24b01f;
border-radius: 4px
}

.JTHub-contactv2 .HeroTitle {
font-size: 56px;
line-height: 1.1;
letter-spacing: .015em;
color: #0A24B0;
margin: 0 0 24px;
text-shadow: 0 2px 4px #0a24b014;
animation: fadeInSmooth .15s ease-out;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

@keyframes fadeInSmooth {
from {
opacity: 0
}

to {
opacity: 1
}
}

.JTHub-contactv2 .HeroLink {
display: inline-block;
color: #0A24B0;
font-size: 22px;
line-height: 1.5;
letter-spacing: .012em;
text-decoration: none !important;
border-bottom: 2px solid #0A24B0;
padding-bottom: 4px;
transition: border-color .18s ease-out
}

.JTHub-contactv2 .HeroLink:hover {
border-color: #FB9631
}

.JTHub-contactv2 .RightPane {
position: relative;
overflow: hidden
}

.JTHub-contactv2 .ImgWrap {
width: 100%;
height: 100%;
overflow: hidden;
position: relative
}

.JTHub-contactv2 .ImgWrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 39px, #e3eac508 39px, #e3eac508 40px);
z-index: 2;
pointer-events: none
}

.JTHub-contactv2 .ImgWrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: sepia(0.18) contrast(1.08) saturate(0.88);
animation: slowZoomIn 18s ease-out infinite alternate
}

@keyframes slowZoomIn {
from {
transform: scale(1)
}

to {
transform: scale(1.06)
}
}

.JTHub-contactv2 .FormSection {
max-width: 1140px;
margin: 0 auto;
padding: 80px 40px;
background: #FFF
}

.JTHub-contactv2 .FormGrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 40px
}

.JTHub-contactv2 .FormCol {
display: flex;
flex-direction: column
}

.JTHub-contactv2 .FormHeading {
font-size: 42px;
line-height: 1.1;
letter-spacing: .018em;
color: #0A24B0;
margin: 0 0 40px;
text-shadow: 0 1px 3px #fb96311f
}

.JTHub-contactv2 .FieldGroup {
margin-bottom: 24px
}

.JTHub-contactv2 .FieldLabel {
display: block;
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #333;
margin-bottom: 8px;
font-weight: 500
}

.JTHub-contactv2 .FieldInput {
width: 100%;
padding: 24px;
border: 2px solid #E3EAC5;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
letter-spacing: .012em;
color: #333;
background: #FAFAFA;
transition: border-color .16s ease;
box-shadow: 0 3px 5px -1px #0a24b00d
}

.JTHub-contactv2 .FieldInput:focus {
outline: none;
border-color: #FB9631;
background: #FFF
}

.JTHub-contactv2 .FieldInput::placeholder {
color: #999
}

.JTHub-contactv2 .FieldTextarea {
width: 100%;
padding: 24px;
border: 2px solid #E3EAC5;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
letter-spacing: .012em;
color: #333;
background: #FAFAFA;
min-height: 180px;
resize: vertical;
transition: border-color .16s ease;
box-shadow: 0 3px 5px -1px #0a24b00d
}

.JTHub-contactv2 .FieldTextarea:focus {
outline: none;
border-color: #FB9631;
background: #FFF
}

.JTHub-contactv2 .PrivacyCheck {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 24px
}

.JTHub-contactv2 .PrivacyCheck input[type="checkbox"] {
margin-top: 4px;
width: 18px;
height: 18px;
cursor: pointer;
flex-shrink: 0
}

.JTHub-contactv2 .PrivacyText {
font-size: 14px;
line-height: 1.5;
letter-spacing: .012em;
color: #555
}

.JTHub-contactv2 .PrivacyText a {
color: #0A24B0;
text-decoration: none !important;
border-bottom: 1px solid #0A24B0;
transition: color .14s ease
}

.JTHub-contactv2 .PrivacyText a:hover {
color: #FB9631;
border-bottom-color: #FB9631
}

.JTHub-contactv2 .SubmitBtn {
background: #0A24B0;
color: #FFF;
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
padding: 24px 40px;
border: none;
border-radius: 4px;
cursor: pointer;
position: relative;
overflow: hidden;
box-shadow: 0 7px 14px -1px #0a24b01c;
transition: box-shadow .18s ease-out
}

.JTHub-contactv2 .SubmitBtn::before {
content: '';
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
background: #062080;
transition: right .28s ease-out;
z-index: 0
}

.JTHub-contactv2 .SubmitBtn:hover::before {
right: 0
}

.JTHub-contactv2 .SubmitBtn span {
position: relative;
z-index: 1
}

.JTHub-contactv2 .SubmitBtn:hover {
box-shadow: 0 12px 36px -1px #0a24b01f
}

.JTHub-contactv2 .InfoSidebar {
background: #F5F5F5;
padding: 40px;
border-radius: 4px;
box-shadow: inset 0 2px 8px #fb963114
}

.JTHub-contactv2 .InfoBlock {
margin-bottom: 40px
}

.JTHub-contactv2 .InfoBlock:last-child {
margin-bottom: 0
}

.JTHub-contactv2 .InfoLabel {
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #FB9631;
font-weight: 600;
margin-bottom: 8px;
text-transform: uppercase
}

.JTHub-contactv2 .InfoValue {
font-size: 14px;
line-height: 1.8;
letter-spacing: .012em;
color: #333
}

.JTHub-contactv2 .InfoValue a {
color: #0A24B0;
text-decoration: none !important;
transition: color .14s ease
}

.JTHub-contactv2 .InfoValue a:hover {
color: #FB9631
}

.JTHub-contactv2 .DividerDots {
text-align: center;
padding: 40px 0;
display: flex;
justify-content: center;
align-items: center;
gap: 8px
}

.JTHub-contactv2 .Dot {
width: 6px;
height: 6px;
background: #0A24B0;
border-radius: 44px;
display: inline-block
}

.JTHub-contactv2 .FinalSection {
background: linear-gradient(135deg, #e3eac540 0%, #fb963114 50%, #0a24b01f 100%);
padding: 80px 40px;
position: relative
}

.JTHub-contactv2 .FinalWrap {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 80px;
align-items: center
}

.JTHub-contactv2 .FinalContent {
flex: 1
}

.JTHub-contactv2 .FinalHeading {
font-size: 42px;
line-height: 1.1;
letter-spacing: .016em;
color: #0A24B0;
margin: 0 0 24px;
border-left: 4px solid #FB9631;
border-right: 2px solid #E3EAC5;
padding-left: 24px;
padding-right: 24px
}

.JTHub-contactv2 .FinalText {
font-size: 14px;
line-height: 1.8;
letter-spacing: .012em;
color: #333;
margin: 0 0 24px
}

.JTHub-contactv2 .FinalImg {
flex: 0 0 380px;
height: 420px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 12px 36px -1px #0a24b01f;
position: relative
}

.JTHub-contactv2 .FinalImg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: sepia(0.12) contrast(1.05);
transition: transform .32s ease-out
}

.JTHub-contactv2 .FinalImg:hover img {
transform: scale(1.04)
}

.JTHub-contactv2 .HighlightQuote {
color: #FB9631;
font-weight: 600
}

@media (max-width: 992px) {
.JTHub-contactv2 .HeroSplit {
grid-template-columns: 1fr;
min-height: auto
}

.JTHub-contactv2 .LeftPane {
padding: 40px 24px
}

.JTHub-contactv2 .RightPane {
min-height: 420px
}

.JTHub-contactv2 .HeroTitle {
font-size: 42px
}

.JTHub-contactv2 .FormSection {
padding: 40px 24px
}

.JTHub-contactv2 .FormGrid {
grid-template-columns: 1fr;
gap: 24px
}

.JTHub-contactv2 .FormHeading {
font-size: 42px
}

.JTHub-contactv2 .FinalWrap {
flex-direction: column;
gap: 40px
}

.JTHub-contactv2 .FinalImg {
flex: 0 0 auto;
width: 100%;
height: 320px
}

.JTHub-contactv2 .FinalHeading {
font-size: 42px
}

.JTHub-contactv2 .FinalSection {
padding: 40px 24px
}
}

@media (max-width: 576px) {
.JTHub-contactv2 .HeroTitle {
font-size: 42px
}

.JTHub-contactv2 .HeroLink {
font-size: 14px
}

.JTHub-contactv2 .FormHeading {
font-size: 22px
}

.JTHub-contactv2 .FinalHeading {
font-size: 22px
}

.JTHub-contactv2 .LeftPane::before,
.JTHub-contactv2 .LeftPane::after {
display: none
}

.JTHub-contactv2 .SubmitBtn {
width: 100%
}
}

.jthHub {
background: #FAFAFA;
color: #1A1A1A;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.jthHub .heroWrap-v2 {
max-width: 1140px;
margin: 0 auto;
padding: 80px 24px;
display: grid;
grid-template-columns: 30fr 70fr;
gap: 40px;
align-items: center
}

.jthHub .imgCard {
width: 100%;
height: 420px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 12px 36px -1px #0a24b01f;
animation: dropBounce .8s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@keyframes dropBounce {
0% {
transform: translateY(-80px);
opacity: 0
}

60% {
transform: translateY(8px)
}

80% {
transform: translateY(-4px)
}

100% {
transform: translateY(0);
opacity: 1
}
}

.jthHub .imgCard img {
width: 100%;
height: 100%;
object-fit: cover;
filter: contrast(1.15) saturate(0.9);
transition: filter .15s ease-out
}

.jthHub .imgCard:hover img {
filter: contrast(1.25) saturate(1.1)
}

.jthHub .heroTxt {
animation: dropBounce .9s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.jthHub .mainHead {
font-size: 56px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 24px;
color: #0A24B0;
text-shadow: 2px 2px 4px #0a24b014
}

.jthHub .descTxt {
font-size: 22px;
line-height: 1.8;
letter-spacing: .02em;
margin: 0 0 8px;
color: #333
}

.jthHub .offerBlock {
background: linear-gradient(135deg, #FB9631 0%, #fb963126 45%, #e3eac540 100%);
padding: 80px 24px
}

.jthHub .offerInner {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px
}

.jthHub .offerContent {
animation: dropBounce 1s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.jthHub .offerHead {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 24px;
color: #0A24B0;
text-shadow: 1px 1px 3px #fff9
}

.jthHub .offerTxt {
font-size: 22px;
line-height: 1.8;
letter-spacing: .02em;
margin: 0 0 40px;
color: #1A1A1A
}

.jthHub .offerList {
list-style: none;
padding: 0;
margin: 0
}

.jthHub .offerList li {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
margin: 0 0 24px;
padding-left: 56px;
position: relative;
color: #1A1A1A
}

.jthHub .offerList li::before {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 40px;
height: 40px;
background: #0A24B0;
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #FFF;
font-weight: 700
}

.jthHub .offerList li:nth-child(1)::before {
content: '1'
}

.jthHub .offerList li:nth-child(2)::before {
content: '2'
}

.jthHub .offerList li:nth-child(3)::before {
content: '3'
}

.jthHub .offerSide {
display: flex;
flex-direction: column;
gap: 24px;
animation: dropBounce 1.1s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.jthHub .offerImg {
width: 100%;
height: 280px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 7px 14px -1px #fb96311c;
position: relative
}

.jthHub .offerImg img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .35s ease
}

.jthHub .offerImg:hover img {
transform: scale(1.08)
}

.jthHub .offerImg::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at center, transparent 40%, #0a24b066 100%);
opacity: 0;
transition: opacity .35s ease;
pointer-events: none
}

.jthHub .offerImg:hover::after {
opacity: 1
}

.jthHub .statsWrap {
background: #FFF;
padding: 80px 24px
}

.jthHub .statsInner {
max-width: 1140px;
margin: 0 auto
}

.jthHub .statsHead {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 40px;
color: #0A24B0;
text-align: center;
text-shadow: 1px 1px 2px #0a24b00d;
animation: dropBounce .8s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.jthHub .comparisonBars {
display: grid;
gap: 24px;
animation: dropBounce 1s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.jthHub .barRow {
display: grid;
grid-template-columns: 200px 1fr;
gap: 24px;
align-items: center
}

.jthHub .barLabel {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
color: #1A1A1A;
font-weight: 700
}

.jthHub .barPair {
display: grid;
gap: 8px
}

.jthHub .barItem {
display: grid;
grid-template-columns: auto 1fr;
gap: 8px;
align-items: center
}

.jthHub .barName {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #666;
width: 120px
}

.jthHub .barTrack {
height: 32px;
background: #E3EAC5;
border-radius: 4px;
overflow: hidden;
position: relative
}

.jthHub .barFill {
height: 100%;
background: linear-gradient(90deg, #FB9631 0%, #0A24B0 100%);
transition: width .4s ease-out;
box-shadow: inset 0 2px 4px #ffffff4d
}

.jthHub .barFill.w85 {
width: 85%
}

.jthHub .barFill.w62 {
width: 62%
}

.jthHub .barFill.w91 {
width: 91%
}

.jthHub .barFill.w58 {
width: 58%
}

.jthHub .featuresBlock {
background: linear-gradient(135deg, #e3eac54d 0%, #0a24b00d 100%);
padding: 80px 24px
}

.jthHub .featuresInner {
max-width: 1140px;
margin: 0 auto
}

.jthHub .featuresHead {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 40px;
color: #0A24B0;
text-shadow: 1px 1px 3px #e3eac580;
animation: dropBounce .9s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.jthHub .featGrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 24px
}

.jthHub .featCard {
background: #FFF;
padding: 24px;
border-radius: 4px;
box-shadow: 0 3px 5px -1px #0a24b00d;
transition: transform .2s ease-out, box-shadow .2s ease-out;
animation: dropBounce 1.1s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.jthHub .featCard:hover {
transform: translateY(-4px);
box-shadow: 0 12px 36px -1px #fb96311f
}

.jthHub .featIcon {
width: 56px;
height: 56px;
background: linear-gradient(135deg, #FB9631 0%, #0A24B0 100%);
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 24px;
box-shadow: inset 0 2px 6px #fff6
}

.jthHub .featIcon svg {
width: 28px;
height: 28px;
fill: #FFF
}

.jthHub .featTitle {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
margin: 0 0 8px;
color: #0A24B0
}

.jthHub .featDesc {
font-size: 14px;
line-height: 1.8;
letter-spacing: .02em;
margin: 0;
color: #666
}

.jthHub .ctaBlock {
background: #FFF;
padding: 80px 24px
}

.jthHub .ctaInner {
max-width: 1140px;
margin: 0 auto;
text-align: center;
animation: dropBounce 1s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.jthHub .ctaHead {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 24px;
color: #0A24B0;
text-shadow: 2px 2px 4px #0a24b00f;
display: flex;
align-items: center;
justify-content: center;
gap: 24px
}

.jthHub .ctaIcon {
width: 48px;
height: 48px
}

.jthHub .ctaIcon svg {
width: 100%;
height: 100%;
fill: #FB9631
}

.jthHub .ctaTxt {
font-size: 22px;
line-height: 1.8;
letter-spacing: .02em;
margin: 0 0 40px;
color: #333
}

.jthHub .ctaBtn {
display: inline-block;
padding: 24px 40px;
background: #0A24B0;
color: #FFF;
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 7px 14px -1px #0a24b01c;
position: relative;
overflow: hidden;
transition: box-shadow .25s ease-out
}

.jthHub .ctaBtn::before {
content: '';
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
background: #FB9631;
transition: right .35s ease;
z-index: 0
}

.jthHub .ctaBtn:hover::before {
right: 0
}

.jthHub .ctaBtn:hover {
box-shadow: 0 12px 36px -1px #fb96311f
}

.jthHub .ctaBtn span {
position: relative;
z-index: 1
}

@media (max-width: 992px) {
.jthHub .heroWrap-v2 {
grid-template-columns: 1fr;
padding: 40px 24px
}

.jthHub .imgCard {
height: 320px
}

.jthHub .mainHead {
font-size: 42px
}

.jthHub .offerInner {
grid-template-columns: 1fr
}

.jthHub .barRow {
grid-template-columns: 1fr;
gap: 8px
}

.jthHub .barName {
width: auto
}

.jthHub .ctaHead {
font-size: 32px;
flex-direction: column;
gap: 8px
}
}

@media (max-width: 576px) {

.jthHub .mainHead,
.jthHub .offerHead,
.jthHub .statsHead,
.jthHub .featuresHead,
.jthHub .ctaHead {
font-size: 32px
}

.jthHub .descTxt,
.jthHub .offerTxt,
.jthHub .barLabel,
.jthHub .featTitle,
.jthHub .ctaTxt,
.jthHub .ctaBtn {
font-size: 18px
}

.jthHub .offerList li {
font-size: 18px;
padding-left: 48px
}

.jthHub .offerList li::before {
width: 32px;
height: 32px;
font-size: 18px
}

.jthHub .featGrid {
grid-template-columns: 1fr
}
}

.jthHub .dividerEdges {
height: 2px;
max-width: 1140px;
margin: 0 auto;
position: relative;
background: transparent
}

.jthHub .dividerEdges::before,
.jthHub .dividerEdges::after {
content: '';
position: absolute;
top: 0;
width: 80px;
height: 2px;
background: #FB9631
}

.jthHub .dividerEdges::before {
left: 0
}

.jthHub .dividerEdges::after {
right: 0
}

.JTHub-successPage {
background: linear-gradient(135deg, #fff 0%, #E3EAC5 50%, #fff 100%);
min-height: 100vh;
padding: 80px 24px;
position: relative;
overflow: hidden
}

.JTHub-successPage::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 600px;
height: 600px;
background: radial-gradient(circle, #fb963114 0%, transparent 70%);
animation: colorShiftAccent 2s ease-out forwards;
pointer-events: none
}

@keyframes colorShiftAccent {
from {
opacity: 0;
transform: scale(0.8)
}

to {
opacity: 1;
transform: scale(1)
}
}

.JTHub-successPage::after {
content: '';
position: absolute;
bottom: -20%;
left: -5%;
width: 400px;
height: 400px;
background: radial-gradient(circle, #0a24b00f 0%, transparent 70%);
pointer-events: none
}

.SuccessWrap-v2 {
max-width: 1140px;
margin: 0 auto;
position: relative;
z-index: 1
}

.confirmBlock {
background: #fff;
border-radius: 44px;
padding: 80px 40px;
box-shadow: 0 12px 36px -1px #0a24b01f 0 7px 14px -1px #0a24b01c;
text-align: center;
margin: 0 0 40px;
position: relative;
animation: colorShiftAccent 1.8s ease-out forwards
}

.confirmBlock::before {
content: '';
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 120px;
background: linear-gradient(135deg, #FB9631 0%, #0A24B0 100%);
border-radius: 50%;
opacity: .15;
animation: pulseCircle 2s ease-in-out infinite
}

@keyframes pulseCircle {

0%,
100% {
transform: translateX(-50%) scale(1);
opacity: .15
}

50% {
transform: translateX(-50%) scale(1.1);
opacity: .08
}
}

.iconCheck-v1 {
width: 88px;
height: 88px;
margin: 0 auto 24px;
position: relative;
z-index: 1
}

.iconCheck-v1 svg {
width: 100%;
height: 100%
}

.iconCheck-v1 circle {
fill: #FB9631;
animation: scaleIn .35s ease-out forwards;
transform-origin: center
}

@keyframes scaleIn {
from {
transform: scale(0)
}

to {
transform: scale(1)
}
}

.iconCheck-v1 path {
stroke: #fff;
stroke-width: 3;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 50;
stroke-dashoffset: 50;
animation: drawCheck .4s .3s ease-out forwards
}

@keyframes drawCheck {
to {
stroke-dashoffset: 0
}
}

.confirmBlock h1 {
font-size: 56px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 24px;
text-shadow: 0 2px 8px #0a24b01f
}

.confirmBlock p {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
color: #333;
margin: 0 0 8px;
max-width: 700px;
margin-left: auto;
margin-right: auto
}

.confirmBlock p:last-of-type {
margin-bottom: 0
}

.detailsGrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 24px;
margin: 40px 0 0
}

.statCard-v3 {
background: linear-gradient(135deg, #E3EAC5 0%, #fff 100%);
border-radius: 4px;
padding: 24px;
box-shadow: 0 3px 5px -1px #fb96310d;
transition: transform .18s ease-out, box-shadow .18s ease-out;
position: relative;
overflow: hidden
}

.statCard-v3::before {
content: '';
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent 0%, #fb96311a 50%, transparent 100%);
transition: right .35s ease
}

.statCard-v3:hover::before {
right: 100%
}

.statCard-v3:hover {
transform: translateY(-4px);
box-shadow: 0 7px 14px -1px #fb96311c
}

.statCard-v3 .numDisplay {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #FB9631;
font-weight: 700;
margin: 0 0 8px;
display: block
}

.statCard-v3 .labelTxt {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #0A24B0;
display: block
}

.nextSteps {
background: #fff;
border-radius: 4px;
padding: 40px;
box-shadow: 0 7px 14px -1px #fb96311c 0 3px 5px -1px #fb96310d;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
align-items: start
}

.contentCol h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 24px;
text-shadow: 0 1px 4px #0a24b014
}

.actionList {
list-style: none;
padding: 0;
margin: 0
}

.actionList li {
display: flex;
align-items: start;
gap: 24px;
margin: 0 0 24px;
padding: 24px;
background: linear-gradient(135deg, #E3EAC5 0%, #fff 100%);
border-radius: 44px;
transition: transform .15s ease-out, box-shadow .15s ease-out;
box-shadow: 0 3px 5px -1px #0a24b00d
}

.actionList li:hover {
transform: translateX(8px);
box-shadow: 0 7px 14px -1px #0a24b01c
}

.actionList li:last-child {
margin-bottom: 0
}

.numCircle {
width: 44px;
height: 44px;
background: #FB9631;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1.1;
letter-spacing: .01em;
color: #fff;
font-weight: 700;
flex-shrink: 0;
box-shadow: inset 0 2px 4px #ffffff4d
}

.actionList li div {
flex: 1
}

.actionList li h4 {
font-size: 22px;
line-height: 1.1;
letter-spacing: .01em;
color: #0A24B0;
margin: 0 0 8px
}

.actionList li p {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #333;
margin: 0
}

.sidebarCol {
background: linear-gradient(180deg, #0A24B0 0%, #FB9631 100%);
border-radius: 44px;
padding: 40px 24px;
text-align: center;
box-shadow: inset 0 4px 12px #00000026;
position: relative;
overflow: hidden
}

.sidebarCol::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, #ffffff1a 0%, transparent 60%);
animation: rotateSlow 8s linear infinite;
pointer-events: none
}

@keyframes rotateSlow {
from {
transform: rotate(0deg)
}

to {
transform: rotate(360deg)
}
}

.sidebarCol h3 {
font-size: 22px;
line-height: 1.5;
letter-spacing: .02em;
color: #fff;
margin: 0 0 24px;
position: relative;
z-index: 1
}

.promoBox {
background: #ffffff26;
border-radius: 4px;
padding: 24px;
margin: 0 0 24px;
position: relative;
z-index: 1;
backdrop-filter: blur(8px)
}

.promoBox .bigNum {
font-size: 56px;
line-height: 1.1;
letter-spacing: .01em;
color: #fff;
font-weight: 700;
margin: 0 0 8px;
display: block;
text-shadow: 0 2px 8px #0003
}

.promoBox .subText {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #E3EAC5;
display: block
}

.ctaBtn-v1 {
display: inline-block;
padding: 24px 40px;
background: #0A24B0;
color: #fff;
font-size: 22px;
line-height: 1.1;
letter-spacing: .01em;
text-decoration: none;
border-radius: 44px;
transition: transform .2s ease-out, box-shadow .2s ease-out;
box-shadow: 0 7px 14px -1px #0003;
position: relative;
z-index: 1;
overflow: hidden
}

.ctaBtn-v1::before {
content: '';
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: #FB9631;
transition: right .3s ease;
z-index: -1
}

.ctaBtn-v1:hover::before {
right: 0
}

.ctaBtn-v1:hover {
transform: scale(1.05);
box-shadow: 0 12px 36px -1px #00000040
}

@media (max-width: 992px) {
.JTHub-successPage {
padding: 40px 24px
}

.confirmBlock {
padding: 40px 24px
}

.confirmBlock h1 {
font-size: 42px
}

.detailsGrid {
grid-template-columns: 1fr
}

.nextSteps {
grid-template-columns: 1fr;
gap: 24px;
padding: 24px
}

.contentCol h2 {
font-size: 22px
}

.actionList li {
flex-direction: column;
gap: 8px;
padding: 24px
}

.sidebarCol {
order: -1
}
}

@media (max-width: 576px) {
.confirmBlock h1 {
font-size: 22px
}

.confirmBlock p {
font-size: 14px
}

.iconCheck-v1 {
width: 64px;
height: 64px
}

.statCard-v3 .numDisplay {
font-size: 22px
}

.actionList li h4 {
font-size: 14px
}

.numCircle {
width: 32px;
height: 32px;
font-size: 14px
}

.promoBox .bigNum {
font-size: 42px
}

.ctaBtn-v1 {
padding: 24px;
font-size: 14px;
width: 100%;
text-align: center
}
}