/* /Components/Attribution/JourneyVisualization.razor.rz.scp.css */
/* Customer Journey Visualization Styles */

.journey-visualization[b-mtz5zrw5vq] {
    padding: 1rem;
}

.journey-timeline[b-mtz5zrw5vq] {
    position: relative;
    padding: 1rem 0;
}

.journey-step[b-mtz5zrw5vq] {
    display: flex;
    margin-bottom: 2rem;
    position: relative;
}

.journey-step.last[b-mtz5zrw5vq] {
    margin-bottom: 0;
}

.step-marker[b-mtz5zrw5vq] {
    flex-shrink: 0;
    position: relative;
    margin-right: 1.5rem;
}

.step-number[b-mtz5zrw5vq] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    z-index: 2;
    position: relative;
}

.journey-step.first .step-number[b-mtz5zrw5vq] {
    background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%);
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.3);
}

.journey-step.last .step-number[b-mtz5zrw5vq] {
    background: linear-gradient(135deg, #10b981 0%, #047857 100%);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.journey-step.conversion .step-number[b-mtz5zrw5vq] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
    font-size: 1.2rem;
}

.conversion-icon[b-mtz5zrw5vq] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-connector[b-mtz5zrw5vq] {
    position: absolute;
    top: 40px;
    left: 19px;
    width: 2px;
    height: calc(100% + 2rem);
    background: linear-gradient(to bottom, 
        rgba(102, 126, 234, 0.3) 0%, 
        rgba(102, 126, 234, 0.1) 100%);
}

.journey-step.first .step-connector[b-mtz5zrw5vq] {
    background: linear-gradient(to bottom, 
        rgba(14, 165, 233, 0.3) 0%, 
        rgba(102, 126, 234, 0.3) 100%);
}

.step-content[b-mtz5zrw5vq] {
    flex-grow: 1;
    background: var(--bg-elevated);
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.step-content:hover[b-mtz5zrw5vq] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-color: var(--brand-primary);
    transform: translateY(-2px);
}

.step-header h6[b-mtz5zrw5vq] {
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.step-details[b-mtz5zrw5vq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.step-time-gap[b-mtz5zrw5vq] {
    padding-top: 0.5rem;
    border-top: 1px dashed #e5e7eb;
}

.badge[b-mtz5zrw5vq] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
    .journey-step[b-mtz5zrw5vq] {
        margin-bottom: 1.5rem;
    }
    
    .step-marker[b-mtz5zrw5vq] {
        margin-right: 1rem;
    }
    
    .step-number[b-mtz5zrw5vq] {
        width: 32px;
        height: 32px;
        font-size: 0.875rem;
    }
    
    .step-connector[b-mtz5zrw5vq] {
        left: 15px;
        height: calc(100% + 1.5rem);
    }
}

/* Animation */
@keyframes fadeInUp-b-mtz5zrw5vq {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.journey-step[b-mtz5zrw5vq] {
    animation: fadeInUp-b-mtz5zrw5vq 0.4s ease-out;
    animation-fill-mode: both;
}

.journey-step:nth-child(1)[b-mtz5zrw5vq] { animation-delay: 0.1s; }
.journey-step:nth-child(2)[b-mtz5zrw5vq] { animation-delay: 0.2s; }
.journey-step:nth-child(3)[b-mtz5zrw5vq] { animation-delay: 0.3s; }
.journey-step:nth-child(4)[b-mtz5zrw5vq] { animation-delay: 0.4s; }
.journey-step:nth-child(5)[b-mtz5zrw5vq] { animation-delay: 0.5s; }
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-backdrop[b-b13zu2iph4] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3rem 1rem 4rem;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1050;
}

.auth-backdrop > *[b-b13zu2iph4] {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (max-width: 576px) {
    .auth-backdrop[b-b13zu2iph4] {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Modern Layout with Top Navigation */

/* Note: the stable-scrollbar-gutter rule for <html> was moved to wwwroot/app.css
   because CSS isolation scopes rules to elements this component renders, and
   <html> is rendered outside MainLayout, so it never actually applied here. */

.layout-wrapper[b-152zzzed50] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content[b-152zzzed50] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 70px; /* Height of top navbar */
    background: var(--bg-secondary);
    color: var(--text-primary);
    transition: background-color var(--transition-base), color var(--transition-base);
}

.content-wrapper[b-152zzzed50] {
    flex: 1;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 2rem;
}

/* Error UI */
#blazor-error-ui[b-152zzzed50] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1001;
}

#blazor-error-ui .dismiss[b-152zzzed50] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .content-wrapper[b-152zzzed50] {
        padding: 1.5rem 1rem;
    }
}

@media (max-width: 480px) {
    .content-wrapper[b-152zzzed50] {
        padding: 1rem 0.75rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bus44hpie1] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-bus44hpie1] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-bus44hpie1] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-bus44hpie1] {
    font-size: 1.1rem;
}

.bi[b-bus44hpie1] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-bus44hpie1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-bus44hpie1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-bus44hpie1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-bus44hpie1] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-bus44hpie1] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-bus44hpie1] {
        padding-bottom: 1rem;
    }

    .nav-item[b-bus44hpie1]  .nav-link {
        color: rgba(255, 255, 255, 0.85);
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-bus44hpie1]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-bus44hpie1]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-bus44hpie1] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-bus44hpie1] {
    display: block;
}

/* Modern Top Navigation Bar Styles */

.top-navbar[b-bus44hpie1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.58) 0%, rgba(14, 165, 233, 0.5) 50%, rgba(59, 130, 246, 0.55) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
    box-shadow: 0 8px 28px rgba(2, 8, 20, 0.18);
    z-index: 1000;
}

.navbar-container[b-bus44hpie1] {
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem;
}

/* Logo Section */
.navbar-brand-section[b-bus44hpie1] {
    display: flex;
    align-items: center;
}

.navbar-logo[b-bus44hpie1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: white;
    font-weight: 700;
    font-size: 1.5rem;
    transition: transform 0.2s ease;
}

/* Ensure the logo icon aligns exactly with the title text */
.navbar-logo .logo-icon[b-bus44hpie1] {
    /* reset global .bi top offset for the brand logo */
    position: relative;
    top: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.logo-icon[b-bus44hpie1] {
    font-size: 2rem;
}

.logo-text[b-bus44hpie1] {
    font-size: 1.5rem;
    letter-spacing: -0.5px;
}

/* Navigation Links */
.navbar-links[b-bus44hpie1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    justify-content: center;
}

.navbar-links[b-bus44hpie1]  a.nav-link,
.navbar-links .nav-dropdown .dropdown-toggle[b-bus44hpie1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 8px;
    transition: all 0.3s ease;
    position: relative;
}

/* Wider nav links for key marketing pages */
.navbar-links[b-bus44hpie1]  a.nav-link.nav-link-wide {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.navbar-links[b-bus44hpie1]  a.nav-link:hover,
.navbar-links .nav-dropdown .dropdown-toggle:hover[b-bus44hpie1] {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    transform: translateY(-2px);
}

.navbar-links[b-bus44hpie1]  a.nav-link.active {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.navbar-links[b-bus44hpie1]  a.nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 3px;
    background: white;
    border-radius: 3px 3px 0 0;
}

/* Dropdown Navigation Styles */
.nav-dropdown[b-bus44hpie1] {
    position: relative;
}

.nav-dropdown .dropdown-toggle[b-bus44hpie1] {
    background: transparent;
    border: none;
    font-family: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.nav-dropdown .dropdown-toggle:active[b-bus44hpie1] {
    background: rgba(255, 255, 255, 0.25);
}

.nav-dropdown .dropdown-toggle[b-bus44hpie1]::after {
    margin-left: 0.5rem;
}

.nav-dropdown .dropdown-menu[b-bus44hpie1] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    min-width: 240px;
    background: var(--bg-elevated);
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    box-shadow: var(--shadow-xl);
    padding: 0.5rem 0;
    animation: slideDown-b-bus44hpie1 0.3s ease;
    z-index: 1100;
    display: block !important; /* Force visibility when rendered */
    opacity: 1;
    visibility: visible;
}

.nav-dropdown .dropdown-item[b-bus44hpie1] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.25rem;
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.nav-dropdown .dropdown-item:hover[b-bus44hpie1] {
    background: var(--bg-tertiary);
    color: var(--brand-primary);
}

/* Action Buttons */
.navbar-actions[b-bus44hpie1] {
    display: flex;
    align-items: center;
    min-width: 350px;
    gap: 1rem;
    justify-content: flex-end;
}

.btn-nav[b-bus44hpie1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 48px;
    padding: 0.625rem 1.25rem;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.btn-nav-secondary[b-bus44hpie1] {
    color: white;
    border-color: rgba(255, 255, 255, 0.3);
    background: transparent;
}

.btn-nav-secondary:hover[b-bus44hpie1] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}

.btn-nav-primary[b-bus44hpie1] {
    background: white;
    color: var(--brand-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-nav-primary:hover[b-bus44hpie1] {
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* User Profile Dropdown */
.user-profile-dropdown[b-bus44hpie1] {
    position: relative;
}

.profile-button[b-bus44hpie1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile-button:hover[b-bus44hpie1] {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
}

.profile-avatar[b-bus44hpie1] {
    font-size: 1.75rem;
    line-height: 1;
}

.profile-info[b-bus44hpie1] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 120px;
}

.profile-name[b-bus44hpie1] {
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.2;
}

.profile-team-tier[b-bus44hpie1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    opacity: 0.8;
}

.profile-team[b-bus44hpie1] {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-separator[b-bus44hpie1] {
    opacity: 0.6;
}

.profile-tier[b-bus44hpie1] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dropdown-icon[b-bus44hpie1] {
    margin-left: 0.75rem;
    font-size: 0.75rem;
    opacity: 0.8;
}

/* Profile Dropdown Menu */
.profile-menu[b-bus44hpie1] {
    position: absolute;
    top: calc(100% + 0.75rem);
    right: 0;
    min-width: 300px;
    max-width: 350px;
    background: var(--bg-elevated);
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    box-shadow: var(--shadow-xl);
    padding: 0.5rem 0;
    animation: slideDown-b-bus44hpie1 0.3s ease;
    max-height: 600px;
    overflow-y: auto;
}

@keyframes slideDown-b-bus44hpie1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.profile-menu-header[b-bus44hpie1] {
    padding: 1rem 1.25rem;
}

.profile-menu-name[b-bus44hpie1] {
    font-weight: 700;
    color: var(--text-primary);
    font-size: 1rem;
}

.profile-menu-email[b-bus44hpie1] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

.profile-menu-team-tier[b-bus44hpie1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

.team-badge[b-bus44hpie1] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.badge-tier[b-bus44hpie1] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--gradient-primary);
    color: white;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.profile-menu-section[b-bus44hpie1] {
    padding: 0.5rem 0;
}

.profile-menu-section-title[b-bus44hpie1] {
    padding: 0.5rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-tertiary);
}

.profile-menu-divider[b-bus44hpie1] {
    height: 1px;
    background: var(--border-primary);
    margin: 0.5rem 0;
}

.profile-menu-item[b-bus44hpie1] {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

.profile-menu-item:hover[b-bus44hpie1] {
    background: var(--bg-tertiary);
    color: var(--brand-primary);
}

.profile-menu-item.team-item[b-bus44hpie1] {
    padding: 0.5rem 1.25rem;
    border-left: 3px solid transparent;
}

.profile-menu-item.team-item.active[b-bus44hpie1] {
    border-left-color: var(--brand-primary);
    background: var(--bg-tertiary);
}

.profile-menu-item.team-item:hover[b-bus44hpie1] {
    background: var(--bg-secondary);
}

.team-item-content[b-bus44hpie1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}

.team-item-name[b-bus44hpie1] {
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.team-item-role[b-bus44hpie1] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    font-weight: 400;
}

.profile-menu-item.logout-item[b-bus44hpie1] {
    color: var(--error);
}

.profile-menu-item.logout-item:hover[b-bus44hpie1] {
    background: var(--error-light);
    color: var(--error);
}

/* Mobile Menu Toggle */
.mobile-menu-toggle[b-bus44hpie1] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: white;
    padding: 0;
    border-radius: 8px;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobile-menu-toggle .bi[b-bus44hpie1] {
    top: 0;
    margin-right: 0;
    line-height: 1;
}

.mobile-menu-toggle .bi-list[b-bus44hpie1]::before {
    transform: translate(-2px, -2px);
}

.mobile-menu-toggle .bi-x-lg[b-bus44hpie1]::before {
    transform: translate(-2px, -2px);
}

.mobile-menu-toggle:hover[b-bus44hpie1] {
    background: rgba(255, 255, 255, 0.25);
}

/* Mobile Navigation Menu */
.mobile-menu[b-bus44hpie1] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg-elevated);
    border-top: 1px solid var(--border-primary);
    box-shadow: var(--shadow-xl);
    animation: slideDown-b-bus44hpie1 0.3s ease;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

/* Loading States */
.nav-loading[b-bus44hpie1] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    color: rgba(255, 255, 255, 0.8);
}

.mobile-menu-loading[b-bus44hpie1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: var(--brand-primary);
}

.mobile-menu-loading p[b-bus44hpie1] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.mobile-user-info[b-bus44hpie1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 1.25rem;
    background: var(--gradient-primary);
    color: white;
}

.mobile-user-avatar[b-bus44hpie1] {
    font-size: 3rem;
}

.mobile-user-details[b-bus44hpie1] {
    flex: 1;
}

.mobile-user-name[b-bus44hpie1] {
    font-weight: 700;
    font-size: 1.125rem;
}

.mobile-user-email[b-bus44hpie1] {
    font-size: 0.875rem;
    opacity: 0.9;
    margin-top: 0.25rem;
}

.badge-tier-mobile[b-bus44hpie1] {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.mobile-menu-header[b-bus44hpie1] {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-size: 1rem;
}

.mobile-menu-header:hover[b-bus44hpie1] {
    background: var(--bg-tertiary);
    color: var(--brand-primary);
}

.mobile-menu-header.logout-link[b-bus44hpie1] {
    color: var(--error);
}

.mobile-menu-header.logout-link:hover[b-bus44hpie1] {
    background: var(--error-light);
    color: var(--error);
}

.mobile-nav-link[b-bus44hpie1] {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.mobile-nav-link:hover[b-bus44hpie1] {
    background: var(--bg-tertiary);
    color: var(--brand-primary);
}

.mobile-nav-link.active[b-bus44hpie1] {
    background: var(--bg-secondary);
    color: var(--brand-primary);
    border-left: 4px solid var(--brand-primary);
}

.mobile-nav-link.logout-link[b-bus44hpie1] {
    color: var(--error);
}

.mobile-nav-link.logout-link:hover[b-bus44hpie1] {
    background: var(--error-light);
    color: var(--error);
}

.mobile-menu-divider[b-bus44hpie1] {
    height: 1px;
    background: var(--border-primary);
    margin: 0.5rem 0;
}

/* Responsive Utilities */
.desktop-only[b-bus44hpie1] {
    display: flex;
}

.mobile-only[b-bus44hpie1] {
    display: none;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .navbar-container[b-bus44hpie1] {
        padding: 0 1.5rem;
    }

    .navbar-links[b-bus44hpie1] {
        gap: 0.25rem;
    }

    .navbar-links[b-bus44hpie1]  a.nav-link,
    .navbar-links .nav-dropdown .dropdown-toggle[b-bus44hpie1] {
        padding: 0.625rem 1rem;
        font-size: 0.9rem;
    }

    .logo-text[b-bus44hpie1] {
        font-size: 1.25rem;
    }
}

@media (max-width: 768px) {
    .desktop-only[b-bus44hpie1] {
        display: none;
    }

    .mobile-only[b-bus44hpie1] {
        display: flex;
    }

    .mobile-menu-toggle[b-bus44hpie1] {
        display: flex;
    }

    .navbar-container[b-bus44hpie1] {
        padding: 0 1rem;
    }

    .navbar-links[b-bus44hpie1] {
        display: none;
    }

    .navbar-actions[b-bus44hpie1] {
        min-width: 0;
    }

    .btn-nav[b-bus44hpie1] {
        display: none;
    }

    .profile-button[b-bus44hpie1] {
        padding: 0.5rem;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.15);
    }

    .profile-button:hover[b-bus44hpie1] {
        background: rgba(255, 255, 255, 0.25);
    }

    .profile-menu[b-bus44hpie1] {
        left: auto;
        right: 0;
        min-width: 250px;
    }

    /* Mobile Dropdown Styles */
    .mobile-menu .nav-dropdown[b-bus44hpie1] {
        display: block;
        width: 100%;
    }

    .mobile-menu .nav-dropdown .dropdown-toggle[b-bus44hpie1] {
        width: 100%;
        padding: 1rem 1.25rem;
        color: var(--text-secondary);
        text-align: left;
        justify-content: flex-start;
        display: flex;
        align-items: center;
        font-size: 1rem;
        gap: 0;
    }

    .mobile-menu .nav-dropdown .dropdown-toggle:hover[b-bus44hpie1] {
        background: var(--bg-tertiary);
        color: var(--brand-primary);
        transform: none;
    }

    .mobile-menu .nav-dropdown .dropdown-toggle[b-bus44hpie1]::after {
        content: '\F282';
        font-family: 'bootstrap-icons';
        font-size: 0.75rem;
        transition: transform 0.3s ease;
        margin-left: auto;
    }

    .mobile-menu .nav-dropdown .dropdown-menu[b-bus44hpie1] {
        position: static;
        box-shadow: none;
        background: var(--bg-secondary);
        border: none;
        margin: 0;
        padding: 0.5rem 0 0.5rem 2rem;
        animation: none;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .mobile-menu .nav-dropdown .dropdown-item[b-bus44hpie1] {
        padding: 0.625rem 1rem;
        font-size: 0.9rem;
        width: 100%;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .logo-text[b-bus44hpie1] {
        display: none;
    }

    .navbar-container[b-bus44hpie1] {
        padding: 0 0.75rem;
    }
}

/* Keep icon spacing consistent across link and dropdown nav items */
.navbar-links[b-bus44hpie1]  a.nav-link .bi,
.navbar-links .nav-dropdown .dropdown-toggle .bi[b-bus44hpie1] {
    margin-right: 0 !important;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-h6swllqb9b],
.components-reconnect-repeated-attempt-visible[b-h6swllqb9b],
.components-reconnect-failed-visible[b-h6swllqb9b],
.components-pause-visible[b-h6swllqb9b],
.components-resume-failed-visible[b-h6swllqb9b],
.components-rejoining-animation[b-h6swllqb9b] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-h6swllqb9b],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-h6swllqb9b],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-h6swllqb9b],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-h6swllqb9b],
#components-reconnect-modal.components-reconnect-retrying[b-h6swllqb9b],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-h6swllqb9b],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-h6swllqb9b],
#components-reconnect-modal.components-reconnect-failed[b-h6swllqb9b],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-h6swllqb9b] {
    display: block;
}


#components-reconnect-modal[b-h6swllqb9b] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-h6swllqb9b 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-h6swllqb9b 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-h6swllqb9b 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-h6swllqb9b]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-h6swllqb9b 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-h6swllqb9b {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-h6swllqb9b {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-h6swllqb9b {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-h6swllqb9b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-h6swllqb9b] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-h6swllqb9b] {
    border: 0;
    background-color: var(--brand-primary);
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-h6swllqb9b] {
        background-color: var(--brand-primary-dark, #0284c7);
    }

    #components-reconnect-modal button:active[b-h6swllqb9b] {
        background-color: var(--brand-primary);
    }

.components-rejoining-animation[b-h6swllqb9b] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-h6swllqb9b] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-h6swllqb9b 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-h6swllqb9b] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-h6swllqb9b {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SideNav.razor.rz.scp.css */
.sidenav[b-jwa4lfoo5m] {
    position: fixed;
    top: 70px; /* below the top navbar */
    left: 0;
    bottom: 0;
    width: 260px;
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
    border-right: 1px solid var(--border-primary);
    box-shadow: var(--shadow-sm);
    z-index: 900;
    transition: width var(--transition-base), background-color var(--transition-base);
}

.sidenav.collapsed[b-jwa4lfoo5m] {
    width: 68px;
}

.sidenav-scroll[b-jwa4lfoo5m] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.sidenav[b-jwa4lfoo5m]  a.sidenav-link,
.sidenav .sidenav-group-toggle[b-jwa4lfoo5m] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: none;
    background: none;
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color var(--transition-fast), color var(--transition-fast);
}

.sidenav[b-jwa4lfoo5m]  a.sidenav-link:hover,
.sidenav .sidenav-group-toggle:hover[b-jwa4lfoo5m] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.sidenav[b-jwa4lfoo5m]  a.sidenav-link.active {
    background: var(--brand-primary-light);
    color: var(--brand-primary-hover);
}

.sidenav-icon[b-jwa4lfoo5m] {
    flex: 0 0 auto;
    font-size: 1.05rem;
    width: 1.25rem;
    text-align: center;
}

.sidenav-label[b-jwa4lfoo5m] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidenav-chevron[b-jwa4lfoo5m] {
    flex: 0 0 auto;
    font-size: 0.75rem;
    transition: transform var(--transition-fast);
}

.sidenav-group.expanded .sidenav-chevron[b-jwa4lfoo5m] {
    transform: rotate(180deg);
}

.sidenav-subitems[b-jwa4lfoo5m] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin: 0.125rem 0 0.25rem 1.4rem;
    padding-left: 0.6rem;
    border-left: 1px solid var(--border-primary);
}

.sidenav[b-jwa4lfoo5m]  a.sidenav-sublink {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.875rem;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--transition-fast), color var(--transition-fast);
}

.sidenav[b-jwa4lfoo5m]  a.sidenav-sublink:hover {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.sidenav[b-jwa4lfoo5m]  a.sidenav-sublink.active {
    background: var(--brand-primary-light);
    color: var(--brand-primary-hover);
    font-weight: 600;
}

.sidenav-collapse-toggle[b-jwa4lfoo5m] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.125rem;
    border: none;
    border-top: 1px solid var(--border-primary);
    background: none;
    color: var(--text-tertiary);
    font-size: 0.875rem;
    cursor: pointer;
    white-space: nowrap;
}

.sidenav-collapse-toggle:hover[b-jwa4lfoo5m] {
    color: var(--text-primary);
    background: var(--bg-tertiary);
}

/* Collapsed rail: icons only */
.sidenav.collapsed .sidenav-label[b-jwa4lfoo5m],
.sidenav.collapsed .sidenav-chevron[b-jwa4lfoo5m] {
    display: none;
}

.sidenav.collapsed[b-jwa4lfoo5m]  a.sidenav-link,
.sidenav.collapsed .sidenav-group-toggle[b-jwa4lfoo5m],
.sidenav.collapsed .sidenav-collapse-toggle[b-jwa4lfoo5m] {
    justify-content: center;
    gap: 0;
}

/* The side nav is desktop-only; mobile uses the top navbar's mobile menu */
@media (max-width: 768px) {
    .sidenav[b-jwa4lfoo5m] {
        display: none;
    }
}
/* /Components/Pages/ABTests.razor.rz.scp.css */
.test-card[b-mbsyyfmz3s] {
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid var(--border-primary);
}

.test-card:hover[b-mbsyyfmz3s] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.test-running[b-mbsyyfmz3s] {
    border-left: 4px solid var(--brand-primary);
}

.test-icon[b-mbsyyfmz3s] {
    font-size: 2rem;
    color: var(--brand-primary);
}

.variant-card[b-mbsyyfmz3s] {
    background: var(--bg-secondary);
    border-radius: 0.375rem;
    padding: 1rem;
    border: 1px solid var(--border-primary);
}

.variant-control[b-mbsyyfmz3s] {
    border-color: var(--border-secondary);
    background: var(--bg-tertiary);
}

.variant-header[b-mbsyyfmz3s] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-primary);
}

.traffic-weight[b-mbsyyfmz3s] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.campaign-name[b-mbsyyfmz3s] {
    margin-top: 0.25rem;
}

.variant-metrics[b-mbsyyfmz3s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.metric-row[b-mbsyyfmz3s] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
}

.metric-label[b-mbsyyfmz3s] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.metric-value[b-mbsyyfmz3s] {
    font-weight: 600;
}

.variant-form-card[b-mbsyyfmz3s] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    border-radius: 0.375rem;
    padding: 1rem;
}

.empty-state[b-mbsyyfmz3s] {
    max-width: 500px;
    margin: 0 auto;
}

.modal.show[b-mbsyyfmz3s] {
    display: block !important;
}

.form-label[b-mbsyyfmz3s] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-control:focus[b-mbsyyfmz3s],
.form-select:focus[b-mbsyyfmz3s] {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.25rem rgba(14, 165, 233, 0.25);
}
/* /Components/Pages/ApiGuide.razor.rz.scp.css */
.api-guide-page[b-kojmk9a2z7] {
    --api-ink: var(--text-primary);
    --api-muted: var(--text-secondary);
    --api-line: var(--border-primary);
    --api-primary: var(--brand-primary);
    --api-code: var(--text-primary);
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 2rem;
    color: var(--api-ink);
}

.api-guide-hero[b-kojmk9a2z7] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    min-height: 250px;
    padding: clamp(1.75rem, 5vw, 3.25rem);
    border-radius: 1.25rem;
    background: linear-gradient(120deg, #102347 0%, #234fa4 66%, #527ce2 100%);
    color: #fff;
}

.api-guide-hero-content[b-kojmk9a2z7] {
    position: relative;
    z-index: 1;
    max-width: 800px;
}

.api-guide-eyebrow[b-kojmk9a2z7] {
    margin-bottom: .8rem;
    color: #c8d7ff;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
}

.api-guide-hero h1[b-kojmk9a2z7] {
    margin-bottom: .75rem;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 750;
    letter-spacing: -.04em;
}

.api-guide-hero p[b-kojmk9a2z7] {
    max-width: 700px;
    margin-bottom: 1.25rem;
    color: #e0e9ff;
    font-size: 1.05rem;
}

.api-guide-hero code[b-kojmk9a2z7] {
    color: #fff;
}

.api-guide-meta[b-kojmk9a2z7] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1.25rem;
    color: #d9e4ff;
    font-size: .82rem;
}

.api-guide-meta span[b-kojmk9a2z7] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.api-guide-hero-icon[b-kojmk9a2z7] {
    position: absolute;
    right: 4%;
    color: rgb(255 255 255 / 9%);
    font-size: clamp(6rem, 18vw, 13rem);
}

.api-guide-content[b-kojmk9a2z7] {
    display: grid;
    gap: 1.25rem;
    margin-top: 2rem;
}

.api-guide-section-heading[b-kojmk9a2z7] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .25rem;
}

.api-guide-section-heading h2[b-kojmk9a2z7] {
    margin: 0 0 .35rem;
    font-size: 1.65rem;
    font-weight: 700;
}

.api-guide-section-heading p[b-kojmk9a2z7],
.api-guide-card-heading p[b-kojmk9a2z7] {
    margin: 0;
    color: var(--api-muted);
}

.api-guide-step[b-kojmk9a2z7],
.api-guide-section-icon[b-kojmk9a2z7] {
    display: grid;
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: .85rem;
    background: var(--bg-tertiary);
    color: var(--api-primary);
    font-weight: 750;
}

.api-guide-section-icon[b-kojmk9a2z7] {
    font-size: 1.1rem;
}

