:root {
--rt-blue: #0d2d5c;
--rt-blue-deep: #081d3b;
--rt-cyan: #00abef;
--rt-cyan-light: #61d8ff;
--rt-bg: #f4faff;
--rt-bg-soft: #eef7ff;
--rt-text: #0f172a;
--rt-muted: #607086;
--rt-line: rgba(13, 45, 92, .10);
--rt-white: #ffffff;
--rt-shadow: 0 20px 60px rgba(13, 45, 92, .10);
--rt-shadow-strong: 0 24px 70px rgba(13, 45, 92, .16);
}

.rt-faq-page {
background: linear-gradient(180deg, #f8fcff 0%, #f3f9ff 100%);
color: var(--rt-text);
overflow: hidden;
}

.rt-wrap {
width: min(1200px, calc(100% - 40px));
margin: 0 auto;
}

.rt-section {
padding: 110px 0;
}

.rt-section--light {
background: linear-gradient(180deg, #f9fcff 0%, #eef7ff 100%);
}

.rt-eyebrow {
margin: 0 0 14px;
color: var(--rt-cyan);
font-size: 13px;
font-weight: 800;
letter-spacing: .18em;
}

.rt-head {
max-width: 760px;
margin: 0 auto 52px;
text-align: center;
}

.rt-title {
margin: 0 0 18px;
color: var(--rt-blue);
font-size: clamp(30px, 4vw, 46px);
line-height: 1.2;
font-weight: 900;
}

.rt-lead {
margin: 0;
color: var(--rt-muted);
font-size: 16px;
line-height: 1.95;
}

.rt-faq-hero {
position: relative;
padding: 140px 0 110px;
background:
radial-gradient(circle at 10% 12%, rgba(0, 171, 239, .12) 0, transparent 24%),
radial-gradient(circle at 90% 18%, rgba(13, 45, 92, .10) 0, transparent 24%),
linear-gradient(135deg, #f7fcff 0%, #eef7ff 48%, #f8fcff 100%);
}

.rt-faq-hero__bg {
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, .46) 0%, rgba(255, 255, 255, 0) 100%);
}

.rt-faq-hero__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1.08fr .92fr;
gap: 44px;
align-items: center;
}

.rt-faq-title {
margin: 0 0 22px;
color: var(--rt-blue);
font-size: clamp(38px, 5vw, 64px);
line-height: 1.12;
font-weight: 900;
}

.rt-faq-lead {
margin: 0;
color: var(--rt-muted);
font-size: 16px;
line-height: 2;
}

.rt-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}

.rt-actions--center {
justify-content: center;
}

.rt-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 220px;
min-height: 56px;
padding: 0 28px;
border-radius: 999px;
text-decoration: none;
font-weight: 700;
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
box-sizing: border-box;
}

.rt-btn:hover {
transform: translateY(-2px);
}

.rt-btn--primary {
background: linear-gradient(135deg, var(--rt-cyan) 0%, #35c7ff 100%);
color: #fff;
box-shadow: 0 16px 34px rgba(0, 171, 239, .28);
}

.rt-btn--ghost {
border: 1px solid rgba(13, 45, 92, .14);
background: rgba(255, 255, 255, .82);
color: var(--rt-blue);
}

.rt-faq-hero__visual {
display: grid;
gap: 18px;
}

.rt-faq-stat,
.rt-faq-mini-card {
padding: 28px 24px;
border-radius: 28px;
background: rgba(255, 255, 255, .90);
border: 1px solid var(--rt-line);
box-shadow: var(--rt-shadow);
backdrop-filter: blur(10px);
}

.rt-faq-stat__label {
display: inline-flex;
margin-bottom: 14px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(0, 171, 239, .12);
color: var(--rt-cyan);
font-size: 12px;
font-weight: 800;
letter-spacing: .08em;
}

.rt-faq-stat strong {
display: block;
margin-bottom: 10px;
color: var(--rt-blue);
font-size: 30px;
line-height: 1.25;
font-weight: 900;
}

.rt-faq-stat p {
margin: 0;
color: var(--rt-muted);
line-height: 1.9;
}

.rt-faq-mini-card h3 {
margin: 0 0 14px;
color: var(--rt-blue);
font-size: 22px;
font-weight: 800;
}

.rt-faq-mini-card ul {
list-style: none;
margin: 0;
padding: 0;
}

.rt-faq-mini-card li {
position: relative;
padding-left: 20px;
color: var(--rt-muted);
line-height: 1.9;
}

.rt-faq-mini-card li+li {
margin-top: 8px;
}

.rt-faq-mini-card li::before {
content: "";
position: absolute;
left: 0;
top: .78em;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--rt-cyan);
}

.rt-grid {
display: grid;
gap: 24px;
}

.rt-grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-info-card {
padding: 24px 20px;
border-radius: 22px;
background: #fff;
border: 1px solid var(--rt-line);
box-shadow: var(--rt-shadow);
}

.rt-info-card h3 {
margin: 0 0 10px;
color: var(--rt-blue);
font-size: 20px;
font-weight: 800;
}

