/* Era Soft — unique logotype + professional day mode */

.es-logo,
.es-logo.es-brand-mark {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    color: #111111;
    text-decoration: inherit;
}
.es-logo__lockup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.28rem;
}
.es-logo__wordmark { display: block; width: 9.6rem; height: auto; }
.es-logo-ink { fill: currentColor; }
.es-logo-ink path[stroke] { fill: none; stroke: currentColor; }
.es-logo-dot,
.es-logo-accent { fill: #FFED00; }
.es-logo__meta {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #C47A00;
    line-height: 1;
}
.es-logo__meta i {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: currentColor;
}
.es-logo--sm .es-logo__wordmark { width: 8rem; }
.es-logo--sm .es-logo__meta { font-size: 0.46rem; }
.es-logo--md .es-logo__wordmark { width: 9.8rem; }
.es-logo--md .es-logo__meta { font-size: 0.52rem; }
.es-logo--lg .es-logo__wordmark { width: 12.6rem; }
.es-logo--lg .es-logo__meta { font-size: 0.62rem; }
.es-logo--light { color: #ffffff; }
.es-logo--light .es-logo__meta { color: #FFED00; }
.es-logo--dark { color: #1a1a1a; }
.es-logo--dark .es-logo__meta { color: #C47A00; }

html.light footer .es-logo--light,
html.dark .es-logo--light { color: #ffffff; }
html.light footer .es-logo--light .es-logo__meta,
html.dark .es-logo--light .es-logo__meta { color: #FFED00; }

/* Legacy wordmark hooks still used by ocean-theme */
.es-brand-mark { isolation: isolate; }

/* ——— Day / light mode: readable contrast everywhere ——— */
html.dark { color-scheme: dark; }
html.light { color-scheme: light; }

html.dark .es-brand-dark-only,
html:not(.light) .es-brand-dark-only { display: none !important; }
html.light .es-brand-light-only { display: none !important; }
html.light .es-brand-dark-only { display: inline-flex !important; }

html.light body.es-site,
html.light body.es-velaris {
    --es-brand: #0e7490;
    --es-brand-dark: #155e75;
    --es-brand-soft: #f0fdfa;
    --es-ink: #0f172a;
    --es-muted: #475569;
    --es-bg: #f4f7fb;
    --es-surface: #ffffff;
    --es-border: rgba(15, 23, 42, 0.1);
    color: #0f172a !important;
}

html.light .es-atmosphere,
html.light .es-velaris-bg,
html.light body.es-site,
html.light body.es-velaris.es-grid-bg {
    background-color: #f4f7fb !important;
}

html.light body.es-velaris .es-hero,
html.light body.es-velaris .es-hero-stage--velaris {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.06) !important;
    color: #0f172a !important;
}

html.light body.es-velaris .es-hero-cinematic h1,
html.light body.es-velaris .es-hero-copy h1,
html.light body.es-velaris .es-section-title,
html.light body.es-velaris .es-page-title,
html.light body.es-velaris h1,
html.light body.es-velaris h2,
html.light body.es-velaris h3,
html.light body.es-velaris .text-white,
html.light body.es-velaris .font-semibold.text-white {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a;
    background: none !important;
}

html.light body.es-velaris .es-hero-lead,
html.light body.es-velaris .es-section-lead,
html.light body.es-velaris .es-page-lead,
html.light body.es-velaris .text-white\/80,
html.light body.es-velaris .text-white\/75,
html.light body.es-velaris .text-white\/70,
html.light body.es-velaris .text-white\/65,
html.light body.es-velaris .text-white\/60,
html.light body.es-velaris .text-white\/55,
html.light body.es-velaris .text-white\/40,
html.light body.es-velaris .text-sky-100,
html.light body.es-velaris .text-emerald-50,
html.light body.es-velaris .text-emerald-100,
html.light body.es-velaris .text-slate-300,
html.light body.es-velaris .text-slate-400 {
    color: #475569 !important;
}

html.light body.es-velaris .text-emerald-300,
html.light body.es-velaris .text-emerald-200,
html.light body.es-velaris .text-emerald-400,
html.light body.es-velaris .group-hover\:text-emerald-300:hover,
html.light body.es-velaris a.group:hover .group-hover\:text-emerald-300,
html.light body.es-velaris .es-price {
    color: #0f766e !important;
}

html.light body.es-velaris .es-velaris-badge,
html.light body.es-velaris .es-hero-pills li {
    border-color: rgba(15, 23, 42, 0.1);
    background: #fff;
    color: #334155;
}

html.light body.es-velaris .es-hero-chip,
html.light body.es-velaris .es-hero-promo {
    background: #fff !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    color: #0f172a;
}

html.light body.es-velaris .es-hero-promo strong { color: #0f172a; }
html.light body.es-velaris .es-hero-promo span,
html.light body.es-velaris .es-hero-chip h3,
html.light body.es-velaris .es-hero-price-row span { color: #64748b; }
html.light body.es-velaris .es-hero-price-row strong { color: #0f766e; }

html.light body.es-velaris .es-metric,
html.light body.es-velaris .es-step-card,
html.light body.es-velaris .es-card-service,
html.light body.es-velaris .es-catalog-card,
html.light body.es-velaris .es-table-shell,
html.light body.es-velaris .es-catalog-table,
html.light body.es-velaris .es-glass,
html.light body.es-velaris .es-section-card,
html.light body.es-velaris .es-form-shell,
html.light body.es-velaris .es-software-card {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    color: #0f172a;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
    backdrop-filter: none;
}

html.light body.es-velaris .es-metric strong { color: #0f172a; }
html.light body.es-velaris .es-metric span { color: #64748b; }

html.light body.es-velaris .es-icon,
html.light body.es-velaris .es-icon-lg {
    background: #f0fdfa;
    color: #0f766e;
    border-color: rgba(15, 118, 110, 0.12);
}

html.light body.es-velaris .es-step-num {
    background: #0f766e;
    color: #fff;
}

html.light body.es-velaris .es-table th { color: #64748b; }
html.light body.es-velaris .es-table td {
    color: #334155;
    border-bottom-color: rgba(15, 23, 42, 0.06);
}
html.light body.es-velaris .es-table tbody tr:nth-child(even) { background: #f8fafc; }
html.light body.es-velaris .es-table tbody tr:hover { background: #f1f5f9 !important; }

html.light body.es-velaris .es-prose-list { color: #334155; }
html.light body.es-velaris .es-prose-list > li { border-bottom-color: rgba(15, 23, 42, 0.06); }

html.light body.es-velaris .border-white\/10,
html.light body.es-velaris .border-white\/15 {
    border-color: rgba(15, 23, 42, 0.08) !important;
}

html.light body.es-velaris .bg-white\/5,
html.light body.es-velaris .bg-white\/10 {
    background-color: #f1f5f9 !important;
    color: #334155;
}

html.light body.es-velaris .es-cycle-btn,
html.light body.es-velaris button.bg-white\/10,
html.light body.es-velaris button.text-white\/70,
html.light body.es-velaris button.text-white\/80 {
    color: #334155 !important;
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

html.light body.es-velaris .text-emerald-100 {
    color: #115e59 !important;
}

html.light .es-btn-primary,
html.light .es-btn-signup,
html.light .es-hero-btn-solid,
html.light .es-auth-submit {
    background: linear-gradient(180deg, #0e7490 0%, #155e75 100%) !important;
    color: #f8fafc !important;
    border-color: #155e75;
    box-shadow: 0 10px 24px rgba(14, 116, 144, 0.22) !important;
}

html.light body.es-velaris .es-hero-btn-ghost,
html.light body.es-velaris .es-btn-secondary,
html.light body.es-velaris .es-btn-login {
    border-color: rgba(15, 23, 42, 0.12) !important;
    background: #fff !important;
    color: #0f172a !important;
}

html.light body.es-velaris .es-btn-ghost { color: #334155; }

html.light body.es-velaris .es-mobile-nav {
    background: rgba(255, 255, 255, 0.97) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
}
html.light body.es-velaris .es-mobile-nav a { color: #0f172a !important; }

html.light body.es-velaris .es-input,
html.light body.es-velaris input,
html.light body.es-velaris textarea,
html.light body.es-velaris select {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

html.light body.es-velaris .es-label { color: #334155; }

html.light body.es-velaris footer.es-footer-wave,
html.light body.es-velaris footer.es-footer-wave h1,
html.light body.es-velaris footer.es-footer-wave h2,
html.light body.es-velaris footer.es-footer-wave h3,
html.light body.es-velaris footer.es-footer-wave .text-white {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0;
    background: transparent !important;
}
html.light body.es-velaris footer.es-footer-wave {
    background: #04131f !important;
    color: #94a3b8;
}
html.light body.es-velaris footer.es-footer-wave .text-slate-200 { color: #e2e8f0 !important; }
html.light body.es-velaris footer.es-footer-wave .text-slate-400,
html.light body.es-velaris footer.es-footer-wave .text-slate-500 { color: #94a3b8 !important; }
html.light body.es-velaris footer.es-footer-wave a.hover\:text-white:hover { color: #fff !important; }

html.light body.es-velaris .es-legal-prose h2 { color: #0f172a !important; }
html.light body.es-velaris .es-legal-prose p,
html.light body.es-velaris .es-legal-prose ul,
html.light body.es-velaris .es-legal-prose li { color: #334155 !important; }
html.light body.es-velaris .es-legal-prose .es-legal-updated { color: #64748b !important; }

html.light body.es-velaris .es-dock {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.1);
}
html.light body.es-velaris .es-dock-item { color: #334155; }

html.light body.es-velaris .es-software-kicker {
    color: #0f766e;
}

.es-software-grid {
    display: grid;
    gap: 1.1rem;
}
@media (min-width: 768px) {
    .es-software-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.es-software-card {
    display: flex;
    flex-direction: column;
    border-radius: 1.35rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 1.35rem 1.4rem 1.25rem;
    min-height: 100%;
}

.es-software-kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #5eead4;
}

.es-software-price {
    margin-top: 1rem;
    font-family: "Space Grotesk", Manrope, sans-serif;
    font-size: 1.55rem;
    font-weight: 700;
    color: #5eead4;
}

.es-software-cycles {
    margin-top: 0.55rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.85rem;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.65);
}

html.light body.es-velaris .es-software-price { color: #0f766e; }
html.light body.es-velaris .es-software-cycles { color: #64748b; }

.es-bullet-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.es-bullet-list li {
    position: relative;
    padding-left: 1.1rem;
    margin-top: 0.55rem;
}
.es-bullet-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #14b8a6;
}

html.light .es-bullet-list li::before { background: #0f766e; }