.pc{position:relative;width:100%;max-width:520px;justify-self:end;min-width:0}
.pc__card{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;isolation:isolate;background:#070A12;border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 80px -30px rgba(0,0,0,.75);animation:pcIn .7s cubic-bezier(.2,.7,.2,1) both}
.pc__card::before{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(140deg,rgba(45,226,181,.55),rgba(255,255,255,0) 35%,rgba(139,92,246,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.pc__card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(to top,rgba(7,10,18,.8) 0%,rgba(7,10,18,0) 40%)}
.pc__glow{position:absolute;z-index:0;pointer-events:none;border-radius:50%}
.pc__glow--teal{width:70%;aspect-ratio:1;left:15%;top:0;background:radial-gradient(circle,rgba(45,226,181,.11) 0%,rgba(45,226,181,0) 62%);animation:pcPulse 8s ease-in-out infinite}
.pc__glow--violet{width:75%;aspect-ratio:1;left:-22%;bottom:-16%;background:radial-gradient(circle,rgba(139,92,246,.20) 0%,rgba(139,92,246,0) 65%);animation:pcPulse 8s ease-in-out infinite reverse}
.pc__grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000 0%,transparent 70%);mask-image:radial-gradient(circle at 50% 38%,#000 0%,transparent 70%)}
.pc__photo{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;mix-blend-mode:lighten;filter:brightness(1.1) contrast(1.05);scale:1.04;translate:calc(var(--mx,0)*6px) calc(var(--my,0)*6px);-webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent 100%),linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 68%,transparent 100%),linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);mask-composite:intersect}
.pc__plate{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(15,20,32,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12)}
.pc__plate-logo{flex:0 0 auto;width:44px;height:44px;border-radius:10px;object-fit:cover;background:#fff;display:block}
.pc__plate-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pc__plate-text strong{font-size:15px;font-weight:600;color:#E6EAF2;line-height:1.2}.pc__plate-text span{font-size:13px;color:#9AA4B2;line-height:1.2}
.pc__chip{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(18,24,38,.74);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);color:#E6EAF2;font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;translate:calc(var(--mx,0)*12px) calc(var(--my,0)*12px);animation:pcFade .6s ease-out both,pcFloat 7s ease-in-out infinite;animation-delay:calc(var(--i)*100ms),calc(var(--i)*100ms + 600ms);transition:border-color .2s,box-shadow .2s}
.pc__chip i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.pc__chip:hover,.pc__chip:focus-visible{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 8px 24px -8px var(--c);outline:none}
.pc__chip--1{top:12%;left:10px}.pc__chip--2{top:28%;right:10px}.pc__chip--3{top:52%;left:10px}.pc__chip--4{top:66%;right:10px}
@media (min-width:1200px){.pc__chip--1{left:-28px}.pc__chip--2{right:-24px}.pc__chip--3{left:-20px}.pc__chip--4{right:-28px}}
@keyframes pcIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pcFade{from{opacity:0}to{opacity:1}}@keyframes pcFloat{0%,100%{transform:translateY(-6px)}50%{transform:translateY(6px)}}@keyframes pcPulse{0%,100%{opacity:.85}50%{opacity:1}}
@media (max-width:1023px){.pc{justify-self:center;max-width:440px;margin-top:40px}}
@media (max-width:767px){.pc{max-width:360px}.pc__chip{font-size:12.5px;padding:8px 12px}.pc__chip--1{top:8%}.pc__chip--2{top:22%}.pc__chip--3,.pc__chip--4{display:none}}
@media (prefers-reduced-motion:reduce){.pc__card,.pc__glow,.pc__chip{animation:none!important}.pc__photo,.pc__chip{translate:none!important}}

.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center}.hero-grid > *{min-width:0}.hero-grid h1{font-size:clamp(2.25rem,4.4vw,3.9rem);max-width:18ch}
@media (max-width:1023px){.hero-grid{grid-template-columns:minmax(0,1fr)}}