.webtron-platforms-services{--card-radius:12px;--card-gap:16px;--glow-intensity:0.6;--hover-scale:1.05;--divider-color:var(--wds-accent);--platforms-per-row:2;--services-per-row:2;--transition-speed:0.4s;--transition-easing:cubic-bezier(0.4,0,0.2,1)}.webtron-platforms-services .ps-container{align-items:start;display:grid;gap:calc(var(--card-gap)*2);grid-template-columns:1fr auto 1fr;overflow:visible}.webtron-platforms-services .ps-section{display:flex;flex-direction:column;gap:var(--card-gap)}.webtron-platforms-services .ps-section__heading{color:var(--wp--preset--color--contrast,#1e293b);font-size:1.5rem;font-weight:700;margin:0 0 1rem;text-align:center}.webtron-platforms-services .ps-grid{display:grid;gap:var(--card-gap)}.webtron-platforms-services .ps-grid--platforms{grid-template-columns:repeat(var(--platforms-per-row),1fr)}.webtron-platforms-services .ps-grid--services{grid-template-columns:repeat(var(--services-per-row),1fr)}.webtron-platforms-services .ps-divider{align-self:stretch;display:flex;justify-content:center;padding:2rem 0;position:relative;width:4px}.webtron-platforms-services .ps-divider__line{height:100%;overflow:hidden;position:relative;width:2px}.webtron-platforms-services.divider-gradient .ps-divider__line{background:linear-gradient(180deg,transparent 0,var(--divider-color) 15%,var(--divider-color) 85%,transparent 100%)}.webtron-platforms-services.divider-gradient .ps-divider__line:after{animation:webtronPsDividerPulse 3s ease-in-out infinite;background:linear-gradient(180deg,transparent 0,var(--divider-color) 50%,transparent 100%);content:"";filter:blur(6px);height:100%;left:-2px;opacity:var(--glow-intensity);position:absolute;right:-2px;top:0}.webtron-platforms-services.divider-solid .ps-divider__line{background:var(--divider-color)}.webtron-platforms-services.divider-dashed .ps-divider__line{background:repeating-linear-gradient(180deg,var(--divider-color) 0,var(--divider-color) 12px,transparent 12px,transparent 24px)}@keyframes webtronPsDividerPulse{0%,to{opacity:calc(var(--glow-intensity)*.5)}50%{opacity:var(--glow-intensity)}}.webtron-platforms-services .ps-card{aspect-ratio:16/10;border-radius:var(--card-radius);cursor:pointer;isolation:isolate;overflow:hidden;position:relative;transform:scale(1);transition:transform var(--transition-speed) var(--transition-easing),box-shadow var(--transition-speed) var(--transition-easing)}.webtron-platforms-services .ps-card__bg{background-position:50%;background-size:cover;inset:0;position:absolute;transition:transform var(--transition-speed) var(--transition-easing);z-index:0}.webtron-platforms-services .ps-card__overlay{background:var(--overlay-color);inset:0;opacity:var(--overlay-opacity);position:absolute;transition:opacity var(--transition-speed) var(--transition-easing);z-index:3}.webtron-platforms-services .ps-card__glow{animation:webtronPsGlowRotate 4s linear infinite;background:conic-gradient(from var(--glow-angle,0deg),var(--glow-color),transparent 25%,transparent 50%,var(--glow-color) 75%,var(--glow-color));border-radius:calc(var(--card-radius) + 3px);filter:blur(2px);inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:calc(var(--glow-intensity)*.8);padding:3px;pointer-events:none;position:absolute;z-index:0}@keyframes webtronPsGlowRotate{0%{--glow-angle:0deg}to{--glow-angle:360deg}}@property --glow-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.webtron-platforms-services .ps-card__video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;transition:opacity var(--transition-speed) var(--transition-easing);width:100%;z-index:1}.webtron-platforms-services .ps-card__content{align-items:center;display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;overflow:hidden;padding:1.5rem;position:absolute;z-index:4}.webtron-platforms-services .ps-card__logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));flex-shrink:0;height:auto;max-height:45%;max-width:70%;-o-object-fit:contain;object-fit:contain;transition:transform var(--transition-speed) var(--transition-easing);width:auto}.webtron-platforms-services .ps-card__title{color:var(--wds-accent-contrast);font-size:1rem;font-weight:600;margin:.25rem 0 0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap}.webtron-platforms-services .ps-card__content:not(:has(.ps-card__logo)) .ps-card__title{font-size:1.25rem;font-weight:700}.webtron-platforms-services .ps-card__play-btn{align-items:center;background:hsla(0,0%,100%,.95);border:none;border-radius:50%;bottom:1rem;color:var(--overlay-color);cursor:pointer;display:flex;font-size:1rem;height:48px;justify-content:center;left:50%;opacity:0;position:absolute;transform:translateX(-50%) translateY(20px);transition:opacity var(--transition-speed) var(--transition-easing),transform var(--transition-speed) var(--transition-easing),background var(--transition-speed) var(--transition-easing);width:48px;z-index:5}.webtron-platforms-services .ps-card__play-btn:hover{background:#fff;transform:translateX(-50%) translateY(0) scale(1.1)}.webtron-platforms-services .ps-card__play-btn i{margin-left:2px}.webtron-platforms-services .ps-card:hover{transform:scale(var(--hover-scale));z-index:10}.webtron-platforms-services .ps-card:hover .ps-card__bg{transform:scale(1.1)}.webtron-platforms-services .ps-card:hover .ps-card__overlay{opacity:calc(var(--overlay-opacity)*.6)}.webtron-platforms-services .ps-card:hover .ps-card__glow{filter:blur(8px);opacity:1}.webtron-platforms-services .ps-card:hover .ps-card__logo{transform:translateY(-8px)}.webtron-platforms-services .ps-card.has-video:hover .ps-card__video{opacity:1}.webtron-platforms-services .ps-card.has-video:hover .ps-card__play-btn{opacity:1;transform:translateX(-50%) translateY(0)}.webtron-platforms-services .ps-card:focus-visible{box-shadow:var(--wds-focus-ring);outline:none;z-index:7}.webtron-platforms-services .ps-card:focus-within{outline:2px solid var(--glow-color);outline-offset:2px}.webtron-platforms-services .ps-card:focus:not(:focus-visible){outline:none}.webtron-platforms-services .ps-card__play-btn:focus-visible{box-shadow:var(--wds-focus-ring);outline:none}.webtron-ps-modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:2rem;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:99999}.webtron-ps-modal[aria-hidden=false]{opacity:1;visibility:visible}.webtron-ps-modal__backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.85);inset:0;position:absolute}.webtron-ps-modal__container{max-height:90vh;max-width:1000px;position:relative;transform:scale(.9) translateY(20px);transition:transform .3s var(--transition-easing);width:100%;z-index:1}.webtron-ps-modal[aria-hidden=false] .webtron-ps-modal__container{transform:scale(1) translateY(0)}.webtron-ps-modal__close{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:var(--wds-radius-sm);color:var(--wds-accent-contrast);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;right:0;top:-48px;transition:background var(--wds-dur) var(--wds-ease);width:40px}.webtron-ps-modal__close:hover{background:hsla(0,0%,100%,.2)}.webtron-ps-modal__close:focus-visible{outline:2px solid var(--wds-accent);outline-offset:2px}.webtron-ps-modal__video-wrapper{aspect-ratio:16/9;background:#000;border-radius:var(--wds-radius) var(--wds-radius) 0 0;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden;position:relative}.webtron-ps-modal__video{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.webtron-ps-modal__content{background:var(--wds-surface);border-radius:0 0 var(--wds-radius) var(--wds-radius);padding:1.5rem 2rem;text-align:center}.webtron-ps-modal__title{color:var(--wds-text);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.webtron-ps-modal__description{color:var(--wds-text-muted);font-size:1rem;line-height:1.6;margin:0 0 1.25rem}.webtron-ps-modal__docs-btn{align-items:center;background:var(--wds-accent);border-radius:var(--wds-radius-sm);color:var(--wds-accent-contrast);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:transform var(--wds-dur) var(--wds-ease),box-shadow var(--wds-dur) var(--wds-ease)}.webtron-ps-modal__docs-btn:hover{box-shadow:var(--wds-shadow-lg);color:var(--wds-accent-contrast);transform:translateY(-2px)}.webtron-ps-modal__docs-btn:focus-visible{outline:2px solid var(--wds-accent);outline-offset:2px}.webtron-ps-modal__docs-btn i{font-size:.875rem}.webtron-ps-modal__video-controls{bottom:3.5rem;display:flex;gap:.5rem;position:absolute;right:1rem;z-index:10}.webtron-ps-modal__control-group{position:relative}.webtron-ps-modal__control-btn{align-items:center;backdrop-filter:blur(8px);background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--wds-radius-sm);color:var(--wds-accent-contrast);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all var(--wds-dur) var(--wds-ease);width:40px}.webtron-ps-modal__control-btn:hover{background:rgba(0,0,0,.85);transform:translateY(-2px)}.webtron-ps-modal__control-btn:focus-visible{outline:2px solid var(--wds-accent);outline-offset:2px}.webtron-ps-modal__control-btn.is-active{background:var(--wds-accent);border-color:var(--wds-accent)}.webtron-ps-modal__control-menu{backdrop-filter:blur(12px);background:rgba(15,23,42,.95);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--wds-radius);bottom:calc(100% + 8px);box-shadow:0 10px 40px rgba(0,0,0,.4);min-width:160px;opacity:0;padding:.5rem 0;position:absolute;right:0;transform:translateY(10px);transition:all var(--wds-dur) var(--wds-ease);visibility:hidden}.webtron-ps-modal__control-menu.is-open{opacity:1;transform:translateY(0);visibility:visible}.webtron-ps-modal__control-menu-header{border-bottom:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:.7rem;font-weight:600;margin-bottom:.25rem;padding:.5rem 1rem}.webtron-ps-modal__control-menu-item{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.85);cursor:pointer;display:flex;font-size:.9rem;padding:.6rem 1rem;text-align:left;transition:all .15s ease;width:100%}.webtron-ps-modal__control-menu-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.webtron-ps-modal__control-menu-item:focus-visible{outline:2px solid var(--wds-accent);outline-offset:-2px}.webtron-ps-modal__control-menu-item.is-active{background:var(--wds-accent-soft);color:var(--wds-accent)}.webtron-ps-modal__control-menu-item.is-active:before{content:"✓";font-size:.75rem;margin-right:.5rem}@media (max-width:1024px){.webtron-platforms-services .ps-container{gap:var(--card-gap);grid-template-columns:1fr}.webtron-platforms-services .ps-divider{height:4px;padding:1rem 0;width:100%}.webtron-platforms-services .ps-divider__line{height:2px;width:100%}.webtron-platforms-services.divider-gradient .ps-divider__line{background:linear-gradient(90deg,transparent 0,var(--divider-color) 15%,var(--divider-color) 85%,transparent 100%)}.webtron-platforms-services.divider-gradient .ps-divider__line:after{background:linear-gradient(90deg,transparent 0,var(--divider-color) 50%,transparent 100%)}.webtron-platforms-services.divider-dashed .ps-divider__line{background:repeating-linear-gradient(90deg,var(--divider-color) 0,var(--divider-color) 12px,transparent 12px,transparent 24px)}}@media (max-width:768px){.webtron-platforms-services .ps-grid--platforms,.webtron-platforms-services .ps-grid--services{grid-template-columns:repeat(2,1fr)}.webtron-platforms-services .ps-card{aspect-ratio:4/3}.webtron-platforms-services .ps-card__logo{max-height:45%;max-width:80%}.webtron-platforms-services .ps-card__play-btn{font-size:.875rem;height:40px;width:40px}.webtron-ps-modal{padding:1rem}.webtron-ps-modal__close{top:-44px}}@media (max-width:480px){.webtron-platforms-services .ps-grid--platforms,.webtron-platforms-services .ps-grid--services{grid-template-columns:1fr}.webtron-platforms-services .ps-section__heading{font-size:1.25rem}.webtron-platforms-services .ps-card{aspect-ratio:16/9}}@media (prefers-reduced-motion:reduce){.webtron-platforms-services .ps-card,.webtron-platforms-services .ps-card__bg,.webtron-platforms-services .ps-card__glow,.webtron-platforms-services .ps-card__logo,.webtron-platforms-services .ps-card__overlay,.webtron-platforms-services .ps-card__play-btn,.webtron-platforms-services .ps-card__video,.webtron-ps-modal,.webtron-ps-modal__container{transition:none}.webtron-platforms-services .ps-card__glow,.webtron-platforms-services .ps-divider__line:after{animation:none}}@media print{.webtron-platforms-services .ps-card__glow,.webtron-platforms-services .ps-card__play-btn,.webtron-platforms-services .ps-card__video,.webtron-ps-modal{display:none}.webtron-platforms-services .ps-card{-moz-column-break-inside:avoid;box-shadow:none;break-inside:avoid}}
