:root {
    --primary: #0284C7;
    --primary-hover: #0369A1;
    --secondary: #F59E0B;
    --secondary-hover: #D97706;
    --accent: #10B981;
    --background-primary: #0B0F19;
    --background-secondary: #111827;
    --background-tertiary: #1E293B;
    --card-background: #131C2E;
    --card-background-hover: #18243A;
    --card-border: #22324D;
    --card-border-focus: #38BDF8;
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --text-muted: #94A3B8;
    --border-light: #334155;
    --border-subtle: #1E293B;
    --status-stable: #10B981;
    --status-surge: #EF4444;
    --status-warning: #F59E0B;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    color-scheme: dark;
    scroll-behavior: auto;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background-color: var(--background-primary);
    color: var(--text-primary);
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.text-muted {
    color: #94A3B8 !important;
}

/* ===== header ===== */
.site-header-block {
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5);
}

.site-header-block .header-dropdown-wrapper .js-dropdown-menu {
    transition: none;
}

.site-header-block a:focus-visible,
.site-header-block button:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

/* ===== hero_section ===== */
.hero-section {
    background-image: radial-gradient(circle at 80% 20%, rgba(2, 132, 199, 0.08) 0%, transparent 60%);
}

/* ===== common_industry_mistakes ===== */
.common-mistakes-section .js-mistake-tab {
    background-color: #131C2E;
    border-color: #22324D;
    color: #94A3B8;
}

.common-mistakes-section .js-mistake-tab:hover {
    border-color: #38BDF8;
    color: #F8FAFC;
}

.common-mistakes-section .js-mistake-tab.active-tab {
    background-color: #1E293B;
    border-color: #38BDF8;
    color: #38BDF8;
    box-shadow: 0 0 15px rgba(56, 189, 248, 0.15);
}

.common-mistakes-section .js-mistake-panel {
    transition: none;
}

/* ===== cost_of_inaction ===== */
.cost-inaction-block .js-scenario-tab {
    background-color: #131C2E;
    color: #94A3B8;
    border-color: #22324D;
}

.cost-inaction-block .js-scenario-tab:hover {
    background-color: #1E293B;
    color: #F8FAFC;
    border-color: #334155;
}

.cost-inaction-block .js-scenario-tab.active-tab {
    background-color: #0284C7;
    color: #FFFFFF;
    border-color: #38BDF8;
}

/* ===== our_stabilizers ===== */
.stabilizer-catalog-block .js-filter-btn.active-tab {
    background-color: #0284C7;
    color: #FFFFFF;
    border-color: #38BDF8;
}

.stabilizer-catalog-block .js-catalog-card.is-hidden {
    display: none;
}

/* ===== objection_handling ===== */
.objection-handling-section .js-filter-btn {
    transition: none;
}

.objection-handling-section .js-objection-item {
    box-sizing: border-box;
}

.objection-handling-section .is-hidden {
    display: none !important;
}

/* ===== solutions_grid ===== */
.voltarissael-solutions .js-solution-filter.active-filter {
    background-color: #0284C7;
    border-color: #38BDF8;
    color: #FFFFFF;
}

