:root {
    --brand: #0a0f1f;
    --brand-2: #10192f;
    --accent: #0ea5e9;
    --cta: #111827;
}

body {
    background: #f7f8fb;
    color: #0b1220;
}

.topbar {
    background: var(--brand);
    color: #dbe4ff;
}
.topbar > div{
    min-height: 5rem;
}

.topbar > div > a {
    font-size: 1.5rem;
}
.topbar a {
    color: #fff;
    text-decoration: none;
}

.hero {
    /* background: #0c1227 url('https://images.unsplash.com/photo-1518779578993-ec3579fee39f?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; */
    background-color: #fff;
    /* color: #fff; */
}

.hero-overlay {
    /* background: linear-gradient(90deg, rgba(12, 18, 39, .85) 0%, rgba(12, 18, 39, .6) 100%); */
}

.card-hover {
    transition: transform .2s, box-shadow .2s;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .12);
}

.chip {
    font-size: .85rem;
    padding: .35rem .6rem;
    background: #eef2ff;
    border-radius: 999px;
}

.section-dark {
    background: var(--brand-2);
    color: #333;
}

.badge-wifi {
    background: #0ea5e9;
}

.btn-cta {
    background: #0ea5e9;
    border: none;
}

.btn-cta:hover {
    background: #0284c7;
}

.wifi7 {
    background: #040815;
    color: #fff;
}

.feature-icon {
    font-size: 2rem;
    color: #0ea5e9;
}

.compare-band {
    background: radial-gradient(1200px 400px at 20% 0, #0ea5e92b, transparent), radial-gradient(1200px 400px at 80% 100%, #7c3aed29, transparent);
}
.compare-band .small {
    font-size: 1.1rem !important;
}

.disclaimer {
    font-size: .9rem;
    color: #64748b;
}

.model-illus {
    max-width: 460px
}

.kbd {
    background: #111827;
    color: #fff;
    padding: .2rem .45rem;
    border-radius: .25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace
}

.footer-link {
    color: #94a3b8;
    text-decoration: none
}

.footer-link:hover {
    color: #e2e8f0
}
section.section-dark h1 {
    color: #fff;
}