/* AdSyntra AI product landing pages: abstract 3D marketing illustrations, no app/dashboard mockups. */
.pm-visual{--pm-a:#a76aff;--pm-b:#36d8f7;--pm-c:#6b63ff;position:relative;isolation:isolate;width:100%;max-width:570px;min-height:420px;aspect-ratio:1.12/1;margin:0 auto;overflow:hidden;border:1px solid rgba(194,196,255,.12);border-radius:30px;background:radial-gradient(ellipse at 50% 45%,rgba(96,68,191,.19),transparent 52%),radial-gradient(ellipse at 75% 80%,rgba(32,182,228,.13),transparent 42%),linear-gradient(145deg,#111321,#080a11 68%);box-shadow:0 32px 85px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.07);perspective:1200px;transform-style:preserve-3d}
.pm-visual:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(173,182,235,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(173,182,235,.09) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 74%)}
.pm-visual:after{content:"";position:absolute;inset:10%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(169,106,255,.18),transparent 68%);filter:blur(18px)}
.pm-visual-content{position:absolute;inset:0;transform-style:preserve-3d}
.pm-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(186,196,255,.19);border-radius:50%;transform-style:preserve-3d;pointer-events:none}
.pm-ring-a{width:80%;height:46%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-18deg);animation:pmRingA 20s linear infinite}
.pm-ring-b{width:55%;height:86%;transform:translate(-50%,-50%) rotateY(66deg) rotateZ(27deg);border-color:rgba(62,211,248,.19);animation:pmRingB 24s linear infinite reverse}
.pm-ring-c{width:63%;height:63%;transform:translate(-50%,-50%) rotateX(72deg) rotateZ(32deg);border-style:dashed;border-color:rgba(174,113,255,.23);animation:pmRingA 32s linear infinite reverse}
.pm-object{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:180px;height:180px;transform:translate(-50%,-50%) rotateX(12deg) rotateY(-14deg);transform-style:preserve-3d;animation:pmObjectFloat 6.8s ease-in-out infinite;filter:drop-shadow(0 24px 30px rgba(55,38,121,.32))}
.pm-object:before{content:"";position:absolute;inset:11%;border:1px solid rgba(255,255,255,.24);border-radius:40%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.95),rgba(211,170,255,.9) 10%,rgba(148,85,255,.92) 38%,rgba(70,75,238,.95) 69%,rgba(34,201,235,.95));box-shadow:inset -22px -24px 34px rgba(5,9,34,.38),inset 8px 9px 19px rgba(255,255,255,.25),0 0 55px rgba(124,84,255,.25);transform:rotate(45deg);}
.pm-object:after{content:"";position:absolute;inset:5%;border:1px solid rgba(109,218,255,.48);border-radius:42%;transform:rotate(45deg) translateZ(-16px);filter:drop-shadow(0 0 12px rgba(56,208,246,.35))}
.pm-object-symbol{position:relative;z-index:2;color:white;font-size:58px;font-weight:850;text-shadow:0 6px 20px rgba(7,14,42,.35);transform:translateZ(34px)}
.pm-visual-finance{--pm-a:#35c6f5;--pm-b:#55e0c5;--pm-c:#7d6bff}
.pm-object-finance:before{border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff6d9 0 3%,#ffe58d 4%,#ffbf42 28%,#ff8f34 59%,#6f42d7 100%)}
.pm-object-finance:after{border-radius:50%;border-width:8px;inset:0;border-color:rgba(108,100,255,.74)}
.pm-object-finance .pm-object-symbol{color:#fff8df;font-size:66px}
.pm-visual-workforce{--pm-a:#b366ff;--pm-b:#4be0ce;--pm-c:#6f75ff}
.pm-object-workforce:before{border-radius:46% 54% 52% 48%;background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97),#bea0ff 9%,#855cff 40%,#425ce9 73%,#18bad4)}
.pm-object-workforce>i{position:absolute;z-index:3;bottom:31%;width:27px;height:48px;border-radius:16px 16px 9px 9px;background:linear-gradient(155deg,#e9c8ff,#8055f7 58%,#25c4e6);box-shadow:0 8px 18px rgba(9,12,46,.35);transform:translateZ(36px)}
.pm-object-workforce>i:before{content:"";position:absolute;left:50%;top:-17px;width:19px;height:19px;border-radius:50%;background:linear-gradient(140deg,#fff,#6fbcff 55%,#8e59f7);transform:translateX(-50%)}
.pm-object-workforce>i:nth-child(1){left:27%;transform:translateZ(18px) scale(.78)}
.pm-object-workforce>i:nth-child(2){left:43%;bottom:27%;transform:translateZ(42px) scale(1.1)}
.pm-object-workforce>i:nth-child(3){left:61%;transform:translateZ(18px) scale(.78)}
.pm-object-workforce:after{inset:5%;border-radius:50%;transform:rotate(27deg) translateZ(-12px)}
.pm-visual-academy{--pm-a:#ac6bff;--pm-b:#42d9ff;--pm-c:#6c63ff}
.pm-object-academy:before{inset:25% 9% 17%;border-radius:18px 18px 28px 28px;background:linear-gradient(145deg,#d7ccff,#9371ff 45%,#3a49b9);transform:rotateX(58deg) rotateZ(-8deg);box-shadow:inset 0 -12px 24px rgba(12,17,60,.44),0 22px 32px rgba(23,19,90,.3)}
.pm-object-academy:after{inset:21% 13% 14%;border-radius:18px 18px 28px 28px;border-width:2px;transform:rotateX(58deg) rotateZ(9deg) translateZ(-14px)}
.pm-page-left,.pm-page-right{position:absolute;z-index:2;top:31%;width:36%;height:35%;border-radius:10px 4px 4px 10px;background:linear-gradient(145deg,#fbf8ff,#c5b9ff);box-shadow:inset 0 -5px 9px rgba(66,48,137,.16);transform:translateZ(20px) rotate(-9deg)}
.pm-page-left{left:16%}.pm-page-right{right:16%;border-radius:4px 10px 10px 4px;transform:translateZ(22px) rotate(9deg)}
.pm-cap{position:absolute;z-index:4;top:7%;left:50%;color:#81edff;font-size:44px;text-shadow:0 0 25px rgba(56,217,255,.8);transform:translateX(-50%) translateZ(42px)}
.pm-label{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(213,220,255,.21);border-radius:999px;background:linear-gradient(145deg,rgba(34,37,59,.88),rgba(13,16,27,.83));box-shadow:0 14px 28px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(12px);color:#eff1ff;font-size:11px;font-weight:760;letter-spacing:.01em;white-space:nowrap;animation:pmLabelFloat 6.4s ease-in-out infinite}
.pm-label:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:linear-gradient(135deg,var(--pm-a),var(--pm-b));box-shadow:0 0 14px var(--pm-b)}
.pm-label-a{top:17%;left:7%;animation-delay:-.6s}.pm-label-b{top:43%;right:5%;animation-delay:-2.2s}.pm-label-c{bottom:15%;left:17%;animation-delay:-3.7s}
.pm-spark{position:absolute;width:9px;height:9px;border-radius:50%;background:#d7b2ff;box-shadow:0 0 20px rgba(182,126,255,.9);animation:pmSpark 3.2s ease-in-out infinite}
.pm-spark-a{left:24%;top:34%}.pm-spark-b{right:23%;top:22%;background:#73eaff;animation-delay:-1.1s}.pm-spark-c{right:20%;bottom:22%;width:6px;height:6px;animation-delay:-2s}
@keyframes pmRingA{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(342deg)}}
@keyframes pmRingB{to{transform:translate(-50%,-50%) rotateY(66deg) rotateZ(387deg)}}
@keyframes pmObjectFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes pmLabelFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes pmSpark{0%,100%{opacity:.35;scale:.75}50%{opacity:1;scale:1.25}}
@media(max-width:980px){.pm-visual{max-width:600px;min-height:390px}}
@media(max-width:680px){.pm-visual{min-height:330px;aspect-ratio:1/1;border-radius:23px}.pm-object{width:152px;height:152px}.pm-label{padding:8px 10px;font-size:9px}.pm-label-a{left:3%;top:17%}.pm-label-b{right:2%;top:44%}.pm-label-c{left:11%;bottom:12%}}
@media(max-width:390px){.pm-visual{min-height:290px}.pm-object{width:132px;height:132px}.pm-label{font-size:8px;padding:7px 8px;gap:6px}.pm-label:before{width:6px;height:6px;flex-basis:6px}}
@media(prefers-reduced-motion:reduce){.pm-ring,.pm-object,.pm-label,.pm-spark{animation:none!important;transition:none!important}}

/* Keep all Workforce and Academy header labels white, like the other site pages. */
body.product-suite-page nav#navbar a,
body.product-suite-page nav#navbar a:visited,
body.product-suite-page nav#navbar .nav-drop-trigger{color:#fff!important;text-decoration:none!important}
body.product-suite-page nav#navbar a:hover,
body.product-suite-page nav#navbar a:focus-visible,
body.product-suite-page nav#navbar a.active,
body.product-suite-page nav#navbar a[aria-current=page],
body.product-suite-page nav#navbar .nav-drop-trigger:hover{color:#fff!important;text-decoration:none!important}
body.product-suite-page nav#navbar .nav-links>a:after,
body.product-suite-page nav#navbar .nav-drop-trigger:after{display:none!important;content:none!important;width:0!important}