/* Momentum Header Wrapper */
html,
body {
    font-family: 'Open Sans', sans-serif;
    background: #F2F2F2;
}
.agent_ava_button {
    width: 64px;
    height: 64px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 24px 0px #BFF2FA !important;
    border: 1px solid #BFF2FA !important;
    border-radius: 50%;
}
.ai_summit_agent_input_container .orange_gradient_button {
    border: 1px solid #BFF2FA;
}
.ai_summit_agent_input_container .orange_gradient_button:hover {
    box-shadow: 0px 0px 16px 0px #BFF2FA;
}
.message_ansver {
    background: #80f4ff24 !important;
}
.message_question {
    background: #bff2faab !important;
}
.ai_summit_agent_title {
    text-shadow: 0 0 8px #FFFFFF, 0 0 24px #bff2fa, 0 0 64px #bff2fa !important;
}
blockquote {
    border: unset;
    padding: 0 !important;
    
}
blockquote:before{
    display: none;
}
/* forms styles ---------------------------------------- */
.register_popup_first_step,
.register-form.form.active,
.thankyou_popup_register {
    text-align: center;
    z-index: 99999999999 !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: #00000014 !important;
    border: 1px solid #00000029 !important;
    backdrop-filter: blur(40px) !important;
    border-radius: 24px !important;
    padding: 32px !important;
    width: 480px !important;
    max-width: calc(100% - 30px) !important;
    max-height: 98vh !important;
    overflow-y: auto !important;
}
.register_popup_first_step {
    display: none;
}
.register_popup_first_step input {
    padding: 10px 24px 10px;
    background-color: transparent;
    background: #FFFFFFA3 !important;
    font-size: 16px !important;
    color: #bfbfbf;
    border: 1px solid #0000003D !important;
    border-radius: 16px;
    width: 100%;
    caret-color: #FD2348;
    outline: none;
    transition: all 0.3s;
    backdrop-filter: blur(40px);
}
.register_popup_first_step_button_continue.disabled {
    background: #00000014 !important;
    color: #000000A3 !important;
    border: 0px solid #FFFFFF0F !important;
    opacity: 1 !important;
    backdrop-filter: blur(40px);
}
.bg-popup.active {
    background: #00000017 !important;
}
.form .register_form_title,
.register_popup_first_step_title {
    color: #000000E0 !important;
    text-shadow: unset !important;
}
.form p,
.register_popup_first_step_subtitle {
    color: #000000B8 !important;
}
.acceptance_field_policy a {
    color: #000000 !important;
}
form .button-block .cancel button,
.games-stream-page button.cancel-form, .gtm-cxo-games-page button.register_popup_first_step_button_cancel, button.register_popup_first_step_button_cancel {
    font-weight: 600 !important;
    border: 0px solid #FFF !important;
    background: #0000003D !important;
    color: #FFF !important;
    transition: all 0.3s !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    width: 100% !important;
    cursor: pointer !important;
    border-radius: 16px !important;
    text-transform: capitalize !important;
}
.thankyou_popup_register_close{
    width: 22px !important;
    height: 22px !important;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    height: 25px;
}
.thankyou_popup_register_close svg {
    width: 16px;
    height: 16px;
}
.need_help_link p {
    color: #000000A3 !important;
}
.register-form.form .need_help_link p,
.thankyou_popup_register .need_help_link p {
    color: #000000A3 !important;
}
.thankyou_popup_register_download.black_button{
    margin-bottom: 10px !important;
}
.thankyou_popup_register_download.black_button,
.register_popup_first_step_button_continue {   
    border: 1px solid #0000000F !important;
    border-radius: 16px !important;
    background: #000000 !important;
    color: #FFFFFF !important;
}
.thankyou_popup_register_download.black_button:hover,
.register_popup_first_step_button_continue:hover {
    background: #000000 !important;
    color: #FFFFFF !important;
    border: 1px solid #0000000F !important;
    box-shadow: 0px 0px 10px 0px #000000 !important;
    transition: all 0.4s ease-out !important;
    box-sizing: border-box !important;
}

/* Step 2+ register form (Contact Form 7) - match first step popup look */
.register-form.form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.register-form.form select,
.register-form.form textarea {
    background-color: transparent !important;
    background: #FFFFFFA3 !important;
    font-size: 16px !important;
    color: #000000 !important;
    border: 1px solid #0000003D !important;
    border-radius: 16px !important;
    width: 100% !important;
    caret-color: #FD2348 !important;
    outline: none !important;
    transition: all 0.3s !important;
    backdrop-filter: blur(40px) !important;
}
.register-form.form .form-block .placeholder,
.register-form.form .form-block .placeholder.placeholder_textarea {
    color: #000000A3 !important;
}
.register-form.form input[type="submit"],
.register-form.form button[type="submit"],
.register-form.form .wpcf7-submit {
    border: 1px solid #0000000F !important;
    border-radius: 16px !important;
    background: #000000 !important;
    color: #FFFFFF !important;
    width: 100% !important;
}
.register-form.form input[type="submit"]:hover,
.register-form.form button[type="submit"]:hover,
.register-form.form .wpcf7-submit:hover {
    background: #000000 !important;
    color: #FFFFFF !important;
    border: 1px solid #0000000F !important;
    box-shadow: 0px 0px 10px 0px #000000 !important;
    transition: all 0.4s ease-out !important;
    box-sizing: border-box !important;
}
.register-form.form input[type="submit"]:disabled,
.register-form.form button[type="submit"]:disabled,
.register-form.form .wpcf7-submit:disabled,
.register-form.form input[type="submit"][disabled],
.register-form.form button[type="submit"][disabled],
.register-form.form .wpcf7-submit[disabled] {
    background: #00000014 !important;
    color: #000000A3 !important;
    border: 0px solid #FFFFFF0F !important;
    opacity: 1 !important;
    backdrop-filter: blur(40px) !important;
}

