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

.wdw-wp-v1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 118px 24px 132px;
  color:var(--wdw-text-primary);
  background:
    radial-gradient(circle at 14% 26%, color-mix(in srgb,var(--wdw-ambient-glow-primary) 12%,transparent), transparent 30%),
    radial-gradient(circle at 88% 72%, color-mix(in srgb,var(--wdw-ambient-glow-secondary) 8%,transparent), transparent 28%),
    linear-gradient(180deg, var(--wdw-page-bg) 0%, var(--wdw-section-bg) 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wdw-wp-v1__ambient { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.wdw-wp-v1__grid { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(113,158,192,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(113,158,192,.04) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent); }
.wdw-wp-v1__glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(88px); opacity: .16; }
.wdw-wp-v1__glow--left { left: -260px; top: 18%; background:color-mix(in srgb,var(--wdw-ambient-glow-primary) 34%,transparent); }
.wdw-wp-v1__glow--right { right: -250px; bottom: 4%; background:color-mix(in srgb,var(--wdw-ambient-glow-secondary) 27%,transparent); }

.wdw-wp-v1__inner { width: min(1460px, 100%); margin: 0 auto; }
.wdw-wp-v1__heading { width: min(1040px, 100%); margin: 0 auto 68px; text-align: center; }
.wdw-wp-v1__eyebrow { display: inline-flex; align-items: center; gap: 9px; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .15em; }
.wdw-wp-v1__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #76dbe8; box-shadow: 0 0 14px rgba(118,219,232,.62); }
.wdw-wp-v1__heading h2 { margin: 18px 0 0; color:var(--wdw-text-primary); font-size: clamp(46px, 5.25vw, 80px); line-height: .98; letter-spacing: -.055em; font-weight: 900; }
.wdw-wp-v1__heading h2 span { 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-wp-v1__heading p { width: min(900px, 100%); margin: 24px auto 0; color:var(--wdw-text-muted); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.72; }

.wdw-wp-v1__layout { display: grid; grid-template-columns: minmax(390px, .88fr) minmax(0, 1.12fr); gap: 28px; align-items: stretch; }

.wdw-wp-v1__stack {
  overflow: hidden;
  border:1px solid color-mix(in srgb,var(--wdw-container-border) 24%,transparent);
  border-radius: 28px;
  background: linear-gradient(155deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 97%,transparent), color-mix(in srgb,var(--wdw-container-bg) 99%,transparent));
  box-shadow: 0 34px 80px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025);
}
.wdw-wp-v1__stack-head { min-height: 96px; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 15px; align-items: center; padding: 22px 24px; border-bottom:1px solid color-mix(in srgb,var(--wdw-container-border) 16%,transparent); background: var(--wdw-field-elevated-bg); }
.wdw-wp-v1__wp-mark { width: 52px; height: 52px; display: grid; place-items: center; border:1px solid rgba(112,220,211,.20); border-radius: 16px; color:var(--wdw-text-accent); background: rgba(90,210,194,.06); font-size: 22px; font-weight: 900; }
.wdw-wp-v1__stack-head small { display: block; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .13em; }
.wdw-wp-v1__stack-head strong { display: block; margin-top: 6px; color:var(--wdw-text-primary); font-size: 18px; line-height: 1.3; }
.wdw-wp-v1__stack-head > b { min-height: 36px; display: inline-flex; align-items: center; padding: 0 13px; border:1px solid rgba(112,220,211,.18); border-radius: 999px; color:var(--wdw-text-accent); background: rgba(90,210,194,.05); font-size: 14px; font-weight: 900; letter-spacing: .06em; }

