:root {
    --background-primary: #F5F5F0;
    --background-secondary: #EAEAE3;
    --surface: #FFFFFF;
    --surface-alt: #FBFBF9;
    --text-primary: #121212;
    --text-secondary: #525252;
    --text-muted: #737373;
    --accent-primary: #FF3B00;
    --accent-secondary: #FFE600;
    --accent-tertiary: #0047FF;
    --border-primary: #121212;
    --border-muted: #8C8C84;
    --status-error: #E50000;
    --status-warning: #FFA500;
    --status-info: #0047FF;
    --status-success: #009944;
    --shadow-color: #121212;
}

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

body {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: var(--background-primary);
    color: var(--text-primary);
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

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

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

/* ===== header ===== */
.main-header-block {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.main-header-block .header-dropdown-wrapper {
    position: relative;
}

.main-header-block .js-dropdown-menu.is-open {
    display: block;
}

.main-header-block .js-mobile-nav-panel.is-open {
    display: block;
}

/* ===== hero ===== */
.hero-section .hero-main-title {
    hyphens: auto;
}

.hero-section .hero-cta-btn:active,
.hero-section .hero-secondary-btn:active {
    transform: translate(2px, 2px);
}

/* ===== headings_grid ===== */
.headings-grid-block .headings-grid-card {
    transition: transform 0ms, box-shadow 0ms;
}

.headings-grid-block .headings-grid-card:hover {
    transform: translate(-2px, -2px);
    box-shadow: 8px 8px 0px #121212;
}

.headings-grid-block .headings-grid-content {
    flex: 1;
}

/* ===== comparison_table ===== */
.delivery-comparison .js-comp-filter.active-filter {
    background-color: #121212 !important;
    color: #FFFFFF !important;
}

.delivery-comparison .js-comp-filter:not(.active-filter):hover {
    background-color: #EAEAE3;
}

.delivery-comparison .js-comp-item:hover {
    background-color: #FBFBF9;
}

/* ===== objection_handling ===== */
.objection-handling-block {
    background-color: #F5F5F0;
}

.objection-handling-block .js-objection-btn {
    border-radius: 0px;
}

.objection-handling-block .js-objection-btn:active {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0px #121212;
}

.objection-handling-block .js-objection-pane.active {
    display: block !important;
}

.objection-handling-block .js-objection-pane.hidden {
    display: none !important;
}

/* ===== lead_magnet ===== */
.lead-magnet-section .font-display {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.lead-magnet-section .font-body {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

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

.lead-magnet-section .lead-input::placeholder {
    color: #737373;
    opacity: 1;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
}

.lead-magnet-section .lead-input:focus {
    border-color: #FF3B00;
}

/* ===== cases_grid ===== */
.cases-grid-block {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.cases-grid-block .cases-grid-card {
    transition: none;
}

.cases-grid-block .cases-grid-card:hover {
    transform: translate(-2px, -2px);
    box-shadow: 8px 8px 0px #121212;
}

.cases-grid-block .cases-grid-title-link {
    display: inline;
    text-decoration: none;
}

.cases-grid-block .cases-grid-filter-btn.is-active {
    background-color: #121212 !important;
    color: #FFFFFF !important;
}

.cases-grid-block .cases-grid-filter-btn {
    transition: none;
}

/* ===== brands_grid ===== */
.brands-grid-section .js-brand-item {
    box-shadow: 6px 6px 0px #121212;
}

.brands-grid-section .js-brand-filter-btn {
    box-shadow: 2px 2px 0px #121212;
}

.brands-grid-section .js-brand-item a[class*="bg-[#FF3B00]"] {
    box-shadow: 3px 3px 0px #121212;
}

.brands-grid-section .js-brand-item a[class*="bg-[#FF3B00]"]:hover {
    transform: translate(1px, 1px);
    box-shadow: 2px 2px 0px #121212;
}

.brands-grid-section .js-brand-filter-btn.active {
    background-color: #121212;
    color: #FFFFFF;
}

.brands-grid-section .is-hidden {
    display: none !important;
}

/* ===== footer ===== */
.site-footer .site-footer-link {
    text-decoration: none;
    color: #121212;
    padding-left: 2px;
    padding-right: 2px;
}

.site-footer .site-footer-link:hover {
    background-color: #FFE600;
    outline: 1.5px solid #121212;
}

.site-footer-ticker {
    box-shadow: none;
}

/* ===== PAGE: about-project ===== */
.about-project-section { box-sizing: border-box; }
.about-project-section a { text-decoration: none; }
.about-project-section .js-pillar-tab { transition: none; }
.about-project-section .js-pillar-tab.is-active { background-color: #121212; color: #FFFFFF; }

/* ===== PAGE: brand-support-usps ===== */
.usps-casebook-content .js-filter-btn.active{background-color:#121212;color:#FFFFFF}.usps-casebook-content input::placeholder{color:#737373;opacity:1}.usps-casebook-content .js-accordion-header:focus{outline:2px solid #FF3B00;outline-offset:2px}

/* ===== PAGE: case-categories ===== */
.casebook-category-grid .js-filter-btn.active {
  background-color: #121212;
  color: #FFFFFF;
}
.casebook-category-grid .js-case-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 8px 8px 0px #121212;
}
.casebook-category-grid .js-case-card {
  transition: none;
}
.casebook-category-grid input::placeholder {
  color: #737373;
  opacity: 1;
}
.casebook-category-grid a {
  text-decoration: none;
}

/* ===== PAGE: carrier-and-brand-support ===== */
.brand-support-section .js-filter-btn.active{background-color:#121212;color:#FFFFFF;}.brand-support-section .js-case-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0px #121212;}.brand-support-section button:active,.brand-support-section a:active{transform:translate(2px,2px);box-shadow:2px 2px 0px #121212;}

/* ===== PAGE: contacts ===== */
.contact-casebook-section ::placeholder { color: #737373 !important; opacity: 1 !important; font-family: 'JetBrains Mono', monospace !important; font-size: 0.8125rem !important; }
.contact-casebook-section input, .contact-casebook-section select, .contact-casebook-section textarea { font-family: 'Space Grotesk', sans-serif; }
.contact-casebook-section select { cursor: pointer; }
.contact-casebook-section button { transition: none !important; }

/* ===== PAGE: privacy ===== */
.privacy-page .js-nav-link.is-active{background-color:#121212;color:#FFFFFF;border-color:#121212;}

/* ===== PAGE: terms ===== */
.terms-module { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; }
.terms-module font-mono { font-family: 'JetBrains Mono', monospace; }
.terms-module .js-toc-link.is-active { background-color: #FFE600; border-left: 5px solid #121212; }

/* ===== PAGE: disclaimer ===== */
.disclaimer-page-content { box-sizing: border-box; font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; } .disclaimer-page-content a { text-decoration-thickness: 1.5px; text-underline-offset: 2px; }

.brutalist-comment-card {
    position: relative;
    border-radius: 0px;
}

.brutalist-avatar {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 0px;
    display: block;
}

.comment-vote-btn {
    border-radius: 0px;
    cursor: pointer;
    transition: none;
}

.comment-action-pill {
    border-radius: 0px;
    cursor: pointer;
    transition: none;
}

.reply-trigger-btn {
    border-radius: 0px;
    cursor: pointer;
    transition: none;
}

.brutalist-reply-card {
    position: relative;
    border-radius: 0px;
}

.brutalist-reply-avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 0px;
    display: block;
}

.reply-vote-btn {
    border-radius: 0px;
    cursor: pointer;
    transition: none;
}


/* ===== PAGE TEMPLATE: case-categories-list ===== */
.main-header-block {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.main-header-block .header-dropdown-wrapper {
    position: relative;
}

.main-header-block .js-dropdown-menu.is-open {
    display: block;
}

.main-header-block .js-mobile-nav-panel.is-open {
    display: block;
}

.case-detail-template .case-detail-heading {
    hyphens: auto;
}

.case-detail-template .case-rich-body p {
    line-height: 1.6;
}

.case-detail-template .case-rich-body strong {
    color: #121212;
    font-weight: 700;
}

.case-detail-template .case-rich-body em {
    color: #525252;
    font-style: italic;
}

.case-detail-template .js-tab-btn.active-tab {
    background-color: #121212;
    color: #FFFFFF;
}

.site-footer .site-footer-link {
    text-decoration: none;
    color: #121212;
    padding-left: 2px;
    padding-right: 2px;
}

.site-footer .site-footer-link:hover {
    background-color: #FFE600;
    outline: 1.5px solid #121212;
}

/* ===== PAGE TEMPLATE: carrier-and-brand-support-list ===== */
.main-header-block {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.main-header-block .header-dropdown-wrapper {
    position: relative;
}

.main-header-block .js-dropdown-menu.is-open {
    display: block;
}

.main-header-block .js-mobile-nav-panel.is-open {
    display: block;
}

.case-detail-block {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.case-detail-block .detail-case-title {
    hyphens: auto;
}

.case-detail-block .detail-content-rich p {
    color: #121212;
    line-height: 1.6;
}

.case-detail-block .detail-content-rich strong {
    font-weight: 700;
    color: #121212;
}

.case-detail-block .detail-content-rich em {
    font-style: italic;
}

.case-detail-block .detail-content-rich ul {
    list-style-type: square;
}

.case-detail-block .detail-content-rich ol {
    list-style-type: decimal;
}

.site-footer .site-footer-link {
    text-decoration: none;
    color: #121212;
    padding-left: 2px;
    padding-right: 2px;
}

.site-footer .site-footer-link:hover {
    background-color: #FFE600;
    outline: 1.5px solid #121212;
}

.site-footer-ticker {
    box-shadow: none;
}