.api-guide-steps[b-kojmk9a2z7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.api-guide-step-card[b-kojmk9a2z7],
.api-guide-card[b-kojmk9a2z7] {
    min-width: 0;
    padding: 1.35rem;
    border: 1px solid var(--api-line);
    border-radius: 1rem;
    background: var(--bg-primary);
    box-shadow: var(--shadow-sm);
}

.api-guide-step-card > .bi[b-kojmk9a2z7] {
    color: var(--api-primary);
    font-size: 1.2rem;
}

.api-guide-step-card h3[b-kojmk9a2z7] {
    margin: .8rem 0 .45rem;
    font-size: 1rem;
    font-weight: 700;
}

.api-guide-step-card p[b-kojmk9a2z7] {
    margin: 0;
    color: var(--api-muted);
    font-size: .92rem;
    line-height: 1.6;
}

.api-guide-card h2[b-kojmk9a2z7],
.api-guide-card h3[b-kojmk9a2z7] {
    margin: 0 0 .5rem;
    font-size: 1.15rem;
    font-weight: 700;
}

.api-guide-card-heading[b-kojmk9a2z7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.api-guide-language[b-kojmk9a2z7],
.api-guide-endpoint-count[b-kojmk9a2z7] {
    flex: 0 0 auto;
    padding: .3rem .6rem;
    border-radius: 99px;
    background: var(--bg-tertiary);
    color: var(--api-muted);
    font-size: .75rem;
    font-weight: 650;
}

.api-guide-card pre[b-kojmk9a2z7] {
    overflow-x: auto;
    margin: 0;
    padding: 1rem 1.1rem;
    border-radius: .7rem;
    background: #111b2e;
    color: #e4ecff;
    font-size: .88rem;
    line-height: 1.7;
}

.api-guide-card pre code[b-kojmk9a2z7] {
    color: inherit;
}

.api-guide-footnote[b-kojmk9a2z7] {
    margin: .8rem 0 0;
    color: var(--api-muted);
    font-size: .82rem;
}

.api-guide-note[b-kojmk9a2z7] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--info);
    border-radius: .85rem;
    background: var(--info-light);
    color: var(--api-ink);
}

.api-guide-note > .bi[b-kojmk9a2z7] {
    margin-top: .1rem;
    color: var(--api-primary);
    font-size: 1.1rem;
}

.api-guide-note-warning[b-kojmk9a2z7] {
    border-color: var(--warning);
    background: var(--warning-light);
    color: var(--api-ink);
}

.api-guide-note-warning > .bi[b-kojmk9a2z7] {
    color: var(--warning);
}

.api-guide-auth-option[b-kojmk9a2z7] {
    display: grid;
    grid-template-columns: 6rem minmax(13rem, .9fr) 1.5fr;
    align-items: center;
    gap: .8rem;
    padding: .9rem 0;
    border-top: 1px solid var(--api-line);
}

.api-guide-auth-option > span:last-child[b-kojmk9a2z7] {
    color: var(--api-muted);
    font-size: .9rem;
}

.api-guide-auth-badge[b-kojmk9a2z7] {
    color: var(--api-ink);
    font-size: .85rem;
    font-weight: 700;
}

.api-guide-topic-grid[b-kojmk9a2z7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    margin-top: 1rem;
}

.api-guide-topic[b-kojmk9a2z7] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 3.25rem;
    padding: .75rem;
    border: 1px solid var(--api-line);
    border-radius: .7rem;
    background: var(--bg-primary);
    color: var(--api-ink);
    font-size: .88rem;
    font-weight: 650;
    text-decoration: none;
    transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}

.api-guide-topic:hover[b-kojmk9a2z7] {
    transform: translateY(-1px);
    border-color: #b6c8f7;
    background: var(--bg-tertiary);
    color: var(--api-primary);
}

.api-guide-topic > .bi:first-child[b-kojmk9a2z7] {
    color: var(--api-primary);
}

.api-guide-topic > .bi:last-child[b-kojmk9a2z7] {
    margin-left: auto;
    color: #8b96aa;
    font-size: .8rem;
}

.api-guide-endpoints[b-kojmk9a2z7] {
    min-width: 680px;
    margin-bottom: 0;
    vertical-align: middle;
}

.api-guide-endpoints th[b-kojmk9a2z7] {
    padding: .75rem .65rem;
    border-bottom-color: var(--api-line);
    color: var(--api-muted);
    font-size: .75rem;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.api-guide-endpoints td[b-kojmk9a2z7] {
    padding: .75rem .65rem;
    border-bottom-color: var(--api-line);
    color: var(--api-muted);
    font-size: .88rem;
}

.api-guide-endpoints td:nth-child(2)[b-kojmk9a2z7] {
    color: var(--api-ink);
}

.api-guide-endpoints code[b-kojmk9a2z7] {
    overflow-wrap: anywhere;
    color: var(--api-code);
    font-size: .82rem;
}

.api-guide-method[b-kojmk9a2z7] {
    display: inline-block;
    min-width: 3.7rem;
    padding: .23rem .4rem;
    border-radius: .35rem;
    background: var(--info-light);
    color: var(--info);
    font-size: .69rem;
    font-weight: 750;
    text-align: center;
}

.api-guide-method-post[b-kojmk9a2z7] {
    background: var(--success-light);
    color: var(--success);
}

.api-guide-method-put[b-kojmk9a2z7] {
    background: var(--warning-light);
    color: var(--warning);
}

.api-guide-method-delete[b-kojmk9a2z7] {
    background: var(--error-light);
    color: var(--error);
}

.api-guide-footer[b-kojmk9a2z7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    margin-top: 2rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--api-line);
    color: var(--api-muted);
    font-size: .9rem;
}

.api-guide-footer a[b-kojmk9a2z7] {
    color: var(--api-primary);
    font-weight: 650;
    text-decoration: none;
}

.api-guide-footer a:hover[b-kojmk9a2z7] {
    text-decoration: underline;
}

@media (max-width: 850px) {
    .api-guide-topic-grid[b-kojmk9a2z7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .api-guide-auth-option[b-kojmk9a2z7] {
        grid-template-columns: 5rem 1fr;
    }

    .api-guide-auth-option > span:last-child[b-kojmk9a2z7] {
        grid-column: 2;
    }
}

@media (max-width: 640px) {
    .api-guide-hero[b-kojmk9a2z7] {
        min-height: auto;
        padding: 1.5rem;
    }

    .api-guide-hero-icon[b-kojmk9a2z7] {
        right: -1rem;
        font-size: 6rem;
    }

    .api-guide-meta[b-kojmk9a2z7] {
        flex-direction: column;
        gap: .4rem;
    }

    .api-guide-steps[b-kojmk9a2z7] {
        grid-template-columns: 1fr;
    }

    .api-guide-topic-grid[b-kojmk9a2z7] {
        grid-template-columns: 1fr;
    }

    .api-guide-section-heading h2[b-kojmk9a2z7] {
        font-size: 1.35rem;
    }
}
/* /Components/Pages/Attribution.razor.rz.scp.css */
/* Attribution Dashboard Styles */

.card[b-mkspxh5noy] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: box-shadow 0.3s ease-in-out;
}

.card:hover[b-mkspxh5noy] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.table th[b-mkspxh5noy] {
    font-weight: 600;
    background-color: var(--bg-secondary);
    color: var(--text-secondary);
}

.table-hover tbody tr:hover[b-mkspxh5noy] {
    background-color: rgba(0, 123, 255, 0.05);
}

.badge[b-mkspxh5noy] {
    font-weight: 500;
}

.bi[b-mkspxh5noy] {
    vertical-align: text-bottom;
}

/* Filter info icon styles */
.filter-info-icon[b-mkspxh5noy] {
    transition: opacity 0.2s ease, color 0.2s ease;
}

.filter-info-icon:hover[b-mkspxh5noy] {
    opacity: 1 !important;
    color: var(--brand-primary) !important;
}

/* /Components/Pages/AttributionDashboardPreview.razor.rz.scp.css */
.attribution-preview[b-1hnqfusahu] {
    position: relative;
    z-index: 1;
    margin: 0;
}

.attribution-preview .bi[b-1hnqfusahu] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.preview-window[b-1hnqfusahu] {
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --bg-elevated: #ffffff;
    --text-primary: #172b3f;
    --text-secondary: #475569;
    --text-tertiary: #718294;
    --border-primary: #e5ecf1;

    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 16px;
    background: var(--bg-elevated);
    box-shadow: 0 35px 85px rgba(3, 16, 38, 0.28), 0 8px 24px rgba(3, 16, 38, 0.14);
    transform: perspective(1200px) rotateY(-4deg) rotateX(1deg);
}

.preview-window-bar[b-1hnqfusahu] {
    display: flex;
    height: 38px;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    border-bottom: 1px solid var(--border-primary);
    background: var(--bg-secondary);
}

.preview-window-bar > span[b-1hnqfusahu] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1;
}

.preview-window-bar > span:first-child[b-1hnqfusahu] { background: #f87171; }
.preview-window-bar > span:nth-child(2)[b-1hnqfusahu] { background: #fbbf24; }
.preview-window-bar > span:nth-child(3)[b-1hnqfusahu] { background: #34d399; }

.preview-address[b-1hnqfusahu] {
    overflow: hidden;
    width: 190px;
    margin: 0 auto;
    padding: 4px 12px;
    border: 1px solid var(--border-primary);
    border-radius: 5px;
    background: var(--bg-elevated);
    color: var(--text-tertiary);
    font-size: 0.64rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-workspace[b-1hnqfusahu] {
    padding: 23px 24px 20px;
    background:
        radial-gradient(ellipse at 95% 0, rgba(14, 165, 233, 0.08), transparent 34%),
        var(--bg-primary);
}

.preview-workspace-header[b-1hnqfusahu] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.preview-brand-mark[b-1hnqfusahu] {
    display: grid;
    width: 37px;
    height: 37px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    background: var(--brand-primary-light);
    color: var(--brand-primary-hover);
}

.preview-workspace-header p[b-1hnqfusahu],
.preview-chart-heading > div > span[b-1hnqfusahu] {
    margin: 0 0 4px;
    color: var(--text-tertiary);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.preview-workspace-header h2[b-1hnqfusahu] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 750;
}

.preview-period[b-1hnqfusahu] {
    margin-left: auto;
    padding: 6px 9px;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    color: var(--text-secondary);
    font-size: 0.65rem;
    white-space: nowrap;
}

.preview-filter[b-1hnqfusahu] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    margin: 17px 0 12px;
    padding: 7px 10px;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    color: var(--text-secondary);
    font-size: 0.66rem;
}

.preview-filter strong[b-1hnqfusahu] {
    color: var(--text-primary);
    font-weight: 700;
}

.preview-filter i[b-1hnqfusahu] {
    color: var(--text-tertiary);
    font-size: 0.6rem;
}

.preview-metrics[b-1hnqfusahu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.preview-metrics > div[b-1hnqfusahu] {
    display: flex;
    min-height: 91px;
    flex-direction: column;
    justify-content: center;
    padding: 11px 12px;
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    background: var(--bg-elevated);
}

.preview-metrics span[b-1hnqfusahu] {
    color: var(--text-tertiary);
    font-size: 0.61rem;
}

.preview-metrics strong[b-1hnqfusahu] {
    overflow: hidden;
    margin: 5px 0 3px;
    color: var(--text-primary);
    font-size: 0.78rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-metrics small[b-1hnqfusahu] {
    color: var(--text-secondary);
    font-size: 0.57rem;
}

.preview-chart-card[b-1hnqfusahu] {
    margin-top: 10px;
    padding: 12px 13px 10px;
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    background: var(--bg-elevated);
}

.preview-chart-heading[b-1hnqfusahu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.preview-chart-heading > div[b-1hnqfusahu] {
    display: flex;
    flex-direction: column;
}

.preview-chart-heading > div > strong[b-1hnqfusahu] {
    color: var(--text-primary);
    font-size: 0.72rem;
}

.preview-model-label[b-1hnqfusahu] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--brand-primary-hover);
    font-size: 0.62rem;
    font-weight: 700;
}

.preview-chart[b-1hnqfusahu] {
    display: block;
    width: 100%;
    height: 94px;
    overflow: visible;
    margin: 4px 0 0;
}

.preview-chart-area[b-1hnqfusahu] {
    fill: url(#journey-fill);
}

.preview-chart-line[b-1hnqfusahu] {
    fill: none;
    stroke: #0ea5e9;
    stroke-linecap: round;
    stroke-width: 3;
}

.preview-chart circle[b-1hnqfusahu] {
    fill: var(--bg-elevated);
    stroke: #0ea5e9;
    stroke-width: 3;
}

.preview-chart-legend[b-1hnqfusahu] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    color: var(--text-secondary);
    font-size: 0.58rem;
}

.preview-chart-legend span[b-1hnqfusahu] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.preview-chart-legend i[b-1hnqfusahu] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0ea5e9;
}

.preview-chart-legend .legend-assist[b-1hnqfusahu] { background: #8b5cf6; }
.preview-chart-legend .legend-conversion[b-1hnqfusahu] { background: #10b981; }

.attribution-preview figcaption[b-1hnqfusahu] {
    margin-top: 12px;
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.72rem;
    text-align: right;
}

@media (max-width: 700px) {
    .preview-window[b-1hnqfusahu] {
        transform: none;
    }

    .preview-workspace[b-1hnqfusahu] {
        padding: 17px 14px 14px;
    }

    .preview-period[b-1hnqfusahu] {
        padding: 5px 7px;
    }
}

@media (max-width: 420px) {
    .preview-metrics[b-1hnqfusahu] {
        grid-template-columns: 1fr;
    }

    .preview-metrics > div[b-1hnqfusahu] {
        min-height: 68px;
    }

    .preview-metrics small[b-1hnqfusahu] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .preview-window[b-1hnqfusahu] {
        transform: none;
    }
}
/* /Components/Pages/Blog.razor.rz.scp.css */
.blog-page .hover-lift[b-ndmnc7wsev] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-page .hover-lift:hover[b-ndmnc7wsev] {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
}

.blog-page .card-img-top[b-ndmnc7wsev] {
    height: 200px;
    object-fit: cover;
}

.blog-page .newsletter[b-ndmnc7wsev] {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 50%, #3b82f6 100%);
}

.btn-newsletter-subscribe[b-ndmnc7wsev] {
    background-color: #ffffff;
    color: #0ea5e9;
    border: 2px solid #ffffff;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.btn-newsletter-subscribe:hover:not(:disabled)[b-ndmnc7wsev] {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

.btn-newsletter-subscribe:active:not(:disabled)[b-ndmnc7wsev] {
    background-color: rgba(255, 255, 255, 0.85);
    color: #0ea5e9;
}

.btn-newsletter-subscribe:disabled[b-ndmnc7wsev] {
    background-color: rgba(255, 255, 255, 0.5);
    color: rgba(14, 165, 233, 0.6);
    border-color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
}

[data-theme="dark"] .btn-newsletter-subscribe[b-ndmnc7wsev] {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .btn-newsletter-subscribe:hover:not(:disabled)[b-ndmnc7wsev] {
    background-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .btn-newsletter-subscribe:active:not(:disabled)[b-ndmnc7wsev] {
    background-color: rgba(255, 255, 255, 0.35);
}

[data-theme="dark"] .btn-newsletter-subscribe:disabled[b-ndmnc7wsev] {
    background-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.2);
}
/* /Components/Pages/BlogPosts/BuildingSeamlessDeepLinks.razor.rz.scp.css */
.deep-article[b-c6d62lv53y] {
    color: var(--text-primary);
}

.deep-article > .container[b-c6d62lv53y] {
    max-width: 1120px;
}

.deep-article-breadcrumb[b-c6d62lv53y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1.5rem;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.deep-article-breadcrumb a[b-c6d62lv53y],
.deep-article-content a[b-c6d62lv53y],
.deep-article-footer a[b-c6d62lv53y] {
    color: var(--brand-primary-hover);
    font-weight: 600;
}

.deep-article-hero[b-c6d62lv53y] {
    position: relative;
    padding: clamp(1.5rem, 5vw, 3.5rem);
    overflow: hidden;
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-2xl);
    background:
        radial-gradient(ellipse at 100% 0%, rgba(14, 165, 233, 0.16), transparent 45%),
        var(--bg-elevated);
    box-shadow: var(--shadow-sm);
}

.deep-article-category[b-c6d62lv53y] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-full);
    background: var(--bg-secondary);
    color: var(--brand-primary-hover);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.deep-article-hero h1[b-c6d62lv53y] {
    max-width: 850px;
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(2.1rem, 5.5vw, 3.7rem);
    font-weight: 760;
    letter-spacing: -0.045em;
    line-height: 1.08;
}

.deep-article-deck[b-c6d62lv53y] {
    max-width: 760px;
    margin: 1.25rem 0 0;
    color: var(--text-secondary);
    font-size: clamp(1.05rem, 2.5vw, 1.25rem);
    line-height: 1.7;
}

.deep-article-meta[b-c6d62lv53y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1.4rem;
    margin-top: 1.7rem;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.deep-article-meta span[b-c6d62lv53y] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.deep-article-meta .bi[b-c6d62lv53y] {
    color: var(--brand-primary-hover);
}

.deep-article-toc[b-c6d62lv53y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin: 1.25rem 0 2rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-lg);
    background: var(--bg-elevated);
}

.deep-article-toc-label[b-c6d62lv53y] {
    margin-right: 0.2rem;
    color: var(--text-secondary);
    font-size: 0.82rem;
    font-weight: 700;
}

.deep-article-toc a[b-c6d62lv53y] {
    padding: 0.4rem 0.7rem;
    border-radius: var(--radius-full);
    background: var(--bg-tertiary);
    color: var(--text-primary);
    font-size: 0.82rem;
    font-weight: 600;
}

.deep-article-toc a:hover[b-c6d62lv53y] {
    background: var(--brand-primary-light);
    color: var(--brand-primary-hover);
}

.deep-article-content[b-c6d62lv53y] {
    max-width: 790px;
    margin-inline: auto;
}

.deep-article-section[b-c6d62lv53y] {
    margin: 0 0 3.25rem;
    scroll-margin-top: 2rem;
}

.deep-article-content p[b-c6d62lv53y],
.deep-article-content li[b-c6d62lv53y] {
    color: var(--text-secondary);
    font-size: 1.02rem;
    line-height: 1.8;
}

.deep-article-content p[b-c6d62lv53y] {
    margin: 0 0 1rem;
}

.deep-article-intro[b-c6d62lv53y] {
    color: var(--text-primary) !important;
    font-size: 1.2rem !important;
    font-weight: 550;
    line-height: 1.75 !important;
}

.deep-article-content h2[b-c6d62lv53y] {
    margin: 0 0 1rem;
    color: var(--text-primary);
    font-size: clamp(1.6rem, 4vw, 2rem);
    font-weight: 740;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

.deep-article-content h3[b-c6d62lv53y] {
    margin: 0 0 0.55rem;
    color: var(--text-primary);
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.35;
}

.deep-article-content code[b-c6d62lv53y] {
    padding: 0.1rem 0.35rem;
    border: 1px solid var(--border-primary);
    border-radius: 0.3rem;
    background: var(--bg-tertiary);
    color: var(--text-primary);
    font-size: 0.9em;
    overflow-wrap: anywhere;
}

.deep-article-card-grid[b-c6d62lv53y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1.3rem 0;
}

.deep-article-card[b-c6d62lv53y] {
    padding: 1.25rem;
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-lg);
    background: var(--bg-elevated);
    box-shadow: var(--shadow-sm);
}

.deep-article-card > .bi[b-c6d62lv53y] {
    display: inline-block;
    margin-bottom: 0.75rem;
    color: var(--brand-primary-hover);
    font-size: 1.4rem;
}

.deep-article-card p[b-c6d62lv53y] {
    margin: 0;
    font-size: 0.96rem;
}

.deep-article-step[b-c6d62lv53y] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: 0.9rem;
    margin: 1.5rem 0;
}

.deep-article-step-number[b-c6d62lv53y] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: 1px solid var(--border-primary);
    border-radius: 50%;
    background: var(--brand-primary-light);
    color: var(--brand-primary-hover);
    font-weight: 750;
}

.deep-article-step > div[b-c6d62lv53y] {
    min-width: 0;
}

.deep-article-endpoints[b-c6d62lv53y] {
    display: grid;
    gap: 0.7rem;
    margin: 1rem 0;
}

.deep-article-endpoints > div[b-c6d62lv53y] {
    display: grid;
    gap: 0.35rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
}

.deep-article-endpoints strong[b-c6d62lv53y] {
    color: var(--text-primary);
    font-size: 0.84rem;
}

.deep-article-endpoints code[b-c6d62lv53y] {
    width: fit-content;
    max-width: 100%;
}

.deep-article-note[b-c6d62lv53y] {
    display: flex;
    gap: 0.75rem;
    margin: 1.5rem 0 0;
    padding: 1rem 1.1rem;
    border-left: 4px solid var(--info);
    border-radius: var(--radius-md);
    background: var(--info-light);
}

.deep-article-note > .bi[b-c6d62lv53y] {
    flex: 0 0 auto;
    margin-top: 0.2rem;
    color: var(--info);
}

.deep-article-note p[b-c6d62lv53y] {
    margin: 0;
    font-size: 0.95rem;
}

.deep-article-numbered-list[b-c6d62lv53y],
.deep-article-checklist[b-c6d62lv53y] {
    display: grid;
    gap: 0.7rem;
    margin: 1rem 0 1.25rem;
    padding-left: 1.4rem;
}

.deep-article-checklist[b-c6d62lv53y] {
    padding: 0;
    list-style: none;
}

.deep-article-checklist li[b-c6d62lv53y] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.deep-article-checklist .bi[b-c6d62lv53y] {
    flex: 0 0 auto;
    margin-top: 0.35rem;
    color: var(--success);
}

.deep-article-cta[b-c6d62lv53y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 3rem;
    padding: clamp(1.25rem, 4vw, 2rem);
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(ellipse at 100% 0%, rgba(14, 165, 233, 0.13), transparent 45%),
        var(--bg-elevated);
}

.deep-article-eyebrow[b-c6d62lv53y] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--brand-primary-hover);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.deep-article-cta h2[b-c6d62lv53y] {
    margin-bottom: 0.35rem;
    font-size: 1.4rem;
}

.deep-article-cta p[b-c6d62lv53y] {
    margin: 0;
    font-size: 0.95rem;
}

.deep-article-cta .btn[b-c6d62lv53y] {
    flex: 0 0 auto;
}

.deep-article-footer[b-c6d62lv53y] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-primary);
}

.deep-article a:focus-visible[b-c6d62lv53y] {
    border-radius: 0.2rem;
    outline: 3px solid var(--border-focus);
    outline-offset: 3px;
}

@media (max-width: 700px) {
    .deep-article > .container[b-c6d62lv53y] {
        padding-top: 1.5rem !important;
    }

    .deep-article-card-grid[b-c6d62lv53y] {
        grid-template-columns: 1fr;
    }

    .deep-article-cta[b-c6d62lv53y] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .deep-article *[b-c6d62lv53y],
    .deep-article *[b-c6d62lv53y]::before,
    .deep-article *[b-c6d62lv53y]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/BlogPosts/CompleteGuideAttribution.razor.rz.scp.css */
.blog-post-page[b-ddp7p0vrzj] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    min-height: 100vh;
}

.blog-post[b-ddp7p0vrzj] {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    max-width: 940px;
    margin: 0 auto;
}

.post-header img[b-ddp7p0vrzj] {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 400px;
}

.post-meta[b-ddp7p0vrzj] {
    font-size: 0.9rem;
}

.post-content[b-ddp7p0vrzj] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--text-secondary);
}

.post-content h2[b-ddp7p0vrzj] {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
}

.post-content h3[b-ddp7p0vrzj] {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
}

.post-content p[b-ddp7p0vrzj] {
    margin-bottom: 1.25rem;
}

.post-content ul[b-ddp7p0vrzj], .post-content ol[b-ddp7p0vrzj] {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
}

.post-content li[b-ddp7p0vrzj] {
    margin-bottom: 0.5rem;
}

.post-content pre[b-ddp7p0vrzj] {
    border-radius: 8px;
    overflow-x: auto;
}

.post-content code[b-ddp7p0vrzj] {
    font-size: 0.9em;
    font-family: 'Consolas', 'Monaco', monospace;
}

.post-content .alert[b-ddp7p0vrzj] {
    margin: 1.5rem 0;
}

.post-content .table[b-ddp7p0vrzj] {
    margin: 1.5rem 0;
}

.post-footer[b-ddp7p0vrzj], .related-posts[b-ddp7p0vrzj] {
    margin-top: 3rem;
}

.newsletter-cta[b-ddp7p0vrzj] {
    margin-top: 2rem;
}

.breadcrumb[b-ddp7p0vrzj] {
    background: transparent;
    padding: 0;
}

@media (max-width: 768px) {
    .blog-post[b-ddp7p0vrzj] {
        padding: 1rem;
    }

    .post-content[b-ddp7p0vrzj] {
        font-size: 1rem;
    }

    .post-content h2[b-ddp7p0vrzj] {
        font-size: 1.5rem;
    }

    .post-content h3[b-ddp7p0vrzj] {
        font-size: 1.25rem;
    }
}
/* /Components/Pages/Campaigns.razor.rz.scp.css */
/* Campaigns Table Styles */

/* Ensure table card and empty state share the same minimum height */
.campaigns-content-area[b-llqlf8d6io] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Card variant overrides: children must stretch to fill width */
.campaigns-content-area.card[b-llqlf8d6io] {
    align-items: stretch;
    justify-content: flex-start;
}

.campaigns-content-area .card-body[b-llqlf8d6io] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.campaigns-content-area .table-responsive[b-llqlf8d6io] {
    flex: 1;
    overflow-x: scroll;
    overflow-y: visible;
}

.campaigns-table[b-llqlf8d6io] {
    table-layout: fixed;
    width: 100%;
}

.campaigns-table thead th[b-llqlf8d6io] {
    position: relative;
    user-select: none;
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
}

.campaigns-table thead th.resizable[b-llqlf8d6io] {
    position: relative;
    overflow: visible;
}

.campaigns-table thead th .th-content[b-llqlf8d6io] {
    display: flex;
    align-items: center;
    justify-content: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px; /* Make room for resizer */
}

.campaigns-table thead th .th-content span:first-child[b-llqlf8d6io] {
    cursor: pointer;
}

.campaigns-table thead th .th-content span:first-child:hover[b-llqlf8d6io] {
    color: var(--brand-primary);
}

/* Resizer Handle */
.campaigns-table thead th .resizer[b-llqlf8d6io] {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    background: transparent;
    z-index: 10; /* Higher z-index to be above other elements */
    touch-action: none; /* Prevent touch scrolling while dragging */
}

.campaigns-table thead th .resizer:hover[b-llqlf8d6io] {
    background: rgba(14, 165, 233, 0.1);
    border-right: 2px solid var(--brand-primary);
}

.campaigns-table thead th .resizer.resizing[b-llqlf8d6io] {
    background: rgba(14, 165, 233, 0.2);
    border-right: 2px solid var(--brand-primary);
}

.campaigns-table thead th.resizing[b-llqlf8d6io] {
    user-select: none;
}

/* Prevent text selection while resizing */
body.resizing[b-llqlf8d6io] {
    user-select: none;
    cursor: col-resize !important;
}

/* Column info icon shouldn't interfere with resizer */
.campaigns-table .column-info-icon[b-llqlf8d6io] {
    flex-shrink: 0;
    z-index: 5; /* Lower than resizer */
}

.campaigns-table thead th .resizer.resizing[b-llqlf8d6io] {
    background: var(--brand-primary);
    border-right: 2px solid var(--brand-primary);
}

.campaigns-table thead th.resizing[b-llqlf8d6io] {
    border-right: 2px solid var(--brand-primary);
}

/* Prevent text selection during resize */
.campaigns-table thead th.resizing[b-llqlf8d6io] {
    user-select: none;
}

/* Table body cells */
.campaigns-table tbody td[b-llqlf8d6io] {
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
    overflow: hidden;
}

/* Tracking URL text should be flexible and expand with column */
.campaigns-table .tracking-url-text[b-llqlf8d6io] {
    flex: 1;
    min-width: 0; /* Allow flex item to shrink below content size */
    overflow: hidden;
    white-space: nowrap;
    direction: rtl; /* Clip from the start (left side) */
}