/* Thank you popup - match first step popup typography/colors */
.thankyou_popup_register_title {
    color: #000000E0 !important;
    text-shadow: unset !important;
}
.thankyou_popup_register_subtitle {
    color: #000000B8 !important;
}
/* end forms styles ---------------------------------------- */
.main_container {
    padding-left: 56px;
    padding-right: 56px;
}
.momentum-header-wrapper {
    position: absolute;
    width: 100%;
    /* Light grey background */
    top: 0;
    left: 0;
    z-index: 10;
}
/* Carousel Container */
.momentum-carousel-container {
    width: 100%;
    overflow: hidden;
    background: transparent;
    /* Dark grey bar */
    border-image-slice: 1;
    position: relative;
    z-index: 10;
    padding: 24px 0;
}
.momentum-carousel-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.momentum-carousel {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: momentum-scroll 400s linear infinite;
    will-change: transform;
}
.momentum-carousel:hover {
    animation-play-state: paused;
}
.momentum-carousel-item {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    text-decoration: none;
    color: #00000052;
    font-size: 15.75px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
.momentum-carousel-item img {
    width: 24px;
    height: 24px;
    display: block;
}
@keyframes momentum-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
/* Ticker separators (arrow + dot) */
.momentum-carousel-separators {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.32);
    line-height: 0;
    flex: 0 0 auto;
}
.momentum-carousel-separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.momentum-carousel-separator svg {
    display: block;
}
.momentum-carousel-separator--arrow svg {
    width: 8px;
    height: 9px;
}
.momentum-carousel-separator--dot svg {
    width: 3px;
    height: 4px;
}
/* Main Header Section */
.momentum-header-main {
    position: relative;
    background: #E5E5E5;
    padding: 40px 80px;
    min-height: calc(100vh - 50px);
}
/* Navigation Bar */
.momentum-nav {
    position: relative;
    margin-bottom: 60px;
    z-index: 2;
}
.momentum-nav-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    justify-content: flex-start;
}
.momentum-nav-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #808080;
    /* Light grey font */
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 10px 16px;
    transition: color 0.3s ease;
}
.momentum-nav-link:hover {
    color: #333;
}
.nav-text {
    margin-right: 8px;
}
.nav-separator {
    color: #808080;
    margin-left: 4px;
}
/* Logos Section */
.momentum-logos {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 2;
}
.momentum-logos-left {
    display: flex;
    align-items: center;
    gap: 20px;
}
.hse-logo-main {
    font-size: 72px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    letter-spacing: -2px;
}
.hse-logo-text {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.4;
}
.momentum-logos-divider {
    width: 1px;
    height: 80px;
    background: #333;
    opacity: 0.3;
}
.momentum-logos-right {
    display: flex;
    align-items: center;
}
.momentum-logo-img {
    height: 60px;
    width: auto;
    display: block;
}
/* Light Blue Vertical Streak */
.momentum-blue-streak {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, rgba(0, 255, 203, 0.3) 0%, rgba(0, 174, 187, 0.3) 100%);
    z-index: 1;
    box-shadow: 0 0 20px rgba(0, 255, 203, 0.2);
}
.logo-inner {
    padding-top: 20px;
}
/* heading section ----------------------------------------- */
.heading_section {
    position: relative;
    width: 100%;
    height: 100dvh;
    z-index: 2;
    display: flex;
    justify-content: start;
    align-items: end;
    padding-bottom: 50px !important;
}
.heading_section::after {
    content: '';
    width: 100%;
    height: 200px;
    bottom: -1px;
    left: 0;
    position: absolute;
    background: linear-gradient(to bottom, #CFCFCF00, #CFCFCF);
    z-index: -1;
}
.heading_section_background_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.heading_section_content {
    max-width: 1270px;
    /* padding-top: calc(100vh - 350px); */
}
.heading_content_title {
    font-weight: 600;
    font-size: 76px;
    font-size: clamp(36px, 5.2vw, 76px);
    color: #000000E0;
    line-height: 1.12;
}
.heading_content_sub_title {
    font-weight: 400;
    font-size: clamp(27px, 4.8vw, 54px);
    color: #000000E0;
    line-height: 1.12;
    margin-bottom: 40px;
}
.momentum_btn,
.heading_section_content a,
.heading_section_content button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 56px;
    gap: 8px;
    opacity: 1;
    padding: 11px 16px 11px 24px;
    border-radius: 56px;
    background: rgba(0, 0, 0, 0.88);
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition:
        transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 0.35s ease,
        background-color 0.35s ease;
}
.momentum_btn::before,
.heading_section_content a::before,
.heading_section_content button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
            transparent 20%,
            rgba(255, 255, 255, 0.25),
            transparent 80%);
    transform: translateX(-120%);
    transition: transform 0.6s ease;
}
/* HOVER */
.momentum_btn:hover,
.heading_section_content a:hover,
.heading_section_content button:hover {
    transform: translateY(-1px);
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.15);
    background: rgba(0, 0, 0, 0.95);
}
.momentum_btn:hover::before,
.heading_section_content a:hover::before,
.heading_section_content button:hover::before {
    transform: translateX(120%);
}
/* ACTIVE */
.momentum_btn:active,
.heading_section_content a:active,
.heading_section_content button:active {
    transform: translateY(0);
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.3);
}
/*end heading section ----------------------------------------- */
/*overview_section ----------------------------------------- */
.overview_section {
    background: linear-gradient(to bottom, #CFCFCF, #FAFAFA);
}
.overview_section_container {
    max-width: 1200px;
    padding-top: 160px;
    padding-bottom: 80px;
}
.overview_section_above_title {
    font-weight: 400;
    font-size: 20px;
    color: #0000007A;
    line-height: 33px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 16px;
}
h2.overview_section_title {
    font-weight: 600;
    font-size: clamp(27px, 4.8vw, 54px);
    color: #000000E0;
    line-height: 1.12;
    margin: 0 0 16px 0;
}
.overview_section_content {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 24px);
    color: #000000E0;
    line-height: 1.5;
}
/* end overview_section ----------------------------------------- */
/* trends_previev (Trends Preview) ----------------------------------------- */
.trends_previev {
    background: linear-gradient(to bottom, #FAFAFA, #F2F2F2);
    padding: 120px 0;
}
/* .trends_previev_container intentionally has no extra rules (uses .main_container). */
.trends_previev_titleblock {
    max-width: 1200px;
    margin-bottom: 56px;
}
h2.trends_previev_title {
    font-weight: 600;
    font-size: 54px;
    color: rgba(0, 0, 0, 0.88);
    line-height: 72px;
    margin: 0 0 16px 0;
}
.trends_previev_desc {
    font-weight: 400;
    /* font-size: 36px; */
    color: rgba(0, 0, 0, 0.72);
    /* line-height: 49.5px; */
    font-size: clamp(14px, 2.2vw, 24px);
    line-height: 1.5;
    margin: 0;
}
/* Shared bar styling */
.trends_previev_bar_line {
    display: block;
    height: 8px;
    border-radius: 8px;
    background: linear-gradient(90deg, #7AA2FF 0%, #96F3EC 40%, #0C5C7C 100%);
    width: calc(var(--trend-ratio, 1) * 100%);
}
/* Shader (WebGL) layer for chart fill */
.trends_previev_shader_svg {
    display: block;
    width: 100%;
    height: 100%;
}
.trends_previev_shader_fo,
.trends_previev_shader_canvas {
    display: block;
    width: 100%;
    height: 100%;
}
.trends_previev_shader_canvas {
    image-rendering: auto;
    /* Fallback fill if WebGL is unavailable/blocked */
    background: linear-gradient(90deg, #7AA2FF 0%, #96F3EC 40%, #000000 70%, #0C5C7C 100%);
}

/* Stable masking for mobile browsers:
   Apply the SVG mask as a CSS mask-image to an HTML wrapper (no SVG <foreignObject>). */
.trends_previev_shader_stage {
    width: 100%;
    height: 100%;
}
.trends_previev_masked {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
}
/* Desktop chart */
.trends_previev_chart--desktop {
    display: none;
    width: 100%;
    /* Keep desktop sizing aligned with the prototype mask (viewBox height 716). */
    --trends-bars-h: 600px;
    --trends-row-step: 42px;
}
/* Desktop layout: names | bars (one masked canvas) | percents */
.trends_previev_chart_grid {
    display: grid;
    grid-template-columns: minmax(650px, 1fr) minmax(200px, 1000px) 96px;
    column-gap: 40px;
    align-items: start;
}
.trends_previev_names_list,
.trends_previev_percents_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.trends_previev_name_row {
    display: flex;
    gap: 24px;
    align-items: center;
    height: var(--trends-row-step);
    /* font-size: 36px; */
    font-size: clamp(14px, 2.2vw, 24px);
    line-height: 1.12;
}
.trends_previev_number {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    flex: 0 0 auto;
}
.trends_previev_text {
    color: rgba(0, 0, 0, 0.88);
    font-weight: 600;
    white-space: nowrap;
}
.trends_previev_bars_stage {
    width: 100%;
    height: var(--trends-bars-h);
}
.trends_previev_chart--desktop .trends_previev_shader_svg {
    height: 100%;
}
.trends_previev_percent_row {
    height: var(--trends-row-step);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* font-size: 36px;
    line-height: 49.5px; */
    font-size: clamp(14px, 2.2vw, 24px);
    line-height: 1.12;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
}
/* Compact chart (mobile/tablet) */
.trends_previev_chart--compact {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
.trends_previev_percents,
.trends_previev_numbers {
    display: flex;
    gap: 2px;
    justify-content: space-between;
    width: 100%;
}
.trends_previev_percent_cell {
    flex: 1 1 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}
.trends_previev_number_cell {
    flex: 1 1 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    line-height: 22.5px;
    font-weight: 400;
}
.trends_previev_bars {
    display: block;
    height: 191px;
    width: 100%;
}
.trends_previev_names {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}
.trends_previev_name_compact {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    line-height: 22.5px;
}
/* end trends_previev ----------------------------------------- */
/* Responsive Design */
/* Shared button (matches header "Download now") ----------------------------------------- */
/* .momentum_btn {
    width: 220px;
    height: 56px;
    gap: 8px;
    opacity: 1;
    padding: 11px 16px 11px 24px;
    border-radius: 56px;
    background: rgba(0, 0, 0, 0.88);
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition:
        transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 0.35s ease,
        background-color 0.35s ease;
}
.momentum_btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
            transparent 20%,
            rgba(255, 255, 255, 0.25),
            transparent 80%);
    transform: translateX(-120%);
    transition: transform 0.6s ease;
}
.momentum_btn:hover {
    transform: translateY(-1px);
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.15);
    background: rgba(0, 0, 0, 0.95);
}
.momentum_btn:hover::before {
    transform: translateX(120%);
}
.momentum_btn:active {
    transform: translateY(0);
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.3);
} */
/* Insights slider ----------------------------------------- */
.slider_section {
    background: #F2F2F2;
    padding: 100px 0 140px;
}
.slider_section_titleblock {
    max-width: 1200px;
    margin-bottom: 56px;
}
h2.slider_section_title {
    font-weight: 600;
    font-size: 54px;
    color: rgba(0, 0, 0, 0.88);
    line-height: 72px;
    margin: 0 0 16px 0;
}
.slider_section_desc {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 24px);
    color: rgba(0, 0, 0, 0.72);
    /* line-height: 49.5px; */
    line-height: 1.2;
    margin: 0;
}
.insights_slider {
    /* Desktop spec: 360px */
    --insights-h: 450px;
    --insights-gap: 20px;
    /* Motion tuning (user request: 2x slower / smoother) */
    /* Slower + smoother, especially at motion start */
    --insights-motion-ease: cubic-bezier(0.16, 0.5, 0.3, 1);
    --insights-motion-ms: 1200ms;
    --insights-fade-ms: 600ms;
    --insights-page-pad: 56px;
    /* Collapsed previews + expanded center slide (same row). */
    --insights-collapsed-w: clamp(100px, 6vw, 142px);
    --insights-expanded-w: clamp(560px, 80vw, 1100px);
    --insights-photo-w: clamp(200px, 20vw, 260px);
    position: relative;
}
.insights_slider_viewport {
    overflow: hidden;
    touch-action: pan-y;
    cursor: grab;
    /* Full-bleed: take the full viewport width (not container width) */
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: var(--insights-page-pad);
    padding-right: var(--insights-page-pad);
    box-sizing: border-box;
}
.insights_slider.insights_slider--dragging .insights_slider_viewport {
    cursor: grabbing;
    user-select: none;
}
.insights_slider_track {
    display: flex;
    gap: var(--insights-gap);
    align-items: stretch;
    will-change: transform;
    transition: transform var(--insights-motion-ms) var(--insights-motion-ease);
    transform: translate3d(0, 0, 0);
}
.insights_slide {
    flex: 0 0 auto;
    width: var(--insights-collapsed-w);
    height: var(--insights-h);
    border-radius: 28px;
    transition: width var(--insights-motion-ms) var(--insights-motion-ease);
    overflow: hidden;
}
.insights_slide_inner {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.10);
}
.insights_slide_photo {
    flex: 0 0 100%;
    flex-basis: min(100%, var(--insights-photo-w));
    height: 100%;
    transition: flex-basis var(--insights-motion-ms) var(--insights-motion-ease);
    position: relative;
    overflow: hidden;
    /* Reduce repaint jitter during size animation */
    contain: paint;
    filter: grayscale(100%);
}
.insights_slide_photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Keep consistent framing to avoid "jump" when active state changes */
    object-position: center 20%;
    /* Create a stable compositing layer to avoid micro-jumps */
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}
.insights_slide_content {
    flex: 1 1 auto;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition:
        max-width var(--insights-motion-ms) var(--insights-motion-ease),
        opacity var(--insights-fade-ms) ease,
        padding var(--insights-motion-ms) var(--insights-motion-ease);
    pointer-events: none;
}
.insights_slide_quote {
    font-weight: 400;
    font-size: clamp(12px, 1.7vw, 20px);
    line-height: 1.45;
    color: rgba(0, 0, 0, 0.88);
    margin: 0;
    flex: 1 1 auto;
}
.insights_slide_meta {
    /* margin-top: 28px; */
    height: 50px;
}
.insights_slide_name {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.88);
}
.insights_slide_role {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.56);
    margin-top: 4px;
}
.insights_slide_quote_icon {
    position: absolute;
    left: calc(var(--insights-photo-w) - 20px);
    top: 40px;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
    opacity: 0;
    transform: scale(0.85);
    transition: opacity var(--insights-fade-ms) ease, transform var(--insights-motion-ms) var(--insights-motion-ease);
    pointer-events: none;
}
.insights_slide_quote_icon img {
    width: 100%;
    height: 100%;
    display: block;
}
/* Active (expanded) slide */
.insights_slide.is-active {
    width: var(--insights-expanded-w);
}
.insights_slide.is-active .insights_slide_photo {
    flex-basis: var(--insights-photo-w);
}
.insights_slide.is-active .insights_slide_content {
    max-width: 1200px;
    opacity: 1;
    padding: 46px 48px 42px;
    pointer-events: auto;
}
.insights_slide.is-active .insights_slide_quote_icon {
    opacity: 1;
    transform: scale(1);
}
/* Prevent "collapse/expand flash" during loop snapping (clone -> original). */
.insights_slider.insights_slider--snapping .insights_slide,
.insights_slider.insights_slider--snapping .insights_slide_photo,
.insights_slider.insights_slider--snapping .insights_slide_content,
.insights_slider.insights_slider--snapping .insights_slide_quote_icon {
    transition: none !important;
}
.insights_slider_controls {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.insights_slider_arrows {
    display: flex;
    gap: 10px;
}
.insights_slider_arrow {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 320ms ease, background-color 320ms ease, box-shadow 320ms ease;
}
.insights_slider_arrow:hover {
    transform: translateY(-1px);
    background: #FFFFFF;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.10);
}
.insights_slider_arrow:active {
    transform: translateY(0);
}
.insights_slider_arrow svg {
    display: block;
}
/* .insights_slider_download {
    width: 220px;
} */
/* Contributors ----------------------------------------- */
.contributors_section {
    background: #F2F2F2;
    padding: 0 0 100px;
}
.contributors_section_titleblock {
    max-width: 1200px;
    margin-bottom: 56px;
}
h2.contributors_section_title {
    font-weight: 600;
    font-size: 54px;
    color: rgba(0, 0, 0, 0.88);
    line-height: 72px;
    margin: 0;
}
.contributors_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.contributors_item {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    column-gap: 12px;
    row-gap: 6px;
    font-size: clamp(14px, 2.2vw, 24px);
    line-height: 1.3;
    opacity: 0;
    transform: translateY(10px);
    transition:
        opacity 600ms ease,
        transform 700ms cubic-bezier(0.16, 0.5, 0.3, 1);
    will-change: transform, opacity;
}
.contributors_item.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.contributors_name {
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.88);
    white-space: nowrap;
}
.contributors_pipe {
    color: rgba(0, 0, 0, 0.28);
}
.contributors_role {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.56);
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* AI value split (Embed vs Rebuild) ----------------------------------------- */
.ai_value_section {
    background: #F2F2F2;
    padding: 80px 0 0px;
}
.ai_value_section_titleblock {
    max-width: 1200px;
    margin-bottom: 110px;
}
h2.ai_value_section_title {
    font-weight: 600;
    font-size: 54px;
    color: rgba(0, 0, 0, 0.88);
    line-height: 72px;
    margin: 0 0 16px 0;
}
.ai_value_section_desc {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 36px);
    /* font-size: 36px; */
    color: rgba(0, 0, 0, 0.72);
    line-height: 1.2;
    margin: 0;
    max-width: 1200px;
}
.ai_value_layout {
    display: grid;
    grid-template-columns: clamp(26px, 5vw, 42px) 1fr;
    column-gap: clamp(20px, 4vw, 24px);
    align-items: stretch;
    max-width: 1200px;
}
.ai_value_axis {
    --axis-icon-size: clamp(18px, 3vw, 26px);
    --axis-label-gap: clamp(12px, 2vw, 18px);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: rgba(0, 0, 0, 0.56);
    padding: 4px 0;
    height: 145%;
    bottom: 22.5%;
}
.ai_value_axis::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(var(--axis-icon-size) - 5%);
    bottom: calc(var(--axis-icon-size) - 5%);
    width: 1px;
    transform: translateX(-50%);
    background: #0000007A;
}
.ai_value_axis_icon {
    width: var(--axis-icon-size);
    height: var(--axis-icon-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}
.ai_value_axis_icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.ai_value_axis_label {
    position: absolute;
    left: calc(100% + var(--axis-label-gap));
    font-weight: 400;
    font-size: clamp(14px, 1.5vw, 27px);
    line-height: 1.25;
    color: #000000B8;
    white-space: nowrap;
}
.ai_value_axis_label--top {
    top: calc(var(--axis-icon-size) / 2);
    transform: translateY(-50%);
}
.ai_value_axis_label--bottom {
    bottom: calc(var(--axis-icon-size) / 2);
    transform: translateY(50%);
}
.ai_value_cards {
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 2vw, 18px);
}

