:root {
    --web-dark: #1f2a37;
    --web-accent: #355c7d;
    --web-light: #f8fafc;
    --web-border: #e5e7eb;
}

body {
    background: #ffffff;
    color: #1f2937;
}

.topbar {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--web-border);
}

.navbar-brand {
    font-weight: 700;
    color: var(--web-dark);
}

.phone-link {
    white-space: nowrap;
    font-weight: 600;
    color: var(--web-accent);
    text-decoration: none;
}

.page-header {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    padding: 42px 0 28px;
    border-bottom: 1px solid #eef2f7;
}

.breadcrumb-wrap {
    font-size: 0.95rem;
    color: #6b7280;
}

.breadcrumb-wrap a {
    color: #6b7280;
    text-decoration: none;
}

.page-title {
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 700;
    color: var(--web-dark);
}

.btn-main {
    background: var(--web-accent);
    border-color: var(--web-accent);
    border-radius: 999px;
    padding: 0.75rem 1.2rem;
}

.btn-main:hover {
    background: #2f4f6a;
    border-color: #2f4f6a;
}

footer {
    background: #111827;
    color: #e5e7eb;
}

footer a {
    color: #fff;
    text-decoration: none;
}