#wdi-au-page{background:#fff;color:#0B0C0E;font-family:var(--font-figtree),Figtree,system-ui,sans-serif;}
/* au-hero.css */
/* About WDI — floating gallery hero (after the LedUp reference) */
#wdi-au-page{margin:0;background:#fff;font-family:var(--font-figtree),Figtree,system-ui,sans-serif;color:#0B0C0E;}
.auh{position:relative;min-height:max(100vh,860px);display:grid;place-items:center;overflow:hidden;
  background:#F4F2F4;border-radius:0 0 clamp(28px,3vw,44px) clamp(28px,3vw,44px);
  padding:clamp(150px,18vh,200px) 24px clamp(110px,14vh,150px);box-sizing:border-box;isolation:isolate;}
.auh::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(40% 38% at 50% 46%,rgba(249,47,100,.07),transparent 70%),
             radial-gradient(30% 30% at 72% 64%,rgba(162,75,255,.05),transparent 70%);}

/* copy */
.auh-in{position:relative;z-index:2;max-width:900px;text-align:center;}
.auh-eye{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;
  font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#F92F64;}
.auh-eye i{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.16);}
.auh-h{margin:22px auto 26px;font-size:clamp(40px,5.4vw,82px);font-weight:500;line-height:1.02;letter-spacing:-0.05em;
  color:#2A2B2F;text-wrap:balance;}
.auh-h span{display:block;color:#7A6F78;}
.auh-p{margin:0 auto;max-width:620px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.6;color:#5F636B;text-wrap:pretty;}
.auh-p + .auh-p{margin-top:14px;}

/* floating photo tiles */
.auh-tiles{position:absolute;inset:0;z-index:1;pointer-events:none;}
.auh-t{position:absolute;margin:0;width:clamp(150px,13.2vw,224px);aspect-ratio:1;border-radius:clamp(14px,1.3vw,20px);overflow:hidden;
  background:#e6e2e6;box-shadow:0 26px 60px -30px rgba(30,15,35,.45),0 2px 6px rgba(30,15,35,.06);
  transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .9s cubic-bezier(.22,.61,.36,1);
  animation:auhIn 1.1s cubic-bezier(.22,.61,.36,1) both;}
.auh-t img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92);}
/* positions mirror the reference: corners, edges and gaps around the copy */
.auh-t.t1{top:-3%;left:30%;animation-delay:.05s;}
.auh-t.t2{top:10%;right:12%;animation-delay:.15s;}
.auh-t.t3{top:22%;left:-2.5%;animation-delay:.1s;}
.auh-t.t4{bottom:12%;left:18%;animation-delay:.25s;}
.auh-t.t5{bottom:18%;right:26%;width:clamp(140px,12vw,204px);animation-delay:.2s;}
.auh-t.t6{bottom:-4%;right:3%;animation-delay:.3s;}
.auh-t.t7{top:48%;right:-3%;width:clamp(120px,10vw,170px);animation-delay:.35s;}
@keyframes auhIn{from{opacity:0;transform:translate3d(0,28px,0) scale(.94);}to{opacity:1;}}

@media(max-width:1100px){
  .auh-t.t5{right:8%;bottom:6%;}.auh-t.t7{display:none;}.auh-t.t1{left:24%;}
}
@media(max-width:760px){
  .auh{min-height:auto;padding:150px 20px 260px;}
  .auh-t{width:120px;transition:none;}
  .auh-t.t1,.auh-t.t3,.auh-t.t7,.auh-t.t2{display:none;}
  .auh-t.t4{left:6%;bottom:40px;}.auh-t.t5{right:34%;bottom:20px;}.auh-t.t6{right:6%;bottom:60px;}
}
@media(prefers-reduced-motion:reduce){.auh-t{animation:none;transition:none;}}

/* fit pass: two-line headline, tiles kept clear of the copy */
.auh-in{max-width:1040px;}
.auh-h{font-size:clamp(36px,4.1vw,64px);line-height:1.04;}
.auh-h span{display:block;}
.auh-p{max-width:580px;}
.auh-t.t4{bottom:6%;left:9%;}
.auh-t.t5{bottom:4%;right:23%;width:clamp(130px,10.4vw,180px);}
.auh-t.t1{left:27%;}
.auh-t.t7{top:52%;}
.auh-t.t2{top:7%;right:10%;}

/* refinement: larger eyebrow, paragraphs side by side */
.auh-eye{font-size:13.5px;gap:12px;padding:9px 18px 9px 14px;border-radius:999px;
  background:rgba(249,47,100,.07);border:1px solid rgba(249,47,100,.18);}
.auh-eye i{width:7px;height:7px;}
.auh-in{max-width:1080px;}
.auh-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3.4vw,56px);max-width:900px;margin:clamp(30px,3vw,44px) auto 0;
  padding-top:clamp(26px,2.4vw,34px);border-top:1px solid rgba(11,12,14,.1);text-align:left;}
