body {
    --ink: #090909;
    --panel: #111111;
    --line: #292929;
    --soft: #a3a3a3;
    --accent: #f4f4f5;
    background-color: var(--ink);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 34rem);
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
}

.font-display,
h1,
h2,
h3 {
    font-family: "Space Grotesk", sans-serif;
}

.site-header {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025);
}

.nav-link {
    color: #a1a1aa;
}

.nav-link:hover,
.nav-link:focus-visible {
    color: var(--accent);
}

.home-hero {
    position: relative;
    overflow: hidden;
    background-color: #0b0b0b;
    background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 48px 48px;
}

.hero-kicker {
    color: var(--accent);
}

.hero-mark {
    filter: grayscale(1) drop-shadow(0 24px 45px rgba(255, 255, 255, 0.08));
    mask-image: radial-gradient(ellipse at center, #000 52%, rgba(0, 0, 0, 0.92) 66%, transparent 78%);
    -webkit-mask-image: radial-gradient(ellipse at center, #000 52%, rgba(0, 0, 0, 0.92) 66%, transparent 78%);
}

.feature-item {
    border-top: 1px solid var(--line);
    transition: border-color 180ms ease, transform 180ms ease;
}

.feature-item:hover {
    border-color: var(--accent);
    transform: translateY(-3px);
}

.feature-icon {
    color: var(--accent);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.accent-button {
    background: var(--accent);
    color: #090909;
}

.accent-button:hover {
    background: #e4e4e7;
}

.product-card {
    border-color: var(--line);
    background: linear-gradient(155deg, #171717, #0c0c0c 60%);
    transition: border-color 180ms ease, transform 180ms ease;
}

.product-card:hover {
    border-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-4px);
}

.eyebrow {
    color: var(--accent);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.product-description > :first-child {
    margin-top: 0;
}

.product-description ul,
.product-description ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
}

.product-description ul {
    list-style: disc;
}

.product-description ol {
    list-style: decimal;
}

.product-description li + li {
    margin-top: 0.35rem;
}

.inquiry-requirement p {
    margin: 0;
}

.product-description a,
.inquiry-requirement a {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #121212;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555555;
}