.fit-legal-page {
–fit-dark: #0b1018;
–fit-panel: #111824;
–fit-blue: #0077ff;
–fit-orange: #ff7a00;
–fit-green: #28e86f;
–fit-text: #07111f;
–fit-muted: #647184;
background:
radial-gradient(circle at 15% 0%, rgba(0,119,255,.12), transparent 30%),
radial-gradient(circle at 90% 10%, rgba(255,122,0,.10), transparent 26%),
#f5f8fc;
color: var(–fit-text);
font-family: inherit;
}

.fit-top-strip {
background: #111;
color: var(–fit-green);
text-transform: uppercase;
letter-spacing: .16em;
font-weight: 900;
text-align: center;
padding: 10px 16px;
text-shadow: 0 0 14px rgba(40,232,111,.8);
}

.fit-hero {
padding: 46px 24px;
background:
linear-gradient(135deg, rgba(8,12,20,.98), rgba(13,24,39,.96)),
repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 2px, transparent 2px 8px);
border-bottom: 3px solid var(–fit-orange);
box-shadow: 0 18px 40px rgba(0,119,255,.18);
}

.fit-hero-inner {
max-width: 1420px;
margin: 0 auto;
display: flex;
justify-content: space-between;
gap: 24px;
align-items: center;
}

.fit-brand-lockup {
display: flex;
gap: 20px;
align-items: center;
}

.fit-brand-mark {
width: 66px;
height: 66px;
border-radius: 22px;
background:
radial-gradient(circle at 30% 25%, #fff 0 7%, transparent 8%),
linear-gradient(135deg, var(–fit-blue), #00b7ff 55%, var(–fit-orange));
box-shadow:
0 0 0 6px rgba(255,255,255,.08),
0 0 34px rgba(0,119,255,.65);
}

.fit-eyebrow {
margin: 0 0 6px;
color: var(–fit-orange);
text-transform: uppercase;
font-weight: 900;
letter-spacing: .14em;
}

.fit-hero h1 {
margin: 0;
color: #fff;
font-size: clamp(42px, 6vw, 82px);
line-height: .95;
font-weight: 1000;
}

.fit-subtitle {
max-width: 680px;
margin: 14px 0 0;
color: #cbd6e5;
font-size: 18px;
}

.fit-status-pill {
color: #fff;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.16);
border-left: 5px solid var(–fit-green);
border-radius: 999px;
padding: 13px 20px;
font-weight: 800;
box-shadow: 0 0 24px rgba(40,232,111,.18);
}

.fit-content-wrap {
max-width: 1420px;
margin: 34px auto;
padding: 0 24px;
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 30px;
}

.fit-main-legal {
background: rgba(255,255,255,.78);
backdrop-filter: blur(14px);
border: 1px solid rgba(0,119,255,.13);
border-radius: 26px;
overflow: hidden;
box-shadow: 0 24px 70px rgba(11,16,24,.10);
}

.fit-section {
padding: 34px;
border-bottom: 1px solid rgba(7,17,31,.09);
}

.fit-section:last-child {
border-bottom: 0;
}

.fit-section h2 {
margin: 0 0 24px;
font-size: 30px;
font-weight: 1000;
letter-spacing: -.03em;
}

.fit-section h3 {
margin: 28px 0 10px;
font-size: 20px;
}

.fit-section p,
.fit-section {
line-height: 1.75;
font-size: 16px;
}

.fit-section a {
color: #0072e8;
font-weight: 900;
text-decoration: none;
}

.fit-section a:hover {
color: var(–fit-orange);
}

.fit-data-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}

.fit-data-item {
position: relative;
min-height: 118px;
padding: 22px 22px 22px 26px;
background:
linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,249,255,.96));
border: 1px solid rgba(0,119,255,.10);
border-radius: 18px;
box-shadow: 0 14px 30px rgba(7,17,31,.06);
white-space: pre-line;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.fit-data-item::before {
content: “”;
position: absolute;
inset: 18px auto 18px 0;
width: 4px;
border-radius: 999px;
background: var(–fit-blue);
box-shadow: 0 0 14px rgba(0,119,255,.55);
}

.fit-data-item:hover {
transform: translateY(-3px);
border-color: rgba(0,119,255,.32);
box-shadow: 0 20px 42px rgba(0,119,255,.12);
}

.fit-data-item strong,
.fit-contact-row strong {
display: block;
margin-bottom: 18px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: 1000;
}

.fit-todo::before {
background: var(–fit-orange);
box-shadow: 0 0 14px rgba(255,122,0,.55);
}

.fit-todo {
background: linear-gradient(180deg, #fffaf4, #fff);
}

.fit-notice {
padding: 22px 24px;
border-radius: 18px;
background: linear-gradient(135deg, rgba(255,122,0,.12), rgba(0,119,255,.07));
border: 1px solid rgba(255,122,0,.22);
border-left: 5px solid var(–fit-orange);
font-weight: 700;
}

.fit-aside {
display: flex;
flex-direction: column;
gap: 22px;
}

.fit-contact-panel,
.fit-nav-panel {
border-radius: 22px;
overflow: hidden;
box-shadow: 0 24px 60px rgba(7,17,31,.12);
}

.fit-contact-panel {
background:
radial-gradient(circle at 100% 0%, rgba(0,119,255,.18), transparent 35%),
linear-gradient(145deg, #0b1018, #111824);
color: #fff;
padding: 28px;
border: 1px solid rgba(255,255,255,.10);
}

.fit-contact-panel h2,
.fit-nav-panel h2 {
margin: 0 0 24px;
font-size: 26px;
font-weight: 1000;
}

.fit-contact-row {
padding: 18px 0;
border-top: 1px solid rgba(255,255,255,.11);
white-space: pre-line;
}

.fit-contact-row strong {
color: var(–fit-orange);
}

.fit-contact-row a {
color: #fff;
font-weight: 900;
text-decoration: none;
}

.fit-nav-panel {
background: rgba(255,255,255,.86);
border: 1px solid rgba(7,17,31,.08);
padding: 26px;
}

.fit-legal-links {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}

.fit-legal-links a {
position: relative;
display: block;
padding: 17px 18px 17px 22px;
background: #f6f9fd;
border-radius: 14px;
color: #111824;
text-decoration: none;
font-weight: 900;
transition: transform .18s ease, background .18s ease, color .18s ease;
}

.fit-legal-links a::before {
content: “”;
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 4px;
border-radius: 999px;
background: var(–fit-orange);
}

.fit-legal-links a:hover {
transform: translateX(5px);
background: #101722;
color: #fff;
}

.fit-footer-bar {
max-width: 1420px;
margin: 0 auto 30px;
padding: 18px 24px;
background: #05080d;
color: #dce6f5;
text-align: center;
border-top: 2px solid var(–fit-orange);
border-radius: 18px;
box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

@media (max-width: 980px) {
.fit-hero-inner,
.fit-brand-lockup {
align-items: flex-start;
}

.fit-hero-inner {
flex-direction: column;
}

.fit-content-wrap {
grid-template-columns: 1fr;
}

.fit-aside {
order: -1;
}
}

@media (max-width: 680px) {
.fit-hero {
padding: 34px 18px;
}

.fit-brand-lockup {
flex-direction: column;
}

.fit-content-wrap {
padding: 0 16px;
margin-top: 22px;
}

.fit-section {
padding: 24px 20px;
}

.fit-data-grid {
grid-template-columns: 1fr;
}

.fit-status-pill {
width: fit-content;
}
}