@property --ps-hero-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.ps-hero-tech{position:relative;margin:0 0 24px;padding:32px 24px;min-height:clamp(330px,38vw,433px);display:flex;flex-direction:column;justify-content:center;border-radius:16px;text-align:center;overflow:hidden;isolation:isolate;background:radial-gradient(125% 135% at 50% -20%,#181d40,#0c1020 52%,#080a12);box-shadow:inset 0 1px #ffffff0d}@media(max-width:749px){.ps-hero-tech{padding:24px 16px}}.ps-hero-tech:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--ps-hero-angle),rgba(91,123,255,.05),#1A22DD,#5B7BFF,#22D3EE,#5B7BFF,#1A22DD,rgba(91,123,255,.05));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ps-hero-spin 7s linear infinite}:root{--ps-hero-spin-to: 360deg}@media(max-width:749px){:root{--ps-hero-spin-to: 0deg}}@media(prefers-reduced-motion:reduce){:root{--ps-hero-spin-to: 0deg}}@keyframes ps-hero-spin{to{--ps-hero-angle: var(--ps-hero-spin-to, 360deg)}}.ps-hero-tech__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(58% 80% at 50% -12%,rgba(91,123,255,.38),transparent 60%),radial-gradient(42% 65% at 88% 115%,rgba(34,211,238,.18),transparent 60%),linear-gradient(rgba(125,145,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,145,255,.07) 1px,transparent 1px);background-size:cover,cover,44px 44px,44px 44px;-webkit-mask:radial-gradient(96% 92% at 50% 32%,#000 52%,transparent 100%);mask:radial-gradient(96% 92% at 50% 32%,#000 52%,transparent 100%)}.ps-hero-tech__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.ps-hero-tech__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c7d0ff;padding:7px 16px;margin-bottom:1.5rem;border-radius:999px;background:#5b7bff1a;border:1px solid rgba(91,123,255,.38);box-shadow:0 0 24px #5b7bff40,inset 0 0 14px #5b7bff1f}.ps-hero-tech__dot{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px #22d3ee;animation:ps-hero-pulse 2.1s ease-in-out infinite}@keyframes ps-hero-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.ps-hero-tech__title{margin:0 0 1rem;font-size:clamp(2.4rem,6.5vw,4.6rem);font-weight:900;line-height:1.1;padding-bottom:.06em;letter-spacing:-.035em;background:linear-gradient(180deg,#fff,#c5ccff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 26px rgba(91,123,255,.4))}.ps-hero-tech__sub{margin:0 auto 1.9rem;max-width:620px;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;color:#aab2d6}.ps-hero-tech__sub strong{color:#fff;font-weight:700}.ps-hero-tech__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.ps-hero-tech__chip{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:#e0e5ff;padding:8px 14px;border-radius:11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ps-hero-tech__chip svg{width:15px;height:15px;color:#6f8bff;flex-shrink:0}.ps-hero-tech__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.9rem}.ps-hero-tech__btn{display:inline-block;padding:13px 28px;font-size:.95rem;font-weight:700;border-radius:12px;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.ps-hero-tech__btn--primary{background:linear-gradient(135deg,#1a22dd,#4357ff);color:#fff!important;box-shadow:0 8px 24px -6px #1a22ddb3}.ps-hero-tech__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -6px #4357ffcc}.ps-hero-tech__btn--ghost{background:#ffffff0d;color:#fff!important;border:1.5px solid rgba(255,255,255,.22)}.ps-hero-tech__btn--ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.shopify-section:has(.ps-hero-tech){position:relative;background-color:#080a12;background-image:radial-gradient(58% 42% at 50% -4%,rgba(91,123,255,.2),transparent 60%),radial-gradient(40% 40% at 93% 8%,rgba(34,211,238,.1),transparent 60%),radial-gradient(48% 42% at 4% 52%,rgba(26,34,221,.16),transparent 62%),linear-gradient(rgba(125,145,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,145,255,.05) 1px,transparent 1px);background-size:cover,cover,cover,48px 48px,48px 48px}@media(prefers-reduced-motion:reduce){.ps-hero-tech:after{animation:none}.ps-hero-tech__dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/playshop-hero-tech.css.map */