.wdw-ajax-v1,
.wdw-ajax-v1 * { box-sizing: border-box; }

.wdw-ajax-v1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 116px 24px 128px;
  color:var(--wdw-text-primary);
  background:
    radial-gradient(circle at 18% 22%, color-mix(in srgb,var(--wdw-ambient-glow-primary) 12%,transparent), transparent 30%),
    radial-gradient(circle at 82% 16%, color-mix(in srgb,var(--wdw-ambient-glow-secondary) 10%,transparent), transparent 28%),
    linear-gradient(180deg, var(--wdw-section-bg) 0%, var(--wdw-container-bg) 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wdw-ajax-v1__ambient { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.wdw-ajax-v1__glow { position: absolute; width: 440px; height: 440px; border-radius: 50%; filter: blur(80px); opacity: .18; }
.wdw-ajax-v1__glow--left { left: -180px; top: 14%; background:color-mix(in srgb,var(--wdw-ambient-glow-primary) 36%,transparent); }
.wdw-ajax-v1__glow--right { right: -170px; bottom: 8%; background:color-mix(in srgb,var(--wdw-ambient-glow-secondary) 28%,transparent); }

.wdw-ajax-v1__inner { width: min(1460px, 100%); margin: 0 auto; }
.wdw-ajax-v1__heading { width: min(980px, 100%); margin: 0 auto 66px; text-align: center; }
.wdw-ajax-v1__eyebrow { display: inline-flex; align-items: center; gap: 9px; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .16em; }
.wdw-ajax-v1__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #79d9e7; box-shadow: 0 0 14px rgba(121,217,231,.62); }
.wdw-ajax-v1__heading h2 {color:var(--wdw-text-primary); margin: 18px 0 0; font-size: clamp(46px, 5.35vw, 80px); line-height: .98; letter-spacing: -.055em; font-weight: 900; }
.wdw-ajax-v1__heading h2 span { color:var(--wdw-text-accent); background: linear-gradient(90deg, var(--wdw-heading-gradient-start), var(--wdw-heading-gradient-middle) 54%, var(--wdw-heading-gradient-end)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.wdw-ajax-v1__heading p { width: min(840px, 100%); margin: 24px auto 0; color:var(--wdw-text-secondary); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.7; }

.wdw-ajax-v1__layout { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 28px; align-items: stretch; }

.wdw-ajax-v1__explain { display: grid; gap: 22px; }
.wdw-ajax-v1__feature-card {
  position: relative;
  overflow: hidden;
  padding: 28px 26px;
  border:1px solid color-mix(in srgb,var(--wdw-container-border) 22%,transparent);
  border-radius: 24px;
  background: linear-gradient(160deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 95%,transparent), color-mix(in srgb,var(--wdw-container-bg) 97%,transparent));
  box-shadow: 0 30px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.02);
}
.wdw-ajax-v1__feature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, color-mix(in srgb,var(--wdw-ambient-glow-secondary) 8%,transparent), transparent 38%);
  pointer-events: none;
}
.wdw-ajax-v1__feature-card--accent { border-color:rgba(86, 213, 193, .18); }
.wdw-ajax-v1__feature-kicker { position: relative; z-index: 1; display: inline-block; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .15em; }
.wdw-ajax-v1__feature-card h3 { position: relative; z-index: 1; margin: 16px 0 0; color:var(--wdw-text-primary); font-size: clamp(26px, 2.3vw, 34px); line-height: 1.1; letter-spacing: -.03em; }
.wdw-ajax-v1__feature-card p { position: relative; z-index: 1; margin: 16px 0 0; color:var(--wdw-text-secondary); font-size: 16px; line-height: 1.72; }

.wdw-ajax-v1__use-cases {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 11px;
}
.wdw-ajax-v1__use-cases li {
  display: flex;
  align-items: center;
  gap: 10px;
  color:var(--wdw-text-primary);
  font-size: 15px;
  line-height: 1.45;
}
.wdw-ajax-v1__use-cases li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #74d4e4;
  box-shadow: 0 0 10px rgba(116,212,228,.54);
  flex: 0 0 8px;
}