.campaigns-table .tracking-url-text .tracking-url-inner[b-llqlf8d6io] {
    display: inline-block;
    direction: ltr; /* Keep characters in normal left-to-right order */
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaigns-table .redirect-url-text[b-llqlf8d6io] {
    flex: 1;
    min-width: 0; /* Allow flex item to shrink below content size */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ensure the parent containers use flexbox properly */
.campaigns-table td .d-flex[b-llqlf8d6io] {
    min-width: 0; /* Important for nested flex containers */
}

/* Sortable header indicator */
.campaigns-table thead th[onclick][b-llqlf8d6io] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.campaigns-table thead th[onclick]:hover .th-content[b-llqlf8d6io] {
    color: var(--brand-primary);
}

/* Sort icons */
.campaigns-table thead th .bi-sort-up[b-llqlf8d6io],
.campaigns-table thead th .bi-sort-down[b-llqlf8d6io] {
    font-size: 0.875rem;
    vertical-align: middle;
}

/* Column-specific styles */
.campaigns-table td code[b-llqlf8d6io] {
    font-size: 0.875rem;
    padding: 0.125rem 0.25rem;
    background: var(--bg-secondary);
    border-radius: 3px;
}

.campaigns-table .badge[b-llqlf8d6io] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.campaigns-table .btn-sm[b-llqlf8d6io] {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .campaigns-table[b-llqlf8d6io] {
        font-size: 0.875rem;
    }
    
    .campaigns-table thead th[b-llqlf8d6io] {
        padding: 0.5rem 0.25rem;
    }
    
    .campaigns-table tbody td[b-llqlf8d6io] {
        padding: 0.5rem 0.25rem;
    }
}

/* Hover effect for rows */
.campaigns-table tbody tr:hover[b-llqlf8d6io] {
    background-color: var(--bg-tertiary);
}

/* Better spacing for action buttons */
.campaigns-table .btn-group[b-llqlf8d6io] {
    display: flex;
    gap: 0.25rem;
}

/* Ensure text doesn't wrap in certain columns */
.campaigns-table tbody td:nth-child(1)[b-llqlf8d6io],
.campaigns-table tbody td:nth-child(2)[b-llqlf8d6io],
.campaigns-table tbody td:nth-child(8)[b-llqlf8d6io],
.campaigns-table tbody td:nth-child(9)[b-llqlf8d6io],
.campaigns-table tbody td:nth-child(10)[b-llqlf8d6io],
.campaigns-table tbody td:nth-child(11)[b-llqlf8d6io] {
    white-space: nowrap;
}

/* Dark mode override for filter icon input-group prepend */
[data-theme="dark"] .input-group-text[b-llqlf8d6io] {
    background-color: var(--bg-tertiary);
    border-color: var(--border-primary);
    color: var(--text-secondary);
}

/* /Components/Pages/CaseStudies/Acme.razor.rz.scp.css */
.case-study-page code[b-w63tubxhkc] {
    font-size: 0.875rem;
}

.case-study-page pre[b-w63tubxhkc] {
    border-radius: 8px;
    overflow-x: auto;
}

.case-study-page .card-header[b-w63tubxhkc] {
    font-weight: 600;
}

.case-study-page .cta[b-w63tubxhkc] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.case-study-page .bi-quote[b-w63tubxhkc] {
    opacity: 0.2;
}
/* /Components/Pages/CohortAnalysis.razor.rz.scp.css */
.metric-card[b-qwq6dl9y5z] {
    border-left: 4px solid var(--bs-primary);
}

.metric-label[b-qwq6dl9y5z] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.metric-value[b-qwq6dl9y5z] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
}

.metric-sub[b-qwq6dl9y5z] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

.cohort-heatmap[b-qwq6dl9y5z] {
    font-size: 0.875rem;
}

.cohort-heatmap th[b-qwq6dl9y5z] {
    background-color: var(--bg-secondary);
    font-weight: 600;
    white-space: nowrap;
}

.heatmap-cell[b-qwq6dl9y5z] {
    text-align: center;
    color: white;
    font-weight: 500;
    transition: all 0.2s;
}

.heatmap-cell:hover[b-qwq6dl9y5z] {
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 10;
}
/* /Components/Pages/DynamicParameters.razor.rz.scp.css */
.form-check-label strong[b-5gr47ysoge] {
    display: block;
    margin-bottom: 0.25rem;
}

.form-check-label small[b-5gr47ysoge] {
    color: var(--text-secondary);
}

.font-monospace[b-5gr47ysoge] {
    font-family: 'Courier New', Courier, monospace;
}

code[b-5gr47ysoge] {
    background-color: var(--bg-secondary);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.875em;
}

.card-header.bg-success[b-5gr47ysoge] {
    background-color: #28a745 !important;
}

.text-success.fw-bold[b-5gr47ysoge] {
    font-weight: 600 !important;
}

.table-sm code[b-5gr47ysoge] {
    background-color: var(--info-light);
    color: var(--brand-primary);
    padding: 0.15rem 0.3rem;
}

.alert ul[b-5gr47ysoge] {
    padding-left: 1.5rem;
}

.alert ul li[b-5gr47ysoge] {
    margin-bottom: 0.25rem;
}

.btn-outline-danger:hover[b-5gr47ysoge] {
    color: #fff;
    background-color: var(--error);
    border-color: var(--error);
}

.input-group .btn[b-5gr47ysoge] {
    border-left: none;
}

.card .card[b-5gr47ysoge] {
    border-left: 3px solid var(--brand-primary);
}
/* /Components/Pages/EmailAlerts.razor.rz.scp.css */
.alert-card[b-a1544rb80l] {
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid var(--border-primary);
}

.alert-card:hover[b-a1544rb80l] {
    transform: translateY(-2px);
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.alert-icon[b-a1544rb80l] {
    font-size: 2rem;
    color: var(--brand-primary);
}

.recipient-tags[b-a1544rb80l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.recipient-tags .badge[b-a1544rb80l] {
    font-size: 0.75rem;
}

.alert-stats[b-a1544rb80l] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.stat-item[b-a1544rb80l] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--border-primary);
}

.stat-label[b-a1544rb80l] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.stat-value[b-a1544rb80l] {
    font-weight: 600;
}

.empty-state[b-a1544rb80l] {
    max-width: 500px;
    margin: 0 auto;
}

.modal.show[b-a1544rb80l] {
    display: block !important;
}

.btn-group .btn[b-a1544rb80l] {
    margin: 0 2px;
}

.form-select[multiple][b-a1544rb80l] {
    min-height: 150px;
}

.form-label[b-a1544rb80l] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-control:focus[b-a1544rb80l],
.form-select:focus[b-a1544rb80l] {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.25rem rgba(14, 165, 233, 0.25);
}

.campaign-filter-list[b-a1544rb80l] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--border-primary);
    border-radius: 0.375rem;
    padding: 0.75rem;
    background-color: var(--bg-secondary);
}

.campaign-filter-list .form-check[b-a1544rb80l] {
    margin-bottom: 0.5rem;
}

.campaign-filter-list .form-check:last-child[b-a1544rb80l] {
    margin-bottom: 0;
}

.campaign-filter-list hr[b-a1544rb80l] {
    border-color: var(--border-primary);
}
/* /Components/Pages/FunnelAnalysis.razor.rz.scp.css */
.funnel-visualization[b-dvnv0y1al2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: var(--bg-secondary);
    border-radius: 8px;
}

.funnel-stage[b-dvnv0y1al2] {
    position: relative;
    height: 80px;
    background-color: var(--text-tertiary);
    color: white;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.funnel-stage:hover[b-dvnv0y1al2] {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.funnel-stage-content[b-dvnv0y1al2] {
    text-align: center;
    padding: 10px;
}

.funnel-stage h6[b-dvnv0y1al2] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.funnel-count[b-dvnv0y1al2] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 5px 0;
}

.funnel-rate[b-dvnv0y1al2] {
    font-size: 0.85rem;
    opacity: 0.9;
}

.drop-off-card[b-dvnv0y1al2] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    height: 100%;
    transition: box-shadow 0.3s ease;
}

.drop-off-card:hover[b-dvnv0y1al2] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.drop-off-header[b-dvnv0y1al2] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 10px;
    font-weight: 600;
}

.drop-off-count[b-dvnv0y1al2] {
    font-size: 2rem;
    font-weight: 700;
    margin: 10px 0;
}

.drop-off-percentage[b-dvnv0y1al2] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.metric-card[b-dvnv0y1al2] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: box-shadow 0.3s ease;
}

.metric-card:hover[b-dvnv0y1al2] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.metric-label[b-dvnv0y1al2] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-bottom: 8px;
    font-weight: 600;
}

.metric-value[b-dvnv0y1al2] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--brand-primary);
}

@media (max-width: 768px) {
    .funnel-visualization[b-dvnv0y1al2] {
        padding: 15px;
    }

    .funnel-stage[b-dvnv0y1al2] {
        width: 100% !important;
        height: 70px;
    }

    .funnel-count[b-dvnv0y1al2] {
        font-size: 1.25rem;
    }

    .drop-off-count[b-dvnv0y1al2] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-flhq52o9cy] {
    color: var(--text-primary);
}

.home-page a[b-flhq52o9cy] {
    color: inherit;
}

.home-hero[b-flhq52o9cy] {
    position: relative;
    overflow: hidden;
    background-color: var(--bg-primary);
    border-bottom: 1px solid var(--border-primary);
}

.home-hero[b-flhq52o9cy]::before {
    position: absolute;
    inset: 0 0 0 auto;
    width: 39%;
    background-color: #d9e0df;
    background-image: url('/images/home/mobile-app-context.jpg');
    background-position: 54% center;
    background-size: cover;
    content: '';
}

.home-hero-inner[b-flhq52o9cy],
.home-section-inner[b-flhq52o9cy],
.home-closing-inner[b-flhq52o9cy] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.home-hero-inner[b-flhq52o9cy] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr);
    align-items: center;
    gap: 72px;
    padding: 86px 0 92px;
}

.home-hero-copy[b-flhq52o9cy] {
    animation: home-enter-b-flhq52o9cy 240ms ease-out both;
}

.home-eyebrow[b-flhq52o9cy] {
    margin: 0 0 16px;
    color: var(--brand-primary-hover);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.4;
    text-transform: uppercase;
}

.home-hero h1[b-flhq52o9cy],
.home-section-heading h2[b-flhq52o9cy],
.home-problem h2[b-flhq52o9cy],
.home-attribution h2[b-flhq52o9cy],
.home-faq h2[b-flhq52o9cy],
.home-closing h2[b-flhq52o9cy] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
    letter-spacing: 0;
}

.home-hero h1[b-flhq52o9cy] {
    max-width: 650px;
    font-size: 3.6rem;
    line-height: 1.06;
}

.home-hero-subtitle[b-flhq52o9cy] {
    max-width: 570px;
    margin: 24px 0 0;
    color: var(--text-secondary);
    font-size: 1.2rem;
    line-height: 1.65;
}

.home-hero-actions[b-flhq52o9cy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
}

.home-button[b-flhq52o9cy] {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.home-button-primary[b-flhq52o9cy] {
    min-width: 14.25rem;
    background: var(--text-primary);
    color: var(--text-inverse) !important;
    box-shadow: var(--shadow-md);
}

.home-button-primary:hover[b-flhq52o9cy] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.home-button-primary i[b-flhq52o9cy],
.home-text-link i[b-flhq52o9cy],
.home-inline-link i[b-flhq52o9cy] {
    transition: transform var(--transition-fast);
}

.home-button-primary:hover i[b-flhq52o9cy],
.home-text-link:hover i[b-flhq52o9cy],
.home-inline-link:hover i[b-flhq52o9cy] {
    transform: translateX(3px);
}

.home-text-link[b-flhq52o9cy],
.home-inline-link[b-flhq52o9cy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary) !important;
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.home-text-link:hover[b-flhq52o9cy],
.home-inline-link:hover[b-flhq52o9cy] {
    text-decoration-thickness: 2px;
}

.home-hero-note[b-flhq52o9cy] {
    margin: 14px 0 0;
    color: var(--text-tertiary);
    font-size: 0.88rem;
}

.journey-visual[b-flhq52o9cy] {
    position: relative;
    margin: 0;
    padding: 25px 26px 22px;
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    background: var(--bg-elevated);
    background: color-mix(in srgb, var(--bg-elevated) 88%, transparent);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: var(--shadow-xl);
    animation: home-journey-enter-b-flhq52o9cy 650ms 100ms ease-out both;
}

.journey-visual figcaption[b-flhq52o9cy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 19px;
    border-bottom: 1px solid var(--border-primary);
    color: var(--text-secondary);
    font-size: 0.84rem;
    font-weight: 700;
}

.journey-status[b-flhq52o9cy],
.legend-dot[b-flhq52o9cy] {
    display: inline-block;
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.journey-status[b-flhq52o9cy] {
    background: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.14);
}

.journey-steps[b-flhq52o9cy] {
    position: relative;
    display: grid;
    gap: 8px;
    margin: 18px 0 19px;
    padding: 0;
    list-style: none;
}

.journey-steps[b-flhq52o9cy]::before {
    position: absolute;
    top: 29px;
    bottom: 29px;
    left: 22px;
    width: 1px;
    background: var(--border-secondary);
    content: '';
}

.journey-step[b-flhq52o9cy] {
    position: relative;
    display: grid;
    min-height: 66px;
    grid-template-columns: 46px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 5px;
    background: var(--bg-secondary);
}

.journey-step-icon[b-flhq52o9cy] {
    z-index: 1;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid var(--border-primary);
    border-radius: 50%;
    background: var(--bg-elevated);
    color: var(--text-primary);
    font-size: 1.1rem;
}

.journey-step-click .journey-step-icon[b-flhq52o9cy] { color: #c2410c; }
.journey-step-install .journey-step-icon[b-flhq52o9cy] { color: #0369a1; }
.journey-step-context .journey-step-icon[b-flhq52o9cy] { color: #047857; }
.journey-step-conversion .journey-step-icon[b-flhq52o9cy] { color: #b45309; }

.journey-step-copy strong[b-flhq52o9cy],
.journey-step-copy small[b-flhq52o9cy] {
    display: block;
}

.journey-step-copy strong[b-flhq52o9cy] {
    font-size: 0.94rem;
    line-height: 1.3;
}

.journey-step-copy small[b-flhq52o9cy] {
    margin-top: 3px;
    color: var(--text-secondary);
    font-size: 0.78rem;
    line-height: 1.35;
}

.journey-step-index[b-flhq52o9cy] {
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 800;
}

.journey-legend[b-flhq52o9cy] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    padding-top: 16px;
    border-top: 1px solid var(--border-primary);
    color: var(--text-secondary);
    font-size: 0.76rem;
}

.journey-legend span[b-flhq52o9cy] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.legend-dot-first[b-flhq52o9cy] { background: #0284c7; }
.legend-dot-assist[b-flhq52o9cy] { background: #e56a45; }
.legend-dot-last[b-flhq52o9cy] { background: #059669; }

.home-problem[b-flhq52o9cy] {
    background: #292d32;
    color: #f8fafc;
}

.home-problem-inner[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: minmax(250px, 0.85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 80px;
    padding-top: 68px;
    padding-bottom: 72px;
}

.home-problem .home-eyebrow[b-flhq52o9cy],
.home-closing .home-eyebrow[b-flhq52o9cy] {
    color: #f2cb72;
}

.home-problem h2[b-flhq52o9cy] {
    font-size: 2.25rem;
    line-height: 1.16;
    color: #f8fafc;
}

.home-problem-inner > p:last-child[b-flhq52o9cy] {
    max-width: 590px;
    margin: 0;
    color: #e1e5e8;
    font-size: 1.08rem;
    line-height: 1.75;
}

.home-how[b-flhq52o9cy],
.home-resources[b-flhq52o9cy],
.home-faq[b-flhq52o9cy] {
    padding: 84px 0;
}

.home-section-heading[b-flhq52o9cy] {
    max-width: 720px;
}

.home-section-heading h2[b-flhq52o9cy],
.home-attribution h2[b-flhq52o9cy],
.home-faq h2[b-flhq52o9cy] {
    font-size: 2.5rem;
    line-height: 1.14;
}

.home-section-heading > p:last-child[b-flhq52o9cy],
.home-attribution > .home-section-inner > div > p:not(.home-eyebrow)[b-flhq52o9cy] {
    max-width: 690px;
    margin: 16px 0 0;
    color: var(--text-secondary);
    font-size: 1.05rem;
    line-height: 1.7;
}

.home-process[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 35px;
    margin: 54px 0 0;
    padding: 0;
    list-style: none;
}

.home-process li[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-content: start;
    gap: 16px;
    padding-top: 18px;
    border-top: 2px solid var(--border-secondary);
}

.process-number[b-flhq52o9cy] {
    color: #c2410c;
    font-size: 0.85rem;
    font-weight: 800;
}

.home-process h3[b-flhq52o9cy] {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 750;
}

.home-process p[b-flhq52o9cy] {
    margin: 10px 0 0;
    color: var(--text-secondary);
    line-height: 1.65;
}

.home-use-cases[b-flhq52o9cy] {
    padding: 82px 0 86px;
    background: var(--bg-secondary);
}

.use-case-list[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 42px;
    border-top: 1px solid var(--border-primary);
    border-bottom: 1px solid var(--border-primary);
}

.use-case-list article[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-content: start;
    gap: 16px;
    padding: 25px 24px 28px 0;
}

.use-case-list article + article[b-flhq52o9cy] {
    padding-left: 24px;
    border-left: 1px solid var(--border-primary);
}

.use-case-icon[b-flhq52o9cy] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--border-primary);
    border-radius: 50%;
    background: var(--bg-elevated);
    color: #c2410c;
}

.use-case-list h3[b-flhq52o9cy] {
    margin: 1px 0 0;
    font-size: 1.08rem;
    font-weight: 750;
    line-height: 1.35;
}

.use-case-list p[b-flhq52o9cy] {
    margin: 10px 0 0;
    color: var(--text-secondary);
    font-size: 0.94rem;
    line-height: 1.65;
}

.use-case-featured h3[b-flhq52o9cy] {
    color: var(--brand-primary-hover);
}

.use-case-featured .home-inline-link[b-flhq52o9cy] {
    margin-top: 15px;
    font-size: 0.9rem;
}

.use-case-footnote[b-flhq52o9cy] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 850px;
    margin: 23px 0 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.6;
}

.use-case-footnote i[b-flhq52o9cy] {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #047857;
}

.home-attribution[b-flhq52o9cy] {
    padding: 76px 0 82px;
    background: var(--bg-tertiary);
}

.home-attribution-inner[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(400px, 1.05fr);
    align-items: center;
    gap: 88px;
}

.home-attribution .home-inline-link[b-flhq52o9cy] {
    margin-top: 22px;
}

.model-list[b-flhq52o9cy] {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--border-secondary);
    list-style: none;
}

.model-list li[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: 110px 18px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 54px;
    border-bottom: 1px solid var(--border-secondary);
    font-size: 0.94rem;
}

.model-list li > span:first-child[b-flhq52o9cy] {
    font-weight: 750;
}

.model-list li > i[b-flhq52o9cy] {
    color: #c2410c;
    font-size: 0.83rem;
}

.model-description[b-flhq52o9cy] {
    color: var(--text-secondary);
}

.home-resources[b-flhq52o9cy] {
    padding-bottom: 72px;
}

.resource-links[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 38px;
}

.resource-links a[b-flhq52o9cy] {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border-primary);
    border-radius: 5px;
    background: var(--bg-elevated);
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.resource-links a:hover[b-flhq52o9cy] {
    transform: translateY(-2px);
    border-color: var(--brand-primary);
}

.resource-links a span[b-flhq52o9cy] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.resource-links a span i[b-flhq52o9cy] {
    color: var(--brand-primary-hover);
    font-size: 1rem;
}

.resource-links a > i[b-flhq52o9cy] {
    flex: 0 0 auto;
    color: var(--text-tertiary);
}

.home-plan-note[b-flhq52o9cy] {
    margin: 22px 0 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
}

.home-plan-note a[b-flhq52o9cy] {
    color: var(--text-primary);
    font-weight: 700;
    text-underline-offset: 3px;
}

.home-faq[b-flhq52o9cy] {
    padding-top: 70px;
    border-top: 1px solid var(--border-primary);
    background: var(--bg-primary);
}

.home-faq-inner[b-flhq52o9cy] {
    display: grid;
    grid-template-columns: minmax(220px, 0.62fr) minmax(0, 1.38fr);
    gap: 75px;
}

.faq-list details[b-flhq52o9cy] {
    border-bottom: 1px solid var(--border-primary);
}

.faq-list details:first-child[b-flhq52o9cy] {
    border-top: 1px solid var(--border-primary);
}

.faq-list summary[b-flhq52o9cy] {
    position: relative;
    padding: 19px 36px 19px 0;
    cursor: pointer;
    font-weight: 750;
    line-height: 1.45;
    list-style: none;
}

.faq-list summary[b-flhq52o9cy]::-webkit-details-marker {
    display: none;
}

.faq-list summary[b-flhq52o9cy]::after {
    position: absolute;
    top: 17px;
    right: 3px;
    color: var(--brand-primary-hover);
    content: '+';
    font-size: 1.35rem;
    font-weight: 500;
}

.faq-list details[open] summary[b-flhq52o9cy]::after {
    content: '\2212';
}

.faq-list details p[b-flhq52o9cy] {
    max-width: 680px;
    margin: -3px 36px 19px 0;
    color: var(--text-secondary);
    line-height: 1.65;
}

.faq-list details p a[b-flhq52o9cy] {
    color: var(--text-primary);
    font-weight: 700;
}

.home-closing[b-flhq52o9cy] {
    padding: 48px 0;
    background: #292d32;
    color: #f8fafc;
}

.home-closing-inner[b-flhq52o9cy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.home-closing .home-eyebrow[b-flhq52o9cy] {
    margin-bottom: 8px;
}

.home-closing h2[b-flhq52o9cy] {
    font-size: 2rem;
    line-height: 1.15;
    color: #f8fafc;
}

.home-closing .home-button-primary[b-flhq52o9cy] {
    background: #f8fafc;
    color: #292d32 !important;
    box-shadow: none;
}

.home-page a:focus-visible[b-flhq52o9cy],
.home-page summary:focus-visible[b-flhq52o9cy] {
    outline: 3px solid #e56a45;
    outline-offset: 4px;
}

@keyframes home-enter-b-flhq52o9cy {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes home-journey-enter-b-flhq52o9cy {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1000px) {
    .home-hero-inner[b-flhq52o9cy] {
        grid-template-columns: minmax(0, 1fr) minmax(350px, 0.9fr);
        gap: 38px;
    }

    .home-hero h1[b-flhq52o9cy] { font-size: 3rem; }
    .home-problem-inner[b-flhq52o9cy] { gap: 45px; }
    .home-attribution-inner[b-flhq52o9cy] { gap: 50px; }
    .resource-links[b-flhq52o9cy] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-faq-inner[b-flhq52o9cy] { gap: 42px; }
}

@media (max-width: 760px) {
    .home-hero[b-flhq52o9cy]::before {
        inset: 0;
        width: auto;
        background-image: linear-gradient(rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0.18)), url('/images/home/mobile-app-context.jpg');
    }

    .home-hero[b-flhq52o9cy] {
        background-color: var(--bg-secondary);
    }

    .home-hero-inner[b-flhq52o9cy],
    .home-section-inner[b-flhq52o9cy],
    .home-closing-inner[b-flhq52o9cy] {
        width: min(100% - 36px, 600px);
    }

    .home-hero-inner[b-flhq52o9cy] {
        grid-template-columns: 1fr;
        gap: 38px;
        padding: 58px 0 62px;
    }

    .home-hero-copy[b-flhq52o9cy] {
        padding: 20px;
        border: 1px solid var(--border-primary);
        border-radius: 6px;
        background: color-mix(in srgb, var(--bg-elevated) 88%, transparent);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
    }

    .home-hero h1[b-flhq52o9cy] { max-width: 590px; font-size: 2.7rem; }
    .home-hero-subtitle[b-flhq52o9cy] { font-size: 1.08rem; }
    .journey-visual[b-flhq52o9cy] { padding: 19px 16px 17px; }
    .use-case-list[b-flhq52o9cy] { grid-template-columns: 1fr; }
    .use-case-list article[b-flhq52o9cy],
    .use-case-list article + article[b-flhq52o9cy] { padding: 21px 0; border-left: 0; }
    .use-case-list article + article[b-flhq52o9cy] { border-top: 1px solid var(--border-primary); }
    .home-problem-inner[b-flhq52o9cy],
    .home-attribution-inner[b-flhq52o9cy],
    .home-faq-inner[b-flhq52o9cy] {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .home-problem-inner[b-flhq52o9cy] { padding-top: 48px; padding-bottom: 51px; }
    .home-problem h2[b-flhq52o9cy] { font-size: 2rem; }
    .home-how[b-flhq52o9cy],
    .home-resources[b-flhq52o9cy],
    .home-faq[b-flhq52o9cy] { padding: 58px 0; }
    .home-section-heading h2[b-flhq52o9cy],
    .home-attribution h2[b-flhq52o9cy],
    .home-faq h2[b-flhq52o9cy] { font-size: 2.1rem; }
    .home-process[b-flhq52o9cy] { grid-template-columns: 1fr; gap: 22px; margin-top: 34px; }
    .home-process li[b-flhq52o9cy] { padding-top: 14px; }
    .home-attribution[b-flhq52o9cy] { padding: 57px 0 62px; }
    .resource-links[b-flhq52o9cy] { margin-top: 29px; }
    .home-closing-inner[b-flhq52o9cy] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
    .home-hero-inner[b-flhq52o9cy],
    .home-section-inner[b-flhq52o9cy],
    .home-closing-inner[b-flhq52o9cy] { width: calc(100% - 32px); }

    .home-hero h1[b-flhq52o9cy] { font-size: 2.35rem; }
    .home-hero-actions[b-flhq52o9cy] { align-items: flex-start; flex-direction: column; gap: 17px; }
    .journey-step[b-flhq52o9cy] { grid-template-columns: 42px minmax(0, 1fr) 24px; gap: 9px; padding: 7px; }
    .journey-step-icon[b-flhq52o9cy] { width: 40px; height: 40px; }
    .journey-steps[b-flhq52o9cy]::before { left: 20px; }
    .journey-legend[b-flhq52o9cy] { gap: 10px 14px; font-size: 0.7rem; }
    .model-list li[b-flhq52o9cy] { grid-template-columns: 90px 16px minmax(0, 1fr); gap: 8px; font-size: 0.84rem; }
    .resource-links[b-flhq52o9cy] { grid-template-columns: 1fr; }
    .home-closing h2[b-flhq52o9cy] { font-size: 1.75rem; }
}

@media (prefers-reduced-motion: reduce) {
    .home-page *[b-flhq52o9cy],
    .home-page *[b-flhq52o9cy]::before,
    .home-page *[b-flhq52o9cy]::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/LearnAttribution.razor.rz.scp.css */
.learn-attribution-page[b-4excp27yak] {
    min-height: 100vh;
}

.learn-attribution-page .hero-section[b-4excp27yak] {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
}

.learn-attribution-page .accordion-button:not(.collapsed)[b-4excp27yak] {
    background-color: var(--info-light);
    color: var(--brand-primary);
}

.learn-attribution-page .accordion-button:focus[b-4excp27yak] {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.25rem rgba(14, 165, 233, 0.25);
}

.learn-attribution-page .card[b-4excp27yak] {
    transition: transform 0.2s, box-shadow 0.2s;
}

.learn-attribution-page .card:hover[b-4excp27yak] {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.learn-attribution-page .alert[b-4excp27yak] {
    border-left: 4px solid;
}

.learn-attribution-page .alert-info[b-4excp27yak] {
    border-left-color: var(--info);
    background-color: var(--info-light);
}

.learn-attribution-page h2[b-4excp27yak] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.learn-attribution-page h5[b-4excp27yak] {
    color: var(--text-secondary);
    font-weight: 600;
}

.learn-attribution-page .lead[b-4excp27yak] {
    font-size: 1.125rem;
    font-weight: 300;
}

.learn-attribution-page ol[b-4excp27yak],
.learn-attribution-page ul[b-4excp27yak] {
    line-height: 1.8;
}

.learn-attribution-page .bi[b-4excp27yak] {
    vertical-align: middle;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .learn-attribution-page .hero-section h1[b-4excp27yak] {
        font-size: 2rem;
    }

    .learn-attribution-page .hero-section .lead[b-4excp27yak] {
        font-size: 1rem;
    }

    .learn-attribution-page .d-flex.gap-3[b-4excp27yak] {
        flex-direction: column;
    }

    .learn-attribution-page .d-flex.gap-3 .btn[b-4excp27yak] {
        width: 100%;
    }
}
/* /Components/Pages/Logout.razor.rz.scp.css */
/* Modern Logout Page Styles */

.logout-container[b-eahvumi558] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: var(--bg-secondary);
    position: relative;
    overflow: hidden;
}

/* Animated background gradient */
.logout-container[b-eahvumi558]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.1) 0%, transparent 50%);
    animation: rotate-b-eahvumi558 20s linear infinite;
    pointer-events: none;
}

@keyframes rotate-b-eahvumi558 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.logout-content[b-eahvumi558] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 480px;
    animation: fadeInUp-b-eahvumi558 0.6s ease-out;
}

@keyframes fadeInUp-b-eahvumi558 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.logout-card[b-eahvumi558] {
    background: var(--bg-elevated);
    border-radius: var(--radius-2xl);
    padding: 3rem;
    box-shadow: var(--shadow-2xl);
    border: 1px solid var(--border-primary);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.logout-card[b-eahvumi558]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-primary);
}

/* Icon Section */
.logout-icon-wrapper[b-eahvumi558] {
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
}

.logout-icon-circle[b-eahvumi558] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--gradient-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: var(--shadow-lg);
    animation: pulse 2s ease-in-out infinite;
}

.logout-icon-circle[b-eahvumi558]::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid var(--brand-primary);
    opacity: 0.2;
    animation: ripple-b-eahvumi558 2s ease-out infinite;
}

