:root {
    --color-grid: rgba(0, 0, 0, 0.03);
    --color-bright: rgba(0, 0, 0, 0.6);
    --color-dim: rgba(0, 0, 0, 0.1);

    --transition-long: 8s;
    --duration-pulse: 8s;
    --trans-standard: 0.3s;
    --border-hairline: 1px;
}

@keyframes animation-scan {
    0% { transform: translateX(-80px); opacity: 0; }
    30% { opacity: 0.5; }
    70% { opacity: 0.5; }
    100% { transform: translateX(1180px); opacity: 0; }
}

@keyframes animation-pulse {
    0% { opacity: 0.85; transform: scale(1); }
    100% { opacity: 1; transform: scale(1.003); }
}

body {
    background-color: var(--color-bg-deep);
}

.header, .border-top, .footer {
    border-color: transparent !important;
    position: relative;
}

.header::after,
.border-top::after,
.footer::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: var(--border-hairline);
    background: linear-gradient(90deg, transparent 0%, var(--color-grid) 20%, var(--color-dim) 50%, var(--color-grid) 80%, transparent 100%);
    opacity: 0.6;
    pointer-events: none;
}
.header::after { bottom: 0; }
.border-top::after { top: 0; }
.footer::after { top: 0; }

.header::before {
    content: "";
    position: absolute;
    left: -100px;
    bottom: 0;
    width: 100px;
    height: var(--border-hairline);
    background: linear-gradient(90deg, transparent, var(--color-bright), transparent);
    z-index: 1;
    opacity: 0;
    animation: animation-scan var(--transition-long) ease-in-out infinite;
    will-change: transform, opacity;
}

h1, .logo {
    position: relative;
    z-index: 2;
    animation: animation-pulse var(--duration-pulse) ease-in-out infinite alternate;
}

h3 {
    position: relative;
    z-index: 2;
    animation: animation-pulse var(--duration-pulse) ease-in-out infinite alternate;
}

.list-services li {
    transition: border-color var(--trans-standard);
}

.list-services li:hover {
    border-color: var(--color-border-muted);
}

.list-coverage li {
    transition: color var(--trans-standard);
}

.list-coverage li:hover {
    color: var(--color-text);
}

.link-subtle a {
    border-bottom: none;
}

.guarantee-text {
    position: relative;
    z-index: 2;
}