.wdw-ajax-v1__truth-badges { position: relative; z-index: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 20px; color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; }
.wdw-ajax-v1__truth-badges span { display: inline-flex; align-items: center; gap: 7px; padding: 9px 11px; border:1px solid var(--wdw-field-border-soft); border-radius: 999px; color:var(--wdw-text-secondary); background: rgba(91,150,187,.035); }
.wdw-ajax-v1__truth-badges span i { width: 7px; height: 7px; border-radius: 50%; background: #74d4e4; box-shadow: 0 0 10px rgba(116,212,228,.58); }
.wdw-ajax-v1__truth-badges span:nth-of-type(2) i { background: #71d9c8; box-shadow: 0 0 10px rgba(113,217,200,.58); }
.wdw-ajax-v1__truth-badges strong { color:var(--wdw-text-accent); font-size: 14px; }

.wdw-ajax-v1__console {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border:1px solid color-mix(in srgb,var(--wdw-container-border) 22%,transparent);
  border-radius: 28px;
  background: linear-gradient(160deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 96%,transparent), color-mix(in srgb,var(--wdw-container-bg) 98%,transparent));
  box-shadow: 0 34px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.02);
}
.wdw-ajax-v1__console::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, color-mix(in srgb,var(--wdw-ambient-glow-secondary) 9%,transparent), transparent 38%);
  pointer-events: none;
}
.wdw-ajax-v1__console-head,
.wdw-ajax-v1__timeline,
.wdw-ajax-v1__browser,
.wdw-ajax-v1__request-box,
.wdw-ajax-v1__monitor-panel { position: relative; z-index: 1; }

.wdw-ajax-v1__console-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.wdw-ajax-v1__console-head small { display: block; color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; letter-spacing: .15em; }
.wdw-ajax-v1__console-head strong { display: block; margin-top: 6px; color:var(--wdw-text-primary); font-size: clamp(24px, 2.2vw, 30px); line-height: 1.1; }
.wdw-ajax-v1__console-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 14px; border:1px solid var(--wdw-field-border-soft); border-radius: 999px; color:var(--wdw-text-accent); background: rgba(111,206,226,.05); font-size: 14px; font-weight: 900; letter-spacing: .07em; }

