:root {
color-scheme: dark;
}

html {
scroll-behavior: smooth;
}

body {
overflow-x: hidden;
}

.skip-link {
position: absolute;
left: 10px;
top: -48px;
padding: 10px 12px;
background: #0f2036;
color: #f4f7fb;
border: 1px solid #6bd6ff;
border-radius: 8px;
text-decoration: none;
z-index: 1000;
}

.skip-link:focus {
top: 10px;
}

header .nav-links {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}

header .nav-links a {
text-decoration: none;
}

header .nav-links a[aria-current="page"] {
color: #6bd6ff;
font-weight: 800;
}

header .nav-links a:focus-visible,
footer a:focus-visible,
.btn:focus-visible {
outline: 2px solid #6bd6ff;
outline-offset: 3px;
}

header .nav-links span {
white-space: nowrap;
}

@media (max-width: 900px) {
header .nav-links {
display: flex !important;
width: 100%;
justify-content: flex-start;
gap: 10px 14px;
}

header .nav-links span {
display: none;
}
}

@media (max-width: 520px) {
body {
overflow-x: clip;
}

.wrap {
width: min(100% - 28px, 1120px);
}

.buttons,
.summary-actions {
display: grid;
}

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

.contact-panel,
.summary-panel,
.why-panel,
.panel,
.service-panel {
padding: 22px;
}

h1 {
font-size: clamp(34px, 12vw, 44px);
}
}

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}

*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}