body {
    color: var(--k-text);
    background: var(--k-bg);
    font-family: var(--k-font-sans);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

::selection {
    background: var(--k-blue-200);
    color: var(--k-ink-950);
}

.kordyra-wordmark {
    display: inline-flex;
    align-items: center;
    gap: var(--k-space-3);
    min-width: 0;
}

.kordyra-wordmark img {
    width: clamp(148px, 16vw, 210px);
    height: auto;
    display: block;
}

.kordyra-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--k-space-2);
    color: var(--k-accent-strong);
    font-size: var(--k-text-xs);
    font-weight: var(--k-weight-bold);
    letter-spacing: .15em;
    text-transform: uppercase;
}

.kordyra-eyebrow::before {
    content: "";
    width: 1.6rem;
    height: 1px;
    background: linear-gradient(90deg, var(--k-blue-300), var(--k-blue-600));
}

.kordyra-gradient-text {
    color: var(--k-ink-950);
    background: linear-gradient(110deg, var(--k-ink-950) 10%, var(--k-ink-700) 58%, var(--k-blue-600));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.kordyra-neural-line {
    height: 1px;
    background:
        linear-gradient(90deg, transparent 0%, var(--k-blue-300) 28%, var(--k-blue-500) 50%, var(--k-blue-300) 72%, transparent 100%);
    position: relative;
}

.kordyra-neural-line::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: var(--k-blue-500);
    box-shadow:
        -1.8rem 0 0 -.15rem var(--k-blue-400),
        1.8rem 0 0 -.15rem var(--k-blue-400);
}

.kordyra-watermark {
    color: var(--k-ink-300);
    font-weight: var(--k-weight-semibold);
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: var(--k-text-xs);
}