.ai_value_card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
    border: 2px solid;
    border-image-source: linear-gradient(180deg, #FFFFFF 0%, #E6E6E6 100%);
    
    
    border-radius: clamp(16px, 2.2vw, 32px);
    padding: clamp(18px, 3vw, 34px) clamp(20px, 3.2vw, 40px);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.06);
    max-width: clamp(350px, 34vw, 565px);
}
/* .ai_value_card--primary {
    background: linear-gradient(180deg, rgba(172, 255, 254, 0.24) 0%, rgba(43, 255, 252, 0.24) 100%);
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #FFFFFF 0%, rgba(138, 204, 203, 0.24) 100%);
     box-shadow: 0px 0px 16px 0px #ACFFFE;
} */
.ai_value_card--primary {
    position: relative;
    border: 1px solid transparent;
    border-radius: clamp(16px, 2.2vw, 32px);
    background:
      linear-gradient(180deg, rgba(172,255,254,0.24) 0%, rgba(43,255,252,0.24) 100%) padding-box,
      linear-gradient(180deg, #ffffff 0%, rgba(138,204,203,0.24) 100%) border-box;
    box-shadow: 0 0 16px rgba(172,255,254,1);
  }
  
  .ai_value_card--primary::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(120% 80% at 20% 0%,
      rgba(255,255,255,0.65) 0%,
      rgba(255,255,255,0) 55%);
  }