.wdw-wp-v1__layers { display: grid; gap: 12px; padding: 22px; }
.wdw-wp-v1__layer { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 15px; border:1px solid var(--wdw-field-border-soft); border-radius: 16px; background: var(--wdw-field-bg); transition: transform .28s ease, border-color .28s ease, background .28s ease; }
.wdw-wp-v1__layer > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color:var(--wdw-text-accent); background: var(--wdw-field-elevated-bg); font-size: 14px; font-weight: 900; }
.wdw-wp-v1__layer strong { display: block; color:var(--wdw-text-primary); font-size: 16px; line-height: 1.35; }
.wdw-wp-v1__layer small { display: block; margin-top: 4px; color:var(--wdw-text-muted); font-size: 14px; line-height: 1.5; }
.wdw-wp-v1__layer > b { min-width: 88px; padding: 7px 9px; border:1px solid rgba(96,211,177,.16); border-radius: 10px; color: #84e2c4; background: rgba(96,211,177,.05); text-align: center; font-size: 14px; font-weight: 900; }
.wdw-wp-v1__layer.is-active { transform: translateY(-2px); border-color:var(--wdw-field-border-strong); background: var(--wdw-field-active-bg); }
.wdw-wp-v1__layer.is-active > span { color: var(--wdw-container-bg); background: #7de0ea; box-shadow: 0 0 16px rgba(125,224,234,.28); }

.wdw-wp-v1__stack-result { display: flex; align-items: center; gap: 13px; margin: 0 22px 22px; padding: 17px 18px; border:1px solid rgba(90,210,194,.20); border-radius: 17px; background: var(--wdw-field-elevated-bg); }
.wdw-wp-v1__stack-led { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: #72dfbd; box-shadow: 0 0 15px rgba(114,223,189,.70); }
.wdw-wp-v1__stack-result small { display: block; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .11em; }
.wdw-wp-v1__stack-result strong { display: block; margin-top: 5px; color: #c9eee3; font-size: 16px; line-height: 1.35; }

.wdw-wp-v1__content { display: grid; grid-template-rows: auto 1fr; gap: 22px; }
.wdw-wp-v1__spotlight { padding: 28px 28px 30px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 23%,transparent); border-radius: 26px; background: linear-gradient(155deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 96%,transparent), color-mix(in srgb,var(--wdw-container-bg) 98%,transparent)); box-shadow: 0 28px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02); }
.wdw-wp-v1__spotlight > span { color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .14em; }
.wdw-wp-v1__spotlight h3 { margin: 16px 0 0; color:var(--wdw-text-primary); font-size: clamp(28px, 2.55vw, 38px); line-height: 1.1; letter-spacing: -.035em; }
.wdw-wp-v1__spotlight p { margin: 17px 0 0; color:var(--wdw-text-secondary); font-size: 16px; line-height: 1.72; }

.wdw-wp-v1__capabilities { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.wdw-wp-v1__capabilities article { min-width: 0; padding: 20px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 20%,transparent); border-radius: 19px; background: linear-gradient(150deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 93%,transparent), color-mix(in srgb,var(--wdw-container-bg) 96%,transparent)); transition: transform .24s ease, border-color .24s ease, background .24s ease; }
.wdw-wp-v1__capabilities article:hover { transform: translateY(-3px); border-color:color-mix(in srgb,var(--wdw-container-border) 30%,transparent); background: linear-gradient(150deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 96%,transparent), color-mix(in srgb,var(--wdw-container-bg) 98%,transparent)); }
.wdw-wp-v1__capabilities i { width: 40px; height: 40px; display: grid; place-items: center; border:1px solid var(--wdw-field-border-soft); border-radius: 12px; color:var(--wdw-text-accent); background: rgba(111,206,226,.06); font-size: 18px; font-weight: 900; font-style: normal; }
.wdw-wp-v1__capabilities strong { display: block; margin-top: 15px; color:var(--wdw-text-primary); font-size: 17px; line-height: 1.3; }
.wdw-wp-v1__capabilities p { margin: 8px 0 0; color:var(--wdw-text-muted); font-size: 14px; line-height: 1.58; }

.wdw-wp-v1__closing { width: min(1120px, 100%); display: grid; grid-template-columns: auto minmax(0,1fr); gap: 24px; align-items: center; margin: 52px auto 0; padding: 22px 26px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 20%,transparent); border-radius: 18px; background: var(--wdw-field-elevated-bg); }
.wdw-wp-v1__closing span { color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .14em; }
.wdw-wp-v1__closing strong { color:var(--wdw-text-secondary); font-size: 15px; line-height: 1.65; font-weight: 680; }

@media (max-width: 1120px) {
  .wdw-wp-v1__layout { grid-template-columns: 1fr; }
  .wdw-wp-v1__stack { max-width: 820px; width: 100%; margin: 0 auto; }
}

@media (max-width: 720px) {
  .wdw-wp-v1 { padding: 92px 16px 104px; }
  .wdw-wp-v1__heading { margin-bottom: 44px; }
  .wdw-wp-v1__heading h2 {color:var(--wdw-text-primary); font-size: clamp(42px, 13vw, 62px); }
  .wdw-wp-v1__stack { border-radius: 22px; }
  .wdw-wp-v1__stack-head { grid-template-columns: 48px minmax(0,1fr); padding: 20px 16px; }
  .wdw-wp-v1__stack-head > b { grid-column: 1 / -1; justify-self: start; }
  .wdw-wp-v1__layers { padding: 16px; }
  .wdw-wp-v1__layer { grid-template-columns: 34px minmax(0,1fr); }
  .wdw-wp-v1__layer > b { grid-column: 1 / -1; justify-self: stretch; }
  .wdw-wp-v1__stack-result { margin: 0 16px 16px; }
  .wdw-wp-v1__spotlight { padding: 22px 18px; border-radius: 21px; }
  .wdw-wp-v1__capabilities { grid-template-columns: 1fr; }
  .wdw-wp-v1__closing { grid-template-columns: 1fr; gap: 8px; padding: 20px 18px; }
}

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