/* WORM Backup page - Ahsay backup and immutable retention */
.worm-overview .detail-block { display: flex; flex-direction: column; justify-content: center; }

.worm-architecture {
  min-height: 500px;
  padding: 32px;
  border: 1px solid rgba(112, 176, 255, .22);
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 12%, rgba(0, 200, 255, .13), transparent 30%),
    linear-gradient(155deg, #0b1d3d 0%, #061126 66%, #030b1c 100%);
  box-shadow: var(--shadow);
}
.worm-arch-title { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 24px; }
.worm-arch-title span { color: #8de7ff; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.worm-arch-title strong { color: #dbeaff; font-family: AudiowideLocal, sans-serif; font-size: 13px; letter-spacing: .06em; }
.worm-source-row, .worm-destination-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.worm-node { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 15px 16px; text-align: center; border: 1px solid rgba(140, 206, 255, .18); border-radius: 16px; background: rgba(255, 255, 255, .045); }
.worm-node b { color: #fff; font-size: 15px; letter-spacing: -.025em; line-height: 1.25; }
.worm-node span { color: #aabed6; font-size: 12px; line-height: 1.45; }
.worm-node em { color: #72dfff; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .1em; }
.worm-node.cbs { align-items: center; padding: 19px; text-align: center; border-color: rgba(0, 200, 255, .42); background: linear-gradient(135deg, rgba(0, 200, 255, .14), rgba(1, 35, 180, .22)); box-shadow: 0 0 34px rgba(0, 165, 255, .12); }
.worm-node.cbs b { font-family: AudiowideLocal, sans-serif; font-size: 19px; letter-spacing: .03em; }
.worm-node.worm-lock { border-color: rgba(80, 244, 190, .45); background: linear-gradient(150deg, rgba(20, 176, 130, .16), rgba(4, 68, 70, .18)); }
.worm-node.worm-lock em { color: #6cf7c1; }
.worm-node.replica { border-color: rgba(112, 176, 255, .3); }
.worm-connector { position: relative; display: flex; justify-content: center; align-items: center; min-height: 42px; }
.worm-connector.converge { min-height: 58px; }
.worm-connector.converge:before { content: ''; position: absolute; top: 20px; left: 25%; right: 25%; height: 1px; background: rgba(123, 222, 255, .6); }
.worm-connector.converge:after { content: ''; position: absolute; top: 20px; left: 50%; width: 1px; height: 26px; background: rgba(123, 222, 255, .6); }
.worm-connector.converge i { position: absolute; top: 0; width: 1px; height: 21px; background: rgba(123, 222, 255, .6); }
.worm-connector.converge i:first-child { left: 25%; }
.worm-connector.converge i:nth-child(2) { left: 75%; }
.worm-connector.converge span { position: relative; z-index: 1; margin-top: 48px; padding: 1px 8px; color: #8be4ff; background: #0b1c39; font-size: 11px; }
.worm-connector.converge span:after { content: ''; position: absolute; top: -7px; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top-color: #7bdeff; }
.worm-connector.split { min-height: 47px; }
.worm-connector.split:before { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 21px; background: rgba(123, 222, 255, .6); }
.worm-connector.split:after { content: ''; position: absolute; top: 20px; left: 25%; right: 25%; height: 1px; background: rgba(123, 222, 255, .6); }
.worm-connector.split i { position: absolute; z-index: 1; top: 20px; width: 1px; height: 27px; background: rgba(123, 222, 255, .6); }
.worm-connector.split i:first-child { left: 25%; }
.worm-connector.split i:nth-child(2) { left: 75%; }
.worm-connector.split i:after { content: ''; position: absolute; bottom: -2px; left: -4px; border: 4px solid transparent; border-top-color: #7bdeff; }

.worm-module-grid, .worm-value-grid { gap: 20px; }
.worm-module { min-height: 285px; }
.worm-module ul { margin: auto 0 0; padding: 14px 0 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, .1); }
.worm-module li { position: relative; padding-left: 14px; color: #c1d1e5; font-size: 14px; }
.worm-module li:before { content: ''; position: absolute; left: 0; top: .72em; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); }
.worm-value-card { min-height: 245px; }
.worm-value-index { margin-bottom: 18px; color: #81e5ff; font-family: AudiowideLocal, sans-serif; font-size: 13px; letter-spacing: .12em; }
.worm-value-card p { margin-bottom: 0; }
.worm-process-section .detail-block { display: flex; flex-direction: column; justify-content: center; }
.worm-process-section .process { align-content: center; }
.worm-cta { padding: 32px 0; }

@media (max-width: 760px) {
  .worm-architecture { min-height: auto; padding: 22px 16px; border-radius: 26px; }
  .worm-source-row, .worm-destination-row { grid-template-columns: 1fr; }
  .worm-connector.split { display: none; }
  .worm-destination-row { margin-top: 16px; }
  .worm-node.cbs { margin-top: 8px; }
  .worm-module, .worm-value-card { min-height: 0; }
}