.ai_value_card_title {
    font-weight: 600;
    font-size: clamp(20px, 2.3vw, 45px);
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.88);
    margin: 0;
    flex: 0 1 auto;
}
.ai_value_card_meta {
    font-weight: 400;
    font-size: clamp(14px, 1.5vw, 27px);
    line-height: 1.25;
    color: #000000B8;
    flex: 0 0 auto;
    text-align: right;
    white-space: nowrap;
}
.ai_value_card_percent {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.72);
}

/* Shader-backed cards (ported from Setup Empty Page prototype) */
.ai_value_layout--shader {
    align-items: center;
}
.ai_value_axis--arrow {
    /* Match the height of the cards column (grid row height). */
    height: 100%;
    align-self: stretch;
    bottom: auto;
    padding: 0;
    color: rgba(0, 0, 0, 0.48);
    justify-content: center;
}
.ai_value_axis--arrow::before {
    content: none;
}
.ai_value_axis_svg {
    /* Make the SVG not affect grid row height calculations. */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: auto;
    height: 100%;
    max-height: none;
    pointer-events: none;
}
.ai_value_cards--shader {
    gap: clamp(18px, 2.4vw, 24px);
}
.ai_value_caption {
    margin: 0;
    font-weight: 400;
    font-size: clamp(14px, 1.5vw, 27px);
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.72);
}
.ai_value_card--shader {
    position: relative;
    overflow: hidden;
    background: transparent;
    border: none;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.06);
}
.ai_value_card_shader {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    overflow: hidden;
}
.ai_value_card_inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}
.momentum_mesh_canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* Fallback fill if WebGL is unavailable/blocked */
    background: linear-gradient(90deg, #7AA2FF 0%, #96F3EC 40%, #000000 70%, #0C5C7C 100%);
}
.momentum_glassy_border {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    z-index: 3;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
}
/* Primary card: white content, like the prototype */
.ai_value_card--primary.ai_value_card--shader .ai_value_card_title,
.ai_value_card--primary.ai_value_card--shader .ai_value_card_meta,
.ai_value_card--primary.ai_value_card--shader .ai_value_card_percent {
    color: rgba(255, 255, 255, 0.88);
}
.ai_value_card--primary.ai_value_card--shader .ai_value_card_meta {
    color: rgba(255, 255, 255, 0.72);
}

