.ph-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ph-img{position:relative;display:flex;justify-content:center}
.ph-list{display:flex;flex-direction:column;gap:18px}
.ph-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.ph-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ai-indigo),var(--ai-violet),var(--ai-cyan));opacity:0;transition:opacity .25s}
.ph-card:hover{box-shadow:var(--shadow-ai);border-color:rgba(139,92,246,.3);transform:translateY(-2px)}
.ph-card:hover::before{opacity:1}
.ph-card-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.ph-ico{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--ai-indigo-lt),var(--ai-violet-lt));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ph-ico img{width:20px;height:20px;}
.ph-title{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.ph-desc{font-size:14px;color:var(--body);line-height:1.6;font-weight:400}
@media only screen and (min-width: 992px) {
	.ph-img img {
    	max-width: 50%;
	}
}
@media only screen and (max-width: 991px) {
	.ph-wrap {
    	grid-template-columns: 1fr;
    	gap: 34px;
	}
}