.logout-icon-circle[b-eahvumi558]::after {
    content: '';
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 2px solid var(--brand-primary);
    opacity: 0.1;
    animation: ripple-b-eahvumi558 2s 1s ease-out infinite;
}

@keyframes ripple-b-eahvumi558 {
    0% {
        transform: scale(1);
        opacity: 0.3;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.logout-icon[b-eahvumi558] {
    font-size: 2.5rem;
    color: white;
    position: relative;
    z-index: 1;
}

/* Spinner Animation */
.logout-spinner[b-eahvumi558] {
    width: 3rem;
    height: 3rem;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-eahvumi558 1s linear infinite;
    position: relative;
    z-index: 1;
}

@keyframes spin-b-eahvumi558 {
    to {
        transform: rotate(360deg);
    }
}

/* Text Section */
.logout-title[b-eahvumi558] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.75rem;
    letter-spacing: -0.02em;
}

.logout-message[b-eahvumi558] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: 0;
    line-height: 1.6;
}

/* Status Section */
.logout-status[b-eahvumi558] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--border-primary);
}

.logout-progress[b-eahvumi558] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.logout-progress-dot[b-eahvumi558] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--brand-primary);
    animation: dotPulse-b-eahvumi558 1.5s ease-in-out infinite;
}

.logout-progress-dot:nth-child(2)[b-eahvumi558] {
    animation-delay: 0.2s;
}

.logout-progress-dot:nth-child(3)[b-eahvumi558] {
    animation-delay: 0.4s;
}

@keyframes dotPulse-b-eahvumi558 {
    0%, 100% {
        opacity: 0.3;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

.logout-status-text[b-eahvumi558] {
    font-size: 0.875rem;
    color: var(--text-tertiary);
    font-weight: 500;
}

/* Success State */
.logout-success .logout-icon-circle[b-eahvumi558] {
    background: var(--gradient-success);
    animation: successPop-b-eahvumi558 0.6s ease-out;
}

@keyframes successPop-b-eahvumi558 {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.logout-success .logout-icon[b-eahvumi558] {
    animation: checkmarkDraw-b-eahvumi558 0.6s ease-out 0.3s both;
}

@keyframes checkmarkDraw-b-eahvumi558 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Footer Text */
.logout-footer[b-eahvumi558] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-primary);
}

.logout-footer-text[b-eahvumi558] {
    font-size: 0.875rem;
    color: var(--text-tertiary);
    margin-bottom: 0.5rem;
}

.logout-footer-link[b-eahvumi558] {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color var(--transition-fast);
}

.logout-footer-link:hover[b-eahvumi558] {
    color: var(--brand-primary-hover);
    text-decoration: underline;
}

/* Security Badge */
.security-badge[b-eahvumi558] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--bg-tertiary);
    border-radius: var(--radius-full);
    font-size: 0.8125rem;
    color: var(--text-secondary);
    margin-top: 1rem;
}

.security-badge i[b-eahvumi558] {
    color: var(--success);
}

/* Dark Mode Adjustments */
[data-theme="dark"] .logout-card[b-eahvumi558] {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.95) 100%);
    backdrop-filter: blur(10px);
}

[data-theme="dark"] .logout-container[b-eahvumi558]::before {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 50%);
}

/* Responsive Design */
@media (max-width: 576px) {
    .logout-container[b-eahvumi558] {
        padding: 1rem;
    }
    
    .logout-card[b-eahvumi558] {
        padding: 2rem 1.5rem;
    }
    
    .logout-title[b-eahvumi558] {
        font-size: 1.5rem;
    }
    
    .logout-icon-circle[b-eahvumi558] {
        width: 80px;
        height: 80px;
    }
    
    .logout-icon[b-eahvumi558] {
        font-size: 2rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .logout-container[b-eahvumi558]::before,
    .logout-icon-circle[b-eahvumi558],
    .logout-icon-circle[b-eahvumi558]::before,
    .logout-icon-circle[b-eahvumi558]::after,
    .logout-progress-dot[b-eahvumi558],
    .logout-content[b-eahvumi558] {
        animation: none !important;
    }
}
/* /Components/Pages/PredictiveAnalytics.razor.rz.scp.css */
.metric-box[b-73yqiwp9qa] {
    text-align: center;
    padding: 1rem;
    background: var(--bg-secondary);
    border-radius: 0.5rem;
    border: 1px solid var(--border-primary);
}

.metric-box-small[b-73yqiwp9qa] {
    text-align: center;
    padding: 0.75rem;
    background: var(--bg-secondary);
    border-radius: 0.375rem;
}

.metric-label[b-73yqiwp9qa] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.metric-value[b-73yqiwp9qa] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
}

.metric-value-small[b-73yqiwp9qa] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.anomaly-score[b-73yqiwp9qa] {
    text-align: center;
    padding: 0.5rem 1rem;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0.25rem;
    font-weight: 600;
}

.nav-tabs .nav-link[b-73yqiwp9qa] {
    color: var(--text-secondary);
    border: none;
    border-bottom: 3px solid transparent;
}

.nav-tabs .nav-link:hover[b-73yqiwp9qa] {
    color: var(--brand-primary);
    border-bottom-color: var(--brand-primary);
}

.nav-tabs .nav-link.active[b-73yqiwp9qa] {
    color: var(--brand-primary);
    background: none;
    border: none;
    border-bottom: 3px solid var(--brand-primary);
}

.progress[b-73yqiwp9qa] {
    background-color: var(--bg-tertiary);
}

.progress-bar[b-73yqiwp9qa] {
    font-weight: 600;
    font-size: 0.875rem;
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
/* Pricing card vertical alignment helpers */
.pricing-cards .card.h-100[b-kpvqqjl1hi] {
    display: flex;
    flex-direction: column;
}

.pricing-cards .card.h-100 .card-body[b-kpvqqjl1hi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.pricing-cards .card.h-100 .btn[b-kpvqqjl1hi] {
    margin-top: auto; /* push button to the bottom */
}
/* /Components/Pages/Products/AnalyzeFunnels.razor.rz.scp.css */
.analyze-funnels-page[b-calcydv707] {
    overflow: hidden;
    color: var(--text-primary);
}

.analyze-funnels-page .bi[b-calcydv707] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.funnel-shell[b-calcydv707] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.funnel-hero[b-calcydv707] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 90% 16%, rgba(14, 165, 233, 0.25), transparent 33%),
        linear-gradient(118deg, #0b1e36 0%, #103552 52%, #10506a 100%);
}

.funnel-hero[b-calcydv707]::before,
.funnel-hero[b-calcydv707]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(186, 230, 253, 0.12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.funnel-hero[b-calcydv707]::before {
    top: -480px;
    right: -235px;
    width: 940px;
    height: 940px;
}

.funnel-hero[b-calcydv707]::after {
    top: -370px;
    right: -125px;
    width: 720px;
    height: 720px;
}

.funnel-hero-grid[b-calcydv707] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 50px;
    padding-top: 78px;
    padding-bottom: 74px;
}

.funnel-hero-copy[b-calcydv707] {
    padding: 18px 0;
}

.funnel-eyebrow[b-calcydv707] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    color: var(--brand-primary-hover);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.funnel-hero-copy .funnel-eyebrow[b-calcydv707],
.funnel-cta .funnel-eyebrow[b-calcydv707] {
    color: #a5e8ff;
}

.funnel-hero-copy .funnel-eyebrow > span[b-calcydv707] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #67e8f9;
    box-shadow: 0 0 0 5px rgba(103, 232, 249, 0.12);
}

.funnel-hero-copy h1[b-calcydv707] {
    max-width: 600px;
    margin: 0;
    color: #f8fafc;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 5vw, 4.25rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.funnel-hero-lead[b-calcydv707] {
    max-width: 575px;
    margin: 22px 0 0;
    color: #cbd8e5;
    font-size: 1.06rem;
    line-height: 1.75;
}

.funnel-hero-actions[b-calcydv707] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.funnel-button[b-calcydv707] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.92rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.funnel-button:hover[b-calcydv707] {
    transform: translateY(-2px);
}

.funnel-button-primary[b-calcydv707],
.funnel-button-light[b-calcydv707] {
    background: #f8fafc;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.16);
    color: #0b3855;
}

.funnel-button-primary:hover[b-calcydv707],
.funnel-button-light:hover[b-calcydv707] {
    background: #e0f2fe;
    color: #0b3855;
}

.funnel-button-secondary[b-calcydv707] {
    border-color: rgba(226, 232, 240, 0.36);
    color: #f8fafc;
}

.funnel-button-secondary:hover[b-calcydv707] {
    border-color: rgba(226, 232, 240, 0.7);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.funnel-proof-points[b-calcydv707] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 18px;
    margin-top: 24px;
    color: #bdcbd8;
    font-size: 0.75rem;
}

.funnel-proof-points span[b-calcydv707] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.funnel-proof-points i[b-calcydv707] {
    color: #67e8c7;
}

.funnel-capabilities[b-calcydv707] {
    padding: 86px 0 92px;
    background: var(--bg-secondary);
}

.funnel-section-heading[b-calcydv707] {
    max-width: 730px;
    margin: 0 auto 40px;
    text-align: center;
}

.funnel-section-heading .funnel-eyebrow[b-calcydv707] {
    justify-content: center;
}