.auh-cols .auh-p{max-width:none;margin:0;font-size:clamp(15px,1.1vw,17px);line-height:1.62;}
.auh-cols .auh-p + .auh-p{margin-top:0;}
.auh-h{margin-bottom:0;}
@media(max-width:760px){.auh-cols{grid-template-columns:1fr;gap:16px;text-align:center;}}
.auh-t.t4{left:3%;bottom:3%;}
.auh-proof{margin:clamp(20px,2vw,28px) 0 0;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;
  font-size:clamp(15px,1.15vw,17px);font-weight:500;letter-spacing:-0.01em;color:#3A3D44;}
.auh-proof b{font-weight:600;color:#F92F64;}
.auh-proof i{font-style:normal;color:#9A9EA6;}

/* au-band.css */
.pp-band{--rose-400:#FD3B6F;--violet-2:#A24BFF;--hue:#F92F64;}
/* About Us — Technology-company band, copied from the Portfolio Showcase V2 (section 2) */
.pp-band{position:relative;padding:130px 0;overflow:hidden;background:linear-gradient(180deg,#0B0C0E,#121319);color:#fff;}
.pp-band-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none;white-space:nowrap;
  font-size:clamp(90px,16vw,260px);font-weight:700;letter-spacing:-0.04em;line-height:1;color:rgba(255,255,255,.045);
  -webkit-text-stroke:1px rgba(255,255,255,.04);will-change:transform;}
.pp-band-track.r1{animation:ppMarqueeL 34s linear infinite;top:34%;}
.pp-band-track.r2{animation:ppMarqueeR 40s linear infinite;top:68%;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);}
.pp-band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(40% 60% at 20% 30%,rgba(249,47,100,.16),transparent 60%),radial-gradient(40% 60% at 82% 72%,rgba(122,0,255,.16),transparent 60%);
  filter:blur(20px);animation:ppBandGlow 16s ease-in-out infinite alternate;}
@keyframes ppBandGlow{from{transform:translateX(-3%);}to{transform:translateX(3%);}}
.pp-band-in{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto;}
.pp-band .tag{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#FF8FB0;}
.pp-band .tag .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-400);box-shadow:0 0 0 0 rgba(249,47,100,.6);animation:ppPulse 2.4s ease-out infinite;}
.pp-band h2{margin-top:24px;font-size:clamp(30px,4.4vw,60px);font-weight:500;letter-spacing:-0.035em;line-height:1.04;color:#fff;text-wrap:balance;}
.pp-band h2 em{font-style:normal;background:linear-gradient(110deg,var(--rose-400),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.pp-band p{margin:24px auto 0;max-width:62ch;font-size:clamp(16px,1.4vw,18.5px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.72);}
.pp-cta-eyebrow .lvdot{width:7px;height:7px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 0 rgba(249,47,100,.5);animation:ppCtaPulse 2.4s ease-out infinite;}
@media(max-width:760px){
  .pp-band-track,.pp-band::before{animation:none;will-change:auto;}
  .pp-band::before{filter:none;}
  .wrap{padding:0 22px;}
  .pp-hero{padding:80px 0 60px;}
  .pp-band{padding:90px 0;}
  .pp-card{height:auto;min-height:0;max-height:none;}
  .pp-media{position:relative;height:46vh;}
  .pp-content{position:relative;background:#08090c;}
  .pp-content-in{padding:30px 22px 44px;}
  .pp-vind,.pp-index{display:none;}
  .pp-name{opacity:1;transform:none;}
  .pp-keystat{top:62px;left:0;transform:none;padding:0 22px;align-items:flex-end;text-align:right;}
  .pp-keystat-h{font-size:19px;max-width:16ch;}
  .pp-mcaps{display:none;}
  .pp-reviews{position:static;transform:none;left:auto;width:auto;max-width:none;padding:0 22px 30px;justify-content:flex-start;align-items:stretch;flex-direction:column;gap:10px;background:#08090c;margin-top:-6px;}
  .pp-rev{max-width:none;width:100%;}
}
@media(prefers-reduced-motion:reduce){
  .pp-band-track,.pp-band::before{animation:none;}
  .pp-media img,.pp-media video{animation:none!important;transform:none;}
  .pp-card .pp-content *{opacity:1!important;transform:none!important;}
}
.pp-mini-eyebrow .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-400);box-shadow:0 0 10px var(--rose-400);animation:ppCtaPulse 2.4s ease-out infinite;}
.iw-status .lvdot{width:6px;height:6px;border-radius:50%;background:var(--hue,#39E07B);box-shadow:0 0 8px var(--hue,#39E07B);animation:iwPulse 2.2s ease-out infinite;}
@media(prefers-reduced-motion:reduce){.iw-item{opacity:1!important;transform:none!important;}.iw-status .lvdot{animation:none;}}
.pp-band{font-family:var(--font-figtree),Figtree,system-ui,sans-serif;}
.pp-band .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
@media(max-width:760px){.pp-band .wrap{padding:0 20px;}}

/* au-purpose.css */
/* About · Our Purpose — dark statement card + photo card (after reference) */
.aup{background:#F5F4F2;padding:clamp(56px,6vw,96px) 0;font-family:var(--font-figtree),Figtree,system-ui,sans-serif;}
.aup-in{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.4vw,20px);}
.aup-card{position:relative;border-radius:28px;background:#1E1F22;color:#fff;
  padding:clamp(30px,3vw,46px);display:flex;flex-direction:column;min-height:620px;overflow:hidden;}
.aup-card::before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(249,47,100,.20),transparent 68%);pointer-events:none;}
.aup-eye{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:rgba(255,255,255,.82);}
.aup-eye svg{width:15px;height:15px;color:#F92F64;}
.aup-h{margin:clamp(22px,2.4vw,34px) 0 0;font-size:clamp(36px,3.7vw,56px);font-weight:600;line-height:1.04;letter-spacing:-0.04em;}
.aup-h span{color:#8E9097;}
.aup-p{margin:clamp(18px,1.8vw,26px) 0 0;max-width:46ch;font-size:clamp(14.5px,1.05vw,16px);line-height:1.62;color:rgba(255,255,255,.78);}
.aup-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(24px,2.4vw,34px);}
.aup-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;
  font-size:14px;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.22,.61,.36,1),background .25s;}
.aup-btn svg{width:15px;height:15px;}
.aup-btn.pri{background:#F92F64;color:#fff;}
.aup-btn.pri:hover{background:#E0204F;color:#fff;transform:translateY(-2px);}
.aup-btn.sec{background:#fff;color:#0B0C0E;}
.aup-btn.sec:hover{background:#FFE3EB;color:#0B0C0E;transform:translateY(-2px);}
.aup-inset{margin-top:auto;display:flex;align-items:center;gap:20px;padding:14px;
  border-radius:20px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);}
.aup-thumb{flex:0 0 auto;width:110px;height:110px;border-radius:14px;overflow:hidden;background:#2A2B2F;}
.aup-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.aup-inset p{margin:0;font-size:clamp(14.5px,1.12vw,17px);line-height:1.5;color:#fff;font-weight:500;letter-spacing:-0.01em;}
.aup-photo{position:relative;border-radius:28px;overflow:hidden;background:#D9D7D3;min-height:620px;}
.aup-photo > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.aup-stats{position:absolute;left:clamp(14px,1.4vw,20px);right:clamp(14px,1.4vw,20px);bottom:clamp(14px,1.4vw,20px);
  display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;}
.aup-stat{background:#fff;border-radius:14px;padding:18px 18px 16px;box-shadow:0 16px 36px -18px rgba(11,12,14,.35);}
.aup-stat b{display:block;font-size:clamp(28px,2.4vw,36px);font-weight:600;letter-spacing:-0.04em;line-height:1;color:#0B0C0E;}
.aup-stat b i{font-style:normal;color:#F92F64;}
.aup-stat span{display:block;margin-top:10px;font-size:13px;line-height:1.45;color:#5F636B;}
.aup-goal span{margin-top:0;font-size:14px;line-height:1.5;color:#3A3D44;}
@media(max-width:900px){
  .aup-in{grid-template-columns:1fr;padding:0 20px;}
  .aup-card,.aup-photo{min-height:auto;}
  .aup-photo{min-height:480px;}
  .aup-inset{margin-top:28px;}
}
@media(max-width:560px){.aup-stats{grid-template-columns:1fr;}.aup-inset{flex-direction:column;align-items:flex-start;}}

/* fit: two-line headline, room above the inset */
.aup-h{font-size:clamp(30px,3.05vw,46px);}
.aup-h br{display:block;}
.aup-inset{margin-top:clamp(28px,3vw,44px);}
.aup-card{justify-content:space-between;}
.aup-card > .aup-inset{margin-top:auto;}
.aup-btns{margin-bottom:clamp(28px,3vw,44px);}
.aup-inset p{font-size:clamp(14px,1.02vw,15.5px);}

/* au-approach.css */
/* About Us — Our People & Approach (dark card after reference, WDI pink) */
.apr{padding:clamp(40px,5vw,80px) 0 clamp(80px,9vw,128px);font-family:var(--font-figtree),Figtree,system-ui,sans-serif;}
.apr .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.apr-card{position:relative;overflow:hidden;background:#0B0C0E;color:#fff;border-radius:32px;
  padding:clamp(48px,5.6vw,88px) clamp(28px,4.4vw,72px) clamp(40px,4.4vw,64px);}
.apr-glow{position:absolute;right:-12%;top:-30%;width:60%;height:90%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(249,47,100,.22),transparent 70%);filter:blur(10px);}
.apr-top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(36px,5vw,88px);align-items:center;}
.apr-eye{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#FF7BA3;}
.apr-eye i{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.2);}
.apr-h{margin:22px 0 26px;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.05;letter-spacing:-0.045em;text-wrap:balance;}
.apr-h em{font-style:normal;color:rgba(255,255,255,.5);}
.apr-p{margin:0;max-width:46ch;font-size:clamp(16px,1.25vw,19px);line-height:1.62;color:rgba(255,255,255,.72);}
.apr-r{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.apr-tile{background:#1A1B1E;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:26px 26px 28px;
  display:flex;flex-direction:column;gap:14px;transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s;}
.apr-tile:hover{transform:translateY(-3px);border-color:rgba(249,47,100,.4);}
.apr-n{font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.18em;color:#FF7BA3;}
.apr-tile p{margin:0;font-size:15px;line-height:1.58;color:rgba(255,255,255,.78);}
.apr-pink{grid-column:1/-1;background:#F92F64;border-color:transparent;padding:28px 30px 30px;gap:10px;}
.apr-pink:hover{border-color:transparent;}
.apr-k{font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.86);}
.apr-motto{font-size:clamp(24px,2.3vw,34px);font-weight:500;letter-spacing:-0.03em;line-height:1.15;}
.apr-bar{position:relative;display:block;height:5px;margin-top:12px;border-radius:99px;background:rgba(255,255,255,.4);overflow:hidden;}
.apr-bar i{position:absolute;inset:0 auto 0 0;width:84%;border-radius:99px;background:#0B0C0E;
  animation:aprBar 3.6s cubic-bezier(.22,.61,.36,1) infinite alternate;}
@keyframes aprBar{from{width:28%;}to{width:88%;}}
.apr-photos{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px);margin-top:clamp(44px,5vw,72px);}
.apr-photos figure{margin:0;aspect-ratio:66/32;overflow:hidden;border-radius:14px;background:#1A1B1E;}
.apr-photos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.22,.61,.36,1);}
.apr-photos figure:hover img{transform:scale(1.05);}
@media(max-width:980px){.apr-top{grid-template-columns:1fr;}}
@media(max-width:640px){.apr .wrap{padding:0 16px;}.apr-r{grid-template-columns:1fr;}.apr-photos{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){.apr-bar i{animation:none;}}

/* testimonials — single moving row on the About page */
#ts-b .tsm-row:nth-child(n+2){display:none!important;}

/* au-global.css */
/* About Us — Global Presence */
.glb{padding:clamp(80px,9vw,140px) 0;background:#fff;font-family:var(--font-figtree),Figtree,system-ui,sans-serif;}
.glb .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.glb-head{margin-bottom:clamp(40px,4.6vw,68px);}
.glb-eye{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#F92F64;}
.glb-eye i{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.16);}
.glb-h{margin:20px 0 0;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.05;letter-spacing:-0.045em;color:#0B0C0E;}
.glb-h em{font-style:normal;color:#9A9EA6;}
.glb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.glb-card{position:relative;overflow:hidden;min-height:420px;border-radius:24px;background:#F5F5F7;
  display:flex;flex-direction:column;justify-content:flex-end;padding:28px;isolation:isolate;
  transition:background .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1);}
.glb-card:hover{transform:translateY(-4px);background:#F1EEF2;}
.glb-map{position:absolute;left:0;right:0;top:4%;width:100%;height:68%;z-index:-1;}
.glb-land{fill:#E3E3E8;stroke:#D2D2D8;stroke-width:.8;opacity:0;transition:opacity 1s ease,fill .5s ease;}
.glb-card.drawn .glb-land{opacity:1;}
.glb-card:hover .glb-land{fill:#FADDE6;stroke:#F6B9CB;}
.glb-pin{fill:#F92F64;}
.glb-pulse{fill:rgba(249,47,100,.22);transform-box:fill-box;transform-origin:center;animation:glbPulse 2.6s cubic-bezier(.22,.61,.36,1) infinite;}
@keyframes glbPulse{0%{transform:scale(.3);opacity:1;}100%{transform:scale(1.6);opacity:0;}}
.glb-copy{position:relative;}
.glb-hq{display:inline-block;margin-bottom:12px;padding:5px 10px;border-radius:99px;background:#0B0C0E;color:#fff;font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;}
.glb-copy h3{margin:0;font-size:clamp(24px,2vw,30px);font-weight:500;letter-spacing:-0.03em;color:#0B0C0E;}
.glb-country{display:block;margin-top:4px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#F92F64;}
.glb-copy p{margin:14px 0 0;font-size:14.5px;line-height:1.55;color:#5F636B;}
@media(max-width:1080px){.glb-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.glb .wrap{padding:0 20px;}.glb-grid{grid-template-columns:1fr;}.glb-card{min-height:360px;}}
@media(prefers-reduced-motion:reduce){.glb-pulse{animation:none;}}

#global-presence > .wrap{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;width:100%;}
.glb-map{height:60%;top:3%;}

/* au-cta.css */
/* About Us — final CTA with direct contact lines */
.auc{padding:0 0 clamp(80px,9vw,128px);background:#fff;font-family:var(--font-figtree),Figtree,system-ui,sans-serif;}
#contact > .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.auc-card{position:relative;overflow:hidden;border-radius:32px;background:#0B0C0E;color:#fff;padding:clamp(56px,6vw,96px) clamp(28px,4.6vw,76px);isolation:isolate;}
.auc-mq{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;white-space:nowrap;z-index:-1;pointer-events:none;
  font-size:clamp(90px,11vw,170px);font-weight:600;letter-spacing:-0.05em;color:rgba(255,255,255,.035);animation:aucMq 60s linear infinite;}
@keyframes aucMq{to{transform:translate(-50%,-50%);}}
.auc-glow{position:absolute;right:-10%;bottom:-40%;width:60%;height:110%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(249,47,100,.28),transparent 70%);filter:blur(10px);}
.auc-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:end;}
.auc-eye{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#FF7BA3;}
.auc-eye i{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.2);}
.auc-h{margin:22px 0 24px;font-size:clamp(38px,4.6vw,66px);font-weight:400;line-height:1.02;letter-spacing:-0.048em;}
.auc-h em{font-style:normal;background:linear-gradient(90deg,#FF5C8A,#C084FF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.auc-p{margin:0;max-width:52ch;font-size:clamp(16px,1.25vw,18.5px);line-height:1.62;color:rgba(255,255,255,.72);}
.auc-p2{margin-top:14px;color:#fff;font-weight:500;}
.auc-btn{display:inline-flex;align-items:center;gap:14px;margin-top:34px;padding:8px 8px 8px 26px;border-radius:99px;background:#F92F64;color:#fff;text-decoration:none;font-size:15.5px;font-weight:600;transition:background .3s,color .3s;}
.auc-ar{width:40px;height:40px;border-radius:50%;background:#fff;color:#F92F64;display:grid;place-items:center;transition:transform .35s cubic-bezier(.22,.61,.36,1);}
.auc-ar svg{width:17px;height:17px;}
.auc-btn:hover{background:#fff;color:#F92F64;}
.auc-btn:hover .auc-ar{background:#F92F64;color:#fff;transform:translateX(3px);}
.auc-r{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.12);}
.auc-line{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff;transition:padding .35s cubic-bezier(.22,.61,.36,1);}
.auc-k{font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.auc-line b{font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-0.02em;transition:color .3s;}
.auc-line:hover{padding-left:10px;}
.auc-line:hover b{color:#FF7BA3;}
@media(max-width:900px){.auc-in{grid-template-columns:1fr;}}
@media(max-width:600px){#contact > .wrap{padding:0 16px;}}
@media(prefers-reduced-motion:reduce){.auc-mq{animation:none;}}

/* awards-variants.css */
/* ============================================================
   WDI — Awards & Recognition · 5 variants
   Cohesive with the homepage / Industries system:
   rose accent, ink type, Figtree (Google Sans stand-in).
   A Liquid Metal Index · B Keynote · C Colour Wall
   D Mission Control (dark) · E Proof Wall
   ============================================================ */
#wdi-au-page{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;--rose-200:#FFB3C7;--rose-100:#FFE0E9;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--line:#ECEDF0;--line-2:#E3E4E8;--rose-soft:rgba(249,47,100,.10);
  --font:"Google Sans Flex","Google Sans","Product Sans",var(--font-figtree),Figtree,system-ui,-apple-system,sans-serif;
  --maxw:1280px;
}
:where(#wdi-au-page,#wdi-au-page *){box-sizing:border-box}#wdi-au-page{ margin:0; font-family:var(--font); background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }:where(#wdi-au-page) a{ color:inherit; text-decoration:none; }:where(#wdi-au-page) img{ display:block; max-width:100%; }

/* ---- scroll reveal ---- */
.reveal{ opacity:0; transform:translateY(22px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.in{ opacity:1; transform:none; }
.reveal[data-d="1"]{ transition-delay:.06s; }
.reveal[data-d="2"]{ transition-delay:.12s; }
.reveal[data-d="3"]{ transition-delay:.18s; }
.reveal[data-d="4"]{ transition-delay:.24s; }
.reveal[data-d="5"]{ transition-delay:.30s; }
.reveal[data-d="6"]{ transition-delay:.36s; }

/* ---- variant label strip ---- */
.avv-vtag{ font-family:var(--font); font-size:13.5px; line-height:1.5; color:var(--ink-2); background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:13px clamp(20px,5vw,64px); }
.avv-vtag b{ color:var(--ink); font-weight:600; }
.avv-vtag .pill{ display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.04em; color:#fff; background:var(--ink); padding:3px 10px; border-radius:999px; margin-right:10px; vertical-align:middle; }
.avv-end{ text-align:center; font-size:12.5px; letter-spacing:.04em; color:var(--faint); padding:30px; border-top:1px solid var(--line); }

/* ---- shared scaffolding ---- */
.avv-sec{ position:relative; padding:clamp(70px,8vw,120px) 0; overflow:hidden; }
.avv-wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 clamp(20px,5vw,64px); position:relative; z-index:2; }
.avv-eyebrow{ display:inline-flex; align-items:center; gap:9px; font-size:12.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--rose-600); }
.avv-eyebrow::before{ content:""; width:7px; height:7px; border-radius:2px; background:linear-gradient(135deg,var(--rose-600),var(--rose-400)); box-shadow:0 0 10px rgba(249,47,100,.5); }

.avv-btn{ display:inline-flex; align-items:center; gap:9px; font-family:var(--font); font-size:15px; font-weight:500; letter-spacing:-.01em; border-radius:999px; padding:14px 22px; background:var(--ink); color:#fff; box-shadow:0 1px 2px rgba(11,12,14,.18),0 8px 24px rgba(11,12,14,.10); transition:transform .25s cubic-bezier(.2,.7,.2,1), background .25s, box-shadow .25s; }
.avv-btn svg{ width:17px; height:17px; transition:transform .25s; }
.avv-btn:hover{ background:var(--rose-600); transform:translateY(-2px); box-shadow:0 2px 6px rgba(228,18,82,.30),0 14px 34px rgba(228,18,82,.26); }
.avv-btn:hover svg{ transform:translateX(3px); }

/* logo image + monogram fallback shared */
.aw-logo{ object-fit:contain; }
.aw-mono{ display:grid; place-items:center; font-weight:700; letter-spacing:-.02em; color:#fff; }

/* ============================================================
   VARIANT A — LIQUID METAL INDEX
   ============================================================ */
.av-a{ background:var(--bg-2); padding-top:clamp(56px,6vw,84px); padding-bottom:clamp(56px,6vw,84px); }
.ava-grid{ position:relative; display:grid; grid-template-columns:1fr; gap:0; min-height:560px; }

/* the morphing sphere lives behind the list, bleeding off the left */
.ava-orb-wrap{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:visible; }
.ava-orb{ position:absolute; top:auto; bottom:clamp(-300px,-15vw,-150px); left:clamp(-260px,-10vw,-150px); transform:none; width:clamp(520px,54vw,880px); height:clamp(520px,54vw,880px); pointer-events:auto; cursor:pointer; transition:transform .45s cubic-bezier(.2,.7,.2,1); }
.ava-orb:hover{ transform:scale(1.02); }
.ava-orb:active{ transform:scale(.985); }
.ava-orb svg{ width:100%; height:100%; display:block; overflow:visible; transform-origin:center; }
.ava-orb-hint{ position:absolute; left:auto; right:13%; top:16%; bottom:auto; transform:none; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(11,12,14,.40); white-space:nowrap; pointer-events:none; transition:opacity .4s; }

/* dashed orbit rings (decorative, like OFF+BRAND) */
.ava-rings{ position:absolute; right:-6%; top:50%; transform:translateY(-50%); width:min(60vw,860px); height:min(60vw,860px); z-index:0; pointer-events:none; opacity:.5; }
.ava-rings circle{ fill:none; stroke:var(--line-2); stroke-width:1; }

/* header cluster top-left */
.ava-head{ position:relative; z-index:3; max-width:660px; }
.ava-h{ margin:16px 0 0; font-size:clamp(32px,4.2vw,56px); line-height:1.04; font-weight:600; letter-spacing:-.038em; color:var(--ink); text-wrap:balance; }
.ava-sub{ margin:20px 0 0; max-width:56ch; font-size:clamp(15.5px,1.3vw,18px); line-height:1.62; font-weight:300; color:var(--ink-2); }
.ava-eyebrow-sup{ position:relative; display:inline-block; }
.ava-eyebrow-sup sup{ font-size:.5em; font-weight:600; color:var(--rose-600); margin-left:4px; top:-1.1em; }
.ava-kicker{ font-size:clamp(13px,1.1vw,15px); font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink); line-height:1.35; }
.ava-kicker sup{ color:var(--rose-600); font-size:.62em; }

/* numbered list */
.ava-list{ position:relative; z-index:3; margin-top:clamp(40px,5vw,72px); min-height:clamp(360px,40vw,520px); }
.ava-row{ position:relative; padding:clamp(20px,2.4vw,32px) 0; border-top:1px solid rgba(11,12,14,.12); cursor:pointer; }
.ava-row:last-child{ border-bottom:1px solid rgba(11,12,14,.12); }
.ava-row-main{ display:grid; grid-template-columns:54px 1fr auto; align-items:center; gap:clamp(16px,3vw,40px); }
.ava-num{ font-size:13px; font-weight:500; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.ava-name{ display:flex; align-items:center; gap:clamp(14px,1.4vw,20px); font-size:clamp(26px,3.6vw,52px); font-weight:600; letter-spacing:-.035em; line-height:1; color:var(--ink); transition:transform .5s cubic-bezier(.2,.7,.2,1), color .4s; flex-wrap:wrap; }

/* inline pink star rating, same line as the name */
.ava-inline-rate{ display:inline-flex; align-items:center; gap:9px; }
.ava-stars{ position:relative; display:inline-flex; line-height:0; }
.ava-stars .s-base,.ava-stars .s-fill{ display:inline-flex; gap:2.5px; }
.ava-stars .s-fill{ position:absolute; inset:0; width:var(--fill,100%); overflow:hidden; }
.ava-stars svg{ width:clamp(15px,1.3vw,19px); height:clamp(15px,1.3vw,19px); flex:none; }
.ava-stars .s-base svg path{ fill:none; stroke:var(--rose-200); stroke-width:1.6px; }
.ava-stars .s-fill svg path{ fill:var(--rose-500); stroke:none; }
.ava-rate-num{ font-size:clamp(14px,1.2vw,18px); font-weight:600; letter-spacing:-.01em; color:var(--ink); }
.ava-rate-tag{ font-size:clamp(12px,1vw,14px); font-weight:600; letter-spacing:.005em; color:var(--rose-600); background:var(--rose-soft); padding:5px 12px; border-radius:999px; white-space:nowrap; }
.ava-name .badge{ width:clamp(38px,3.4vw,52px); height:clamp(38px,3.4vw,52px); border-radius:11px; flex:none; background:#fff; border:1px solid var(--line); display:grid; place-items:center; overflow:hidden; box-shadow:0 1px 2px rgba(11,12,14,.06); opacity:0; transform:scale(.6) rotate(-12deg); transition:opacity .45s cubic-bezier(.2,.7,.2,1), transform .45s cubic-bezier(.2,.7,.2,1); }
.ava-name .badge img{ width:74%; height:74%; }
.ava-name .badge .aw-mono{ width:100%; height:100%; font-size:clamp(15px,1.4vw,22px); }
.ava-row:hover .ava-name{ transform:translateX(14px); }
.ava-row:hover .ava-name .badge{ opacity:1; transform:scale(1) rotate(0); }
.ava-meta{ text-align:right; }
.ava-meta .h{ font-size:clamp(13px,1.15vw,16px); font-weight:500; letter-spacing:-.01em; color:var(--ink); white-space:nowrap; }
.ava-meta .s{ font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--faint); margin-top:4px; }

/* hover drop-down — 1–2 badges from this platform */
.ava-drop{ max-height:0; opacity:0; overflow:hidden; transition:max-height .5s cubic-bezier(.2,.7,.2,1), opacity .4s ease, margin-top .45s cubic-bezier(.2,.7,.2,1); }
.ava-row:hover .ava-drop,.ava-row:focus-within .ava-drop{ max-height:200px; opacity:1; margin-top:clamp(16px,1.8vw,22px); }
.ava-drop-list{ display:flex; flex-wrap:wrap; gap:12px; padding-left:clamp(54px,7vw,94px); }
.ava-chip{ display:flex; align-items:center; gap:11px; padding:10px 15px 10px 11px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 1px 2px rgba(11,12,14,.05),0 12px 26px rgba(11,12,14,.05); transform:translateY(8px); opacity:0; transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease; }
.ava-row:hover .ava-chip{ transform:none; opacity:1; }
.ava-row:hover .ava-chip:nth-child(2){ transition-delay:.07s; }
.ava-chip .mini{ width:30px; height:30px; border-radius:8px; background:#fff; border:1px solid var(--line); display:grid; place-items:center; overflow:hidden; flex:none; }
.ava-chip .mini img{ width:74%; height:74%; object-fit:contain; }
.ava-chip .mini .aw-mono{ width:100%; height:100%; font-size:12px; }
.ava-chip .ctxt{ display:flex; flex-direction:column; line-height:1.3; }
.ava-chip .ctxt b{ font-size:13.5px; font-weight:600; color:var(--ink); letter-spacing:-.01em; }
.ava-chip .ctxt span{ font-size:11.5px; color:var(--muted); }

/* dark-mode toggle (top-right) */
.ava-mode{ position:absolute; z-index:6; top:0; right:clamp(20px,5vw,64px); display:inline-flex; align-items:center; gap:10px; font-family:var(--font); font-size:12.5px; font-weight:600; letter-spacing:.04em; color:var(--ink-2); background:transparent; border:0; padding:8px 4px; cursor:pointer; transition:color .3s; }
.ava-mode-track{ position:relative; width:42px; height:24px; border-radius:999px; background:var(--line-2); border:1px solid var(--line); transition:background .35s, border-color .35s; }
.ava-mode-thumb{ position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:var(--ink); box-shadow:0 1px 3px rgba(11,12,14,.3); transition:left .35s cubic-bezier(.2,.7,.2,1), background .35s; }
.ava-mode-lbl{ min-width:34px; text-align:left; }

@media (max-width:860px){
  .ava-orb{ opacity:.30; left:-34%; bottom:-30%; width:130vw; height:130vw; }
  .ava-row-main{ grid-template-columns:38px 1fr; }
  .ava-meta{ display:none; }
  .ava-drop-list{ padding-left:54px; }
}

/* ---- VARIANT A · DARK MODE ---- */
.av-a.dark{ background:#08090A; color:#EDEEF0; }
.av-a.dark .ava-h{ color:#fff; }
.av-a.dark .ava-sub{ color:#9AA0A8; }
.av-a.dark .avv-eyebrow{ color:var(--rose-300); }
.av-a.dark .avv-eyebrow::before{ box-shadow:0 0 12px rgba(255,111,146,.7); }
.av-a.dark .ava-rings circle{ stroke:rgba(255,255,255,.10); }
.av-a.dark .ava-orb-hint{ color:rgba(255,255,255,.45); }
.av-a.dark .ava-row{ border-top-color:rgba(255,255,255,.12); }
.av-a.dark .ava-row:last-child{ border-bottom-color:rgba(255,255,255,.12); }
.av-a.dark .ava-num{ color:#7B8088; }
.av-a.dark .ava-name{ color:#fff; }
.av-a.dark .ava-meta .h{ color:#EDEEF0; }
.av-a.dark .ava-meta .s{ color:#6B7079; }
.av-a.dark .ava-rate-num{ color:#fff; }
.av-a.dark .ava-stars .s-base svg path{ stroke:rgba(255,111,146,.35); }
.av-a.dark .ava-rate-tag{ color:var(--rose-300); background:rgba(249,47,100,.14); }
.av-a.dark .ava-name .badge{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); box-shadow:none; }
.av-a.dark .ava-chip{ background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.10); box-shadow:0 12px 26px rgba(0,0,0,.4); }
.av-a.dark .ava-chip .mini{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); }
.av-a.dark .ava-chip .ctxt b{ color:#EDEEF0; }
.av-a.dark .ava-chip .ctxt span{ color:#7B8088; }
/* toggle in the ON (dark) state */
.av-a.dark .ava-mode{ color:#9AA0A8; }
.av-a.dark .ava-mode-track{ background:rgba(255,111,146,.30); border-color:rgba(255,111,146,.45); }
.av-a.dark .ava-mode-thumb{ left:22px; background:var(--rose-300); }
@media (max-width:560px){
  .ava-name{ font-size:clamp(24px,8vw,34px); }
  .ava-inline-rate{ width:100%; }
}

/* ============================================================
   VARIANT B — KEYNOTE (Apple single-focus)
   ============================================================ */
.av-b{ background:#fff; text-align:center; }
.avb-head{ text-align:center; max-width:760px; margin:0 auto; }
.avb-h{ margin:16px 0 0; font-size:clamp(32px,4.4vw,60px); line-height:1.04; font-weight:600; letter-spacing:-.035em; color:var(--ink); text-wrap:balance; }
.avb-sub{ margin:18px auto 0; max-width:54ch; font-size:clamp(15.5px,1.3vw,18px); line-height:1.6; font-weight:300; color:var(--ink-2); }

.avb-stage{ position:relative; margin:clamp(46px,6vw,84px) auto 0; height:clamp(300px,34vw,440px); display:grid; place-items:center; }
.avb-slide{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; opacity:0; transform:scale(.94); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.avb-slide.on{ opacity:1; transform:scale(1); pointer-events:auto; }
.avb-badge{ width:clamp(108px,12vw,156px); height:clamp(108px,12vw,156px); border-radius:28px; display:grid; place-items:center; background:#fff; box-shadow:0 2px 8px rgba(11,12,14,.06),0 30px 70px rgba(11,12,14,.12); overflow:hidden; }
.avb-badge img{ width:64%; height:64%; object-fit:contain; }
.avb-badge .aw-mono{ width:100%; height:100%; font-size:clamp(34px,4vw,56px); }
.avb-award{ font-size:clamp(26px,3vw,40px); font-weight:600; letter-spacing:-.03em; color:var(--ink); }
.avb-detail{ font-size:clamp(15px,1.3vw,18px); font-weight:300; color:var(--ink-2); max-width:42ch; }
.avb-year{ font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--rose-600); font-weight:600; }

/* dots + progress */
.avb-dots{ display:flex; gap:10px; justify-content:center; margin-top:clamp(34px,4vw,52px); }
.avb-dot{ width:9px; height:9px; border-radius:50%; background:var(--line-2); border:0; padding:0; cursor:pointer; transition:transform .3s, background .3s, width .35s, border-radius .35s; }
.avb-dot.on{ width:30px; border-radius:5px; background:var(--ink); }
.avb-counter{ margin-top:20px; font-size:13px; letter-spacing:.06em; color:var(--faint); font-variant-numeric:tabular-nums; }
.avb-counter b{ color:var(--ink); font-weight:600; }

/* ============================================================
   VARIANT C — COLOUR WALL (Google)
   ============================================================ */
.av-c{ background:#fff; }
.avc-head{ max-width:920px; }
.avc-h{ margin:16px 0 0; font-size:clamp(30px,4vw,52px); line-height:1.05; font-weight:600; letter-spacing:-.035em; color:var(--ink); text-wrap:balance; }
.avc-grid{ margin-top:clamp(40px,5vw,64px); display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(14px,1.6vw,22px); }
.avc-tile{ position:relative; border-radius:24px; padding:clamp(22px,2.4vw,32px); min-height:clamp(190px,18vw,260px); display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; color:#fff; isolation:isolate; transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s; }
.avc-tile::after{ content:""; position:absolute; inset:0; background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.18), transparent 60%); z-index:-1; }
.avc-tile:hover{ transform:translateY(-6px); box-shadow:0 24px 60px rgba(11,12,14,.18); }
.avc-tile .badge{ width:clamp(48px,4vw,62px); height:clamp(48px,4vw,62px); border-radius:14px; background:#fff; display:grid; place-items:center; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.14); }
.avc-tile .badge img{ width:70%; height:70%; object-fit:contain; }
.avc-tile .badge .aw-mono{ width:100%; height:100%; font-size:22px; color:#0B0C0E; }
.avc-tile .tname{ font-size:clamp(20px,1.9vw,27px); font-weight:600; letter-spacing:-.02em; }
.avc-tile .thonor{ font-size:clamp(13px,1.1vw,15.5px); font-weight:400; opacity:.92; margin-top:4px; }
.avc-tile .tfoot{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; }
.avc-tile .tyear{ font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; opacity:.78; }
.avc-tile .trate{ display:inline-flex; align-items:baseline; gap:4px; font-weight:700; }
.avc-tile .trate b{ font-size:clamp(20px,1.8vw,26px); letter-spacing:-.02em; }
.avc-tile .trate span{ font-size:12px; opacity:.7; }
/* deliberate Google-ish irregular spans */
.avc-tile.s-lg{ grid-column:span 6; }
.avc-tile.s-md{ grid-column:span 4; }
.avc-tile.s-sm{ grid-column:span 3; }
.avc-tile.s-wide{ grid-column:span 5; }
@media (max-width:980px){ .avc-tile{ grid-column:span 6 !important; } }
@media (max-width:560px){ .avc-tile{ grid-column:span 12 !important; } }

/* ============================================================
   VARIANT D — MISSION CONTROL (SpaceX dark)
   ============================================================ */
.av-d{ background:#070809; color:#EDEEF0; }
.av-d .avv-eyebrow{ color:#FF6F92; }
.av-d .avv-eyebrow::before{ box-shadow:0 0 12px rgba(255,111,146,.7); }
.avd-grain{ position:absolute; inset:0; z-index:0; opacity:.5; background:
  radial-gradient(900px 480px at 78% -8%, rgba(249,47,100,.10), transparent 60%),
  radial-gradient(700px 420px at 4% 108%, rgba(122,0,255,.10), transparent 60%); pointer-events:none; }
.avd-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px; }
.avd-h{ margin:14px 0 0; font-size:clamp(28px,3.4vw,46px); line-height:1.05; font-weight:600; letter-spacing:-.03em; color:#fff; max-width:18ch; }
.avd-meta{ font-family:"SFMono-Regular",ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.04em; color:#7B8088; text-align:right; line-height:1.7; }
.avd-meta b{ color:#fff; font-weight:600; }

.avd-table{ margin-top:clamp(38px,4vw,56px); border-top:1px solid rgba(255,255,255,.12); }
.avd-row{ display:grid; grid-template-columns:60px 64px 1fr 1.1fr 110px 84px; align-items:center; gap:clamp(12px,1.8vw,28px); padding:clamp(16px,1.8vw,24px) 6px; border-bottom:1px solid rgba(255,255,255,.09); position:relative; transition:background .35s; }
.avd-row:hover{ background:rgba(255,255,255,.035); }
.avd-row .idx{ font-family:ui-monospace,monospace; font-size:12px; color:#5A5F67; }
.avd-row .badge{ width:46px; height:46px; border-radius:10px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); display:grid; place-items:center; overflow:hidden; }
.avd-row .badge img{ width:72%; height:72%; object-fit:contain; }
.avd-row .badge .aw-mono{ width:100%; height:100%; font-size:16px; }
.avd-row .nm{ font-size:clamp(18px,1.7vw,24px); font-weight:600; letter-spacing:-.02em; color:#fff; }
.avd-row .dt{ font-size:13.5px; color:#9AA0A8; font-weight:300; }
.avd-row .ct{ font-family:ui-monospace,monospace; font-size:12.5px; letter-spacing:.02em; color:#7B8088; }
.avd-row .rt{ text-align:right; font-variant-numeric:tabular-nums; }
.avd-row .rt b{ font-size:clamp(18px,1.6vw,22px); font-weight:600; color:#fff; }
.avd-row .rt span{ font-size:11px; color:#7B8088; display:block; letter-spacing:.1em; text-transform:uppercase; margin-top:2px; }
.avd-row .bar{ position:absolute; left:0; bottom:-1px; height:2px; width:0; background:linear-gradient(90deg,var(--rose-500),var(--rose-300)); transition:width .6s cubic-bezier(.2,.7,.2,1); }
.avd-row:hover .bar{ width:100%; }
@media (max-width:860px){ .avd-row{ grid-template-columns:40px 46px 1fr 80px; } .avd-row .dt,.avd-row .ct{ display:none; } }

.avd-foot{ margin-top:clamp(34px,4vw,48px); display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.av-d .avv-btn{ background:#fff; color:#0B0C0E; box-shadow:none; }
.av-d .avv-btn:hover{ background:var(--rose-500); color:#fff; }

/* ============================================================
   VARIANT E — PROOF WALL (Uxcel)
   ============================================================ */
.av-e{ background:#fff; }
.ave-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:clamp(36px,5vw,80px); align-items:start; }
.ave-h{ margin:16px 0 0; font-size:clamp(34px,4.4vw,56px); line-height:1.02; font-weight:700; letter-spacing:-.04em; color:var(--ink); text-wrap:balance; }
.ave-sub{ margin:20px 0 0; font-size:clamp(15.5px,1.3vw,18px); line-height:1.6; font-weight:300; color:var(--ink-2); max-width:40ch; }
.ave-seal{ margin-top:34px; display:inline-flex; align-items:center; gap:14px; padding:14px 18px; border:1px solid var(--line); border-radius:16px; background:var(--bg-2); }
.ave-seal .ring{ width:46px; height:46px; border-radius:50%; border:1.5px dashed var(--rose-300); display:grid; place-items:center; color:var(--rose-600); font-weight:700; font-size:13px; }
.ave-seal .t b{ display:block; font-size:15px; font-weight:600; color:var(--ink); }
.ave-seal .t span{ font-size:12.5px; color:var(--muted); }

.ave-cards{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(18px,2vw,28px); }
.ave-card{ padding:clamp(20px,2vw,28px) 0; border-top:1px solid var(--line); }
.ave-card .top{ display:flex; align-items:center; gap:10px; }
.ave-card .top .badge{ width:30px; height:30px; border-radius:8px; background:#fff; border:1px solid var(--line); display:grid; place-items:center; overflow:hidden; }
.ave-card .top .badge img{ width:74%; height:74%; object-fit:contain; }
.ave-card .top .badge .aw-mono{ width:100%; height:100%; font-size:12px; }
.ave-card .top .pn{ font-size:14px; font-weight:600; color:var(--ink); }
.ave-card .big{ margin:14px 0 4px; font-size:clamp(38px,4.4vw,58px); font-weight:700; letter-spacing:-.04em; line-height:1; color:var(--ink); }
.ave-card .stars{ display:inline-flex; gap:3px; color:var(--rose-500); }
.ave-card .stars svg{ width:16px; height:16px; }
.ave-card .cap{ margin-top:12px; font-size:13.5px; line-height:1.5; color:var(--muted); }
@media (max-width:860px){ .ave-grid{ grid-template-columns:1fr; } .ave-cards{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .ave-cards{ grid-template-columns:1fr; } }

/* ---- reduced motion ---- */
@media (prefers-reduced-motion: reduce){
  #wdi-au-page,#wdi-au-page *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  .reveal{ opacity:1 !important; transform:none !important; }
}

/* testimonials.css */
/* WDI — Testimonials · 3 variants */
#wdi-au-page{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;
  --violet:#7A00FF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--line:#ECEDF0;--line-2:#E3E4E8;
  --font:"Google Sans Flex","Google Sans","Product Sans",var(--font-figtree),Figtree,system-ui,-apple-system,sans-serif;
  --maxw:1320px;
}
:where(#wdi-au-page,#wdi-au-page *){margin:0;padding:0;box-sizing:border-box}#wdi-au-page{font-family:var(--font);color:var(--ink);background:var(--bg);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}
.ts-vtag{max-width:var(--maxw);margin:0 auto;padding:28px 40px 0;font-size:13.5px;color:var(--muted);}
.ts-vtag b{color:var(--ink);font-weight:500;}
.ts-vtag .pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--ink);border-radius:999px;padding:4px 11px;margin-right:8px;}

.ts-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
.ts-eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));box-shadow:0 0 10px rgba(249,47,100,.5);}
.ts-h{margin-top:22px;font-size:clamp(32px,3.8vw,52px);line-height:1.04;font-weight:500;letter-spacing:-0.035em;color:var(--ink);text-wrap:balance;}
.ts-sub{margin-top:20px;font-size:clamp(15px,1.25vw,17.5px);line-height:1.55;font-weight:400;color:var(--ink-2);max-width:54ch;}

.ts-key{
  position:relative;
  background:linear-gradient(120deg,var(--rose-600),var(--violet) 50%,var(--rose-400));
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  font-weight:600;
  animation:tsKeyShift 6s ease-in-out infinite,tsKeyGlow 4.5s ease-in-out infinite;
}
@keyframes tsKeyShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes tsKeyGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(249,47,100,0)) drop-shadow(0 0 0 rgba(122,0,255,0));}
  50%{filter:drop-shadow(0 0 10px rgba(249,47,100,.55)) drop-shadow(0 0 18px rgba(122,0,255,.35));}
}
.tsc-card .ts-key{
  background:linear-gradient(120deg,#FF6F92,#FFB3FF 50%,#FFC2D2);
  -webkit-background-clip:text;background-clip:text;
}

.ts-arrow{
  width:54px;height:54px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg);
  display:grid;place-items:center;color:var(--ink);cursor:pointer;
  transition:border-color .3s,background .3s,transform .3s,color .3s;
}
.ts-arrow:hover{border-color:var(--rose-300);background:#fff;transform:translateY(-2px);color:var(--rose-600);}
.ts-arrow svg{width:18px;height:18px;}

/* VARIANT A */
.tsa-sec{padding:100px 0 130px;background:var(--bg-2);border-top:1px solid var(--line);position:relative;overflow:hidden;}
.tsa-grid{display:grid;grid-template-columns:0.65fr 1.35fr;gap:60px;align-items:start;}
.tsa-left{position:sticky;top:80px;display:flex;flex-direction:column;gap:36px;}
.tsa-arrows{display:flex;align-items:center;gap:14px;}
.tsa-count{font-size:13.5px;font-weight:500;color:var(--muted);}
.tsa-count b{color:var(--ink);font-feature-settings:"tnum" 1;}

.tsa-rail{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);
          mask-image:linear-gradient(90deg,#000 88%,transparent);}
.tsa-track{display:flex;gap:20px;transition:transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform;}
.tsa-card{
  flex:0 0 380px;display:flex;flex-direction:column;justify-content:space-between;
  padding:32px 32px 28px;background:var(--bg);border:1px solid var(--line);border-radius:24px;
  min-height:380px;box-shadow:0 18px 44px rgba(11,12,14,.06);
  transition:border-color .45s,box-shadow .45s,transform .45s,opacity .45s;
  opacity:.62;
}
.tsa-card.active{opacity:1;border-color:var(--rose-300);box-shadow:0 30px 70px rgba(249,47,100,.14);}
.tsa-card .qmark{font-size:42px;font-weight:600;color:var(--rose-400);line-height:0;margin-bottom:18px;}
.tsa-card .quote{font-size:17px;font-weight:400;line-height:1.5;color:var(--ink);text-wrap:pretty;}
.tsa-card .author{margin-top:28px;display:flex;align-items:center;gap:14px;padding-top:22px;border-top:1px solid var(--line);}
.tsa-card .av{width:48px;height:48px;border-radius:50%;background:#eee;overflow:hidden;flex:none;}
.tsa-card .av img{width:100%;height:100%;object-fit:cover;}
.tsa-card .name{font-size:14.5px;font-weight:500;color:var(--ink);}
.tsa-card .role{margin-top:2px;font-size:12.5px;color:var(--muted);}

/* VARIANT B */
.tsb-sec{padding:100px 0 130px;background:var(--bg);border-top:1px solid var(--line);}
.tsb-head{text-align:center;max-width:680px;margin:0 auto 56px;}
.tsb-head .ts-h .accent{color:var(--rose-600);}
.tsb-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:14px;}
.tsb-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:var(--bg);transition:border-color .35s,box-shadow .35s,transform .35s;}
.tsb-tile:hover{border-color:var(--rose-300);transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,12,14,.06);}
.tsb-tile .quote{font-size:15px;font-weight:400;line-height:1.5;color:var(--ink);}
.tsb-tile .author{margin-top:18px;display:flex;align-items:center;gap:11px;}
.tsb-tile .av{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#eee;flex:none;}
.tsb-tile .av img{width:100%;height:100%;object-fit:cover;}
.tsb-tile .name{font-size:13px;font-weight:500;color:var(--ink);}
.tsb-tile .role{margin-top:1px;font-size:11.5px;color:var(--muted);}
.tsb-tile.dark{background:linear-gradient(160deg,#0E0F12,#16181E);color:#fff;border-color:transparent;}
.tsb-tile.dark .quote,.tsb-tile.dark .name{color:#fff;}
.tsb-tile.dark .role{color:rgba(255,255,255,.6);}
.tsb-tile.lg{grid-column:span 4;grid-row:span 2;}
.tsb-tile.md{grid-column:span 3;}
.tsb-tile.sm{grid-column:span 2;}
.tsb-tile.lg .quote{font-size:21px;font-weight:500;letter-spacing:-0.015em;line-height:1.4;}
.tsb-tile.md .quote{font-size:16.5px;}

/* VARIANT C — Editorial spotlight + avatar cluster */
.tsc-sec{position:relative;padding:120px 0 150px;background:#0E0F12;color:#fff;border-top:1px solid var(--line);overflow:hidden;}
.tsc-sec .stage-bg{position:absolute;inset:0;z-index:0;background:
  radial-gradient(circle at 30% 30%,rgba(249,47,100,.30),transparent 50%),
  radial-gradient(circle at 75% 70%,rgba(122,0,255,.28),transparent 55%),
  radial-gradient(circle at 50% 90%,rgba(253,59,111,.18),transparent 55%);
  filter:blur(40px);animation:tscDrift 18s ease-in-out infinite alternate;}
@keyframes tscDrift{from{transform:scale(1) translate(0,0);}to{transform:scale(1.15) translate(-30px,30px);}}
.tsc-sec .stage-noise{position:absolute;inset:0;z-index:0;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 80%);
          mask-image:radial-gradient(ellipse at center,#000,transparent 80%);opacity:.6;}

.tsc-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr 0.7fr;gap:70px;align-items:start;}

/* LEFT — editorial featured quote */
.tsc-feat{display:flex;flex-direction:column;}
.tsc-meta{display:flex;align-items:center;gap:14px;margin-bottom:30px;color:rgba(255,255,255,.55);font-size:13px;font-weight:500;letter-spacing:.04em;}
.tsc-meta .ts-eyebrow{color:var(--rose-300);}
.tsc-meta .ts-eyebrow::before{box-shadow:0 0 12px rgba(249,47,100,.6);}
.tsc-meta .divider{width:32px;height:1px;background:rgba(255,255,255,.18);}
.tsc-meta .counter b{color:#fff;font-feature-settings:"tnum" 1;font-weight:600;}

.tsc-qmark{font-family:Georgia,serif;font-size:120px;line-height:0.8;color:transparent;
  background:linear-gradient(120deg,var(--rose-500),var(--violet) 50%,var(--rose-300));
  -webkit-background-clip:text;background-clip:text;
  margin-bottom:18px;display:block;height:60px;}

.tsc-quote{font-size:clamp(22px,2.4vw,34px);font-weight:400;letter-spacing:-0.02em;line-height:1.32;color:#fff;text-wrap:pretty;
  transition:opacity .5s ease;}
.tsc-quote.swap{opacity:0;transform:translateY(8px);}

.tsc-author{margin-top:42px;display:flex;align-items:center;gap:18px;}
.tsc-author .av{width:62px;height:62px;border-radius:50%;overflow:hidden;flex:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);position:relative;}
.tsc-author .av::after{content:"";position:absolute;inset:-2px;border-radius:50%;
  background:conic-gradient(from 90deg,var(--rose-500),var(--violet),var(--rose-300),var(--rose-500));
  z-index:-1;filter:blur(6px);opacity:.7;animation:tscRing 8s linear infinite;}
@keyframes tscRing{to{transform:rotate(360deg);}}
.tsc-author .av img{width:100%;height:100%;object-fit:cover;}
.tsc-author .name{font-size:17px;font-weight:500;color:#fff;letter-spacing:-0.01em;}
.tsc-author .role{margin-top:3px;font-size:13.5px;color:rgba(255,255,255,.65);}

.tsc-controls{margin-top:48px;display:flex;align-items:center;gap:14px;}
.tsc-controls .ts-arrow{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px);}
.tsc-controls .ts-arrow:hover{background:rgba(255,255,255,.12);border-color:var(--rose-300);color:#fff;}
.tsc-progress{flex:1;max-width:200px;height:2px;border-radius:2px;background:rgba(255,255,255,.10);overflow:hidden;position:relative;}
.tsc-progress::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p,12%);
  background:linear-gradient(90deg,var(--rose-500),var(--violet));transition:width .5s ease;}

/* RIGHT — avatar voice list */
.tsc-list{display:flex;flex-direction:column;gap:8px;position:relative;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);
  max-height:560px;overflow:hidden;padding:24px 4px;}
.tsc-list-inner{display:flex;flex-direction:column;gap:10px;animation:tscScroll 30s linear infinite;}
@keyframes tscScroll{from{transform:translateY(0);}to{transform:translateY(-50%);}}
.tsc-list:hover .tsc-list-inner{animation-play-state:paused;}

.tsc-voice{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  cursor:pointer;transition:background .3s,border-color .3s,transform .3s;}
.tsc-voice:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);transform:translateX(-3px);}
.tsc-voice.active{background:linear-gradient(120deg,rgba(249,47,100,.18),rgba(122,0,255,.14));border-color:var(--rose-300);box-shadow:0 0 0 1px rgba(249,47,100,.20),0 20px 40px rgba(249,47,100,.18);}
.tsc-voice .av{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none;background:rgba(255,255,255,.10);}
.tsc-voice .av img{width:100%;height:100%;object-fit:cover;}
.tsc-voice .info{min-width:0;}
.tsc-voice .vname{font-size:13.5px;font-weight:500;color:#fff;letter-spacing:-0.005em;}
.tsc-voice .vrole{margin-top:2px;font-size:11.5px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tsc-voice .vbar{margin-left:auto;flex:none;width:3px;height:18px;border-radius:3px;background:rgba(255,255,255,.10);}
.tsc-voice.active .vbar{background:linear-gradient(180deg,var(--rose-500),var(--violet));}

@media(max-width:1000px){
  .tsa-grid{grid-template-columns:1fr;gap:32px;}
  .tsa-left{position:relative;top:0;}
  .tsa-card{flex:0 0 320px;min-height:340px;}
  .tsb-grid{grid-template-columns:repeat(4,1fr);}
  .tsb-tile.lg{grid-column:span 4;grid-row:auto;}
  .tsb-tile.md{grid-column:span 2;}
  .tsb-tile.sm{grid-column:span 2;}
  .tsc-stage{grid-template-columns:1fr;}
  .tsc-side .tsc-card{transform:none!important;}
}
@media(max-width:640px){
  .wrap{padding:0 22px;}
  .tsb-grid{grid-template-columns:1fr;}
  .tsb-tile.lg,.tsb-tile.md,.tsb-tile.sm{grid-column:auto;}
}
@media(prefers-reduced-motion:reduce){
  .ts-key,.tsa-track,.tsc-sec .stage-bg{animation:none;transition:none;}
}

/* testimonials-marquee.css */
/* ============================================================
   WDI — Testimonials · Moving Wall
   3 rows · alternating directions · monochrome black/white cards
   with subtle pink accents · varied width + text length · real
   grayscale photos (colorize on hover) · country + industry chips
   · refined hover (lift, focus dim, accent underline, stars) ·
   hover types the quote out (pink caret).
   ============================================================ */
.tsm-sec{position:relative;padding:108px 0 128px;background:var(--bg);border-top:1px solid var(--line);overflow:hidden;}
.tsm-aura{position:absolute;inset:-12% -6%;z-index:0;pointer-events:none;
  background:
   radial-gradient(40% 48% at 8% 2%,rgba(249,47,100,.05),transparent 60%),
   radial-gradient(40% 48% at 92% 98%,rgba(122,0,255,.04),transparent 62%);}
.tsm-sec>*{position:relative;z-index:1;}

/* ---------- header ---------- */
.tsm-head{text-align:center;max-width:760px;margin:0 auto 58px;}
.tsm-head .ts-eyebrow{justify-content:center;}
.tsm-head .ts-h{margin-top:18px;font-size:clamp(32px,4.2vw,54px);font-weight:600;letter-spacing:-0.04em;line-height:1.02;color:var(--ink);}
.tsm-head .ts-h .accent{color:var(--ink);position:relative;white-space:nowrap;}
.tsm-head .ts-h .accent::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2.5px;border-radius:2px;
  background:linear-gradient(90deg,var(--rose-600),var(--rose-400) 70%,rgba(249,47,100,0));}
.tsm-head .ts-sub{margin:20px auto 0;font-size:clamp(15px,1.25vw,17px);font-weight:300;line-height:1.55;color:var(--ink-2);max-width:56ch;}

/* ---------- rows (full-bleed) ---------- */
.tsm-rows{width:100vw;position:relative;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;gap:20px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.tsm-row{position:relative;overflow:visible;}
.tsm-track{display:flex;gap:20px;width:max-content;padding:14px 10px;will-change:transform;}
.tsm-track.left{animation:tsmScroll var(--dur,60s) linear infinite;}
.tsm-track.right{animation:tsmScroll var(--dur,60s) linear infinite reverse;}
@keyframes tsmScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.tsm-row:hover .tsm-track{animation-play-state:paused;}
.tsm-row:hover .tsm-card{opacity:.5;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,border-color .45s ease;}
.tsm-row:hover .tsm-card:hover{opacity:1;}

/* ---------- card ---------- */
.tsm-card{position:relative;flex:none;height:292px;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:30px 32px 26px;border-radius:24px;background:#fff;
  border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,12,14,.03);
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,border-color .45s ease,opacity .45s ease;
  cursor:default;overflow:hidden;}
.tsm-card.sz-s{width:312px;}
.tsm-card.sz-m{width:400px;}
.tsm-card.sz-l{width:512px;}
.tsm-card[data-th="dark"]{background:#0B0C0E;border-color:rgba(255,255,255,.10);box-shadow:0 1px 2px rgba(0,0,0,.22);}

/* quotation glyph */
.tsm-mark{position:absolute;top:8px;left:26px;font-size:88px;line-height:1;font-family:Georgia,"Times New Roman",serif;
  font-weight:700;color:var(--line-2);pointer-events:none;z-index:0;transition:color .45s ease;}
.tsm-card[data-th="dark"] .tsm-mark{color:rgba(255,255,255,.12);}
.tsm-card:hover .tsm-mark{color:var(--rose-300);}

/* stars */
.tsm-stars{position:absolute;top:30px;right:30px;display:flex;gap:3px;z-index:3;
  opacity:0;transform:translateY(-5px);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1);}
.tsm-stars svg{width:13px;height:13px;fill:var(--rose-500);}
.tsm-card[data-th="dark"] .tsm-stars svg{fill:var(--rose-400);}
.tsm-card:hover .tsm-stars{opacity:1;transform:none;}

/* body */
.tsm-body{position:relative;z-index:1;flex:1;display:flex;align-items:center;min-height:0;}
.tsm-quote{font-size:15.5px;line-height:1.56;font-weight:400;letter-spacing:-0.01em;color:var(--ink-2);text-wrap:pretty;}
.tsm-card.sz-l .tsm-quote{font-size:17px;line-height:1.55;}
.tsm-quote b{font-weight:600;color:var(--rose-600);}
.tsm-pull{font-size:30px;line-height:1.06;font-weight:600;letter-spacing:-0.04em;color:var(--ink);text-wrap:balance;}
.tsm-card[data-th="dark"] .tsm-quote{color:rgba(255,255,255,.72);}
.tsm-card[data-th="dark"] .tsm-quote b{color:var(--rose-300);}
.tsm-card[data-th="dark"] .tsm-pull{color:#fff;}

/* typing caret (subtle pink) */
.tsm-caret{display:inline-block;width:2px;height:1.02em;margin-left:2px;vertical-align:-2px;border-radius:1px;
  background:var(--rose-600);animation:tsmCaret .9s steps(1) infinite;}
.tsm-card[data-th="dark"] .tsm-caret{background:var(--rose-400);}
.tsm-caret.done{animation:none;opacity:0;}
@keyframes tsmCaret{0%,50%{opacity:1;}50.01%,100%{opacity:0;}}

/* footer */
.tsm-foot{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid var(--line);}
.tsm-card[data-th="dark"] .tsm-foot{border-top-color:rgba(255,255,255,.10);}
.tsm-person{display:flex;align-items:center;gap:13px;}
.tsm-photo{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--line);
  filter:grayscale(1) contrast(1.03);
  transition:filter .55s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;}
.tsm-card:hover .tsm-photo{filter:grayscale(0) contrast(1);transform:scale(1.06);box-shadow:0 8px 18px rgba(11,12,14,.2);}
.tsm-meta{min-width:0;}
.tsm-name{font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tsm-card[data-th="dark"] .tsm-name{color:#fff;}
.tsm-role{margin-top:2px;font-size:12px;font-weight:500;letter-spacing:.01em;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.tsm-card[data-th="dark"] .tsm-role{color:rgba(255,255,255,.5);}

/* country + industry chips — clean, frosted, modern */
.tsm-tags{display:flex;flex-wrap:wrap;gap:6px;}
.tsm-chip{display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:550;line-height:1;letter-spacing:-0.005em;
  height:26px;padding:0 11px 0 9px;border-radius:999px;
  background:rgba(11,12,14,.035);border:0;color:var(--ink-2);
  box-shadow:inset 0 0 0 1px rgba(11,12,14,.07);
  transition:background .35s ease,box-shadow .35s ease,color .35s ease,transform .45s cubic-bezier(.22,1,.36,1);}
.tsm-chip.geo{color:var(--ink);}
/* circular mini-flag */
.tsm-cflag{width:16px;height:16px;border-radius:50%;object-fit:cover;flex:none;
  box-shadow:inset 0 0 0 1px rgba(11,12,14,.1);transition:transform .45s cubic-bezier(.22,1,.36,1);}
.tsm-chip.ind{padding-left:11px;}
.tsm-idot{width:5px;height:5px;border-radius:50%;background:var(--rose-500);flex:none;
  box-shadow:0 0 0 3px rgba(249,47,100,.14);transition:box-shadow .35s ease;}
/* hover */
.tsm-card:hover .tsm-chip{transform:translateY(-1px);}
.tsm-card:hover .tsm-chip.geo{box-shadow:inset 0 0 0 1px rgba(11,12,14,.13);}
.tsm-card:hover .tsm-cflag{transform:scale(1.06);}
.tsm-card:hover .tsm-chip.ind{background:rgba(249,47,100,.07);color:var(--rose-700);box-shadow:inset 0 0 0 1px rgba(249,47,100,.2);}
.tsm-card:hover .tsm-chip.ind .tsm-idot{box-shadow:0 0 0 3px rgba(249,47,100,.22);}
/* dark chips */
.tsm-card[data-th="dark"] .tsm-chip{background:rgba(255,255,255,.05);color:rgba(255,255,255,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.tsm-card[data-th="dark"] .tsm-chip.geo{color:#fff;}
.tsm-card[data-th="dark"] .tsm-cflag{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);}
.tsm-card[data-th="dark"]:hover .tsm-chip.geo{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);}
.tsm-card[data-th="dark"]:hover .tsm-chip.ind{background:rgba(249,47,100,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(253,59,111,.4);}

/* hover lift + accent underline */
.tsm-card:hover{transform:translateY(-10px);z-index:6;box-shadow:0 30px 64px -26px rgba(11,12,14,.34);border-color:var(--line-2);}
.tsm-card[data-th="dark"]:hover{box-shadow:0 30px 64px -22px rgba(0,0,0,.62);border-color:rgba(255,255,255,.24);}
.tsm-card::before{content:"";position:absolute;left:0;bottom:0;height:2.5px;width:100%;z-index:4;
  transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--rose-600),var(--violet));
  transition:transform .6s cubic-bezier(.22,1,.36,1);}
.tsm-card:hover::before{transform:scaleX(1);}

/* entrance */
.tsm-sec .tsm-rows{opacity:0;transform:translateX(-50%) translateY(22px);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.7,.2,1);}
.tsm-sec.in .tsm-rows{opacity:1;transform:translateX(-50%) translateY(0);}

@media (prefers-reduced-motion:reduce){
  .tsm-track.left,.tsm-track.right{animation:none;}
  .tsm-sec .tsm-rows{opacity:1;transform:translateX(-50%);transition:none;}
  .tsm-caret{animation:none;}
}

/* responsive */
@media (max-width:760px){
  .tsm-sec{padding:78px 0 92px;}
  .tsm-rows{gap:14px;}
  .tsm-track{gap:14px;}
  .tsm-card{height:272px;padding:24px 24px 22px;}
  .tsm-card.sz-s{width:270px;}
  .tsm-card.sz-m{width:326px;}
  .tsm-card.sz-l{width:384px;}
  .tsm-pull{font-size:25px;}
  .tsm-quote,.tsm-card.sz-l .tsm-quote{font-size:14.5px;}
  .tsm-mark{font-size:70px;}
}

/* inline */

/* awards — name + award on the left, rating on the right, editorial rows */
#awA .ava-row{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto;
  grid-template-areas:"idx name rate" "idx award rate";align-items:center;column-gap:clamp(18px,2.4vw,36px);row-gap:6px;
  padding:clamp(26px,3vw,38px) 0;border-bottom:1px solid rgba(12,12,20,.09);position:relative;}
#awA .ava-row:first-of-type{border-top:1px solid rgba(12,12,20,.09);}
#awA .ava-main{display:contents!important;}
#awA .ava-idx{grid-area:idx;align-self:start;padding-top:10px;font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;
  font-size:12px;letter-spacing:.14em;color:#9A9EA6;}
#awA .ava-name{grid-area:name;font-size:clamp(28px,3.4vw,48px);font-weight:400;letter-spacing:-0.045em;line-height:1.05;color:#0B0C0E;}
#awA .ava-right{grid-area:award;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 14px;position:static!important;}
#awA .ava-award{font-size:14.5px;color:#3A3D44;}
#awA .ava-meta{font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#F92F64;}
#awA .ava-stars{grid-area:rate;justify-self:end;align-self:center;margin:0!important;position:relative;
  transform:translateY(-12px);}
#awA .ava-rate-num{grid-area:rate;justify-self:end;align-self:center;transform:translateY(20px);
  font-size:clamp(22px,2.2vw,30px);font-weight:400;letter-spacing:-0.03em;color:#0B0C0E;font-variant-numeric:tabular-nums;}
#awA .ava-rate-num::after{content:" / 5";font-size:.5em;color:#9A9EA6;letter-spacing:0;}
#awA .ava-row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:linear-gradient(90deg,#F92F64,#A24BFF);
  transition:width .6s cubic-bezier(.22,.61,.36,1);}
#awA .ava-row:hover::after{width:100%;}
/* rows without star ratings: show the honour as the right-hand badge */
#awA .ava-honours{grid-area:rate;justify-self:end;align-self:center;display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px;border:1px solid rgba(249,47,100,.28);border-radius:999px;background:rgba(249,47,100,.05);
  font-family:var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#F92F64;white-space:nowrap;}
#awA .ava-honours::before{content:"";width:5px;height:5px;border-radius:50%;background:#F92F64;}
#awA .ava-row:has(.ava-honours) .ava-meta{display:none;}
/* keep the liquid-metal sphere behind the list */
#awA .ava-row{z-index:2;background:transparent;}
#awA .ava-orb-wrap{z-index:0!important;pointer-events:none;}
#awA .ava-orb-wrap canvas,#awA .ava-orb-wrap .ava-orb,#awA .ava-orb-wrap [class*="sphere"]{pointer-events:auto;}
#awA .ava-orb-wrap [class*="cap"],#awA .ava-orb-wrap [class*="hint"]{opacity:.55;}
@media(max-width:640px){#awA .ava-honours{justify-self:start;}}
@media(max-width:640px){
  #awA .ava-row{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"idx name" "idx award" "idx rate";}
  #awA .ava-stars,#awA .ava-rate-num{justify-self:start;transform:none;}
  #awA .ava-rate-num{margin-left:120px;margin-top:-26px;}
}
/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 var(--font-figtree),Figtree,sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 var(--font-figtree),Figtree,sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}


#awA .ava-name{display:inline-flex;align-items:center;gap:clamp(12px,1.2vw,18px);}
#awA .ava-logo{flex:none;width:clamp(34px,2.8vw,44px);height:clamp(34px,2.8vw,44px);border-radius:12px;background:#fff;display:grid;place-items:center;
  box-shadow:0 0 0 1px rgba(12,12,20,.08),0 8px 18px -10px rgba(12,12,20,.3);}
#awA .ava-logo img{width:62%;height:62%;object-fit:contain;display:block;}
/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 var(--font-space-grotesk),'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 var(--font-figtree),Figtree,sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 var(--font-figtree),Figtree,sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}


@keyframes ppMarqueeL{from{transform:translate(0,-50%);}to{transform:translate(-50%,-50%);}}
@keyframes ppMarqueeR{from{transform:translate(-50%,-50%);}to{transform:translate(0,-50%);}}
@keyframes ppPulse{0%{box-shadow:0 0 0 0 rgba(249,47,100,.5);}70%{box-shadow:0 0 0 8px rgba(249,47,100,0);}100%{box-shadow:0 0 0 0 rgba(249,47,100,0);}}
@keyframes ppCtaPulse{0%{box-shadow:0 0 0 0 rgba(249,47,100,.5);}70%{box-shadow:0 0 0 8px rgba(249,47,100,0);}100%{box-shadow:0 0 0 0 rgba(249,47,100,0);}}
#wdi-au-page .auh{padding-top:clamp(76px,calc(18vh - 74px),126px);}