.voltarissael-solutions .js-solution-card {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.voltarissael-solutions .js-solution-card:hover {
    border-color: #38BDF8;
}

/* ===== footer ===== */
.voltarissael-footer {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.voltarissael-footer a {
    text-decoration: none;
}

.voltarissael-footer a:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

.site-header-block {
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5);
}

.site-header-block .header-dropdown-wrapper .js-dropdown-menu {
    transition: none;
}

.site-header-block a:focus-visible,
.site-header-block button:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

.blog-hero-section {
    background-image: radial-gradient(circle at 80% 20%, rgba(2, 132, 199, 0.08) 0%, transparent 60%);
}

.blog-list-block .js-blog-card {
    transition: border-color 0.15s ease;
}

.blog-list-block .js-search-input::placeholder {
    color: #64748B;
    opacity: 1;
}

.voltarissael-footer {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.voltarissael-footer a {
    text-decoration: none;
}

.voltarissael-footer a:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}


/* ===== PAGE: about ===== */
.about-company-section{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}.about-company-section .js-tab-content.hidden{display:none;}.about-company-section .js-tab-content.active{display:block;}.about-company-section .js-tab-btn.active{background-color:#0284C7;color:#FFFFFF;border-color:rgba(56,189,248,0.3);}

/* ===== PAGE: contact ===== */
.technical-inquiry-section select option { background-color: #111827; color: #F8FAFC; }
.technical-inquiry-section input::placeholder, .technical-inquiry-section textarea::placeholder { color: #64748B; opacity: 1; }
.technical-inquiry-section input:focus, .technical-inquiry-section select:focus, .technical-inquiry-section textarea:focus { border-color: #38BDF8; }
.technical-inquiry-section input[type="checkbox"]:checked { background-color: #0284C7; border-color: #38BDF8; }

/* ===== PAGE: privacy ===== */
.privacy-section { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.privacy-section .privacy-card { transition: none; }
.privacy-section h1, .privacy-section h2, .privacy-section h3 { font-family: 'Plus Jakarta Sans', sans-serif; hyphens: auto; }
.privacy-section .font-mono { font-family: 'JetBrains Mono', monospace; }

/* ===== PAGE: terms ===== */
.volt-terms-block { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.volt-terms-block .js-toc-link.active-clause { background-color: #1E293B; color: #38BDF8; font-weight: 600; border-left: 2px solid #38BDF8; }
.volt-terms-block .js-clause-item { scroll-margin-top: 100px; }
.volt-terms-block input::placeholder { color: #64748B; opacity: 1; }

/* ===== PAGE: disclaimer ===== */
.disclaimer-section .js-provision-card { transition: border-color 0.15s ease; }
.disclaimer-section .js-provision-card:hover { border-color: #38BDF8; }
.disclaimer-section input::placeholder { color: #64748B; opacity: 1; }

/* ===== specialist forms ===== */
.specialist-form-section input::placeholder {
    color: #64748B;
    opacity: 1;
}

.specialist-form-section input:focus {
    border-color: #38BDF8;
    box-shadow: 0 0 0 1px #38BDF8;
}

.catalog-price-badge {
    max-width: 100%;
}

.voltarissael-modal-backdrop {
    align-items: center;
    background: rgba(11, 15, 25, 0.78);
    display: none;
    inset: 0;
    justify-content: center;
    padding: 20px;
    position: fixed;
    z-index: 1000;
}

.voltarissael-modal-backdrop.is-visible {
    display: flex;
}

.voltarissael-modal-window {
    background: #131C2E;
    border: 1px solid #38BDF8;
    border-radius: 12px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
    color: #F8FAFC;
    max-width: 430px;
    padding: 28px;
    position: relative;
    text-align: center;
    width: 100%;
}

.voltarissael-modal-close {
    align-items: center;
    background: #0B0F19;
    border: 1px solid #22324D;
    border-radius: 9999px;
    color: #94A3B8;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 34px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 34px;
}

.voltarissael-modal-close:hover,
.voltarissael-modal-close:focus-visible {
    color: #F8FAFC;
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

.voltarissael-modal-icon {
    align-items: center;
    background: rgba(16, 185, 129, 0.14);
    border: 1px solid rgba(16, 185, 129, 0.38);
    border-radius: 9999px;
    color: #10B981;
    display: inline-flex;
    font-size: 34px;
    height: 64px;
    justify-content: center;
    margin-bottom: 18px;
    width: 64px;
}

.voltarissael-modal-window h2 {
    color: #F8FAFC;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 10px;
}

.voltarissael-modal-window p {
    color: #94A3B8;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 22px;
}

.voltarissael-modal-action {
    background: #0284C7;
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    min-width: 112px;
    padding: 11px 18px;
}

.voltarissael-modal-action:hover,
.voltarissael-modal-action:focus-visible {
    background: #0369A1;
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

.volt-main-comment {
    position: relative;
    box-shadow: 0 4px 20px -2px rgba(11, 15, 25, 0.5);
}

.volt-avatar {
    object-fit: cover;
    object-position: center;
    border-radius: 9999px;
    display: block;
    border: 1px solid #334155;
}

.volt-avatar-main {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
}

.volt-action-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
    transition: none;
}

.volt-action-btn:hover {
    background-color: #1E293B;
    color: #38BDF8;
}

.volt-comment-body p {
    margin: 0;
    color: #CBD5E1;
}

.volt-reply-comment {
    position: relative;
}

.volt-avatar-reply {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    object-fit: cover;
    object-position: center;
    border-radius: 9999px;
    display: block;
    border: 1px solid #38BDF8;
}

.volt-reply-body p {
    margin: 0;
    color: #CBD5E1;
}


/* ===== PAGE TEMPLATE: catalog ===== */
.site-header-block {
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5);
}

.site-header-block .header-dropdown-wrapper .js-dropdown-menu {
    transition: none;
}

.site-header-block a:focus-visible,
.site-header-block button:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

.article-detail-section {
    background-image: radial-gradient(circle at 90% 10%, rgba(2, 132, 199, 0.05) 0%, transparent 50%);
}

.article-detail-section .article-body-content p {
    color: #94A3B8;
    line-height: 1.7;
}

.article-detail-section .article-spec-list {
    list-style: none;
    padding-left: 0;
}

.voltarissael-footer {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.voltarissael-footer a {
    text-decoration: none;
}

.voltarissael-footer a:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

/* ===== PAGE TEMPLATE: solutions ===== */
.site-header-block {
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5);
}

.site-header-block .header-dropdown-wrapper .js-dropdown-menu {
    transition: none;
}

.site-header-block a:focus-visible,
.site-header-block button:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

.article-detail-section {
    background-image: radial-gradient(circle at 90% 10%, rgba(2, 132, 199, 0.05) 0%, transparent 50%);
}

.article-detail-section .article-body-content p {
    color: #94A3B8;
    line-height: 1.7;
}

.article-detail-section .article-spec-list {
    list-style: none;
    padding-left: 0;
}

.voltarissael-footer {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.voltarissael-footer a {
    text-decoration: none;
}

.voltarissael-footer a:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

/* ===== PAGE TEMPLATE: technology ===== */
.site-header-block {
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5);
}

.site-header-block .header-dropdown-wrapper .js-dropdown-menu {
    transition: none;
}

.site-header-block a:focus-visible,
.site-header-block button:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

.article-detail-section {
    background-image: radial-gradient(circle at 90% 10%, rgba(2, 132, 199, 0.05) 0%, transparent 50%);
}

.article-detail-section .article-body-content p {
    color: #94A3B8;
    line-height: 1.7;
}

.article-detail-section .article-spec-list {
    list-style: none;
    padding-left: 0;
}

.voltarissael-footer {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.voltarissael-footer a {
    text-decoration: none;
}

.voltarissael-footer a:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

/* ===== PAGE TEMPLATE: blog ===== */
.site-header-block {
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5);
}

.site-header-block .header-dropdown-wrapper .js-dropdown-menu {
    transition: none;
}

.site-header-block a:focus-visible,
.site-header-block button:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}

.article-detail-section {
    background-image: radial-gradient(circle at 90% 10%, rgba(2, 132, 199, 0.05) 0%, transparent 50%);
}

.article-detail-section .article-body-content p {
    color: #94A3B8;
    line-height: 1.7;
}

.article-detail-section .article-spec-list {
    list-style: none;
    padding-left: 0;
}

.voltarissael-footer {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.voltarissael-footer a {
    text-decoration: none;
}

.voltarissael-footer a:focus-visible {
    outline: 2px solid #38BDF8;
    outline-offset: 2px;
}