.funnel-section-heading h2[b-calcydv707],
.funnel-workflow-copy h2[b-calcydv707],
.funnel-cta-inner h2[b-calcydv707] {
    margin: 0;
    color: var(--text-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.funnel-section-heading > p:last-child[b-calcydv707] {
    margin: 15px 0 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.funnel-capability-grid[b-calcydv707] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.funnel-workflow[b-calcydv707] {
    padding: 86px 0 90px;
    background: var(--bg-primary);
}

.funnel-workflow-grid[b-calcydv707] {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 72px;
}

.funnel-workflow-copy .funnel-eyebrow[b-calcydv707] {
    color: var(--brand-primary);
}

.funnel-workflow-copy > p:not(.funnel-eyebrow)[b-calcydv707] {
    margin: 17px 0 0;
    color: var(--text-secondary);
    line-height: 1.75;
}

.funnel-definition[b-calcydv707] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    margin-top: 24px;
    padding: 15px 16px;
    border: 1px solid #d8eaf2;
    border-radius: 9px;
    background: #f3faff;
}

.definition-icon[b-calcydv707] {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    color: #0878a8;
}

.funnel-definition p[b-calcydv707] {
    margin: 0;
    color: #526b7a;
    font-size: 0.82rem;
    line-height: 1.6;
}

.funnel-definition strong[b-calcydv707] {
    display: block;
    margin-bottom: 3px;
    color: #1d4359;
}

.funnel-workflow-steps[b-calcydv707] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.funnel-workflow-steps li[b-calcydv707] {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 16px;
    padding: 19px 0;
    border-bottom: 1px solid var(--border-color);
}

.funnel-workflow-steps li:first-child[b-calcydv707] {
    padding-top: 0;
}

.funnel-workflow-steps li:last-child[b-calcydv707] {
    padding-bottom: 0;
    border-bottom: 0;
}

.workflow-number[b-calcydv707] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #c9e7f3;
    border-radius: 50%;
    background: #eff9ff;
    color: #0878a8;
    font-size: 0.7rem;
    font-weight: 800;
}

.funnel-workflow-steps h3[b-calcydv707] {
    margin: 1px 0 0;
    color: var(--text-primary);
    font-size: 1.02rem;
    font-weight: 750;
}

.funnel-workflow-steps p[b-calcydv707] {
    margin: 6px 0 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
}

.funnel-cta[b-calcydv707] {
    padding: 62px 0;
    background:
        radial-gradient(ellipse at 88% 10%, rgba(14, 165, 233, 0.2), transparent 33%),
        linear-gradient(115deg, #0b1e36, #10506a);
}

.funnel-cta-inner[b-calcydv707] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.funnel-cta-inner h2[b-calcydv707] {
    max-width: 650px;
    color: #f8fafc;
}

.funnel-cta-inner > div:first-child > p:last-child[b-calcydv707] {
    margin: 12px 0 0;
    color: #cbd8e5;
    line-height: 1.6;
}

.funnel-cta-actions[b-calcydv707] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.funnel-cta-link[b-calcydv707] {
    color: #d2eaf4;
    font-size: 0.82rem;
    font-weight: 650;
    text-decoration: none;
}

.funnel-cta-link:hover[b-calcydv707] {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .funnel-hero-grid[b-calcydv707] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 32px;
        padding-top: 64px;
        padding-bottom: 62px;
    }

    .funnel-hero-copy h1[b-calcydv707] {
        font-size: clamp(2.55rem, 6vw, 3.6rem);
    }

    .funnel-workflow-grid[b-calcydv707] {
        gap: 42px;
    }
}

@media (max-width: 767.98px) {
    .funnel-shell[b-calcydv707] {
        width: min(100% - 36px, 560px);
    }

    .funnel-hero-grid[b-calcydv707],
    .funnel-workflow-grid[b-calcydv707] {
        grid-template-columns: minmax(0, 1fr);
    }

    .funnel-hero-grid[b-calcydv707] {
        gap: 38px;
        padding-top: 56px;
        padding-bottom: 54px;
    }

    .funnel-hero-copy[b-calcydv707] {
        padding: 0;
    }

    .funnel-hero-copy h1[b-calcydv707] {
        max-width: 560px;
        font-size: clamp(2.65rem, 10vw, 3.7rem);
    }

    .funnel-hero-lead[b-calcydv707] {
        font-size: 1rem;
    }

    .funnel-capabilities[b-calcydv707],
    .funnel-workflow[b-calcydv707] {
        padding: 65px 0;
    }

    .funnel-capability-grid[b-calcydv707] {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .funnel-workflow-grid[b-calcydv707] {
        gap: 35px;
    }

    .funnel-cta[b-calcydv707] {
        padding: 52px 0;
    }

    .funnel-cta-inner[b-calcydv707] {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .funnel-cta-actions[b-calcydv707] {
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .funnel-shell[b-calcydv707] {
        width: calc(100% - 32px);
    }

    .funnel-hero-copy h1[b-calcydv707] {
        font-size: clamp(2.35rem, 11vw, 3.2rem);
    }

    .funnel-proof-points[b-calcydv707] {
        display: grid;
        gap: 9px;
    }

    .funnel-section-heading[b-calcydv707] {
        margin-bottom: 30px;
    }

    .funnel-workflow-steps li[b-calcydv707] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .workflow-number[b-calcydv707] {
        width: 36px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .funnel-button[b-calcydv707] {
        transition: none;
    }

    .funnel-button:hover[b-calcydv707] {
        transform: none;
    }
}
/* /Components/Pages/Products/AttributeConversions.razor.rz.scp.css */
.attribution-product-page[b-iadfytwvta] {
    overflow: hidden;
    color: var(--text-primary);
}

.attribution-product-page .bi[b-iadfytwvta] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.attribution-product-shell[b-iadfytwvta] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.attribution-product-hero[b-iadfytwvta] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 88% 14%, rgba(14, 165, 233, 0.24), transparent 34%),
        linear-gradient(118deg, #0b1e36 0%, #103552 52%, #10506a 100%);
}

.attribution-product-hero[b-iadfytwvta]::before,
.attribution-product-hero[b-iadfytwvta]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(186, 230, 253, 0.12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.attribution-product-hero[b-iadfytwvta]::before {
    top: -470px;
    right: -220px;
    width: 920px;
    height: 920px;
}

.attribution-product-hero[b-iadfytwvta]::after {
    top: -365px;
    right: -115px;
    width: 710px;
    height: 710px;
}

.attribution-hero-grid[b-iadfytwvta] {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: center;
    gap: 52px;
    padding-top: 82px;
    padding-bottom: 78px;
}

.attribution-hero-copy[b-iadfytwvta] {
    padding: 18px 0;
}

.attribution-eyebrow[b-iadfytwvta] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    color: var(--brand-primary-hover);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.attribution-hero-copy .attribution-eyebrow[b-iadfytwvta],
.attribution-product-cta .attribution-eyebrow[b-iadfytwvta] {
    color: #a5e8ff;
}

.attribution-eyebrow > span[b-iadfytwvta] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #67e8f9;
    box-shadow: 0 0 0 5px rgba(103, 232, 249, 0.12);
}

.attribution-hero-copy h1[b-iadfytwvta] {
    max-width: 630px;
    margin: 0;
    color: #f8fafc;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 5vw, 4.3rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.attribution-hero-lead[b-iadfytwvta] {
    max-width: 585px;
    margin: 22px 0 0;
    color: #cbd8e5;
    font-size: 1.08rem;
    line-height: 1.75;
}

.attribution-hero-actions[b-iadfytwvta] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.attribution-button[b-iadfytwvta] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.92rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.attribution-button:hover[b-iadfytwvta] {
    transform: translateY(-2px);
}

.attribution-button-primary[b-iadfytwvta],
.attribution-button-light[b-iadfytwvta] {
    background: #f8fafc;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.16);
    color: #0b3855;
}

.attribution-button-primary:hover[b-iadfytwvta],
.attribution-button-light:hover[b-iadfytwvta] {
    background: #e0f2fe;
    color: #0b3855;
}

.attribution-button-secondary[b-iadfytwvta] {
    border-color: rgba(226, 232, 240, 0.36);
    color: #f8fafc;
}

.attribution-button-secondary:hover[b-iadfytwvta] {
    border-color: rgba(226, 232, 240, 0.7);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.attribution-proof-points[b-iadfytwvta] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 20px;
    margin-top: 24px;
    color: #bdcbd8;
    font-size: 0.76rem;
}

.attribution-proof-points span[b-iadfytwvta] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.attribution-proof-points i[b-iadfytwvta] {
    color: #67e8c7;
}

.attribution-models[b-iadfytwvta] {
    padding: 88px 0 94px;
    background: var(--bg-secondary);
}

.attribution-section-heading[b-iadfytwvta] {
    max-width: 730px;
    margin: 0 auto 42px;
    text-align: center;
}

.attribution-section-heading .attribution-eyebrow[b-iadfytwvta] {
    justify-content: center;
}

.attribution-section-heading h2[b-iadfytwvta],
.attribution-journey-copy h2[b-iadfytwvta],
.attribution-cta-inner h2[b-iadfytwvta] {
    margin: 0;
    color: var(--text-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.attribution-section-heading > p:last-child[b-iadfytwvta] {
    margin: 15px 0 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.attribution-model-grid[b-iadfytwvta] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
}

.attribution-model-grid[b-iadfytwvta]  .attribution-model-card {
    grid-column: span 2;
}

.attribution-model-grid[b-iadfytwvta]  .attribution-model-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.attribution-model-grid[b-iadfytwvta]  .attribution-model-card:nth-child(5) {
    grid-column: 4 / span 2;
}

.attribution-journey[b-iadfytwvta] {
    padding: 92px 0;
    background: var(--bg-primary);
}

.attribution-journey-grid[b-iadfytwvta] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 70px;
}

.attribution-journey-copy h2[b-iadfytwvta] {
    max-width: 490px;
}

.attribution-journey-copy > p:not(.attribution-eyebrow)[b-iadfytwvta] {
    max-width: 485px;
    margin: 18px 0 0;
    color: var(--text-secondary);
    line-height: 1.75;
}

.attribution-journey-copy .attribution-journey-note[b-iadfytwvta] {
    margin-top: 13px !important;
    color: var(--text-tertiary) !important;
    font-size: 0.76rem;
}

.attribution-journey-panel[b-iadfytwvta] {
    padding: 26px;
    border: 1px solid var(--border-primary);
    border-radius: 15px;
    background: var(--bg-elevated);
    box-shadow: var(--shadow-md);
}

.journey-panel-heading[b-iadfytwvta] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 19px;
    border-bottom: 1px solid var(--border-primary);
}

.journey-panel-icon[b-iadfytwvta] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 11px;
    background: var(--brand-primary-light);
    color: var(--brand-primary-hover);
    font-size: 1.1rem;
}

.journey-panel-heading p[b-iadfytwvta] {
    margin: 0 0 4px;
    color: var(--text-tertiary);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.journey-panel-heading h3[b-iadfytwvta] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.03rem;
    font-weight: 750;
}

.attribution-touchpoints[b-iadfytwvta] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 7px 0 0;
    list-style: none;
}

.attribution-touchpoints li[b-iadfytwvta] {
    position: relative;
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 13px;
    padding: 17px 0;
}

.attribution-touchpoints li:not(:last-child)[b-iadfytwvta]::after {
    position: absolute;
    top: 51px;
    bottom: -3px;
    left: 18px;
    width: 1px;
    background: var(--border-primary);
    content: '';
}

.touchpoint-marker[b-iadfytwvta] {
    z-index: 1;
    display: grid;
    width: 37px;
    height: 37px;
    place-items: center;
    border: 1px solid var(--border-primary);
    border-radius: 50%;
    background: var(--bg-elevated);
    font-size: 0.68rem;
    font-weight: 800;
}

.touchpoint-first[b-iadfytwvta] { color: #0284c7; }
.touchpoint-assist[b-iadfytwvta] { color: #7c3aed; }
.touchpoint-conversion[b-iadfytwvta] { color: #059669; }

.touchpoint-type[b-iadfytwvta] {
    color: var(--text-tertiary);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.attribution-touchpoints h4[b-iadfytwvta] {
    margin: 4px 0 0;
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 750;
}

.attribution-touchpoints p[b-iadfytwvta] {
    margin: 4px 0 0;
    color: var(--text-secondary);
    font-size: 0.8rem;
    line-height: 1.5;
}

.journey-credit-compare[b-iadfytwvta] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 9px;
}

.journey-credit-compare > div[b-iadfytwvta] {
    padding: 13px;
    border: 1px solid var(--border-primary);
    border-radius: 9px;
    background: var(--bg-secondary);
}

.journey-credit-compare > div:last-child[b-iadfytwvta] {
    border-color: rgba(14, 165, 233, 0.3);
    background: color-mix(in srgb, var(--brand-primary-light) 48%, var(--bg-elevated));
}

.journey-credit-compare span[b-iadfytwvta] {
    display: block;
    margin-bottom: 6px;
    color: var(--text-tertiary);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.journey-credit-compare strong[b-iadfytwvta] {
    color: var(--text-primary);
    font-size: 0.78rem;
}

.journey-credit-compare p[b-iadfytwvta] {
    margin: 5px 0 0;
    color: var(--text-secondary);
    font-size: 0.72rem;
    line-height: 1.45;
}

.journey-panel-footer[b-iadfytwvta] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid var(--border-primary);
    color: var(--text-tertiary);
    font-size: 0.71rem;
    line-height: 1.45;
}

.journey-panel-footer i[b-iadfytwvta] {
    margin-top: 2px;
    color: var(--brand-primary-hover);
}

.attribution-product-cta[b-iadfytwvta] {
    padding: 0 0 78px;
    background: var(--bg-primary);
}

.attribution-cta-inner[b-iadfytwvta] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 44px 50px;
    border: 1px solid rgba(125, 211, 252, 0.15);
    border-radius: 15px;
    background:
        radial-gradient(ellipse at 92% 0%, rgba(14, 165, 233, 0.24), transparent 33%),
        linear-gradient(120deg, #102238, #123c59);
    box-shadow: var(--shadow-lg);
}

.attribution-product-cta .attribution-eyebrow[b-iadfytwvta] {
    margin-bottom: 10px;
}

.attribution-cta-inner h2[b-iadfytwvta] {
    color: #f8fafc;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
}

.attribution-cta-inner > div:first-child > p:last-child[b-iadfytwvta] {
    margin: 11px 0 0;
    color: #cbd8e5;
    line-height: 1.6;
}

.attribution-cta-actions[b-iadfytwvta] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.attribution-cta-link[b-iadfytwvta] {
    color: #cbd8e5;
    font-size: 0.78rem;
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.attribution-product-page a:focus-visible[b-iadfytwvta] {
    border-radius: 4px;
    outline: 3px solid var(--border-focus);
    outline-offset: 4px;
}

@media (max-width: 1000px) {
    .attribution-hero-grid[b-iadfytwvta] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 30px;
    }

    .attribution-journey-grid[b-iadfytwvta] {
        gap: 38px;
    }

    .attribution-model-grid[b-iadfytwvta] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .attribution-model-grid[b-iadfytwvta]  .attribution-model-card:nth-child(4) {
        grid-column: auto / span 2;
    }

    .attribution-model-grid[b-iadfytwvta]  .attribution-model-card:nth-child(5) {
        grid-column: 2 / span 2;
    }
}

@media (max-width: 800px) {
    .attribution-hero-grid[b-iadfytwvta] {
        grid-template-columns: 1fr;
        gap: 42px;
        padding-top: 64px;
        padding-bottom: 58px;
    }

    .attribution-hero-copy[b-iadfytwvta] {
        max-width: 650px;
    }

    .attribution-hero-grid[b-iadfytwvta]  .attribution-preview {
        width: min(100%, 680px);
        margin: 0 auto;
    }

    .attribution-journey-grid[b-iadfytwvta] {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

@media (max-width: 600px) {
    .attribution-product-shell[b-iadfytwvta] {
        width: min(100% - 34px, 520px);
    }

    .attribution-hero-grid[b-iadfytwvta] {
        padding-top: 51px;
        padding-bottom: 46px;
    }

    .attribution-hero-copy h1[b-iadfytwvta] {
        font-size: clamp(2.55rem, 11vw, 3.4rem);
    }

    .attribution-hero-lead[b-iadfytwvta] {
        font-size: 1rem;
    }

    .attribution-hero-actions[b-iadfytwvta] {
        align-items: stretch;
    }

    .attribution-hero-actions .attribution-button[b-iadfytwvta] {
        flex: 1 1 100%;
    }

    .attribution-proof-points[b-iadfytwvta] {
        flex-direction: column;
        gap: 9px;
    }

    .attribution-models[b-iadfytwvta],
    .attribution-journey[b-iadfytwvta] {
        padding: 66px 0;
    }

    .attribution-section-heading[b-iadfytwvta] {
        margin-bottom: 30px;
        text-align: left;
    }

    .attribution-section-heading .attribution-eyebrow[b-iadfytwvta] {
        justify-content: flex-start;
    }

    .attribution-model-grid[b-iadfytwvta] {
        grid-template-columns: 1fr;
    }

    .attribution-model-grid[b-iadfytwvta]  .attribution-model-card,
    .attribution-model-grid[b-iadfytwvta]  .attribution-model-card:nth-child(4),
    .attribution-model-grid[b-iadfytwvta]  .attribution-model-card:nth-child(5) {
        grid-column: auto;
    }

    .attribution-journey-panel[b-iadfytwvta] {
        padding: 19px;
    }

    .journey-credit-compare[b-iadfytwvta] {
        grid-template-columns: 1fr;
    }

    .attribution-product-cta[b-iadfytwvta] {
        padding-bottom: 48px;
    }

    .attribution-cta-inner[b-iadfytwvta] {
        align-items: flex-start;
        flex-direction: column;
        gap: 23px;
        padding: 30px 24px;
    }

    .attribution-cta-actions[b-iadfytwvta] {
        width: 100%;
    }

    .attribution-button-light[b-iadfytwvta] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .attribution-button[b-iadfytwvta] {
        transition: none;
    }

    .attribution-button:hover[b-iadfytwvta] {
        transform: none;
    }
}
/* /Components/Pages/Products/AttributionModelCard.razor.rz.scp.css */
.attribution-model-card[b-khw28gpv8b] {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    padding: 25px;
    border: 1px solid var(--border-primary);
    border-radius: 14px;
    background: var(--bg-elevated);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}

.attribution-model-card:hover[b-khw28gpv8b] {
    transform: translateY(-3px);
    border-color: var(--border-secondary);
    box-shadow: var(--shadow-lg);
}

.model-card-topline[b-khw28gpv8b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.model-card-number[b-khw28gpv8b] {
    display: grid;
    width: 33px;
    height: 33px;
    place-items: center;
    border: 1px solid var(--border-primary);
    border-radius: 9px;
    background: var(--bg-secondary);
    color: var(--brand-primary-hover);
    font-size: 0.75rem;
    font-weight: 800;
}

.model-card-method[b-khw28gpv8b] {
    color: var(--text-tertiary);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.attribution-model-card h3[b-khw28gpv8b] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.18rem;
    font-weight: 750;
    line-height: 1.3;
}

.model-card-summary[b-khw28gpv8b] {
    min-height: 3.25em;
    margin: 10px 0 19px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
}

.model-distribution[b-khw28gpv8b] {
    display: flex;
    height: 12px;
    overflow: hidden;
    gap: 3px;
    border-radius: 999px;
    background: var(--bg-tertiary);
}

.model-distribution span[b-khw28gpv8b] {
    min-width: 0;
    flex: 1;
    border-radius: 999px;
}

.model-distribution span:nth-child(1)[b-khw28gpv8b] { background: #0ea5e9; }
.model-distribution span:nth-child(2)[b-khw28gpv8b] { background: #8b5cf6; }
.model-distribution span:nth-child(3)[b-khw28gpv8b] { background: #f59e0b; }
.model-distribution span:nth-child(4)[b-khw28gpv8b] { background: #10b981; }

.model-first .model-distribution span:not(:first-child)[b-khw28gpv8b],
.model-last .model-distribution span:not(:last-child)[b-khw28gpv8b] {
    flex: 0;
}

.model-time-decay .model-distribution span:nth-child(1)[b-khw28gpv8b] { flex: 1; }
.model-time-decay .model-distribution span:nth-child(2)[b-khw28gpv8b] { flex: 2; }
.model-time-decay .model-distribution span:nth-child(3)[b-khw28gpv8b] { flex: 3; }
.model-time-decay .model-distribution span:nth-child(4)[b-khw28gpv8b] { flex: 5; }

.model-position .model-distribution span:nth-child(1)[b-khw28gpv8b],
.model-position .model-distribution span:nth-child(4)[b-khw28gpv8b] {
    flex: 4;
}

.model-position .model-distribution span:nth-child(2)[b-khw28gpv8b],
.model-position .model-distribution span:nth-child(3)[b-khw28gpv8b] {
    flex: 1;
}

.model-distribution-caption[b-khw28gpv8b] {
    min-height: 2.7em;
    margin-top: 9px;
    color: var(--text-secondary);
    font-size: 0.72rem;
    line-height: 1.4;
}

.model-card-best-for[b-khw28gpv8b] {
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid var(--border-primary);
}

.model-card-best-for > span[b-khw28gpv8b] {
    color: var(--brand-primary-hover);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.model-card-best-for p[b-khw28gpv8b] {
    margin: 7px 0 0;
    color: var(--text-secondary);
    font-size: 0.84rem;
    line-height: 1.55;
}

@media (prefers-reduced-motion: reduce) {
    .attribution-model-card[b-khw28gpv8b] {
        transition: none;
    }

    .attribution-model-card:hover[b-khw28gpv8b] {
        transform: none;
    }
}
/* /Components/Pages/Products/AutomateInsights.razor.rz.scp.css */
.automate-insights-page[b-x4w3e17lpc] {
    overflow: hidden;
    color: var(--text-primary);
}

.automate-insights-page .bi[b-x4w3e17lpc] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.insights-shell[b-x4w3e17lpc] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.insights-hero[b-x4w3e17lpc] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 90% 16%, rgba(14, 165, 233, 0.25), transparent 33%),
        linear-gradient(118deg, #0b1e36 0%, #103552 52%, #10506a 100%);
}

.insights-hero[b-x4w3e17lpc]::before,
.insights-hero[b-x4w3e17lpc]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(186, 230, 253, 0.12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.insights-hero[b-x4w3e17lpc]::before {
    top: -480px;
    right: -235px;
    width: 940px;
    height: 940px;
}

.insights-hero[b-x4w3e17lpc]::after {
    top: -370px;
    right: -125px;
    width: 720px;
    height: 720px;
}

.insights-hero-grid[b-x4w3e17lpc] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 50px;
    padding-top: 78px;
    padding-bottom: 74px;
}

.insights-hero-copy[b-x4w3e17lpc] {
    padding: 18px 0;
}

.insights-eyebrow[b-x4w3e17lpc] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    color: var(--brand-primary-hover);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.insights-hero-copy .insights-eyebrow[b-x4w3e17lpc],
.insights-cta .insights-eyebrow[b-x4w3e17lpc] {
    color: #a5e8ff;
}

.insights-hero-copy .insights-eyebrow > span[b-x4w3e17lpc] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #67e8f9;
    box-shadow: 0 0 0 5px rgba(103, 232, 249, 0.12);
}

.insights-hero-copy h1[b-x4w3e17lpc] {
    max-width: 600px;
    margin: 0;
    color: #f8fafc;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 5vw, 4.25rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.insights-hero-lead[b-x4w3e17lpc] {
    max-width: 575px;
    margin: 22px 0 0;
    color: #cbd8e5;
    font-size: 1.06rem;
    line-height: 1.75;
}

.insights-hero-actions[b-x4w3e17lpc] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.insights-button[b-x4w3e17lpc] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.92rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.insights-button:hover[b-x4w3e17lpc] {
    transform: translateY(-2px);
}

.insights-button-primary[b-x4w3e17lpc],
.insights-button-light[b-x4w3e17lpc] {
    background: #f8fafc;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.16);
    color: #0b3855;
}

.insights-button-primary:hover[b-x4w3e17lpc],
.insights-button-light:hover[b-x4w3e17lpc] {
    background: #e0f2fe;
    color: #0b3855;
}

.insights-button-secondary[b-x4w3e17lpc] {
    border-color: rgba(226, 232, 240, 0.36);
    color: #f8fafc;
}

.insights-button-secondary:hover[b-x4w3e17lpc] {
    border-color: rgba(226, 232, 240, 0.7);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.insights-proof-points[b-x4w3e17lpc] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 18px;
    margin-top: 24px;
    color: #bdcbd8;
    font-size: 0.75rem;
}

.insights-proof-points span[b-x4w3e17lpc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.insights-proof-points i[b-x4w3e17lpc] {
    color: #67e8c7;
}

.insights-capabilities[b-x4w3e17lpc] {
    padding: 86px 0 92px;
    background: var(--bg-secondary);
}

.insights-section-heading[b-x4w3e17lpc] {
    max-width: 730px;
    margin: 0 auto 40px;
    text-align: center;
}

.insights-section-heading .insights-eyebrow[b-x4w3e17lpc] {
    justify-content: center;
}

.insights-section-heading h2[b-x4w3e17lpc],
.insights-workflow-copy h2[b-x4w3e17lpc],
.insights-cta-inner h2[b-x4w3e17lpc] {
    margin: 0;
    color: var(--text-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.insights-section-heading > p:last-child[b-x4w3e17lpc] {
    margin: 15px 0 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.insights-feature-grid[b-x4w3e17lpc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.insights-workflow[b-x4w3e17lpc] {
    padding: 86px 0 90px;
    background: var(--bg-primary);
}

.insights-workflow-grid[b-x4w3e17lpc] {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 72px;
}

.insights-workflow-copy .insights-eyebrow[b-x4w3e17lpc] {
    color: var(--brand-primary);
}

.insights-workflow-copy > p:not(.insights-eyebrow)[b-x4w3e17lpc] {
    margin: 17px 0 0;
    color: var(--text-secondary);
    line-height: 1.75;
}

.insights-method-note[b-x4w3e17lpc] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    margin-top: 24px;
    padding: 15px 16px;
    border: 1px solid #d8eaf2;
    border-radius: 9px;
    background: #f3faff;
}

.method-note-icon[b-x4w3e17lpc] {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    color: #0878a8;
}

.insights-method-note p[b-x4w3e17lpc] {
    margin: 0;
    color: #526b7a;
    font-size: 0.82rem;
    line-height: 1.6;
}

.insights-method-note strong[b-x4w3e17lpc] {
    display: block;
    margin-bottom: 3px;
    color: #1d4359;
}

.insights-workflow-steps[b-x4w3e17lpc] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.insights-workflow-steps li[b-x4w3e17lpc] {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 16px;
    padding: 19px 0;
    border-bottom: 1px solid var(--border-color);
}

.insights-workflow-steps li:first-child[b-x4w3e17lpc] {
    padding-top: 0;
}

.insights-workflow-steps li:last-child[b-x4w3e17lpc] {
    padding-bottom: 0;
    border-bottom: 0;
}

.workflow-number[b-x4w3e17lpc] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #c9e7f3;
    border-radius: 50%;
    background: #eff9ff;
    color: #0878a8;
    font-size: 0.7rem;
    font-weight: 800;
}

.insights-workflow-steps h3[b-x4w3e17lpc] {
    margin: 1px 0 0;
    color: var(--text-primary);
    font-size: 1.02rem;
    font-weight: 750;
}

.insights-workflow-steps p[b-x4w3e17lpc] {
    margin: 6px 0 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
}

.insights-cta[b-x4w3e17lpc] {
    padding: 62px 0;
    background:
        radial-gradient(ellipse at 88% 10%, rgba(14, 165, 233, 0.2), transparent 33%),
        linear-gradient(115deg, #0b1e36, #10506a);
}

.insights-cta-inner[b-x4w3e17lpc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.insights-cta-inner h2[b-x4w3e17lpc] {
    max-width: 650px;
    color: #f8fafc;
}

.insights-cta-inner > div:first-child > p:last-child[b-x4w3e17lpc] {
    margin: 12px 0 0;
    color: #cbd8e5;
    line-height: 1.6;
}

.insights-cta-actions[b-x4w3e17lpc] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.insights-cta-link[b-x4w3e17lpc] {
    color: #d2eaf4;
    font-size: 0.82rem;
    font-weight: 650;
    text-decoration: none;
}

.insights-cta-link:hover[b-x4w3e17lpc] {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .insights-hero-grid[b-x4w3e17lpc] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 32px;
        padding-top: 64px;
        padding-bottom: 62px;
    }

    .insights-hero-copy h1[b-x4w3e17lpc] {
        font-size: clamp(2.55rem, 6vw, 3.6rem);
    }

    .insights-workflow-grid[b-x4w3e17lpc] {
        gap: 42px;
    }
}

@media (max-width: 767.98px) {
    .insights-shell[b-x4w3e17lpc] {
        width: min(100% - 36px, 560px);
    }

    .insights-hero-grid[b-x4w3e17lpc],
    .insights-workflow-grid[b-x4w3e17lpc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .insights-hero-grid[b-x4w3e17lpc] {
        gap: 38px;
        padding-top: 56px;
        padding-bottom: 54px;
    }

    .insights-hero-copy[b-x4w3e17lpc] {
        padding: 0;
    }

    .insights-hero-copy h1[b-x4w3e17lpc] {
        max-width: 560px;
        font-size: clamp(2.65rem, 10vw, 3.7rem);
    }

    .insights-hero-lead[b-x4w3e17lpc] {
        font-size: 1rem;
    }

    .insights-capabilities[b-x4w3e17lpc],
    .insights-workflow[b-x4w3e17lpc] {
        padding: 65px 0;
    }

    .insights-feature-grid[b-x4w3e17lpc] {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .insights-workflow-grid[b-x4w3e17lpc] {
        gap: 35px;
    }

    .insights-cta[b-x4w3e17lpc] {
        padding: 52px 0;
    }

    .insights-cta-inner[b-x4w3e17lpc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .insights-cta-actions[b-x4w3e17lpc] {
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .insights-shell[b-x4w3e17lpc] {
        width: calc(100% - 32px);
    }

    .insights-hero-copy h1[b-x4w3e17lpc] {
        font-size: clamp(2.35rem, 11vw, 3.2rem);
    }

    .insights-proof-points[b-x4w3e17lpc] {
        display: grid;
        gap: 9px;
    }

    .insights-section-heading[b-x4w3e17lpc] {
        margin-bottom: 30px;
    }

    .insights-workflow-steps li[b-x4w3e17lpc] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .workflow-number[b-x4w3e17lpc] {
        width: 36px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .insights-button[b-x4w3e17lpc] {
        transition: none;
    }

    .insights-button:hover[b-x4w3e17lpc] {
        transform: none;
    }
}
/* /Components/Pages/Products/CampaignLinkPreview.razor.rz.scp.css */
.campaign-link-preview[b-4adi6kzghk] {
    width: 100%;
    max-width: 590px;
    margin: 0;
}

.preview-window[b-4adi6kzghk] {
    overflow: hidden;
    border: 1px solid rgba(215, 231, 241, 0.9);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 30px 75px rgba(2, 14, 32, 0.32), 0 5px 16px rgba(2, 14, 32, 0.12);
    color: #172b3f;
    transform: perspective(1400px) rotateY(-2deg) rotateX(1deg);
}

.preview-browser-bar[b-4adi6kzghk] {
    display: flex;
    height: 44px;
    align-items: center;
    gap: 6px;
    padding: 0 15px;
    border-bottom: 1px solid #eaf0f4;
    background: #f8fafc;
}

.browser-dot[b-4adi6kzghk] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c4d2dc;
}

.browser-location[b-4adi6kzghk] {
    overflow: hidden;
    max-width: 235px;
    margin: 0 auto;
    padding: 5px 15px;
    border: 1px solid #e5ecf1;
    border-radius: 6px;
    background: #fff;
    color: #718294;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-content[b-4adi6kzghk] {
    padding: 23px 24px 21px;
}

.preview-heading[b-4adi6kzghk] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.preview-heading-icon[b-4adi6kzghk] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 11px;
    background: #eaf8ff;
    color: #0878a8;
    font-size: 1.2rem;
}

.preview-heading p[b-4adi6kzghk] {
    margin: 0 0 2px;
    color: #7a8b9a;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.preview-heading h2[b-4adi6kzghk] {
    margin: 0;
    color: #172b3f;
    font-size: 1.03rem;
    font-weight: 750;
}

.preview-state[b-4adi6kzghk] {
    margin-left: auto;
    padding: 5px 9px;
    border-radius: 20px;
    background: #eef8f4;
    color: #178660;
    font-size: 0.62rem;
    font-weight: 750;
}

.preview-fields[b-4adi6kzghk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.preview-field[b-4adi6kzghk] {
    min-width: 0;
    padding: 10px 11px;
    border: 1px solid #e7edf2;
    border-radius: 7px;
    background: #fff;
}

.preview-field-wide[b-4adi6kzghk] {
    grid-column: 1 / -1;
}

.preview-field > span[b-4adi6kzghk] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
    color: #78899a;
    font-size: 0.62rem;
    font-weight: 650;
}

.preview-field em[b-4adi6kzghk] {
    color: #96a4b1;
    font-size: 0.55rem;
    font-style: normal;
    font-weight: 500;
}

.preview-field strong[b-4adi6kzghk] {
    display: block;
    overflow: hidden;
    color: #24394e;
    font-size: 0.72rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-output[b-4adi6kzghk] {
    margin-top: 14px;
    padding: 13px;
    border: 1px solid #cfe8f4;
    border-radius: 9px;
    background: linear-gradient(125deg, #f4fbff, #f7fcfb);
}

.preview-output-heading[b-4adi6kzghk],
.preview-output-heading > span:first-child[b-4adi6kzghk],
.preview-share-options[b-4adi6kzghk],
.preview-share-options > span[b-4adi6kzghk] {
    display: flex;
    align-items: center;
}

.preview-output-heading[b-4adi6kzghk] {
    justify-content: space-between;
    gap: 8px;
    color: #1a3c53;
    font-size: 0.7rem;
    font-weight: 750;
}

.preview-output-heading > span:first-child[b-4adi6kzghk] {
    gap: 6px;
}

.preview-output-heading i[b-4adi6kzghk] {
    color: #0b85b8;
}

.preview-output-status[b-4adi6kzghk] {
    color: #568095;
    font-size: 0.6rem;
    font-weight: 600;
    text-align: right;
}

.preview-url-placeholder[b-4adi6kzghk] {
    overflow: hidden;
    margin-top: 9px;
    padding: 9px 10px;
    border: 1px dashed #bdd8e5;
    border-radius: 5px;
    color: #668092;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-share-options[b-4adi6kzghk] {
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 10px;
}

.preview-share-options > span[b-4adi6kzghk] {
    gap: 5px;
    color: #5d7181;
    font-size: 0.62rem;
    font-weight: 650;
}

.preview-share-options i[b-4adi6kzghk] {
    color: #178bb5;
}

.campaign-link-preview .bi[b-4adi6kzghk] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.campaign-link-preview figcaption[b-4adi6kzghk] {
    margin-top: 12px;
    color: #b5c5d2;
    font-size: 0.68rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .preview-window[b-4adi6kzghk] {
        transform: none;
    }

    .preview-content[b-4adi6kzghk] {
        padding: 18px 15px 15px;
    }

    .preview-fields[b-4adi6kzghk] {
        gap: 8px;
    }

    .preview-field[b-4adi6kzghk] {
        padding: 9px;
    }

    .preview-share-options[b-4adi6kzghk] {
        gap: 7px 12px;
    }
}
/* /Components/Pages/Products/CampaignSignalsPreview.razor.rz.scp.css */
.campaign-signals-preview[b-pao5bvnn4y] {
    width: 100%;
    max-width: 590px;
    margin: 0;
}

.signals-preview-window[b-pao5bvnn4y] {
    overflow: hidden;
    border: 1px solid rgba(215, 231, 241, 0.9);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 30px 75px rgba(2, 14, 32, 0.32), 0 5px 16px rgba(2, 14, 32, 0.12);
    color: #172b3f;
    transform: perspective(1400px) rotateY(-2deg) rotateX(1deg);
}

.signals-preview-browser[b-pao5bvnn4y] {
    display: flex;
    height: 44px;
    align-items: center;
    gap: 6px;
    padding: 0 15px;
    border-bottom: 1px solid #eaf0f4;
    background: #f8fafc;
}

.browser-dot[b-pao5bvnn4y] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c4d2dc;
}

.browser-location[b-pao5bvnn4y] {
    overflow: hidden;
    max-width: 235px;
    margin: 0 auto;
    padding: 5px 15px;
    border: 1px solid #e5ecf1;
    border-radius: 6px;
    background: #fff;
    color: #718294;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.signals-preview-content[b-pao5bvnn4y] {
    padding: 22px 23px 18px;
}

.signals-preview-heading[b-pao5bvnn4y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.signals-preview-heading p[b-pao5bvnn4y] {
    margin: 0 0 3px;
    color: #7a8b9a;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.signals-preview-heading h2[b-pao5bvnn4y] {
    margin: 0;
    color: #172b3f;
    font-size: 1.03rem;
    font-weight: 750;
}

.signals-sample-badge[b-pao5bvnn4y],
.signal-tag[b-pao5bvnn4y] {
    padding: 4px 7px;
    border-radius: 12px;
    background: #f0f5f8;
    color: #657988;
    font-size: 0.56rem;
    font-weight: 700;
    white-space: nowrap;
}

.signals-preview-filters[b-pao5bvnn4y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.signals-preview-filters > span[b-pao5bvnn4y] {
    overflow: hidden;
    padding: 7px 9px;
    border: 1px solid #e7edf2;
    border-radius: 6px;
    color: #30485b;
    font-size: 0.61rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.signals-preview-filters small[b-pao5bvnn4y] {
    display: block;
    margin-bottom: 3px;
    color: #8796a2;
    font-size: 0.53rem;
    font-weight: 600;
}

.signals-preview-tabs[b-pao5bvnn4y] {
    display: flex;
    gap: 15px;
    overflow: hidden;
    margin-top: 13px;
    border-bottom: 1px solid #e8eef2;
}

.signals-preview-tabs span[b-pao5bvnn4y] {
    padding: 0 0 8px;
    color: #82919d;
    font-size: 0.61rem;
    font-weight: 650;
    white-space: nowrap;
}

.signals-preview-tabs .tab-active[b-pao5bvnn4y] {
    border-bottom: 2px solid #168bb5;
    color: #187da0;
}

.signals-preview-grid[b-pao5bvnn4y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 12px;
}

.signal-score-card[b-pao5bvnn4y],
.signal-forecast-card[b-pao5bvnn4y] {
    min-width: 0;
    padding: 11px;
    border: 1px solid #e7edf2;
    border-radius: 8px;
    background: #fff;
}

.signal-card-heading[b-pao5bvnn4y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    color: #6d8090;
    font-size: 0.61rem;
    font-weight: 700;
}

.signal-card-heading .bi[b-pao5bvnn4y] {
    color: #2897b5;
}

.signal-score[b-pao5bvnn4y] {
    display: block;
    margin-top: 8px;
    color: #187f9c;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.signal-score small[b-pao5bvnn4y] {
    margin-left: 2px;
    font-size: 0.84rem;
}

.signal-score-track[b-pao5bvnn4y] {
    overflow: hidden;
    height: 6px;
    margin-top: 5px;
    border-radius: 6px;
    background: #eaf0f3;
}

.signal-score-track span[b-pao5bvnn4y] {
    display: block;
    width: 38%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #31b6c8, #1683ad);
}

.signal-score-card > p[b-pao5bvnn4y],
.signal-forecast-card > p[b-pao5bvnn4y] {
    margin: 7px 0 0;
    color: #7c8d9a;
    font-size: 0.57rem;
    line-height: 1.45;
}

.signal-forecast-card > strong[b-pao5bvnn4y] {
    display: block;
    margin-top: 11px;
    color: #314d61;
    font-size: 1.05rem;
    font-weight: 800;
}

.signal-forecast-bars[b-pao5bvnn4y] {
    display: flex;
    height: 27px;
    align-items: flex-end;
    gap: 5px;
    margin-top: 8px;
}

.signal-forecast-bars i[b-pao5bvnn4y] {
    flex: 1;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(180deg, #57c4cf, #218caf);
}

.signal-forecast-bars i:nth-child(1)[b-pao5bvnn4y] { height: 9px; }
.signal-forecast-bars i:nth-child(2)[b-pao5bvnn4y] { height: 13px; }
.signal-forecast-bars i:nth-child(3)[b-pao5bvnn4y] { height: 12px; }
.signal-forecast-bars i:nth-child(4)[b-pao5bvnn4y] { height: 18px; }
.signal-forecast-bars i:nth-child(5)[b-pao5bvnn4y] { height: 17px; }
.signal-forecast-bars i:nth-child(6)[b-pao5bvnn4y] { height: 22px; }
.signal-forecast-bars i:nth-child(7)[b-pao5bvnn4y] { height: 24px; }

.signal-anomaly-card[b-pao5bvnn4y] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 33px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border: 1px solid #f0e3c6;
    border-radius: 8px;
    background: #fffaf0;
}

.anomaly-icon[b-pao5bvnn4y] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    background: #fff0cc;
    color: #a8771a;
}

.signal-anomaly-card .signal-tag[b-pao5bvnn4y] {
    display: inline-block;
    background: #fff0cc;
    color: #88621c;
}

.signal-anomaly-card strong[b-pao5bvnn4y] {
    display: block;
    margin-top: 4px;
    color: #554626;
    font-size: 0.67rem;
}

.signal-anomaly-card p[b-pao5bvnn4y] {
    margin: 3px 0 0;
    color: #85744f;
    font-size: 0.58rem;
}

.signals-preview-footnote[b-pao5bvnn4y] {
    margin: 9px 0 0;
    color: #718391;
    font-size: 0.55rem;
    line-height: 1.5;
}

.campaign-signals-preview .bi[b-pao5bvnn4y] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.campaign-signals-preview figcaption[b-pao5bvnn4y] {
    margin-top: 12px;
    color: #b5c5d2;
    font-size: 0.68rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .signals-preview-window[b-pao5bvnn4y] {
        transform: none;
    }

    .signals-preview-content[b-pao5bvnn4y] {
        padding: 16px 13px 14px;
    }

    .signals-preview-filters[b-pao5bvnn4y] {
        gap: 5px;
    }

    .signals-preview-filters > span[b-pao5bvnn4y] {
        padding: 6px;
        font-size: 0.54rem;
    }

    .signals-preview-tabs[b-pao5bvnn4y] {
        gap: 11px;
    }

    .signals-preview-tabs span[b-pao5bvnn4y] {
        font-size: 0.56rem;
    }

    .signal-score-card[b-pao5bvnn4y],
    .signal-forecast-card[b-pao5bvnn4y] {
        padding: 9px;
    }
}
/* /Components/Pages/Products/CampaignTestPreview.razor.rz.scp.css */
.campaign-test-preview[b-goyhu97h74] {
    width: 100%;
    max-width: 590px;
    margin: 0;
}

.campaign-test-window[b-goyhu97h74] {
    overflow: hidden;
    border: 1px solid rgba(215, 231, 241, 0.9);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 30px 75px rgba(2, 14, 32, 0.32), 0 5px 16px rgba(2, 14, 32, 0.12);
    color: #172b3f;
    transform: perspective(1400px) rotateY(-2deg) rotateX(1deg);
}

.test-preview-browser[b-goyhu97h74] {
    display: flex;
    height: 44px;
    align-items: center;
    gap: 6px;
    padding: 0 15px;
    border-bottom: 1px solid #eaf0f4;
    background: #f8fafc;
}

.browser-dot[b-goyhu97h74] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c4d2dc;
}

.browser-location[b-goyhu97h74] {
    overflow: hidden;
    max-width: 235px;
    margin: 0 auto;
    padding: 5px 15px;
    border: 1px solid #e5ecf1;
    border-radius: 6px;
    background: #fff;
    color: #718294;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.test-preview-content[b-goyhu97h74] {
    padding: 22px 22px 17px;
}

.test-preview-heading[b-goyhu97h74] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
}

.test-preview-heading p[b-goyhu97h74] {
    margin: 0 0 3px;
    color: #7a8b9a;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.test-preview-heading h2[b-goyhu97h74] {
    margin: 0;
    color: #172b3f;
    font-size: 1.03rem;
    font-weight: 750;
}

.test-preview-status[b-goyhu97h74] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 20px;
    background: #eef8f4;
    color: #178660;
    font-size: 0.62rem;
    font-weight: 750;
}

.test-preview-status > span[b-goyhu97h74] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2fb987;
}

.test-preview-settings[b-goyhu97h74] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 11px;
}

.test-preview-settings > div[b-goyhu97h74] {
    display: grid;
    gap: 4px;
    padding: 10px 11px;
    border: 1px solid #e7edf2;
    border-radius: 7px;
    background: #fff;
}

.test-preview-settings span[b-goyhu97h74] {
    color: #7a8b9a;
    font-size: 0.6rem;
    font-weight: 650;
}

.test-preview-settings strong[b-goyhu97h74] {
    color: #2b4458;
    font-size: 0.69rem;
    font-weight: 750;
}

.test-variant-grid[b-goyhu97h74] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.test-preview-note[b-goyhu97h74] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 11px;
    color: #738694;
    font-size: 0.6rem;
    line-height: 1.5;
}

.test-preview-note .bi[b-goyhu97h74] {
    flex: 0 0 auto;
    color: #4d8da6;
}

.campaign-test-preview .bi[b-goyhu97h74] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.campaign-test-preview figcaption[b-goyhu97h74] {
    margin-top: 12px;
    color: #b5c5d2;
    font-size: 0.68rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .campaign-test-window[b-goyhu97h74] {
        transform: none;
    }

    .test-preview-content[b-goyhu97h74] {
        padding: 17px 13px 14px;
    }

    .test-preview-settings[b-goyhu97h74],
    .test-variant-grid[b-goyhu97h74] {
        gap: 7px;
    }
}
/* /Components/Pages/Products/ClickCampaignRow.razor.rz.scp.css */
.click-campaign-row[b-4byi789rmc] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(62px, 0.7fr) minmax(92px, 0.9fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 14px 11px;
    border-bottom: 1px solid #edf1f4;
}

.click-campaign-name[b-4byi789rmc] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.campaign-row-icon[b-4byi789rmc] {
    display: grid;
    width: 29px;
    height: 29px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 8px;
    background: #f0f7fb;
    color: #2583a5;
    font-size: 0.75rem;
}

.click-campaign-name > div[b-4byi789rmc] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.click-campaign-name strong[b-4byi789rmc] {
    overflow: hidden;
    color: #294155;
    font-size: 0.67rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.click-campaign-name small[b-4byi789rmc] {
    color: #8394a0;
    font-size: 0.57rem;
}

.click-campaign-count[b-4byi789rmc] {
    color: #304b60;
    font-size: 0.7rem;
    font-weight: 750;
    text-align: right;
}

.click-campaign-match[b-4byi789rmc] {
    display: grid;
    justify-items: end;
    gap: 3px;
}

.click-campaign-match > strong[b-4byi789rmc] {
    color: #247b82;
    font-size: 0.7rem;
    font-weight: 750;
}

.click-campaign-match small[b-4byi789rmc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #8394a0;
    font-size: 0.55rem;
}

.click-campaign-match small > span[b-4byi789rmc] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #36b88b;
}

.click-campaign-row .bi[b-4byi789rmc] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

@media (max-width: 575.98px) {
    .click-campaign-row[b-4byi789rmc] {
        grid-template-columns: minmax(0, 1.3fr) minmax(48px, 0.65fr) minmax(75px, 0.8fr);
        gap: 6px;
        padding: 11px 8px;
    }

    .click-campaign-name[b-4byi789rmc] {
        gap: 6px;
    }

    .campaign-row-icon[b-4byi789rmc] {
        width: 25px;
        height: 25px;
    }

    .click-campaign-name strong[b-4byi789rmc] {
        font-size: 0.6rem;
    }

    .click-campaign-count[b-4byi789rmc],
    .click-campaign-match > strong[b-4byi789rmc] {
        font-size: 0.63rem;
    }
}
/* /Components/Pages/Products/ClickTrackingFeatureCard.razor.rz.scp.css */
.click-tracking-feature-card[b-rumez1v1ca] {
    min-height: 245px;
    padding: 25px 26px 28px;
    border: 1px solid var(--border-color);
    border-radius: 13px;
    background: var(--bg-primary);
    box-shadow: 0 12px 32px rgba(15, 45, 70, 0.045);
}

.feature-card-topline[b-rumez1v1ca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 29px;
}

.feature-number[b-rumez1v1ca] {
    color: var(--brand-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.feature-icon[b-rumez1v1ca] {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(14, 165, 233, 0.17);
    border-radius: 12px;
    background: #eff9ff;
    color: #0878a8;
    font-size: 1.15rem;
}

.click-tracking-feature-card h3[b-rumez1v1ca] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.13rem;
    font-weight: 750;
    letter-spacing: -0.015em;
    line-height: 1.35;
}

.click-tracking-feature-card p[b-rumez1v1ca] {
    margin: 11px 0 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.68;
}

.click-tracking-feature-card .bi[b-rumez1v1ca] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

@media (max-width: 575.98px) {
    .click-tracking-feature-card[b-rumez1v1ca] {
        min-height: 0;
        padding: 22px;
    }

    .feature-card-topline[b-rumez1v1ca] {
        margin-bottom: 22px;
    }
}
/* /Components/Pages/Products/ClickTrackingPreview.razor.rz.scp.css */
.click-tracking-preview[b-1ffb8ygrec] {
    width: 100%;
    max-width: 590px;
    margin: 0;
}

.click-preview-window[b-1ffb8ygrec] {
    overflow: hidden;
    border: 1px solid rgba(215, 231, 241, 0.9);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 30px 75px rgba(2, 14, 32, 0.32), 0 5px 16px rgba(2, 14, 32, 0.12);
    color: #172b3f;
    transform: perspective(1400px) rotateY(-2deg) rotateX(1deg);
}

.click-preview-browser[b-1ffb8ygrec] {
    display: flex;
    height: 44px;
    align-items: center;
    gap: 6px;
    padding: 0 15px;
    border-bottom: 1px solid #eaf0f4;
    background: #f8fafc;
}

.browser-dot[b-1ffb8ygrec] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c4d2dc;
}

.browser-location[b-1ffb8ygrec] {
    overflow: hidden;
    max-width: 235px;
    margin: 0 auto;
    padding: 5px 15px;
    border: 1px solid #e5ecf1;
    border-radius: 6px;
    background: #fff;
    color: #718294;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.click-preview-content[b-1ffb8ygrec] {
    padding: 23px 24px 21px;
}

.click-preview-heading[b-1ffb8ygrec] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 21px;
}

.click-preview-heading p[b-1ffb8ygrec] {
    margin: 0 0 3px;
    color: #7a8b9a;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.click-preview-heading h2[b-1ffb8ygrec] {
    margin: 0;
    color: #172b3f;
    font-size: 1.03rem;
    font-weight: 750;
}

.click-preview-badge[b-1ffb8ygrec] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 20px;
    background: #eaf8ff;
    color: #0878a8;
    font-size: 0.62rem;
    font-weight: 750;
    white-space: nowrap;
}

.click-preview-table-header[b-1ffb8ygrec],
.click-preview-rows[b-1ffb8ygrec] {
    --click-preview-columns: minmax(0, 1.5fr) minmax(62px, 0.7fr) minmax(92px, 0.9fr);
}

.click-preview-table-header[b-1ffb8ygrec] {
    display: grid;
    grid-template-columns: var(--click-preview-columns);
    align-items: center;
    gap: 10px;
    padding: 0 11px 9px;
    color: #7a8b9a;
    font-size: 0.6rem;
    font-weight: 750;
}

.click-preview-table-header span:nth-child(2)[b-1ffb8ygrec],
.click-preview-table-header span:nth-child(3)[b-1ffb8ygrec] {
    text-align: right;
}

.click-preview-rows[b-1ffb8ygrec] {
    overflow: hidden;
    border: 1px solid #e5edf2;
    border-radius: 9px;
    background: #fff;
}

.click-preview-note[b-1ffb8ygrec] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin-top: 13px;
    padding: 12px;
    border: 1px solid #dcecf3;
    border-radius: 8px;
    background: linear-gradient(120deg, #f4fbff, #f8fcfb);
}

.click-preview-note-icon[b-1ffb8ygrec] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    background: #e4f6fb;
    color: #138bb2;
}

.click-preview-note strong[b-1ffb8ygrec] {
    display: block;
    color: #36566b;
    font-size: 0.68rem;
}

.click-preview-note p[b-1ffb8ygrec] {
    margin: 3px 0 0;
    color: #708492;
    font-size: 0.6rem;
    line-height: 1.5;
}

.click-tracking-preview .bi[b-1ffb8ygrec] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.click-tracking-preview figcaption[b-1ffb8ygrec] {
    margin-top: 12px;
    color: #b5c5d2;
    font-size: 0.68rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .click-preview-window[b-1ffb8ygrec] {
        transform: none;
    }

    .click-preview-content[b-1ffb8ygrec] {
        padding: 18px 13px 15px;
    }

    .click-preview-heading[b-1ffb8ygrec] {
        margin-bottom: 16px;
    }

    .click-preview-table-header[b-1ffb8ygrec],
    .click-preview-rows[b-1ffb8ygrec] {
        --click-preview-columns: minmax(0, 1.3fr) minmax(48px, 0.65fr) minmax(75px, 0.8fr);
    }

    .click-preview-table-header[b-1ffb8ygrec] {
        gap: 6px;
        padding-right: 8px;
        padding-left: 8px;
        font-size: 0.55rem;
    }

    .click-preview-note[b-1ffb8ygrec] {
        padding: 10px;
    }
}
/* /Components/Pages/Products/FunnelAnalysisPreview.razor.rz.scp.css */
.funnel-analysis-preview[b-xbo29t8cln] {
    width: 100%;
    max-width: 590px;
    margin: 0;
}

.funnel-preview-window[b-xbo29t8cln] {
    overflow: hidden;
    border: 1px solid rgba(215, 231, 241, 0.9);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 30px 75px rgba(2, 14, 32, 0.32), 0 5px 16px rgba(2, 14, 32, 0.12);
    color: #172b3f;
    transform: perspective(1400px) rotateY(-2deg) rotateX(1deg);
}

.funnel-preview-browser[b-xbo29t8cln] {
    display: flex;
    height: 44px;
    align-items: center;
    gap: 6px;
    padding: 0 15px;
    border-bottom: 1px solid #eaf0f4;
    background: #f8fafc;
}

.browser-dot[b-xbo29t8cln] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c4d2dc;
}

.browser-location[b-xbo29t8cln] {
    overflow: hidden;
    max-width: 235px;
    margin: 0 auto;
    padding: 5px 15px;
    border: 1px solid #e5ecf1;
    border-radius: 6px;
    background: #fff;
    color: #718294;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.funnel-preview-content[b-xbo29t8cln] {
    padding: 22px 23px 18px;
}

.funnel-preview-heading[b-xbo29t8cln] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
}

.funnel-preview-heading p[b-xbo29t8cln] {
    margin: 0 0 3px;
    color: #7a8b9a;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.funnel-preview-heading h2[b-xbo29t8cln] {
    margin: 0;
    color: #172b3f;
    font-size: 1.03rem;
    font-weight: 750;
}

.preview-period[b-xbo29t8cln] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 1px solid #e3ebf0;
    border-radius: 6px;
    color: #586f80;
    font-size: 0.62rem;
    white-space: nowrap;
}

.preview-kpis[b-xbo29t8cln] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.preview-kpis > div[b-xbo29t8cln] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 5px 8px;
    padding: 10px 11px;
    border: 1px solid #e7edf2;
    border-radius: 7px;
    background: #fff;
}

.preview-kpis span[b-xbo29t8cln] {
    color: #718294;
    font-size: 0.63rem;
    font-weight: 650;
}

.preview-kpis strong[b-xbo29t8cln] {
    color: #203b52;
    font-size: 1.02rem;
    font-weight: 800;
}

.preview-kpis small[b-xbo29t8cln] {
    grid-column: 1 / -1;
    color: #98a6b2;
    font-size: 0.56rem;
}

.preview-funnel[b-xbo29t8cln] {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #e8eef2;
    border-radius: 8px;
    background: #fbfdfe;
}

.preview-funnel-heading[b-xbo29t8cln] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.preview-funnel-heading h3[b-xbo29t8cln] {
    margin: 0;
    color: #31495c;
    font-size: 0.73rem;
    font-weight: 750;
}

.preview-funnel-heading > span[b-xbo29t8cln] {
    color: #8091a0;
    font-size: 0.57rem;
    font-weight: 650;
}

.preview-time[b-xbo29t8cln] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin-top: 11px;
    padding: 10px 12px;
    border: 1px solid #dcecf3;
    border-radius: 8px;
    background: linear-gradient(120deg, #f4fbff, #f8fcfb);
}

.preview-time-heading > span:first-child[b-xbo29t8cln] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #36566b;
    font-size: 0.66rem;
    font-weight: 750;
}

.preview-time-heading > span:last-child[b-xbo29t8cln] {
    display: inline-block;
    margin: 5px 0 0 18px;
    color: #8799a7;
    font-size: 0.55rem;
}

.preview-time-values[b-xbo29t8cln] {
    display: grid;
    grid-template-columns: auto auto;
    gap: 3px 12px;
    text-align: right;
}

.preview-time-values > div:not(.preview-time-bars)[b-xbo29t8cln] {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.preview-time-values span[b-xbo29t8cln] {
    color: #7b8b98;
    font-size: 0.54rem;
}

.preview-time-values strong[b-xbo29t8cln] {
    color: #2c5166;
    font-size: 0.65rem;
}

.preview-time-bars[b-xbo29t8cln] {
    display: flex;
    grid-column: 1 / -1;
    height: 15px;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 3px;
}

.preview-time-bars i[b-xbo29t8cln] {
    width: 7px;
    border-radius: 2px 2px 0 0;
    background: linear-gradient(180deg, #31b6c8, #1583ad);
}

.preview-time-bars i:nth-child(1)[b-xbo29t8cln] { height: 6px; }
.preview-time-bars i:nth-child(2)[b-xbo29t8cln] { height: 10px; }
.preview-time-bars i:nth-child(3)[b-xbo29t8cln] { height: 14px; }
.preview-time-bars i:nth-child(4)[b-xbo29t8cln] { height: 11px; }
.preview-time-bars i:nth-child(5)[b-xbo29t8cln] { height: 8px; }
.preview-time-bars i:nth-child(6)[b-xbo29t8cln] { height: 4px; }

.preview-methodology[b-xbo29t8cln] {
    margin: 9px 0 0;
    color: #6e8290;
    font-size: 0.56rem;
    line-height: 1.5;
}

.funnel-analysis-preview .bi[b-xbo29t8cln] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.funnel-analysis-preview figcaption[b-xbo29t8cln] {
    margin-top: 12px;
    color: #b5c5d2;
    font-size: 0.68rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .funnel-preview-window[b-xbo29t8cln] {
        transform: none;
    }

    .funnel-preview-content[b-xbo29t8cln] {
        padding: 16px 13px 14px;
    }

    .preview-kpis[b-xbo29t8cln] {
        gap: 7px;
    }

    .preview-kpis > div[b-xbo29t8cln] {
        padding: 8px;
    }

    .preview-funnel[b-xbo29t8cln] {
        padding: 10px;
    }

    .preview-time[b-xbo29t8cln] {
        gap: 6px;
        padding: 9px;
    }

    .preview-time-values[b-xbo29t8cln] {
        gap: 3px 7px;
    }
}
/* /Components/Pages/Products/FunnelCapabilityCard.razor.rz.scp.css */
.funnel-capability-card[b-71ztbzvfws] {
    min-height: 245px;
    padding: 25px 26px 28px;
    border: 1px solid var(--border-color);
    border-radius: 13px;
    background: var(--bg-primary);
    box-shadow: 0 12px 32px rgba(15, 45, 70, 0.045);
}

.capability-card-topline[b-71ztbzvfws] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 29px;
}

.capability-number[b-71ztbzvfws] {
    color: var(--brand-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.capability-icon[b-71ztbzvfws] {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(14, 165, 233, 0.17);
    border-radius: 12px;
    background: #eff9ff;
    color: #0878a8;
    font-size: 1.15rem;
}

.funnel-capability-card h3[b-71ztbzvfws] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.13rem;
    font-weight: 750;
    letter-spacing: -0.015em;
    line-height: 1.35;
}

.funnel-capability-card p[b-71ztbzvfws] {
    margin: 11px 0 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.68;
}

.funnel-capability-card .bi[b-71ztbzvfws] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

@media (max-width: 575.98px) {
    .funnel-capability-card[b-71ztbzvfws] {
        min-height: 0;
        padding: 22px;
    }

    .capability-card-topline[b-71ztbzvfws] {
        margin-bottom: 22px;
    }
}
/* /Components/Pages/Products/FunnelStageRow.razor.rz.scp.css */
.funnel-stage-row[b-hbkbtmvuqj] {
    display: grid;
    grid-template-columns: minmax(118px, 1fr) minmax(70px, 2.2fr) 37px;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.funnel-stage-label[b-hbkbtmvuqj] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    color: #506678;
    font-size: 0.62rem;
}

.funnel-stage-label span[b-hbkbtmvuqj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.funnel-stage-label strong[b-hbkbtmvuqj] {
    color: #263f53;
    font-size: 0.65rem;
    font-weight: 750;
}

.funnel-stage-track[b-hbkbtmvuqj] {
    overflow: hidden;
    height: 8px;
    border-radius: 10px;
    background: #e9f0f4;
}

.funnel-stage-fill[b-hbkbtmvuqj] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1aa5cf, #197fba);
}

.fill-full[b-hbkbtmvuqj] { width: 100%; }
.fill-40[b-hbkbtmvuqj] { width: 40%; }
.fill-30[b-hbkbtmvuqj] { width: 30%; }

.funnel-stage-rate[b-hbkbtmvuqj] {
    color: #6a7f8e;
    font-size: 0.6rem;
    font-weight: 700;
    text-align: right;
}

@media (max-width: 575.98px) {
    .funnel-stage-row[b-hbkbtmvuqj] {
        grid-template-columns: minmax(96px, 1fr) minmax(45px, 1.5fr) 32px;
        gap: 7px;
    }

    .funnel-stage-label[b-hbkbtmvuqj] {
        font-size: 0.57rem;
    }

    .funnel-stage-label strong[b-hbkbtmvuqj] {
        font-size: 0.6rem;
    }
}
/* /Components/Pages/Products/GenerateLinks.razor.rz.scp.css */
.generate-links-page[b-odb0137ufe] {
    overflow: hidden;
    color: var(--text-primary);
}

.generate-links-page .bi[b-odb0137ufe] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.links-shell[b-odb0137ufe] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.links-hero[b-odb0137ufe] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 90% 16%, rgba(14, 165, 233, 0.25), transparent 33%),
        linear-gradient(118deg, #0b1e36 0%, #103552 52%, #10506a 100%);
}

.links-hero[b-odb0137ufe]::before,
.links-hero[b-odb0137ufe]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(186, 230, 253, 0.12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.links-hero[b-odb0137ufe]::before {
    top: -480px;
    right: -235px;
    width: 940px;
    height: 940px;
}

.links-hero[b-odb0137ufe]::after {
    top: -370px;
    right: -125px;
    width: 720px;
    height: 720px;
}

.links-hero-grid[b-odb0137ufe] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 50px;
    padding-top: 78px;
    padding-bottom: 74px;
}

.links-hero-copy[b-odb0137ufe] {
    padding: 18px 0;
}

.links-eyebrow[b-odb0137ufe] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    color: var(--brand-primary-hover);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.links-hero-copy .links-eyebrow[b-odb0137ufe],
.links-cta .links-eyebrow[b-odb0137ufe] {
    color: #a5e8ff;
}

.links-hero-copy .links-eyebrow > span[b-odb0137ufe] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #67e8f9;
    box-shadow: 0 0 0 5px rgba(103, 232, 249, 0.12);
}

.links-hero-copy h1[b-odb0137ufe] {
    max-width: 600px;
    margin: 0;
    color: #f8fafc;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 5vw, 4.25rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.links-hero-lead[b-odb0137ufe] {
    max-width: 575px;
    margin: 22px 0 0;
    color: #cbd8e5;
    font-size: 1.06rem;
    line-height: 1.75;
}

.links-hero-actions[b-odb0137ufe] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.links-button[b-odb0137ufe] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.92rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.links-button:hover[b-odb0137ufe] {
    transform: translateY(-2px);
}

.links-button-primary[b-odb0137ufe],
.links-button-light[b-odb0137ufe] {
    background: #f8fafc;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.16);
    color: #0b3855;
}

.links-button-primary:hover[b-odb0137ufe],
.links-button-light:hover[b-odb0137ufe] {
    background: #e0f2fe;
    color: #0b3855;
}

.links-button-secondary[b-odb0137ufe] {
    border-color: rgba(226, 232, 240, 0.36);
    color: #f8fafc;
}

.links-button-secondary:hover[b-odb0137ufe] {
    border-color: rgba(226, 232, 240, 0.7);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.links-proof-points[b-odb0137ufe] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 18px;
    margin-top: 24px;
    color: #bdcbd8;
    font-size: 0.75rem;
}

.links-proof-points span[b-odb0137ufe] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.links-proof-points i[b-odb0137ufe] {
    color: #67e8c7;
}

.link-features[b-odb0137ufe] {
    padding: 86px 0 92px;
    background: var(--bg-secondary);
}

.links-section-heading[b-odb0137ufe] {
    max-width: 730px;
    margin: 0 auto 40px;
    text-align: center;
}

.links-section-heading .links-eyebrow[b-odb0137ufe] {
    justify-content: center;
}

.links-section-heading h2[b-odb0137ufe],
.link-workflow-copy h2[b-odb0137ufe],
.links-cta-inner h2[b-odb0137ufe] {
    margin: 0;
    color: var(--text-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.links-section-heading > p:last-child[b-odb0137ufe] {
    margin: 15px 0 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.link-feature-grid[b-odb0137ufe] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.link-workflow[b-odb0137ufe] {
    padding: 86px 0 90px;
    background: var(--bg-primary);
}

.link-workflow-grid[b-odb0137ufe] {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 72px;
}

.link-workflow-copy .links-eyebrow[b-odb0137ufe] {
    color: var(--brand-primary);
}

.link-workflow-copy > p:not(.links-eyebrow)[b-odb0137ufe] {
    margin: 17px 0 0;
    color: var(--text-secondary);
    line-height: 1.75;
}

.links-inline-link[b-odb0137ufe] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 20px;
    color: var(--brand-primary);
    font-size: 0.9rem;
    font-weight: 750;
    text-decoration: none;
}

.links-inline-link:hover[b-odb0137ufe] {
    color: var(--brand-primary-hover);
    text-decoration: underline;
}

.link-workflow-steps[b-odb0137ufe] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.link-workflow-steps li[b-odb0137ufe] {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 16px;
    padding: 19px 0;
    border-bottom: 1px solid var(--border-color);
}

.link-workflow-steps li:first-child[b-odb0137ufe] {
    padding-top: 0;
}

.link-workflow-steps li:last-child[b-odb0137ufe] {
    padding-bottom: 0;
    border-bottom: 0;
}

.workflow-number[b-odb0137ufe] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #c9e7f3;
    border-radius: 50%;
    background: #eff9ff;
    color: #0878a8;
    font-size: 0.7rem;
    font-weight: 800;
}

.link-workflow-steps h3[b-odb0137ufe] {
    margin: 1px 0 0;
    color: var(--text-primary);
    font-size: 1.02rem;
    font-weight: 750;
}

.link-workflow-steps p[b-odb0137ufe] {
    margin: 6px 0 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
}

.links-cta[b-odb0137ufe] {
    padding: 62px 0;
    background:
        radial-gradient(ellipse at 88% 10%, rgba(14, 165, 233, 0.2), transparent 33%),
        linear-gradient(115deg, #0b1e36, #10506a);
}

.links-cta-inner[b-odb0137ufe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.links-cta-inner h2[b-odb0137ufe] {
    max-width: 650px;
    color: #f8fafc;
}

.links-cta-inner > div:first-child > p:last-child[b-odb0137ufe] {
    margin: 12px 0 0;
    color: #cbd8e5;
    line-height: 1.6;
}

.links-cta-actions[b-odb0137ufe] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.links-cta-link[b-odb0137ufe] {
    color: #d2eaf4;
    font-size: 0.82rem;
    font-weight: 650;
    text-decoration: none;
}

.links-cta-link:hover[b-odb0137ufe] {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .links-hero-grid[b-odb0137ufe] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 32px;
        padding-top: 64px;
        padding-bottom: 62px;
    }

    .links-hero-copy h1[b-odb0137ufe] {
        font-size: clamp(2.55rem, 6vw, 3.6rem);
    }

    .link-workflow-grid[b-odb0137ufe] {
        gap: 42px;
    }
}

@media (max-width: 767.98px) {
    .links-shell[b-odb0137ufe] {
        width: min(100% - 36px, 560px);
    }

    .links-hero-grid[b-odb0137ufe],
    .link-workflow-grid[b-odb0137ufe] {
        grid-template-columns: minmax(0, 1fr);
    }

    .links-hero-grid[b-odb0137ufe] {
        gap: 38px;
        padding-top: 56px;
        padding-bottom: 54px;
    }

    .links-hero-copy[b-odb0137ufe] {
        padding: 0;
    }

    .links-hero-copy h1[b-odb0137ufe] {
        max-width: 560px;
        font-size: clamp(2.65rem, 10vw, 3.7rem);
    }

    .links-hero-lead[b-odb0137ufe] {
        font-size: 1rem;
    }

    .link-features[b-odb0137ufe],
    .link-workflow[b-odb0137ufe] {
        padding: 65px 0;
    }

    .link-feature-grid[b-odb0137ufe] {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .link-workflow-grid[b-odb0137ufe] {
        gap: 35px;
    }

    .links-cta[b-odb0137ufe] {
        padding: 52px 0;
    }

    .links-cta-inner[b-odb0137ufe] {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .links-cta-actions[b-odb0137ufe] {
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .links-shell[b-odb0137ufe] {
        width: calc(100% - 32px);
    }

    .links-hero-copy h1[b-odb0137ufe] {
        font-size: clamp(2.35rem, 11vw, 3.2rem);
    }

    .links-proof-points[b-odb0137ufe] {
        display: grid;
        gap: 9px;
    }

    .links-section-heading[b-odb0137ufe] {
        margin-bottom: 30px;
    }

    .link-workflow-steps li[b-odb0137ufe] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .workflow-number[b-odb0137ufe] {
        width: 36px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .links-button[b-odb0137ufe] {
        transition: none;
    }

    .links-button:hover[b-odb0137ufe] {
        transform: none;
    }
}
/* /Components/Pages/Products/InsightCapabilityCard.razor.rz.scp.css */
.insight-capability-card[b-k63fuddn61] {
    min-height: 245px;
    padding: 25px 26px 28px;
    border: 1px solid var(--border-color);
    border-radius: 13px;
    background: var(--bg-primary);
    box-shadow: 0 12px 32px rgba(15, 45, 70, 0.045);
}

.capability-card-topline[b-k63fuddn61] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 29px;
}

.capability-number[b-k63fuddn61] {
    color: var(--brand-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.capability-icon[b-k63fuddn61] {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(14, 165, 233, 0.17);
    border-radius: 12px;
    background: #eff9ff;
    color: #0878a8;
    font-size: 1.15rem;
}

.insight-capability-card h3[b-k63fuddn61] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.13rem;
    font-weight: 750;
    letter-spacing: -0.015em;
    line-height: 1.35;
}

.insight-capability-card p[b-k63fuddn61] {
    margin: 11px 0 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.68;
}

.insight-capability-card .bi[b-k63fuddn61] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

@media (max-width: 575.98px) {
    .insight-capability-card[b-k63fuddn61] {
        min-height: 0;
        padding: 22px;
    }

    .capability-card-topline[b-k63fuddn61] {
        margin-bottom: 22px;
    }
}
/* /Components/Pages/Products/LinkFeatureCard.razor.rz.scp.css */
.link-feature-card[b-zjj0di5aw7] {
    min-height: 245px;
    padding: 25px 26px 28px;
    border: 1px solid var(--border-color);
    border-radius: 13px;
    background: var(--bg-primary);
    box-shadow: 0 12px 32px rgba(15, 45, 70, 0.045);
}

.feature-card-topline[b-zjj0di5aw7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 29px;
}

.feature-number[b-zjj0di5aw7] {
    color: var(--brand-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.feature-icon[b-zjj0di5aw7] {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(14, 165, 233, 0.17);
    border-radius: 12px;
    background: #eff9ff;
    color: #0878a8;
    font-size: 1.15rem;
}

.link-feature-card h3[b-zjj0di5aw7] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.13rem;
    font-weight: 750;
    letter-spacing: -0.015em;
    line-height: 1.35;
}

.link-feature-card p[b-zjj0di5aw7] {
    margin: 11px 0 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.68;
}

.link-feature-card .bi[b-zjj0di5aw7] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

@media (max-width: 575.98px) {
    .link-feature-card[b-zjj0di5aw7] {
        min-height: 0;
        padding: 22px;
    }

    .feature-card-topline[b-zjj0di5aw7] {
        margin-bottom: 22px;
    }
}
/* /Components/Pages/Products/OptimizationCapabilityCard.razor.rz.scp.css */
.optimization-capability-card[b-x38kpqpbal] {
    min-height: 245px;
    padding: 25px 26px 28px;
    border: 1px solid var(--border-color);
    border-radius: 13px;
    background: var(--bg-primary);
    box-shadow: 0 12px 32px rgba(15, 45, 70, 0.045);
}

.capability-card-topline[b-x38kpqpbal] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 29px;
}

.capability-number[b-x38kpqpbal] {
    color: var(--brand-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.capability-icon[b-x38kpqpbal] {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(14, 165, 233, 0.17);
    border-radius: 12px;
    background: #eff9ff;
    color: #0878a8;
    font-size: 1.15rem;
}

.optimization-capability-card h3[b-x38kpqpbal] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.13rem;
    font-weight: 750;
    letter-spacing: -0.015em;
    line-height: 1.35;
}

.optimization-capability-card p[b-x38kpqpbal] {
    margin: 11px 0 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.68;
}

.optimization-capability-card .bi[b-x38kpqpbal] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

@media (max-width: 575.98px) {
    .optimization-capability-card[b-x38kpqpbal] {
        min-height: 0;
        padding: 22px;
    }

    .capability-card-topline[b-x38kpqpbal] {
        margin-bottom: 22px;
    }
}
/* /Components/Pages/Products/OptimizeCampaigns.razor.rz.scp.css */
.optimize-campaigns-page[b-bp5fcav79m] {
    overflow: hidden;
    color: var(--text-primary);
}

.optimize-campaigns-page .bi[b-bp5fcav79m] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.optimization-shell[b-bp5fcav79m] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.optimization-hero[b-bp5fcav79m] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 90% 16%, rgba(14, 165, 233, 0.25), transparent 33%),
        linear-gradient(118deg, #0b1e36 0%, #103552 52%, #10506a 100%);
}

.optimization-hero[b-bp5fcav79m]::before,
.optimization-hero[b-bp5fcav79m]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(186, 230, 253, 0.12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.optimization-hero[b-bp5fcav79m]::before {
    top: -480px;
    right: -235px;
    width: 940px;
    height: 940px;
}

.optimization-hero[b-bp5fcav79m]::after {
    top: -370px;
    right: -125px;
    width: 720px;
    height: 720px;
}

.optimization-hero-grid[b-bp5fcav79m] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 50px;
    padding-top: 78px;
    padding-bottom: 74px;
}

.optimization-hero-copy[b-bp5fcav79m] {
    padding: 18px 0;
}

.optimization-eyebrow[b-bp5fcav79m] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    color: var(--brand-primary-hover);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.optimization-hero-copy .optimization-eyebrow[b-bp5fcav79m],
.optimization-cta .optimization-eyebrow[b-bp5fcav79m] {
    color: #a5e8ff;
}

.optimization-hero-copy .optimization-eyebrow > span[b-bp5fcav79m] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #67e8f9;
    box-shadow: 0 0 0 5px rgba(103, 232, 249, 0.12);
}

.optimization-hero-copy h1[b-bp5fcav79m] {
    max-width: 600px;
    margin: 0;
    color: #f8fafc;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 5vw, 4.25rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.optimization-hero-lead[b-bp5fcav79m] {
    max-width: 575px;
    margin: 22px 0 0;
    color: #cbd8e5;
    font-size: 1.06rem;
    line-height: 1.75;
}

.optimization-hero-actions[b-bp5fcav79m] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.optimization-button[b-bp5fcav79m] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.92rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.optimization-button:hover[b-bp5fcav79m] {
    transform: translateY(-2px);
}

.optimization-button-primary[b-bp5fcav79m],
.optimization-button-light[b-bp5fcav79m] {
    background: #f8fafc;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.16);
    color: #0b3855;
}

.optimization-button-primary:hover[b-bp5fcav79m],
.optimization-button-light:hover[b-bp5fcav79m] {
    background: #e0f2fe;
    color: #0b3855;
}

.optimization-button-secondary[b-bp5fcav79m] {
    border-color: rgba(226, 232, 240, 0.36);
    color: #f8fafc;
}

.optimization-button-secondary:hover[b-bp5fcav79m] {
    border-color: rgba(226, 232, 240, 0.7);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.optimization-proof-points[b-bp5fcav79m] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 18px;
    margin-top: 24px;
    color: #bdcbd8;
    font-size: 0.75rem;
}

.optimization-proof-points span[b-bp5fcav79m] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.optimization-proof-points i[b-bp5fcav79m] {
    color: #67e8c7;
}

.optimization-capabilities[b-bp5fcav79m] {
    padding: 86px 0 92px;
    background: var(--bg-secondary);
}

.optimization-section-heading[b-bp5fcav79m] {
    max-width: 730px;
    margin: 0 auto 40px;
    text-align: center;
}

.optimization-section-heading .optimization-eyebrow[b-bp5fcav79m] {
    justify-content: center;
}

.optimization-section-heading h2[b-bp5fcav79m],
.optimization-workflow-copy h2[b-bp5fcav79m],
.optimization-cta-inner h2[b-bp5fcav79m] {
    margin: 0;
    color: var(--text-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.optimization-section-heading > p:last-child[b-bp5fcav79m] {
    margin: 15px 0 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.optimization-feature-grid[b-bp5fcav79m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.optimization-workflow[b-bp5fcav79m] {
    padding: 86px 0 90px;
    background: var(--bg-primary);
}

.optimization-workflow-grid[b-bp5fcav79m] {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 72px;
}

.optimization-workflow-copy .optimization-eyebrow[b-bp5fcav79m] {
    color: var(--brand-primary);
}

.optimization-workflow-copy > p:not(.optimization-eyebrow)[b-bp5fcav79m] {
    margin: 17px 0 0;
    color: var(--text-secondary);
    line-height: 1.75;
}

.optimization-method-note[b-bp5fcav79m] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    margin-top: 24px;
    padding: 15px 16px;
    border: 1px solid #d8eaf2;
    border-radius: 9px;
    background: #f3faff;
}

.method-note-icon[b-bp5fcav79m] {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    color: #0878a8;
}

.optimization-method-note p[b-bp5fcav79m] {
    margin: 0;
    color: #526b7a;
    font-size: 0.82rem;
    line-height: 1.6;
}

.optimization-method-note strong[b-bp5fcav79m] {
    display: block;
    margin-bottom: 3px;
    color: #1d4359;
}

.optimization-workflow-steps[b-bp5fcav79m] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.optimization-workflow-steps li[b-bp5fcav79m] {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 16px;
    padding: 19px 0;
    border-bottom: 1px solid var(--border-color);
}

.optimization-workflow-steps li:first-child[b-bp5fcav79m] {
    padding-top: 0;
}

.optimization-workflow-steps li:last-child[b-bp5fcav79m] {
    padding-bottom: 0;
    border-bottom: 0;
}

.workflow-number[b-bp5fcav79m] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #c9e7f3;
    border-radius: 50%;
    background: #eff9ff;
    color: #0878a8;
    font-size: 0.7rem;
    font-weight: 800;
}

.optimization-workflow-steps h3[b-bp5fcav79m] {
    margin: 1px 0 0;
    color: var(--text-primary);
    font-size: 1.02rem;
    font-weight: 750;
}

.optimization-workflow-steps p[b-bp5fcav79m] {
    margin: 6px 0 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
}

.optimization-cta[b-bp5fcav79m] {
    padding: 62px 0;
    background:
        radial-gradient(ellipse at 88% 10%, rgba(14, 165, 233, 0.2), transparent 33%),
        linear-gradient(115deg, #0b1e36, #10506a);
}

.optimization-cta-inner[b-bp5fcav79m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.optimization-cta-inner h2[b-bp5fcav79m] {
    max-width: 650px;
    color: #f8fafc;
}

.optimization-cta-inner > div:first-child > p:last-child[b-bp5fcav79m] {
    margin: 12px 0 0;
    color: #cbd8e5;
    line-height: 1.6;
}

.optimization-cta-actions[b-bp5fcav79m] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.optimization-cta-link[b-bp5fcav79m] {
    color: #d2eaf4;
    font-size: 0.82rem;
    font-weight: 650;
    text-decoration: none;
}

.optimization-cta-link:hover[b-bp5fcav79m] {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .optimization-hero-grid[b-bp5fcav79m] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 32px;
        padding-top: 64px;
        padding-bottom: 62px;
    }

    .optimization-hero-copy h1[b-bp5fcav79m] {
        font-size: clamp(2.55rem, 6vw, 3.6rem);
    }

    .optimization-workflow-grid[b-bp5fcav79m] {
        gap: 42px;
    }
}

@media (max-width: 767.98px) {
    .optimization-shell[b-bp5fcav79m] {
        width: min(100% - 36px, 560px);
    }

    .optimization-hero-grid[b-bp5fcav79m],
    .optimization-workflow-grid[b-bp5fcav79m] {
        grid-template-columns: minmax(0, 1fr);
    }

    .optimization-hero-grid[b-bp5fcav79m] {
        gap: 38px;
        padding-top: 56px;
        padding-bottom: 54px;
    }

    .optimization-hero-copy[b-bp5fcav79m] {
        padding: 0;
    }

    .optimization-hero-copy h1[b-bp5fcav79m] {
        max-width: 560px;
        font-size: clamp(2.65rem, 10vw, 3.7rem);
    }

    .optimization-hero-lead[b-bp5fcav79m] {
        font-size: 1rem;
    }

    .optimization-capabilities[b-bp5fcav79m],
    .optimization-workflow[b-bp5fcav79m] {
        padding: 65px 0;
    }

    .optimization-feature-grid[b-bp5fcav79m] {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .optimization-workflow-grid[b-bp5fcav79m] {
        gap: 35px;
    }

    .optimization-cta[b-bp5fcav79m] {
        padding: 52px 0;
    }

    .optimization-cta-inner[b-bp5fcav79m] {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .optimization-cta-actions[b-bp5fcav79m] {
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .optimization-shell[b-bp5fcav79m] {
        width: calc(100% - 32px);
    }

    .optimization-hero-copy h1[b-bp5fcav79m] {
        font-size: clamp(2.35rem, 11vw, 3.2rem);
    }

    .optimization-proof-points[b-bp5fcav79m] {
        display: grid;
        gap: 9px;
    }

    .optimization-section-heading[b-bp5fcav79m] {
        margin-bottom: 30px;
    }

    .optimization-workflow-steps li[b-bp5fcav79m] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .workflow-number[b-bp5fcav79m] {
        width: 36px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .optimization-button[b-bp5fcav79m] {
        transition: none;
    }

    .optimization-button:hover[b-bp5fcav79m] {
        transform: none;
    }
}
/* /Components/Pages/Products/ShareLinks.razor.rz.scp.css */
.share-links-page[b-9sofkfby3t] {
    color: var(--text-primary);
}

.share-links-container[b-9sofkfby3t] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.share-links-hero[b-9sofkfby3t] {
    position: relative;
    overflow: hidden;
    padding: 82px 0 88px;
    background: var(--bg-primary);
}

.share-links-hero[b-9sofkfby3t]::after {
    position: absolute;
    inset: 0 0 0 auto;
    width: 39%;
    background-color: var(--bg-secondary);
    background-image: linear-gradient(rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0.12)), url('/images/home/share-links-phone.jpg');
    background-position: center;
    background-size: cover;
    content: '';
}

.share-links-hero-grid[b-9sofkfby3t],
.share-advocates-grid[b-9sofkfby3t] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 0.9fr);
    align-items: center;
    gap: 74px;
}

.share-links-hero-copy[b-9sofkfby3t] {
    animation: share-enter-b-9sofkfby3t 500ms ease-out both;
}

.share-links-eyebrow[b-9sofkfby3t] {
    margin: 0 0 14px;
    color: var(--brand-primary-hover);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.4;
    text-transform: uppercase;
}

.share-links-page h1[b-9sofkfby3t],
.share-links-page h2[b-9sofkfby3t] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
    letter-spacing: 0;
}

.share-links-page h1[b-9sofkfby3t] {
    max-width: 630px;
    font-size: 3.35rem;
    line-height: 1.06;
}

.share-links-lead[b-9sofkfby3t] {
    max-width: 590px;
    margin: 23px 0 0;
    color: var(--text-secondary);
    font-size: 1.12rem;
    line-height: 1.7;
}

.share-links-actions[b-9sofkfby3t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 29px;
}

.share-links-button[b-9sofkfby3t] {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 20px;
    border-radius: 4px;
    background: var(--text-primary);
    color: var(--text-inverse) !important;
    font-weight: 750;
    text-decoration: none;
    transition: transform 160ms ease, filter 160ms ease;
}

.share-links-button:hover[b-9sofkfby3t] {
    transform: translateY(-2px);
    filter: brightness(1.15);
}

.share-links-secondary[b-9sofkfby3t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary) !important;
    font-weight: 700;
    text-underline-offset: 4px;
}

.share-journey[b-9sofkfby3t] {
    margin: 0;
    padding: 24px;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    background: color-mix(in srgb, var(--bg-elevated) 88%, transparent);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: 0 18px 45px rgba(41, 45, 50, 0.12);
    animation: share-enter-b-9sofkfby3t 650ms 100ms ease-out both;
}

.share-journey figcaption[b-9sofkfby3t] {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-primary);
    color: var(--text-secondary);
    font-size: 0.86rem;
    font-weight: 750;
}

.share-journey ol[b-9sofkfby3t],
.share-measure-flow[b-9sofkfby3t] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.share-journey ol[b-9sofkfby3t] {
    display: grid;
    gap: 7px;
    padding: 15px 0;
}

.share-journey li[b-9sofkfby3t] {
    display: grid;
    min-height: 58px;
    grid-template-columns: 40px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border-radius: 4px;
    background: var(--bg-secondary);
}

.share-journey-icon[b-9sofkfby3t] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    background: var(--bg-primary);
    color: var(--brand-primary);
}

.share-journey li strong[b-9sofkfby3t],
.share-journey li small[b-9sofkfby3t] {
    display: block;
}

.share-journey li strong[b-9sofkfby3t] {
    font-size: 0.9rem;
}

.share-journey li small[b-9sofkfby3t] {
    margin-top: 3px;
    color: var(--text-secondary);
    font-size: 0.76rem;
}

.share-journey-index[b-9sofkfby3t] {
    color: var(--text-tertiary);
    font-size: 0.7rem;
    font-weight: 800;
}

.share-destination[b-9sofkfby3t] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 11px;
    border-top: 1px solid var(--border-primary);
    color: var(--success);
}

.share-destination span[b-9sofkfby3t] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 4px;
}

.share-destination small[b-9sofkfby3t] {
    color: var(--text-secondary);
    font-size: 0.65rem;
    font-weight: 800;
}

.share-destination strong[b-9sofkfby3t] {
    overflow-wrap: anywhere;
    color: var(--text-primary);
    font-size: 0.83rem;
}

.share-links-use-cases[b-9sofkfby3t] {
    padding: 79px 0 84px;
    background: var(--bg-primary);
}

.share-section-heading[b-9sofkfby3t] {
    max-width: 720px;
}

.share-links-page h2[b-9sofkfby3t] {
    font-size: 2.5rem;
    line-height: 1.13;
}

.share-use-case-grid[b-9sofkfby3t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
    margin-top: 40px;
}

.share-use-case-grid article[b-9sofkfby3t] {
    padding-top: 17px;
    border-top: 2px solid var(--border-secondary);
}

.share-case-number[b-9sofkfby3t] {
    color: var(--brand-primary-hover);
    font-size: 0.78rem;
    font-weight: 800;
}

.share-use-case-grid h3[b-9sofkfby3t] {
    margin: 15px 0 0;
    font-size: 1.16rem;
    font-weight: 750;
}

.share-use-case-grid p[b-9sofkfby3t],
.share-advocates-copy[b-9sofkfby3t] {
    color: var(--text-secondary);
    line-height: 1.7;
}

.share-use-case-grid p[b-9sofkfby3t] {
    margin: 10px 0 0;
    font-size: 0.96rem;
}

.share-links-advocates[b-9sofkfby3t] {
    padding: 82px 0 86px;
    background: var(--bg-tertiary);
}

.share-advocates-grid[b-9sofkfby3t] {
    grid-template-columns: minmax(0, 1fr) minmax(350px, 0.82fr);
    gap: 84px;
}

.share-advocates-copy[b-9sofkfby3t] {
    max-width: 600px;
    margin: 19px 0 0;
    font-size: 1rem;
}

.share-privacy-note[b-9sofkfby3t] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 600px;
    margin: 20px 0 0;
    color: var(--text-secondary);
    font-size: 0.88rem;
    line-height: 1.6;
}

.share-privacy-note i[b-9sofkfby3t] {
    flex: 0 0 auto;
    margin-top: 3px;
    color: var(--success);
}

.share-measure-flow[b-9sofkfby3t] {
    border-top: 1px solid var(--border-secondary);
}

.share-measure-flow li[b-9sofkfby3t] {
    display: grid;
    gap: 5px;
    padding: 17px 0;
    border-bottom: 1px solid var(--border-secondary);
}

.share-measure-flow li > span[b-9sofkfby3t] {
    color: var(--brand-primary-hover);
    font-size: 0.67rem;
    font-weight: 800;
}

.share-measure-flow strong[b-9sofkfby3t] {
    font-size: 0.99rem;
}

.share-measure-flow small[b-9sofkfby3t] {
    color: var(--text-secondary);
    font-size: 0.84rem;
    line-height: 1.5;
}

.share-links-cta[b-9sofkfby3t] {
    padding: 44px 0;
    background: #292d32;
    color: #f8fafc;
}

.share-cta-inner[b-9sofkfby3t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.share-links-cta .share-links-eyebrow[b-9sofkfby3t] {
    color: #f2cb72;
}

.share-links-cta h2[b-9sofkfby3t] {
    font-size: 2rem;
    color: #f8fafc;
}

.share-links-cta .share-links-button[b-9sofkfby3t] {
    flex: 0 0 auto;
    background: #f8fafc;
    color: #292d32 !important;
}

.share-links-page a:focus-visible[b-9sofkfby3t] {
    outline: 3px solid #e56a45;
    outline-offset: 4px;
}

@keyframes share-enter-b-9sofkfby3t {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
    .share-links-hero-grid[b-9sofkfby3t],
    .share-advocates-grid[b-9sofkfby3t] {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
        gap: 38px;
    }

    .share-links-page h1[b-9sofkfby3t] { font-size: 2.8rem; }
}

@media (max-width: 700px) {
    .share-links-container[b-9sofkfby3t] { width: min(100% - 36px, 600px); }
    .share-links-hero[b-9sofkfby3t] { padding: 57px 0 62px; }
    .share-links-hero[b-9sofkfby3t]::after {
        inset: 0;
        width: auto;
        background-image: linear-gradient(rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0.18)), url('/images/home/share-links-phone.jpg');
    }
    .share-links-hero-grid[b-9sofkfby3t],
    .share-advocates-grid[b-9sofkfby3t],
    .share-use-case-grid[b-9sofkfby3t] { grid-template-columns: 1fr; }
    .share-links-hero-grid[b-9sofkfby3t],
    .share-advocates-grid[b-9sofkfby3t] { gap: 34px; }
    .share-links-hero-copy[b-9sofkfby3t] {
        padding: 20px;
        border: 1px solid var(--border-primary);
        border-radius: 6px;
        background: color-mix(in srgb, var(--bg-elevated) 88%, transparent);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
    }
    .share-links-page h1[b-9sofkfby3t] { font-size: 2.55rem; }
    .share-links-page h2[b-9sofkfby3t] { font-size: 2.1rem; }
    .share-journey[b-9sofkfby3t] { padding: 18px; }
    .share-links-use-cases[b-9sofkfby3t],
    .share-links-advocates[b-9sofkfby3t] { padding: 57px 0 61px; }
    .share-use-case-grid[b-9sofkfby3t] { gap: 24px; margin-top: 29px; }
    .share-cta-inner[b-9sofkfby3t] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 420px) {
    .share-links-container[b-9sofkfby3t] { width: calc(100% - 32px); }
    .share-links-page h1[b-9sofkfby3t] { font-size: 2.25rem; }
    .share-links-actions[b-9sofkfby3t] { align-items: flex-start; flex-direction: column; gap: 16px; }
    .share-journey[b-9sofkfby3t] { padding: 14px; }
    .share-journey li[b-9sofkfby3t] { grid-template-columns: 36px minmax(0, 1fr) 21px; gap: 8px; }
    .share-journey-icon[b-9sofkfby3t] { width: 34px; height: 34px; }
    .share-journey li strong[b-9sofkfby3t] { font-size: 0.84rem; }
    .share-destination[b-9sofkfby3t] { gap: 8px; }
    .share-links-cta h2[b-9sofkfby3t] { font-size: 1.75rem; }
}

@media (prefers-reduced-motion: reduce) {
    .share-links-page *[b-9sofkfby3t],
    .share-links-page *[b-9sofkfby3t]::before,
    .share-links-page *[b-9sofkfby3t]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/Products/TestVariantPreviewCard.razor.rz.scp.css */
.test-variant-preview-card[b-a29ghl5c6e] {
    min-width: 0;
    padding: 12px;
    border: 1px solid #e4ebf0;
    border-radius: 8px;
    background: #fff;
}

.test-variant-preview-card.variant-control[b-a29ghl5c6e] {
    border-top: 3px solid #8a9aa7;
}

.test-variant-preview-card.variant-challenger[b-a29ghl5c6e] {
    border-top: 3px solid #20a7c3;
}

.test-variant-card-heading[b-a29ghl5c6e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.variant-type[b-a29ghl5c6e] {
    color: #738391;
    font-size: 0.58rem;
    font-weight: 750;
    text-transform: uppercase;
}

.variant-allocation[b-a29ghl5c6e] {
    padding: 3px 6px;
    border-radius: 12px;
    background: #f0f5f8;
    color: #617583;
    font-size: 0.56rem;
    font-weight: 700;
}

.test-variant-preview-card h3[b-a29ghl5c6e] {
    overflow: hidden;
    margin: 8px 0 0;
    color: #294155;
    font-size: 0.78rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.variant-campaign[b-a29ghl5c6e] {
    overflow: hidden;
    margin: 3px 0 10px;
    color: #82919d;
    font-size: 0.59rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.variant-metrics[b-a29ghl5c6e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.variant-metrics > div[b-a29ghl5c6e] {
    display: grid;
    gap: 3px;
}

.variant-metrics span[b-a29ghl5c6e] {
    color: #82919d;
    font-size: 0.54rem;
}

.variant-metrics strong[b-a29ghl5c6e] {
    color: #40596c;
    font-size: 0.68rem;
}

.variant-rate[b-a29ghl5c6e] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 5px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #edf1f4;
}

.variant-rate span[b-a29ghl5c6e] {
    color: #738391;
    font-size: 0.56rem;
}

.variant-rate strong[b-a29ghl5c6e] {
    color: #16869b;
    font-size: 0.78rem;
}

@media (max-width: 575.98px) {
    .test-variant-preview-card[b-a29ghl5c6e] {
        padding: 9px;
    }

    .test-variant-preview-card h3[b-a29ghl5c6e] {
        font-size: 0.69rem;
    }

    .variant-rate span[b-a29ghl5c6e] {
        font-size: 0.51rem;
    }
}
/* /Components/Pages/Products/TrackClicks.razor.rz.scp.css */
.track-clicks-page[b-2l0g5pu99h] {
    overflow: hidden;
    color: var(--text-primary);
}

.track-clicks-page .bi[b-2l0g5pu99h] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.clicks-shell[b-2l0g5pu99h] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.clicks-hero[b-2l0g5pu99h] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 90% 16%, rgba(14, 165, 233, 0.25), transparent 33%),
        linear-gradient(118deg, #0b1e36 0%, #103552 52%, #10506a 100%);
}

.clicks-hero[b-2l0g5pu99h]::before,
.clicks-hero[b-2l0g5pu99h]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(186, 230, 253, 0.12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.clicks-hero[b-2l0g5pu99h]::before {
    top: -480px;
    right: -235px;
    width: 940px;
    height: 940px;
}

.clicks-hero[b-2l0g5pu99h]::after {
    top: -370px;
    right: -125px;
    width: 720px;
    height: 720px;
}

.clicks-hero-grid[b-2l0g5pu99h] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 50px;
    padding-top: 78px;
    padding-bottom: 74px;
}

.clicks-hero-copy[b-2l0g5pu99h] {
    padding: 18px 0;
}

.clicks-eyebrow[b-2l0g5pu99h] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    color: var(--brand-primary-hover);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.clicks-hero-copy .clicks-eyebrow[b-2l0g5pu99h],
.clicks-cta .clicks-eyebrow[b-2l0g5pu99h] {
    color: #a5e8ff;
}

.clicks-hero-copy .clicks-eyebrow > span[b-2l0g5pu99h] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #67e8f9;
    box-shadow: 0 0 0 5px rgba(103, 232, 249, 0.12);
}

.clicks-hero-copy h1[b-2l0g5pu99h] {
    max-width: 600px;
    margin: 0;
    color: #f8fafc;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 5vw, 4.25rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.clicks-hero-lead[b-2l0g5pu99h] {
    max-width: 575px;
    margin: 22px 0 0;
    color: #cbd8e5;
    font-size: 1.06rem;
    line-height: 1.75;
}

.clicks-hero-actions[b-2l0g5pu99h] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.clicks-button[b-2l0g5pu99h] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.92rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.clicks-button:hover[b-2l0g5pu99h] {
    transform: translateY(-2px);
}

.clicks-button-primary[b-2l0g5pu99h],
.clicks-button-light[b-2l0g5pu99h] {
    background: #f8fafc;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.16);
    color: #0b3855;
}

.clicks-button-primary:hover[b-2l0g5pu99h],
.clicks-button-light:hover[b-2l0g5pu99h] {
    background: #e0f2fe;
    color: #0b3855;
}

.clicks-button-secondary[b-2l0g5pu99h] {
    border-color: rgba(226, 232, 240, 0.36);
    color: #f8fafc;
}

.clicks-button-secondary:hover[b-2l0g5pu99h] {
    border-color: rgba(226, 232, 240, 0.7);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.clicks-proof-points[b-2l0g5pu99h] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 18px;
    margin-top: 24px;
    color: #bdcbd8;
    font-size: 0.75rem;
}

.clicks-proof-points span[b-2l0g5pu99h] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.clicks-proof-points i[b-2l0g5pu99h] {
    color: #67e8c7;
}

.clicks-capabilities[b-2l0g5pu99h] {
    padding: 86px 0 92px;
    background: var(--bg-secondary);
}

.clicks-section-heading[b-2l0g5pu99h] {
    max-width: 730px;
    margin: 0 auto 40px;
    text-align: center;
}

.clicks-section-heading .clicks-eyebrow[b-2l0g5pu99h] {
    justify-content: center;
}

.clicks-section-heading h2[b-2l0g5pu99h],
.clicks-workflow-copy h2[b-2l0g5pu99h],
.clicks-cta-inner h2[b-2l0g5pu99h] {
    margin: 0;
    color: var(--text-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.clicks-section-heading > p:last-child[b-2l0g5pu99h] {
    margin: 15px 0 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.clicks-feature-grid[b-2l0g5pu99h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.clicks-workflow[b-2l0g5pu99h] {
    padding: 86px 0 90px;
    background: var(--bg-primary);
}

.clicks-workflow-grid[b-2l0g5pu99h] {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 72px;
}

.clicks-workflow-copy .clicks-eyebrow[b-2l0g5pu99h] {
    color: var(--brand-primary);
}

.clicks-workflow-copy > p:not(.clicks-eyebrow)[b-2l0g5pu99h] {
    margin: 17px 0 0;
    color: var(--text-secondary);
    line-height: 1.75;
}

.clicks-method-note[b-2l0g5pu99h] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    margin-top: 24px;
    padding: 15px 16px;
    border: 1px solid #d8eaf2;
    border-radius: 9px;
    background: #f3faff;
}

.method-note-icon[b-2l0g5pu99h] {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    color: #0878a8;
}

.clicks-method-note p[b-2l0g5pu99h] {
    margin: 0;
    color: #526b7a;
    font-size: 0.82rem;
    line-height: 1.6;
}

.clicks-method-note strong[b-2l0g5pu99h] {
    display: block;
    margin-bottom: 3px;
    color: #1d4359;
}

.clicks-workflow-steps[b-2l0g5pu99h] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.clicks-workflow-steps li[b-2l0g5pu99h] {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 16px;
    padding: 19px 0;
    border-bottom: 1px solid var(--border-color);
}

.clicks-workflow-steps li:first-child[b-2l0g5pu99h] {
    padding-top: 0;
}

.clicks-workflow-steps li:last-child[b-2l0g5pu99h] {
    padding-bottom: 0;
    border-bottom: 0;
}

.workflow-number[b-2l0g5pu99h] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #c9e7f3;
    border-radius: 50%;
    background: #eff9ff;
    color: #0878a8;
    font-size: 0.7rem;
    font-weight: 800;
}

.clicks-workflow-steps h3[b-2l0g5pu99h] {
    margin: 1px 0 0;
    color: var(--text-primary);
    font-size: 1.02rem;
    font-weight: 750;
}

.clicks-workflow-steps p[b-2l0g5pu99h] {
    margin: 6px 0 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
}

.clicks-cta[b-2l0g5pu99h] {
    padding: 62px 0;
    background:
        radial-gradient(ellipse at 88% 10%, rgba(14, 165, 233, 0.2), transparent 33%),
        linear-gradient(115deg, #0b1e36, #10506a);
}

.clicks-cta-inner[b-2l0g5pu99h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.clicks-cta-inner h2[b-2l0g5pu99h] {
    max-width: 650px;
    color: #f8fafc;
}

.clicks-cta-inner > div:first-child > p:last-child[b-2l0g5pu99h] {
    margin: 12px 0 0;
    color: #cbd8e5;
    line-height: 1.6;
}

.clicks-cta-actions[b-2l0g5pu99h] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.clicks-cta-link[b-2l0g5pu99h] {
    color: #d2eaf4;
    font-size: 0.82rem;
    font-weight: 650;
    text-decoration: none;
}

.clicks-cta-link:hover[b-2l0g5pu99h] {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .clicks-hero-grid[b-2l0g5pu99h] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 32px;
        padding-top: 64px;
        padding-bottom: 62px;
    }

    .clicks-hero-copy h1[b-2l0g5pu99h] {
        font-size: clamp(2.55rem, 6vw, 3.6rem);
    }

    .clicks-workflow-grid[b-2l0g5pu99h] {
        gap: 42px;
    }
}

@media (max-width: 767.98px) {
    .clicks-shell[b-2l0g5pu99h] {
        width: min(100% - 36px, 560px);
    }

    .clicks-hero-grid[b-2l0g5pu99h],
    .clicks-workflow-grid[b-2l0g5pu99h] {
        grid-template-columns: minmax(0, 1fr);
    }

    .clicks-hero-grid[b-2l0g5pu99h] {
        gap: 38px;
        padding-top: 56px;
        padding-bottom: 54px;
    }

    .clicks-hero-copy[b-2l0g5pu99h] {
        padding: 0;
    }

    .clicks-hero-copy h1[b-2l0g5pu99h] {
        max-width: 560px;
        font-size: clamp(2.65rem, 10vw, 3.7rem);
    }

    .clicks-hero-lead[b-2l0g5pu99h] {
        font-size: 1rem;
    }

    .clicks-capabilities[b-2l0g5pu99h],
    .clicks-workflow[b-2l0g5pu99h] {
        padding: 65px 0;
    }

    .clicks-feature-grid[b-2l0g5pu99h] {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .clicks-workflow-grid[b-2l0g5pu99h] {
        gap: 35px;
    }

    .clicks-cta[b-2l0g5pu99h] {
        padding: 52px 0;
    }

    .clicks-cta-inner[b-2l0g5pu99h] {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .clicks-cta-actions[b-2l0g5pu99h] {
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .clicks-shell[b-2l0g5pu99h] {
        width: calc(100% - 32px);
    }

    .clicks-hero-copy h1[b-2l0g5pu99h] {
        font-size: clamp(2.35rem, 11vw, 3.2rem);
    }

    .clicks-proof-points[b-2l0g5pu99h] {
        display: grid;
        gap: 9px;
    }

    .clicks-section-heading[b-2l0g5pu99h] {
        margin-bottom: 30px;
    }

    .clicks-workflow-steps li[b-2l0g5pu99h] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .workflow-number[b-2l0g5pu99h] {
        width: 36px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .clicks-button[b-2l0g5pu99h] {
        transition: none;
    }

    .clicks-button:hover[b-2l0g5pu99h] {
        transform: none;
    }
}
/* /Components/Pages/SolutionAudienceCard.razor.rz.scp.css */
.solution-audience-card[b-m93h4nndeb] {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    padding: 30px;
    border: 1px solid var(--border-primary);
    border-radius: 16px;
    background: var(--bg-elevated);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}

.solution-audience-card .bi[b-m93h4nndeb] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.solution-audience-card:hover[b-m93h4nndeb] {
    transform: translateY(-4px);
    border-color: var(--border-secondary);
    box-shadow: var(--shadow-lg);
}

.audience-card-icon[b-m93h4nndeb] {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    place-items: center;
    border-radius: 13px;
    font-size: 1.25rem;
}

.audience-marketing .audience-card-icon[b-m93h4nndeb] {
    background: #e0f2fe;
    color: #0369a1;
}

.audience-product .audience-card-icon[b-m93h4nndeb] {
    background: #dcfce7;
    color: #15803d;
}

.audience-growth .audience-card-icon[b-m93h4nndeb] {
    background: #fef3c7;
    color: #b45309;
}

.audience-card-eyebrow[b-m93h4nndeb] {
    margin: 0 0 10px;
    color: var(--text-tertiary);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.solution-audience-card h3[b-m93h4nndeb] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.35rem;
    font-weight: 750;
    line-height: 1.28;
}

.audience-card-description[b-m93h4nndeb] {
    margin: 13px 0 22px;
    color: var(--text-secondary);
    line-height: 1.65;
}

.audience-card-benefits[b-m93h4nndeb] {
    display: grid;
    gap: 13px;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.audience-card-benefits li[b-m93h4nndeb] {
    display: grid;
    grid-template-columns: 19px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    color: var(--text-secondary);
    line-height: 1.45;
}

.audience-card-benefits i[b-m93h4nndeb] {
    margin-top: 2px;
    color: var(--brand-primary-hover);
    font-size: 1rem;
}

.audience-card-link[b-m93h4nndeb] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    margin-top: auto;
    color: var(--brand-primary-hover);
    font-weight: 750;
    text-decoration: none;
}

.audience-card-link i[b-m93h4nndeb] {
    transition: transform var(--transition-fast);
}

.audience-card-link:hover i[b-m93h4nndeb] {
    transform: translate(2px, -2px);
}

.audience-card-link:focus-visible[b-m93h4nndeb] {
    border-radius: 3px;
    outline: 3px solid var(--border-focus);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .solution-audience-card[b-m93h4nndeb],
    .audience-card-link i[b-m93h4nndeb] {
        transition: none;
    }

    .solution-audience-card:hover[b-m93h4nndeb] {
        transform: none;
    }
}
/* /Components/Pages/Solutions.razor.rz.scp.css */
.solutions-page[b-yid6vi5q5l] {
    overflow: hidden;
    color: var(--text-primary);
}

.solutions-page .bi[b-yid6vi5q5l] {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

.solutions-shell[b-yid6vi5q5l] {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.solutions-hero[b-yid6vi5q5l] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 89% 16%, rgba(14, 165, 233, 0.24), transparent 34%),
        linear-gradient(118deg, #0b1e36 0%, #103552 52%, #10506a 100%);
}

.solutions-hero[b-yid6vi5q5l]::before,
.solutions-hero[b-yid6vi5q5l]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(186, 230, 253, 0.12);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.solutions-hero[b-yid6vi5q5l]::before {
    top: -470px;
    right: -220px;
    width: 920px;
    height: 920px;
}

.solutions-hero[b-yid6vi5q5l]::after {
    top: -365px;
    right: -115px;
    width: 710px;
    height: 710px;
}

.solutions-hero-grid[b-yid6vi5q5l] {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: center;
    gap: 52px;
    padding-top: 82px;
    padding-bottom: 78px;
}

.solutions-hero-copy[b-yid6vi5q5l] {
    padding: 18px 0;
}

.solutions-eyebrow[b-yid6vi5q5l] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    color: var(--brand-primary-hover);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.solutions-hero .solutions-eyebrow[b-yid6vi5q5l] {
    color: #a5e8ff;
}

.eyebrow-mark[b-yid6vi5q5l] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #67e8f9;
    box-shadow: 0 0 0 5px rgba(103, 232, 249, 0.12);
}

.solutions-hero h1[b-yid6vi5q5l] {
    max-width: 620px;
    margin: 0;
    color: #f8fafc;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 5vw, 4.35rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.solutions-hero-lead[b-yid6vi5q5l] {
    max-width: 590px;
    margin: 22px 0 0;
    color: #cbd8e5;
    font-size: 1.08rem;
    line-height: 1.75;
}

.solutions-hero-actions[b-yid6vi5q5l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
}

.solutions-button[b-yid6vi5q5l] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.92rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.solutions-button:hover[b-yid6vi5q5l] {
    transform: translateY(-2px);
}

.solutions-button-primary[b-yid6vi5q5l] {
    background: #f8fafc;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.16);
    color: #0b3855;
}

.solutions-button-primary:hover[b-yid6vi5q5l] {
    background: #e0f2fe;
    color: #0b3855;
}

.solutions-button-secondary[b-yid6vi5q5l] {
    border-color: rgba(226, 232, 240, 0.36);
    color: #f8fafc;
}

.solutions-button-secondary:hover[b-yid6vi5q5l] {
    border-color: rgba(226, 232, 240, 0.7);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.solutions-hero-note[b-yid6vi5q5l] {
    margin: 14px 0 0;
    color: #aebdcb;
    font-size: 0.78rem;
}

.solutions-flow[b-yid6vi5q5l] {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid var(--border-primary);
    background: var(--bg-elevated);
}

.solutions-flow-inner[b-yid6vi5q5l] {
    display: flex;
    min-height: 86px;
    align-items: center;
    justify-content: space-between;
    gap: 17px;
    color: var(--text-secondary);
    font-size: 0.83rem;
    font-weight: 700;
}

.solutions-flow-inner > span[b-yid6vi5q5l] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
}

.solutions-flow-inner > span:first-child[b-yid6vi5q5l] {
    color: var(--text-primary);
    font-weight: 800;
}

.solutions-flow-inner > span i[b-yid6vi5q5l] {
    color: var(--brand-primary-hover);
    font-size: 1rem;
}

.flow-line[b-yid6vi5q5l] {
    height: 1px;
    flex: 1 1 auto;
    background: linear-gradient(90deg, transparent, var(--border-secondary), transparent);
}

.flow-arrow[b-yid6vi5q5l] {
    color: var(--text-tertiary);
    font-size: 0.75rem;
}

.solutions-audiences[b-yid6vi5q5l] {
    padding: 88px 0 94px;
    background: var(--bg-secondary);
}

.solutions-section-heading[b-yid6vi5q5l] {
    max-width: 700px;
    margin: 0 auto 42px;
    text-align: center;
}

.solutions-section-heading .solutions-eyebrow[b-yid6vi5q5l] {
    justify-content: center;
}

.solutions-section-heading h2[b-yid6vi5q5l],
.solutions-journey-intro h2[b-yid6vi5q5l],
.solutions-closing h2[b-yid6vi5q5l] {
    margin: 0;
    color: var(--text-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.solutions-section-heading > p:last-child[b-yid6vi5q5l] {
    margin: 15px 0 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.solutions-audience-grid[b-yid6vi5q5l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
}

.solutions-journey[b-yid6vi5q5l] {
    padding: 92px 0;
    background: var(--bg-primary);
}

.solutions-journey-grid[b-yid6vi5q5l] {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 88px;
}

.solutions-journey-intro h2[b-yid6vi5q5l] {
    max-width: 460px;
}

.solutions-journey-intro > p:not(.solutions-eyebrow)[b-yid6vi5q5l] {
    max-width: 475px;
    margin: 18px 0 20px;
    color: var(--text-secondary);
    line-height: 1.75;
}

.solutions-inline-link[b-yid6vi5q5l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--brand-primary-hover);
    font-weight: 750;
    text-decoration: none;
}

.solutions-inline-link:hover[b-yid6vi5q5l] {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.solutions-steps[b-yid6vi5q5l] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.solutions-steps li[b-yid6vi5q5l] {
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 15px;
    padding: 22px 0;
    border-bottom: 1px solid var(--border-primary);
}

.solutions-steps li:first-child[b-yid6vi5q5l] {
    border-top: 1px solid var(--border-primary);
}

.step-number[b-yid6vi5q5l] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--border-primary);
    border-radius: 50%;
    color: var(--brand-primary-hover);
    font-size: 0.75rem;
    font-weight: 800;
}

.solutions-steps h3[b-yid6vi5q5l] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 750;
}

.solutions-steps p[b-yid6vi5q5l] {
    margin: 5px 0 0;
    color: var(--text-secondary);
    font-size: 0.88rem;
    line-height: 1.55;
}

.step-icon[b-yid6vi5q5l] {
    justify-self: end;
    color: var(--text-tertiary);
    font-size: 1.25rem;
}

.solutions-closing[b-yid6vi5q5l] {
    padding: 0 0 78px;
    background: var(--bg-primary);
}

.solutions-closing-inner[b-yid6vi5q5l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 44px 50px;
    border: 1px solid rgba(125, 211, 252, 0.15);
    border-radius: 15px;
    background:
        radial-gradient(ellipse at 92% 0%, rgba(14, 165, 233, 0.24), transparent 33%),
        linear-gradient(120deg, #102238, #123c59);
    box-shadow: var(--shadow-lg);
}

.solutions-closing .solutions-eyebrow[b-yid6vi5q5l] {
    margin-bottom: 10px;
    color: #a5e8ff;
}

.solutions-closing h2[b-yid6vi5q5l] {
    color: #f8fafc;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
}

.solutions-closing-inner > div > p:last-child[b-yid6vi5q5l] {
    margin: 11px 0 0;
    color: #cbd8e5;
    line-height: 1.6;
}

.solutions-button-light[b-yid6vi5q5l] {
    flex: 0 0 auto;
    background: #f8fafc;
    color: #0b3855;
}

.solutions-button-light:hover[b-yid6vi5q5l] {
    background: #e0f2fe;
    color: #0b3855;
}

.solutions-page a:focus-visible[b-yid6vi5q5l] {
    border-radius: 4px;
    outline: 3px solid var(--border-focus);
    outline-offset: 4px;
}

@media (max-width: 1000px) {
    .solutions-hero-grid[b-yid6vi5q5l] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 30px;
    }

    .solutions-journey-grid[b-yid6vi5q5l] {
        gap: 48px;
    }

    .solutions-flow-inner[b-yid6vi5q5l] {
        gap: 11px;
        font-size: 0.75rem;
    }
}

@media (max-width: 800px) {
    .solutions-hero-grid[b-yid6vi5q5l] {
        grid-template-columns: 1fr;
        gap: 42px;
        padding-top: 64px;
        padding-bottom: 58px;
    }

    .solutions-hero-copy[b-yid6vi5q5l] {
        max-width: 650px;
    }

    .attribution-preview[b-yid6vi5q5l] {
        width: min(100%, 680px);
        margin: 0 auto;
    }

    .solutions-flow-inner[b-yid6vi5q5l] {
        min-height: auto;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 22px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .flow-line[b-yid6vi5q5l] {
        display: none;
    }

    .solutions-audience-grid[b-yid6vi5q5l] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .solutions-journey-grid[b-yid6vi5q5l] {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

@media (max-width: 600px) {
    .solutions-shell[b-yid6vi5q5l] {
        width: min(100% - 34px, 520px);
    }

    .solutions-hero-grid[b-yid6vi5q5l] {
        padding-top: 51px;
        padding-bottom: 46px;
    }

    .solutions-hero h1[b-yid6vi5q5l] {
        font-size: clamp(2.55rem, 11vw, 3.45rem);
    }

    .solutions-hero-lead[b-yid6vi5q5l] {
        font-size: 1rem;
    }

    .solutions-hero-actions[b-yid6vi5q5l] {
        align-items: stretch;
    }

    .solutions-hero-actions .solutions-button[b-yid6vi5q5l] {
        flex: 1 1 100%;
    }

    .solutions-flow-inner[b-yid6vi5q5l] {
        justify-content: flex-start;
        gap: 14px 20px;
    }

    .solutions-flow-inner > span:first-child[b-yid6vi5q5l],
    .flow-arrow[b-yid6vi5q5l] {
        display: none;
    }

    .solutions-audiences[b-yid6vi5q5l],
    .solutions-journey[b-yid6vi5q5l] {
        padding: 66px 0;
    }

    .solutions-section-heading[b-yid6vi5q5l] {
        margin-bottom: 30px;
        text-align: left;
    }

    .solutions-section-heading .solutions-eyebrow[b-yid6vi5q5l] {
        justify-content: flex-start;
    }

    .solutions-steps li[b-yid6vi5q5l] {
        grid-template-columns: 38px minmax(0, 1fr) 22px;
        gap: 11px;
        padding: 18px 0;
    }

    .step-number[b-yid6vi5q5l] {
        width: 34px;
        height: 34px;
    }

    .solutions-closing[b-yid6vi5q5l] {
        padding-bottom: 48px;
    }

    .solutions-closing-inner[b-yid6vi5q5l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 23px;
        padding: 30px 24px;
    }

    .solutions-button-light[b-yid6vi5q5l] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .solutions-button[b-yid6vi5q5l] {
        transition: none;
    }

    .solutions-button:hover[b-yid6vi5q5l] {
        transform: none;
    }
}
/* /Components/Pages/Templates.razor.rz.scp.css */
.template-card[b-4d83322fcs] {
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid var(--border-primary);
}

.template-card:hover[b-4d83322fcs] {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.template-icon[b-4d83322fcs] {
    font-size: 1.25rem;
    color: var(--brand-primary);
}

.param-list[b-4d83322fcs] {
    font-size: 0.875rem;
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
}

.param-list li[b-4d83322fcs] {
    margin-bottom: 0.25rem;
}

.param-list code[b-4d83322fcs] {
    background-color: var(--bg-secondary);
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.8125rem;
    color: var(--brand-primary);
}

.template-tags[b-4d83322fcs] {
    margin-top: 0.75rem;
}

.template-tags .badge[b-4d83322fcs] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
}

.use-case[b-4d83322fcs] {
    background-color: var(--info-light);
    padding: 0.5rem;
    border-radius: 0.25rem;
    border-left: 3px solid var(--brand-primary);
}

.modal.show[b-4d83322fcs] {
    display: block;
}

.modal-backdrop[b-4d83322fcs] {
    background-color: rgba(0, 0, 0, 0.5);
}

.card-header.bg-light[b-4d83322fcs] {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-primary);
}

.card-footer.bg-light[b-4d83322fcs] {
    background-color: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-primary);
}

.text-danger[b-4d83322fcs] {
    color: var(--error) !important;
}

.badge.bg-primary[b-4d83322fcs] {
    background-color: var(--brand-primary) !important;
}

.badge.bg-secondary[b-4d83322fcs] {
    background-color: var(--text-tertiary) !important;
}

hr[b-4d83322fcs] {
    margin: 1.5rem 0;
    opacity: 0.25;
}

.modal-dialog-scrollable .modal-body[b-4d83322fcs] {
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}
/* /Components/Pages/UniversalLinks.razor.rz.scp.css */
/* Universal Links Page Styles */

.card[b-ovdkuzzvym] {
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: box-shadow 0.2s ease-in-out;
}

.card:hover[b-ovdkuzzvym] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.card-header[b-ovdkuzzvym] {
    background-color: var(--bg-secondary);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

pre[b-ovdkuzzvym] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    border-radius: 0.25rem;
    max-height: 400px;
    overflow-y: auto;
}

pre code[b-ovdkuzzvym] {
    color: var(--text-primary);
    font-size: 0.875rem;
    font-family: 'Courier New', Courier, monospace;
}

.form-control:read-only[b-ovdkuzzvym],
.form-control[readonly][b-ovdkuzzvym] {
    background-color: var(--bg-tertiary);
}

.badge[b-ovdkuzzvym] {
    font-size: 0.875rem;
    font-weight: 500;
}

.modal-dialog-scrollable .modal-body[b-ovdkuzzvym] {
    max-height: calc(100vh - 200px);
}

.text-truncate[b-ovdkuzzvym] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Empty state */
.empty-state[b-ovdkuzzvym] {
    padding: 3rem 1rem;
}

.empty-state .display-1[b-ovdkuzzvym] {
    font-size: 5rem;
    opacity: 0.5;
}

/* File viewer */
.modal-body pre[b-ovdkuzzvym] {
    max-height: 500px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .btn-group[b-ovdkuzzvym] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .btn-group .btn[b-ovdkuzzvym] {
        border-radius: 0.25rem !important;
        margin-bottom: 0.25rem;
    }
}
/* /Components/Pages/Webhooks.razor.rz.scp.css */
.webhook-card[b-ggmw7xg0pg] {
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid var(--border-primary);
}

.webhook-card:hover[b-ggmw7xg0pg] {
    transform: translateY(-2px);
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.webhook-icon[b-ggmw7xg0pg] {
    font-size: 2rem;
    color: var(--brand-primary);
}

.event-tags[b-ggmw7xg0pg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.event-tags .badge[b-ggmw7xg0pg] {
    font-size: 0.75rem;
}

.webhook-stats[b-ggmw7xg0pg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.stat-item[b-ggmw7xg0pg] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--border-primary);
}

.stat-label[b-ggmw7xg0pg] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.stat-value[b-ggmw7xg0pg] {
    font-weight: 600;
}

.empty-state[b-ggmw7xg0pg] {
    max-width: 500px;
    margin: 0 auto;
}

.event-checkboxes[b-ggmw7xg0pg] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--border-primary);
    border-radius: 0.25rem;
    padding: 1rem;
}

.event-checkboxes .form-check[b-ggmw7xg0pg] {
    margin-bottom: 1rem;
    padding: 0.5rem;
    border-radius: 0.25rem;
    transition: background-color 0.2s;
}

.event-checkboxes .form-check:hover[b-ggmw7xg0pg] {
    background-color: var(--bg-tertiary);
}

.font-monospace[b-ggmw7xg0pg] {
    font-family: 'Courier New', Courier, monospace;
}

.modal.show[b-ggmw7xg0pg] {
    display: block !important;
}

.table-danger[b-ggmw7xg0pg] {
    background-color: var(--error-light);
}

.btn-group .btn[b-ggmw7xg0pg] {
    margin: 0 2px;
}
/* /Components/Shared/BrandMark.razor.rz.scp.css */
.brand-lockup[b-9a0d6pk924] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: inherit;
    text-decoration: none;
}

.brand-lockup-compact[b-9a0d6pk924] {
    gap: 0.55rem;
}

.brand-mark[b-9a0d6pk924] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
}

.brand-lockup-compact .brand-mark[b-9a0d6pk924] {
    width: 2rem;
    height: 2rem;
}

.brand-mark-frame[b-9a0d6pk924] {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    opacity: 0.95;
}

.brand-mark-path[b-9a0d6pk924] {
    fill: none;
    stroke: var(--brand-accent, #14b8a6);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.brand-mark-node[b-9a0d6pk924] {
    fill: currentColor;
}

.brand-wordmark[b-9a0d6pk924] {
    font-size: 1.45rem;
    font-weight: 750;
    letter-spacing: 0.01em;
    line-height: 1;
}

.brand-wordmark span[b-9a0d6pk924] {
    color: var(--brand-accent, #14b8a6);
}

.brand-lockup-compact .brand-wordmark[b-9a0d6pk924] {
    font-size: 1.2rem;
}
/* /Components/Shared/ColumnHeaderTooltip.razor.rz.scp.css */
.column-info-icon[b-1xdp8kdevb] {
    color: var(--text-tertiary);
    font-size: 0.875rem;
    opacity: 0.7;
    transition: opacity 0.2s ease, color 0.2s ease;
    cursor: help;
}

.column-info-icon:hover[b-1xdp8kdevb] {
    opacity: 1;
    color: var(--brand-primary);
}

.column-header-text[b-1xdp8kdevb] {
    user-select: none;
}

th .d-flex[b-1xdp8kdevb] {
    gap: 0.25rem;
}
/* /Components/Shared/TeamSwitcher.razor.rz.scp.css */
.team-switcher[b-rqf9buz4bg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background-color: var(--bs-light);
    border-radius: 0.375rem;
    border: 1px solid var(--bs-border-color);
}

.team-switcher-label[b-rqf9buz4bg] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bs-gray-700);
    margin-bottom: 0;
    white-space: nowrap;
}

.team-switcher-select[b-rqf9buz4bg] {
    width: auto;
    min-width: 150px;
    max-width: 250px;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    height: auto;
    background-color: white;
}

.team-switcher-select:focus[b-rqf9buz4bg] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

@media (max-width: 768px) {
    .team-switcher[b-rqf9buz4bg] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
    }

    .team-switcher-select[b-rqf9buz4bg] {
        width: 100%;
        max-width: none;
    }
}
/* /Components/Shared/ThemeToggle.razor.rz.scp.css */
/* Theme Toggle Component Styles */
.theme-toggle-wrapper[b-ku2y4ka2k2] {
    position: relative;
    z-index: 10;
}

.theme-toggle-btn[b-ku2y4ka2k2] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-full);
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--transition-fast);
    box-shadow: var(--shadow-sm);
}

.theme-toggle-btn:hover[b-ku2y4ka2k2] {
    background-color: var(--bg-elevated);
    box-shadow: var(--shadow-md);
    transform: scale(1.05);
}

.theme-toggle-btn:active[b-ku2y4ka2k2] {
    transform: scale(0.95);
}

.theme-icon[b-ku2y4ka2k2] {
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--transition-fast);
}

.theme-toggle-btn:hover .theme-icon[b-ku2y4ka2k2] {
    transform: rotate(20deg);
}

[data-theme="dark"] .theme-icon i.bi-sun-fill[b-ku2y4ka2k2] {
    color: #fbbf24; /* amber sun color - intentional brand choice */
}

[data-theme="light"] .theme-icon i.bi-moon-stars-fill[b-ku2y4ka2k2] {
    color: #6366f1; /* indigo moon color - intentional brand choice */
}