@media (min-width: 1024px) {
    #vision .cwl-hero-layout {
      display: grid;
      grid-template-columns: 34% 66%;
      column-gap: clamp(22px, 2.8vw, 56px);
      align-items: start;
    }

    #vision .cwl-hero-copy {
      margin-left: 0;
    }

    #vision .cwl-hero-copy,
    #vision .cwl-hero-visual {
      transform: translateY(-10%);
    }
  }

  .cwl-home-section-gap {
    content-visibility: visible;
    contain-intrinsic-size: auto;
  }

  #scale-simulator input[type="range"] {
    accent-color: var(--cwl-ocean);
  }

  #growth-benchmark-cta .cwl-home-pricing-shell {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background:
      linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(241, 248, 255, 0.9));
    box-shadow: 0 30px 62px -44px rgba(8, 29, 67, 0.88);
  }

  #growth-benchmark-cta .cwl-home-pricing-shell::before {
    content: "";
    position: absolute;
    inset: -46% -28% auto -28%;
    height: 150%;
    background: conic-gradient(
      from 180deg,
      rgba(46, 201, 245, 0),
      rgba(46, 201, 245, 0.24),
      rgba(30, 100, 200, 0.16),
      rgba(46, 201, 245, 0)
    );
    filter: blur(30px);
    pointer-events: none;
    z-index: 0;
  }

  #growth-benchmark-cta .cwl-home-pricing-shell::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 8% 14%, rgba(46, 201, 245, 0.25), transparent 42%),
      radial-gradient(circle at 92% 88%, rgba(16, 45, 94, 0.12), transparent 40%);
    pointer-events: none;
    z-index: 0;
  }

  #growth-benchmark-cta .cwl-home-pricing-shell > * {
    position: relative;
    z-index: 1;
  }

  #growth-benchmark-cta .cwl-home-pricing-panel {
    backdrop-filter: blur(6px);
  }

  #growth-benchmark-cta .cwl-home-pricing-card {
    transition:
      transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1),
      border-color 320ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  #growth-benchmark-cta .cwl-home-pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 34px -24px rgba(14, 116, 144, 0.36);
  }

  #scale-simulator {
    --cwl-scale-label-size-multiplier: 0.72;
    --cwl-scale-overflow-badge-font-size: 28px;
  }

  #scale-simulator .cwl-scale-graph-state {
    position: absolute;
    inset: 0;
    overflow: visible;
    opacity: 0;
    pointer-events: none;
    transition: opacity 220ms ease;
  }

  #scale-simulator .cwl-scale-graph-state.is-active {
    opacity: 1;
    pointer-events: auto;
  }

  #scale-simulator .cwl-scale-graph-state.is-sequencing {
    pointer-events: none;
  }

  #scale-simulator .cwl-scale-graph-scene {
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
    transform-box: fill-box;
    transform-origin: center;
  }

  #scale-simulator .cwl-scale-graph-edge {
    fill: none;
    stroke: rgba(15, 23, 42, 0.72);
    stroke-linecap: round;
    opacity: 0;
    stroke-dasharray: var(--cwl-edge-len, 0) var(--cwl-edge-len, 0);
    stroke-dashoffset: var(--cwl-edge-len, 0);
    transition: stroke-dashoffset 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms linear;
  }

  #scale-simulator .cwl-scale-graph-edge.is-visible {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  #scale-simulator .cwl-scale-graph-node {
    --cwl-node-size-scale: 4.64;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    transform: translateY(1px) scale(calc(0.84 * var(--cwl-node-size-scale)));
    transition: transform 220ms cubic-bezier(0.2, 0.9, 0.3, 1), opacity 180ms ease;
  }

  #scale-simulator .cwl-scale-graph-node.is-visible {
    opacity: 1;
    transform: translateY(0) scale(var(--cwl-node-size-scale));
  }

  #scale-simulator .cwl-scale-graph-node.is-focused .cwl-graph-collapsed-token,
  #scale-simulator .cwl-scale-graph-node.is-focused .cwl-graph-collapsed-halo {
    filter: drop-shadow(0 0 16px rgba(46, 201, 245, 0.74));
    stroke: rgba(46, 201, 245, 0.88);
    stroke-width: 2.2;
  }

  #scale-simulator .cwl-scale-graph-node[role="button"] {
    cursor: pointer;
  }

  #scale-simulator .cwl-scale-graph-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 12;
  }

  #scale-simulator .cwl-scale-touchpoint-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  #scale-simulator .cwl-scale-touchpoint {
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(190, 229, 255, 0.56);
    background: rgba(8, 29, 67, 0.86);
    color: rgba(235, 248, 255, 0.98);
    padding: 0.48rem 0.78rem;
    box-shadow: 0 10px 22px -14px rgba(8, 29, 67, 0.72);
    transition: transform 160ms ease, box-shadow 180ms ease, background 180ms ease;
    backdrop-filter: blur(2px);
  }

  #scale-simulator .cwl-scale-touchpoint:hover,
  #scale-simulator .cwl-scale-touchpoint:focus-visible,
  #scale-simulator .cwl-scale-touchpoint.is-active {
    transform: translate(-50%, -50%) scale(1.06);
    box-shadow: 0 18px 28px -18px rgba(8, 29, 67, 0.92);
    background: rgba(10, 46, 102, 0.94);
    outline: none;
  }

  #scale-simulator .cwl-scale-touchpoint.is-store {
    border-color: rgba(117, 196, 255, 0.62);
  }

  #scale-simulator .cwl-scale-touchpoint.is-router {
    border-color: rgba(159, 122, 234, 0.68);
  }

  #scale-simulator .cwl-scale-touchpoint.is-variant {
    border-color: rgba(46, 201, 245, 0.72);
  }

  #scale-simulator .cwl-scale-touchpoint.is-runtime {
    border-color: rgba(169, 208, 255, 0.68);
  }

  #scale-simulator .cwl-scale-touchpoint.is-abstraction {
    border-color: rgba(253, 187, 45, 0.74);
    background: rgba(117, 75, 12, 0.86);
  }

  #scale-simulator .cwl-scale-touchpoint-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: rgba(190, 229, 255, 0.95);
    white-space: nowrap;
  }

  #scale-simulator .cwl-scale-touchpoint-value {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }

  #scale-simulator .cwl-scale-insight-card {
    position: absolute;
    left: 14px;
    bottom: 14px;
    max-width: min(440px, calc(100% - 28px));
    pointer-events: auto;
    border-radius: 18px;
    border: 1px solid rgba(190, 229, 255, 0.42);
    background: rgba(8, 29, 67, 0.78);
    padding: 0.9rem 1rem;
    box-shadow: 0 24px 42px -26px rgba(8, 29, 67, 0.88);
    backdrop-filter: blur(3px);
  }

  #scale-simulator .cwl-scale-insight-kicker {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(190, 229, 255, 0.9);
  }

  #scale-simulator .cwl-scale-insight-title {
    margin-top: 0.22rem;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    color: rgba(241, 248, 255, 0.99);
  }

  #scale-simulator .cwl-scale-insight-body {
    margin-top: 0.34rem;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(219, 237, 255, 0.94);
  }

  #scale-simulator .cwl-scale-insight-stat {
    margin-top: 0.45rem;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: rgba(118, 223, 255, 0.98);
  }

  #scale-simulator .cwl-scale-insight-hint {
    margin-top: 0.45rem;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(190, 229, 255, 0.82);
  }

  #scale-simulator .cwl-scale-collapsed-label {
    fill: #64748b;
    text-anchor: middle;
    font-weight: 700;
    letter-spacing: 0.01em;
    font-size: calc(var(--cwl-base-label-size, 12px) * var(--cwl-scale-label-size-multiplier));
  }

  #scale-simulator .cwl-scale-overflow-badge rect {
    fill: rgba(8, 29, 67, 0.88);
    stroke: rgba(190, 229, 255, 0.48);
    stroke-width: 1;
    filter: drop-shadow(0 2px 3px rgba(8, 29, 67, 0.26));
  }

  #scale-simulator .cwl-scale-overflow-badge text {
    fill: rgba(230, 245, 255, 0.98);
    font-size: var(--cwl-scale-overflow-badge-font-size);
    font-weight: 700;
    letter-spacing: 0.01em;
    text-anchor: middle;
  }

  #scale-simulator .cwl-scale-overflow-badge.is-cluster rect {
    fill: rgba(12, 56, 116, 0.92);
    stroke: rgba(143, 210, 255, 0.62);
  }

  #scale-simulator .cwl-scale-overflow-badge.is-network rect {
    fill: rgba(16, 76, 150, 0.94);
    stroke: rgba(46, 201, 245, 0.72);
  }

  @media (prefers-reduced-motion: reduce) {
    #scale-simulator .cwl-scale-graph-edge,
    #scale-simulator .cwl-scale-graph-node,
    #scale-simulator .cwl-scale-graph-scene,
    #scale-simulator .cwl-scale-touchpoint {
      transition: none;
    }
  }

  @media (max-width: 640px) {
    #scale-simulator .cwl-scale-touchpoint {
      padding: 0.38rem 0.62rem;
      gap: 0.38rem;
    }

    #scale-simulator .cwl-scale-touchpoint-label {
      font-size: 8px;
      letter-spacing: 0.07em;
    }

    #scale-simulator .cwl-scale-touchpoint-value {
      font-size: 10px;
    }

    #scale-simulator .cwl-scale-insight-card {
      left: 10px;
      right: 10px;
      bottom: 10px;
      max-width: none;
      padding: 0.75rem 0.8rem;
    }
  }

  #node-lexicon .cwl-node-orbit-stage {
    position: relative;
    min-height: 460px;
    border-radius: 24px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background: radial-gradient(circle at 50% 46%, rgba(191, 228, 255, 0.55), rgba(232, 245, 255, 0.45) 36%, rgba(247, 251, 255, 0.96) 76%);
    overflow: hidden;
  }

  #node-lexicon .cwl-node-center-card {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 220px;
    border-radius: 18px;
    border: 1px solid rgba(190, 229, 255, 0.82);
    background: rgba(8, 29, 67, 0.92);
    padding: 16px 15px;
    color: rgba(230, 245, 255, 0.98);
    box-shadow: 0 20px 42px -28px rgba(8, 29, 67, 0.88);
    z-index: 4;
  }

  #node-lexicon .cwl-node-orb {
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    border: 1px solid rgba(148, 204, 255, 0.78);
    background: rgba(8, 42, 92, 0.9);
    color: rgba(225, 243, 255, 0.98);
    padding: 0.42rem 0.7rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 10px 22px -16px rgba(8, 29, 67, 0.88);
    transition: transform 170ms ease, background 160ms ease, box-shadow 180ms ease;
    z-index: 5;
  }

  #node-lexicon .cwl-node-orb:hover,
  #node-lexicon .cwl-node-orb:focus-visible,
  #node-lexicon .cwl-node-orb.is-active {
    transform: translate(-50%, -50%) scale(1.05);
    background: rgba(15, 74, 145, 0.94);
    box-shadow: 0 16px 28px -18px rgba(8, 29, 67, 0.98);
    outline: none;
  }

  #node-lexicon .cwl-node-orb-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--node-color, rgba(46, 201, 245, 0.98));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--node-color, rgba(46, 201, 245, 0.98)) 26%, transparent);
  }

  #node-lexicon .cwl-node-panel {
    border-radius: 24px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background: rgba(255, 255, 255, 0.94);
    padding: 1.05rem 1rem;
  }

  #node-lexicon .cwl-node-panel-scroll {
    max-height: 264px;
    overflow-y: auto;
    padding-right: 0.2rem;
  }

  #feature-showcase .cwl-feature-shell {
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 25%, white);
    background:
      radial-gradient(circle at 12% 10%, rgba(161, 220, 255, 0.24), rgba(243, 250, 255, 0.88) 38%, rgba(251, 254, 255, 0.98) 100%);
    box-shadow: 0 34px 56px -48px rgba(8, 29, 67, 0.95);
    padding: 1.25rem;
  }

  #feature-showcase .cwl-feature-grid {
    display: grid;
    gap: 0.95rem;
  }

  #feature-showcase .cwl-feature-card {
    border-radius: 1.2rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(240, 248, 255, 0.9));
    padding: 0.9rem;
    display: grid;
    gap: 0.75rem;
  }

  #feature-showcase .cwl-feature-kicker {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--cwl-ocean);
  }

  #feature-showcase .cwl-feature-title {
    font-size: 1.16rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--cwl-ink);
    line-height: 1.3;
  }

  #feature-showcase .cwl-feature-summary {
    font-size: 0.88rem;
    line-height: 1.68;
    color: var(--cwl-muted);
  }

  #feature-showcase .cwl-feature-list li {
    position: relative;
    padding-left: 0.9rem;
    font-size: 13px;
    color: var(--cwl-ink);
    line-height: 1.55;
  }

  #feature-showcase .cwl-feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.54rem;
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 999px;
    background: rgba(30, 100, 200, 0.84);
  }

  #feature-showcase .cwl-feature-console {
    border-radius: 0.92rem;
    border: 1px solid rgba(143, 210, 255, 0.42);
    background: rgba(8, 29, 67, 0.95);
    padding: 0.72rem;
    box-shadow: inset 0 0 0 1px rgba(191, 228, 255, 0.12);
  }

  #feature-showcase .cwl-feature-console-head {
    display: flex;
    align-items: center;
    gap: 0.28rem;
  }

  #feature-showcase .cwl-feature-console-head span {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.88);
  }

  #feature-showcase .cwl-feature-console-head span:nth-child(1) {
    background: rgba(248, 113, 113, 0.92);
  }

  #feature-showcase .cwl-feature-console-head span:nth-child(2) {
    background: rgba(251, 191, 36, 0.92);
  }

  #feature-showcase .cwl-feature-console-head span:nth-child(3) {
    background: rgba(52, 211, 153, 0.92);
  }

  #feature-showcase .cwl-feature-console-line {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 11px;
    line-height: 1.62;
    color: rgba(207, 233, 255, 0.96);
    letter-spacing: 0.01em;
    animation: cwl-feature-line-glow 4.2s ease-in-out infinite;
  }

  #feature-showcase .cwl-feature-console-line:nth-child(2) {
    animation-delay: 0.4s;
  }

  #feature-showcase .cwl-feature-console-line:nth-child(3) {
    animation-delay: 0.8s;
  }

  #feature-showcase .cwl-feature-stat {
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background: rgba(247, 251, 255, 0.95);
    color: var(--cwl-ocean);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.3rem 0.58rem;
    width: fit-content;
  }

  #node-journey .cwl-node-journey-panel {
    border-radius: 1.4rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 22%, white);
    background: rgba(255, 255, 255, 0.95);
    padding: 0.95rem;
  }

  #node-journey .cwl-node-journey-grid {
    display: grid;
    gap: 0.9rem;
  }

  /* Prevent pre-reveal translate offsets from widening mobile viewport */
  #node-journey {
    overflow-x: hidden;
  }

  #node-journey .cwl-node-journey-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  #node-journey.is-reveal-ready .cwl-node-journey-reveal {
    opacity: 0;
    transition:
      transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.66s ease;
    transition-delay: var(--cwl-reveal-delay, 0ms);
    will-change: transform, opacity;
  }

  #node-journey.is-reveal-ready .cwl-node-journey-reveal.cwl-reveal-from-left {
    transform: translate3d(-58px, 0, 0);
  }

  #node-journey.is-reveal-ready .cwl-node-journey-reveal.cwl-reveal-from-right {
    transform: translate3d(58px, 0, 0);
  }

  #node-journey.is-reveal-ready .cwl-node-journey-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  #node-journey .cwl-node-journey-visual {
    border-radius: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 24%, white);
    background:
      radial-gradient(circle at 24% 18%, color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 20%, white) 0%, rgba(241, 248, 255, 0.88) 46%, rgba(250, 253, 255, 0.98) 100%);
    padding: 0.84rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85);
  }

  #node-journey .cwl-node-journey-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.62rem;
  }

  #node-journey .cwl-node-journey-label-stack {
    display: grid;
    gap: 0.28rem;
  }

  #node-journey .cwl-node-journey-node-name {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 74%, #0f172a);
  }

  #node-journey .cwl-node-journey-chip {
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 28%, white);
    background: color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 10%, white);
    color: color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 68%, #0f172a);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.28rem 0.52rem;
  }

  #node-journey .cwl-node-journey-icon {
    width: 42px;
    height: 42px;
    border-radius: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 80%, #081d43);
    color: rgba(241, 249, 255, 0.98);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    box-shadow: 0 14px 22px -16px rgba(8, 29, 67, 0.86);
  }

  #node-journey .cwl-node-journey-menu {
    display: grid;
    gap: 0.4rem;
  }

  #node-journey .cwl-node-journey-menu-item {
    border-radius: 0.8rem;
    border: 1px solid color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 20%, white);
    background: rgba(255, 255, 255, 0.9);
    padding: 0.45rem 0.5rem;
    font-size: 11px;
    font-weight: 600;
    color: var(--cwl-ink);
    line-height: 1.4;
    animation: cwl-node-menu-pulse 5.4s ease-in-out infinite;
  }

  #node-journey .cwl-node-journey-menu-item:nth-child(2) {
    animation-delay: 0.3s;
  }

  #node-journey .cwl-node-journey-menu-item:nth-child(3) {
    animation-delay: 0.6s;
  }

  #node-journey .cwl-node-journey-menu-item:nth-child(4) {
    animation-delay: 0.9s;
  }

  #node-journey .cwl-node-journey-metrics {
    margin-top: 0.62rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
  }

  #node-journey .cwl-node-journey-metric {
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 22%, white);
    background: rgba(249, 252, 255, 0.96);
    padding: 0.25rem 0.48rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: color-mix(in srgb, var(--node-accent, var(--cwl-ocean)) 58%, #0f172a);
  }

  #node-journey .cwl-node-journey-role {
    border-radius: 0.92rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background: rgba(247, 251, 255, 0.94);
    padding: 0.7rem;
    font-size: 13px;
    line-height: 1.58;
    color: var(--cwl-ink);
  }

  #node-journey .cwl-node-journey-list li {
    position: relative;
    padding-left: 0.9rem;
  }

  #node-journey .cwl-node-journey-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.58rem;
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 999px;
    background: rgba(30, 100, 200, 0.88);
  }

  #competitive-advantage .cwl-contrast-shell {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 26%, white);
    background:
      radial-gradient(circle at 12% 14%, rgba(46, 201, 245, 0.22), transparent 45%),
      radial-gradient(circle at 87% 86%, rgba(30, 100, 200, 0.2), transparent 42%),
      linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(237, 246, 255, 0.86));
    box-shadow: 0 16px 44px rgba(10, 43, 93, 0.18);
    padding: 1rem;
  }

  #competitive-advantage .cwl-contrast-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(246, 250, 255, 0.96), transparent 9%, transparent 91%, rgba(246, 250, 255, 0.96));
    z-index: 0;
  }

  #competitive-advantage .cwl-contrast-shell::after {
    display: none;
  }

  #competitive-advantage .cwl-contrast-shell > * {
    position: relative;
    z-index: 1;
  }

  #competitive-advantage .cwl-contrast-board {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
  }

  #competitive-advantage .cwl-contrast-lane {
    border-radius: 1.15rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 22%, white);
    background: rgba(255, 255, 255, 0.95);
    padding: 1rem;
    box-shadow: 0 16px 28px -24px rgba(8, 29, 67, 0.62);
  }

  #competitive-advantage .cwl-contrast-lane.is-traditional {
    background:
      repeating-linear-gradient(145deg, rgba(241, 245, 249, 0.5) 0px, rgba(241, 245, 249, 0.5) 6px, rgba(248, 250, 252, 0.68) 6px, rgba(248, 250, 252, 0.68) 12px),
      linear-gradient(165deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.96));
    border-color: rgba(148, 163, 184, 0.34);
  }

  #competitive-advantage .cwl-contrast-lane.is-autonomous {
    background:
      radial-gradient(circle at 24% 14%, rgba(186, 230, 253, 0.38), rgba(186, 230, 253, 0)),
      linear-gradient(165deg, rgba(255, 255, 255, 0.98), rgba(236, 247, 255, 0.92));
    border-color: color-mix(in srgb, var(--cwl-ocean) 32%, white);
  }

  #competitive-advantage .cwl-contrast-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cwl-muted);
  }

  #competitive-advantage .cwl-contrast-lane.is-autonomous .cwl-contrast-label {
    color: var(--cwl-ocean);
  }

  #competitive-advantage .cwl-contrast-title {
    margin-top: 0.38rem;
    font-size: 1.1rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--cwl-ink);
  }

  #competitive-advantage .cwl-contrast-stat {
    margin-top: 0.5rem;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.38);
    background: rgba(248, 250, 252, 0.96);
    padding: 0.26rem 0.58rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(71, 85, 105, 0.94);
  }

  #competitive-advantage .cwl-contrast-lane.is-autonomous .cwl-contrast-stat {
    border-color: rgba(14, 165, 233, 0.38);
    background: rgba(239, 249, 255, 0.96);
    color: color-mix(in srgb, var(--cwl-ocean) 75%, #0f172a);
  }

  #competitive-advantage .cwl-contrast-brand-panel {
    margin-top: 0.72rem;
    display: grid;
    gap: 0.72rem;
    border-radius: 1.08rem;
    border: 1px solid rgba(203, 213, 225, 0.92);
    background: rgba(255, 255, 255, 0.97);
    padding: 0.82rem;
    box-shadow: 0 20px 36px -28px rgba(15, 23, 42, 0.5);
  }

  #competitive-advantage .cwl-contrast-brand-panel.is-single {
    background:
      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0) 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97));
  }

  #competitive-advantage .cwl-contrast-brand-panel.is-network {
    border-color: rgba(14, 165, 233, 0.22);
    background:
      radial-gradient(circle at 18% 12%, rgba(186, 230, 253, 0.34), rgba(186, 230, 253, 0) 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(243, 250, 255, 0.97));
    box-shadow: 0 24px 38px -30px rgba(14, 165, 233, 0.36);
  }

  #competitive-advantage .cwl-contrast-logo-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid rgba(226, 232, 240, 0.94);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    min-height: 180px;
    padding: 1rem;
  }

  #competitive-advantage .cwl-contrast-logo-frame.is-single img {
    display: block;
    width: min(100%, 252px);
    height: auto;
  }

  #competitive-advantage .cwl-contrast-logo-lockup {
    width: min(100%, 292px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.96rem;
  }

  #competitive-advantage .cwl-contrast-logo-emblem {
    width: 4.8rem;
    height: 4.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  #competitive-advantage .cwl-contrast-logo-emblem img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  #competitive-advantage .cwl-contrast-logo-wordmark {
    display: grid;
    gap: 0.06rem;
  }

  #competitive-advantage .cwl-contrast-logo-wordmark-hero {
    font-size: clamp(2.4rem, 2rem + 0.7vw, 3.1rem);
    line-height: 0.88;
    font-weight: 800;
    letter-spacing: -0.08em;
    color: rgba(15, 23, 42, 0.98);
  }

  #competitive-advantage .cwl-contrast-logo-wordmark-sub {
    font-size: 1.02rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.28em;
    color: rgba(30, 41, 59, 0.82);
  }

  #competitive-advantage .cwl-contrast-identity-stack {
    display: grid;
    gap: 0.42rem;
  }

  #competitive-advantage .cwl-contrast-identity-kicker {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cwl-ocean);
  }

  #competitive-advantage .cwl-contrast-lane.is-traditional .cwl-contrast-identity-kicker {
    color: rgba(71, 85, 105, 0.92);
  }

  #competitive-advantage .cwl-contrast-brand-name {
    font-size: 1.05rem;
    line-height: 1.28;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: rgba(15, 23, 42, 0.98);
  }

  #competitive-advantage .cwl-contrast-brand-summary {
    font-size: 12px;
    line-height: 1.62;
    color: rgba(71, 85, 105, 0.94);
  }

  #competitive-advantage .cwl-contrast-tag-row,
  #competitive-advantage .cwl-contrast-brand-lane {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  #competitive-advantage .cwl-contrast-tag,
  #competitive-advantage .cwl-contrast-brand-lane span,
  #competitive-advantage .cwl-contrast-source-pill {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    border: 1px solid rgba(203, 213, 225, 0.92);
    background: rgba(248, 250, 252, 0.96);
    padding: 0.24rem 0.54rem;
    font-size: 10px;
    font-weight: 700;
    color: rgba(71, 85, 105, 0.94);
  }

  #competitive-advantage .cwl-contrast-network-head {
    display: grid;
    gap: 0.48rem;
  }

  #competitive-advantage .cwl-contrast-network-brand {
    display: flex;
    align-items: center;
    gap: 0.7rem;
  }

  #competitive-advantage .cwl-contrast-brand-icon {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.86rem;
    border: 1px solid rgba(203, 213, 225, 0.92);
    background: white;
    padding: 0.22rem;
    flex-shrink: 0;
    box-shadow: 0 16px 30px -26px rgba(15, 23, 42, 0.38);
  }

  #competitive-advantage .cwl-contrast-brand-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  #competitive-advantage .cwl-contrast-brand-icon.is-model,
  #competitive-advantage .cwl-contrast-brand-icon.is-parent {
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    overflow: visible;
  }

  #competitive-advantage .cwl-contrast-brand-icon.is-full-logo {
    width: 4.9rem;
    height: 3.7rem;
  }

  #competitive-advantage .cwl-contrast-parent-hub,
  #competitive-advantage .cwl-contrast-brand-glyph {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    display: inline-flex;
  }

  #competitive-advantage .cwl-contrast-brand-glyph {
    padding: 0;
  }

  #competitive-advantage .cwl-contrast-brand-glyph img,
  #competitive-advantage .cwl-contrast-parent-hub img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  #competitive-advantage .cwl-contrast-network-title {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: rgba(15, 23, 42, 0.98);
  }

  #competitive-advantage .cwl-contrast-network-summary {
    font-size: 12px;
    line-height: 1.58;
    color: color-mix(in srgb, var(--cwl-ocean) 62%, #0f172a);
  }

  #competitive-advantage .cwl-contrast-network-parent {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    border: 1px solid rgba(14, 165, 233, 0.18);
    background: rgba(239, 249, 255, 0.96);
    padding: 0.28rem 0.58rem;
    font-size: 10px;
    font-weight: 700;
    color: color-mix(in srgb, var(--cwl-ocean) 74%, #0f172a);
  }

  #competitive-advantage .cwl-contrast-brand-grid {
    display: grid;
    gap: 0.65rem;
    align-items: start;
  }

  #competitive-advantage .cwl-contrast-brand-card {
    align-self: start;
    border-radius: 0.98rem;
    border: 1px solid color-mix(in srgb, var(--storefront-accent, var(--cwl-ocean)) 18%, white);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), color-mix(in srgb, var(--storefront-accent, var(--cwl-ocean)) 8%, white));
    padding: 0.68rem;
    box-shadow: 0 18px 32px -28px color-mix(in srgb, var(--storefront-accent, var(--cwl-ocean)) 22%, black);
  }

  #competitive-advantage .cwl-contrast-brand-card-head {
    display: grid;
    gap: 0.42rem;
  }

  #competitive-advantage .cwl-contrast-brand-class {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--storefront-accent, var(--cwl-ocean)) 72%, #0f172a);
  }

  #competitive-advantage .cwl-contrast-brand-title {
    font-size: 0.98rem;
    line-height: 1.28;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: rgba(15, 23, 42, 0.98);
  }

  #competitive-advantage .cwl-contrast-brand-lockup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 258px);
    margin-inline: auto;
  }

  #competitive-advantage .cwl-contrast-brand-lockup img {
    display: block;
    width: 100%;
    height: auto;
  }

  #competitive-advantage .cwl-contrast-brand-purpose {
    margin-top: 0.55rem;
    font-size: 12px;
    line-height: 1.56;
    color: rgba(51, 65, 85, 0.96);
  }

  #competitive-advantage .cwl-contrast-brand-lane {
    margin-top: 0.52rem;
  }

  #competitive-advantage .cwl-contrast-brand-lane span {
    border-color: color-mix(in srgb, var(--storefront-accent, var(--cwl-ocean)) 18%, white);
    background: color-mix(in srgb, var(--storefront-accent, var(--cwl-ocean)) 10%, white);
    color: color-mix(in srgb, var(--storefront-accent, var(--cwl-ocean)) 74%, #0f172a);
  }

  #competitive-advantage .cwl-contrast-screen-note {
    margin-top: 0.56rem;
    font-size: 11px;
    line-height: 1.56;
    color: rgba(71, 85, 105, 0.94);
  }

  #competitive-advantage .cwl-contrast-lane.is-autonomous .cwl-contrast-screen-note {
    color: color-mix(in srgb, var(--cwl-ocean) 66%, #0f172a);
  }

  #competitive-advantage .cwl-contrast-list {
    margin-top: 0.68rem;
    display: grid;
    gap: 0.48rem;
    font-size: 14px;
    line-height: 1.5;
  }

  #competitive-advantage .cwl-contrast-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.48rem;
    color: var(--cwl-ink);
  }

  #competitive-advantage .cwl-contrast-lane.is-traditional .cwl-contrast-list li {
    color: var(--cwl-muted);
  }

  #competitive-advantage .cwl-contrast-icon {
    width: 1.62rem;
    height: 1.62rem;
    border-radius: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.05rem;
  }

  #competitive-advantage .cwl-contrast-icon svg {
    width: 0.95rem;
    height: 0.95rem;
  }

  #competitive-advantage .cwl-contrast-icon.is-traditional {
    background: rgba(241, 245, 249, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.4);
    color: rgba(100, 116, 139, 0.92);
  }

  #competitive-advantage .cwl-contrast-icon.is-autonomous {
    background: rgba(224, 242, 254, 0.94);
    border: 1px solid rgba(14, 165, 233, 0.4);
    color: color-mix(in srgb, var(--cwl-ocean) 80%, #0369a1);
  }

  #competitive-advantage .cwl-contrast-foot {
    margin-top: 0.72rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 22%, white);
    background: rgba(248, 251, 255, 0.95);
    padding: 0.28rem 0.62rem;
    width: fit-content;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--cwl-ocean) 65%, #0f172a);
  }

  #competitive-advantage .cwl-contrast-lane.is-traditional .cwl-contrast-foot {
    border-color: rgba(148, 163, 184, 0.34);
    background: rgba(248, 250, 252, 0.96);
    color: rgba(100, 116, 139, 0.92);
  }

  #competitive-advantage .cwl-contrast-divider {
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 26%, white);
    background: rgba(255, 255, 255, 0.94);
    color: var(--cwl-ocean);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    width: 44px;
    height: 44px;
    margin: auto;
  }

  #storefront-channel-graph .cwl-brand-branch-shell {
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 28px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 20%, white);
    background:
      radial-gradient(circle at 16% 14%, rgba(191, 219, 254, 0.2), rgba(191, 219, 254, 0) 32%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 249, 255, 0.96));
    padding: 1.25rem;
    box-shadow: 0 28px 44px -34px rgba(8, 29, 67, 0.62);
  }

  #storefront-channel-graph .cwl-brand-branch-stage {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    border-radius: 22px;
    border: 1px solid rgba(191, 219, 254, 0.68);
    background:
      linear-gradient(180deg, rgba(251, 253, 255, 0.98), rgba(239, 246, 255, 0.95));
    padding: 0.9rem;
    overflow: hidden;
  }

  #storefront-channel-graph .cwl-brand-branch-graph {
    display: block;
    width: min(100%, 1024px);
    height: auto;
    margin: 0 auto;
  }

  #storefront-channel-graph .cwl-brand-branch-flagship-aura {
    transform-box: fill-box;
    transform-origin: center;
    animation: cwl-brand-branch-flagship-pulse 4.8s ease-in-out infinite;
  }

  #storefront-channel-graph .cwl-brand-branch-flagship-card {
    filter: drop-shadow(0 12px 22px rgba(37, 99, 235, 0.12));
  }

  #storefront-channel-graph .cwl-brand-branch-flagship-emblem {
    filter: drop-shadow(0 4px 10px rgba(59, 130, 246, 0.16));
  }

  #storefront-channel-graph .cwl-brand-branch-legend {
    margin-top: 0.9rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
  }

  #storefront-channel-graph .cwl-brand-branch-legend span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(191, 219, 254, 0.82);
    background: rgba(255, 255, 255, 0.96);
    padding: 0.3rem 0.62rem;
    font-size: 10px;
    font-weight: 700;
    color: color-mix(in srgb, var(--cwl-ocean) 70%, #0f172a);
  }

  #storefront-channel-graph .cwl-brand-branch-note {
    margin-top: 0.78rem;
    text-align: center;
    font-size: 13px;
    line-height: 1.65;
    color: rgba(51, 65, 85, 0.96);
  }

  @keyframes cwl-brand-branch-flagship-pulse {
    0%,
    100% {
      opacity: 0.42;
      transform: scale(1);
    }

    50% {
      opacity: 0.82;
      transform: scale(1.032);
    }
  }

  #network-hub .cwl-hub-shell,
  #commerce-operations .cwl-ops-shell,
  #agent-integrations .cwl-tools-shell {
    position: relative;
    overflow: hidden;
    border-radius: 1.7rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 255, 0.95));
    padding: 1.15rem;
    box-shadow: 0 28px 48px -40px rgba(8, 29, 67, 0.86);
  }

  #network-hub .cwl-hub-shell::before,
  #commerce-operations .cwl-ops-shell::before,
  #agent-integrations .cwl-tools-shell::before {
    content: "";
    position: absolute;
    inset: -34% auto auto -16%;
    width: 320px;
    height: 320px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(46, 201, 245, 0.14), rgba(46, 201, 245, 0));
    pointer-events: none;
  }

  #network-hub .cwl-hub-shell::after,
  #commerce-operations .cwl-ops-shell::after,
  #agent-integrations .cwl-tools-shell::after {
    content: "";
    position: absolute;
    inset: auto -14% -36% auto;
    width: 280px;
    height: 280px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(16, 45, 94, 0.1), rgba(16, 45, 94, 0));
    pointer-events: none;
  }

  #network-hub .cwl-hub-head,
  #network-hub .cwl-hub-layout,
  #commerce-operations .cwl-ops-head,
  #commerce-operations .cwl-ops-layout,
  #agent-integrations .cwl-tools-head,
  #agent-integrations .cwl-tools-layout {
    position: relative;
    z-index: 1;
  }

  #network-hub .cwl-hub-head,
  #commerce-operations .cwl-ops-head,
  #agent-integrations .cwl-tools-head {
    margin: 0 auto;
    max-width: 980px;
    text-align: center;
  }

  #network-hub .cwl-hub-layout,
  #commerce-operations .cwl-ops-layout,
  #agent-integrations .cwl-tools-layout {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
  }

  #network-hub .cwl-hub-summary {
    display: grid;
    gap: 0.82rem;
    align-content: start;
  }

  #network-hub .cwl-hub-summary-grid {
    display: grid;
    gap: 0.82rem;
  }

  #network-hub .cwl-hub-summary-card {
    border-radius: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background: rgba(255, 255, 255, 0.94);
    padding: 0.9rem 0.95rem;
    box-shadow: 0 16px 28px -24px rgba(8, 29, 67, 0.42);
  }

  #network-hub .cwl-hub-summary-kicker,
  #commerce-operations .cwl-ops-proof-kicker,
  #agent-integrations .cwl-tools-panel-kicker {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--cwl-ocean);
  }

  #network-hub .cwl-hub-summary-title,
  #commerce-operations .cwl-ops-proof-title,
  #agent-integrations .cwl-tools-panel-title {
    margin-top: 0.4rem;
    font-size: 1.15rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--cwl-ink);
  }

  #network-hub .cwl-hub-summary-copy,
  #commerce-operations .cwl-ops-proof-copy,
  #agent-integrations .cwl-tools-panel-copy,
  #agent-integrations .cwl-tools-sublead {
    margin-top: 0.42rem;
    font-size: 13px;
    line-height: 1.65;
    color: var(--cwl-muted);
  }

  #network-hub .cwl-hub-console {
    border-radius: 1.45rem;
    border: 1px solid rgba(72, 124, 193, 0.34);
    background:
      radial-gradient(circle at top right, rgba(56, 189, 248, 0.16), rgba(8, 29, 67, 0) 30%),
      linear-gradient(155deg, #07182f, #0b2342 42%, #102d5e 100%);
    padding: 0.95rem;
    box-shadow: 0 30px 54px -32px rgba(4, 12, 32, 0.72);
  }

  #network-hub .cwl-hub-console-head,
  #network-hub .cwl-hub-panel-head,
  #network-hub .cwl-hub-store-row,
  #network-hub .cwl-hub-log-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
  }

  #network-hub .cwl-hub-console-kicker,
  #network-hub .cwl-hub-panel-title,
  #network-hub .cwl-hub-metric-label,
  #network-hub .cwl-hub-store-detail,
  #network-hub .cwl-hub-list-detail,
  #network-hub .cwl-hub-panel-note,
  #network-hub .cwl-hub-log-time {
    color: rgba(198, 219, 255, 0.78);
  }

  #network-hub .cwl-hub-console-kicker {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  #network-hub .cwl-hub-console-title {
    margin-top: 0.28rem;
    font-size: 1.12rem;
    font-weight: 700;
    color: rgba(244, 250, 255, 0.98);
  }

  #network-hub .cwl-hub-console-status {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(125, 211, 252, 0.3);
    background: rgba(255, 255, 255, 0.08);
    padding: 0.36rem 0.62rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(224, 242, 254, 0.96);
  }

  #network-hub .cwl-hub-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem;
    margin-top: 0.8rem;
  }

  #network-hub .cwl-hub-metric {
    border-radius: 0.95rem;
    border: 1px solid rgba(125, 211, 252, 0.18);
    background: rgba(255, 255, 255, 0.06);
    padding: 0.66rem 0.72rem;
  }

  #network-hub .cwl-hub-metric-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  #network-hub .cwl-hub-metric-value {
    margin-top: 0.24rem;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    color: rgba(244, 250, 255, 0.98);
  }

  #network-hub .cwl-hub-console-body,
  #network-hub .cwl-hub-console-main,
  #network-hub .cwl-hub-console-subgrid,
  #network-hub .cwl-hub-store-list,
  #network-hub .cwl-hub-list {
    display: grid;
    gap: 0.66rem;
  }

  #network-hub .cwl-hub-console-body {
    margin-top: 0.82rem;
  }

  #network-hub .cwl-hub-panel {
    border-radius: 1rem;
    border: 1px solid rgba(125, 211, 252, 0.16);
    background: rgba(255, 255, 255, 0.06);
    padding: 0.78rem;
  }

  #network-hub .cwl-hub-panel-title,
  #network-hub .cwl-hub-store-name,
  #network-hub .cwl-hub-list-title {
    font-size: 12px;
    font-weight: 700;
    color: rgba(244, 250, 255, 0.98);
  }

  #network-hub .cwl-hub-panel-note,
  #network-hub .cwl-hub-store-detail,
  #network-hub .cwl-hub-list-detail,
  #network-hub .cwl-hub-log-time {
    font-size: 10px;
    line-height: 1.5;
  }

  #network-hub .cwl-hub-store-row,
  #network-hub .cwl-hub-list-row,
  #network-hub .cwl-hub-log-row {
    border-radius: 0.9rem;
    border: 1px solid rgba(125, 211, 252, 0.12);
    background: rgba(255, 255, 255, 0.05);
    padding: 0.62rem 0.66rem;
  }

  #network-hub .cwl-hub-store-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    border-radius: 999px;
    padding: 0.2rem 0.52rem;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  #network-hub .cwl-hub-store-status.is-live,
  #network-hub .cwl-hub-store-status.is-active {
    background: rgba(34, 197, 94, 0.16);
    border: 1px solid rgba(74, 222, 128, 0.22);
    color: rgba(220, 252, 231, 0.96);
  }

  #network-hub .cwl-hub-store-status.is-queued {
    background: rgba(250, 204, 21, 0.14);
    border: 1px solid rgba(250, 204, 21, 0.18);
    color: rgba(254, 249, 195, 0.96);
  }

  #network-hub .cwl-hub-store-status.is-review {
    background: rgba(96, 165, 250, 0.16);
    border: 1px solid rgba(125, 211, 252, 0.22);
    color: rgba(224, 242, 254, 0.96);
  }

  #network-hub .cwl-hub-composer {
    margin-top: 0.72rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(125, 211, 252, 0.18);
    background: rgba(7, 24, 47, 0.42);
    padding: 0.82rem 0.9rem;
    font-size: 12px;
    line-height: 1.62;
    color: rgba(233, 244, 255, 0.96);
  }

  #network-hub .cwl-hub-composer-actions,
  #network-hub .cwl-hub-console-foot,
  #commerce-operations .cwl-ops-proof-chips,
  #agent-integrations .cwl-tools-chip-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.46rem;
  }

  #network-hub .cwl-hub-composer-actions {
    margin-top: 0.72rem;
  }

  #network-hub .cwl-hub-composer-actions span,
  #network-hub .cwl-hub-foot-chip,
  #commerce-operations .cwl-ops-proof-chips span,
  #agent-integrations .cwl-tools-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.28rem 0.58rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
  }

  #network-hub .cwl-hub-composer-actions span,
  #network-hub .cwl-hub-foot-chip {
    border: 1px solid rgba(125, 211, 252, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(231, 245, 255, 0.94);
  }

  #network-hub .cwl-hub-console-foot {
    margin-top: 0.78rem;
  }

  #commerce-operations .cwl-ops-grid,
  #agent-integrations .cwl-tools-grid {
    display: grid;
    gap: 0.82rem;
  }

  #commerce-operations .cwl-ops-card,
  #agent-integrations .cwl-tools-card,
  #commerce-operations .cwl-ops-proof,
  #agent-integrations .cwl-tools-panel {
    border-radius: 1.08rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background: rgba(255, 255, 255, 0.95);
    padding: 0.9rem 0.95rem;
    box-shadow: 0 18px 32px -28px rgba(8, 29, 67, 0.48);
  }

  #commerce-operations .cwl-ops-card-head,
  #agent-integrations .cwl-tools-card-head {
    display: flex;
    align-items: center;
    gap: 0.72rem;
  }

  #commerce-operations .cwl-ops-card-icon,
  #agent-integrations .cwl-tools-card-icon {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.72rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background: color-mix(in srgb, var(--cwl-ocean) 10%, white);
    color: color-mix(in srgb, var(--cwl-ocean) 82%, #0f172a);
    flex-shrink: 0;
  }

  #commerce-operations .cwl-ops-card-title,
  #agent-integrations .cwl-tools-card-title {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--cwl-ink);
  }

  #commerce-operations .cwl-ops-card-body,
  #agent-integrations .cwl-tools-card-body {
    margin-top: 0.56rem;
    font-size: 13px;
    line-height: 1.66;
    color: var(--cwl-muted);
  }

  #commerce-operations .cwl-ops-card {
    height: 100%;
  }

  #commerce-operations .cwl-ops-card-proof {
    margin-top: 0.68rem;
    display: inline-flex;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background: rgba(246, 251, 255, 0.98);
    padding: 0.28rem 0.58rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cwl-ocean);
  }

  #commerce-operations .cwl-ops-proof-copy,
  #agent-integrations .cwl-tools-panel-copy {
    max-width: 42ch;
  }

  #commerce-operations .cwl-ops-proof-body {
    display: grid;
    gap: 0.82rem;
  }

  #commerce-operations .cwl-ops-proof-chips {
    align-content: start;
  }

  #commerce-operations .cwl-ops-proof-chips span {
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background: rgba(246, 251, 255, 0.98);
    color: color-mix(in srgb, var(--cwl-ocean) 72%, #0f172a);
  }

  #agent-integrations .cwl-tools-group-list {
    display: grid;
    gap: 0.76rem;
    margin-top: 0.9rem;
  }

  #agent-integrations .cwl-tools-group {
    border-radius: 0.96rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background: rgba(246, 251, 255, 0.98);
    padding: 0.72rem 0.76rem;
  }

  #agent-integrations .cwl-tools-group-title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cwl-ocean);
  }

  #agent-integrations .cwl-tools-chip-cloud {
    margin-top: 0.58rem;
  }

  #agent-integrations .cwl-tools-chip {
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 16%, white);
    background: white;
    color: color-mix(in srgb, var(--cwl-ocean) 72%, #0f172a);
  }

  #agent-orchestration .cwl-orch-shell {
    position: relative;
    overflow: hidden;
    border-radius: 1.7rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background:
      radial-gradient(circle at 10% 14%, rgba(165, 223, 255, 0.25), rgba(244, 251, 255, 0.95) 38%, rgba(251, 254, 255, 0.98) 100%);
    padding: 1.15rem;
    box-shadow: 0 30px 54px -46px rgba(8, 29, 67, 0.92);
  }

  #agent-orchestration .cwl-orch-shell::before {
    content: "";
    position: absolute;
    inset: -34% auto auto -20%;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(30, 100, 200, 0.11), rgba(30, 100, 200, 0));
    pointer-events: none;
  }

  #agent-orchestration .cwl-orch-shell::after {
    content: "";
    position: absolute;
    inset: auto -14% -36% auto;
    width: 320px;
    height: 320px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(46, 201, 245, 0.14), rgba(46, 201, 245, 0));
    pointer-events: none;
  }

  #agent-orchestration .cwl-orch-head,
  #agent-orchestration .cwl-orch-loop,
  #agent-orchestration .cwl-orch-proof,
  #agent-orchestration .cwl-orch-cta {
    position: relative;
    z-index: 1;
  }

  #agent-orchestration .cwl-orch-head {
    margin: 0 auto;
    max-width: 1080px;
    text-align: center;
  }

  #agent-orchestration .cwl-orch-title {
    color: var(--cwl-ink);
  }

  #agent-orchestration .cwl-orch-lead {
    color: var(--cwl-muted);
  }

  #agent-orchestration .cwl-orch-sublead {
    margin-top: 0.55rem;
    font-size: 13px;
    line-height: 1.62;
    color: color-mix(in srgb, var(--cwl-ocean) 68%, #334155);
  }

  #agent-orchestration .cwl-orch-visual {
    position: relative;
    z-index: 1;
    margin: 1.05rem auto 0;
    max-width: 1080px;
  }

  #agent-orchestration .cwl-orch-globe-shell {
    position: relative;
    overflow: hidden;
    border-radius: 1.4rem;
    border: 1px solid rgba(186, 230, 253, 0.82);
    background:
      radial-gradient(circle at 50% 48%, rgba(186, 230, 253, 0.22), rgba(255, 255, 255, 0) 38%),
      radial-gradient(circle at 12% 18%, rgba(30, 100, 200, 0.14), rgba(30, 100, 200, 0) 34%),
      linear-gradient(165deg, rgba(255, 255, 255, 0.98), rgba(239, 249, 255, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 24px 42px -36px rgba(8, 29, 67, 0.7);
  }

  #agent-orchestration .cwl-orch-globe {
    display: block;
    width: 100%;
    height: auto;
  }

  #agent-orchestration .cwl-orch-globe-panel {
    fill: rgba(248, 252, 255, 0.62);
    stroke: rgba(186, 230, 253, 0.34);
    stroke-width: 1.2;
  }

  #agent-orchestration .cwl-orch-data-chip {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(125, 211, 252, 0.32);
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(8px);
    box-shadow: 0 16px 28px -24px rgba(8, 29, 67, 0.42);
    padding: 0.42rem 0.78rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--cwl-ocean) 78%, #0f172a);
    animation: cwl-orch-chip-float 6.8s ease-in-out infinite;
  }

  #agent-orchestration .cwl-orch-data-chip.is-top-left {
    top: 1rem;
    left: 1rem;
    animation-delay: -0.6s;
  }

  #agent-orchestration .cwl-orch-data-chip.is-top-right {
    top: 1rem;
    right: 1rem;
    animation-delay: -1.9s;
  }

  #agent-orchestration .cwl-orch-data-chip.is-bottom-left {
    left: 1.25rem;
    bottom: 1.15rem;
    animation-delay: -3.1s;
  }

  #agent-orchestration .cwl-orch-data-chip.is-bottom-right {
    right: 1.25rem;
    bottom: 1.15rem;
    animation-delay: -4.2s;
  }

  #agent-orchestration .cwl-orch-stream-layer {
    opacity: 0.94;
  }

  #agent-orchestration .cwl-orch-data-stream {
    fill: none;
    stroke: url(#cwl-orch-stream-stroke);
    stroke-width: 3.1;
    stroke-linecap: round;
    stroke-dasharray: 18 22;
    animation: cwl-orch-data-flow 4.4s linear infinite;
  }

  #agent-orchestration .cwl-orch-data-stream.is-b {
    animation-duration: 5.1s;
    animation-direction: reverse;
  }

  #agent-orchestration .cwl-orch-data-stream.is-c {
    animation-duration: 6.2s;
  }

  #agent-orchestration .cwl-orch-orbit-ring {
    transform-origin: 280px 190px;
  }

  #agent-orchestration .cwl-orch-orbit-ring.is-ring-a {
    animation: cwl-orch-orbit-spin 16s linear infinite;
  }

  #agent-orchestration .cwl-orch-orbit-ring.is-ring-b {
    animation: cwl-orch-orbit-spin-reverse 18s linear infinite;
  }

  #agent-orchestration .cwl-orch-orbit-ring.is-ring-c {
    animation: cwl-orch-orbit-spin 24s linear infinite;
  }

  #agent-orchestration .cwl-orch-orbit-line {
    fill: none;
    stroke: url(#cwl-orch-orbit-stroke);
    stroke-linecap: round;
  }

  #agent-orchestration .cwl-orch-orbit-line.is-primary {
    stroke-width: 2.2;
    stroke-dasharray: 12 12;
  }

  #agent-orchestration .cwl-orch-orbit-line.is-secondary {
    stroke-width: 1.6;
    stroke-dasharray: 10 10;
    opacity: 0.72;
  }

  #agent-orchestration .cwl-orch-orbit-dot {
    fill: rgba(224, 242, 254, 0.98);
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.72));
  }

  #agent-orchestration .cwl-orch-orbit-dot.is-small {
    fill: rgba(186, 230, 253, 0.98);
    filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.58));
  }

  #agent-orchestration .cwl-orch-globe-aura {
    fill: rgba(125, 211, 252, 0.16);
    filter: blur(10px);
    animation: cwl-orch-globe-pulse 5.6s ease-in-out infinite;
  }

  #agent-orchestration .cwl-orch-globe-core {
    fill: url(#cwl-orch-globe-fill);
    stroke: rgba(125, 211, 252, 0.26);
    stroke-width: 1.5;
  }

  #agent-orchestration .cwl-orch-globe-highlight {
    fill: url(#cwl-orch-core-highlight);
    opacity: 0.86;
  }

  #agent-orchestration .cwl-orch-globe-latitude,
  #agent-orchestration .cwl-orch-globe-meridian {
    fill: none;
    stroke: rgba(224, 242, 254, 0.72);
    stroke-width: 1.25;
    opacity: 0.8;
  }

  #agent-orchestration .cwl-orch-globe-latitude.is-mid {
    stroke-width: 1.55;
    opacity: 0.94;
  }

  #agent-orchestration .cwl-orch-globe-meridian.is-wide {
    opacity: 0.42;
  }

  #agent-orchestration .cwl-orch-globe-nodefield {
    animation: cwl-orch-nodefield-shift 8.2s ease-in-out infinite;
  }

  #agent-orchestration .cwl-orch-globe-node {
    fill: rgba(240, 249, 255, 0.96);
    stroke: rgba(56, 189, 248, 0.48);
    stroke-width: 1.2;
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.42));
    animation: cwl-orch-node-pulse 3.6s ease-in-out infinite;
  }

  #agent-orchestration .cwl-orch-globe-node.is-core {
    fill: rgba(186, 230, 253, 1);
  }

  #agent-orchestration .cwl-orch-loop {
    position: relative;
    display: grid;
    gap: 0.72rem;
    margin-top: 1rem;
  }

  #agent-orchestration .cwl-orch-loop::before {
    content: "";
    display: none;
    position: absolute;
    left: 4%;
    right: 4%;
    top: 1.58rem;
    border-top: 1px dashed rgba(95, 156, 218, 0.56);
    z-index: 0;
    pointer-events: none;
  }

  #agent-orchestration .cwl-orch-step {
    position: relative;
    z-index: 1;
    border-radius: 1.02rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 21%, white);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.97), rgba(241, 248, 255, 0.91));
    padding: 0.76rem 0.8rem;
    box-shadow: 0 16px 28px -24px rgba(8, 29, 67, 0.62);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  }

  #agent-orchestration .cwl-orch-step:hover,
  #agent-orchestration .cwl-orch-step:focus-within {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--cwl-ocean) 36%, white);
    box-shadow: 0 24px 34px -30px rgba(8, 29, 67, 0.66);
  }

  #agent-orchestration .cwl-orch-step-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }

  #agent-orchestration .cwl-orch-step-icon {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 0.58rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 30%, white);
    background: color-mix(in srgb, var(--cwl-ocean) 12%, white);
    color: color-mix(in srgb, var(--cwl-ocean) 82%, #0f172a);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  #agent-orchestration .cwl-orch-step-icon svg {
    width: 0.96rem;
    height: 0.96rem;
  }

  #agent-orchestration .cwl-orch-step-label {
    display: inline-flex;
    width: 1.36rem;
    height: 1.36rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(140deg, var(--cwl-ocean), var(--cwl-cyan));
    border: 1px solid rgba(14, 165, 233, 0.34);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(244, 251, 255, 0.99);
  }

  #agent-orchestration .cwl-orch-step-title {
    margin-top: 0.5rem;
    font-size: 13px;
    font-weight: 700;
    color: var(--cwl-ink);
    line-height: 1.48;
  }

  #agent-orchestration .cwl-orch-step-detail {
    margin-top: 0.34rem;
    font-size: 12px;
    line-height: 1.58;
    color: var(--cwl-muted);
  }

  #agent-orchestration .cwl-orch-proof {
    margin-top: 0.96rem;
    border-radius: 0.98rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background: rgba(247, 251, 255, 0.96);
    padding: 0.75rem 0.82rem;
    font-size: 13px;
    line-height: 1.58;
    color: color-mix(in srgb, var(--cwl-ocean) 62%, #0f172a);
  }

  #agent-orchestration .cwl-orch-cta {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  @keyframes cwl-orch-chip-float {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-4px);
    }
  }

  @keyframes cwl-orch-data-flow {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: -160;
    }
  }

  @keyframes cwl-orch-orbit-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes cwl-orch-orbit-spin-reverse {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
  }

  @keyframes cwl-orch-globe-pulse {
    0%,
    100% {
      opacity: 0.4;
      transform: scale(1);
    }
    50% {
      opacity: 0.72;
      transform: scale(1.06);
    }
  }

  @keyframes cwl-orch-node-pulse {
    0%,
    100% {
      opacity: 0.74;
      transform: scale(1);
    }
    50% {
      opacity: 1;
      transform: scale(1.18);
    }
  }

  @keyframes cwl-orch-nodefield-shift {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-2px);
    }
  }

  @keyframes cwl-node-menu-pulse {
    0%,
    100% {
      box-shadow: 0 0 0 0 rgba(46, 201, 245, 0);
      transform: translateY(0);
    }
    50% {
      box-shadow: 0 0 0 3px rgba(46, 201, 245, 0.13);
      transform: translateY(-1px);
    }
  }

  @keyframes cwl-feature-line-glow {
    0%,
    100% {
      color: rgba(207, 233, 255, 0.92);
    }
    50% {
      color: rgba(159, 219, 255, 0.99);
    }
  }

  #execution-context .cwl-process-step {
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background: rgba(255, 255, 255, 0.92);
    padding: 0.9rem 0.92rem;
  }

  #execution-context .cwl-process-step-index {
    display: inline-flex;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background: rgba(8, 42, 92, 0.92);
    color: rgba(224, 243, 255, 0.98);
    font-size: 11px;
    font-weight: 700;
  }

  #network-conclusion .cwl-network-chip {
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 22%, white);
    background: rgba(247, 251, 255, 0.96);
    padding: 0.35rem 0.62rem;
    font-size: 11px;
    font-weight: 700;
    color: var(--cwl-ocean);
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  #store-to-system .cwl-system-shell {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(124, 171, 222, 0.42);
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    background: linear-gradient(160deg, rgba(8, 18, 38, 0.98), rgba(12, 31, 63, 0.95) 53%, rgba(244, 249, 255, 0.97) 53.2%, rgba(255, 255, 255, 0.99));
    background:
      radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 28%),
      radial-gradient(circle at bottom right, rgba(15, 23, 42, 0.12), transparent 30%),
      linear-gradient(160deg, rgba(8, 18, 38, 0.98), rgba(12, 31, 63, 0.95) 53%, rgba(244, 249, 255, 0.97) 53.2%, rgba(255, 255, 255, 0.99));
    box-shadow: 0 36px 76px -50px rgba(8, 29, 67, 0.98);
    padding: clamp(1.1rem, 2vw, 1.8rem);
  }

  #store-to-system .cwl-system-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(148, 163, 184, 0.1) 1px, transparent 1px),
      linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(180deg, rgba(15, 23, 42, 0.9), transparent 72%);
    pointer-events: none;
    opacity: 0.22;
  }

  #store-to-system .cwl-system-shell > * {
    position: relative;
    z-index: 1;
  }

  #store-to-system .cwl-system-head {
    margin: 0 auto;
    max-width: 1120px;
    text-align: center;
  }

  #store-to-system .cwl-system-head .cwl-badge,
  #store-to-system .cwl-system-head .cwl-home-title {
    color: #f8fbff;
  }

  #store-to-system .cwl-system-head .cwl-home-lead {
    margin-left: auto;
    margin-right: auto;
    max-width: 52rem;
    text-wrap: pretty;
    color: rgba(226, 232, 240, 0.9);
  }

  #store-to-system .cwl-system-proof-band {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.2rem;
  }

  #store-to-system .cwl-system-proof-tile {
    display: grid;
    gap: 0.34rem;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(8, 18, 38, 0.78);
    padding: 1rem;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  #store-to-system .cwl-system-proof-label,
  #store-to-system .cwl-system-sidecard-kicker,
  #store-to-system .cwl-system-stack-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(125, 211, 252, 0.94);
  }

  #store-to-system .cwl-system-proof-value {
    font-size: clamp(1.2rem, 2.1vw, 1.9rem);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #f8fbff;
  }

  #store-to-system .cwl-system-proof-detail {
    font-size: 0.88rem;
    line-height: 1.55;
    color: rgba(203, 213, 225, 0.84);
  }

  #store-to-system .cwl-system-layout {
    display: grid;
    gap: 1rem;
    align-items: start;
  }

  #store-to-system .cwl-system-stack,
  #store-to-system .cwl-system-sidecard {
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 22px 44px -34px rgba(8, 29, 67, 0.92);
  }

  #store-to-system .cwl-system-stack {
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.98), rgba(238, 246, 255, 0.97));
    padding: 1rem;
  }

  #store-to-system .cwl-system-stack-head,
  #store-to-system .cwl-system-sidecard-head,
  #store-to-system .cwl-system-sequence-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
  }

  #store-to-system .cwl-system-stack-title,
  #store-to-system .cwl-system-sidecard-title,
  #store-to-system .cwl-system-sequence-title {
    font-weight: 700;
    letter-spacing: -0.03em;
    color: rgba(15, 23, 42, 0.96);
  }

  #store-to-system .cwl-system-stack-title,
  #store-to-system .cwl-system-sidecard-title {
    margin-top: 0.2rem;
    font-size: 1.18rem;
    line-height: 1.3;
  }

  #store-to-system .cwl-system-stack-status,
  #store-to-system .cwl-system-sidecard-status,
  #store-to-system .cwl-system-console-pill,
  #store-to-system .cwl-system-sidecard-pill,
  #store-to-system .cwl-system-sequence-signal {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  #store-to-system .cwl-system-stack-status,
  #store-to-system .cwl-system-sidecard-status {
    padding: 0.42rem 0.66rem;
    border: 1px solid rgba(14, 165, 233, 0.24);
    background: rgba(224, 242, 254, 0.84);
    color: rgba(3, 105, 161, 0.92);
  }

  #store-to-system .cwl-system-sidecard-status.is-live {
    border-color: rgba(134, 239, 172, 0.7);
    background: rgba(220, 252, 231, 0.88);
    color: rgba(22, 101, 52, 0.92);
  }

  #store-to-system .cwl-system-console-shell {
    margin-top: 1rem;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 248, 255, 0.92));
    padding: 0.85rem;
  }

  #store-to-system .cwl-system-console-topbar,
  #store-to-system .cwl-system-sidecard-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
  }

  #store-to-system .cwl-system-console-topbar {
    margin-bottom: 0.8rem;
  }

  #store-to-system .cwl-system-console-pill,
  #store-to-system .cwl-system-sidecard-pill,
  #store-to-system .cwl-system-sequence-signal {
    padding: 0.34rem 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(255, 255, 255, 0.84);
    color: rgba(51, 65, 85, 0.88);
  }

  #store-to-system .cwl-system-stack-canvas {
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 18px;
    border: 1px solid rgba(148, 170, 194, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 252, 255, 0.98));
  }

  #store-to-system .cwl-system-stack-caption,
  #store-to-system .cwl-system-sidecard-copy,
  #store-to-system .cwl-system-sequence-copy {
    font-size: 0.93rem;
    line-height: 1.65;
    color: rgba(71, 85, 105, 0.92);
  }

  #store-to-system .cwl-system-stack-caption {
    margin-top: 0.8rem;
  }

  #store-to-system .cwl-system-sidecar {
    display: grid;
    gap: 1rem;
  }

  #store-to-system .cwl-system-sidecard {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.96));
    padding: 1rem;
  }

  #store-to-system .cwl-system-sidecard-copy {
    margin-top: 0.65rem;
  }

  #store-to-system .cwl-system-sidecard-pills {
    margin-top: 0.85rem;
  }

  #store-to-system .cwl-system-sequence {
    margin-top: 0.9rem;
    display: grid;
    gap: 0.8rem;
  }

  #store-to-system .cwl-system-sequence-step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    padding-top: 0.2rem;
  }

  #store-to-system .cwl-system-sequence-index {
    min-height: 2rem;
    padding: 0.3rem 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(143, 210, 255, 0.64);
    background: rgba(8, 42, 92, 0.92);
    color: rgba(229, 245, 255, 0.98);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    flex-shrink: 0;
  }

  #store-to-system .cwl-system-sequence-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 0.82rem;
    border: 1px solid rgba(138, 200, 255, 0.62);
    background: linear-gradient(140deg, rgba(8, 42, 92, 0.94), rgba(15, 85, 161, 0.9));
    color: rgba(234, 247, 255, 0.98);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 22px -18px rgba(8, 29, 67, 0.95);
    flex-shrink: 0;
  }

  #store-to-system .cwl-system-sequence-title {
    font-size: 1rem;
    line-height: 1.35;
  }

  #store-to-system .cwl-system-sequence-copy {
    margin-top: 0.45rem;
  }

  #store-to-system .cwl-system-mini-graph {
    margin-top: 0.7rem;
    display: flex;
    align-items: center;
    gap: 0.42rem;
  }

  #store-to-system .cwl-system-mini-node {
    width: 1.82rem;
    height: 1.82rem;
    border-radius: 999px;
    border: 1px solid rgba(143, 210, 255, 0.55);
    background: rgba(8, 29, 67, 0.92);
    color: rgba(227, 244, 255, 0.98);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  #store-to-system .cwl-system-mini-edge {
    height: 2px;
    flex: 1 1 auto;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(30, 100, 200, 0.28), rgba(46, 201, 245, 0.72), rgba(30, 100, 200, 0.28));
  }

  #store-to-system .cwl-system-stack-svg {
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  #store-to-system .cwl-system-story-rail-label {
    fill: rgba(30, 41, 59, 0.94);
    font-size: 8.8px;
    font-weight: 700;
    letter-spacing: 0.018em;
  }

  #store-to-system .cwl-system-story-rail-chip {
    fill: rgba(255, 255, 255, 0.98);
    stroke: rgba(186, 230, 253, 0.96);
    stroke-width: 1.15;
    filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.08));
  }

  #store-to-system .cwl-system-story-rail-guide {
    fill: none;
    stroke: rgba(125, 211, 252, 0.85);
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-dasharray: 3 5;
  }

  #store-to-system .cwl-system-story-stage {
    fill: rgba(255, 255, 255, 0.94);
    stroke: rgba(148, 170, 194, 0.48);
    stroke-width: 1.25;
  }

  #store-to-system .cwl-system-story-stage.is-source {
    fill: rgba(255, 255, 255, 0.99);
  }

  #store-to-system .cwl-system-story-stage.is-core {
    fill: rgba(250, 253, 255, 0.99);
    stroke: rgba(126, 165, 203, 0.58);
  }

  #store-to-system .cwl-system-story-stage.is-output {
    fill: rgba(255, 255, 255, 0.99);
  }

  #store-to-system .cwl-system-story-stage-title {
    fill: rgba(15, 23, 42, 0.9);
    font-size: 12.8px;
    font-weight: 700;
    letter-spacing: 0.015em;
  }

  #store-to-system .cwl-system-story-stage-sub {
    fill: rgba(71, 85, 105, 0.9);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.01em;
  }

  #store-to-system .cwl-system-story-stage-note {
    fill: rgba(30, 64, 175, 0.8);
    font-size: 8.2px;
    font-weight: 700;
    letter-spacing: 0.02em;
  }

  #store-to-system .cwl-system-story-pillar {
    fill: rgba(255, 255, 255, 0.96);
    stroke: rgba(148, 170, 194, 0.55);
    stroke-width: 1;
    rx: 12px;
  }

  #store-to-system .cwl-system-story-pillar-text {
    fill: rgba(30, 41, 59, 0.92);
    font-size: 10.2px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  #store-to-system .cwl-system-story-node {
    fill: rgba(255, 255, 255, 0.97);
    stroke: rgba(148, 170, 194, 0.58);
    stroke-width: 1;
    rx: 10px;
  }

  #store-to-system .cwl-system-story-node-title {
    fill: rgba(51, 65, 85, 0.94);
    font-size: 8.8px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  #store-to-system .cwl-system-story-arrow {
    fill: none;
    stroke: rgba(56, 189, 248, 0.84);
    stroke-width: 3.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 14 10;
    animation: cwl-system-arrow-flow 3.4s linear infinite;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.16));
  }

  #store-to-system .cwl-system-story-arrow.is-output {
    stroke-width: 3.2;
    stroke-dasharray: 18 12;
    animation-duration: 4.1s;
  }

  #store-to-system .cwl-system-story-arrowhead {
    fill: rgba(56, 189, 248, 0.9);
  }

  #store-to-system .cwl-system-story-icon-disc {
    fill: rgba(56, 189, 248, 0.92);
    stroke: rgba(14, 116, 144, 0.22);
    stroke-width: 1;
  }

  #store-to-system .cwl-system-story-icon-stroke {
    fill: none;
    stroke: rgba(255, 255, 255, 0.96);
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    shape-rendering: geometricPrecision;
  }

  #store-to-system .cwl-system-story-icon-fill {
    fill: rgba(255, 255, 255, 0.96);
    shape-rendering: geometricPrecision;
  }

  #store-to-system .cwl-system-story-core-outline {
    fill: none;
    stroke: rgba(148, 170, 194, 0.34);
    stroke-width: 1;
    stroke-dasharray: 4 7;
  }

  #store-to-system .cwl-system-stack-layer {
    fill: rgba(9, 38, 80, 0.72);
    stroke: rgba(128, 193, 246, 0.34);
    stroke-width: 1;
  }

  #store-to-system .cwl-system-stack-layer.is-orchestration {
    fill: rgba(17, 112, 181, 0.2);
  }

  #store-to-system .cwl-system-stack-layer.is-software {
    fill: rgba(30, 100, 200, 0.17);
  }

  #store-to-system .cwl-system-stack-layer.is-hardware {
    fill: rgba(12, 66, 123, 0.2);
  }

  #store-to-system .cwl-system-stack-layer-label {
    fill: rgba(219, 241, 255, 0.98);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  #store-to-system .cwl-system-stack-edge {
    fill: none;
    stroke: rgba(148, 170, 194, 0.68);
    stroke-width: 1.8;
    stroke-linecap: round;
  }

  #store-to-system .cwl-system-stack-edge.is-secondary {
    stroke: rgba(148, 170, 194, 0.5);
    stroke-width: 1.45;
  }

  #store-to-system .cwl-system-stack-node rect {
    fill: rgba(255, 255, 255, 0.98);
    stroke: rgba(148, 170, 194, 0.58);
    stroke-width: 1.2;
    rx: 13px;
  }

  #store-to-system .cwl-system-stack-node.is-orchestration rect {
    stroke: rgba(88, 203, 255, 0.8);
  }

  #store-to-system .cwl-system-stack-node.is-software rect {
    stroke: rgba(133, 165, 255, 0.76);
  }

  #store-to-system .cwl-system-stack-node.is-hardware rect {
    stroke: rgba(160, 206, 255, 0.7);
  }

  #store-to-system .cwl-system-stack-node text {
    fill: rgba(51, 65, 85, 0.94);
    letter-spacing: 0.01em;
  }

  #store-to-system .cwl-system-stack-node-title {
    font-size: 11px;
    font-weight: 700;
  }

  #store-to-system .cwl-system-stack-node-sub {
    font-size: 8.6px;
    font-weight: 600;
    fill: rgba(100, 116, 139, 0.88);
  }

  #store-to-system .cwl-system-stack-caption {
    margin-top: 0.55rem;
    font-size: 11px;
    line-height: 1.52;
    color: rgba(71, 85, 105, 0.9);
  }

  #storefront-network-comparison .cwl-network-shell {
    position: relative;
    overflow: hidden;
    border-radius: 1.65rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 24%, white);
    background:
      radial-gradient(circle at 11% 14%, rgba(173, 224, 255, 0.26), rgba(245, 251, 255, 0.94) 34%, rgba(251, 254, 255, 0.99) 100%);
    box-shadow: 0 34px 56px -50px rgba(8, 29, 67, 0.96);
    padding: 1.2rem;
  }

  #storefront-network-comparison .cwl-network-shell::before {
    content: "";
    position: absolute;
    inset: -34% auto auto -20%;
    width: 410px;
    height: 410px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(30, 100, 200, 0.13), rgba(30, 100, 200, 0));
    pointer-events: none;
  }

  #storefront-network-comparison .cwl-network-shell::after {
    content: "";
    position: absolute;
    inset: auto -20% -36% auto;
    width: 400px;
    height: 400px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(46, 201, 245, 0.16), rgba(46, 201, 245, 0));
    pointer-events: none;
  }

  #storefront-network-comparison .cwl-network-head {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 1120px;
    text-align: center;
  }

  #storefront-network-comparison .cwl-network-head .cwl-home-lead {
    margin-left: auto;
    margin-right: auto;
    max-width: 1040px;
    text-wrap: pretty;
  }

  #storefront-network-comparison .cwl-network-layout {
    position: relative;
    z-index: 1;
    margin-top: 1rem;
    display: grid;
    gap: 0.86rem;
  }

  #storefront-network-comparison .cwl-network-lane {
    border-radius: 1.2rem;
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 21%, white);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.97), rgba(243, 249, 255, 0.92));
    padding: 0.82rem;
    box-shadow: 0 18px 34px -32px rgba(8, 29, 67, 0.84);
  }

  #storefront-network-comparison .cwl-network-lane-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.64rem;
  }

  #storefront-network-comparison .cwl-network-lane-title {
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--cwl-ink);
  }

  #storefront-network-comparison .cwl-network-lane-copy {
    margin-top: 0.36rem;
    font-size: 12px;
    line-height: 1.56;
    color: var(--cwl-muted);
  }

  #storefront-network-comparison .cwl-network-count {
    border-radius: 999px;
    border: 1px solid rgba(143, 210, 255, 0.6);
    background: rgba(8, 42, 92, 0.92);
    color: rgba(229, 245, 255, 0.98);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.24rem 0.56rem;
    white-space: nowrap;
  }

  #storefront-network-comparison .cwl-network-page-stage {
    margin-top: 0.72rem;
    position: relative;
    min-height: 248px;
    border-radius: 0;
    border: 0;
    background: transparent;
    overflow: hidden;
    box-shadow: none;
  }

  #storefront-network-comparison .cwl-network-page-stage.is-mini {
    margin-top: 0;
    min-height: 248px;
  }

  #storefront-network-comparison .cwl-network-preview-viewport {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
  }

  #storefront-network-comparison .cwl-network-preview-viewport.is-single {
    padding-top: 0.18rem;
  }

  #storefront-network-comparison .cwl-network-preview-viewport.is-mini {
    padding-top: 0.18rem;
  }

  #storefront-network-comparison .cwl-network-preview-site {
    width: 880px;
    min-height: 520px;
    border-radius: 18px;
    border: 1px solid rgba(186, 230, 253, 0.42);
    background: linear-gradient(132deg, var(--cwl-preview-a, #1e3a8a), var(--cwl-preview-b, #0891b2));
    box-shadow: 0 26px 42px -34px rgba(8, 29, 67, 0.98);
    transform-origin: top center;
    transform: scale(var(--cwl-preview-scale, 0.44));
    overflow: hidden;
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  }

  #storefront-network-comparison .cwl-network-preview-viewport.is-mini .cwl-network-preview-site {
    width: 760px;
    min-height: 450px;
    --cwl-preview-scale: 0.44;
  }

  #storefront-network-comparison .cwl-network-preview-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.72rem 0.9rem 0.62rem;
    color: rgba(234, 247, 255, 0.98);
    border-bottom: 1px solid rgba(186, 230, 253, 0.28);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
  }

  #storefront-network-comparison .cwl-network-preview-brand {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  #storefront-network-comparison .cwl-network-preview-nav {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: rgba(218, 238, 255, 0.94);
    white-space: nowrap;
  }

  #storefront-network-comparison .cwl-network-preview-pill {
    border-radius: 999px;
    border: 1px solid rgba(186, 230, 253, 0.46);
    background: rgba(8, 29, 67, 0.3);
    padding: 0.16rem 0.48rem;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  #storefront-network-comparison .cwl-network-preview-shell {
    margin: 0.72rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 170, 194, 0.34);
    background: rgba(255, 255, 255, 0.98);
    padding: 0.64rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.68);
  }

  #storefront-network-comparison .cwl-network-preview-product {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    gap: 0.64rem;
  }

  #storefront-network-comparison .cwl-network-preview-gallery {
    display: grid;
    gap: 0.44rem;
  }

  #storefront-network-comparison .cwl-network-preview-media-main {
    position: relative;
    min-height: 182px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.72rem;
    border-radius: 10px;
    border: 1px solid rgba(148, 170, 194, 0.36);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(230, 241, 250, 0.96));
    overflow: hidden;
  }

  #storefront-network-comparison .cwl-network-preview-media-main::before {
    display: none;
  }

  #storefront-network-comparison .cwl-network-preview-media-main::after {
    display: none;
  }

  #storefront-network-comparison .cwl-network-preview-media-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 18px 20px rgba(15, 23, 42, 0.12));
  }

  #storefront-network-comparison .cwl-network-preview-thumbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.34rem;
  }

  #storefront-network-comparison .cwl-network-preview-thumbs span {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.16rem;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(148, 170, 194, 0.34);
    background: linear-gradient(145deg, rgba(252, 255, 255, 0.98), rgba(228, 240, 249, 0.98));
  }

  #storefront-network-comparison .cwl-network-preview-thumb-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  #storefront-network-comparison .cwl-network-preview-details {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
  }

  #storefront-network-comparison .cwl-network-preview-kicker {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(71, 85, 105, 0.9);
  }

  #storefront-network-comparison .cwl-network-preview-title {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: rgba(15, 23, 42, 0.92);
    letter-spacing: -0.01em;
  }

  #storefront-network-comparison .cwl-network-preview-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.38rem;
  }

  #storefront-network-comparison .cwl-network-preview-price strong {
    font-size: 15px;
    font-weight: 700;
    color: rgba(15, 23, 42, 0.94);
  }

  #storefront-network-comparison .cwl-network-preview-price span {
    font-size: 10px;
    font-weight: 600;
    color: rgba(100, 116, 139, 0.92);
    text-decoration: line-through;
  }

  #storefront-network-comparison .cwl-network-preview-price em {
    border-radius: 999px;
    border: 1px solid rgba(134, 239, 172, 0.8);
    background: rgba(220, 252, 231, 0.9);
    color: rgba(22, 101, 52, 0.9);
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.16rem 0.4rem;
  }

  #storefront-network-comparison .cwl-network-preview-copy {
    font-size: 10px;
    line-height: 1.5;
    color: rgba(71, 85, 105, 0.92);
  }

  #storefront-network-comparison .cwl-network-preview-options {
    display: grid;
    gap: 0.24rem;
    font-size: 9px;
    color: rgba(51, 65, 85, 0.88);
  }

  #storefront-network-comparison .cwl-network-preview-cta {
    margin-top: 0.1rem;
    border-radius: 8px;
    border: 1px solid rgba(30, 64, 175, 0.42);
    background: linear-gradient(140deg, rgba(30, 64, 175, 0.96), rgba(14, 116, 144, 0.94));
    color: rgba(239, 249, 255, 0.99);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.34rem 0.54rem;
    text-align: center;
  }

  #storefront-network-comparison .cwl-network-preview-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.24rem;
  }

  #storefront-network-comparison .cwl-network-preview-meta span {
    border-radius: 999px;
    border: 1px solid rgba(148, 170, 194, 0.34);
    background: rgba(248, 251, 255, 0.95);
    padding: 0.12rem 0.4rem;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(71, 85, 105, 0.9);
  }

  #storefront-network-comparison .cwl-network-preview-related {
    margin-top: 0.58rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.34rem;
  }

  #storefront-network-comparison .cwl-network-preview-related-card {
    border-radius: 8px;
    border: 1px solid rgba(148, 170, 194, 0.34);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 255, 0.97));
    padding: 0.34rem;
  }

  #storefront-network-comparison .cwl-network-preview-related-card strong {
    display: block;
    font-size: 9px;
    line-height: 1.35;
    font-weight: 700;
    color: rgba(30, 41, 59, 0.9);
  }

  #storefront-network-comparison .cwl-network-preview-related-card span {
    display: block;
    margin-top: 0.16rem;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(71, 85, 105, 0.86);
  }

  #storefront-network-comparison .cwl-network-preview-viewport.is-mini .cwl-network-preview-meta,
  #storefront-network-comparison .cwl-network-preview-viewport.is-mini .cwl-network-preview-related {
    display: none;
  }

  #storefront-network-comparison .cwl-network-grid {
    position: relative;
    margin-top: 0.72rem;
    min-height: 248px;
    isolation: isolate;
    perspective: 1200px;
  }

  #storefront-network-comparison .cwl-network-grid::after {
    display: none;
  }

  #storefront-network-comparison .cwl-network-mini {
    position: absolute;
    inset: 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
    display: block;
    transform-origin: top center;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity, filter;
    animation: cwl-network-deck-cycle 24s cubic-bezier(0.32, 0.78, 0.2, 1) infinite;
    animation-delay: calc(var(--deck-index, 0) * -3s);
  }

  #storefront-network-comparison .cwl-network-deck-domain-rail {
    position: relative;
    margin-top: 0.36rem;
    min-height: 1rem;
  }

  #storefront-network-comparison .cwl-network-iteration-rail {
    position: relative;
    margin-top: 0.46rem;
    min-height: 1.28rem;
  }

  #storefront-network-comparison .cwl-network-iteration {
    position: absolute;
    inset: 0 auto auto 0;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(30, 64, 175, 0.26);
    background: rgba(239, 246, 255, 0.97);
    padding: 0.16rem 0.5rem;
    font-size: 8.7px;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(30, 64, 175, 0.9);
    opacity: 0;
    transform: translateY(4px);
    animation: cwl-network-pill-cycle 24s ease-in-out infinite;
    animation-delay: calc(var(--deck-index, 0) * -3s);
    white-space: nowrap;
  }

  #storefront-network-comparison .cwl-network-iteration.is-static {
    position: relative;
    inset: auto;
    opacity: 1;
    transform: none;
    animation: none;
  }

  #storefront-network-comparison .cwl-network-deck-domain {
    position: absolute;
    inset: 0;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(51, 65, 85, 0.84);
    opacity: 0;
    transform: translateY(4px);
    animation: cwl-network-pill-cycle 24s ease-in-out infinite;
    animation-delay: calc(var(--deck-index, 0) * -3s);
  }

  #storefront-network-comparison .cwl-network-deck-domain.is-static {
    position: relative;
    inset: auto;
    opacity: 1;
    transform: none;
    animation: none;
  }

  #storefront-network-comparison .cwl-network-deck-pills {
    position: relative;
    margin-top: 0.62rem;
    min-height: 2.6rem;
  }

  #storefront-network-comparison .cwl-network-deck-pill-set {
    position: absolute;
    inset: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.24rem;
    opacity: 0;
    transform: translateY(4px);
    animation: cwl-network-pill-cycle 24s ease-in-out infinite;
    animation-delay: calc(var(--deck-index, 0) * -3s);
  }

  #storefront-network-comparison .cwl-network-deck-pill-set.is-static {
    position: relative;
    inset: auto;
    opacity: 1;
    transform: none;
    animation: none;
  }

  #storefront-network-comparison .cwl-network-deck-pill {
    border-radius: 999px;
    border: 1px solid rgba(148, 170, 194, 0.42);
    background: rgba(248, 251, 255, 0.96);
    padding: 0.16rem 0.44rem;
    font-size: 8.6px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(71, 85, 105, 0.9);
    white-space: nowrap;
  }

  @keyframes cwl-network-deck-cycle {
    0%,
    10% {
      transform: translate3d(0, 0, 70px) scale(1);
      opacity: 1;
      z-index: 20;
      filter: blur(0);
    }
    12%,
    22% {
      transform: translate3d(0, 0, 32px) scale(0.985);
      opacity: 0.95;
      z-index: 16;
      filter: blur(0);
    }
    24%,
    36% {
      transform: translate3d(0, 0, -8px) scale(0.968);
      opacity: 0.87;
      z-index: 12;
      filter: blur(0.15px);
    }
    38%,
    52% {
      transform: translate3d(0, 0, -52px) scale(0.94);
      opacity: 0.72;
      z-index: 8;
      filter: blur(0.35px);
    }
    54%,
    72% {
      transform: translate3d(0, 0, -96px) scale(0.9);
      opacity: 0.36;
      z-index: 4;
      filter: blur(0.6px);
    }
    74%,
    100% {
      transform: translate3d(0, 0, -130px) scale(0.86);
      opacity: 0;
      z-index: 1;
      filter: blur(0.9px);
    }
  }

  @keyframes cwl-network-pill-cycle {
    0%,
    10% {
      opacity: 1;
      transform: translateY(0);
    }
    13%,
    100% {
      opacity: 0;
      transform: translateY(6px);
    }
  }

  @keyframes cwl-system-arrow-flow {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: -48;
    }
  }

  #competitive-advantage .cwl-reach-shell {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(124, 171, 222, 0.42);
    border: 1px solid color-mix(in srgb, var(--cwl-ocean) 18%, white);
    border-radius: 30px;
    padding: clamp(1.1rem, 2vw, 1.8rem);
    background: linear-gradient(160deg, rgba(7, 17, 36, 0.98), rgba(12, 32, 68, 0.94) 54%, rgba(244, 250, 255, 0.96) 54.2%, rgba(255, 255, 255, 0.98));
    background:
      radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 32%),
      radial-gradient(circle at bottom right, rgba(15, 23, 42, 0.1), transparent 34%),
      linear-gradient(160deg, rgba(7, 17, 36, 0.98), rgba(12, 32, 68, 0.94) 54%, rgba(244, 250, 255, 0.96) 54.2%, rgba(255, 255, 255, 0.98));
    box-shadow: 0 32px 72px -48px rgba(8, 29, 67, 0.92);
  }

  #competitive-advantage .cwl-reach-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(148, 163, 184, 0.1) 1px, transparent 1px),
      linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px);
    background-size: 26px 26px;
    mask-image: linear-gradient(180deg, rgba(15, 23, 42, 0.82), transparent 72%);
    pointer-events: none;
    opacity: 0.22;
  }

  #competitive-advantage .cwl-reach-shell > * {
    position: relative;
    z-index: 1;
  }

  #competitive-advantage .cwl-reach-shell .cwl-badge,
  #competitive-advantage .cwl-reach-shell .cwl-home-title,
  #competitive-advantage .cwl-reach-shell .cwl-home-lead {
    color: #f8fbff;
  }

  #competitive-advantage .cwl-reach-shell .cwl-home-lead {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    color: rgba(226, 232, 240, 0.9);
  }

  #competitive-advantage .cwl-reach-proof-band {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  #competitive-advantage .cwl-reach-proof-tile {
    display: grid;
    gap: 0.35rem;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(7, 17, 36, 0.78);
    padding: 1rem;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  #competitive-advantage .cwl-reach-proof-label,
  #competitive-advantage .cwl-reach-panel-kicker,
  #competitive-advantage .cwl-reach-control-label,
  #competitive-advantage .cwl-reach-operator-label,
  #competitive-advantage .cwl-reach-flagship-label,
  #competitive-advantage .cwl-reach-parent-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(125, 211, 252, 0.94);
  }

  #competitive-advantage .cwl-reach-proof-value {
    font-size: clamp(1.3rem, 2.3vw, 2rem);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #f8fbff;
  }

  #competitive-advantage .cwl-reach-proof-detail {
    font-size: 0.88rem;
    line-height: 1.55;
    color: rgba(203, 213, 225, 0.84);
  }

  #competitive-advantage .cwl-reach-board {
    display: grid;
    gap: 1rem;
  }

  #competitive-advantage .cwl-reach-summary-panel,
  #competitive-advantage .cwl-reach-control-plane {
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    padding: 1rem;
    box-shadow: 0 22px 44px -34px rgba(8, 29, 67, 0.9);
  }

  #competitive-advantage .cwl-reach-summary-panel {
    background: linear-gradient(180deg, rgba(9, 16, 30, 0.92), rgba(12, 22, 40, 0.88));
  }

  #competitive-advantage .cwl-reach-control-plane {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(238, 246, 255, 0.97));
  }

  #competitive-advantage .cwl-reach-panel-head,
  #competitive-advantage .cwl-reach-control-topbar,
  #competitive-advantage .cwl-reach-operator-bar,
  #competitive-advantage .cwl-reach-node-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
  }

  #competitive-advantage .cwl-reach-status-chip,
  #competitive-advantage .cwl-reach-mini-pill,
  #competitive-advantage .cwl-reach-node-state,
  #competitive-advantage .cwl-reach-node-meta-pill,
  #competitive-advantage .cwl-reach-operator-metric,
  #competitive-advantage .cwl-reach-tag {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  #competitive-advantage .cwl-reach-status-chip {
    padding: 0.42rem 0.66rem;
  }

  #competitive-advantage .cwl-reach-status-chip.is-warning {
    border: 1px solid rgba(251, 191, 36, 0.34);
    background: rgba(120, 53, 15, 0.36);
    color: rgba(253, 230, 138, 0.96);
  }

  #competitive-advantage .cwl-reach-status-chip.is-live {
    border: 1px solid rgba(14, 165, 233, 0.24);
    background: rgba(224, 242, 254, 0.86);
    color: rgba(3, 105, 161, 0.9);
  }

  #competitive-advantage .cwl-reach-flagship-card,
  #competitive-advantage .cwl-reach-parent-node {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
  }

  #competitive-advantage .cwl-reach-flagship-card {
    margin-top: 1rem;
  }

  #competitive-advantage .cwl-reach-flagship-logo,
  #competitive-advantage .cwl-reach-parent-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 20px 34px -24px rgba(8, 29, 67, 0.72);
  }

  #competitive-advantage .cwl-reach-flagship-logo {
    width: 74px;
    height: 74px;
    padding: 0.7rem;
  }

  #competitive-advantage .cwl-reach-parent-mark {
    width: 86px;
    height: 86px;
    padding: 0.8rem;
    border: 1px solid rgba(125, 211, 252, 0.36);
  }

  #competitive-advantage .cwl-reach-flagship-logo img,
  #competitive-advantage .cwl-reach-parent-mark img,
  #competitive-advantage .cwl-reach-node-logo-wrap img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
  }

  #competitive-advantage .cwl-reach-flagship-name,
  #competitive-advantage .cwl-reach-parent-name,
  #competitive-advantage .cwl-reach-control-title,
  #competitive-advantage .cwl-reach-node-name {
    font-weight: 700;
    letter-spacing: -0.03em;
  }

  #competitive-advantage .cwl-reach-flagship-name,
  #competitive-advantage .cwl-reach-parent-name {
    margin-top: 0.2rem;
    font-size: 1.15rem;
    color: #f8fbff;
  }

  #competitive-advantage .cwl-reach-control-title,
  #competitive-advantage .cwl-reach-node-name {
    color: rgba(15, 23, 42, 0.96);
  }

  #competitive-advantage .cwl-reach-control-title {
    font-size: 1.2rem;
    margin-top: 0.18rem;
  }

  #competitive-advantage .cwl-reach-flagship-copy,
  #competitive-advantage .cwl-reach-parent-detail,
  #competitive-advantage .cwl-reach-node-purpose,
  #competitive-advantage .cwl-reach-operator-copy {
    font-size: 0.94rem;
    line-height: 1.65;
  }

  #competitive-advantage .cwl-reach-flagship-copy {
    color: rgba(203, 213, 225, 0.86);
  }

  #competitive-advantage .cwl-reach-parent-detail {
    color: rgba(51, 65, 85, 0.96);
  }

  #competitive-advantage .cwl-reach-tag-row,
  #competitive-advantage .cwl-reach-control-pills,
  #competitive-advantage .cwl-reach-operator-metrics,
  #competitive-advantage .cwl-reach-node-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
  }

  #competitive-advantage .cwl-reach-tag-row {
    margin-top: 0.9rem;
  }

  #competitive-advantage .cwl-reach-tag {
    padding: 0.34rem 0.56rem;
    border: 1px solid rgba(148, 163, 184, 0.26);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(226, 232, 240, 0.84);
  }

  #competitive-advantage .cwl-reach-summary-list {
    margin: 1rem 0 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.7rem;
    color: rgba(226, 232, 240, 0.88);
    line-height: 1.65;
  }

  #competitive-advantage .cwl-reach-mini-pill,
  #competitive-advantage .cwl-reach-node-meta-pill,
  #competitive-advantage .cwl-reach-operator-metric {
    padding: 0.34rem 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(255, 255, 255, 0.78);
    color: rgba(51, 65, 85, 0.88);
  }

  #competitive-advantage .cwl-reach-network-shell {
    margin-top: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background:
      radial-gradient(circle at top, rgba(125, 211, 252, 0.22), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(241, 248, 255, 0.92));
    padding: 1rem;
  }

  #competitive-advantage .cwl-reach-network-grid {
    position: relative;
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
  }

  #competitive-advantage .cwl-reach-node-card {
    position: relative;
    display: grid;
    gap: 0.7rem;
    border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--storefront-accent) 22%, white);
    background: rgba(255, 255, 255, 0.94);
    padding: 0.9rem;
    box-shadow: 0 20px 36px -30px rgba(15, 23, 42, 0.34);
  }

  #competitive-advantage .cwl-reach-node-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 20px 0 0 20px;
    background: var(--storefront-accent);
  }

  #competitive-advantage .cwl-reach-node-connector {
    position: absolute;
    left: 1.15rem;
    top: -0.9rem;
    width: 1px;
    height: 0.9rem;
    background: linear-gradient(180deg, rgba(14, 165, 233, 0.42), rgba(59, 130, 246, 0));
  }

  #competitive-advantage .cwl-reach-node-kind {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--storefront-accent) 76%, #0f172a);
  }

  #competitive-advantage .cwl-reach-node-state {
    padding: 0.28rem 0.5rem;
    border: 1px solid rgba(134, 239, 172, 0.68);
    background: rgba(220, 252, 231, 0.84);
    color: rgba(22, 101, 52, 0.92);
  }

  #competitive-advantage .cwl-reach-node-logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 66px;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.96);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    padding: 0.7rem;
  }

  #competitive-advantage .cwl-reach-node-name {
    font-size: 1rem;
  }

  #competitive-advantage .cwl-reach-node-purpose,
  #competitive-advantage .cwl-reach-operator-copy {
    color: rgba(71, 85, 105, 0.92);
  }

  #competitive-advantage .cwl-reach-operator-bar {
    margin-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    padding-top: 1rem;
  }

  @media (max-width: 768px) {
    #network-hub .cwl-hub-shell,
    #commerce-operations .cwl-ops-shell,
    #agent-integrations .cwl-tools-shell {
      padding: 0.98rem;
    }

    #network-hub .cwl-hub-console,
    #commerce-operations .cwl-ops-proof,
    #agent-integrations .cwl-tools-panel {
      padding: 0.82rem;
    }

    #store-to-system .cwl-system-stack,
    #store-to-system .cwl-system-sidecard {
      padding: 0.82rem;
    }

    #store-to-system .cwl-system-stack-head {
      margin-bottom: 0.42rem;
    }

    #store-to-system .cwl-system-proof-band {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #store-to-system .cwl-system-sequence-step {
      grid-template-columns: 1fr;
    }

    #node-lexicon .cwl-node-orbit-stage {
      min-height: 390px;
    }

    #node-lexicon .cwl-node-center-card {
      width: 186px;
      padding: 13px 12px;
    }

    #node-lexicon .cwl-node-orb {
      font-size: 9px;
      letter-spacing: 0.04em;
      padding: 0.34rem 0.56rem;
    }

    #agent-orchestration .cwl-orch-shell {
      padding: 0.98rem;
    }

    #agent-orchestration .cwl-orch-data-chip {
      padding: 0.34rem 0.62rem;
      font-size: 9px;
      letter-spacing: 0.06em;
    }

    #agent-orchestration .cwl-orch-data-chip.is-top-left,
    #agent-orchestration .cwl-orch-data-chip.is-top-right {
      top: 0.72rem;
    }

    #agent-orchestration .cwl-orch-data-chip.is-bottom-left,
    #agent-orchestration .cwl-orch-data-chip.is-bottom-right {
      bottom: 0.82rem;
    }

    #agent-orchestration .cwl-orch-step {
      padding: 0.72rem 0.74rem;
    }

    #storefront-network-comparison .cwl-network-grid {
      min-height: 248px;
    }

    #storefront-network-comparison .cwl-network-mini {
      padding: 0;
    }

    #storefront-network-comparison .cwl-network-deck-pills {
      min-height: 3.55rem;
    }

    #storefront-network-comparison .cwl-network-lane-head {
      flex-direction: column;
      align-items: flex-start;
    }

    #competitive-advantage .cwl-reach-proof-band {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #competitive-advantage .cwl-reach-flagship-card,
    #competitive-advantage .cwl-reach-parent-node {
      grid-template-columns: 1fr;
      justify-items: start;
    }
  }

  @media (min-width: 960px) {
    #network-hub .cwl-hub-layout {
      grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr);
      align-items: start;
    }

    #network-hub .cwl-hub-summary-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #network-hub .cwl-hub-console-body {
      grid-template-columns: minmax(270px, 0.34fr) minmax(0, 0.66fr);
      align-items: start;
    }

    #network-hub .cwl-hub-console-subgrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #agent-integrations .cwl-tools-layout {
      grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
      align-items: start;
    }

    #commerce-operations .cwl-ops-grid,
    #agent-integrations .cwl-tools-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #commerce-operations .cwl-ops-proof-body {
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
      align-items: center;
    }

    #store-to-system .cwl-system-proof-band {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #store-to-system .cwl-system-layout {
      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    }

    #store-to-system .cwl-system-stack-svg {
      min-width: 920px;
    }

    #storefront-network-comparison .cwl-network-layout {
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      align-items: start;
    }

    #competitive-advantage .cwl-reach-proof-band {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #competitive-advantage .cwl-reach-board {
      grid-template-columns: minmax(320px, 0.36fr) minmax(0, 0.64fr);
      align-items: start;
    }

    #competitive-advantage .cwl-reach-network-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #feature-showcase .cwl-feature-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #agent-orchestration .cwl-orch-loop {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #node-journey .cwl-node-journey-grid {
      grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
      align-items: start;
    }

    #competitive-advantage .cwl-contrast-board {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      align-items: stretch;
      gap: 1rem;
    }

    #competitive-advantage .cwl-contrast-brand-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #competitive-advantage .cwl-contrast-divider {
      display: inline-flex;
      align-self: center;
    }
  }

  @media (min-width: 1280px) {
    #agent-orchestration .cwl-orch-loop {
      grid-template-columns: repeat(3, minmax(0, 18rem));
      justify-content: center;
    }

    #agent-orchestration .cwl-orch-loop::before {
      display: block;
      left: calc(50% - 26rem);
      right: calc(50% - 26rem);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #agent-orchestration .cwl-orch-data-chip,
    #agent-orchestration .cwl-orch-data-stream,
    #agent-orchestration .cwl-orch-orbit-ring,
    #agent-orchestration .cwl-orch-globe-aura,
    #agent-orchestration .cwl-orch-globe-nodefield,
    #agent-orchestration .cwl-orch-globe-node {
      animation: none;
      transform: none;
    }

    #storefront-channel-graph .cwl-brand-branch-flagship-aura {
      animation: none;
      opacity: 0.56;
      transform: none;
    }

    #store-to-system .cwl-system-step {
      transition: none;
    }

    #store-to-system .cwl-system-story-arrow {
      animation: none;
    }

    #feature-showcase .cwl-feature-console-line,
    #node-journey .cwl-node-journey-menu-item {
      animation: none;
    }

    #node-journey .cwl-node-journey-reveal {
      opacity: 1;
      transform: none;
      transition: none;
    }

    #storefront-network-comparison .cwl-network-grid {
      min-height: 0;
      display: grid;
      gap: 0.52rem;
    }

    #storefront-network-comparison .cwl-network-grid::after {
      display: none;
    }

    #storefront-network-comparison .cwl-network-mini {
      position: relative;
      inset: auto;
      animation: none;
      transform: none;
      opacity: 1;
      margin-bottom: 0.5rem;
    }

    #storefront-network-comparison .cwl-network-deck-pills {
      min-height: 0;
      display: grid;
      gap: 0.36rem;
    }

    #storefront-network-comparison .cwl-network-iteration-rail {
      min-height: 0;
      display: grid;
      gap: 0.16rem;
    }

    #storefront-network-comparison .cwl-network-iteration {
      position: relative;
      inset: auto;
      animation: none;
      opacity: 1;
      transform: none;
    }

    #storefront-network-comparison .cwl-network-deck-domain-rail {
      min-height: 0;
      display: grid;
      gap: 0.16rem;
    }