:root {
    --tds-page-canvas: #F5F5F7;
    --tds-page-surface: #FFFFFF;
    --tds-page-text: #1C1C1E;
    --tds-page-muted: #8E8E93;
    --tds-page-accent: #19B6FF;
    --tds-page-accent-strong: #0EA5E9;
  }

  .legacy-page-shell .page-hero h1,
  .legacy-page-shell .hero h1,
  .legacy-page-shell .blog-hero h1,
  .legacy-page-shell .post-hero h1,
  .legacy-page-shell .tw-hero h1,
  .legacy-page-shell .error-hero h1,
  .legacy-page-shell .app-hero h1,
  .legacy-page-shell .hw-hero h1,
  .legacy-page-shell .page-hero-section h1 {
    font-size: clamp(34px, 5.4vw, 64px) !important;
    line-height: 1.06 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .legacy-page-shell .section h2,
  .legacy-page-shell .hw-section h2,
  .legacy-page-shell .hw-outcome-band h2,
  .legacy-page-shell .hw-cta h2,
  .legacy-page-shell .cta-band h2,
  .legacy-page-shell .section-cta h2,
  .legacy-page-shell .app-story-label h2,
  .legacy-page-shell .app-infographic-title h2,
  .legacy-page-shell .app-capabilities h2 {
    font-size: clamp(28px, 5vw, 60px) !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .legacy-page-shell .card h3,
  .legacy-page-shell .service-card h3,
  .legacy-page-shell .service-proof-panel h3,
  .legacy-page-shell .service-workflow-step h3,
  .legacy-page-shell .app-capability h3,
  .legacy-page-shell .app-process-step h3,
  .legacy-page-shell .hw-pillar-body h3,
  .legacy-page-shell .hw-problem-card h3,
  .legacy-page-shell .hw-product-card h3,
  .legacy-page-shell .hw-founder-card h3 {
    font-size: clamp(20px, 2.4vw, 26px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .legacy-page-shell .page-hero,
  .legacy-page-shell .hero,
  .legacy-page-shell .blog-hero,
  .legacy-page-shell .post-hero,
  .legacy-page-shell .tw-hero,
  .legacy-page-shell .error-hero {
    position: relative !important;
    min-height: auto !important;
    height: auto !important;
    background-color: var(--tds-page-canvas) !important;
    background-image:
      linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(238,248,253,0.72) 52%, rgba(255,255,255,0.98) 100%) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    color: var(--tds-page-text) !important;
    overflow: hidden !important;
    text-align: center !important;
    padding-top: clamp(56px, 5vw, 88px) !important;
    padding-bottom: clamp(40px, 4vw, 64px) !important;
  }

  .legacy-page-shell .section {
    padding-top: clamp(48px, 5vw, 80px) !important;
    padding-bottom: clamp(48px, 5vw, 80px) !important;
  }

  .legacy-page-shell [id] {
    scroll-margin-top: 92px !important;
  }

  .legacy-page-shell .page-hero::before,
  .legacy-page-shell .page-hero::after,
  .legacy-page-shell .hero::before,
  .legacy-page-shell .hero::after,
  .legacy-page-shell .blog-hero::before,
  .legacy-page-shell .blog-hero::after,
  .legacy-page-shell .post-hero::before,
  .legacy-page-shell .post-hero::after,
  .legacy-page-shell .tw-hero::before,
  .legacy-page-shell .tw-hero::after,
  .legacy-page-shell .error-hero::before,
  .legacy-page-shell .error-hero::after {
    display: none !important;
    background: none !important;
  }

  .legacy-page-shell .grid-floor,
  .legacy-page-shell .grid-overlay,
  .legacy-page-shell .scan-lines,
  .legacy-page-shell .center-glow,
  .legacy-page-shell .accent-line,
  .legacy-page-shell .particles,
  .legacy-page-shell .hero-content::before {
    display: none !important;
  }

  .legacy-page-shell .page-hero .container,
  .legacy-page-shell .hero .container,
  .legacy-page-shell .hero-content,
  .legacy-page-shell .blog-hero .container,
  .legacy-page-shell .post-hero .container,
  .legacy-page-shell .tw-hero .container,
  .legacy-page-shell .error-hero .container {
    position: relative !important;
    z-index: 2 !important;
  }

  .legacy-page-shell .page-hero h1,
  .legacy-page-shell .hero h1,
  .legacy-page-shell .blog-hero h1,
  .legacy-page-shell .post-hero h1,
  .legacy-page-shell .tw-hero h1,
  .legacy-page-shell .error-hero h1 {
    color: var(--tds-page-text) !important;
    text-shadow: none !important;
  }

  .legacy-page-shell .page-hero p,
  .legacy-page-shell .hero p,
  .legacy-page-shell .hero-subtitle,
  .legacy-page-shell .subtitle,
  .legacy-page-shell .blog-hero p,
  .legacy-page-shell .post-hero p,
  .legacy-page-shell .post-meta,
  .legacy-page-shell .tw-hero p,
  .legacy-page-shell .error-hero p {
    color: var(--tds-page-muted) !important;
    text-shadow: none !important;
  }

  .legacy-page-shell .page-hero .badge,
  .legacy-page-shell .hero .badge,
  .legacy-page-shell .badge,
  .legacy-page-shell .blog-category,
  .legacy-page-shell .post-cat {
    color: var(--tds-page-accent-strong) !important;
    background: rgba(25, 182, 255, 0.08) !important;
    border-color: rgba(25, 182, 255, 0.24) !important;
  }

  .legacy-page-shell .breadcrumbs,
  .legacy-page-shell .breadcrumbs a {
    color: rgba(36, 46, 49, 0.58) !important;
  }

  .legacy-page-shell .gradient-text {
    background: linear-gradient(135deg, var(--tds-page-accent), var(--tds-page-accent-strong)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  /* Nav + footer styling is owned by SHARED_CHROME_CSS — see ensureSharedChrome. */

  .legacy-page-shell .site-nav {
    background: #FFFFFF !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-bottom: 1px solid rgba(12, 39, 56, 0.08) !important;
    box-shadow: 0 12px 38px rgba(5, 22, 32, 0.055) !important;
  }

  .legacy-page-shell .site-nav .nav-cta {
    background: linear-gradient(135deg, #19B6FF, #0EA5E9) !important;
    box-shadow: 0 12px 26px rgba(25, 182, 255, 0.22) !important;
  }

  .legacy-page-shell .site-footer {
    background:
      radial-gradient(ellipse at 12% 0%, rgba(25, 182, 255, 0.08), transparent 34%),
      linear-gradient(180deg, #FFFFFF 0%, #F8FCFF 100%) !important;
    border-top: 1px solid rgba(12, 39, 56, 0.08) !important;
  }

  .legacy-page-shell .reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  .legacy-page-shell .hero-grid {
    max-width: 1180px !important;
    gap: clamp(34px, 6vw, 86px) !important;
  }

  .legacy-page-shell .hero-media {
    border-radius: 26px !important;
    border: 1px solid rgba(12, 39, 56, 0.10) !important;
    background:
      radial-gradient(ellipse at 50% 0%, rgba(25, 182, 255, 0.10), transparent 44%),
      #FFFFFF !important;
    box-shadow: 0 28px 88px rgba(5, 22, 32, 0.12) !important;
    min-height: clamp(300px, 32vw, 410px) !important;
  }

  .legacy-page-shell .hero-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .legacy-page-shell .app-visual-stage.is-diagram::before {
    display: none !important;
  }

  .legacy-page-shell .app-visual-stage.is-diagram .app-visual-image {
    object-fit: contain !important;
    opacity: 1 !important;
    filter: none !important;
  }

  .legacy-page-shell .app-visual-stage.is-diagram.is-light {
    background: #F7FBFD !important;
  }

  @media (min-width: 901px) {
    .legacy-page-shell .app-visual-stage.is-diagram {
      min-height: 0 !important;
      aspect-ratio: 16 / 10;
    }
  }

  .legacy-page-shell .logo-media img {
    object-fit: contain !important;
    padding: clamp(34px, 5vw, 66px) !important;
  }

  .legacy-page-shell .eyebrow {
    color: var(--tds-page-accent-strong) !important;
    letter-spacing: 0.10em !important;
  }

  .legacy-page-shell .deck,
  .legacy-page-shell .section-lead {
    color: var(--tds-page-muted) !important;
  }

  .legacy-page-shell .hero-actions {
    align-items: center !important;
  }

  .legacy-page-shell .service-hero,
  .legacy-page-shell .service-hero .hero-grid > div:first-child {
    text-align: left !important;
  }

  .legacy-page-shell .service-hero .deck {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .legacy-page-shell .service-hero .hero-actions {
    justify-content: flex-start !important;
  }

  .legacy-page-shell .service-hero .hero-media {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .legacy-page-shell .service-hero .hero-media::before,
  .legacy-page-shell .service-hero .hero-media::after {
    display: none !important;
  }

  .legacy-page-shell .btn,
  .legacy-page-shell button.btn,
  .legacy-page-shell a.btn {
    border-radius: 999px !important;
    letter-spacing: 0 !important;
    transition:
      transform 0.22s ease,
      box-shadow 0.22s ease,
      border-color 0.22s ease,
      background 0.22s ease !important;
  }

  .legacy-page-shell .btn:hover,
  .legacy-page-shell button.btn:hover,
  .legacy-page-shell a.btn:hover {
    transform: translateY(-2px) !important;
  }

  .legacy-page-shell .btn-primary {
    background: linear-gradient(135deg, #19B6FF, #0EA5E9) !important;
    box-shadow: 0 16px 36px rgba(25, 182, 255, 0.24) !important;
  }

  .legacy-page-shell .btn-secondary {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(12, 39, 56, 0.13) !important;
    color: var(--tds-page-text) !important;
    box-shadow: 0 10px 28px rgba(5, 22, 32, 0.055) !important;
  }

  .legacy-page-shell .stats-row {
    gap: 14px !important;
  }

  .legacy-page-shell .stats-row:empty {
    display: none !important;
  }

  .legacy-page-shell .stat {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(12, 39, 56, 0.08) !important;
    border-radius: 18px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(250, 253, 255, 0.82)) !important;
    box-shadow: 0 16px 46px rgba(5, 22, 32, 0.06) !important;
  }

  .legacy-page-shell .stat::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(25, 182, 255, 0.42), transparent) !important;
    pointer-events: none !important;
  }

  .legacy-page-shell .stat strong {
    color: var(--tds-page-accent) !important;
  }

  .legacy-page-shell .section {
    background-color: #FFFFFF !important;
  }

  .legacy-page-shell .section:nth-of-type(even):not(.cta-band) {
    background:
      radial-gradient(ellipse at 16% 0%, rgba(25, 182, 255, 0.07), transparent 38%),
      linear-gradient(180deg, #F8FCFF 0%, #FFFFFF 100%) !important;
  }

  .legacy-page-shell .section-inner {
    max-width: 1180px !important;
  }

  .legacy-page-shell .grid {
    gap: 20px !important;
  }

  .legacy-page-shell .card,
  .legacy-page-shell .blog-card {
    position: relative !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.99), rgba(250,253,255,0.95)) !important;
    border: 1px solid rgba(12, 39, 56, 0.09) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 54px rgba(5, 22, 32, 0.065) !important;
    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease,
      border-color 0.25s ease !important;
  }

  .legacy-page-shell .card::before,
  .legacy-page-shell .blog-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      radial-gradient(ellipse at 20% 0%, rgba(25, 182, 255, 0.10), transparent 38%),
      linear-gradient(135deg, rgba(25, 182, 255, 0.04), transparent 44%) !important;
    pointer-events: none !important;
  }

  .legacy-page-shell .card:hover,
  .legacy-page-shell .blog-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(25, 182, 255, 0.24) !important;
    box-shadow: 0 26px 76px rgba(5, 22, 32, 0.10) !important;
  }

  .legacy-page-shell .card > *,
  .legacy-page-shell .blog-card > * {
    position: relative !important;
    z-index: 1 !important;
  }

  .legacy-page-shell .card h3,
  .legacy-page-shell .blog-card-title {
    color: var(--tds-page-text) !important;
  }

  .legacy-page-shell .card li::before {
    box-shadow: 0 0 0 5px rgba(25, 182, 255, 0.09) !important;
  }

  .legacy-page-shell .split,
  .legacy-page-shell .form-shell {
    gap: clamp(20px, 3vw, 34px) !important;
  }

  .legacy-page-shell .dark-panel {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background:
      radial-gradient(ellipse at 18% 0%, rgba(25, 182, 255, 0.28), transparent 44%),
      radial-gradient(ellipse at 82% 100%, rgba(191, 90, 242, 0.13), transparent 42%),
      linear-gradient(180deg, #071A2A 0%, #030A12 100%) !important;
    border: 1px solid rgba(25, 182, 255, 0.20) !important;
    box-shadow: 0 28px 88px rgba(0, 8, 16, 0.22) !important;
  }

  .legacy-page-shell .dark-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      linear-gradient(rgba(255, 255, 255, 0.038) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px) !important;
    background-size: 42px 42px !important;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.78), transparent 76%) !important;
    pointer-events: none !important;
  }

  .legacy-page-shell .dark-panel > * {
    position: relative !important;
    z-index: 1 !important;
  }

  .legacy-page-shell .flow {
    gap: 14px !important;
  }

  .legacy-page-shell .flow-item {
    border-radius: 16px !important;
    border-color: rgba(25, 182, 255, 0.20) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  }

  .legacy-page-shell .flow-num {
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.22), transparent 34%),
      rgba(25, 182, 255, 0.14) !important;
  }

  .legacy-page-shell .lead-form {
    border-radius: 22px !important;
    border: 1px solid rgba(12, 39, 56, 0.09) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 253, 255, 0.96)) !important;
    box-shadow: 0 24px 78px rgba(5, 22, 32, 0.095) !important;
  }

  .legacy-page-shell .lead-form input,
  .legacy-page-shell .lead-form select,
  .legacy-page-shell .lead-form textarea {
    border-radius: 14px !important;
    border-color: rgba(12, 39, 56, 0.12) !important;
    background: #FAFCFE !important;
  }

  .legacy-page-shell .lead-form input:focus,
  .legacy-page-shell .lead-form select:focus,
  .legacy-page-shell .lead-form textarea:focus {
    outline: none !important;
    border-color: rgba(25, 182, 255, 0.64) !important;
    box-shadow: 0 0 0 4px rgba(25, 182, 255, 0.12) !important;
    background: #FFFFFF !important;
  }

  .legacy-page-shell .cta-band {
    position: relative !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse at 50% 0%, rgba(25, 182, 255, 0.24), transparent 48%),
      radial-gradient(ellipse at 18% 100%, rgba(191, 90, 242, 0.13), transparent 42%),
      linear-gradient(180deg, #081721 0%, #0B1B22 100%) !important;
  }

  .legacy-page-shell .cta-band::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
    background-size: 62px 62px !important;
    mask-image: radial-gradient(ellipse at 50% 36%, rgba(0, 0, 0, 0.66), transparent 70%) !important;
    pointer-events: none !important;
  }

  .legacy-page-shell .cta-band .section-inner {
    position: relative !important;
    z-index: 1 !important;
  }

  .legacy-page-shell .sitemap-list {
    gap: 20px !important;
  }

  .legacy-page-shell .blog-card {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.99), rgba(250,253,255,0.95)) !important;
    border: 1px solid rgba(12, 39, 56, 0.09) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 54px rgba(5, 22, 32, 0.065) !important;
    color: var(--tds-page-text) !important;
  }

  .legacy-page-shell .blog-card-title a {
    color: var(--tds-page-text) !important;
  }

  .legacy-page-shell .blog-card-summary,
  .legacy-page-shell .blog-date {
    color: var(--tds-page-muted) !important;
  }

  .legacy-page-shell .read-more {
    color: var(--tds-page-accent-strong) !important;
  }

  .legacy-page-shell article.container,
  .legacy-page-shell .tw-blog {
    width: min(760px, calc(100% - 40px)) !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(48px, 6vw, 80px) 0 clamp(64px, 7vw, 104px) !important;
    color: var(--tds-page-text) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  }

  .legacy-page-shell article.container h1,
  .legacy-page-shell .tw-title {
    color: var(--tds-page-text) !important;
    font-size: clamp(32px, 4.2vw, 48px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  }

  .legacy-page-shell article.container h2,
  .legacy-page-shell article.container h3,
  .legacy-page-shell .tw-h2,
  .legacy-page-shell .tw-bullets h3,
  .legacy-page-shell .tw-cta h3 {
    color: var(--tds-page-text) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  }

  .legacy-page-shell article.container h2,
  .legacy-page-shell .tw-h2 {
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .legacy-page-shell article.container h3,
  .legacy-page-shell .tw-bullets h3,
  .legacy-page-shell .tw-cta h3 {
    font-size: clamp(20px, 2.2vw, 24px) !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  @media (max-width: 480px) {
    .legacy-page-shell .page-hero h1,
    .legacy-page-shell .hero h1,
    .legacy-page-shell .blog-hero h1,
    .legacy-page-shell .post-hero h1,
    .legacy-page-shell .tw-hero h1,
    .legacy-page-shell .error-hero h1,
    .legacy-page-shell .hw-hero h1,
    .legacy-page-shell .app-hero h1,
    .legacy-page-shell .page-hero-section h1 {
      font-size: 30px !important;
    }

    .legacy-page-shell .section h2,
    .legacy-page-shell .hw-section h2,
    .legacy-page-shell .hw-outcome-band h2,
    .legacy-page-shell .hw-cta h2,
    .legacy-page-shell .cta-band h2,
    .legacy-page-shell .section-cta h2,
    .legacy-page-shell .app-story-label h2,
    .legacy-page-shell .app-infographic-title h2,
    .legacy-page-shell .app-capabilities h2 {
      font-size: 26px !important;
    }

    .legacy-page-shell .card h3,
    .legacy-page-shell .service-card h3,
    .legacy-page-shell .service-proof-panel h3,
    .legacy-page-shell .service-workflow-step h3,
    .legacy-page-shell .app-capability h3,
    .legacy-page-shell .app-process-step h3,
    .legacy-page-shell .hw-pillar-body h3 {
      font-size: 19px !important;
    }
  }

  .legacy-page-shell article.container p,
  .legacy-page-shell article.container li,
  .legacy-page-shell .tw-body,
  .legacy-page-shell .tw-intro,
  .legacy-page-shell .tw-subtitle,
  .legacy-page-shell .tw-meta {
    color: var(--tds-page-muted) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  }

  .legacy-page-shell article.container a:not(.btn):not(.nav-cta),
  .legacy-page-shell .tw-blog a:not(.btn):not(.nav-cta) {
    color: var(--tds-page-accent-strong) !important;
  }

  .legacy-page-shell article.container table,
  .legacy-page-shell .tw-table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    overflow: hidden !important;
    border-collapse: collapse !important;
    border: 1px solid rgba(12, 39, 56, 0.09) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 34px rgba(5, 22, 32, 0.055) !important;
  }

  .legacy-page-shell article.container th,
  .legacy-page-shell .tw-table th {
    background: #F5F5F7 !important;
    color: var(--tds-page-text) !important;
  }

  .legacy-page-shell article.container td,
  .legacy-page-shell .tw-table td {
    color: var(--tds-page-muted) !important;
  }

  .legacy-page-shell article.container tr:nth-child(even),
  .legacy-page-shell article.container tr:nth-child(even) td,
  .legacy-page-shell .tw-table tr:nth-child(even) td {
    background: #F8FAFB !important;
  }

  .legacy-page-shell .pull-quote,
  .legacy-page-shell .tw-quote,
  .legacy-page-shell .tw-bullets {
    border-color: rgba(25, 182, 255, 0.34) !important;
    background: rgba(25, 182, 255, 0.06) !important;
    border-radius: 12px !important;
  }

  .legacy-page-shell .cta-box,
  .legacy-page-shell .tw-cta {
    border-radius: 16px !important;
    background:
      radial-gradient(ellipse at 50% 0%, rgba(25, 182, 255, 0.24), transparent 48%),
      linear-gradient(180deg, #081721 0%, #0B1B22 100%) !important;
  }

  @media (max-width: 768px) {
    .legacy-page-shell .page-hero,
    .legacy-page-shell .hero,
    .legacy-page-shell .blog-hero,
    .legacy-page-shell .post-hero,
    .legacy-page-shell .tw-hero,
    .legacy-page-shell .error-hero {
      padding-top: 56px !important;
      padding-bottom: 40px !important;
      background-position: center top !important;
    }

    .legacy-page-shell .section {
      padding-top: 44px !important;
      padding-bottom: 44px !important;
    }

    .legacy-page-shell .hero-grid,
    .legacy-page-shell .split,
    .legacy-page-shell .form-shell {
      grid-template-columns: 1fr !important;
    }

    .legacy-page-shell .hero-media {
      min-height: 250px !important;
      border-radius: 20px !important;
    }

    .legacy-page-shell .stats-row,
    .legacy-page-shell .grid,
    .legacy-page-shell .sitemap-list {
      grid-template-columns: 1fr !important;
    }

    .legacy-page-shell article.container,
    .legacy-page-shell .tw-blog {
      width: calc(100% - 32px) !important;
      padding-top: 40px !important;
      padding-bottom: 64px !important;
    }

    .legacy-page-shell article.container table,
    .legacy-page-shell .tw-table {
      table-layout: fixed !important;
    }

    .legacy-page-shell article.container th,
    .legacy-page-shell article.container td,
    .legacy-page-shell .tw-table th,
    .legacy-page-shell .tw-table td {
      padding: 10px 8px !important;
      font-size: 12px !important;
      line-height: 1.35 !important;
      overflow-wrap: anywhere !important;
    }

    .legacy-page-shell .card,
    .legacy-page-shell .blog-card,
    .legacy-page-shell .lead-form,
    .legacy-page-shell .dark-panel {
      border-radius: 18px !important;
    }

    .legacy-page-shell .hero-actions {
      justify-content: center !important;
    }

    .legacy-page-shell .hero-actions .btn,
    .legacy-page-shell .lead-form .btn {
      width: 100% !important;
    }
  }