/* generated by scripts/purge-css.js from css/workday-training.css for workday-training.html -- do not edit */
.wd-page{--wd-blue: #1a56db;
  --wd-blue-deep: #143f9e;
  --wd-teal: #0891b2;
  --wd-green: #10b981;
  --wd-gold: #d97706;
  --wd-gold-2: #f59e0b;
  --wd-coral: #e11d48;
  --wd-ink: #0b1b33;
  --wd-ink-2: #45566e;
  --wd-ink-3: #7c8aa0;
  --wd-line: rgba(11, 27, 51, 0.10);
  --wd-card-line: rgba(11, 27, 51, 0.09);
  --wd-bg-1: #ffffff;
  --wd-bg-2: #f7f8fb;
  --wd-bg-3: #eef2f8;
  --wd-duo: linear-gradient(105deg, #1a56db, #0891b2);
  --wd-shadow-sm: 0 1px 2px rgba(11, 27, 51, 0.05), 0 8px 24px -12px rgba(11, 27, 51, 0.14);
  --wd-shadow-md: 0 1px 2px rgba(11, 27, 51, 0.05), 0 18px 48px -20px rgba(11, 27, 51, 0.22);
  --wd-shadow-lg: 0 2px 4px rgba(11, 27, 51, 0.04), 0 36px 90px -34px rgba(16, 49, 104, 0.35);
  background: var(--wd-bg-1);
  color: var(--wd-ink);
  font-family: 'DM Sans', system-ui, sans-serif;}
.wd-page ::selection{background: rgba(8, 145, 178, 0.18);}
.wd-page main{overflow: clip;}
@media (max-width: 768px){
.wd-page main > section.wd-hero{content-visibility: visible; contain-intrinsic-size: none;}
}
@keyframes wdGradFlow{
  0%, 100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}
.wd-page .section-label{display: inline-flex; align-items: center; gap: 10px;
  background: none; border: none; box-shadow: none;
  padding: 0 0 0 0; margin-bottom: 16px;
  color: var(--wd-ink-3); font-family: 'Space Grotesk', sans-serif;
  font-size: 12px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
  animation: none !important;}
.wd-page .section-label::before{content: ''; width: 26px; height: 1.5px; background: var(--wd-duo); border-radius: 2px;}
.wd-page .section-label i{font-size: 12px; color: var(--wd-teal); animation: none !important;}
.wd-page .section-title{font-family: 'Bricolage Grotesque', sans-serif;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 750; letter-spacing: -0.025em; line-height: 1.08;
  color: var(--wd-ink); margin-bottom: 18px;}
.wd-page .section-desc{color: var(--wd-ink-2); font-size: 18px; line-height: 1.7;}
.wd-page .btn-primary{background: var(--wd-blue);
  box-shadow: 0 1px 2px rgba(11, 27, 51, 0.18), 0 12px 28px -12px rgba(26, 86, 219, 0.55);}
.wd-page .btn-primary:hover{background: var(--wd-blue-deep); transform: translateY(-2px);}
.wd-progress{position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 2000;
  background: rgba(11, 27, 51, 0.06); pointer-events: none;}
.wd-progress span{display: block; height: 100%; width: 0;
  background: var(--wd-duo);
  box-shadow: 0 0 10px rgba(8, 145, 178, 0.45);}
.wd-page .header{background: #0b1220; border-bottom: 1px solid rgba(255, 255, 255, 0.07);}
.wd-page .header.scrolled{background: #070c16; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);}
.wd-page .nav-link{color: rgba(255, 255, 255, 0.8);}
.wd-page .nav-link:hover,.wd-page .nav-link.active{color: #fff; background: rgba(255, 255, 255, 0.08);}
.wd-page .search-box input{color: #fff;}
.wd-page .search-box input::placeholder{color: rgba(255, 255, 255, 0.45);}
.wd-page .header-btn span{color: #fff;}
.wd-hero{position: relative;
  padding: 112px 0 70px;
  background:
    radial-gradient(1000px 480px at 82% -12%, rgba(8, 145, 178, 0.10), transparent 58%),
    radial-gradient(800px 440px at -8% 34%, rgba(26, 86, 219, 0.08), transparent 55%),
    linear-gradient(180deg, #f8fafd 0%, #ffffff 76%);
  overflow: clip; isolation: isolate;}
.wd-hero-bg{position: absolute; inset: 0; z-index: 0; pointer-events: none;}
.wd-hero-inner{position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center;}
@media (max-width: 1020px){
.wd-hero{padding-top: 100px;}
.wd-hero-inner{grid-template-columns: 1fr; gap: 52px;}
}
.wd-avs{display: flex;}
.wd-avs img{width: 32px; height: 32px; border-radius: 50%; object-fit: cover;
  border: 2.5px solid #fff; margin-left: -9px; box-shadow: var(--wd-shadow-sm);}
.wd-avs img:first-child{margin-left: 0;}
#wdDialArc{transition: stroke-dashoffset 1.6s cubic-bezier(0.22, 1, 0.36, 1);}
.wd-bt-slide{position: absolute; inset: 0; padding: 20px 22px 30px;
  display: flex; flex-direction: column; gap: 10px;
  opacity: 0; transform: translateY(26px) scale(0.97);
  transition: opacity 0.55s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;}
.wd-bt-slide.active{opacity: 1; transform: none; pointer-events: auto;}
.wd-anim-paused,.wd-anim-paused *,.wd-anim-paused *::before,.wd-anim-paused *::after{animation-play-state: paused !important;}
.wd-verdict{position: relative; background: #fff; overflow: clip;}
.wd-verdict-blob{position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.22; pointer-events: none;}
.wd-vb-1{width: 420px; height: 420px; left: -120px; top: 10%; background: radial-gradient(circle, rgba(8, 145, 178, 0.5), transparent 65%);}
.wd-vb-2{width: 380px; height: 380px; right: -100px; bottom: 5%; background: radial-gradient(circle, rgba(26, 86, 219, 0.4), transparent 65%);}
.wd-verdict .container{position: relative; z-index: 2;}
.wd-dial-card{position: relative; overflow: hidden;
  background: var(--wd-bg-2); border: 1px solid var(--wd-card-line);
  border-radius: 24px; padding: 40px 34px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;}
#wdDialArcLg{transition: stroke-dashoffset 1.9s cubic-bezier(0.22, 1, 0.36, 1); filter: drop-shadow(0 6px 14px rgba(8, 145, 178, 0.25));}
.wd-page .wd-trusted{contain-intrinsic-size: auto 685px; background: #0b1020;}
.wd-page .wd-trusted .glow{top: 40px; width: 120%; height: 280px;
  background: radial-gradient(700px 240px at 30% 50%, rgba(251, 188, 4, 0.08), transparent 70%),
              radial-gradient(700px 240px at 70% 50%, rgba(66, 133, 244, 0.08), transparent 70%);}
.wd-page .wd-trusted .spotlight{display: none;}
.wd-page .wd-trusted .head h2{font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(38px, 5.2vw, 72px);
  font-weight: 800; letter-spacing: -0.03em; line-height: 1.04; color: #eef2ff;}
.wd-page .wd-trusted .head h2 .trust-grad{text-shadow: none;
  background-image: linear-gradient(115deg, #fde68a 0%, #fbbf24 30%, #fb7185 65%, #fde68a 100%);
  background-size: 200% 100%;
  animation: wdGxFlow 6s ease-in-out infinite;}
.wd-page .wd-trusted .head .subtitle{color: #6f7ba3; font-size: 18px; line-height: 1.7;}
.wd-page .wd-trusted .polo-board{position: relative; z-index: 1; overflow: hidden; padding: 64px 0 30px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);}
.wd-page .wd-trusted .polo-wire{position: absolute; top: 50px; left: 0; right: 0; height: 2px;
  background: rgba(255, 255, 255, 0.18); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}
.wd-page .wd-trusted .polo-track{display: flex; width: max-content; animation: wdPoloGo 60s linear infinite;}
.wd-page .wd-trusted .polo-board:hover .polo-track{animation-play-state: paused;}
@keyframes wdPoloGo{ from { transform: translateX(-50%); } to { transform: translateX(0); } }
.wd-page .wd-trusted .polo{position: relative; width: 150px; flex-shrink: 0;
  background:
    linear-gradient(160deg, rgba(7, 11, 22, 0.5) 0%, rgba(7, 11, 22, 0) 30%),
    linear-gradient(135deg, var(--pc, #4285f4), #0c1428);
  border-radius: 4px; padding: 10px 10px 14px; margin-right: 26px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);
  transform-origin: top center; rotate: var(--r, -3deg);
  animation: wdPoloSwing 4s ease-in-out infinite;
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), box-shadow .4s;}
.wd-page .wd-trusted .polo::before{content: '\f0c6'; font-family: 'Font Awesome 6 Free'; font-weight: 900;
  position: absolute; top: -18px; left: 50%; transform: translateX(-50%); color: #7a5c3a; font-size: 19px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
@keyframes wdPoloSwing{ 0%, 100% { rotate: var(--r, -3deg); } 50% { rotate: calc(var(--r, -3deg) + 1.5deg); } }
.wd-page .wd-trusted .polo:nth-child(3n){animation-delay: -1.3s;}
.wd-page .wd-trusted .polo:nth-child(3n+1){animation-delay: -2.6s;}
.wd-page .wd-trusted .polo-top{font-family: 'Caveat', cursive; font-weight: 600; font-size: 13px;
  color: #fff; text-align: center; line-height: 1; margin-bottom: 8px; white-space: nowrap;
  text-shadow: 0 1px 3px rgba(7, 11, 22, 0.5);}
.wd-page .wd-trusted .polo-top i{font-size: 10px; color: rgba(255, 255, 255, 0.92); margin-right: 4px; vertical-align: 1px;}
.wd-page .wd-trusted .polo .photo{width: 100%; aspect-ratio: 4 / 3; border-radius: 2px; overflow: hidden;}
.wd-page .wd-trusted .polo .photo img{width: 100%; height: 100%; object-fit: cover;
  object-position: center 20%; display: block;}
.wd-page .wd-trusted .polo-name{font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800;
  font-size: 14px; color: #fff; text-align: center; margin-top: 8px; line-height: 1.15;
  text-shadow: 0 1px 3px rgba(7, 11, 22, 0.5);}
.wd-page .wd-trusted .polo-role{font-size: 10.5px; font-weight: 600; color: rgba(255, 255, 255, 0.88);
  text-align: center; margin-top: 2px; line-height: 1.2; letter-spacing: 0.01em; white-space: nowrap;
  text-shadow: 0 1px 2px rgba(7, 11, 22, 0.55);}
.wd-page .wd-trusted .polo .cap{margin-top: 7px; background: #fff; border-radius: 5px; padding: 5px 6px;
  box-shadow: inset 0 0 0 1px rgba(11, 27, 51, 0.06);}
.wd-page .wd-trusted .polo .cap img{display: block; width: 100%; height: auto; aspect-ratio: 150 / 54;}
.wd-page .wd-trusted .polo .cap span{display: block; text-align: center; font-weight: 700; font-size: 15px; color: #3a3530;}
.wd-page .wd-trusted .polo:hover{transform: translateY(-8px) scale(1.05);
  box-shadow: 0 24px 40px rgba(0, 0, 0, 0.6); z-index: 5;}
@media (max-width: 600px){
.wd-page .wd-trusted .polo{width: 110px;}
.wd-page .wd-trusted .polo-top{font-size: 12.5px; white-space: normal; line-height: 1.05;}
.wd-page .wd-trusted .polo-name{font-size: 12px; margin-top: 6px;}
.wd-page .wd-trusted .polo-role{font-size: 9px; white-space: normal; line-height: 1.15;}
.wd-page .wd-trusted .polo .cap{padding: 4px 5px;}
.wd-page .wd-trusted .polo .cap span{font-size: 13px;}
}
@media (prefers-reduced-motion: reduce){
.wd-page .wd-trusted .polo{animation: none;}
}
.wd-overview{position: relative; background: var(--wd-bg-2); overflow: clip;}
.wd-curriculum{background: #fff;}
.wd-cf-card{position: absolute; left: 50%; top: 24px; width: min(430px, 86vw);
  margin-left: calc(min(430px, 86vw) / -2);
  background: #fff; border: 1px solid var(--wd-card-line);
  border-radius: 18px; padding: 30px 30px 26px;
  box-shadow: var(--wd-shadow-md);
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.65s, filter 0.65s;
  transform-style: preserve-3d; user-select: none;}
.wd-cf-card.is-active{transform: translateX(0) translateZ(60px) rotateY(0) !important; opacity: 1 !important; filter: none !important; z-index: 5; box-shadow: var(--wd-shadow-lg);}
@media (max-width: 640px){
.wd-cf-card{width: 86vw; margin-left: -43vw; top: 0;}
}
.wd-batches{background: #fff;}
.wd-tab{padding: 11px 26px; border-radius: 999px; border: none; cursor: pointer;
  font-family: 'Space Grotesk', sans-serif; font-size: 13px; font-weight: 700;
  color: var(--wd-ink-2); background: none; transition: background 0.3s, color 0.3s;}
.wd-tab.active{background: #fff; color: var(--wd-ink); box-shadow: var(--wd-shadow-sm);}
.wd-batch-card{background: var(--wd-bg-2); border: 1px solid transparent;
  border-radius: 18px; padding: 24px;
  transition: background 0.3s, border-color 0.3s, transform 0.3s;}
.wd-batch-card:hover{background: #fff; border-color: var(--wd-card-line); transform: translateY(-3px);}
.wd-batch-card[hidden]{display: none;}
.wd-bd-day{font-family: 'Bricolage Grotesque', sans-serif; font-size: 42px; font-weight: 800; color: var(--wd-ink); line-height: 1;}
.wd-bd-month{display: block;}
.wd-bd-month{font-size: 13px; font-weight: 700; color: var(--wd-ink); font-family: 'Space Grotesk', sans-serif;}
.wd-batch-count{display: flex; gap: 8px; margin-bottom: 18px;
  background: #fff; border: 1px solid var(--wd-card-line);
  border-radius: 12px; padding: 12px 10px;}
.wd-features{position: relative; overflow: clip;
  background:
    radial-gradient(900px 460px at 10% -8%, rgba(26, 86, 219, 0.05), transparent 60%),
    radial-gradient(820px 440px at 94% 6%, rgba(8, 145, 178, 0.055), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f8fafd 100%);}
.wd-feat-ghost{position: absolute; right: -3%; bottom: 0; z-index: 0;
  font-family: 'Unbounded', sans-serif; font-weight: 900;
  font-size: clamp(88px, 15vw, 218px); line-height: 0.9; letter-spacing: 0.01em;
  white-space: nowrap; color: transparent;
  -webkit-text-stroke: 1.5px rgba(11, 27, 51, 0.07);
  user-select: none;}
@media (max-width: 1020px){
.wd-feat-ghost{display: none;}
}
.wd-features .wd-head{position: relative; z-index: 2;}
.wd-feat-h2 .wd-tw{display: inline-block; will-change: transform;}
.wd-feat-meta{display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 26px 0 6px;}
.wd-feat-meta span{display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 17px; border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(11, 27, 51, 0.09);
  box-shadow: 0 6px 18px -10px rgba(11, 27, 51, 0.12);
  font-family: 'Space Grotesk', sans-serif; font-size: 12.5px; font-weight: 600;
  letter-spacing: 0.02em; color: var(--wd-ink-2);
  transition: border-color 0.3s ease, color 0.3s ease, translate 0.3s ease, box-shadow 0.3s ease;}
.wd-feat-meta span i{color: var(--wd-teal); font-size: 12px;}
.wd-feat-meta span:hover{border-color: rgba(8, 145, 178, 0.4); color: var(--wd-ink); translate: 0 -2px;
  box-shadow: 0 12px 24px -12px rgba(8, 145, 178, 0.3);}
.wd-feat-wrap{position: relative; z-index: 2;}
.wd-feat-manifest{position: relative; margin-top: 48px;}
.wd-feat-spine{position: absolute; left: -30px; top: 10px; bottom: 10px; width: 2px;
  background: rgba(11, 27, 51, 0.08); border-radius: 2px;}
.wd-feat-spine b{position: absolute; inset: 0; border-radius: inherit;
  background: linear-gradient(180deg, #1a56db, #0891b2);
  transform: scaleY(0); transform-origin: top;}
.wd-feat-spine b::after{content: ''; position: absolute; bottom: -4px; left: -4px;
  width: 10px; height: 10px; border-radius: 50%;
  background: #0891b2;
  box-shadow: 0 0 0 4px rgba(8, 145, 178, 0.15), 0 0 14px rgba(8, 145, 178, 0.6);}
@media (max-width: 1280px){
.wd-feat-spine{display: none;}
}
.wd-feat-row{--ac: #1a56db;
  position: relative; overflow: hidden;
  display: grid; align-items: center; gap: 18px;
  grid-template-columns: 42px 40px minmax(0, max-content) 1fr max-content;
  padding: 16px 18px 16px 14px;
  border-bottom: 1px solid rgba(11, 27, 51, 0.08);}
.wd-feat-row:first-child{border-top: 1px solid rgba(11, 27, 51, 0.08);}
.wd-feat-row::before{content: ''; position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--ac) 7%, transparent), transparent 78%);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;}
@media (hover: hover) and (pointer: fine){
.wd-feat-row:hover::before{transform: scaleX(1);}
.wd-feat-list:hover .wd-feat-row:not(:hover){opacity: 0.45;}
}
.wd-feat-row > *{position: relative; z-index: 1;}
.m-num{font-family: 'Unbounded', sans-serif; font-weight: 700;
  font-size: clamp(20px, 1.8vw, 25px); line-height: 1; letter-spacing: 0.01em;
  background: linear-gradient(120deg, var(--wd-ink) 20%, var(--ac) 90%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}
.wd-feat-row:hover .m-num{transform: scale(1.12);}
.wd-feat-peek{position: absolute; top: 0; left: 0; z-index: 60;
  width: 168px; padding: 16px 18px 15px;
  border-radius: 16px;
  background: linear-gradient(165deg, #101f3c, #0b1b33);
  border: 1px solid rgba(148, 180, 255, 0.16);
  box-shadow: 0 30px 60px -20px rgba(11, 27, 51, 0.55),
              inset 0 1px 0 rgba(255, 255, 255, 0.07);
  display: flex; flex-direction: column; gap: 5px;
  opacity: 0; pointer-events: none;
  will-change: transform;}
.wd-feat-peek-ic{font-size: 18px; color: var(--pc, #22d3ee);}
.wd-feat-peek-num{font-family: 'Unbounded', sans-serif; font-weight: 700; font-size: 26px; line-height: 1;
  color: #fff;}
.wd-feat-peek-lbl{font-family: 'Space Grotesk', sans-serif; font-size: 10px; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase; color: #93a8c8;}
@media (hover: none), (max-width: 1020px){
.wd-feat-peek{display: none;}
}
@media (max-width: 1020px){
.wd-feat-row{grid-template-columns: 42px 40px minmax(0, 1fr) max-content;}
}
@media (max-width: 560px){
.wd-feat-row{grid-template-columns: 38px minmax(0, 1fr);
    grid-template-areas: "ic main" "ic val";
    row-gap: 6px; padding: 14px 10px;}
.wd-feat-row > *{min-width: 0;}
.m-num{font-size: 19px;}
.wd-feat-meta{gap: 8px;}
.wd-feat-meta span{padding: 7px 12px; font-size: 11.5px;}
}
@media (prefers-reduced-motion: reduce){
.wd-feat-row,.wd-feat-row .m-num,.wd-feat-row::before,.wd-feat-meta span{transition: none !important;}
.wd-feat-spine b{transform: scaleY(1);}
}
@keyframes wrStatPulse{ 0%,100% { border-color: var(--wd-card-line); } }
.wd-faq{background: var(--wd-bg-2);}
.wd-faq .faq-item{background: #fff; border: none;
  border-radius: 13px;
  box-shadow: var(--wd-shadow-sm);
  overflow: hidden;}
.wd-faq .faq-question{display: flex; align-items: center; justify-content: space-between; gap: 14px;
  width: 100%; padding: 17px 22px; border: none; background: none; cursor: pointer;
  text-align: left; font-size: 14.5px; font-weight: 600; color: var(--wd-ink);}
.wd-faq .faq-question i{transition: transform 0.35s; color: var(--wd-ink-3); font-size: 12px; flex: none;}
.wd-faq .faq-item.active .faq-question i{transform: rotate(180deg); color: var(--wd-blue);}
.wd-faq-item-filtered{display: none !important;}
.wd-faq-more{text-align: center; margin-top: 28px;}
.wd-cr-stars{color: var(--wd-gold-2); font-size: 12px; letter-spacing: 2px;}
.wd-contact-card{border-radius: 18px; padding: 1.5px;
  background: linear-gradient(150deg, rgba(26, 86, 219, 0.5), rgba(8, 145, 178, 0.5));
  box-shadow: var(--wd-shadow-lg);}
.wd-contact-card form{background: #fff; border-radius: 16.5px; padding: 32px;
  display: flex; flex-direction: column; gap: 16px;}
.wd-enroll-card{position: relative; text-align: center; padding: 1.5px; border-radius: 22px;
  background: linear-gradient(150deg, #1a56db, #0891b2);
  box-shadow: var(--wd-shadow-lg);}
.wd-enroll-card h2{margin: 20px 0 14px; font-family: 'Bricolage Grotesque', sans-serif;
  font-size: clamp(30px, 4.2vw, 46px); font-weight: 800; letter-spacing: -0.025em; color: var(--wd-ink);}
.wd-enroll-card p{margin: 0 auto 30px; max-width: 520px; font-size: 15.5px; line-height: 1.7; color: var(--wd-ink-2);}
.wd-enroll-proof{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 11px; margin-top: 30px; font-size: 13px; font-weight: 600; color: var(--wd-ink-2);}
.wd-page .footer{background: #f2f5fa;}
.wd-page .footer h4{color: var(--wd-ink);}
.wd-page .section-title{font-family: 'Bricolage Grotesque', sans-serif; letter-spacing: -0.025em; color: var(--wd-ink);}
.wd-page .section-desc{color: var(--wd-ink-2);}
.wd-head{margin-bottom: 8px;}
@keyframes wdSpin{ to { transform: rotate(360deg); } }
@keyframes wdShine{
  0%        { transform: translateX(-130%) skewX(-10deg); }
  60%, 100% { transform: translateX(130%)  skewX(-10deg); }
}
.wd-page .btn-primary{position: relative; overflow: hidden;
  background-image: linear-gradient(105deg, #1a56db 0%, #0891b2 55%, #10b981 110%);
  background-size: 190% 100%; background-position: 0% 0;
  box-shadow: 0 12px 30px -10px rgba(26, 86, 219, 0.55), 0 2px 6px rgba(11, 27, 51, 0.14);
  transition: background-position 0.6s ease, transform 0.3s ease, box-shadow 0.3s ease;}
.wd-page .btn-primary:hover{background-position: 95% 0; background-color: #0891b2;
  box-shadow: 0 18px 42px -12px rgba(8, 145, 178, 0.65), 0 3px 8px rgba(11, 27, 51, 0.16);}
.wd-page .btn-primary::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 40%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  transform: translateX(-160%) skewX(-18deg); will-change: transform;}
.wd-page .btn-primary:hover::after{animation: wdShine 0.85s ease;}
.wd-page .header::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: linear-gradient(90deg, #1a56db, #0891b2, #10b981, #0ea5e9, #1a56db);
  background-size: 220% 100%;
  animation: wdGradFlow 7s linear infinite;}
.wd-page .section-label::before{background: linear-gradient(90deg, #1a56db, #0891b2, #10b981, #1a56db);
  background-size: 220% 100%;
  animation: wdGradFlow 5s linear infinite;}
.wd-page .reveal{opacity: 0;
  transform: translateY(34px) scale(0.985);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);}
.wd-page .reveal.visible{opacity: 1; transform: none;}
.no-js .wd-page .reveal{opacity: 1; transform: none;}
.wd-avs img{transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.wd-avs:hover img{transform: translateY(-4px) scale(1.12);}
.wd-avs:hover img + img{transform: translateY(-4px) scale(1.12) rotate(-6deg);}
.wd-page .meter{position: relative; overflow: hidden;}
.wd-page .meter::after{content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 32%, rgba(255, 255, 255, 0.6) 50%, transparent 68%);
  transform: translateX(-130%) skewX(-10deg);
  animation: wdShine 7s ease-in-out infinite;}
.wd-page .meter .seg .num{color: var(--tc, var(--wd-ink));}
.wd-cf-card{overflow: hidden;}
.wd-cf-card::after{content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 34%, rgba(255, 255, 255, 0.5) 48%, transparent 66%);
  transform: translateX(-130%) skewX(-10deg);}
.wd-cf-card.is-active::after{animation: wdShine 4.6s ease-in-out infinite;}
.wd-bd-day{background: linear-gradient(135deg, #1a56db, #0891b2);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;}
.wd-plan-card.featured{background: none; border-color: transparent;
  overflow: hidden; padding: 0;}
.wd-plan-card.featured::before{content: ''; position: absolute; inset: -150%; z-index: 0;
  background: conic-gradient(from 0deg, #1a56db, #0891b2, #10b981, #0ea5e9, #1a56db);
  animation: wdSpin 7s linear infinite; will-change: transform;
  -webkit-mask: none; mask: none; padding: 0; border-radius: 0; opacity: 1;}
.wd-plan-card.featured:hover{box-shadow: 0 34px 74px -26px rgba(8, 145, 178, 0.5);}
.wd-faq .faq-item{transition: transform 0.25s ease, box-shadow 0.25s ease;}
.wd-faq .faq-item:hover{transform: translateY(-2px); box-shadow: var(--wd-shadow-md);}
.wd-faq .faq-question::before{content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px;
  border-radius: 99px; background: var(--wd-duo);
  transform: scaleY(0); transform-origin: top;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}
.wd-faq .faq-question{position: relative;}
.wd-faq .faq-item:hover .faq-question::before,.wd-faq .faq-item.active .faq-question::before{transform: scaleY(1);}
.wd-contact-card,.wd-enroll-card{position: relative; overflow: hidden; background: none;}
.wd-contact-card::before,.wd-enroll-card::before{content: ''; position: absolute; inset: -150%; z-index: 0;
  background: conic-gradient(from 0deg, #1a56db, #0891b2, #10b981, #0ea5e9, #1a56db);
  animation: wdSpin 8s linear infinite; will-change: transform;}
.wd-contact-card form{position: relative; z-index: 1;}
@media (prefers-reduced-motion: reduce){
.wd-page .wd-progress span,.wd-page .wd-enroll-card,.wd-page .wd-plan-card.featured::before,.wd-page .wd-contact-card::before,.wd-page .wd-enroll-card::before,.wd-page .wd-cf-card::after,.wd-page .header::after,.wd-page .section-label::before,.wd-page .btn-primary,.wd-page .btn-primary::after{animation: none !important;
    transition: none !important;}
.wd-page .wd-cf-card{transition: opacity 0.3s;}
.wd-page .btn-primary{background-position: 30% 0;}
}
.wd-hero{padding: 160px 0 96px;
  background: #050a14;
  overflow: clip; isolation: isolate;}
.wd-hero-video{position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  pointer-events: none;}
.wd-hero-scrim{position: absolute; inset: 0;
  background: linear-gradient(100deg,
    rgba(6, 11, 22, 0.60) 0%,
    rgba(6, 11, 22, 0.34) 36%,
    rgba(6, 11, 22, 0.08) 64%,
    rgba(6, 11, 22, 0.04) 100%);}
.wd-hero-bg{perspective: 1400px;}
.wd-sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.wd-eyebrow3{display: inline-flex; align-items: center; gap: 10px; margin: 0;
  padding: 8px 16px 8px 9px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 18px 50px -28px rgba(0, 0, 0, 0.4);
  font-family: 'Caveat', cursive;
  font-size: 27px; font-weight: 700; line-height: 1.1;
  letter-spacing: 0; text-transform: none;
  color: rgba(255, 255, 255, 0.92);}
.wd-eyebrow3-pip{flex: none; width: 24px; height: 24px; border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #0d9488, #14b8a6);
  color: #fff; font-size: 11px;
  box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.25);}
#wdStats .seal-sticky{position: sticky;
  top: clamp(86px, 10vh, 108px);
  height: 0;
  z-index: 3;}
#wdStats .seal-sticky .section-seal{top: 0;}
@media (max-width: 767px){
#wdStats .seal-sticky{top: 72px;}
}
.wd-eyebrow3-neon{display: inline-block;
  padding: 0 0.14em; margin: 0 -0.14em;
  background-image: linear-gradient(90deg, #15fae5, #15fae5, #15fae5, #63bfe7, #22d3ee);
  background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 0 5px rgba(21, 250, 229, 0.6)) drop-shadow(0 0 14px rgba(99, 191, 231, 0.4));
  animation: wdNeonSweep 3.5s linear infinite, wdNeonGlow 4.5s ease-in-out infinite;}
@keyframes wdNeonSweep{
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
@keyframes wdNeonGlow{
  0%, 100% { filter: drop-shadow(0 0 5px rgba(21, 250, 229, 0.6)) drop-shadow(0 0 14px rgba(99, 191, 231, 0.4)); }
  45%      { filter: drop-shadow(0 0 4px rgba(21, 250, 229, 0.5)) drop-shadow(0 0 11px rgba(99, 191, 231, 0.32)); }
  50%      { filter: drop-shadow(0 0 9px rgba(21, 250, 229, 0.9)) drop-shadow(0 0 22px rgba(34, 211, 238, 0.55)); }
  55%      { filter: drop-shadow(0 0 5px rgba(21, 250, 229, 0.6)) drop-shadow(0 0 14px rgba(99, 191, 231, 0.4)); }
}
.wd-headline3{margin: 26px 0 0;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: clamp(52px, 6.8vw, 108px);
  font-weight: 800; line-height: 1.04; letter-spacing: -0.03em;
  color: #ffffff;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.3);}
@media (max-width: 480px){
.wd-headline3{font-size: clamp(30px, 10.8vw, 52px);}
}
.wd-h3-ln{display: block; overflow: hidden;}
.wd-h3-w{display: inline-block; will-change: transform, opacity, filter;
  animation: wdWordRise 1s cubic-bezier(0.16, 1, 0.3, 1) both;}
.wd-h3-w1{animation-delay: 0.30s;}
.wd-h3-w2{animation-delay: 0.44s;}
@keyframes wdWordRise{
  from { transform: translateY(108%); opacity: 0; filter: blur(6px); }
  to   { transform: translateY(0);    opacity: 1; filter: blur(0); }
}
.wd-gx{text-shadow: none;
  background-image: linear-gradient(115deg, #fde68a 0%, #fbbf24 30%, #fb7185 65%, #fde68a 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  animation: wdGxFlow 6s ease-in-out infinite;}
@keyframes wdGxFlow{ 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
.wd-h3-rot{display: grid; overflow: hidden; height: 1.18em;
  margin-top: 8px;
  font-size: 0.42em; font-weight: 700; letter-spacing: -0.01em;
  color: #ffffff;
  animation: wdUpIn 1s 0.75s cubic-bezier(0.16, 1, 0.3, 1) both;}
.wd-rot2-word{grid-area: 1 / 1; justify-self: start; align-self: start;
  opacity: 0;
  text-shadow: 0 0 22px rgba(56, 189, 248, 0.45);
  animation: wdRot2 10s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  animation-delay: calc(var(--i) * -2.5s);}
.wd-rot2-final{text-shadow: 0 0 30px rgba(56, 189, 248, 0.8);}
@keyframes wdRot2{
  0%        { transform: translateY(60%) scale(0.97); opacity: 0; letter-spacing: 0.10em; }
  7%        { transform: translateY(0)   scale(1);    opacity: 1; letter-spacing: normal; }
  24%       { transform: translateY(0)   scale(1);    opacity: 1; letter-spacing: normal; }
  30%, 100% { transform: translateY(-60%) scale(0.97); opacity: 0; letter-spacing: -0.02em; }
}
.wd-hero3-sub{margin: 26px 0 0; max-width: 520px;
  font-size: clamp(16.5px, 1.35vw, 19.5px); line-height: 1.7;
  color: rgba(226, 236, 252, 0.78);
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
  animation: wdUpIn 0.9s 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;}
.wd-avs{display: flex;}
.wd-avs img{width: 32px; height: 32px; border-radius: 50%; object-fit: cover;
  border: 2.5px solid #0b1220; margin-left: -9px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);}
.wd-avs img:first-child{margin-left: 0;}
.wd-cta3{display: flex; align-items: center; flex-wrap: wrap; gap: 30px; margin-top: 30px;}
.wd-hero .wd-cta3 .btn{position: relative; display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 30px; border-radius: 999px;
  font-size: 16px; font-weight: 600; letter-spacing: -0.01em;
  color: #fff; border: none; overflow: visible; height: auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;
  animation: wdBtnEntrance 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;}
.wd-hero .wd-cta3 .btn:nth-child(2){animation-delay: 0.15s;}
@keyframes wdBtnEntrance{
  0%   { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: translateY(0); }
}
.wd-hero .wd-cta3 .wd-cta3-demo{background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border: 2px solid rgba(61, 255, 171, 0.5);
  box-shadow: 0 0 22px -6px rgba(61, 255, 171, 0.35);
  color: #fff;}
.wd-hero .wd-cta3 .wd-cta3-demo:hover{background: rgba(61, 255, 171, 0.1);
  transform: translateY(-2px);
  border-color: rgba(61, 255, 171, 0.85);
  box-shadow: 0 14px 44px -8px rgba(61, 255, 171, 0.5);}
.wd-hero .wd-cta3 .wd-cta3-demo::before,.wd-hero .wd-cta3 .wd-cta3-demo::after{content: ''; position: absolute; inset: -3px; border-radius: 999px;
  border: 2px solid rgba(61, 255, 171, 0.5);
  animation: wdPulseRing 2.4s ease-out infinite;
  pointer-events: none;}
.wd-hero .wd-cta3 .wd-cta3-demo::after{border-color: rgba(61, 255, 171, 0.35); animation-delay: 1.2s;}
@keyframes wdPulseRing{
  0%   { transform: scale(1);   opacity: 0.7; }
  100% { transform: scale(1.3); opacity: 0; }
}
.wd-cta3-demo .wd-cta3-star{flex: none; width: 22px; height: 22px; border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: #fff; font-size: 10px;
  box-shadow: 0 0 10px -2px rgba(251, 191, 36, 0.8);}
.wd-bubble-wrap{position: relative;
  animation: wdBtnEntrance 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;}
.wd-bubble-wrap .button{-webkit-font-smoothing: antialiased;
  background-color: #3dffab;
  border: none;
  border-radius: 999px;
  color: #061018;
  display: inline-block;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  letter-spacing: 0.2px;
  padding: 14px 28px;
  transition: all 0.1s ease-out;}
.wd-bubble-wrap .button:hover{background-color: #38bdf8;
  color: #fff;}
.wd-bubble-wrap .button:active{transform: scale(0.95);}
.wd-bubble-wrap .button--bubble{position: relative;
  z-index: 2;
  color: #061018;
  background: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;}
.wd-bubble-wrap .button--bubble i{font-size: 13px;
  line-height: 1;}
.wd-bubble-wrap .button--bubble:hover{background: none;
  color: #fff;}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .circle{background: #38bdf8;}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .button{background: #38bdf8;}
.wd-bubble-wrap .button--bubble:active + .button--bubble__effect-container{transform: scale(0.95);}
.wd-bubble-wrap .button--bubble__container{position: relative;
  display: inline-block;}
.wd-bubble-wrap .effect-button{position: absolute;
  width: 50%;
  height: 25%;
  top: 50%;
  left: 25%;
  z-index: 1;
  transform: translateY(-50%);
  background: #3dffab;
  border-radius: 999px;
  transition: background 0.1s ease-out;}
.wd-bubble-wrap .button--bubble__effect-container{position: absolute;
  display: block;
  width: 200%;
  height: 400%;
  top: -150%;
  left: -50%;
  -webkit-filter: url("#goo");
  filter: url("#goo");
  transition: all 0.1s ease-out;
  pointer-events: none;}
.wd-bubble-wrap .circle{position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  background: #3dffab;
  transition: background 0.1s ease-out;}
.wd-bubble-wrap .circle.top-left{top: 40%; left: 27%;}
.wd-bubble-wrap .circle.bottom-right{bottom: 40%; right: 27%;}
@keyframes wdBurstOut{
  0%   { transform: translate(0, 0) scale(1); opacity: 1; }
  55%  { transform: translate(-40px, -34px) scale(1.15); opacity: 1; }
  100% { transform: translate(-50px, -42px) scale(0); opacity: 0; }
}
@keyframes wdBurstIn{
  0%   { transform: translate(0, 0) scale(1); opacity: 1; }
  55%  { transform: translate(34px, 30px) scale(1.15); opacity: 1; }
  100% { transform: translate(42px, 36px) scale(0); opacity: 0; }
}
@keyframes wdBlobSquash{
  0%   { transform: translateY(-50%) scaleY(1); }
  25%  { transform: translateY(-50%) scaleY(1.12); }
  60%  { transform: translateY(-50%) scaleY(0.97); }
  100% { transform: translateY(-50%) scaleY(1); }
}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .circle.top-left{animation: wdBurstOut 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .circle.top-left:nth-child(2){animation-delay: 0.07s;}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .circle.top-left:nth-child(3){animation-delay: 0.14s;}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .circle.bottom-right{animation: wdBurstIn 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .circle.bottom-right:nth-child(6){animation-delay: 0.05s;}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .circle.bottom-right:nth-child(7){animation-delay: 0.1s;}
.wd-bubble-wrap .button--bubble:hover + .button--bubble__effect-container .effect-button{animation: wdBlobSquash 1.1s cubic-bezier(0.22, 1, 0.36, 1);}
.goo{position: absolute;
  visibility: hidden;
  width: 1px;
  height: 1px;}
.wd-st-backdrop{position: absolute; inset: -6%;
  transform: translateZ(-70px);
  pointer-events: none;}
.wd-bd-vignette{position: absolute; inset: 0;
  background:
    radial-gradient(72% 62% at 50% 50%, rgba(4, 8, 16, 0.60) 0%, rgba(4, 8, 16, 0.32) 48%, transparent 74%),
    linear-gradient(180deg, rgba(4, 8, 16, 0.28) 0%, transparent 32%, transparent 68%, rgba(4, 8, 16, 0.34) 100%);}
.wd-bd-sparks{position: absolute; inset: 0;}
.wd-bd-sparks i{position: absolute; width: 4px; height: 4px; border-radius: 50%;
  background: #cdeaff;
  box-shadow: 0 0 8px 1px rgba(147, 197, 253, 0.8);
  opacity: 0;
  animation: wdBdTwinkle 3.8s ease-in-out infinite;}
.wd-bd-sparks i:nth-child(1){left: 12%; top: 16%; animation-delay: 0s;}
.wd-bd-sparks i:nth-child(2){left: 30%; top: 8%;  animation-delay: -0.7s; width: 3px; height: 3px;}
.wd-bd-sparks i:nth-child(3){left: 55%; top: 4%;  animation-delay: -1.4s;}
.wd-bd-sparks i:nth-child(4){left: 78%; top: 12%; animation-delay: -2.1s; width: 3px; height: 3px;}
.wd-bd-sparks i:nth-child(5){left: 90%; top: 30%; animation-delay: -2.8s;}
.wd-bd-sparks i:nth-child(6){left: 84%; top: 52%; animation-delay: -3.3s;}
.wd-bd-sparks i:nth-child(7){left: 92%; top: 74%; animation-delay: -1.9s; width: 3px; height: 3px;}
.wd-bd-sparks i:nth-child(8){left: 68%; top: 88%; animation-delay: -0.4s;}
.wd-bd-sparks i:nth-child(9){left: 44%; top: 92%; animation-delay: -2.5s; width: 3px; height: 3px;}
.wd-bd-sparks i:nth-child(10){left: 20%; top: 84%; animation-delay: -1.1s;}
.wd-bd-sparks i:nth-child(11){left: 6%;  top: 62%; animation-delay: -3.6s;}
.wd-bd-sparks i:nth-child(12){left: 10%; top: 38%; animation-delay: -1.7s; width: 3px; height: 3px;}
.wd-bd-sparks i:nth-child(6),.wd-bd-sparks i:nth-child(11){width: 11px; height: 11px; border-radius: 0;
  background: #e4f3ff;
  clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
  box-shadow: 0 0 12px rgba(147, 197, 253, 0.95);}
@keyframes wdBdTwinkle{
  0%, 100% { opacity: 0; transform: scale(0.4); }
  50%      { opacity: 1; transform: scale(1.15); }
}
.wd-stage{position: relative;}
.wd-stage-scene{--rx: 0deg; --ry: 0deg;
  position: relative;
  height: 720px; max-width: 580px; margin-left: auto; margin-right: 8px;
  transform-style: preserve-3d;
  
  transform: rotateX(var(--rx)) rotateY(var(--ry));
  animation: wdStageIn 1.3s 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
  will-change: transform;}
@keyframes wdStageIn{
  from { opacity: 0; transform: translate(30px, 40px) scale(0.94) rotateX(-1deg) rotateY(-4deg); filter: blur(8px); }
  to   { opacity: 1; transform: rotateX(var(--rx)) rotateY(var(--ry)); }
}
.wd-core{position: absolute; left: 50%; top: 300px;
  width: 200px; height: 200px; margin: -100px 0 0 -100px;
  transform-style: preserve-3d;
  animation: wdCoreIn 1.2s 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;}
@keyframes wdCoreIn{
  from { opacity: 0; transform: scale(0.82); filter: blur(10px); }
}
.wd-ring{position: absolute; border-radius: 50%;}
.wd-ring::before{content: ''; position: absolute; inset: 0; border-radius: 50%;
  -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
  mask: radial-gradient(closest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));}
.wd-ring-1{inset: 0;
  animation: wdRingSpin 14s linear infinite;}
.wd-ring-1::before{background: conic-gradient(from 0deg, transparent 0 68%, #38bdf8 84%, #7dd3fc 92%, transparent 100%);}
.wd-ring-2{inset: -18px;
  animation: wdRingSpin 22s linear infinite reverse;}
.wd-ring-2::before{background: conic-gradient(from 180deg, transparent 0 76%, rgba(251, 191, 36, 0.85) 90%, transparent 100%);}
@keyframes wdRingSpin{ to { transform: rotate(360deg); } }
.wd-ring i{position: absolute; top: 50%; left: 50%;
  width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%;
  background: #7dd3fc;
  box-shadow: 0 0 12px rgba(125, 211, 252, 0.9);
  animation: wdDotOrbit 7s linear infinite;}
.wd-ring-1 i{--dotR: 100px;}
.wd-ring-2 i{--dotR: 118px; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; background: #fbbf24; box-shadow: 0 0 12px rgba(251, 191, 36, 0.9); animation-duration: 11s;}
.wd-ring-1 i:nth-child(2){background: #34d399; box-shadow: 0 0 12px rgba(52, 211, 153, 0.9); animation-delay: -2.3s;}
.wd-ring-1 i:nth-child(3){background: #60a5fa; box-shadow: 0 0 12px rgba(96, 165, 250, 0.9); animation-delay: -4.6s;}
@keyframes wdDotOrbit{
  from { transform: rotate(0deg)   translateY(var(--dotR, -100px)); }
  to   { transform: rotate(360deg) translateY(var(--dotR, -100px)); }
}
.wd-core-disc{position: absolute; inset: 13px; border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px;
  background:
    radial-gradient(circle at 32% 24%, rgba(96, 165, 250, 0.28), transparent 46%),
    radial-gradient(circle at 70% 82%, rgba(52, 211, 153, 0.14), transparent 50%),
    linear-gradient(180deg, rgba(24, 36, 60, 0.97), rgba(8, 13, 26, 0.97));
  border: 1px solid rgba(158, 199, 255, 0.38);
  backdrop-filter: blur(4px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -14px 30px -18px rgba(125, 211, 252, 0.35),
    0 2px 4px rgba(0, 0, 0, 0.4),
    0 30px 70px -20px rgba(0, 0, 0, 0.75);
  animation: wdCoreBreath 5.5s ease-in-out infinite;}
@keyframes wdCoreBreath{
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -14px 30px -18px rgba(125, 211, 252, 0.35), 0 2px 4px rgba(0, 0, 0, 0.4), 0 30px 70px -20px rgba(0, 0, 0, 0.75), 0 0 0 0 rgba(56, 189, 248, 0.30); }
  50%      { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -14px 30px -18px rgba(125, 211, 252, 0.35), 0 2px 4px rgba(0, 0, 0, 0.4), 0 30px 70px -20px rgba(0, 0, 0, 0.75), 0 0 52px 10px rgba(56, 189, 248, 0.32); }
}
.wd-core-score{font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 54px; font-weight: 800; line-height: 1;
  background-image: linear-gradient(160deg, #ffffff 8%, #bcd9ff 38%, #7dd3fc 66%, #34d399 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 3px 10px rgba(56, 189, 248, 0.35));}
.wd-core-stars{color: #fde047; font-size: 14px; letter-spacing: 4px; filter: drop-shadow(0 0 6px rgba(253, 224, 71, 0.55));}
.wd-core-stars i{display: inline-block;
  animation: wdStarGleam 2.6s ease-in-out infinite;
  will-change: transform, filter;}
.wd-core-stars i:nth-child(2){animation-delay: -0.52s;}
.wd-core-stars i:nth-child(3){animation-delay: -1.04s;}
.wd-core-stars i:nth-child(4){animation-delay: -1.56s;}
.wd-core-stars i:nth-child(5){animation-delay: -2.08s;}
@keyframes wdStarGleam{
  0%, 100% { transform: scale(1) translateY(0); filter: drop-shadow(0 0 5px rgba(253, 224, 71, 0.5)); }
  50%      { transform: scale(1.35) translateY(-2px); filter: drop-shadow(0 0 13px rgba(253, 224, 71, 0.95)); }
}
.wd-core-cap{font-family: 'Space Grotesk', sans-serif; font-size: 10.5px; letter-spacing: 0.06em; color: rgba(226, 236, 252, 0.72);}
.wd-core-cap b{color: #fff;}
.wd-phone{position: absolute; left: -20px; top: 180px;
  width: 148px;
  transform: translateZ(34px) rotate(-3deg);
  border-radius: 24px;
  padding: 7px;
  background: linear-gradient(170deg, #2c3444, #10141f);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 2px 4px rgba(0, 0, 0, 0.45),
    0 30px 60px -18px rgba(0, 0, 0, 0.8);
  animation: wdPhoneIn 1s 1.25s cubic-bezier(0.16, 1, 0.3, 1) backwards,
             wdFloatBob 8s ease-in-out infinite;
  animation-delay: 1.25s, -6.4s;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;}
.wd-phone:hover{transform: translateZ(34px) rotate(0deg) scale(1.03);}
@keyframes wdPhoneIn{
  from { opacity: 0; translate: -40px 0; }
  to   { opacity: 1; translate: 0 0; }
}
.wd-ph-screen{position: relative; border-radius: 18px; overflow: hidden;
  aspect-ratio: 9 / 17;
  background: #05080f;}
.wd-ph-video{position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s cubic-bezier(0.22, 1, 0.36, 1);}
.wd-ph-wipe{position: absolute; inset: -12% -24%; z-index: 3;
  background: linear-gradient(100deg,
    transparent 32%,
    rgba(255, 255, 255, 0.38) 50%,
    transparent 68%);
  transform: translateX(-140%) skewX(-16deg);
  pointer-events: none; opacity: 0;}
.wd-ph-screen.wd-swapping .wd-ph-wipe{animation: wdSwoosh 0.6s cubic-bezier(0.22, 1, 0.36, 1);}
.wd-ph-screen.wd-swapping .wd-ph-video{transform: translateX(-22px) scale(1.06); filter: blur(2px) brightness(1.12);}
.wd-ph-notch{position: absolute; top: 7px; left: 50%;
  translate: -50% 0;
  width: 44px; height: 5px; border-radius: 99px;
  background: rgba(10, 14, 22, 0.9);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.12);}
.wd-ph-cap{position: absolute; left: 8px; right: 8px; bottom: 8px;
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(8, 12, 20, 0.2), rgba(8, 12, 20, 0.82));
  backdrop-filter: blur(4px);}
.wd-ph-cap i{flex: none; width: 26px; height: 26px; border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(255, 255, 255, 0.14);
  color: #fff; font-size: 10px;
  animation: wdAvPulse 3s ease-in-out infinite;}
.wd-ph-cap b{display: block; font-family: 'Space Grotesk', sans-serif; font-size: 11px; color: #fff;}
.wd-phone{cursor: pointer;}
.wd-ph-play{position: absolute; inset: 0; z-index: 4;
  display: grid; place-items: center;
  background: rgba(4, 8, 16, 0.35);
  opacity: 0; transition: opacity 0.3s ease;
  pointer-events: none;}
.wd-phone:hover .wd-ph-play{opacity: 1;}
.wd-ph-play i{width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center;
  padding-left: 4px;
  background: rgba(56, 189, 248, 0.92); color: #fff; font-size: 15px;
  box-shadow: 0 0 26px rgba(56, 189, 248, 0.65);}
.wd-phone.wd-watching{transform: translateZ(40px) rotate(0deg) scale(1.1);
  animation-play-state: paused;
  cursor: default;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 0 2px rgba(56, 189, 248, 0.5),
    0 0 34px -6px rgba(56, 189, 248, 0.4),
    0 24px 50px -18px rgba(0, 0, 0, 0.8);}
.wd-phone.wd-watching:hover{transform: translateZ(40px) rotate(0deg) scale(1.1);}
.wd-phone.wd-watching .wd-ph-video{object-fit: contain; background: #000;}
.wd-phone.wd-watching .wd-ph-cap,.wd-phone.wd-watching .wd-ph-play{display: none;}
.wd-ph-close{position: absolute; top: 18px; right: 10px; z-index: 6;
  width: 26px; height: 26px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(10, 16, 28, 0.72);
  color: #fff; font-size: 11px; cursor: pointer;
  display: grid; place-items: center;
  backdrop-filter: blur(6px);
  opacity: 0; visibility: hidden;
  transition: opacity 0.3s ease, background 0.3s ease;}
.wd-phone.wd-watching .wd-ph-close{opacity: 1; visibility: visible;}
.wd-ph-close:hover{background: rgba(56, 189, 248, 0.28);}
.wd-ph-ctrls{position: absolute; left: 7px; right: 7px; bottom: 7px; z-index: 5;
  display: flex; align-items: center; gap: 6px;
  padding: 5px 7px; border-radius: 11px;
  background: linear-gradient(180deg, rgba(8, 12, 20, 0.2), rgba(8, 12, 20, 0.86));
  backdrop-filter: blur(4px);
  opacity: 0; visibility: hidden;
  transition: opacity 0.3s ease;}
.wd-phone.wd-watching .wd-ph-ctrls{opacity: 1; visibility: visible;}
.wd-ph-btn{flex: none; width: 24px; height: 24px; border-radius: 50%;
  border: none; cursor: pointer;
  background: rgba(255, 255, 255, 0.14);
  color: #fff; font-size: 9.5px;
  display: grid; place-items: center;
  transition: background 0.25s ease;}
.wd-ph-btn:hover{background: rgba(56, 189, 248, 0.4);}
.wd-ph-prog{position: relative; flex: 1; height: 16px;
  display: flex; align-items: center;
  cursor: pointer; touch-action: none;}
.wd-ph-prog::before{content: ''; position: absolute; left: 0; right: 0; top: 50%;
  height: 3px; margin-top: -1.5px;
  border-radius: 99px; background: rgba(255, 255, 255, 0.22);}
.wd-ph-fill{position: absolute; left: 0; top: 50%;
  width: 0%; height: 3px; margin-top: -1.5px;
  border-radius: 99px;
  background: #38bdf8;
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.7);}
.wd-ph-knob{position: absolute; right: -4.5px; top: 50%;
  width: 9px; height: 9px; border-radius: 50%;
  translate: 0 -50%;
  background: #fff;
  box-shadow: 0 0 6px rgba(56, 189, 248, 0.9);}
.wd-sat{position: absolute; overflow: hidden;
  display: flex; flex-direction: column; gap: 8px;
  padding: 14px 14px 11px; border-radius: 9px;
  background: linear-gradient(165deg, rgba(35, 28, 14, 0.96), rgba(16, 12, 6, 0.97));
  border: 1px solid rgba(251, 191, 36, 0.38);
  backdrop-filter: blur(5px);
  font-family: 'Space Grotesk', sans-serif;
  box-shadow:
    inset 0 1px 0 rgba(253, 230, 138, 0.14),
    0 2px 3px rgba(0, 0, 0, 0.4),
    0 28px 56px -20px rgba(0, 0, 0, 0.75);
  animation: wdSatIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) both, wdFloatBob 7s ease-in-out infinite;}
.wd-sat::before{content: ''; position: absolute; top: 6px; left: 6px; width: 13px; height: 13px;
  border-top: 1.5px solid rgba(251, 191, 36, 0.7);
  border-left: 1.5px solid rgba(251, 191, 36, 0.7);}
.wd-sat::after{content: ''; position: absolute; bottom: 6px; right: 6px; width: 13px; height: 13px;
  border-bottom: 1.5px solid rgba(251, 191, 36, 0.7);
  border-right: 1.5px solid rgba(251, 191, 36, 0.7);}
.wd-card-sheen{position: absolute; top: -40%; bottom: -40%; left: 0; width: 34%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.13), transparent);
  transform: translateX(-60%) skewX(-18deg);
  animation: wdSheen 7.5s 2s ease-in-out infinite;
  pointer-events: none; z-index: 4;}
@keyframes wdSheen{
  0%, 55%  { transform: translateX(-60%) skewX(-18deg); opacity: 0; }
  62%      { opacity: 1; }
  92%, 100% { transform: translateX(400%) skewX(-18deg); opacity: 0; }
}
@keyframes wdSatIn{
  from { opacity: 0; }
}
.wd-sat b{display: block; font-size: 12px; font-weight: 700; color: #fff;}
.wd-sat small{display: block; font-size: 10.5px; color: rgba(226, 236, 252, 0.55);}
.wd-sat-title{display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
  color: rgba(226, 236, 252, 0.5);}
.wd-sat-title i{color: #f59e0b; font-size: 11px;}
.wd-sat-awards .wd-sat-title{color: rgba(253, 230, 138, 0.72);}
.wd-sat-awards{right: -30px; top: 0; bottom: auto; width: 350px;
  transform: translateZ(72px);
  padding: 11px 12px 10px;
  animation-delay: 0.55s, -2.8s;}
.wd-aw-stage{display: grid;}
.wd-aw-pair{grid-area: 1 / 1;
  display: flex; flex-direction: column; gap: 6px;
  min-height: 50px; justify-content: center;
  opacity: 0; transform: translateY(14px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;}
.wd-aw-pair.wd-active{opacity: 1; transform: translateY(0); pointer-events: auto;}
.wd-aw-dots{display: flex; gap: 5px; justify-content: center; margin-top: 8px;}
.wd-aw-dots i{width: 5px; height: 5px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  transition: background 0.4s, box-shadow 0.4s;}
.wd-aw-dots i.wd-active{background: #fbbf24;
  box-shadow: 0 0 6px rgba(251, 191, 36, 0.6);}
.wd-aw2{display: flex; align-items: center; gap: 10px; text-decoration: none;
  padding: 8px 9px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(255, 255, 255, 0.10);
  transition: border-color 0.4s, background 0.4s, transform 0.4s;}
.wd-aw2:hover,.wd-aw2:focus-visible{border-color: rgba(251, 191, 36, 0.60);
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.14), rgba(251, 191, 36, 0.05));
  transform: translateX(3px);}
.wd-aw2 img{width: 34px; height: 34px; object-fit: contain; flex: none;
  filter: drop-shadow(0 3px 12px rgba(245, 158, 11, 0.55));
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);}
.wd-aw2:hover img{transform: scale(1.12) rotate(-4deg);}
.wd-aw2 b,.wd-aw2 small{display: block; max-width: 100%;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wd-aw2 b{font-size: 16px; letter-spacing: -0.01em;}
.wd-aw2 small{font-size: 12px; color: rgba(226, 236, 252, 0.72);}
.wd-sat-ratings{right: -116px; top: 180px; bottom: auto; width: 216px;
  transform: translateZ(46px);
  padding: 12px 12px 10px;
  background: linear-gradient(165deg, rgba(13, 27, 46, 0.96), rgba(7, 13, 25, 0.97));
  border-color: rgba(56, 189, 248, 0.35);
  box-shadow:
    inset 0 1px 0 rgba(148, 197, 245, 0.14),
    0 2px 3px rgba(0, 0, 0, 0.4),
    0 28px 56px -20px rgba(0, 0, 0, 0.75);
  animation-delay: 0.85s, -3.6s;}
.wd-sat-ratings::before{border-top-color: rgba(56, 189, 248, 0.65); border-left-color: rgba(56, 189, 248, 0.65);}
.wd-sat-ratings::after{border-bottom-color: rgba(56, 189, 248, 0.65); border-right-color: rgba(56, 189, 248, 0.65);}
.wd-sat-ratings .wd-sat-title{color: rgba(186, 215, 245, 0.6);}
.wd-sat-ratings .wd-sat-title i{color: #38bdf8;}
.wd-pr-rows{display: flex; flex-direction: column; gap: 5px;}
.wd-pr-row{display: flex; align-items: center; gap: 8px;
  padding: 3px 7px; border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(255, 255, 255, 0.07);
  text-decoration: none; color: inherit;
  transition: border-color 0.35s, background 0.35s;}
.wd-pr-row:hover{border-color: rgba(56, 189, 248, 0.45);
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.12), rgba(56, 189, 248, 0.04));}
.wd-pr-logo{flex: none; width: 22px; height: 22px; border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.25);}
.wd-pr-logo img{width: 13px; height: 13px; object-fit: contain; display: block;}
.wd-pr-row b{flex: 1; min-width: 0; font-size: 11px; font-weight: 600;
  color: rgba(240, 246, 255, 0.95);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wd-pr-row small{display: flex; align-items: center; gap: 4px; flex: none;}
.wd-pr-row em{font-style: normal; color: #fcd34d; font-size: 11px; font-weight: 800;}
.wd-pr-stars{font-size: 7px; color: #fde047; letter-spacing: 1px;}
.wd-tcard{--trx: 0deg; --try: 0deg;
  position: absolute; left: 150px; top: auto; right: auto; bottom: 10px; width: 370px; overflow: hidden;
  transform: translateZ(60px) rotateX(var(--trx)) rotateY(var(--try));
  display: grid; padding: 16px 17px 14px; border-radius: 15px;
  border: 1.5px solid transparent;
  background:
    linear-gradient(180deg, rgba(24, 35, 58, 0.97), rgba(9, 15, 28, 0.98)) padding-box,
    linear-gradient(90deg, rgba(56, 189, 248, 0.75), rgba(52, 211, 153, 0.65), rgba(56, 189, 248, 0.10) 55%, rgba(56, 189, 248, 0.75)) border-box;
  background-size: 100% 100%, 320% 100%;
  backdrop-filter: blur(5px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 2px 3px rgba(0, 0, 0, 0.4),
    0 30px 60px -22px rgba(0, 0, 0, 0.8);
  animation: wdTcardIn 0.9s 1.05s cubic-bezier(0.16, 1, 0.3, 1) both,
             wdFloatBob 7s ease-in-out infinite,
             wdTborderFlow 8s linear infinite;
  animation-delay: 1.05s, -5.2s, 0s;
  transition: box-shadow 0.4s;}
@keyframes wdTcardIn{ from { opacity: 0; } }
@keyframes wdTborderFlow{
  0%   { background-position: 0 0, 0% 0; }
  100% { background-position: 0 0, 320% 0; }
}
.wd-tcard:hover{box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 2px 3px rgba(0, 0, 0, 0.4),
    0 34px 68px -22px rgba(0, 0, 0, 0.85),
    0 0 30px -4px rgba(56, 189, 248, 0.25);}
.wd-t-slide{grid-area: 1 / 1;
  display: flex; flex-direction: column;
  min-height: 186px;
  opacity: 0; transform: translateX(52px) skewX(-6deg);
  transition: transform 0.62s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
  will-change: transform, opacity;}
.wd-t-slide.wd-active{opacity: 1; transform: translateX(0) skewX(0deg); pointer-events: auto;}
.wd-t-slide.wd-t-out{opacity: 0; transform: translateX(-52px) skewX(6deg);}
.wd-t-swoosh{grid-area: 1 / 1; position: absolute; inset: -14% -8%; z-index: 5;
  background: linear-gradient(100deg,
    transparent 14%,
    rgba(186, 230, 253, 0.22) 40%,
    rgba(255, 255, 255, 0.40) 50%,
    rgba(186, 230, 253, 0.22) 60%,
    transparent 86%);
  transform: translateX(-135%) skewX(-18deg);
  pointer-events: none; opacity: 0;}
.wd-tcard.wd-swooshing .wd-t-swoosh{animation: wdSwoosh 0.66s cubic-bezier(0.22, 1, 0.36, 1);}
@keyframes wdSwoosh{
  0%   { opacity: 0; transform: translateX(-135%) skewX(-18deg); }
  16%  { opacity: 1; }
  78%  { opacity: 1; }
  100% { opacity: 0; transform: translateX(240%) skewX(-18deg); }
}
.wd-t-top{display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.wd-t-plat{display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 11px; border-radius: 999px;
  background: var(--pc); color: #fff;
  font-family: 'Space Grotesk', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase;}
.wd-t-plat i{font-size: 11px;}
.wd-t-stars{color: #fbbf24; font-size: 10.5px; letter-spacing: 2px;}
.wd-t-quote{margin: 13px 0 0; font-size: 14.5px; line-height: 1.62; color: rgba(233, 242, 255, 0.92);
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.wd-t-who{display: flex; align-items: center; gap: 11px; margin-top: auto; padding-top: 13px;}
.wd-t-av3{flex: none; width: 42px; height: 42px; border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #38bdf8, #34d399);
  animation: wdAvPulse 3s ease-in-out infinite;}
@keyframes wdAvPulse{
  0%, 100% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.45); }
  50%      { box-shadow: 0 0 0 6px rgba(56, 189, 248, 0); }
}
.wd-t-av3 img{width: 38px; height: 38px; border-radius: 50%; object-fit: cover;
  border: 2px solid #0d1526;}
.wd-t-who b{display: block; font-size: 13.5px; color: #fff;}
.wd-t-who small{display: block; font-size: 11px; color: rgba(226, 236, 252, 0.62);}
@keyframes wdFloatBob{ 0%, 100% { margin-top: 0; } 50% { margin-top: -10px; } }
.wd-hero-inner{position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center;}
@media (min-width: 1021px) and (max-width: 1330px){
.wd-sat-ratings{right: -44px;}
.wd-sat-awards{right: -10px;}
}
@media (min-width: 1021px) and (max-width: 1180px){
.wd-tcard{width: 300px;}
}
@media (max-width: 1020px){
.wd-hero{padding-top: 100px;}
.wd-hero-scrim{background: linear-gradient(180deg,
      rgba(6, 11, 22, 0.55) 0%,
      rgba(6, 11, 22, 0.28) 40%,
      rgba(6, 11, 22, 0.12) 72%,
      rgba(6, 11, 22, 0.10) 100%);}
.wd-hero-inner{grid-template-columns: 1fr; gap: 52px;}
.wd-stage{max-width: 580px; margin: 0 auto; width: 100%;}
}
@media (max-width: 768px){
.wd-eyebrow3{padding: 7px 12px 7px 8px;}
.wd-stage-scene{height: auto; margin-right: 0;
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px; justify-items: center; align-items: center;
    padding: 10px 6px 0;}
.wd-st-backdrop{display: none;}
.wd-core{position: static; grid-column: 1 / -1; margin: 0; transform: scale(0.92);}
.wd-phone{position: static; grid-column: 1 / -1;
    transform: none; rotate: 0deg; width: 210px;
    animation: none;}
.wd-phone:hover{transform: none;}
.wd-phone.wd-watching{transform: none;}
.wd-phone.wd-watching:hover{transform: none;}
.wd-sat-awards,.wd-sat-ratings,.wd-tcard{position: static; grid-column: 1 / -1;
    width: 100%; max-width: 330px; transform: none;}
.wd-sat-awards{order: -1;}
}
.wd-kpi-sp{position: absolute; bottom: -12px; border-radius: 50%; pointer-events: none;
  background: linear-gradient(135deg, #60a5fa, #34d399);
  box-shadow: 0 0 10px 1px rgba(96, 165, 250, 0.5);
  opacity: 0; z-index: 1;
  animation: wdSpRise linear infinite;}
@keyframes wdSpRise{
  0%   { transform: translateY(0) translateX(0); opacity: 0; }
  8%   { opacity: 0.9; }
  80%  { opacity: 0.25; }
  100% { transform: translateY(-540px) translateX(26px); opacity: 0; }
}
.wd-kpi-grid{position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
  perspective: 1000px;}
@property --wd-ang{ syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.wd-kpi-card{--trx: 0deg; --try: 0deg;
  --mx: 50%; --my: 50%;
  position: relative; padding: 16px 22px 18px; border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.42));
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 1px 2px rgba(11, 27, 51, 0.04),
              0 0 0 1px rgba(11, 27, 51, 0.05),
              0 18px 40px -18px rgba(11, 27, 51, 0.16),
              inset 0 1px 0 rgba(255, 255, 255, 0.95);
  overflow: hidden;
  transform: translateY(var(--poy, 0px)) rotateX(var(--trx)) rotateY(var(--try));
  will-change: transform;
  transition: opacity 0.55s ease,
              translate 0.6s cubic-bezier(0.22, 1, 0.36, 1),
              scale 0.6s cubic-bezier(0.22, 1, 0.36, 1),
              rotate 0.7s cubic-bezier(0.22, 1, 0.36, 1),
              border-color 0.4s ease, box-shadow 0.4s ease;}
.wd-kpi-grid.wd-pre .wd-kpi-card{opacity: 0; translate: 0 18px; scale: 0.97; rotate: 0 1 0 -14deg;}
.wd-kpi-grid.wd-pre .wd-kpi-card.wd-in{opacity: 1; translate: 0 0; scale: 1; rotate: 0 1 0 0deg;}
.wd-kpi-card:hover{translate: 0 -6px;
  scale: 1.02;
  box-shadow: 0 1px 2px rgba(11, 27, 51, 0.05),
              0 0 0 1px color-mix(in srgb, var(--tc) 22%, rgba(11, 27, 51, 0.06)),
              0 26px 52px -18px color-mix(in srgb, var(--tc) 32%, rgba(11, 27, 51, 0.2)),
              inset 0 1px 0 rgba(255, 255, 255, 0.95);}
.wd-kpi-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--tc); opacity: 0.9; z-index: 2;
  animation: wdStripe 3.6s ease-in-out infinite;}
.wd-kpi-card:nth-child(2)::before{animation-delay: -0.9s;}
.wd-kpi-card:nth-child(3)::before{animation-delay: -1.8s;}
.wd-kpi-card:nth-child(4)::before{animation-delay: -2.7s;}
@keyframes wdStripe{ 0%, 100% { opacity: 0.65; } 50% { opacity: 1; } }
.wd-kpi-card::after{content: ''; position: absolute; inset: 0; border-radius: inherit;
  background: linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, 0.5) 50%, transparent 58%);
  background-size: 250% 100%;
  background-position: 220% 0;
  animation: wdSheen 5.6s ease-in-out infinite;
  pointer-events: none; z-index: 3;}
.wd-kpi-card:nth-child(2)::after{animation-delay: 1.3s;}
.wd-kpi-card:nth-child(3)::after{animation-delay: 2.6s;}
.wd-kpi-card:nth-child(4)::after{animation-delay: 3.9s;}
@keyframes wdSheen{ from { background-position: 220% 0; } to { background-position: -120% 0; } }
.wd-kpi-spot{position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 3;
  background: radial-gradient(200px circle at var(--mx, 50%) var(--my, 50%),
    rgba(255, 255, 255, 0.55), transparent 65%);
  opacity: 0; transition: opacity 0.4s ease;}
.wd-kpi-card:hover .wd-kpi-spot{opacity: 1;}
.wd-kpi-bar{margin-top: 12px; height: 6px; border-radius: 99px;
  background: rgba(11, 27, 51, 0.08); overflow: hidden;}
.wd-kpi-bar i{display: block; height: 100%; width: 0;
  background: var(--kpi-grad); border-radius: 99px;
  transition: width 1.6s cubic-bezier(0.2, 0.8, 0.2, 1);}
@media (max-width: 900px){
.wd-kpi-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 520px){
.wd-kpi-grid{grid-template-columns: 1fr;}
}
@media (max-width: 560px){
.wd-eyebrow3{gap: 7px; padding: 7px 12px 7px 8px; font-size: 22px;}
.wd-eyebrow3-pip{width: 20px; height: 20px;}
}
.ctv1{position: relative; overflow: clip;
    background:
      radial-gradient(rgba(90, 140, 110, .11) 1.3px, transparent 1.7px) 0 0 / 24px 24px,
      linear-gradient(180deg, #f2f8f2, #e3f0e8);
    padding: 92px 24px 104px;}
.ctv1-bk{position: absolute; bottom: -170px; z-index: 0;
    width: var(--s); height: var(--s); border-radius: 50%;
    left: var(--l); pointer-events: none;
    background: radial-gradient(circle at 32% 30%, var(--c), transparent 72%);
    animation: tv-rise var(--d) linear infinite;
    animation-delay: var(--dl);}
@keyframes tv-rise{
    0% { transform: translate(0, 0) scale(.6); opacity: 0; }
    10% { opacity: var(--o, .9); }
    50% { transform: translate(26px, -560px) scale(1); }
    88% { opacity: var(--o, .9); }
    100% { transform: translate(-18px, -1200px) scale(1.06); opacity: 0; }
  }
.ctv1-head,.ctv1-grid{position: relative; z-index: 1;}
.ctv1-head{text-align: center; margin-bottom: 56px;}
.ctv1-head .eyebrow{margin-bottom: 16px;}
.ctv1-title{font-family: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: clamp(30px, 3.4vw, 44px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #1d3d31;}
.ctv1-title .highlight{background: linear-gradient(135deg, #6d28d9 0%, #db2777 50%, #f97316 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    animation: vrGradientShift 8s ease infinite;}
.ctv1-sub{margin-top: 12px; max-width: 640px;
    margin-left: auto; margin-right: auto;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: 15.5px; font-weight: 400; line-height: 1.7;
    color: #45566e;}
.ctv1-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 44px 30px; max-width: 1180px; margin: 0 auto;}
.ctv1-tv{display: block; position: relative; padding-top: 30px;}
.ctv1-tv::before,.ctv1-tv::after{content: ''; position: absolute; top: 2px; left: 50%; width: 3px; height: 32px;
    background: #7a8477; border-radius: 2px; transform-origin: bottom center;}
.ctv1-tv::before{transform: translateX(-17px) rotate(-24deg);}
.ctv1-tv::after{transform: translateX(14px) rotate(22deg);}
.ctv1-set{display: block; background: var(--tv); border-radius: 20px; padding: 13px 13px 10px;
    box-shadow: 0 20px 30px -20px rgba(70, 90, 75, .65), inset 0 2px 0 rgba(255, 255, 255, .5);}
.ctv1-screen{position: relative; display: block; height: 150px; border-radius: 12px; overflow: hidden;
    background: #10231c; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .08);}
.ctv1-screen img{width: 100%; height: 100%; object-fit: cover; display: block;}
.ctv1-screen::before{content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 3px);}
.ctv1-cloud{position: absolute; inset: 0; display: grid; place-items: center; font-size: 42px; color: #fff; background: linear-gradient(135deg, #7cc4a0, #3a9d7c);}
.ctv1-ch{position: absolute; top: 9px; left: 9px; z-index: 2;
    font: 700 8.5px 'Space Grotesk', sans-serif; letter-spacing: .2em;
    color: #0e2a1e; background: #6fe8a3; padding: 3px 8px; border-radius: 4px;}
.ctv1-knobs{display: flex; align-items: center; gap: 7px; margin-top: 9px; padding: 0 3px;}
.ctv1-knobs i{width: 15px; height: 15px; border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .55), transparent 42%), #8d9689;}
.ctv1-brand{margin-left: auto; font: 700 7.5px 'Space Grotesk', sans-serif; letter-spacing: .26em; color: rgba(70, 90, 75, .7);}
.ctv1-card{display: block; margin: 13px 5px 0; background: #fff; border-radius: 13px;
    padding: 13px 15px 11px;
    box-shadow: 0 18px 26px -20px rgba(70, 90, 75, .65);}
.ctv1-card h3{font: 800 15.5px/1.3 'DM Sans', sans-serif; color: #23423a;}
.ctv1-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    margin-top: 5px; font: 400 12.5px/1.55 'DM Sans', sans-serif; color: #6d8579;}
.ctv1-meta{display: flex; gap: 13px; margin-top: 9px; padding-top: 8px;
    border-top: 1px dashed #dfe9e2;
    font: 600 10.5px 'Space Grotesk', sans-serif; color: #79907f;}
.ctv1-meta .now{margin-left: auto; color: #3a9d7c;}
@keyframes tv-float{
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
  }
@keyframes tv-ant-l{
    0%, 100% { transform: translateX(-17px) rotate(-24deg); }
    30% { transform: translateX(-17px) rotate(-34deg); }
    55% { transform: translateX(-17px) rotate(-19deg); }
    80% { transform: translateX(-17px) rotate(-31deg); }
  }
@keyframes tv-ant-r{
    0%, 100% { transform: translateX(14px) rotate(22deg); }
    30% { transform: translateX(14px) rotate(32deg); }
    55% { transform: translateX(14px) rotate(17deg); }
    80% { transform: translateX(14px) rotate(29deg); }
  }
@keyframes tv-sweep{
    0% { transform: translateX(-150%) skewX(-12deg); }
    55%, 100% { transform: translateX(340%) skewX(-12deg); }
  }
@keyframes tv-blink{
    0%, 100% { opacity: 1; }
    50% { opacity: .25; }
  }
.ctv1-tv{animation: tv-float 7s ease-in-out infinite;}
.ctv1-tv:nth-child(2){animation-delay: -1.2s;}
.ctv1-tv:nth-child(3){animation-delay: -2.4s;}
.ctv1-tv:nth-child(4){animation-delay: -3.6s;}
.ctv1-tv:nth-child(5){animation-delay: -4.8s;}
.ctv1-tv:hover{animation-play-state: paused;}
.ctv1-tv:hover .ctv1-set{box-shadow:
      0 24px 34px -20px rgba(70, 90, 75, .8),
      0 0 28px -6px rgba(111, 232, 163, .55),
      inset 0 2px 0 rgba(255, 255, 255, .5);}
.ctv1-tv::before{animation: tv-ant-l 2.8s ease-in-out infinite;}
.ctv1-tv::after{animation: tv-ant-r 2.8s ease-in-out infinite .5s;}
.ctv1-screen::after{content: ''; position: absolute; top: -20%; bottom: -20%; left: 0; width: 34%;
    background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .16), transparent);
    transform: translateX(-150%) skewX(-12deg);
    animation: tv-sweep 5.5s ease-in-out infinite;}
@keyframes tv-kenburns{
    from { transform: scale(1) translate(0, 0); }
    to { transform: scale(1.14) translate(2.5%, -2%); }
  }
@keyframes tv-kenburns-alt{
    from { transform: scale(1.14) translate(-2.5%, 1.5%); }
    to { transform: scale(1) translate(0, 0); }
  }
.ctv1-screen img{animation: tv-kenburns 13s ease-in-out infinite alternate;}
.ctv1-tv:nth-child(even) .ctv1-screen img{animation-name: tv-kenburns-alt; animation-duration: 15s;}
.ctv1-knobs i{position: relative; transition: transform .7s cubic-bezier(.22, 1, .36, 1);}
.ctv1-knobs i::before{content: ''; position: absolute; top: 1px; left: 50%; margin-left: -1px;
    width: 2px; height: 6px; border-radius: 2px; background: rgba(0, 0, 0, .35);}
.ctv1-tv:nth-child(odd) .ctv1-knobs i:last-of-type{transition-delay: .12s;}
.ctv1-tv:hover .ctv1-knobs i{transform: rotate(150deg);}
.ctv1-meta .now{animation: tv-blink 2.6s ease-in-out infinite;}
.popular-section .at-side p{font-family: 'DM Sans', system-ui, sans-serif;
    color: #45566e;}
@media (min-width: 1360px){
#verified-stories.vs3 .vs-shell{max-width: 1020px;}
}
#verified-stories .vts-agents{width: min(300px, calc((100vw - 1020px) / 2));
  padding: 14px 0;}
#verified-stories .vts-orbit{margin-top: -300px;}
#verified-stories .vts-sat{margin-left: -23px;}
#verified-stories .vts-sat.br,#verified-stories .vts-sat.bl,#verified-stories .vts-sat.tr,#verified-stories .vts-sat.tl{margin-top: -23px;}
#verified-stories .vts-pkt.pk1,#verified-stories .vts-pkt.pk2{margin-left: -4.5px;}
#verified-stories .vts-pkt.pk3{margin-top: -4.5px;}