.sk-support-page .inner-page-header .sk-page-intro { max-width: 620px; margin: 18px auto 0; }
.sk-support-page .heading-wrapper { max-width: 760px; margin-bottom: 30px; }
.sk-support-page .heading-wrapper h2 { margin: 8px 0 13px; color: #0f0786; font-size: clamp(1.8rem, 3vw, 2.55rem); font-weight: 750; letter-spacing: -.035em; line-height: 1.14; }
.sk-support-page .lead-text p { margin: 0; color: #485974; font-size: 1rem; line-height: 1.7; }
.sk-support-page .sk-overline { margin: 0; color: #0e7490; font-size: .72rem; font-weight: 800; letter-spacing: .14em; line-height: 1.2; }
.sk-support-channels { background: #ffffff; }
.sk-support-page .features-block { height: calc(100% - 22px); margin-bottom: 22px; }
.sk-support-page .features-block .inner-box { display: flex; height: 100%; gap: 19px; padding: 25px; border: 1px solid #dce3f4; border-radius: 16px; background: #fff; box-shadow: 0 9px 25px rgba(25,61,54,.055); transition: transform .2s ease, box-shadow .2s ease; }
.sk-support-page .features-block .inner-box:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(25,61,54,.1); }
.sk-support-page .features-block .icon { flex: 0 0 88px; height: 72px; }
.sk-support-page .features-block .icon img { display: block; width: 88px; height: 72px; }
.sk-support-page .features-block .text h4 { margin: 0 0 8px; color: #0f0786; font-size: 1.08rem; font-weight: 750; }
.sk-support-page .features-block .text p { margin: 0 0 9px; color: #485974; font-size: .91rem; line-height: 1.58; }
.sk-support-page .features-block .text p:last-child { margin: 0; color: #1f53bc; }
.sk-support-availability, .sk-support-contact { background: #f6f8ff !important; }
.sk-support-availability .heading-wrapper, .sk-support-contact .heading-wrapper { margin: 0 auto 28px; }
.sk-support-availability .panel-group { max-width: 960px; margin: 0 auto; }
.sk-support-availability .panel { overflow: hidden; border: 1px solid #dce3f4 !important; border-radius: 13px !important; box-shadow: none; }
.sk-support-availability .panel-heading { padding: 0; background: #fff; }
.sk-support-availability .panel-title { margin: 0; font-size: 1rem; }
.sk-support-availability .panel-title a { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; color: #0f0786; font-weight: 750; text-decoration: none; }
.sk-support-availability .panel-title a:after { content: '+'; color: #0e7490; font-size: 1.35rem; font-weight: 400; }
.sk-support-availability .panel-title a:not(.collapsed):after { content: '–'; }
.sk-support-availability .panel-body { padding: 6px 22px 21px; color: #485974; font-size: .94rem; line-height: 1.66; }
.sk-support-availability .panel-body p { margin: 0 0 12px; }
.sk-support-onboarding { background: #ffffff; }
.sk-support-onboarding .heading-wrapper { margin-bottom: 0; }
.sk-support-onboarding__image { display: block; width: min(100%, 360px); height: auto; margin: 0 auto; border-radius: 18px; box-shadow: 0 18px 38px rgba(25,61,54,.1); }
.sk-support-button { display: inline-flex; gap: 9px; align-items: center; margin-top: 23px; padding: 13px 19px; border-radius: 10px; background: linear-gradient(135deg,#9400ff,#7c3aed); color: #ffffff; box-shadow:0 9px 20px rgba(148,0,255,.18); font-size: .9rem; font-weight: 750; text-decoration: none; }
.sk-support-button:hover, .sk-support-button:focus { background:linear-gradient(135deg,#8300e6,#7500cc); color:#ffffff; box-shadow:0 12px 24px rgba(117,0,204,.25); transform:translateY(-2px); }
.sk-support-contact .contact-info-box { max-width: 850px; margin: 0 auto; padding: 28px 30px; border: 1px solid #dce3f4; border-radius: 16px; background: #fff; box-shadow: 0 10px 28px rgba(25,61,54,.06); }
.sk-support-contact .contact-info-box p { margin: 11px 0 !important; color: #527068; line-height: 1.6; }
.sk-support-contact .contact-info-box strong { color: #0f0786; }
.sk-support-contact .contact-info-box a { color: #9e5f31; font-weight: 700; }
@media (max-width: 767px) { .sk-support-page .features-block .inner-box { padding: 21px; gap: 14px; } .sk-support-page .features-block .icon, .sk-support-page .features-block .icon img { width: 68px; height: 56px; flex-basis: 68px; } .sk-support-onboarding__image { margin-top: 28px; } .sk-support-contact .contact-info-box { padding: 22px; } }
@media (max-width: 440px) { .sk-support-page .features-block .inner-box { display: block; } .sk-support-page .features-block .icon { margin-bottom: 13px; } .sk-support-availability .panel-title a { padding: 16px; } .sk-support-availability .panel-body { padding: 4px 16px 18px; } }