/* end AI value split ----------------------------------------- */
/* Momentum CTA (background image card) ----------------------------------------- */
.momentum_cta_section {
    background: #F2F2F2;
    padding: 120px 0 80px;
}
.momentum_cta_card {
    position: relative;
    margin: 0 auto;
    border-radius: 22px;
    overflow: hidden;
    padding: 48px 56px;
    min-height: 260px;
    background: linear-gradient(180deg, rgba(172, 255, 254, 0.24) 0%, rgba(43, 255, 252, 0.24) 100%);
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #FFFFFF 0%, rgba(138, 204, 203, 0.24) 100%);
    box-shadow: 0px 0px 16px 0px #ACFFFE;
    backdrop-filter: blur(16px);

    
    /* background-image:
        var(--momentum-cta-bg),
        linear-gradient(90deg, #0e3e53 0%, #0e3e53 44%, #0e3e53 74%, #0e3e53 100%);
    background-size: cover;
    background-position: center; */
}
.momentum_cta_card--shader {
    background: transparent;
    border: none;
    box-shadow: 0 0 16px rgba(172, 255, 254, 0.45);
}
.momentum_cta_shader {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    overflow: hidden;
    z-index: 0;
}
.momentum_cta_overlay {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 70%);
    z-index: 2;
    pointer-events: none;
}
.momentum_cta_card--shader .momentum_glassy_border {
    z-index: 3;
}
.momentum_cta_content {
    max-width: 760px;
    position: relative;
    z-index: 4;
}
.momentum_cta_title {
    margin: 0 0 14px 0;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.2;
    color: #000000E0;
    letter-spacing: 0.2px;
}
.momentum_cta_section--shader .momentum_cta_title {
    color: rgba(255, 255, 255, 0.88);
}
.momentum_cta_title em {
    font-style: italic;
    font-weight: 600;
}
.momentum_cta_desc {
    margin: 0 0 22px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.55;
    color: #000000B8;
    max-width: 700px;
}
.momentum_cta_button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 16px 16px 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, #00FFC3 0%, #00DBFC 100%);
    color: rgba(0, 0, 0, 0.92);
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
    transition: transform 240ms ease, box-shadow 240ms ease, filter 240ms ease;
}
.momentum_cta_button:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.32);
    filter: saturate(1.05);
}
.momentum_cta_button:active {
    transform: translateY(0);
}
.momentum_cta_button_icon {
    width: 18px;
    height: 18px;
    background: rgba(0, 0, 0, 0.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.momentum_cta_button_icon svg {
    display: block;
}
.momentum_cta_section--shader .momentum_cta_desc {
    color: rgba(255, 255, 255, 0.72);
}
/* end Momentum CTA ----------------------------------------- */
/* Bottom hero (video background) ----------------------------------------- */
.momentum_bottom_hero_section {
    position: relative;
    width: 100%;
    height: 1000px;
    /* max-height: 95vh; */
    display: flex;
    align-items: start;
    padding-top: 140px;
    padding-bottom: 330px;
    overflow: hidden;
}
.momentum_bottom_hero_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    inset: 0;
    background: linear-gradient(180deg, #F2F2F2, #f2f2f200);
    z-index: 1;
}
.momentum_bottom_hero_background_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.momentum_bottom_hero_content {
    position: relative;
    z-index: 1;
}
.momentum_bottom_hero_title {
    font-weight: 600;
    font-size: clamp(36px, 5.2vw, 76px);
    line-height: 1.12;
    color: #000000E0;
    margin: 0;
    text-shadow: 0 10px 40px rgba(0, 0, 0, 0.28);
}
.momentum_bottom_hero_sub_title {
    font-weight: 400;
    font-size: clamp(22px, 3.2vw, 54px);
    color: #000000E0;
    line-height: 1.25;
    margin-top: 12px;
    margin-bottom: 40px;
    text-shadow: 0 10px 40px rgba(0, 0, 0, 0.22);
}
.momentum_bottom_hero_button {
    margin-top: 2px;
}
footer {
    position: absolute;
    bottom: 0px;
    width: 100vw;
    left: 0px;
}
/* end Bottom hero ----------------------------------------- */

/* ========================================================================== */
/* Media queries (moved to the bottom to avoid unintended overrides) */
/* ========================================================================== */

@media (min-width: 640px) {
    /* Section: Trends preview */
    .trends_previev_chart--compact {
        padding-right: 0px;
    }
    .trends_previev_percent_cell {
        font-size: 16px;
        line-height: 24px;
    }
    .trends_previev_number_cell {
        font-size: 18px;
        line-height: 28px;
    }
    .trends_previev_bars {
        height: 232px;
    }
    .trends_previev_name_compact {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (min-width: 1315px) {
    /* Section: Trends preview */
    .trends_previev_chart--compact {
        display: none;
    }
    .trends_previev_chart--desktop {
        display: block;
    }
}

@media (max-width: 1440px) {
    /* Section: Layout */
    .main_container {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media (max-width: 1315px) {
    /* Section: Trends preview */
    .trends_previev_percent_cell {
        text-align: end;
        transform: rotate(-90deg);
        position: relative;
        bottom: 5px;
    }
}

@media (max-width: 1250px) {
    /* Section: Bottom hero */
    .momentum_bottom_hero_section {
        display: flex;
        align-items: start;
        padding-top: 110px;
        padding-bottom: 680px;
        overflow: hidden;
    }
}

@media (max-width: 1200px) {
    /* Section: Trends preview */
    .trends_previev_name_row {
        display: flex;
        gap: 24px;
        align-items: center;
        height: var(--trends-row-step);
        font-size: 30px;
        line-height: 40px;
    }
    .trends_previev_chart_grid {
        display: grid;
        grid-template-columns: minmax(610px, 1fr) minmax(200px, 1000px) 96px;
        column-gap: 40px;
        align-items: start;
    }

    /* Section: Momentum header */
    .momentum-header-main {
        padding: 30px 60px;
    }
    .hse-logo-main {
        font-size: 56px;
    }
}

@media (max-width: 1024px) {
    /* Section: Insights slider */
    .insights_slider {
        --insights-expanded-w: clamp(520px, 74vw, 760px);
        --insights-photo-w: clamp(180px, 30vw, 220px);
    }
    .heading_section_background_video {

        object-position: 30% 70%;
 
    }
}

@media (max-width: 1023px) {
    .ai_value_section {
        padding: 40px 0 0px;
    }
    .momentum_bottom_hero_sub_title {
        margin-bottom: 20px;
    }
    /* Section: Overview */
    .overview_section_container {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    /* Section: Trends preview */
    .trends_previev {
        padding: 80px 0;
    }

    /* Section: Insights slider */
    .slider_section {
        padding: 80px 0 100px;
    }

    /* Section: Contributors */
    .contributors_section {
        padding: 0 0 100px;
    }
}

@media (max-width: 820px) {
    /* Section: Trends preview */
    .trends_previev_percent_cell {
        font-size: 14px;
        line-height: 1px;
    }
    .trends_previev_percent_cell {
        bottom: 20px;
    }
    .trends_previev_titleblock {
        margin-bottom: 70px;
    }
}

@media (max-width: 768px) {
    /* Section: Trends preview */
    .trends_previev {
        padding: 80px 0;
    }
    .trends_previev_container {
        padding: 0 20px;
    }
    h2.trends_previev_title {
        font-size: 36px;
        line-height: 49.5px;
    }
    .trends_previev_desc {
        font-size: 22.5px;
        line-height: 36px;
    }

    /* Section: Momentum header */
    .momentum-header-main {
        padding: 20px 30px;
    }
    .momentum-nav-inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .momentum-nav-link {
        padding: 8px 12px;
    }
    .momentum-logos {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .momentum-logos-divider {
        width: 100%;
        height: 1px;
    }
    .hse-logo-main {
        font-size: 48px;
    }
    .momentum-blue-streak {
        width: 100%;
        height: 2px;
        top: auto;
        bottom: 0;
        background: linear-gradient(90deg, rgba(0, 255, 203, 0.3) 0%, rgba(0, 174, 187, 0.3) 100%);
    }

    /* Section: Insights slider */
    .slider_section {
        padding: 80px 0 96px;
    }
    .slider_section_container.main_container {
        padding-left: 20px;
        padding-right: 20px;
    }
    h2.slider_section_title {
        font-size: 36px;
        line-height: 49.5px;
    }
    .slider_section_desc {
        font-size: 22.5px;
        line-height: 36px;
    }
    .insights_slider {
        /* --insights-h: clamp(260px, 52vw, 340px); */
        --insights-h: clamp(260px, 57vw, 360px);
        --insights-gap: 12px;
        --insights-page-pad: 20px;
        --insights-collapsed-w: clamp(64px, 16vw, 96px);
        --insights-expanded-w: calc(100vw - 40px);
        --insights-photo-w: clamp(160px, 46vw, 200px);
    }
    .insights_slider_viewport {
        padding-left: var(--insights-page-pad);
        padding-right: var(--insights-page-pad);
    }
    .insights_slide,
    .insights_slide_inner {
        border-radius: 20px;
    }
    .insights_slide.is-active .insights_slide_content {
        padding: 18px 18px 16px;
    }
    .insights_slide_quote_icon {
        /* left: 14px;
        top: 14px; */
        opacity: 0;
    }
    .insights_slide.is-active .insights_slide_quote_icon {
        opacity: 1;
    }
    .insights_slider_controls {
        margin-top: 18px;
    }
    /* .insights_slider_download {
        width: auto;
        min-width: 180px;
    } */

    /* Section: Contributors */
    .contributors_section {
        padding: 80px 0 96px;
    }
    .contributors_section_container.main_container {
        padding-left: 20px;
        padding-right: 20px;
    }
    h2.contributors_section_title {
        font-size: 36px;
        line-height: 49.5px;
    }
    .contributors_item {
        font-size: 14px;
        line-height: 1.55;
    }

    /* Section: AI value split */
    .ai_value_section {
        padding: 20px 0 16px;
    }
    .ai_value_section_titleblock {
        margin-bottom: 60px;
    }
    .ai_value_section_container.main_container {
        padding-left: 20px;
        padding-right: 20px;
    }
    h2.ai_value_section_title {
        font-size: 36px;
        line-height: 49.5px;
    }
    .ai_value_section_desc {
        font-size: 22.5px;
        line-height: 36px;
    }
    .ai_value_card {
        padding: 20px 22px;
    }

    /* Section: Momentum CTA */
    .momentum_cta_section {
        padding: 80px 0 96px;
    }
    .momentum_cta_section_container.main_container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .momentum_cta_card {
        padding: 28px 22px;
        min-height: 0;     
    }
    .momentum_cta_title {
        font-size: 28px;
        line-height: 1.2;
    }
    .momentum_cta_desc {
        font-size: 14px;
    }

    /* Section: Bottom hero / layout */
    .slider_section {
        padding: 40px 0 100px;
    }
    .overview_section_above_title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .main_container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .momentum_bottom_hero_section {
        position: relative;
        width: 100%;
        /* height: 1000px;
        max-height: 95vh; */
        display: flex;
        align-items: start;
        padding-top: 50px;
        padding-bottom: 680px;
        overflow: hidden;
    }
    .momentum_bottom_hero_sub_title {
        margin-bottom: 28px;
    }
}

@media (max-width: 690px) {
    /* Section: Trends preview */
    .trends_previev_percent_cell {
        font-size: 12px;
    }
    .trends_previev_chart--compact {
        box-sizing: border-box;
    }
    .trends_previev_percent_cell,
    .trends_previev_number_cell {
        min-width: 0;
    }

}
@media (max-width: 600px) {
         /* Section: Insights slider */
    .insights_slide_quote {
        padding-top: 16px !important;
    }
    .slider_section {
        padding: 40px 0 50px;
    }
    .insights_slide_meta {
        height: 70px;
    }
    .insights_slider {
        --insights-h: 600px;
        max-height: 90vh;
    }
    .insights_slider_track {
        justify-content: center;
    }
    .insights_slide {
        display: none;
    }
    .insights_slide.is-active {
        display: block;
        width: calc(100vw - 40px);
    }
    .insights_slide.is-active .insights_slide_inner {
        flex-direction: column;
    }
    .insights_slide.is-active .insights_slide_photo {
        flex-basis: 300px;
    }
    .insights_slide_quote_icon {
        top: 280px;
        left: 16px;
    }
}
@media (max-width: 550px) {
    /* Section: Layout / overview */
    .main_container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .overview_section_above_title {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

@media (max-width: 520px) {
    .ai_value_layout {
        column-gap: clamp(5px, 2vw, 24px);
    }
    /* Section: Insights slider */
    .insights_slide_quote {
        padding-top: 16px !important;
    }
    .slider_section {
        padding: 40px 0 50px;
    }
    .insights_slide_meta {
        height: 70px;
    }
    .insights_slider {
        --insights-h: 600px;
        max-height: 90vh;
    }
    /* On very small screens, show only the expanded slide. */
    .insights_slider_track {
        justify-content: center;
    }
    .insights_slide {
        display: none;
    }
    .insights_slide.is-active {
        display: block;
        width: calc(100vw - 40px);
    }
    .insights_slide.is-active .insights_slide_inner {
        flex-direction: column;
    }
    .insights_slide.is-active .insights_slide_photo {
        flex-basis: 300px;
    }
    .insights_slide_quote_icon {
        top: 280px;
        left: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    /* Section: Insights slider */
    .insights_slider_track,
    .insights_slide,
    .insights_slide_photo,
    .insights_slide_content,
    .insights_slide_quote_icon {
        transition: none !important;
    }

    /* Section: Contributors */
    .contributors_item {
        transition: none !important;
        transform: none;
        opacity: 1;
    }
}