/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.8.1.1783507962
Updated: 2026-07-08 10:52:42

*/

 
      :root {
        --bg-base: #fff;
        --bg-secondary: #f8f9fb;
        --bg-tertiary: #f3f4f6;
        --text-primary: #081633;
        --text-secondary: #4f5b74;
        --text-tertiary: #7a869e;
        --accent-cobalt: #3247c6;
        --accent-cobalt-hover: #2437b3;
        --accent-cobalt-tint: #3247c614;
        --accent-cobalt-light: #3247c60a;
        --accent-amber: #d9a441;
        --accent-green: #10b981;
        --accent-green-light: #10b9811a;
        --accent-red: #ef4444;
        --border-color: #e5e7eb;
        --border-light: #0816330f;
        --border-focus: #3247c666;
        --font-sans:
          "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          sans-serif;
        --font-display:
          "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          sans-serif;
        --shadow-sm: 0 2px 8px #0816330a;
        --shadow-md: 0 8px 30px #0816330f;
        --shadow-lg: 0 20px 50px #08163314;
        --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      }
      *,
      :before,
      :after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      html {
        font-family: var(--font-sans);
        background-color: var(--bg-base);
        color: var(--text-secondary);
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      body {
        font-family: var(--font-sans);
        color: var(--text-secondary);
        font-size: 16px;
        line-height: 1.6;
        overflow-x: hidden;
      }
      ::-webkit-scrollbar {
        width: 8px;
      }
      ::-webkit-scrollbar-track {
        background: var(--bg-secondary);
      }
      ::-webkit-scrollbar-thumb {
        border: 2px solid var(--bg-secondary);
        background: #cbd5e1;
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        color: var(--text-primary);
        font-family: var(--font-display);
        text-wrap: balance;
        letter-spacing: -0.03em;
        font-weight: 800;
        line-height: 1.1;
      }
      h1 {
        font-size: clamp(38px, 5vw, 56px);
        font-weight: 900;
      }
      h2 {
        font-size: clamp(30px, 3.8vw, 42px);
        font-weight: 900;
        line-height: 1.2;
      }
      h3 {
        font-size: 22px;
        font-weight: 700;
      }
      .highlight-blue {
        font-weight: inherit;
        color: var(--accent-cobalt) !important;
      }
      .gscc-gradient-text,
      .gscc-headline-gradient {
        background: 0 0 !important;
        -webkit-background-clip: initial !important;
        -webkit-text-fill-color: initial !important;
        background-clip: initial !important;
        color: var(--accent-cobalt) !important;
        animation: none !important;
        display: inline !important;
      }
     /* p {
        color: var(--text-secondary);
        font-weight: 400;
      } */

footer p {   
    color: rgba(255, 255, 255, 0.45) !important;
}
      a {
        color: var(--accent-cobalt);
        transition: var(--transition-fast);
        text-decoration: none;
      }
      a:hover {
        color: var(--accent-cobalt-hover);
      }
      .text-center {
        text-align: center;
      }
      .text-cobalt {
        color: var(--accent-cobalt);
      }
      .text-navy {
        color: var(--text-primary);
      }
      .bold {
        font-weight: 600;
      }
      .font-bold {
        font-weight: 700;
      }
      .eyebrow {
        font-family: var(--font-sans);
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--accent-cobalt);
        font-size: 11px;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 8px !important;
      }
      .section-header {
        max-width: 780px;
        margin: 0 auto 80px;
      }
      .section-title {
        font-family: var(--font-sans);
        color: var(--text-primary);
        letter-spacing: -1px;
        font-size: clamp(30px, 4vw, 42px);
        font-weight: 900;
        line-height: 1.25;
        margin-bottom: 24px !important;
      }
      .section-desc {
        font-family: var(--font-sans);
        color: var(--text-secondary);
        max-width: 700px;
        margin-bottom: 28px;
        font-size: 16px;
        line-height: 1.6;
      }
      .btn {
        font-family: var(--font-sans);
        cursor: pointer;
        height: 44px;
        transition: all var(--transition-fast);
        white-space: nowrap;
        border: none;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        padding: 0 18px;
        font-size: 14px;
        font-weight: 600;
        display: inline-flex;
      }
      .btn-primary {
        background-color: var(--accent-cobalt);
        color: var(--bg-base);
      }
      .btn-primary:hover {
        background-color: var(--accent-cobalt-hover);
        transform: translateY(-1px);
        box-shadow: 0 6px 20px #3247c62e;
      }
      .btn-outline {
        border: 1.5px solid var(--text-primary);
        color: var(--text-primary);
        background-color: #fff;
      }
      .btn-outline:hover {
        background-color: var(--bg-secondary);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px #0816330d;
      }
      .btn-ghost {
        color: var(--text-primary);
        background-color: #0000;
      }
      .btn-ghost:hover {
        background-color: var(--bg-secondary);
        color: var(--accent-cobalt);
      }
      .btn-large {
        border-radius: 8px;
        height: 52px;
        padding: 0 28px;
        font-size: 15px;
      }
      .announcement-bar {
        background-color: var(--text-primary);
        color: #ffffffd9;
        z-index: 1010;
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 0 24px;
        font-size: 12px;
        display: flex;
        position: relative;
      }
      .announcement-content {
        align-items: center;
        gap: 8px;
        display: flex;
      }
      .announcement-dot {
        background-color: var(--accent-amber);
        width: 6px;
        height: 6px;
        box-shadow: 0 0 8px var(--accent-amber);
        border-radius: 50%;
      }
      .announcement-link {
        color: #fff;
        font-weight: 500;
        text-decoration: underline;
      }
      .announcement-link:hover {
        color: var(--accent-amber);
      }
      .navbar-header {
        -webkit-backdrop-filter: blur(12px);
        width: 100%;
        transition: all var(--transition-smooth);
        background-color: #ffffffe6;
        border-bottom: 1px solid #fff9;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 9999 !important;
      }
      .navbar-header.scrolled {
        background-color: #ffffffed;
        box-shadow: 0 4px 24px #0d15260f;
      }
      .nav-container {
        justify-content: space-between;
        align-items: center;
        max-width: 1280px;
        height: 74px;
        margin: 0 auto;
        padding: 0 24px;
        display: flex;
      }
      .nav-left {
        align-items: center;
        display: flex;
      }
      .logo-lockup {
        align-items: center;
        gap: 8px;
        text-decoration: none;
        display: flex;
      }
      .logo-image {
        object-fit: contain;
        width: auto;
        height: 38px;
        display: block;
      }
      .logo-image-light {
        filter: brightness(0) invert();
      }
      .logo-mark {
        flex-shrink: 0;
        width: 38px;
        height: 38px;
      }
      .wordmark {
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #06245a;
        font-size: 20px;
        font-weight: 800;
        display: inline-flex;
      }
      .nav-centre {
        align-items: center;
        gap: 28px;
        display: flex;
      }
      .nav-link {
        color: var(--text-primary);
        transition: color var(--transition-fast);
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
      }
      .nav-link:hover {
        color: var(--accent-cobalt);
      }
      .nav-right {
        align-items: center;
        display: flex;
      }
      .hero-section {
        background-color: var(--bg-base);
        padding: 114px 0 80px;
        position: relative;
        overflow: hidden;
      }
      .hero-section:before {
        content: "";
        filter: blur(80px);
        pointer-events: none;
        background: radial-gradient(circle, #2b3fde0a 0%, #2b3fde00 70%);
        border-radius: 50%;
        width: 600px;
        height: 600px;
        position: absolute;
        top: -200px;
        right: -200px;
      }
      .hero-container {
        z-index: 1;
        grid-template-columns: 1.15fr 0.85fr;
        align-items: center;
        gap: 48px;
        display: grid;
        position: relative;
      }
      .hero-left {
        flex-direction: column;
        display: flex;
      }
      .hero-title {
        margin-bottom: 20px;
        line-height: 1.15;
      }
      .hero-desc {
        color: var(--text-secondary);
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 32px !important;
      }
      .hero-ctas {
        gap: 12px;
        display: flex;
        margin-bottom: 40px !important;
      }
      .trust-checks {
        flex-direction: column;
        gap: 12px;
        display: flex;
      }
      .trust-check-item {
        color: var(--text-primary);
        align-items: center;
        gap: 8px;
        font-size: 13px;
        font-weight: 500;
        display: flex;
      }
      .check-icon {
        width: 16px;
        height: 16px;
        color: var(--accent-green);
        flex-shrink: 0;
      }
      .hero-right {
        justify-content: center;
        align-items: center;
        display: flex;
        position: relative;
      }
      .hero-card-wrapper {
        width: 100%;
        max-width: 440px;
        position: relative;
      }
      .floating-badge {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        color: var(--text-primary);
        box-shadow: var(--shadow-md);
        z-index: 10;
        border-radius: 30px;
        padding: 6px 14px;
        font-size: 12px;
        font-weight: 600;
        animation: 2.4s ease-in-out infinite floatBadge;
        position: absolute;
      }
      .badge-top-left {
        top: -16px;
        left: -16px;
      }
      .badge-bottom-right {
        animation-delay: 1.2s;
        bottom: -16px;
        right: -16px;
      }
      @keyframes floatBadge {
        0%,
        to {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-4px);
        }
      }
      .cinematic-visualizer-card {
        border: 1px solid var(--border-color);
        box-shadow: var(--shadow-sm);
        background-color: #fff;
        border-radius: 16px;
        flex-direction: column;
        min-height: 400px;
        display: flex;
        overflow: hidden;
      }
      .card-header-flow {
        background-color: var(--bg-secondary);
        border-bottom: 1px solid var(--border-color);
        justify-content: space-between;
        align-items: center;
        padding: 12px 16px;
        display: flex;
      }
      .live-flow-indicator {
        color: var(--text-primary);
        letter-spacing: 0.5px;
        align-items: center;
        gap: 6px;
        font-size: 10px;
        font-weight: 700;
        display: flex;
      }
      .live-flow-indicator-dot {
        background-color: var(--accent-green);
        border-radius: 50%;
        width: 6px;
        height: 6px;
        animation: 1s infinite alternate blink;
      }
      .step-lbl {
        color: var(--text-tertiary);
        font-family: monospace;
        font-size: 11px;
        font-weight: 700;
      }
      .visualizer-content {
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        min-height: 300px;
        padding: 20px;
        display: flex;
        position: relative;
      }
      .flow-screen {
        opacity: 0;
        width: 100%;
        transition: opacity 0.24s ease-in-out;
        display: none;
      }
      .flow-screen.active {
        opacity: 1;
        flex-direction: column;
        display: flex;
      }
      .mock-browser-header {
        background-color: var(--bg-tertiary);
        border: 1px solid var(--border-color);
        border-bottom: none;
        border-radius: 6px 6px 0 0;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        display: flex;
      }
      .window-url {
        color: var(--text-tertiary);
        margin-left: 12px;
        font-family: monospace;
        font-size: 10px;
      }
      .checkout-mock-body {
        border: 1px solid var(--border-color);
        background-color: var(--bg-base);
        border-radius: 0 0 6px 6px;
        padding: 16px;
      }
      .product-row {
        border-bottom: 1px solid var(--border-color);
        justify-content: space-between;
        align-items: center;
        margin-bottom: 14px;
        padding-bottom: 12px;
        display: flex;
      }
      .product-info-box {
        align-items: center;
        gap: 10px;
        display: flex;
      }
      .product-icon {
        font-size: 20px;
      }
      .product-name {
        color: var(--text-primary);
        font-size: 12px;
        font-weight: 700;
      }
      .product-qty {
        color: var(--text-tertiary);
        font-size: 10px;
      }
      .product-price {
        color: var(--text-primary);
        font-size: 13px;
        font-weight: 700;
      }
      .payment-options-group {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 16px;
        display: flex;
      }
      .pay-option-card {
        border: 1px solid var(--border-color);
        transition: all var(--transition-fast);
        cursor: pointer;
        border-radius: 6px;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        display: flex;
        position: relative;
      }
      .pay-option-card.active {
        border-color: var(--accent-green);
        background-color: #10b98108;
      }
      .pay-option-card.disabled {
        opacity: 0.6;
      }
      .radio-circle {
        border: 1px solid #cbd5e1;
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 14px;
        height: 14px;
        display: flex;
      }
      .radio-circle.checked {
        border-color: var(--accent-green);
      }
      .radio-circle.checked:after {
        content: "";
        background-color: var(--accent-green);
        border-radius: 50%;
        width: 8px;
        height: 8px;
      }
      .option-details {
        flex-direction: column;
        flex-grow: 1;
        display: flex;
      }
      .option-name {
        color: var(--text-primary);
        font-size: 11px;
        font-weight: 700;
      }
      .option-subtext {
        color: var(--text-secondary);
        font-size: 9px;
      }
      .fee-badge {
        border-radius: 4px;
        padding: 2px 6px;
        font-size: 8px;
        font-weight: 700;
        position: absolute;
        top: 8px;
        right: 12px;
      }
      .badge-red {
        color: var(--accent-red);
        background-color: #ef44441a;
      }
      .badge-green {
        color: #10b981;
        background-color: #10b98126;
      }
      .select-pay-btn {
        border-radius: 6px;
        width: 100%;
        height: 38px;
        font-size: 12px;
      }
      .qr-payment-container {
        text-align: center;
        flex-direction: column;
        align-items: center;
        padding: 10px;
        display: flex;
      }
      .qr-title {
        color: var(--text-primary);
        margin-bottom: 6px;
        font-size: 14px;
        font-weight: 700;
      }
      .amount-value {
        color: var(--accent-cobalt);
        margin-bottom: 16px;
        font-size: 24px;
        font-weight: 800;
      }
      .qr-code-box {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        box-shadow: var(--shadow-sm);
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        margin-bottom: 16px;
        padding: 16px;
        display: flex;
      }
      .qr-svg {
        width: 130px;
        height: 130px;
      }
      .qr-meta {
        flex-direction: column;
        gap: 4px;
        display: flex;
      }
      .wallet-address-monospace {
        color: var(--text-tertiary);
        font-family: monospace;
        font-size: 11px;
      }
      .expiry-timer {
        color: var(--accent-amber);
        font-size: 11px;
        font-weight: 600;
      }
      .blockchain-visual-container {
        flex-direction: column;
        gap: 16px;
        display: flex;
      }
      .blockchain-nodes-row {
        justify-content: space-between;
        align-items: center;
        display: flex;
      }
      .b-node {
        background-color: var(--bg-secondary);
        border: 1px solid var(--border-color);
        border-radius: 6px;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        display: flex;
      }
      .b-node-icon {
        font-size: 14px;
      }
      .b-node-name {
        color: var(--text-primary);
        font-size: 10px;
        font-weight: 700;
      }
      .blockchain-path-container {
        height: 20px;
        margin: 10px 0;
        position: relative;
      }
      .b-line-track {
        background-color: var(--bg-tertiary);
        border-radius: 2px;
        height: 4px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
      }
      .b-line-active {
        background-color: var(--accent-cobalt);
        border-radius: 2px;
        width: 0;
        height: 4px;
        transition: width 3.5s linear;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
      }
      .floating-usdc-bubble {
        background-color: var(--accent-cobalt);
        color: #fff;
        z-index: 5;
        border-radius: 20px;
        padding: 3px 8px;
        font-size: 9px;
        font-weight: 700;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
      }
      .ledger-box {
        background-color: var(--text-primary);
        color: #fff;
        border-radius: 6px;
        padding: 12px;
      }
      .ledger-header {
        color: var(--accent-amber);
        letter-spacing: 0.5px;
        margin-bottom: 8px;
        font-family: monospace;
        font-size: 9px;
        font-weight: 700;
      }
      .ledger-confirmations {
        flex-direction: column;
        gap: 6px;
        font-family: monospace;
        font-size: 10px;
        display: flex;
      }
      .confirmation-item {
        align-items: center;
        gap: 6px;
        display: flex;
      }
      .check-box {
        color: var(--accent-green);
        font-weight: 700;
      }
      .check-box.pending {
        color: var(--accent-amber);
      }
      .compliance-tag {
        color: var(--text-tertiary);
        text-align: center;
        font-family: monospace;
        font-size: 10px;
      }
      .success-screen-container {
        text-align: center;
        flex-direction: column;
        align-items: center;
        display: flex;
      }
      .success-ring-pulse {
        justify-content: center;
        margin-bottom: 12px;
        display: flex;
      }
      .success-svg {
        width: 52px;
        height: 52px;
        stroke: var(--accent-green);
        stroke-width: 3px;
      }
      .circle-path {
        stroke-dasharray: 166;
        stroke-dashoffset: 166px;
        stroke-width: 3px;
        stroke-miterlimit: 10;
        stroke: var(--accent-green);
        animation: 0.36s ease-in-out forwards draw-circle;
      }
      .check-path {
        transform-origin: 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48px;
        stroke: var(--accent-green);
        animation: 0.24s ease-in-out 0.3s forwards draw-check;
      }
      .success-main-title {
        color: var(--text-primary);
        margin-bottom: 14px;
        font-size: 16px;
        font-weight: 700;
      }
      .details-receipt-card {
        background-color: var(--bg-secondary);
        border: 1px solid var(--border-color);
        border-radius: 6px;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        padding: 12px 16px;
        display: flex;
      }
      .receipt-row {
        justify-content: space-between;
        font-size: 11px;
        display: flex;
      }
      .r-label {
        color: var(--text-secondary);
      }
      .r-val {
        color: var(--text-primary);
        font-weight: 600;
      }
      .r-val.monospace-val {
        color: var(--text-tertiary);
        font-family: monospace;
      }
      .card-footer-flow {
        background-color: var(--bg-secondary);
        border-top: 1px solid var(--border-color);
        justify-content: center;
        padding: 10px;
        display: flex;
      }
      .flow-dots {
        gap: 8px;
        display: flex;
      }
      .flow-dot {
        background-color: var(--border-color);
        cursor: pointer;
        width: 8px;
        height: 8px;
        transition: all var(--transition-fast);
        border-radius: 50%;
      }
      .flow-dot.active {
        background-color: var(--accent-cobalt);
        transform: scale(1.1);
      }
      .modern-commerce-section {
        background-color: var(--bg-base);
        padding: 120px 0;
        position: relative;
      }
      .modern-commerce-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        display: grid;
      }
      .commerce-card {
        border: 1px solid var(--border-color);
        min-height: 420px;
        box-shadow: var(--shadow-sm);
        background-color: #fff;
        border-radius: 16px;
        outline: none;
        flex-direction: column;
        padding: 36px;
        text-decoration: none;
        transition:
          transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
          box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
          border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        position: relative;
        overflow: hidden;
      }
      .commerce-card:focus-visible {
        outline: 3px solid var(--accent-cobalt);
        outline-offset: 4px;
      }
      .commerce-visual-area {
        background: linear-gradient(135deg, #f0f4ff, #fff);
        border-radius: 16px;
        justify-content: center;
        align-items: center;
        height: 240px;
        margin-bottom: 28px;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        position: relative;
        overflow: hidden;
      }
      .commerce-card:hover .commerce-visual-area {
        transform: scale(1.05);
      }
      .commerce-text-area {
        flex-direction: column;
        display: flex;
      }
      .commerce-role {
        color: var(--accent-cobalt);
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 12px;
        font-size: 11px;
        font-weight: 700;
        display: block;
      }
      .commerce-headline {
        color: var(--text-primary);
        margin-bottom: 14px;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.25;
      }
      .commerce-desc {
        color: var(--text-secondary);
        font-size: 15px;
        font-weight: 400;
        line-height: 26px;
      }
      .card-learn-more {
        color: var(--accent-cobalt);
        opacity: 0;
        margin-top: 14px;
        font-size: 14px;
        font-weight: 600;
        transition: all 0.25s;
        display: inline-block;
        transform: translateY(8px);
      }
      .commerce-card:hover .card-learn-more {
        opacity: 1;
        transform: translateY(0);
      }
      .mini-dashboard {
        background-color: #081633;
        border: 1px solid #ffffff0d;
        border-radius: 16px;
        flex-direction: column;
        justify-content: space-between;
        width: 240px;
        height: 220px;
        padding: 20px;
        display: flex;
        position: relative;
      }
      .dashboard-top {
        align-items: center;
        gap: 8px;
        display: flex;
      }
      .db-dot {
        background-color: var(--accent-green);
        width: 6px;
        height: 6px;
        box-shadow: 0 0 6px var(--accent-green);
        border-radius: 50%;
      }
      .db-title {
        color: #ffffffb3;
        letter-spacing: 0.5px;
        font-size: 11px;
        font-weight: 600;
      }
      .db-balance {
        color: #fff;
        margin: 10px 0;
        font-family: monospace;
        font-size: 20px;
        font-weight: 700;
        transition: color 0.3s;
      }
      .sparkline-svg {
        width: 100%;
        height: 40px;
      }
      .sparkline-path {
        stroke-dasharray: 300;
        stroke-dashoffset: 0;
        transition: stroke-dashoffset 2s;
      }
      .commerce-card:hover .sparkline-path {
        animation: 1.5s ease-out forwards drawSpark;
      }
      @keyframes drawSpark {
        0% {
          stroke-dashoffset: 300px;
        }
        to {
          stroke-dashoffset: 0;
        }
      }
      .db-pills {
        gap: 6px;
        display: flex;
      }
      .db-pill {
        color: #ffffffd9;
        background-color: #ffffff0f;
        border-radius: 4px;
        padding: 4px 8px;
        font-size: 9px;
        font-weight: 600;
      }
      .workflow-visual {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
      }
      .flow-nodes-line {
        z-index: 5;
        justify-content: space-between;
        width: 90%;
        display: flex;
      }
      .wf-node {
        flex-direction: column;
        align-items: center;
        gap: 6px;
        display: flex;
      }
      .wf-status {
        color: var(--accent-cobalt);
        background-color: var(--accent-cobalt-tint);
        letter-spacing: 0.5px;
        border-radius: 4px;
        padding: 2px 5px;
        font-size: 8px;
        font-weight: 700;
      }
      .wf-icon-box {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        width: 32px;
        height: 32px;
        box-shadow: var(--shadow-sm);
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        transition: transform 0.3s;
        display: flex;
      }
      .commerce-card:hover .wf-icon-box {
        transform: scale(1.1);
      }
      .wf-name {
        color: var(--text-primary);
        font-size: 9px;
        font-weight: 600;
      }
      .workflow-lines-svg {
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .wf-traveler {
        animation: 3s linear infinite moveDot;
      }
      .wf-traveler.t2 {
        animation-delay: 1s;
      }
      .wf-traveler.t3 {
        animation-delay: 2s;
      }
      @keyframes moveDot {
        0% {
          cx: 30px;
          opacity: 0;
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          cx: 210px;
          opacity: 0;
        }
      }
      .global-network-visual {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
      }
      .map-outline-svg {
        width: 240px;
        height: 140px;
      }
      .map-dot {
        background-color: var(--accent-cobalt);
        border-radius: 50%;
        width: 6px;
        height: 6px;
        animation: 2s infinite pulseDot;
        position: absolute;
        box-shadow: 0 0 0 2px #2b3fde33;
      }
      @keyframes pulseDot {
        0% {
          box-shadow: 0 0 #2b3fde66;
        }
        70% {
          box-shadow: 0 0 0 6px #2b3fde00;
        }
        to {
          box-shadow: 0 0 #2b3fde00;
        }
      }
      .map-dot.extra {
        opacity: 0;
        transition: opacity 0.3s;
      }
      .commerce-card:hover .map-dot.extra {
        opacity: 1;
      }
      .map-label {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        color: var(--text-primary);
        box-shadow: var(--shadow-sm);
        border-radius: 4px;
        padding: 3px 8px;
        font-size: 9px;
        font-weight: 700;
        position: absolute;
        bottom: 12px;
        right: 12px;
      }
      .engineering-visual {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
      }
      .architecture-stack {
        z-index: 5;
        flex-direction: column;
        gap: 12px;
        width: 130px;
        display: flex;
      }
      .arch-layer {
        text-align: center;
        color: #fff;
        box-shadow: var(--shadow-sm);
        border-radius: 6px;
        padding: 8px 10px;
        font-size: 10px;
        font-weight: 700;
      }
      .l-api {
        background-color: var(--accent-cobalt);
      }
      .l-app {
        background-color: var(--text-primary);
      }
      .l-infra {
        background-color: #060b18;
      }
      .arch-lines-svg {
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .hex-node {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        color: var(--accent-cobalt);
        box-shadow: var(--shadow-sm);
        border-radius: 4px;
        padding: 3px 6px;
        font-size: 8px;
        font-weight: 700;
        position: absolute;
      }
      .h-rest {
        top: 30px;
        left: 12px;
      }
      .h-sdk {
        top: 30px;
        right: 12px;
      }
      .h-web {
        bottom: 35px;
        left: 8px;
      }
      .h-graph {
        bottom: 35px;
        right: 8px;
      }
      .data-packet {
        background-color: var(--accent-cobalt);
        border-radius: 50%;
        width: 6px;
        height: 6px;
        animation: 3s linear infinite flowUp;
        position: absolute;
      }
      .data-packet.p2 {
        animation-delay: 1.5s;
      }
      @keyframes flowUp {
        0% {
          opacity: 0;
          bottom: 30px;
          left: 120px;
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          bottom: 130px;
          left: 120px;
        }
      }
      .compliance-visual {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
      }
      .shield-container {
        width: 80px;
        height: 80px;
        position: relative;
        overflow: hidden;
      }
      .shield-svg {
        width: 100%;
        height: 100%;
      }
      .shield-scan-line {
        background-color: var(--accent-cobalt);
        width: 100%;
        height: 2px;
        box-shadow: 0 0 6px var(--accent-cobalt);
        animation: 2.5s linear infinite scan;
        position: absolute;
        left: 0;
      }
      @keyframes scan {
        0% {
          top: 0;
        }
        50% {
          top: 80px;
        }
        to {
          top: 0;
        }
      }
      .comp-panel {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        color: var(--text-primary);
        box-shadow: var(--shadow-sm);
        border-radius: 6px;
        align-items: center;
        gap: 6px;
        padding: 4px 8px;
        font-size: 9px;
        font-weight: 700;
        display: flex;
        position: absolute;
      }
      .cp-left-top {
        top: 30px;
        left: 12px;
      }
      .cp-right-top {
        top: 30px;
        right: 12px;
      }
      .cp-left-bottom {
        bottom: 35px;
        left: 8px;
      }
      .cp-right-bottom {
        bottom: 35px;
        right: 8px;
      }
      .comp-pill-dot {
        background-color: var(--accent-green);
        border-radius: 50%;
        width: 5px;
        height: 5px;
      }
      .comp-check {
        color: var(--accent-green);
        font-weight: 800;
      }
      .compliance-audit-trail {
        color: var(--text-tertiary);
        font-family: monospace;
        font-size: 8px;
        position: absolute;
        bottom: 8px;
      }
      .leadership-visual {
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        padding: 20px;
        display: flex;
        position: relative;
      }
      .kpi-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        width: 100%;
        display: grid;
      }
      .kpi-card-mini {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        border-radius: 6px;
        flex-direction: column;
        gap: 2px;
        padding: 6px 10px;
        display: flex;
      }
      .k-label {
        color: var(--text-tertiary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 8px;
        font-weight: 700;
      }
      .k-val-row {
        justify-content: space-between;
        align-items: center;
        display: flex;
      }
      .k-val {
        color: var(--text-primary);
        font-size: 11.5px;
        font-weight: 700;
      }
      .k-trend.green {
        color: var(--accent-green);
        font-size: 9px;
        font-weight: 800;
      }
      .k-icon-mini {
        font-size: 10px;
      }
      .revenue-chart-svg {
        width: 100%;
        height: 35px;
        margin-top: 10px;
      }
      .revenue-path {
        stroke-dasharray: 200;
        stroke-dashoffset: 0;
        transition: stroke-dashoffset 2s;
      }
      .commerce-card:hover .revenue-path {
        animation: 1.5s ease-out forwards drawRev;
      }
      @keyframes drawRev {
        0% {
          stroke-dashoffset: 200px;
        }
        to {
          stroke-dashoffset: 0;
        }
      }
      .modern-commerce-footer {
        margin-top: 80px;
      }
      .commerce-footer-tagline {
        color: var(--text-secondary);
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
      }
      .commerce-footer-cta {
        margin-top: 32px;
      }
      .btn-explore-platform {
        border-color: var(--accent-cobalt);
        color: var(--accent-cobalt);
        height: 48px;
        padding: 0 24px;
        font-size: 13px;
      }
      .btn-explore-platform:hover {
        background-color: var(--accent-cobalt);
        color: #fff;
      }
      .business-impact-section {
        background-color: var(--bg-secondary);
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        padding: 100px 0;
      }
      .comparison-experience-block {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
        display: grid;
      }
      .comparison-pane {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        box-shadow: var(--shadow-sm);
        border-radius: 12px;
        padding: 40px;
      }
      .legacy-pane {
        border-left: 4px solid var(--accent-red);
      }
      .flashpay-pane {
        border-left: 4px solid var(--accent-cobalt);
        box-shadow: var(--shadow-md);
      }
      .pane-header {
        margin-bottom: 28px;
      }
      .pane-badge {
        letter-spacing: 1.5px;
        color: var(--text-secondary);
        text-transform: uppercase;
        margin-bottom: 8px;
        font-size: 10px;
        font-weight: 700;
        display: inline-block;
      }
      .pane-badge.badge-accent {
        color: var(--accent-cobalt);
      }
      .pane-title {
        color: var(--text-primary);
        font-size: 20px;
      }
      .pane-list {
        flex-direction: column;
        gap: 20px;
        list-style: none;
        display: flex;
      }
      .pane-list li {
        align-items: flex-start;
        gap: 14px;
        display: flex;
      }
      .list-marker {
        color: var(--accent-red);
        background-color: #ef44441a;
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 22px;
        height: 22px;
        font-size: 14px;
        font-weight: 800;
        display: flex;
      }
      .list-marker.marker-check {
        color: var(--accent-green);
        background-color: var(--accent-green-light);
      }
      .pane-list li strong {
        color: var(--text-primary);
        margin-bottom: 2px;
        font-size: 14px;
        display: block;
      }
      .pane-list li p {
        color: var(--text-secondary);
        font-size: 13px;
      }
      .value-cards-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        display: grid;
      }
      .value-card {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        box-shadow: var(--shadow-sm);
        transition: all var(--transition-smooth);
        border-radius: 12px;
        flex-direction: column;
        padding: 32px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
      .value-card:hover {
        box-shadow: var(--shadow-lg);
        border-color: var(--accent-cobalt);
        transform: translateY(-6px);
      }
      .value-card-glow {
        background-color: var(--accent-cobalt);
        transform-origin: 0;
        width: 100%;
        height: 4px;
        transition: transform var(--transition-smooth);
        position: absolute;
        top: 0;
        left: 0;
        transform: scaleX(0);
      }
      .value-card:hover .value-card-glow {
        transform: scaleX(1);
      }
      .value-card-visual {
        background-color: var(--bg-secondary);
        border: 1px solid var(--border-color);
        border-radius: 6px;
        justify-content: center;
        align-items: center;
        height: 120px;
        margin-bottom: 24px;
        padding: 16px;
        display: flex;
      }
      .visual-timeline-comparison {
        flex-direction: column;
        gap: 12px;
        width: 100%;
        display: flex;
      }
      .t-line {
        flex-direction: column;
        gap: 4px;
        display: flex;
      }
      .flow-label {
        color: var(--text-tertiary);
        text-transform: uppercase;
        font-size: 9px;
        font-weight: 700;
      }
      .flow-nodes-row {
        align-items: center;
        gap: 4px;
        display: flex;
      }
      .mini-node {
        background-color: var(--bg-tertiary);
        color: var(--text-secondary);
        border-radius: 3px;
        padding: 2px 4px;
        font-size: 8px;
      }
      .mini-node.active {
        background-color: var(--accent-cobalt);
        color: #fff;
      }
      .flow-arrow {
        color: var(--text-tertiary);
        font-size: 8px;
      }
      .flow-arrow.active {
        color: var(--accent-cobalt);
      }
      .visual-fee-comparison {
        width: 100%;
      }
      .fee-bars {
        flex-direction: column;
        gap: 12px;
        display: flex;
      }
      .fee-bar-item {
        align-items: center;
        gap: 8px;
        display: flex;
      }
      .bar-name {
        width: 60px;
        color: var(--text-secondary);
        font-size: 9px;
        font-weight: 600;
      }
      .bar-track {
        background-color: var(--bg-tertiary);
        border-radius: 3px;
        flex-grow: 1;
        height: 6px;
        overflow: hidden;
      }
      .bar-fill {
        border-radius: 3px;
        height: 100%;
      }
      .fill-red {
        background-color: var(--accent-red);
      }
      .fill-green {
        background-color: var(--accent-green);
      }
      .bar-pct {
        text-align: right;
        width: 60px;
        font-size: 9px;
        font-weight: 700;
      }
      .text-red {
        color: var(--accent-red);
      }
      .text-green {
        color: var(--accent-green);
      }
      .visual-network-diagram {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
      }
      .net-nodes-container {
        width: 120px;
        height: 80px;
        position: relative;
      }
      .net-node {
        z-index: 5;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        font-size: 9px;
        font-weight: 700;
        display: flex;
        position: absolute;
      }
      .core-node {
        background-color: var(--accent-cobalt);
        color: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .net-sub-node {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        color: var(--text-primary);
        z-index: 5;
        border-radius: 4px;
        padding: 2px 6px;
        font-size: 8px;
        font-weight: 700;
        position: absolute;
      }
      .net-sub-node:nth-child(5) {
        top: 0;
        left: 10px;
      }
      .net-sub-node:nth-child(6) {
        bottom: 0;
        left: 0;
      }
      .net-sub-node:nth-child(7) {
        top: 30px;
        right: 0;
      }
      .net-line {
        background-color: var(--border-color);
        z-index: 1;
        transform-origin: 0;
        height: 1px;
        position: absolute;
      }
      .line-1 {
        width: 40px;
        top: 30px;
        left: 30px;
        transform: rotate(-135deg);
      }
      .line-2 {
        width: 40px;
        bottom: 25px;
        left: 30px;
        transform: rotate(135deg);
      }
      .line-3 {
        width: 35px;
        top: 40px;
        left: 45px;
        transform: rotate(0);
      }
      .value-card-title {
        color: var(--text-primary);
        font-size: 18px;
        font-weight: 700;
        font-family: var(--font-sans);
        margin-bottom: 12px;
      }
      .value-card-desc {
        color: var(--text-secondary);
        flex-grow: 1;
        margin-bottom: 24px;
        font-size: 13.5px;
        line-height: 1.5;
      }
      .value-card-metric {
        background-color: var(--bg-secondary);
        border: 1px solid var(--border-color);
        border-radius: 6px;
        align-self: flex-start;
        align-items: center;
        gap: 8px;
        margin-top: auto;
        padding: 8px 12px;
        display: flex;
      }
      .metric-icon {
        font-size: 13px;
      }
      .metric-text {
        color: var(--text-primary);
        font-size: 11.5px;
        font-weight: 700;
      }
      .dev-section {
        background-color: var(--bg-base);
        padding: 60px 0;
      }
      .dev-container {
        grid-template-columns: 0.95fr 1.05fr;
        align-items: center;
        gap: 60px;
        display: grid;
      }
      .dev-features {
        flex-direction: column;
        gap: 20px;
        display: flex;
      }
      .dev-feat-item {
        align-items: flex-start;
        gap: 12px;
        display: flex;
      }
      .feat-bullet {
        color: var(--accent-cobalt);
        font-size: 15px;
        font-weight: 800;
      }
      .feat-name {
        color: var(--text-primary);
        font-size: 14px;
        font-weight: 700;
      }
      .feat-desc {
        color: var(--text-secondary);
        font-size: 13px;
      }
      .code-card {
        box-shadow: var(--shadow-lg);
        background-color: #0a1022;
        border: 1px solid #ffffff14;
        border-radius: 12px;
        overflow: hidden;
      }
      .code-header {
        background-color: #060b18;
        border-bottom: 1px solid #ffffff14;
        justify-content: space-between;
        align-items: center;
        padding: 10px 16px;
        display: flex;
      }
      .code-tabs {
        gap: 8px;
        display: flex;
      }
      .code-tab {
        color: #fff6;
        cursor: pointer;
        transition: all var(--transition-fast);
        background: 0 0;
        border: none;
        border-radius: 4px;
        padding: 4px 10px;
        font-size: 12px;
        font-weight: 600;
      }
      .code-tab.active {
        color: #fff;
        background-color: #ffffff14;
      }
      .code-lang-indicator {
        color: #ffffff4d;
        font-family: monospace;
        font-size: 10px;
        font-weight: 700;
      }
      .code-body {
        padding: 20px;
        overflow-x: auto;
      }
      .code-display {
        margin: 0;
        font-family: monospace;
        font-size: 13px;
        line-height: 1.6;
      }
      .token.keyword {
        color: #8f7ff5;
      }
      .token.punctuation {
        color: #a6accd;
      }
      .token.string {
        color: #c3e88d;
      }
      .token.operator {
        color: #89ddff;
      }
      .token.number {
        color: #f78c6c;
      }
      .token.method {
        color: #82b1ff;
      }
      .token.parameter {
        color: #f07178;
      }
      .onboarding-section {
        background-color: var(--bg-base);
        padding: 120px 0;
      }
      .onboarding-container {
        grid-template-columns: 0.95fr 1.05fr;
        align-items: center;
        gap: 60px;
        display: grid;
      }
      .compliance-row {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 32px;
        display: flex;
      }
      .compliance-pill {
        background-color: var(--bg-secondary);
        border: 1px solid var(--border-color);
        color: var(--text-primary);
        letter-spacing: 0.5px;
        border-radius: 6px;
        padding: 6px 14px;
        font-size: 10px;
        font-weight: 700;
      }
      .form-card {
        border: 1px solid var(--border-color);
        box-shadow: var(--shadow-sm);
        background-color: #fff;
        border-radius: 16px;
        padding: 36px;
        position: relative;
        overflow: hidden;
      }
      .form-group {
        flex-direction: column;
        margin-bottom: 18px;
        display: flex;
        position: relative;
      }
      .form-group label {
        color: var(--text-primary);
        margin-bottom: 6px;
        font-size: 12.5px;
        font-weight: 600;
      }
      .form-group input,
      .form-group select {
        border: 1px solid var(--border-color);
        height: 44px;
        color: var(--text-primary);
        background-color: var(--bg-base);
        transition: all var(--transition-fast);
        border-radius: 6px;
        padding: 0 14px;
        font-size: 13.5px;
      }
      .form-group input::placeholder {
        color: var(--text-tertiary);
      }
      .form-group input:focus,
      .form-group select:focus {
        border-color: var(--accent-cobalt);
        box-shadow: 0 0 0 3px var(--border-focus);
        outline: none;
      }
      .form-group input.user-invalid,
      .form-group select.user-invalid {
        border-color: var(--accent-red);
        background-color: #ef444403;
      }
      .error-msg {
        color: var(--accent-red);
        margin-top: 4px;
        font-size: 11px;
        font-weight: 500;
        display: none;
      }
      .enterprise-alert {
        opacity: 0;
        color: #b45309;
        background-color: #f5a62314;
        border: 1px solid #f5a62340;
        border-radius: 6px;
        margin-bottom: 16px;
        padding: 10px 14px;
        font-size: 12px;
        font-weight: 500;
        transition: opacity 0.3s;
        display: none;
      }
      .btn-submit {
        gap: 8px;
        width: 100%;
        height: 46px;
        font-size: 14px;
        display: flex;
      }
      .btn-spinner {
        border: 2px solid #fff;
        border-top-color: #0000;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        animation: 0.8s linear infinite spin;
        display: none;
      }
      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }
      .privacy-note {
        color: var(--text-tertiary);
        text-align: center;
        margin-top: 12px;
        font-size: 11px;
      }
      .form-success-state {
        text-align: center;
        display: none;
      }
      .form-success-state.active {
        display: block;
      }
      .success-checkmark-wrapper {
        justify-content: center;
        margin-bottom: 20px;
        display: flex;
      }
      .success-checkmark-svg {
        width: 56px;
        height: 56px;
        stroke: var(--accent-green);
        stroke-width: 3px;
      }
      .checkmark-circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166px;
        stroke-width: 3px;
        stroke-miterlimit: 10;
        stroke: var(--accent-green);
        animation: 0.6s ease-in-out forwards draw-circle;
      }
      .checkmark-check {
        transform-origin: 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48px;
        stroke: var(--accent-green);
        animation: 0.4s ease-in-out 0.5s forwards draw-check;
      }
      @keyframes draw-circle {
        to {
          stroke-dashoffset: 0;
        }
      }
      @keyframes draw-check {
        to {
          stroke-dashoffset: 0;
        }
      }
      .success-title {
        font-size: 20px;
        font-family: var(--font-sans);
        margin-bottom: 10px;
      }
      .success-desc {
        color: var(--text-secondary);
        margin-bottom: 20px;
        font-size: 13.5px;
        line-height: 1.5;
      }
      .success-actions {
        flex-direction: column;
        gap: 10px;
        display: flex;
      }
      .footer {
        background-color: var(--bg-secondary);
        border-top: 1px solid var(--border-color);
        padding: 50px 0 30px;
      }
      .footer-grid {
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
        display: grid;
      }
      .footer-left {
        flex-direction: column;
        gap: 16px;
        display: flex;
      }
      .footer-tagline {
        color: var(--text-secondary);
        font-size: 14px;
        font-weight: 500;
      }
      .social-links {
        gap: 10px;
        display: flex;
      }
      .social-circle {
        background-color: var(--bg-base);
        border: 1px solid var(--border-color);
        width: 34px;
        height: 34px;
        color: var(--text-secondary);
        transition: all var(--transition-fast);
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        display: flex;
      }
      .social-circle:hover {
        background-color: var(--accent-cobalt);
        color: #fff;
        border-color: var(--accent-cobalt);
      }
      .footer-links {
        flex-direction: column;
        gap: 10px;
        display: flex;
      }
      .footer-title {
        color: var(--text-primary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 13px;
        font-weight: 700;
        font-family: var(--font-sans);
        margin-bottom: 6px;
      }
      .footer-link {
        color: var(--text-secondary);
        transition: color var(--transition-fast);
        font-size: 13px;
      }
      .footer-bottom {
        border-top: 1px solid var(--border-color);
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        padding-top: 30px;
        display: flex;
      }
      .footer-copyright {
        color: var(--text-tertiary);
        font-size: 12px;
      }
      .footer-disclaimer {
        color: var(--text-tertiary);
        text-align: right;
        max-width: 600px;
        font-size: 11px;
        line-height: 1.4;
      }
      .js-enabled .animate-on-scroll {
        opacity: 0;
        transition:
          opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
          transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        transform: translateY(16px);
      }
      .js-enabled .animate-on-scroll.animated {
        opacity: 1;
        transform: translateY(0);
      }
      @media (prefers-reduced-motion: reduce) {
        .animate-on-scroll {
          opacity: 1 !important;
          transition: none !important;
          transform: none !important;
        }
        .wf-traveler,
        .map-dot,
        .data-packet,
        .shield-scan-line,
        .floating-badge {
          animation: none !important;
        }
        .commerce-visual-area,
        .commerce-card {
          transition: none !important;
          transform: none !important;
        }
      }
      @media (width<=1439px) and (width>=1024px) {
        .modern-commerce-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (width<=1023px) {
        .modern-commerce-grid {
          grid-template-columns: 1fr;
        }
        .modern-commerce-section {
          padding: 80px 0;
        }
        .commerce-card {
          min-height: 360px;
        }
        .commerce-visual-area {
          height: 200px;
        }
      }
      @media (width<=1024px) {
        .hero-container,
        .dev-container,
        .onboarding-container {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .comparison-experience-block {
          grid-template-columns: 1fr;
          gap: 24px;
        }
        .value-cards-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (width<=768px) {
        .nav-centre {
          display: none;
        }
        .footer-grid {
          grid-template-columns: 1fr;
        }
        .footer-bottom {
          text-align: center;
          flex-direction: column;
        }
        .footer-disclaimer {
          text-align: center;
        }
      }
      .storytelling-section {
        background-color: var(--bg-base);
        padding: 80px 0;
        position: relative;
        overflow: hidden;
      }
      .storytelling-section:before {
        content: "";
        pointer-events: none;
        z-index: 1;
        background-image: radial-gradient(#2b3fde08 1px, #0000 1px);
        background-size: 24px 24px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .storytelling-section:after {
        content: "";
        pointer-events: none;
        z-index: 1;
        background: radial-gradient(circle, #2b3fde0a 0%, #0000 70%);
        width: 600px;
        height: 600px;
        position: absolute;
        top: 0;
        right: 0;
      }
      .storytelling-two-col {
        z-index: 2;
        grid-template-columns: 50fr 50fr;
        align-items: center;
        gap: 80px;
        max-width: 1320px;
        margin: 0 auto 60px;
        padding: 40px 48px;
        display: grid;
        position: relative;
      }
      .story-col-left {
        flex-direction: column;
        max-width: 580px;
        display: flex;
      }
      .storytelling-two-col .eyebrow {
        color: var(--accent-cobalt);
        text-transform: uppercase;
        letter-spacing: 3.5px;
        margin-bottom: 24px;
        font-size: 13px;
        font-weight: 600;
      }
      .story-col-left .story-main-title {
        color: var(--text-primary);
        letter-spacing: -1.5px;
        margin-bottom: 32px;
        font-size: 56px;
        font-weight: 800;
        line-height: 1.08;
      }
      .story-col-left .story-opener-body {
        flex-direction: column;
        align-items: flex-start;
        display: flex;
      }
      .story-col-left .story-p-large {
        color: #1a1f36;
        margin-bottom: 0;
        font-size: 19px;
        font-weight: 400;
        line-height: 32px;
      }
      .story-col-left .story-p-sub {
        color: var(--text-secondary);
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
      }
      .capability-pills-row {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 36px;
        display: flex;
      }
      .capability-pill {
        color: var(--accent-cobalt);
        white-space: nowrap;
        background-color: #2b3fde0f;
        border: 1px solid #2b3fde1f;
        border-radius: 999px;
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 600;
        transition:
          background-color 0.2s,
          border-color 0.2s;
      }
      .capability-pill:hover {
        background-color: #2b3fde1f;
        border-color: #2b3fde3d;
      }
      .story-opener-ctas {
        gap: 16px;
        margin-top: 40px;
        display: flex;
      }
      .story-opener-ctas .btn {
        justify-content: center;
        align-items: center;
        height: 48px;
        padding: 0 24px;
        display: inline-flex;
      }
      .cta-explore,
      .cta-talk {
        flex-shrink: 0;
      }
      .global-settlement-container {
        background: linear-gradient(145deg, #081633 0%, #1a1f36 100%);
        border: 1px solid #ffffff0f;
        border-radius: 32px;
        width: 100%;
        height: 560px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 40px 80px #0d15262e;
      }
      .global-settlement-grid {
        transform-origin: top;
        pointer-events: none;
        background-image: radial-gradient(#ffffff0d 1px, #0000 1px);
        background-size: 32px 32px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transform: perspective(600px) rotateX(10deg);
      }
      .global-network-canvas {
        z-index: 2;
        width: 100%;
        height: 100%;
        position: relative;
      }
      @keyframes staggeredNodePulse {
        0%,
        to {
          opacity: 0.6;
          transform: scale(1);
        }
        50% {
          opacity: 1;
          fill: #00e5a0;
          transform: scale(1.25);
        }
      }
      .js-enabled .pulse-node {
        transform-origin: 50%;
        animation: 3s ease-in-out infinite staggeredNodePulse;
      }
      .js-enabled .pulse-node.p-use {
        animation-delay: 0.2s;
      }
      .js-enabled .pulse-node.p-mex {
        animation-delay: 0.4s;
      }
      .js-enabled .pulse-node.p-bra {
        animation-delay: 0.6s;
      }
      .js-enabled .pulse-node.p-arg {
        animation-delay: 0.8s;
      }
      .js-enabled .pulse-node.p-uk {
        animation-delay: 1s;
      }
      .js-enabled .pulse-node.p-ger {
        animation-delay: 1.2s;
      }
      .js-enabled .pulse-node.p-fra {
        animation-delay: 1.4s;
      }
      .js-enabled .pulse-node.p-nig {
        animation-delay: 1.6s;
      }
      .js-enabled .pulse-node.p-saf {
        animation-delay: 1.8s;
      }
      .js-enabled .pulse-node.p-ind {
        animation-delay: 2s;
      }
      .js-enabled .pulse-node.p-sin {
        animation-delay: 2.2s;
      }
      .js-enabled .pulse-node.p-jap {
        animation-delay: 2.4s;
      }
      .js-enabled .pulse-node.p-aus {
        animation-delay: 2.6s;
      }
      @keyframes drawArcLine {
        0% {
          stroke-dasharray: 0 300;
          opacity: 0.2;
        }
        50% {
          stroke-dasharray: 200 300;
          opacity: 0.8;
        }
        to {
          stroke-dasharray: 0 300;
          opacity: 0.2;
        }
      }
      .js-enabled .network-arc {
        animation: 6s ease-in-out infinite drawArcLine;
      }
      .js-enabled .network-arc.arc-g2 {
        animation-duration: 7s;
        animation-delay: 2.5s;
      }
      @keyframes arcTravel1 {
        0% {
          opacity: 0;
          transform: translate(110px, 110px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(280px, 120px);
        }
      }
      @keyframes arcTravel2 {
        0% {
          opacity: 0;
          transform: translate(165px, 115px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(160px, 230px);
        }
      }
      @keyframes arcTravel3 {
        0% {
          opacity: 0;
          transform: translate(255px, 105px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(420px, 220px);
        }
      }
      @keyframes arcTravel4 {
        0% {
          opacity: 0;
          transform: translate(420px, 220px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(440px, 330px);
        }
      }
      .js-enabled .arc-dot.dot-a1 {
        animation: 4s cubic-bezier(0.4, 0, 0.2, 1) infinite arcTravel1;
      }
      .js-enabled .arc-dot.dot-a2 {
        animation: 3.5s cubic-bezier(0.4, 0, 0.2, 1) 0.8s infinite arcTravel2;
      }
      .js-enabled .arc-dot.dot-a3 {
        animation: 5s cubic-bezier(0.4, 0, 0.2, 1) 1.5s infinite arcTravel3;
      }
      .js-enabled .arc-dot.dot-a4 {
        animation: 3.2s cubic-bezier(0.4, 0, 0.2, 1) 2s infinite arcTravel4;
      }
      @keyframes flowHubIn1 {
        0% {
          opacity: 0;
          transform: translate(110px, 110px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(270px, 210px);
        }
      }
      @keyframes flowHubIn2 {
        0% {
          opacity: 0;
          transform: translate(380px, 180px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(270px, 210px);
        }
      }
      @keyframes flowHubIn3 {
        0% {
          opacity: 0;
          transform: translate(270px, 240px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(270px, 210px);
        }
      }
      @keyframes flowHubOut1 {
        0% {
          opacity: 0;
          transform: translate(270px, 210px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(160px, 230px);
        }
      }
      @keyframes flowHubOut2 {
        0% {
          opacity: 0;
          transform: translate(270px, 210px);
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(420px, 220px);
        }
      }
      .js-enabled .flow-dot.f-in1 {
        animation: 3.2s cubic-bezier(0.4, 0, 0.2, 1) infinite flowHubIn1;
      }
      .js-enabled .flow-dot.f-in2 {
        animation: 4.1s cubic-bezier(0.4, 0, 0.2, 1) 0.5s infinite flowHubIn2;
      }
      .js-enabled .flow-dot.f-in3 {
        animation: 2.8s cubic-bezier(0.4, 0, 0.2, 1) 1.2s infinite flowHubIn3;
      }
      .js-enabled .flow-dot.f-out1 {
        animation: 3.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s infinite flowHubOut1;
      }
      .js-enabled .flow-dot.f-out2 {
        animation: 4.5s cubic-bezier(0.4, 0, 0.2, 1) 1s infinite flowHubOut2;
      }
      @keyframes coreHubBreath {
        0%,
        to {
          transform: translate(270px, 210px) scale(1);
        }
        50% {
          transform: translate(270px, 210px) scale(1.05);
        }
      }
      .js-enabled .settlement-core-hub {
        animation: 4s cubic-bezier(0.4, 0, 0.2, 1) infinite coreHubBreath;
      }
      @keyframes waveExpand {
        0% {
          r: 32px;
          opacity: 0.8;
          stroke-width: 1.2px;
        }
        50% {
          opacity: 0.4;
        }
        to {
          r: 110px;
          opacity: 0;
          stroke-width: 0.5px;
        }
      }
      .js-enabled .core-wave.wv1 {
        animation: 3s cubic-bezier(0.16, 1, 0.3, 1) infinite waveExpand;
      }
      .js-enabled .core-wave.wv2 {
        animation: 3s cubic-bezier(0.16, 1, 0.3, 1) 1s infinite waveExpand;
      }
      .js-enabled .core-wave.wv3 {
        animation: 3s cubic-bezier(0.16, 1, 0.3, 1) 2s infinite waveExpand;
      }
      .live-network-status {
        -webkit-backdrop-filter: blur(20px);
        z-index: 10;
        background: #ffffff0d;
        border: 1px solid #ffffff1a;
        border-radius: 12px;
        flex-direction: column;
        padding: 14px 18px;
        display: flex;
        position: absolute;
        top: 24px;
        right: 24px;
      }
      .live-status-header {
        align-items: center;
        gap: 8px;
        margin-bottom: 4px;
        display: flex;
      }
      .live-status-dot {
        background-color: #00e5a0;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        display: inline-block;
        box-shadow: 0 0 8px #00e5a0;
      }
      .status-lbl {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
      }
      .live-counter-row {
        flex-direction: column;
        display: flex;
      }
      .live-count-num {
        color: #fff;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.2;
      }
      .live-count-desc {
        color: #fff9;
        font-size: 11px;
      }
      .live-activity-feed {
        -webkit-backdrop-filter: blur(20px);
        z-index: 10;
        background: #ffffff0d;
        border: 1px solid #ffffff1a;
        border-radius: 12px;
        align-items: center;
        gap: 8px;
        padding: 12px 16px;
        transition: opacity 0.4s;
        display: flex;
        position: absolute;
        top: 24px;
        left: 24px;
      }
      .activity-check {
        color: #00e5a0;
        font-size: 11px;
        font-weight: 700;
      }
      .activity-msg-text {
        color: #fff;
        font-size: 13px;
        font-weight: 500;
      }
      .visual-bottom-chips {
        z-index: 10;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        display: grid;
        position: absolute;
        bottom: 24px;
        left: 24px;
        right: 24px;
      }
      .stat-chip {
        -webkit-backdrop-filter: blur(20px);
        background: #0d152699;
        border: 1px solid #ffffff14;
        border-radius: 10px;
        flex-direction: column;
        padding: 10px 16px;
        transition: transform 4s ease-in-out;
        display: flex;
      }
      .chip-val {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
      }
      .chip-val.color-cobalt {
        color: #60a5fa;
      }
      .chip-val.color-amber {
        color: #d9a441;
      }
      .chip-lbl {
        color: #ffffff80;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-top: 2px;
        font-size: 10px;
      }
      @keyframes chipFloat {
        0%,
        to {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-4px);
        }
      }
      .js-enabled .stat-chip.c-left {
        animation: 4s ease-in-out infinite chipFloat;
      }
      .js-enabled .stat-chip.c-center {
        animation: 4s ease-in-out 1.3s infinite chipFloat;
      }
      .js-enabled .stat-chip.c-right {
        animation: 4s ease-in-out 2.6s infinite chipFloat;
      }
      .js-enabled .animate-story-pills,
      .js-enabled .animate-story-ctas,
      .js-enabled .animate-story-visual {
        opacity: 0;
        transition:
          opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
          transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        transform: translateY(24px);
      }
      .js-enabled .animate-story-visual {
        transform: scale(0.96) translateY(24px);
      }
      .js-enabled .animate-story-pills.animated,
      .js-enabled .animate-story-ctas.animated {
        opacity: 1;
        transform: translateY(0);
      }
      .js-enabled .animate-story-visual.animated {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
      .js-enabled .animate-story-pills {
        transition-delay: 0.7s;
      }
      .js-enabled .animate-story-ctas {
        transition-delay: 0.85s;
      }
      .js-enabled .animate-story-visual {
        transition-delay: 0.2s;
      }
      .story-divider {
        background-color: var(--accent-cobalt);
        width: 60px;
        height: 2px;
        margin: 48px auto 0;
      }
      .story-comparison-block {
        border-radius: 32px;
        grid-template-columns: 55fr 45fr;
        align-items: center;
        gap: 80px;
        margin-bottom: 40px;
        padding: 50px 48px;
        display: grid;
      }
      .flashpay-block {
        background: linear-gradient(
          135deg,
          var(--accent-cobalt) 0%,
          var(--bg-navy) 100%
        );
        grid-template-columns: 45fr 55fr;
        margin-bottom: 60px;
      }
      .traditional-block {
        background-color: #f8f9fc;
      }
      .story-col-content {
        flex-direction: column;
        display: flex;
      }
      .col-eyebrow {
        color: var(--text-tertiary);
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 24px;
        font-size: 12px;
        font-weight: 700;
      }
      .col-eyebrow.accent-amber {
        color: var(--accent-amber);
      }
      .col-title {
        color: var(--text-primary);
        letter-spacing: -1px;
        margin-bottom: 32px;
        font-size: 42px;
        font-weight: 700;
        line-height: 1.15;
      }
      .col-desc {
        color: var(--text-secondary);
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
      }
      .col-desc:last-of-type {
        margin-bottom: 32px;
      }
      .text-light-75 {
        color: #ffffffbf;
      }
      .text-light-65 {
        color: #ffffffa6;
      }
      .list-title {
        color: var(--text-primary);
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 600;
      }
      .col-list {
        flex-direction: column;
        gap: 14px;
        margin: 0 0 32px;
        padding: 0;
        list-style: none;
        display: flex;
      }
      .list-item {
        align-items: center;
        gap: 16px;
        display: flex;
      }
      .item-text {
        color: #1a1f36;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
      }
      .text-light-90 {
        color: #ffffffe6;
      }
      .indicator-dot.warn {
        background-color: #dc26261f;
        border: 1px solid #dc262666;
        border-radius: 50%;
        flex-shrink: 0;
        width: 10px;
        height: 10px;
        transition:
          background-color 0.2s,
          border-color 0.2s;
      }
      .list-item:hover .indicator-dot.warn {
        background-color: #dc262659;
        border-color: #dc2626cc;
      }
      .custom-check-icon {
        background-color: var(--accent-cobalt);
        color: #fff;
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        font-size: 10px;
        font-weight: 700;
        transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
      }
      .list-item:hover .custom-check-icon {
        transform: scale(1.18);
      }
      .col-closing {
        color: var(--text-tertiary);
        margin-top: 0;
        font-size: 17px;
        font-style: italic;
        font-weight: 500;
        line-height: 28px;
      }
      .text-light-70 {
        color: #ffffffb3;
      }
      .legacy-maze-container {
        background: #fff;
        border: 1px solid #e5e4e1;
        border-radius: 20px;
        width: 100%;
        height: 100%;
        min-height: 320px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 4px 16px #0d152608;
      }
      .maze-grid-bg {
        opacity: 0.4;
        background-image: radial-gradient(#cbd5e1 1px, #0000 1px);
        background-size: 16px 16px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .legacy-maze-svg {
        z-index: 2;
        width: 100%;
        height: auto;
        position: relative;
      }
      @keyframes nodePulse {
        0%,
        to {
          stroke: #cbd5e1;
        }
        50% {
          stroke: #ef4444;
        }
      }
      .legacy-maze-svg .maze-node {
        transform-origin: 50%;
        transition: transform 0.3s;
      }
      .legacy-maze-svg .maze-node:hover {
        transform: scale(1.05);
      }
      @keyframes clockShake {
        0%,
        to {
          transform: rotate(0);
        }
        25% {
          transform: rotate(-3deg);
        }
        75% {
          transform: rotate(3deg);
        }
      }
      .legacy-maze-svg .maze-clock {
        transform-origin: 50%;
        animation: 3s ease-in-out infinite clockShake;
      }
      .direct-path-container {
        background: #090e1a;
        border: 1px solid #2b3fde33;
        border-radius: 20px;
        width: 100%;
        height: 100%;
        min-height: 320px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 10px 30px #0d15264d;
      }
      .direct-glow-ambient {
        filter: blur(20px);
        pointer-events: none;
        background-image: radial-gradient(circle, #2b3fde40 0%, #0000 70%);
        width: 200px;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .direct-stars-network {
        pointer-events: none;
        background-image: radial-gradient(#ffffff14 1px, #0000 1px);
        background-size: 20px 20px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .direct-path-svg {
        z-index: 2;
        width: 100%;
        height: auto;
        position: relative;
      }
      @keyframes pulseTravel {
        0% {
          cx: 45px;
          opacity: 0;
        }
        10% {
          opacity: 1;
        }
        90% {
          opacity: 1;
        }
        to {
          cx: 345px;
          opacity: 0;
        }
      }
      .js-enabled .direct-light-traveler {
        animation: 3s cubic-bezier(0.4, 0, 0.2, 1) infinite pulseTravel;
      }
      @keyframes glowBreathing {
        0%,
        to {
          opacity: 0.3;
          transform: scale(1);
        }
        50% {
          opacity: 0.6;
          transform: scale(1.06);
        }
      }
      .core-glow-ring.r1 {
        transform-origin: 200px 160px;
        animation: 4s ease-in-out infinite glowBreathing;
      }
      .core-glow-ring.r2 {
        transform-origin: 200px 160px;
        animation: 4s ease-in-out 2s infinite glowBreathing;
      }
      .story-outcomes-block {
        max-width: 1200px;
        margin: 0 auto;
      }
      .outcomes-header {
        margin-bottom: 32px;
      }
      .outcomes-eyebrow {
        color: var(--accent-cobalt);
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 12px;
        font-size: 12px;
        font-weight: 600;
      }
      .outcomes-title {
        color: var(--text-primary);
        letter-spacing: -0.5px;
        font-size: 40px;
        font-weight: 700;
        line-height: 1.15;
      }
      .outcomes-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        display: grid;
      }
      .outcome-card {
        background-color: #fff;
        border: 1px solid #e5e4e1;
        border-radius: 28px;
        outline: none;
        grid-template-columns: 55fr 45fr;
        gap: 24px;
        min-height: 360px;
        padding: 48px;
        transition:
          transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
          box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1),
          border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        display: grid;
        position: relative;
        overflow: hidden;
        box-shadow: 0 2px 12px #0d15260a;
      }
      .outcome-card:focus-visible {
        outline: 3px solid var(--accent-cobalt);
        outline-offset: 4px;
      }
      .outcome-card-glow {
        pointer-events: none;
        background: radial-gradient(
          circle at 100% 100%,
          #2b3fde08 0%,
          #0000 60%
        );
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .card-outcome-content {
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        display: flex;
      }
      .card-num-badge {
        margin-bottom: 24px;
      }
      .card-num-badge span {
        color: var(--accent-cobalt);
        background-color: #2b3fde14;
        border-radius: 999px;
        padding: 4px 10px;
        font-size: 13px;
        font-weight: 700;
        display: inline-block;
      }
      .card-outcome-title {
        color: var(--text-primary);
        margin-bottom: 16px;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.2;
      }
      .card-outcome-desc {
        color: var(--text-secondary);
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
      }
      .card-outcome-desc:last-of-type {
        margin-bottom: 0;
      }
      .card-outcome-footer {
        border-top: 1px solid #f1f0ed;
        flex-direction: column;
        margin-top: 28px;
        padding-top: 20px;
        display: flex;
      }
      .outcome-label {
        color: var(--accent-cobalt);
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 6px;
        font-size: 10px;
        font-weight: 700;
      }
      .outcome-statement {
        color: var(--text-primary);
        font-size: 18px;
        font-weight: 600;
      }
      .card-outcome-visual {
        justify-content: center;
        align-items: center;
        display: flex;
        position: relative;
      }
      .vault-flow-svg {
        width: 100%;
        max-width: 200px;
        height: auto;
        overflow: visible;
      }
      @keyframes revFlow {
        to {
          stroke-dashoffset: -20px;
        }
      }
      .js-enabled .vault-flow-svg .rev-stream {
        animation: 2s linear infinite revFlow;
      }
      @keyframes floatPlus {
        0% {
          opacity: 0;
          transform: translateY(15px);
        }
        20% {
          opacity: 1;
        }
        80% {
          opacity: 0.8;
        }
        to {
          opacity: 0;
          transform: translateY(-30px);
        }
      }
      .js-enabled .vault-flow-svg .float-plus.p1 {
        animation: 3s ease-in-out infinite floatPlus;
      }
      .js-enabled .vault-flow-svg .float-plus.p2 {
        animation: 3.5s ease-in-out 0.7s infinite floatPlus;
      }
      .js-enabled .vault-flow-svg .float-plus.p3 {
        animation: 2.8s ease-in-out 1.5s infinite floatPlus;
      }
      @keyframes rotateLock {
        to {
          transform: rotate(360deg);
        }
      }
      .outcome-card:hover .vault-flow-svg .lock-spoke {
        transform-origin: 100px 115px;
        animation: 4s linear infinite rotateLock;
      }
      .operations-hub-svg {
        width: 100%;
        max-width: 200px;
        height: auto;
      }
      @keyframes orbitRotate {
        to {
          transform: rotate(360deg);
        }
      }
      .operations-hub-svg .orb-ring.dashed {
        transform-origin: 100px 100px;
        animation: 40s linear infinite orbitRotate;
      }
      @keyframes flyPacket1 {
        0% {
          cx: 100px;
          cy: 100px;
          opacity: 0;
        }
        20% {
          opacity: 1;
        }
        80% {
          opacity: 1;
        }
        to {
          cx: 100px;
          cy: 35px;
          opacity: 0;
        }
      }
      @keyframes flyPacket2 {
        0% {
          cx: 100px;
          cy: 100px;
          opacity: 0;
        }
        20% {
          opacity: 1;
        }
        80% {
          opacity: 1;
        }
        to {
          cx: 160px;
          cy: 135px;
          opacity: 0;
        }
      }
      .js-enabled .operations-hub-svg .pkt.p-c1 {
        animation: 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite flyPacket1;
      }
      .js-enabled .operations-hub-svg .pkt.p-c3 {
        animation: 3s cubic-bezier(0.4, 0, 0.2, 1) 1s infinite flyPacket2;
      }
      .operations-hub-svg .orbit-node {
        transform-origin: 50%;
        transition: transform 0.3s;
      }
      .outcome-card:hover .operations-hub-svg .orb-ring.dashed {
        animation-duration: 15s;
      }
      .global-network-svg {
        width: 100%;
        max-width: 200px;
        height: auto;
      }
      @keyframes drawArc {
        0% {
          stroke-dasharray: 0 150;
        }
        50% {
          stroke-dasharray: 120 150;
        }
        to {
          stroke-dasharray: 0 150;
        }
      }
      .js-enabled .global-network-svg .connect-arc {
        animation: 5s ease-in-out infinite drawArc;
      }
      .js-enabled .global-network-svg .connect-arc.arc-b {
        animation-delay: 1.5s;
      }
      .js-enabled .global-network-svg .connect-arc.arc-c {
        animation-delay: 3s;
      }
      @keyframes pulseNetDot {
        0%,
        to {
          opacity: 0.8;
          transform: scale(1);
        }
        50% {
          opacity: 1;
          fill: #00e5a0;
          transform: scale(1.35);
        }
      }
      .js-enabled .global-network-svg .net-pulse-node {
        transform-origin: 50%;
        animation: 3s ease-in-out infinite pulseNetDot;
      }
      .js-enabled .global-network-svg .net-pulse-node.n2 {
        animation-delay: 0.6s;
      }
      .js-enabled .global-network-svg .net-pulse-node.n3 {
        animation-delay: 1.2s;
      }
      .js-enabled .global-network-svg .net-pulse-node.n6 {
        animation-delay: 1.8s;
      }
      .confidence-shield-svg {
        width: 100%;
        max-width: 200px;
        height: auto;
        overflow: visible;
      }
      @keyframes slideLaser {
        0%,
        to {
          y1: 50px;
          y2: 50px;
          opacity: 0.2;
        }
        50% {
          y1: 160px;
          y2: 160px;
          opacity: 0.8;
        }
      }
      .js-enabled .confidence-shield-svg .shield-laser {
        animation: 4s ease-in-out infinite slideLaser;
      }
      .confidence-shield-svg .status-indicator {
        transition: transform 0.3s;
      }
      .outcome-card:hover .confidence-shield-svg .status-indicator {
        transform: translateY(-2px);
      }
      .outcome-card:hover .confidence-shield-svg .shield-laser {
        animation-duration: 1.5s;
      }
      .js-enabled .animate-story-eyebrow,
      .js-enabled .animate-story-title,
      .js-enabled .animate-story-p1,
      .js-enabled .animate-story-p2,
      .js-enabled .animate-story-p3,
      .js-enabled .animate-story-phighlight,
      .js-enabled .animate-story-divider,
      .js-enabled .animate-outcome-card {
        opacity: 0;
        transition:
          opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
          transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        transform: translateY(24px);
      }
      .js-enabled .animate-story-divider {
        transform-origin: 50%;
        transition:
          opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
          transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        transform: scaleX(0);
      }
      .js-enabled .animate-story-eyebrow.animated,
      .js-enabled .animate-story-title.animated,
      .js-enabled .animate-story-p1.animated,
      .js-enabled .animate-story-p2.animated,
      .js-enabled .animate-story-p3.animated,
      .js-enabled .animate-story-phighlight.animated,
      .js-enabled .animate-outcome-card.animated {
        opacity: 1;
        transform: translateY(0);
      }
      .js-enabled .animate-story-divider.animated {
        opacity: 1;
        transform: scaleX(1);
      }
      .js-enabled #card-outcome-1 {
        transition-delay: 0s;
      }
      .js-enabled #card-outcome-2 {
        transition-delay: 0.1s;
      }
      .js-enabled #card-outcome-3 {
        transition-delay: 0.2s;
      }
      .js-enabled #card-outcome-4 {
        transition-delay: 0.3s;
      }
      @media (width<=1439px) and (width>=1024px) {
        .storytelling-two-col {
          grid-template-columns: 55fr 45fr;
          gap: 48px;
          padding: 100px 32px 80px;
        }
        .global-settlement-container {
          height: 480px;
        }
        .story-comparison-block {
          gap: 48px;
          padding: 80px 48px;
        }
        .outcomes-grid {
          gap: 24px;
        }
        .outcome-card {
          min-height: 380px;
          padding: 36px;
        }
      }
      @media (width<=1023px) {
        .storytelling-section {
          padding: 100px 0;
        }
        .storytelling-two-col {
          grid-template-columns: 1fr;
          gap: 48px;
          padding: 100px 32px 60px;
        }
        .story-col-left {
          max-width: 100%;
        }
        .global-settlement-container {
          height: 440px;
        }
        .story-main-title {
          letter-spacing: -1px;
          font-size: 44px;
        }
        .story-comparison-block {
          gap: 48px;
          padding: 60px 36px;
          grid-template-columns: 1fr !important;
        }
        .story-col-visual,
        .flashpay-block .story-col-visual {
          order: 2;
        }
        .outcomes-grid {
          grid-template-columns: 1fr;
          gap: 24px;
          max-width: 600px;
          margin: 0 auto;
        }
        .outcome-card {
          min-height: 320px;
          padding: 36px;
        }
      }
      @media (width<=767px) {
        .storytelling-section {
          padding: 80px 0;
        }
        .storytelling-two-col {
          gap: 32px;
          padding: 80px 24px 40px;
        }
        .story-col-left .story-main-title {
          letter-spacing: -0.8px;
          margin-bottom: 24px;
          font-size: 36px;
          line-height: 1.15;
        }
        .story-p-large {
          font-size: 17px;
          line-height: 28px;
        }
        .story-p-sub {
          margin-top: 14px;
          font-size: 16px;
          line-height: 26px;
        }
        .capability-pills-row {
          margin-top: 24px;
        }
        .story-opener-ctas {
          flex-direction: column;
          width: 100%;
          margin-top: 32px;
        }
        .story-opener-ctas .btn {
          width: 100%;
        }
        .global-settlement-container {
          border-radius: 24px;
          height: 360px;
        }
        .global-settlement-grid {
          display: none;
        }
        .visual-bottom-chips {
          grid-template-columns: repeat(2, 1fr);
          gap: 12px;
          bottom: 16px;
          left: 16px;
          right: 16px;
        }
        .stat-chip.c-center {
          display: none;
        }
        .stat-chip {
          padding: 8px 12px;
        }
        .chip-val {
          font-size: 14px;
        }
        .live-network-status {
          border-radius: 8px;
          padding: 8px 12px;
          top: 16px;
          right: 16px;
        }
        .live-status-header {
          margin-bottom: 2px;
        }
        .live-count-num {
          font-size: 14px;
        }
        .live-activity-feed {
          border-radius: 8px;
          padding: 8px 12px;
          top: 16px;
          left: 16px;
        }
        .activity-msg-text {
          font-size: 11px;
        }
        .pulse-node.p-mex,
        .pulse-node.p-arg,
        .pulse-node.p-ger,
        .pulse-node.p-fra,
        .pulse-node.p-saf,
        .pulse-node.p-jap {
          display: none;
        }
        .story-comparison-block {
          border-radius: 20px;
          gap: 32px;
          padding: 48px 24px;
        }
        .col-title {
          letter-spacing: -0.5px;
          font-size: 30px;
          line-height: 1.2;
        }
        .col-desc {
          font-size: 16px;
          line-height: 26px;
        }
        .outcome-card {
          border-radius: 20px;
          grid-template-columns: 1fr;
          gap: 32px;
          min-height: auto;
        }
        .card-outcome-visual {
          order: -1;
          height: 160px;
        }
        .card-outcome-title {
          font-size: 22px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .js-enabled .animate-story-eyebrow,
        .js-enabled .animate-story-title,
        .js-enabled .animate-story-p1,
        .js-enabled .animate-story-p2,
        .js-enabled .animate-story-p3,
        .js-enabled .animate-story-phighlight,
        .js-enabled .animate-story-divider,
        .js-enabled .animate-outcome-card {
          opacity: 1 !important;
          transition: none !important;
          transform: none !important;
        }
        .direct-light-traveler,
        .core-glow-ring,
        .maze-clock,
        .rev-stream,
        .float-plus,
        .orb-ring,
        .pkt,
        .connect-arc,
        .net-pulse-node,
        .shield-laser {
          animation: none !important;
        }
        .outcome-card:hover {
          transform: none !important;
        }
      }
      .hero-section,
      .storytelling-section,
      .modern-commerce-section,
      .section-features {
        position: relative;
        overflow: hidden;
      }
      .mesh-gradient-overlay {
        pointer-events: none;
        z-index: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .dotted-grid-overlay {
        pointer-events: none;
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .glow-orb {
        filter: blur(80px);
        pointer-events: none;
        z-index: 2;
        will-change: transform, opacity;
        border-radius: 50%;
        position: absolute;
      }
      .floating-elements-container {
        pointer-events: none;
        z-index: 3;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .floating-token,
      .floating-shape,
      .faded-widget {
        pointer-events: none;
        will-change: transform, opacity;
        position: absolute;
      }
      .light-beam-overlay {
        pointer-events: none;
        z-index: 4;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .ambient-particles {
        pointer-events: none;
        z-index: 5;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .particle {
        pointer-events: none;
        will-change: transform, opacity;
        border-radius: 50%;
        position: absolute;
      }
      .hero-section {
        background-color: var(--bg-base);
      }
      .hero-mesh {
        background:
          radial-gradient(circle at 15% 20%, #2b3fde29 0%, #0000 55%),
          radial-gradient(circle at 85% 80%, #f5a6231f 0%, #0000 50%);
        animation: 20s ease-in-out infinite alternate meshShift;
      }
      .hero-grid {
        background-image: radial-gradient(#1a1f360a 1.5px, #0000 1.5px);
        background-size: 28px 28px;
      }
      .hero-orb-1 {
        filter: blur(80px);
        background: radial-gradient(circle, #2b3fde38 0%, #0000 70%);
        width: 500px;
        height: 500px;
        animation: 8s ease-in-out infinite alternate floatOrbY;
        top: -100px;
        right: 100px;
      }
      .hero-orb-2 {
        filter: blur(60px);
        background: radial-gradient(circle, #f5a62329 0%, #0000 70%);
        width: 400px;
        height: 400px;
        animation: 10s ease-in-out infinite alternate floatOrbX;
        bottom: -50px;
        left: 50px;
      }
      .token-usdc {
        opacity: 0.22;
        width: 80px;
        height: 80px;
        animation: 12s ease-in-out infinite alternate floatToken1;
        top: 15%;
        left: 80%;
      }
      .token-usdt {
        opacity: 0.22;
        width: 70px;
        height: 70px;
        animation: 14s ease-in-out 1s infinite alternate floatToken2;
        top: 65%;
        left: 8%;
      }
      .token-eurc {
        opacity: 0.22;
        width: 60px;
        height: 60px;
        animation: 15s ease-in-out 2s infinite alternate floatToken3;
        top: 75%;
        left: 85%;
      }
      .hero-beam {
        background: linear-gradient(135deg, #ffffff0d 0%, #fff0 60%);
        width: 350px;
        animation: 15s ease-in-out infinite alternate beamShift;
        top: -50px;
        right: -50px;
        transform: rotate(-15deg);
      }
      .hero-particles .particle {
        background: #2b3fde4d;
      }
      .hero-particles .p1 {
        width: 5px;
        height: 5px;
        animation: 18s linear infinite driftP;
        top: 12%;
        left: 8%;
      }
      .hero-particles .p2 {
        width: 7px;
        height: 7px;
        animation: 22s linear 2s infinite driftP;
        top: 45%;
        left: 75%;
      }
      .hero-particles .p3 {
        width: 4px;
        height: 4px;
        animation: 20s linear 4s infinite driftP;
        top: 82%;
        left: 15%;
      }
      .hero-particles .p4 {
        width: 6px;
        height: 6px;
        animation: 24s linear 1s infinite driftP;
        top: 22%;
        left: 60%;
      }
      .hero-particles .p5 {
        width: 5px;
        height: 5px;
        animation: 19s linear 3s infinite driftP;
        top: 68%;
        left: 88%;
      }
      .hero-particles .p6 {
        width: 8px;
        height: 8px;
        animation: 25s linear 5s infinite driftP;
        top: 35%;
        left: 18%;
      }
      .hero-particles .p7 {
        width: 4px;
        height: 4px;
        animation: 21s linear 6s infinite driftP;
        top: 15%;
        left: 40%;
      }
      .hero-particles .p8 {
        width: 6px;
        height: 6px;
        animation: 23s linear 7s infinite driftP;
        top: 78%;
        left: 52%;
      }
      .hero-particles .p9 {
        width: 5px;
        height: 5px;
        animation: 20s linear 8s infinite driftP;
        top: 58%;
        left: 30%;
      }
      .hero-particles .p10 {
        width: 7px;
        height: 7px;
        animation: 22s linear 9s infinite driftP;
        top: 28%;
        left: 92%;
      }
      .hero-particles .p11 {
        width: 4px;
        height: 4px;
        animation: 18s linear 10s infinite driftP;
        top: 90%;
        left: 70%;
      }
      .hero-particles .p12 {
        width: 6px;
        height: 6px;
        animation: 24s linear 11s infinite driftP;
        top: 50%;
        left: 45%;
      }
      .hero-card-wrapper:after {
        content: "";
        filter: blur(100px);
        z-index: -1;
        pointer-events: none;
        background: radial-gradient(circle, #2b3fde33 0%, #0000 70%);
        width: 80%;
        height: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .storytelling-section {
        background-color: #fff;
      }
      .story-mesh {
        background:
          radial-gradient(circle at 10% 10%, #2b3fde24 0%, #0000 50%),
          radial-gradient(circle at 90% 20%, #2b3fde1a 0%, #0000 45%),
          radial-gradient(circle at 50% 90%, #f5a6231a 0%, #0000 55%);
        animation: 25s ease-in-out infinite alternate meshShift;
      }
      .story-grid {
        background-image: radial-gradient(#1a1f360a 1.5px, #0000 1.5px);
        background-size: 24px 24px;
      }
      .story-orb-1 {
        filter: blur(100px);
        background: radial-gradient(circle, #2b3fde33 0%, #0000 70%);
        width: 600px;
        height: 600px;
        animation: 9s ease-in-out infinite alternate floatOrbY;
        top: 50px;
        right: -100px;
      }
      .story-orb-2 {
        filter: blur(80px);
        background: radial-gradient(circle, #f5a62326 0%, #0000 70%);
        width: 500px;
        height: 500px;
        animation: 11s ease-in-out infinite alternate floatOrbX;
        bottom: 100px;
        left: -150px;
      }
      .story-orb-3 {
        filter: blur(120px);
        background: radial-gradient(circle, #2b3fde1f 0%, #0000 70%);
        width: 800px;
        height: 800px;
        animation: 8s ease-in-out infinite pulseGlowOrb;
        top: 25%;
        left: 20%;
      }
      .story-beam {
        background: linear-gradient(135deg, #ffffff0f 0%, #fff0 55%);
        width: 400px;
        top: -50px;
        left: 10%;
        transform: rotate(-10deg);
      }
      .story-shapes .floating-shape {
        color: var(--accent-cobalt);
        opacity: 0.08;
        font-family: Inter, sans-serif;
        font-size: 28px;
        font-weight: 300;
      }
      .shape-hex-1 {
        animation: 10s ease-in-out infinite alternate floatToken1;
        top: 12%;
        left: 80%;
      }
      .shape-circle-1 {
        animation: 12s ease-in-out infinite alternate floatToken2;
        top: 45%;
        left: 5%;
        font-size: 32px !important;
      }
      .shape-dot-1 {
        animation: 14s ease-in-out infinite alternate floatToken3;
        top: 78%;
        left: 12%;
        color: var(--accent-amber) !important;
        font-size: 16px !important;
      }
      .shape-hex-2 {
        animation: 11s ease-in-out 1s infinite alternate floatToken2;
        top: 62%;
        left: 86%;
      }
      .shape-line-1 {
        background: var(--accent-cobalt);
        width: 36px;
        height: 1.5px;
        animation: 13s ease-in-out infinite alternate floatToken3;
        top: 25%;
        left: 18%;
        transform: rotate(30deg);
      }
      .shape-circle-2 {
        animation: 9s ease-in-out 2s infinite alternate floatToken1;
        top: 88%;
        left: 75%;
      }
      .story-particles .particle {
        background: #2b3fde40;
      }
      .story-particles .p1 {
        width: 5px;
        height: 5px;
        animation: 22s linear infinite driftP;
        top: 15%;
        left: 12%;
      }
      .story-particles .p2 {
        width: 6px;
        height: 6px;
        animation: 28s linear 3s infinite driftP;
        top: 38%;
        left: 82%;
      }
      .story-particles .p3 {
        width: 4px;
        height: 4px;
        animation: 25s linear 1s infinite driftP;
        top: 75%;
        left: 8%;
      }
      .story-particles .p4 {
        width: 5px;
        height: 5px;
        animation: 30s linear 5s infinite driftP;
        top: 52%;
        left: 90%;
      }
      .story-particles .p5 {
        width: 6px;
        height: 6px;
        animation: 24s linear 2s infinite driftP;
        top: 82%;
        left: 62%;
      }
      .story-particles .p6 {
        width: 4px;
        height: 4px;
        animation: 27s linear 4s infinite driftP;
        top: 22%;
        left: 68%;
      }
      .story-particles .p7 {
        width: 5px;
        height: 5px;
        animation: 23s linear 6s infinite driftP;
        top: 62%;
        left: 28%;
      }
      .story-particles .p8 {
        width: 6px;
        height: 6px;
        animation: 29s linear 7s infinite driftP;
        top: 92%;
        left: 40%;
      }
      .story-particles .p9 {
        width: 4px;
        height: 4px;
        animation: 26s linear 8s infinite driftP;
        top: 48%;
        left: 42%;
      }
      .story-particles .p10 {
        width: 5px;
        height: 5px;
        animation: 21s linear 9s infinite driftP;
        top: 10%;
        left: 52%;
      }
      .modern-mesh {
        background:
          radial-gradient(circle at 20%, #2b3fde26 0%, #0000 55%),
          radial-gradient(circle at 80%, #f5a6231a 0%, #0000 50%);
        animation: 22s ease-in-out infinite alternate meshShift;
      }
      .modern-grid {
        background-image: radial-gradient(#1a1f360a 1.5px, #0000 1.5px);
        background-size: 32px 32px;
      }
      .modern-orb-1 {
        filter: blur(80px);
        background: radial-gradient(circle, #2b3fde33 0%, #0000 70%);
        width: 500px;
        height: 500px;
        animation: 8s ease-in-out infinite alternate floatOrbY;
        top: 50px;
        left: -100px;
      }
      .modern-orb-2 {
        filter: blur(80px);
        background: radial-gradient(circle, #f5a62326 0%, #0000 70%);
        width: 450px;
        height: 450px;
        animation: 10s ease-in-out infinite alternate floatOrbX;
        top: 30%;
        right: -80px;
      }
      .modern-orb-3 {
        filter: blur(100px);
        background: radial-gradient(circle, #2b3fde26 0%, #0000 70%);
        width: 600px;
        height: 600px;
        animation: 12s ease-in-out infinite alternate floatOrbY;
        bottom: -150px;
        left: 30%;
      }
      .commerce-card {
        z-index: 2;
        position: relative;
        -webkit-backdrop-filter: blur(8px) !important;
        background: #ffffffd9 !important;
        border: 1px solid #e5e4e199 !important;
        transition:
          transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
          box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
          border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
      }
      .value-card-glow {
        pointer-events: none;
        z-index: -1;
        opacity: 1;
        will-change: opacity;
        background: radial-gradient(circle, #2b3fde0a 0%, #0000 70%);
        border-radius: 50%;
        transition:
          opacity 0.4s,
          background 0.4s;
        position: absolute;
        inset: -40px;
      }
      .commerce-card:first-child .value-card-glow {
        animation: 6s ease-in-out infinite cardGlowPulse;
      }
      .commerce-card:nth-child(2) .value-card-glow {
        animation: 6s ease-in-out 1s infinite cardGlowPulse;
      }
      .commerce-card:nth-child(3) .value-card-glow {
        animation: 6s ease-in-out 2s infinite cardGlowPulse;
      }
      .commerce-card:nth-child(4) .value-card-glow {
        animation: 6s ease-in-out 3s infinite cardGlowPulse;
      }
      .commerce-card:nth-child(5) .value-card-glow {
        animation: 6s ease-in-out 4s infinite cardGlowPulse;
      }
      .commerce-card:nth-child(6) .value-card-glow {
        animation: 6s ease-in-out 5s infinite cardGlowPulse;
      }
      .commerce-card:hover {
        border-color: #2b3fde33 !important;
        transform: translateY(-8px) !important;
        box-shadow: 0 24px 48px #2b3fde26 !important;
      }
      .commerce-card:hover .value-card-glow {
        opacity: 1 !important;
        background: radial-gradient(circle, #2b3fde1a 0%, #0000 70%) !important;
        animation: none !important;
      }
      .modern-commerce-grid {
        position: relative;
      }
      .modern-commerce-grid:before {
        display: none !important;
      }
      @media (width<=1024px) {
        .modern-commerce-grid:before {
          display: none !important;
        }
      }
      .modern-shapes .floating-shape {
        color: var(--accent-cobalt);
        opacity: 0.08;
        font-family: Inter, sans-serif;
        font-size: 24px;
      }
      .modern-shapes .shape-hex-1 {
        animation: 12s ease-in-out infinite alternate floatToken2;
        top: 18%;
        left: 85%;
      }
      .modern-shapes .shape-dot-1 {
        color: var(--accent-amber);
        animation: 10s ease-in-out infinite alternate floatToken1;
        top: 38%;
        left: 5%;
        font-size: 14px !important;
      }
      .modern-shapes .shape-square-1 {
        animation: 15s ease-in-out infinite alternate floatToken3;
        top: 68%;
        left: 10%;
        font-size: 12px !important;
      }
      .modern-shapes .shape-hex-2 {
        animation: 13s ease-in-out 1s infinite alternate floatToken1;
        top: 82%;
        left: 90%;
      }
      .modern-shapes .shape-dot-2 {
        animation: 11s ease-in-out 2s infinite alternate floatToken2;
        top: 5%;
        left: 45%;
        font-size: 10px !important;
      }
      .modern-shapes .shape-square-2 {
        color: var(--accent-amber);
        animation: 14s ease-in-out 1s infinite alternate floatToken3;
        top: 58%;
        left: 88%;
        font-size: 10px !important;
      }
      .modern-shapes .shape-hex-3 {
        animation: 12s ease-in-out infinite alternate floatToken1;
        top: 74%;
        left: 48%;
      }
      .modern-shapes .shape-dot-3 {
        animation: 9s ease-in-out 2s infinite alternate floatToken2;
        top: 92%;
        left: 18%;
        font-size: 12px !important;
      }
      .modern-particles .particle {
        background: #2b3fde40;
      }
      .modern-particles .p1 {
        width: 5px;
        height: 5px;
        animation: 16s linear infinite driftP;
        top: 20%;
        left: 18%;
      }
      .modern-particles .p2 {
        width: 6px;
        height: 6px;
        animation: 22s linear 2s infinite driftP;
        top: 42%;
        left: 72%;
      }
      .modern-particles .p3 {
        width: 4px;
        height: 4px;
        animation: 19s linear 4s infinite driftP;
        top: 68%;
        left: 12%;
      }
      .modern-particles .p4 {
        width: 5px;
        height: 5px;
        animation: 20s linear 1s infinite driftP;
        top: 12%;
        left: 85%;
      }
      .modern-particles .p5 {
        width: 6px;
        height: 6px;
        animation: 17s linear 3s infinite driftP;
        top: 85%;
        left: 42%;
      }
      .modern-particles .p6 {
        width: 4px;
        height: 4px;
        animation: 21s linear 5s infinite driftP;
        top: 55%;
        left: 92%;
      }
      .modern-particles .p7 {
        width: 5px;
        height: 5px;
        animation: 18s linear 6s infinite driftP;
        top: 32%;
        left: 25%;
      }
      .modern-particles .p8 {
        width: 6px;
        height: 6px;
        animation: 15s linear 7s infinite driftP;
        top: 78%;
        left: 80%;
      }
      .modern-particles .p9 {
        width: 4px;
        height: 4px;
        animation: 22s linear 8s infinite driftP;
        top: 92%;
        left: 5%;
      }
      .modern-particles .p10 {
        width: 5px;
        height: 5px;
        animation: 19s linear 9s infinite driftP;
        top: 3%;
        left: 62%;
      }
      .modern-particles .p11 {
        width: 6px;
        height: 6px;
        animation: 20s linear 10s infinite driftP;
        top: 62%;
        left: 55%;
      }
      .modern-particles .p12 {
        width: 4px;
        height: 4px;
        animation: 17s linear 11s infinite driftP;
        top: 48%;
        left: 38%;
      }
      .section-features {
        background: linear-gradient(#fff 0%, #f8f9fc 50%, #fff 100%);
        padding: 70px 0;
        position: relative;
        overflow: hidden;
      }
      .platform-mesh {
        background:
          radial-gradient(circle at 50% 10%, #2b3fde24 0%, #0000 50%),
          radial-gradient(circle at 50% 90%, #f5a62314 0%, #0000 45%);
        animation: 30s ease-in-out infinite alternate meshShift;
      }
      .platform-grid {
        background-image: radial-gradient(#1a1f360a 1.5px, #0000 1.5px);
        background-size: 24px 24px;
      }
      .platform-orb-1 {
        filter: blur(80px);
        background: radial-gradient(circle, #2b3fde33 0%, #0000 70%);
        width: 500px;
        height: 500px;
        animation: 9s ease-in-out infinite alternate floatOrbY;
        top: 10%;
        left: -150px;
      }
      .platform-orb-2 {
        filter: blur(100px);
        background: radial-gradient(circle, #2b3fde26 0%, #0000 70%);
        width: 700px;
        height: 700px;
        animation: 8s ease-in-out infinite alternate floatOrbX;
        top: 15%;
        right: -100px;
      }
      .platform-orb-3 {
        filter: blur(75px);
        background: radial-gradient(circle, #f5a6231f 0%, #0000 70%);
        width: 450px;
        height: 450px;
        animation: 11s ease-in-out infinite alternate floatOrbY;
        bottom: 50px;
        left: 25%;
      }
      .features-two-columns {
        z-index: 10;
        grid-template-columns: 40fr 60fr;
        align-items: start;
        gap: 48px;
        display: grid;
        position: relative;
      }
      @media (width<=1024px) {
        .features-two-columns {
          grid-template-columns: 1fr;
          gap: 40px;
        }
      }
      .features-left-column {
        flex-direction: column;
        gap: 8px;
        display: flex;
      }
      .feature-row {
        cursor: pointer;
        background: 0 0;
        border-bottom: 1px solid #e5e4e180;
        border-left: 3px solid #0000;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        padding: 24px;
        transition:
          border-left-color 0.3s,
          background-color 0.3s;
      }
      .feature-row-header {
        align-items: center;
        gap: 16px;
        margin-bottom: 8px;
        display: flex;
      }
      .feature-row-icon {
        color: var(--accent-cobalt);
        background: #2b3fde14;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        font-size: 24px;
        transition: background 0.3s;
        display: flex;
      }
      .feature-row-title {
        color: var(--text-primary);
        margin: 0;
        font-size: 18px;
        font-weight: 700;
      }
      .feature-row-desc {
        color: var(--text-secondary);
        margin: 0;
        padding-left: 56px;
        font-size: 14px;
        line-height: 22px;
      }
      .feature-row.active,
      .feature-row:hover {
        border-left-color: var(--accent-cobalt);
        background: #2b3fde08;
      }
      .feature-row.active .feature-row-icon,
      .feature-row:hover .feature-row-icon {
        background: var(--accent-cobalt);
        color: #fff;
      }
      .features-right-column {
        width: 100%;
        position: relative;
      }
      .dashboard-mockup-glow {
        filter: blur(120px);
        z-index: 1;
        pointer-events: none;
        background: radial-gradient(circle, #2b3fde1f 0%, #0000 70%);
        width: 90%;
        height: 90%;
        animation: 6s ease-in-out infinite pulseGlowOrb;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .dashboard-preview-card {
        z-index: 2;
        background-color: #081633;
        border: 1px solid #ffffff0f;
        border-radius: 24px;
        flex-direction: column;
        min-height: 520px;
        padding: 28px;
        display: flex;
        position: relative;
        overflow: hidden;
        box-shadow: 0 40px 80px #0d15262e;
      }
      .dashboard-top-bar {
        border-bottom: 1px solid #ffffff14;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
        padding-bottom: 16px;
        display: flex;
      }
      .dash-logo {
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 15px;
        font-weight: 700;
      }
      .dashboard-tab-bar {
        align-items: center;
        gap: 16px;
        display: flex;
      }
      .dash-tab {
        color: #fff6;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        padding-bottom: 6px;
        font-size: 12px;
        font-weight: 600;
        transition: color 0.3s;
        position: relative;
      }
      .dash-tab.active {
        color: #fff;
      }
      .dash-tab.active:after {
        content: "";
        background-color: var(--accent-cobalt);
        height: 2px;
        position: absolute;
        bottom: -18px;
        left: 0;
        right: 0;
      }
      .dash-icons {
        color: #fff6;
        cursor: pointer;
        gap: 12px;
        font-size: 14px;
        display: flex;
      }
      .dashboard-panels-container {
        flex: 1;
        width: 100%;
        position: relative;
      }
      .dashboard-panel {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        width: 100%;
        height: 100%;
        transition:
          opacity 0.4s,
          transform 0.4s;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateY(10px);
      }
      .dashboard-panel.active {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        position: relative;
        transform: translateY(0);
      }
      .panel-sec-title {
        color: #fff;
        border-bottom: 1px solid #ffffff0d;
        margin: 0 0 16px;
        padding-bottom: 8px;
        font-size: 14px;
        font-weight: 700;
      }
      .merchant-table-mock,
      .tx-mock-list {
        flex-direction: column;
        gap: 8px;
        display: flex;
      }
      .m-row,
      .tx-row {
        color: #ffffffb3;
        border-bottom: 1px solid #ffffff08;
        grid-template-columns: repeat(4, 1fr);
        align-items: center;
        padding: 8px 0;
        font-size: 12px;
        display: grid;
      }
      .m-row.header,
      .tx-row.header {
        color: #fff6;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 1px solid #ffffff14;
        padding-bottom: 6px;
        font-size: 10px;
        font-weight: 700;
      }
      .m-name,
      .tx-amt {
        color: #fff;
        font-weight: 600;
      }
      .status-pill {
        border-radius: 20px;
        width: fit-content;
        padding: 3px 8px;
        font-size: 10px;
        font-weight: 600;
        display: inline-block;
      }
      .status-pill.cleared {
        color: #10b981;
        background: #10b9811a;
      }
      .status-pill.pending {
        color: #d9a441;
        background: #f5a6231a;
      }
      .m-link {
        color: var(--accent-cobalt);
        cursor: pointer;
        font-weight: 600;
      }
      .color-cobalt {
        color: #60a5fa;
      }
      .color-green {
        color: #10b981;
      }
      .tx-hash {
        font-family: monospace;
      }
      .tx-success {
        color: #10b981;
        font-weight: 600;
      }
      .compliance-audit-card {
        flex-direction: column;
        gap: 16px;
        display: flex;
      }
      .comp-metric-row {
        gap: 16px;
        display: flex;
      }
      .c-metric {
        background: #ffffff05;
        border: 1px solid #ffffff0d;
        border-radius: 12px;
        flex-direction: column;
        flex: 1;
        gap: 4px;
        padding: 12px;
        display: flex;
      }
      .m-lbl {
        color: #fff6;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 10px;
      }
      .m-val {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
      }
      .audit-log-terminal {
        color: #fff9;
        background: #060b18;
        border: 1px solid #ffffff0d;
        border-radius: 12px;
        flex-direction: column;
        gap: 6px;
        min-height: 120px;
        padding: 16px;
        font-family: monospace;
        font-size: 11px;
        display: flex;
      }
      .split-rule-bars {
        flex-direction: column;
        gap: 16px;
        display: flex;
      }
      .split-bar-container {
        flex-direction: column;
        gap: 6px;
        display: flex;
      }
      .bar-lbl {
        color: #fff9;
        font-size: 11px;
      }
      .rule-bar {
        border-radius: 5px;
        height: 10px;
      }
      .rule-bar.fill-seller {
        background: var(--accent-cobalt);
      }
      .rule-bar.fill-platform {
        background: var(--accent-amber);
      }
      .rule-bar.fill-reserve {
        background: #fff3;
      }
      .bar-val {
        color: #fff;
        font-size: 11px;
        font-weight: 700;
      }
      .treasury-status-mock {
        flex-direction: column;
        gap: 20px;
        display: flex;
      }
      .t-balance-block {
        flex-direction: column;
        gap: 4px;
        display: flex;
      }
      .t-lbl {
        color: #fff6;
        text-transform: uppercase;
        font-size: 11px;
      }
      .t-val {
        color: #fff;
        font-size: 28px;
        font-weight: 800;
      }
      .assets-distribution-row {
        border-radius: 12px;
        height: 24px;
        display: flex;
        overflow: hidden;
      }
      .asset-bar-part {
        color: #fff;
        justify-content: center;
        align-items: center;
        font-size: 10px;
        font-weight: 700;
        display: flex;
      }
      .asset-bar-part.fill-usdc {
        background: var(--accent-cobalt);
      }
      .asset-bar-part.fill-usdt {
        background: #10b981;
      }
      .analytics-mock-chart {
        flex-direction: column;
        gap: 16px;
        display: flex;
      }
      .analytics-chart-svg {
        background: #ffffff05;
        border: 1px solid #ffffff0d;
        border-radius: 12px;
        width: 100%;
        height: 120px;
      }
      .analytics-chart-path {
        animation: 5s ease-in-out infinite lineRedraw;
      }
      .analytics-data-row {
        color: #fff9;
        justify-content: space-between;
        font-size: 12px;
        font-weight: 600;
        display: flex;
      }
      .platform-widgets .faded-widget {
        -webkit-backdrop-filter: blur(8px);
        color: #0d15268c;
        background: #2b3fde0d;
        border: 1px solid #2b3fde1f;
        border-radius: 6px;
        padding: 6px 12px;
        font-size: 10px;
        font-weight: 600;
      }
      .widget-1 {
        animation: 12s ease-in-out infinite alternate floatToken1;
        top: 12%;
        left: 82%;
      }
      .widget-2 {
        animation: 14s ease-in-out infinite alternate floatToken2;
        top: 40%;
        left: 2%;
      }
      .widget-3 {
        animation: 15s ease-in-out infinite alternate floatToken3;
        top: 82%;
        left: 5%;
      }
      .widget-4 {
        animation: 13s ease-in-out 1s infinite alternate floatToken2;
        top: 68%;
        left: 88%;
      }
      .widget-5 {
        animation: 11s ease-in-out 2s infinite alternate floatToken1;
        top: 5%;
        left: 50%;
      }
      .widget-6 {
        animation: 14s ease-in-out 1s infinite alternate floatToken3;
        top: 55%;
        left: 85%;
      }
      .widget-7 {
        animation: 12s ease-in-out infinite alternate floatToken1;
        top: 74%;
        left: 45%;
      }
      .widget-8 {
        animation: 10s ease-in-out 2s infinite alternate floatToken2;
        top: 90%;
        left: 20%;
      }
      .platform-shapes .floating-shape {
        color: var(--accent-cobalt);
        opacity: 0.22;
        font-family: Inter, sans-serif;
        font-size: 28px;
      }
      .platform-shapes .shape-hex-1 {
        animation: 9s ease-in-out infinite alternate floatToken1;
        top: 22%;
        left: 80%;
      }
      .platform-shapes .shape-circle-1 {
        animation: 12s ease-in-out infinite alternate floatToken2;
        top: 55%;
        left: 8%;
        font-size: 32px !important;
      }
      .platform-shapes .shape-hex-2 {
        animation: 14s ease-in-out 1s infinite alternate floatToken3;
        top: 70%;
        left: 82%;
      }
      .platform-shapes .shape-line-1 {
        background: var(--accent-cobalt);
        width: 40px;
        height: 1.5px;
        animation: 11s ease-in-out infinite alternate floatToken2;
        top: 15%;
        left: 15%;
        transform: rotate(45deg);
      }
      .platform-particles .particle {
        background: #2b3fde4d;
      }
      .platform-particles .p1 {
        width: 5px;
        height: 5px;
        animation: 18s linear infinite driftP;
        top: 18%;
        left: 15%;
      }
      .platform-particles .p2 {
        width: 6px;
        height: 6px;
        animation: 24s linear 2s infinite driftP;
        top: 40%;
        left: 75%;
      }
      .platform-particles .p3 {
        width: 4px;
        height: 4px;
        animation: 20s linear 4s infinite driftP;
        top: 70%;
        left: 10%;
      }
      .platform-particles .p4 {
        width: 5px;
        height: 5px;
        animation: 22s linear 1s infinite driftP;
        top: 12%;
        left: 88%;
      }
      .platform-particles .p5 {
        width: 6px;
        height: 6px;
        animation: 19s linear 3s infinite driftP;
        top: 88%;
        left: 45%;
      }
      .platform-particles .p6 {
        width: 4px;
        height: 4px;
        animation: 25s linear 5s infinite driftP;
        top: 52%;
        left: 90%;
      }
      .platform-particles .p7 {
        width: 5px;
        height: 5px;
        animation: 21s linear 6s infinite driftP;
        top: 28%;
        left: 22%;
      }
      .platform-particles .p8 {
        width: 6px;
        height: 6px;
        animation: 17s linear 7s infinite driftP;
        top: 80%;
        left: 82%;
      }
      .platform-particles .p9 {
        width: 4px;
        height: 4px;
        animation: 23s linear 8s infinite driftP;
        top: 92%;
        left: 8%;
      }
      .platform-particles .p10 {
        width: 5px;
        height: 5px;
        animation: 20s linear 9s infinite driftP;
        top: 5%;
        left: 58%;
      }
      @keyframes meshShift {
        0% {
          transform: translate(0) scale(1);
        }
        50% {
          transform: translate(-20px, 30px) scale(1.08);
        }
        to {
          transform: translate(30px, -20px) scale(0.95);
        }
      }
      @keyframes floatOrbY {
        0% {
          transform: translateY(0);
        }
        to {
          transform: translateY(20px);
        }
      }
      @keyframes floatOrbX {
        0% {
          transform: translate(0);
        }
        to {
          transform: translate(15px);
        }
      }
      @keyframes floatToken1 {
        0% {
          transform: translateY(0) translate(0) rotate(0);
        }
        to {
          transform: translateY(-30px) translate(20px) rotate(8deg);
        }
      }
      @keyframes floatToken2 {
        0% {
          transform: translateY(0) translate(0) rotate(0);
        }
        to {
          transform: translateY(30px) translate(-20px) rotate(-8deg);
        }
      }
      @keyframes floatToken3 {
        0% {
          transform: translateY(0) translate(0) rotate(0);
        }
        to {
          transform: translateY(-20px) translate(-15px) rotate(5deg);
        }
      }
      @keyframes beamShift {
        0% {
          opacity: 0.8;
          transform: rotate(-15deg) translateY(0);
        }
        to {
          opacity: 1;
          transform: rotate(-12deg) translateY(10px);
        }
      }
      @keyframes driftP {
        0% {
          opacity: 0;
          transform: translate(0) translateY(0);
        }
        10% {
          opacity: 0.8;
        }
        90% {
          opacity: 0.8;
        }
        to {
          opacity: 0;
          transform: translate(120px) translateY(-80px);
        }
      }
      @keyframes pulseGlowOrb {
        0%,
        to {
          opacity: 0.8;
        }
        50% {
          opacity: 1;
        }
      }
      @keyframes cardGlowPulse {
        0%,
        to {
          opacity: 0.6;
          transform: scale(1);
        }
        50% {
          opacity: 1;
          transform: scale(1.04);
        }
      }
      @keyframes lineDashMove {
        0% {
          background-position: 0 0;
        }
        to {
          background-position: 240px 0;
        }
      }
      @keyframes lineRedraw {
        0%,
        to {
          stroke-dasharray: 400 400;
          stroke-dashoffset: 0;
        }
        50% {
          stroke-dasharray: 400 400;
          stroke-dashoffset: 200px;
        }
      }
      .story-split-container {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 80px;
        width: 100%;
        max-width: 1200px;
        margin: 80px auto;
        display: grid;
        position: relative;
      }
      @media (width<=1024px) {
        .story-split-container {
          grid-template-columns: 1fr;
          gap: 48px;
        }
      }
      .story-split-divider {
        z-index: 10;
        pointer-events: none;
        background: linear-gradient(
          #94a3b81a 0%,
          #2b3fde66 50%,
          #94a3b81a 100%
        );
        width: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
      }
      @media (width<=1024px) {
        .story-split-divider {
          display: none;
        }
      }
      .traditional-block {
        background: #fff;
        border: 1px solid #e5e7ebcc;
        border-radius: 24px;
        flex-direction: column;
        justify-content: space-between;
        padding: 48px;
        display: flex;
        position: relative;
        overflow: hidden;
        box-shadow: 0 12px 32px #94a3b80d;
      }
      .traditional-mesh {
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(circle at 20% 20%, #cbd5e11f 0%, #0000 60%);
        position: absolute;
        inset: 0;
      }
      .traditional-grid {
        pointer-events: none;
        z-index: 0;
        opacity: 0.5;
        background-image: radial-gradient(#94a3b81a 1px, #0000 1px);
        background-size: 24px 24px;
        position: absolute;
        inset: 0;
      }
      .traditional-orb {
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(circle, #94a3b814 0%, #0000 70%);
        width: 120px;
        height: 120px;
        position: absolute;
        top: 15%;
        left: 10%;
      }
      .traditional-particles .particle {
        opacity: 0.3;
        pointer-events: none;
        background: #f97316;
        border-radius: 50%;
        width: 4px;
        height: 4px;
        animation: 16s ease-in-out infinite hesitantDrift;
        position: absolute;
      }
      .traditional-particles .particle:first-child {
        animation-delay: 0s;
        top: 20%;
        left: 15%;
      }
      .traditional-particles .particle:nth-child(2) {
        animation-duration: 18s;
        animation-delay: -3s;
        top: 35%;
        left: 80%;
      }
      .traditional-particles .particle:nth-child(3) {
        animation-duration: 20s;
        animation-delay: -6s;
        top: 75%;
        left: 45%;
      }
      .traditional-particles .particle:nth-child(4) {
        animation-delay: -9s;
        top: 60%;
        left: 25%;
      }
      .traditional-particles .particle:nth-child(5) {
        animation-delay: -12s;
        top: 80%;
        left: 70%;
      }
      .traditional-particles .particle:nth-child(6) {
        animation-duration: 15s;
        animation-delay: -4s;
        top: 15%;
        left: 85%;
      }
      .traditional-particles .particle:nth-child(7) {
        animation-delay: -7s;
        top: 85%;
        left: 30%;
      }
      .traditional-particles .particle:nth-child(8) {
        animation-delay: -10s;
        top: 25%;
        left: 60%;
      }
      @keyframes hesitantDrift {
        0% {
          opacity: 0.1;
          transform: translate(0) scale(1);
        }
        25% {
          opacity: 0.4;
          transform: translate(-10px, -15px) scale(0.9);
        }
        35% {
          opacity: 0.4;
          transform: translate(-10px, -15px) scale(0.9);
        }
        60% {
          opacity: 0.2;
          transform: translate(5px, -30px) scale(1.1);
        }
        70% {
          opacity: 0.2;
          transform: translate(5px, -30px) scale(1.1);
        }
        to {
          opacity: 0;
          transform: translate(-5px, -50px) scale(0.8);
        }
      }
      .traditional-broken-lines {
        pointer-events: none;
        z-index: 1;
        opacity: 0.3;
        position: absolute;
        inset: 0;
      }
      .broken-line {
        border-top: 1px dashed #94a3b8;
        height: 0;
        position: absolute;
      }
      .broken-line.line-1 {
        width: 100px;
        top: 45%;
        left: 10%;
        transform: rotate(15deg);
      }
      .broken-line.line-2 {
        width: 140px;
        top: 25%;
        right: 8%;
        transform: rotate(-10deg);
      }
      .broken-line.line-3 {
        width: 80px;
        top: 78%;
        left: 40%;
        transform: rotate(-25deg);
      }
      .broken-line.line-4 {
        width: 120px;
        top: 85%;
        right: 20%;
        transform: rotate(5deg);
      }
      .flashpay-block {
        background: #081633;
        border: 1px solid #2b3fde33;
        border-radius: 24px;
        flex-direction: column;
        justify-content: space-between;
        padding: 48px;
        display: flex;
        position: relative;
        overflow: hidden;
        box-shadow:
          0 24px 64px #0d152666,
          inset 0 1px #ffffff0d;
      }
      .flashpay-aurora {
        pointer-events: none;
        z-index: 0;
        background: linear-gradient(
          135deg,
          #2b3fde1f 0%,
          #f5a6230a 50%,
          #00e5a014 100%
        );
        position: absolute;
        inset: 0;
      }
      .flashpay-grid {
        pointer-events: none;
        z-index: 0;
        background-image: radial-gradient(#ffffff08 1px, #0000 1px);
        background-size: 24px 24px;
        position: absolute;
        inset: 0;
      }
      .flashpay-orb-1 {
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(circle, #2b3fde40 0%, #0000 70%);
        width: 250px;
        height: 250px;
        animation: 12s ease-in-out infinite floatOrbSlow;
        position: absolute;
        top: 10%;
        right: 15%;
      }
      .flashpay-orb-2 {
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(circle, #00e5a01f 0%, #0000 70%);
        width: 220px;
        height: 220px;
        animation: 16s ease-in-out -4s infinite floatOrbSlow;
        position: absolute;
        bottom: 10%;
        left: 10%;
      }
      @keyframes floatOrbSlow {
        0%,
        to {
          transform: translate(0) scale(1);
        }
        50% {
          transform: translate(-15px, 20px) scale(1.15);
        }
      }
      .flashpay-flow-lines {
        pointer-events: none;
        z-index: 1;
        opacity: 0.45;
        position: absolute;
        inset: 0;
      }
      .flow-curves-svg {
        width: 100%;
        height: 100%;
      }
      .flow-curve-line {
        stroke-dasharray: 6 12;
        animation: 20s linear infinite flowLineDash;
      }
      @keyframes flowLineDash {
        to {
          stroke-dashoffset: -360px;
        }
      }
      .flashpay-beams {
        pointer-events: none;
        z-index: 1;
        background: radial-gradient(circle at 100% 0, #ffffff05 0%, #0000 60%);
        position: absolute;
        inset: 0;
      }
      .flashpay-particles .particle {
        pointer-events: none;
        opacity: 0;
        border-radius: 50%;
        width: 3px;
        height: 3px;
        animation: 5s linear infinite fastFlowStream;
        position: absolute;
      }
      .flashpay-particles .particle:nth-child(3n) {
        background: #00e5a0;
      }
      .flashpay-particles .particle:nth-child(3n + 1) {
        background: #3247c6;
      }
      .flashpay-particles .particle:nth-child(3n + 2) {
        background: #d9a441;
      }
      .flashpay-particles .particle:first-child {
        animation-duration: 4.5s;
        animation-delay: 0s;
        top: 40%;
        left: 10%;
      }
      .flashpay-particles .particle:nth-child(2) {
        animation-duration: 3.8s;
        animation-delay: -1s;
        top: 60%;
        left: 20%;
      }
      .flashpay-particles .particle:nth-child(3) {
        animation-duration: 5.2s;
        animation-delay: -2s;
        top: 25%;
        left: 30%;
      }
      .flashpay-particles .particle:nth-child(4) {
        animation-duration: 4s;
        animation-delay: -0.5s;
        top: 80%;
        left: 5%;
      }
      .flashpay-particles .particle:nth-child(5) {
        animation-duration: 4.2s;
        animation-delay: -3.5s;
        top: 50%;
        left: 45%;
      }
      .flashpay-particles .particle:nth-child(6) {
        animation-duration: 3.5s;
        animation-delay: -1.5s;
        top: 35%;
        left: 60%;
      }
      .flashpay-particles .particle:nth-child(7) {
        animation-duration: 4.8s;
        animation-delay: -2.8s;
        top: 75%;
        left: 55%;
      }
      .flashpay-particles .particle:nth-child(8) {
        animation-duration: 3.2s;
        animation-delay: -0.8s;
        top: 65%;
        left: 75%;
      }
      .flashpay-particles .particle:nth-child(9) {
        animation-duration: 5s;
        animation-delay: -2.2s;
        top: 20%;
        left: 80%;
      }
      .flashpay-particles .particle:nth-child(10) {
        animation-duration: 4.6s;
        animation-delay: -4.1s;
        top: 85%;
        left: 35%;
      }
      .flashpay-particles .particle:nth-child(11) {
        animation-duration: 4.3s;
        animation-delay: -1.8s;
        top: 15%;
        left: 15%;
      }
      .flashpay-particles .particle:nth-child(12) {
        animation-duration: 3.9s;
        animation-delay: -3s;
        top: 85%;
        left: 65%;
      }
      .flashpay-particles .particle:nth-child(13) {
        animation-duration: 4.1s;
        animation-delay: -0.3s;
        top: 50%;
        left: 85%;
      }
      .flashpay-particles .particle:nth-child(14) {
        animation-duration: 4.7s;
        animation-delay: -2.5s;
        top: 15%;
        left: 50%;
      }
      @keyframes fastFlowStream {
        0% {
          opacity: 0;
          transform: translate(0) scale(0.6);
        }
        10% {
          opacity: 0.8;
        }
        90% {
          opacity: 0.8;
        }
        to {
          opacity: 0;
          transform: translate(120px, -60px) scale(1.2);
        }
      }
      .outcome-card {
        background: #fff;
        border: 1px solid #0d15260f;
        border-radius: 16px;
        flex-direction: column;
        justify-content: space-between;
        padding: 32px;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        display: flex;
        position: relative;
        overflow: hidden;
        box-shadow: 0 4px 20px #0d152605;
      }
      .outcome-card-glow {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
        transition: opacity 0.4s;
        position: absolute;
        inset: 0;
      }
      #card-outcome-1 .outcome-card-glow {
        background: radial-gradient(circle, #2b3fde0d 0%, #0000 60%);
      }
      #card-outcome-2 .outcome-card-glow {
        background: radial-gradient(circle, #00e5a00d 0%, #0000 60%);
      }
      #card-outcome-3 .outcome-card-glow {
        background: radial-gradient(circle, #f5a6230d 0%, #0000 60%);
      }
      #card-outcome-4 .outcome-card-glow {
        background: radial-gradient(circle, #2b3fde0f 0%, #0000 60%);
      }
      .outcome-card:hover {
        border-color: #2b3fde26;
        transform: translateY(-6px);
        box-shadow: 0 20px 40px #0d152614;
      }
      .outcome-card:hover .outcome-card-glow {
        opacity: 1;
      }
      .section-industries {
        z-index: 1;
        background: #fff;
        padding: 120px 0;
        position: relative;
        overflow: hidden;
      }
      .industry-grid {
        pointer-events: none;
        z-index: 0;
        opacity: 0.8;
        background-image: radial-gradient(#94a3b81a 1px, #0000 1px);
        background-size: 24px 24px;
        position: absolute;
        inset: 0;
      }
      .industry-orb {
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(circle, #3247c608 0%, #0000 70%);
        width: 450px;
        height: 450px;
        position: absolute;
        top: 30%;
        right: -5%;
      }
      .solutions-tabs-wrapper {
        -webkit-overflow-scrolling: touch;
        width: 100%;
        display: flex;
        overflow-x: auto;
        border-bottom: 1px solid #e2e8f0 !important;
        justify-content: flex-start !important;
        margin-bottom: 24px !important;
      }
      .solutions-tabs-wrapper::-webkit-scrollbar {
        display: none;
      }
      .solutions-tabs {
        background: 0 0;
        border: none;
        width: auto;
        padding: 0;
        display: flex;
        justify-content: flex-start !important;
        gap: 36px !important;
      }
      .tab-btn {
        font-family: var(--font-sans);
        cursor: pointer;
        white-space: nowrap;
        border: none;
        padding: 16px 0;
        font-size: 15px;
        transition:
          color 0.2s,
          font-weight 0.2s;
        position: relative;
        color: #94a3b8 !important;
        background: 0 0 !important;
        font-weight: 400 !important;
      }
      .tab-btn:hover {
        color: #475569 !important;
      }
      .tab-btn.active {
        color: #3247c6 !important;
        font-weight: 700 !important;
      }
      .tab-btn:after {
        content: "";
        opacity: 0;
        width: 100%;
        height: 2px;
        transition: opacity 0.2s;
        position: absolute;
        bottom: -1px;
        left: 0;
        transform: scaleX(1);
        background: #3247c6 !important;
      }
      .tab-btn.active:after {
        opacity: 1;
      }
      .industries-panels-container {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        display: flex;
        position: relative;
      }
      .industry-panel {
        opacity: 0;
        width: 100%;
        padding: 8px 0;
        transition: opacity 0.2s ease-out;
        display: none;
      }
      .industry-panel.active {
        opacity: 1;
        display: block;
      }
      .industry-panel-cols {
        box-sizing: border-box !important;
        background: linear-gradient(#f8fafc 0%, #f1f5f9 100%) !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 32px !important;
        grid-template-columns: minmax(auto, 480px) 1fr !important;
        align-items: center !important;
        column-gap: 80px !important;
        width: 100% !important;
        padding: 56px 64px !important;
        display: grid !important;
        box-shadow: 0 10px 30px #0f172a08 !important;
      }
      .industry-panel-left {
        text-align: left;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 480px;
        display: flex;
      }
      .panel-challenge-label {
        display: block;
        color: #3d3df5 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        margin-bottom: 16px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
      }
      .panel-challenge-headline {
        font-family: var(--font-sans);
        color: #0f172a !important;
        max-width: 480px !important;
        margin: 0 0 16px !important;
        font-size: 28px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
      }
      @media (width<=1024px) {
        .panel-challenge-headline {
          font-size: 24px !important;
        }
      }
      @media (width<=600px) {
        .panel-challenge-headline {
          font-size: 22px !important;
        }
      }
      .panel-solution-text {
        font-family: var(--font-sans);
        color: #475569 !important;
        max-width: 480px !important;
        margin: 0 0 40px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
      }
      @media (width<=1024px) {
        .industry-panel-cols {
          border-radius: 24px !important;
          grid-template-columns: 1fr !important;
          gap: 48px 0 !important;
          padding: 40px 32px !important;
        }
      }
      @media (width<=600px) {
        .industry-panel-cols {
          row-gap: 36px !important;
          padding: 32px 24px !important;
        }
      }
      .panel-buttons {
        align-items: center;
        gap: 16px;
        width: 100%;
        display: flex;
      }
      .btn-panel-primary {
        white-space: nowrap;
        background-color: #3247c6;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        height: 44px;
        padding: 0 24px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition:
          background-color 0.2s,
          transform 0.2s;
        display: inline-flex;
        color: #fff !important;
      }
      .btn-panel-primary:hover {
        background-color: #2437b3;
        transform: translateY(-1px);
      }
      .btn-panel-secondary {
        white-space: nowrap;
        background-color: #0000;
        border: 1.5px solid #0f172a;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        height: 44px;
        padding: 0 24px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition:
          background-color 0.2s,
          border-color 0.2s,
          transform 0.2s;
        display: inline-flex;
        color: #0f172a !important;
      }
      .btn-panel-secondary:hover {
        background-color: #0f172a0a;
        transform: translateY(-1px);
      }
      .industry-panel-right {
        justify-content: center;
        width: 100%;
        display: flex;
      }
      .panel-graphic-container {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 420px;
        display: flex;
        position: relative;
        overflow: hidden;
        background-color: #fff !important;
        border: none !important;
        border-radius: 0 !important;
      }
      .panel-graphic-svg {
        width: 100%;
        height: 100%;
      }
      @media (width<=1024px) {
        .industry-panel-cols {
          grid-template-columns: 1fr;
          row-gap: 48px;
          padding: 32px 0;
        }
        .industry-panel-left {
          max-width: 100%;
        }
        .panel-buttons {
          flex-wrap: wrap;
        }
      }
      .industry-marquee-section {
        z-index: 1;
        background: #fff;
        padding: 120px 0;
        position: relative;
        overflow: hidden;
      }
      .marquee-grid {
        pointer-events: none;
        z-index: 0;
        background-image: radial-gradient(#0d15260d 1px, #0000 1px);
        background-size: 28px 28px;
        position: absolute;
        inset: 0;
      }
      .marquee-orb-cobalt {
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(circle, #2b3fde0f 0%, #0000 70%);
        width: 60%;
        height: 60%;
        position: absolute;
        top: -10%;
        left: -10%;
      }
      .marquee-orb-amber {
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(circle, #f5a6230a 0%, #0000 70%);
        width: 60%;
        height: 60%;
        position: absolute;
        bottom: -10%;
        right: -10%;
      }
      .marquee-stars {
        pointer-events: none;
        z-index: 0;
        position: absolute;
        inset: 0;
      }
      .marquee-aurora-sweep {
        pointer-events: none;
        z-index: 0;
        filter: blur(80px);
        background: radial-gradient(#2b3fde08 0%, #f5a62303 40%, #0000 70%);
        width: 800px;
        height: 400px;
        animation: 25s ease-in-out infinite alternate aurora-sweep;
        position: absolute;
        top: 10%;
        left: 20%;
      }
      @keyframes aurora-sweep {
        0% {
          transform: translate(-10%, -10%) rotate(0) scale(1);
        }
        50% {
          transform: translate(10%, 15%) rotate(180deg) scale(1.15);
        }
        to {
          transform: translate(-10%, -10%) rotate(360deg) scale(1);
        }
      }
      .floating-particles-container {
        pointer-events: none;
        z-index: 0;
        position: absolute;
        inset: 0;
      }
      .floating-particles-container .particle {
        pointer-events: none;
        filter: blur(1px);
        background: #fff;
        border-radius: 50%;
        position: absolute;
      }
      .floating-particles-container .p1 {
        opacity: 0.15;
        width: 3px;
        height: 3px;
        animation: 18s linear infinite particleDrift;
        top: 15%;
        left: 8%;
      }
      .floating-particles-container .p2 {
        opacity: 0.2;
        width: 4px;
        height: 4px;
        animation: 22s linear 2s infinite particleDrift;
        top: 35%;
        left: 28%;
      }
      .floating-particles-container .p3 {
        opacity: 0.15;
        width: 2px;
        height: 2px;
        animation: 16s linear 4s infinite particleDrift;
        top: 75%;
        left: 18%;
      }
      .floating-particles-container .p4 {
        opacity: 0.1;
        width: 5px;
        height: 5px;
        animation: 28s linear 1s infinite particleDrift;
        top: 25%;
        left: 48%;
      }
      .floating-particles-container .p5 {
        opacity: 0.25;
        width: 3px;
        height: 3px;
        animation: 20s linear 5s infinite particleDrift;
        top: 65%;
        left: 58%;
      }
      .floating-particles-container .p6 {
        opacity: 0.15;
        width: 4px;
        height: 4px;
        animation: 24s linear 3s infinite particleDrift;
        top: 85%;
        left: 38%;
      }
      .floating-particles-container .p7 {
        opacity: 0.2;
        width: 2px;
        height: 2px;
        animation: 19s linear 7s infinite particleDrift;
        top: 12%;
        left: 78%;
      }
      .floating-particles-container .p8 {
        opacity: 0.1;
        width: 5px;
        height: 5px;
        animation: 26s linear 6s infinite particleDrift;
        top: 48%;
        left: 88%;
      }
      .floating-particles-container .p9 {
        opacity: 0.15;
        width: 3px;
        height: 3px;
        animation: 21s linear 8s infinite particleDrift;
        top: 82%;
        left: 68%;
      }
      .floating-particles-container .p10 {
        opacity: 0.25;
        width: 4px;
        height: 4px;
        animation: 23s linear 9s infinite particleDrift;
        top: 52%;
        left: 72%;
      }
      .floating-particles-container .p11 {
        opacity: 0.15;
        width: 3px;
        height: 3px;
        animation: 17s linear 10s infinite particleDrift;
        top: 92%;
        left: 12%;
      }
      .floating-particles-container .p12 {
        opacity: 0.2;
        width: 4px;
        height: 4px;
        animation: 25s linear 11s infinite particleDrift;
        top: 6%;
        left: 93%;
      }
      @keyframes particleDrift {
        0% {
          opacity: 0;
          transform: translate(0);
        }
        10% {
          opacity: 0.3;
        }
        90% {
          opacity: 0.3;
        }
        to {
          opacity: 0;
          transform: translate(120px, -120px);
        }
      }
      .marquee-header {
        text-align: center;
        z-index: 2;
        max-width: 900px;
        position: relative;
        margin: 0 auto 64px !important;
      }
      .industry-marquee-section .section-title {
        color: var(--text-primary);
      }
      .industry-marquee-section .section-desc {
        color: var(--text-secondary);
        max-width: 720px;
        margin: 0 auto;
      }
      .marquee-wall {
        z-index: 2;
        flex-direction: column;
        gap: 12px;
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        padding: 20px 0;
        display: flex;
        position: relative;
        left: 50%;
        right: 50%;
        overflow: visible;
      }
      .marquee-fade-left,
      .marquee-fade-right {
        pointer-events: none;
        z-index: 10;
        width: 120px;
        position: absolute;
        top: 0;
        bottom: 0;
      }
      .marquee-fade-left {
        background: linear-gradient(90deg, #0f1117 0%, #0000 100%);
        left: 0;
      }
      .marquee-fade-right {
        background: linear-gradient(270deg, #0f1117 0%, #0000 100%);
        right: 0;
      }
      .marquee-row {
        z-index: 1;
        align-items: flex-start;
        width: 100%;
        height: 84px;
        transition: z-index 0.35s;
        display: flex;
        position: relative;
        overflow: visible;
      }
      .marquee-row:hover {
        z-index: 10;
      }
      .marquee-track {
        white-space: nowrap;
        will-change: transform;
        gap: 12px;
        display: flex;
      }
      .marquee-group {
        gap: 12px;
        display: flex;
      }
      .marquee-row.row-direction-ltr .marquee-track {
        animation: marquee-ltr var(--speed, 40s) linear infinite;
      }
      .marquee-row.row-direction-rtl .marquee-track {
        animation: marquee-rtl var(--speed, 35s) linear infinite;
      }
      @keyframes marquee-ltr {
        0% {
          transform: translate(-33.3333%);
        }
        to {
          transform: translate(0);
        }
      }
      @keyframes marquee-rtl {
        0% {
          transform: translate(0);
        }
        to {
          transform: translate(-33.3333%);
        }
      }
      .marquee-tile {
        width: 220px;
        height: 76px;
        box-shadow: var(--shadow-sm);
        box-sizing: border-box;
        z-index: 1;
        cursor: pointer;
        border-radius: 8px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        padding: 12px 16px;
        text-decoration: none;
        transition:
          transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
          height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
          border-color 0.35s,
          background-color 0.35s,
          box-shadow 0.35s,
          opacity 0.35s;
        display: flex;
        overflow: hidden;
        background: #fff !important;
        border: 1px solid #e2e8f0 !important;
      }
      .marquee-tile.is-hovered {
        box-shadow: var(--shadow-md) !important;
        border-color: #3247c6 !important;
      }
      .tile-main-content {
        flex-shrink: 0;
        align-items: center;
        gap: 10px;
        width: 100%;
        height: 50px;
        display: flex;
      }
      .tile-icon-container {
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        transition:
          transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
          box-shadow 0.35s;
        display: flex;
      }
      .tile-icon-container svg {
        stroke-width: 1.5px;
        width: 18px;
        height: 18px;
        transition:
          stroke-width 0.35s,
          width 0.35s,
          height 0.35s;
      }
      .tile-text-container {
        flex-direction: column;
        gap: 0;
        display: flex;
        overflow: hidden;
      }
      .tile-name {
        white-space: normal;
        font-family: Inter, sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
        color: #334155 !important;
      }
      .tile-tagline {
        white-space: normal;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.3;
        color: #64748b !important;
      }
      .tile-expanded-content {
        opacity: 0;
        text-align: left;
        max-height: 0;
        margin-top: 0;
        transition:
          opacity 0.25s,
          max-height 0.35s,
          margin-top 0.35s;
        overflow: hidden;
      }
      .expanded-label {
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 8px;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 600;
        display: block;
        color: #94a3b8 !important;
      }
      .expanded-bullets {
        flex-direction: column;
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
      }
      .expanded-bullets li {
        white-space: normal;
        padding-left: 12px;
        font-family: Inter, sans-serif;
        font-size: 11px;
        line-height: 1.4;
        position: relative;
        color: #475569 !important;
      }
      .expanded-bullets li:before {
        content: "•";
        color: var(--theme-color);
        font-weight: 700;
        position: absolute;
        left: 0;
      }
      .theme-cobalt {
        --theme-color: #2b3fde;
      }
      .theme-amber {
        --theme-color: #f5a623;
      }
      .theme-green {
        --theme-color: #10b981;
      }
      .theme-light-cobalt {
        --theme-color: #5b6ee8;
      }
      .tile-icon-container {
        color: #3247c6 !important;
        background: #3247c614 !important;
        border: none !important;
      }
      .theme-special-more,
      .theme-special-cta {
        --theme-color: #3247c6;
      }
      @keyframes specialBorderPulse {
        0%,
        to {
          border-color: #2b3fde59;
          box-shadow: 0 4px 16px #2b3fde1a;
        }
        50% {
          border-color: #2b3fdebf;
          box-shadow: 0 4px 24px #2b3fde4d;
        }
      }
      .marquee-wall.has-hovered-tile .marquee-tile:not(.is-hovered) {
        opacity: 0.4;
      }
      .marquee-tile.is-hovered {
        z-index: 100;
        background: #ffffff14;
        border-color: #ffffff80;
        height: 170px;
        transform: scale(1.1) translateY(-3px);
        box-shadow:
          0 12px 32px #0006,
          0 0 20px #2b3fde26;
        opacity: 1 !important;
      }
      .marquee-tile.theme-cobalt.is-hovered {
        border-color: #2b3fde80;
        box-shadow:
          0 12px 32px #0006,
          0 0 20px #2b3fde40;
      }
      .marquee-tile.theme-amber.is-hovered {
        border-color: #f5a62380;
        box-shadow:
          0 12px 32px #0006,
          0 0 20px #f5a62340;
      }
      .marquee-tile.theme-green.is-hovered {
        border-color: #10b98180;
        box-shadow:
          0 12px 32px #0006,
          0 0 20px #10b98140;
      }
      .marquee-tile.theme-light-cobalt.is-hovered {
        border-color: #5b6ee880;
        box-shadow:
          0 12px 32px #0006,
          0 0 20px #5b6ee840;
      }
      .marquee-tile.theme-special-more.is-hovered {
        border-color: #2b3fdecc;
        box-shadow:
          0 12px 32px #0006,
          0 0 20px #2b3fde59;
      }
      .marquee-tile.theme-special-cta.is-hovered {
        border-color: #f5a623cc;
        box-shadow:
          0 12px 32px #0006,
          0 0 20px #f5a62359;
      }
      .marquee-tile.is-hovered .tile-expanded-content {
        opacity: 1;
        max-height: 90px;
        margin-top: 8px;
      }
      .marquee-tile.is-hovered .tile-icon-container {
        transform: scale(1.1);
        box-shadow: 0 0 10px #ffffff1a;
      }
      .marquee-tile.is-hovered .tile-icon-container svg {
        stroke-width: 2px;
      }
      .marquee-tile:focus-visible {
        outline-offset: 4px;
        outline: 3px solid #2b3fde;
        box-shadow: 0 0 0 4px #2b3fde33;
      }
      .marquee-bottom-cta {
        text-align: center;
        z-index: 2;
        max-width: 700px;
        margin: 80px auto 0;
        position: relative;
      }
      .marquee-bottom-title {
        margin-bottom: 12px;
        font-family: Inter, sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.5;
        color: #475569 !important;
      }
      .marquee-bottom-desc {
        max-width: 540px;
        margin: 0 auto 32px;
        font-family: Inter, sans-serif;
        font-size: 16px;
        line-height: 1.6;
        color: #64748b !important;
      }
      .marquee-cta-buttons {
        justify-content: center;
        align-items: center;
        gap: 16px;
        display: flex;
      }
      .marquee-cta-buttons .btn-primary {
        color: #fff !important;
        background-color: #3247c6 !important;
        border: 1px solid #3247c6 !important;
      }
      .marquee-cta-buttons .btn-primary:hover {
        background-color: #2437b3 !important;
        border-color: #2437b3 !important;
        transform: translateY(-2px) !important;
      }
      .marquee-cta-buttons .btn-outline {
        color: #0f172a !important;
        background-color: #0000 !important;
        border: 1px solid #0f172a !important;
      }
      .marquee-cta-buttons .btn-outline:hover {
        background-color: #0f172a0a !important;
        transform: translateY(-2px) !important;
      }
      .marquee-source-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        width: 100%;
        max-width: 1200px;
        margin: 40px auto 0;
        display: grid;
      }
      .js-enabled .marquee-source-grid {
        display: none !important;
      }
      @media (prefers-reduced-motion: reduce) {
        .marquee-track {
          animation: none !important;
          transform: none !important;
        }
        .marquee-wall {
          grid-template-columns: repeat(
            auto-fill,
            minmax(280px, 1fr)
          ) !important;
          gap: 24px !important;
          width: auto !important;
          max-width: 1200px !important;
          margin: 0 auto !important;
          padding: 20px !important;
          display: grid !important;
          left: auto !important;
          right: auto !important;
          overflow: visible !important;
        }
        .marquee-row,
        .marquee-group {
          display: contents !important;
        }
        .marquee-group[aria-hidden="true"],
        .marquee-fade-left,
        .marquee-fade-right,
        .marquee-stars,
        .marquee-aurora-sweep,
        .floating-particles-container {
          display: none !important;
        }
      }
      @media (width<=1024px) {
        .solutions-tabs {
          gap: 20px;
        }
        .industry-panel {
          grid-template-columns: 1fr;
          gap: 48px;
        }
        .panel-visual-col {
          order: 2;
        }
        .marquee-headline {
          font-size: 48px;
        }
        .marquee-tile {
          width: 200px;
        }
        .tile-main-content {
          gap: 12px;
        }
      }
      @media (width<=768px) {
        .solutions-tabs-wrapper {
          justify-content: flex-start;
          padding-bottom: 8px;
          overflow-x: auto;
        }
        .solutions-tabs {
          justify-content: flex-start;
          gap: 24px;
          padding: 0 16px;
        }
        .solution-centered-container {
          padding: 40px 0;
        }
        .solution-headline {
          font-size: 32px;
        }
        .solution-features-grid {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        .industry-marquee-section {
          padding: 80px 0;
        }
        .marquee-header {
          margin-bottom: 48px;
        }
        .marquee-headline {
          letter-spacing: -1px;
          font-size: 36px;
        }
        .marquee-subheading {
          font-size: 16px;
          line-height: 26px;
        }
        .marquee-tile {
          width: 180px;
          padding: 10px 12px;
        }
        .tile-main-content {
          gap: 10px;
        }
        .tile-name {
          font-size: 14px;
        }
        .marquee-bottom-cta {
          margin-top: 48px;
        }
        .marquee-bottom-title {
          font-size: 22px;
        }
        .marquee-cta-buttons {
          flex-direction: column;
          gap: 12px;
          width: 100%;
          max-width: 320px;
          margin: 0 auto;
        }
        .marquee-cta-buttons .btn {
          width: 100%;
        }
      }
      .hero-divider {
        border: none;
        border-top: 1px solid #e2e8f0;
        width: 100%;
        margin: 32px 0 20px;
      }
      .hero-trust-row {
        font-family: var(--font-sans);
        flex-wrap: wrap;
        align-items: center;
        line-height: 1.4;
        display: flex;
      }
      .hero-trust-label {
        color: #94a3b8;
        margin-right: 8px;
        font-size: 12px;
        font-weight: 400;
      }
      .hero-trust-value {
        color: #334155;
        font-size: 12px;
        font-weight: 600;
      }
      .hero-trust-dot {
        color: #cbd5e1;
        margin: 0 8px;
        font-size: 12px;
        font-weight: 600;
      }
      .trusted-logos-section {
        background: #fff;
        border-top: 1px solid #e2e8f0;
        border-bottom: 1px solid #e2e8f0;
        align-items: center;
        height: 80px;
        display: flex;
        overflow: hidden;
        margin-bottom: 0 !important;
      }
      .trusted-logos-container {
        align-items: center;
        gap: 0;
        height: 100%;
        display: flex;
        overflow: hidden;
      }
      .trusted-logos-left {
        white-space: nowrap;
        flex-shrink: 0;
        align-items: center;
        gap: 0;
        margin-right: 24px;
        padding-right: 0;
        display: flex;
      }
      .trusted-logos-label {
        font-family: var(--font-sans);
        letter-spacing: 0.12em;
        color: #94a3b8;
        white-space: nowrap;
        flex-shrink: 0;
        font-size: 11px;
        font-weight: 600;
      }
      .trusted-logos-divider {
        background: #e2e8f0;
        flex-shrink: 0;
        width: 1px;
        height: 20px;
        margin-left: 24px;
      }
      .trusted-logos-right {
        flex: 1;
        min-width: 0;
        overflow: hidden;
      }
      .marquee-track {
        will-change: transform;
        align-items: center;
        gap: 12px;
        width: max-content;
        animation: 30s linear infinite trustedLogoScroll;
        display: flex;
      }
      @keyframes trustedLogoScroll {
        0% {
          transform: translate(0);
        }
        to {
          transform: translate(-50%);
        }
      }
      .logo-chip {
        font-family: var(--font-sans);
        color: #94a3b8;
        white-space: nowrap;
        -webkit-user-select: none;
        user-select: none;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        padding: 8px 20px;
        font-size: 12px;
        font-weight: 700;
        display: inline-flex;
      }
      @media (width<=767px) {
        .trusted-logos-left {
          display: none;
        }
        .trusted-logos-right {
          width: 100%;
        }
      }
      .calc-teaser-section {
        background: #fff;
        padding: 80px 0;
        position: relative;
        overflow: hidden;
      }
      .calc-teaser-grid {
        pointer-events: none;
        z-index: 0;
        background-image: radial-gradient(circle, #0f172a0a 1px, #0000 1px);
        background-size: 24px 24px;
        position: absolute;
        inset: 0;
      }
      .calc-teaser-container {
        z-index: 2;
        grid-template-columns: minmax(auto, 480px) 1fr;
        align-items: center;
        gap: 80px;
        display: grid;
        position: relative;
      }
      .calc-teaser-left-column {
        width: 100%;
        max-width: 480px;
      }
      .calc-teaser-heading {
        font-family: var(--font-sans);
        letter-spacing: -1px;
        font-size: clamp(32px, 3.8vw, 42px);
        font-weight: 800;
        line-height: 1.15;
        color: #0f172a !important;
        margin: 0 0 24px !important;
      }
      .calc-teaser-body {
        font-family: var(--font-sans);
        font-size: 16px;
        line-height: 1.65;
        color: #475569 !important;
        margin: 0 0 32px !important;
      }
      .calc-cta-pair {
        align-items: center;
        gap: 16px;
        margin-bottom: 24px;
        display: flex;
      }
      .btn-calc-primary {
        white-space: nowrap;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        height: 52px;
        padding: 0 28px;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        transition:
          background 0.28s,
          transform 0.28s,
          box-shadow 0.28s;
        display: inline-flex;
        color: #fff !important;
        background: #3d3df5 !important;
      }
      .btn-calc-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px #3d3df540;
        background: #2b2be0 !important;
      }
      .btn-calc-secondary {
        white-space: nowrap;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        height: 52px;
        padding: 0 28px;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        transition:
          background 0.28s,
          border-color 0.28s,
          color 0.28s,
          transform 0.28s;
        display: inline-flex;
        color: #0f172a !important;
        background: #fff !important;
        border: 1px solid #e2e8f0 !important;
      }
      .btn-calc-secondary:hover {
        transform: translateY(-2px);
        background: #f8fafc !important;
        border-color: #cbd5e1 !important;
      }
      .calc-disclaimer {
        font-family: var(--font-sans);
        margin: 0;
        font-size: 12px;
        line-height: 1.5;
        color: #94a3b8 !important;
      }
      .calc-teaser-right-column {
        justify-self: end;
        width: 100%;
        max-width: 600px;
      }
      .calc-analysis-card {
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        background-color: #fff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 24px !important;
        padding: 36px !important;
        box-shadow: 0 20px 40px #0f172a0a !important;
      }
      .calc-card-top {
        margin-bottom: 20px;
        display: flex;
      }
      .calc-card-label {
        font-family: var(--font-sans);
        letter-spacing: 1.5px;
        text-transform: uppercase;
        border-radius: 100px;
        padding: 4px 10px;
        font-size: 10px;
        font-weight: 700;
        color: #3d3df5 !important;
        background-color: #f0f2ff !important;
      }
      .calc-scenario-header {
        margin-bottom: 24px;
      }
      .calc-scenario-title {
        font-family: var(--font-sans);
        margin: 0 0 6px;
        font-size: 16px;
        font-weight: 700;
        color: #0f172a !important;
      }
      .calc-scenario-sub {
        font-family: var(--font-sans);
        margin: 0;
        font-size: 13px;
        line-height: 1.4;
        color: #64748b !important;
      }
      .calc-metrics-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        padding-top: 24px;
        display: grid;
        border-top: 1px solid #f1f5f9 !important;
      }
      .calc-metric-block {
        flex-direction: column;
        justify-content: flex-start;
        transition: transform 0.28s;
        display: flex;
      }
      .calc-metric-block:hover {
        transform: translateY(-2px);
      }
      .calc-metric-label {
        font-family: var(--font-sans);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 0 0 6px;
        font-size: 11px;
        font-weight: 600;
        color: #64748b !important;
      }
      .calc-metric-value {
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        margin: 0 0 6px;
        font-size: 24px;
        font-weight: 800;
        line-height: 1.1;
        color: #0f172a !important;
      }
      .calc-metric-desc {
        font-family: var(--font-sans);
        margin: 0;
        font-size: 11px;
        line-height: 1.4;
        color: #94a3b8 !important;
      }
      .calc-total-block {
        text-align: center;
        flex-direction: column;
        align-items: center;
        margin-top: 28px;
        display: flex;
        background: linear-gradient(#f8fafc 0%, #f1f5f9 100%) !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 16px !important;
        padding: 24px !important;
      }
      .calc-total-label {
        font-family: var(--font-sans);
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 6px;
        font-size: 11px;
        font-weight: 700;
        color: #64748b !important;
      }
      .calc-total-value {
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        margin: 0 0 6px;
        font-size: 36px;
        font-weight: 800;
        line-height: 1.1;
        color: #3d3df5 !important;
      }
      .calc-total-note {
        font-family: var(--font-sans);
        margin: 0;
        font-size: 11px;
        font-style: italic;
        color: #94a3b8 !important;
      }
      .calc-teaser-left-column.animate-on-scroll,
      .calc-teaser-right-column.animate-on-scroll {
        opacity: 0;
        transition:
          opacity 0.6s ease-out,
          transform 0.6s ease-out;
        transform: translateY(24px);
      }
      .calc-teaser-left-column.animate-on-scroll.animated,
      .calc-teaser-right-column.animate-on-scroll.animated {
        opacity: 1;
        transform: translate(0);
      }
      @media (width<=1024px) {
        .calc-teaser-container {
          grid-template-columns: 1fr;
          gap: 56px;
        }
        .calc-teaser-left-column,
        .calc-teaser-right-column {
          max-width: 100%;
        }
      }
      @media (width<=600px) {
        .calc-teaser-section {
          padding: 48px 0;
        }
        .calc-analysis-card {
          padding: 24px !important;
        }
        .calc-metrics-grid {
          grid-template-columns: 1fr !important;
          gap: 20px !important;
        }
        .calc-total-block {
          padding: 20px !important;
        }
        .calc-total-value {
          font-size: 28px !important;
        }
        .calc-cta-pair {
          flex-direction: column !important;
          align-items: stretch !important;
          gap: 12px !important;
        }
        .btn-calc-primary,
        .btn-calc-secondary {
          width: 100% !important;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .calc-teaser-left-column.animate-on-scroll,
        .calc-teaser-right-column.animate-on-scroll {
          transition: opacity 0.6s ease-out;
          transform: none;
        }
      }
      .dotted-grid-overlay,
      .floating-elements-container,
      .ambient-particles,
      .industry-floats,
      .industry-particles {
        will-change: transform;
        transform: translate(0, 0);
      }
      @media (prefers-reduced-motion: reduce) {
        .mesh-gradient-overlay,
        .glow-orb,
        .floating-token,
        .floating-shape,
        .faded-widget,
        .particle,
        .light-beam,
        .dashboard-mockup-glow,
        .core-wave,
        .pulse-node,
        .network-arc,
        .arc-dot,
        .flow-dot,
        .settlement-core-hub,
        .flow-curve-line,
        .float-icon,
        .radar-sweep,
        .radar-dot,
        .arrow-path {
          transition: none !important;
          animation: none !important;
          transform: none !important;
        }
      }
      .mesh-gradient-overlay,
      .dotted-grid-overlay,
      .glow-orb,
      .light-beam-overlay,
      .floating-elements-container,
      .ambient-particles,
      .story-mesh,
      .story-grid,
      .story-orb-1,
      .story-orb-2,
      .story-orb-3,
      .story-shapes,
      .story-particles,
      .story-beam,
      .modern-mesh,
      .modern-shapes,
      .modern-particles,
      .hero-grid,
      .hero-floats,
      .hero-particles,
      .platform-mesh,
      .platform-grid,
      .platform-orb-1,
      .platform-orb-2,
      .platform-orb-3,
      .platform-widgets,
      .platform-shapes,
      .platform-particles,
      .traditional-mesh,
      .traditional-grid,
      .traditional-orb,
      .traditional-broken-lines,
      .traditional-particles,
      .flashpay-aurora,
      .flashpay-grid,
      .flashpay-orb-1,
      .flashpay-orb-2,
      .flashpay-flow-lines,
      .flashpay-beams,
      .flashpay-particles,
      .story-split-divider,
      .industry-mesh,
      .industry-grid,
      .industry-orb,
      .industry-floats,
      .industry-particles {
        display: none !important;
      }
      :before,
      :after,
      .particle,
      .float-icon,
      .floating-token,
      .floating-shape,
      .faded-widget,
      .core-wave,
      .pulse-node,
      .network-arc,
      .arc-dot,
      .flow-dot,
      .direct-light-traveler,
      .flow-curve-line,
      .arrow-path,
      .orbital-node,
      .security-center-core,
      .radar-sweep {
        transition: none !important;
        animation: none !important;
      }
      .storytelling-section,
      .section-industries,
      .modern-commerce-section,
      .hero-section,
      .section-features {
        background-image: none !important;
      }
      .gscc-section-old-dummy {
        display: none !important;
      }
      .gscc-dot-grid {
        pointer-events: none;
        z-index: 0;
        background-image: radial-gradient(circle, #3b82f60a 1px, #0000 1px);
        background-size: 24px 24px;
        position: absolute;
        inset: 0;
      }
      .gscc-ambient-glow {
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(#0af5c808 0%, #0000 70%);
        width: 70%;
        height: 60%;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%);
      }
      .gscc-copy-block {
        z-index: 2;
        text-align: center;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        max-width: 580px;
        margin: 0 auto 48px;
        padding: 0 24px;
        display: flex;
        position: relative;
      }
      .gscc-eyebrow {
        color: #0af5c8;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        border: 1px solid #0af5c859;
        border-radius: 100px;
        align-items: center;
        gap: 8px;
        padding: 6px 14px;
        font-family: Inter, sans-serif;
        font-size: 11px;
        font-weight: 500;
        display: inline-flex;
      }
      .gscc-eyebrow-dot {
        background: #0af5c8;
        border-radius: 50%;
        flex-shrink: 0;
        width: 6px;
        height: 6px;
        animation: 2.5s ease-in-out infinite gscc-dot-pulse;
      }
      @keyframes gscc-dot-pulse {
        0%,
        to {
          opacity: 1;
        }
        50% {
          opacity: 0.2;
        }
      }
      .gscc-headline {
        letter-spacing: -0.03em;
        color: #f0f6ff;
        margin: 0;
        font-family: Inter, sans-serif;
        font-size: clamp(32px, 3.8vw, 52px);
        font-weight: 800;
        line-height: 1.1;
      }
      .gscc-headline-gradient {
        background: linear-gradient(90deg, #60a5fa, #0af5c8);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
      }
      .gscc-body-lg {
        color: #c8dcffa6;
        margin: 0;
        font-family: Inter, sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.7;
      }
      .gscc-body-sm {
        color: #a0bef073;
        margin: 0;
        font-family: Inter, sans-serif;
        font-size: 13.5px;
        font-weight: 300;
        line-height: 1.75;
      }
      .gscc-pills {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        display: flex;
      }
      .gscc-pill {
        color: #c8dcffb3;
        white-space: nowrap;
        background: #0af5c80d;
        border: 1px solid #0af5c82e;
        border-radius: 100px;
        align-items: center;
        gap: 6px;
        padding: 5px 12px;
        font-family: Inter, sans-serif;
        font-size: 12px;
        font-weight: 400;
        display: inline-flex;
      }
      .gscc-pill-dot {
        background: #0af5c8;
        border-radius: 50%;
        flex-shrink: 0;
        width: 5px;
        height: 5px;
        box-shadow: 0 0 5px #0af5c899;
      }
      .gscc-dash-wrap {
        z-index: 2;
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 40px;
        position: relative;
        -webkit-mask-image: linear-gradient(#000 88%, #0000 100%);
        mask-image: linear-gradient(#000 88%, #0000 100%);
      }
      .gscc-dash {
        background: #061020eb;
        border: 1px solid #63b3ff2e;
        border-radius: 16px 16px 0 0;
        animation: 7s ease-in-out infinite gscc-dash-float;
        overflow: hidden;
        box-shadow:
          inset 0 0 0 0.5px #ffffff0a,
          0 32px 80px #0009,
          0 0 60px #0af5c80a;
      }
      @keyframes gscc-dash-float {
        0%,
        to {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-8px);
        }
      }
      .gscc-topbar {
        background: #ffffff05;
        border-bottom: 1px solid #ffffff12;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        padding: 11px 18px;
        display: flex;
      }
      .gscc-topbar-left {
        flex-shrink: 0;
        align-items: center;
        gap: 9px;
        display: flex;
      }
      .gscc-bolt {
        flex-shrink: 0;
        width: 17px;
        height: 17px;
      }
      .gscc-topbar-title {
        color: #f0f6ff;
        font-family: Inter, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.2;
      }
      .gscc-topbar-sub {
        color: #a0bef073;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 400;
      }
      .gscc-topbar-tabs {
        flex: 1;
        justify-content: center;
        gap: 2px;
        display: flex;
      }
      .gscc-tab {
        color: #a0bef073;
        cursor: pointer;
        white-space: nowrap;
        background: 0 0;
        border: none;
        border-radius: 6px;
        padding: 4px 11px;
        font-family: Inter, sans-serif;
        font-size: 11px;
        font-weight: 400;
        transition:
          background 0.15s,
          color 0.15s;
      }
      .gscc-tab-active {
        color: #0af5c8;
        background: #0af5c81a;
      }
      .gscc-topbar-right {
        flex-shrink: 0;
        align-items: center;
        gap: 8px;
        display: flex;
      }
      .gscc-utc-clock {
        color: #a0bef073;
        font-variant-numeric: tabular-nums;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 400;
      }
      .gscc-tier-badge {
        color: #60a5fa;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        background: #60a5fa1f;
        border: 1px solid #60a5fa33;
        border-radius: 4px;
        padding: 2px 8px;
        font-family: Inter, sans-serif;
        font-size: 9px;
        font-weight: 600;
      }
      .gscc-live-dot {
        background: #10b981;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        animation: 2s ease-in-out infinite gscc-live-pulse;
      }
      @keyframes gscc-live-pulse {
        0%,
        to {
          opacity: 1;
        }
        50% {
          opacity: 0.3;
        }
      }
      .gscc-live-label {
        color: #a0bef073;
        white-space: nowrap;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 400;
      }
      .gscc-metric-row {
        background: #ffffff0f;
        border-bottom: 1px solid #ffffff0f;
        grid-template-columns: repeat(4, 1fr);
        gap: 1px;
        display: grid;
      }
      .gscc-metric-tile {
        background: #061020eb;
        flex-direction: column;
        gap: 4px;
        padding: 16px 20px;
        display: flex;
      }
      .gscc-metric-label {
        color: #a0bef073;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 500;
      }
      .gscc-metric-value {
        color: #f0f6ff;
        letter-spacing: -0.02em;
        font-family: Inter, sans-serif;
        font-size: 26px;
        font-weight: 700;
        line-height: 1;
      }
      .gscc-val-teal {
        color: #0af5c8;
      }
      .gscc-metric-sub {
        color: #a0bef073;
        margin-top: 2px;
        font-family: Inter, sans-serif;
        font-size: 11px;
      }
      .gscc-sub-green {
        color: #10b981;
      }
      .gscc-sub-muted {
        color: #a0bef059;
      }
      .gscc-panel {
        background: #ffffff06;
        border-radius: 0;
        padding: 14px 16px;
      }
      .gscc-panel-header {
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
        display: flex;
      }
      .gscc-panel-label {
        color: #a0bef080;
        text-transform: uppercase;
        letter-spacing: 0.07em;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 600;
      }
      .gscc-badge {
        white-space: nowrap;
        border-radius: 100px;
        align-items: center;
        padding: 2px 8px;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 500;
        display: inline-flex;
      }
      .gscc-badge-green {
        color: #10b981;
        background: #10b98126;
      }
      .gscc-badge-teal {
        color: #0af5c8;
        background: #0af5c81f;
      }
      .gscc-badge-amber {
        color: #f59e0b;
        background: #f59e0b26;
      }
      .gscc-badge-blue {
        color: #60a5fa;
        background: #3b82f626;
      }
      .gscc-badge-muted {
        color: #a0bef073;
        background: #ffffff0f;
      }
      .gscc-row2 {
        background: #ffffff0f;
        border-bottom: 1px solid #ffffff0f;
        grid-template-columns: 2fr 1.1fr 0.9fr;
        gap: 1px;
        display: grid;
      }
      .gscc-panel-inflows {
        background: #0af5c805;
      }
      .gscc-toggle-pills {
        gap: 2px;
        display: flex;
      }
      .gscc-toggle {
        color: #a0bef066;
        cursor: pointer;
        background: 0 0;
        border: none;
        border-radius: 5px;
        padding: 3px 8px;
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-weight: 500;
      }
      .gscc-toggle-active {
        color: #0af5c8;
        background: #0af5c81f;
      }
      .gscc-chart-area {
        margin-bottom: 10px;
      }
      .gscc-area-chart {
        border-radius: 6px;
        width: 100%;
        height: 90px;
        display: block;
        overflow: hidden;
      }
      .gscc-chart-legend {
        gap: 14px;
        margin-top: 6px;
        display: flex;
      }
      .gscc-legend-item {
        color: #a0bef073;
        align-items: center;
        gap: 5px;
        font-family: Inter, sans-serif;
        font-size: 10px;
        display: flex;
      }
      .gscc-legend-dot {
        border-radius: 50%;
        width: 8px;
        height: 8px;
      }
      .gscc-coin-pills {
        flex-wrap: wrap;
        gap: 5px;
        display: flex;
      }
      .gscc-coin-pill {
        color: #c8dcffa6;
        white-space: nowrap;
        background: #ffffff0a;
        border: 1px solid #ffffff14;
        border-radius: 6px;
        align-items: center;
        gap: 4px;
        padding: 3px 8px;
        font-family: Inter, sans-serif;
        font-size: 10px;
        display: inline-flex;
      }
      .gscc-coin-dot {
        border-radius: 50%;
        flex-shrink: 0;
        width: 6px;
        height: 6px;
        display: inline-block;
      }
      .gscc-coin-amt {
        color: #a0bef066;
        font-size: 9px;
      }
      .gscc-kyt-rows {
        flex-direction: column;
        gap: 5px;
        margin-bottom: 14px;
        display: flex;
      }
      .gscc-kyt-row {
        background: #ffffff06;
        border: 1px solid #ffffff0d;
        border-radius: 7px;
        align-items: center;
        gap: 7px;
        padding: 6px 8px;
        display: flex;
      }
      .gscc-kyt-icon {
        text-align: center;
        flex-shrink: 0;
        width: 18px;
        font-size: 12px;
      }
      .gscc-kyt-info {
        flex-direction: column;
        flex: 1;
        min-width: 0;
        display: flex;
      }
      .gscc-kyt-lbl {
        color: #a0bef073;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: Inter, sans-serif;
        font-size: 9px;
        overflow: hidden;
      }
      .gscc-kyt-metric {
        color: #f0f6ff;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
      }
      .gscc-risk-section {
        margin-top: 4px;
      }
      .gscc-risk-title {
        color: #a0bef066;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        margin-bottom: 6px;
        font-family: Inter, sans-serif;
        font-size: 9px;
        font-weight: 500;
      }
      .gscc-risk-bar {
        border-radius: 4px;
        gap: 1px;
        height: 7px;
        display: flex;
        overflow: hidden;
      }
      .gscc-risk-seg {
        border-radius: 2px;
        min-width: 3px;
      }
      .gscc-risk-low {
        background: #10b981b3;
      }
      .gscc-risk-med {
        background: #f59e0bb3;
      }
      .gscc-risk-high {
        background: #ef4444b3;
      }
      .gscc-risk-labels {
        gap: 12px;
        margin-top: 5px;
        display: flex;
      }
      .gscc-risk-lbl-green {
        color: #10b981;
        font-family: Inter, sans-serif;
        font-size: 9px;
      }
      .gscc-risk-lbl-amber {
        color: #f59e0b;
        font-family: Inter, sans-serif;
        font-size: 9px;
      }
      .gscc-risk-lbl-red {
        color: #ef4444;
        font-family: Inter, sans-serif;
        font-size: 9px;
      }
      .gscc-col-right {
        background: #ffffff0f;
        flex-direction: column;
        gap: 1px;
        display: flex;
      }
      .gscc-col-right > .gscc-panel {
        flex: 1;
      }
      .gscc-ring-wrap {
        width: 70px;
        height: 70px;
        margin: 6px auto 4px;
        position: relative;
      }
      .gscc-ring {
        width: 100%;
        height: 100%;
        display: block;
      }
      .gscc-ring-center {
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        inset: 0;
      }
      .gscc-ring-pct {
        color: #0af5c8;
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 700;
      }
      .gscc-rate-sub {
        color: #a0bef073;
        text-align: center;
        font-family: Inter, sans-serif;
        font-size: 10px;
      }
      .gscc-rev-value {
        color: #f0f6ff;
        letter-spacing: -0.02em;
        margin-bottom: 2px;
        font-family: Inter, sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 1;
      }
      .gscc-rev-sub {
        color: #a0bef066;
        margin-bottom: 10px;
        font-family: Inter, sans-serif;
        font-size: 10px;
      }
      .gscc-bars {
        align-items: flex-end;
        gap: 3px;
        height: 52px;
        display: flex;
      }
      .gscc-bar-col {
        flex-direction: column;
        flex: 1;
        justify-content: flex-end;
        align-items: center;
        gap: 3px;
        height: 100%;
        display: flex;
      }
      .gscc-bar {
        background: #3b82f647;
        border-radius: 2px 2px 0 0;
        width: 100%;
        min-height: 3px;
      }
      .gscc-bar-active {
        box-shadow: 0 0 8px #0af5c859;
        background: #0af5c8 !important;
      }
      .gscc-bar-lbl {
        color: #a0bef04d;
        font-family: Inter, sans-serif;
        font-size: 8px;
      }
      .gscc-rev-stats {
        border-top: 1px solid #ffffff0d;
        gap: 14px;
        margin-top: 10px;
        padding-top: 8px;
        display: flex;
      }
      .gscc-rev-stat {
        flex-direction: column;
        gap: 1px;
        display: flex;
      }
      .gscc-rev-stat-lbl {
        color: #a0bef059;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-family: Inter, sans-serif;
        font-size: 9px;
      }
      .gscc-rev-stat-val {
        color: #f0f6ff;
        font-family: Inter, sans-serif;
        font-size: 13px;
        font-weight: 600;
      }
      .gscc-row3 {
        background: #ffffff0f;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        display: grid;
      }
      .gscc-rails-table {
        border-collapse: collapse;
        width: 100%;
        font-family: Inter, sans-serif;
      }
      .gscc-rails-table thead tr {
        border-bottom: 1px solid #ffffff0f;
      }
      .gscc-rails-table th {
        color: #a0bef066;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        text-align: left;
        padding: 0 8px 7px;
        font-size: 9px;
        font-weight: 500;
      }
      .gscc-rails-table td {
        color: #c8dcffa6;
        vertical-align: middle;
        padding: 5px 8px;
        font-family: Inter, sans-serif;
        font-size: 11px;
      }
      .gscc-rails-table tr + tr {
        border-top: 1px solid #ffffff08;
      }
      .gscc-vol {
        font-weight: 600;
        color: #f0f6ff !important;
        font-size: 12px !important;
      }
      .gscc-fin,
      .gscc-fee {
        color: #a0bef073 !important;
        font-size: 10px !important;
      }
      .gscc-net-badge {
        border-radius: 4px;
        padding: 2px 7px;
        font-size: 10px;
        font-weight: 500;
        display: inline-flex;
      }
      .gscc-net-purple {
        color: #a78bfa;
        background: #a78bfa26;
      }
      .gscc-net-teal {
        color: #0af5c8;
        background: #0af5c81f;
      }
      .gscc-net-amber {
        color: #f59e0b;
        background: #f59e0b26;
      }
      .gscc-net-blue {
        color: #60a5fa;
        background: #3b82f626;
      }
      .gscc-status-live {
        color: #10b981;
        white-space: nowrap;
        font-size: 10px;
      }
      .gscc-status-sync {
        color: #f59e0b;
        white-space: nowrap;
        font-size: 10px;
      }
      .gscc-col-right-r3 {
        background: #ffffff0f;
        flex-direction: column;
        gap: 1px;
        display: flex;
      }
      .gscc-col-right-r3 > .gscc-panel {
        flex: 1;
      }
      .gscc-region-rows {
        flex-direction: column;
        gap: 5px;
        display: flex;
      }
      .gscc-region-row {
        border-left: 2px solid #0000;
        border-radius: 6px;
        grid-template-columns: 20px 1fr auto auto 80px;
        align-items: center;
        gap: 8px;
        padding: 5px 8px;
        transition: border-color 0.2s;
        display: grid;
      }
      .gscc-region-active {
        border-left-color: #0af5c880;
        animation: 3s ease-in-out infinite gscc-region-glow;
      }
      @keyframes gscc-region-glow {
        0%,
        to {
          border-left-color: #0af5c880;
        }
        50% {
          border-left-color: #0af5c833;
        }
      }
      .gscc-region-flag {
        font-size: 13px;
      }
      .gscc-region-name {
        color: #c8dcffa6;
        font-family: Inter, sans-serif;
        font-size: 11px;
      }
      .gscc-region-merchants {
        color: #a0bef066;
        text-align: right;
        font-family: Inter, sans-serif;
        font-size: 10px;
      }
      .gscc-region-vol {
        color: #f0f6ff;
        text-align: right;
        white-space: nowrap;
        font-family: Inter, sans-serif;
        font-size: 11px;
        font-weight: 600;
      }
      .gscc-region-bar-wrap {
        background: #ffffff0f;
        border-radius: 2px;
        height: 3px;
        overflow: hidden;
      }
      .gscc-region-bar {
        background: #0af5c880;
        border-radius: 2px;
        height: 100%;
      }
      .gscc-region-active .gscc-region-bar {
        background: #0af5c8;
      }
      .gscc-feed-rows {
        flex-direction: column;
        gap: 5px;
        display: flex;
      }
      .gscc-feed-row {
        background: #ffffff05;
        border: 1px solid #ffffff0a;
        border-radius: 6px;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        padding: 5px 8px;
        display: flex;
      }
      .gscc-feed-info {
        flex-direction: column;
        gap: 1px;
        min-width: 0;
        display: flex;
      }
      .gscc-feed-merchant {
        color: #c8dcffbf;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: Inter, sans-serif;
        font-size: 11px;
        font-weight: 500;
        overflow: hidden;
      }
      .gscc-feed-detail {
        color: #a0bef066;
        font-family: Inter, sans-serif;
        font-size: 9px;
      }
      .gscc-feed-status {
        white-space: nowrap;
        flex-shrink: 0;
      }
      @media (width<=1100px) {
        .gscc-row2 {
          grid-template-columns: 1fr 1fr;
        }
        .gscc-col-right {
          flex-direction: row;
          grid-column: span 2;
        }
        .gscc-col-right > .gscc-panel {
          flex: 1;
        }
      }
      @media (width<=768px) {
        .gscc-section-old-dummy {
          padding: 48px 0 0;
        }
        .gscc-dash-wrap {
          padding: 0 16px;
        }
        .gscc-metric-row {
          grid-template-columns: 1fr 1fr;
        }
        .gscc-row2 {
          grid-template-columns: 1fr;
        }
        .gscc-col-right {
          flex-direction: column;
        }
        .gscc-row3 {
          grid-template-columns: 1fr;
        }
        .gscc-topbar-tabs,
        .gscc-topbar-right .gscc-utc-clock,
        .gscc-topbar-right .gscc-tier-badge {
          display: none;
        }
        .gscc-region-row {
          grid-template-columns: 20px 1fr auto 60px;
        }
        .gscc-region-merchants {
          display: none;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .gscc-eyebrow-dot,
        .gscc-live-dot,
        .gscc-dash,
        .gscc-region-active {
          animation: none !important;
        }
      }
      #gscc-clock {
        font-variant-numeric: tabular-nums;
      }
      .gscc-section {
        width: 100%;
        position: relative;
        overflow: hidden;
        background: linear-gradient(#fff 0%, #f8f9fc 100%) !important;
        padding: 120px 0 !important;
      }
      .gscc-dot-grid {
        pointer-events: none;
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: radial-gradient(
          circle,
          #1a1f3608 1px,
          #0000 1px
        ) !important;
        background-size: 28px 28px !important;
      }
      .gscc-mesh-cobalt {
        filter: blur(100px);
        pointer-events: none;
        z-index: 1;
        width: 600px;
        height: 600px;
        animation: 10s ease-in-out infinite floatCobalt;
        position: absolute;
        top: -100px;
        right: -100px;
        background: radial-gradient(circle, #2b3fde0d 0%, #0000 70%) !important;
      }
      .gscc-mesh-amber {
        filter: blur(80px);
        pointer-events: none;
        z-index: 1;
        width: 450px;
        height: 450px;
        animation: 12s ease-in-out infinite alternate floatAmber;
        position: absolute;
        top: 150px;
        left: -100px;
        background: radial-gradient(circle, #f5a6230a 0%, #0000 70%) !important;
      }
      .gscc-dashboard-spotlight {
        filter: blur(120px);
        pointer-events: none;
        z-index: 1;
        width: 1000px;
        height: 1000px;
        position: absolute;
        bottom: -200px;
        left: 50%;
        transform: translate(-50%);
        background: radial-gradient(circle, #2b3fde1a 0%, #0000 70%) !important;
      }
      @keyframes floatCobalt {
        0%,
        to {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-20px);
        }
      }
      @keyframes floatAmber {
        0%,
        to {
          transform: translateY(0) translate(0);
        }
        50% {
          transform: translateY(20px) translate(15px);
        }
      }
      .gscc-floating-shapes {
        pointer-events: none;
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .gscc-shape {
        pointer-events: none;
        font-size: 24px;
        font-weight: 400;
        position: absolute;
      }
      .gscc-s1 {
        color: #2b3fde12;
        font-size: 40px;
        animation: 25s linear infinite driftShape;
        top: 12%;
        left: 8%;
      }
      .gscc-s2 {
        color: #f5a62312;
        font-size: 16px;
        animation: 18s linear infinite alternate driftShape;
        top: 28%;
        right: 10%;
      }
      .gscc-s3 {
        color: #2b3fde12;
        font-size: 24px;
        animation: 22s linear infinite driftShape;
        bottom: 35%;
        left: 5%;
      }
      .gscc-s4 {
        color: #2b3fde12;
        font-size: 48px;
        animation: 30s linear infinite alternate driftShape;
        bottom: 15%;
        right: 12%;
      }
      .gscc-s5 {
        color: #f5a62312;
        font-size: 14px;
        animation: 15s linear infinite driftShape;
        top: 45%;
        left: 88%;
      }
      .gscc-s6 {
        color: #2b3fde12;
        font-size: 32px;
        animation: 28s linear infinite driftShape;
        bottom: 8%;
        left: 25%;
      }
      @keyframes driftShape {
        0% {
          transform: translate(0) rotate(0);
        }
        50% {
          transform: translate(15px, -15px) rotate(180deg);
        }
        to {
          transform: translate(0) rotate(360deg);
        }
      }
      .gscc-ambient-particles {
        pointer-events: none;
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .gscc-part {
        pointer-events: none;
        background-color: #2b3fde40;
        border-radius: 50%;
        position: absolute;
      }
      .gscc-p1 {
        width: 5px;
        height: 5px;
        animation: 20s linear infinite particleDrift1;
        top: 15%;
        left: 20%;
      }
      .gscc-p2 {
        width: 6px;
        height: 6px;
        animation: 24s linear infinite particleDrift2;
        top: 40%;
        left: 80%;
      }
      .gscc-p3 {
        width: 4px;
        height: 4px;
        animation: 22s linear infinite particleDrift3;
        top: 60%;
        left: 15%;
      }
      .gscc-p4 {
        width: 5px;
        height: 5px;
        animation: 28s linear infinite particleDrift4;
        top: 80%;
        left: 70%;
      }
      .gscc-p5 {
        width: 6px;
        height: 6px;
        animation: 26s linear infinite alternate particleDrift1;
        top: 30%;
        left: 40%;
      }
      .gscc-p6 {
        width: 4px;
        height: 4px;
        animation: 18s linear infinite alternate particleDrift2;
        top: 70%;
        left: 90%;
      }
      .gscc-p7 {
        width: 5px;
        height: 5px;
        animation: 25s linear infinite alternate particleDrift3;
        top: 50%;
        left: 5%;
      }
      .gscc-p8 {
        width: 5px;
        height: 5px;
        animation: 23s linear infinite alternate particleDrift4;
        top: 90%;
        left: 35%;
      }
      @keyframes particleDrift1 {
        0% {
          opacity: 0.1;
          transform: translate(0);
        }
        50% {
          opacity: 0.25;
          transform: translate(50px, -50px);
        }
        to {
          opacity: 0.1;
          transform: translate(100px);
        }
      }
      @keyframes particleDrift2 {
        0% {
          opacity: 0.2;
          transform: translate(0);
        }
        50% {
          opacity: 0.1;
          transform: translate(-60px, -40px);
        }
        to {
          opacity: 0.25;
          transform: translate(-30px, 30px);
        }
      }
      @keyframes particleDrift3 {
        0% {
          opacity: 0.15;
          transform: translate(0);
        }
        50% {
          opacity: 0.25;
          transform: translate(40px, 60px);
        }
        to {
          opacity: 0.15;
          transform: translate(-20px, 100px);
        }
      }
      @keyframes particleDrift4 {
        0% {
          opacity: 0.25;
          transform: translate(0);
        }
        50% {
          opacity: 0.1;
          transform: translate(-50px, 50px);
        }
        to {
          opacity: 0.25;
          transform: translate(50px, 80px);
        }
      }
      .gscc-inner-container {
        z-index: 2 !important;
        max-width: 1320px !important;
        margin: 0 auto !important;
        padding-left: 48px !important;
        padding-right: 48px !important;
        position: relative !important;
      }
      .gscc-header-block {
        text-align: center !important;
        max-width: 920px !important;
        margin: 0 auto 64px !important;
      }
      .gscc-eyebrow {
        color: #3247c6 !important;
        text-transform: uppercase !important;
        letter-spacing: 3.5px !important;
        background: 0 0 !important;
        border: none !important;
        margin-bottom: 28px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        display: block !important;
      }
      .gscc-headline {
        color: #081633 !important;
        letter-spacing: -2px !important;
        max-width: 900px !important;
        margin-bottom: 36px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 72px !important;
        font-weight: 800 !important;
        line-height: 1.05 !important;
      }
      .gscc-gradient-text {
        animation: 10s ease-in-out infinite alternate shimmerGradient;
        display: inline-block;
        -webkit-text-fill-color: transparent !important;
        color: #0000 !important;
        background-image: linear-gradient(135deg, #3247c6, #5b6ee8) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
      }
      @keyframes shimmerGradient {
        0% {
          filter: hue-rotate();
        }
        to {
          filter: hue-rotate(15deg);
        }
      }
      .gscc-body-paragraph {
        color: #6b7280 !important;
        max-width: 740px !important;
        margin: 0 auto 44px !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 34px !important;
      }
      .gscc-container {
        max-width: 1280px !important;
        margin: 0 auto !important;
        padding-left: 80px !important;
        padding-right: 80px !important;
      }
      @media (width<=768px) {
        .gscc-container {
          padding-left: 24px !important;
          padding-right: 24px !important;
        }
      }
      .gscc-section-eyebrow {
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        color: #3d3df5 !important;
        text-align: center !important;
        margin-bottom: 16px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
      }
      .gscc-section-title {
        color: #0f172a !important;
        text-align: center !important;
        margin-bottom: 24px !important;
        font-size: 48px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
      }
      .gscc-section-title .highlight-blue {
        color: #3d3df5 !important;
      }
      @media (width<=768px) {
        .gscc-section-title {
          font-size: 32px !important;
        }
      }
      .gscc-section-desc {
        color: #334155 !important;
        text-align: center !important;
        max-width: 640px !important;
        margin: 0 auto !important;
        font-size: 17px !important;
        line-height: 1.75 !important;
      }
      .gscc-section-closing {
        color: #334155 !important;
        text-align: center !important;
        max-width: 680px !important;
        margin: 32px auto 64px !important;
        font-size: 18px !important;
        font-weight: 400 !important;
      }
      .gscc-section-closing .highlight-blue {
        color: #3d3df5 !important;
        font-weight: 700 !important;
      }
      @media (width<=1024px) {
        .gscc-section-eyebrow,
        .gscc-section-title {
          text-align: center !important;
        }
        .gscc-section-desc {
          text-align: center !important;
          margin: 0 auto !important;
        }
        .gscc-section-closing {
          text-align: center !important;
        }
      }
      .gscc-two-columns-layout {
        grid-template-columns: 42fr 58fr !important;
        align-items: center !important;
        gap: 64px !important;
        width: 100% !important;
        margin-top: 80px !important;
        display: grid !important;
      }
      @media (width<=1024px) {
        .gscc-two-columns-layout {
          grid-template-columns: 1fr !important;
          gap: 48px !important;
        }
      }
      .gscc-left-column {
        text-align: left !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-self: center !important;
        width: 100% !important;
        max-width: 480px !important;
        display: flex !important;
      }
      .gscc-left-column .gscc-dash-eyebrow {
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        color: #3d3df5 !important;
        text-align: left !important;
        margin-bottom: 16px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
      }
      .gscc-left-column .gscc-dash-title {
        color: #0f172a !important;
        text-align: left !important;
        margin-bottom: 20px !important;
        font-size: 36px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
      }
      .gscc-left-column .gscc-dash-title .highlight-blue {
        color: #3d3df5 !important;
      }
      @media (width<=768px) {
        .gscc-left-column .gscc-dash-title {
          font-size: 26px !important;
        }
      }
      .gscc-left-column .gscc-dash-desc {
        color: #334155 !important;
        text-align: left !important;
        max-width: 420px !important;
        margin: 0 0 32px !important;
        font-size: 16px !important;
        line-height: 1.75 !important;
      }
      .gscc-capability-rows {
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
        margin-bottom: 36px !important;
        display: flex !important;
      }
      .gscc-cap-row {
        text-align: left !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        font-size: 14px !important;
        display: flex !important;
      }
      .gscc-cap-row .cap-bullet {
        background-color: #3d3df5 !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        width: 6px !important;
        height: 6px !important;
        margin-right: 4px !important;
      }
      .gscc-cap-row .cap-name {
        color: #0f172a !important;
        font-weight: 600 !important;
      }
      .gscc-cap-row .cap-sep {
        color: #64748b !important;
      }
      .gscc-cap-row .cap-desc {
        color: #64748b !important;
        font-size: 13px !important;
      }
      .gscc-left-column .gscc-disclaimer-line {
        color: #94a3b8 !important;
        text-align: left !important;
        margin-top: 0 !important;
        margin-bottom: 24px !important;
        font-size: 12px !important;
        font-style: italic !important;
      }
      .gscc-left-column .gscc-link-wrapper {
        text-align: left !important;
        margin-bottom: 0 !important;
      }
      .gscc-left-column .gscc-closing-link {
        color: #3d3df5 !important;
        cursor: pointer !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: all 0.2s !important;
        display: inline-block !important;
      }
      .gscc-left-column .gscc-closing-link:hover {
        text-decoration: underline !important;
      }
      .gscc-right-column {
        justify-content: center !important;
        align-self: center !important;
        align-items: center !important;
        width: 100% !important;
        display: flex !important;
        overflow: hidden !important;
      }
      .gscc-dashboard-frame {
        border-radius: 16px !important;
        width: 100% !important;
        height: 511.2px !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 24px 64px #0000001a !important;
      }
      .gscc-dashboard-scale-wrapper {
        transform-origin: 0 0 !important;
        width: 138.88% !important;
        height: 710px !important;
        overflow: hidden !important;
        transform: scale(0.72) !important;
      }
      .dash-hdr-title {
        white-space: nowrap !important;
      }
      .gscc-cta-row {
        justify-content: center !important;
        gap: 16px !important;
        display: flex !important;
      }
      .gscc-dashboard-hero {
        color: #e8edf5 !important;
        box-sizing: border-box !important;
        background: linear-gradient(
          145deg,
          #080d17 0%,
          #081633 100%
        ) !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 32px !important;
        width: 100% !important;
        min-height: 600px !important;
        padding: 20px !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 60px 120px #0d152633 !important;
      }
      .dash-header-bar {
        border-bottom: 1px solid #1e2e4a !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 64px !important;
        margin-bottom: 16px !important;
        padding-bottom: 12px !important;
        display: flex !important;
      }
      .dash-hdr-left {
        align-items: center !important;
        gap: 12px !important;
        display: flex !important;
      }
      .dash-logo {
        color: #e8edf5 !important;
        font-size: 28px !important;
        line-height: 1 !important;
      }
      .dash-hdr-title-wrap {
        flex-direction: column !important;
        gap: 4px !important;
        display: flex !important;
      }
      .dash-hdr-title {
        color: #e8edf5 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
      }
      .dash-hdr-status {
        align-items: center !important;
        gap: 6px !important;
        display: flex !important;
      }
      .pulse-green {
        background-color: #22c98a !important;
        border-radius: 50% !important;
        width: 7px !important;
        height: 7px !important;
        animation: 2s infinite statusPulse !important;
        display: inline-block !important;
        box-shadow: 0 0 8px #22c98acc !important;
      }
      @keyframes statusPulse {
        0% {
          opacity: 0.6;
          transform: scale(0.9);
        }
        50% {
          opacity: 1;
          transform: scale(1.15);
        }
        to {
          opacity: 0.6;
          transform: scale(0.9);
        }
      }
      .dash-status-text {
        color: #526080 !important;
        font-size: 12px !important;
      }
      .dash-hdr-center {
        justify-content: center !important;
        display: flex !important;
      }
      .dash-tab-list {
        background: #080d17 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 10px !important;
        padding: 4px !important;
        display: flex !important;
      }
      .dash-tab {
        color: #8a9bbf !important;
        cursor: pointer !important;
        background: 0 0 !important;
        border: none !important;
        border-radius: 6px !important;
        padding: 8px 14px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        transition:
          color 0.2s,
          background-color 0.2s,
          border-color 0.2s !important;
      }
      .dash-tab:hover {
        color: #e8edf5 !important;
      }
      .dash-tab.active {
        color: #e8edf5 !important;
        background: #3b7bff24 !important;
        border: 1px solid #3b7bff40 !important;
        border-radius: 8px !important;
        font-weight: 700 !important;
        box-shadow: 0 4px 12px #3b7bff26 !important;
      }
      .dash-hdr-right {
        align-items: center !important;
        gap: 16px !important;
        display: flex !important;
      }
      .dash-date-selector {
        color: #8a9bbf !important;
        cursor: pointer !important;
        background: #111d33 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 8px !important;
        padding: 8px 14px !important;
        font-size: 13px !important;
        transition: background 0.2s !important;
      }
      .dash-date-selector:hover {
        background: #1e2e4a !important;
      }
      .dash-bell-icon {
        color: #8a9bbf !important;
        cursor: pointer !important;
        font-size: 18px !important;
        transition: color 0.2s !important;
        position: relative !important;
      }
      .dash-bell-icon:hover {
        color: #e8edf5 !important;
      }
      .dash-bell-badge {
        background-color: #f0b429 !important;
        border-radius: 50% !important;
        width: 6px !important;
        height: 6px !important;
        position: absolute !important;
        top: -2px !important;
        right: -2px !important;
      }
      .dash-avatar {
        color: #e8edf5 !important;
        cursor: pointer !important;
        background: #3b7bff !important;
        border: 2px solid #3b7bff66 !important;
        border-radius: 50% !important;
        justify-content: center !important;
        align-items: center !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        display: flex !important;
      }
      .dash-stats-row {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 16px !important;
        margin-bottom: 16px !important;
        display: grid !important;
      }
      .dash-stat-card {
        box-sizing: border-box !important;
        background: #081633 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 14px !important;
        min-height: 100px !important;
        padding: 14px 16px !important;
        transition:
          border-color 0.3s,
          transform 0.3s,
          box-shadow 0.3s !important;
        position: relative !important;
        overflow: hidden !important;
      }
      .dash-stat-card:hover {
        border-color: #3b7bff4d !important;
        transform: scale(1.01) !important;
        box-shadow: 0 10px 30px #080d1726 !important;
      }
      .stat-card-glow {
        opacity: 0;
        pointer-events: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: radial-gradient(
          circle at 50% 0,
          #3b7bff14 0%,
          #0000 60%
        ) !important;
        transition: opacity 0.3s !important;
        position: absolute !important;
      }
      .dash-stat-card:hover .stat-card-glow {
        opacity: 1 !important;
      }
      .stat-label {
        color: #526080 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        margin-bottom: 8px !important;
        font-size: 10px !important;
      }
      .stat-number {
        color: #e8edf5 !important;
        letter-spacing: -0.6px !important;
        font-size: 25px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
      }
      .stat-number.text-cobalt {
        color: #3b7bff !important;
      }
      @keyframes amberPulse {
        0%,
        to {
          opacity: 1;
        }
        50% {
          opacity: 0.8;
          text-shadow: 0 0 10px #f0b4294d;
        }
      }
      .stat-indicator {
        align-items: center !important;
        gap: 4px !important;
        margin-top: 6px !important;
        font-size: 11px !important;
        display: flex !important;
      }
      .stat-indicator.green {
        color: #22c98a !important;
      }
      .stat-indicator.amber {
        color: #f0b429 !important;
      }
      .stat-indicator.white-60 {
        color: #8a9bbf !important;
      }
      .stat-arrow {
        font-weight: 700 !important;
      }
      .stat-mini-sparkline {
        opacity: 0.85 !important;
        width: 100% !important;
        height: 20px !important;
        margin-top: 8px !important;
      }
      .stat-progress-bar {
        background: #111d33 !important;
        border-radius: 2px !important;
        width: 100% !important;
        height: 4px !important;
        margin-top: 8px !important;
        overflow: hidden !important;
      }
      .progress-fill {
        background: #3b7bff !important;
        border-radius: 2px !important;
        height: 100% !important;
      }
      .stat-stacked-rows {
        flex-direction: column !important;
        gap: 4px !important;
        margin-top: 8px !important;
        display: flex !important;
      }
      .stat-row-item {
        justify-content: space-between !important;
        align-items: center !important;
        display: flex !important;
      }
      .stat-sub-val {
        font-size: 14px !important;
        font-weight: 700 !important;
      }
      .stat-sub-val.amber {
        color: #f0b429 !important;
      }
      .stat-sub-val.green {
        color: #22c98a !important;
      }
      .stat-sub-lbl {
        color: #8a9bbf !important;
        font-size: 11px !important;
      }
      .stat-card-footnote {
        color: #526080 !important;
        margin-top: 6px !important;
        font-size: 10px !important;
      }
      .stat-action-link {
        color: #3b7bff !important;
        margin-left: auto !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: opacity 0.2s !important;
      }
      .stat-action-link:hover {
        opacity: 0.85 !important;
      }
      .pulse-fast-effect {
        animation: 0.6s ease-out pulseGreenFast !important;
      }
      @keyframes pulseGreenFast {
        0% {
          opacity: 1;
          transform: scale(1);
        }
        50% {
          opacity: 0.8;
          text-shadow: 0 0 8px #10b98180;
          transform: scale(1.15);
        }
        to {
          opacity: 1;
          transform: scale(1);
        }
      }
      .dash-revenue-panel {
        box-sizing: border-box !important;
        background: #081633 !important;
        border: 1px solid #1e2e4a !important;
        border-top-color: #ffffff14 !important;
        border-radius: 18px !important;
        min-height: 330px !important;
        margin-bottom: 16px !important;
        padding: 20px !important;
        position: relative !important;
      }
      .panel-label {
        color: #526080 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        margin-bottom: 8px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
      }
      .panel-header {
        justify-content: space-between !important;
        align-items: flex-end !important;
        margin-bottom: 20px !important;
        display: flex !important;
      }
      .panel-revenue-stats-compact {
        align-items: flex-end !important;
        gap: 20px !important;
        display: flex !important;
      }
      .rev-stat-item-left,
      .rev-stat-item-right {
        flex-direction: column !important;
        gap: 2px !important;
        display: flex !important;
      }
      .rev-stat-divider {
        background-color: #1e2e4a !important;
        align-self: center !important;
        width: 1px !important;
        height: 28px !important;
      }
      .monthly-hero-wrap {
        align-items: center !important;
        gap: 10px !important;
        display: flex !important;
      }
      .rev-stat-val-muted {
        color: #526080 !important;
        font-family: monospace, sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
      }
      .rev-stat-lbl-muted {
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        color: #526080 !important;
        font-size: 10px !important;
        font-weight: 600 !important;
      }
      .rev-stat-val-hero {
        color: #e8edf5 !important;
        font-size: 32px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
      }
      .rev-stat-badge {
        color: #22c98a !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        background: #22c98a1a !important;
        border: 1px solid #22c98a26 !important;
        border-radius: 6px !important;
        align-items: center !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        display: inline-flex !important;
      }
      .rev-stat-lbl-hero {
        color: #8a9bbf !important;
        font-size: 11px !important;
        font-weight: 500 !important;
      }
      .rev-stats-row {
        align-items: center !important;
        gap: 24px !important;
        display: flex !important;
      }
      .rev-stat-item {
        flex-direction: column !important;
        gap: 4px !important;
        display: flex !important;
      }
      .rev-stat-val {
        color: #e8edf5 !important;
        font-size: 32px !important;
        font-weight: 800 !important;
      }
      .rev-stat-val.cobalt {
        color: #3b7bff !important;
      }
      .rev-stat-lbl {
        color: #8a9bbf !important;
        font-size: 12px !important;
      }
      .rev-divider {
        background-color: #1e2e4a !important;
        width: 1px !important;
        height: 48px !important;
      }
      .rev-growth-badge {
        color: #22c98a !important;
        font-size: 11px !important;
        font-weight: 600 !important;
      }
      .time-toggles {
        background: #080d17 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 10px !important;
        padding: 4px !important;
        display: flex !important;
      }
      .time-toggles .toggle-btn {
        color: #526080 !important;
        cursor: pointer !important;
        background: 0 0 !important;
        border: none !important;
        border-radius: 6px !important;
        padding: 6px 14px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        transition:
          color 0.2s,
          background-color 0.3s,
          border-color 0.3s !important;
      }
      .time-toggles .toggle-btn:hover {
        color: #8a9bbf !important;
      }
      .time-toggles .toggle-btn.active {
        color: #e8edf5 !important;
        background-color: #3b7bff !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px #3b7bff4d !important;
      }
      .panel-chart-area {
        width: 100% !important;
        height: 240px !important;
        margin-top: 16px !important;
        position: relative !important;
      }
      .chart-canvas-svg {
        width: 100% !important;
        height: 100% !important;
        overflow: visible !important;
      }
      .rev-chart-shimmer {
        pointer-events: none;
        opacity: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(90deg, #0000, #0d152505 50%, #0000) 0 0/200%
          100% !important;
        transition: opacity 0.15s !important;
        animation: 1.5s infinite shimmerMove !important;
        position: absolute !important;
      }
      @keyframes shimmerMove {
        0% {
          background-position: -200% 0;
        }
        to {
          background-position: 200% 0;
        }
      }
      .panel-header-top-row {
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin-bottom: 12px !important;
        display: flex !important;
      }
      .panel-header-bottom-row {
        justify-content: flex-end !important;
        width: 100% !important;
        margin-bottom: 16px !important;
        display: flex !important;
      }
      .panel-time-pill {
        color: #526080 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        font-size: 10px !important;
        font-weight: 700 !important;
      }
      .chart-gridlines line {
        stroke: #1e2e4a66 !important;
        stroke-dasharray: 4 4 !important;
      }
      .main-area {
        fill: url(#chart-area-grad) !important;
        opacity: 0.8 !important;
      }
      .main-line {
        stroke: #3b7bff !important;
        stroke-width: 2px !important;
        stroke-linecap: round !important;
        fill: none !important;
        filter: drop-shadow(0 4px 8px #3b7bff4d) !important;
      }
      .sub-area {
        fill: url(#chart-sub-grad) !important;
        opacity: 0.4 !important;
      }
      .sub-line {
        stroke: #a06bff !important;
        stroke-width: 2px !important;
        stroke-linecap: round !important;
        fill: none !important;
      }
      .inline-control-bar-unified {
        background: #080d17 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 10px !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 4px 10px !important;
        display: flex !important;
      }
      .inline-control-divider {
        background-color: #1e2e4a !important;
        width: 1px !important;
        height: 16px !important;
      }
      .inline-control-item {
        align-items: center !important;
        gap: 8px !important;
        display: flex !important;
      }
      .premium-switch.small-switch {
        width: 28px !important;
        height: 16px !important;
      }
      .premium-switch.small-switch .switch-slider:before {
        width: 10px !important;
        height: 10px !important;
        bottom: 2px !important;
        left: 2px !important;
      }
      .premium-switch.small-switch input:checked + .switch-slider:before {
        transform: translate(12px) !important;
      }
      .inline-control-bar-unified .switch-text-lbl {
        color: #8a9bbf !important;
        margin-left: 6px !important;
        font-size: 11px !important;
        font-weight: 400 !important;
      }
      .inline-control-bar-unified .dash-toggle-group {
        background: 0 0 !important;
        border: none !important;
        padding: 0 !important;
      }
      .inline-control-bar-unified .dash-toggle-group .toggle-btn {
        color: #526080 !important;
        background: 0 0 !important;
        border: none !important;
        border-radius: 999px !important;
        padding: 4px 10px !important;
        font-size: 11px !important;
        transition: all 0.2s !important;
      }
      .inline-control-bar-unified .dash-toggle-group .toggle-btn:hover {
        color: #8a9bbf !important;
      }
      .inline-control-bar-unified .time-toggles .toggle-btn.active {
        color: #e8edf5 !important;
        box-shadow: none !important;
        background-color: #3b7bff26 !important;
      }
      .inline-control-bar-unified .split-toggles .toggle-btn.active {
        color: #e8edf5 !important;
        background-color: #3b7bff !important;
        box-shadow: 0 2px 8px #3b7bff4d !important;
      }
      .chart-axis-tick {
        fill: #526080 !important;
        font-family: Courier, monospace !important;
        font-size: 11px !important;
        font-weight: 600 !important;
      }
      .chart-line-glow {
        stroke-linecap: round !important;
        fill: none !important;
        pointer-events: none !important;
      }
      .dash-main-row {
        box-sizing: border-box !important;
        align-items: stretch !important;
        gap: 24px !important;
        margin-bottom: 24px !important;
        display: flex !important;
      }
      .dash-main-row .dash-revenue-panel {
        flex: 65% !important;
        max-width: 65% !important;
        margin-bottom: 0 !important;
      }
      .premium-switch {
        width: 44px;
        height: 22px;
        display: inline-block;
        position: relative;
      }
      .premium-switch input {
        opacity: 0;
        width: 0;
        height: 0;
      }
      .switch-slider {
        cursor: pointer;
        transition: all 0.3s;
        position: absolute;
        inset: 0;
        background-color: #111d33 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 34px !important;
      }
      .switch-slider:before {
        content: "";
        width: 14px;
        height: 14px;
        transition: all 0.3s;
        position: absolute;
        bottom: 3px;
        left: 3px;
        background-color: #8a9bbf !important;
        border-radius: 50% !important;
      }
      .premium-switch input:checked + .switch-slider {
        background-color: #3b7bff !important;
        border-color: #3b7bff !important;
      }
      .premium-switch input:checked + .switch-slider:before {
        background-color: #e8edf5 !important;
        transform: translate(22px) !important;
        box-shadow: 0 0 8px #fffc !important;
      }
      .switch-text-lbl {
        color: #8a9bbf !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        margin-left: 10px !important;
        font-size: 12px !important;
      }
      .chart-controls-bar {
        background: #081633 !important;
        border-top: 1px solid #1e2e4a !important;
        border-bottom: 1px solid #1e2e4a !important;
        border-radius: 8px !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin: 16px 0 !important;
        padding: 12px 16px !important;
        display: flex !important;
      }
      .chart-control-item {
        align-items: center !important;
        gap: 10px !important;
        display: flex !important;
      }
      .chart-control-item .control-lbl {
        color: #526080 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-size: 11px !important;
      }
      .disabled-state {
        opacity: 0.4 !important;
        pointer-events: none !important;
      }
      .split-toggles {
        background: #080d17 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 8px !important;
        padding: 3px !important;
        display: flex !important;
      }
      .split-toggles .toggle-btn {
        color: #526080 !important;
        cursor: pointer !important;
        background: 0 0 !important;
        border: none !important;
        border-radius: 6px !important;
        padding: 5px 12px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        transition: all 0.2s !important;
      }
      .split-toggles .toggle-btn.active {
        color: #e8edf5 !important;
        background-color: #3b7bff !important;
        box-shadow: 0 2px 8px #3b7bff4d !important;
      }
      .chart-currency-legend {
        border-top: none !important;
        justify-content: flex-end !important;
        gap: 16px !important;
        margin-top: 8px !important;
        padding-top: 0 !important;
        display: flex !important;
      }
      .legend-pill {
        align-items: center !important;
        gap: 8px !important;
        display: flex !important;
      }
      .legend-dot {
        border-radius: 50% !important;
        width: 8px !important;
        height: 8px !important;
      }
      .legend-dot.usdt {
        background-color: #3b7bff !important;
        box-shadow: 0 0 6px #3b7bff !important;
      }
      .legend-dot.usdc {
        background-color: #a06bff !important;
        box-shadow: 0 0 6px #a06bff !important;
      }
      .legend-text {
        color: #8a9bbf !important;
        font-size: 11px !important;
      }
      .currency-avail-panel {
        box-sizing: border-box !important;
        background: #081633 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 18px !important;
        flex-direction: column !important;
        flex: 35% !important;
        max-width: 35% !important;
        padding: 20px !important;
        display: flex !important;
      }
      .currency-table-wrap {
        flex: 1 !important;
        width: 100% !important;
        margin-top: 20px !important;
      }
      .currency-table {
        border-collapse: collapse !important;
        width: 100% !important;
		  border: none !important;
      }
      .currency-table th {
        color: #526080 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        text-align: left !important;
        border-bottom: 1px solid #1e2e4a !important;
        padding-bottom: 12px !important;
        font-size: 10px !important;
      }
      .currency-table td {
        vertical-align: middle !important;
        border-bottom: 1px solid #1e2e4a !important;
        padding: 10px 0 !important;
      }
      .currency-table tr:last-child td {
        border-bottom: none !important;
      }
      .table-coin-cell {
        align-items: center !important;
        gap: 12px !important;
        display: flex !important;
      }
      .coin-info-text {
        flex-direction: column !important;
        gap: 2px !important;
        display: flex !important;
      }
      .coin-network {
        color: #526080 !important;
        font-size: 10px !important;
        font-weight: 500 !important;
      }
      .val-usd {
        font-variant-numeric: tabular-nums !important;
        color: #e8edf5 !important;
        font-family:
          Inter,
          -apple-system,
          sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
      }
      .text-right {
        text-align: right !important;
      }
      .chart-x-labels {
        border-top: 1px solid #1e2e4a !important;
        justify-content: space-between !important;
        margin-top: 10px !important;
        padding-top: 12px !important;
        display: flex !important;
      }
      .chart-x-labels span {
        color: #526080 !important;
        font-size: 10px !important;
      }
      .chart-tooltip-box {
        opacity: 0;
        pointer-events: none !important;
        z-index: 15 !important;
        background: #080d17 !important;
        border: 1px solid #3b7bff4d !important;
        border-radius: 8px !important;
        padding: 10px 14px !important;
        transition:
          opacity 0.15s,
          left 0.15s cubic-bezier(0.16, 1, 0.3, 1),
          bottom 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
        position: absolute !important;
        box-shadow: 0 10px 25px #00000080 !important;
      }
      .tooltip-val {
        color: #e8edf5 !important;
        margin-bottom: 2px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
      }
      .tooltip-date {
        color: #8a9bbf !important;
        font-size: 10px !important;
      }
      .dash-three-columns {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        margin-bottom: 24px !important;
        display: grid !important;
      }
      .dash-bottom-panel {
        box-sizing: border-box !important;
        background: #081633 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 18px !important;
        min-height: 320px !important;
        padding: 28px !important;
      }
      .panel-header-row {
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 24px !important;
        display: flex !important;
      }
      .panel-title {
        color: #526080 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-size: 11px !important;
      }
      .panel-small-badge {
        color: #8a9bbf !important;
        background: #111d33 !important;
        border: 1px solid #1e2e4a !important;
        border-radius: 6px !important;
        padding: 6px 12px !important;
        font-size: 10px !important;
      }
      .panel-stats-grid {
        align-items: center !important;
        gap: 24px !important;
        margin-bottom: 24px !important;
        display: flex !important;
      }
      .panel-stat-block {
        flex-direction: column !important;
        flex: 1 !important;
        gap: 2px !important;
        display: flex !important;
      }
      .panel-stat-val {
        color: #e8edf5 !important;
        font-size: 28px !important;
        font-weight: 800 !important;
      }
      .panel-stat-val.cobalt {
        color: #3b7bff !important;
      }
      .panel-stat-lbl {
        color: #8a9bbf !important;
        font-size: 12px !important;
      }
      .panel-divider {
        background-color: #1e2e4a !important;
        width: 1px !important;
        height: 40px !important;
      }
      .stablecoin-list {
        flex-direction: column !important;
        gap: 12px !important;
        display: flex !important;
      }
      .stablecoin-row {
        border-radius: 8px !important;
        align-items: center !important;
        padding: 6px 8px !important;
        transition:
          background 0.2s,
          transform 0.2s !important;
        display: flex !important;
      }
      .stablecoin-row:hover {
        background: #3b7bff0d !important;
        transform: translate(4px) !important;
      }
      .coin-icon-wrap {
        align-items: center;
        gap: 10px !important;
        width: 120px !important;
        display: flex !important;
      }
      .coin-circle {
        border-radius: 50% !important;
        width: 8px !important;
        height: 8px !important;
        display: inline-block !important;
      }
      .coin-circle.usdt {
        background: #22c98a !important;
        box-shadow: 0 0 8px #22c98acc !important;
      }
      .coin-circle.usdc {
        background: #3b7bff !important;
        box-shadow: 0 0 8px #3b7bffcc !important;
      }
      .coin-circle.eurc {
        background: #f0b429 !important;
        box-shadow: 0 0 8px #f0b429cc !important;
      }
      .coin-name {
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 600 !important;
      }
      .network-badge-wrap {
        width: 90px !important;
        display: flex !important;
      }
      .network-badge {
        border-radius: 99px !important;
        padding: 3px 8px !important;
        font-size: 10px !important;
        font-weight: 600 !important;
      }
      .network-badge.blue {
        color: #60a5fa !important;
        background: #60a5fa1f !important;
      }
      .network-badge.purple {
        color: #a06bff !important;
        background: #a06bff1f !important;
      }
      .network-badge.cobalt {
        color: #3b7bff !important;
        background: #3b7bff1f !important;
      }
      .coin-progress-wrap {
        flex-direction: column !important;
        flex: 1 !important;
        align-items: flex-end !important;
        gap: 4px !important;
        display: flex !important;
      }
      .coin-val-row {
        justify-content: flex-end !important;
        display: flex !important;
      }
      .coin-amount {
        color: #e8edf5 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
      }
      .coin-bar-track {
        background: #111d33 !important;
        border-radius: 2px !important;
        width: 120px !important;
        height: 4px !important;
        overflow: hidden !important;
      }
      .coin-bar-fill {
        width: 0%;
        background: #3b7bff !important;
        border-radius: 2px !important;
        height: 100% !important;
        transition: width 1s cubic-bezier(0.16, 1, 0.3, 1) !important;
      }
      .single-gauge-wrap {
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        margin-top: 10px !important;
        display: flex !important;
      }
      .gauge-ring-container {
        width: 130px !important;
        height: 130px !important;
        position: relative !important;
      }
      .gauge-ring-svg {
        width: 100% !important;
        height: 100% !important;
        transform: rotate(-90deg) !important;
      }
      .gauge-track {
        fill: none !important;
        stroke: #ffffff0f !important;
        stroke-width: 12px !important;
      }
      .gauge-fill {
        fill: none !important;
        stroke-width: 12px !important;
        stroke-linecap: round !important;
        transition: stroke-dashoffset 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
      }
      .usdt-fill {
        stroke: #3b7bff !important;
        filter: drop-shadow(0 0 4px #3b7bff4d) !important;
        stroke-dasharray: 53 100 !important;
        animation: 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards drawUSDT !important;
      }
      .usdc-fill {
        stroke: #a06bff !important;
        filter: drop-shadow(0 0 4px #a06bff4d) !important;
        stroke-dasharray: 47 100 !important;
        animation: 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards drawUSDC !important;
      }
      @keyframes drawUSDT {
        0% {
          stroke-dashoffset: 100px;
        }
        to {
          stroke-dashoffset: 0;
        }
      }
      @keyframes drawUSDC {
        0% {
          stroke-dashoffset: 100px;
        }
        to {
          stroke-dashoffset: -53px;
        }
      }
      .gauge-inner-content {
        flex-direction: column !important;
        align-items: center !important;
        display: flex !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
      }
      .gauge-value {
        color: #e8edf5 !important;
        font-size: 22px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
      }
      .gauge-coin {
        color: #8a9bbf !important;
        margin-top: 2px !important;
        font-size: 11px !important;
      }
      .gauge-legend-list {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        display: flex !important;
      }
      .legend-item {
        align-items: center !important;
        gap: 10px !important;
        display: flex !important;
      }
      .legend-bullet {
        border-radius: 50% !important;
        width: 8px !important;
        height: 8px !important;
      }
      .legend-bullet.bg-electric-blue {
        background-color: #3b7bff !important;
        box-shadow: 0 0 6px #3b7bff !important;
      }
      .legend-bullet.bg-purple {
        background-color: #a06bff !important;
        box-shadow: 0 0 6px #a06bff !important;
      }
      .legend-details {
        flex: 1 !important;
        justify-content: space-between !important;
        align-items: center !important;
        font-size: 12px !important;
        display: flex !important;
      }
      .legend-coin-lbl {
        color: #8a9bbf !important;
      }
      .legend-coin-val {
        color: #e8edf5 !important;
        font-weight: 700 !important;
      }
      .legend-coin-growth {
        color: #22c98a !important;
        font-size: 11px !important;
        font-weight: 600 !important;
      }
      .gauge-combined-footer {
        border-top: 1px solid #1e2e4a !important;
        margin-top: 16px !important;
        padding-top: 16px !important;
      }
      .combined-progress-track {
        background: #111d33 !important;
        border-radius: 5px !important;
        width: 100% !important;
        height: 10px !important;
        display: flex !important;
        overflow: hidden !important;
      }
      .combined-progress-fill.usdt {
        background-color: #3b7bff !important;
        height: 100% !important;
        animation: 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards growUSDTBar !important;
      }
      .combined-progress-fill.usdc {
        background-color: #a06bff !important;
        height: 100% !important;
        animation: 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards growUSDCBar !important;
      }
      @keyframes growUSDTBar {
        0% {
          width: 0%;
        }
        to {
          width: 53%;
        }
      }
      @keyframes growUSDCBar {
        0% {
          width: 0%;
        }
        to {
          width: 47%;
        }
      }
      .volume-stats {
        margin-bottom: 16px !important;
      }
      .panel-chart-area.bar-chart-area {
        width: 100% !important;
        height: 110px !important;
        margin-top: 16px !important;
        position: relative !important;
      }
      .bar-chart-tooltip-box {
        opacity: 0;
        pointer-events: none !important;
        z-index: 15 !important;
        background: #080d17 !important;
        border: 1px solid #3b7bff4d !important;
        border-radius: 8px !important;
        padding: 8px 12px !important;
        transition:
          opacity 0.15s,
          left 0.15s cubic-bezier(0.16, 1, 0.3, 1),
          bottom 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
        position: absolute !important;
        box-shadow: 0 10px 25px #00000080 !important;
      }
      .bar-chart-gridlines {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        display: flex !important;
        position: absolute !important;
      }
      .bg-line {
        border-bottom: 1px solid #1e2e4a66 !important;
        width: 100% !important;
        position: relative !important;
      }
      .bg-line span {
        color: #526080 !important;
        font-size: 10px !important;
        position: absolute !important;
        bottom: 2px !important;
        left: 0 !important;
      }
      .bar-chart-bars-wrap {
        height: 100%;
        top: 0;
        left: 40px;
        right: 0;
        align-items: flex-end !important;
        gap: 3px !important;
        display: flex !important;
        position: absolute !important;
      }
      .tx-bar-wrap {
        cursor: pointer !important;
        flex: 1 !important;
      }
      .tx-bar {
        background: linear-gradient(#3b7bff 0%, #3b7bff99 100%) !important;
        border-radius: 2px 2px 0 0 !important;
        width: 6px !important;
        transition:
          height 1s cubic-bezier(0.16, 1, 0.3, 1),
          filter 0.2s !important;
      }
      .tx-bar-wrap:hover .tx-bar {
        filter: brightness(1.2) drop-shadow(0 0 6px #3b7bff80) !important;
        background: #3b7bff !important;
      }
      .flex-column-tight {
        border-top: 1px solid #1e2e4a !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin-top: 10px !important;
        padding-top: 10px !important;
        display: flex !important;
      }
      .flex-column-tight .summary-stat-item {
        justify-content: space-between !important;
        width: 100% !important;
        display: flex !important;
      }
      .sm-lbl {
        color: #526080 !important;
      }
      .sm-val {
        color: #e8edf5 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
      }
      .sm-val.text-cobalt {
        color: #3b7bff !important;
      }
      .sm-sub {
        color: #526080 !important;
        font-size: 10px !important;
      }
      .dash-footer-bar {
        border-top: 1px solid #1e2e4a !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-top: 24px !important;
        padding-top: 20px !important;
        display: flex !important;
      }
      .dash-ft-left {
        color: #8a9bbf !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 11px !important;
        display: flex !important;
      }
      .dash-ft-right {
        color: #526080 !important;
        font-size: 11px !important;
      }
      @media (width<=1279px) {
        .dash-stats-row {
          grid-template-columns: repeat(3, 1fr) !important;
        }
        #stat-card-4,
        #stat-card-5 {
          grid-column: span 1 !important;
        }
        .dash-two-columns,
        .dash-three-columns {
          grid-template-columns: 1fr !important;
          gap: 24px !important;
        }
        .dash-main-row {
          flex-direction: column !important;
        }
        .dash-main-row .dash-revenue-panel,
        .dash-main-row .currency-avail-panel {
          flex: 100% !important;
          max-width: 100% !important;
        }
      }
      @media (width<=1023px) {
        .gscc-section {
          padding: 80px 0 !important;
        }
        .gscc-dashboard-hero {
          padding: 24px !important;
        }
        .dash-stats-row {
          grid-template-columns: repeat(2, 1fr) !important;
        }
        #stat-card-5 {
          grid-column: span 2 !important;
        }
        .dash-header-bar {
          flex-direction: column !important;
          align-items: stretch !important;
          gap: 16px !important;
          height: auto !important;
        }
        .dash-hdr-center {
          justify-content: flex-start !important;
        }
      }
      @media (width<=767px) {
        .gscc-section {
          padding: 60px 0 !important;
        }
        .gscc-cta-row {
          flex-direction: column !important;
          align-items: stretch !important;
          max-width: 320px !important;
          margin: 0 auto !important;
        }
        .gscc-cta-row .btn {
          width: 100% !important;
        }
        .dash-stats-row {
          grid-template-columns: 1fr !important;
        }
        #stat-card-5 {
          grid-column: span 1 !important;
        }
        .panel-gauges-row {
          grid-template-columns: 1fr !important;
          gap: 32px !important;
        }
        .rev-stats-row {
          flex-direction: column !important;
          align-items: flex-start !important;
          gap: 12px !important;
        }
        .rev-divider {
          display: none !important;
        }
        .transaction-summary-footer {
          flex-direction: column !important;
          gap: 12px !important;
        }
        .bar-chart-bars-wrap {
          gap: 4px !important;
        }
        .tx-bar {
          width: 12px !important;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .gscc-mesh-cobalt,
        .gscc-mesh-amber,
        .pulse-green,
        .gscc-shape,
        .gscc-part {
          animation: none !important;
        }
        .animate-on-scroll {
          opacity: 1 !important;
          transition: none !important;
          transform: none !important;
        }
        .gauge-fill,
        .coin-bar-fill,
        .stacked-fill-usdt,
        .stacked-fill-usdc,
        .tx-bar {
          transition: none !important;
        }
      }
      .gscc-section :focus-visible {
        outline-offset: 2px !important;
        outline: 2px solid #3b7bff !important;
      }
      .section-compliance {
        border-top: 1px solid var(--border-color);
        background: var(--bg-base) !important;
        padding: 100px 0 !important;
      }
      .compliance-aurora {
        background: linear-gradient(
          120deg,
          #2b3fde0a 0%,
          #f5a62305 50%,
          #00e5a008 100%
        ) !important;
      }
      .twinkle-star {
        background: var(--accent-cobalt) !important;
        box-shadow: none !important;
        opacity: 0.12 !important;
      }
      .constellation-svg path,
      .constellation-svg line {
        stroke: #2b3fde0f !important;
      }
      .compliance-floats .floating-shield {
        color: var(--accent-cobalt) !important;
        opacity: 0.04 !important;
      }
      .audit-line {
        background: linear-gradient(
          90deg,
          #0000,
          #0d152605 30%,
          #2b3fde0a 50%,
          #0d152605 70%,
          #0000
        ) !important;
      }
      .pillar-card {
        border: 1px solid var(--border-color) !important;
        box-shadow: var(--shadow-sm) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: #fff !important;
      }
      .pillar-card-title {
        color: var(--text-primary) !important;
      }
      .pillar-card-desc {
        color: var(--text-secondary) !important;
      }
      .pillar-card:hover {
        box-shadow: var(--shadow-md) !important;
        background: #fff !important;
        border-color: #2b3fde33 !important;
        transform: translateY(-6px) !important;
      }
      .pillar-card-glow {
        opacity: 0.5 !important;
        background: radial-gradient(
          circle at 10% 10%,
          #2b3fde0d 0%,
          #0000 60%
        ) !important;
      }
      .diagram-halo {
        border-color: #2b3fde0f !important;
      }
      .orbital-node circle {
        fill: #fff !important;
      }
      .security-diagram-svg circle {
        stroke: #0d15260d !important;
      }
      .security-diagram-svg line {
        stroke: #2b3fde26 !important;
      }
      .security-center-core {
        border-color: var(--accent-cobalt) !important;
        background: #fff !important;
        box-shadow:
          0 12px 32px #2b3fde26,
          inset 0 0 10px #2b3fde0d !important;
      }
      .security-center-core .hub-logo-svg polygon:first-child {
        fill: #2b3fde26 !important;
      }
      .security-center-core .hub-logo-svg polygon:nth-child(2) {
        fill: var(--accent-cobalt) !important;
      }
      .section-header,
      .outcomes-header,
      .solutions-header,
      .features-header,
      .calc-header {
        text-align: left !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        max-width: 800px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        display: flex !important;
      }
      .section-subtitle,
      .calc-header-desc,
      .section-subheading {
        text-align: left !important;
        max-width: 700px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
      }
      .modern-commerce-footer,
      .calc-cta-row {
        text-align: left !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        display: flex !important;
      }
      .solutions-tabs-wrapper,
      .calc-cta-buttons {
        justify-content: flex-start !important;
      }
      .gscc-grid-container {
        z-index: 2;
        grid-template-columns: 58fr 42fr;
        align-items: center;
        gap: 60px;
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 24px 80px;
        display: grid;
        position: relative;
      }
      .gscc-copy-block {
        grid-column: 2;
        width: 100%;
        text-align: left !important;
        align-items: flex-start !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      .gscc-dash-wrap {
        grid-area: 1/1;
        width: 100%;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      .gscc-pills {
        justify-content: flex-start !important;
      }
      @media (width>=1024px) {
        .features-two-columns {
          grid-template-columns: 58fr 42fr !important;
          gap: 60px !important;
        }
        .features-left-column {
          grid-column: 2 !important;
        }
        .features-right-column {
          grid-area: 1/1 !important;
        }
      }
      @media (width>=992px) {
        .dev-container {
          grid-template-columns: 1.05fr 0.95fr !important;
        }
        .dev-left {
          grid-column: 2 !important;
        }
        .dev-right {
          grid-area: 1/1 !important;
        }
      }
      @media (width<=1023px) {
        .gscc-grid-container {
          grid-template-columns: 1fr;
          gap: 40px;
          padding-bottom: 48px;
        }
        .gscc-copy-block,
        .gscc-dash-wrap,
        .features-left-column,
        .features-right-column {
          grid-area: auto !important;
        }
      }
      @media (width<=991px) {
        .dev-left,
        .dev-right {
          grid-area: auto !important;
        }
      }
      .modern-commerce-section {
        background: linear-gradient(#fff 0%, #f8f9fc 100%) !important;
        width: 100% !important;
        padding: 140px 0 !important;
      }
      #solutions .container1 {
        width: 100% !important;
        max-width: 1280px !important;
        margin: 0 auto !important;
        padding-left: 48px !important;
        padding-right: 48px !important;
      }
      .modern-commerce-header-wrap {
        grid-template-columns: 1.2fr 0.8fr;
        align-items: center;
        gap: 48px;
        display: grid;
        margin-bottom: 64px !important;
      }
      .modern-commerce-header-wrap .header-left-col {
        flex-direction: column;
        align-items: flex-start;
        display: flex;
      }
      .modern-commerce-header-wrap .section-desc {
        text-align: left;
        max-width: 540px;
        margin-bottom: 0;
      }
      .team-stack-widget {
        width: 100%;
        height: 320px;
        box-shadow: var(--shadow-sm);
        z-index: 2;
        background-color: #0b0f19;
        border: 1px solid #ffffff14;
        border-radius: 16px;
        flex-direction: column;
        justify-content: space-between;
        padding: 24px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
      .team-stack-widget .widget-header-bar {
        z-index: 1;
        border-bottom: 1px solid #ffffff14;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
        padding-bottom: 10px;
        display: flex;
        position: relative;
      }
      .team-stack-widget .widget-header-bar .widget-label {
        color: #fff9;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 11px;
        font-weight: 600;
      }
      .team-stack-widget .pulse-green {
        background-color: #00e5a0;
        border-radius: 50%;
        width: 6px;
        height: 6px;
        animation: 1.5s infinite alternate pulseDotStack;
        display: inline-block;
        box-shadow: 0 0 8px #00e5a0cc;
      }
      @keyframes pulseDotStack {
        0% {
          transform: scale(0.9);
          box-shadow: 0 0 4px #00e5a080;
        }
        to {
          transform: scale(1.15);
          box-shadow: 0 0 10px #00e5a0;
        }
      }
      .team-stack-widget .team-rows-list {
        z-index: 1;
        flex-direction: column;
        flex-grow: 1;
        gap: 6px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
      .team-stack-widget .team-row {
        background: #ffffff08;
        border: 1px solid #ffffff05;
        border-radius: 8px;
        justify-content: space-between;
        align-items: center;
        padding: 6px 12px;
        transition: all 0.3s;
        display: flex;
      }
      .team-stack-widget .team-row:hover {
        background: #ffffff0f;
        border-color: #2b3fde33;
        transform: translate(4px);
      }
      .team-stack-widget .team-row-left {
        align-items: center;
        gap: 12px;
        display: flex;
      }
      .team-stack-widget .team-icon-circle {
        background-color: #ffffff0f;
        border: 1px solid #ffffff26;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 28px;
        height: 28px;
        transition: all 0.3s;
        display: flex;
      }
      .team-stack-widget .team-row:hover .team-icon-circle {
        background-color: #3247c6;
        border-color: #3247c6;
      }
      .team-stack-widget .team-svg {
        stroke: #fff;
        opacity: 0.8;
        width: 14px;
        height: 14px;
        transition: all 0.3s;
      }
      .team-stack-widget .team-row:hover .team-svg {
        opacity: 1;
      }
      .team-stack-widget .team-name {
        color: #fff;
        font-size: 13px;
        font-weight: 600;
      }
      .team-stack-widget .team-row-right {
        align-items: center;
        gap: 10px;
        display: flex;
      }
      .team-stack-widget .capability-tag {
        color: #3247c6;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        background-color: #2b3fde1f;
        border: 1px solid #2b3fde33;
        border-radius: 99px;
        padding: 2px 8px;
        font-size: 9px;
        font-weight: 700;
        transition: all 0.4s;
      }
      .team-stack-widget .team-row.active-row .capability-tag {
        color: #fff;
        background-color: #3247c6;
        border-color: #2b3fdecc;
        box-shadow: 0 0 12px #2b3fde66;
      }
      .team-stack-widget .team-row:first-child .pulse-green {
        animation-delay: 0.1s;
      }
      .team-stack-widget .team-row:nth-child(2) .pulse-green {
        animation-delay: 0.3s;
      }
      .team-stack-widget .team-row:nth-child(3) .pulse-green {
        animation-delay: 0.5s;
      }
      .team-stack-widget .team-row:nth-child(4) .pulse-green {
        animation-delay: 0.7s;
      }
      .team-stack-widget .team-row:nth-child(5) .pulse-green {
        animation-delay: 0.9s;
      }
      .team-stack-widget .team-row:nth-child(6) .pulse-green {
        animation-delay: 1.1s;
      }
      .team-stack-widget .widget-bottom-bar {
        text-align: center;
        z-index: 1;
        border-top: 1px solid #ffffff14;
        margin-top: 8px;
        padding-top: 8px;
        position: relative;
      }
      .team-stack-widget .widget-bottom-bar .widget-stat-text {
        color: #fff9;
        letter-spacing: 0.5px;
        font-family:
          Courier New,
          monospace;
        font-size: 11px;
        font-weight: 600;
      }
      .team-stack-widget .widget-particles {
        pointer-events: none;
        z-index: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .team-stack-widget .w-part {
        background-color: #2b3fde33;
        border-radius: 50%;
        width: 3px;
        height: 3px;
        position: absolute;
      }
      .team-stack-widget .wp-1 {
        animation: 12s linear infinite floatDriftStackSmall;
        top: 20%;
        left: 15%;
      }
      .team-stack-widget .wp-2 {
        animation: 15s linear 2s infinite floatDriftStackSmall;
        top: 70%;
        left: 80%;
      }
      .team-stack-widget .wp-3 {
        animation: 18s linear 4s infinite floatDriftStackSmall;
        top: 40%;
        left: 85%;
      }
      .team-stack-widget .wp-4 {
        animation: 10s linear 1s infinite floatDriftStackSmall;
        top: 80%;
        left: 20%;
      }
      @keyframes floatDriftStackSmall {
        0% {
          opacity: 0.1;
          transform: translateY(0) translate(0);
        }
        50% {
          opacity: 0.5;
          transform: translateY(-10px) translate(8px);
        }
        to {
          opacity: 0.1;
          transform: translateY(0) translate(0);
        }
      }
      #solutions .modern-commerce-grid {
        position: relative;
        max-width: 1280px !important;
        margin: 0 auto !important;
      }
      .modern-commerce-cta-block {
        text-align: center;
        z-index: 2;
        background: linear-gradient(135deg, #2b3fde0a 0%, #f59e0b08 100%);
        border: 1px solid #2b3fde1f;
        border-radius: 24px;
        max-width: 1280px;
        margin-top: 80px;
        margin-left: auto;
        margin-right: auto;
        padding: 48px;
        position: relative;
        overflow: hidden;
      }
      .modern-commerce-cta-block .cta-block-bg-orb-cobalt {
        filter: blur(40px);
        pointer-events: none;
        background: radial-gradient(circle, #2b3fde0d 0%, #0000 70%);
        width: 250px;
        height: 250px;
        position: absolute;
        top: -100px;
        left: -100px;
      }
      .modern-commerce-cta-block .cta-block-bg-orb-amber {
        filter: blur(40px);
        pointer-events: none;
        background: radial-gradient(circle, #f59e0b0a 0%, #0000 70%);
        width: 250px;
        height: 250px;
        position: absolute;
        bottom: -100px;
        right: -100px;
      }
      .modern-commerce-cta-block .cta-block-content {
        z-index: 2;
        position: relative;
      }
      .modern-commerce-cta-block .cta-headline {
        color: #081633;
        text-align: center;
        margin-bottom: 16px;
        font-size: 28px;
        font-weight: 700;
      }
      .modern-commerce-cta-block .cta-subtext {
        color: #6b7280;
        text-align: center;
        max-width: 600px;
        margin: 0 auto 32px;
        font-size: 16px;
        line-height: 1.6;
      }
      .modern-commerce-cta-block .cta-actions {
        justify-content: center;
        align-items: center;
        gap: 16px;
        display: flex;
      }
      .modern-commerce-cta-block .btn {
        height: 48px;
        box-shadow: none;
        cursor: pointer;
        border-radius: 99px;
        justify-content: center;
        align-items: center;
        padding: 0 28px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s;
        display: inline-flex;
      }
      @media (width>=1280px) {
        #solutions .modern-commerce-grid {
          grid-template-columns: repeat(3, 1fr) !important;
        }
      }
      @media (width>=768px) and (width<=1279px) {
        #solutions .modern-commerce-grid {
          grid-template-columns: repeat(2, 1fr) !important;
        }
      }
      @media (width<=767px) {
        #solutions .modern-commerce-grid {
          grid-template-columns: 1fr !important;
        }
      }
      @media (width<=1023px) {
        .hero-section,
        .modern-commerce-section,
        .gscc-section,
        .section-industries,
        .industry-marquee-section,
        .onboarding-section,
        .calc-teaser-section {
          padding: 80px 0 !important;
        }
        .section-header,
        .marquee-header,
        .calc-teaser-header {
          margin-bottom: 48px !important;
        }
      }
      @media (width<=767px) {
        .hero-section,
        .modern-commerce-section,
        .gscc-section,
        .section-industries,
        .industry-marquee-section,
        .onboarding-section,
        .calc-teaser-section {
          padding: 60px 0 !important;
        }
      }
      @media (width<=1200px) {
        .modern-commerce-header-wrap {
          gap: 32px;
        }
      }
      @media (width<=1023px) {
        .modern-commerce-header-wrap {
          grid-template-columns: 1fr;
          gap: 40px;
          margin-bottom: 60px;
        }
        .modern-commerce-header-wrap .header-left-col {
          max-width: 100%;
        }
        .modern-commerce-header-wrap .section-title {
          text-align: left;
        }
        .modern-commerce-header-wrap .section-subtitle {
          text-align: left;
          max-width: 100%;
        }
        .team-stack-widget {
          max-width: 600px;
          margin: 0 auto;
        }
      }
      @media (width<=767px) {
        .modern-commerce-header-wrap .section-title {
          font-size: 32px;
        }
        .team-stack-widget {
          height: 280px;
          padding: 16px;
        }
        .team-stack-widget .team-row {
          padding: 6px 10px;
        }
        .team-stack-widget .team-icon-circle {
          width: 24px;
          height: 24px;
        }
        .team-stack-widget .team-svg {
          width: 12px;
          height: 12px;
        }
        .team-stack-widget .team-name {
          font-size: 12px;
        }
        .team-stack-widget .capability-tag {
          padding: 1px 6px;
          font-size: 8px;
        }
        .modern-commerce-cta-block {
          margin-top: 60px;
          padding: 32px 20px;
        }
        .modern-commerce-cta-block .cta-headline {
          font-size: 22px;
        }
        .modern-commerce-cta-block .cta-actions {
          flex-direction: column;
          gap: 12px;
          width: 100%;
        }
        .modern-commerce-cta-block .btn {
          width: 100%;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .team-stack-widget .pulse-green,
        .team-stack-widget .w-part {
          animation: none !important;
        }
      }
      .platform-link-wrapper {
        z-index: 5;
        justify-content: center;
        align-items: center;
        margin-top: 48px;
        display: flex;
        position: relative;
      }
      .platform-architecture-link {
        font-family: var(--font-sans);
        color: var(--accent-cobalt);
        background: var(--accent-cobalt-light);
        border: 1px solid #0000;
        border-radius: 99px;
        align-items: center;
        gap: 8px;
        padding: 8px 20px;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        display: inline-flex;
      }
      .platform-architecture-link:hover {
        color: var(--accent-cobalt-hover);
        background: var(--accent-cobalt-tint);
        border-color: #3247c626;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px #3247c60f;
      }
      .calc-dark-card {
        box-sizing: border-box !important;
        background-color: #0f1117 !important;
        border: 1px solid #ffffff14 !important;
        border-radius: 24px !important;
        width: 100% !important;
        padding: 40px !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 40px 80px #00000026 !important;
      }
      .industry-marquee-section {
        background-color: #fff !important;
      }
      .spotlight-grid-container {
        width: 100%;
        margin-top: 48px;
      }
      .spotlight-featured-grid {
        gap: 12px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
      }
      .spotlight-card {
        cursor: pointer;
        box-sizing: border-box;
        opacity: 0;
        min-height: 120px;
        transition:
          opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--delay),
          transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--delay),
          background-color 0.28s ease 0s,
          border-color 0.28s ease 0s,
          color 0.28s ease 0s,
          box-shadow 0.28s ease 0s;
        background-color: #fff;
        border: 1px solid #e2e8f0;
        border-left: 3px solid #3d3df5;
        border-radius: 16px;
        outline: none;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 20px 16px 18px;
        text-decoration: none;
        display: flex;
        position: relative;
        transform: translateY(24px);
      }
      .spotlight-grid-container.is-visible .spotlight-card {
        opacity: 1;
        transform: translateY(0);
      }
      .spotlight-card:focus-visible {
        outline-offset: 2px;
        outline: 2px solid #3d3df5;
      }
      .spotlight-card:hover {
        background-color: #0f1117;
        border-color: #0f1117;
        transform: translateY(-4px);
        box-shadow: 0 12px 32px #3d3df526;
      }
      .spotlight-icon-wrap {
        background-color: #f0f2ff;
        border: 1px solid #dde0ff;
        border-radius: 12px;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        transition:
          background-color 0.28s,
          border-color 0.28s;
        display: flex;
      }
      .spotlight-icon-wrap svg {
        color: #3d3df5;
        width: 22px;
        height: 22px;
        transition:
          color 0.28s,
          transform 0.28s;
      }
      .spotlight-name {
        color: #0f172a;
        font-size: 14px;
        font-weight: 700;
        transition: color 0.28s;
      }
      .spotlight-card:hover .spotlight-icon-wrap {
        background-color: #3d3df533;
        border-color: #3d3df580;
      }
      .spotlight-card:hover .spotlight-icon-wrap svg {
        color: #818cf8;
        transform: scale(1.15);
      }
      .spotlight-card:hover .spotlight-name {
        color: #fff;
      }
      .spotlight-pills-row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        width: 100%;
        margin-top: 12px;
        display: flex;
      }
      .spotlight-pill {
        color: #334155;
        cursor: pointer;
        opacity: 0;
        transition:
          opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--delay),
          transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--delay),
          background-color 0.22s ease 0s,
          border-color 0.22s ease 0s,
          color 0.22s ease 0s;
        background-color: #fff;
        border: 1px solid #e2e8f0;
        border-left: 2px solid #3d3df5;
        border-radius: 100px;
        outline: none;
        padding: 10px 20px;
        font-size: 13px;
        font-weight: 600;
        transform: translateY(24px);
      }
      .spotlight-grid-container.is-visible .spotlight-pill {
        opacity: 1;
        transform: translateY(0);
      }
      .spotlight-pill:focus-visible {
        outline-offset: 2px;
        outline: 2px solid #3d3df5;
      }
      .spotlight-pill:hover {
        color: #fff;
        background-color: #0f1117;
        border-color: #0f1117;
        transform: translateY(-2px);
      }
      .spotlight-pill-more {
        color: #3d3df5;
        cursor: pointer;
        opacity: 0;
        transition:
          opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--delay),
          transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--delay),
          background-color 0.22s ease 0s,
          border-color 0.22s ease 0s,
          color 0.22s ease 0s;
        background-color: #f0f2ff;
        border: 1px solid #dde0ff;
        border-radius: 100px;
        outline: none;
        padding: 10px 20px;
        font-size: 13px;
        font-weight: 600;
        transform: translateY(24px);
      }
      .spotlight-grid-container.is-visible .spotlight-pill-more {
        opacity: 1;
        transform: translateY(0);
      }
      .spotlight-pill-more:focus-visible {
        outline-offset: 2px;
        outline: 2px solid #3d3df5;
      }
      .spotlight-pill-more:hover {
        color: #fff;
        background-color: #3d3df5;
        border-color: #3d3df5;
        transform: translateY(-2px);
      }
      @media (width<=900px) {
        .spotlight-featured-grid {
          grid-template-columns: repeat(2, 1fr) !important;
        }
      }
      @media (width<=600px) {
        .spotlight-featured-grid {
          grid-template-columns: repeat(2, 1fr) !important;
          gap: 12px !important;
        }
        .spotlight-card {
          gap: 8px !important;
          min-height: 100px !important;
          padding: 16px 12px 14px !important;
        }
        .spotlight-icon-wrap {
          border-radius: 8px !important;
          width: 36px !important;
          height: 36px !important;
        }
        .spotlight-icon-wrap svg {
          width: 18px !important;
          height: 18px !important;
        }
        .spotlight-name {
          font-size: 13px !important;
        }
        .spotlight-pills-row {
          gap: 8px !important;
          margin-top: 16px !important;
        }
        .spotlight-pill,
        .spotlight-pill-more {
          padding: 8px 16px !important;
          font-size: 12px !important;
        }
      }
      .hero-section,
      .modern-commerce-section,
      .gscc-section,
      .section-industries,
      .industry-marquee-section,
      .onboarding-section,
      .calc-teaser-section {
        padding: 120px 0 !important;
      }
      @media (width<=1023px) {
        .hero-section,
        .modern-commerce-section,
        .gscc-section,
        .section-industries,
        .industry-marquee-section,
        .onboarding-section,
        .calc-teaser-section {
          padding: 60px 0 !important;
        }
      }
      @media (width<=767px) {
        .hero-section,
        .modern-commerce-section,
        .gscc-section,
        .section-industries,
        .industry-marquee-section,
        .onboarding-section,
        .calc-teaser-section {
          padding: 48px 0 !important;
        }
      }
      #solutions.modern-commerce-section {
        background-color: #fff !important;
        margin-top: 0 !important;
        padding: 120px 0 !important;
      }
      #solutions .modern-commerce-grid {
        background-color: #0000 !important;
        grid-template-columns: repeat(12, 1fr) !important;
        gap: 16px !important;
        max-width: 1280px !important;
        margin: 0 auto !important;
        display: grid !important;
      }
      .bento-card {
        opacity: 0;
        position: relative;
        overflow: hidden;
        transform: translateY(28px);
        box-sizing: border-box !important;
        outline: none !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        text-decoration: none !important;
        transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
        display: flex !important;
      }
      .bento-card.in-view {
        animation: 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards bentoFadeUp !important;
      }
      @keyframes bentoFadeUp {
        0% {
          opacity: 0;
          transform: translateY(28px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .bento-card-1.in-view {
        animation-delay: 0s !important;
      }
      .bento-card-2.in-view {
        animation-delay: 80ms !important;
      }
      .bento-card-3.in-view {
        animation-delay: 0.14s !important;
      }
      .bento-card-4.in-view {
        animation-delay: 0.2s !important;
      }
      .bento-card-5.in-view {
        animation-delay: 0.26s !important;
      }
      .bento-card-6.in-view {
        animation-delay: 0.32s !important;
      }
      .bento-card-7.in-view {
        animation-delay: 0.38s !important;
      }
      .card-icon-container {
        flex-shrink: 0 !important;
        justify-content: center !important;
        align-items: center !important;
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 24px !important;
        transition: all 0.28s !important;
        display: flex !important;
      }
      .bento-icon {
        stroke: #3d3df5 !important;
        width: 24px !important;
        height: 24px !important;
        transition: all 0.28s !important;
      }
      .bento-card-1 {
        background: #0f1117 !important;
        border: none !important;
        border-radius: 20px !important;
        grid-column: span 7 !important;
        min-height: 280px !important;
        padding: 40px !important;
      }
      .bento-card-1 .card-icon-container {
        background: #3d3df533 !important;
        border-radius: 12px !important;
      }
      .bento-card-1 .commerce-role {
        color: #ffffff80 !important;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
      }
      .bento-card-1 .commerce-headline {
        color: #fff !important;
        margin-bottom: 12px !important;
        font-size: 28px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
      }
      .bento-card-1 .commerce-headline span.highlight-blue {
        color: #3d3df5 !important;
      }
      .bento-card-1 .commerce-desc {
        color: #ffffff8c !important;
        margin-bottom: 0 !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
      }
      .bento-card-1 .card-learn-more {
        color: #3d3df5 !important;
        margin-top: 16px !important;
      }
      .card-bottom-fragment {
        pointer-events: none !important;
        border-top: 1px solid #ffffff14 !important;
        width: 100% !important;
        height: 1px !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
      }
      .bento-card-1:hover {
        box-shadow: none !important;
        transform: none !important;
      }
      .bento-card-2,
      .bento-card-6 {
        background: #fff !important;
        border: 1px solid #e2e8f0 !important;
        border-left: 2px solid #3d3df580 !important;
        border-radius: 20px !important;
        box-shadow:
          0 1px 3px #0000000f,
          0 4px 16px #0000000a !important;
      }
      .bento-card-2 {
        grid-column: span 5 !important;
        min-height: 280px !important;
        padding: 36px !important;
      }
      .bento-card-6 {
        grid-column: span 5 !important;
        min-height: 240px !important;
        padding: 36px !important;
      }
      .bento-card-2 .card-icon-container,
      .bento-card-6 .card-icon-container {
        background: #f0f2ff !important;
        border-radius: 12px !important;
      }
      .bento-card-2 .commerce-role,
      .bento-card-6 .commerce-role {
        color: #3d3df5 !important;
      }
      .bento-card-2 .commerce-headline,
      .bento-card-6 .commerce-headline {
        color: #0f172a !important;
        margin-bottom: 12px !important;
        font-size: 22px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
      }
      .bento-card-2 .commerce-headline span.highlight-blue,
      .bento-card-6 .commerce-headline span.highlight-blue {
        color: #3d3df5 !important;
      }
      .bento-card-2 .commerce-desc,
      .bento-card-6 .commerce-desc {
        color: #475569 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
      }
      .bento-card-2 .card-learn-more,
      .bento-card-6 .card-learn-more {
        color: #3d3df5 !important;
      }
      .bento-card-3,
      .bento-card-4,
      .bento-card-5 {
        background: #fff !important;
        border: 1px solid #e2e8f0 !important;
        border-left: 2px solid #3d3df580 !important;
        border-radius: 20px !important;
        grid-column: span 4 !important;
        min-height: 220px !important;
        padding: 32px !important;
        box-shadow:
          0 1px 3px #0000000f,
          0 4px 16px #0000000a !important;
      }
      .bento-card-3 .card-icon-container,
      .bento-card-4 .card-icon-container,
      .bento-card-5 .card-icon-container {
        background: #f0f2ff !important;
        border-radius: 12px !important;
        margin-bottom: 20px !important;
      }
      .bento-card-3 .commerce-role,
      .bento-card-4 .commerce-role,
      .bento-card-5 .commerce-role {
        color: #3d3df5 !important;
      }
      .bento-card-3 .commerce-headline,
      .bento-card-4 .commerce-headline,
      .bento-card-5 .commerce-headline {
        color: #0f172a !important;
        margin-bottom: 10px !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
      }
      .bento-card-3 .commerce-headline span.highlight-blue,
      .bento-card-4 .commerce-headline span.highlight-blue,
      .bento-card-5 .commerce-headline span.highlight-blue {
        color: #3d3df5 !important;
      }
      .bento-card-3 .commerce-desc,
      .bento-card-4 .commerce-desc,
      .bento-card-5 .commerce-desc {
        color: #475569 !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
      }
      .bento-card-3 .card-learn-more,
      .bento-card-4 .card-learn-more,
      .bento-card-5 .card-learn-more {
        color: #3d3df5 !important;
      }
      .bento-card-2:hover,
      .bento-card-3:hover,
      .bento-card-4:hover,
      .bento-card-5:hover,
      .bento-card-6:hover {
        background: #0f1117 !important;
        border-color: #0f1117 !important;
        transform: translateY(-4px) !important;
        box-shadow: 0 12px 32px #3d3df51f !important;
      }
      .bento-card-2:hover .commerce-headline,
      .bento-card-3:hover .commerce-headline,
      .bento-card-4:hover .commerce-headline,
      .bento-card-5:hover .commerce-headline,
      .bento-card-6:hover .commerce-headline {
        color: #fff !important;
      }
      .bento-card-2:hover .commerce-desc,
      .bento-card-3:hover .commerce-desc,
      .bento-card-4:hover .commerce-desc,
      .bento-card-5:hover .commerce-desc,
      .bento-card-6:hover .commerce-desc {
        color: #ffffff8c !important;
      }
      .bento-card-2:hover .card-icon-container,
      .bento-card-3:hover .card-icon-container,
      .bento-card-4:hover .card-icon-container,
      .bento-card-5:hover .card-icon-container,
      .bento-card-6:hover .card-icon-container {
        background: #3d3df533 !important;
      }
      .bento-card-2:hover .bento-icon,
      .bento-card-3:hover .bento-icon,
      .bento-card-4:hover .bento-icon,
      .bento-card-5:hover .bento-icon,
      .bento-card-6:hover .bento-icon {
        stroke: #3d3df5 !important;
      }
      .bento-card-2:hover .card-learn-more,
      .bento-card-3:hover .card-learn-more,
      .bento-card-4:hover .card-learn-more,
      .bento-card-5:hover .card-learn-more,
      .bento-card-6:hover .card-learn-more {
        color: #fff !important;
      }
      .bento-card-7 {
        text-align: left !important;
        min-height: 240px !important;
        box-shadow: none !important;
        background: #3d3df5 !important;
        border: none !important;
        border-radius: 20px !important;
        flex-direction: column !important;
        grid-column: span 7 !important;
        justify-content: center !important;
        align-items: flex-start !important;
        margin-top: 0 !important;
        padding: 40px !important;
        display: flex !important;
      }
      .bento-card-7 .cta-headline {
        color: #fff !important;
        text-align: left !important;
        margin: 0 0 12px !important;
        font-size: 28px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
      }
      .bento-card-7 .cta-headline span.highlight-blue {
        color: #fff !important;
      }
      .bento-card-7 .cta-subtext {
        color: #ffffffb3 !important;
        text-align: left !important;
        max-width: 580px !important;
        margin: 0 0 32px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
      }
      .bento-card-7 .cta-actions {
        justify-content: flex-start !important;
        gap: 16px !important;
        display: flex !important;
      }
      .bento-card-7 .btn-primary {
        color: #3d3df5 !important;
        background: #fff !important;
        border: none !important;
        border-radius: 8px !important;
        justify-content: center !important;
        align-items: center !important;
        height: auto !important;
        padding: 14px 24px !important;
        font-weight: 700 !important;
        transition: all 0.2s !important;
        display: inline-flex !important;
        box-shadow: 0 4px 14px #0000001a !important;
      }
      .bento-card-7 .btn-primary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px #00000026 !important;
      }
      .bento-card-7 .btn-outline {
        color: #fff !important;
        background: #ffffff1a !important;
        border: 1.5px solid #ffffff80 !important;
        border-radius: 8px !important;
        justify-content: center !important;
        align-items: center !important;
        height: auto !important;
        padding: 14px 24px !important;
        font-weight: 700 !important;
        transition: all 0.2s !important;
        display: inline-flex !important;
      }
      .bento-card-7 .btn-outline:hover {
        background: #fff3 !important;
        border-color: #ffffffe6 !important;
        transform: translateY(-2px) !important;
      }
      .bento-card-7:hover {
        box-shadow: none !important;
        transform: none !important;
      }
      @media (width<=1024px) {
        #solutions .modern-commerce-grid {
          grid-template-columns: repeat(2, 1fr) !important;
          gap: 16px !important;
        }
        .bento-card-1,
        .bento-card-2 {
          grid-column: span 2 !important;
        }
        .bento-card-3,
        .bento-card-4,
        .bento-card-5 {
          grid-column: span 1 !important;
        }
        .bento-card-5,
        .bento-card-6,
        .bento-card-7 {
          grid-column: span 2 !important;
        }
      }
      @media (width<=768px) {
        #solutions .modern-commerce-grid {
          grid-template-columns: 1fr !important;
          gap: 16px !important;
        }
        .bento-card-1,
        .bento-card-2,
        .bento-card-3,
        .bento-card-4,
        .bento-card-5,
        .bento-card-6,
        .bento-card-7 {
          grid-column: span 1 !important;
          min-height: auto !important;
          padding: 32px 24px !important;
        }
        .bento-card-7 .cta-actions {
          flex-direction: column !important;
          gap: 12px !important;
          width: 100% !important;
        }
        .bento-card-7 .cta-actions .btn {
          text-align: center !important;
          width: 100% !important;
        }
      }
      .container1 {
        width: 100% !important;
        max-width: 1320px !important;
        margin: 0 auto !important;
        padding: 0 24px !important;
      }
      .hero-section,
      .modern-commerce-section,
      .gscc-section,
      .section-industries,
      .industry-marquee-section,
      .calc-teaser-section,
      .onboarding-section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 100px !important;
        padding-bottom: 100px !important;
      }
      @media (width<=1024px) {
        .hero-section,
        .modern-commerce-section,
        .gscc-section,
        .section-industries,
        .industry-marquee-section,
        .calc-teaser-section,
        .onboarding-section {
          padding-top: 72px !important;
          padding-bottom: 72px !important;
        }
      }
      @media (width<=768px) {
        .hero-section,
        .modern-commerce-section,
        .gscc-section,
        .section-industries,
        .industry-marquee-section,
        .calc-teaser-section,
        .onboarding-section {
          padding-top: 56px !important;
          padding-bottom: 56px !important;
        }
      }
      .eyebrow {
        text-transform: uppercase !important;
        letter-spacing: 0.16em !important;
        color: #3d3df5 !important;
        margin-bottom: 16px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        display: block !important;
      }
      .modern-commerce-header-wrap,
      .gscc-header-block,
      .marquee-header,
      .solutions-header {
        margin-top: 0 !important;
        margin-bottom: 64px !important;
      }
      @media (width<=768px) {
        .modern-commerce-header-wrap,
        .gscc-header-block,
        .marquee-header,
        .solutions-header {
          margin-bottom: 48px !important;
        }
      }
      h1,
      .hero-title {
        letter-spacing: -3px !important;
        max-width: 22ch !important;
        font-size: 76px !important;
        font-weight: 800 !important;
        line-height: 0.95 !important;
      }
      @media (width<=1024px) {
        h1,
        .hero-title {
          font-size: 64px !important;
        }
      }
      @media (width<=768px) {
        h1,
        .hero-title {
          letter-spacing: -2px !important;
          font-size: 42px !important;
        }
      }
      h2.section-title,
      h2.calc-teaser-heading,
      .section-title {
        letter-spacing: -2px !important;
        color: #0f172a !important;
        margin-top: 0 !important;
        margin-bottom: 24px !important;
        font-size: 56px !important;
        font-weight: 800 !important;
        line-height: 1.02 !important;
      }
      h2.section-title .highlight-blue,
      h2.calc-teaser-heading .highlight-blue,
      .section-title .highlight-blue,
      .section-title span {
        color: #3d3df5 !important;
      }
      @media (width<=1024px) {
        h2.section-title,
        h2.calc-teaser-heading,
        .section-title {
          font-size: 46px !important;
        }
      }
      @media (width<=768px) {
        h2.section-title,
        h2.calc-teaser-heading,
        .section-title {
          font-size: 34px !important;
        }
      }
      h3,
      .commerce-headline,
      .cta-headline,
      .panel-challenge-headline {
        letter-spacing: -1px !important;
        font-size: 32px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
      }
      @media (width<=768px) {
        h3,
        .commerce-headline,
        .cta-headline,
        .panel-challenge-headline {
          font-size: 26px !important;
        }
      }
      .hero-desc,
      .section-desc,
      .calc-teaser-body {
        color: #475569 !important;
        max-width: 620px !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1.75 !important;
      }
      .commerce-desc,
      .cta-subtext {
        color: #475569 !important;
        font-size: 16px !important;
        line-height: 1.7 !important;
      }
      .hero-desc,
      .calc-teaser-body,
      .cta-subtext {
        margin-bottom: 32px !important;
      }
      .hero-ctas {
        margin-bottom: 40px !important;
      }
      .btn,
      .btn-large,
      .btn-calc-primary,
      .btn-calc-secondary,
      .btn-submit,
      .select-pay-btn,
      .bento-card-7 .btn-primary,
      .bento-card-7 .btn-outline {
        box-sizing: border-box !important;
        border-radius: 8px !important;
        justify-content: center !important;
        align-items: center !important;
        height: 48px !important;
        padding: 0 24px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
        display: inline-flex !important;
      }
      .gscc-header-block,
      .marquee-header,
      .solutions-header {
        text-align: left !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        display: flex !important;
      }
      .gscc-header-block .section-desc,
      .marquee-header .section-desc,
      .solutions-header .section-desc {
        margin-left: 0 !important;
        margin-right: auto !important;
      }
      .gscc-pills-wrap {
        justify-content: flex-start !important;
      }
      .bento-card-2,
      .bento-card-3,
      .bento-card-4,
      .bento-card-5,
      .bento-card-6 {
        background: #fff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 24px !important;
        padding: 28px !important;
        box-shadow: 0 10px 30px #0f11170a !important;
      }
      .bento-card-1 {
        background: #0f1117 !important;
        border: 1px solid #ffffff14 !important;
        border-radius: 24px !important;
        padding: 28px !important;
        box-shadow: 0 20px 60px #0f111759 !important;
      }
      .bento-card-7 {
        border-radius: 24px !important;
        align-items: center !important;
        display: flex !important;
      }
      .hero-container,
      .calc-teaser-container,
      .onboarding-container {
        grid-template-columns: 1.15fr 0.85fr !important;
        align-items: center !important;
        gap: 80px !important;
        display: grid !important;
      }
      .hero-left,
      .calc-teaser-left-column,
      .onboarding-left {
        width: 100% !important;
        max-width: 560px !important;
      }
      @media (width<=1024px) {
        .hero-container,
        .calc-teaser-container,
        .onboarding-container {
          grid-template-columns: 1fr !important;
          gap: 48px !important;
        }
        .hero-left,
        .calc-teaser-left-column,
        .onboarding-left {
          max-width: 100% !important;
        }
      }
      body {
        background-color: #fff !important;
      }
      .sol-solution-section,
      .sol-bento-section,
      .sol-cta-section {
        background-color: #0000 !important;
      }
      .sol-problem-section,
      .sol-how-it-works-section {
        border-top: 1px solid #f1f5f9;
        border-bottom: 1px solid #f1f5f9;
        background-color: #f8fafc66 !important;
      }
      @keyframes continuousFloat {
        0%,
        to {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-8px);
        }
      }
      .sol-continuous-float {
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        animation: 6s ease-in-out infinite continuousFloat !important;
      }
      .sol-continuous-float:hover {
        transform: translateY(-12px) scale(1.01) !important;
        box-shadow: 0 30px 70px #0f172a1f !important;
      }
      .sol-solution-grid-enhanced {
        grid-template-columns: 1.15fr 0.85fr !important;
        align-items: center !important;
        gap: 56px !important;
        margin-top: 56px !important;
        display: grid !important;
      }
      .sol-capabilities-grid-col {
        grid-template-columns: 1fr 1fr !important;
        gap: 24px !important;
        display: grid !important;
      }
      @media (width<=1024px) {
        .sol-solution-grid-enhanced {
          grid-template-columns: 1fr !important;
          gap: 40px !important;
        }
        .sol-capabilities-grid-col {
          grid-template-columns: 1fr !important;
        }
      }
      .sol-solution-section:has(.sol-solution-grid-enhanced)
        .sol-section-header {
        text-align: center !important;
        max-width: 640px !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .sol-solution-section:has(.sol-solution-grid-enhanced)
        .sol-section-header
        .sol-eyebrow {
        text-align: center !important;
      }
      .sol-solution-section:has(.sol-solution-grid-enhanced)
        .sol-section-header
        .sol-section-title {
        text-align: center !important;
      }
      .sol-solution-section:has(.sol-solution-grid-enhanced)
        .sol-section-header
        .sol-section-body {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
/*       main,
      header,
      footer,
      nav,
      .announcement-bar,
      .navbar-header,
      .hero-section,
      .trusted-logos-section,
      .modern-commerce-section,
      .gscc-section,
      .section-industries,
      .industry-marquee-section,
      .onboarding-section,
      .calc-teaser-section {
        z-index: 1;
        position: relative;
      } */
      .hero-section {
        background: 0 0 !important;
      }
      .hero-section:after {
        content: "";
        pointer-events: none;
        z-index: 0;
        background: linear-gradient(90deg, #fff 0% 45%, #fff0 70%);
        position: absolute;
        inset: 0;
      }
      .hero-section:before {
        display: none !important;
      }
      .modern-commerce-section,
      .gscc-section,
      .section-industries,
      .industry-marquee-section,
      .onboarding-section,
      .calc-teaser-section {
        background: #ffffffd1 !important;
      }
      .trusted-logos-section {
        background: #f8fafcd1 !important;
      }
      .orb-container {
        display: none !important;
      }
      .gscc-header-block {
        text-align: center !important;
        flex-direction: column !important;
        align-items: center !important;
        display: flex !important;
      }
      .gscc-header-block .section-desc {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .gscc-header-block .gscc-pills-wrap {
        justify-content: center !important;
      }
      .marquee-header {
        text-align: center !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex !important;
      }
      .marquee-header .section-desc {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .marquee-header .eyebrow {
        text-align: center !important;
      }
      .marquee-header .section-title {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .solutions-header {
        text-align: center !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex !important;
      }
      .solutions-header .section-desc {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .solutions-header .eyebrow {
        text-align: center !important;
      }
      .solutions-header .section-title {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      @media (width<=1024px) {
        .solutions-header {
          text-align: center !important;
          align-items: center !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }
        .solutions-header .section-desc {
          text-align: center !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }
        .solutions-header .eyebrow {
          text-align: center !important;
        }
        .solutions-header .section-title {
          text-align: center !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }
      }
      .panel-capabilities-list {
        flex-direction: column !important;
        gap: 16px !important;
        margin: 28px 0 !important;
        padding: 0 !important;
        list-style: none !important;
        display: flex !important;
      }
      .panel-capability-row {
        align-items: flex-start !important;
        gap: 12px !important;
        line-height: 1.5 !important;
        display: flex !important;
      }
      .panel-capability-dot {
        background-color: #3d3df5 !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        width: 6px !important;
        height: 6px !important;
        margin-top: 8px !important;
      }
      .panel-capability-text {
        color: #475569 !important;
        font-size: 15px !important;
      }
      .panel-capability-text strong {
        color: #0f172a !important;
        font-weight: 700 !important;
      }
      .panel-capability-sep {
        color: #94a3b8 !important;
        margin: 0 4px !important;
      }
      .panel-capability-desc {
        color: #475569 !important;
      }
      .panel-cta-link {
        color: #3d3df5 !important;
        cursor: pointer !important;
        align-items: center !important;
        margin-top: 24px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: color 0.15s !important;
        display: inline-flex !important;
      }
      .panel-cta-link:hover {
        color: #3d3df5 !important;
        text-decoration: underline !important;
      }
      .cta-arrow {
        margin-left: 4px !important;
        transition: transform 0.2s !important;
        display: inline-block !important;
      }
      .panel-cta-link:hover .cta-arrow {
        transform: translate(2px) !important;
      }
      .calc-teaser-section {
        background: #fff;
        position: relative;
        overflow: hidden;
        padding: 120px 0 !important;
      }
      h2.calc-teaser-heading {
        letter-spacing: -1.5px !important;
        color: #0f172a !important;
        margin-top: 0 !important;
        margin-bottom: 24px !important;
        font-size: 44px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
      }
      @media (width<=768px) {
        h2.calc-teaser-heading {
          font-size: 34px !important;
        }
      }
      .calc-teaser-container {
        z-index: 2;
        position: relative;
        grid-template-columns: 45fr 55fr !important;
        align-items: flex-start !important;
        gap: 64px !important;
        display: grid !important;
      }
      .calc-teaser-left-column {
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 0 !important;
      }
      .calc-teaser-right-column {
        width: 100% !important;
        max-width: 100% !important;
      }
      @media (width<=1024px) {
        .calc-teaser-container {
          grid-template-columns: 1fr !important;
          gap: 48px !important;
        }
      }
      .calc-benefits-list {
        flex-direction: column !important;
        gap: 14px !important;
        margin-top: 32px !important;
        margin-bottom: 32px !important;
        display: flex !important;
      }
      .calc-benefit-row {
        align-items: flex-start !important;
        gap: 12px !important;
        display: flex !important;
      }
      .calc-benefit-bullet {
        background-color: #3d3df5 !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        width: 6px !important;
        height: 6px !important;
        margin-top: 7px !important;
      }
      .calc-benefit-text {
        font-family: var(--font-sans);
        font-size: 14px !important;
        line-height: 1.5 !important;
      }
      .calc-benefit-name {
        color: #0f172a !important;
        font-weight: 600 !important;
      }
      .calc-benefit-sep {
        color: #94a3b8 !important;
        margin: 0 8px !important;
      }
      .calc-benefit-desc {
        color: #64748b !important;
        font-size: 13px !important;
      }
      .calc-context-note {
        font-family: var(--font-sans);
        color: #94a3b8 !important;
        margin-top: 32px !important;
        margin-bottom: 32px !important;
        font-size: 12px !important;
        font-style: italic !important;
      }
      .calc-left-ctas {
        align-items: center !important;
        gap: 16px !important;
        margin-top: 32px !important;
        display: flex !important;
      }
      .btn-calc-left-primary {
        color: #fff !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        background: #3d3df5 !important;
        border-radius: 8px !important;
        justify-content: center !important;
        align-items: center !important;
        height: 48px !important;
        padding: 14px 24px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        transition:
          background 0.28s,
          transform 0.28s,
          box-shadow 0.28s !important;
        display: inline-flex !important;
      }
      .btn-calc-left-primary:hover {
        background: #2b2be0 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 24px #3d3df540 !important;
      }
      .btn-calc-left-secondary {
        color: #0f172a !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        background: #fff !important;
        border: 1.5px solid #0f172a !important;
        border-radius: 8px !important;
        justify-content: center !important;
        align-items: center !important;
        height: 48px !important;
        padding: 14px 24px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        transition:
          background 0.28s,
          border-color 0.28s,
          color 0.28s,
          transform 0.28s !important;
        display: inline-flex !important;
      }
      .btn-calc-left-secondary:hover {
        background: #f8fafc !important;
        border-color: #3d3df5 !important;
        transform: translateY(-2px) !important;
      }
      @media (width<=600px) {
        .calc-left-ctas {
          flex-direction: column !important;
          align-items: stretch !important;
          gap: 12px !important;
        }
        .btn-calc-left-primary,
        .btn-calc-left-secondary {
          width: 100% !important;
        }
      }
      .calc-slider-guide {
        font-family: var(--font-sans);
        text-align: center;
        font-size: 13px;
        font-style: italic;
        color: #64748b !important;
        margin: 0 0 20px !important;
      }
      .calc-methodology-note {
        font-family: var(--font-sans);
        margin: 0;
        font-size: 11px;
        font-style: italic;
        line-height: 1.4;
        color: #94a3b8 !important;
      }
      .calc-card-disclaimer {
        font-family: var(--font-sans);
        text-align: center;
        font-size: 11px;
        font-style: italic;
        line-height: 1.5;
        color: #94a3b8 !important;
        margin-top: 24px !important;
        margin-bottom: 0 !important;
      }
      .calc-stats-card-container {
        box-sizing: border-box !important;
        background: #f8fafc !important;
        border: 1px solid #f1f5f9 !important;
        border-radius: 16px !important;
        justify-content: space-between !important;
        align-items: center !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 28px 40px !important;
        display: flex !important;
      }
      .calc-stat-column {
        text-align: center !important;
        flex-direction: column !important;
        flex: 1 !important;
        align-items: center !important;
        display: flex !important;
      }
      .calc-stat-card-value {
        font-family: var(--font-sans);
        color: #0f172a !important;
        margin-bottom: 6px !important;
        font-size: 32px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
      }
      .calc-stat-card-label {
        font-family: var(--font-sans);
        color: #64748b !important;
        text-transform: uppercase !important;
        letter-spacing: 0.08em !important;
        max-width: 320px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
      }
      .calc-stat-divider {
        background-color: #e2e8f0 !important;
        flex-shrink: 0 !important;
        width: 1px !important;
        height: 48px !important;
      }
      @media (width<=768px) {
        .calc-stats-card-container {
          flex-direction: column !important;
          gap: 32px !important;
          padding: 32px 24px !important;
        }
        .calc-stat-divider {
          background-color: #e2e8f0 !important;
          width: 80% !important;
          height: 1px !important;
        }
      }
      h2.onboarding-heading {
        letter-spacing: -1.5px !important;
        color: #0f172a !important;
        margin-bottom: 20px !important;
        font-size: 52px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
      }
      h2.onboarding-heading .highlight-blue {
        color: #3d3df5 !important;
      }
      @media (width<=1024px) {
        h2.onboarding-heading {
          font-size: 42px !important;
        }
      }
      @media (width<=768px) {
        h2.onboarding-heading {
          font-size: 34px !important;
        }
      }
      .compliance-pill-text {
        color: #0f172a !important;
        letter-spacing: 0.6px !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        background-color: #f1f5f9 !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 6px !important;
        padding: 7px 14px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
      }
      .gs-page-wrapper {
        min-height: 100vh;
        font-family:
          var(--font-sans),
          system-ui,
          -apple-system,
          sans-serif;
        z-index: 1000;
        background: #fff;
        flex-direction: column;
        display: flex;
        position: relative;
      }
      .gs-close-btn {
        z-index: 1050;
        color: #475569;
        cursor: pointer;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 50%;
        outline: none;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        transition: all 0.2s;
        display: flex;
        position: fixed;
        top: 24px;
        right: 24px;
        box-shadow: 0 2px 8px #0000000a;
      }
      .gs-close-btn:hover {
        color: #0f172a;
        background: #f8fafc;
        border-color: #cbd5e1;
        transform: rotate(90deg);
      }
      .gs-container {
        box-sizing: border-box;
        width: 100%;
        min-height: 100vh;
        display: flex;
      }
      .gs-left-col {
        color: #fff;
        box-sizing: border-box;
        background: #0f1117;
        flex-direction: column;
        justify-content: space-between;
        width: 45%;
        display: flex;
        position: relative;
        overflow: hidden;
        min-height: 100vh !important;
        padding: 56px !important;
      }
      .gs-left-col-radial-overlay {
        pointer-events: none;
        z-index: 1;
        background: radial-gradient(circle at 25% 60%, #3d3df526 0%, #0000 50%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .gs-left-col-grid-overlay {
        pointer-events: none;
        z-index: 2;
        background-image: radial-gradient(circle, #ffffff0a 1px, #0000 1px);
        background-size: 32px 32px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .gs-left-top {
        z-index: 5;
      }
      .gs-left-center,
      .gs-left-bottom {
        z-index: 5;
        position: relative;
      }
      .gs-logo-premium {
        z-index: 10 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
        display: flex !important;
        position: absolute !important;
        top: 40px !important;
        left: 56px !important;
      }
      .gs-logo-premium .logo-mark {
        flex-shrink: 0 !important;
        width: 44px !important;
        height: 44px !important;
      }
      .gs-logo-premium .wordmark span {
        letter-spacing: -0.04em !important;
        color: #fff !important;
        opacity: 1 !important;
        font-size: 26px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
      }
      .gs-left-center {
        margin-top: auto;
        margin-bottom: auto;
        box-sizing: border-box !important;
        max-width: 100% !important;
        padding: 40px 48px 40px 0 !important;
      }
      .gs-eyebrow-premium {
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        color: #818cf8 !important;
        margin-bottom: 16px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
      }
      .gs-heading-premium {
        color: #fff !important;
        letter-spacing: -1px !important;
        margin-top: 16px !important;
        margin-bottom: 0 !important;
        font-size: 34px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
      }
      .gs-heading-premium .highlight-blue-premium {
        color: #6366f1 !important;
      }
      .gs-body-premium {
        color: #ffffff8c !important;
        max-width: 360px !important;
        margin-top: 20px !important;
        margin-bottom: 0 !important;
        font-size: 14px !important;
        line-height: 1.7 !important;
      }
      .gs-trust-list-premium {
        flex-direction: column;
        gap: 16px;
        margin-top: 40px;
        display: flex;
        max-width: 100% !important;
      }
      .gs-trust-row-premium {
        align-items: flex-start;
        gap: 12px;
        display: flex;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }
      .gs-trust-icon-container {
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        padding-top: 2px;
        display: flex;
      }
      .gs-trust-text-premium {
        color: #ffffffb3 !important;
        word-wrap: break-word !important;
        white-space: normal !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.45 !important;
      }
      .gs-testimonial-card-premium {
        background: #ffffff0a;
        border: 1px solid #ffffff14;
        border-radius: 12px;
        margin-top: auto;
        padding: 24px;
      }
      .gs-testimonial-quote-premium {
        color: #fff !important;
        margin: 0 0 16px !important;
        font-size: 14px !important;
        font-style: italic !important;
        line-height: 1.6 !important;
      }
      .gs-testimonial-author-premium {
        align-items: center;
        gap: 12px;
        display: flex;
      }
      .gs-testimonial-avatar-premium {
        color: #fff;
        background: #6366f1;
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        font-size: 11px;
        font-weight: 700;
        display: flex;
      }
      .gs-testimonial-meta-premium {
        flex-direction: column;
        gap: 2px;
        display: flex;
      }
      .gs-testimonial-name-premium {
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
      }
      .gs-testimonial-role-premium {
        color: #ffffff80 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
      }
      .gs-compliance-row-premium {
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 24px;
        display: flex;
      }
      .gs-compliance-chip-premium {
        letter-spacing: 0.5px;
        background: #ffffff0f;
        color: #ffffff80 !important;
        text-transform: uppercase !important;
        border-radius: 6px !important;
        padding: 4px 10px !important;
        font-size: 10px !important;
        font-weight: 600 !important;
      }
      .gs-right-col {
        box-sizing: border-box;
        background: #fff;
        flex-direction: column;
        width: 55%;
        padding: 56px;
        display: flex;
      }
      .gs-form-wrapper {
        width: 100%;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
      }
      .gs-back-link-premium {
        color: #64748b;
        cursor: pointer;
        margin-bottom: 36px;
        font-size: 13px;
        font-weight: 500;
        transition: color 0.2s;
        display: inline-block;
      }
      .gs-back-link-premium:hover {
        color: #0f172a;
      }
      .gs-form-heading-premium {
        color: #0f172a !important;
        letter-spacing: -0.5px !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        font-size: 26px !important;
        font-weight: 800 !important;
      }
      .gs-form-subheading-premium {
        color: #64748b !important;
        margin-top: 0 !important;
        margin-bottom: 36px !important;
        font-size: 14px !important;
      }
      .gs-field-group-premium {
        flex-direction: column;
        margin-bottom: 22px;
        display: flex;
      }
      .gs-field-group-premium label {
        color: #334155 !important;
        margin-bottom: 8px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
      }
      .gs-input-wrapper-premium {
        width: 100%;
        position: relative;
      }
      .gs-input-icon-premium {
        pointer-events: none;
        color: #94a3b8;
        z-index: 2;
        transition: color 0.2s;
        position: absolute;
        top: 50%;
        left: 16px;
        transform: translateY(-50%);
      }
      .gs-field-group-premium input,
      .gs-field-group-premium select,
      .gs-field-group-premium textarea {
        color: #0f172a;
        box-sizing: border-box;
        background: #fff;
        border: 1.5px solid #e2e8f0;
        border-radius: 10px;
        width: 100%;
        font-family: inherit;
        font-size: 15px;
        transition: all 0.2s;
      }
      .gs-field-group-premium input {
        height: 48px;
        padding: 0 16px 0 44px;
      }
      .gs-field-group-premium select {
        height: 48px;
        padding-left: 16px;
      }
      .gs-field-group-premium textarea {
        padding: 12px 16px;
      }
      .gs-field-group-premium input:hover,
      .gs-field-group-premium select:hover,
      .gs-field-group-premium textarea:hover {
        border-color: #cbd5e1;
      }
      .gs-field-group-premium input:focus,
      .gs-field-group-premium select:focus,
      .gs-field-group-premium textarea:focus {
        border-color: #3d3df5;
        outline: none;
        box-shadow: 0 0 0 4px #3d3df51a;
      }
      .gs-field-group-premium input:focus + .gs-input-icon-premium,
      .gs-input-wrapper-premium:focus-within .gs-input-icon-premium {
        color: #3d3df5;
      }
      .gs-field-group-premium input::placeholder,
      .gs-field-group-premium textarea::placeholder {
        color: #94a3b8;
      }
      .gs-field-note-premium {
        color: #94a3b8 !important;
        margin-top: 6px !important;
        font-size: 11px !important;
        font-style: italic !important;
      }
      .gs-error-text-premium {
        color: #ef4444 !important;
        margin-top: 6px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
      }
      .gs-field-group-premium.has-error input,
      .gs-field-group-premium.has-error select,
      .gs-field-group-premium.has-error textarea {
        background-color: #fffdfd;
        border-color: #ef4444;
      }
      .gs-reassurance-box-premium {
        background: #f8fafc;
        border-radius: 8px;
        align-items: center;
        margin-bottom: 16px;
        padding: 12px 16px;
        display: flex;
        color: #64748b !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
      }
      .gs-submit-btn-premium {
        color: #fff;
        cursor: pointer;
        background: #3d3df5;
        border: none;
        border-radius: 10px;
        width: 100%;
        height: 52px;
        padding: 0 24px;
        font-size: 16px;
        font-weight: 700;
        transition: all 0.2s;
        box-shadow: 0 4px 20px #3d3df54d;
      }
      .gs-submit-btn-premium:hover {
        background: #2929d4;
        transform: translateY(-1px);
        box-shadow: 0 6px 24px #3d3df566;
      }
      .gs-submit-btn-premium:active {
        transform: translateY(0);
      }
      .gs-submit-btn-premium:disabled {
        cursor: not-allowed;
        box-shadow: none;
        background: #94a3b8;
      }
      .gs-agree-text-premium {
        color: #94a3b8 !important;
        text-align: center !important;
        margin-top: 12px !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
      }
      .gs-link-underlined-premium {
        color: #64748b !important;
        font-weight: 500 !important;
        text-decoration: underline !important;
      }
      .gs-link-underlined-premium:hover {
        color: #0f172a !important;
      }
      .gs-success-icon-container-premium {
        background-color: #3d3df5;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 64px;
        height: 64px;
        margin-bottom: 20px;
        display: flex;
      }
      .gs-success-heading-premium {
        color: #0f172a !important;
        margin-top: 20px !important;
        margin-bottom: 12px !important;
        font-size: 24px !important;
        font-weight: 800 !important;
      }
      .gs-success-body-premium {
        color: #475569 !important;
        max-width: 360px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
      }
      .gs-success-subnote-premium {
        color: #64748b !important;
        margin-top: 12px !important;
        margin-bottom: 0 !important;
        font-size: 13px !important;
      }
      .gs-success-back-btn-premium {
        color: #0f172a;
        cursor: pointer;
        background: 0 0;
        border: 1.5px solid #0f172a;
        border-radius: 8px;
        align-items: center;
        margin-top: 32px;
        padding: 14px 28px;
        font-size: 15px;
        font-weight: 700;
        transition: all 0.2s;
        display: inline-flex;
      }
      .gs-success-back-btn-premium:hover {
        color: #3d3df5;
        background: #f8fafc;
        border-color: #3d3df5;
        transform: translateY(-2px);
      }
      @media (width<=768px) {
        .gs-close-btn {
          z-index: 100;
          width: 36px;
          height: 36px;
          top: 16px;
          right: 16px;
        }
        .gs-container {
          flex-direction: column;
          min-height: auto;
        }
        .gs-left-col {
          box-sizing: border-box;
          width: 100%;
          height: 240px;
          flex-direction: column !important;
          justify-content: flex-start !important;
          min-height: 240px !important;
          padding: 32px 24px !important;
          display: flex !important;
        }
        .gs-logo-premium {
          margin-bottom: 20px !important;
          position: relative !important;
          top: auto !important;
          left: auto !important;
        }
        .gs-left-center {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
          padding: 0 !important;
        }
        .gs-heading-premium {
          margin-top: 10px !important;
          font-size: 28px !important;
        }
        .gs-body-premium,
        .gs-trust-list-premium,
        .gs-left-bottom {
          display: none !important;
        }
        .gs-right-col {
          box-sizing: border-box;
          width: 100%;
          min-height: auto;
          padding: 40px 24px;
        }
        .gs-back-link-premium {
          margin-bottom: 32px;
        }
        .gs-success-wrapper {
          min-height: 50vh;
          padding: 20px 0;
        }
      }
      .sol-page-wrapper {
        color: #475569;
        background-color: #fff;
        min-height: 100vh;
        font-family: Inter, sans-serif;
        position: relative;
        overflow: hidden;
      }
      .sol-container {
        box-sizing: border-box;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 80px;
      }
      @media (width<=768px) {
        .sol-container {
          padding: 0 24px;
        }
      }
      .sol-eyebrow {
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: #3d3df5;
        margin-bottom: 16px;
        font-size: 11px;
        font-weight: 600;
        line-height: 1;
        display: inline-block;
      }
      .sol-section-header {
        margin-bottom: 64px;
      }
      .sol-section-title {
        color: #0f172a;
        letter-spacing: -1.5px;
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 40px;
        font-weight: 800;
        line-height: 1.15;
      }
      .sol-highlight-blue {
        color: #3d3df5;
      }
      .sol-section-body {
        color: #475569;
        max-width: 640px;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.7;
      }
      @media (width<=768px) {
        .sol-section-title {
          letter-spacing: -0.5px;
          font-size: 28px;
        }
      }
      .sol-animate-on-scroll {
        opacity: 0;
        transition:
          opacity 0.5s,
          transform 0.5s;
        transform: translateY(24px);
      }
      .sol-animate-on-scroll.in-view {
        opacity: 1;
        transform: translateY(0);
      }
      .sol-hero-section {
        position: relative;
        overflow: hidden;
        background: radial-gradient(
          circle at 75% 20%,
          #3d3df50f 0%,
          #0000 50%
        ) !important;
        padding: 114px 0 120px !important;
      }
      .sol-hero-grid {
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 64px;
        display: grid;
      }
      .sol-breadcrumb {
        color: #94a3b8;
        align-items: center;
        gap: 8px;
        margin-bottom: 24px;
        font-size: 12px;
        display: flex;
      }
      .sol-breadcrumb-link {
        color: #94a3b8;
        font-weight: 500;
        text-decoration: none;
        transition: color 0.15s;
      }
      .sol-breadcrumb-link:hover {
        color: #3d3df5;
      }
      .sol-breadcrumb-separator {
        color: #cbd5e1;
      }
      .sol-breadcrumb-current {
        color: #475569;
        font-weight: 500;
      }
      .sol-hero-title {
        color: #0f172a;
        letter-spacing: -1.5px;
        margin-top: 0;
        margin-bottom: 24px;
        font-size: 44px;
        font-weight: 800;
        line-height: 1.15;
      }
      .sol-hero-body {
        color: #475569;
        max-width: 480px;
        margin-top: 0;
        margin-bottom: 36px;
        font-size: 17px;
        line-height: 1.7;
      }
      .sol-hero-actions {
        align-items: center;
        gap: 16px;
        display: flex;
      }
      .checkout-visual-card {
        z-index: 5;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 20px;
        max-width: 460px;
        margin-left: auto;
        padding: 32px;
        position: relative;
        box-shadow:
          0 10px 30px #0f172a0a,
          0 1px 3px #0f172a05;
      }
      .checkout-visual-header {
        align-items: center;
        margin-bottom: 24px;
        display: flex;
      }
      .checkout-dot-indicator {
        background-color: #22c55e;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        margin-right: 10px;
        display: inline-block;
        box-shadow: 0 0 8px #22c55e80;
      }
      .checkout-title {
        color: #0f172a;
        flex-grow: 1;
        font-size: 14px;
        font-weight: 600;
      }
      .checkout-badge-unified {
        color: #3d3df5;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        background-color: #f0f2ff;
        border-radius: 6px;
        padding: 4px 10px;
        font-size: 11px;
        font-weight: 600;
      }
      .checkout-visual-channels {
        gap: 12px;
        margin-bottom: 24px;
        display: flex;
      }
      .visual-channel {
        color: #475569;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 10px;
        flex: 1;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 600;
        display: flex;
      }
      .visual-channel.active {
        color: #3d3df5;
        background: #f0f2ff;
        border-color: #3d3df526;
      }
      .visual-channel .channel-dot {
        border-radius: 50%;
        width: 6px;
        height: 6px;
      }
      .visual-channel .channel-dot.bg-blue {
        background-color: #3d3df5;
      }
      .checkout-visual-divider {
        background-color: #f1f5f9;
        width: 100%;
        height: 1px;
        margin-bottom: 20px;
      }
      .checkout-visual-details {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 20px;
        display: flex;
      }
      .visual-detail-row {
        justify-content: space-between;
        align-items: center;
        font-size: 13px;
        display: flex;
      }
      .visual-detail-row .visual-label {
        color: #64748b;
      }
      .visual-detail-row .visual-value {
        color: #0f172a;
      }
      .checkout-visual-amount-row {
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 24px;
        display: flex;
      }
      .visual-amount-left {
        flex-direction: column;
        gap: 4px;
        display: flex;
      }
      .visual-amount-left .visual-amount-label {
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 12px;
      }
      .visual-amount-left .visual-amount-value {
        color: #3d3df5;
        font-size: 28px;
        font-weight: 800;
        line-height: 1;
      }
      .visual-status-badge {
        color: #059669;
        background: #ecfdf5;
        border: 1px solid #a7f3d0;
        border-radius: 9999px;
        align-items: center;
        gap: 6px;
        padding: 6px 14px;
        font-size: 13px;
        font-weight: 700;
        display: flex;
      }
      .visual-success-icon {
        stroke-width: 3.5px;
      }
      .checkout-visual-footer-bar {
        background: #f8fafc;
        border-radius: 8px;
        justify-content: center;
        margin-top: 8px;
        padding: 10px;
        display: flex;
      }
      .footer-secure-lock {
        color: #64748b;
        letter-spacing: 0.3px;
        font-size: 11px;
        font-weight: 600;
      }
      @media (width<=991px) {
        .sol-hero-grid {
          grid-template-columns: 1fr;
          gap: 48px;
        }
        .checkout-visual-card {
          max-width: 100%;
          margin-left: 0;
        }
      }
      @media (width<=768px) {
        .sol-hero-section {
          padding: 140px 0 72px;
        }
        .sol-hero-title {
          letter-spacing: -0.5px;
          font-size: 32px;
        }
        .sol-hero-actions {
          flex-direction: column;
          align-items: stretch;
          width: 100%;
        }
      }
      .sol-problem-section {
        background-color: #f8fafc;
        border-top: 1px solid #f1f5f9;
        border-bottom: 1px solid #f1f5f9;
        padding: 120px 0;
        position: relative;
      }
      .sol-cards-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-top: 56px;
        display: grid;
      }
      .sol-pain-card {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-left: 2px solid #f59e0b80;
        border-radius: 16px;
        padding: 32px;
        transition:
          transform 0.28s,
          box-shadow 0.28s;
        box-shadow: 0 1px 3px #0000000f;
      }
      .sol-pain-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 25px #0f172a14;
      }
      .pain-card-icon-wrap {
        color: #f59e0b;
        background: #f59e0b14;
        border-radius: 10px;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        margin-bottom: 20px;
        display: flex;
      }
      .pain-card-icon {
        width: 20px;
        height: 20px;
      }
      .pain-card-title {
        color: #0f172a;
        margin-top: 0;
        margin-bottom: 14px;
        font-size: 18px;
        font-weight: 700;
      }
      .pain-card-body {
        color: #475569;
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
      }
      @media (width<=991px) {
        .sol-cards-row {
          grid-template-columns: 1fr;
          gap: 20px;
        }
      }
      @media (width<=768px) {
        .sol-problem-section {
          padding: 72px 0;
        }
      }
      .sol-solution-section {
        background-color: #fff;
        padding: 120px 0;
        position: relative;
      }
      .sol-solution-grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        margin-top: 56px;
        display: grid;
      }
      .sol-capability-card {
        cursor: pointer;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-left: 2px solid #3d3df580;
        border-radius: 16px;
        padding: 28px;
        transition: all 0.28s;
        position: relative;
        overflow: hidden;
        box-shadow: 0 1px 3px #00000005;
      }
      .capability-icon-container {
        color: #3d3df5;
        background-color: #f0f2ff;
        border-radius: 12px;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        margin-bottom: 20px;
        transition: all 0.28s;
        display: flex;
      }
      .capability-icon {
        transition: transform 0.28s;
      }
      .capability-title {
        color: #0f172a;
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        transition: color 0.28s;
      }
      .capability-body {
        color: #475569;
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
        transition: color 0.28s;
      }
      .sol-capability-card:hover {
        background-color: #0f1117;
        border-color: #1e293b #1e293b #1e293b #3d3df5;
        transform: translateY(-4px);
        box-shadow: 0 20px 40px #0f172a33;
      }
      .sol-capability-card:hover .capability-icon-container {
        color: #fff;
        background-color: #3d3df533;
      }
      .sol-capability-card:hover .capability-icon {
        transform: scale(1.05);
      }
      .sol-capability-card:hover .capability-title {
        color: #fff;
      }
      .sol-capability-card:hover .capability-body {
        color: #fff9;
      }
      @media (width<=768px) {
        .sol-solution-section {
          padding: 72px 0;
        }
        .sol-solution-grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }
      }
      .sol-how-it-works-section {
        background-color: #f8fafc;
        border-top: 1px solid #f1f5f9;
        border-bottom: 1px solid #f1f5f9;
        padding: 120px 0;
        position: relative;
      }
      .sol-timeline-wrapper {
        box-sizing: border-box;
        max-width: 640px;
        margin: 56px auto 0;
        padding-left: 20px;
        position: relative;
      }
      .sol-timeline-line {
        z-index: 1;
        background-color: #e2e8f0;
        width: 2px;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 20px;
        transform: translate(-50%);
      }
      .sol-timeline-steps {
        z-index: 5;
        flex-direction: column;
        gap: 32px;
        display: flex;
        position: relative;
      }
      .sol-timeline-step {
        align-items: flex-start;
        gap: 24px;
        display: flex;
        position: relative;
      }
      .step-number-node {
        color: #fff;
        box-sizing: border-box;
        z-index: 5;
        background-color: #3d3df5;
        border: 4px solid #f8fafc;
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        font-size: 14px;
        font-weight: 700;
        display: flex;
        box-shadow: 0 4px 10px #3d3df526;
      }
      .sol-timeline-step:hover .step-number-node {
        transition: transform 0.2s;
        transform: scale(1.08);
      }
      .step-content {
        flex-grow: 1;
        padding-top: 6px;
      }
      .step-title {
        color: #0f172a;
        margin-top: 0;
        margin-bottom: 6px;
        font-size: 18px;
        font-weight: 700;
      }
      .step-description {
        color: #475569;
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
      }
      @media (width<=768px) {
        .sol-how-it-works-section {
          padding: 72px 0;
        }
        .sol-timeline-wrapper {
          padding-left: 10px;
        }
        .sol-timeline-line {
          left: 20px;
        }
      }
      .sol-bento-section {
        background-color: #fff;
        padding: 120px 0;
        position: relative;
      }
      .sol-bento-grid {
        grid-template-columns: repeat(12, 1fr);
        gap: 16px;
        margin-top: 56px;
        display: grid;
      }
      .sol-bento-card {
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-left: 2px solid #3d3df580;
        border-radius: 16px;
        flex-direction: column;
        justify-content: center;
        padding: 28px;
        transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        display: flex;
        box-shadow: 0 1px 3px #0000000a;
      }
      .sol-bento-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 28px #0f172a0d;
      }
      .bento-card-title {
        color: #0f172a;
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 700;
      }
      .bento-card-body {
        color: #475569;
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
      }
      .sol-bento-card.featured-dark {
        background-color: #0f1117;
        border-color: #1e293b #1e293b #1e293b #3d3df5;
        grid-column: span 7;
        justify-content: center;
        padding: 40px;
      }
      .sol-bento-card.featured-dark:hover {
        box-shadow: 0 20px 40px #0f172a26;
      }
      .bento-featured-eyebrow {
        letter-spacing: 0.12em;
        color: #818cf8;
        text-transform: uppercase;
        margin-bottom: 16px;
        font-size: 11px;
        font-weight: 600;
      }
      .bento-featured-title {
        color: #fff;
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 24px;
        font-weight: 800;
      }
      .bento-featured-body {
        color: #fff9;
        margin: 0;
        font-size: 15px;
        line-height: 1.6;
      }
      .sol-bento-grid > :nth-child(2) {
        grid-column: span 5;
      }
      .sol-bento-grid > :nth-child(3),
      .sol-bento-grid > :nth-child(4),
      .sol-bento-grid > :nth-child(5) {
        grid-column: span 4;
      }
      .sol-bento-grid > :nth-child(6),
      .sol-bento-grid > :nth-child(7) {
        grid-column: span 6;
      }
      @media (width<=991px) {
        .sol-bento-card.featured-dark {
          grid-column: span 12;
          padding: 32px;
        }
        .sol-bento-grid > :nth-child(2),
        .sol-bento-grid > :nth-child(3),
        .sol-bento-grid > :nth-child(4),
        .sol-bento-grid > :nth-child(5),
        .sol-bento-grid > :nth-child(6),
        .sol-bento-grid > :nth-child(7) {
          grid-column: span 12;
        }
      }
      @media (width<=768px) {
        .sol-bento-section {
          padding: 72px 0;
        }
        .sol-bento-grid {
          grid-template-columns: 1fr;
          gap: 16px;
        }
        .sol-bento-card {
          grid-column: span 12 !important;
        }
      }
      .sol-cta-section {
        background-color: #fff;
        padding: 120px 0;
        position: relative;
      }
      .sol-cta-panel {
        text-align: center;
        box-sizing: border-box;
        background-color: #3d3df5;
        border-radius: 24px;
        max-width: 960px;
        margin: 0 auto;
        padding: 56px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 20px 50px #3d3df540;
      }
      .sol-cta-panel:after {
        content: "";
        pointer-events: none;
        background: radial-gradient(circle at 80% 20%, #ffffff26 0%, #0000 40%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .sol-cta-title {
        color: #fff;
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 32px;
        font-weight: 800;
        line-height: 1.2;
      }
      .sol-cta-highlight {
        color: #ffffffb3;
      }
      .sol-cta-body {
        color: #ffffffd9;
        max-width: 480px;
        margin-top: 0;
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 1.6;
      }
      .sol-cta-actions {
        justify-content: center;
        margin-bottom: 24px;
        display: flex;
      }
      .sol-cta-btn-primary {
        color: #3d3df5;
        background: #fff;
        border-radius: 8px;
        padding: 14px 32px;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.2s;
        display: inline-block;
        box-shadow: 0 4px 12px #0000000d;
      }
      .sol-cta-btn-primary:hover {
        background: #f8fafc;
        transform: translateY(-1px);
        box-shadow: 0 8px 20px #0000001a;
      }
      .sol-cta-badges {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-bottom: 24px;
        display: flex;
      }
      .sol-cta-badge {
        color: #fff;
        letter-spacing: 0.3px;
        background-color: #ffffff26;
        border-radius: 6px;
        padding: 4px 12px;
        font-size: 11px;
        font-weight: 600;
      }
      .sol-cta-reassurance {
        color: #ffffffb3;
        margin: 0;
        font-size: 12px;
      }
      @media (width<=768px) {
        .sol-cta-section {
          padding: 72px 0;
        }
        .sol-cta-panel {
          border-radius: 16px;
          padding: 40px 24px;
        }
        .sol-cta-title {
          font-size: 24px;
        }
        .sol-cta-body {
          font-size: 14px;
        }
      }
      .nav-link.active {
        color: #3d3df5 !important;
        font-weight: 600 !important;
      }
      .nav-dropdown-wrapper {
        z-index: 9999 !important;
        display: inline-block !important;
        position: relative !important;
        overflow: visible !important;
      }
      .dropdown-toggle {
        cursor: pointer !important;
        z-index: 9999 !important;
        background: 0 0 !important;
        border: none !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 0 !important;
        font-family: inherit !important;
        display: flex !important;
      }
      .dropdown-panel {
        z-index: 99999 !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        background: #fff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        flex-direction: column !important;
        gap: 4px !important;
        width: auto !important;
        min-width: 280px !important;
        margin-top: 12px !important;
        padding: 8px !important;
        transition:
          opacity 0.15s,
          transform 0.15s,
          visibility 0.15s !important;
        display: flex !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: auto !important;
        overflow: visible !important;
        transform: translateY(10px) !important;
        box-shadow: 0 12px 32px #0000001f !important;
      }
      @media (width>=769px) {
        .nav-dropdown-wrapper:hover .dropdown-panel,
        .nav-dropdown-wrapper.open .dropdown-panel {
          opacity: 1 !important;
          visibility: visible !important;
          transform: translateY(0) !important;
        }
      }
      .dropdown-item {
        color: #334155 !important;
        text-align: left !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        cursor: pointer !important;
        border-radius: 8px !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        transition:
          background 0.15s,
          color 0.15s !important;
        display: flex !important;
        overflow: visible !important;
      }
      .dropdown-item:hover {
        color: #3d3df5 !important;
        background: #f8fafc !important;
      }
      .dropdown-item-icon {
        stroke: #3d3df5 !important;
        fill: none !important;
        flex-shrink: 0 !important;
        width: 18px !important;
        height: 18px !important;
        transition: transform 0.2s !important;
      }
      .dropdown-item:hover .dropdown-item-icon {
        transform: scale(1.1) !important;
      }
      @media (width<=768px) {
        .mobile-toggle {
          display: block !important;
        }
        .nav-centre {
          -webkit-backdrop-filter: blur(12px) !important;
          backdrop-filter: blur(12px) !important;
          z-index: 9999 !important;
          background: #fffffffa !important;
          border-bottom: 1px solid #e2e8f0 !important;
          flex-direction: column !important;
          align-items: flex-start !important;
          gap: 16px !important;
          width: 100% !important;
          padding: 24px !important;
          display: none !important;
          position: absolute !important;
          top: 74px !important;
          left: 0 !important;
          overflow: visible !important;
          box-shadow: 0 10px 15px -3px #0000000d !important;
        }
        .nav-centre.active {
          display: flex !important;
        }
        .nav-dropdown-wrapper {
          width: 100% !important;
          display: block !important;
        }
        .dropdown-toggle {
          color: #475569 !important;
          justify-content: space-between !important;
          width: 100% !important;
          padding: 8px 0 !important;
          font-size: 14px !important;
          font-weight: 500 !important;
        }
        .dropdown-panel {
          width: 100% !important;
          box-shadow: none !important;
          opacity: 1 !important;
          visibility: visible !important;
          background: 0 0 !important;
          border: none !important;
          gap: 2px !important;
          margin-top: 0 !important;
          padding: 8px 0 0 16px !important;
          display: none !important;
          position: static !important;
          transform: none !important;
        }
        .nav-dropdown-wrapper.open .dropdown-panel {
          display: flex !important;
        }
        .dropdown-item {
          color: #475569 !important;
          white-space: normal !important;
          padding: 10px 12px !important;
          font-size: 13.5px !important;
        }
        .dropdown-item:hover {
          background: #3d3df50d !important;
        }
      }
      .sol-cta-section-light {
        background: 0 0;
        position: relative;
        padding: 100px 24px !important;
      }
      .sol-cta-light-panel {
        text-align: center !important;
        background: linear-gradient(160deg, #fff, #f5f7ff) !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 24px !important;
        max-width: 960px !important;
        margin: 0 auto !important;
        padding: 56px !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 20px 60px #3d3df514 !important;
      }
      .sol-cta-accent-line {
        background: linear-gradient(90deg, #0000, #3d3df5, #0000) !important;
        width: 200px !important;
        height: 4px !important;
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translate(-50%) !important;
      }
      .sol-cta-light-eyebrow {
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
        color: #3d3df5 !important;
        margin-bottom: 16px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        display: block !important;
      }
      .sol-cta-light-title {
        letter-spacing: -0.02em !important;
        margin-bottom: 16px !important;
        font-size: 36px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
      }
      .sol-cta-light-title .dark-part {
        color: #0f172a !important;
      }
      .sol-cta-light-title .blue-part {
        color: #3d3df5 !important;
      }
      .sol-cta-light-body {
        color: #64748b !important;
        max-width: 460px !important;
        margin: 0 auto 32px !important;
        font-size: 16px !important;
        line-height: 1.7 !important;
      }
      .sol-cta-light-actions {
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        margin-bottom: 40px !important;
        display: flex !important;
      }
      .sol-cta-light-btn-primary {
        color: #fff !important;
        background: #3d3df5 !important;
        border-radius: 10px !important;
        padding: 15px 32px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        transition: all 0.2s !important;
        display: inline-block !important;
        box-shadow: 0 8px 24px #3d3df540 !important;
      }
      .sol-cta-light-btn-primary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 12px 28px #3d3df559 !important;
      }
      .sol-cta-light-btn-secondary {
        color: #0f172a !important;
        background: #fff !important;
        border: 1.5px solid #0f172a !important;
        border-radius: 10px !important;
        padding: 15px 32px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: all 0.2s !important;
        display: inline-block !important;
      }
      .sol-cta-light-btn-secondary:hover {
        background: #f8fafc !important;
        transform: translateY(-2px) !important;
      }
      .sol-cta-light-trustband {
        border-top: 1px solid #e2e8f0 !important;
        margin-top: 0 !important;
        padding-top: 28px !important;
        display: flex !important;
      }
      .sol-cta-light-trustcol {
        text-align: center !important;
        border-right: 1px solid #e2e8f0 !important;
        flex: 1 !important;
        padding: 0 20px !important;
      }
      .sol-cta-light-trustcol:last-child {
        border-right: none !important;
      }
      .sol-cta-light-trustval {
        color: #0f172a !important;
        margin-bottom: 4px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        display: block !important;
      }
      .sol-cta-light-trustlbl {
        color: #94a3b8 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        font-size: 11px !important;
        display: block !important;
      }
      @media (width<=768px) {
        .sol-cta-light-panel {
          padding: 40px 24px !important;
        }
        .sol-cta-light-actions {
          flex-direction: column !important;
          gap: 12px !important;
          width: 100% !important;
        }
        .sol-cta-light-actions > a {
          text-align: center !important;
          width: 100% !important;
        }
        .sol-cta-light-trustband {
          grid-template-columns: 1fr 1fr !important;
          gap: 20px 0 !important;
          display: grid !important;
        }
        .sol-cta-light-trustcol {
          border-right: none !important;
        }
      }
      .sol-timeline-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        margin-top: 48px !important;
        display: grid !important;
      }
      .sol-step-card {
        text-align: left !important;
        background: #fff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 18px !important;
        flex-direction: column !important;
        padding: 32px 28px 28px !important;
        transition: all 0.28s !important;
        display: flex !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow:
          0 1px 3px #0000000a,
          0 8px 24px #00000008 !important;
      }
      .sol-step-card-accent {
        transform-origin: 0 !important;
        background: linear-gradient(90deg, #3d3df5, #6366f1) !important;
        width: 100% !important;
        height: 3px !important;
        transition: transform 0.3s !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        transform: scaleX(0) !important;
      }
      .sol-step-card:hover {
        border-color: #3d3df54d !important;
        transform: translateY(-6px) !important;
        box-shadow: 0 16px 40px #3d3df51f !important;
      }
      .sol-step-card:hover .sol-step-card-accent {
        transform: scaleX(1) !important;
      }
      .sol-step-top-row {
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 24px !important;
        display: flex !important;
      }
      .sol-step-label {
        color: #3d3df5 !important;
        letter-spacing: 0.05em !important;
        font-size: 13px !important;
        font-weight: 800 !important;
      }
      .sol-step-icon-wrap {
        background: linear-gradient(135deg, #f0f2ff, #e8ebff) !important;
        border: 1px solid #dde0ff !important;
        border-radius: 14px !important;
        flex-shrink: 0 !important;
        justify-content: center !important;
        align-items: center !important;
        width: 48px !important;
        height: 48px !important;
        display: flex !important;
      }
      .sol-step-icon {
        stroke: #3d3df5 !important;
        stroke-width: 1.8px !important;
        width: 22px !important;
        height: 22px !important;
      }
      .sol-step-title {
        color: #0f172a !important;
        letter-spacing: -0.01em !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        font-size: 17px !important;
        font-weight: 700 !important;
      }
      .sol-step-desc {
        color: #64748b !important;
        margin: 0 !important;
        font-size: 13.5px !important;
        line-height: 1.6 !important;
      }
      @media (width<=991px) {
        .sol-timeline-grid {
          grid-template-columns: 1fr 1fr !important;
        }
      }
      @media (width<=600px) {
        .sol-timeline-grid {
          grid-template-columns: 1fr !important;
        }
      }
      .hero-section {
        margin-top: 0 !important;
        padding-top: 114px !important;
        padding-bottom: 80px !important;
      }
      .sol-hero-section {
        background: radial-gradient(
          circle at 75% 20%,
          #3d3df50f 0%,
          #0000 50%
        ) !important;
        margin-top: 0 !important;
        padding-top: 114px !important;
        padding-bottom: 120px !important;
      }
      .sol-page-wrapper {
        background-color: #fff !important;
        background-image: radial-gradient(
          circle,
          #3d3df50d 1px,
          #0000 1px
        ) !important;
        background-repeat: repeat !important;
        background-size: 32px 32px !important;
      }
      .hero-visual-card {
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 24px;
        width: 100%;
        max-width: 440px;
        margin-left: auto;
        padding: 28px;
        font-family: inherit;
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        position: relative;
        box-shadow:
          0 20px 40px #0f172a0a,
          0 1px 3px #0f172a05;
      }
      .hero-visual-card:hover {
        transform: translateY(-2px);
        box-shadow:
          0 30px 60px #0f172a14,
          0 1px 3px #0f172a05;
      }
      .card-header-row {
        border-bottom: 1px solid #f1f5f9;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 16px;
        display: flex;
      }
      .card-title-lockup {
        align-items: center;
        gap: 8px;
        display: flex;
      }
      .card-status-dot {
        background-color: #22c55e;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        box-shadow: 0 0 8px #22c55e99;
      }
      .card-title-text {
        color: #475569;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 13px;
        font-weight: 600;
      }
      .card-status-pill {
        color: #22c55e;
        background-color: #f0fdf4;
        border: 1px solid #22c55e26;
        border-radius: 9999px;
        padding: 4px 10px;
        font-size: 11px;
        font-weight: 600;
      }
      .card-status-pill.blue-pill {
        color: #3d3df5;
        background-color: #f0f2ff;
        border: 1px solid #3d3df526;
      }
      .card-data-rows {
        flex-direction: column;
        gap: 12px;
        display: flex;
      }
      .card-data-row {
        justify-content: space-between;
        align-items: center;
        padding: 4px 0;
        font-size: 13px;
        display: flex;
      }
      .card-data-label {
        color: #64748b;
        font-weight: 500;
      }
      .card-data-value {
        color: #0f172a;
        font-variant-numeric: tabular-nums;
        font-weight: 600;
      }
      .card-data-value.highlight-blue {
        color: #3d3df5;
        font-weight: 700;
      }
      .card-data-value.monospace {
        word-break: break-all;
        text-align: right;
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 4px;
        max-width: 200px;
        padding: 2px 6px;
        font-family:
          Menlo,
          Monaco,
          Consolas,
          Courier New,
          monospace;
        font-size: 12px;
        display: inline-block;
      }
      @media (width<=480px) {
        .card-data-value.monospace {
          max-width: 130px;
        }
      }
      .card-floating-badge {
        color: #fff;
        z-index: 10;
        background: #3d3df5;
        border-radius: 12px;
        align-items: center;
        gap: 6px;
        padding: 8px 16px;
        font-size: 12px;
        font-weight: 700;
        animation: 1.8s ease-in-out infinite floatBadge;
        display: flex;
        position: absolute;
        bottom: -16px;
        right: -16px;
        box-shadow: 0 10px 25px #3d3df559;
      }
      .api-method-badge {
        color: #fff;
        border-radius: 4px;
        padding: 2px 6px;
        font-size: 10px;
        font-weight: 700;
      }
      .api-method-badge.post {
        background-color: #10b981;
      }
      .api-method-badge.get {
        background-color: #3b82f6;
      }
      .collection-rate-container {
        background: #f1f5f9;
        border-radius: 9999px;
        width: 100%;
        height: 6px;
        margin-top: 6px;
        overflow: hidden;
      }
      .collection-rate-fill {
        background: #3d3df5;
        border-radius: 9999px;
        height: 100%;
      }
      .proof-pull-quote-band {
        text-align: center;
        box-sizing: border-box;
        z-index: 5;
        background-color: #fff;
        border-top: 1px solid #f1f5f9;
        border-bottom: 1px solid #f1f5f9;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 56px 24px;
        display: flex;
        position: relative;
      }
      .pull-quote-dash {
        color: #3d3df5;
        margin-bottom: 12px;
        font-size: 24px;
        font-weight: 800;
        line-height: 1;
      }
      .pull-quote-text {
        color: #0f172a;
        letter-spacing: -0.02em;
        max-width: 760px;
        margin: 0 auto;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.4;
      }
      .pull-quote-highlight {
        color: #3d3df5;
        display: inline;
        position: relative;
      }
      .sol-timeline-grid .sol-step-card {
        opacity: 0;
        transition:
          opacity 0.5s,
          transform 0.5s;
        transform: translateY(24px);
      }
      .sol-timeline-grid.in-view .sol-step-card {
        opacity: 1;
        transform: translateY(0);
      }
      .sol-timeline-grid.in-view .sol-step-card:first-child {
        transition-delay: 0s;
      }
      .sol-timeline-grid.in-view .sol-step-card:nth-child(2) {
        transition-delay: 80ms;
      }
      .sol-timeline-grid.in-view .sol-step-card:nth-child(3) {
        transition-delay: 0.16s;
      }
      .sol-timeline-grid.in-view .sol-step-card:nth-child(4) {
        transition-delay: 0.24s;
      }
      .sol-timeline-grid.in-view .sol-step-card:nth-child(5) {
        transition-delay: 0.32s;
      }
      .sol-timeline-grid.in-view .sol-step-card:nth-child(6) {
        transition-delay: 0.4s;
      }
      @keyframes heroFloat {
        0% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-10px);
        }
        to {
          transform: translateY(0);
        }
      }
      .hero-visual-card {
        animation: 6s ease-in-out infinite heroFloat;
      }
      .proof-pull-quote-band.sol-animate-on-scroll {
        opacity: 0;
        transition:
          opacity 0.6s,
          transform 0.6s;
        transform: translateY(24px);
      }
      .proof-pull-quote-band.sol-animate-on-scroll.in-view {
        opacity: 1;
        transform: translateY(0);
      }
      @media (prefers-reduced-motion: reduce) {
        .sol-animate-on-scroll,
        .sol-timeline-grid .sol-step-card {
          opacity: 1 !important;
          transition: none !important;
          transform: none !important;
        }
        .hero-visual-card {
          animation: none !important;
        }
        .proof-pull-quote-band.sol-animate-on-scroll {
          opacity: 1 !important;
          transition: none !important;
          transform: none !important;
        }
      }
      .social-circle {
        color: #64748b !important;
        background-color: #f1f5f9 !important;
        border: none !important;
        border-radius: 50% !important;
        justify-content: center !important;
        align-items: center !important;
        width: 36px !important;
        height: 36px !important;
        text-decoration: none !important;
        transition:
          background-color 0.2s,
          color 0.2s !important;
        display: flex !important;
      }
      .social-circle:hover {
        color: #fff !important;
        background-color: #3d3df5 !important;
      }
      .social-circle svg {
        width: 16px !important;
        height: 16px !important;
      }
      .footer-link {
        color: #64748b !important;
        font-size: 14px !important;
        text-decoration: none !important;
        transition: color 0.2s !important;
      }
      .footer-link:hover {
        color: #3d3df5 !important;
      }
      .sol-grid-2col {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        margin-top: 56px;
        display: grid;
      }
      .sleek-placeholder-grid {
        grid-template-columns: 1.2fr 0.8fr;
        align-items: center;
        gap: 64px;
        display: grid;
      }
      @media (width<=991px) {
        .sol-grid-2col {
          grid-template-columns: 1fr;
          gap: 24px;
        }
        .sleek-placeholder-grid {
          grid-template-columns: 1fr;
          gap: 40px;
        }
      }
      .sol-sec-section {
        background: #fff !important;
        border-bottom: 1px solid #e2e8f0 !important;
        padding: 120px 24px !important;
        position: relative !important;
      }
      @media (width<=991px) {
        .sol-sec-section {
          padding: 72px 24px !important;
        }
      }
      .sol-security-card {
        cursor: pointer !important;
        text-align: left !important;
        background: #fff !important;
        border: 1px solid #e2e8f0 !important;
        border-left: 2px solid #3d3df580 !important;
        border-radius: 16px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 28px !important;
        transition: all 0.28s !important;
        display: flex !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 1px 3px #00000005 !important;
      }
      .sol-security-card:hover {
        border-color: #cbd5e1 #cbd5e1 #cbd5e1 #3d3df5 !important;
        transform: translateY(-4px) !important;
        box-shadow: 0 12px 24px #0000000f !important;
      }
      .sol-capabilities-grid-option-a {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 32px;
        display: grid;
      }
      .sol-capability-small-card {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        padding: 20px 24px;
        transition: all 0.2s;
        box-shadow: 0 1px 3px #0000000a;
      }
      .sol-capability-small-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px #0f172a0d;
      }
      .sol-capability-small-card-title {
        color: #0f172a;
        margin: 0 0 8px;
        font-size: 16px;
        font-weight: 700;
      }
      .sol-capability-small-card-body {
        color: #64748b;
        margin: 0;
        font-size: 13.5px;
        line-height: 1.6;
      }
      @media (width<=991px) {
        .sol-capabilities-grid-option-a {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (width<=767px) {
        .sol-capabilities-grid-option-a {
          grid-template-columns: 1fr;
        }
      }
      .sol-differentiation-section {
        background: #f8fafc;
        padding: 80px 0;
      }
      .sol-differentiation-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-top: 48px;
        display: grid;
      }
      .sol-differentiation-card {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        padding: 32px;
        transition: all 0.25s;
        position: relative;
        box-shadow: 0 1px 3px #0000000a;
      }
      .sol-differentiation-card.elevated {
        color: #fff;
        background-color: #0f1117;
        border-color: #1e293b;
      }
      .sol-differentiation-card.elevated .sol-differentiation-card-title {
        color: #fff;
      }
      .sol-differentiation-card.elevated .sol-differentiation-card-body {
        color: #ffffffb3;
      }
      .sol-differentiation-accent-dot {
        color: #3d3df5;
        font-size: 24px;
        position: absolute;
        top: 16px;
        right: 20px;
      }
      .sol-differentiation-card-title {
        color: #0f172a;
        margin: 0 0 12px;
        font-size: 18px;
        font-weight: 700;
      }
      .sol-differentiation-card-body {
        color: #475569;
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
      }
      @media (width<=991px) {
        .sol-differentiation-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (width<=767px) {
        .sol-differentiation-grid {
          grid-template-columns: 1fr;
        }
      }
      .sol-inline-trust-band {
        background: #f8fafc;
        border-top: 1px solid #e2e8f0;
        border-bottom: 1px solid #e2e8f0;
        padding: 20px 0;
      }
      .sol-trust-band-row {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px;
        display: flex;
      }
      .sol-trust-pill {
        color: #475569;
        font-size: 12px;
        font-weight: 600;
      }
      .sol-trust-pill-link {
        color: #475569;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        transition: color 0.2s;
      }
      .sol-trust-pill-link:hover {
        color: #3d3df5;
        text-decoration: underline;
      }
      .sol-trust-divider {
        color: #cbd5e1;
        font-size: 12px;
      }
      body.home-body {
        background-color: #fff !important;
        background-image:
          radial-gradient(circle, #3247c612 1.2px, #0000 1.2px),
          linear-gradient(90deg, #fff 0%, #fffffff5 35%, #ffffffe0 100%),
          url(/background.png) !important;
        background-position:
          50%,
          50%,
          100% 0 !important;
        background-repeat: repeat, no-repeat, no-repeat !important;
        background-size:
          24px 24px,
          auto,
          60% !important;
        background-attachment: scroll, fixed, fixed !important;
      }
      .hero-section,
      .modern-commerce-section,
      .gscc-section,
      .section-industries,
      .industry-marquee-section,
      .calc-teaser-section {
        background: 0 0 !important;
      }
      .hero-section:after {
        display: none !important;
      }
      .hero-card-wrapper {
        max-width: 480px !important;
        animation: 3.6s ease-in-out infinite heroBreathing !important;
      }
      .hero-right {
        align-self: start !important;
        margin-top: 48px !important;
      }
      @keyframes heroBreathing {
        0%,
        to {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-3px);
        }
      }
      @media (width<=1024px) {
        .hero-right {
          align-self: stretch !important;
          margin-top: 24px !important;
        }
        .hero-card-wrapper {
          max-width: 100% !important;
        }
      }
      .cinematic-visualizer-card {
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 20px 40px #0f172a0f !important;
      }
      .bento-card-7 .btn-outline {
        color: #fff !important;
        background: 0 0 !important;
        border: 1px solid #fff !important;
      }
      .bento-card-7 .btn-outline:hover {
        background: #ffffff1a !important;
        border-color: #fff !important;
      }
      .gscc-left-column .gscc-disclaimer-line {
        color: #94a3b8 !important;
        font-size: 11px !important;
        font-style: italic !important;
      }
      .hero-section,
      .modern-commerce-section,
      .gscc-section,
      .section-industries,
      .industry-marquee-section,
      .calc-teaser-section {
        padding: 120px 0 !important;
      }
      @media (width<=767px) {
        .hero-section,
        .modern-commerce-section,
        .gscc-section,
        .section-industries,
        .industry-marquee-section,
        .calc-teaser-section {
          padding: 30px 0 !important;
        }
      }
      .hero-title,
      .section-title,
      .gscc-section-title {
        margin-bottom: 32px !important;
      }
      @media (width<=767px) {
        .hero-title,
        .section-title,
        .gscc-section-title {
          margin-bottom: 20px !important;
        }
      }
      .hero-desc,
      .section-desc,
      .gscc-section-desc {
        margin-bottom: 56px !important;
      }
      @media (width<=767px) {
        .hero-desc,
        .section-desc,
        .gscc-section-desc {
          margin-bottom: 32px !important;
        }
      }
      .modern-commerce-grid + .section-cta,
      .spotlight-grid-container + .section-cta {
        margin-top: 64px !important;
      }
      @media (width<=767px) {
        .modern-commerce-grid + .section-cta,
        .spotlight-grid-container + .section-cta {
          margin-top: 40px !important;
        }
      }
      body {
        background-color: #fff !important;
        background-image: radial-gradient(
          circle,
          #3247c612 1.2px,
          #0000 1.2px
        ) !important;
        background-repeat: repeat !important;
        background-size: 24px 24px !important;
      }
      .sol-page-wrapper {
        background-color: #0000 !important;
        background-image: none !important;
      }
      .sol-page-wrapper .dotted-grid-overlay,
      .sol-page-wrapper .sol-mesh-pattern {
        display: none !important;
      }
      .sol-hero-section,
      .sol-sec-section,
      .sol-problem-section,
      .sol-solution-section,
      .sol-how-it-works-section,
      .sol-bento-section,
      .sol-differentiation-section,
      .sol-cta-section,
      .sol-cta-section-light,
      .sol-faq-accordion-section,
      .onboarding-section,
      .faq-hero-section,
      .security-hero-section {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
      }
      @media (width<=767px) {
        .sol-hero-section,
        .sol-sec-section,
        .sol-problem-section,
        .sol-solution-section,
        .sol-how-it-works-section,
        .sol-bento-section,
        .sol-differentiation-section,
        .sol-cta-section,
        .sol-cta-section-light,
        .sol-faq-accordion-section,
        .onboarding-section,
        .faq-hero-section,
        .security-hero-section {
          padding-top: 48px !important;
          padding-bottom: 48px !important;
        }
      }
      .sol-eyebrow,
      .eyebrow,
      .gs-eyebrow-premium,
      .bento-featured-eyebrow,
      .gscc-section-eyebrow,
      .sol-cta-light-eyebrow {
        margin-bottom: 16px !important;
      }
      .sol-hero-title,
      .sol-section-title,
      .section-title,
      .onboarding-heading,
      .gscc-section-title,
      .gs-heading-premium,
      .faq-heading,
      .about-hero-title {
        margin-bottom: 32px !important;
      }
      @media (width<=767px) {
        .sol-hero-title,
        .sol-section-title,
        .section-title,
        .onboarding-heading,
        .gscc-section-title,
        .gs-heading-premium,
        .faq-heading,
        .about-hero-title {
          margin-bottom: 20px !important;
        }
      }
      .sol-hero-body,
      .sol-section-body,
      .sol-hero-desc,
      .section-desc,
      .gscc-section-desc,
      .hero-desc {
        margin-bottom: 56px !important;
      }
      @media (width<=767px) {
        .sol-hero-body,
        .sol-section-body,
        .sol-hero-desc,
        .section-desc,
        .gscc-section-desc,
        .hero-desc {
          margin-bottom: 32px !important;
        }
      }
      .sol-differentiation-grid + .sol-cta-actions,
      .sol-differentiation-grid + .sol-cta-section,
      .sol-bento-grid + .sol-cta-actions,
      .sol-solution-grid + .sol-cta-actions,
      .sol-capabilities-grid + .sol-cta-actions,
      .sol-bento-grid + .btn,
      .sol-bento-grid + .cta-actions {
        margin-top: 64px !important;
      }
      @media (width<=767px) {
        .sol-differentiation-grid + .sol-cta-actions,
        .sol-differentiation-grid + .sol-cta-section,
        .sol-bento-grid + .sol-cta-actions,
        .sol-solution-grid + .sol-cta-actions,
        .sol-capabilities-grid + .sol-cta-actions,
        .sol-bento-grid + .btn,
        .sol-bento-grid + .cta-actions {
          margin-top: 40px !important;
        }
      }
      .sol-differentiation-grid,
      .sol-bento-grid,
      .sol-solution-grid,
      .sol-solution-grid-enhanced,
      .sol-capabilities-grid,
      .modern-commerce-grid,
      .spotlight-featured-grid {
        gap: 24px !important;
      }
      .sol-container > div:has(> .sol-security-card) {
        gap: 24px !important;
      }
      .also-serving-tier {
        text-align: center;
        box-sizing: border-box;
        border-top: 1px solid #eef1f6;
        width: 100%;
        margin-top: 56px;
        padding-top: 32px;
        padding-bottom: 0;
      }
      .also-serving-label {
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: #94a3b8;
        text-align: center;
        margin-bottom: 16px;
        font-size: 11px;
        font-weight: 700;
      }
      .also-serving-list {
        color: #475569;
        text-align: center;
        max-width: 760px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 1.8;
      }
      .also-serving-item {
        font-weight: 500;
      }
      .also-serving-sep {
        color: #94a3b8;
        margin: 0 4px;
        font-weight: 400;
      }
      @media (width<=767px) {
        .also-serving-tier {
          margin-top: 40px;
        }
      }