.rt-info-card p {
margin: 0;
color: var(--rt-muted);
font-size: 15px;
line-height: 1.85;
}

.rt-faq-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 28px;
align-items: start;
}

.rt-faq-nav {
position: sticky;
top: 120px;
}

.rt-faq-nav__box {
padding: 24px 20px;
border-radius: 24px;
background: #fff;
border: 1px solid var(--rt-line);
box-shadow: var(--rt-shadow);
}

.rt-faq-nav__box h3 {
margin: 0 0 14px;
color: var(--rt-blue);
font-size: 20px;
font-weight: 800;
}

.rt-faq-nav__box ul {
list-style: none;
margin: 0;
padding: 0;
}

.rt-faq-nav__box li+li {
margin-top: 10px;
}

.rt-faq-nav__box a {
display: block;
padding: 12px 14px;
border-radius: 14px;
color: var(--rt-blue);
text-decoration: none;
font-weight: 700;
background: linear-gradient(180deg, #f8fcff 0%, #eef7ff 100%);
border: 1px solid rgba(13, 45, 92, .08);
transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.rt-faq-nav__box a:hover {
transform: translateY(-1px);
border-color: rgba(0, 171, 239, .25);
background: #fff;
}

.rt-faq-content {
display: grid;
gap: 28px;
}

.rt-faq-group {
padding: 28px 24px;
border-radius: 28px;
background: rgba(255, 255, 255, .90);
border: 1px solid var(--rt-line);
box-shadow: var(--rt-shadow);
}

.rt-faq-group__head {
margin-bottom: 18px;
}

.rt-faq-group__label {
margin: 0 0 8px;
color: var(--rt-cyan);
font-size: 12px;
font-weight: 800;
letter-spacing: .12em;
}

.rt-faq-group__head h3 {
margin: 0;
color: var(--rt-blue);
font-size: 28px;
line-height: 1.35;
font-weight: 900;
}

.rt-faq-item {
border: 1px solid rgba(13, 45, 92, .08);
border-radius: 20px;
background: #fff;
overflow: hidden;
box-shadow: 0 10px 28px rgba(13, 45, 92, .05);
}

.rt-faq-item+.rt-faq-item {
margin-top: 14px;
}

.rt-faq-item summary {
list-style: none;
cursor: pointer;
padding: 22px 24px;
color: var(--rt-blue);
font-size: 18px;
font-weight: 800;
line-height: 1.6;
position: relative;
}

.rt-faq-item summary::-webkit-details-marker {
display: none;
}

.rt-faq-item summary::after {
content: "+";
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
color: var(--rt-cyan);
font-size: 26px;
font-weight: 700;
}

.rt-faq-item[open] summary::after {
content: "−";
}

.rt-faq-item__content {
padding: 0 24px 22px;
color: var(--rt-muted);
font-size: 15px;
line-height: 1.95;
}

.rt-cta {
padding: 0 0 120px;
}

.rt-cta__box {
padding: 56px 40px;
border-radius: 32px;
background: linear-gradient(135deg, #0d2d5c 0%, #154989 100%);
color: #fff;
box-shadow: var(--rt-shadow-strong);
text-align: center;
}

.rt-cta__box h2 {
margin: 0 0 16px;
font-size: clamp(28px, 4vw, 42px);
line-height: 1.25;
font-weight: 900;
}

.rt-cta__box p {
margin: 0;
color: rgba(255, 255, 255, .86);
font-size: 16px;
line-height: 1.95;
}

.rt-cta .rt-eyebrow {
color: #8fe7ff;
}

@media (max-width: 1100px) {
.rt-faq-hero__inner {
grid-template-columns: 1fr;
}

.rt-grid--4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rt-faq-layout {
grid-template-columns: 1fr;
}

.rt-faq-nav {
position: static;
}
}

@media (max-width: 767px) {
.rt-wrap {
width: min(1200px, calc(100% - 32px));
}

.rt-section {
padding: 78px 0;
}

.rt-faq-hero {
padding: 112px 0 74px;
}

.rt-faq-title {
font-size: clamp(32px, 9vw, 48px);
}

.rt-faq-lead,
.rt-lead,
.rt-info-card p,
.rt-faq-item__content,
.rt-faq-stat p,
.rt-cta__box p {
font-size: 14px;
line-height: 1.9;
}

.rt-head {
margin-bottom: 34px;
}

.rt-grid--4 {
grid-template-columns: 1fr;
gap: 16px;
}

.rt-info-card,
.rt-faq-group,
.rt-faq-stat,
.rt-faq-mini-card,
.rt-faq-nav__box {
padding: 22px 18px;
border-radius: 20px;
}

.rt-faq-group__head h3 {
font-size: 22px;
}

.rt-faq-item summary {
padding: 20px 18px;
font-size: 16px;
line-height: 1.6;
}

.rt-faq-item summary::after {
right: 18px;
}

.rt-faq-item__content {
padding: 0 18px 20px;
}

.rt-btn {
width: 100%;
min-width: 0;
}

.rt-cta {
padding-bottom: 80px;
}

.rt-cta__box {
padding: 36px 20px;
border-radius: 24px;
}
}