:root {
    /* --brand: #fd7e14; primary */
    --brand-ink: #0b214a;
    /* dark text */
    --brand-accent: #00c389;
    /* accent */
    --soft: #fcf9f3;
    /* --soft: #f6f8fb; */
}

body {
    color: #233041;
}

.bg-soft {
    background: var(--soft);
}

.text-brand {
    color: var(--brand) !important;
}

.btn-brand {
    background: var(--brand);
    color: #fff;
}

.btn-brand:hover {
    filter: brightness(0.95);
    color: #fff;
}

.badge-verified {
    background: var(--brand-accent);
}

.shadow-soft {
    box-shadow: 0 10px 30px rgba(20, 40, 80, 0.08);
}

.rounded-2xl {
    border-radius: 1.25rem;
}

.logo {
    width: 40px;
    height: 40px;
}

.waitlist-form .form-control {
    padding: 0.8rem 1rem;
}

.countdown {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.hero {
    position: relative;
    overflow: hidden;
}

.hero::after {
    content: '';
    position: absolute;
    inset: -20% -40% auto auto;
    height: 420px;
    width: 420px;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(27, 92, 255, 0.12), transparent 70%);
    transform: translate(10%, -10%);
}

.trusted-logos img {
    height: 28px;
    opacity: 0.6;
}

.feature-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--soft);
    display: grid;
    place-items: center;
}

.announcement {
    background: linear-gradient(90deg, var(--brand-light), var(--brand) 10%, var(--brand) 90%, var(--brand-light));
}