.wdw-ajax-v1__timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.wdw-ajax-v1__timeline-step { padding: 12px 10px; border:1px solid var(--wdw-field-border-soft); border-radius: 14px; background:var(--wdw-field-bg); text-align: center; transition: transform .28s ease, border-color .28s ease, background .28s ease; }
.wdw-ajax-v1__timeline-step span { width: 28px; height: 28px; display: grid; place-items: center; margin: 0 auto 9px; border-radius: 50%; color:var(--wdw-text-accent); background: rgba(93,148,187,.07); font-size: 14px; font-weight: 900; }
.wdw-ajax-v1__timeline-step b { color:var(--wdw-text-secondary); font-size: 14px; line-height: 1.35; }
.wdw-ajax-v1__timeline-step.is-active { transform: translateY(-2px); border-color:var(--wdw-field-border-strong); background:var(--wdw-field-active-bg); }
.wdw-ajax-v1__timeline-step.is-active span { color: var(--wdw-page-bg); background: #7fe4ef; box-shadow: 0 0 14px rgba(127,228,239,.38); }
.wdw-ajax-v1__timeline-step.is-active b { color:var(--wdw-text-accent); }

.wdw-ajax-v1__browser {
  margin-top: 20px;
  border:1px solid var(--wdw-field-border-soft);
  border-radius: 20px;
  background:var(--wdw-field-bg);
  overflow: hidden;
}
.wdw-ajax-v1__browser-bar { display: flex; align-items: center; gap: 7px; padding: 12px 14px; border-bottom:1px solid color-mix(in srgb,var(--wdw-container-border) 10%,transparent); background:var(--wdw-field-bg); }
.wdw-ajax-v1__browser-bar span { width: 9px; height: 9px; border-radius: 50%; background: rgba(125,164,194,.32); }
.wdw-ajax-v1__browser-bar b { margin-left: 7px; color:var(--wdw-text-secondary); font-size: 14px; font-weight: 700; }
.wdw-ajax-v1__browser-body { display: grid; gap: 18px; padding: 22px; }
.wdw-ajax-v1__browser-card { padding: 18px; border:1px solid var(--wdw-field-border-soft); border-radius: 16px; background: var(--wdw-field-bg); }
.wdw-ajax-v1__browser-card strong { display: block; color:var(--wdw-text-primary); font-size: 18px; }
.wdw-ajax-v1__browser-card small { display: block; margin-top: 6px; color:var(--wdw-text-muted); font-size: 14px; }
.wdw-ajax-v1__browser-button {
  width: fit-content;
  min-height: 44px;
  padding: 0 16px;
  border:1px solid var(--wdw-button-primary-border);
  border-radius: 12px;
  background:linear-gradient(135deg,var(--wdw-button-primary-bg-start),var(--wdw-button-primary-bg-end));
  color:var(--wdw-button-primary-text);
  font-size: 14px;
  font-weight: 850;
  box-shadow: 0 12px 32px rgba(47,123,211,.14);
}
.wdw-ajax-v1__browser-button.is-active { transform: translateY(-1px); box-shadow: 0 16px 38px rgba(47,123,211,.18); }

.wdw-ajax-v1__request-box {
  margin-top: 18px;
  padding: 18px;
  border:1px solid rgba(255,114,129,.18);
  border-radius: 20px;
  background: linear-gradient(180deg, color-mix(in srgb,var(--wdw-container-bg) 90%,transparent), color-mix(in srgb,var(--wdw-container-bg) 95%,transparent));
}
.wdw-ajax-v1__request-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.wdw-ajax-v1__request-head strong { color:var(--wdw-text-accent); font-size: 18px; }
.wdw-ajax-v1__request-head span { color: #ff9aaa; font-size: 14px; font-weight: 900; letter-spacing: .08em; }
.wdw-ajax-v1__request-surface {
  display: grid;
  gap: 5px;
  margin-top: 14px;
  padding: 14px 15px;
  border:1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: var(--wdw-field-elevated-bg);
}
.wdw-ajax-v1__request-surface span {
  color:var(--wdw-text-muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.wdw-ajax-v1__request-surface strong {
  color:var(--wdw-text-primary);
  font-size: 14px;
  line-height: 1.55;
}
.wdw-ajax-v1__request-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-top: 14px; color:var(--wdw-text-secondary); font-size: 14px; line-height: 1.5; }
.wdw-ajax-v1__request-meta b { color: #ffd0d6; }

.wdw-ajax-v1__monitor-panel { display: grid; gap: 12px; margin-top: 18px; }
.wdw-ajax-v1__monitor-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 16px; border:1px solid var(--wdw-field-border-soft); border-radius: 15px; background:var(--wdw-field-bg); transition: transform .28s ease, border-color .28s ease, background .28s ease; }
.wdw-ajax-v1__monitor-row span { color:var(--wdw-text-primary); font-size: 15px; line-height: 1.35; }
.wdw-ajax-v1__monitor-row b { min-width: 112px; padding: 7px 10px; border:1px solid var(--wdw-field-border-soft); border-radius: 10px; text-align: center; color:var(--wdw-text-secondary); background:var(--wdw-field-bg); font-size: 14px; font-weight: 900; letter-spacing: .03em; }
.wdw-ajax-v1__monitor-row[data-wdw-ajax-row="page"] b,
.wdw-ajax-v1__monitor-row[data-wdw-ajax-row="wp"] b { color: #83e7a0; border-color:rgba(105,224,149,.14); background: rgba(105,224,149,.05); }
.wdw-ajax-v1__monitor-row[data-wdw-ajax-row="ajax"] b,
.wdw-ajax-v1__monitor-row[data-wdw-ajax-row="verdict"] b { color: #ff9aaa; border-color:rgba(255,114,129,.18); background: rgba(255,114,129,.06); }
.wdw-ajax-v1__monitor-row.is-active { transform: translateY(-2px); border-color:var(--wdw-field-border-strong); background:var(--wdw-field-active-bg); }

@media (max-width: 1180px) {
  .wdw-ajax-v1__layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .wdw-ajax-v1 { padding: 92px 16px 102px; }
  .wdw-ajax-v1__heading { margin-bottom: 44px; }
  .wdw-ajax-v1__heading h2 {color:var(--wdw-text-primary); font-size: clamp(42px, 13vw, 62px); }
  .wdw-ajax-v1__feature-card,
  .wdw-ajax-v1__console { padding: 20px 16px; border-radius: 20px; }
  .wdw-ajax-v1__console-head { flex-direction: column; align-items: flex-start; }
  .wdw-ajax-v1__timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wdw-ajax-v1__browser-body { padding: 18px 16px; }
  .wdw-ajax-v1__request-meta,
  .wdw-ajax-v1__monitor-row { flex-direction: column; align-items: flex-start; }
  .wdw-ajax-v1__monitor-row b { min-width: 0; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .wdw-ajax-v1 *,
  .wdw-ajax-v1 *::before,
  .wdw-ajax-v1 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}