.pa-hero{background:radial-gradient(60% 80% at 80% 20%, rgba(var(--c-blue), .2), transparent 70%), var(--paper);padding-block:clamp(56px,7vw,104px) 0;position:relative;overflow:hidden}.pa-hero .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(24px,4vw,64px);display:grid}.pa-hero .stack{align-self:center;gap:22px;padding-bottom:clamp(48px,6vw,88px)}.pa-shot{justify-self:center;width:min(100%,380px);height:clamp(380px,46vw,560px);position:relative}.pa-shot:before{content:"";inset:0 -30%;background:linear-gradient(180deg, transparent, var(--blue-mid) 45%, var(--blue-deep));opacity:.8;position:absolute;inset-block:-120px 0;transform:skew(-12deg)}.pa-shot .device{--w:clamp(240px, 23vw, 300px);position:absolute;top:28px;left:50%;transform:translate(-50%)}.pa-split{border:1px solid var(--rule-2);border-radius:var(--r-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.pa-side{align-content:start;gap:14px;min-width:0;padding:clamp(24px,3.4vw,48px);display:grid}.pa-side .eye{color:var(--accent-text)}.pa-side p{color:var(--ink);max-width:38ch}.pa-side.a{background:linear-gradient(200deg, var(--blue-deep), var(--paper) 95%);padding-right:calc(clamp(24px, 3.4vw, 48px) + var(--cut))}.pa-side.b{clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%);margin-left:calc(var(--cut) * -1);padding-left:calc(clamp(24px, 3.4vw, 48px) + var(--cut))}.pa-side.b.blue{background:linear-gradient(160deg, var(--blue-deep), var(--blue-mid) 150%)}.pa-side.b.green{background:linear-gradient(160deg, var(--green-deep), var(--green-mid) 170%)}.pa-side .link{color:var(--ink)}.pa-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pa-list li{border-top:1px solid var(--rule-2);color:var(--ink);padding-top:10px}.pa-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(24px,3vw,40px);display:grid}.pa-steps .card b{font:italic 700 clamp(20px, 1.8vw, 24px) / 1.08 var(--fh);text-transform:uppercase;color:var(--ink)}.pa-close{background:linear-gradient(160deg, var(--blue-deep), var(--blue-mid) 150%)}.pa-close p{color:var(--ink);max-width:44ch;margin-block:14px 24px}@media (max-width:860px){.pa-hero .wrap,.pa-split{grid-template-columns:minmax(0,1fr)}.pa-hero .stack{padding-bottom:0}.pa-side.a{padding-right:clamp(24px,3.4vw,48px)}.pa-side.b{clip-path:none;margin-left:0;padding-left:clamp(24px,3.4vw,48px)}.pa-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.pa-steps{grid-template-columns:minmax(0,1fr)}}
