.pj-page{position:relative;z-index:1;padding:0 24px 120px}
.pj-head{max-width:1240px;margin:0 auto;padding:78px 0 46px;text-align:center}
.pj-eyebrow{display:block;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:11px;letter-spacing:.44em;text-transform:uppercase;margin-right:-.44em}
.pj-title{margin:16px 0 0;font-family:'Oxanium',sans-serif;font-weight:800;font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:#E8EEF2}
.pj-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pj{--c:#6DEBFF;--c-rgb:109,235,255;--ink:#04161b;position:relative;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;aspect-ratio:16/10;min-height:300px;padding:34px 30px 32px;overflow:hidden;isolation:isolate;background:#07090c;border:1px solid rgba(var(--c-rgb),.16);transition:border-color .45s ease,box-shadow .6s ease,transform .6s cubic-bezier(.2,.7,.3,1);animation:pjRise .9s cubic-bezier(.2,.7,.3,1) both}
.pj:nth-child(2){animation-delay:.08s}
.pj:nth-child(3){animation-delay:.16s}
.pj:nth-child(4){animation-delay:.24s}
.pj--aod{--c:#6DEBFF;--c-rgb:109,235,255;--ink:#04161b}
.pj--dz{--c:#FFB547;--c-rgb:255,181,71;--ink:#1d1204}
.pj--nh{--c:#73EFD3;--c-rgb:115,239,211;--ink:#04191a}
.pj--c13{--c:#E8743A;--c-rgb:232,116,58;--ink:#1d0d04}
.pj-bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center;transform:scale(1.04);filter:saturate(.95);transition:transform 1.6s cubic-bezier(.2,.7,.3,1),filter .8s ease}
.pj::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,7,10,.18) 0%,rgba(5,7,10,.42) 42%,rgba(5,7,10,.9) 100%),radial-gradient(80% 70% at 50% 108%,rgba(var(--c-rgb),.22),transparent 62%)}
.pj::after{content:'';position:absolute;left:0;right:0;top:0;height:2px;z-index:-1;background:linear-gradient(90deg,transparent 0%,var(--c) 50%,transparent 100%);opacity:.55;transition:opacity .45s ease}
.pj:hover{border-color:rgba(var(--c-rgb),.5);box-shadow:0 34px 90px -46px rgba(var(--c-rgb),.55);transform:translateY(-3px)}
.pj:hover::after{opacity:1}
.pj:hover .pj-bg{transform:scale(1.1);filter:saturate(1.1)}
.pj-logo{display:block;height:clamp(64px,8.4vw,116px);width:auto;max-width:88%;object-fit:contain;filter:drop-shadow(0 12px 34px rgba(0,0,0,.7));transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.pj:hover .pj-logo{transform:translateY(-4px) scale(1.02)}
.pj--c13 .pj-logo{height:clamp(70px,9vw,124px)}
.pj-actions{display:flex;justify-content:center;align-items:center;gap:12px;width:100%}
.pj-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:168px;height:46px;padding:0 18px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border:1px solid rgba(var(--c-rgb),.55);color:var(--c);background:rgba(5,7,10,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .15s ease}
.pj-btn span{margin-right:-.22em}
.pj-btn svg{width:17px;height:17px;flex:0 0 17px}
.pj-btn:hover{border-color:var(--c);background:rgba(var(--c-rgb),.12);color:#fff}
.pj-btn:active{transform:translateY(1px)}
.pj-btn--main{background:var(--c);border-color:var(--c);color:var(--ink);box-shadow:0 10px 36px -14px rgba(var(--c-rgb),.75)}
.pj-btn--main:hover{background:var(--c);color:var(--ink);box-shadow:0 14px 48px -12px rgba(var(--c-rgb),.95);filter:brightness(1.06)}
.pj-btn:focus-visible{outline:2px solid var(--c);outline-offset:3px}
@keyframes pjRise{0%{opacity:0;transform:translateY(22px)}100%{opacity:1;transform:none}}
@media (max-width:900px){.pj-grid{grid-template-columns:minmax(0,1fr);max-width:640px}.pj{aspect-ratio:16/11}}
@media (max-width:520px){.pj-page{padding:0 16px 90px}.pj-head{padding:54px 0 32px}.pj{aspect-ratio:auto;min-height:280px;padding:30px 18px 24px}.pj-actions{gap:10px}.pj-btn{width:auto;flex:1 1 0;max-width:168px;letter-spacing:.16em}.pj-btn span{margin-right:-.16em}}
@media (prefers-reduced-motion:reduce){.pj,.pj-bg,.pj-logo{animation:none;transition:none}}