@media (max-width: 768px) {
  #hud .dchip,
  #hud .hrow,
  .ab-beliefs,
  .ab-founders,
  .ab-roles,
  .ab-story,
  .agents-grid,
  .arch-row,
  .caps-grid,
  .case-strip,
  .cc-grid,
  .ch2-grid,
  .comp-grid,
  .comp-mrow,
  .compare-cta-row,
  .compare-row,
  .cosmos-stage-flow,
  .cosmos-stage-twin,
  .cosmos-stage-v2,
  .cosmos-strip,
  .cp-data.demo .cp-bar-row,
  .ct-grid,
  .ct-row,
  .decade-stats,
  .decode,
  .dl-grid,
  .era-cards,
  .era-head,
  .ext-extract-head,
  .ext-frame,
  .ext-row,
  .ext-solo-grid,
  .ext-solo-row,
  .feat-row,
  .feature,
  .features-grid,
  .feed-list,
  .filter-grid,
  .flow-row,
  .fo-row,
  .found-grid,
  .gc-minis,
  .global-stat-band,
  .h2h-dna-row,
  .h2h-labels,
  .h2h-metrics,
  .h2h-stage,
  .horizon,
  .hp-360-grid,
  .ht-compare-table,
  .ht-deliverable,
  .ht-half-row,
  .ht-launch-grid,
  .ht-process-payoff,
  .ht-process-track,
  .ht-process-zones,
  .ht-real,
  .ht-real-grid,
  .ht-realai,
  .ht-realai-compare,
  .ht-report-grid,
  .ht-rv-grid,
  .ht-stack-row,
  .ht-strands,
  .ht-truth-grid,
  .ht-venn-call-grid,
  .ht-venn-stage,
  .ht-where-grid,
  .htr-bar,
  .htr-demos-inner,
  .htr-driver,
  .htr-head-row,
  .htr-quotes,
  .htr-row2,
  .htr-row4,
  .htr-tease-cta,
  .htr-tease-driver,
  .htr-tease-grid,
  .humans-strip,
  .hz-scope .ms-bar,
  .intel-grid,
  .layer,
  .lc-stages,
  .lens-foot,
  .lens-labels,
  .loop-stage,
  .lpg-strip,
  .mega-item,
  .ml-axis-row,
  .mr-bar-row,
  .mr-block .mr-bar-row,
  .mr-comps-grid,
  .mr-driver-row,
  .mr-frame,
  .mr-geo-row,
  .mr-grid,
  .mr-metric-grid,
  .mr-metric-grid.mr-grid-3,
  .mr-notes-row,
  .mr-risk-row,
  .nav,
  .nav .nav-mega-grid,
  .nav .nav-mega-panel[data-cols="1"] .nav-mega-grid,
  .nav .nav-mega-panel[data-cols="2"] .nav-mega-grid,
  .nav-mega-grid,
  .nav-mega-panel[data-cols="1"] .nav-mega-grid,
  .nav-mega-panel[data-cols="2"] .nav-mega-grid,
  .nb-row,
  .p-vis .vc-row,
  .paths-grid,
  .pb-fruit,
  .pbv-dev .ds-grid,
  .pbv-dev .slate-grid,
  .pbv-dev .slate-stats,
  .pbv-mkt .mk-row,
  .pbv-rsh .rs-foot,
  .pbv-rsh .rsh-foot,
  .pf-bar-row,
  .pf-comps,
  .pillar,
  .pillar.reverse,
  .pl-stage,
  .platforms-grid,
  .playbook-grid,
  .playbook.reverse .playbook-grid,
  .pos-grid,
  .predict-grid,
  .product-grid,
  .product-grid.reverse,
  .profile-card,
  .profile-grid,
  .rail-track,
  .rc-div .dv-row,
  .rcpt-stats,
  .reads,
  .rp-grid,
  .rs-foot,
  .rtl-track,
  .rv-bar,
  .rv-driver,
  .rv-pf-row,
  .rv-scn-grid,
  .rv-skew,
  .rv-tl-axis,
  .rv-tl-row,
  .rv-vs,
  .sd-cols,
  .sdna,
  .sdna-layers .sl-band,
  .sdna-mini-stats,
  .sdna.sdna-reverse,
  .sims-grid,
  .sl-controls,
  .sm-grid,
  .snap-row,
  .snap-supports,
  .stats,
  .stats-grid,
  .steps-grid,
  .studies-grid,
  .t-grid .gr,
  .t-heatmap .hm-grid,
  .tband,
  .td-panel-drivers .vc-row,
  .td-sea,
  .team-card,
  .teams-grid,
  .tflow-macro-stats,
  .tflow-macros,
  .tflow-macros.tflow-macros-2,
  .tflow-themes,
  .tflow-themes.tflow-themes-2,
  .tflow-titles,
  .tflow-titles.tflow-titles-2,
  .thesis-grid,
  .thesis-uc,
  .thesis-uc.reverse,
  .timeline,
  .tlib,
  .tr-head-row,
  .tr-market,
  .tr-rank,
  .tr-risk,
  .tr-row2,
  .tr-row3,
  .tr-row4,
  .tr-talent,
  .trend-cards,
  .trip-2 .tr-row,
  .trip-3 .sm-grid,
  .triptych,
  .trust-stats,
  .tsw-row,
  .tv-row,
  .tv-talent,
  .tw-cats,
  .twin-corpus,
  .twin-payoff,
  .uc-comp-axis-row,
  .uc-comp-row,
  .uc-grid,
  .uc-tile-grid,
  .uc-visual .vc-comp-grid,
  .uc-visual .vc-cp-row,
  .uc-visual .vc-row,
  .uc-visual.vc-creative .vc-scn-grid,
  .uc-visual.vc-h2h .vc-h2h-row,
  .uc-visual.vc-h2h .vc-h2h-stage,
  .uc-visual.vc-strategy .vc-demo-row,
  .uc-visual.vc-strategy .vc-dna-grid,
  .uc-visual.vc-strategy .vc-pos,
  .uc-visual.vc-strategy .vc-prof-head,
  .ucv-4 .grid-vis,
  .ucv-6 .slate-mini,
  .universe-stat-band,
  .unlock-grid,
  .unlocks,
  .upb-streams,
  .use-case,
  .use-case.reverse,
  .uv-comp-axis,
  .uv-comp-row,
  .uv-score-row,
  .va-sim,
  .va-sim-row,
  .vap-tl-grid,
  .vc-cnp-aud,
  .vc-cnp-head-row,
  .vc-comp-grid,
  .vc-dna-grid,
  .vc-grid,
  .vc-h2h-row,
  .vc-h2h-stage,
  .vc-paths-grid,
  .vc-pkg-branch,
  .vc-pkg-tree,
  .vc-row,
  .vc-scn-grid,
  .vc-slate-grid,
  .vc-ws-row,
  .vf-inner,
  .vi-grid,
  .vlib-cards,
  .vs-row,
  .wf-band,
  .why,
  .wi-branches,
  .wi-grid,
  .wif-flow-row,
  .wif-scenario-card,
  .wif-sim-footer,
  .wif-sim-grid,
  .wif-sim-grid.wif-sim-grid-2col,
  .wif-tree-flow,
  .wif-tree-grid,
  .wif-var-card,
  .wif-variants {
    grid-template-columns: 1fr !important;
  }
  [style*=grid-template-columns] {
    grid-template-columns: 1fr !important;
  }
  .ext-extract-head {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "file counter" "progress progress" !important;
    row-gap: 10px !important;
  }
  .ext-extract-file {
    grid-area: file !important;
  }
  .ext-extract-counter {
    grid-area: counter !important;
  }
  .ext-extract-progress {
    grid-area: progress !important;
  }
  .cp-data.demo .cp-bar-row {
    grid-template-columns: 32px 1fr 20px !important;
  }
  .humans-strip {
    grid-template-columns: 48px 1fr !important;
    gap: 14px !important;
    padding: 18px 20px !important;
  }
  .humans-strip .humans-icon {
    width: 48px !important;
    height: 48px !important;
  }
  .humans-strip .humans-icon svg {
    width: 22px !important;
    height: 22px !important;
  }
  .hz-scope .ms-bar {
    grid-template-columns: 108px 1fr 34px !important;
    gap: 8px !important;
    font-size: 8px !important;
  }
  .hz-scope .ms-bar .bv {
    font-size: 10px !important;
  }
  .uc-visual,
  .uc-visual.td-visual,
  .uc-visual.vc-creative,
  .uc-visual.vc-h2h,
  .uc-visual.vc-strategy,
  .uc-visual.vc-concept,
  .uc-visual.vc-pkg,
  .uc-visual.vc-slate,
  .uc-visual.rchart,
  .path-card,
  .pl-dash,
  .playbook-grid,
  .show-hero,
  .show-rail,
  .unlock,
  .wi-panel,
  #cases > section.use-case .uc-visual,
  #cases > section.use-case:first-of-type .uc-visual,
  #cases > section.use-case:nth-of-type(2) .uc-visual,
  #cases > section.use-case:nth-of-type(3) .uc-visual {
    min-height: auto !important;
    height: auto !important;
  }
  h1,
  .hero h1,
  .hero-inner h1 {
    font-size: clamp(2.25rem, 9vw, 3rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }
  h2 {
    font-size: clamp(1.375rem, 5.4vw, 1.875rem) !important;
    line-height: 1.18 !important;
  }
  h3 {
    font-size: clamp(1.125rem, 4.4vw, 1.5rem) !important;
    line-height: 1.25 !important;
  }
  h4 {
    font-size: clamp(1rem, 3.8vw, 1.25rem) !important;
    line-height: 1.3 !important;
  }
  body,
  p,
  li,
  td,
  .blurb,
  .lede,
  .sub,
  .subhead,
  .origin,
  .body,
  .copy {
    font-size: clamp(1rem, 4vw, 1.0625rem) !important;
    line-height: 1.6 !important;
  }
  small,
  .caption,
  .eyebrow,
  .label,
  .kicker,
  .meta,
  .stat,
  .era,
  .tag,
  .pill {
    font-size: clamp(0.75rem, 3vw, 0.875rem) !important;
  }
  .capability-tape,
  .caps,
  .case-slate,
  .cc-panel,
  .data-layer,
  .faq,
  .features,
  .final-cta,
  .found-frame,
  .foundation,
  .hero,
  .ht-combined,
  .ht-example,
  .ht-report,
  .ht-strand,
  .ht-venn,
  .ht-where,
  .htr-section,
  .intel,
  .intel-frame,
  .lifecycle,
  .macro-stage,
  .nav,
  .paths,
  .pb-text,
  .pillar,
  .platform,
  .playbooks,
  .product-section,
  .proof,
  .scene-pane,
  .sdna,
  .sdna-vis,
  .section,
  .stats,
  .steps,
  .studies,
  .team-text,
  .triptych,
  .unlock,
  .unlock-intro,
  .unlocks,
  .use-case,
  .vc-path,
  .voice,
  .voice-frame,
  .why,
  .wrap,
  section,
  header,
  footer,
  main {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  img:not(.hero img):not(.hero-videos img),
  video:not(.hero video):not(.hero-videos video),
  svg,
  canvas,
  iframe,
  table {
    max-width: 100% !important;
    height: auto !important;
  }
  pre,
  code {
    white-space: pre-wrap !important;
    word-break: break-word !important;
  }
  [style*="width:"][style*=px] {
    max-width: 100% !important;
  }
  .hero {
    min-height: 100svh !important;
    height: auto !important;
    padding: 96px 20px 48px !important;
    display: flex !important;
    align-items: flex-end !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: left !important;
  }
  .hero-inner,
  .hero-content {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    margin-top: auto !important;
    gap: 18px !important;
    z-index: 3 !important;
    pointer-events: auto !important;
  }
  .hero .hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
    justify-content: flex-end !important;
    margin-top: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 !important;
  }
  .hero-content > *,
  .hero-inner > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero-h,
  .hero-lede,
  .hero-sub,
  .hero p,
  .hero h1 {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hero .hero-content > *,
  .hero .hero-inner > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero .hero-h,
  .hero .hero-head,
  .hero h1 {
    font-size: clamp(2.25rem, 9vw, 3rem) !important;
    line-height: 1.1 !important;
    max-width: none !important;
    width: 100% !important;
    text-wrap: wrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
  .hero .hero-h br,
  .hero h1 br {
    display: none !important;
  }
  .hero .hero-lede,
  .hero .hero-sub,
  .hero .hero-content p {
    max-width: none !important;
    width: 100% !important;
    text-wrap: wrap !important;
    font-size: clamp(1.0625rem, 4.3vw, 1.1875rem) !important;
    line-height: 1.55 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hero .hero-eyebrow,
  .hero .hero-meta-top,
  .hero .hero-content > .hero-eyebrow,
  .hero .hero-inner > .hero-eyebrow {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    align-self: flex-start !important;
    white-space: nowrap !important;
    letter-spacing: 0.18em !important;
    padding: 6px 12px !important;
  }
  .hero .hero-h,
  .hero .hero-head,
  .hero h1 {
    text-wrap: wrap !important;
    max-width: none !important;
    width: 100% !important;
  }
  .hero .hero-lede,
  .hero .hero-sub,
  .hero .hero-content p {
    text-wrap: wrap !important;
    max-width: none !important;
    width: 100% !important;
  }
  .hero-tcard,
  .hero-demos,
  .hero-globe,
  .hero-status,
  .hero-pill,
  .hero-scroll,
  #hud {
    display: none !important;
  }
  .hero-scrim {
    box-shadow: none !important;
    background:
      linear-gradient(
        to bottom,
        rgba(5, 6, 8, 0.70) 0%,
        transparent 25%,
        rgba(5, 6, 8, 0.85) 100%) !important;
  }
  .hero-textveil {
    background: none !important;
  }
  .hero-videos,
  .hero-overlay,
  .hero-scrim,
  .hero-vignette,
  .hero-textveil {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .hero-videos video,
  .hero-videos img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  nav.nav,
  .nav,
  header .nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 16px !important;
  }
  .nav .logo,
  .nav a.logo {
    flex: 0 0 auto !important;
    max-width: 100px !important;
  }
  .nav .logo img,
  .nav a.logo img,
  .nav .logo svg {
    max-width: 100px !important;
    width: 92px !important;
    height: 24px !important;
    object-fit: contain !important;
    display: block !important;
  }
  .nav .nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .nav .nav-actions,
  .nav-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
  }
  .nav .nav-actions .btn-login,
  .nav .btn-login {
    display: none !important;
  }
  .nav .nav-actions .btn-demo,
  .nav .btn-demo,
  .nav .pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }
  nav.nav .nav-burger,
  nav.nav .nav-burger.is-open,
  .nav .nav-burger,
  .nav .nav-burger.is-open,
  .nav-burger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
  }
  nav.nav .nav-burger span,
  nav.nav .nav-burger span::before,
  nav.nav .nav-burger span::after,
  .nav .nav-burger span,
  .nav .nav-burger span::before,
  .nav .nav-burger span::after {
    width: 20px !important;
    height: 1.5px !important;
    background: #fff !important;
  }
  nav.nav .nav-burger.is-open span,
  .nav .nav-burger.is-open span {
    background: transparent !important;
  }
  nav.nav .nav-burger.is-open span::before,
  .nav .nav-burger.is-open span::before {
    top: 0 !important;
    transform: rotate(45deg) !important;
  }
  nav.nav .nav-burger.is-open span::after,
  .nav .nav-burger.is-open span::after {
    top: 0 !important;
    transform: rotate(-45deg) !important;
  }
  .nav {
    z-index: 200 !important;
  }
  body:has(.mobile-menu.is-open) .nav,
  body:has(#mobileMenu.is-open) .nav {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  .mobile-menu {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    border-left: 0 !important;
    padding: 76px 18px 32px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 0 !important;
  }
  .mobile-menu .mm-acc {
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  }
  .mobile-menu .mm-acc-toggle {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 450 !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    padding: 16px 4px !important;
    cursor: pointer !important;
  }
  .mobile-menu .mm-chev {
    width: 9px !important;
    height: 9px !important;
    border-right: 1.5px solid rgba(255, 255, 255, .55) !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, .55) !important;
    transform: rotate(45deg) !important;
    transition: transform .25s ease !important;
    margin-right: 4px !important;
    flex: 0 0 auto !important;
  }
  .mobile-menu .mm-acc.is-open .mm-chev {
    transform: rotate(-135deg) !important;
  }
  .mobile-menu .mm-acc-panel {
    display: none !important;
    padding: 0 0 10px !important;
  }
  .mobile-menu .mm-acc.is-open .mm-acc-panel {
    display: block !important;
  }
  .mobile-menu .mm-acc-panel a {
    display: block !important;
    padding: 10px 4px 10px 16px !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, .68) !important;
    border-bottom: 0 !important;
    border-radius: 8px !important;
  }
  .mobile-menu .mm-group {
    font-family: var(--mono, "Geist Mono", monospace) !important;
    font-size: 9px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .4) !important;
    padding: 14px 4px 4px 16px !important;
  }
  .mobile-menu a.mm-top {
    display: block !important;
    font-size: 17px !important;
    font-weight: 450 !important;
    letter-spacing: -0.01em !important;
    color: #fff !important;
    padding: 16px 4px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  }
  .mobile-menu .mm-acc .mm-acc-toggle,
  .mobile-menu .mm-acc-toggle,
  .mobile-menu .mm-acc-toggle span:not(.mm-chev),
  .mobile-menu a.mm-top,
  .mobile-menu > a.mm-top {
    color: #fff !important;
    font-weight: 450 !important;
    font-size: 17px !important;
    opacity: 1 !important;
  }
  .mobile-menu .mm-section,
  .mobile-menu .mm-group {
    color: var(--soft) !important;
  }
  .mobile-menu .mm-acc .mm-acc-toggle,
  .mobile-menu button.mm-acc-toggle,
  .mobile-menu .mm-acc:first-child .mm-acc-toggle,
  .mobile-menu .mm-acc:first-of-type .mm-acc-toggle,
  .mobile-menu .mm-acc-toggle * {
    color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-text-fill-color: #fff !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
  .mobile-menu .mm-acc-toggle .mm-chev {
    transform: rotate(45deg) !important;
    -webkit-text-fill-color: initial !important;
  }
  .mobile-menu .mm-acc.is-open .mm-acc-toggle .mm-chev {
    transform: rotate(-135deg) !important;
  }
  header.hero .hero-mission,
  .hero .hero-mission {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    order: 2 !important;
    margin-top: 28px !important;
    padding: 14px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
    background:
      linear-gradient(
        180deg,
        rgba(5, 8, 30, 0.55),
        rgba(14, 17, 51, 0.85)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    justify-content: flex-start !important;
    text-align: left !important;
    opacity: 1 !important;
    animation: none !important;
  }
  header.hero .hero-mission .bar,
  .hero .hero-mission .bar {
    display: none !important;
  }
  header.hero .hero-mission .label,
  .hero .hero-mission .label {
    display: block !important;
    width: 100% !important;
  }
  header.hero .hero-mission .text,
  .hero .hero-mission .text {
    display: block !important;
    width: 100% !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    flex-basis: auto !important;
  }
  body:has(.hero-mission) .hero {
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
  }
  body:has(.hero-mission) .hero .hero-content {
    margin-top: auto !important;
    order: 1 !important;
  }
  body:has(.hero-mission) header.hero {
    margin-top: 0 !important;
    height: auto !important;
  }
  body:has(.hero-mission) header.hero .hero-videos,
  body:has(.hero-mission) .hero .hero-videos {
    background-color: #0d1132 !important;
  }
  body:has(.hero-mission) header.hero .hero-vid,
  body:has(.hero-mission) .hero .hero-vid,
  body:has(.hero-mission) header.hero .hero-vid.active {
    object-fit: contain !important;
    object-position: center !important;
    background-color: #0d1132 !important;
    animation: none !important;
    transform: none !important;
  }
  body:has(.resources-lib) .vintro {
    padding: 88px 20px 32px !important;
    min-height: auto !important;
    height: auto !important;
  }
  .resources-lib .ctabs,
  #library .ctabs {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #library .vi-grid {
    gap: 20px !important;
  }
  #library .vi-card {
    padding: 0 16px 16px !important;
  }
  #library .vi-card .vi-img {
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
    max-width: none !important;
  }
  .hiw-scene {
    min-height: auto !important;
    padding: 56px 20px 40px 20px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  .hiw-progress {
    display: none !important;
  }
  .hiw-pane {
    padding: 20px 16px !important;
  }
  .hiw-scene .hiw-head,
  .hiw-head {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .article .ar-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    font-size: 12px !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 16px !important;
    color: var(--teal) !important;
  }
  .article .ar-meta .sep {
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: rgba(14, 17, 51, 0.25) !important;
    flex-shrink: 0 !important;
    align-self: center !important;
  }
  .article .ar-meta .tag {
    color: rgba(14, 17, 51, 0.55) !important;
  }
  .article .ar-body h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
  .article .ar-share {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: stretch !important;
    margin-top: 32px !important;
    padding-top: 24px !important;
  }
  .article .ar-share > span {
    width: 100% !important;
    font-size: 10px !important;
    margin-bottom: 4px !important;
  }
  .article .ar-share a {
    flex: 1 1 calc(50% - 5px) !important;
    min-width: 0 !important;
    text-align: center !important;
    padding: 12px 14px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-left: 0 !important;
  }
  .vfooter .vf-brand {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .vf-brand.vf-brand a img[alt=VaultAI],
  .vf-brand.vf-brand img[alt=VaultAI] {
    height: 26px !important;
    width: auto !important;
    max-width: 140px !important;
    display: block !important;
    margin: 0 !important;
  }
  .rails-heading-wrap {
    padding: 0 20px 32px !important;
  }
  .rails-heading {
    font-size: 34px !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }
  section.uc-tiles .uc-tile-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  section.uc-tiles .uc-tile {
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
  }
  section.uc-tiles .uc-tile-desc {
    display: none !important;
  }
  section.uc-tiles .uc-tile-idx,
  section.uc-tiles .uc-tile-cat {
    padding: 10px 12px 0 !important;
    font-size: 7px !important;
  }
  section.uc-tiles .uc-tile-viz {
    position: relative !important;
    height: 72px !important;
    width: 100% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    margin: 8px 0 0 !important;
  }
  section.uc-tiles .uc-tile-viz svg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  section.uc-tiles .uc-tile-name {
    padding: 10px 12px 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  section.uc-tiles .uc-tile-out {
    display: block !important;
    padding: 8px 12px 12px !important;
    font-size: 6.5px !important;
    line-height: 1.3 !important;
    margin-top: auto !important;
  }
  section.uc-tiles .uc-tile-out b {
    display: block !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    padding-top: 3px !important;
  }
  .hiw-scene .ct-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .hiw-scene .ct-card {
    padding: 12px 10px !important;
    min-height: 0 !important;
  }
  .hiw-scene .ct-icon {
    width: 22px !important;
    height: 22px !important;
  }
  .hiw-scene .ct-name {
    font-size: 12.5px !important;
  }
  .hiw-scene .ct-meta {
    font-size: 9px !important;
  }
  .hiw-scene .ext-chips,
  .hiw-scene .ext-solo-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: flex-start !important;
  }
  .hiw-scene .ext-chip {
    font-size: 10px !important;
    padding: 4px 8px !important;
    white-space: nowrap !important;
  }
  .hiw-scene .ext-row-l {
    flex: 0 0 100% !important;
    font-size: 9px !important;
    margin-bottom: 2px !important;
  }
  .hiw-scene .ext-solo-grid {
    position: relative !important;
    max-height: 320px !important;
    overflow: hidden !important;
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        #000 78%,
        transparent 100%) !important;
    mask-image:
      linear-gradient(
        to bottom,
        #000 78%,
        transparent 100%) !important;
  }
  .hiw-scene .pred-stage {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
  }
  .hiw-scene .pred-canvas,
  .hiw-scene .pred-bg-lines,
  .hiw-scene .pred-bg-titles,
  .hiw-scene .pred-subgenre,
  .hiw-scene .pred-vault {
    display: none !important;
  }
  .hiw-scene .pred-orbit {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    animation: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding: 10px !important;
    opacity: 1 !important;
    aspect-ratio: auto !important;
  }
  .hiw-scene .pred-orbit > div:first-child {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }
  .hiw-scene .po-name {
    font-size: 12.5px !important;
    text-align: left !important;
    line-height: 1.2 !important;
  }
  .hiw-scene .po-meta {
    font-size: 8.5px !important;
    opacity: 0.75 !important;
  }
  .hiw-scene .po-score {
    font-size: 13px !important;
    flex: 0 0 auto !important;
  }
  .hiw-scene .pred-stat-strip {
    grid-column: 1 / -1 !important;
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    margin-top: 6px !important;
  }
  .hiw-scene .mr-comps-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .hiw-scene .mr-comps-grid > .mr-comp:nth-child(n+7) {
    display: none !important;
  }
  .hiw-scene .mr-comp-poster {
    height: 92px !important;
  }
  .hiw-scene .mr-comp-poster-name {
    font-size: 10px !important;
  }
  .hiw-scene .mr-comp-meta {
    font-size: 9px !important;
  }
  .hiw-scene .mr-comps-strip {
    overflow: hidden !important;
  }
  .hiw-scene .mr-comp {
    min-width: 0 !important;
  }
  .hiw-scene .mr-driver-row {
    display: grid !important;
    grid-template-columns: 1fr auto 30px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .hiw-scene .mr-geo-row,
  .hiw-scene .mr-talent-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .hiw-scene .mr-geo-flag {
    flex: 0 0 auto !important;
  }
  .hiw-scene .mr-geo-l {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .hiw-scene .mr-metric-card .mr-driver-row:nth-of-type(n+8),
  .hiw-scene .mr-metric-card .mr-geo-row:nth-of-type(n+8) {
    display: none !important;
  }
  .hiw-scene .wif-variants,
  .hiw-scene .wif-scenario-card,
  .hiw-scene .wif-sim-grid {
    gap: 10px !important;
  }
  .hiw-scene .wif-sim-grid.wif-sim-grid-2col > * {
    min-width: 0 !important;
  }
  .hiw-scene .wif-scenario-card {
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 10px !important;
  }
  .hiw-scene .wif-tree-svg {
    display: none !important;
  }
  .hiw-scene .wif-tree-flow {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-height: 0 !important;
  }
  .hiw-scene .wif-tree-anchor {
    min-height: 90px !important;
  }
  .hiw-scene .wif-tree-scenarios {
    display: grid !important;
    grid-template-rows: repeat(3, 1fr) !important;
    gap: 10px !important;
  }
  .hiw-scene .wif-scenario-card {
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 10px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .hiw-scene .wif-scenario-card.A .wif-scenario-desc {
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .hiw-scene .wif-scenario-card.A .wif-mini-v {
    display: none !important;
  }
  .hiw-pane {
    padding: 16px !important;
  }
  .hiw-rail .hiw-scene + .hiw-scene {
    margin-top: 48px !important;
  }
  .hiw-scene {
    margin-bottom: 48px !important;
  }
  .flow-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: relative !important;
  }
  .flow-row::before {
    content: "" !important;
    position: absolute !important;
    left: 20px !important;
    right: auto !important;
    top: 20px !important;
    bottom: 20px !important;
    width: 1px !important;
    height: auto !important;
    background: rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
    z-index: 0 !important;
  }
  .flow-step {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    align-items: start !important;
    text-align: left !important;
    gap: 2px 14px !important;
    padding: 14px 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .flow-node {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    flex: 0 0 auto !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }
  .flow-step-num,
  .flow-step-name,
  .flow-step-blurb {
    grid-column: 2 !important;
    text-align: left !important;
    min-width: 0 !important;
  }
  .flow-step-num {
    font-size: 10px !important;
  }
  .flow-step-name {
    font-size: 14px !important;
  }
  .flow-step-blurb {
    font-size: 12px !important;
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  .uc-visual.vc-h2h .vc-h2h-stage,
  .vc-h2h-stage {
    display: grid !important;
    grid-template-columns: 1fr 44px 1fr !important;
    gap: 8px !important;
    align-items: center !important;
  }
  .uc-visual.vc-h2h .vc-h2h-poster {
    width: 100% !important;
  }
  .uc-visual.vc-h2h .vc-h2h-vs {
    padding-top: 0 !important;
  }
  .uc-visual.vc-h2h .vc-h2h-vs-line {
    display: none !important;
  }
  .uc-visual.vc-h2h .vc-h2h-vs-text {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 11px !important;
  }
  .uc-visual.vc-h2h .vc-h2h-name {
    font-size: 13px !important;
  }
  .uc-visual.vc-h2h .vc-h2h-tag {
    font-size: 8.5px !important;
    letter-spacing: 0.12em !important;
  }
  .uc-visual.vc-h2h .vc-h2h-row,
  .vc-h2h-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2px 12px !important;
    padding: 10px 0 !important;
    align-items: baseline !important;
  }
  .uc-visual.vc-h2h .vc-h2h-row .vc-h2h-metric {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    font-size: 9.5px !important;
    letter-spacing: 0.14em !important;
    text-align: left !important;
  }
  .uc-visual.vc-h2h .vc-h2h-row .vc-h2h-mine {
    grid-column: 1 !important;
    grid-row: 2 !important;
    text-align: left !important;
    font-size: 15px !important;
  }
  .uc-visual.vc-h2h .vc-h2h-row .vc-h2h-theirs {
    grid-column: 2 !important;
    grid-row: 2 !important;
    text-align: right !important;
    font-size: 15px !important;
  }
  .uc-visual.vc-h2h .vc-h2h-compare {
    padding: 10px 12px !important;
  }
  .uc-visual .vc-cp-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 12px !important;
    width: 100% !important;
  }
  .uc-visual .vc-cp-body {
    width: 100% !important;
    min-width: 0 !important;
  }
  .uc-visual .vc-cp-h,
  .uc-visual .vc-cp-sub {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .uc-visual .vc-cp-lift {
    align-self: flex-end !important;
    text-align: right !important;
    min-width: 0 !important;
  }
  .uc-visual.vc-h2h,
  .uc-visual.vc-h2h * {
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  .mstage {
    padding: 16px 14px 16px !important;
    overflow: hidden !important;
  }
  .mstage .ms-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    max-width: 100% !important;
    padding-bottom: 2px !important;
    margin-bottom: 14px !important;
  }
  .mstage .ms-tabs::-webkit-scrollbar {
    display: none !important;
  }
  .mstage .ms-tab {
    flex: 0 0 auto !important;
    font-size: 11px !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
  }
  .mstage .ms-head {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 16px !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }
  .mstage .ms-head .sep {
    display: none !important;
  }
  .mstage .ms-chart {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    position: static !important;
  }
  .mstage .ms-svg {
    order: 1 !important;
    width: 100% !important;
    height: 260px !important;
    max-height: 260px !important;
    display: block !important;
  }
  .mstage .ms-marker {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: baseline !important;
    gap: 2px 10px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    font-size: 10px !important;
  }
  .mstage .ms-marker .mk-l {
    grid-column: 1 !important;
    font-size: 8.5px !important;
    margin: 0 !important;
  }
  .mstage .ms-marker .mk-v {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 16px !important;
  }
  .mstage .ms-marker .mk-s {
    grid-column: 1 / -1 !important;
    font-size: 9px !important;
    margin-top: 2px !important;
  }
  .mstage .ms-axis {
    order: 3 !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 2px !important;
    font-size: 0 !important;
    margin-top: 6px !important;
  }
  .mstage .ms-axis span b {
    font-size: 8.5px !important;
    margin: 0 !important;
  }
  .mstage .ms-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 14px !important;
    font-size: 9px !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
  }
  .mstage .ms-legend i {
    font-size: 9px !important;
  }
}
@media (max-width: 768px) {
  .hiw-scene .ct-grid > .ct-card:nth-child(9),
  .hiw-scene .ct-grid > .ct-card:nth-child(10) {
    display: none !important;
  }
  .hiw-scene .ext-solo-grid {
    max-height: none !important;
    overflow: visible !important;
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        #000 94%,
        transparent 100%) !important;
    mask-image:
      linear-gradient(
        to bottom,
        #000 94%,
        transparent 100%) !important;
  }
  .hiw-scene .ext-solo-row .ext-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .hiw-scene .ext-solo-row .ext-chip:nth-of-type(n+4):not(.ec-more) {
    display: none !important;
  }
  .hiw-scene .ext-solo-row .ext-chip.ec-more {
    flex: 0 0 100% !important;
    background: none !important;
    border: none !important;
    padding: 2px 0 0 !important;
    font-size: 0 !important;
    letter-spacing: 0.08em !important;
    opacity: 0.72 !important;
  }
  .hiw-scene .ext-solo-row .ext-chip.ec-more::after {
    font-size: 10px !important;
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      monospace !important;
    letter-spacing: 0.06em !important;
  }
  .hiw-scene .ext-solo-row[data-cat=characters] .ec-more::after {
    content: "+32 more";
  }
  .hiw-scene .ext-solo-row[data-cat=themes] .ec-more::after {
    content: "+39 more";
  }
  .hiw-scene .ext-solo-row[data-cat=plot] .ec-more::after {
    content: "+44 more";
  }
  .hiw-scene .ext-solo-row[data-cat=subgenres] .ec-more::after {
    content: "+22 more";
  }
  .hiw-scene .mr-comps-grid,
  .mr-dash .mr-comps-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    grid-template-columns: none !important;
  }
  .mr-dash .mr-comps-grid > .mr-comp {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: block !important;
  }
  .mr-dash .mr-comp-poster {
    height: 82px !important;
    width: 100% !important;
  }
  .mr-dash .mr-comp-poster-name {
    font-size: 7.5px !important;
    line-height: 1.15 !important;
  }
  .mr-dash .mr-comp-meta {
    display: block !important;
    text-align: center !important;
    margin-top: 4px !important;
  }
  .mr-dash .mr-comp-meta-l {
    display: none !important;
  }
  .mr-dash .mr-comp-pct {
    font-size: 11px !important;
    text-align: center !important;
  }
  .mr-dash .mr-comp-bar {
    display: none !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.audience::after,
  .hiw-scene .mr-dash .mr-metric-card.drivers::after,
  .hiw-scene .mr-dash .mr-metric-card.talent::after,
  .hiw-scene .mr-dash .mr-metric-card.geo::after,
  .hiw-scene .mr-dash .mr-metric-card.risks::after,
  .hiw-scene .mr-dash .mr-metric-card.actions::after {
    content: "+2 more";
    display: block !important;
    margin-top: 8px !important;
    font-size: 10px !important;
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      monospace !important;
    letter-spacing: 0.06em !important;
    opacity: 0.55 !important;
  }
  .hiw-scene .wif-sim-question {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 2px 0 2px 12px !important;
    background: none !important;
    border: none !important;
    border-left: 2px solid var(--amber-light, #f0b56b) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }
  .hiw-scene .wif-sim-col.predictions .wif-pred-section-h,
  .hiw-scene .wif-sim-col.predictions .wif-pred-row {
    display: none !important;
  }
  .hiw-scene .mr-dash {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 10px !important;
  }
  .hiw-scene .mr-dash .mr-comps-strip {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  .hiw-scene .mr-dash .mr-metric-grid {
    display: contents !important;
    grid-template-columns: none !important;
  }
  .hiw-scene .mr-dash .mr-metric-grid .mr-metric-card {
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.geo {
    grid-column: auto !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.geo .mr-metric-h,
  .hiw-scene .mr-dash .mr-metric-card.audience .mr-metric-h,
  .hiw-scene .mr-dash .mr-metric-card.drivers .mr-metric-h,
  .hiw-scene .mr-dash .mr-metric-card.talent .mr-metric-h {
    font-size: 9.5px !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 4px !important;
  }
  .hiw-scene .mr-dash .mr-geo-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    width: 100% !important;
  }
  .hiw-scene .mr-dash .mr-geo-flag {
    display: none !important;
  }
  .hiw-scene .mr-dash .mr-geo-l {
    font-size: 10px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .hiw-scene .mr-dash .mr-geo-v {
    font-size: 12px !important;
    flex: 0 0 30px !important;
    text-align: right !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.drivers {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.audience .mr-driver-row,
  .hiw-scene .mr-dash .mr-metric-card.drivers .mr-driver-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 16px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 6px 3px !important;
    width: 100% !important;
    padding: 3px 0 !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.audience .mr-driver-l {
    grid-row: 1 !important;
    grid-column: 1 / 2 !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.drivers .mr-driver-l {
    grid-row: 1 !important;
    grid-column: 1 / 2 !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.audience .mr-driver-v,
  .hiw-scene .mr-dash .mr-metric-card.drivers .mr-driver-v {
    grid-row: 1 !important;
    grid-column: 2 / 3 !important;
    font-size: 12px !important;
    text-align: right !important;
    justify-self: end !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.audience .mr-driver-bar-wrap,
  .hiw-scene .mr-dash .mr-metric-card.drivers .mr-driver-bar-wrap {
    grid-row: 2 !important;
    grid-column: 1 / 3 !important;
    min-width: 0 !important;
    height: 4px !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.talent {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  .hiw-scene .mr-dash .mr-talent-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    width: 100% !important;
    padding: 3px 0 !important;
  }
  .hiw-scene .mr-dash .mr-talent-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .hiw-scene .mr-dash .mr-talent-name {
    font-size: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .hiw-scene .mr-dash .mr-talent-sub {
    font-size: 9px !important;
    opacity: 0.7 !important;
  }
  .hiw-scene .mr-dash .mr-talent-lift {
    font-size: 12px !important;
    flex: 0 0 34px !important;
    text-align: right !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.fresh,
  .hiw-scene .mr-dash .mr-metric-card.market {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 12px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.fresh .mr-metric-h,
  .hiw-scene .mr-dash .mr-metric-card.market .mr-metric-h {
    font-size: 9.5px !important;
    letter-spacing: 0.08em !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    text-align: left !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.fresh .mr-score-big,
  .hiw-scene .mr-dash .mr-metric-card.market .mr-score-big {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.fresh .mr-score-num,
  .hiw-scene .mr-dash .mr-metric-card.market .mr-score-num {
    font-size: 40px !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.fresh .mr-score-tag,
  .hiw-scene .mr-dash .mr-metric-card.market .mr-score-tag {
    font-size: 8.5px !important;
    letter-spacing: 0.1em !important;
    padding: 5px 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.fresh .mr-score-tag {
    font-size: 8px !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.fresh .mr-score-detail,
  .hiw-scene .mr-dash .mr-metric-card.market .mr-score-detail {
    display: none !important;
  }
  .hiw-scene .mr-dash .mr-metric-card.audience .mr-driver-row:nth-of-type(n+4),
  .hiw-scene .mr-dash .mr-metric-card.drivers .mr-driver-row:nth-of-type(n+4),
  .hiw-scene .mr-dash .mr-metric-card.talent .mr-talent-row:nth-of-type(n+4),
  .hiw-scene .mr-dash .mr-metric-card.geo .mr-geo-row:nth-of-type(n+4) {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .intel-frame .intel-axis {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 8px !important;
    align-items: center !important;
  }
  .intel-frame .intel-axis .intel-axis-l,
  .intel-frame .intel-axis-l,
  .intel-frame .intel-axis-l.pre,
  .intel-frame .intel-axis-l.post {
    font-size: 9px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.05em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 40% !important;
  }
  .intel-frame .intel-axis-l.pre {
    justify-self: start !important;
  }
  .intel-frame .intel-axis-l.post {
    justify-self: end !important;
    text-align: right !important;
  }
  .intel-frame .intel-axis-vs {
    font-size: 9px !important;
  }
  .intel-frame .intel-timeline {
    width: 100% !important;
  }
  .intel-frame .intel-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto auto !important;
    grid-auto-flow: column !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    gap: 10px !important;
  }
  .intel-frame .intel-grid .intel-card {
    padding: 18px 10px 12px !important;
    gap: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 14px !important;
    align-self: start !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  .intel-frame .intel-grid .intel-card .intel-tag,
  .intel-frame .intel-card .intel-tag {
    font-size: 8px !important;
    padding: 4px 7px !important;
    letter-spacing: 0.04em !important;
    left: 50% !important;
    right: auto !important;
    top: -11px !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    white-space: nowrap !important;
    max-width: 96% !important;
    margin: 0 !important;
  }
  .intel-frame .intel-grid .intel-card .intel-q,
  .intel-frame .intel-card .intel-q {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    display: block !important;
    -webkit-line-clamp: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    margin: 0 0 12px !important;
  }
  .intel-frame .intel-grid .intel-card .intel-mini,
  .intel-frame .intel-card .intel-mini {
    padding: 8px !important;
    gap: 4px !important;
    margin-top: 0 !important;
  }
  .intel-frame .intel-card .intel-mini > .intel-mini-l {
    display: none !important;
  }
  .intel-frame .intel-card .intel-mini > *:nth-child(n+3) {
    display: block !important;
  }
  .intel-frame .intel-card .intel-mini > *:nth-child(n+4) {
    display: none !important;
  }
  .intel-frame .intel-card .intel-mini > .intel-mini-row {
    display: flex !important;
    font-size: 11px !important;
    padding: 0 !important;
    border: none !important;
    gap: 6px !important;
  }
  .intel-frame .intel-card .intel-mini > .intel-mini-row .l {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .intel-frame .intel-card .intel-mini > .intel-mini-pill {
    font-size: 9.5px !important;
    padding: 3px 7px !important;
  }
  .intel-frame .intel-card .intel-mini > .intel-spark {
    height: 24px !important;
  }
  .intel-frame .intel-card .intel-mini > .intel-mini-bars {
    height: 38px !important;
  }
  .intel-frame .intel-card .intel-mini > .intel-mini-hero {
    margin: 0 !important;
  }
  .intel-frame .intel-card .intel-mini > .intel-mini-hero .hero-num {
    font-size: 22px !important;
  }
  .intel-frame .intel-axis .intel-axis-l,
  .intel-frame .intel-axis-l,
  .intel-frame .intel-axis-l.pre,
  .intel-frame .intel-axis-l.post {
    font-size: 11.25px !important;
    letter-spacing: 0.02em !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto !important;
    overflow: hidden !important;
  }
  .intel-frame .intel-axis .intel-axis-l.pre {
    text-align: left !important;
  }
  .intel-frame .intel-axis .intel-axis-l.post {
    text-align: right !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(1) .intel-mini > *:nth-child(n+2) {
    display: flex !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(1) .intel-mini > .intel-mini-row {
    font-size: 11px !important;
    justify-content: space-between !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(1) .intel-mini > .intel-mini-row .l {
    font-size: 9.5px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(1) .intel-mini > .intel-mini-row .v {
    margin-left: auto !important;
    text-align: right !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(2) .intel-q {
    font-size: 11.5px !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(2) .intel-mini > .intel-mini-pill:nth-child(2),
  .intel-frame .intel-grid .intel-card:nth-child(2) .intel-mini > .intel-mini-pill:nth-child(3) {
    white-space: nowrap !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(2) .intel-mini > .intel-mini-pill:nth-child(2) .dot,
  .intel-frame .intel-grid .intel-card:nth-child(2) .intel-mini > .intel-mini-pill:nth-child(3) .dot {
    display: none !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(3) .intel-mini > .intel-mini-row .l {
    font-size: 0 !important;
    white-space: nowrap !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(3) .intel-mini > .intel-mini-row:nth-child(2) .l::before {
    content: "Cut B";
  }
  .intel-frame .intel-grid .intel-card:nth-child(3) .intel-mini > .intel-mini-row:nth-child(3) .l::before {
    content: "Cut C";
  }
  .intel-frame .intel-grid .intel-card:nth-child(3) .intel-mini > .intel-mini-row:nth-child(4) .l::before {
    content: "Cut A";
  }
  .intel-frame .intel-grid .intel-card:nth-child(3) .intel-mini > .intel-mini-row .l::before {
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(3) .intel-mini > .intel-mini-row .v {
    margin-left: auto !important;
    text-align: right !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(4) .intel-tag,
  .intel-frame .intel-card:nth-child(4) .intel-tag {
    font-size: 0 !important;
    max-width: none !important;
    width: auto !important;
    padding: 4px 8px !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(4) .intel-tag::before {
    content: "CAMPAIGN OPTIMIZATION";
    font-size: 7.5px !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(5) .intel-mini > .intel-mini-hero {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(5) .intel-mini > .intel-mini-hero .hero-l {
    font-size: 9px !important;
    white-space: nowrap !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(5) .intel-mini > .intel-mini-row .l {
    font-size: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(5) .intel-mini > .intel-mini-row .l::before {
    content: "F 25-49";
    font-size: 11px !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(5) .intel-mini > .intel-mini-row .v {
    margin-left: auto !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(6) .intel-mini > .intel-mini-cta {
    font-size: 0 !important;
    line-height: 1.35 !important;
  }
  .intel-frame .intel-grid .intel-card:nth-child(6) .intel-mini > .intel-mini-cta::before {
    content: "3 TITLES\a F 35+ PULL";
    white-space: pre !important;
    font-size: 9.5px !important;
    letter-spacing: 0.04em !important;
    display: block !important;
  }
  .uc-visual.vc-strategy .vc-prof-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
  }
  .uc-visual.vc-strategy .vc-prof-poster,
  .uc-visual.vc-strategy .vc-prof-poster.vc-poster-noir {
    width: 108px !important;
    height: 162px !important;
    max-height: 162px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
  }
  .uc-visual.vc-strategy .vc-prof-poster img {
    object-fit: cover !important;
    height: 100% !important;
  }
  .uc-visual.vc-strategy .vc-prof-info {
    width: 100% !important;
    text-align: center !important;
    align-items: center !important;
  }
  .uc-visual.vc-strategy .vc-prof-info .vc-prof-l,
  .uc-visual.vc-strategy .vc-prof-info .vc-prof-name,
  .uc-visual.vc-strategy .vc-prof-info .vc-prof-meta {
    text-align: center !important;
  }
  .uc-visual.vc-strategy .vc-prof-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  .uc-visual.vc-strategy .vc-prof-section .vc-demo-row,
  .uc-visual.vc-strategy .vc-demo-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    min-height: 0 !important;
  }
  .uc-visual.vc-strategy .vc-demo-primary {
    flex: 0 0 auto !important;
    gap: 6px !important;
    padding: 0 !important;
  }
  .uc-visual.vc-strategy .vc-demo-num {
    font-size: 24px !important;
    line-height: 1 !important;
  }
  .uc-visual.vc-strategy .vc-demo-name {
    font-size: 10px !important;
  }
  .uc-visual.vc-strategy .vc-demo-tag {
    font-size: 7.5px !important;
    padding: 2px 5px !important;
  }
  .uc-visual.vc-strategy .vc-demo-side {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .uc-visual.vc-strategy .vc-demo-side-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1px !important;
    padding: 0 !important;
    border-bottom: none !important;
    min-width: 0 !important;
  }
  .uc-visual.vc-strategy .vc-demo-side-row .l {
    font-size: 9px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
  .uc-visual.vc-strategy .vc-demo-side-row .v {
    font-size: 15px !important;
    line-height: 1.1 !important;
  }
  .uc-visual.vc-strategy .vc-dna-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .uc-visual.vc-strategy .vc-dna {
    width: auto !important;
    flex: 0 1 auto !important;
    font-size: 10.5px !important;
    padding: 5px 9px !important;
    white-space: nowrap !important;
  }
  .uc-visual.vc-strategy .vc-pos {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }
  .uc-visual.vc-strategy .vc-pos:not(.vc-pos-winner) .vc-pos-sub {
    display: none !important;
  }
  .uc-visual.vc-strategy .vc-pos:not(.vc-pos-winner) .vc-pos-name {
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .uc-visual.vc-strategy .vc-pos:not(.vc-pos-winner) .vc-pos-score {
    font-size: 13px !important;
  }
  .uc-visual.vc-h2h .vc-h2h-side .vc-h2h-name,
  .uc-visual.vc-h2h .vc-h2h-side .vc-h2h-tag {
    text-align: center !important;
  }
  .uc-visual.vc-h2h .vc-h2h-compare {
    position: relative !important;
    overflow: hidden !important;
  }
  .uc-visual.vc-h2h .vc-h2h-compare::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 1px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    pointer-events: none !important;
  }
  .uc-visual.vc-h2h .vc-h2h-row .vc-h2h-metric {
    text-align: center !important;
  }
  .uc-visual.vc-h2h .vc-h2h-row .vc-h2h-mine {
    text-align: left !important;
  }
  .uc-visual.vc-h2h .vc-h2h-row .vc-h2h-theirs {
    text-align: right !important;
  }
  .uc-visual.vc-creative .vc-scn-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .uc-visual.vc-creative .vc-scn {
    min-width: 0 !important;
    padding: 12px 10px !important;
    gap: 6px !important;
  }
  .uc-visual.vc-creative .vc-scn-name {
    font-size: 12px !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .uc-visual.vc-creative .vc-scn-lift {
    font-size: 18px !important;
  }
  .uc-visual.vc-creative .vc-scn-grid > .vc-cp,
  .uc-visual.vc-creative .vc-scn-grid > .vc-cp-row {
    grid-column: 1 / -1 !important;
  }
  .vap-tl-eyebrow {
    white-space: nowrap !important;
  }
  .vap-tl-section .vap-tl-item .vap-tl-stat {
    white-space: nowrap !important;
    font-size: 9px !important;
    letter-spacing: 0.12em !important;
    padding: 5px 10px !important;
    width: auto !important;
    max-width: 100% !important;
  }
  .pillar .p-vis {
    aspect-ratio: auto !important;
    height: auto !important;
    overflow: visible !important;
    padding: 18px !important;
  }
  .p-vis > div:nth-of-type(2) {
    gap: 8px !important;
  }
  .stack-layer {
    padding: 10px 14px !important;
    gap: 3px !important;
  }
  .stack-layer-title {
    font-size: 13.5px !important;
  }
  .stack-layer-desc {
    font-size: 10.5px !important;
    line-height: 1.4 !important;
  }
  .stack-northstar {
    padding: 8px 12px !important;
    font-size: 9.5px !important;
  }
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens .cosmos-converge,
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens .cosmos-stars,
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens .cs-center-spacer,
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens .cosmos-watermark,
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens .cosmos-coord {
    display: none !important;
  }
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 0 !important;
  }
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens .cosmos-side {
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow-y: visible !important;
  }
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens .cosmos-herolabel {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 0 20px !important;
    margin-top: 0 !important;
  }
  .cosmos-stage.cosmos-stage-v2.cosmos-stage-lens .cs-tag-row {
    gap: 5px !important;
  }
  .vsmodel .vs-table .vs-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
  }
  .vsmodel .vs-table .vs-row.head > div:first-child {
    display: none !important;
  }
  .vsmodel .vs-table .vs-row .vs-rowlabel {
    grid-column: 1 / -1 !important;
    font-size: 11px !important;
    padding: 12px 12px 6px !important;
  }
  .vsmodel .vs-table .vs-row > div {
    padding: 12px !important;
    font-size: 13.5px !important;
  }
  .vsmodel .vs-table .vs-row .vs-vaultcell {
    border-left: 1px solid rgba(15, 211, 224, 0.20) !important;
    background: rgba(15, 211, 224, 0.04) !important;
  }
  .ht-paths .ht-paths-badges,
  .ht-paths-badges {
    display: none !important;
  }
  .ht-real .ht-real-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
  }
  .ht-real .ht-real-grid .ht-chip:nth-of-type(n+13) {
    display: none !important;
  }
  .ht-real .ht-real-grid .ht-chip {
    padding: 8px 18px 8px 8px !important;
    gap: 8px !important;
  }
  .ht-real .ht-real-grid .ht-chip .ht-chip-avatar {
    width: 26px !important;
    height: 26px !important;
    font-size: 9px !important;
  }
  .ht-real .ht-real-grid .ht-chip .ht-chip-meta {
    font-size: 10px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }
  .ht-real .ht-real-grid .ht-chip .ht-chip-meta br + *,
  .ht-real .ht-real-grid .ht-chip .ht-chip-meta {
    letter-spacing: 0 !important;
  }
  .ht-real .ht-real-grid::after {
    content: "+ MORE";
    grid-column: 1 / -1;
    font-family: "Geist Mono", monospace;
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    padding: 4px 2px 0;
  }
  .ht-real .ht-real-visual-head .ht-real-visual-live::before {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    max-width: 6px !important;
    max-height: 6px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .ht-real .ht-real-grid .ht-chip .ht-chip-verified {
    width: 6px !important;
    height: 6px !important;
    top: 6px !important;
    right: 6px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
  }
  .ht-venn .ht-venn-svg-wrap svg .venn-subline,
  .ht-venn .ht-venn-svg-wrap svg .venn-pair,
  .ht-venn .ht-venn-svg-wrap svg .venn-vault-sub,
  .ht-venn .ht-venn-svg-wrap svg .venn-amber-callout,
  .ht-venn .ht-venn-svg-wrap svg .venn-leader-line {
    display: none !important;
  }
  .ht-venn .ht-venn-svg-wrap svg .venn-vault-desktop {
    display: none !important;
  }
  .ht-venn .ht-venn-svg-wrap svg .venn-vault-mobile {
    display: block !important;
    font-size: 22px !important;
  }
  .ht-venn .ht-venn-svg-wrap svg .venn-outer text {
    font-size: 22px !important;
  }
  .ht-venn .ht-venn-svg-wrap svg .venn-panel-label {
    display: none !important;
  }
  .ht-venn .ht-venn-svg-wrap svg .venn-panel-label-mobile {
    display: block !important;
  }
  .ht-venn .ht-venn-svg-wrap svg .venn-decision-mobile {
    transform: translateY(38px) !important;
  }
  .ht-compare-section .ht-compare-table {
    display: none !important;
  }
  .ht-compare-section .ht-compare-mobile-blocks {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    max-width: 100% !important;
    padding: 0 4px !important;
  }
  .ht-compare-section .ht-compare-mobile-block {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 18px 16px 16px !important;
    position: relative !important;
  }
  .ht-compare-section .ht-compare-mobile-block-head {
    font-family: "Geist", sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    color: white !important;
    margin-bottom: 14px !important;
  }
  .ht-compare-section .ht-compare-mobile-verdict {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    padding: 14px 12px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
  }
  .ht-compare-section .ht-compare-mobile-verdict .ht-compare-mobile-method {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    text-align: center !important;
  }
  .ht-compare-section .ht-compare-mobile-verdict .ht-compare-mobile-method .ht-status {
    width: 24px !important;
    height: 24px !important;
  }
  .ht-compare-section .ht-compare-mobile-verdict .ht-compare-mobile-label {
    font-family: "Geist Mono", monospace !important;
    font-size: 9px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.55) !important;
  }
  .ht-compare-section .ht-compare-mobile-verdict .ht-compare-mobile-label.cyan {
    color: var(--cyan, #0FD3E0) !important;
    font-size: 10.5px !important;
    letter-spacing: 0.12em !important;
    font-weight: 800 !important;
  }
  .ht-compare-section .ht-compare-mobile-features {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .ht-compare-section .ht-compare-mobile-features li {
    font-family: "Rubik", sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    color: rgba(255, 255, 255, 0.75) !important;
    padding-left: 14px !important;
    position: relative !important;
  }
  .ht-compare-section .ht-compare-mobile-features li::before {
    content: "—" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: rgba(255, 255, 255, 0.35) !important;
    font-weight: 400 !important;
  }
}
@media (max-width: 768px) {
  section#premise .sp-story {
    padding: 12px 22px !important;
    border-radius: 12px !important;
    min-width: 0 !important;
    top: 54% !important;
  }
  section#premise .sp-story .l {
    font-size: 19px !important;
    letter-spacing: 0.04em !important;
  }
  section#premise .sp-story .s {
    font-size: 7.5px !important;
    letter-spacing: 0.08em !important;
    margin-top: 3px !important;
  }
  section#premise .sv-inner .sp-chip:nth-of-type(6) {
    left: 34% !important;
    bottom: 4% !important;
    top: auto !important;
    right: auto !important;
  }
  section#premise .sv-inner .sp-chip:nth-of-type(8) {
    right: 6% !important;
    bottom: 6% !important;
    top: auto !important;
    left: auto !important;
  }
  section#discovery .sdna-mini-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    max-width: none !important;
    margin-top: 18px !important;
  }
  section#discovery .sdna-mini-stats .sm-cell {
    padding: 10px !important;
    border-radius: 8px !important;
  }
  section#discovery .sdna-mini-stats .sm-n {
    font-size: 22px !important;
    margin-bottom: 4px !important;
  }
  section#discovery .sdna-mini-stats .sm-l {
    font-size: 7.5px !important;
    line-height: 1.45 !important;
    letter-spacing: 0.08em !important;
  }
  section#discovery .sdna-vid.sdna-disco > video,
  section#discovery .sdna-vid.sdna-disco > .sv-scrim {
    display: none !important;
  }
  section#discovery .sdna-vid.sdna-disco {
    height: auto !important;
    min-height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    display: block !important;
    background: rgba(255, 255, 255, 0.03) !important;
  }
  section#discovery .sd-cols {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 18px !important;
    align-content: start !important;
  }
  section#discovery .sd-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  section#discovery .sd-drv {
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
  }
  section#discovery .sd-drv .dn {
    font-size: 9px !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
  }
  section#discovery .sd-drv .dv {
    font-size: 9px !important;
  }
  section#discovery .sd-bar {
    height: 4px !important;
  }
  section#discovery .sd-left .sd-cap,
  section#discovery .sd-right .sd-cap {
    font-size: 8px !important;
    margin-bottom: 6px !important;
  }
  section#discovery .sd-left .sd-el {
    font-size: 10px !important;
    padding: 7px 9px !important;
    margin-bottom: 0 !important;
  }
  section#power .sdna-vis.sdna-landscape {
    height: auto !important;
    min-height: auto !important;
    aspect-ratio: auto !important;
    padding: 14px 16px !important;
    gap: 8px !important;
  }
  section#power .sl-map {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }
  section#power .sl-axis {
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
  }
  section#power .sl-you-label {
    font-size: 8px !important;
    top: -20px !important;
  }
  section#power .sl-controls {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  section#power .sl-ctrl {
    padding: 10px !important;
    gap: 3px !important;
  }
  section#power .sl-ctrl-l {
    font-size: 8px !important;
    letter-spacing: 0.14em !important;
  }
  section#power .sl-ctrl-v {
    font-size: 12px !important;
  }
  section#dna .sdna-vis.sdna-morph {
    height: auto !important;
    min-height: auto !important;
    aspect-ratio: auto !important;
    padding: 18px 14px !important;
  }
  section#dna .smx {
    height: auto !important;
  }
  section#dna .smx svg.smx-svg-desktop {
    display: none !important;
  }
  section#dna .smx svg.smx-svg-mobile {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }
  section#dna .smx svg.smx-svg-mobile .mx-cap {
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
  }
  section#dna .smx svg.smx-svg-mobile .mx-lbl {
    font-size: 12px !important;
    letter-spacing: 0.02em !important;
  }
  section#dna .smx svg.smx-svg-mobile .mx-lbl.r {
    fill: #fff !important;
    font-weight: 700 !important;
  }
}
@media (max-width: 768px) {
  section.sec.money .flow-cue {
    transform: none !important;
    margin: 8px 0 !important;
  }
  section.sec.money .flow-cue .arr {
    transform: rotate(90deg) !important;
  }
  section.sec.money .flow-cue .lbl {
    white-space: normal !important;
    font-size: 8.5px !important;
    letter-spacing: 0.16em !important;
  }
  section.sec.money .gc-minis {
    gap: 8px !important;
  }
  section.sec.money .gc-minis .mini {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }
  section.sec.money .gc-minis .mini .mini-tag {
    flex-basis: 100% !important;
    margin-bottom: 6px !important;
  }
  section.sec.money .gc-minis .mini .mini-title {
    flex: 1 1 auto !important;
    font-size: 13px !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
  }
  section.sec.money .gc-minis .mini .cc-pct {
    flex: 0 0 auto !important;
    font-size: 15px !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
  }
  section.sec.money .gc-minis .mini .seg {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  section.sec.money .gc-minis .mini .mini-foot {
    flex-basis: 100% !important;
    margin-top: 0 !important;
  }
  div.mstage .ms-chart {
    height: auto !important;
  }
  div.mstage .ms-svg {
    height: auto !important;
    width: 100% !important;
    max-height: none !important;
  }
  [id^=stream].uc-visual.rv-cinema {
    justify-content: flex-start !important;
    padding: 0 !important;
    gap: 0 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  [id^=stream].uc-visual.rv-cinema > .rv-bg-video {
    position: relative !important;
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    animation: none !important;
    transform: none !important;
  }
  [id^=stream].uc-visual.rv-cinema > .rv-bg-overlay,
  [id^=stream].uc-visual.rv-cinema > .rv-bg-vignette {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    height: 110px !important;
    z-index: 1 !important;
  }
  [id^=stream].uc-visual.rv-cinema > .rv-bg-scan,
  [id^=stream].uc-visual.rv-cinema > .rv-timecode {
    display: none !important;
  }
  [id^=stream].uc-visual.rv-cinema > .rv-status {
    top: 8px !important;
    left: 8px !important;
    font-size: 8.5px !important;
  }
  [id^=stream].uc-visual.rv-cinema > .rv-block {
    position: relative !important;
    z-index: 3 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: #050505 !important;
  }
  [id^=stream] .rv-driver,
  [id^=stream] .rv-pf-row {
    min-height: 34px !important;
    padding: 0 !important;
    align-items: center !important;
  }
  [id^=stream] .rv-driver {
    display: grid !important;
    grid-template-columns: 16px 1fr 44px !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
  }
  [id^=stream] .rv-driver .num {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 8px !important;
  }
  [id^=stream] .rv-driver .name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  [id^=stream] .rv-driver .track {
    grid-column: 2 !important;
    grid-row: 2 !important;
    height: 3px !important;
  }
  [id^=stream] .rv-driver .val {
    grid-column: 3 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  [id^=stream] .rv-pf-row {
    display: grid !important;
    grid-template-columns: 1fr 44px !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
  }
  [id^=stream] .rv-pf-row .pf-name {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
  }
  [id^=stream] .rv-pf-row .pf-track {
    grid-column: 1 !important;
    grid-row: 2 !important;
    height: 3px !important;
  }
  [id^=stream] .rv-pf-row .pf-val {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  [id^=stream] .rv-drivers,
  [id^=stream] .rv-platform {
    gap: 6px !important;
  }
  [id^=stream] .rv-driver:nth-child(n+5),
  [id^=stream] .rv-pf-row:nth-child(n+5) {
    display: none !important;
  }
  [id^=stream] .rv-drivers:has(.rv-driver:nth-child(5))::after,
  [id^=stream] .rv-platform:has(.rv-pf-row:nth-child(5))::after {
    content: "+2 more";
    display: block;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
  }
  .lifecycle .lc-band {
    padding: 20px 0 24px !important;
    overflow: visible !important;
  }
  .lifecycle .lc-rail-line {
    display: block !important;
    position: absolute !important;
    left: 31px !important;
    top: 0 !important;
    bottom: 0 !important;
    right: auto !important;
    width: 2px !important;
    height: auto !important;
    transform: none !important;
    background:
      linear-gradient(
        to bottom,
        transparent,
        rgba(15, 211, 224, 0.4) 8%,
        var(--cyan) 50%,
        rgba(15, 211, 224, 0.5) 92%,
        transparent) !important;
    box-shadow: 0 0 12px rgba(15, 211, 224, 0.4) !important;
    z-index: 1 !important;
  }
  .lifecycle .lc-rail-glow {
    display: none !important;
  }
  .lifecycle .lc-stages {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 16px !important;
    padding: 0 0 0 14px !important;
    position: relative !important;
    z-index: 2 !important;
  }
  .lifecycle .lc-stage {
    display: grid !important;
    grid-template-columns: 34px 1fr !important;
    grid-template-rows: auto auto auto !important;
    align-items: start !important;
    gap: 2px 12px !important;
    text-align: left !important;
    position: relative !important;
    z-index: 2 !important;
  }
  .lifecycle .lc-stage-dot {
    display: flex !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    z-index: 5 !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #0E1133 !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(15, 211, 224, 0.55) !important;
    box-shadow: 0 0 22px rgba(15, 211, 224, 0.35), inset 0 0 14px rgba(15, 211, 224, 0.12) !important;
  }
  .lifecycle .lc-stage-dot svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .lifecycle .lc-stage-tag,
  .lifecycle .lc-stage-name,
  .lifecycle .lc-stage-sub,
  .lifecycle .lc-stage-deliv {
    grid-column: 2 / 3 !important;
    text-align: left !important;
    line-height: 1.2 !important;
  }
  .lifecycle .lc-stage-tag {
    display: none !important;
  }
  .lifecycle .lc-stage-name {
    grid-row: 1 / 2 !important;
    align-self: center !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #fff !important;
  }
  .lifecycle .lc-stage-sub {
    grid-row: 2 / 3 !important;
    font-size: 10.5px !important;
    color: rgba(255, 255, 255, 0.65) !important;
    max-width: none !important;
    padding: 0 !important;
  }
  .lifecycle .lc-stage-deliv {
    grid-row: 3 / 4 !important;
    font-size: 9px !important;
    margin-top: 6px !important;
    padding: 4px 9px !important;
    display: inline-block !important;
    width: auto !important;
    justify-self: start !important;
    text-align: left !important;
  }
  .lifecycle .lc-lane {
    display: none !important;
  }
  section.lifecycle,
  .lifecycle {
    padding-top: 36px !important;
    padding-bottom: 48px !important;
  }
  .lifecycle .lifecycle-head {
    margin-bottom: 28px !important;
  }
  .lifecycle .lifecycle-head h2 {
    font-size: 26px !important;
    line-height: 1.1 !important;
    margin-bottom: 16px !important;
  }
  .lifecycle .lifecycle-head p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  [id^=bcast].uc-visual.rv-cinema {
    justify-content: flex-start !important;
    padding: 0 !important;
    gap: 0 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  [id^=bcast].uc-visual.rv-cinema > .rv-bg-video {
    position: relative !important;
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    animation: none !important;
    transform: none !important;
  }
  [id^=bcast].uc-visual.rv-cinema > .rv-bg-overlay,
  [id^=bcast].uc-visual.rv-cinema > .rv-bg-vignette {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    height: 110px !important;
    z-index: 1 !important;
  }
  [id^=bcast].uc-visual.rv-cinema > .rv-bg-scan,
  [id^=bcast].uc-visual.rv-cinema > .rv-timecode {
    display: none !important;
  }
  [id^=bcast].uc-visual.rv-cinema > .rv-status {
    top: 8px !important;
    left: 8px !important;
    font-size: 8.5px !important;
  }
  [id^=bcast].uc-visual.rv-cinema > .rv-block {
    position: relative !important;
    z-index: 3 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: #050505 !important;
  }
  [id^=bcast] .rv-driver,
  [id^=bcast] .rv-pf-row {
    min-height: 34px !important;
    padding: 0 !important;
    align-items: center !important;
  }
  [id^=bcast] .rv-driver {
    display: grid !important;
    grid-template-columns: 16px 1fr 44px !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
  }
  [id^=bcast] .rv-driver .num {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 8px !important;
  }
  [id^=bcast] .rv-driver .name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  [id^=bcast] .rv-driver .track {
    grid-column: 2 !important;
    grid-row: 2 !important;
    height: 3px !important;
  }
  [id^=bcast] .rv-driver .val {
    grid-column: 3 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  [id^=bcast] .rv-pf-row {
    display: grid !important;
    grid-template-columns: 1fr 44px !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
  }
  [id^=bcast] .rv-pf-row .pf-name {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
  }
  [id^=bcast] .rv-pf-row .pf-track {
    grid-column: 1 !important;
    grid-row: 2 !important;
    height: 3px !important;
  }
  [id^=bcast] .rv-pf-row .pf-val {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  [id^=bcast] .rv-drivers,
  [id^=bcast] .rv-platform {
    gap: 6px !important;
  }
  [id^=bcast] .rv-driver:nth-child(n+5),
  [id^=bcast] .rv-pf-row:nth-child(n+5) {
    display: none !important;
  }
  [id^=bcast] .rv-drivers:has(.rv-driver:nth-child(5))::after,
  [id^=bcast] .rv-platform:has(.rv-pf-row:nth-child(5))::after {
    display: block;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
  }
  [id^=bcast] .rv-platform:has(.rv-pf-row:nth-child(7))::after {
    content: "+3 more";
  }
  [id^=bcast] .rv-drivers:has(.rv-driver:nth-child(5)):not(:has(.rv-driver:nth-child(7)))::after,
  [id^=bcast] .rv-platform:has(.rv-pf-row:nth-child(5)):not(:has(.rv-pf-row:nth-child(7)))::after {
    content: "+2 more";
  }
  [id^=theater].uc-visual.rv-cinema {
    justify-content: flex-start !important;
    padding: 0 !important;
    gap: 0 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  [id^=theater].uc-visual.rv-cinema > .rv-bg-video {
    position: relative !important;
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    animation: none !important;
    transform: none !important;
  }
  [id^=theater].uc-visual.rv-cinema > .rv-bg-overlay,
  [id^=theater].uc-visual.rv-cinema > .rv-bg-vignette {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    height: 110px !important;
    z-index: 1 !important;
  }
  [id^=theater].uc-visual.rv-cinema > .rv-bg-scan,
  [id^=theater].uc-visual.rv-cinema > .rv-timecode {
    display: none !important;
  }
  [id^=theater].uc-visual.rv-cinema > .rv-status {
    top: 8px !important;
    left: 8px !important;
    font-size: 8.5px !important;
  }
  [id^=theater].uc-visual.rv-cinema > .rv-block {
    position: relative !important;
    z-index: 3 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: #050505 !important;
  }
  [id^=theater] .rv-driver,
  [id^=theater] .rv-pf-row {
    min-height: 34px !important;
    padding: 0 !important;
    align-items: center !important;
  }
  [id^=theater] .rv-driver {
    display: grid !important;
    grid-template-columns: 16px 1fr 44px !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
  }
  [id^=theater] .rv-driver .num {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 8px !important;
  }
  [id^=theater] .rv-driver .name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  [id^=theater] .rv-driver .track {
    grid-column: 2 !important;
    grid-row: 2 !important;
    height: 3px !important;
  }
  [id^=theater] .rv-driver .val {
    grid-column: 3 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  [id^=theater] .rv-pf-row {
    display: grid !important;
    grid-template-columns: 1fr 44px !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
  }
  [id^=theater] .rv-pf-row .pf-name {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
  }
  [id^=theater] .rv-pf-row .pf-track {
    grid-column: 1 !important;
    grid-row: 2 !important;
    height: 3px !important;
  }
  [id^=theater] .rv-pf-row .pf-val {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  [id^=theater] .rv-drivers,
  [id^=theater] .rv-platform {
    gap: 6px !important;
  }
  [id^=theater] .rv-driver:nth-child(n+5),
  [id^=theater] .rv-pf-row:nth-child(n+5) {
    display: none !important;
  }
  [id^=theater] .rv-drivers:has(.rv-driver:nth-child(5))::after,
  [id^=theater] .rv-platform:has(.rv-pf-row:nth-child(5))::after {
    display: block;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
  }
  [id^=theater] .rv-drivers:has(.rv-driver:nth-child(5))::after,
  [id^=theater] .rv-platform:has(.rv-pf-row:nth-child(5))::after {
    content: "+2 more";
  }
  .tsec .tband .tband-vis:has(.tv-swap),
  .tsec .tband .tband-vis:has(.tv-readout) {
    position: relative !important;
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    padding: 0 !important;
    background: #0A0C14 !important;
  }
  .tsec .tband .tband-vis:has(.tv-swap) > video,
  .tsec .tband .tband-vis:has(.tv-readout) > video,
  .tsec .tband .tband-vis:has(.tv-swap) > .tv-tint,
  .tsec .tband .tband-vis:has(.tv-readout) > .tv-tint {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    border-radius: 18px 18px 0 0 !important;
    z-index: 0 !important;
  }
  .tsec .tband .tband-vis:has(.tv-swap) > .tv-tint,
  .tsec .tband .tband-vis:has(.tv-readout) > .tv-tint {
    z-index: 1 !important;
    background:
      linear-gradient(
        180deg,
        rgba(5, 6, 8, .25),
        rgba(5, 6, 8, .9)) !important;
  }
  .tsec .tband .tband-vis .tv-swap,
  .tsec .tband .tband-vis .tv-readout {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 110px 0 0 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    padding: 14px 16px !important;
    background: #0B0D15 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
  }
  .tsec .tband .tband-vis .tv-swap .tsw-row {
    display: grid !important;
    grid-template-columns: 1fr 44px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 6px 10px !important;
    margin: 0 0 10px 0 !important;
  }
  .tsec .tband .tband-vis .tv-swap .tsw-row:last-child {
    margin-bottom: 0 !important;
  }
  .tsec .tband .tband-vis .tv-swap .tsw-row .n {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }
  .tsec .tband .tband-vis .tv-swap .tsw-row .v {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  .tsec .tband .tband-vis .tv-swap .tsw-row .bar {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 5px !important;
  }
  .tsec .tband .tband-vis .tv-readout .tv-row {
    display: grid !important;
    grid-template-columns: 1fr 44px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 6px 10px !important;
    margin: 0 0 10px 0 !important;
  }
  .tsec .tband .tband-vis .tv-readout .tv-row:last-child {
    margin-bottom: 0 !important;
  }
  .tsec .tband .tband-vis .tv-readout .tv-row .rl {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  .tsec .tband .tband-vis .tv-readout .tv-row .rv {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  .tsec .tband .tband-vis .tv-readout .tv-row .rt {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 5px !important;
  }
  .tsec .tband .tband-vis:has(.tv-readout) .tv-chip {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 16px 16px !important;
    background: #0B0D15 !important;
    border-radius: 0 0 18px 18px !important;
  }
  .tsec .tband .tband-vis:has(.tv-readout) .tv-chip .tvc {
    flex: none !important;
    width: auto !important;
    height: 100% !important;
    background: rgba(255, 255, 255, .04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 10px 12px !important;
  }
  .tsec .tband .tband-vis:has(.tv-readout) .tv-chip .tvc .v {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
}
@media (min-width: 769px) {
  #dna .smx-svg-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  body .uc-visual.td-visual {
    min-height: 0 !important;
    padding: 16px !important;
  }
  body .uc-visual.td-visual .td-card {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    grid-template-rows: auto !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    align-items: center !important;
    padding: 6px 0 0 !important;
  }
  body .uc-visual.td-visual .td-center {
    display: contents !important;
  }
  body .uc-visual.td-visual .td-poster {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100px !important;
    height: 140px !important;
    margin: 0 !important;
    align-self: start !important;
  }
  body .uc-visual.td-visual .td-title-main {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    text-align: left !important;
    align-self: start !important;
  }
  body .uc-visual.td-visual .td-title {
    font-size: 15px !important;
    white-space: normal !important;
  }
  body .uc-visual.td-visual .td-sub {
    font-size: 8.5px !important;
    white-space: normal !important;
  }
  body .uc-visual.td-visual .td-panel-score {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: end !important;
    width: auto !important;
    max-width: none !important;
    text-align: left !important;
    padding: 6px 10px !important;
    margin: 0 !important;
  }
  body .uc-visual.td-visual .td-panel-score .td-score .n {
    font-size: 22px !important;
  }
  body .uc-visual.td-visual .td-panel-drivers,
  body .uc-visual.td-visual .td-panel-demo,
  body .uc-visual.td-visual .td-panel-meta {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 10px 12px !important;
    margin: 0 !important;
  }
  body .uc-visual.td-visual .td-panel-drivers .vc-row {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    align-items: center !important;
    padding: 6px 0 !important;
  }
  body .uc-visual.td-visual .td-panel-drivers .vc-row .l {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
  }
  body .uc-visual.td-visual .td-panel-drivers .vc-row .v {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 13px !important;
    text-align: right !important;
  }
  body .uc-visual.td-visual .td-panel-drivers .vc-row .bar {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 4px !important;
  }
  body .uc-visual.td-visual .td-panel-demo .td-demo {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  body .uc-visual.td-visual .td-panel-demo .td-demo .k {
    font-size: 8.5px !important;
    margin-bottom: 4px !important;
  }
  body .uc-visual.td-visual .td-panel-demo .td-bars {
    height: 20px !important;
  }
  body .uc-visual.td-visual .td-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-bottom: 8px !important;
  }
  body .uc-visual.td-visual .td-chip {
    font-size: 9px !important;
    padding: 3px 6px !important;
  }
  body .uc-visual.td-visual .td-emotions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
  body .uc-visual.td-visual .td-emo {
    font-size: 8.5px !important;
    padding: 3px 5px !important;
  }
  body .uc-visual.comp {
    aspect-ratio: auto !important;
    height: auto !important;
    padding: 14px !important;
  }
  body .uc-visual.comp .comp-panel {
    height: auto !important;
    min-height: 0 !important;
    gap: 12px !important;
  }
  body .uc-visual.comp .comp-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  body .uc-visual.comp .comp-card {
    padding: 10px !important;
  }
  body .uc-visual.comp .comp-thumb {
    width: 100% !important;
    height: 110px !important;
    max-height: 110px !important;
    aspect-ratio: auto !important;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 8px !important;
  }
  body .uc-visual.comp .comp-title {
    font-size: 12px !important;
  }
  body .uc-visual.comp .comp-tag {
    font-size: 7.5px !important;
  }
  body .uc-visual.comp .comp-metrics {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  body .uc-visual.comp .comp-mrow {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    align-items: start !important;
    padding-bottom: 7px !important;
  }
  body .uc-visual.comp .comp-mlabel {
    grid-column: 1 / -1 !important;
    font-size: 8px !important;
  }
  body .uc-visual.comp .comp-mcol {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
  }
  body .uc-visual.comp .comp-mval {
    font-size: 12.5px !important;
  }
  body .uc-visual.comp .comp-footer {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }
  body .uc-visual.comp .comp-delta {
    font-size: 10px !important;
    padding: 5px 9px !important;
  }
  body .uc-visual.comp .comp-add {
    font-size: 8.5px !important;
    padding: 5px 9px !important;
  }
  body .uc-visual.filter {
    aspect-ratio: auto !important;
    height: auto !important;
    padding: 14px !important;
  }
  body .uc-visual.filter .filter-panel {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    height: auto !important;
    gap: 10px !important;
  }
  body .uc-visual.filter .filter-chips {
    order: 1 !important;
    flex: 1 1 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
  }
  body .uc-visual.filter .filter-chip {
    font-size: 9px !important;
    padding: 4px 8px !important;
  }
  body .uc-visual.filter .filter-chip.on {
    color: var(--cyan) !important;
    border-color: rgba(2, 208, 225, 0.55) !important;
    background: rgba(2, 208, 225, 0.14) !important;
  }
  body .uc-visual.filter .filter-chip:nth-child(5) {
    display: none !important;
  }
  body .uc-visual.filter .filter-grid {
    order: 2 !important;
    flex: 1 1 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, 64px) !important;
    gap: 8px !important;
    justify-content: start !important;
  }
  body .uc-visual.filter .filter-thumb {
    width: 64px !important;
    height: 64px !important;
    aspect-ratio: auto !important;
    background-size: cover !important;
    background-position: center !important;
  }
  body .uc-visual.filter .filter-thumb:nth-child(n+5) {
    display: none !important;
  }
  body .uc-visual.filter .filter-count {
    order: 3 !important;
    flex: 1 1 auto !important;
    font-size: 9.5px !important;
    margin: 0 !important;
  }
  body .uc-visual.filter .filter-footer {
    order: 4 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    justify-content: flex-end !important;
  }
  body .uc-visual.filter .filter-group {
    display: none !important;
  }
  body .uc-visual.filter .filter-save {
    font-size: 10px !important;
    padding: 6px 11px !important;
  }
}
@media (max-width: 768px) {
  body [id^=bcast].uc-visual.rv-cinema,
  body [id^=theater].uc-visual.rv-cinema {
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body [id^=bcast].uc-visual.rv-cinema .rv-bg-video,
  body [id^=bcast].uc-visual.rv-cinema .rv-block,
  body [id^=theater].uc-visual.rv-cinema .rv-bg-video,
  body [id^=theater].uc-visual.rv-cinema .rv-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
  }
  body [id^=bcast].uc-visual.rv-cinema .rv-block,
  body [id^=theater].uc-visual.rv-cinema .rv-block {
    padding: 14px !important;
  }
}
@media (max-width: 768px) {
  body .vc-slate-grid {
    display: grid !important;
    grid-template-columns: 44px repeat(6, 1fr) !important;
    gap: 3px !important;
    padding: 10px 6px !important;
    overflow: hidden !important;
  }
  body .vc-slate-grid .vc-slate-col-l {
    font-size: 7px !important;
    letter-spacing: 0.04em !important;
    padding: 2px 0 !important;
  }
  body .vc-slate-grid .vc-slate-row-l {
    font-size: 7.5px !important;
    letter-spacing: 0.02em !important;
    padding: 2px 0 2px 1px !important;
  }
  body .vc-slate-grid .vc-slate-cell {
    aspect-ratio: 1.4 / 1 !important;
    min-width: 0 !important;
    border-radius: 4px !important;
    font-size: 6.5px !important;
    letter-spacing: 0.04em !important;
  }
  body .vc-slate-grid .vc-slate-cell.filled::before {
    width: 5px !important;
    height: 5px !important;
  }
  body .vc-slate-legend {
    font-size: 7.5px !important;
    gap: 10px !important;
  }
  body .vc-ws-list .vc-ws-row {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
    padding: 8px 10px !important;
  }
  body .vc-ws-list .vc-ws-row .vc-ws-rank {
    width: 20px !important;
    height: 20px !important;
    font-size: 10px !important;
  }
  body .vc-ws-list .vc-ws-row .vc-ws-name {
    font-size: 11px !important;
  }
  body .vc-ws-list .vc-ws-row .vc-ws-sub {
    font-size: 8.5px !important;
    margin-top: 1px !important;
  }
  body .vc-ws-list .vc-ws-row .vc-ws-num {
    font-size: 13px !important;
    text-align: right !important;
  }
  body .vc-cnp-card .vc-cnp-head-row {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
  }
  body .vc-cnp-card .vc-cnp-head-row .vc-cnp-letter {
    width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
  }
  body .vc-cnp-card .vc-cnp-head-row .vc-cnp-name {
    font-size: 12px !important;
  }
  body .vc-cnp-card .vc-cnp-head-row .vc-cnp-driver {
    font-size: 8px !important;
    letter-spacing: 0.1em !important;
  }
  body .vc-cnp-card .vc-cnp-head-row .vc-cnp-score,
  body .vc-cnp-card.winner .vc-cnp-head-row .vc-cnp-score {
    font-size: 15px !important;
  }
  body .vc-cnp-card .vc-cnp-aud {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }
  body .vc-cnp-card .vc-cnp-aud .vc-cnp-seg {
    padding: 5px 6px !important;
    min-width: 0 !important;
    gap: 3px !important;
  }
  body .vc-cnp-card .vc-cnp-aud .vc-cnp-seg .seg-l {
    font-size: 7.5px !important;
    letter-spacing: 0.06em !important;
  }
  body .vc-cnp-card .vc-cnp-aud .vc-cnp-seg .seg-v {
    font-size: 11px !important;
  }
  body .vc-pkg-tree {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px 8px !important;
    min-height: 0 !important;
    align-items: center !important;
  }
  body .vc-pkg-tree .vc-pkg-svg {
    display: none !important;
  }
  body .vc-pkg-tree .vc-pkg-anchor {
    padding: 10px 8px !important;
  }
  body .vc-pkg-tree .vc-pkg-anchor-name {
    font-size: 11px !important;
  }
  body .vc-pkg-tree .vc-pkg-anchor-eye {
    font-size: 7px !important;
    letter-spacing: 0.14em !important;
  }
  body .vc-pkg-tree .vc-pkg-anchor-meta {
    font-size: 6.5px !important;
    letter-spacing: 0.08em !important;
  }
  body .vc-pkg-tree .vc-pkg-anchor-score {
    font-size: 18px !important;
  }
  body .vc-pkg-tree .vc-pkg-branches {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  body .vc-pkg-tree .vc-pkg-branch {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-rows: min-content !important;
    column-gap: 8px !important;
    row-gap: 1px !important;
    align-items: center !important;
    padding: 8px 10px !important;
  }
  body .vc-pkg-tree .vc-pkg-branch .vc-pkg-branch-l {
    grid-column: 1 / -1 !important;
    font-size: 8px !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 0 !important;
  }
  body .vc-pkg-tree .vc-pkg-branch .vc-pkg-branch-name {
    grid-column: 1 !important;
    font-size: 11px !important;
  }
  body .vc-pkg-tree .vc-pkg-branch .vc-pkg-delta,
  body .vc-pkg-tree .vc-pkg-branch.winner .vc-pkg-delta {
    grid-column: 2 !important;
    font-size: 13px !important;
  }
}
@media (max-width: 768px) {
  body .uc-visual.rchart .rc-donut-wrap {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
  }
  body .uc-visual.rchart .rc-donut {
    width: 120px !important;
    height: 120px !important;
    flex-shrink: 0 !important;
  }
  body .uc-visual.rchart .rc-donut .rc-dn-c b {
    font-size: 20px !important;
  }
  body .uc-visual.rchart .rc-donut .rc-dn-c span {
    font-size: 9px !important;
  }
  body .uc-visual.rchart .rc-leg {
    flex: 1 !important;
    gap: 10px !important;
  }
  body .uc-visual.rchart .rc-leg .lg {
    font-size: 10.5px !important;
  }
  body .uc-visual.rchart .rc-leg .lg .vv {
    font-size: 13px !important;
  }
  body .uc-visual.rchart .rc-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body .uc-visual.rchart .rc-stat {
    padding: 12px 10px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  body .uc-visual.rchart .rc-stat b {
    font-size: 17px !important;
    white-space: nowrap !important;
  }
  body .uc-visual.rchart .rc-stat span {
    font-size: 8px !important;
    letter-spacing: 0.06em !important;
  }
}
@media (max-width: 768px) {
  .uc-visual.rchart.rc-div .dv-row {
    grid-template-columns: 1fr auto !important;
    gap: 5px 0 !important;
    align-items: center !important;
    margin-bottom: 12px !important;
  }
  .uc-visual.rchart.rc-div .dv-row .l {
    grid-row: 1 !important;
    grid-column: 1 !important;
    font-size: 10.5px !important;
  }
  .uc-visual.rchart.rc-div .dv-row .v {
    grid-row: 1 !important;
    grid-column: 2 !important;
    text-align: right !important;
    font-size: 12px !important;
  }
  .uc-visual.rchart.rc-div .dv-row .dv-track {
    grid-row: 2 !important;
    grid-column: 1 / -1 !important;
    height: 6px !important;
  }
}
@media (max-width: 768px) {
  section.tsec.alt .tlib {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  section.tsec.alt .tlib .tcard {
    padding: 10px !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  section.tsec.alt .tlib .tcard .tcard-i {
    font-size: 7.5px !important;
    margin-bottom: 6px !important;
  }
  section.tsec.alt .tlib .tcard .tcard-h {
    font-size: 12px !important;
    margin-bottom: 4px !important;
  }
  section.tsec.alt .tlib .tcard .tcard-p {
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  section.tsec.alt .tlib .tcard .tcard-v {
    font-size: 15px !important;
    margin-top: auto !important;
  }
  section.tsec.alt .tlib .tcard .tcard-v small {
    font-size: 7px !important;
    margin-left: 4px !important;
  }
  section.tsec.alt .tlib .tcard .tcard-img {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 70px !important;
    border-radius: 8px !important;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 8px !important;
    z-index: 0 !important;
  }
}
@media (max-width: 768px) {
  section.vlib .vlib-cards {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  section.vlib .vlib-cards .vl-card {
    height: 130px !important;
    min-height: 0 !important;
  }
  section.vlib .vlib-cards .vl-frame {
    inset: 6px !important;
  }
  section.vlib .vlib-cards .vl-idx {
    top: 8px !important;
    left: 8px !important;
    padding: 3px 5px !important;
    font-size: 7px !important;
  }
  section.vlib .vlib-cards .vl-format {
    top: 8px !important;
    right: 8px !important;
    padding: 3px 5px !important;
    font-size: 6.5px !important;
  }
  section.vlib .vlib-cards .vl-viz {
    top: 34px !important;
    left: 8px !important;
    right: 8px !important;
    height: 58px !important;
  }
  section.vlib .vlib-cards .vl-body {
    padding: 10px 10px 12px !important;
    background:
      linear-gradient(
        to top,
        rgba(5, 5, 38, 0.82),
        transparent) !important;
  }
  section.vlib .vlib-cards .vl-name {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  section.vlib .vlib-cards .vl-desc {
    display: none !important;
  }
}